:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf1ed;background:#0b131e;--orange:#ff8157;--mint:#adf6d0;--line:#ffffff14;--muted:#8695a7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#1c2939 0,#0b131e 70%);min-height:100dvh}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.4}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.12)}.masthead{height:76px;max-width:1440px;margin:auto;display:flex;align-items:center;padding:0 36px;gap:25px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font-size:16px;letter-spacing:-.5px;font-weight:900;color:var(--mint);text-decoration:none}.wordmark span{font-size:11px;letter-spacing:1.3px;color:#d7e0e6}.build-tag{font-size:8px;letter-spacing:1.5px;border-left:1px solid #ffffff20;padding-left:22px;color:#8193a6}.build-tag b{display:block;color:#b4c2cf;margin-top:4px;font-weight:500}.utilities{margin-left:auto;display:flex;align-items:center;gap:8px}.utilities button{background:#ffffff08;border:1px solid #ffffff0b;min-width:34px;height:32px;border-radius:5px;font-size:17px}.utilities #soundBtn{font-size:8px;font-weight:700;letter-spacing:1px;padding:0 11px}.arena-wrap{max-width:1320px;padding:24px 30px 0;margin:auto}.scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.tank-score{position:relative;border:1px solid var(--line);border-radius:7px;padding:12px 14px 10px;background:linear-gradient(120deg,#ffffff06,#ffffff01)}.tank-score.dead{opacity:.4}.tank-score .name{font-size:9px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:7px}.tank-score .dot{width:5px;height:5px;border-radius:50%;background:var(--tank)}.tank-score .hp{font-size:9px;float:right;color:#9caeba}.tank-score .wins{margin-left:auto;color:var(--tank);letter-spacing:3px;font-size:9px}.hp-track{height:3px;background:#ffffff12;margin-top:11px;border-radius:3px;overflow:hidden}.hp-track i{display:block;height:100%;background:var(--tank);transition:width .1s}.battle-meta{display:flex;align-items:center;gap:24px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#a2b4c1;font-size:9px;letter-spacing:1px;margin-bottom:10px;padding:0 2px}.battle-meta .simultaneous{color:var(--mint);font-size:8px;letter-spacing:1.1px}.battle-meta #windLabel{margin-left:auto}#timerLabel{font-size:12px;color:#d5e3e9}.battlefield{position:relative;width:100%;aspect-ratio:1200/620;border:1px solid #8f9eb323;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 15px 80px #0004;touch-action:none;background:#101a29}#world{width:100%;height:100%;display:block;user-select:none}.announcer{position:absolute;top:26%;left:0;right:0;text-align:center;font-size:80px;font-weight:900;letter-spacing:-5px;color:#f0f5e7;text-shadow:0 5px 30px #0008;pointer-events:none}.announcer small{font-size:11px;display:block;letter-spacing:4px;color:var(--mint);margin-top:5px;font-weight:500}.arena-caption{position:absolute;left:20px;bottom:16px;font-size:8px;letter-spacing:2px;color:#cfb79a;opacity:.55;pointer-events:none}.arena-caption span{font-size:6px;letter-spacing:1.5px;margin-left:20px}.spectate{position:absolute;top:17px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;background:#101925c9;padding:9px 14px;border:1px solid #ffffff20;border-radius:5px;white-space:nowrap}.command-deck{display:flex;gap:20px;align-items:center;background:#15212e;border:1px solid #8f9eb323;border-top:0;border-radius:0 0 10px 10px;padding:16px 21px}.telemetry{display:flex;gap:26px;align-items:center;min-width:280px}.telemetry>div>span{font-size:7px;color:#8298a8;letter-spacing:1.2px;display:block;margin-bottom:3px}.telemetry strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:24px;font-weight:500}.telemetry strong span{font-size:12px;color:#8298a8;margin-left:3px}.energy-wrap{width:110px}.energy-wrap b{font-weight:400;float:right;color:var(--mint)}.energy-track{height:3px;background:#ffffff12;margin:9px 0}.energy-track i{display:block;width:100%;height:100%;background:var(--mint)}.energy-wrap small{font-size:7px;letter-spacing:.7px;color:var(--mint)}.weapons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:1}.weapon{background:#ffffff04;border:1px solid #ffffff13;border-radius:6px;text-align:left;padding:9px 12px;position:relative;min-height:54px}.weapon.active{border-color:#adf6d0a0;background:#adf6d00c}.weapon small{display:block;color:#8298a8;font-size:6px;letter-spacing:.8px;margin-top:4px}.weapon strong{font-size:10px;font-weight:600}.weapon .num{font-size:7px;position:absolute;top:6px;right:7px;color:#788fa0}.weapon .ammo{float:right;font-size:9px;color:var(--tank)}.help-btn{background:transparent;border-left:1px solid #ffffff14;padding:0 0 0 17px;font-size:20px;display:flex;align-items:center;gap:8px}.help-btn span{font-size:7px;letter-spacing:1px;color:#8298a8}.key-strip{display:flex;justify-content:center;gap:21px;margin:17px 0 10px;font-size:7px;letter-spacing:1px;color:#718396}.key-strip span{display:flex;align-items:center;gap:3px}kbd{font-family:inherit;background:#ffffff08;border:1px solid #ffffff10;border-radius:3px;font-size:7px;padding:3px 4px;color:#b9c9d3;letter-spacing:0}.key-strip #padStatus{color:#a6c0b6;margin-left:auto;letter-spacing:.5px}.site-footer{max-width:1320px;margin:20px auto 0;padding:0 30px 25px;display:flex;justify-content:space-between;gap:10px;color:#596d80;letter-spacing:1px;font-size:7px}.site-footer button{background:transparent;font-size:7px;letter-spacing:1px;color:#8497a6;padding:0}.overlay{position:fixed;inset:76px 0 0;z-index:10;background:#0b131ee0;backdrop-filter:blur(3px);overflow-y:auto}.main-menu{display:flex;align-items:center;padding:40px max(7vw,30px);background:linear-gradient(90deg,#09121bf5 0%,#0c1624e6 38%,#101c2d65 100%);backdrop-filter:blur(1px)}.menu-content{position:relative;width:570px;max-width:100%;z-index:1}.eyebrow{font-size:8px;letter-spacing:2.8px;color:var(--mint);display:block;margin-bottom:17px;font-weight:650}.main-menu h1{font-family:Impact,"Arial Black",ui-sans-serif,sans-serif;font-size:clamp(62px,8vw,108px);line-height:.82;letter-spacing:-1px;font-weight:900;margin:0 0 23px;transform:skew(-5deg);text-shadow:0 8px 35px #0003}.main-menu h1>span:not(.title-dot){color:var(--orange)}.title-dot{color:var(--orange)}.tagline{font-size:14px;line-height:1.6;color:#b4c1ca;letter-spacing:.1px;margin:0 0 24px}.menu-actions{max-width:330px}.primary,.secondary,.quiet{width:100%;padding:16px 19px;border-radius:5px;text-align:left;font-size:11px;font-weight:750;letter-spacing:1px}.primary{background:var(--orange);color:#1c1e23;display:flex;align-items:center;justify-content:space-between}.primary span{font-size:18px}.secondary{margin-top:10px;background:#ffffff08;border:1px solid #ffffff20;color:#e1e8e7;display:flex;align-items:center;justify-content:space-between}.secondary span{font-size:7px;font-weight:400;color:#869bac}.quiet{background:transparent;color:#8ba0b3;text-align:center;margin-top:10px;font-size:9px}.menu-links{display:flex;gap:22px;margin-top:20px}.menu-links button{background:transparent;padding:0;color:#9eb2c4;font-size:8px;letter-spacing:1.2px}.menu-footer{display:flex;gap:20px;margin-top:35px;font-size:6px;letter-spacing:1.1px;color:#688197}.menu-footer span:before{content:'+';color:var(--orange);margin-right:6px}.menu-art{position:absolute;inset:0 0 0 48%;overflow:hidden;pointer-events:none}.orbital{position:absolute;top:10%;left:8%;font-size:8px;letter-spacing:2px;color:#b7c2bf60}.crosshair{width:330px;height:330px;border:1px solid #e6b69225;border-radius:50%;position:absolute;top:30%;left:20%;box-shadow:0 0 0 25px #ffffff03,inset 0 0 80px #e2b48e05}.crosshair:before,.crosshair:after{content:'';position:absolute;background:#e6b69230}.crosshair:before{height:1px;left:-50px;right:-50px;top:50%}.crosshair:after{width:1px;top:-50px;bottom:-50px;left:50%}.art-coord{position:absolute;right:14%;bottom:14%;font-family:ui-monospace,monospace;font-size:9px;line-height:1.8;letter-spacing:2px;color:#d2b09575}.sheet{display:flex;align-items:center;justify-content:center;background:#08111cdd;backdrop-filter:blur(8px);padding:25px}.sheet-card{width:420px;max-width:100%;background:linear-gradient(145deg,#1b2b39,#101d2b);border:1px solid #ffffff20;border-radius:12px;padding:34px}.sheet-card h2,dialog h2{font-size:36px;line-height:1.05;letter-spacing:-1.5px;font-weight:750;margin:0 0 16px}.sheet-card>p,dialog p{color:#93a6b6;font-size:12px;line-height:1.8;margin:0 0 24px}.round-card{width:530px}.result-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0 28px}.result-scores>div{background:#ffffff06;border:1px solid #ffffff10;text-align:center;padding:11px 4px;border-radius:5px}.result-scores strong{display:block;font-size:23px;font-weight:500;margin-top:4px}.result-scores small{font-size:7px;letter-spacing:1px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 20px}.upgrade-grid button{background:#ffffff04;border:1px solid #ffffff1a;border-radius:6px;padding:15px 8px;text-align:left}.upgrade-grid button:hover{border-color:var(--mint)}.upgrade-grid b{display:block;font-size:24px;color:var(--mint);margin-bottom:8px}.upgrade-grid strong{display:block;font-size:10px}.upgrade-grid small{display:block;font-size:6px;letter-spacing:.5px;color:#7f98ac;margin-top:5px}dialog{background:#142331;color:#e8efec;border:1px solid #ffffff25;border-radius:12px;width:min(700px,calc(100% - 30px));padding:32px;max-height:90dvh;overflow-y:auto;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#07111acc;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.dialog-head button{background:transparent;font-size:25px;color:#a5b8c4;padding:0 3px}.dialog-head .eyebrow{padding-top:8px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.control-grid h3{font-size:8px;letter-spacing:1.5px;color:var(--mint)}.control-grid p{font-size:11px;line-height:2}.small{font-size:10px!important;color:#7f97aa!important;line-height:1.8}dialog a{font-size:12px;color:var(--mint)}.settings-list button{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:18px 0;border-bottom:1px solid #ffffff13;background:transparent;font-size:10px;letter-spacing:1px;color:#91a5b6}.settings-list button strong{color:var(--mint);font-weight:600}.settings-list{margin-bottom:25px}.touch-controls{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1500px){.arena-wrap{padding-top:35px}}@media(max-width:1050px){.telemetry{min-width:230px;gap:18px}.command-deck{gap:12px;padding:13px}.help-btn span{display:none}.weapon{padding:8px}.weapon small{font-size:5px}.key-strip{gap:12px}.energy-wrap{width:90px}.wordmark span{display:none}.arena-wrap{padding:20px 20px 0}.masthead{padding:0 22px}.menu-art{opacity:.5}}@media(max-width:760px){.masthead{height:60px;padding:0 15px;gap:15px}.build-tag{font-size:6px;padding-left:12px}.utilities{gap:5px}.utilities #soundBtn{font-size:6px;padding:0 6px}.utilities button{height:29px;min-width:29px}.overlay{inset:60px 0 0}.arena-wrap{padding:15px 10px 0}.scoreboard{gap:5px;margin-bottom:10px}.tank-score{padding:8px 7px}.tank-score .name{font-size:6px;letter-spacing:.3px;gap:4px}.tank-score .hp{font-size:6px}.tank-score .wins{letter-spacing:1px;font-size:6px}.hp-track{margin-top:7px}.battle-meta{font-size:7px;gap:10px}.battle-meta .simultaneous{font-size:6px;letter-spacing:.2px}.battle-meta #timerLabel{font-size:9px}.command-deck{flex-wrap:wrap;gap:10px}.telemetry{min-width:0;flex:1;gap:25px}.telemetry strong{font-size:20px}.telemetry>div>span{font-size:6px}.energy-wrap{width:110px}.weapons{order:3;flex-basis:100%;gap:5px}.weapon{min-height:48px}.weapon strong{font-size:9px}.weapon small{font-size:5px}.weapon .ammo{font-size:8px}.help-btn{margin-left:auto}.key-strip{display:none}.touch-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:14px 0;touch-action:none}.touch-controls button{touch-action:none;background:#253647;border:1px solid #ffffff20;border-radius:7px;height:44px;min-width:42px;padding:0 12px;font-size:12px}.drive{display:flex;gap:5px}.touch-controls label{font-size:7px;letter-spacing:1px;color:#9ab0c1;flex:1;min-width:55px}.touch-controls input{display:block;width:100%;accent-color:var(--mint);margin:8px 0 0}.touch-controls .touch-fire{background:var(--orange);color:#1c1d22;font-weight:800;min-width:65px}.arena-caption{font-size:6px;left:12px;bottom:10px}.arena-caption span{display:none}.announcer{font-size:45px;letter-spacing:-2px}.announcer small{font-size:7px;letter-spacing:2px}.spectate{font-size:6px;padding:6px 9px;letter-spacing:1px}.main-menu{padding:30px 28px;align-items:center}.main-menu h1{font-size:clamp(65px,13vw,95px)}.tagline{font-size:12px}.menu-footer{flex-wrap:wrap;gap:9px;font-size:5px;margin-top:25px}.menu-actions{max-width:290px}.menu-art{left:25%;opacity:.25}.sheet-card{padding:25px}.sheet-card h2,dialog h2{font-size:30px}.site-footer{padding:0 15px 20px;margin-top:16px;font-size:5px}.site-footer button{font-size:5px}dialog{padding:24px}.control-grid{gap:5px 15px}.control-grid p{font-size:10px}.control-grid h3{font-size:7px}.upgrade-grid button{padding:12px 6px}.upgrade-grid strong{font-size:9px}.upgrade-grid small{font-size:5px}}@media(pointer:coarse){.touch-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.touch-controls button{touch-action:none;min-height:42px;min-width:42px;background:#253647;color:#e8efec;border-radius:6px;border:1px solid #ffffff20}.touch-controls label{font-size:9px;flex:1}.touch-controls input{width:100%;accent-color:var(--mint)}.touch-controls .touch-fire{background:var(--orange);color:#1c1d22;font-weight:800}.drive{display:flex;gap:5px}}@media(max-height:650px) and (min-width:761px){.main-menu{padding-top:20px;padding-bottom:20px}.main-menu h1{font-size:65px}.tagline{margin-bottom:13px;font-size:12px}.menu-footer{margin-top:17px}.eyebrow{margin-bottom:12px}.menu-actions .primary,.menu-actions .secondary{padding:12px 16px}}@media(max-width:360px){.battle-meta .simultaneous{display:none}.touch-controls{gap:7px}.drive{flex-basis:100%}.touch-controls label{min-width:70px}.control-grid{grid-template-columns:1fr}.menu-content h1{font-size:65px}.build-tag{display:none}}@media(prefers-reduced-motion:reduce){button,.hp-track i{transition:none}}