:root{--bg:#000;--grid:#151515;--fg:#f5f5f5;--muted:#8a8a8a;--accent:#2b5cff;--accent-2:#67e8f9;--danger:#ef4444;--ok:#22c55e;--font-pixel:"Press Start 2P", monospace}body{background-color:var(--bg);color:var(--fg);margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}.flex{display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:14px}.text-2xl{font-size:24px}.font-bold{font-weight:700}.mt-1{margin-top:4px}.mb-8{margin-bottom:32px}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.text-gray-400{color:#9ca3af}.text-yellow-400{color:#facc15}.text-red-500{color:#ef4444}.text-cyan-400{color:#22d3ee}.text-green-400{color:#4ade80}.min-w-\[250px\]{min-width:250px}#scene-game3d{width:100%;height:100dvh;position:fixed;inset:0}#scene-game3d[hidden]{display:none!important}.three-loading{margin:0;padding:32px;font:16px system-ui,sans-serif}#game-container{background:var(--bg);width:100vw;height:100vh;position:relative}#game-container:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#2b5cff14 0%,#0000 70%);position:absolute;inset:0}#webcam{display:none}#canvas-stage{position:absolute;inset:0}#game-canvas{object-fit:cover;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}#game-canvas.mirrored{transform:scaleX(-1)}#touch-tools[hidden],#touch-progress[hidden]{display:none}#ui-layer{z-index:20;pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.status-box{border:1px solid var(--grid);text-align:center;pointer-events:auto;background:#000000d1;border-radius:4px;padding:1rem 2rem;transition:border-color .2s,box-shadow .2s}.hud-title{font-family:var(--font-pixel);letter-spacing:2px;color:var(--fg);margin:0;font-size:13px}.hud-menu-btn{pointer-events:auto;cursor:pointer;color:var(--fg);border:2px solid var(--grid);font:12px/1 var(--font-pixel);letter-spacing:1px;background:0 0;border-radius:4px;margin-top:10px;padding:8px 16px;transition:border-color .15s,transform .15s}.hud-menu-btn:hover,.hud-menu-btn:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-1px)}.recording{border-color:var(--danger);box-shadow:0 0 16px #ef444459}.playing{border-color:var(--accent-2);box-shadow:0 0 16px #67e8f959}.instruction-box{color:var(--fg);border:1px solid var(--grid);background:#000000bf;border-radius:4px;padding:1rem 2rem;font-size:1.25rem;display:inline-block}.scene{z-index:5;background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), radial-gradient(ellipse at 50% 30%, #2b5cff1a 0%, #0000 65%);color:var(--fg);box-sizing:border-box;background-size:64px 64px,64px 64px,100% 100%;position:fixed;inset:0;overflow-y:auto}.scene[hidden]{display:none!important}.scene:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%, var(--accent-2) 0%, transparent 100%), radial-gradient(1px 1px at 70% 60%, var(--accent) 0%, transparent 100%), radial-gradient(1px 1px at 40% 80%, var(--accent-2) 0%, transparent 100%), radial-gradient(1px 1px at 85% 15%, var(--accent) 0%, transparent 100%);opacity:.5;animation:12s linear infinite drift-dots;position:fixed;inset:0}@keyframes drift-dots{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:30px 40px,-40px 20px,20px -30px,-20px -40px}}.menu-scene{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.menu-badge{text-align:center;max-width:130px;position:absolute;top:24px;left:24px}.menu-badge img{object-fit:contain;width:96px;height:96px;image-rendering:pixelated;border:1px solid var(--grid)}.menu-badge p{color:var(--muted);margin:6px 0 0;font:11px system-ui}.menu-title-wrap{text-align:center}.menu-title{font-family:var(--font-pixel);letter-spacing:4px;color:var(--fg);margin:0;font-size:clamp(2rem,6vw,4.5rem)}.menu-subtitle{font-family:var(--font-pixel);letter-spacing:3px;color:var(--accent);margin:12px 0 0;font-size:clamp(1rem,3vw,1.5rem)}.menu-tagline{color:var(--muted);margin:14px 0 0;font:14px system-ui}.menu-panda{justify-items:center;gap:8px;width:clamp(144px,18vw,232px);display:grid;position:absolute;bottom:80px;right:clamp(20px,5vw,96px)}.menu-panda-button{aspect-ratio:1;cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:16px;width:100%;padding:0;overflow:hidden}.menu-panda-button img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.menu-panda-button img[hidden]{display:none}.menu-panda-button:hover,.menu-panda-button:focus-visible{outline:none}.menu-panda-button:active{transform:scale(.97)}.menu-panda-caption{color:var(--muted);font:13px system-ui}@media (width<=800px){.menu-scene{justify-content:flex-start;gap:24px;padding:24px 20px}.menu-buttons{max-width:100%}.menu-panda{flex-shrink:0;width:176px;position:static}.menu-scene .menu-status{margin-top:8px;padding:0;position:static}}.menu-buttons{flex-direction:column;gap:12px;width:min(360px,90vw);display:flex}.menu-btn,.level-card button,.account-hud button,.account-panel button,.settings-panel button{font:12px/1.4 var(--font-pixel);letter-spacing:1px;border:2px solid var(--grid);min-height:56px;color:var(--fg);cursor:pointer;pointer-events:auto;box-sizing:border-box;background:#000;border-radius:4px;padding:16px 18px;transition:border-color .15s,transform .15s}.menu-btn{min-width:280px}.level-card .menu-btn{box-sizing:border-box;width:100%;min-width:0}.menu-btn:hover,.level-card button:hover,.account-hud button:hover,.account-panel button:hover,.settings-panel button:hover,.menu-btn:focus-visible,.level-card button:focus-visible,.account-panel button:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-1px)}.menu-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.menu-btn--primary:hover,.menu-btn--primary:focus-visible{border-color:var(--accent-2)}.menu-btn:disabled,.level-card button:disabled{opacity:.5;cursor:default;border-color:var(--grid);transform:none}.menu-status{text-align:center;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:0 1rem;font:12px/1.6 SF Mono,Menlo,monospace;display:flex;position:absolute;bottom:20px;left:0;right:0}.status-segment{align-items:center;gap:6px;display:inline-flex}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot--ok{background:var(--ok)}.status-dot--danger{background:var(--danger)}.status-dot--muted{background:var(--muted)}.levels-scene{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.levels-heading{font-family:var(--font-pixel);letter-spacing:3px;color:var(--accent);margin:0;font-size:clamp(1.2rem,3vw,1.8rem)}.levels-grid{grid-template-columns:repeat(3,minmax(220px,260px));justify-content:center;gap:24px;display:grid}.level-card{border:1px solid var(--grid);text-align:center;background:#000;border-radius:4px;flex-direction:column;gap:10px;padding:20px;transition:border-color .15s;display:flex;position:relative}.level-card:hover{border-color:var(--accent)}.level-card-num{font-family:var(--font-pixel);color:var(--accent);text-align:left;font-size:1.2rem}.level-card-name{font-size:1.05rem;font-weight:700}.level-card-echoes,.level-card-best{color:var(--muted);font:13px system-ui}.levels-nav{gap:16px;display:flex}@media (width<=900px){.levels-grid{grid-template-columns:1fr;width:min(320px,90vw)}}@media (width<=600px){.menu-badge{margin-bottom:.5rem;position:static}}@keyframes brief-scoop-path{0%,8%{opacity:1;transform:translate(118px,108px)scale(1)}18%{transform:translate(108px,92px)scale(1.05)}28%,36%{transform:translate(102px,86px)scale(.92)}58%{transform:translate(232px,126px)scale(1)}68%,78%{opacity:1;transform:translate(248px,142px)scale(.86)}88%,to{opacity:0;transform:translate(118px,108px)scale(1)}}@keyframes brief-thumb-pinch{0%,12%{transform:rotate(-32deg)translate(0)}22%,36%{transform:rotate(-14deg)translate(8px,-10px)}50%,to{transform:rotate(-32deg)translate(0)}}@keyframes brief-index-pinch{0%,12%{transform:translate(0)}22%,36%{transform:translate(-6px,12px)}50%,to{transform:translate(0)}}@keyframes brief-hand-carry{0%,28%{opacity:1;transform:translate(0)}58%{opacity:1;transform:translate(108px,6px)}72%,to{opacity:.3;transform:translate(108px,6px)}}@keyframes brief-ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.1)}}@keyframes brief-spark-pop{0%,18%{opacity:0;transform:scale(.4)}24%{opacity:1;transform:scale(1.2)}34%{opacity:.85;transform:scale(1)}42%,to{opacity:0;transform:scale(.5)}}.brief-scoop{transform-box:fill-box;transform-origin:50%;animation:4.4s cubic-bezier(.4,.1,.3,1) infinite brief-scoop-path}.brief-hand{transform-box:fill-box;transform-origin:50%;animation:4.4s cubic-bezier(.4,.1,.3,1) infinite brief-hand-carry}.brief-thumb{transform-box:fill-box;transform-origin:50%;animation:4.4s cubic-bezier(.4,.1,.3,1) infinite brief-thumb-pinch}.brief-index{transform-box:fill-box;transform-origin:50%;animation:4.4s cubic-bezier(.4,.1,.3,1) infinite brief-index-pinch}.brief-ring{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite brief-ring-pulse}.brief-spark{transform-box:fill-box;transform-origin:50%;animation:4.4s ease-out infinite brief-spark-pop}@media (prefers-reduced-motion:reduce){.brief-scoop,.brief-hand,.brief-thumb,.brief-index,.brief-ring,.brief-spark,.scene:after{animation:none!important}}.account-hud{color:var(--fg);flex-direction:column;align-items:center;gap:4px;margin-top:14px;font:14px system-ui;display:flex}.account-hud>span:first-child{font-weight:600}.account-hud span:nth-child(2){color:var(--accent-2)}.account-panel button,.settings-panel button{min-height:44px;padding:10px 14px}.account-panel{z-index:100;width:min(540px,94vw);max-height:85vh;color:var(--fg);border:1px solid var(--grid);background:#000;border-radius:4px;margin:auto;padding:24px;font:16px system-ui;overflow:auto}.account-panel::backdrop{background:#000000bf}.account-panel h2{font-family:var(--font-pixel);letter-spacing:1px;border-bottom:1px solid var(--accent);color:var(--fg);margin-bottom:16px;padding-bottom:12px;font-size:15px}.account-panel p{color:var(--muted);margin:12px 0}.account-panel form{gap:12px;margin-top:20px;display:grid}.account-panel input{color:var(--fg);border:1px solid var(--grid);background:#0a0a0a;border-radius:4px;padding:12px;font:14px system-ui}.account-panel input:focus{border-color:var(--accent);outline:none}.account-panel table{text-align:left;border-collapse:collapse;width:100%;margin:20px 0}.account-panel td,.account-panel th{border-bottom:1px solid var(--grid);padding:8px}.account-panel .is-me{color:var(--accent-2)}.account-panel [hidden],.account-hud [hidden]{display:none}.account-panel button.is-primary{background:var(--accent);border-color:var(--accent);color:#fff}.account-panel.is-gate{text-align:center;border-color:#262626;width:min(460px,92vw);padding:36px 32px 28px;box-shadow:0 0 0 1px #2b5cff40,0 24px 80px #2b5cff2e}.account-panel.is-gate::backdrop{background:radial-gradient(circle at 50% 40%,#2b5cff2e,#0000 60%),#000}.account-panel.is-gate h2{border-bottom:none;margin:24px 0 8px;padding-bottom:0;font-size:13px}.account-panel.is-gate p{font-size:14px;line-height:1.5}.account-panel.is-gate input{text-align:center;padding:14px;font-size:16px}.account-panel.is-gate button{width:100%;margin-top:8px}.gate-brand-title{font-family:var(--font-pixel);letter-spacing:4px;color:var(--fg);font-size:clamp(24px,6vw,34px)}.gate-brand-sub{font-family:var(--font-pixel);letter-spacing:3px;color:var(--accent);margin-top:10px;font-size:12px}.hand-cursor{z-index:1000;pointer-events:none;border:3px solid var(--accent-2);box-sizing:border-box;background:conic-gradient(#67e8f98c calc(var(--progress,0) * 360deg), transparent 0);border-radius:50%;width:34px;height:34px;margin:0;padding:0;transition:width .12s,height .12s;position:fixed;inset:auto;overflow:visible;transform:translate(-50%,-50%)}.hand-cursor[hidden]{display:none}.hand-cursor--active{border-color:var(--fg);width:44px;height:44px}.hand-cursor--click{background:var(--accent-2);transform:translate(-50%,-50%)scale(.7)}.hand-hover{box-shadow:0 0 0 2px var(--accent-2);transform:translateY(-1px);border-color:var(--accent)!important}.menu-hand-hint{color:var(--muted);text-align:center;margin:18px 0 0;font:13px system-ui}#mode-indicator{align-self:flex-start;padding:12px 24px}.settings-panel .row{border-bottom:1px solid var(--grid);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.settings-panel select{color:var(--fg);border:1px solid var(--grid);background:#0a0a0a;border-radius:4px;padding:8px;font:13px system-ui}.settings-panel button.is-on,.account-panel button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.settings-panel h2{color:var(--fg)}.settings-panel p{color:var(--accent-2);font-size:13px}.difficulty-option{text-align:left}.difficulty-option .menu-btn{letter-spacing:0;padding:14px 8px;font-size:10px}.levels-help{text-align:center;max-width:720px;color:var(--muted);gap:6px;font:14px/1.6 system-ui;display:grid}.levels-help p{margin:0}.round-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.round-actions[hidden],.account-hud[hidden]{display:none}.round-actions .hud-menu-btn{background:#000000e6;min-height:44px}#record-button{border-color:var(--danger)}#play-button{border-color:var(--accent)}@media (width<=900px){.levels-scene{justify-content:flex-start}.levels-grid{max-width:100%}.levels-nav{flex-wrap:wrap;justify-content:center}#ui-layer{padding:1rem}.instruction-box{padding:12px;font-size:1rem}}.modes-scene{background-image:radial-gradient(at 75% 45%,#172627 0%,#0000 60%),radial-gradient(at 20% 40%,#0b172c 0%,#0000 60%);background-size:100% 100%;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:84px 28px 32px;display:flex}.modes-header{text-align:center;max-width:880px}.modes-eyebrow{letter-spacing:3px;color:#7eaaa6;margin:0 0 16px;font:11px/1.4 SF Mono,Menlo,monospace}.modes-header h2{letter-spacing:-.04em;margin:0;font:800 clamp(24px,4.2vw,46px)/1.12 Inter,system-ui,sans-serif}.modes-description{color:#a3b1bc;margin:14px 0 0;font:15px/1.6 system-ui}.modes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(900px,100%);display:grid}.mode-card.menu-btn{text-align:left;letter-spacing:normal;background:#0b111b;border:1px solid #26394d;border-radius:20px;grid-template-columns:1fr auto;align-items:center;min-width:0;padding:26px 26px 22px;font:15px/1.5 system-ui;transition:border-color .18s,transform .18s,background-color .18s;display:grid;overflow:hidden}.mode-card--3d.menu-btn{background:#101d1e;border-color:#334b46}.mode-card.menu-btn:hover,.mode-card.menu-btn:focus-visible{background:#101b2a;border-color:#77b9f2;transform:translateY(-4px)}.mode-card--3d.menu-btn:hover,.mode-card--3d.menu-btn:focus-visible{background:#142626;border-color:#8ff1d9}.mode-card-title{letter-spacing:-.05em;color:#91bdfa;font:800 44px/1 system-ui}.mode-card--3d .mode-card-title{color:#a2efd8}.mode-card-label{color:#e7ecf2;grid-column:1;margin-top:8px;font-weight:600}.mode-card-count{color:#bcc9d7;white-space:nowrap;border:1px solid #2e4054;border-radius:100px;grid-area:1/2/span 2;padding:7px 12px;font-size:12px}.mode-card--3d .mode-card-count{color:#bee1d4;border-color:#38544c}.mode-preview{pointer-events:none;grid-column:1/-1;width:100%;margin:14px 0 8px}.mode-preview svg{width:100%;height:auto;display:block;overflow:visible}.mode-card-description{color:#9eaebb;grid-column:1/-1;min-height:48px;font-size:14px}.mode-card-cta{color:#bad7ff;letter-spacing:2px;border-top:1px solid #243242;grid-column:1/-1;margin-top:18px;padding-top:20px;font:600 12px/1.3 system-ui}.mode-card--3d .mode-card-cta{color:#b7f6e2;border-color:#30413e}.modes-back.menu-btn{background:0 0;border:1px solid #30404a;border-radius:8px;min-width:0;min-height:48px;padding:12px 20px;font:600 12px/1.4 system-ui}.mode-level-card{box-sizing:border-box;background:#101d1e;border:1px solid #334b46;border-radius:20px;grid-template-columns:.9fr 1.1fr;width:min(960px,100%);display:grid;overflow:hidden}.mode-level-card>.mode-preview{box-sizing:border-box;grid-column:auto;align-self:center;margin:0;padding:20px}.mode-level-content{padding:34px 32px}.mode-level-content .modes-eyebrow{font-size:10px}.mode-level-content h3{letter-spacing:-.03em;margin:0 0 16px;font:800 clamp(24px,3vw,34px)/1.15 system-ui}.mode-level-content>p:not(.modes-eyebrow){color:#a7bbb7;font:14px/1.6 system-ui}.mode-difficulties{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 16px;display:grid}.mode-difficulty.menu-btn{text-align:left;letter-spacing:normal;background:#18322d;border:1px solid #3b5a54;border-radius:10px;min-width:0;padding:16px 12px;font:14px/1.4 system-ui}.mode-difficulty strong{color:#c5ffe8;font-size:20px;display:block}.mode-difficulty span{color:#acc2b9;margin-top:8px;font-size:12px;display:block}.mode-difficulty:last-child{background:#2b231f;border-color:#5c4535}.mode-difficulty:last-child strong{color:#ffd3a4}.mode-difficulty:last-child span{color:#cbb9a8}.mode-difficulty.menu-btn:hover,.mode-difficulty.menu-btn:focus-visible{border-color:#adf4d9}.mode-level-content>.mode-level-controls{color:#88a39c!important;font-size:12px!important}@media (width<=700px){.modes-scene{justify-content:flex-start;gap:24px;padding:28px 18px}.modes-grid{grid-template-columns:1fr;width:min(460px,100%)}.mode-card.menu-btn{padding:22px}.mode-card .mode-preview{max-height:170px;overflow:hidden}.mode-card .mode-preview svg{max-height:170px}.mode-level-card{grid-template-columns:1fr;max-width:460px}.mode-level-card>.mode-preview{max-height:220px;overflow:hidden}.mode-level-content{padding:20px 24px 26px}}@media (prefers-reduced-motion:reduce){.mode-card.menu-btn,.mode-difficulty.menu-btn{transition:none}}.volume-control{align-items:center;gap:10px;display:flex}.account-panel input.volume-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) var(--fill,0%), #1f1f1f var(--fill,0%));border:none;border-radius:0;outline:none;width:160px;height:6px;margin:0;padding:0}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--fg);border:2px solid var(--accent);border-radius:0;width:16px;height:16px;box-shadow:0 0 0 3px #000}.volume-slider::-moz-range-thumb{background:var(--fg);border:2px solid var(--accent);border-radius:0;width:12px;height:12px;box-shadow:0 0 0 3px #000}.volume-slider::-moz-range-track{background:0 0;height:6px}.volume-slider:hover::-webkit-slider-thumb{background:var(--accent-2)}.volume-slider:focus-visible::-webkit-slider-thumb{background:var(--accent-2)}.volume-slider:hover::-moz-range-thumb{background:var(--accent-2)}.volume-slider:focus-visible::-moz-range-thumb{background:var(--accent-2)}.settings-panel button.volume-step{min-width:36px;min-height:36px;padding:0;font:16px/1 system-ui}.volume-value{text-align:right;min-width:3.2em;font:12px var(--font-pixel);color:var(--accent-2);font-variant-numeric:tabular-nums}.intro-scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 1.5rem;display:flex}.intro-text{gap:.75rem;max-width:720px;display:grid}.intro-kicker{font:11px var(--font-pixel);color:var(--accent-2);letter-spacing:.08em;margin:0}.intro-title{margin:0;font-size:clamp(28px,4.5vw,44px)}.intro-lead{color:#cfd3dc;margin:0;font-size:clamp(15px,1.6vw,18px);line-height:1.55}.intro-next{color:var(--muted)}.intro-team-title{font:12px var(--font-pixel);color:var(--muted);letter-spacing:.08em;margin:.5rem 0 0}.intro-team{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.intro-card{border:1px solid var(--grid);background:#ffffff08;border-radius:16px;justify-items:center;gap:6px;width:240px;padding:14px;display:grid}.intro-photo{aspect-ratio:1;object-fit:cover;object-position:center 25%;border-radius:12px;width:100%}.intro-nick{margin:8px 0 0;font-size:20px}.intro-name,.intro-site-row{color:var(--muted);margin:0;font-size:14px}.intro-site{color:var(--accent-2);text-decoration:none}.intro-site:hover,.intro-site:focus-visible{text-decoration:underline}.intro-continue{margin-top:.5rem}@media (width<=640px){.intro-card{width:min(240px,42vw);padding:10px}.intro-scene{justify-content:flex-start}}.intro-lang{background:#0009;border:1px solid #2a2a2a;border-radius:999px;padding:3px;display:flex;position:absolute;top:20px;right:24px}.intro-lang-btn{min-width:52px;min-height:36px;color:var(--muted);font:11px var(--font-pixel);letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 14px;transition:background-color .15s,color .15s}.intro-lang-btn:hover,.intro-lang-btn:focus-visible{color:var(--fg);outline:none}.intro-lang-btn[aria-pressed=true]{background:var(--accent);color:#fff}.account-panel .gate-or{font:11px var(--font-pixel);color:var(--muted);text-transform:uppercase;align-items:center;gap:12px;margin:18px 0 6px;display:flex}.account-panel .gate-or:before,.account-panel .gate-or:after{content:"";background:#262626;flex:1;height:1px}.account-panel .gate-guest-note{color:#6b6b6b;margin:10px 0 0;line-height:1.5;font-size:12px!important}.account-panel form p:empty{display:none}.touch-device{--mobile-panel:#111a29;--mobile-line:#28364c}.touch-device body{-webkit-tap-highlight-color:transparent;background:#0b101b}.touch-device button,.touch-device select{touch-action:manipulation}.touch-device .scene{padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));overscroll-behavior:contain;background-color:#0b101b;background-size:40px 40px,40px 40px,100% 100%}.touch-device .scene:after{opacity:.2;animation:none}.touch-device .menu-scene{justify-content:flex-start;gap:20px}.touch-device .menu-badge{text-align:left;align-self:flex-start;align-items:center;gap:12px;max-width:none;margin:0;display:flex;position:static}.touch-device .menu-badge img{image-rendering:auto;border-radius:8px;width:36px;height:36px}.touch-device .menu-badge p{max-width:175px;margin:0;font-size:11px}.touch-device .menu-title-wrap{margin-top:16px}.touch-device .menu-title{letter-spacing:1px;font-size:clamp(22px,7vw,36px)}.touch-device .menu-subtitle{letter-spacing:2px;color:#a5c6ff;margin-top:14px;font-size:12px}.touch-device .menu-tagline{color:#aebbd0;max-width:290px;margin-top:18px;font:14px/1.6 system-ui}.touch-device .menu-buttons{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,420px);display:grid}.touch-device .menu-buttons .menu-btn--primary{grid-column:1/-1;min-height:56px}.touch-device .menu-buttons .menu-btn:last-child{grid-column:1/-1}.touch-device .menu-btn,.touch-device .account-panel button{letter-spacing:.02em;border-width:1px;border-color:var(--mobile-line);background:var(--mobile-panel);border-radius:12px;min-width:0;min-height:48px;padding:13px 16px;font:600 14px/1.4 system-ui}.touch-device .menu-btn--primary{background:#3564ef;border-color:#6088ff;box-shadow:0 8px 28px #244fc327}.touch-device .menu-panda{gap:0;width:120px;margin:-8px 0;position:static}.touch-device .menu-panda-caption{font-size:11px}.touch-device .menu-hand-hint{color:#aebbd0;max-width:330px;margin:0;font:12px/1.6 system-ui}.touch-device .menu-status{padding:0;font:11px/1.5 system-ui;position:static}.touch-device .levels-scene{justify-content:flex-start;gap:20px}.touch-device .levels-heading{letter-spacing:-.02em;color:#f1f5ff;align-self:flex-start;font:700 22px/1.3 system-ui}.touch-device .levels-grid{grid-template-columns:1fr;gap:12px;width:min(100%,480px)}.touch-device .level-card{background:var(--mobile-panel);border-color:var(--mobile-line);text-align:left;border-radius:16px;grid-template-columns:1fr 1fr;gap:12px;padding:18px;display:grid}.touch-device .level-card-num{color:#9cbcff;font:600 12px/1.2 ui-monospace,monospace}.touch-device .level-card-name{grid-column:1/-1;font:650 20px/1.3 system-ui}.touch-device .level-card-best{text-align:right;grid-area:1/2;font-size:12px}.touch-device .difficulty-option .menu-btn{letter-spacing:0;background:#18273e;padding:12px 8px;font:600 13px/1.4 system-ui}.touch-device .difficulty-option:last-child .menu-btn{background:#241f32}.touch-device .level-card-lock{font-size:20px}.touch-device .levels-help{text-align:left;width:min(100%,480px);font:12px/1.6 system-ui}.touch-device .levels-nav{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,480px);display:grid}.touch-device .account-hud{display:none}.touch-device .account-panel{border-color:var(--mobile-line);box-sizing:border-box;overscroll-behavior:contain;background:#0e1726;border-radius:18px;width:calc(100% - 24px);max-width:480px;max-height:calc(100dvh - 40px);padding:20px}.touch-device .account-panel h2{overflow-wrap:anywhere;margin-bottom:18px;font:700 22px/1.3 system-ui}.touch-device .account-panel button{margin:4px 4px 4px 0}.touch-device .account-panel form{grid-template-columns:minmax(0,1fr);display:grid}.touch-device .account-panel input,.touch-device .settings-panel select{border-radius:8px;min-width:0;max-width:100%;min-height:44px;font-size:16px}.touch-device .account-panel table{table-layout:fixed;width:100%;font-size:12px}.touch-device .account-panel td,.touch-device .account-panel th{overflow-wrap:anywhere;padding:8px 4px}.touch-device .settings-panel .row{grid-template-columns:minmax(0,1fr) minmax(0,auto);font-size:14px}.touch-device #game-container:not([hidden]){box-sizing:border-box;width:100%;height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#0b101b;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid;position:fixed;inset:0}.touch-device #game-container[hidden]{display:none}.touch-device #ui-layer{display:contents}.touch-device .game-header{z-index:20;box-sizing:border-box;background:var(--mobile-panel);border:1px solid var(--mobile-line);border-radius:14px;grid-row:1;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.touch-device .game-header>.status-box:first-child{text-align:left;flex:1;grid-template-columns:1fr auto;gap:4px 10px;min-width:0;display:grid}.touch-device .status-box{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.touch-device .hud-title{letter-spacing:.1em;color:#8fa5c8;font:700 10px/1.3 system-ui}.touch-device #level-title{color:#eef3ff;text-transform:none;letter-spacing:0;grid-column:1;margin:0;font:650 13px/1.4 system-ui}.touch-device #hud-menu-button{grid-area:1/2/3;margin:0}.touch-device .hud-menu-btn{letter-spacing:0;border:1px solid var(--mobile-line);background:#19273d;border-radius:10px;min-width:44px;min-height:44px;margin:0;padding:10px 12px;font:600 12px/1.3 system-ui}.touch-device #mode-indicator{color:#a9c7ff;overflow-wrap:anywhere;flex-shrink:0;align-self:center;width:78px;min-width:0;padding:0;font:700 11px/1.5 ui-monospace,monospace}.touch-device #canvas-stage{grid-row:2;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;inset:auto}.touch-device #game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:1px solid var(--mobile-line);background:radial-gradient(at 50% 25%,#12233a,#0d1523 75%);border-radius:14px;flex-shrink:0;position:relative;inset:auto}.touch-device .game-footer{z-index:20;text-align:left;border:1px solid var(--mobile-line);background:var(--mobile-panel);box-sizing:border-box;border-radius:14px;grid-row:3;width:100%;margin:0;padding:14px;position:relative}.touch-device #touch-progress{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.touch-device #touch-goal{color:#dce7fa;font:600 13px/1.4 system-ui}.touch-device #touch-puzzle-status{color:#a9c7ff;white-space:nowrap;font:700 11px/1.4 ui-monospace,monospace}.touch-device #touch-puzzle-status.is-complete{color:#86efc3}.touch-device .instruction-box{color:#aebbd0;background:0 0;border:0;margin:8px 0 12px;padding:0;font:13px/1.5 system-ui;display:block}.touch-device .round-actions{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.touch-device .round-actions[hidden]{display:none}.touch-device #play-button{color:#fff;background:#3564ef;border-color:#6088ff}.touch-device #record-button{color:#ffd0da;background:#2b2031;border-color:#764457}.touch-device #touch-tools{gap:8px;display:flex}.touch-device #touch-tools button{flex:1}.touch-device #touch-tools button[hidden]{display:none}@media (orientation:landscape) and (height<=600px){.touch-device #game-container:not([hidden]){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 260px;gap:10px}.touch-device .game-header{grid-area:1/1;padding:8px 12px}.touch-device #canvas-stage{grid-area:2/1}.touch-device .game-footer{grid-area:1/2/3;align-self:center;padding:14px}.touch-device #touch-progress{align-items:flex-start}.touch-device .instruction-box{font-size:12px}.touch-device .menu-scene{grid-template-columns:1fr 1fr;align-content:start;column-gap:30px;display:grid}.touch-device .menu-title-wrap{grid-area:2/1;margin:0}.touch-device .menu-badge{grid-column:1}.touch-device .menu-buttons{grid-area:1/2/4}.touch-device .menu-panda{display:none}.touch-device .menu-hand-hint{grid-area:3/1}.touch-device .menu-status{grid-column:1/-1}}@media (width<=350px){.touch-device .scene{padding-left:14px;padding-right:14px}.touch-device .game-header{gap:6px;padding:8px}.touch-device #mode-indicator{width:64px;font-size:10px}.touch-device .hud-menu-btn{padding:10px 8px}.touch-device .game-footer{padding:10px}.touch-device .instruction-box{font-size:12px}}@media (width<=600px){.account-panel{box-sizing:border-box;max-width:calc(100% - 24px)}.levels-nav .menu-btn{min-width:0}}