:root{--hud-fg: #ffe9d6;--hud-blue: #46c8ff;--hud-red: #ff6a4d;--hud-dim: rgba(255, 233, 214, .55);--front-x: 0px;--front-y: 0px;--front-w: 100vw;--front-h: 100vh;--front-right: 0px;--front-bottom: 0px;--ui-x: 0px;--ui-y: 0px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#100604;font-family:Segoe UI,Malgun Gothic,system-ui,sans-serif;color:var(--hud-fg);-webkit-user-select:none;user-select:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}#cam-pip{position:fixed;right:18px;bottom:18px;width:320px;height:240px;border:2px solid rgba(255,233,214,.35);border-radius:10px;overflow:hidden;box-shadow:0 6px 28px #0000008c;transition:all .35s ease;z-index:5;background:#000}#cam-pip[data-mode=full]{right:0;bottom:0;width:100vw;height:100vh;border:none;border-radius:0;box-shadow:none}#webcam,#overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#crosshairs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.crosshair{position:absolute;width:46px;height:46px;transform:translate(-50%,-50%);display:none;opacity:.55;transition:opacity .12s}.ch-right{border:3px solid var(--hud-blue);border-radius:50%;box-shadow:0 0 10px #46c8ffb3}.ch-right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:5px;height:5px;border-radius:50%;background:var(--hud-blue);box-shadow:0 0 8px var(--hud-blue)}.ch-left:before,.ch-left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:var(--hud-red);box-shadow:0 0 8px #ff6a4dcc}.ch-left:before{width:3px;height:100%}.ch-left:after{width:100%;height:3px}.crosshair[data-state=GUN_POSE]{opacity:1;animation:ch-spin 2.4s linear infinite}.crosshair[data-state=FIRE]{opacity:1;animation:ch-fire .28s ease-in-out infinite}@keyframes ch-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ch-fire{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.35)}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-panel{position:absolute;background:#1008069e;border:1px solid rgba(255,233,214,.16);border-radius:14px;padding:13px 18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 6px 26px #00000080;text-shadow:0 2px 8px rgba(0,0,0,.8)}#objective{top:20px;left:20px;max-width:340px}.obj-title{font-size:15px;font-weight:800;letter-spacing:1px;color:#7dff92;text-shadow:0 0 12px rgba(91,255,122,.5);margin-bottom:7px}.obj-list{list-style:none;display:flex;flex-direction:column;gap:4px}.obj-list li{font-size:14px;font-weight:500;color:var(--hud-fg);padding-left:16px;position:relative}.obj-list li:before{content:"›";position:absolute;left:2px;color:#7dff92cc}.obj-list li.done{color:#7dff92e6;text-decoration:line-through;text-decoration-color:#7dff9280}#timer-pill{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:9px 24px;border-radius:999px;background:#0e0806b3;border:2px solid rgba(91,255,122,.55);box-shadow:0 0 22px #5bff7a47,inset 0 0 12px #5bff7a1f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tp-icon{font-size:22px;color:#7dff92;line-height:1}#timer-val{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.85)}#timer-pill.urgent{border-color:#ff6a4dd9;box-shadow:0 0 26px #ff6a4d80,inset 0 0 12px #ff6a4d2e;animation:timer-pulse .7s ease-in-out infinite}#timer-pill.urgent .tp-icon,#timer-pill.urgent #timer-val{color:var(--hud-red)}@keyframes timer-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.08)}}#wave-panel{top:20px;right:20px;min-width:150px}.wave-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.wave-key{font-size:15px;font-weight:800;letter-spacing:2px;color:#7dff92;text-shadow:0 0 12px rgba(91,255,122,.45)}.wave-val{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.enemy-row{display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,233,214,.14)}.enemy-key{font-size:12px;color:var(--hud-dim);flex:1}.enemy-ico{font-size:15px;filter:hue-rotate(-15deg) saturate(1.2)}.enemy-val{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--hud-red);min-width:22px;text-align:right}#energy-panel{left:20px;bottom:20px;width:210px}.ep-head{display:flex;align-items:center;gap:7px;margin-bottom:2px}.ep-drop{font-size:17px;filter:drop-shadow(0 0 6px rgba(70,200,255,.7))}.ep-key{font-size:13px;color:var(--hud-dim);letter-spacing:.5px}.ep-val{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--hud-blue);text-shadow:0 0 14px rgba(70,200,255,.5);line-height:1.1}.ep-bar{margin-top:8px;height:9px;border-radius:999px;background:#060c12cc;border:1px solid rgba(70,200,255,.28);overflow:hidden}.ep-fill{height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#1e6fa8,#46c8ff);box-shadow:0 0 10px #46c8ffb3;transition:width .15s ease}#controls-panel{right:20px;bottom:20px;max-width:260px}.cp-title{font-size:13px;font-weight:700;color:#7dff92;letter-spacing:.5px;margin-bottom:7px}.cp-body{display:flex;align-items:center;gap:10px}.cp-hand{font-size:24px;filter:drop-shadow(0 0 6px rgba(70,200,255,.6))}#controls-text{font-size:13px;color:var(--hud-fg);line-height:1.35}#hand-strip{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.8)}.hand-status{padding:5px 12px;border-radius:999px;background:#1408048c;border:1px solid rgba(255,233,214,.18);transition:color .15s,border-color .15s,background .15s}.hand-status[data-state=GUN_POSE]{border-color:#ffe9d699}.hand-status[data-state=FIRE]{background:#3c0c04cc}#hand-left[data-state=FIRE]{color:var(--hud-red);border-color:var(--hud-red)}#hand-right[data-state=FIRE]{color:var(--hud-blue);border-color:var(--hud-blue)}.hand-hint{font-size:11px;color:var(--hud-dim);font-weight:400}#potato-gauges{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9}.potato-gauge{position:absolute;transform:translate(-50%,-100%);display:none;width:58px;height:58px}.pg-ring{width:58px;height:58px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.pg-track{fill:#0c0604a6;stroke:#ffe9d62e;stroke-width:3.5}.pg-prog{fill:none;stroke:#5bff7a;stroke-width:3.5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 0 4px rgba(91,255,122,.8));transition:stroke-dashoffset .2s ease}.pg-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--hud-fg);text-shadow:0 1px 4px rgba(0,0,0,.9)}.potato-gauge.done .pg-pct{color:#7dff92;text-shadow:0 0 10px rgba(91,255,122,.8)}.potato-gauge.done .pg-track{stroke:#5bff7a66}#event-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden}#event-fx.show{opacity:1;visibility:visible}#event-fx .efx-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 32%,var(--efx-color-a) 100%);opacity:0}#event-fx.show .efx-flash{animation:efx-flash .5s ease-out}@keyframes efx-flash{0%{opacity:0}20%{opacity:.6}to{opacity:0}}.efx{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:24px;--efx-color: #ff5a3c;--efx-color-a: rgba(255, 90, 60, .28)}.efx[data-tone=danger]{--efx-color: #ff5a3c;--efx-color-a: rgba(255, 90, 60, .28)}.efx[data-tone=warn]{--efx-color: #ffca57;--efx-color-a: rgba(255, 190, 70, .24)}.efx[data-tone=life]{--efx-color: #7dff92;--efx-color-a: rgba(91, 255, 122, .24)}#event-fx.show .efx{animation:efx-pop 2.4s cubic-bezier(.15,.85,.25,1) both}@keyframes efx-pop{0%{opacity:0;transform:scale(1.7);filter:blur(14px)}7%{opacity:1;transform:scale(.97);filter:blur(0)}12%{transform:scale(1)}78%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}to{opacity:0;transform:scale(1.06) translateY(-24px);filter:blur(8px)}}.efx-img{display:none;width:auto;height:auto;max-width:min(46vw,340px);max-height:38vh;filter:drop-shadow(0 0 26px var(--efx-color-a))}.efx-img.has{display:block}#event-fx.show .efx-img{animation:efx-img 2.4s ease both}@keyframes efx-img{0%{transform:scale(.6) rotate(-4deg);opacity:0}10%{transform:scale(1) rotate(0);opacity:1}80%{opacity:1}to{opacity:0}}.efx-streak{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:3px;background:linear-gradient(90deg,transparent,var(--efx-color),transparent);opacity:0}#event-fx.show .efx-streak{animation:efx-streak .9s ease-out}@keyframes efx-streak{0%{transform:translate(-50%,-50%) scaleX(0);opacity:0}30%{opacity:1}to{transform:translate(-50%,-50%) scaleX(1);opacity:0}}.efx-title{font-size:clamp(34px,7vw,76px);font-weight:900;letter-spacing:2px;line-height:1.05;color:var(--efx-color);text-shadow:0 0 30px var(--efx-color),0 4px 24px rgba(0,0,0,.6)}#event-fx.show .efx-title{animation:efx-shake .5s ease-in-out}@keyframes efx-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.efx-sub{font-size:clamp(14px,2vw,20px);font-weight:700;letter-spacing:1px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.85);opacity:.92}#result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;background:radial-gradient(ellipse at center,#0a040259,#0a0402bf)}#result-overlay.visible{opacity:1;visibility:visible}#result-card{position:relative;text-align:center;padding:40px 56px 32px;border-radius:20px;background:#120805cc;border:1px solid rgba(255,233,214,.2);box-shadow:0 12px 60px #000000b3;transform:translateY(14px) scale(.96);transition:transform .5s cubic-bezier(.2,.9,.3,1.2);overflow:hidden}#result-overlay.visible #result-card{transform:translateY(0) scale(1)}#result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:currentColor;opacity:.9}#result-badge{font-size:56px;line-height:1;margin-bottom:10px;filter:drop-shadow(0 0 18px currentColor);animation:result-pop .6s cubic-bezier(.2,1.4,.4,1) both}@keyframes result-pop{0%{transform:scale(0) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}#result-title{font-size:42px;font-weight:800;letter-spacing:.5px}#result-sub{margin:12px auto 0;max-width:30ch;font-size:15px;line-height:1.6;color:#f3e6da}#result-score{margin-top:18px}.rscore-label{font-size:12px;letter-spacing:4px;font-weight:700;color:var(--hud-dim)}#result-score-val{font-size:66px;font-weight:800;line-height:1.05;color:currentColor;text-shadow:0 0 32px currentColor;font-variant-numeric:tabular-nums}#result-best{margin-top:2px;min-height:18px;font-size:13px;font-weight:700;color:#f3e6da}#result-record{margin-right:8px;color:#ffd76a;animation:record-flash .9s ease-in-out infinite}@keyframes record-flash{0%,to{opacity:.6}50%{opacity:1;text-shadow:0 0 14px rgba(255,215,106,.85)}}#result-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.rs-chip{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#f3e6da}#result-actions{margin-top:26px;display:flex;justify-content:center;gap:16px;pointer-events:auto}.result-btn{position:relative;overflow:hidden;min-width:150px;padding:13px 22px;border-radius:12px;border:1px solid rgba(255,233,214,.35);background:#ffffff0f;color:#f3e6da;font:inherit;font-size:16px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.result-btn:hover,.result-btn[data-hover="1"]{border-color:currentColor;background:#ffffff1f;transform:translateY(-2px)}.rb-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(var(--dwell, 0));background:currentColor;opacity:.3;pointer-events:none;transition:transform .06s linear}.rb-label{position:relative}#result-hint{margin-top:16px;font-size:12px;letter-spacing:1px;color:var(--hud-dim);animation:result-blink 1.6s ease-in-out infinite}@keyframes result-blink{0%,to{opacity:.4}50%{opacity:.9}}#result-overlay[data-kind=perfect]{color:#7dff92}#result-overlay[data-kind=perfect] #result-title{color:#7dff92;text-shadow:0 0 26px rgba(91,255,122,.6)}#result-overlay[data-kind=perfect] #result-card{border-color:#5bff7a73}#result-overlay[data-kind=partial]{color:#ffca57}#result-overlay[data-kind=partial] #result-title{color:#ffca57;text-shadow:0 0 26px rgba(255,190,70,.55)}#result-overlay[data-kind=partial] #result-card{border-color:#ffbe4680}#result-overlay[data-kind=fail]{color:var(--hud-red)}#result-overlay[data-kind=fail] #result-title{color:var(--hud-red);text-shadow:0 0 26px rgba(255,106,77,.5)}#result-overlay[data-kind=fail] #result-card{border-color:#ff6a4d66}body:not([data-screen=playing]):not([data-screen=practice]) #hud,body:not([data-screen=playing]):not([data-screen=practice]) #crosshairs,body:not([data-screen=playing]):not([data-screen=practice]) #cam-pip,body:not([data-screen=playing]):not([data-screen=practice]) #potato-gauges{display:none!important}#practice-hint{display:none}body[data-screen=practice] #practice-hint{display:flex;align-items:center;gap:9px;position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:16;padding:9px 24px;border-radius:999px;background:#0e0806b3;border:1px solid rgba(125,255,146,.5);box-shadow:0 0 22px #7dff9247,inset 0 0 12px #7dff921f;color:#eaffef;font-size:15px;font-weight:700;white-space:nowrap;pointer-events:none}#practice-hint .ph-ico{font-size:18px;color:#7dff92}#practice-hint .ph-text b{color:#7dff92}#practice-bar{display:none}body[data-screen=practice] #practice-bar{display:flex;align-items:center;gap:14px;position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:25;padding:10px 14px;border-radius:14px;background:#0e0705d1;border:1px solid rgba(125,255,146,.3);box-shadow:0 8px 30px #0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:min(92vw,720px)}.pb-tag{font-weight:800;color:#7dff92;white-space:nowrap}.pb-hint{font-size:13px;color:var(--hud-dim);line-height:1.4}.pb-action{min-width:128px;padding:11px 20px;font-size:15px;white-space:nowrap;color:#8be8ff;border-color:#8be8ff80;box-shadow:0 0 18px #46c8ff38;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.pb-action .rb-label{color:#eaffff;text-shadow:0 0 10px rgba(70,200,255,.5)}.pb-action:hover,.pb-action[data-hover="1"]{box-shadow:0 0 28px #46c8ff80}.pb-action-go{background:#46c8ff29;border-color:#8be8ffb8}.pb-action-go:hover,.pb-action-go[data-hover="1"]{background:#46c8ff42}body[data-screen=practice] #objective,body[data-screen=practice] #timer-pill,body[data-screen=practice] #wave-panel{display:none!important}@media (max-width: 560px){.pb-hint{display:none}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:safe center;justify-content:center;padding:32px;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s;background:radial-gradient(ellipse at 50% 40%,#0e06048c,#080302db 78%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.screen.visible{opacity:1;visibility:visible;pointer-events:auto}#camera-screen,#help-screen{background-image:linear-gradient(#080302ad,#080302d1),url(/Create_a_beautiful_clean_cinematic_game-art_imag-1783497893729.png);background-size:cover;background-position:center;background-repeat:no-repeat}.screen-inner{width:100%;max-width:860px;text-align:center;animation:screen-rise .6s ease both}@keyframes screen-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.intro-screen{padding:0;background:#050202;-webkit-backdrop-filter:none;backdrop-filter:none}.intro-stage{position:relative;width:min(100vw,calc(100vh * 1376 / 768));aspect-ratio:1376 / 768;animation:screen-rise .6s ease both}.intro-bg{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.btn-start{position:absolute;left:50%;top:88%;transform:translate(-50%,-50%);padding:0;border:none;background:none;cursor:pointer;line-height:0;filter:drop-shadow(0 0 18px rgba(92,236,224,.55));transition:transform .14s ease,filter .2s ease;animation:start-pulse 2.4s ease-in-out infinite}.btn-start img{width:min(30vw,240px);height:auto;display:block;pointer-events:none}.btn-start:hover{transform:translate(-50%,-50%) scale(1.06);filter:drop-shadow(0 0 30px rgba(92,236,224,.9))}.btn-start:active{transform:translate(-50%,-50%) scale(.98)}.btn-start:disabled{cursor:default;filter:grayscale(.5) brightness(.7);animation:none}@keyframes start-pulse{0%,to{filter:drop-shadow(0 0 16px rgba(92,236,224,.45))}50%{filter:drop-shadow(0 0 30px rgba(92,236,224,.85))}}.btn-allow{position:absolute;left:50%;top:87%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-size:clamp(15px,1.9vw,21px);font-weight:800;letter-spacing:.5px;color:#052018;padding:clamp(12px,1.6vw,16px) clamp(24px,3vw,38px);border:none;border-radius:999px;cursor:pointer;background:linear-gradient(135deg,#7cf0e2,#33c6b0);box-shadow:0 0 26px #5cece08c,inset 0 1px #fff6;transition:transform .14s ease,box-shadow .2s ease;animation:start-pulse-btn 2.4s ease-in-out infinite}.btn-allow-ico{font-size:1.15em;line-height:1}.btn-allow:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 40px #5cece0e6,inset 0 1px #ffffff80}.btn-allow:active{transform:translate(-50%,-50%) scale(.98)}.btn-allow:disabled{cursor:default;filter:grayscale(.4) brightness(.85);animation:none}@keyframes start-pulse-btn{0%,to{box-shadow:0 0 22px #5cece073,inset 0 1px #fff6}50%{box-shadow:0 0 40px #5cece0d9,inset 0 1px #ffffff80}}.intro-howto{position:absolute;right:4%;bottom:4%;font-family:inherit;font-size:clamp(12px,1.4vw,15px);font-weight:700;letter-spacing:1px;color:#e6f5f4d1;background:#08141466;border:1px solid rgba(150,240,232,.35);border-radius:999px;padding:8px 18px;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:color .2s ease,border-color .2s ease,background .2s ease}.intro-howto:hover{color:#fff;border-color:#96f0e8bf;background:#0c1e1e99}.intro-howto--left{right:auto;left:4%}.intro-screen .screen-status{position:absolute;left:50%;bottom:6%;transform:translate(-50%);margin:0;width:max-content;max-width:80%}.screen-buttons{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.5px;padding:15px 34px;border-radius:999px;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{color:#08150a;background:linear-gradient(135deg,#5bff7a,#2fd85f);border:none;box-shadow:0 0 26px #5bff7a80}.btn-primary:hover{box-shadow:0 0 38px #5bff7abf}.btn-ghost{color:var(--hud-fg);background:#14080480;border:1px solid rgba(255,233,214,.35)}.btn-ghost:hover{border-color:#ffe9d6b3;background:#1e0c0699}.btn-sm{font-size:14px;padding:10px 20px}.camera-picker{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.camera-picker .cam-pick-label{font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--hud-fg);text-shadow:0 2px 8px rgba(0,0,0,.8)}#camera-select{font-family:inherit;font-size:15px;font-weight:600;color:var(--hud-fg);background:#14080499;border:1px solid rgba(255,233,214,.35);border-radius:999px;padding:11px 18px;max-width:320px;cursor:pointer;transition:border-color .2s ease,background .2s ease}#camera-select:hover{border-color:#ffe9d6b3;background:#1e0c06b3}#camera-select option{color:#f5e9dc;background:#1a0c06}.screen-status{margin-top:20px;min-height:22px;font-size:14px;color:var(--hud-dim);text-shadow:0 2px 8px rgba(0,0,0,.8)}.screen-status.error{color:var(--hud-red)}.screen-status.loading:after{content:"";display:inline-block;width:13px;height:13px;margin-left:8px;vertical-align:-2px;border:2px solid rgba(125,255,146,.35);border-top-color:#7dff92;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.howto-inner{max-width:940px}.howto-title{font-size:clamp(28px,5vw,44px);font-weight:800;letter-spacing:1px;color:var(--hud-fg);text-shadow:0 0 22px rgba(91,255,122,.3);margin-bottom:8px}.howto-sub{font-size:14px;color:var(--hud-dim);margin-bottom:24px}.howto-sub b{color:#7dff92}#game-bar{display:none}body[data-screen=playing] #game-bar{display:flex;gap:10px;position:absolute;top:126px;left:50%;transform:translate(-50%);z-index:16;pointer-events:auto}.gb-btn{min-width:96px;padding:7px 15px;font-size:13px;letter-spacing:.3px;white-space:nowrap;color:#8be8ff;border-color:#8be8ff73;background:#0e07058c;box-shadow:0 0 14px #46c8ff29;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.gb-btn .rb-label{color:#eaffff;text-shadow:0 0 8px rgba(70,200,255,.45)}.gb-btn:hover,.gb-btn[data-hover="1"]{border-color:#8be8ffd9;box-shadow:0 0 22px #46c8ff73}.gb-quit{color:#ff9d86;border-color:#ff9d8673;box-shadow:0 0 14px #ff5a3c29}.gb-quit .rb-label{color:#ffe9e2;text-shadow:0 0 8px rgba(255,100,70,.5)}.gb-quit:hover,.gb-quit[data-hover="1"]{border-color:#ff9d86d9;box-shadow:0 0 22px #ff5a3c73}.howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}.howto-card{background:#1008069e;border:1px solid rgba(255,233,214,.16);border-radius:14px;padding:18px 20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.howto-ico{font-size:26px;margin-bottom:8px}.howto-h{font-size:16px;font-weight:700;color:#7dff92;margin-bottom:6px}.howto-p{font-size:14px;line-height:1.5;color:var(--hud-fg)}@media (max-width: 720px){.howto-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.howto-grid{grid-template-columns:1fr}}#play-ui{display:contents}body.meta #play-ui{display:block;position:fixed;left:var(--ui-x);top:var(--ui-y);width:var(--design-w);height:var(--design-h);transform:scale(var(--front-scale));transform-origin:top left}body.meta .screen{left:var(--ui-x);top:var(--ui-y);width:var(--design-w);height:var(--design-h);right:auto;bottom:auto;transform:scale(var(--front-scale));transform-origin:top left}body.meta .intro-stage{width:min(var(--design-w),calc(var(--design-h) * 1376 / 768))}