@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--green:#a8ff6c;--dim:#4b7254;--amber:#ff825e;--ink:#060b08}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#d9f7d2;font:12px 'IBM Plex Mono',monospace}button,select,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:1px solid #304739;transition:background .2s,border-color .2s}button:hover{background:#15281a;border-color:var(--green)}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}button:disabled{opacity:.4;cursor:default}.shell{height:100dvh;min-height:560px;display:flex;flex-direction:column}header{height:74px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #2a3d2e;background:#080f0b}.brand{text-decoration:none;color:#d9f7d2;letter-spacing:2px;font:700 25px 'Barlow Condensed',sans-serif;display:flex;align-items:center;gap:10px}.mark{color:var(--green);font-size:33px}.year{color:var(--green);border-left:1px solid #354e3b;margin-left:3px;padding-left:13px}.edition{font-size:10px;letter-spacing:2px;color:#668b71}.edition i,footer i{display:inline-block;width:5px;height:5px;background:var(--green);margin:0 8px;box-shadow:0 0 9px #a8ff6c}nav{display:flex;gap:8px}nav button{height:32px;padding:0 12px;font-size:10px;letter-spacing:1px}#fullscreen{font-size:22px}main{position:relative;flex:1;overflow:hidden;background:#050b08}canvas{width:100%;height:100%;display:block}.scanlines,.vignette{position:absolute;inset:0;pointer-events:none}.scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 2px,#0003 3px);opacity:.6}.vignette{box-shadow:inset 0 0 130px 35px #0008}.topHUD{position:absolute;inset:24px 32px auto;display:flex;justify-content:space-between;pointer-events:none;color:var(--amber);letter-spacing:1px}.topHUD small{display:block;font-size:10px}.topHUD strong{font-size:32px;display:block;font-weight:500;letter-spacing:3px}.topHUD span{font-size:10px;display:block;margin-top:6px;color:#cc765c}.sector{text-align:center}.sector span{font-size:12px;margin-top:10px}.radar-label{width:140px;text-align:center;font-size:9px}.bottomHUD{position:absolute;inset:auto 32px 27px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.bottomHUD small{font-size:9px;letter-spacing:1.5px;color:#77a37d}.hull{display:flex;gap:5px;margin:10px 0 8px}.hull i{display:block;width:30px;height:7px;background:var(--green);box-shadow:0 0 8px #a8ff6c55}.hull i.empty{background:#28422d;box-shadow:none}#lives{font-size:9px;color:#7fa187}.weapon{text-align:center;width:220px}.weapon>span{font-size:11px;color:var(--green)}.weapon>div{height:3px;background:#234128;margin:10px 0}.weapon i{display:block;height:100%;width:100%;background:var(--green)}.weapon small{font-size:8px}#abilities{display:flex;gap:16px;font-size:10px;color:var(--green)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:70px 8%;background:linear-gradient(90deg,#050b08ef 0%,#050b08af 42%,transparent 80%)}.intro{max-width:540px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);margin:0 0 22px}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--green);margin-right:8px}h1{font:800 clamp(48px,5.4vw,86px)/.91 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin:0 0 25px}h1 em{color:var(--green);font-style:normal}p.summary{font-size:12px;line-height:1.9;color:#8dad94;margin:0 0 26px}.mode-picker{display:flex;width:345px;margin:0 0 12px}.mode-picker button{width:50%;padding:12px 16px;text-align:left;font-weight:600;letter-spacing:1px;color:#78917d}.mode-picker small{display:block;font-size:8px;font-weight:400;margin-top:5px;letter-spacing:1px}.mode-picker .selected{background:#14251a;color:var(--green);border-color:#78ae59}.primary{display:flex;align-items:center;justify-content:space-between;background:var(--green);border:1px solid var(--green);color:#091206;font-size:12px;letter-spacing:1.5px;font-weight:600;padding:17px 22px;width:100%}.primary:hover{background:#c4ff9f;color:#091206}.intro>.primary{width:345px}.primary span{font-size:19px}.start-note{font-size:8px;color:#688270;letter-spacing:1px;margin-top:15px}.brief{width:320px;padding:26px;background:#07110be3;border:1px solid #36573b;position:relative;margin-top:30px}.brief:before,.brief:after{content:'';position:absolute;width:16px;height:16px;border-color:var(--green);border-style:solid}.brief:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.brief:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.corner-label{font-size:8px;letter-spacing:1px;color:#698a71}h2{font:700 39px/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin:20px 0 25px}.manual-row{display:flex;gap:15px;border-top:1px solid #223b29;padding:15px 0}.manual-row b{color:#517958;font-size:10px;margin-top:2px}.manual-row p{margin:0}.manual-row strong{display:block;font-size:10px;font-weight:500;letter-spacing:.7px}.manual-row span{display:block;font-size:9px;color:#72937b;margin-top:7px;line-height:1.5}.keys{display:flex;align-items:center;gap:4px;padding-top:14px;border-top:1px solid #223b29}kbd{border:1px solid #39553e;padding:4px;font:9px 'IBM Plex Mono',monospace;color:var(--green)}.keys span{font-size:8px;color:#7d9a84;margin:0 5px}.modern-note{font-size:9px;line-height:1.8;color:#658d70;margin:16px 0 0}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:min(450px,90%);padding:32px;background:#08120df5;border:1px solid #749d63;box-shadow:0 0 0 100vmax #020805bb}.panel h2{font-size:55px;margin:15px 0}.panel>p:not(.eyebrow){font-size:11px;line-height:1.8;color:#84a18d;margin-bottom:25px}.secondary{display:block;width:100%;padding:13px;margin-top:10px;font-size:10px;letter-spacing:1px}.hidden{display:none!important}.settings{max-height:90%;overflow:auto;width:min(510px,90%)}.settings h2{font-size:43px}.settings label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;font-size:11px}.settings select{padding:8px;max-width:210px;border:1px solid #3a5542;background:#101d14;color:var(--green);font-size:10px}.settings input[type=range]{width:150px;accent-color:var(--green)}.settings input[type=checkbox]{accent-color:var(--green)}.settings .credits{font-size:9px!important;margin:18px 0 0!important;color:#557560!important}.upgrade{width:min(700px,92%)}#upgradeOptions{display:flex;gap:12px}#upgradeOptions button{width:33.33%;padding:20px 12px;text-align:left}#upgradeOptions b{display:block;color:var(--green);font-size:12px;margin:12px 0}#upgradeOptions span{font-size:10px;line-height:1.6;color:#93ae98}#toast{position:absolute;top:26%;left:50%;transform:translateX(-50%);color:var(--green);letter-spacing:3px;font-size:13px;text-align:center;text-shadow:0 0 8px #a8ff6c77;pointer-events:none}footer{height:42px;flex-shrink:0;border-top:1px solid #25392b;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#64846d;font-size:8px;letter-spacing:1px}footer b{color:#a0b6a5;font-weight:400;margin:0 14px}#touchControls{display:none;position:absolute;bottom:100px;left:20px;right:20px;justify-content:space-between;pointer-events:none}#touchControls button{pointer-events:auto;touch-action:none;user-select:none;background:#0c2018cc;color:var(--green);height:46px;min-width:46px}.drive-pad{display:grid;grid-template-columns:repeat(3,46px);gap:4px}.drive-pad button:first-child{grid-column:2}.drive-pad button:nth-child(2){grid-column:1;grid-row:2}.drive-pad button:nth-child(3){grid-column:2;grid-row:2}.drive-pad button:nth-child(4){grid-column:3;grid-row:2}.touch-actions{display:flex;align-items:flex-end;gap:6px}.touch-actions button{font-size:9px;padding:8px}.touch-actions .fire{height:70px!important;width:70px;border-color:var(--green);border-radius:50%;font-size:12px!important}body.playing #lobby{display:none}body.crt-off .scanlines{display:none}body.crt-off .vignette{box-shadow:none}
@media(pointer:coarse){body.playing #touchControls{display:flex}}@media(max-width:1000px){.edition{display:none}.overlay{padding:70px 5%}.brief{width:280px;margin-left:30px}h1{font-size:65px}.radar-label{width:110px}.topHUD{inset:18px 20px auto}.bottomHUD{inset:auto 20px 20px}footer>span:last-child{display:none}}@media(max-width:700px){.shell{min-height:620px}header{height:58px;padding:0 15px}.brand{font-size:20px;gap:6px;letter-spacing:1px}.mark{font-size:26px}.year{padding-left:8px}nav{gap:4px}nav button{font-size:8px;padding:0 7px}nav #fullscreen{display:none}.overlay{padding:80px 26px 90px;align-items:center;background:linear-gradient(90deg,#050b08eb,#050b0899)}.brief{display:none}h1{font-size:clamp(52px,13vw,75px)}.intro .primary,.mode-picker{width:min(345px,100%)}.eyebrow{font-size:8px;margin-bottom:17px}.summary{font-size:10px!important}.topHUD strong{font-size:24px}.sector{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:160px}.sector small{font-size:8px}.sector span{font-size:9px}.radar-label{width:90px;font-size:7px}.bottomHUD{inset:auto 15px 18px}.weapon{width:130px}.weapon small{font-size:6px}.weapon>span{font-size:9px}#abilities{flex-direction:column;gap:8px;font-size:8px}.hull i{width:20px}.bottomHUD small{font-size:7px}.topHUD{inset:16px 15px auto}.topHUD span{font-size:8px}footer{padding:0 15px;height:34px}#footerControls{display:none}.panel{padding:25px}.settings label{font-size:10px}.settings select{max-width:170px}.settings h2{font-size:38px}#upgradeOptions{flex-direction:column}#upgradeOptions button{width:100%;padding:12px}#upgradeOptions b{margin:0 0 5px}#toast{font-size:10px;max-width:80%;top:30%}#touchControls{left:12px;right:12px}.touch-actions{gap:4px}.touch-actions button{min-width:38px!important;padding:4px}.touch-actions .fire{width:60px;height:60px!important}.drive-pad{grid-template-columns:repeat(3,40px)}.drive-pad button{min-width:40px!important;height:40px!important}}

canvas:focus{outline:none}@media(max-height:740px) and (min-width:701px){.overlay{padding:60px 7% 55px}h1{font-size:50px;margin-bottom:16px}.eyebrow{margin-bottom:15px}.summary{margin-bottom:16px!important;font-size:10px!important}.mode-picker button{padding:10px 14px}.primary{padding:14px 20px}.brief{padding:20px;margin-top:20px}.brief h2{font-size:31px;margin:15px 0}.manual-row{padding:10px 0}.modern-note{margin-top:10px}}@media(max-height:740px) and (max-width:700px){.overlay{padding-top:80px;padding-bottom:60px}h1{font-size:48px;margin-bottom:18px}.summary{margin-bottom:18px!important}.mode-picker button{padding:10px 12px}.primary{padding:14px 20px}}

.mouse-manual{font-size:8px;letter-spacing:.5px;color:#8dad94;margin:12px 0 0}.settings #mouseSensitivity{width:150px}

#aimHint{color:#72ecff;font-size:9px;letter-spacing:1px;min-height:12px}#mouseSensitivityValue{color:var(--green);margin-left:5px}.settings .aim-help{font-size:9px!important;margin-top:-8px;line-height:1.6!important}@media(max-width:700px){#aimHint{font-size:7px;letter-spacing:0}}

#controllerBtn{color:var(--amber)}#controllerBtn.connected{color:var(--green);border-color:#78ae59}#controllerInfo{border:1px solid #36573b;padding:14px;margin:18px 0;color:#9ebba5}#controllerStatus{display:block;font-size:10px;letter-spacing:1px;color:var(--green)}#controllerName{display:block;font-size:9px;overflow-wrap:anywhere;margin-top:8px}#controllerHelp{font-size:10px;line-height:1.7;margin:12px 0}#controllerInput{display:block;font-size:9px;color:#72ecff;line-height:1.7}#checkController{font-size:9px;padding:9px}#upgradeOptions .controller-choice{border-color:var(--green);background:#14251a}@media(max-width:700px){#controllerBtn{font-size:7px;padding:0 5px}.edition{display:none}nav{gap:3px}}

.controller-focus{outline:2px solid #72ecff!important;outline-offset:4px;box-shadow:0 0 16px #72ecff33}.settings label.controller-focus{padding:5px;margin-left:-5px;margin-right:-5px}.controller-menu-help{display:none;font-size:9px!important;line-height:1.8!important;letter-spacing:.8px;color:#72ecff!important}.controller-connected .controller-menu-help{display:block}.intro .controller-menu-help{margin:14px 0 0}.panel .controller-menu-help{margin:8px 0 18px!important}

#controllerInfo label{font-size:9px;gap:10px;margin:14px 0 8px}#controllerPicker{max-width:260px;min-width:0;flex:1}#controllerInfo #checkController{font-size:9px}@media(max-width:700px){#controllerPicker{max-width:190px}}

.progressHUD{position:absolute;top:115px;left:32px;width:248px;font-size:9px;letter-spacing:1px;pointer-events:none;color:#90b99a}.progressHUD>div:first-child{display:flex;justify-content:space-between;align-items:center}.progressHUD strong{color:#f3d578;font-size:15px}.xp-track{height:3px;background:#263c2a;margin:9px 0;overflow:hidden}.xp-track i{display:block;height:100%;background:#72ecff;width:0;transition:width .25s}.progressHUD>span{display:block;margin-top:8px}#comboHUD{color:#f3d578}#elevationHUD{color:#72ecff;font-size:8px}.garage{width:min(1060px,94%);padding:26px;max-height:92%;overflow:auto}.garage-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.garage-head .eyebrow{margin:0 0 7px}.garage-head h2{font-size:42px;margin:0}.garage-wallet{text-align:right;color:#f3d578}.garage-wallet small{font-size:8px;letter-spacing:1.5px;display:block}.garage-wallet strong{display:block;font-size:29px;margin-top:6px}#garageReport{font-size:10px;line-height:1.7;color:#91ae98;border-bottom:1px solid #2c4532;padding-bottom:15px;margin:13px 0 20px}.garage-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tank-card{border:1px solid #304c37;padding:16px;background:radial-gradient(ellipse at center,#142319,#07120b)}.tank-id{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a1c295}.tank-id span:last-child{color:#72ecff}#tankBlueprint svg{width:100%;height:auto;display:block;margin:6px 0}.blueprint-key{display:flex;align-items:center;justify-content:center;gap:7px;color:#829e88;font-size:7px;letter-spacing:1px}.blueprint-key i{width:5px;height:5px;background:#f3d578}.blueprint-key i:nth-of-type(2){background:#72ecff;margin-left:12px}.garage-xp{margin:18px 0;color:#72ecff;font-size:8px}.tank-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 10px;padding-top:15px;border-top:1px solid #2b4331}.tank-stats small{display:block;color:#779382;font-size:7px;letter-spacing:1px}.tank-stats strong{display:block;font-size:12px;margin-top:5px;color:#d9f7d2;font-weight:400}.aim-manual{margin-top:18px;padding-top:12px;border-top:1px solid #2b4331;font-size:8px;line-height:1.8;color:#86a68f}.aim-manual b{display:block;color:#72ecff;letter-spacing:1px;font-size:8px;margin-bottom:5px}.aim-manual span{display:block}.aim-manual span:last-child{color:#60866c;margin-top:8px;font-size:7px}.module-heading{display:flex;justify-content:space-between;margin-bottom:12px;font-size:9px;letter-spacing:1px;color:#a8ff6c}.module-heading small{color:#f3d578;font-size:7px}.garage #upgradeOptions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.garage #upgradeOptions button{width:100%;padding:13px;min-height:110px;text-align:left;background:#0a170e}.garage #upgradeOptions b{font-size:10px;letter-spacing:.6px;margin:9px 0 5px}.garage #upgradeOptions .module-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#78927e}.garage #upgradeOptions .module-meta strong{font-weight:400;color:#f3d578}.garage #upgradeOptions .module-effect{display:block;color:#b8d5bf;font-size:8px;line-height:1.7}.module-pips{display:flex;gap:3px;margin-top:8px}.module-pips i{width:15px;height:3px;background:#2d4233}.module-pips i.fitted{background:#f3d578}.garage #upgradeOptions button.unaffordable{border-color:#283c2e}.garage #upgradeOptions button.selected-module{border-color:#72ecff;background:#0f231d}.garage #upgradeOptions button:hover{border-color:#a8ff6c}#upgradeDetail{font-size:9px;line-height:1.7;color:#9abda4;min-height:44px;padding:13px 0 0}.upgrade-note{font-size:8px;line-height:1.8;color:#648670;margin:10px 0 0}.garage-actions{display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #304534;margin-top:20px;padding-top:17px}.garage-actions button{width:auto;min-width:230px;margin:0}.garage>.controller-menu-help{margin:13px 0 0!important;text-align:right;font-size:8px!important}.garage-open .topHUD,.garage-open .bottomHUD,.garage-open .progressHUD{opacity:.15}#garageBtn{color:#f3d578}
@media(max-width:1000px){.garage{padding:22px}.garage-grid{gap:15px}.garage-head h2{font-size:35px}.progressHUD{left:20px;top:105px;width:215px}.garage #upgradeOptions button{padding:10px;min-height:106px}.tank-card{padding:12px}}
@media(max-width:700px){.progressHUD{top:113px;left:15px;width:170px;font-size:7px}.progressHUD strong{font-size:12px}#elevationHUD{font-size:7px}.garage{max-height:94%;padding:18px}.garage-grid{grid-template-columns:1fr}.garage-head h2{font-size:29px}.garage-head .eyebrow{font-size:7px;letter-spacing:1px}.garage-wallet strong{font-size:24px}.garage-wallet small{font-size:6px}.garage #upgradeOptions{grid-template-columns:1fr 1fr}.garage-actions{flex-direction:column}.garage-actions button{width:100%;min-width:0}.garage>.controller-menu-help{text-align:left}.tank-card{padding:14px}#tankBlueprint{max-width:460px;margin:auto}#garageReport{font-size:8px;margin-bottom:13px}.garage-grid{gap:18px}#garageBtn{font-size:7px;padding:0 5px}.touch-actions{flex-wrap:wrap;max-width:230px;justify-content:flex-end}.touch-actions button{height:38px!important}.bottomHUD{bottom:17px}}
@media(max-height:740px) and (min-width:701px){.garage{padding:18px;max-height:94%}.garage-head h2{font-size:32px}#garageReport{margin:10px 0 12px;padding-bottom:10px}.garage #upgradeOptions button{min-height:98px;padding:10px}.garage .tank-card{padding:10px}.garage #tankBlueprint svg{max-height:205px}.garage .garage-xp{margin:10px 0}.garage .tank-stats{padding-top:10px;gap:10px}.garage .aim-manual{margin-top:11px;padding-top:8px}.garage-actions{margin-top:12px;padding-top:12px}.garage-actions .primary{padding:12px 18px}.garage-grid{gap:16px}.garage .upgrade-note{margin-top:5px}}
@media(max-height:740px) and (min-width:701px){.garage #tankBlueprint svg{max-height:155px}.garage #upgradeOptions button{min-height:80px;padding:8px}.garage #upgradeOptions b{font-size:9px;margin:6px 0 4px}.garage #upgradeOptions .module-effect{font-size:7px}.garage .module-pips{margin-top:6px}.garage .tank-stats{gap:8px;padding-top:9px}.garage .aim-manual{font-size:7px;line-height:1.6}.garage .aim-manual span:last-child{margin-top:5px;font-size:6px}.garage .garage-actions{margin-top:10px;padding-top:10px}.garage .garage-head h2{font-size:30px}.garage .garage-wallet strong{font-size:24px}.garage .garage-wallet small{font-size:7px}.garage #garageReport{font-size:8px;margin:8px 0 10px;padding-bottom:9px}.garage .garage-head .eyebrow{font-size:8px}.garage #upgradeDetail{font-size:8px;min-height:36px;padding-top:9px}}
main{min-height:0}body{overflow-x:hidden}@media(max-width:430px){header{padding:0 10px}.brand{font-size:17px;gap:4px;letter-spacing:.7px}.mark{font-size:22px}.year{padding-left:6px;margin-left:0}nav{gap:3px}nav button{font-size:7px;letter-spacing:0;padding:0 4px;white-space:nowrap}#controllerBtn,#garageBtn{font-size:7px;padding:0 4px}#sound{max-width:none}}@media(max-width:360px){header .year{display:none}}
.garage-open #lobby{visibility:hidden}@media(max-height:740px) and (min-width:701px){.garage .aim-manual{display:none}.garage #tankBlueprint svg{max-height:165px}}
@media(max-height:740px) and (min-width:701px){.garage #tankBlueprint svg{max-height:195px;margin:3px 0}.garage .garage-xp{margin:5px 0}.garage .tank-stats{gap:5px}.garage #garageReport{margin-bottom:6px}.garage .garage-head .eyebrow{margin-bottom:5px}}

.intro .music-note{font-size:8px;line-height:1.6;margin:8px 0;color:#72ecff;letter-spacing:.6px}#musicVolumeValue{color:var(--green);margin-left:5px}

@media(max-width:430px){#sound{width:43px;max-width:43px;white-space:normal;line-height:1.2}}

.garage-tabs{display:flex;gap:5px;margin:0 0 14px;border-bottom:1px solid #304534;padding-bottom:10px}.garage-tabs button{flex:1;padding:11px 5px;font-size:9px;letter-spacing:.7px;color:#87a993}.garage-tabs button.active{color:#72ecff;border-color:#72ecff;background:#10261f}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shop-grid button{padding:12px;text-align:left;background:#0a170e;min-width:0;min-height:105px}.shop-grid .module-meta{display:flex;justify-content:space-between;font-size:7px;color:#93ac99;gap:8px}.shop-grid .module-meta strong{color:#f3d578;font-weight:400}.shop-grid b{display:block;font-size:11px;margin:10px 0 7px;letter-spacing:.4px}.shop-grid span:not(.module-meta){font-size:8px;line-height:1.7}.shop-grid small{display:block;font-size:7px;color:#86a58c;margin-top:9px;line-height:1.7}.shop-grid .selected-module{border-color:#72ecff}.shop-grid button[aria-disabled=true]{border-color:#293b2e}.shop-help{font-size:9px;line-height:1.8;color:#8eac96;margin:0 0 12px}#shopFeedback{font-size:7px;letter-spacing:.5px;color:#83b68f;margin:13px 0 0;min-height:12px}#supportOptions{grid-template-columns:1fr}#supportOptions button{min-height:130px}#supportPane>.shop-help{margin-top:14px}#bubbleUse{font-size:8px;padding:5px 7px;border-color:#496b76;color:#72ecff}#bubbleUse:disabled{opacity:.6;cursor:default}#allyState{color:#72ecff}#eraHUD{color:#a6bfa9;font-size:8px}#bossHUD{color:#efb66d;font-size:9px;line-height:1.6}#abilities{max-width:230px;flex-wrap:wrap;justify-content:flex-end}#tankName{color:#f3d578}
@media(max-width:700px){.garage-tabs button{font-size:8px;padding:12px 4px}.shop-grid button{padding:10px;min-height:110px}.shop-grid b{font-size:10px}.shop-grid small{font-size:7px}#eraHUD{font-size:7px}.progressHUD{max-width:180px}#abilities{max-width:115px;gap:6px}#bubbleUse{font-size:7px}#bossHUD{font-size:7px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.attract{position:absolute;inset:0;z-index:4;background:linear-gradient(180deg,#050b0880,#050b0820 65%,#050b08ed);display:flex;align-items:center;justify-content:center}.attract-active #lobby,.attract-active .topHUD,.attract-active .bottomHUD,.attract-active .progressHUD{visibility:hidden}#attractTitle{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#attractCaption{position:absolute;inset:6% 10% auto;text-align:center;pointer-events:none}#attractCaption .eyebrow{color:#88ad8d;letter-spacing:3px;font-size:9px}.attract-tagline{position:absolute;top:calc(65vh - 160px);left:0;right:0;font-size:10px;letter-spacing:4px;color:#8fc29a}.attract-dock{position:absolute;bottom:28px;left:20px;right:20px;text-align:center}.attract-dock>p{font-size:8px;letter-spacing:1.5px;color:#789b80;margin:10px 0}.attract-dock>div{display:flex;justify-content:center;gap:10px}.attract-dock button{padding:13px 17px;font-size:10px;letter-spacing:1px}.attract-dock .primary{width:auto;min-width:210px;margin:0}.attract-card{width:min(660px,88%);margin-top:-90px;padding:24px 30px;background:#06100ce8;border:1px solid #36563d;text-align:center}.attract-card h2{font-size:42px;margin:10px 0 15px}.attract-card .eyebrow{margin:0;font-size:8px}.attract-card>small,.attract-card>p{font-size:8px;color:#8cb996;letter-spacing:1px}.attract-card dl{margin:20px 0}.attract-card dt{font-size:8px;letter-spacing:2px;color:#72ecff;margin-top:16px}.attract-card dd{font-size:12px;line-height:1.6;margin:6px 0;color:#bfdbbb}#demoCaption{position:absolute;top:35px;left:32px;color:#72ecff}#demoCaption .eyebrow{margin:0;font-size:11px}#demoCaption>p:last-child{font-size:8px;color:#7aa38c;letter-spacing:1px}.score-panel{z-index:20;width:min(720px,92%);max-height:92%;overflow:auto}.score-panel h2{font-size:42px;margin:12px 0 20px}.score-tabs{display:flex;gap:8px;margin-bottom:15px}.score-tabs button{flex:1;padding:12px;font-size:10px}.score-tabs button.active{color:#72ecff;border-color:#72ecff}.score-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;letter-spacing:1px}.score-table th{font-size:8px;color:#74947e;font-weight:400;border-bottom:1px solid #314d37;padding:9px 5px}.score-table td{padding:9px 5px;color:#c0ddbb;border-bottom:1px solid #1c3022}.score-table td:nth-child(3){color:#f3d578;text-align:right}.score-table th:nth-child(3){text-align:right}.score-table td:last-child,.score-table th:last-child{text-align:right}.score-table .new-score td{color:#72ecff}.score-empty{font-size:11px;line-height:2.2;padding:35px 5px;color:#90b698}.score-panel>p:not(.eyebrow){font-size:9px;color:#89a38e;line-height:1.7}.score-panel .primary{margin-top:20px}#scoresBtn{color:#72ecff}#pilotEntry{border:1px solid #35563a;padding:13px;margin:18px 0;font-size:9px;color:#91b59a}#pilotPickers{display:flex;gap:10px;justify-content:center;margin:13px 0}#pilotPickers select{font:24px monospace;background:#0b1a11;border:1px solid #72ecff;color:#f3d578;padding:8px;width:65px;text-align:center}#pilotStatus{font-size:8px!important;line-height:1.7;color:#72ecff!important}.attract-active .panel{z-index:10}
@media(max-width:700px){.attract-dock{bottom:18px;left:18px;right:18px}.attract-dock>div{gap:6px;flex-wrap:wrap}.attract-dock .primary{width:100%;min-width:0}.attract-dock button{font-size:9px;padding:12px}.attract-dock>p{font-size:7px}.attract-card{margin-top:-120px;padding:20px 16px;width:90%}.attract-card h2{font-size:34px}.score-table{font-size:10px;letter-spacing:.5px}.score-table td{padding:8px 3px}.score-table th{font-size:7px;padding:8px 3px}.attract-card dd{font-size:10px}.attract-card dt{margin-top:12px}#attractCaption{top:5%;left:5%;right:5%}#attractCaption .eyebrow{font-size:7px;letter-spacing:1.5px}.attract-tagline{top:calc(60vh - 65px);font-size:7px;letter-spacing:2px}#demoCaption{top:28px;left:20px}.score-panel{padding:22px}.score-panel h2{font-size:34px}}
@media(max-height:740px) and (min-width:701px){.attract-card{padding:17px 26px;margin-top:-90px}.attract-card h2{font-size:32px;margin:7px 0 10px}.attract-card dl{margin:10px 0}.attract-card dt{margin-top:11px}.score-table td{padding:6px 5px}.attract-dock{bottom:18px}.attract-dock button{padding:11px 15px}.attract-tagline{top:calc(62vh - 145px)}}

.attract-active .bottomHUD #abilities{visibility:hidden!important}body[data-attract-stage=title] #attract{background:#050b08c7}#attractCaption{height:70%}.attract-tagline{top:auto!important;bottom:0;margin:0}

#scorePanel{z-index:30}

@media(max-width:430px){header{padding:0 8px}.brand{font-size:14px;gap:3px;letter-spacing:.3px}.mark{font-size:18px}nav{gap:2px}nav button,#controllerBtn,#garageBtn,#scoresBtn{font-size:6px;padding:0 3px}#sound{width:36px;max-width:36px}}

@media(max-width:700px){.attract-dock button:not(.primary){font-size:7px;padding:11px 7px}}

.dialog-close{position:absolute;top:10px;right:10px;width:34px;height:34px;padding:0;font:26px/30px monospace;color:#93bca1;background:#0a180f;border:1px solid #34533b;z-index:2;cursor:pointer;letter-spacing:0}.dialog-close:hover,.dialog-close:focus-visible{color:#72ecff;border-color:#72ecff;background:#14261d}.garage-head{padding-right:35px}.panel>.eyebrow{padding-right:32px}@media(max-width:700px){.dialog-close{top:8px;right:8px;width:32px;height:32px;font-size:24px}.garage-head{padding-right:27px}}

.garage>.dialog-close,.settings>.dialog-close,.score-panel>.dialog-close{position:sticky;top:0;right:auto;float:right;margin:-12px -12px -22px 0}

#gameover{max-height:92%;overflow:auto}#gameover>.dialog-close{position:sticky;top:0;right:auto;float:right;margin:-12px -12px -22px 0}

.score-table td:nth-child(2){white-space:pre}