:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{box-sizing:border-box;border:none;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0 auto;display:flex}body{margin:0;padding:0;overflow-x:hidden}:root{--bg-primary:#050507;--bg-secondary:#0b0b0f;--bg-tertiary:#101015;--bg-card:#0e0e1299;--bg-card-hover:#16161cd9;--bg-glass:#050507bf;--bg-glass-heavy:#050507f2;--text-primary:#f3f3f6;--text-secondary:#a1a1aa;--text-tertiary:#6b6b75;--text-inverse:#050507;--font-primary:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Fraunces", "Lora", Georgia, serif;--font-mono:"Space Mono", SFMono-Regular, Consolas, monospace;--accent-primary:#8b5cf6;--accent-hover:#7c3aed;--accent-glow:#8b5cf640;--accent-teal:#14b8a6;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--border-subtle:#ffffff0f;--border-medium:#ffffff1f;--border-bold:#ffffff40;--glass-blur:blur(24px) saturate(160%);--shadow-sm:0 2px 10px #0000004d;--shadow-md:0 10px 30px #00000073;--shadow-lg:0 20px 50px #0009;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--max-width:1360px;--section-padding:8rem 2rem;--ease-editorial:cubic-bezier(.16, 1, .3, 1);--transition-fast:.25s var(--ease-editorial);--transition-normal:.4s var(--ease-editorial);--transition-slow:.8s var(--ease-editorial)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f8f8fa;--bg-card:#fff;--bg-card-hover:#fff;--bg-glass:#ffffffe6;--bg-glass-heavy:#fffffffa;--text-primary:#050507;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-subtle:#00000014;--border-medium:#00000026;--border-bold:#00000040;--shadow-sm:0 2px 12px #0000000d;--shadow-md:0 10px 30px #00000014;--shadow-lg:0 25px 60px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;overflow-x:hidden}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);width:100%;line-height:1.5;position:relative;overflow-x:hidden}#root{width:100%;max-width:100%;margin:0 auto}a{color:inherit;cursor:pointer;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,picture,svg,video{max-width:100%;display:block}.container{width:100%;max-width:var(--max-width);padding-left:var(--section-padding);padding-right:var(--section-padding);box-sizing:border-box;margin-left:auto;margin-right:auto}@media (width<=768px){.container{padding-left:1.5rem;padding-right:1.5rem}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.glass-dock{background:var(--bg-glass-heavy);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.serif-text{font-family:var(--font-serif)}.serif-ital{font-family:var(--font-serif);font-style:italic}.monospace{font-family:var(--font-mono)}.badge-editorial-v2{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:.5rem;width:fit-content;padding:.4rem 1rem;font-size:.75rem;display:inline-flex}.ambient-bg{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-glow-1{filter:blur(100px);background:radial-gradient(circle,#8b5cf60a 0%,#0000 70%);width:60vw;height:60vw;position:absolute;top:-15%;right:-15%}.ambient-glow-2{filter:blur(100px);background:radial-gradient(circle,#14b8a608 0%,#0000 70%);width:50vw;height:50vw;position:absolute;bottom:-15%;left:-15%}.custom-cursor{background-color:var(--text-primary);pointer-events:none;z-index:99999;mix-blend-mode:difference;border-radius:50%;width:8px;height:8px;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),background-color .3s,border .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.pointer{border:1px solid var(--text-primary);mix-blend-mode:difference;background-color:#0000;width:44px;height:44px}.custom-cursor.project{background-color:var(--accent-primary);mix-blend-mode:normal;border:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 10px 25px #7c3aed4d}.cursor-label{color:#fff;letter-spacing:.15em;font-size:.6875rem;font-weight:700;font-family:var(--font-mono)}@media (hover:hover) and (pointer:fine){body,a,button,[role=button],.project-row-item,.lang-btn,.icon-button,.ledger-row{cursor:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overflow:clip}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}[data-theme=light] .custom-cursor{mix-blend-mode:normal!important;background-color:#050507!important}[data-theme=light] .custom-cursor.pointer{background-color:#0000!important;border:1.5px solid #050507!important}[data-theme=light] .custom-cursor.project{mix-blend-mode:normal!important;background-color:var(--accent-primary)!important;box-shadow:0 10px 25px #8b5cf640!important}[data-theme=light] .cursor-label{color:#fff!important}.game-section{padding:var(--section-padding);background:var(--bg-primary);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.game-container{width:100%;max-width:var(--max-width);box-sizing:border-box;margin:0 auto;padding:0 2rem}.game-section-label{align-items:center;gap:1.5rem;margin-bottom:4rem;display:flex}.game-label-text{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-primary);text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700;position:relative}.game-label-text:before{content:"▶";vertical-align:middle;margin-right:.6em;font-size:.6em;animation:1.6s ease-in-out infinite blink-play}@keyframes blink-play{0%,to{opacity:1}50%{opacity:.2}}.game-label-line{background:var(--border-subtle);flex:1;height:1px}.game-idle{flex-direction:column;align-items:flex-start;gap:1.25rem;animation:.6s forwards fadeIn;display:flex}.game-idle-subtitle{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.875rem}.game-idle-title{font-family:var(--font-primary);letter-spacing:-.04em;color:var(--text-primary);margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1}.game-idle-hint{font-family:var(--font-serif);color:var(--text-tertiary);font-size:1.1rem;font-style:italic}.game-start-btn{background:var(--accent-primary);color:#fff;font-family:var(--font-mono);letter-spacing:.12em;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:none;align-items:center;gap:.6rem;margin-top:1rem;padding:.85rem 2rem;font-size:.875rem;font-weight:700;display:inline-flex}.game-start-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659}.game-countdown{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;animation:.3s forwards fadeIn;display:flex}.countdown-number{font-family:var(--font-primary);letter-spacing:-.05em;color:var(--text-primary);animation:countdown-pop .75s var(--ease-editorial) forwards;transform-origin:50%;font-size:clamp(6rem,20vw,14rem);font-weight:900;line-height:1}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.4)}40%{opacity:1;transform:scale(.95)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.game-playing{flex-direction:column;gap:2.5rem;width:100%;animation:.4s forwards fadeIn;display:flex}.game-hud{align-items:center;gap:1rem;height:2px;display:flex;position:relative}.game-progress{background:var(--border-subtle);border-radius:99px;flex:1;height:2px;overflow:hidden}.game-progress-bar{background:var(--accent-primary);border-radius:99px;height:100%;transition:width .25s}.game-combo{position:absolute;top:-18px;right:0}.combo-badge{font-family:var(--font-mono);letter-spacing:.05em;border-radius:var(--radius-sm);animation:combo-pop .25s var(--ease-editorial) forwards;padding:.2em .6em;font-size:.8rem;font-weight:800;display:inline-block}.combo-x2{color:var(--accent-primary);background:#8b5cf633}.combo-x3{color:var(--accent-amber);background:#f59e0b33}@keyframes combo-pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.beat-dots{align-items:center;gap:.6rem;display:flex}.beat-dot{background:var(--border-medium);border-radius:50%;width:8px;height:8px;transition:background .1s,transform .1s,box-shadow .1s}.beat-dot--active{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow);animation:.18s ease-out forwards beat-pulse;transform:scale(1.4)}.beat-dot--active.beat-dot--payoff{background:var(--accent-amber);box-shadow:0 0 14px #f59e0b66}@keyframes beat-pulse{0%{transform:scale(1.7)}60%{transform:scale(1.3)}to{transform:scale(1.4)}}.phrase-display{min-height:4rem;position:relative}.phrase-words{flex-wrap:wrap;align-items:baseline;gap:.4em .75em;display:flex}.phrase-word{font-family:var(--font-primary);letter-spacing:-.02em;font-size:clamp(1.25rem,3vw,2.25rem);font-weight:700;line-height:1.3;display:inline-block}.phrase-word--done{color:var(--text-primary);opacity:.45}.phrase-word--done.seg-2{color:var(--accent-primary);opacity:.6}.phrase-word--done.seg-3{color:var(--accent-primary);opacity:.75}.phrase-word--done.seg-4,.phrase-word--done.seg-5{color:var(--accent-amber);opacity:.7}.phrase-word--active{flex-wrap:nowrap;display:inline-flex}.phrase-letter{color:var(--text-tertiary);opacity:.3;transition:color .1s,transform .15s;display:inline-block}.phrase-letter--active{color:var(--text-tertiary);opacity:.3}.phrase-letter--current{animation:.5s ease-in-out infinite alternate letter-pulse;color:var(--accent-primary)!important;opacity:1!important}@keyframes letter-pulse{0%{text-shadow:0 0 0px var(--accent-glow)}to{text-shadow:0 0 16px var(--accent-glow)}}.phrase-letter--typed{animation:letter-typed .25s var(--ease-editorial) forwards;color:var(--text-primary)!important;opacity:1!important}@keyframes letter-typed{0%{transform:scale(1.2)translateY(-3px)}60%{transform:scale(.97)}to{transform:scale(1)translateY(0)}}.key-hint{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-medium);opacity:0;pointer-events:none;align-items:center;gap:.6rem;width:fit-content;padding:.5rem 1rem;transition:opacity .4s,transform .4s;display:flex;transform:translateY(4px)}.key-hint--visible{opacity:1;transform:translateY(0)}.key-hint-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-tertiary);text-transform:uppercase;font-size:.75rem}.key-hint-key{min-width:28px;height:28px;font-family:var(--font-mono);color:#fff;background:var(--accent-primary);box-shadow:0 3px 0 var(--accent-hover);border-radius:4px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.9rem;font-weight:800;animation:1s ease-in-out infinite key-hint-bounce;display:inline-flex}@keyframes key-hint-bounce{0%,to{box-shadow:0 3px 0 var(--accent-hover);transform:translateY(0)}50%{box-shadow:0 6px 0 var(--accent-hover);transform:translateY(-3px)}}.key-hint-arrow{color:var(--text-tertiary);font-size:.75rem;animation:1s ease-in-out infinite arrow-bounce}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.feedback-flash{font-family:var(--font-mono);letter-spacing:.18em;border-radius:var(--radius-sm);width:fit-content;padding:.25em .8em;font-size:.8rem;font-weight:800;animation:.5s forwards flash-in;display:inline-block}.feedback-flash--perfect{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.feedback-flash--good{color:var(--text-secondary);background:var(--border-subtle)}@keyframes flash-in{0%{opacity:0;transform:translateY(-4px)scale(.9)}30%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(3px)scale(.95)}}.keyboard-display{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem;display:flex}.keyboard-row{gap:.3rem;display:flex}.keyboard-row--1{padding-left:.4rem}.keyboard-row--2{padding-left:1.5rem}.key-cap{width:36px;height:36px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-bottom:2px solid var(--border-medium);border-radius:5px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:all 80ms;display:flex;position:relative}.key-cap--target{color:#fff;background:var(--accent-primary);border-color:var(--accent-hover);border-bottom-color:var(--accent-hover);box-shadow:0 0 18px var(--accent-glow), 0 4px 12px #8b5cf64d;animation:.8s ease-in-out infinite alternate key-target-pulse;transform:scale(1.08)}@keyframes key-target-pulse{0%{box-shadow:0 0 12px var(--accent-glow)}to{box-shadow:0 0 24px var(--accent-glow), 0 0 40px #8b5cf633}}.key-cap--pressed{color:#fff;background:#10b981;border-color:#059669;animation:.2s forwards key-press;transform:scale(.9)translateY(2px);box-shadow:0 2px 8px #10b98159}@keyframes key-press{0%{transform:scale(.88)translateY(2px)}60%{transform:scale(1.02)translateY(0)}to{transform:scale(1)translateY(0)}}.key-cap--missed{color:#fff;background:var(--accent-rose);border-color:#be123c;animation:.3s forwards key-shake}@keyframes key-shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{transform:translate(0)}}.mobile-tap-interface{flex-direction:column;align-items:center;gap:2rem;padding:2rem 1.5rem;display:flex}.mobile-current-letter{font-family:var(--font-primary);color:var(--accent-primary);text-shadow:0 0 40px var(--accent-glow);font-size:clamp(5rem,20vw,9rem);font-weight:900;line-height:1;animation:.5s ease-in-out infinite alternate letter-pulse}.mobile-tap-choices{gap:1rem;display:flex}.mobile-tap-btn{border-radius:var(--radius-lg);width:80px;height:80px;font-family:var(--font-mono);border:2px solid var(--border-medium);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;font-size:1.75rem;font-weight:800;transition:all .15s;display:flex}.mobile-tap-btn:active{transform:scale(.9)}.mobile-tap-btn--target{border-color:var(--accent-primary);color:var(--accent-primary);background:#8b5cf614}.game-ending{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;min-height:60vh;animation:.4s forwards fadeIn;display:flex}.ending-phrase{flex-wrap:wrap;justify-content:center;gap:.35em .6em;max-width:80vw;display:flex}.ending-word{font-family:var(--font-primary);letter-spacing:-.03em;color:var(--text-primary);animation:ending-word-pop .5s var(--ease-editorial) both;opacity:0;font-size:clamp(1.5rem,4vw,3rem);font-weight:800}@keyframes ending-word-pop{0%{opacity:0;transform:translateY(24px)scale(.85)}60%{opacity:1;transform:translateY(-4px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}.ending-payoff{font-family:var(--font-serif);color:var(--accent-primary);white-space:pre-line;font-size:clamp(1.25rem,2.5vw,2rem);font-style:italic;line-height:1.4;animation:.6s 1.2s both fadeIn}.game-score{flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:640px;animation:.5s forwards fadeIn;display:flex}.score-accuracy{font-family:var(--font-primary);letter-spacing:-.05em;color:var(--text-primary);font-size:clamp(4rem,12vw,8rem);font-weight:900;line-height:1}.score-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-top:-.5rem;font-size:.8rem}.score-message{font-family:var(--font-serif);color:var(--accent-primary);margin:.5rem 0;font-size:1.3rem;font-style:italic;line-height:1.5}.score-stats{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-sizing:border-box;gap:2rem;width:100%;padding:1.5rem 2rem;display:flex}.score-stat{flex-direction:column;gap:.25rem;display:flex}.score-stat-val{font-family:var(--font-primary);letter-spacing:-.03em;color:var(--text-primary);font-size:1.75rem;font-weight:800}.score-stat-lbl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-size:.7rem}.score-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.score-retry-btn{background:var(--accent-primary);color:#fff;font-family:var(--font-mono);letter-spacing:.1em;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;padding:.8rem 1.75rem;font-size:.85rem;font-weight:700;display:inline-flex}.score-retry-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf659}.score-work-link{font-family:var(--font-mono);color:var(--text-secondary);transition:color var(--transition-fast);font-size:.85rem;font-weight:600;text-decoration:none}.score-work-link:hover{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .keyboard-display{background:var(--bg-tertiary)}[data-theme=light] .key-cap{color:var(--text-secondary);background:#fff;border-color:#0000001a #0000001a #0003}[data-theme=light] .beat-dot{background:#00000026}@media (width<=640px){.game-section{padding:5rem 0 4rem}.game-container{padding:0 1.25rem}.keyboard-display{display:none}.game-section-label{margin-bottom:2.5rem}.score-stats{gap:1.25rem;padding:1rem 1.25rem}}