:root{color-scheme:dark;--hud-scale: 1;--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);--page-top: #091d18;--page-mid: #102a23;--page-bottom: #071410;--panel: rgba(9, 27, 22, .68);--panel-strong: rgba(8, 22, 18, .82);--panel-line: rgba(245, 239, 212, .14);--ink: #f5eed6;--ink-soft: rgba(245, 238, 214, .74);--mint: #b5e4c2;--gold: #f0c75d;--gold-soft: #f8e59b;--shadow: rgba(2, 8, 7, .42)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Avenir Next,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(circle at 14% 12%,rgba(255,247,214,.08),transparent 26rem),radial-gradient(circle at 84% 14%,rgba(240,199,93,.08),transparent 24rem),linear-gradient(180deg,var(--page-top) 0%,var(--page-mid) 48%,var(--page-bottom) 100%);overflow:hidden}body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;filter:blur(14px);z-index:0}body:before{top:-8rem;left:-7rem;width:30rem;height:30rem;border-radius:44% 56% 63% 37%/42% 38% 62% 58%;background:#397c6129}body:after{right:-8rem;bottom:-8rem;width:26rem;height:26rem;border-radius:56% 44% 41% 59%/46% 55% 45% 54%;background:#f0c75d1f}.app-shell{position:relative;z-index:1;width:100vw;min-height:100vh;display:block;padding:0}.app-shell--high-contrast{--panel: rgba(6, 22, 17, .82);--panel-strong: rgba(4, 16, 12, .9);--panel-line: rgba(255, 247, 218, .26);--ink: #fff8da;--ink-soft: rgba(255, 248, 218, .85);--mint: #c0ffd0;--gold: #ffd679;--gold-soft: #fff3b8}.app-shell--reduced-motion *,.app-shell--reduced-motion *:before,.app-shell--reduced-motion *:after{animation:none!important;transition:none!important}.ambient{position:fixed;pointer-events:none;border-radius:999px;filter:blur(50px);opacity:.48}.ambient-left{width:26rem;height:10rem;left:4vw;top:10vh;background:#43976e33}.ambient-right{width:20rem;height:16rem;right:5vw;bottom:12vh;background:#f0c75d1f}.game-stage{position:relative;width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;overflow:hidden;box-shadow:none}.game-stage:before,.game-stage:after{content:"";position:absolute;pointer-events:none;z-index:0;filter:blur(22px);opacity:.3}.game-stage:before{width:38vmax;height:16vmax;left:-10vmax;top:8vmax;background:radial-gradient(circle at 35% 50%,#7ee6b95c,#7ee6b900 64%);animation:stageAmbientFloatA 8.4s ease-in-out infinite}.game-stage:after{width:34vmax;height:18vmax;right:-11vmax;bottom:5vmax;background:radial-gradient(circle at 52% 50%,#ffd16e57,#ffd16e00 66%);animation:stageAmbientFloatB 9.1s ease-in-out infinite}@keyframes stageAmbientFloatA{0%,to{transform:translateZ(0)}50%{transform:translate3d(2.5vmax,-1.3vmax,0)}}@keyframes stageAmbientFloatB{0%,to{transform:translateZ(0)}50%{transform:translate3d(-2.2vmax,1.2vmax,0)}}.welcome-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-top:max(clamp(12px,2.8vw,28px),var(--safe-top));padding-right:max(clamp(12px,2.8vw,28px),var(--safe-right));padding-bottom:max(clamp(12px,2.8vw,28px),var(--safe-bottom));padding-left:max(clamp(12px,2.8vw,28px),var(--safe-left));overflow:hidden;background:radial-gradient(circle at 14% 18%,rgba(248,220,131,.15),transparent 38%),radial-gradient(circle at 86% 76%,rgba(130,212,170,.18),transparent 38%),linear-gradient(180deg,#081e17f2,#040e0bf5)}.welcome-shell{--shell-cut: 24px;position:relative;z-index:2;width:min(100%,1080px);margin:0 auto;max-height:calc(100dvh - max(14px,var(--safe-top)) - max(14px,var(--safe-bottom)));border:1px solid rgba(247,236,199,0);background:linear-gradient(180deg,#122c23eb,#081511f0),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 2px,transparent 2px 22px);box-shadow:0 24px 70px #020a0873,0 0 0 1px #f8e69647,0 0 42px #92e1b061,0 0 68px #f0c75d3d,inset 0 1px #fff5d147;padding:22px 24px 20px;overflow:hidden;animation:welcomeShellFloat 4.4s ease-in-out infinite;clip-path:polygon(0 0,calc(100% - var(--shell-cut)) 0,100% var(--shell-cut),100% 100%,var(--shell-cut) 100%,0 calc(100% - var(--shell-cut)))}@keyframes welcomeShellFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.welcome-shell:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 16% 30%,rgba(168,247,194,.42),transparent 38%),radial-gradient(circle at 86% 22%,rgba(255,223,137,.36),transparent 42%),radial-gradient(circle at 50% 90%,rgba(128,210,168,.3),transparent 46%);filter:blur(14px);opacity:.92}.welcome-emoji-rain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.welcome-emoji-drop{position:absolute;top:-16%;left:var(--drop-left);font-size:var(--drop-size);opacity:.9;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));animation:welcomeEmojiDrop var(--drop-duration) linear var(--drop-delay) infinite}.welcome-header{display:grid;grid-template-columns:38fr 47fr 15fr;gap:18px;align-items:center}.brand-logo-slot{display:grid;place-items:center;min-height:96px}.welcome-header .brand-logo-slot:first-child{justify-items:start}.welcome-header .brand-logo-slot:last-child{justify-items:center}.brand-logo-image{max-width:100%;max-height:92px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}.brand-logo-fallback{display:grid;place-items:center;width:100%;min-height:82px;border:1px solid rgba(247,236,199,.26);background:#081611bf;color:var(--gold-soft);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:10px}.welcome-title-group h1{margin:0;font-family:Arial Black,Avenir Next,sans-serif;text-transform:uppercase;line-height:.9;font-size:clamp(1.9rem,4vw,4rem);white-space:nowrap}.welcome-kicker{margin:0 0 6px;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.welcome-subtitle{margin:8px 0 0;color:var(--ink-soft);font-size:.84rem;letter-spacing:.06em;text-transform:uppercase}.welcome-callout{margin-top:16px;padding:14px 16px;border:1px solid rgba(247,236,199,.2);background:radial-gradient(circle at 12% 20%,rgba(255,229,139,.2),transparent 40%),#071410a8;box-shadow:inset 0 1px #fff9e133,0 0 18px #f0c75d24;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title chips" "copy chips";column-gap:18px;row-gap:6px;align-items:center}.welcome-go-hornets{margin:0;color:var(--mint);font-family:Arial Black,Avenir Next,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1.3rem,2.3vw,2.2rem);grid-area:title}.welcome-powerup-line{margin:8px 0 0;color:var(--ink-soft);font-size:.96rem;line-height:1.35;grid-area:copy}@keyframes welcomeEmojiDrop{0%{transform:translate3d(0,-14vh,0) rotate(0);opacity:0}10%{opacity:.92}50%{transform:translate3d(1.3vw,46vh,0) rotate(120deg)}to{transform:translate3d(-.8vw,112vh,0) rotate(255deg);opacity:0}}.welcome-features{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.welcome-powerups{margin-top:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;grid-area:chips;justify-self:end;align-self:center}.welcome-powerup-chip{min-height:40px;padding:4px 10px 4px 7px;border:1px solid rgba(247,236,199,.22);border-radius:999px;background:radial-gradient(circle at 24% 24%,#ffffff38,#fff0 52%),linear-gradient(160deg,#1a3c30f2,#0b1a14f5);display:inline-flex;align-items:center;gap:7px;box-shadow:inset 0 1px #ffffff29,inset 0 -2px 4px #00000042,0 5px 10px #00000038}.welcome-powerup-chip h2{margin:0;color:var(--gold-soft);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase}.welcome-features article{border:1px solid rgba(247,236,199,.14);background:#081410b8;padding:10px 12px;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out}.welcome-features article:hover{transform:translateY(-2px);border-color:#f7ecc742;box-shadow:0 8px 16px #040c0942}.welcome-feature-head{display:flex;align-items:center;gap:8px}.welcome-feature-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(247,236,199,.2);background:radial-gradient(circle at 30% 24%,#ffffff42,#fff0 52%),linear-gradient(160deg,#1a3c30f2,#0b1a14f5);box-shadow:inset 0 1px #fff3,inset 0 -2px 5px #00000059,0 4px 8px #00000047;flex:0 0 auto}.welcome-feature-icon svg{width:82%;height:82%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.welcome-features h2{margin:0;color:var(--gold-soft);font-size:.88rem;letter-spacing:.12em;text-transform:uppercase}.welcome-features p{margin:6px 0 0;color:var(--ink-soft);font-size:.78rem;line-height:1.25}.welcome-actions{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.welcome-btn{height:40px;padding:0 16px;border:1px solid rgba(247,236,199,.26);background:#081410e0;color:var(--ink);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:transform .14s ease-out,filter .14s ease-out,box-shadow .18s ease-out}.welcome-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.welcome-btn:active{transform:translateY(1px) scale(.99)}.welcome-btn--primary{background:radial-gradient(circle at 30% 28%,#fff5c873,#fff0 48%),linear-gradient(180deg,#ed7e39fa,#c04a19fa);color:#f7f2d2;border-color:#ffdd9b8c;box-shadow:inset 0 1px #fffbec73,0 6px 14px #65220a73,0 0 18px #ffae5c52}.welcome-btn--secondary{color:var(--gold-soft)}.welcome-btn--play{height:48px;min-width:190px;padding:0 20px;font-size:.84rem;letter-spacing:.12em;animation:welcomePlayPulse 1.15s ease-in-out infinite;color:#173322;border-color:#ffe99de0;background:radial-gradient(circle at 28% 26%,#ffffffa3,#fff0 46%),linear-gradient(180deg,#ffd976,#f0bf44 52%,#d69a24);box-shadow:inset 0 1px #fff9e0eb,inset 0 -2px 4px #8155087a,0 8px 16px #633e0473,0 0 24px #f4c24a70}.welcome-btn--play:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.55) 46%,transparent 66%);transform:translate(-135%);animation:welcomePlayShine 2.4s linear infinite}.welcome-btn__label,.welcome-btn__flare{position:relative;z-index:1}.welcome-btn__label{text-shadow:0 1px 0 rgba(255,251,233,.58),0 1px 2px rgba(69,45,6,.4)}.welcome-btn__flare{display:inline-block;width:8px;height:8px;border-radius:999px;margin:0 9px;background:radial-gradient(circle,#fffce5fa,#fdd65cd1);box-shadow:0 0 10px #ffe89dc7;animation:welcomePlaySpark .9s ease-in-out infinite}.welcome-btn__flare--right{animation-delay:.45s}@keyframes welcomePlayPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.03)}}@keyframes welcomePlayShine{0%{transform:translate(-135%)}to{transform:translate(135%)}}@keyframes welcomePlaySpark{0%,to{transform:scale(.75);opacity:.7}50%{transform:scale(1.15);opacity:1}}.welcome-controls-tip{margin:0;flex:1 1 100%;width:100%;text-align:center;color:#f5eed6b8;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.28}.canvas-wrap,.game-canvas,.hud-layer,.scanlines,.frame-corners{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas{width:100%;height:100%;display:block;touch-action:none;background:linear-gradient(180deg,#edf8f1,#d4eadf 55%,#f6efd6)}.scanlines{pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 16%,transparent 84%,rgba(4,10,8,.12));opacity:.18;animation:scanlineDrift 6s linear infinite}@keyframes scanlineDrift{0%{transform:translateY(0)}to{transform:translateY(7px)}}.frame-corners{pointer-events:none;border:1px solid rgba(247,240,215,.1);box-shadow:inset 0 0 0 18px #04100c0f,inset 0 0 0 1px #ffffff0a;animation:framePulse 3.2s ease-in-out infinite}@keyframes framePulse{0%,to{box-shadow:inset 0 0 0 18px #04100c0f,inset 0 0 0 1px #ffffff0a}50%{box-shadow:inset 0 0 0 18px #04100c14,inset 0 0 0 1px #ffffff17,0 0 12px #f5d38329}}.frame-corners:before,.frame-corners:after{content:"";position:absolute;width:clamp(90px,14vw,180px);height:clamp(90px,14vw,180px);border:2px solid rgba(248,236,188,.12)}.frame-corners:before{top:18px;left:18px;border-right:0;border-bottom:0;clip-path:polygon(0 0,100% 0,100% 14%,14% 14%,14% 100%,0 100%)}.frame-corners:after{right:18px;bottom:18px;border-left:0;border-top:0;clip-path:polygon(86% 0,100% 0,100% 100%,0 100%,0 86%,86% 86%)}.hud-layer{z-index:2;pointer-events:none;transform-origin:top left;transform:scale(var(--hud-scale));width:calc(100% / var(--hud-scale));height:calc(100% / var(--hud-scale))}.hud-pause-btn{position:absolute;top:max(8px,var(--safe-top));left:max(8px,var(--safe-left));z-index:6;pointer-events:auto;min-height:30px;padding:0 10px 0 8px;border:1px solid rgba(247,236,199,.5);border-radius:999px;background:radial-gradient(circle at 22% 22%,#fff8da57,#fff0 50%),linear-gradient(180deg,#3174adf5,#174165f5);color:#edf5ff;display:inline-flex;align-items:center;gap:5px;cursor:pointer;box-shadow:inset 0 1px #fffbec61,0 4px 10px #030c0957;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .14s ease-out,filter .14s ease-out}.hud-pause-btn svg{width:13px;height:13px;fill:currentColor;stroke:currentColor}.hud-pause-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.hud-pause-btn:active:not(:disabled){transform:translateY(1px)}.hud-pause-btn:disabled{opacity:.55;cursor:default}.hud-exit-btn{position:absolute;top:max(8px,var(--safe-top));right:max(8px,var(--safe-right));z-index:6;pointer-events:auto;min-height:30px;padding:0 10px 0 8px;border:1px solid rgba(247,236,199,.5);border-radius:999px;background:radial-gradient(circle at 22% 22%,#fff8da57,#fff0 50%),linear-gradient(180deg,#408261f5,#194230f5);color:#eef8dd;display:inline-flex;align-items:center;gap:5px;cursor:pointer;box-shadow:inset 0 1px #fffbec61,0 4px 10px #030c0957;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .14s ease-out,filter .14s ease-out}.hud-exit-btn svg{width:13px;height:13px;fill:currentColor;stroke:currentColor}.hud-exit-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.hud-exit-btn:active{transform:translateY(1px)}.hud-header{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:center;align-items:flex-start}.hud-flow-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.hud-flow-token{position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;transform:translate(var(--sx),var(--sy)) scale(.45);opacity:0;animation:hudFlowToStat var(--dur, .52s) cubic-bezier(.22,.8,.26,1) forwards}.hud-flow-token--coin{background:radial-gradient(circle at 30% 28%,#ffffffd9,#ffffff0a 44%),linear-gradient(180deg,#ffe690,#d89e15);border:1px solid rgba(129,81,0,.7);box-shadow:0 0 7px #ffcf5fa6}.hud-flow-token--score{background:radial-gradient(circle at 30% 28%,#ffffffe0,#ffffff14 44%),linear-gradient(180deg,#fff3b5,#e0b544);border:1px solid rgba(116,74,0,.7);box-shadow:0 0 7px #fcda749e}@keyframes hudFlowToStat{0%{transform:translate(var(--sx),var(--sy)) scale(.5);opacity:0}18%{opacity:1}64%{transform:translate(var(--mx),var(--my)) scale(1);opacity:1}to{transform:translate(var(--ex),var(--ey)) scale(.35);opacity:0}}.hud-minimal-bar{width:fit-content;max-width:calc(100% - 8px);display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;pointer-events:auto;filter:drop-shadow(0 4px 8px rgba(5,13,11,.45))}.hud-mini-stat,.hud-mini-toggle{min-height:26px;border:1px solid rgba(245,238,214,.5);background:radial-gradient(circle at 24% 20%,#ffffff4d,#fff0 54%),linear-gradient(180deg,#32574bf2,#11231df2);color:#f5eed6;border-radius:999px;box-shadow:inset 0 1px #fffbec6b,inset 0 -2px 4px #00000038,0 2px 5px #0000004d}.hud-mini-stat{position:relative;display:inline-flex;align-items:center;gap:5px;padding:0 8px 0 6px;overflow:hidden;transition:transform .14s ease-out,filter .14s ease-out}.hud-mini-stat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.32) 48%,transparent 70%);transform:translate(-120%);animation:hudMiniShine 3s linear infinite;pointer-events:none}.hud-mini-stat:nth-child(odd){animation:hudMiniBob 2.5s ease-in-out infinite}.hud-mini-stat:nth-child(2n){animation:hudMiniBob 2.9s ease-in-out infinite reverse}.hud-mini-stat:hover{transform:translateY(-1px);filter:brightness(1.08)}@keyframes hudMiniShine{0%{transform:translate(-125%)}to{transform:translate(130%)}}@keyframes hudMiniBob{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.hud-mini-stat__icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.hud-mini-stat__icon svg{width:14px;height:14px;fill:currentColor;stroke:currentColor}.hud-mini-stat__value{font-family:Arial Black,Avenir Next,sans-serif;font-size:.66rem;line-height:1;letter-spacing:.02em;text-shadow:0 0 4px rgba(0,0,0,.4)}.hud-mini-stat--progress{color:#ffe7a6;background:radial-gradient(circle at 22% 20%,#ffffff57,#fff0 56%),linear-gradient(180deg,#cd443af2,#83231df2)}.hud-mini-stat--coin{color:#ffe08d;background:radial-gradient(circle at 24% 20%,#ffffff57,#fff0 56%),linear-gradient(180deg,#ca8e1cf5,#7f5608f2)}.hud-mini-stat--score{color:#ffe59b;background:radial-gradient(circle at 24% 20%,#ffffff57,#fff0 56%),linear-gradient(180deg,#d17e18f5,#7d4507f2)}.hud-mini-stat--lives{color:#ffd7de;background:radial-gradient(circle at 24% 20%,#ffffff57,#fff0 56%),linear-gradient(180deg,#cc506ef5,#7a243cf2)}.hud-mini-stat--world{color:#b9f3ff;background:radial-gradient(circle at 24% 20%,#ffffff57,#fff0 56%),linear-gradient(180deg,#2a85a9f5,#164c64f2)}.hud-mini-stat--time{color:#d7ffc5;background:radial-gradient(circle at 24% 20%,#ffffff57,#fff0 56%),linear-gradient(180deg,#5ea135f5,#355c1cf2)}.hud-mini-stat--gold{color:#f0c75d}.hud-mini-stat--mint{color:#b5e4c2}.hud-mini-toggle{width:26px;height:26px;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;overflow:hidden;transition:transform .14s ease-out,filter .14s ease-out}.hud-mini-toggle:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.36) 50%,transparent 72%);transform:translate(-125%);animation:hudMiniShine 3s linear infinite}.hud-mini-toggle:hover:not(:disabled){transform:translateY(-1px) scale(1.03);filter:brightness(1.1)}.hud-mini-toggle svg{position:relative;z-index:1;width:14px;height:14px;fill:currentColor;stroke:currentColor}.hud-mini-toggle.is-live{color:#d9f7cc}.hud-mini-toggle.is-muted{color:#ffcf9e}.hud-mini-toggle:disabled{opacity:.55;cursor:default}.hud-mobile__strip{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.hud-compact-panel{width:min(1080px,100%);min-width:0;padding:8px 10px 9px;pointer-events:auto}.hud-compact-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.hud-compact-panel__title{display:inline-flex;align-items:center;gap:6px}.hud-compact-panel__title .panel-kicker{margin:0;font-size:.54rem}.hud-compact-panel .state-pill{padding:3px 8px;min-height:20px}.hud-compact-panel .state-pill strong{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.hud-compact-panel__actions{display:inline-flex;align-items:center;gap:6px}.hud-round-action{width:30px;height:30px;border-radius:50%;border:1px solid rgba(247,236,199,.24);background:radial-gradient(circle at 32% 26%,#fff8da40,#081511f2 64%),linear-gradient(180deg,#112d23f2,#081410f5);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 5px 14px #020a0859,inset 0 1px #fffae740;transition:transform .12s ease-out,box-shadow .16s ease-out,filter .16s ease-out}.hud-round-action svg{width:14px;height:14px;fill:currentColor;stroke:currentColor}.hud-round-action:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.hud-round-action:active:not(:disabled){transform:translateY(1px)}.hud-round-action:disabled{opacity:.5;cursor:default}.hud-round-action--audio.is-live{color:#d9f7cc}.hud-round-action--audio.is-muted{color:#ffcf9e}.hud-compact-panel__stats{margin-top:7px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.hud-stat-chip{min-height:36px;border:1px solid rgba(247,236,199,.14);background:radial-gradient(circle at 22% 20%,rgba(255,249,227,.12),transparent 58%),linear-gradient(180deg,#0d201af2,#08120ef5);display:flex;align-items:center;gap:6px;padding:4px 7px;box-shadow:inset 0 1px #ffffff0f;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.hud-stat-chip__icon{width:17px;height:17px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;flex:0 0 auto}.hud-stat-chip__icon svg{width:13px;height:13px;fill:currentColor;stroke:currentColor}.hud-stat-chip__meta{display:grid;min-width:0}.hud-stat-chip__label{color:#f5eed694;font-size:.45rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.hud-stat-chip__value{margin-top:1px;color:var(--ink);font-family:Arial Black,Avenir Next,sans-serif;font-size:.74rem;line-height:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud-stat-chip--gold .hud-stat-chip__value{color:var(--gold-soft)}.hud-stat-chip--mint .hud-stat-chip__value{color:var(--mint)}.hud-stat-chip:nth-child(odd){animation:hudChipDrift 2.8s ease-in-out infinite}.hud-stat-chip:nth-child(2n){animation:hudChipDrift 3.1s ease-in-out infinite reverse}@keyframes hudChipDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.hud-compact-panel__progress-track{position:relative;margin-top:7px;height:8px;border-radius:999px;border:1px solid rgba(247,236,199,.14);background:#08120ff2;overflow:hidden}.hud-compact-panel__progress-fill{position:relative;height:100%;width:0;background:linear-gradient(90deg,#88eec2e0,#f3ca60f5);box-shadow:0 0 8px #88eec273,0 0 12px #f3ca6073}.hud-compact-panel__progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.35) 48%,transparent 100%);animation:hudProgressShine 1.7s linear infinite}@keyframes hudProgressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hud-mobile{display:none}.hud-mobile__actions{display:flex;align-items:center;gap:8px}.hud-mobile__actions button{width:40px;height:40px;border:1px solid rgba(247,236,199,.24);background:#081611e6;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:0}.hud-mobile__actions button svg{width:18px;height:18px;fill:currentColor;stroke:currentColor}.hud-mobile__progress{margin-left:auto;min-width:126px;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;--progress-angle: 0deg}.hud-mobile__progress-badge{position:relative;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.24),transparent 40%),radial-gradient(circle at 50% 72%,#14352af5,#081612f5);border:1px solid rgba(247,236,199,.18);box-shadow:inset 0 1px #ffffff29,0 0 14px #76dfcd33;overflow:hidden}.hud-mobile__progress-badge:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:conic-gradient(from -90deg,#f0c75d 0deg,#fff2ad 72deg,#77e5d4 var(--progress-angle),rgba(90,126,112,.24) var(--progress-angle),rgba(90,126,112,.24) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));filter:drop-shadow(0 0 6px rgba(240,199,93,.34))}.hud-mobile__progress-badge:after{content:"";position:absolute;top:-22%;right:-18%;bottom:-22%;left:-18%;border-radius:inherit;background:radial-gradient(circle at 16% 78%,rgba(255,247,214,.5) 0 2px,transparent 3px),radial-gradient(circle at 48% 90%,rgba(189,255,241,.5) 0 2px,transparent 3px),radial-gradient(circle at 78% 82%,rgba(255,247,214,.45) 0 2px,transparent 3px);opacity:.55;animation:mobileProgressBubble 2.8s linear infinite;pointer-events:none}.hud-mobile__progress-badge strong{position:relative;z-index:1;display:inline-flex;align-items:baseline;gap:1px;color:var(--gold-soft);font-family:Arial Black,Avenir Next,sans-serif;font-size:.74rem;line-height:1;letter-spacing:.01em;text-shadow:0 0 8px rgba(240,199,93,.34)}.hud-mobile__progress-badge em{font-style:normal;font-size:.52rem;color:#f5eed6e0}.hud-mobile__progress small{max-width:68px;color:#f5eed6b3;font-size:.52rem;line-height:1.05;text-align:right;letter-spacing:.08em;text-transform:uppercase}@keyframes mobileProgressBubble{0%{transform:translateY(24%)}to{transform:translateY(-26%)}}.hud-mobile__stats{margin-top:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.hud-mobile__controls{position:fixed;left:max(10px,var(--safe-left));right:max(10px,var(--safe-right));bottom:max(6px,var(--safe-bottom));z-index:5;display:flex;align-items:end;justify-content:space-between;gap:8px;pointer-events:auto}.hud-mobile__pad{display:grid;gap:6px}.hud-mobile__pad--joystick{justify-items:start}.hud-mobile__pad-label{color:#f5eed6b3;font-size:.52rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding-left:6px}.joystick-pad{width:104px;height:104px;border-radius:999px;display:grid;place-items:center}.joystick-hit-area{position:relative;width:104px;height:104px;border-radius:inherit;touch-action:none;user-select:none;-webkit-user-select:none}.joystick-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(247,236,199,.24);background:radial-gradient(circle at 35% 30%,#fff8da29,#091511db 60%),linear-gradient(180deg,#0b1f18f0,#07120ef7);box-shadow:inset 0 8px 16px #fff7d612,inset 0 -10px 14px #040c0966,0 10px 18px #030a0859}.joystick-ring:before,.joystick-ring:after{content:"";position:absolute;left:50%;top:50%;border-radius:999px;transform:translate(-50%,-50%)}.joystick-ring:before{width:62px;height:62px;border:1px dashed rgba(247,236,199,.16)}.joystick-ring:after{width:84px;height:84px;border:1px solid rgba(247,236,199,.08)}.joystick-thumb{position:absolute;left:50%;top:50%;width:44px;height:44px;border-radius:50%;transform:translate(calc(-50% + var(--thumb-x, 0px)),calc(-50% + var(--thumb-y, 0px)));background:radial-gradient(circle at 34% 28%,#fff7dee6,#bed6aef0 30%,#48765cf5);border:1px solid rgba(247,236,199,.35);box-shadow:0 10px 20px #030a086b,inset 0 1px #fff8dd8c;transition:transform .06s ease-out,box-shadow .12s ease-out}.joystick-pad.is-active .joystick-thumb{box-shadow:0 0 0 1px #f7ecc78c,0 0 18px #c3f1cc5c,0 10px 20px #030a0875,inset 0 1px #fff8dd94}.joystick-pad.is-active .joystick-ring{box-shadow:0 0 0 1px #f7ecc759,0 0 18px #b8ebc742,inset 0 8px 16px #fff7d614,inset 0 -10px 14px #040c0970}.hud-mobile__pad--actions{display:flex;align-items:end;gap:8px}.touch-action-btn{position:relative;width:64px;height:64px;border-radius:50%;border:1px solid rgba(247,236,199,.3);background:radial-gradient(circle at 32% 28%,#fff6d233,#0a1913eb 66%),linear-gradient(180deg,#0a1d16f2,#06100cf7);color:#f9edc1;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 10px 20px #030a086b,inset 0 1px #fff7d459;transition:transform .05s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.touch-action-btn span{position:relative;z-index:2}.touch-action-btn:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:1px solid rgba(255,248,220,0)}.touch-action-btn.is-pressed{transform:translateY(2px) scale(.97);filter:brightness(1.08);box-shadow:0 0 0 1px #f7ecc78c,0 0 16px #c2efcb54,0 6px 14px #030a0885,inset 0 1px #fff7d473}.touch-action-btn.is-pressed:after{animation:actionButtonRipple .28s ease-out}.touch-action-btn:disabled{opacity:.46}.touch-action-btn--primary{width:72px;height:72px;background:radial-gradient(circle at 30% 24%,#fffbe247,#306349f5 64%),linear-gradient(180deg,#366d52f5,#143024fa)}@keyframes actionButtonRipple{0%{transform:scale(.75);opacity:.72;border-color:#fff8dcb8}to{transform:scale(1.2);opacity:0;border-color:#fff8dc00}}.mobile-stat{border:1px solid rgba(247,236,199,.18);background:#081611e6;min-height:48px;padding:6px 6px 4px;display:grid;justify-items:center;gap:2px}.mobile-stat__icon{width:14px;height:14px;display:inline-flex}.mobile-stat__icon svg{width:14px;height:14px;fill:currentColor;stroke:currentColor}.mobile-stat strong{font-family:Arial Black,Avenir Next,sans-serif;font-size:.78rem;line-height:1}.mobile-stat span{font-size:.45rem;letter-spacing:.1em;text-transform:uppercase;color:#f5eed6b8}.mobile-stat--compact{min-height:44px;padding:5px 4px 4px}.mobile-stat--compact strong{font-size:.68rem}.mobile-stat--compact span{font-size:.41rem}.hud-shell{position:relative;overflow:hidden;border:1px solid rgba(247,236,199,.18);background:linear-gradient(180deg,#183228e6,#091511f2),linear-gradient(90deg,rgba(255,255,255,.04),transparent 40%);box-shadow:0 10px 24px #030a0833,inset 0 1px #fff6d617,inset 0 0 0 1px #08141052;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,18px 100%,0 calc(100% - 18px))}.hud-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 38%),repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0 2px,transparent 2px 22px);pointer-events:none;opacity:.46}.hud-shell:after{content:"";position:absolute;top:0;right:0;width:96px;height:96px;background:radial-gradient(circle at top right,rgba(240,199,93,.28),transparent 65%),linear-gradient(135deg,transparent 40%,rgba(255,255,255,.08));pointer-events:none;opacity:.5}.panel-kicker{position:relative;z-index:1;display:block;margin:0;color:var(--gold);font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.objective-panel{grid-area:objective;min-height:80px;min-width:0;padding:9px 12px 8px}.mission-topline,.mission-footer,.mission-subline,.scoreboard-grid,.controls-grid{position:relative;z-index:1}.mission-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.mission-tip{color:#f5eed6b8;font-size:clamp(.5rem,.65vw,.58rem);font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:right;max-width:min(32ch,48%);white-space:normal;line-height:1.05}.objective-panel h2{position:relative;z-index:1;margin:6px 0 0;font-family:Arial Black,Avenir Next,sans-serif;font-size:clamp(.76rem,1.05vw,1.04rem);line-height:.95;text-transform:uppercase;max-width:none}.mission-meter{position:relative;z-index:1;margin-top:8px;height:12px;padding:2px;overflow:hidden;border-radius:999px;background:radial-gradient(circle at 14% 50%,rgba(245,238,214,.08),transparent 38%),#10251e;border:1px solid rgba(255,246,214,.14);box-shadow:inset 0 0 0 1px #08141073,0 0 14px #73dbc71f}.progress-fill{width:0;height:100%;position:relative;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#f0c75d,#fff1aa 36%,#77e4d5,#f0c75d),repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 14px,transparent 14px 22px);box-shadow:0 0 20px #f0c75d59,0 0 30px #77e4d53d,inset 0 1px #ffffff6b;animation:missionGlowPulse 2.4s ease-in-out infinite}.progress-fill:before,.progress-fill:after{content:"";position:absolute;pointer-events:none}.progress-fill:before{top:-25%;right:-6%;bottom:-25%;left:-6%;background:linear-gradient(120deg,transparent 12%,rgba(255,255,255,.36) 42%,transparent 65%);opacity:.52;transform:translate(-42%);animation:missionShimmer 2.8s linear infinite}.progress-fill:after{top:-180%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 10% 92%,rgba(255,255,255,.58) 0 3px,transparent 4px),radial-gradient(circle at 26% 98%,rgba(255,247,193,.62) 0 2.4px,transparent 3.4px),radial-gradient(circle at 44% 90%,rgba(255,255,255,.55) 0 2.6px,transparent 3.6px),radial-gradient(circle at 62% 96%,rgba(224,255,248,.58) 0 3px,transparent 4px),radial-gradient(circle at 78% 94%,rgba(255,255,255,.5) 0 2.5px,transparent 3.5px),radial-gradient(circle at 92% 99%,rgba(255,240,167,.62) 0 2.7px,transparent 3.7px);opacity:.55;animation:missionBubbleLift 3.6s linear infinite}@keyframes missionGlowPulse{0%,to{filter:saturate(1) brightness(1);box-shadow:0 0 18px #f0c75d57,0 0 24px #77e4d533,inset 0 1px #fff6}50%{filter:saturate(1.08) brightness(1.06);box-shadow:0 0 24px #f0c75d6b,0 0 34px #77e4d547,inset 0 1px #ffffff80}}@keyframes missionShimmer{0%{transform:translate(-55%)}to{transform:translate(120%)}}@keyframes missionBubbleLift{0%{transform:translateY(36%)}to{transform:translateY(-46%)}}.mission-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;color:var(--ink-soft);font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mission-subline{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;margin-top:6px;color:#f5eed6c2;font-size:clamp(.44rem,.56vw,.51rem);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.scoreboard-panel{grid-area:scoreboard;min-height:122px;min-width:0;padding:9px 10px 8px;pointer-events:auto}.scoreboard-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}.scoreboard-controls{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1 1 460px;justify-content:flex-end}.scoreboard-meta{display:grid;gap:2px;flex:1 1 180px;min-width:0}.course-pill{color:#f5eed6c2;font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hud-nav-actions{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(247,236,199,.16);background:linear-gradient(180deg,#0b1b16f0,#08120ff5)}.hud-nav-actions button{border:1px solid rgba(247,236,199,.2);background:#07130ff2;color:var(--ink);font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;height:24px;min-width:58px;padding:0 8px;cursor:pointer}.hud-nav-actions button:disabled{opacity:.55;cursor:default}.level-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(247,236,199,.16);background:linear-gradient(180deg,#0b1b16f0,#08120ff5);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);flex-wrap:wrap}.level-switcher select,.level-switcher button{border:1px solid rgba(247,236,199,.2);background:#07130ff2;color:var(--ink);font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;height:24px}.level-switcher select{width:clamp(42px,4.4vw,52px);padding:0 4px}.level-switcher button{min-width:36px;padding:0 8px;cursor:pointer}.level-switcher button:disabled{opacity:.55;cursor:default}.level-switcher__test-btn{color:#f4d782}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.state-pill{position:relative;display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid rgba(255,246,214,.16);background:linear-gradient(180deg,#10261ffa,#091410fa);box-shadow:inset 0 1px #ffffff0f;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.state-pill span{color:#f5eed69e;font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.state-pill strong{font-family:Arial Black,Avenir Next,sans-serif;font-size:.82rem;line-height:1}.state-pill--live strong{color:var(--mint)}.state-pill--loading strong{color:#ffd99b}.scoreboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:5px}.metric-cell{position:relative;min-height:36px;padding:6px 7px;border:1px solid rgba(247,236,199,.12);background:linear-gradient(180deg,#0e211bf5,#08130ff5);box-shadow:inset 0 1px #ffffff0d;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.metric-label{position:relative;z-index:1;display:block;color:#f5eed694;font-size:.52rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.metric-value{position:relative;z-index:1;display:block;margin-top:3px;font-family:Arial Black,Avenir Next,sans-serif;font-size:clamp(.68rem,.82vw,.92rem);line-height:1;color:var(--ink)}.metric-cell--gold .metric-value{color:var(--gold-soft)}.metric-cell--mint .metric-value{color:var(--mint)}.medal-row{position:relative;z-index:1;display:flex;align-items:center;gap:4px;margin-top:6px;flex-wrap:wrap}.medal-tag{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:0 6px;border:1px solid rgba(247,236,199,.14);background:#08120fcc;color:#f5eed6b8;font-size:clamp(.42rem,.54vw,.5rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.medal-tag.is-active{border-color:#f5e2a573;color:#f9e8a7;box-shadow:inset 0 0 0 1px #fff5ce33}.settings-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:5px;margin-top:6px}.settings-row label{display:grid;gap:2px;color:#f5eed6b8;font-size:.48rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.settings-row select{width:100%;border:1px solid rgba(247,236,199,.18);background:#07130ff2;color:var(--ink);height:22px;font-size:.52rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.audio-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:22px;border:1px solid rgba(247,236,199,.18);background:#07130ff2;color:var(--ink);font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:0 8px}.audio-toggle-button.is-live{color:#d9f7cc}.audio-toggle-button.is-muted{color:#ffcf9e}.audio-icon{position:relative;width:18px;height:14px;display:inline-block}.audio-icon__box{position:absolute;left:0;top:4px;width:5px;height:6px;background:currentColor}.audio-icon__cone{position:absolute;left:4px;top:2px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}.audio-icon__wave{position:absolute;border:1.8px solid currentColor;border-left:none;border-top-right-radius:999px;border-bottom-right-radius:999px}.audio-icon__wave--1{right:1px;top:3px;width:4px;height:8px}.audio-icon__wave--2{right:-3px;top:1px;width:6px;height:12px}.audio-icon__slash{position:absolute;right:-1px;top:-1px;width:2px;height:16px;background:transparent;transform:rotate(35deg);transform-origin:center}.audio-toggle-button.is-muted .audio-icon__wave{opacity:.18}.audio-toggle-button.is-muted .audio-icon__slash{background:currentColor}.settings-toggle{display:flex!important;align-items:center;gap:6px;min-height:22px;border:1px solid rgba(247,236,199,.18);background:#07130ff2;padding:0 6px;width:100%}.settings-toggle input{width:12px;height:12px;accent-color:#cdeeb8}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;background:#040d0a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rotate-device-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;padding:18px;background:#040d0ad6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rotate-device-card{width:min(560px,100%);border:1px solid rgba(247,236,199,.2);background:linear-gradient(180deg,#122c23f2,#081511f5),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 2px,transparent 2px 20px);box-shadow:0 24px 64px #020a088f,0 0 0 1px #f8e69633;padding:18px 18px 16px}.rotate-device-kicker{margin:0;color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.rotate-device-card h2{margin:6px 0 0;font-family:Arial Black,Avenir Next,sans-serif;text-transform:uppercase;line-height:1;font-size:clamp(1.3rem,4vw,2rem)}.rotate-device-card p{margin:10px 0 0;color:#f5eed6d6;font-size:.86rem;line-height:1.36}.app-shell--touch-device .hud-header,.app-shell--touch-device .boot-badge{display:none}.app-shell--touch-device .hud-layer{transform:none;width:100%;height:100%}.app-shell--touch-device .hud-mobile{position:absolute;top:max(8px,var(--safe-top));left:max(8px,var(--safe-left));right:max(8px,var(--safe-right));z-index:3;display:block;pointer-events:auto}.pause-card{--shell-cut: 24px;position:relative;width:min(540px,calc(100% - 40px));border:1px solid rgba(247,236,199,0);background:linear-gradient(180deg,#122c23eb,#081511f0),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 2px,transparent 2px 22px);box-shadow:0 24px 70px #020a0873,0 0 0 1px #f8e69647,0 0 42px #92e1b061,0 0 68px #f0c75d3d,inset 0 1px #fff5d147;padding:20px;clip-path:polygon(0 0,calc(100% - var(--shell-cut)) 0,100% var(--shell-cut),100% 100%,var(--shell-cut) 100%,0 calc(100% - var(--shell-cut)))}.pause-card:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 16% 30%,rgba(168,247,194,.42),transparent 38%),radial-gradient(circle at 86% 22%,rgba(255,223,137,.36),transparent 42%),radial-gradient(circle at 50% 90%,rgba(128,210,168,.3),transparent 46%);filter:blur(14px);opacity:.92}.pause-kicker{margin:0;color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.pause-card h2{margin:5px 0 0;font-family:Arial Black,Avenir Next,sans-serif;text-transform:uppercase;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1}.pause-copy{margin:8px 0 0;color:var(--ink-soft);font-size:.86rem;line-height:1.35}.pause-actions{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pause-btn{height:34px;border:1px solid rgba(247,236,199,.22);background:#081410e6;color:var(--ink);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.pause-btn--primary{background:linear-gradient(180deg,#2b614bf2,#123025f2);color:#f7f2d2}.pause-tip{margin:10px 0 0;color:#f5eed6b3;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.gameover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;padding:18px;background:#040d0aa8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;animation:gameoverOverlayPulse 2.2s ease-in-out infinite}@keyframes gameoverOverlayPulse{0%,to{background:#040d0aa8}50%{background:#040d0ac2}}.gameover-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.gameover-confetti__piece{position:absolute;left:var(--piece-left);top:-14%;width:11px;height:11px;border-radius:3px;background:linear-gradient(145deg,#fff7cff2,#ffd06dc7);box-shadow:0 0 8px #ffd77461;transform:rotate(20deg);animation:gameoverConfettiDrop var(--piece-duration) linear var(--piece-delay) infinite}@keyframes gameoverConfettiDrop{0%{transform:translate3d(0,-12vh,0) rotate(0);opacity:0}12%{opacity:1}to{transform:translate3d(1.8vw,112vh,0) rotate(320deg);opacity:0}}.gameover-card{position:relative;width:min(520px,100%);border:1px solid rgba(247,236,199,.26);background:radial-gradient(circle at 16% 14%,rgba(255,225,132,.22),transparent 46%),linear-gradient(180deg,#143127f5,#081511fa);box-shadow:0 22px 58px #020a088c,0 0 0 1px #ffe28238,0 0 28px #f0c75d47;padding:18px 18px 16px;animation:gameoverCardPop .56s cubic-bezier(.2,.9,.28,1) both;overflow:hidden}@keyframes gameoverCardPop{0%{transform:translateY(24px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.gameover-burst{position:absolute;width:160px;height:160px;right:-56px;top:-62px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,239,183,.64),rgba(255,213,113,.15) 48%,transparent 66%);filter:blur(1px);animation:gameoverBurstGlow 2s ease-in-out infinite;pointer-events:none}@keyframes gameoverBurstGlow{0%,to{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}.gameover-kicker{margin:0;color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.gameover-card h2{margin:6px 0 0;font-family:Arial Black,Avenir Next,sans-serif;text-transform:uppercase;line-height:1;font-size:clamp(1.6rem,4.2vw,2.4rem);animation:gameoverTitleBounce 1s ease-out both}.gameover-card h2 span{color:#ffd97a}@keyframes gameoverTitleBounce{0%{transform:scale(.8) translateY(8px);opacity:0}55%{transform:scale(1.08) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0)}}.gameover-copy{margin:8px 0 0;color:#f5eed6d6;font-size:.88rem;line-height:1.34}.gameover-stats{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gameover-stats span{min-height:26px;padding:0 10px;border-radius:999px;border:1px solid rgba(247,236,199,.24);background:#07130feb;color:#f5eed6e0;display:inline-flex;align-items:center;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;animation:gameoverStatBob 2.8s ease-in-out infinite}.gameover-stats span:nth-child(2){animation-delay:.22s}@keyframes gameoverStatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.gameover-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.gameover-btn{height:36px;border:1px solid rgba(247,236,199,.24);background:#081410e6;color:var(--ink);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .14s ease-out,filter .14s ease-out,box-shadow .2s ease-out}.gameover-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.gameover-btn:active{transform:translateY(1px) scale(.99)}.gameover-btn--primary{background:radial-gradient(circle at 22% 24%,#fffbe77a,#fff0 46%),linear-gradient(180deg,#ffd777fa,#e0a130fa);color:#173322;border-color:#ffe79bd1;box-shadow:inset 0 1px #fff9dbcc,0 0 16px #f0c34a59;animation:gameoverPrimaryPulse 1.1s ease-in-out infinite}@keyframes gameoverPrimaryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.boot-badge{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:min(18rem,30%);min-width:220px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between}.boot-badge span{position:relative;z-index:1;color:var(--ink-soft);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.boot-badge strong{position:relative;z-index:1;color:var(--gold-soft);font-family:Arial Black,Avenir Next,sans-serif;font-size:1rem}@media (max-height: 820px){.welcome-shell{max-height:calc(100dvh - max(10px,var(--safe-top)) - max(10px,var(--safe-bottom)));padding:16px 16px 14px}.welcome-header{gap:12px}.brand-logo-slot{min-height:76px}.brand-logo-image{max-height:74px}.welcome-title-group h1{font-size:clamp(1.6rem,4.2vw,2.8rem)}.welcome-go-hornets{font-size:clamp(1.05rem,2.1vw,1.55rem)}.welcome-powerup-line{font-size:.8rem;line-height:1.28}.welcome-powerup-chip{min-height:34px}.welcome-btn--play{height:42px;font-size:.74rem}.welcome-controls-tip{font-size:.56rem}}@media (max-width: 1320px){.hud-header{grid-template-columns:minmax(0,42%) minmax(0,58%)}.scoreboard-controls{justify-content:flex-start}}@media (max-width: 1160px){.hud-header{grid-template-columns:minmax(0,40%) minmax(0,60%)}.scoreboard-controls{justify-content:flex-start}}@media (max-width: 980px){.app-shell{padding:0}.game-stage{width:100vw;height:100vh}.hud-header{top:8px;left:8px;right:8px;grid-template-columns:minmax(0,38%) minmax(0,62%);gap:8px}.objective-panel,.scoreboard-panel{min-width:0;padding:8px}.scoreboard-grid{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.welcome-screen,.welcome-shell{padding:16px}.welcome-callout{grid-template-columns:1fr;grid-template-areas:"title" "copy" "chips";row-gap:8px}.welcome-powerups{justify-self:start;justify-content:flex-start}.welcome-header{grid-template-columns:1fr;gap:10px;text-align:center}.brand-logo-slot{min-height:64px}.welcome-powerups{gap:6px}.welcome-actions{justify-content:center}.welcome-controls-tip{margin-left:0;width:100%;text-align:center}}@media (max-width: 760px){.hud-header{top:6px;left:6px;right:6px;grid-template-columns:minmax(0,37%) minmax(0,63%)}.mission-topline,.mission-footer,.scoreboard-head{flex-direction:column;align-items:flex-start}.mission-tip{max-width:100%;text-align:left}.course-pill{max-width:100%}.scoreboard-controls{width:100%;justify-content:flex-start}.state-pill,.hud-nav-actions,.level-switcher{width:100%}.hud-nav-actions button{flex:1 1 0}.level-switcher{justify-content:flex-start}.level-switcher select,.level-switcher button{flex:1 1 64px}.settings-row{grid-template-columns:1fr 1fr}.pause-actions,.gameover-actions{grid-template-columns:1fr}}@media (max-width: 700px){.hud-header,.boot-badge{display:none}.hud-layer{transform:none;width:100%;height:100%}.hud-mobile{position:absolute;top:8px;left:8px;right:8px;z-index:3;display:block;pointer-events:auto}}@media (max-width: 560px){.app-shell{padding:0}.game-stage{width:100vw;height:100vh}.welcome-btn{width:100%}.welcome-shell{width:min(100%,620px);max-height:calc(100dvh - max(10px,var(--safe-top)) - max(10px,var(--safe-bottom)));padding:14px 12px}.welcome-callout{margin-top:10px;padding:10px;row-gap:7px}.welcome-kicker{font-size:.62rem;letter-spacing:.11em}.welcome-title-group h1{font-size:clamp(1.45rem,9vw,2.05rem);white-space:normal}.welcome-subtitle{font-size:.67rem;line-height:1.28}.welcome-powerups{gap:6px;margin-top:10px;justify-self:center;justify-content:center}.welcome-powerup-chip{min-height:36px;padding:4px 8px 4px 6px;gap:6px}.welcome-feature-icon{width:24px;height:24px;border-radius:7px}.welcome-powerup-chip h2{font-size:.58rem;letter-spacing:.09em}.welcome-actions{margin-top:10px;gap:8px}.welcome-btn--play{height:44px;min-width:0;width:min(100%,260px);font-size:.76rem}.welcome-controls-tip{font-size:.58rem;letter-spacing:.05em;line-height:1.3}.hud-mobile{top:max(6px,var(--safe-top));left:max(6px,var(--safe-left));right:max(6px,var(--safe-right))}.hud-pause-btn,.hud-exit-btn{min-height:28px;padding:0 8px 0 7px;font-size:.54rem}.hud-mobile__actions button{width:36px;height:36px}.hud-mobile__progress{min-width:106px;gap:6px}.hud-mobile__progress-badge{width:36px;height:36px}.hud-mobile__progress-badge strong{font-size:.64rem}.hud-mobile__progress-badge em{font-size:.46rem}.hud-mobile__progress small{max-width:60px;font-size:.48rem}.hud-mobile__stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.mobile-stat{min-height:44px;padding:5px 4px 4px}.mobile-stat strong{font-size:.7rem}.mobile-stat span{font-size:.42rem}.hud-mobile__controls{left:max(6px,var(--safe-left));right:max(6px,var(--safe-right));bottom:max(6px,var(--safe-bottom));gap:8px}.joystick-pad,.joystick-hit-area{width:88px;height:88px}.joystick-thumb{width:38px;height:38px}.touch-action-btn{width:56px;height:56px;font-size:.58rem}.touch-action-btn--primary{width:64px;height:64px}}@media (max-height: 560px) and (orientation: landscape){.welcome-screen{place-items:center;padding-top:max(8px,var(--safe-top));padding-right:max(8px,var(--safe-right));padding-bottom:max(8px,var(--safe-bottom));padding-left:max(8px,var(--safe-left))}.welcome-emoji-rain{display:none}.welcome-shell{width:min(100%,1160px);max-height:calc(100dvh - max(8px,var(--safe-top)) - max(8px,var(--safe-bottom)));padding:10px 12px}.welcome-header{grid-template-columns:24fr 52fr 24fr;gap:10px;text-align:center}.brand-logo-slot{min-height:52px}.brand-logo-image{max-height:50px}.welcome-kicker{margin:0 0 4px;font-size:.56rem;letter-spacing:.11em}.welcome-title-group h1{font-size:clamp(1.4rem,3.2vw,2rem)}.welcome-subtitle{margin-top:4px;font-size:.62rem;letter-spacing:.04em}.welcome-callout{margin-top:8px;padding:8px 10px}.welcome-go-hornets{font-size:clamp(1rem,2vw,1.45rem)}.welcome-powerup-line{margin-top:4px;font-size:.72rem;line-height:1.2}.welcome-powerups{margin-top:8px;gap:6px}.welcome-powerup-chip{min-height:30px;padding:3px 7px 3px 5px;gap:5px}.welcome-features{margin-top:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.welcome-features article{padding:8px}.welcome-feature-head{gap:6px}.welcome-feature-icon{width:24px;height:24px;border-radius:7px}.welcome-powerup-chip h2{font-size:.56rem;letter-spacing:.07em}.welcome-features h2{font-size:.66rem;letter-spacing:.08em}.welcome-features p{margin-top:4px;font-size:.62rem;line-height:1.2}.welcome-actions{margin-top:10px;gap:6px;justify-content:center}.welcome-btn{width:auto;height:32px;padding:0 10px;font-size:.62rem}.welcome-controls-tip{width:100%;margin-left:0;text-align:center;font-size:.56rem;letter-spacing:.06em}}