:root{--bg: #0b1220;--panel: rgba(12, 22, 34, .86);--panel2: rgba(20, 34, 50, .92);--line: rgba(120, 220, 200, .22);--text: #e8f1f2;--mute: #8fa4ad;--teal: #35d0b8;--amber: #f2b84b;--ok: #4fd18b;--warn: #f2b84b;--low: #ef7d4a;--air: #7fd0ff;--sea: #c6a2ff;--ground: #ffb35c;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);user-select:none;-webkit-user-select:none;touch-action:none}#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block}button{font:inherit;color:inherit;cursor:pointer}svg{display:block}#boot{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:var(--bg);z-index:50;color:var(--mute)}.spinner{width:42px;height:42px;margin:0 auto 12px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--teal);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#rotate{display:none;position:fixed;inset:0;z-index:60;background:var(--bg);place-content:center;text-align:center;color:var(--teal)}#rotate svg{width:72px;margin:0 auto;animation:tilt 2s ease-in-out infinite}@keyframes tilt{50%{transform:rotate(-90deg)}}@media (orientation: portrait) and (max-width: 700px){#rotate{display:grid}}.hud{position:fixed;inset:0;pointer-events:none;display:none}body.in-battle .hud{display:block}.hud>*{pointer-events:none}.hud .pad{position:absolute;inset:0;pointer-events:auto;z-index:0}.hud-top{position:absolute;top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;align-items:flex-start;gap:12px;z-index:2}.bar{position:relative;width:min(30vw,260px);height:18px;border-radius:9px;background:#00000073;border:1px solid var(--line);overflow:hidden}.bar .fill{position:absolute;inset:0;transform-origin:left;background:var(--ok);transition:transform .15s}.bar.force .fill{background:linear-gradient(90deg,#b25b2e,#e38a4a);transform-origin:right}.bar .lbl,.bar .val{position:absolute;top:0;line-height:18px;font-size:11px;font-weight:800;letter-spacing:.08em;z-index:1;text-shadow:0 1px 2px #000}.bar .lbl{left:8px}.bar .val{right:8px}.bar.force .lbl{right:8px;left:auto}.lowshield .bar.shield{animation:lowpulse 1.2s ease-in-out infinite}@keyframes lowpulse{50%{box-shadow:0 0 0 3px #ef7d4a59}}.hud-top .mid{flex:1;text-align:center;text-shadow:0 1px 3px #000}.hud-top .lvl{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--teal)}.hud-top .score{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.hud-top .combo{font-size:12px;font-weight:800;color:var(--amber);min-height:14px}.pausebtn{pointer-events:auto;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--panel);padding:9px;margin-top:-6px}.radar{position:absolute;top:calc(36px + var(--safe-t));left:calc(10px + var(--safe-l));width:104px;height:104px;opacity:.95}.crosshair{position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;background:#ffffffe6;box-shadow:0 0 2px #000}.crosshair i:nth-child(1){left:22px;top:0;width:2px;height:14px}.crosshair i:nth-child(2){left:22px;bottom:0;width:2px;height:14px}.crosshair i:nth-child(3){top:22px;left:0;height:2px;width:14px}.crosshair i:nth-child(4){top:22px;right:0;height:2px;width:14px}.crosshair b{position:absolute;left:21px;top:21px;width:4px;height:4px;border-radius:50%;background:#fff}.crosshair.on i,.crosshair.on b{background:#ffb35c}.zoomed .crosshair{width:80px;height:80px}.zoomed .crosshair i:nth-child(n){opacity:.9}.zoomed .crosshair i:nth-child(1),.zoomed .crosshair i:nth-child(2){left:39px;height:30px}.zoomed .crosshair i:nth-child(3),.zoomed .crosshair i:nth-child(4){top:39px;width:30px}.zoomed .crosshair b{left:38px;top:38px}.scope{position:absolute;inset:0;display:none;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 34vh,rgba(0,0,0,.85) 35vh)}.zoomed .scope{display:block}.hitmark{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%) rotate(45deg);opacity:0}.hitmark:before,.hitmark:after{content:"";position:absolute;background:#fff}.hitmark:before{left:14px;top:0;width:2px;height:30px}.hitmark:after{top:14px;left:0;height:2px;width:30px}.hitmark.show{animation:hm .18s ease-out}.hitmark.kill:before,.hitmark.kill:after{background:var(--amber)}@keyframes hm{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}}.lockring{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border:2px dashed var(--amber);border-radius:50%;display:none;transition:transform .05s linear}.lockring.locked{border-style:solid;border-color:#ff9a4a;box-shadow:0 0 8px #ff9a4a99}.vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(70,30,10,.85) 100%)}.dmgarc{position:absolute;left:-22px;top:-16px;width:44px;height:32px;opacity:0;filter:drop-shadow(0 0 4px rgba(0,0,0,.6))}.dmgarc:before{content:"";position:absolute;inset:0;background:#ff8a4a;clip-path:polygon(50% 0,100% 100%,50% 70%,0 100%)}.dmgarc.heavy{transform-origin:center}.dmgarc.heavy:before{background:#ffb35c}.marks{position:absolute;inset:0;overflow:hidden}.mark{position:absolute;left:0;top:0;display:none;width:0;height:0}.mark i{position:absolute;left:-7px;top:-12px;width:14px;height:10px;background:var(--ground);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 1px #000)}.mark b{position:absolute;left:-16px;top:-20px;width:32px;height:4px;border-radius:2px;background:#0000008c;overflow:hidden}.mark b s{display:block;height:100%;background:#ffd27a;transform-origin:left}.mark.inf b{display:none}.mark.inf i{width:10px;height:7px;left:-5px;top:-9px}.mark.air i,.mark.air b s{background:var(--air)}.mark.sea i,.mark.sea b s{background:var(--sea)}.mark.boss i{background:#ff9a4a;width:20px;height:14px;left:-10px;top:-16px}.mark.boss b{width:90px;left:-45px;top:-26px;height:6px}.mark.boss b s{background:#ff9a4a}.mark.hit i{background:#fff}.mark.incoming i{background:#ff6a3a;width:16px;height:16px;left:-8px;top:-8px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:inc .5s ease-in-out infinite alternate}.mark.incoming b{display:none}@keyframes inc{to{transform:scale(1.3)}}.edge{position:absolute;left:-14px;top:-12px;width:28px;height:24px;display:none}.edge i{position:absolute;inset:0;background:var(--air);clip-path:polygon(100% 50%,0 0,25% 50%,0 100%);filter:drop-shadow(0 0 3px #000)}.edge.boss i{background:#ff9a4a}.edge.sea i{background:var(--sea)}.edge.ground i{background:var(--ground)}.edge.incoming i{background:#ff6a3a;animation:inc .4s ease-in-out infinite alternate}.popup{position:absolute;left:0;top:0;font-weight:800;font-size:14px;color:#fff;text-shadow:0 1px 3px #000;opacity:0;white-space:nowrap}.popup.big{font-size:20px;color:var(--amber)}.toast{position:absolute;top:calc(70px + var(--safe-t));left:50%;transform:translate(-50%,-10px);padding:7px 16px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font-weight:700;font-size:14px;opacity:0;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%)}.toast.good{border-color:#4fd18b99}.toast.warn{border-color:#f2b84bb3;color:#ffe2a6}.ammo{position:absolute;left:calc(12px + var(--safe-l));bottom:calc(86px + var(--safe-b));min-width:170px;padding:8px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);z-index:2}.ammo.swap{animation:swapin .42s cubic-bezier(.3,1.6,.5,1)}@keyframes swapin{0%{transform:translateY(14px);opacity:.3}to{transform:none;opacity:1}}.ammo .wname{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--mute)}.ammo .wname svg{width:34px;color:var(--teal)}.ammo .count{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.ammo .count.empty{color:var(--low)}.ammo .heat{height:5px;border-radius:3px;background:#ffffff1f;overflow:hidden;margin-top:4px}.ammo .heat div{height:100%;transform-origin:left;background:linear-gradient(90deg,#f2b84b,#ef7d4a)}.ammo .heat.over div{background:#ef7d4a;animation:hot .8s ease-in-out infinite}@keyframes hot{50%{opacity:.55}}.ammo .sub{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--amber);min-height:13px}.weapons{position:absolute;left:50%;bottom:calc(10px + var(--safe-b));transform:translate(-50%);display:flex;gap:8px;z-index:2}.wbtn{pointer-events:auto;position:relative;width:64px;height:56px;border-radius:14px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;padding:6px 4px 3px;transition:transform .15s,border-color .15s}.wbtn svg{width:40px;color:var(--mute)}.wbtn span{font-size:10px;font-weight:800;color:var(--mute)}.wbtn.sel{border-color:var(--teal);transform:translateY(-5px);background:var(--panel2)}.wbtn.sel svg,.wbtn.sel span{color:var(--teal)}.wbtn.dry{opacity:.4}.actions{position:absolute;right:calc(150px + var(--safe-r));bottom:calc(14px + var(--safe-b));display:flex;flex-direction:column;gap:10px;z-index:2}.act{pointer-events:auto;position:relative;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:var(--panel);padding:13px;color:var(--text)}.act.sel{border-color:var(--teal);color:var(--teal)}.act.dry{opacity:.4}.act em{position:absolute;right:-4px;top:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--amber);color:#111;font-size:11px;font-weight:800;font-style:normal;line-height:20px}.act.strike{color:#d9b0ff}.act.flare{color:#ffd98a}.fire{pointer-events:auto;position:absolute;right:calc(22px + var(--safe-r));bottom:calc(26px + var(--safe-b));width:118px;height:118px;border-radius:50%;border:3px solid rgba(255,179,92,.7);background:radial-gradient(circle at 40% 35%,#ffb35c66,#7832148c);font-weight:900;letter-spacing:.12em;z-index:2;touch-action:none}.fire.on{transform:scale(.94);background:radial-gradient(circle at 40% 35%,#ffb35cb3,#963c14bf)}.lefty .fire{right:auto;left:calc(22px + var(--safe-l))}.lefty .actions{right:auto;left:calc(150px + var(--safe-l))}.lefty .ammo{left:auto;right:calc(12px + var(--safe-r))}.fps{position:absolute;right:8px;bottom:2px;font-size:11px;color:var(--mute);display:none}body.showfps .fps{display:block}@media (max-height: 420px){.wbtn{width:54px;height:48px}.wbtn svg{width:34px}.fire{width:100px;height:100px}.act{width:44px;height:44px;padding:11px}.actions{right:calc(130px + var(--safe-r));gap:7px}.ammo{bottom:calc(70px + var(--safe-b));min-width:140px;padding:6px 10px}.ammo .count{font-size:20px}.radar{width:84px;height:84px}}.ui{position:fixed;inset:0;z-index:10;overflow-y:auto;touch-action:pan-y;padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}.ui[hidden]{display:none}.ui.menu-screen{background:linear-gradient(90deg,#080e18eb,#080e188c 55%,#080e181a)}.ui.list-screen{background:#080e18e6;backdrop-filter:blur(6px)}.ui.overlay{background:#04080e9e;display:grid;place-items:center}.ui button{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:11px 16px;font-weight:700;transition:transform .1s,border-color .15s,background .15s}.ui button:active:not(:disabled){transform:scale(.97)}.ui button:disabled{opacity:.45;cursor:default}.ui button.primary{background:linear-gradient(135deg,#2bb5a0,#1e8a8a);border-color:transparent;color:#04211d}.ui button.danger{border-color:#ef7d4a99;color:#ffc2a6}.ui button.big{font-size:18px;padding:14px 20px}.ui em{font-style:normal}.title{display:flex;flex-direction:column;gap:18px;max-width:520px;animation:rise .5s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.logo{display:flex;align-items:center;gap:14px}.emblem{width:76px;height:76px;flex:none;filter:drop-shadow(0 4px 14px rgba(53,208,184,.3))}.logo small{font-weight:800;letter-spacing:.4em;color:var(--teal)}.logo h1{margin:0;font-size:clamp(28px,5vw,44px);letter-spacing:.06em;line-height:1}.logo p{margin:4px 0 0;color:var(--mute)}.menu{display:flex;flex-direction:column;gap:10px}.menu>button{display:flex;justify-content:space-between;align-items:center;text-align:left}.menu>button em{font-size:13px;color:var(--mute);font-weight:600}.menu>button.primary em{color:#063a33}.menu .row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.menu .row button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px}.scrap:before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:2px;background:linear-gradient(135deg,#f2b84b,#b07a2a);transform:rotate(45deg);vertical-align:0}.menu .row em.scrap{font-size:12px;color:var(--amber)}header.bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;width:auto;height:auto;background:none;border:0;overflow:visible;border-radius:0}header.bar h2{margin:0;flex:1;font-size:22px}.backbtn{width:44px;height:44px;padding:0!important;font-size:28px!important;line-height:1}.pill{padding:6px 12px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font-weight:700;white-space:nowrap}.tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px;padding-bottom:2px}.tabs .tab{white-space:nowrap;padding:8px 14px;font-size:14px}.tabs .tab.sel{border-color:var(--teal);color:var(--teal)}.tabs .tab.locked{opacity:.5}.theatre{padding:12px 16px;border-radius:14px;background:linear-gradient(120deg,var(--a),var(--b));display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.theatre strong{font-size:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.lvlcell{position:relative;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px!important}.lvlcell .n{font-size:22px;font-weight:800}.lvlcell.current{border-color:var(--teal)!important;box-shadow:0 0 0 2px #35d0b840}.lvlcell .tag{position:absolute;top:4px;right:4px;font-size:8px;padding:1px 4px;border-radius:4px}.tag.boss{background:#b25b2e}.tag.night{background:#34406a}.star{display:inline-block;width:13px;height:13px;background:#ffffff2e;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.star.on{background:var(--amber)}.lock{display:inline-block;width:12px;height:14px;border-radius:2px;background:var(--mute);position:relative;top:2px}.lock:before{content:"";position:absolute;left:2px;top:-6px;width:8px;height:8px;border:2px solid var(--mute);border-bottom:0;border-radius:5px 5px 0 0;box-sizing:border-box}.brief{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.brief{grid-template-columns:1fr}}.brief h3,.ui h3{margin:12px 0 8px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.loadout{display:flex;flex-wrap:wrap;gap:8px}.loadout span{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.loadout svg{width:36px;color:var(--teal)}.loadout em{font-weight:700;font-size:13px}.intel{list-style:none;margin:0;padding:0;display:grid;gap:6px}.intel li{padding:8px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}.intel span,.hint{color:var(--mute);font-size:13px}.hint.pad,h3.pad{padding:0 2px}.newweapon{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid var(--amber);background:#f2b84b14;animation:rise .6s ease-out}.newweapon svg{width:56px;color:var(--amber);flex:none}.newweapon span{display:block;color:var(--mute);font-size:13px}.actions-row{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.upgrades{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.upg{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.upg span{display:block;color:var(--mute);font-size:13px}.pips{display:flex;gap:4px;margin-top:6px}.pips i{width:16px;height:5px;border-radius:3px;background:#ffffff26}.pips i.on{background:var(--teal)}.upg button{min-width:92px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.card{display:flex;gap:12px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.card>svg{width:64px;flex:none;color:var(--teal)}.card p{margin:6px 0 0;color:var(--mute);font-size:13px}.card p em{color:var(--text)}.card small{color:var(--mute)}.card.unknown{opacity:.55}.howto{display:contents}.howto .card{flex-direction:column;gap:0}.dot{width:14px;height:14px;border-radius:50%;flex:none;margin-top:4px}.dot.air{background:var(--air)}.dot.sea{background:var(--sea)}.dot.ground{background:var(--ground)}.statline{display:flex;gap:12px;margin-top:8px;font-size:11px;color:var(--mute);flex-wrap:wrap}.statline span{display:flex;align-items:center;gap:5px}.statline i{width:50px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--teal) calc(var(--v) * 100%),rgba(255,255,255,.12) 0)}.records{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.stat{padding:12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}.stat b{font-size:22px}.stat span{color:var(--mute);font-size:12px}.medals{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.medal{padding:10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);opacity:.45;display:grid;grid-template-columns:26px 1fr;column-gap:8px}.medal i{grid-row:span 2;width:24px;height:24px;border-radius:50%;background:#ffffff26}.medal.got{opacity:1}.medal.got i{background:radial-gradient(circle at 35% 35%,#ffe2a6,#c98a2a)}.medal span{color:var(--mute);font-size:12px}.settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.settings section{padding:4px 14px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.settings section>button{margin-top:6px}.opt{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;position:relative}.opt small{display:block;color:var(--mute);font-size:12px}.opt input[type=checkbox]{position:absolute;opacity:0;width:48px;height:28px;right:0;margin:0;cursor:pointer}.opt .sw{flex:none;width:46px;height:26px;border-radius:13px;background:#ffffff2e;position:relative;transition:background .15s;pointer-events:none}.opt .sw:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.opt input:checked+.sw{background:var(--teal)}.opt input:checked+.sw:after{transform:translate(20px)}.opt input[type=range]{width:46%;accent-color:var(--teal)}.opt select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font:inherit}.dialog{width:min(480px,100%);padding:20px 22px;border-radius:18px;background:var(--panel2);border:1px solid var(--line);box-shadow:0 20px 60px #00000080;text-align:center;animation:rise .3s ease-out}.dialog h2{margin:0 0 8px;font-size:26px;letter-spacing:.04em}.dialog p{color:var(--mute)}.dialog .stack{display:flex;flex-direction:column;gap:10px;margin-top:12px}.dialog .stack button small{display:block;font-size:12px;font-weight:600;opacity:.8}.dialog .actions-row{justify-content:center}.dialog .actions-row button{flex:1}.results.win h2{color:var(--ok)}.results.lose h2,.breach h2{color:var(--low)}.bigstars{display:flex;gap:10px;justify-content:center;margin:4px 0 10px}.bigstars .star{width:40px;height:40px}.bigstars .star.on{animation:starpop .45s cubic-bezier(.3,1.8,.5,1) both}@keyframes starpop{0%{transform:scale(0) rotate(-40deg);background:#ffffff2e}}.rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rgrid div{padding:8px 4px;border-radius:10px;background:#00000040;display:flex;flex-direction:column}.rgrid b{font-size:18px}.rgrid span{font-size:11px;color:var(--mute)}.scrapline{margin-top:10px;font-size:18px;font-weight:800;color:var(--amber)}.newmedals span{display:inline-block;margin:6px 4px 0;padding:4px 10px;border-radius:99px;background:#f2b84b26;color:var(--amber);font-size:13px;font-weight:700}.ui button.ad{border-color:#f2b84b99}.about{text-align:center;max-width:520px;margin:0 auto}.about .emblem{margin:10px auto}.about .links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.about a{color:var(--teal)}@media (max-height: 460px){.rgrid b{font-size:15px}.dialog{padding:14px 18px}.dialog h2{font-size:22px}.bigstars .star{width:30px;height:30px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ui.menu-screen{padding:0;overflow:hidden;background:linear-gradient(90deg,#060b14f0,#060b14b8 38%,#060b1440 70%,#060b148c),linear-gradient(0deg,rgba(6,11,20,.85) 0%,transparent 30%)}.home{height:100%;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(320px,1.3fr);grid-template-rows:1fr auto;gap:clamp(10px,2.2vh,22px) clamp(14px,3vw,40px);padding:calc(clamp(12px,4vh,40px) + var(--safe-t)) calc(clamp(14px,4vw,56px) + var(--safe-r)) calc(clamp(10px,2.5vh,24px) + var(--safe-b)) calc(clamp(14px,4vw,56px) + var(--safe-l))}.hero{align-self:center;animation:rise .6s ease-out both}.hero .logo{gap:clamp(10px,1.6vw,18px)}.hero .emblem{width:clamp(58px,13vh,110px);height:auto}.hero h1{font-size:clamp(26px,8.2vh,64px);line-height:.92;letter-spacing:.04em;background:linear-gradient(180deg,#fff 30%,#b9d6d8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .tagline{margin:clamp(6px,1.6vh,14px) 0 clamp(8px,2vh,18px);color:var(--mute);font-size:clamp(13px,2.3vh,17px)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#0c1622bf;border:1px solid var(--line);font-size:13px;color:var(--mute)}.chips b{color:var(--text);font-size:15px}.modes{align-self:center;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.6vh,14px);animation:rise .6s .08s ease-out both}.go-card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:clamp(10px,2vh,16px) clamp(12px,1.6vw,18px)!important;border-radius:16px!important;background:#0c1622c7!important;backdrop-filter:blur(6px);min-height:clamp(54px,13vh,92px)}.go-card svg{grid-row:span 2;width:clamp(26px,6vh,38px);height:clamp(26px,6vh,38px);color:var(--teal)}.go-card b{font-size:clamp(15px,2.8vh,19px)}.go-card>span{font-size:12px;color:var(--mute);font-weight:600}.go-card:hover{border-color:#35d0b88c!important}.go-card.continue{grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:clamp(84px,24vh,160px);overflow:hidden;background:linear-gradient(120deg,color-mix(in srgb,var(--a) 70%,#0b1220),color-mix(in srgb,var(--b) 55%,#0b1220))!important;border-color:#ffffff2e!important}.go-card.continue:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,20,.55),transparent 70%);pointer-events:none}.go-card.continue>*{position:relative;z-index:1}.go-card .kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffe2a6}.go-card.continue strong{font-size:clamp(26px,7vh,46px);line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.4)}.go-card .prog{width:min(60%,260px);height:5px;border-radius:3px;background:#00000059;overflow:hidden;margin-top:6px}.go-card .prog i{display:block;height:100%;background:var(--amber)}.go-card .play{position:absolute!important;right:clamp(14px,2vw,24px);top:50%;transform:translateY(-50%);width:clamp(48px,12vh,72px);height:clamp(48px,12vh,72px);border-radius:50%;background:var(--amber);color:#2a1a05;display:grid;place-items:center;box-shadow:0 6px 24px #f2b84b73;animation:pulse 2.4s ease-in-out infinite}.go-card .play svg{width:55%;height:55%;color:inherit;grid-row:auto}@keyframes pulse{50%{box-shadow:0 6px 34px #f2b84bb3;transform:translateY(-50%) scale(1.05)}}.dock{grid-column:1 / -1;display:flex;justify-content:center;gap:clamp(6px,1.2vw,14px);animation:rise .6s .16s ease-out both}.dock button{display:flex;align-items:center;gap:8px;padding:9px 14px!important;border-radius:99px!important;background:#0c1622cc!important;font-size:14px}.dock svg{width:18px;height:18px;color:var(--teal)}@media (max-height: 430px){.dock button span{display:none}.dock button{padding:10px!important}.go-card:not(.continue)>span{display:none}}@media (max-width: 720px) and (orientation: portrait),(max-width: 560px){.ui.menu-screen{overflow-y:auto}.home{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;min-height:100%}.hero{text-align:center}.hero .logo,.chips{justify-content:center}.dock{flex-wrap:wrap}}