:root{--ice: #b9f7ff;--cyan: #48e8ff;--lime: #c6ff49;--danger: #ff315c;--ink: #03040a;--font-display: "Orbitron", system-ui, "Segoe UI", sans-serif;--font-body: "Rajdhani", system-ui, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#02030a}body{margin:0;color:#fff;font-family:var(--font-body),sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}button{color:inherit;font:inherit}.game{position:relative;width:100vw;height:100dvh;min-height:520px;overflow:hidden;background:#03040b;isolation:isolate}.viewport{position:absolute;inset:0;cursor:crosshair}.viewport canvas{width:100%!important;height:100%!important;display:block}.scanlines{pointer-events:none;position:absolute;inset:0;z-index:2;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(100,220,255,.16) 3px 4px);mix-blend-mode:screen}.vignette{pointer-events:none;position:absolute;inset:0;z-index:3;background:radial-gradient(circle at center,transparent 36%,rgba(1,2,9,.28) 73%,rgba(0,0,4,.88) 110%),linear-gradient(180deg,rgba(1,3,14,.35),transparent 24%,transparent 77%,rgba(1,3,14,.6))}.game:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:4;border:1px solid rgba(177,242,255,.12);box-shadow:inset 0 0 90px #0f59b414}.topbar{position:absolute;z-index:20;inset:0 0 auto;height:78px;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,3.5vw,56px);border-bottom:1px solid rgba(164,226,255,.18);background:linear-gradient(180deg,#01040ed6,#01040e14)}.brandmark{display:flex;align-items:center;gap:11px}.brandmark>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(161,238,255,.6);background:#1c78a01f;color:var(--cyan);font:700 13px/1 var(--font-display);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);box-shadow:0 0 20px #48e8ff26}.brandmark div{display:flex;flex-direction:column}.brandmark b{font:700 11px/1.2 var(--font-display);letter-spacing:.17em}.brandmark small{color:#c7e5f18c;font-size:8px;letter-spacing:.16em;margin-top:4px}.topbar__actions{display:flex;align-items:center;gap:9px}.icon-button{height:34px;padding:0 13px;border:1px solid rgba(172,229,255,.23);background:#04091870;color:#d6f2ffb3;font-size:9px;letter-spacing:.16em;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-button:hover{color:#fff;border-color:var(--cyan)}.icon-button--square{width:34px;padding:0}.title-screen{position:absolute;z-index:10;left:clamp(22px,8vw,135px);top:50%;width:min(630px,76vw);transform:translateY(-44%)}.eyebrow{display:flex;align-items:center;gap:12px;color:#cceef9b3;font-size:10px;line-height:1;letter-spacing:.26em;font-weight:700;text-transform:uppercase}.eyebrow span{width:42px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.title-screen h1{margin:18px 0 0;font-family:var(--font-display);font-size:clamp(60px,10.8vw,162px);line-height:.75;letter-spacing:-.075em;text-shadow:0 5px 35px rgba(49,117,255,.28)}.title-screen h1 span,.title-screen h1 strong{display:block}.title-screen h1 span{font-weight:400;color:transparent;-webkit-text-stroke:1px rgba(209,242,255,.6);font-size:.48em;letter-spacing:.43em;margin-left:.05em;margin-bottom:.22em}.title-screen h1 strong{font-weight:900;background:linear-gradient(180deg,#fff 5%,#b9ecff 42%,#5ea5ff 92%);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 25px rgba(63,161,255,.18))}.title-screen__subtitle{margin:12px 0 0 5px;font:700 clamp(14px,2vw,22px)/1 var(--font-display);letter-spacing:.64em;color:var(--danger);text-shadow:0 0 18px rgba(255,49,92,.52)}.title-screen__intro{max-width:520px;margin:24px 0 27px;padding-left:16px;border-left:1px solid rgba(79,225,255,.5);color:#dbeef5c2;font-size:clamp(14px,1.5vw,17px);line-height:1.5;font-weight:500}.beanophone{position:relative;display:flex;align-items:center;gap:15px;min-width:340px;height:68px;padding:0 26px 0 12px;border:1px solid rgba(98,238,255,.68);background:linear-gradient(105deg,#0c4860c7,#040d1cbf);box-shadow:0 0 30px #28d9ff24,inset 0 0 25px #30cdff14;cursor:pointer;overflow:hidden;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));text-align:left}.beanophone:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(136,245,255,.14) 48%,transparent 62%);transform:translate(-100%);transition:.45s}.beanophone:hover:after{transform:translate(100%)}.beanophone>span:last-child{display:flex;flex-direction:column;font:700 12px/1.3 var(--font-display);letter-spacing:.09em}.beanophone small{color:var(--cyan);font:700 8px/1 var(--font-body);letter-spacing:.3em;margin-bottom:5px}.beanophone__ring{width:45px;height:45px;position:relative;flex:none;display:grid;place-items:center;border:1px solid rgba(125,241,255,.5);border-radius:50%}.beanophone__ring i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:phoneRing 1.2s infinite}.beanophone__ring i:nth-child(2){width:19px;height:19px;background:transparent;border:1px solid rgba(83,234,255,.6);animation-delay:.2s}.beanophone__ring i:nth-child(3){width:34px;height:34px;background:transparent;border:1px solid rgba(83,234,255,.24);animation-delay:.4s}.dev-level-select{margin-top:13px;width:min(640px,86vw)}.dev-level-select>small{display:block;margin-bottom:6px;font-size:6px;letter-spacing:.24em;color:#cae7f261}.dev-level-select>div{display:flex;flex-wrap:wrap;gap:6px}.dev-level-select button{height:38px;min-width:0;flex:1 1 22%;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(132,218,255,.18);background:#030c1994;cursor:pointer;text-align:left;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}.dev-level-select button:hover{border-color:var(--cyan);background:#16586f6b}.dev-level-select button b{color:var(--cyan);font:700 10px/1 var(--font-display)}.dev-level-select button span{font:700 7px/1.2 var(--font-display);letter-spacing:.07em;color:#e2f3fab8}.controls-hint{display:flex;gap:28px;margin-top:14px;color:#c0dde966;font-size:8px;letter-spacing:.15em}.controls-hint b{color:#d5f0f9cc;margin-left:5px}.cutscene{position:absolute;z-index:19;inset:0;background:#010207;overflow:hidden}.cutscene__image-wrap{position:absolute;inset:0;overflow:hidden}.cutscene__image{width:100%;height:100%;object-fit:cover;transform:scale(1.025);animation:cinematicDrift 9s ease-out both}.cutscene--left .cutscene__image{transform-origin:30% 50%}.cutscene--right .cutscene__image{transform-origin:72% 48%}.cutscene--center .cutscene__image{transform-origin:center}.cutscene__grade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,5,.46),transparent 24%,transparent 58%,rgba(0,0,7,.82) 92%),linear-gradient(90deg,rgba(2,5,15,.2),transparent 60%);box-shadow:inset 0 0 140px #00000059}.cutscene__letterbox{position:absolute;z-index:2;left:0;right:0;height:5.5vh;background:#010104}.cutscene__letterbox--top{top:0}.cutscene__letterbox--bottom{bottom:0}.cutscene__meta{position:absolute;z-index:4;left:clamp(22px,4vw,62px);top:calc(5.5vh + 84px);display:flex;flex-direction:column;text-shadow:0 2px 12px #000}.cutscene__meta span{font-size:7px;letter-spacing:.32em;color:#d1eff88c}.cutscene__meta b{margin-top:7px;font:700 10px/1 var(--font-display);letter-spacing:.2em;color:var(--cyan)}.cutscene__skip{position:absolute;z-index:5;right:clamp(22px,4vw,62px);top:calc(5.5vh + 83px);height:34px;padding:0 13px;border:1px solid rgba(199,235,247,.22);background:#0207108c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:8px;letter-spacing:.18em;color:#e1f2f8ad;cursor:pointer}.cutscene__skip:hover{border-color:var(--cyan);color:#fff}.cutscene__skip b{color:var(--cyan);font-size:13px;margin-left:8px}.cutscene__subtitles{position:absolute;z-index:5;left:50%;bottom:calc(5.5vh + 30px);width:min(850px,78vw);transform:translate(-50%);padding:20px 25px 16px;text-align:center;background:linear-gradient(90deg,transparent,rgba(1,5,13,.82) 14%,rgba(1,5,13,.82) 86%,transparent);text-shadow:0 2px 10px #000}.cutscene__subtitles small{font:700 8px/1 var(--font-display);letter-spacing:.26em;color:var(--cyan)}.cutscene__subtitles p{margin:9px auto 12px;max-width:790px;font-size:clamp(16px,2vw,22px);line-height:1.28;font-weight:600;color:#f3fbff}.cutscene__progress{height:2px;background:#bae6f426}.cutscene__progress i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .4s}.cutscene__next{position:absolute;z-index:6;right:4vw;bottom:calc(5.5vh + 48px);width:48px;height:48px;border:1px solid rgba(103,239,255,.55);background:#031423ad;font-size:20px;color:var(--cyan);cursor:pointer}.cutscene__next:hover{background:#1fadc54d;color:#fff}.briefing{position:absolute;z-index:11;inset:78px 0 0;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,.9fr);align-items:center;padding:5vh 8vw;background:radial-gradient(circle at 25% 50%,rgba(25,77,129,.18),transparent 34%),linear-gradient(90deg,#01030c61,#01030ce0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.briefing__map{position:relative;width:min(48vw,700px);aspect-ratio:1.15;display:grid;place-items:center}.briefing__planet{--level-color:#48e8ff;width:38%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,var(--level-color) 7%,#143d65 38%,#020713 73%);box-shadow:0 0 50px color-mix(in srgb,var(--level-color),transparent 45%),inset -28px -18px 45px #01030b;animation:planetFloat 5s ease-in-out infinite}.briefing__planet span{position:absolute;inset:34%;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.orbit{position:absolute;border:1px solid rgba(115,219,255,.16);border-radius:50%;transform:rotateX(66deg) rotate(-18deg)}.orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);top:50%;left:-3px}.orbit--1{inset:23%;animation:orbitSpin 7s linear infinite}.orbit--2{inset:12%;animation:orbitSpin 11s linear reverse infinite}.orbit--3{inset:1%;animation:orbitSpin 16s linear infinite}.briefing__copy{max-width:580px}.briefing h2{margin:20px 0 12px;font:800 clamp(40px,5.5vw,80px)/.93 var(--font-display);letter-spacing:-.06em}.briefing__copy>p{color:#d6eaf2b3;font-size:20px;max-width:500px}.briefing__objective{margin-top:22px;padding:12px 15px;border-left:2px solid var(--cyan);background:linear-gradient(90deg,rgba(32,143,172,.13),transparent);display:flex;flex-direction:column;max-width:520px}.briefing__objective small{font-size:7px;letter-spacing:.25em;color:#bfe5f073}.briefing__objective span{margin-top:5px;font-size:12px;letter-spacing:.07em;color:#eafaff;text-transform:uppercase}.campaign-map{position:absolute;inset:3%;overflow:hidden;border:1px solid rgba(132,224,255,.2);background:radial-gradient(circle at 80% 20%,rgba(117,26,91,.22),transparent 30%),radial-gradient(circle at 40% 64%,rgba(20,102,170,.18),transparent 34%),#01061094;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:inset 0 0 70px #0d569a14,0 30px 80px #0000003d}.campaign-map__grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(108,211,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(108,211,255,.18) 1px,transparent 1px);background-size:32px 32px;transform:perspective(500px) rotateX(6deg)}.campaign-map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(210,241,255,.72) 0 1px,transparent 1.5px);background-size:47px 39px;opacity:.3}.campaign-map__nebula{position:absolute;border-radius:50%;filter:blur(20px);mix-blend-mode:screen;opacity:.22}.campaign-map__nebula--one{width:45%;height:28%;left:31%;top:24%;background:linear-gradient(120deg,#1569d8,#a42d88);transform:rotate(-20deg)}.campaign-map__nebula--two{width:35%;height:24%;right:-8%;bottom:5%;background:#f34b36}.route-line{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,var(--cyan),rgba(72,232,255,.18));box-shadow:0 0 8px #48e8ff4d}.route-line:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--cyan)}.route-line--one{left:10%;top:80%;width:24%;transform:rotate(-42deg)}.route-line--two{left:28%;top:62%;width:24%;transform:rotate(-34deg)}.route-line--three{left:48%;top:48%;width:24%;transform:rotate(-38deg)}.route-line--four{left:68%;top:32%;width:24%;transform:rotate(-38deg)}.map-node{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;transform:translate(-10px,-10px)}.map-node>i{position:relative;width:20px;height:20px;border-radius:50%;border:1px solid rgba(164,229,249,.35);background:#071426;display:grid;place-items:center}.map-node>i span{width:6px;height:6px;border-radius:50%;background:#aad6e680}.map-node>div{display:flex;flex-direction:column;min-width:120px;text-shadow:0 2px 8px #000}.map-node small{font-size:6px;letter-spacing:.22em;color:#bfe1ed6b}.map-node b{margin-top:3px;font:700 8px/1 var(--font-display);letter-spacing:.08em;color:#e0f2f9a6}.map-node--complete>i{border-color:#c6ff49a6;box-shadow:0 0 12px #c6ff4933}.map-node--complete>i span{background:var(--lime);box-shadow:0 0 9px var(--lime)}.map-node--active>i{width:28px;height:28px;margin:-4px;border-color:var(--cyan);box-shadow:0 0 25px #48e8ff8c;animation:mapPulse 1.8s ease-in-out infinite}.map-node--active>i:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(72,232,255,.25);border-radius:50%}.map-node--active>i span{width:9px;height:9px;background:#fff;box-shadow:0 0 14px var(--cyan)}.map-node--active b{font-size:10px;color:#fff}.map-node--locked{opacity:.38}.map-landmark{position:absolute;z-index:2;font-size:6px;letter-spacing:.16em;color:#c7e4ee61}.map-landmark i{display:inline-block;width:5px;height:5px;margin-right:6px;border:1px solid currentColor;transform:rotate(45deg)}.map-landmark--hulk{left:45%;top:73%}.map-landmark--relay{left:69%;top:67%}.map-landmark--sat{left:48%;top:19%}.campaign-map__legend{position:absolute;left:15px;right:15px;bottom:12px;display:flex;gap:16px;font-size:6px;letter-spacing:.14em;color:#c0e0eb66}.campaign-map__legend span:last-child{margin-left:auto}.campaign-map__legend i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:4px}.campaign-map__legend span:nth-child(2) i{background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.briefing__intel{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(164,226,255,.16);margin:30px 0 22px}.briefing__intel div{padding:13px 15px;border-right:1px solid rgba(164,226,255,.16);display:flex;flex-direction:column}.briefing__intel div:last-child{border:0}.briefing__intel b{font-size:8px;letter-spacing:.2em;color:#c1e1ed6b}.briefing__intel span{font:600 12px/1.4 var(--font-display);margin-top:6px;color:var(--cyan)}.primary-button{width:min(100%,430px);height:62px;padding:0 12px 0 22px;border:1px solid rgba(94,234,255,.65);background:linear-gradient(110deg,#0e6384b3,#051425cc);display:flex;align-items:center;justify-content:space-between;font:700 11px/1 var(--font-display);letter-spacing:.12em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}.primary-button b{width:39px;height:39px;display:grid;place-items:center;background:var(--cyan);color:#02111a;font-size:18px}.primary-button:hover{filter:brightness(1.25);box-shadow:0 0 30px #48e8ff29}.hud{position:absolute;z-index:8;inset:93px 4vw auto;display:grid;grid-template-columns:1fr 1fr 1fr;pointer-events:none}.hud__left{width:min(380px,33vw)}.meter-label{display:flex;justify-content:space-between;color:#cfecf7b3;font-size:9px;letter-spacing:.18em}.meter-label b{color:var(--cyan)}.shield-meter{height:8px;margin-top:7px;border:1px solid rgba(176,234,255,.25);padding:2px;background:#01040a85}.shield-meter i{display:block;height:100%;background:linear-gradient(90deg,#367dff,var(--cyan));box-shadow:0 0 12px #48e8ffa6;transition:width .25s}.objective{display:flex;flex-direction:column;margin-top:18px;padding-left:13px;border-left:2px solid var(--cyan);text-transform:uppercase}.objective small{font-size:7px;letter-spacing:.22em;color:#c8e5f066}.objective span{font-size:11px;letter-spacing:.09em;color:#e9f8ffe0;margin-top:5px}.hud__center{text-align:center;display:flex;flex-direction:column;align-items:center}.hud__center small{margin-top:65px;font-size:7px;letter-spacing:.28em;color:#ceecf666}.hud__center em{margin-top:5px;color:var(--cyan);font:700 9px/1 var(--font-display);font-style:normal;letter-spacing:.16em;text-shadow:0 0 12px rgba(72,232,255,.45)}.reticle{position:absolute;top:17vh;width:96px;height:96px;border:1px solid rgba(126,242,255,.38);border-radius:50%;box-shadow:0 0 20px #48e8ff14;animation:reticleSpin 16s linear infinite}.reticle:before,.reticle:after{content:"";position:absolute;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.reticle:before{width:12px;height:1px;top:50%;left:calc(50% - 6px)}.reticle:after{width:1px;height:12px;top:calc(50% - 6px);left:50%}.reticle i{position:absolute;inset:12px;border:1px dashed rgba(173,245,255,.25);border-radius:50%}.reticle i:last-child{inset:-8px;border-style:solid;border-color:transparent var(--cyan)}.hud__right{text-align:right}.hud__right small{display:block;font-size:8px;letter-spacing:.26em;color:#c7e3ed73}.hud__right strong{font:600 clamp(22px,2.5vw,35px)/1 var(--font-display);letter-spacing:.04em;text-shadow:0 0 18px rgba(72,232,255,.25)}.combo{margin-top:12px;color:#cee8f280;font-size:9px;letter-spacing:.18em}.combo b{color:var(--lime);font:700 17px/1 var(--font-display);margin-left:8px}.loadout-panel{position:absolute;top:106px;right:0;display:flex;gap:7px}.loadout-panel__item{width:72px;height:38px;padding:5px 7px;display:grid;grid-template-columns:18px 1fr;grid-template-rows:1fr 1fr;border:1px solid rgba(130,222,255,.13);background:#0209147a;opacity:.48;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}.loadout-panel__item i{grid-row:1/3;align-self:center;color:#b1ebff80;font:700 15px/1 var(--font-display);font-style:normal}.loadout-panel__item span{font-size:5px;letter-spacing:.15em;color:#cdeaf58a}.loadout-panel__item b{font:700 8px/1 var(--font-display);color:#d9f7ff}.loadout-panel__item.is-active{opacity:1;border-color:#57ffe78c;box-shadow:inset 0 0 14px #57ffe714,0 0 14px #57ffe714}.loadout-panel__item.is-active i,.loadout-panel__item.is-active b{color:#6dfff0;text-shadow:0 0 8px #31d9c3}.loadout-panel__item--rapid.is-active{border-color:#ffe95c8c}.loadout-panel__item--rapid.is-active i,.loadout-panel__item--rapid.is-active b{color:#ffe95c;text-shadow:0 0 8px #d6b928}.loadout-panel__item--bomb{opacity:.88;border-color:#ff6ca847}.loadout-panel__item--bomb i,.loadout-panel__item--bomb b{color:#ff8fc0}.mission-track{position:absolute;top:-15px;left:33%;width:34%;height:2px;background:#b1e8ff26}.mission-track i{display:block;height:100%;box-shadow:0 0 8px currentColor;transition:width .2s}.mission-track span{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 13px var(--cyan);transition:left .2s}.boss-meter{position:absolute;top:96px;left:50%;transform:translate(-50%);width:min(330px,34vw);text-align:center}.boss-meter small{font:700 9px/1 var(--font-display);letter-spacing:.25em;color:#ffb8c6}.boss-meter>i{display:block;height:7px;border:1px solid rgba(255,78,103,.4);padding:2px;margin-top:6px}.boss-meter b{display:block;height:100%;background:linear-gradient(90deg,#ff9e38,#ff315c);box-shadow:0 0 12px #ff315c}.wave-banner{position:absolute;z-index:17;top:32%;left:50%;min-width:min(440px,76vw);padding:14px 30px 16px;transform:translate(-50%,-50%);text-align:center;background:linear-gradient(90deg,transparent,rgba(3,13,29,.88) 15%,rgba(3,13,29,.88) 85%,transparent);border-top:1px solid rgba(97,237,255,.35);border-bottom:1px solid rgba(97,237,255,.35);pointer-events:none;animation:waveBannerIn 2.1s ease both}.wave-banner small,.wave-banner span{display:block;font-size:7px;letter-spacing:.34em;color:#ccecf78c}.wave-banner strong{display:block;margin:7px 0 6px;font:800 clamp(18px,3vw,30px)/1 var(--font-display);letter-spacing:.08em;color:#eaffff;text-shadow:0 0 22px rgba(72,232,255,.58)}.wave-banner span{color:var(--cyan)}.upgrade-banner{position:absolute;z-index:18;left:50%;top:43%;display:flex;gap:14px;align-items:center;min-width:280px;padding:10px 22px 10px 13px;transform:translate(-50%);pointer-events:none;background:linear-gradient(90deg,#051a24f0,#030a16d6);border:1px solid rgba(109,255,240,.5);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));animation:upgradeIn 1.9s ease both}.upgrade-banner>i{position:relative;width:45px;height:45px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;color:#6dfff0;box-shadow:0 0 20px #6dfff033;font:800 15px/1 var(--font-display);font-style:normal}.upgrade-banner>i:after{content:"";position:absolute;inset:-6px;border:1px dashed currentColor;border-radius:50%;animation:reticleSpin 3s linear infinite}.upgrade-banner div{display:flex;flex-direction:column}.upgrade-banner small{font-size:6px;letter-spacing:.24em;color:#d3f0f785}.upgrade-banner strong{margin-top:5px;font:700 13px/1 var(--font-display);letter-spacing:.09em;color:#efffff}.upgrade-banner--rapid{border-color:#ffe95c8c}.upgrade-banner--rapid>i{color:#ffe95c}.upgrade-banner--bomb{border-color:#ff6ca894}.upgrade-banner--bomb>i{color:#ff6ca8}.comms{position:absolute;z-index:12;left:4vw;bottom:clamp(24px,5vh,55px);width:min(460px,60vw);height:102px;display:flex;align-items:center;padding:10px 26px 10px 106px;background:linear-gradient(90deg,#061427f0,#040a17b8);border:1px solid rgba(113,225,255,.38);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);box-shadow:0 14px 50px #0000004d;animation:commsIn .35s ease-out}.comms>div:nth-child(2){min-width:0}.comms small{font:700 8px/1 var(--font-display);letter-spacing:.2em;color:var(--cyan)}.comms p{margin:8px 0 0;font-size:16px;line-height:1.22;font-weight:600;color:#ecfaff}.comms__signal{position:absolute;right:16px;top:10px;color:#5fe9ff66;font-size:7px;letter-spacing:2px}.portrait{position:absolute;left:10px;bottom:0;width:82px;height:92px;overflow:hidden;background:radial-gradient(circle at 50% 60%,rgba(78,218,255,.22),transparent 62%)}.portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(1.06) contrast(1.04)}.portrait__face{position:absolute;left:17px;top:29px;width:50px;height:54px;border-radius:48% 48% 43% 43%;background:#f0f0e9;box-shadow:inset -8px -7px 12px #aab0b2}.portrait__face i{position:absolute;top:17px;width:13px;height:16px;border-radius:50%;background:#13151c;box-shadow:inset 3px 3px 2px #ffffff59}.portrait__face i:first-child{left:8px}.portrait__face i:nth-child(2){right:8px}.portrait__face b{position:absolute;left:22px;top:33px;width:8px;height:6px;border-radius:50% 50% 65% 65%;background:#1a1519}.portrait__ears:before,.portrait__ears:after{content:"";position:absolute;top:10px;width:27px;height:37px;background:#e9e8e1;clip-path:polygon(50% 0,100% 100%,0 83%)}.portrait__ears:before{left:7px;transform:rotate(-15deg)}.portrait__ears:after{right:5px;transform:rotate(15deg)}.portrait__mohawk{position:absolute;top:2px;left:35px;width:17px;height:34px;background:#fff;clip-path:polygon(50% 0,78% 27%,62% 25%,86% 53%,63% 46%,72% 85%,47% 65%,30% 100%,30% 59%,8% 78%,24% 39%,8% 42%)}.portrait--asa .portrait__face{background:#8e8170;border-radius:55% 55% 45% 45%;transform:scaleX(1.1)}.portrait--asa .portrait__ears:before,.portrait--asa .portrait__ears:after{display:none}.portrait--asa .portrait__face i{height:7px;top:21px}.portrait--asa .portrait__face b{width:14px;height:8px;left:18px;top:36px}.portrait--lola .portrait__face{background:#f49ab5;height:62px;width:41px;left:22px;border-radius:55%}.portrait--lola .portrait__ears:before,.portrait--lola .portrait__ears:after{display:none}.portrait--lola .portrait__face i{width:8px;height:10px;top:17px}.portrait--lola .portrait__beak{position:absolute;left:32px;top:55px;width:40px;height:14px;background:#ffbb42;clip-path:polygon(0 0,100% 45%,0 100%)}.portrait--tiger .portrait__face{background:#d7772d;box-shadow:inset -8px -7px 12px #8b3c18}.portrait--tiger .portrait__ears:before,.portrait--tiger .portrait__ears:after{background:#d7772d}.portrait--tiger .portrait__face i{background:#c8ff35;height:10px;border-radius:45% 45% 10% 10%}.touch-controls{position:absolute;z-index:13;inset:auto 4vw clamp(22px,4vh,44px);display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.joystick,.action-cluster button{pointer-events:auto;touch-action:none}.joystick{width:138px;height:138px;border:1px solid rgba(141,229,255,.25);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#2079a41c,#040c191f 62%,#040c1961);box-shadow:inset 0 0 35px #3dc6ff12}.joystick:before,.joystick:after{content:"";position:absolute;background:#97e6ff2e}.joystick:before{width:80px;height:1px}.joystick:after{width:1px;height:80px}.joystick__nub{width:58px;height:58px;border-radius:50%;border:1px solid rgba(136,235,255,.55);background:radial-gradient(circle at 35% 30%,#90f6ff61,#0f395399);box-shadow:0 0 25px #36ddff2e;transition:transform .03s linear}.action-cluster{display:flex;align-items:flex-end;gap:13px}.boost-button{width:76px;height:76px;border-radius:50%;border:1px solid rgba(177,237,255,.27);background:#08162694;font-size:9px;letter-spacing:.1em;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.boost-button small{font-size:6px;color:#cae8f266;letter-spacing:.18em;margin-bottom:3px}.bomb-button{position:relative;width:88px;height:88px;border-radius:50%;border:1px solid rgba(255,108,168,.46);background:radial-gradient(circle,#ff428e29,#230921a6 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 28px #ff3e8f1a}.bomb-button>i{position:absolute;inset:4px;border-radius:50%;opacity:.55;mask:radial-gradient(circle,transparent 61%,#000 63%);-webkit-mask:radial-gradient(circle,transparent 61%,#000 63%)}.bomb-button small,.bomb-button span,.bomb-button b{position:relative;z-index:1}.bomb-button small{font-size:5px;letter-spacing:.1em;color:#ffcbe48c}.bomb-button span{margin-top:3px;font:700 10px/1 var(--font-display);letter-spacing:.12em}.bomb-button b{font-size:8px;color:#ff8fc0;margin-top:4px}.bomb-button--charging{filter:brightness(1.35);box-shadow:0 0 30px #ff3e8f47}.bomb-button:disabled{opacity:.32;filter:grayscale(.7)}.fire-button{width:128px;height:128px;border-radius:50%;border:1px solid rgba(125,249,224,.48);background:radial-gradient(circle,#68ffdd3b,#0d47496b 55%,#04111ab8);box-shadow:0 0 35px #3effd524,inset 0 0 20px #78ffde1f;font:700 14px/1 var(--font-display);letter-spacing:.15em}.fire-button:active,.boost-button:active,.bomb-button:active{transform:scale(.94);filter:brightness(1.5)}@media(hover:hover)and (pointer:fine){.touch-controls{opacity:.34}.joystick{display:none}.action-cluster{margin-left:auto}.fire-button{width:88px;height:88px}.boost-button{width:62px;height:62px}.bomb-button{width:70px;height:70px}}.modal{position:absolute;z-index:30;inset:0;display:grid;place-items:center;background:#01030a8f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal__card{position:relative;width:min(540px,calc(100vw - 38px));padding:48px;border:1px solid rgba(127,232,255,.38);background:linear-gradient(145deg,#081d33f2,#030712fa);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));box-shadow:0 30px 100px #000}.modal__card h2{font:800 clamp(46px,8vw,78px)/.9 var(--font-display);letter-spacing:-.07em;margin:22px 0 18px}.modal__card p{font-size:18px;color:#dbeef5b3;margin:0 0 28px}.modal__card--danger{border-color:#ff315c99;box-shadow:0 0 90px #ff144121}.victory__burst{position:absolute;right:28px;top:18px;color:var(--lime);font-size:70px;text-shadow:0 0 40px var(--lime);animation:reticleSpin 8s linear infinite}.victory__score{display:flex;flex-direction:column;margin-bottom:26px}.victory__score small{font-size:8px;letter-spacing:.3em;color:#cee8f273}.victory__score strong{font:700 30px/1.2 var(--font-display);color:var(--lime)}.danger-callout{position:absolute;z-index:18;top:32%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;color:#ffb3c1;text-shadow:0 0 15px #ff315c;animation:dangerPulse .62s steps(2) infinite}.danger-callout b{font:700 16px/1 var(--font-display);letter-spacing:.12em}.danger-callout span{font-size:9px;letter-spacing:.35em;margin-top:8px}.game--danger:before{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;box-shadow:inset 0 0 110px #ff002f61;animation:dangerGlow 1.2s ease-in-out infinite}.game--hit .vignette{background:#ff193a42}@keyframes phoneRing{0%,to{transform:scale(.85);opacity:.35}50%{transform:scale(1.12);opacity:1}}@keyframes planetFloat{0%,to{transform:translateY(-5px)}50%{transform:translateY(8px)}}@keyframes orbitSpin{to{transform:rotateX(66deg) rotate(342deg)}}@keyframes reticleSpin{to{transform:rotate(360deg)}}@keyframes commsIn{0%{transform:translate(-40px);opacity:0}to{transform:none;opacity:1}}@keyframes dangerPulse{50%{opacity:.32}}@keyframes dangerGlow{0%,to{opacity:.45}50%{opacity:1}}@keyframes waveBannerIn{0%{opacity:0;transform:translate(-50%,-62%) scaleX(.72)}12%,72%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}to{opacity:0;transform:translate(-50%,-45%) scaleX(1.04)}}@keyframes upgradeIn{0%{opacity:0;transform:translate(-50%,18px) scale(.86)}15%,76%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-12px) scale(1.03)}}@keyframes cinematicDrift{0%{transform:scale(1.025)}to{transform:scale(1.105) translate3d(-.6%,.4%,0)}}@keyframes mapPulse{0%,to{box-shadow:0 0 14px #48e8ff4d}50%{box-shadow:0 0 35px #48e8ffc7}}@media(max-width:760px){.game{min-height:460px}.topbar{height:61px;padding:12px 14px}.brandmark>span{width:34px;height:34px}.brandmark b{font-size:9px}.brandmark small{font-size:6px}.icon-button{height:31px;padding:0 9px;font-size:7px}.icon-button--square{width:31px}.title-screen{left:22px;top:46%;width:calc(100vw - 44px);transform:translateY(-43%)}.title-screen h1{font-size:clamp(64px,24vw,104px)}.title-screen__subtitle{font-size:12px;letter-spacing:.45em}.title-screen__intro{font-size:14px;margin:19px 0 22px}.beanophone{min-width:0;width:100%;height:62px;padding-right:12px}.beanophone>span:last-child{font-size:10px}.dev-level-select{width:100%}.dev-level-select button{height:34px;justify-content:center}.dev-level-select button span,.controls-hint{display:none}.cutscene__meta{top:78px;left:16px}.cutscene__skip{top:73px;right:14px}.cutscene__subtitles{bottom:24px;width:94vw;padding:16px 14px 13px}.cutscene__subtitles p{font-size:15px}.cutscene__next{right:14px;bottom:128px;width:40px;height:40px}.cutscene__letterbox{height:3vh}.cutscene__image{object-position:center}.briefing{inset:61px 0 0;display:flex;flex-direction:column;padding:5vh 22px 20px;justify-content:center}.briefing__map{width:min(72vw,330px);position:absolute;top:2vh;right:-14vw;opacity:.5}.briefing__copy{position:relative;z-index:2;margin-top:24vh;width:100%}.briefing h2{font-size:clamp(41px,13vw,62px);margin:16px 0 8px}.briefing__copy>p{font-size:16px}.briefing__intel{margin:20px 0 16px}.briefing__intel div{padding:10px 8px}.briefing__intel span{font-size:8px}.primary-button{height:56px;font-size:9px}.hud{inset:74px 14px auto;grid-template-columns:1fr 1fr}.hud__left{width:54vw}.hud__center{display:none}.hud__right strong{font-size:19px}.hud__right small{font-size:6px}.objective{margin-top:10px}.objective span{font-size:9px;max-width:210px}.mission-track{top:-7px;left:0;width:100%}.boss-meter{top:84px;width:55vw}.boss-meter small{font-size:7px}.loadout-panel{top:82px;right:0}.loadout-panel__item{width:58px;height:32px;padding:4px}.loadout-panel__item i{font-size:11px}.loadout-panel__item span{font-size:4px}.loadout-panel__item b{font-size:7px}.upgrade-banner{top:36%;min-width:250px}.touch-controls{inset:auto 18px 20px}.joystick{width:112px;height:112px}.joystick:before{width:65px}.joystick:after{height:65px}.joystick__nub{width:48px;height:48px}.action-cluster{gap:7px}.boost-button{width:56px;height:56px;font-size:7px}.bomb-button{width:66px;height:66px}.bomb-button small{font-size:4px}.bomb-button span{font-size:8px}.fire-button{width:96px;height:96px;font-size:11px}.comms{left:14px;bottom:145px;width:calc(100vw - 28px);height:79px;padding:8px 16px 8px 82px}.portrait{transform:scale(.78);transform-origin:left bottom}.comms p{font-size:13px;margin-top:5px}.comms small{font-size:6px}.modal__card{padding:34px 28px}.modal__card h2{margin:18px 0 13px}.modal__card p{font-size:16px}.danger-callout{top:38%}.danger-callout b{font-size:12px}}@media(max-height:620px)and (orientation:landscape){.topbar{height:56px;padding-top:8px;padding-bottom:8px}.title-screen{top:54%;left:7vw;width:60vw}.title-screen h1{font-size:clamp(56px,15vh,104px)}.title-screen__intro{font-size:12px;margin:12px 0}.beanophone{height:52px;width:330px}.dev-level-select{position:absolute;left:345px;bottom:0;width:280px}.dev-level-select button span,.controls-hint{display:none}.briefing{inset:56px 0 0;padding:2vh 8vw}.briefing h2{font-size:9vh}.briefing__intel{margin:15px 0 10px}.hud{inset:66px 3vw auto}.loadout-panel{top:54px}.touch-controls{bottom:12px}.joystick{width:88px;height:88px}.fire-button{width:78px;height:78px}.boost-button{width:49px;height:49px}.bomb-button{width:58px;height:58px}.bomb-button small{display:none}.comms{bottom:17px;left:18%;height:76px;width:430px}.portrait{transform:scale(.75);transform-origin:left bottom}.modal__card{padding:28px}.modal__card h2{font-size:9vh;margin:14px 0}.modal__card p{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}