:root{--cyan:#42efff;--blue:#5568ff;--violet:#a855f7;--pink:#ff4fd8;--ink:#050716;--panel:rgba(8,13,35,.82);--line:rgba(116,222,255,.22);--text:#ecf9ff;--muted:#8aa6bb;--danger:#ff4365;--control-scale:1}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#03050e;color:var(--text);font-family:Inter,system-ui,sans-serif}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(3,5,14,.28),rgba(3,5,14,.76)),url('../images/nebula-command-field.png') center/cover;filter:saturate(1.08);transform:scale(1.03)}
button,input{font:inherit}
button{color:inherit}
#gameContainer{position:relative;width:min(100vw,1600px);height:calc(100vh - 34px);min-height:540px;margin:auto;overflow:hidden;border-inline:1px solid var(--line);background:radial-gradient(circle at 50% 35%,rgba(22,44,92,.16),rgba(1,3,12,.7))}
canvas{position:absolute;inset:0;width:100%;height:100%}
#game-layer{z-index:1}
#ui-layer{z-index:2;pointer-events:none}
.top-actions{position:absolute;z-index:12;top:18px;left:22px;right:22px;display:flex;align-items:center;gap:10px;pointer-events:none}
.live-pill{margin-right:auto;padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:rgba(4,9,25,.62);font:700 10px Orbitron;letter-spacing:.16em;color:#9cb6c8}
.live-pill span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#48f6a6;box-shadow:0 0 10px #48f6a6}
.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(5,10,27,.75);backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto}
.icon-button:hover{border-color:var(--cyan);box-shadow:0 0 22px rgba(66,239,255,.2)}
#settingsToggle{display:grid;place-items:center;color:#e9fbff;transition:border-color .2s,color .2s,box-shadow .2s,transform .2s}
#settingsToggle:before{content:"";display:block;width:22px;aspect-ratio:1;background:currentColor;filter:drop-shadow(0 0 5px rgba(105,233,255,.48));-webkit-mask:url('../images/settings-control.png') center/contain no-repeat;mask:url('../images/settings-control.png') center/contain no-repeat}
#settingsToggle:hover{color:var(--cyan);transform:translateY(-1px)}
#settingsToggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
#settingsToggle.portal-active{color:var(--cyan);border-color:rgba(73,235,255,.78);box-shadow:0 0 0 1px rgba(126,81,255,.22),0 0 28px rgba(66,239,255,.4);animation:settings-portal-pulse .85s ease-in-out infinite alternate}
#settingsMenu{isolation:isolate}
#settingsMenu.settings-genie-active{will-change:transform,opacity,clip-path,filter;backface-visibility:hidden}
#settingsMenu:after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 18%,rgba(77,235,255,.08) 46%,rgba(167,77,255,.1) 55%,transparent 78%);transform:translateX(-125%);pointer-events:none}
#settingsMenu.settings-genie-active:after{animation:settings-genie-scan .72s ease-out both}
#settingsMenu>*{position:relative;z-index:2}
#settingsMenu:before{content:"";position:absolute;z-index:1;inset:-35% -85%;border-radius:38%;opacity:0;background:linear-gradient(var(--settings-glass-angle,112deg),transparent 37%,rgba(143,245,255,.04) 43%,rgba(230,253,255,.3) 49%,rgba(129,162,255,.13) 54%,transparent 62%);filter:blur(2px);mix-blend-mode:screen;transform:translateX(-48%) rotate(-5deg);pointer-events:none}
#settingsMenu.settings-glass-sweep:before{animation:settings-glass-sweep var(--settings-glass-duration,1.45s) cubic-bezier(.2,.72,.25,1) both}
@keyframes settings-portal-pulse{to{box-shadow:0 0 0 3px rgba(78,231,255,.08),0 0 38px rgba(93,83,255,.5);transform:translateY(-1px) scale(1.045)}}
@keyframes settings-genie-scan{to{transform:translateX(125%)}}
@keyframes settings-glass-sweep{0%{opacity:0;transform:translateX(-48%) rotate(-5deg)}18%{opacity:.72}62%{opacity:.38}100%{opacity:0;transform:translateX(48%) rotate(5deg)}}
.menu{position:absolute;z-index:10}
.command-deck{inset:0;display:flex;flex-direction:column;justify-content:center;width:min(980px,calc(100% - 48px));margin:auto;padding-top:20px}
.eyebrow{font:700 11px Orbitron;letter-spacing:.28em;color:var(--cyan);text-shadow:0 0 16px rgba(66,239,255,.7)}
h1,h2{font-family:Orbitron;margin:8px 0;line-height:.88;letter-spacing:-.05em}
h1{font-size:clamp(48px,8.5vw,112px);font-weight:900}
h1 span{color:transparent;-webkit-text-stroke:1px rgba(125,232,255,.8);text-shadow:0 0 35px rgba(74,136,255,.2)}
h2{font-size:clamp(38px,7vw,70px)}
.tagline{color:#adc2d0;margin:16px 0 28px;letter-spacing:.04em}
.launch-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.pilot-panel,.leader-panel,.modal{border:1px solid var(--line);background:linear-gradient(135deg,rgba(10,18,48,.9),rgba(5,8,25,.78));box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px)}
.pilot-panel,.leader-panel{padding:20px;border-radius:18px}
.pilot-panel label{display:block;font:700 10px Orbitron;letter-spacing:.18em;color:var(--muted);margin-bottom:8px}
input[type=text],#playerNameInput{width:100%;padding:15px;border:1px solid var(--line);border-radius:10px;outline:none;background:rgba(3,7,20,.78);color:white;font:700 15px Orbitron;letter-spacing:.08em;text-transform:uppercase}
input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(66,239,255,.1)}
.primary-button,.secondary-button{width:100%;padding:14px 17px;margin-top:12px;border-radius:10px;font:700 12px Orbitron;letter-spacing:.1em;cursor:pointer}
.danger-button{width:100%;padding:12px 17px;margin-top:10px;border:1px solid rgba(255,67,101,.52);border-radius:10px;background:rgba(74,8,25,.36);color:#ff91a5;font:700 10px Orbitron;letter-spacing:.1em;cursor:pointer}.danger-button:hover{border-color:#ff4365;background:rgba(112,10,36,.52);box-shadow:0 0 20px rgba(255,67,101,.16)}
.primary-button{border:0;background:linear-gradient(105deg,#3475ff,#9b45f5);box-shadow:0 8px 28px rgba(77,91,255,.28)}
.primary-button:hover{filter:brightness(1.15);transform:translateY(-1px)}
.primary-button span{float:right}
.secondary-button{border:1px solid var(--line);background:transparent}
.control-strip{display:flex;justify-content:center;align-items:stretch;gap:10px;width:100%;margin:18px auto 0;padding:10px;border:1px solid rgba(116,222,255,.2);border-radius:12px;background:linear-gradient(90deg,rgba(5,13,34,.78),rgba(16,20,54,.72),rgba(5,13,34,.78));box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 24px rgba(66,239,255,.05);color:#91adbf;font:700 10px Orbitron;letter-spacing:.12em;text-align:center}
.control-strip span{flex:1;min-width:0;padding:5px 10px;border-right:1px solid rgba(116,222,255,.16)}
.control-strip span:last-child{border-right:0}
.control-strip b{display:block;margin-bottom:5px;color:#effcff;font:800 13px Orbitron;letter-spacing:.08em;text-shadow:0 0 11px rgba(66,239,255,.58)}
.pilot-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px}.pilot-action{padding:10px;border:1px solid rgba(102,222,255,.18);border-radius:9px;background:rgba(4,11,30,.66);color:#dffaff;text-align:left;cursor:pointer;transition:.2s}.pilot-action:hover{border-color:rgba(79,231,255,.58);background:rgba(12,27,57,.8);box-shadow:0 0 16px rgba(54,221,255,.09)}.pilot-action b,.pilot-action small{display:block;font-family:Orbitron}.pilot-action b{font-size:8px;letter-spacing:.08em}.pilot-action small{margin-top:4px;color:#7290a3;font-size:6px;letter-spacing:.06em}.pilot-action.continue{border-color:rgba(74,240,169,.42);background:linear-gradient(100deg,rgba(31,117,100,.22),rgba(7,16,38,.7))}.pilot-action.continue b{color:#61efb2}.pilot-action.data b{color:#68eaff}.pilot-modal{z-index:18}.pilot-modal h2{margin-bottom:10px}.pilot-field{display:block;margin:13px 0;text-align:left}.pilot-field>span,.recovery-display>span{display:block;margin-bottom:7px;color:#75a0b7;font:700 8px Orbitron;letter-spacing:.13em}.pilot-field input{width:100%;padding:13px;border:1px solid rgba(107,221,255,.25);border-radius:9px;background:#050b1e;color:#f4fcff;font:700 12px Orbitron;outline:none}.pilot-field input:focus{border-color:#54e7f7;box-shadow:0 0 16px rgba(71,224,255,.12)}.pilot-network-status{min-height:20px;color:#65ecb1!important;font:700 8px Orbitron!important;letter-spacing:.09em}.pilot-network-status.error{color:#ff829a!important}.pilot-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0}.pilot-data-grid span{padding:10px;border:1px solid rgba(111,220,255,.14);border-radius:9px;color:#7694a7;font:700 7px Orbitron;letter-spacing:.09em;text-align:left}.pilot-data-grid b{display:block;margin-top:5px;color:#effcff;font-size:10px}.recovery-display{display:block;padding:14px;border:1px solid rgba(91,236,255,.26);border-radius:12px;background:rgba(3,11,28,.75);text-align:left}.recovery-display>div{display:flex;align-items:center;gap:8px}.recovery-display code{flex:1;color:#ffe77b;font:800 18px Orbitron;letter-spacing:.12em;text-shadow:0 0 13px rgba(255,222,77,.26)}.recovery-display button{padding:8px 10px;border:1px solid rgba(83,235,255,.34);border-radius:7px;background:rgba(31,104,138,.2);color:#65eefa;font:700 7px Orbitron;cursor:pointer}.recovery-display small{display:block;margin-top:8px;color:#7896a8;font-size:8px;line-height:1.45}.pilot-achievements{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0}.pilot-achievements span{padding:5px 7px;border:1px solid rgba(171,91,255,.28);border-radius:20px;color:#d2a8ff;font:700 6px Orbitron;letter-spacing:.07em}.future-link{padding:8px;border-left:2px solid #a259ff;color:#8fa6b7!important;font:600 8px Orbitron!important;text-align:left}.pilot-save-toast{position:absolute;z-index:19;top:90px;left:20px;right:auto;bottom:auto;display:flex;align-items:center;gap:7px;width:min(250px,calc(100% - 40px));padding:8px 9px;border:1px solid rgba(77,241,173,.36);border-radius:9px;background:linear-gradient(110deg,rgba(3,17,31,.94),rgba(8,19,42,.9));box-shadow:0 10px 30px rgba(0,0,0,.34),0 0 16px rgba(65,239,174,.08);animation:toast-in .4s ease}.pilot-save-toast:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:3px;background:#54efad;box-shadow:0 0 8px #54efad}.pilot-save-toast>i{width:7px;height:7px;border-radius:50%;background:#54efad;box-shadow:0 0 9px #54efad}.pilot-save-toast span{flex:1;min-width:0}.pilot-save-toast b,.pilot-save-toast small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Orbitron}.pilot-save-toast b{color:#5af0b0;font-size:7px;letter-spacing:.05em}.pilot-save-toast small{margin-top:2px;color:#8fa8b8;font-size:6px}.pilot-save-toast button{padding:5px 6px;border:1px solid rgba(81,231,246,.18);border-radius:6px;background:rgba(40,122,154,.1);color:#62eaf5;font:700 6px Orbitron;cursor:pointer}.pilot-save-toast button:hover{border-color:#62eaf5;box-shadow:0 0 12px rgba(98,234,245,.12)}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.secret-menu{z-index:18;width:min(790px,calc(100% - 40px));max-height:calc(100% - 58px);padding:26px 28px 24px;border-color:rgba(255,78,217,.46);background:radial-gradient(circle at 85% 15%,rgba(119,48,226,.24),transparent 34%),linear-gradient(145deg,rgba(5,13,34,.97),rgba(18,7,43,.96));box-shadow:0 32px 110px rgba(0,0,0,.78),0 0 0 1px rgba(69,234,255,.1),0 0 55px rgba(188,63,255,.17);overflow:auto;text-align:left;animation:secret-unlock .68s cubic-bezier(.17,.82,.22,1) both}.secret-menu:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(94,239,255,.08) 48%,transparent 70%);transform:translateX(-120%);animation:secret-scan 2.8s linear infinite;pointer-events:none}.secret-menu>*{position:relative;z-index:2}.secret-grid{position:absolute!important;z-index:0!important;inset:0;opacity:.22;background-image:linear-gradient(rgba(72,225,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(72,225,255,.1) 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}.secret-orbit{position:absolute!important;z-index:1!important;right:-70px;top:-95px;width:285px;height:285px;border:1px solid rgba(87,231,255,.16);border-radius:50%;box-shadow:0 0 45px rgba(118,69,255,.13);animation:secret-orbit 14s linear infinite}.secret-orbit:before,.secret-orbit:after{content:"";position:absolute;border:1px solid rgba(251,76,216,.14);border-radius:50%}.secret-orbit:before{inset:32px}.secret-orbit:after{inset:70px}.secret-orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#55efff;box-shadow:0 0 14px #55efff}.secret-heading{display:flex;justify-content:space-between;gap:20px;color:#65f3b4;font:700 8px Orbitron;letter-spacing:.19em}.secret-heading small{color:#ff72dc;font:inherit}.secret-menu h2{margin:10px 0 9px;font-size:clamp(40px,6vw,62px);line-height:.76;text-shadow:0 0 28px rgba(70,226,255,.18)}.secret-menu h2 em{color:transparent;-webkit-text-stroke:1px #ff65dc;font-style:normal;text-shadow:0 0 23px rgba(255,67,212,.28)}.secret-menu>p{max-width:610px;margin:14px 0 17px;color:#92adbf;font-size:11px;line-height:1.55}.secret-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.secret-options label{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:50px;padding:9px 10px;border:1px solid rgba(108,225,255,.14);border-radius:10px;background:linear-gradient(100deg,rgba(4,13,32,.78),rgba(20,12,50,.64));transition:.2s}.secret-options label:hover{border-color:rgba(92,233,255,.38);box-shadow:inset 0 0 22px rgba(63,216,255,.04)}.secret-options label>span{color:#e7faff;font:700 8px Orbitron;letter-spacing:.08em}.secret-options label small{display:block;margin-top:4px;color:#6f8da1;font:600 6px Inter;letter-spacing:.03em}.secret-options select{width:min(165px,48%);padding:8px 7px;border:1px solid rgba(117,101,255,.3);border-radius:7px;outline:none;background:#070c25;color:#dffaff;font:700 7px Orbitron}.secret-options select:focus{border-color:#58edff;box-shadow:0 0 12px rgba(75,229,255,.12)}.secret-switch input{width:22px;height:22px;accent-color:#ff55d5}.secret-status{display:flex;align-items:center;gap:9px;margin-top:12px;padding:9px 11px;border:1px solid rgba(255,205,78,.19);border-radius:9px;background:rgba(74,49,6,.13);color:#ffe583;font:700 7px Orbitron;letter-spacing:.08em}.secret-status i{width:7px;height:7px;border-radius:50%;background:#ffe26c;box-shadow:0 0 10px #ffe26c;animation:pulse 1s infinite}.secret-status.active{border-color:rgba(77,243,168,.32);color:#65f3b3;background:rgba(12,70,52,.16)}.secret-status.active i{background:#55efaa;box-shadow:0 0 11px #55efaa}.secret-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:8px}.secret-actions button{margin-top:10px}.command-secret-pulse{animation:command-secret-pulse .35s ease}.secret-active-badge{position:absolute;z-index:13;top:67px;left:23px;padding:6px 9px;border:1px solid rgba(255,75,215,.35);border-radius:99px;background:rgba(35,5,53,.78);color:#ff79df;font:700 6px Orbitron;letter-spacing:.12em;box-shadow:0 0 18px rgba(255,59,208,.12);pointer-events:none}
@keyframes secret-unlock{0%{opacity:0;filter:blur(18px);transform:translate(-50%,-50%) scale(.72) rotateX(12deg)}58%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1.035)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes secret-scan{to{transform:translateX(130%)}}@keyframes secret-orbit{to{transform:rotate(360deg)}}@keyframes command-secret-pulse{50%{border-color:#ff60da;color:#fff;box-shadow:0 0 22px rgba(255,69,216,.48);transform:scale(1.05)}}
.system-status{margin:14px 0 0;color:#53dba0;font:600 9px Orbitron;letter-spacing:.12em}
.command-loader{margin-top:14px;padding:12px;border:1px solid rgba(66,239,255,.22);border-radius:12px;background:linear-gradient(145deg,rgba(2,9,25,.92),rgba(10,12,38,.82));box-shadow:inset 0 0 28px rgba(44,118,183,.08),0 0 20px rgba(66,239,255,.04);overflow:hidden}
.loader-heading{display:flex;align-items:center;justify-content:space-between;color:#bfe7f5;font:700 9px Orbitron;letter-spacing:.14em}.loader-heading i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#4af3a3;box-shadow:0 0 10px #4af3a3;animation:pulse 1s infinite}.loader-heading b{color:var(--cyan);font-size:9px}
.loader-track{height:3px;margin:9px 0;background:rgba(118,216,255,.1);overflow:hidden;border-radius:9px}.loader-track span{display:block;width:4%;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));box-shadow:0 0 10px var(--cyan);transition:width .42s ease}
.update-log{height:112px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(66,239,255,.5) transparent;mask-image:linear-gradient(to bottom,transparent,#000 12px,#000 100%)}.update-log::-webkit-scrollbar{width:4px}.update-log::-webkit-scrollbar-thumb{background:rgba(66,239,255,.45);border-radius:9px}
.update-log p{display:grid;grid-template-columns:42px 1fr auto;gap:7px;align-items:center;margin:0;padding:7px 2px;border-bottom:1px solid rgba(116,222,255,.08);color:#92adbf;font:600 8px Orbitron;letter-spacing:.055em;line-height:1.35;animation:log-in .3s ease both}.update-log time{color:#58788e}.update-log b{color:#54eaa4;font-size:7px}.update-log p.current span{color:#dff8ff;text-shadow:0 0 8px rgba(66,239,255,.32)}.update-log p.complete{color:#dfffee;background:linear-gradient(90deg,rgba(65,245,164,.1),transparent)}.update-log p.complete time,.update-log p.complete b{color:#61f4ab}
@keyframes log-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.panel-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;font:700 12px Orbitron;letter-spacing:.12em}
.panel-heading small{color:var(--cyan)}
#highScoreList{list-style:none;padding:8px 4px 0 0;margin:0;counter-reset:rank;max-height:var(--leaderboard-height,320px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(66,239,255,.48) rgba(5,10,28,.7);touch-action:pan-y;-webkit-overflow-scrolling:touch}
#highScoreList::-webkit-scrollbar{width:6px}#highScoreList::-webkit-scrollbar-track{background:rgba(5,10,28,.7);border-radius:99px}#highScoreList::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyan),var(--violet));border-radius:99px}
#highScoreList li{display:flex;justify-content:space-between;align-items:center;min-height:31px;padding:5px 8px;border-bottom:1px solid rgba(126,213,255,.08);font-size:12px}
html[data-leaderboard-density="compact"] #highScoreList li{min-height:25px;padding-block:3px;font-size:11px}html[data-leaderboard-density="spacious"] #highScoreList li{min-height:39px;padding-block:8px;font-size:13px}
#highScoreList li:first-child{color:#ffe783;background:linear-gradient(90deg,rgba(255,205,74,.08),transparent)}
.score-user{font-weight:700}
.score-value{font-family:Orbitron;color:#dffaff}
.loading-row{color:var(--muted)!important}
.top-score-showcase{position:relative;width:100%;max-width:920px;height:94px;margin-top:14px;padding:12px 18px;border:1px solid rgba(116,222,255,.2);border-radius:16px;background:linear-gradient(110deg,rgba(5,11,30,.92),rgba(15,14,49,.88),rgba(5,11,30,.92));box-shadow:0 18px 50px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04);overflow:hidden;text-align:left}.top-score-showcase:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(70,231,255,.07) 48%,transparent 76%);transform:translateX(-100%);animation:showcase-scan 4.5s linear infinite}.showcase-orbit{position:absolute;right:10%;top:50%;width:240px;height:240px;border:1px solid rgba(102,225,255,.08);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 60px rgba(91,76,255,.08)}
.showcase-heading{position:relative;z-index:1;display:flex;justify-content:space-between;color:#7494a8;font:700 8px Orbitron;letter-spacing:.16em}.showcase-heading span{color:#78eaf5}.showcase-card{position:relative;z-index:1;display:grid;grid-template-columns:58px minmax(150px,1fr) 130px minmax(140px,auto);align-items:center;gap:14px;margin-top:7px;animation:score-dissolve 3.15s ease both}.showcase-rank{font:900 34px/.9 Orbitron;color:#ffe269;text-shadow:0 0 18px rgba(255,209,78,.48);border-right:1px solid rgba(116,222,255,.16)}.showcase-pilot small,.showcase-score small{display:block;margin-bottom:3px;color:#6f8b9e;font:600 7px Orbitron;letter-spacing:.14em}.showcase-pilot strong{font:800 17px Orbitron;letter-spacing:.08em;color:#f4fcff;text-shadow:0 0 14px rgba(120,234,245,.22)}.showcase-core{display:flex;align-items:center;justify-content:center;gap:9px;padding:5px 12px;border-inline:1px solid rgba(116,222,255,.12);color:#6f91a4;font:700 7px Orbitron;letter-spacing:.1em;line-height:1.35}.showcase-core i{position:relative;width:24px;height:24px;border:1px solid rgba(76,239,255,.52);border-radius:50%;box-shadow:0 0 12px rgba(66,239,255,.18);animation:core-spin 4s linear infinite}.showcase-core i:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#4ef0ae;box-shadow:0 0 9px #4ef0ae}.showcase-score{text-align:right}.showcase-score strong{font:800 19px Orbitron;color:#ffe88a;text-shadow:0 0 16px rgba(255,217,91,.4)}.rank-2 .showcase-rank,.rank-2 .showcase-score strong{color:#c7e9f5;text-shadow:0 0 16px rgba(152,222,245,.36)}.rank-3 .showcase-rank,.rank-3 .showcase-score strong{color:#f0a875;text-shadow:0 0 16px rgba(234,128,68,.34)}.rank-4 .showcase-rank,.rank-5 .showcase-rank,.rank-6 .showcase-rank,.rank-7 .showcase-rank,.rank-8 .showcase-rank,.rank-9 .showcase-rank,.rank-10 .showcase-rank{color:#70dfea;text-shadow:0 0 14px rgba(66,239,255,.25)}.showcase-dots{position:absolute;z-index:2;left:50%;bottom:6px;display:flex;gap:4px;transform:translateX(-50%)}.showcase-dots i{width:9px;height:2px;border-radius:4px;background:rgba(132,190,210,.2);transition:.25s}.showcase-dots i.active{width:17px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
@keyframes score-dissolve{0%{opacity:0;filter:blur(7px);transform:translateY(6px)}12%,82%{opacity:1;filter:none;transform:none}100%{opacity:0;filter:blur(4px);transform:translateY(-4px)}}@keyframes showcase-scan{to{transform:translateX(120%)}}@keyframes core-spin{to{transform:rotate(360deg)}}
.modal{top:50%;left:50%;transform:translate(-50%,-50%);width:min(430px,calc(100% - 36px));padding:32px;border-radius:22px;text-align:center}
.modal p{color:var(--muted)}
.setting-row{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);color:#c9dbe7}
.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--violet)}
.setting-row input[type=range]{width:45%;accent-color:var(--cyan)}
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}
.result-grid span{padding:13px 5px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font:600 9px Orbitron}
.result-grid b{display:block;margin-top:8px;color:white;font-size:14px}
.boss-alert{position:absolute;z-index:8;top:15%;left:50%;transform:translateX(-50%);padding:14px 35px;border-block:1px solid var(--danger);background:linear-gradient(90deg,transparent,rgba(85,5,26,.75),transparent);text-align:center;animation:alert-in 2.2s both;pointer-events:none}
.boss-alert small,.boss-alert strong{display:block;font-family:Orbitron;letter-spacing:.2em}
.boss-alert small{font-size:9px;color:#ff8ba0}
.boss-alert strong{font-size:16px}
.mission-briefing{position:absolute;z-index:14;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 48%,rgba(20,40,94,.28),rgba(1,3,13,.72) 72%);backdrop-filter:blur(3px);overflow:hidden;animation:briefing-in .55s ease both}.mission-briefing:before,.mission-briefing:after{content:"";position:absolute;width:60vw;height:60vw;border:1px solid rgba(67,231,255,.08);border-radius:50%;animation:briefing-orbit 15s linear infinite}.mission-briefing:after{width:42vw;height:42vw;border-color:rgba(229,68,255,.07);animation-direction:reverse;animation-duration:11s}.briefing-scan{position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(76,231,255,.07) 50%,transparent 75%);transform:translateX(-110%);animation:briefing-scan 2.2s ease-in-out infinite}.briefing-shell{position:relative;width:min(840px,94vw);padding:clamp(26px,5vw,48px);border:1px solid rgba(92,229,255,.4);border-radius:24px;background:linear-gradient(145deg,rgba(4,12,32,.94),rgba(13,10,44,.91));box-shadow:0 32px 100px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.06),0 0 45px rgba(61,206,255,.1);text-align:center;overflow:hidden}.briefing-shell:before{content:"";position:absolute;inset:9px;border:1px solid rgba(130,231,255,.08);border-radius:17px;pointer-events:none}.briefing-kicker{color:#62f1b4;font:700 9px Orbitron;letter-spacing:.24em}.briefing-kicker i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#55f1ad;box-shadow:0 0 12px #55f1ad}.mission-briefing h2{margin:15px 0 10px;color:#effbff;font:900 clamp(38px,7vw,72px)/.88 Orbitron;letter-spacing:-.035em;text-shadow:0 0 30px rgba(78,218,255,.22)}.mission-briefing h2 span{color:transparent;-webkit-text-stroke:1px #56eaff;text-shadow:0 0 18px rgba(69,225,255,.34)}.briefing-copy{max-width:610px;margin:0 auto 24px;color:#a7bfd0;font-size:13px;line-height:1.6}.briefing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.briefing-card{display:flex;align-items:center;gap:12px;padding:14px;text-align:left;border:1px solid rgba(118,222,255,.16);border-radius:13px;background:rgba(4,11,30,.75)}.briefing-card b{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid currentColor;border-radius:50%;font-size:19px;box-shadow:0 0 17px currentColor}.briefing-card strong,.briefing-card small{display:block;font-family:Orbitron}.briefing-card strong{font-size:9px;letter-spacing:.08em}.briefing-card small{margin-top:5px;color:#819dad;font-size:7px;line-height:1.35}.briefing-card.shield{color:#50eaff}.briefing-card.weapon{color:#ff64dd}.briefing-card.energy{color:#ffd86a}.briefing-controls{display:flex;justify-content:center;gap:20px;margin:18px 0;color:#7191a6;font:700 7px Orbitron;letter-spacing:.11em}.briefing-controls b{display:block;margin-bottom:3px;color:#dffaff;font-size:9px}.briefing-progress{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(118,222,255,.12);color:#68e8f3;font:700 8px Orbitron;letter-spacing:.13em;text-align:left}.briefing-progress>b{font-size:18px;color:#fff;text-shadow:0 0 14px #5defff}.briefing-progress>b.tick{animation:briefing-tick .42s ease}.briefing-progress>i{grid-column:1/-1;height:3px;border-radius:9px;background:rgba(110,218,255,.1);overflow:hidden}.briefing-progress em{display:block;width:0;height:100%;background:linear-gradient(90deg,#35e5ff,#914aff,#ff5bd8);box-shadow:0 0 12px #48e5ff}.briefing-out{animation:briefing-out .5s ease forwards}@keyframes briefing-load{to{width:100%}}@keyframes briefing-in{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:none}}@keyframes briefing-out{to{opacity:0;filter:blur(8px);transform:scale(1.035)}}@keyframes briefing-scan{to{transform:translateX(110%)}}@keyframes briefing-tick{50%{transform:scale(1.45);color:#65edff}}@keyframes briefing-orbit{to{transform:rotate(360deg)}}
.briefing-ready{position:relative;z-index:12;display:flex;align-items:center;justify-content:center;gap:14px;width:min(360px,100%);margin:18px auto 12px;padding:13px 22px;border:1px solid rgba(87,239,255,.68);border-radius:10px;background:linear-gradient(105deg,rgba(38,114,195,.72),rgba(125,51,220,.72));color:#fff;box-shadow:0 9px 30px rgba(64,91,255,.22),inset 0 1px rgba(255,255,255,.12);cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:.2s}.briefing-ready:hover,.briefing-ready:focus-visible{transform:translateY(-2px);filter:brightness(1.18);box-shadow:0 12px 35px rgba(67,209,255,.2);outline:2px solid rgba(82,239,255,.7);outline-offset:3px}.briefing-ready span,.briefing-ready small{font-family:Orbitron;pointer-events:none}.briefing-ready span{font-size:13px;font-weight:900;letter-spacing:.16em}.briefing-ready small{padding-left:14px;border-left:1px solid rgba(255,255,255,.22);color:#c0dbe9;font-size:7px;letter-spacing:.1em}.briefing-ready.launching{opacity:.58;cursor:wait;transform:none}.briefing-active .top-actions{opacity:.2;pointer-events:none}
.hidden{display:none!important}
#mobile-controls{display:none;position:absolute;z-index:15;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));align-items:flex-end;justify-content:space-between;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}
#mobile-controls.mobile-active,#mobile-controls[aria-hidden="false"]{display:flex!important}
.joystick-base{position:relative;width:calc(92px * var(--control-scale));height:calc(92px * var(--control-scale));border:2px solid rgba(66,239,255,.66);border-radius:50%;background:radial-gradient(circle,rgba(55,113,160,.28),rgba(4,10,25,.78));box-shadow:0 0 28px rgba(66,239,255,.15),inset 0 0 25px rgba(66,239,255,.14);pointer-events:auto;touch-action:none}
.joystick-base:before,.joystick-base:after{content:"";position:absolute;background:rgba(66,239,255,.15)}
.joystick-base:before{width:1px;height:70%;left:50%;top:15%}
.joystick-base:after{height:1px;width:70%;left:15%;top:50%}
.joystick-knob{position:absolute;left:50%;top:50%;width:calc(40px * var(--control-scale));height:calc(40px * var(--control-scale));transform:translate(-50%,-50%);border:2px solid var(--cyan);border-radius:50%;background:radial-gradient(circle at 35% 30%,#7df8ff,#167aa5 70%);box-shadow:0 0 22px rgba(66,239,255,.5),inset 0 0 12px rgba(255,255,255,.2)}
#mobile-fire-button{width:calc(90px * var(--control-scale));height:calc(90px * var(--control-scale));border:2px solid #ff67df;border-radius:50%;background:radial-gradient(circle at 38% 30%,rgba(235,81,216,.92),rgba(68,9,87,.94));box-shadow:0 0 30px rgba(255,79,216,.28),inset 0 0 18px rgba(255,255,255,.1);font:800 14px Orbitron;pointer-events:auto;touch-action:none;transition:transform .08s,filter .08s}
#mobile-fire-button small{display:block;font-size:7px;color:#ffb9f1}
#mobile-fire-button.pressed{transform:scale(.92);filter:brightness(1.35);box-shadow:0 0 38px rgba(255,79,216,.65),inset 0 0 20px rgba(255,255,255,.18)}
footer{position:fixed;z-index:20;bottom:0;width:100%;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(2,3,10,.96);border-top:1px solid rgba(116,222,255,.14)}
footer a{padding:8px 18px;color:#abc8da;text-decoration:none;font:700 9px Orbitron;letter-spacing:.16em}
footer a:hover{color:var(--cyan);text-shadow:0 0 12px rgba(66,239,255,.65)}
@keyframes alert-in{0%{opacity:0;transform:translate(-50%,-20px)}
15%,80%{opacity:1;transform:translate(-50%,0)}
100%{opacity:0}
}
@media(max-width:760px){#gameContainer{height:calc(100dvh - 30px);min-height:0;border:0}
.top-actions{top:max(10px,env(safe-area-inset-top));left:12px;right:12px}
.live-pill{display:none}
.command-deck{justify-content:flex-start;padding-top:12vh;width:calc(100% - 28px);overflow:auto}
h1{font-size:clamp(45px,15vw,76px)}
.tagline{font-size:12px;margin:10px 0 18px}
.launch-grid{grid-template-columns:1fr}
.leader-panel{padding:14px}
.control-strip{display:flex;gap:4px;padding:8px 5px;font-size:8px;letter-spacing:.07em}
.control-strip span{padding:5px 3px}
.control-strip b{font-size:10px;white-space:nowrap}
.command-loader{padding:10px}.update-log{height:96px}.update-log p{grid-template-columns:34px 1fr auto;font-size:7px;gap:4px}.loader-heading{font-size:8px}
.pilot-panel{padding:16px}
.pilot-actions{grid-template-columns:1fr 1fr}.pilot-action{padding:9px}.pilot-save-toast{top:112px;left:12px;right:auto;bottom:auto;width:42px;height:42px;padding:0;border-radius:12px;background:rgba(3,18,34,.9);box-shadow:0 8px 24px rgba(0,0,0,.38),0 0 18px rgba(65,239,174,.12)}.pilot-save-toast:before,.pilot-save-toast>i,.pilot-save-toast span{display:none}.pilot-save-toast button{position:absolute;inset:0;display:grid;place-items:center;padding:0;border:0;border-radius:12px;background:transparent;color:transparent;font-size:0}.pilot-save-toast button:before{content:"✓";display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(81,241,174,.5);border-radius:50%;color:#60f0b1;font:800 13px Orbitron;box-shadow:0 0 13px rgba(81,241,174,.24)}.recovery-display code{font-size:14px}.pilot-modal{max-height:calc(100dvh - 42px);overflow:auto}
.leader-panel #highScoreList{max-height:250px}
.leader-panel{margin-bottom:30px}
.top-score-showcase{display:none}
.icon-button{width:38px;height:38px}
.modal{padding:24px}
.mission-briefing{padding:12px}.briefing-shell{padding:22px 16px;border-radius:18px}.mission-briefing h2{font-size:38px}.briefing-copy{margin-bottom:15px;font-size:10px}.briefing-grid{gap:5px}.briefing-card{display:block;padding:9px 5px;text-align:center}.briefing-card b{width:32px;height:32px;margin:0 auto 8px;font-size:15px}.briefing-card strong{font-size:7px}.briefing-card small{font-size:6px}.briefing-controls{gap:8px;margin:13px 0}.briefing-controls span{flex:1}.briefing-controls b{font-size:7px}.briefing-kicker{font-size:7px;letter-spacing:.14em}.briefing-progress{font-size:7px}
footer{display:flex;height:30px}footer a{font-size:7px;padding:7px 12px}#gameContainer{height:calc(100dvh - 30px)}
}
@media(pointer:coarse){#mobile-controls.mobile-active{display:flex}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}
}
.setting-row select{min-width:130px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#080d23;color:var(--text);font:700 10px Orbitron;text-transform:uppercase}
.setting-row output{min-width:38px;text-align:right;color:var(--cyan);font:700 9px Orbitron}#settingsMenu{max-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.system-status{position:relative}.system-status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#53dba0;box-shadow:0 0 9px #53dba0;animation:pulse 1.1s infinite}
.game-active .top-actions{top:auto;left:auto;right:18px;bottom:18px}
.game-active .live-pill{display:none}
.game-active .icon-button{background:rgba(5,10,27,.46);opacity:.7}
.game-active .icon-button:hover{opacity:1}
.touch-ui .game-active .top-actions{top:max(88px,env(safe-area-inset-top));right:8px;bottom:auto;left:auto;flex-direction:column}.touch-ui .game-active .icon-button{width:34px;height:34px;font-size:13px}
.touch-ui .game-active #settingsToggle:before{width:18px}
.command-deck{align-items:center;text-align:center}
.command-deck .eyebrow,.command-deck h1,.command-deck .tagline{text-align:center}
.command-deck .launch-grid{width:100%;max-width:920px;text-align:left}
.command-deck h1{width:100%}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.menu-hero-title{position:relative;width:min(920px,100%)!important;height:clamp(230px,30dvh,350px);margin:6px auto!important;overflow:hidden;border:1px solid rgba(87,227,255,.3);border-radius:17px;background:#020612;box-shadow:0 22px 58px rgba(0,0,0,.34),0 0 30px rgba(60,215,255,.1),inset 0 1px rgba(255,255,255,.08);line-height:0;isolation:isolate}
.menu-hero-title:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,rgba(82,239,255,.08),transparent 25%,transparent 72%,rgba(181,77,255,.1));box-shadow:inset 0 0 0 8px rgba(1,5,17,.12)}
.menu-hero-title:after{content:"";position:absolute;z-index:3;right:8%;bottom:0;left:8%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),#fff,var(--violet),transparent);box-shadow:0 0 14px var(--cyan);opacity:.66}
.menu-hero-title video,.menu-hero-title img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(1.04) contrast(1.02);transform:scale(1.003);pointer-events:none}
.menu-hero-title .menu-hero-image{display:none}
.command-deck>.tagline{order:0;margin:10px 0 18px}.command-deck>.top-score-showcase{order:1;margin:-8px 0 14px}.command-deck>.launch-grid{order:2}
.seo-menu-links{order:3;display:flex;justify-content:center;align-items:center;gap:9px;width:100%;margin:10px 0 -4px;color:#58758b;font:600 7px Orbitron;letter-spacing:.12em;text-transform:uppercase}
.seo-menu-links a{color:#7395aa;text-decoration:none;transition:color .2s,text-shadow .2s}
.seo-menu-links a:hover,.seo-menu-links a:focus-visible{color:var(--cyan);text-shadow:0 0 10px rgba(82,239,255,.48);outline:none}
.live-pill{appearance:none;cursor:pointer;pointer-events:auto}.live-pill:hover{color:var(--cyan);border-color:rgba(66,239,255,.55);box-shadow:0 0 18px rgba(66,239,255,.12)}
.live-pill.secret-enabled{color:#ff83e3;border-color:rgba(255,82,217,.48);background:linear-gradient(100deg,rgba(22,7,43,.84),rgba(8,22,46,.8));box-shadow:0 0 20px rgba(255,76,215,.14)}.live-pill.secret-enabled span{background:#ff55d8;box-shadow:0 0 11px #ff55d8}
.updates-modal h2{font-size:42px}.link-status{padding-bottom:12px;border-bottom:1px solid var(--line);font:700 9px Orbitron!important;letter-spacing:.1em;color:#55e9ae!important}.updates-list{max-height:280px;overflow:auto;text-align:left}.update-row{display:flex;align-items:flex-start;gap:10px;padding:10px 5px;border-bottom:1px solid rgba(116,222,255,.1);color:#bfd4e1;font-size:11px;line-height:1.45}.update-row i{flex:0 0 7px;width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.credits-stage{position:absolute;z-index:9;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 52%,rgba(39,41,112,.22),rgba(1,3,13,.72) 68%),linear-gradient(90deg,rgba(0,228,255,.035),transparent 32%,transparent 68%,rgba(255,62,213,.035));mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 82%,transparent 100%)}
.credits-stage:before,.credits-stage:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan);opacity:.38}.credits-stage:before{left:7%}.credits-stage:after{right:7%}
.credits-vignette{position:absolute;z-index:1;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(82,217,255,.018) 4px);box-shadow:inset 0 0 180px #02040e}
.credits-roll{position:absolute;z-index:1;left:50%;top:0;width:min(1250px,94vw);text-align:center;transform:translate(-50%,62vh);opacity:0;filter:drop-shadow(0 0 var(--credits-glow,7px) rgba(100,232,255,.38))}.credits-roll.rolling{animation:credits-rise var(--credits-duration,58s) linear infinite}.credits-stage[data-loop="once"] .credits-roll.rolling{animation-iteration-count:1;animation-fill-mode:forwards}.credits-stage[data-crew-mode="core"] .credit-block:not(.core-credit),.credits-stage[data-crew-mode="core"] .credit-divider{display:none}.credits-stage[data-crew-mode="core"] .credit-block{margin-bottom:90px}
.credits-overline,.credits-edition,.credits-signoff{font:700 11px Orbitron;letter-spacing:.36em;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.5),0 0 26px rgba(66,239,255,.28)}.credits-roll h3{margin:22px 0 12px;font:900 clamp(52px,9vw,122px)/.84 Orbitron;letter-spacing:-.055em;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.35),0 0 50px rgba(66,239,255,.24)}.credits-edition{margin-bottom:100px;color:#fff}
.credit-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(220px,34vw,480px);margin:0 0 54px;text-align:left}.credit-block small,.credit-block strong{display:block;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.35)}.credit-block small{margin:0;text-align:right;font:700 10px Orbitron;letter-spacing:.22em}.credit-block strong{font:800 clamp(19px,2.2vw,31px) Orbitron;letter-spacing:.1em}.hero-credit small,.hero-credit strong{color:#fff;text-shadow:0 0 16px rgba(255,255,255,.65),0 0 28px rgba(66,239,255,.32)}
.credit-divider{display:flex;align-items:center;justify-content:center;gap:22px;margin:92px auto 68px;color:#fff;font:700 12px Orbitron;letter-spacing:.32em;text-shadow:0 0 13px rgba(255,255,255,.5)}.credit-divider i{width:min(190px,20vw);height:1px;background:linear-gradient(90deg,transparent,#fff);box-shadow:0 0 9px rgba(255,255,255,.65)}.credit-divider i:last-child{transform:scaleX(-1)}.credits-signoff{margin:120px 0 80px;line-height:2.1;color:#fff}
.updates-modal{z-index:11;background:linear-gradient(145deg,rgba(5,11,30,.88),rgba(11,9,37,.82));border-color:rgba(96,230,255,.42);box-shadow:0 0 0 1px rgba(142,77,255,.12),0 28px 100px rgba(0,0,0,.72),0 0 55px rgba(64,218,255,.09);overflow:hidden;transition:top 1.25s cubic-bezier(.16,.8,.18,1),width 1.25s cubic-bezier(.16,.8,.18,1),padding 1.25s cubic-bezier(.16,.8,.18,1),border-radius 1.25s ease,transform 1.25s cubic-bezier(.16,.8,.18,1),box-shadow 1.25s ease}.updates-modal:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,rgba(70,232,255,.055) 48%,transparent 76%);transform:translateX(-120%);animation:archive-scan 4s linear infinite;pointer-events:none}.updates-modal>*{position:relative;z-index:2}.archive-corners{position:absolute!important;z-index:1!important;inset:9px;border:1px solid rgba(117,226,255,.08);clip-path:polygon(0 0,22px 0,22px 1px,1px 1px,1px 22px,0 22px,0 0,100% 0,100% 22px,99% 22px,99% 1px,calc(100% - 22px) 1px,calc(100% - 22px) 0,100% 0,100% 100%,calc(100% - 22px) 100%,calc(100% - 22px) 99%,99% 99%,99% calc(100% - 22px),100% calc(100% - 22px),100% 100%,0 100%,0 calc(100% - 22px),1px calc(100% - 22px),1px 99%,22px 99%,22px 100%)}
.updates-modal.credits-docked{top:100%;width:min(1180px,calc(100% - 48px));padding:14px 16px;transform:translate(-50%,calc(-100% - 14px));border-radius:15px;background:linear-gradient(100deg,rgba(4,11,28,.95),rgba(12,14,48,.94) 58%,rgba(18,9,48,.94));box-shadow:0 -8px 55px rgba(0,0,0,.58),0 0 35px rgba(66,239,255,.13);display:grid;grid-template-columns:minmax(185px,.6fr) minmax(250px,1.5fr) minmax(195px,.65fr);grid-template-areas:"heading features action" "status features footer";column-gap:18px;align-items:center;text-align:left}.updates-modal.credits-docked .eyebrow{grid-area:heading;font-size:7px;letter-spacing:.18em}.updates-modal.credits-docked h2{grid-area:heading;margin:16px 0 0;font-size:21px;letter-spacing:-.02em}.updates-modal.credits-docked .link-status{grid-area:status;margin:3px 0 0;padding:0;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6px!important}.updates-modal.credits-docked .updates-list{grid-area:features;display:flex;gap:7px;max-height:62px;padding:2px;overflow:auto;scrollbar-width:thin;mask-image:linear-gradient(90deg,#000 92%,transparent)}.updates-modal.credits-docked .update-row{flex:0 0 min(230px,46%);min-height:50px;padding:7px 8px;border:1px solid rgba(116,222,255,.11);border-radius:8px;background:rgba(4,11,29,.55);font-size:8px;line-height:1.35}.updates-modal.credits-docked .archive-footer{grid-area:footer;margin:0;padding:0;border:0;justify-content:flex-end;gap:13px}.updates-modal.credits-docked #closeUpdatesButton{grid-area:action;width:100%;margin:0;padding:11px 13px;font-size:9px}.updates-modal.credits-docked:after{content:"";position:absolute;z-index:3;left:8%;right:8%;top:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),#fff,var(--violet),transparent);box-shadow:0 0 18px var(--cyan);animation:dock-flare 1.25s ease-out both;pointer-events:none}
.archive-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:10px 2px 2px;border-top:1px solid rgba(116,222,255,.12);color:#7f9bad;font:700 7px Orbitron;letter-spacing:.1em}.archive-footer span{color:#61eeb0}.archive-footer i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#56f0ac;box-shadow:0 0 8px #56f0ac;animation:pulse 1s infinite}.archive-footer small{font:inherit;color:#95b5c7}
@keyframes credits-rise{0%{opacity:0;transform:translate(-50%,62vh)}1.5%,95%{opacity:.94}100%{opacity:0;transform:translate(-50%,calc(-100% - 18vh))}}
@keyframes archive-scan{to{transform:translateX(130%)}}
@keyframes dock-flare{0%{opacity:0;transform:scaleX(.08)}45%{opacity:1}100%{opacity:.45;transform:scaleX(1)}}
@media(max-width:760px){.command-deck{align-items:stretch}.updates-list{max-height:180px}.updates-modal h2{font-size:34px}.updates-modal{width:calc(100% - 28px);padding:24px 20px}.updates-modal.credits-docked{width:calc(100% - 20px);padding:11px 12px;transform:translate(-50%,calc(-100% - 8px));grid-template-columns:1fr auto;grid-template-areas:"heading action" "status action" "features features";gap:4px 10px}.updates-modal.credits-docked h2{font-size:16px;margin-top:14px}.updates-modal.credits-docked .updates-list{max-height:45px;margin-top:4px}.updates-modal.credits-docked .update-row{flex-basis:210px;min-height:36px;padding:5px;font-size:7px}.updates-modal.credits-docked .archive-footer{display:none}.updates-modal.credits-docked #closeUpdatesButton{width:126px;padding:10px 7px;font-size:7px}.credits-stage:before{left:3%}.credits-stage:after{right:3%}.credits-roll{width:94vw}.credits-roll.rolling{animation-duration:var(--credits-mobile-duration,50s)}.credits-edition{margin-bottom:85px}.credit-block{display:block;margin-bottom:56px;text-align:center}.credit-block small{margin-bottom:9px;text-align:center;font-size:8px}.credit-block strong{font-size:19px}.credit-divider{margin-block:80px 60px;font-size:9px}.archive-footer{align-items:flex-start;gap:8px;text-align:left}.archive-footer small{text-align:right}}
.secret-actions{grid-template-columns:1.2fr .7fr .8fr}
@media(prefers-reduced-motion:reduce){.credits-roll.rolling{top:8%;opacity:.55;animation:none!important;transform:translateX(-50%)}.credits-roll .credit-block:nth-of-type(n+4),.credits-roll .credit-divider:nth-of-type(n+2),.credits-signoff{display:none}.menu-hero-title .menu-hero-video{display:none}.menu-hero-title .menu-hero-image{display:block}}
@media(max-width:760px){#gameContainer:not(.game-active) .live-pill{display:block;max-width:142px;padding:7px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.secret-menu{width:calc(100% - 20px);max-height:calc(100dvh - 50px);padding:20px 14px 16px;border-radius:16px}.secret-heading{font-size:6px;letter-spacing:.1em}.secret-heading small{display:none}.secret-menu h2{font-size:37px}.secret-menu>p{margin:10px 0 12px;font-size:9px}.secret-options{grid-template-columns:1fr;gap:5px}.secret-options label{min-height:43px;padding:7px 8px}.secret-options label>span{font-size:7px}.secret-options select{width:49%;font-size:6px}.secret-status{font-size:6px;line-height:1.4}.secret-actions{grid-template-columns:1fr}.secret-actions button{margin-top:6px;padding:11px;font-size:8px}.secret-orbit{right:-120px;top:-120px}}
@media(max-width:760px){.seo-menu-links{display:none!important}}
@media(max-width:760px){.menu-hero-title{flex:0 0 auto;width:100%!important;height:auto;aspect-ratio:1200/630;margin:8px 0 7px!important;border-radius:13px}.menu-hero-title .menu-hero-video{display:none}.menu-hero-title .menu-hero-image{display:block;object-fit:contain;object-position:center;transform:none}.command-deck>.tagline{margin:8px 0 18px}}
@media(max-height:760px) and (min-width:761px){.menu-hero-title{height:clamp(176px,25dvh,200px);width:min(920px,100%)!important;margin-block:5px!important}.command-deck>.tagline{margin:7px 0 17px}.command-deck>.top-score-showcase{margin-top:-7px}}
@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}

/* Overdrive Vault: keep this more specific than the shared .modal sizing. */
#easterEggMenu.secret-menu{width:min(940px,calc(100% - 64px));max-height:min(820px,calc(100dvh - 64px));padding:32px 36px 28px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,82,217,.55) rgba(7,11,31,.72);text-align:left}
#easterEggMenu.secret-menu::-webkit-scrollbar{width:7px}
#easterEggMenu.secret-menu::-webkit-scrollbar-track{background:rgba(7,11,31,.72)}
#easterEggMenu.secret-menu::-webkit-scrollbar-thumb{border-radius:99px;background:linear-gradient(var(--cyan),var(--pink))}
#easterEggMenu .secret-heading{font-size:9px}
#easterEggMenu.secret-menu h2{width:100%;margin:14px 0 12px;font-size:clamp(58px,5.4vw,78px);line-height:.75;white-space:normal}
#easterEggMenu.secret-menu>p{max-width:760px;margin:18px 0 20px;font-size:12px}
#easterEggMenu .secret-options{gap:10px}
#easterEggMenu .secret-options label{min-height:58px;padding:11px 13px}
#easterEggMenu .secret-options label>span{font-size:9px}
#easterEggMenu .secret-options label small{font-size:7px}
#easterEggMenu .secret-options select{width:min(200px,52%);padding:10px 9px;font-size:8px}
#easterEggMenu .secret-switch input{width:25px;height:25px}
#easterEggMenu .secret-status{margin-top:15px;padding:11px 13px;font-size:8px;line-height:1.45}
#easterEggMenu .secret-actions{gap:10px}
#easterEggMenu .secret-actions button{min-height:48px;margin-top:12px;padding:13px 15px;font-size:10px}

@media (max-height:800px) and (min-width:761px){
  #easterEggMenu.secret-menu{max-height:calc(100dvh - 34px);padding:22px 28px 20px}
  #easterEggMenu.secret-menu h2{margin:9px 0 8px;font-size:54px}
  #easterEggMenu.secret-menu>p{margin:12px 0 14px;font-size:10px}
  #easterEggMenu .secret-options{gap:7px}
  #easterEggMenu .secret-options label{min-height:48px;padding:8px 10px}
  #easterEggMenu .secret-status{margin-top:10px;padding:8px 10px}
  #easterEggMenu .secret-actions button{min-height:42px;margin-top:8px;padding:10px;font-size:9px}
}

@media (max-width:760px){
  #easterEggMenu.secret-menu{width:calc(100% - 20px);max-height:calc(100dvh - 28px);padding:20px 14px 16px;border-radius:16px}
  #easterEggMenu .secret-heading{font-size:6px;letter-spacing:.1em}
  #easterEggMenu .secret-heading small{display:none}
  #easterEggMenu.secret-menu h2{margin:10px 0 8px;font-size:clamp(36px,12.5vw,52px)}
  #easterEggMenu.secret-menu>p{margin:10px 0 12px;font-size:9px}
  #easterEggMenu .secret-options{grid-template-columns:1fr;gap:6px}
  #easterEggMenu .secret-options label{min-height:46px;padding:8px 9px}
  #easterEggMenu .secret-options label>span{font-size:7px}
  #easterEggMenu .secret-options label small{font-size:6px}
  #easterEggMenu .secret-options select{width:50%;padding:8px 7px;font-size:6px}
  #easterEggMenu .secret-status{font-size:6px}
  #easterEggMenu .secret-actions{grid-template-columns:1fr}
  #easterEggMenu .secret-actions button{min-height:42px;margin-top:6px;padding:11px;font-size:8px}
}

/* Credits command dock v2 */
.credits-stage:not(.hidden){pointer-events:auto;cursor:pointer}
.archive-telemetry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0;text-align:left}
.archive-telemetry span{min-width:0;padding:9px 10px;border:1px solid rgba(99,224,255,.14);border-radius:9px;background:linear-gradient(115deg,rgba(4,13,34,.72),rgba(17,14,54,.66));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.archive-telemetry small,.archive-telemetry b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Orbitron}
.archive-telemetry small{color:#62879d;font-size:6px;letter-spacing:.13em}
.archive-telemetry b{margin-top:5px;color:#e9fbff;font-size:9px;letter-spacing:.08em;text-shadow:0 0 12px rgba(80,232,255,.25)}
.archive-telemetry span:nth-child(3) b,.archive-telemetry span:nth-child(4) b{color:#64efb1;text-shadow:0 0 11px rgba(77,239,172,.25)}
#updatesMenu.credits-docked{width:min(1320px,calc(100% - 40px));min-height:126px;padding:16px 18px 15px;transform:translate(-50%,calc(-100% - 12px));grid-template-columns:210px minmax(310px,.9fr) minmax(330px,1.05fr) 220px;grid-template-areas:"heading telemetry features action" "status telemetry footer action";column-gap:16px;row-gap:7px;border-radius:18px;background:radial-gradient(circle at 78% 0,rgba(103,55,220,.2),transparent 36%),linear-gradient(105deg,rgba(3,12,30,.98),rgba(11,15,49,.97) 56%,rgba(22,9,50,.97));box-shadow:0 -12px 60px rgba(0,0,0,.62),0 0 0 1px rgba(102,225,255,.08),0 0 42px rgba(66,239,255,.14)}
#updatesMenu.credits-docked .archive-telemetry{grid-area:telemetry;align-self:stretch;margin:0}
#updatesMenu.credits-docked .archive-telemetry span{display:flex;flex-direction:column;justify-content:center;padding:8px 9px}
#updatesMenu.credits-docked .updates-list{grid-area:features;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:start;max-height:83px;margin:0;padding:1px 5px 1px 1px;overflow-y:auto;overflow-x:hidden;mask-image:linear-gradient(to bottom,#000 86%,transparent)}
#updatesMenu.credits-docked .update-row{display:flex;flex-basis:auto;min-height:36px;padding:7px 8px;border:1px solid rgba(116,222,255,.11);border-radius:8px;background:linear-gradient(100deg,rgba(5,15,37,.72),rgba(15,13,48,.58));font-size:7px;line-height:1.35}
#updatesMenu.credits-docked .archive-footer{justify-content:space-between;gap:10px}
#updatesMenu.credits-docked .archive-footer small{max-width:220px;color:#7897aa;font-size:6px;line-height:1.45;text-align:right}
#updatesMenu.credits-docked #closeUpdatesButton{align-self:stretch;min-height:74px;border:1px solid rgba(116,229,255,.18);background:linear-gradient(115deg,#3475ff,#8b46f2 70%,#b83ee4);box-shadow:0 10px 30px rgba(72,75,255,.25),inset 0 1px rgba(255,255,255,.16)}
#updatesMenu.credits-docked #closeUpdatesButton:hover{border-color:#76f0ff;box-shadow:0 10px 34px rgba(72,75,255,.34),0 0 20px rgba(74,230,255,.14)}

@media(max-width:980px){
  #updatesMenu.credits-docked{width:calc(100% - 24px);grid-template-columns:180px minmax(250px,1fr) 190px;grid-template-areas:"heading telemetry action" "status telemetry action" "features features footer"}
  #updatesMenu.credits-docked .updates-list{grid-template-columns:repeat(3,minmax(180px,1fr));display:flex;max-height:48px;overflow-x:auto;overflow-y:hidden;mask-image:linear-gradient(90deg,#000 92%,transparent)}
  #updatesMenu.credits-docked .update-row{flex:0 0 220px}
}

@media(max-width:760px){
  #updatesMenu.credits-docked{width:calc(100% - 16px);max-height:46dvh;padding:12px;transform:translate(-50%,calc(-100% - 7px));grid-template-columns:1fr 124px;grid-template-areas:"heading action" "status action" "telemetry telemetry" "features features" "footer footer";gap:6px 9px;overflow-y:auto;border-radius:14px}
  #updatesMenu.credits-docked .archive-telemetry{gap:5px}
  #updatesMenu.credits-docked .archive-telemetry span{padding:7px 8px}
  #updatesMenu.credits-docked .archive-telemetry small{font-size:5px}
  #updatesMenu.credits-docked .archive-telemetry b{font-size:7px}
  #updatesMenu.credits-docked .updates-list{display:flex;max-height:42px;overflow-x:auto;overflow-y:hidden}
  #updatesMenu.credits-docked .update-row{flex:0 0 205px;min-height:36px}
  #updatesMenu.credits-docked .archive-footer{display:flex;grid-area:footer;margin-top:2px}
  #updatesMenu.credits-docked .archive-footer small{font-size:5px}
  #updatesMenu.credits-docked #closeUpdatesButton{width:124px;min-height:64px;padding:9px 7px;font-size:7px}
}

/* Credits command dock v4: dedicated live command telemetry. */
.dock-command-grid{display:none}
#updatesMenu.credits-docked{grid-template-columns:220px minmax(0,1fr) 174px;grid-template-areas:"kicker command action" "title command action" "status footer action"}
#updatesMenu.credits-docked .archive-telemetry,#updatesMenu.credits-docked .updates-list{display:none}
#updatesMenu.credits-docked .dock-command-grid{position:relative;grid-area:command;align-self:stretch;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 0 12px;overflow:hidden}
#updatesMenu.credits-docked .dock-system{position:relative;display:flex;min-width:0;padding:7px 9px 6px;overflow:hidden;flex-direction:column;justify-content:center;border:1px solid rgba(104,214,255,.14);border-radius:8px;background:linear-gradient(115deg,rgba(5,17,41,.88),rgba(18,14,54,.72));box-shadow:inset 0 1px rgba(255,255,255,.025)}
#updatesMenu.credits-docked .dock-system:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 18%,rgba(112,239,255,.09) 48%,transparent 72%);transform:translateX(-120%);animation:dock-data-scan 3.4s ease-in-out infinite}
#updatesMenu.credits-docked .dock-system small{overflow:hidden;color:#7899ae;font:700 5.5px/1.1 Orbitron;letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap}
#updatesMenu.credits-docked .dock-system b{z-index:1;margin-top:4px;overflow:hidden;color:#e9fcff;font:700 8.5px/1.1 Orbitron;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 10px rgba(91,227,255,.34)}
#updatesMenu.credits-docked .dock-system>span{height:2px;margin-top:6px;overflow:hidden;border-radius:2px;background:rgba(100,202,255,.1)}
#updatesMenu.credits-docked .dock-system>span i{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--cyan),#fff);box-shadow:0 0 8px var(--cyan);animation:dock-meter 2.8s ease-in-out infinite alternate}
#updatesMenu.credits-docked .dock-system.violet>span i{width:58%;background:linear-gradient(90deg,#865cff,#f04ae2);box-shadow:0 0 8px #a34aff;animation-delay:-.8s}
#updatesMenu.credits-docked .dock-system.amber>span i{width:94%;background:linear-gradient(90deg,#ffb73e,#fff09a);box-shadow:0 0 8px #ffc85c;animation-delay:-1.4s}
#updatesMenu.credits-docked .dock-system.green>span i{width:84%;background:linear-gradient(90deg,#35e99b,#a4ffe0);box-shadow:0 0 8px #46ffb0;animation-delay:-2s}
#updatesMenu.credits-docked .dock-signal{position:absolute;right:1px;bottom:2px;left:1px;display:flex;height:6px;align-items:end;justify-content:space-between;gap:3px;opacity:.55}
#updatesMenu.credits-docked .dock-signal i{width:100%;height:2px;border-radius:2px;background:var(--cyan);box-shadow:0 0 5px var(--cyan);animation:dock-signal 1.15s ease-in-out infinite alternate}
#updatesMenu.credits-docked .dock-signal i:nth-child(3n){animation-delay:-.35s}.dock-signal i:nth-child(3n+1){animation-delay:-.72s}.dock-signal i:nth-child(4n){animation-delay:-.95s}
@keyframes dock-data-scan{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes dock-meter{to{width:86%}}
@keyframes dock-signal{from{height:1px;opacity:.35}to{height:6px;opacity:1}}

@media(max-width:1100px){
  #updatesMenu.credits-docked{grid-template-columns:185px minmax(0,1fr) 150px}
  #updatesMenu.credits-docked .dock-command-grid{gap:5px}
  #updatesMenu.credits-docked .dock-system{padding-inline:7px}
  #updatesMenu.credits-docked .dock-system b{font-size:7.5px}
}
@media(max-width:760px){
  #updatesMenu.credits-docked{max-height:none;overflow:hidden;grid-template-columns:minmax(0,1fr) 118px;grid-template-rows:12px 25px 18px auto auto;grid-template-areas:"kicker action" "title action" "status action" "command command" "footer footer"}
  #updatesMenu.credits-docked .dock-command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-bottom:10px}
  #updatesMenu.credits-docked .dock-system{min-height:34px;padding:6px 8px 5px}
  #updatesMenu.credits-docked .dock-system:nth-child(n+3){display:none}
}

/* Credits command dock v3: streamlined console layout. */
#updatesMenu.credits-docked{width:min(1360px,calc(100% - 32px));min-height:0;padding:13px 16px 12px;overflow:hidden;transform:translate(-50%,calc(-100% - 11px));grid-template-columns:220px minmax(300px,.9fr) minmax(360px,1.2fr) 174px;grid-template-rows:14px 30px 22px;grid-template-areas:"kicker telemetry features action" "title telemetry features action" "status footer footer action";gap:4px 15px;align-items:center;border-radius:15px}
#updatesMenu.credits-docked .eyebrow{grid-area:kicker;align-self:end;margin:0;font-size:6px;line-height:1;letter-spacing:.17em;white-space:nowrap}
#updatesMenu.credits-docked h2{grid-area:title;align-self:center;margin:0;font-size:24px;line-height:1;letter-spacing:-.025em;white-space:nowrap}
#updatesMenu.credits-docked .link-status{grid-area:status;align-self:start;max-width:100%;margin:0;padding:0;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:5.5px!important;line-height:1.3;letter-spacing:.07em}
#updatesMenu.credits-docked .archive-telemetry{grid-area:telemetry;align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}
#updatesMenu.credits-docked .archive-telemetry span{display:flex;min-height:0;padding:6px 9px;justify-content:center}
#updatesMenu.credits-docked .archive-telemetry small{font-size:5px}
#updatesMenu.credits-docked .archive-telemetry b{margin-top:3px;font-size:7.5px}
#updatesMenu.credits-docked .updates-list{grid-area:features;align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:66px;margin:0;padding:0 4px 0 0;overflow-x:hidden;overflow-y:auto;mask-image:linear-gradient(to bottom,#000 90%,transparent)}
#updatesMenu.credits-docked .update-row{min-height:29px;padding:6px 8px;border-radius:7px;font-size:6.5px;line-height:1.25}
#updatesMenu.credits-docked .update-row i{width:6px;height:6px;flex-basis:6px;margin-top:1px}
#updatesMenu.credits-docked .archive-footer{grid-area:footer;align-self:center;display:flex;min-width:0;margin:0;padding:4px 1px 0;border-top:1px solid rgba(116,222,255,.1);justify-content:space-between;gap:12px;overflow:hidden;white-space:nowrap}
#updatesMenu.credits-docked .archive-footer span{font-size:5.5px}
#updatesMenu.credits-docked .archive-footer small{max-width:none;overflow:hidden;text-overflow:ellipsis;font-size:5px;line-height:1;text-align:right}
#updatesMenu.credits-docked #closeUpdatesButton{grid-area:action;align-self:center;width:174px;min-height:0;height:44px;margin:0;padding:0 13px;border-radius:9px;font-size:7px;line-height:1.2}

@media(max-width:1100px){
  #updatesMenu.credits-docked{grid-template-columns:185px minmax(270px,.9fr) minmax(280px,1.1fr) 150px;gap-inline:10px}
  #updatesMenu.credits-docked #closeUpdatesButton{width:150px}
}

@media(max-width:760px){
  #updatesMenu.credits-docked{width:calc(100% - 14px);max-height:44dvh;padding:11px 12px 10px;overflow-y:auto;transform:translate(-50%,calc(-100% - 6px));grid-template-columns:minmax(0,1fr) 118px;grid-template-rows:12px 25px 18px auto auto auto;grid-template-areas:"kicker action" "title action" "status action" "telemetry telemetry" "features features" "footer footer";gap:4px 9px;border-radius:13px}
  #updatesMenu.credits-docked h2{font-size:19px}
  #updatesMenu.credits-docked .link-status{font-size:5px!important}
  #updatesMenu.credits-docked .archive-telemetry{gap:5px;margin-top:2px}
  #updatesMenu.credits-docked .updates-list{display:flex;max-height:38px;overflow-x:auto;overflow-y:hidden;mask-image:linear-gradient(90deg,#000 92%,transparent)}
  #updatesMenu.credits-docked .update-row{flex:0 0 190px;min-height:34px}
  #updatesMenu.credits-docked .archive-footer{padding-top:5px}
  #updatesMenu.credits-docked .archive-footer small{font-size:4.5px}
  #updatesMenu.credits-docked #closeUpdatesButton{width:118px;height:38px;padding-inline:7px;font-size:6px}
}

/* Keep v4 telemetry as the final dock layout in the cascade. */
#updatesMenu.credits-docked{grid-template-columns:220px minmax(0,1fr) 174px;grid-template-areas:"kicker command action" "title command action" "status footer action";scrollbar-width:none}
#updatesMenu.credits-docked::-webkit-scrollbar{display:none}
#updatesMenu.credits-docked .archive-telemetry,#updatesMenu.credits-docked .updates-list{display:none}
#updatesMenu.credits-docked .dock-command-grid{display:grid}
@media(max-width:1100px){#updatesMenu.credits-docked{grid-template-columns:185px minmax(0,1fr) 150px}}
@media(max-width:760px){
  #updatesMenu.credits-docked{max-height:none;overflow:hidden;grid-template-columns:minmax(0,1fr) 118px;grid-template-rows:12px 25px 18px auto auto;grid-template-areas:"kicker action" "title action" "status action" "command command" "footer footer"}
}

/* Settings always fits the viewport; no scrollbars during or after the genie transition. */
#settingsMenu{position:fixed;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 44px);padding:clamp(18px,3.5vh,32px);overflow:hidden;overflow:clip;overscroll-behavior:none;scrollbar-width:none;scrollbar-gutter:auto}
#settingsMenu::-webkit-scrollbar{display:none;width:0;height:0}
#settingsMenu h2{margin:clamp(5px,1.1vh,8px) 0;font-size:clamp(42px,min(7vw,7.5vh),64px)}
#settingsMenu .setting-row{min-height:0;padding:clamp(8px,1.45vh,14px) 4px}
#settingsMenu .primary-button,#settingsMenu .danger-button{padding:clamp(9px,1.45vh,14px) 15px;margin-top:clamp(7px,1.3vh,12px)}

@media(max-width:760px){
  #settingsMenu{width:calc(100% - 20px);max-height:calc(100dvh - 28px);padding:clamp(14px,3vh,24px)}
  #settingsMenu h2{font-size:clamp(38px,12vw,52px)}
  #settingsMenu .setting-row{font-size:14px}
}

@media(max-height:650px){
  #settingsMenu{padding:14px 20px}
  #settingsMenu .eyebrow{font-size:8px}
  #settingsMenu h2{margin:4px 0;font-size:40px}
  #settingsMenu .setting-row{padding:7px 3px;font-size:13px}
  #settingsMenu .setting-row select{padding:6px 8px;font-size:9px}
  #settingsMenu .primary-button,#settingsMenu .danger-button{padding:9px 13px;margin-top:6px;font-size:9px}
}

@media(max-height:520px) and (min-width:600px){
  #settingsMenu{width:min(720px,calc(100% - 28px));max-height:calc(100dvh - 22px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;padding:11px 20px}
  #settingsMenu>.eyebrow,#settingsMenu>h2,#settingsMenu>.primary-button,#settingsMenu>.danger-button{grid-column:1/-1}
  #settingsMenu h2{margin:2px 0 4px;font-size:31px}
  #settingsMenu .setting-row{padding:5px 3px;font-size:12px}
  #settingsMenu .setting-row input[type=checkbox]{width:17px;height:17px}
  #settingsMenu .setting-row select{min-width:108px;padding:5px 7px;font-size:8px}
  #settingsMenu .primary-button,#settingsMenu .danger-button{padding:7px 12px;margin-top:5px;font-size:8px}
}

/* Dedicated touch layout: single-column controls that shrink with screen height. */
@media(max-width:600px){
  #settingsMenu{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:clamp(12px,2.5vh,20px) clamp(18px,5vw,24px);border-radius:18px}
  #settingsMenu h2{margin:clamp(3px,.8vh,7px) 0;font-size:clamp(38px,12.5vw,50px)}
  #settingsMenu .setting-row{padding:clamp(7px,1.25vh,11px) 2px;font-size:clamp(12px,3.7vw,15px)}
  #settingsMenu .setting-row select{min-width:128px;padding:7px 9px}
  #settingsMenu .primary-button,#settingsMenu .danger-button{padding:clamp(8px,1.3vh,12px) 12px;margin-top:clamp(5px,1vh,9px)}
}

@media(max-width:600px) and (max-height:560px){
  #settingsMenu{padding-block:10px}
  #settingsMenu .eyebrow{font-size:7px}
  #settingsMenu h2{font-size:34px}
  #settingsMenu .setting-row{padding:5px 2px;font-size:11px}
  #settingsMenu .setting-row select{padding:4px 7px;font-size:8px}
  #settingsMenu .primary-button,#settingsMenu .danger-button{padding:7px 10px;margin-top:4px;font-size:8px}
}

/* Installable full-screen game shell. The browser layout stays unchanged. */
.install-game-prompt,.install-guide{display:none}
.install-game-prompt[hidden],.install-guide[hidden]{display:none!important}
@media(max-width:760px){
  .install-game-prompt{position:fixed;z-index:45;right:max(10px,env(safe-area-inset-right));bottom:calc(38px + env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));display:grid;grid-template-columns:52px minmax(0,1fr) auto 30px;align-items:center;gap:11px;max-width:520px;margin-inline:auto;padding:11px 10px 11px 12px;border:1px solid rgba(83,233,255,.42);border-radius:15px;background:linear-gradient(105deg,rgba(3,13,32,.97),rgba(15,14,53,.96));box-shadow:0 14px 42px rgba(0,0,0,.62),0 0 24px rgba(66,239,255,.13);opacity:0;transform:translateY(18px);transition:opacity .22s ease,transform .22s ease;backdrop-filter:blur(18px)}
  .install-game-prompt.visible{opacity:1;transform:none}
  .install-app-icon{display:grid;width:52px;height:52px;place-items:center;overflow:hidden;border:1px solid rgba(121,232,255,.25);border-radius:13px;background:#070b20;box-shadow:0 0 14px rgba(111,73,255,.2)}
  .install-app-icon img{width:100%;height:100%;object-fit:cover}
  .install-prompt-copy{min-width:0;font-family:Orbitron}.install-prompt-copy b,.install-prompt-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.install-prompt-copy b{color:#eafbff;font-size:clamp(11px,3vw,13px);letter-spacing:.055em}.install-prompt-copy small{margin-top:5px;color:#6fe9f6;font-size:clamp(8px,2.2vw,10px);letter-spacing:.07em}
  .install-game-button{min-height:42px;padding:0 14px;border:1px solid rgba(96,239,255,.4);border-radius:10px;background:linear-gradient(105deg,#3077f3,#9b45ef);color:#fff;font:800 clamp(9px,2.5vw,11px) Orbitron;letter-spacing:.06em;cursor:pointer}
  .dismiss-install{width:30px;height:34px;padding:0;border:0;background:transparent;color:#8ca8bb;font-size:27px;line-height:1;cursor:pointer}
  .install-guide{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:rgba(1,3,13,.8);opacity:0;transition:opacity .22s ease;backdrop-filter:blur(12px)}
  .install-guide.visible{opacity:1}
  .install-guide-panel{width:min(480px,100%);max-height:calc(100dvh - 24px);padding:clamp(24px,6vw,34px) clamp(20px,5.5vw,30px) 24px;overflow:auto;border:1px solid rgba(92,230,255,.4);border-radius:22px;background:radial-gradient(circle at 80% 0,rgba(126,60,218,.22),transparent 36%),linear-gradient(145deg,rgba(5,14,36,.99),rgba(12,9,38,.99));box-shadow:0 28px 90px rgba(0,0,0,.78),0 0 38px rgba(63,221,255,.13);text-align:center;transform:scale(.94) translateY(12px);transition:transform .22s ease}
  .install-guide.visible .install-guide-panel{transform:none}
  .install-guide-panel>img{margin:16px auto 7px;border-radius:18px;box-shadow:0 0 25px rgba(108,83,255,.28)}
  .install-guide-signal{color:#58efb0;font:700 clamp(9px,2.6vw,11px) Orbitron;letter-spacing:.11em}.install-guide-signal i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#58efb0;box-shadow:0 0 9px #58efb0}
  .install-guide h2{margin:15px 0 12px;font-size:clamp(31px,9vw,40px);line-height:.96;letter-spacing:-.035em}
  .install-guide p{margin:0 auto 18px;color:#afc4d3;font-size:clamp(13px,3.7vw,16px);line-height:1.55}
  .install-guide ol{margin:0;padding:17px 16px 17px 42px;border:1px solid rgba(102,222,255,.2);border-radius:14px;background:rgba(2,9,26,.72);color:#c2d5e1;text-align:left;font-size:clamp(13px,3.7vw,16px);line-height:1.55}.install-guide li+li{margin-top:9px}.install-guide b{color:#66edfa}
  .install-save-note{display:block;margin:14px 4px 5px;color:#8ca8ba;font-size:clamp(10px,3vw,13px);line-height:1.5}
  .install-guide .primary-button{min-height:52px;margin-top:15px;font-size:clamp(11px,3.2vw,14px)}
}

@media(max-width:360px){
  .install-game-prompt{grid-template-columns:46px minmax(0,1fr) auto 26px;gap:8px;padding:9px 7px 9px 9px}.install-app-icon{width:46px;height:46px}.install-game-button{padding-inline:10px}.install-prompt-copy b{font-size:10px}.install-prompt-copy small{font-size:7.5px}
}

.app-installed .install-game-prompt,.app-installed .install-guide{display:none!important}
@media (display-mode:standalone),(display-mode:fullscreen){
  @media(max-width:760px){
    #gameContainer{height:calc(100dvh - 30px - env(safe-area-inset-bottom))}
    footer{height:calc(30px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
    .command-deck{width:calc(100% - max(28px,env(safe-area-inset-left) + env(safe-area-inset-right) + 16px))}
  }
}