:root{--bg-primary: #0c0f0a;--bg-secondary: #1a1a2e;--text-primary: #e8e8e8;--text-secondary: #999;--text-tertiary: #777;--text-muted: #444;--border-color: rgba(255, 255, 255, .06);--border-color-hover: rgba(255, 0, 85, .3);--accent: #ff6b35;--accent-light: #ff6b8a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4);--surface: rgba(255, 255, 255, .08);--surface-strong: rgba(255, 255, 255, .14);--surface-muted: rgba(255, 255, 255, .04);--surface-overlay: rgba(0, 0, 0, .6);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--control-offset: 1rem;--control-size: clamp(44px, 9vw, 50px)}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666;--text-tertiary: #888;--text-muted: #bbb;--border-color: rgba(0, 0, 0, .08);--border-color-hover: rgba(255, 0, 85, .2);--accent: #ff6b35;--accent-light: #ff4466;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--surface: rgba(0, 0, 0, .04);--surface-strong: rgba(0, 0, 0, .08);--surface-muted: rgba(0, 0, 0, .03);--surface-overlay: rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;transition:background .3s ease,color .3s ease}body{min-height:100vh;min-height:100dvh;background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden;transition:background .3s ease,color .3s ease}.theme-toggle{position:fixed;top:max(var(--control-offset),var(--safe-top));right:max(var(--control-offset),var(--safe-right));z-index:1000;width:var(--control-size);height:var(--control-size);border-radius:50%;border:2px solid var(--text-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fullscreen-toggle{position:fixed;top:calc(max(var(--control-offset),var(--safe-top)) + var(--control-size) + .55rem);right:max(var(--control-offset),var(--safe-right));z-index:1000;width:var(--control-size);height:var(--control-size);border-radius:50%;border:2px solid var(--text-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;font-size:clamp(1rem,3vw,1.2rem);line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.install-toggle{position:fixed;top:calc(max(var(--control-offset),var(--safe-top)) + (var(--control-size) + .55rem) * 2);right:max(var(--control-offset),var(--safe-right));z-index:1000;min-height:40px;padding:.45rem .8rem;border-radius:999px;border:2px solid var(--accent);background:#ff6b35eb;color:#fff;cursor:pointer;display:inline-flex}.install-toggle[hidden]{display:none!important}.install-toggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.82rem;font-weight:700;letter-spacing:.02em;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.theme-toggle:hover,.fullscreen-toggle:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.install-toggle:hover{background:#ff6b35;border-color:var(--accent);transform:scale(1.04)}}.theme-toggle:active,.fullscreen-toggle:active{transform:scale(.95)}.install-toggle:active{transform:scale(.97)}.theme-icon{width:24px;height:24px;stroke-width:2.5;stroke:currentColor;fill:none;opacity:0;transition:opacity .3s ease;display:block;pointer-events:none}.theme-icon--dark{opacity:1}.theme-icon--light,[data-theme=light] .theme-icon--dark{opacity:0}[data-theme=light] .theme-icon--light{opacity:1}.game-exit{position:fixed;top:max(var(--control-offset),var(--safe-top));left:max(var(--control-offset),var(--safe-left));z-index:9999;background:#ff6b35e6;border:2px solid var(--accent);color:#fff;padding:.6rem 1.2rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 6.5rem);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.game-exit:hover{background:#ff6b35;transform:scale(1.05)}}.game-exit:active{transform:scale(.98)}@media (max-width: 640px){:root{--control-offset: .75rem}.theme-toggle,.fullscreen-toggle{border-width:1.5px}.install-toggle{border-width:1.5px;min-height:38px;padding:.4rem .7rem;font-size:.76rem}.theme-icon{width:22px;height:22px}.game-exit{padding:.55rem .9rem;font-size:.85rem;gap:.35rem;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 5.5rem)}}@media (max-width: 900px) and (max-height: 500px){:root{--control-offset: .5rem;--control-size: 38px}.theme-icon{width:18px;height:18px}.fullscreen-toggle{font-size:.95rem}.install-toggle{min-height:34px;padding:.35rem .6rem;font-size:.72rem}.game-exit{min-height:38px;padding:.4rem .7rem;font-size:.78rem;gap:.25rem}}:root{--mt-ease: cubic-bezier(.16, 1, .3, 1);--mt-ease-ui: cubic-bezier(.2, .8, .2, 1);--mt-spring: cubic-bezier(.34, 1.56, .64, 1);--mt-dur: .9s;--mt-travel: 28px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}html.js [data-reveal]:not(.is-in):not([data-reveal=words]){opacity:0}html.js [data-reveal=fade-up]:not(.is-in){transform:translate3d(0,var(--mt-travel),0) scale(.98)}html.js [data-reveal=slide-left]:not(.is-in){transform:translate3d(-40px,0,0)}html.js [data-reveal=slide-right]:not(.is-in){transform:translate3d(40px,0,0)}html.js [data-reveal=zoom]:not(.is-in){transform:translate3d(0,var(--mt-travel),0) scale(.96)}html.js [data-reveal=pop]:not(.is-in){transform:translate3d(0,24px,0) scale(.9)}html.js [data-reveal=card]:not(.is-in){transform:perspective(1000px) translateY(90px) rotateX(-14deg) rotateY(0) scale(.96)}html.js [data-reveal].is-in:not(.is-done){transition:opacity var(--mt-dur) var(--mt-ease) var(--mt-delay, 0ms),transform var(--mt-dur) var(--mt-ease) var(--mt-delay, 0ms)}html.js [data-reveal=pop].is-in:not(.is-done){transition:opacity .5s var(--mt-ease) var(--mt-delay, 0ms),transform .7s var(--mt-spring) var(--mt-delay, 0ms)}html.js [data-reveal=card].is-in:not(.is-done){transition:opacity 1.2s var(--mt-ease) var(--mt-delay, 0ms),transform 1.2s var(--mt-ease) var(--mt-delay, 0ms)}html.js [data-reveal=card]:not(.is-done){transform-origin:50% 100%}html.js [data-reveal=words]:not([data-mt-split]){opacity:0}html.js [data-reveal=words]:not(.is-in) .mt-w>span{opacity:0;transform:translateY(115%) rotate(5deg)}html.js [data-reveal=words].is-in .mt-w>span{transition:opacity .6s var(--mt-ease),transform 1.1s var(--mt-ease)}.mt-float{animation:mt-float 4s ease-in-out 1s infinite}@supports (animation-timeline: scroll()){body:after{content:"";position:fixed;inset:0 0 auto;height:3px;z-index:1001;pointer-events:none;transform-origin:0 50%;background:linear-gradient(90deg,#f05,#ff6b35);animation:mt-progress linear both;animation-timeline:scroll(root)}}}.mt-w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .06em .14em;margin:0 -.06em -.14em}.mt-w>span{display:inline-block;background:var(--mt-grad, none);-webkit-background-clip:text;background-clip:text}.mt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@keyframes mt-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mt-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}