@font-face{font-family:Nexblock Display;src:url(/fonts/BebasNeue-Regular.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Nexblock Sans;src:url(/fonts/SpaceGrotesk-Regular.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Nexblock Sans;src:url(/fonts/SpaceGrotesk-Bold.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Nexblock Mono;src:url(/fonts/SpaceMono-Regular.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}@layer tokens{:root,[data-theme=neon-night]{color-scheme:dark;--color-canvas:#050a14;--color-canvas-deep:#02050b;--color-surface:#0a1322;--color-surface-raised:#101d30;--color-surface-strong:#16253b;--color-text:#f7fbff;--color-text-soft:#c1ceda;--color-text-muted:#7f92a6;--color-text-faint:#516275;--color-border:#a6cbe626;--color-border-strong:#a6cbe647;--color-grid:#72a9cf17;--color-primary:#00f0ff;--color-primary-strong:#02bdcf;--color-secondary:#eb00ff;--color-highlight:#ffd500;--color-success:#00ff9d;--color-orange:#ff5e00;--color-blue:#4d7cff;--color-danger:#ff4f6d;--color-focus:#fff;--color-disabled:#405064;--surface-subtle:#0b192bb8;--surface-glass:#050a14d1;--primary-soft:#00f0ff1a;--primary-medium:#00f0ff38;--secondary-soft:#eb00ff1f;--highlight-soft:#ffd5001f;--font-display:"Nexblock Display", "Arial Narrow", sans-serif;--font-body:"Nexblock Sans", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"Nexblock Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--font-size-display:clamp(4.25rem, 7vw, 7rem);--font-size-h1-page:clamp(4rem, 8vw, 7rem);--font-size-h2:clamp(3.25rem, 6vw, 5.75rem);--font-size-h3:clamp(1.4rem, 2vw, 2rem);--font-size-body-lg:clamp(1.08rem, 1.5vw, 1.25rem);--font-size-body:1rem;--font-size-small:.8125rem;--container:77.5rem;--container-narrow:65rem;--header-height:5.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8.5rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.5rem;--radius-xl:2.5rem;--radius-pill:999px;--control-height:3.25rem;--shadow-soft:0 1.5rem 5rem #00000052;--shadow-primary:0 0 2.5rem #00f0ff29;--transition-fast:.16s ease;--transition-medium:.3s cubic-bezier(.2, .8, .2, 1)}}@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem)}body,h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}summary{list-style:none}summary::-webkit-details-marker{display:none}}@layer base{body{background:radial-gradient(circle at 18% 7%, #00f0ff0f, transparent 28rem), radial-gradient(circle at 83% 8%, #eb00ff0d, transparent 30rem), var(--color-canvas);min-width:20rem;min-height:100vh;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::selection{background:var(--color-primary);color:var(--color-canvas-deep)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}h1,h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;font-weight:400;line-height:.88}h3{color:var(--color-text);text-wrap:balance;font-weight:700;line-height:1.08}:lang(zh-CN) h1,:lang(zh-CN) h2{font-family:var(--font-body);letter-spacing:-.06em;text-transform:none;font-weight:700;line-height:1.02}p{color:var(--color-text-muted)}.container{width:min(calc(100% - 3rem), var(--container));margin-inline:auto}.section{padding-block:var(--space-10);position:relative}.eyebrow{align-items:center;gap:var(--space-3);color:var(--color-primary);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;line-height:1.4;display:flex}.eyebrow>span{background:currentColor;width:1.75rem;height:1px}.skip-link{top:var(--space-4);left:var(--space-4);z-index:1000;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-canvas);transition:transform var(--transition-fast);font-weight:700;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}}@layer components{.button{min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-body);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;padding:.25rem 1.25rem;font-size:.875rem;font-weight:700;line-height:1;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button[aria-disabled=true],.button:disabled{pointer-events:none;border-color:var(--color-disabled);color:var(--color-disabled);box-shadow:none;opacity:.7}.button--store,.button--primary{background:var(--color-primary);color:var(--color-canvas-deep);box-shadow:0 .75rem 2.25rem #00f0ff24}.button--store:hover,.button--primary:hover{background:var(--color-text);box-shadow:0 .75rem 2.75rem #00f0ff38}.button--store svg{width:1.15rem;height:1.15rem}.button--ghost{border-color:var(--color-border-strong);color:var(--color-text-soft);background:#ffffff05}.button--ghost:hover{border-color:var(--color-primary);background:var(--primary-soft);color:var(--color-text)}.button--inverse{background:var(--color-canvas-deep);color:var(--color-text);box-shadow:none}.button--inverse:hover{background:var(--color-surface-strong);color:var(--color-text)}.button--compact{min-height:2.6rem;padding-inline:1rem;font-size:.78rem}.button-arrow{font-family:var(--font-mono);font-size:.9em}.brand-lockup{align-items:center;gap:.78rem;display:inline-flex}.brand-icon{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:.7rem;flex:none;width:2.6rem;height:2.6rem;overflow:hidden;box-shadow:0 0 1.75rem #00f0ff1a}.brand-icon img{object-fit:cover;width:100%;height:100%}.brand-word{font-family:var(--font-display);letter-spacing:.075em;font-size:1.45rem;line-height:1}.site-header{z-index:100;height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--surface-glass);-webkit-backdrop-filter:blur(1.1rem)saturate(135%);position:sticky;top:0}.nav-shell{align-items:center;gap:var(--space-6);grid-template-columns:1fr auto 1fr;height:100%;display:grid}.brand-link{width:max-content}.nav-links{align-items:center;gap:var(--space-6);display:flex}.nav-links a,.locale-link{color:var(--color-text-muted);transition:color var(--transition-fast);padding-block:.5rem;font-size:.82rem;font-weight:700;position:relative}.nav-links a:after{content:"";transform-origin:100%;background:var(--color-primary);height:1px;transition:transform var(--transition-medium);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.locale-link:hover{color:var(--color-text)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-actions{justify-self:end;align-items:center;gap:var(--space-5);display:flex}.mobile-menu{justify-self:end;display:none}.mobile-menu>summary{cursor:pointer;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--surface-subtle);place-content:center;gap:.4rem;width:2.75rem;height:2.75rem;display:grid}.mobile-menu>summary span{background:var(--color-text);width:1rem;height:1px;transition:transform var(--transition-fast);display:block}.mobile-menu[open]>summary span:first-child{transform:translateY(.2rem)rotate(45deg)}.mobile-menu[open]>summary span:last-child{transform:translateY(-.2rem)rotate(-45deg)}.mobile-menu__panel{top:calc(var(--header-height) - 1px);padding:var(--space-5) max(1.5rem, calc((100vw - var(--container)) / 2));border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border-strong);background:var(--color-canvas);box-shadow:var(--shadow-soft);gap:0;display:grid;position:fixed;left:0;right:0}.mobile-menu__panel>a:not(.button){padding-block:var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-soft);font-weight:700}.mobile-menu__panel .button{margin-top:var(--space-5)}.site-footer{padding-top:var(--space-9);border-top:1px solid var(--color-border);background:var(--color-canvas-deep)}.footer-grid{gap:var(--space-7);padding-bottom:var(--space-8);grid-template-columns:minmax(18rem,1.7fr) repeat(3,1fr);display:grid}.footer-brand p{max-width:18rem;margin-top:var(--space-5);color:var(--color-text-soft)}.footer-brand>span{margin-top:var(--space-2);color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;display:block}.footer-column{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.footer-column strong{margin-bottom:var(--space-2);color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.footer-column a{color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.875rem}.footer-column a:hover{color:var(--color-primary)}.footer-bottom{padding-block:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.65rem;display:flex}}@layer home{.hero-section{min-height:calc(100svh - var(--header-height));border-bottom:1px solid var(--color-border);align-items:center;display:flex;position:relative;overflow:hidden}.hero-grid-bg,.content-hero__grid,.cta-panel__grid{pointer-events:none;background-image:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-size:4rem 4rem;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 88%)}.hero-grid-bg:after{content:"";background:linear-gradient(90deg, var(--color-canvas) 0%, transparent 36%, transparent 68%, var(--color-canvas) 100%);position:absolute;inset:0}.hero-flare{pointer-events:none;filter:blur(3rem);opacity:.12;border-radius:50%;width:32rem;height:32rem;position:absolute}.hero-flare--cyan{background:var(--color-primary);top:-18rem;right:25%}.hero-flare--pink{background:var(--color-secondary);bottom:-12rem;right:-20rem}.hero-layout{z-index:2;grid-template-columns:minmax(0,1.05fr) minmax(26rem,.95fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding-block:clamp(5rem,10vh,8rem);display:grid;position:relative}.hero-copy{z-index:3;position:relative}.hero-copy h1{margin-top:var(--space-5);font-size:var(--font-size-display)}.hero-copy h1>span{display:block}.display-outline{color:#0000;-webkit-text-stroke:1.5px var(--color-text-soft);text-shadow:0 0 2.2rem #00f0ff14}:lang(zh-CN) .display-outline{color:var(--color-primary);-webkit-text-stroke:0;text-shadow:0 0 2.5rem #00f0ff2e}.hero-lead{max-width:40rem;margin-top:var(--space-6);color:var(--color-text-soft);font-size:var(--font-size-body-lg);line-height:1.72}.hero-actions{gap:var(--space-3);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.availability{align-items:center;gap:var(--space-3);margin-top:var(--space-5);color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.67rem;display:flex}.availability>span,.status-dot{background:var(--color-success);width:.45rem;height:.45rem;box-shadow:0 0 .85rem var(--color-success);border-radius:50%;flex:none}.signal-list{max-width:39rem;margin-top:var(--space-8);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);list-style:none;display:grid}.signal-list li{align-items:center;gap:var(--space-3);min-height:4.5rem;padding:var(--space-4);border-right:1px solid var(--color-border);color:var(--color-text-muted);font-size:.78rem;line-height:1.3;display:flex}.signal-list li:last-child{border-right:0}.signal-list li span{color:var(--color-primary);font-family:var(--font-mono);font-size:.62rem}.game-visual{isolation:isolate;justify-self:end;width:min(100%,32rem);padding:2.6rem;position:relative}.game-visual:before{content:"";z-index:-2;border:1px solid var(--color-border-strong);background:linear-gradient(145deg, var(--primary-soft), transparent 55%, var(--secondary-soft));clip-path:polygon(0 8%,92% 0,100% 92%,9% 100%);position:absolute;inset:7% 2% 5% 7%;transform:rotate(-3deg)}.orbit{z-index:-1;pointer-events:none;border:1px dashed var(--color-border-strong);border-radius:50%;position:absolute}.orbit--one{width:34rem;height:34rem;animation:42s linear infinite orbit-spin;top:4rem;left:-1rem}.orbit--two{border-color:#eb00ff2e;width:25rem;height:25rem;animation:32s linear infinite reverse orbit-spin;top:8.5rem;left:3.5rem}@keyframes orbit-spin{to{transform:rotate(1turn)}}.game-shell{z-index:2;border:1px solid var(--color-border-strong);background:linear-gradient(180deg, #ffffff0a, transparent 16%), var(--color-canvas-deep);box-shadow:0 0 0 .45rem #050a14b3, 0 0 0 .5rem var(--color-border), var(--shadow-soft), var(--shadow-primary);border-radius:2.1rem;padding:1.15rem;position:relative;overflow:hidden}.game-shell__top{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:.25rem .35rem .9rem;font-size:.58rem;display:flex}.game-shell__top>div{align-items:center;gap:var(--space-2);display:flex}.game-shell__mark{color:var(--color-text-faint)}.game-hud{gap:var(--space-4);grid-template-columns:1fr 1fr;padding:1.1rem .35rem .9rem;display:grid}.game-hud>div:last-child{text-align:right}.game-hud span,.piece-dock__label{color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.54rem;display:block}.game-hud strong{letter-spacing:-.03em;margin-top:.15rem;font-size:1.15rem;display:block}.text-accent{color:var(--color-secondary)}.board-wrap{position:relative}.game-board{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#050a14db;grid-template-columns:repeat(10,1fr);gap:.22rem;padding:.4rem;display:grid}.board-cell{aspect-ratio:1;background:#ffffff05;border:1px solid #9cc3e014;border-radius:.22rem}.board-cell--cyan,.mini-piece__cell--cyan{--cell:var(--color-primary)}.board-cell--pink,.mini-piece__cell--pink{--cell:var(--color-secondary)}.board-cell--yellow,.mini-piece__cell--yellow{--cell:var(--color-highlight)}.board-cell--green,.mini-piece__cell--green{--cell:var(--color-success)}.board-cell--orange,.mini-piece__cell--orange{--cell:var(--color-orange)}.board-cell--blue,.mini-piece__cell--blue{--cell:var(--color-blue)}[class*=board-cell--]{border-color:color-mix(in srgb, var(--cell), white 28%);background:color-mix(in srgb, var(--cell), transparent 24%);box-shadow:inset 0 0 0 1px #ffffff21, 0 0 .8rem color-mix(in srgb, var(--cell), transparent 68%)}.combo-toast{z-index:3;align-items:center;gap:var(--space-2);border:1px solid var(--color-highlight);background:var(--color-highlight);color:var(--color-canvas-deep);font-family:var(--font-mono);letter-spacing:.08em;border-radius:.35rem;padding:.5rem .75rem;font-size:.58rem;font-weight:700;display:flex;position:absolute;top:30%;left:-.8rem;transform:rotate(-4deg);box-shadow:0 0 1.5rem #ffd50038}.combo-toast span{font-size:.9rem}.piece-dock{margin-top:var(--space-4);border-top:1px solid var(--color-border);padding:.8rem .35rem .2rem}.piece-list{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.mini-piece{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff04;grid-template-columns:repeat(4,1fr);gap:.16rem;padding:.5rem;display:grid}.mini-piece__cell{aspect-ratio:1;border-radius:.12rem}[class*=mini-piece__cell--]{background:var(--cell);box-shadow:0 0 .55rem color-mix(in srgb, var(--cell), transparent 60%)}.floating-stat{z-index:4;border:1px solid var(--color-border-strong);box-shadow:var(--shadow-soft);backdrop-filter:blur(.75rem);background:#0a1322eb;align-items:center;display:flex;position:absolute}.floating-stat--combo{border-radius:.4rem;flex-direction:column;align-items:flex-start;padding:.65rem .85rem;top:18%;right:-1.2rem;transform:rotate(4deg)}.floating-stat--combo span{color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:.12em;font-size:.5rem}.floating-stat--combo strong{color:var(--color-primary);font-family:var(--font-mono);font-size:1rem}.floating-stat--clear{gap:var(--space-2);border-radius:var(--radius-pill);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;padding:.6rem .75rem;font-size:.48rem;line-height:1.2;bottom:11%;right:0;transform:translate(18%)}.floating-stat--clear i{background:var(--color-success);width:.65rem;height:.65rem;box-shadow:0 0 .75rem var(--color-success);border-radius:.18rem}.rhythm-strip{border-bottom:1px solid var(--color-border);background:var(--color-canvas-deep);overflow:hidden}.rhythm-strip__track{align-items:center;width:max-content;animation:34s linear infinite rhythm-scroll;display:flex}.rhythm-strip__track>span{justify-content:center;align-items:center;gap:var(--space-4);border-right:1px solid var(--color-border);min-width:14rem;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;padding-block:1.15rem;font-size:.7rem;display:flex}.rhythm-dot{background:var(--color-primary);border-radius:.15rem;width:.5rem;height:.5rem;box-shadow:0 0 .6rem}.rhythm-dot--2{background:var(--color-secondary)}.rhythm-dot--3{background:var(--color-highlight)}.rhythm-dot--4{background:var(--color-blue)}.rhythm-dot--5{background:var(--color-success)}@keyframes rhythm-scroll{to{transform:translate(-50%)}}.section-heading h2{margin-top:var(--space-4);font-size:var(--font-size-h2)}.section-heading--split{align-items:end;gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);display:grid}.section-heading--split>p{max-width:32rem;padding-bottom:var(--space-3);color:var(--color-text-soft);font-size:var(--font-size-body-lg)}.section-heading--centered{max-width:53rem;margin:0 auto var(--space-8);text-align:center}.section-heading--centered .eyebrow{justify-content:center}.section-heading--centered>p:last-child{max-width:38rem;margin:var(--space-5) auto 0;color:var(--color-text-soft);font-size:var(--font-size-body-lg)}.feature-grid{border-top:1px solid var(--color-border-strong);border-left:1px solid var(--color-border-strong);grid-template-columns:repeat(6,1fr);display:grid}.feature-card{--tone:var(--color-primary);border-right:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--tone), transparent 88%), transparent 14rem), var(--color-surface);min-height:25rem;transition:background-color var(--transition-medium), transform var(--transition-medium);flex-direction:column;grid-column:span 3;justify-content:space-between;padding:clamp(1.5rem,3vw,2.5rem);display:flex;overflow:hidden}.feature-card:hover{background-color:var(--color-surface-raised)}.feature-card--wide{grid-column:span 4}.feature-card:nth-child(2){grid-column:span 2}.feature-card--cyan{--tone:var(--color-primary)}.feature-card--pink{--tone:var(--color-secondary)}.feature-card--yellow{--tone:var(--color-highlight)}.feature-card--blue{--tone:var(--color-blue)}.feature-card__top{justify-content:space-between;align-items:flex-start;display:flex}.feature-index{color:var(--tone);font-family:var(--font-mono);font-size:.66rem}.feature-glyph{width:3.5rem;height:3.5rem;color:var(--tone)}.feature-glyph svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:100%;height:100%}.feature-glyph .glyph-fill{fill:currentColor;stroke:none}.feature-card h3{max-width:26rem;font-size:var(--font-size-h3)}.feature-card p{max-width:29rem;margin-top:var(--space-4)}.precision-rail{margin-top:var(--space-6);grid-template-columns:repeat(9,1fr);gap:.3rem;display:grid}.precision-rail span{aspect-ratio:1;border:1px solid var(--color-border);background:#ffffff05;border-radius:.2rem}.precision-rail span.is-active{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 1rem #00f0ff47}.section--modes{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(90deg, transparent 49.95%, var(--color-border) 50%, transparent 50.05%), var(--color-canvas-deep);overflow:hidden}.mode-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.mode-panel{border:1px solid var(--color-border-strong);background:var(--color-surface);grid-template-rows:auto auto 1fr auto;min-height:43rem;display:grid;position:relative;overflow:hidden}.mode-panel--levels{--mode-tone:var(--color-secondary)}.mode-panel--endless{--mode-tone:var(--color-primary)}.mode-panel__header,.mode-panel__footer{padding:var(--space-4) var(--space-5);color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.62rem;display:flex}.mode-panel__header{border-bottom:1px solid var(--color-border)}.mode-panel__header i{background:var(--mode-tone);width:.48rem;height:.48rem;box-shadow:0 0 .75rem var(--mode-tone);border-radius:50%}.mode-panel__copy{padding:var(--space-7) var(--space-7) 0}.mode-panel__copy h3{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:clamp(3.5rem,6vw,6.5rem);font-weight:400}:lang(zh-CN) .mode-panel__copy h3{font-family:var(--font-body);letter-spacing:-.05em;text-transform:none;font-size:clamp(2.75rem,5vw,4.5rem);font-weight:700}.mode-panel__copy p{max-width:31rem;margin-top:var(--space-4);color:var(--color-text-soft)}.mode-panel__visual{min-height:22rem;margin:var(--space-6) var(--space-7);border:1px solid var(--color-border);background-image:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-size:2.25rem 2.25rem;position:relative;overflow:hidden}.mode-panel__visual--endless{justify-content:center;align-items:center;display:flex}.score-stack{z-index:2;color:var(--color-text-faint);font-family:var(--font-display);letter-spacing:.08em;flex-direction:column;align-items:center;font-size:2.4rem;line-height:1;display:flex;position:relative}.score-stack strong{color:var(--color-primary);text-shadow:0 0 2rem #00f0ff4d;font-size:7rem;font-weight:400}.score-line{background:var(--color-primary);height:1px;box-shadow:0 0 1rem var(--color-primary);position:absolute;top:50%;left:8%;right:8%}.score-pulse{background:var(--color-highlight);color:var(--color-canvas-deep);font-family:var(--font-mono);padding:.4rem .55rem;font-size:.7rem;font-weight:700;position:absolute;top:28%;right:14%;transform:rotate(6deg)}.mode-panel__visual--levels{place-content:center;display:grid}.level-orbit{border:1px solid var(--color-secondary);border-radius:50%;place-items:center;width:12rem;height:12rem;display:grid;box-shadow:0 0 0 2rem #eb00ff0a,0 0 0 4rem #eb00ff05,0 0 3rem #eb00ff29}.level-orbit:before,.level-orbit:after{content:"";background:var(--color-secondary);position:absolute}.level-orbit:before{width:1px;height:80%}.level-orbit:after{width:80%;height:1px}.level-orbit span{z-index:2;background:var(--color-secondary);width:5.5rem;height:5.5rem;color:var(--color-canvas-deep);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:4rem;line-height:1;display:grid;position:relative}.level-progress{grid-template-columns:repeat(5,1fr);gap:.3rem;display:grid;position:absolute;bottom:10%;left:10%;right:10%}.level-progress span{background:color-mix(in srgb, var(--color-secondary) calc(var(--step) * 18%), var(--color-surface-strong));height:.25rem}.mode-panel__footer{border-top:1px solid var(--color-border)}.mode-panel__footer span:last-child{color:var(--mode-tone);font-size:1rem}.loop-layout{grid-template-columns:minmax(20rem,.8fr) minmax(0,1.2fr);gap:clamp(4rem,9vw,9rem);display:grid}.loop-intro{top:calc(var(--header-height) + var(--space-7));align-self:start;position:sticky}.loop-intro h2{max-width:33rem;margin-top:var(--space-5);font-size:var(--font-size-h2)}.loop-motif{margin-top:var(--space-8);grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.loop-motif span{aspect-ratio:1;border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:.35rem}.loop-motif span:first-child{background:var(--color-primary);box-shadow:0 0 1.5rem #00f0ff33}.loop-motif span:nth-child(3){background:var(--color-secondary);box-shadow:0 0 1.5rem #eb00ff33}.loop-motif span:nth-child(5){background:var(--color-highlight);box-shadow:0 0 1.5rem #ffd50033}.loop-steps{border-top:1px solid var(--color-border-strong);list-style:none}.loop-steps li{align-items:center;gap:var(--space-6);min-height:13rem;padding:var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border-strong);transition:background-color var(--transition-medium);grid-template-columns:3rem 1fr auto;display:grid}.loop-steps li:hover{background:var(--primary-soft)}.loop-steps li>span{color:var(--color-primary);font-family:var(--font-mono);align-self:start;padding-top:.4rem;font-size:.68rem}.loop-steps h3{font-size:var(--font-size-h3)}.loop-steps p{max-width:31rem;margin-top:var(--space-3)}.loop-steps li>i{color:var(--color-text-faint);font-family:var(--font-mono);font-size:1.35rem;font-style:normal}.section--faq{border-top:1px solid var(--color-border);background:var(--color-canvas-deep)}.faq-layout{grid-template-columns:minmax(18rem,.7fr) minmax(0,1.3fr);gap:clamp(4rem,10vw,10rem);display:grid}.faq-intro h2{max-width:26rem;margin-top:var(--space-5);font-size:var(--font-size-h2)}.text-link{align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-primary);color:var(--color-text-soft);transition:color var(--transition-fast);font-size:.86rem;font-weight:700;display:inline-flex}.text-link:hover{color:var(--color-primary)}.faq-list{border-top:1px solid var(--color-border-strong)}.faq-item{border-bottom:1px solid var(--color-border-strong)}.faq-item summary{align-items:center;gap:var(--space-5);min-height:6rem;padding:var(--space-4) 0;cursor:pointer;grid-template-columns:2.5rem 1fr auto;display:grid}.faq-item summary>span{color:var(--color-primary);font-family:var(--font-mono);font-size:.62rem}.faq-item summary strong{color:var(--color-text-soft);transition:color var(--transition-fast);font-size:1.08rem}.faq-item summary:hover strong,.faq-item[open] summary strong{color:var(--color-text)}.faq-item summary i{width:1rem;height:1rem;position:relative}.faq-item summary i:before,.faq-item summary i:after{content:"";background:var(--color-text-muted);width:100%;height:1px;transition:transform var(--transition-fast);position:absolute;top:50%;left:0}.faq-item summary i:after{transform:rotate(90deg)}.faq-item[open] summary i:after{transform:rotate(0)}.faq-item>p,.faq-item>div{max-width:40rem;padding:0 3rem var(--space-6) 4.9rem}.faq-item>div p+p{margin-top:var(--space-3)}.section--cta{background:var(--color-canvas-deep)}.cta-panel{border:1px solid var(--color-primary);background:var(--color-primary);min-height:35rem;color:var(--color-canvas-deep);place-items:center;display:grid;position:relative;overflow:hidden}.cta-panel__grid{opacity:.28;background-image:linear-gradient(#050a142e 1px,#0000 1px),linear-gradient(90deg,#050a142e 1px,#0000 1px);mask-image:radial-gradient(circle,#000,#0000 80%)}.cta-panel__content{z-index:2;max-width:52rem;padding:var(--space-7);text-align:center;position:relative}.cta-panel .eyebrow{color:var(--color-canvas-deep);justify-content:center}.cta-panel h2{margin-top:var(--space-5);color:var(--color-canvas-deep);font-size:var(--font-size-h2)}.cta-panel p:not(.eyebrow){max-width:34rem;margin:var(--space-5) auto var(--space-7);color:#02050bb3;font-size:var(--font-size-body-lg)}.cta-blocks{position:absolute;inset:0}.cta-blocks span{aspect-ratio:1;background:#ffffff14;border:1px solid #02050b59;border-radius:.55rem;width:4.5rem;position:absolute}.cta-blocks span:first-child{top:9%;left:6%;transform:rotate(-8deg)}.cta-blocks span:nth-child(2){top:24%;left:14%;transform:rotate(5deg)}.cta-blocks span:nth-child(3){bottom:11%;right:9%;transform:rotate(12deg)}.cta-blocks span:nth-child(4){bottom:28%;right:16%;transform:rotate(-4deg)}.cta-blocks span:nth-child(5){width:2.5rem;top:6%;right:28%;transform:rotate(8deg)}}@layer content-pages{.content-hero{border-bottom:1px solid var(--color-border);background:var(--color-canvas-deep);align-items:center;min-height:38rem;display:flex;position:relative;overflow:hidden}.content-hero__grid{opacity:.9}.content-hero__inner{z-index:2;align-items:center;gap:var(--space-8);padding-block:var(--space-9);grid-template-columns:minmax(0,1fr) 24rem;display:grid;position:relative}.back-link{align-items:center;gap:var(--space-3);margin-bottom:var(--space-7);color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.82rem;font-weight:700;display:inline-flex}.back-link:hover{color:var(--color-primary)}.content-hero h1{max-width:58rem;margin-top:var(--space-4);font-size:var(--font-size-h1-page)}.content-hero__intro{max-width:43rem;margin-top:var(--space-6);color:var(--color-text-soft);font-size:var(--font-size-body-lg)}.content-updated{margin-top:var(--space-5);color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.content-constellation{grid-template-columns:repeat(4,1fr);gap:.65rem;display:grid;transform:rotate(-4deg)}.content-constellation span{aspect-ratio:1;border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:.65rem}.content-constellation span:first-child{background:var(--color-primary);grid-column:2;box-shadow:0 0 2rem #00f0ff38}.content-constellation span:nth-child(2){grid-column:1}.content-constellation span:nth-child(3){background:var(--color-secondary);box-shadow:0 0 2rem #eb00ff2e}.content-constellation span:nth-child(4){background:var(--color-highlight);box-shadow:0 0 2rem #ffd5002e}.content-constellation span:nth-child(5){background:var(--color-blue);grid-column:2}.content-constellation span:nth-child(6){background:var(--color-success)}.article-layout{padding-block:var(--space-9) var(--space-10);grid-template-columns:16rem minmax(0,1fr);gap:clamp(4rem,9vw,9rem);display:grid}.article-index{top:calc(var(--header-height) + var(--space-6));align-self:start;position:sticky}.article-index>span{color:var(--color-primary);font-family:var(--font-mono);letter-spacing:.12em;font-size:.63rem}.article-index ol{margin-top:var(--space-5);border-top:1px solid var(--color-border-strong);list-style:none}.article-index li{border-bottom:1px solid var(--color-border)}.article-index li a{padding-block:var(--space-3);color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.78rem;line-height:1.35;display:block}.article-index li a:hover{color:var(--color-text)}.support-chip{align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-soft);font-family:var(--font-mono);font-size:.64rem;display:flex}.support-chip span{background:var(--color-success);width:.45rem;height:.45rem;box-shadow:0 0 .6rem var(--color-success);border-radius:50%}.article-content{border-top:1px solid var(--color-border-strong)}.article-section{gap:var(--space-6);padding-block:var(--space-7);border-bottom:1px solid var(--color-border-strong);scroll-margin-top:calc(var(--header-height) + 2rem);grid-template-columns:3.25rem minmax(0,1fr);display:grid}.article-section__number{color:var(--color-primary);font-family:var(--font-mono);padding-top:.25rem;font-size:.67rem}.article-section h2{font-family:var(--font-body);letter-spacing:-.035em;text-transform:none;font-size:clamp(1.45rem,2.5vw,2rem);font-weight:700;line-height:1.15}.article-section p{max-width:48rem;margin-top:var(--space-4);color:var(--color-text-soft);font-size:1.03rem;line-height:1.8}.article-content a{color:var(--color-primary);text-decoration:underline;text-decoration-color:var(--primary-medium);text-underline-offset:.2em}.article-content--faq{border-top:1px solid var(--color-border-strong)}.faq-item--page{scroll-margin-top:calc(var(--header-height) + 2rem)}.faq-item--page summary{min-height:7rem}.faq-item--page>div{padding-bottom:var(--space-7)}.not-found{min-height:calc(100svh - var(--header-height));padding-block:var(--space-9);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.not-found__code{color:var(--color-primary);font-family:var(--font-mono);letter-spacing:.16em;font-size:.72rem}.not-found h1{margin-top:var(--space-5);font-size:var(--font-size-h1-page)}.not-found>p:not(.eyebrow){max-width:36rem;margin-top:var(--space-5);font-size:var(--font-size-body-lg)}.not-found .button{margin-top:var(--space-7)}}@layer responsive{@media (width<=68rem){:root{--space-10:7rem}.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(23rem,.95fr);gap:2rem}.game-visual{padding-inline:1rem}.feature-card,.feature-card:nth-child(2){grid-column:span 3}.feature-card--wide{grid-column:span 6;min-height:23rem}.content-hero__inner{grid-template-columns:minmax(0,1fr) 18rem}}@media (width<=56rem){:root{--header-height:4.75rem;--space-9:5rem;--space-10:6rem}.container{width:min(calc(100% - 2.5rem), var(--container))}.nav-shell{grid-template-columns:1fr auto}.nav-links--desktop,.nav-actions--desktop{display:none}.mobile-menu{display:block}.hero-section{min-height:auto}.hero-layout{gap:var(--space-8);padding-top:var(--space-8);grid-template-columns:1fr}.hero-copy{max-width:46rem}.game-visual{justify-self:center;width:min(100%,34rem)}.section-heading--split,.loop-layout,.faq-layout{gap:var(--space-7);grid-template-columns:1fr}.section-heading--split>p{padding-bottom:0}.mode-panel{min-height:38rem}.mode-panel__copy,.mode-panel__visual{margin-inline:var(--space-5)}.mode-panel__copy{padding-inline:0}.loop-intro{position:static}.loop-motif{max-width:24rem}.faq-intro h2{max-width:38rem}.content-hero{min-height:32rem}.content-hero__inner{grid-template-columns:1fr}.content-constellation{display:none}.article-layout{gap:var(--space-7);grid-template-columns:1fr}.article-index{position:static}.article-index ol{gap:var(--space-2) var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--color-border-strong);flex-wrap:wrap;display:flex}.article-index li{border:0}.support-chip{width:max-content}.footer-grid{grid-template-columns:1.6fr 1fr 1fr}.footer-column--locale{grid-column:2}}@media (width<=44rem){:root{--font-size-display:clamp(3.5rem, 15vw, 4.75rem);--font-size-h2:clamp(2.9rem, 16vw, 4.5rem);--space-8:3rem;--space-9:4.5rem;--space-10:5rem}.container{width:min(calc(100% - 2rem), var(--container))}.brand-icon{width:2.25rem;height:2.25rem}.brand-word{font-size:1.25rem}.hero-layout{padding-top:var(--space-7)}.hero-copy h1{font-size:var(--font-size-display)}:lang(zh-CN) .hero-copy h1{font-size:clamp(3rem,12vw,4.25rem)}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.signal-list{margin-top:var(--space-7);grid-template-columns:1fr}.signal-list li{border-right:0;border-bottom:1px solid var(--color-border);min-height:auto}.signal-list li:last-child{border-bottom:0}.game-visual{padding:1.7rem .25rem}.orbit{display:none}.game-shell{border-radius:1.65rem}.floating-stat--combo{top:9%;right:-.35rem}.floating-stat--clear{bottom:5%;right:.3rem;transform:none}.rhythm-strip__track>span{min-width:10rem}.section-heading--centered{text-align:left}.section-heading--centered .eyebrow{justify-content:flex-start}.section-heading--centered>p:last-child{margin-inline:0}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card--wide,.feature-card:nth-child(2){grid-column:1;min-height:22rem}.precision-rail{gap:.2rem}.mode-grid{grid-template-columns:1fr}.section--modes{background:var(--color-canvas-deep)}.mode-panel{min-height:36rem}.mode-panel__visual{min-height:18rem;margin:var(--space-5)}.score-stack strong{font-size:5.25rem}.level-orbit{width:9.5rem;height:9.5rem}.loop-steps li{gap:var(--space-4);grid-template-columns:2.25rem 1fr;padding-inline:0}.loop-steps li>i{display:none}.faq-item summary{gap:var(--space-3);grid-template-columns:2rem 1fr auto}.faq-item>p,.faq-item>div{padding-left:3.1rem;padding-right:var(--space-4)}.cta-panel{min-height:32rem}.cta-panel__content{padding-inline:var(--space-5)}.cta-blocks span{width:3rem}.content-hero{min-height:30rem}.content-hero h1{font-size:clamp(3.75rem,19vw,5.5rem)}:lang(zh-CN) .content-hero h1{font-size:clamp(3rem,14vw,4.5rem)}.article-section{gap:var(--space-4);grid-template-columns:2rem minmax(0,1fr)}.footer-grid{gap:var(--space-7) var(--space-5);grid-template-columns:1fr 1fr}.footer-brand,.footer-column--locale{grid-column:1/-1}.footer-bottom{gap:var(--space-2);flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.rhythm-strip__track{animation:none}}@media print{.site-header,.site-footer,.article-index,.content-constellation{display:none!important}body{color:#000;background:#fff}p,.article-section p{color:#222}.article-layout{padding-block:2rem;display:block}}}