@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans SC,PingFang SC,sans-serif;color:#e7e9df;background:#101511;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#101511;--panel:#19211c;--line:#344137;--text:#e7e9df;--muted:#99a294;--dim:#657062;--lime:#c4ed73;--orange:#ef9b58;--mono:"DM Mono",monospace;--display:"Barlow Condensed","Noto Sans SC",sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 72% -20%,#43533b44,transparent 48%),var(--bg)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.game-shell{min-height:100vh;padding:0 48px 38px}.masthead{height:73px;max-width:1500px;margin:auto;display:flex;align-items:center;gap:30px;border-bottom:1px solid #344037}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand-icon{position:relative;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--lime);transform:rotate(45deg)}.brand-icon i{width:12px;height:12px;border:2px solid var(--lime)}.brand-icon b{position:absolute;width:4px;height:4px;background:var(--orange);right:2px;top:2px}.brand strong{display:block;font:700 18px/.95 var(--display);letter-spacing:.14em;color:#f0f0e6}.brand small{display:block;margin-top:5px;color:#829080;font:8px var(--mono);letter-spacing:.09em}.server-indicator{display:flex;align-items:center;gap:8px;max-width:460px;overflow:hidden;color:#8d9a8b;font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap}.server-indicator span,.kicker span,.sync-label i,.ready-pill i,.hud-phase span,.battle-footer>span:first-child i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #c4ed7366;flex:none}.version-label{margin-left:auto;color:#758173;font:9px var(--mono);letter-spacing:.14em}.version-label b{margin-left:7px;color:var(--orange);font-weight:500}.launch-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:clamp(55px,9vw,150px);align-items:center;max-width:1320px;min-height:calc(100vh - 112px);margin:auto;padding:52px 0}.launch-copy{max-width:660px}.kicker{display:flex;align-items:center;gap:10px;color:#aab49f;font:10px var(--mono);letter-spacing:.14em}.launch-copy h1{margin:23px 0 16px;font:800 clamp(74px,10vw,128px)/.78 var(--display);letter-spacing:-.045em;color:#eceee3}.launch-copy h1 em{color:var(--lime);font-style:normal}.launch-copy>p{max-width:460px;color:#a4ad9e;font-size:13px;line-height:1.9}.tank-illustration{position:relative;height:245px;max-width:590px;margin:34px 0 22px;overflow:hidden;border:1px solid #485143;background:linear-gradient(135deg,#263027,#171f1a);background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),radial-gradient(ellipse at 49% 52%,#394638,#171f1a 72%);background-size:24px 24px,24px 24px,auto}.tank-illustration:after{position:absolute;inset:12px;border:1px solid #a9bd7d28;content:""}.radar{position:absolute;left:50%;top:50%;border:1px solid #b4d7734d;border-radius:50%;transform:translate(-50%,-50%)}.radar-a{width:130px;height:130px}.radar-b{width:245px;height:245px;border-style:dashed;opacity:.6}.silhouette{position:absolute;z-index:2;top:50%;left:49%;width:82px;height:62px;border:2px solid var(--lime);border-radius:15px;background:#334134;box-shadow:0 0 30px #c4ed7333;transform:translate(-50%,-50%) rotate(-18deg)}.silhouette i,.silhouette b{position:absolute;left:8px;right:8px;height:7px;border:1px solid #a8ca68;background:#263028}.silhouette i{top:-10px}.silhouette b{bottom:-10px}.silhouette span{position:absolute;top:25px;right:-46px;width:51px;height:8px;background:var(--lime)}.aim-line{position:absolute;left:52%;top:49%;width:220px;height:1px;background:linear-gradient(90deg,var(--lime),transparent);transform:rotate(-18deg);transform-origin:left}.map-coord{position:absolute;z-index:2;color:#96a48b;font:8px var(--mono);letter-spacing:.12em}.coord-a{left:18px;top:18px}.coord-b{right:18px;bottom:17px;color:#d99a60}.target-mark{position:absolute;right:19%;top:28%;color:var(--orange);font:20px var(--mono)}.launch-caption{color:#849181;font-size:10px}.launch-caption span{margin-right:12px;color:var(--orange);font:11px var(--mono)}.launch-card{padding:28px 29px 18px;border:1px solid #485343;background:linear-gradient(150deg,#202a22,#18201b 76%);box-shadow:0 28px 80px #0005}.card-overline{display:flex;justify-content:space-between;align-items:center;color:#b2bdac;font-size:10px}.secure-label{color:#9eb76f;font:8px var(--mono);letter-spacing:.11em}.launch-card h2{margin:23px 0 6px;color:#ecede2;font-size:23px;letter-spacing:-.04em}.launch-card>p{margin:0 0 23px;color:#96a090;font-size:10px;line-height:1.8}.launch-card label{display:block;margin:16px 0 7px;color:#a4b09c;font:9px var(--mono);letter-spacing:.08em}.wide-input,.code-input{width:100%;height:44px;padding:0 12px;border:1px solid #3d4a3e;border-radius:0;color:#e9ebdf;background:#121a15;font-size:11px}.wide-input::placeholder,.code-input::placeholder{color:#657264}.server-field{font:10px var(--mono)}.create-button,.join-button,.ready-button,.start-button{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.create-button{width:100%;height:47px;margin-top:20px;padding:0 14px;border:0;color:#192016;background:var(--lime);font-size:11px;font-weight:800}.create-button b{font:17px var(--mono)}.create-button:hover,.ready-button:hover{background:#d5f398}.create-button:disabled,.join-button:disabled{opacity:.6;cursor:wait}.or-line{display:flex;align-items:center;gap:10px;margin:17px 0 10px;color:#798675;font:8px var(--mono)}.or-line:before,.or-line:after{height:1px;flex:1;content:"";background:#354137}.join-code-row{display:grid;grid-template-columns:1fr 105px;gap:7px}.code-input{letter-spacing:.16em;text-transform:uppercase;font:13px var(--mono)}.join-button{padding:0 10px;border:1px solid #56654f;color:#dce3d2;background:#29352a;font-size:10px}.join-button span{color:var(--lime);font-size:17px}.error-text{margin:13px 0 0;color:#ffac8c;font-size:10px;line-height:1.6}.card-foot{display:flex;justify-content:space-between;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #344035;color:#788574;font:8px var(--mono)}.room-screen{max-width:1500px;margin:0 auto}.room-toolbar{min-height:118px;display:flex;align-items:center;gap:19px;border-bottom:1px solid #344037}.room-toolbar>div:first-child{flex:1}.room-toolbar h1{margin:10px 0 3px;font-size:28px;letter-spacing:-.05em}.room-toolbar h1 i{color:var(--lime);font-style:normal}.room-toolbar p{margin:0;color:#879484;font-size:10px}.room-code{position:relative;min-width:150px;padding:10px 32px 9px 13px;border:1px solid #566045;text-align:left;background:#21291e;cursor:pointer}.room-code small,.room-code strong{display:block}.room-code small{color:#96a28d;font-size:8px}.room-code strong{margin-top:3px;color:var(--lime);font:600 20px var(--mono);letter-spacing:.17em}.room-code>span{position:absolute;right:11px;top:20px;color:#9ca88f}.exit-button{padding:10px 12px;border:1px solid #57463a;color:#c59b78;background:#261f19;font-size:9px;cursor:pointer}.exit-button:hover{border-color:var(--orange);color:#f2b47d}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;padding-top:24px}.roster-card,.map-preview,.control-card{border:1px solid #384438;background:#19221b}.roster-card{min-height:540px;padding:21px 22px 17px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #354137}.panel-heading small,.map-label small,.control-card>small{color:#85927f;font:8px var(--mono);letter-spacing:.13em}.panel-heading h2{margin:6px 0 0;font-size:18px}.panel-heading h2 span{margin-left:8px;color:#82907c;font:9px var(--mono)}.sync-label{display:flex;align-items:center;gap:7px;color:#9eb47b;font:8px var(--mono);letter-spacing:.1em}.sync-label i{width:5px;height:5px}.roster-list{min-height:340px}.roster-row{display:grid;grid-template-columns:37px 39px minmax(120px,1fr) 140px 115px;align-items:center;gap:11px;min-height:73px;border-bottom:1px solid #2d382e}.roster-row.mine{background:linear-gradient(90deg,#c4ed730a,transparent 65%)}.player-index{color:#647160;font:9px var(--mono)}.player-badge{width:33px;height:33px;display:grid;place-items:center;border:1px solid var(--paint);color:var(--paint);background:color-mix(in srgb,var(--paint) 12%,#19221b);font:700 14px var(--display)}.player-copy strong,.player-copy>span{display:block}.player-copy strong{color:#e5e9dd;font-size:11px}.player-copy strong small{margin-left:8px;padding:2px 5px;color:#c4ed73;background:#303b27;font-size:8px;font-weight:500}.player-copy>span{margin-top:3px;color:#82907e;font-size:8px}.roster-row code{color:#82927b;font:9px var(--mono)}.ready-pill{justify-self:end;display:flex;align-items:center;gap:6px;color:#9d9274;font-size:8px}.ready-pill i{width:5px;height:5px;background:#91825c;box-shadow:none}.ready-pill.ready{color:#c4ed73}.ready-pill.ready i{background:var(--lime);box-shadow:0 0 8px #c4ed7366}.recruit-note{display:flex;gap:13px;align-items:center;padding:27px 6px;color:#9eac94}.recruit-note>span{font:24px var(--mono);color:var(--orange)}.recruit-note strong{font-size:10px}.recruit-note p{margin:5px 0 0;color:#83907d;font-size:9px}.roster-actions{display:flex;align-items:center;gap:9px;padding-top:19px;border-top:1px solid #354137}.ready-button,.start-button{min-width:145px;height:40px;padding:0 13px;font-size:10px;font-weight:700}.ready-button{border:1px solid #71824f;color:#dce8ce;background:#35412d}.ready-button.active{color:#1b2116;background:var(--lime)}.ready-button span,.start-button span{font:16px var(--mono)}.start-button{border:0;color:#202319;background:var(--orange)}.start-button:hover{background:#ffb57a}.start-button:disabled{cursor:not-allowed;opacity:.4}.host-wait{color:#98a28f;font-size:9px}.lobby-side{display:flex;flex-direction:column;gap:13px}.map-preview{padding:15px}.map-label{display:flex;justify-content:space-between;align-items:center}.map-label strong{color:#dae1d1;font-size:11px}.mini-arena{position:relative;height:157px;margin:13px 0 9px;overflow:hidden;border:1px solid #43503c;background-image:linear-gradient(#c3d87912 1px,transparent 1px),linear-gradient(90deg,#c3d87912 1px,transparent 1px),radial-gradient(ellipse,#34412e,#172019);background-size:18px 18px,18px 18px,auto}.mini-tank{position:absolute;width:10px;height:8px;border:1px solid var(--paint);background:color-mix(in srgb,var(--paint) 42%,#172019);transform:rotate(-25deg)}.block{position:absolute;width:22px;height:22px;border:1px solid #687058;background:#424a35}.block-a{left:34%;top:26%}.block-b{right:31%;top:52%}.block-c{left:59%;top:11%;width:31px;height:12px}.map-meta{display:flex;justify-content:space-between;color:#82907d;font:8px var(--mono)}.control-card{padding:16px}.control-card h3{margin:8px 0 13px;font-size:12px}.control-card>div{display:flex;align-items:center;gap:12px;margin-top:8px;color:#95a18d;font-size:9px}.control-card kbd{min-width:85px;padding:5px 6px;border:1px solid #424e40;color:#c5cfba;background:#222c23;text-align:center;font:8px var(--mono)}.network-footnote{margin:1px 1px 0;color:#788673;font-size:8px;line-height:1.8}.battle-layout{padding-top:17px}.battle-hud{display:flex;align-items:center;gap:10px;min-height:52px}.hud-chip{min-width:88px;padding:6px 9px;border-left:2px solid #71824d;background:#1b241c}.hud-chip small,.hud-chip strong{display:block}.hud-chip small{color:#85927f;font:7px var(--mono);letter-spacing:.1em}.hud-chip strong{margin-top:3px;color:#e1e5d9;font:10px var(--mono)}.health-chip{min-width:125px}.health-chip strong{position:relative;padding-left:43px}.health-chip strong i{position:absolute;left:0;top:3px;width:34px;height:4px;background:var(--lime)}.hud-phase{display:flex;align-items:center;gap:7px;margin-left:5px;color:#bac69f;font:9px var(--mono)}.hud-phase span{width:6px;height:6px}.score-strip{display:flex;gap:6px;overflow:hidden;margin-left:auto}.score-strip>span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #354137;color:#aab49f;font-size:8px;white-space:nowrap}.score-strip i{width:6px;height:6px;border-radius:50%}.score-strip b{color:#e0e8ce;font:9px var(--mono)}.arena-frame{position:relative;margin-top:8px;border:1px solid #53604e;background:#101712;box-shadow:0 16px 45px #0005}.arena-canvas{display:block;width:100%;height:min(62vh,620px);min-height:400px}.result-cover,.disabled-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111812c9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-cover small{color:var(--lime);font:10px var(--mono);letter-spacing:.2em}.result-cover h2{margin:12px 0 22px;font-size:27px}.result-cover button{padding:10px 16px;border:0;color:#1d2418;background:var(--lime);font-size:10px;cursor:pointer}.disabled-cover{inset:auto 18px 18px auto;padding:13px 16px;border:1px solid #745442;background:#261f1add}.disabled-cover strong{color:#f1c29e;font-size:10px}.disabled-cover span{margin-top:5px;color:#b49a82;font-size:8px}.battle-footer{display:flex;align-items:center;gap:22px;min-height:46px;color:#8e9986;font:8px var(--mono)}.battle-footer>span:first-child{display:flex;align-items:center;gap:7px;color:#bbc6ac}.battle-footer>span:first-child i{width:5px;height:5px}.battle-footer button{padding:6px 10px;border:1px solid #63764a;color:#dbe8ca;background:#2b3828;font-size:8px;cursor:pointer;touch-action:none}.battle-footer button b{margin-left:7px;color:var(--lime)}.net-state{margin-left:auto;color:#9fb67d!important}.toast{position:fixed;right:24px;bottom:20px;z-index:5;display:flex;align-items:center;gap:16px;max-width:480px;padding:10px 12px;border:1px solid #607348;color:#deebce;background:#243020;box-shadow:0 12px 38px #0007;font-size:10px}.toast.danger{border-color:#9b5f4b;color:#ffc1a2;background:#392620}.toast button{border:0;color:inherit;background:transparent;cursor:pointer;font-size:16px}@media(max-width:1000px){.game-shell{padding-right:26px;padding-left:26px}.launch-screen{grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:40px}.lobby-grid{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.roster-card{padding:17px 15px}.roster-row{grid-template-columns:26px 35px minmax(100px,1fr) 98px 100px;gap:7px}.battle-footer{gap:12px}}@media(max-width:760px){.game-shell{padding:0 16px 25px}.masthead{height:62px;gap:12px}.brand{min-width:0}.brand small{font-size:7px}.server-indicator{display:none}.launch-screen{min-height:0;grid-template-columns:minmax(0,1fr);gap:25px;padding:38px 0 28px}.launch-copy h1{font-size:80px}.tank-illustration{height:190px;margin:22px 0 15px}.launch-card{padding:22px 18px 16px}.room-toolbar{min-height:100px;flex-wrap:wrap;gap:10px;padding:17px 0}.room-toolbar>div:first-child{flex-basis:100%}.room-code{min-width:138px}.exit-button{margin-left:auto}.lobby-grid{grid-template-columns:minmax(0,1fr)}.roster-card{min-height:0}.roster-row{grid-template-columns:25px 34px minmax(90px,1fr) 90px}.roster-row code{display:none}.roster-actions{flex-wrap:wrap}.lobby-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.network-footnote{grid-column:1/-1}.battle-hud{flex-wrap:wrap}.score-strip{flex-basis:100%;margin:0}.arena-canvas{min-height:340px;height:52vh}.battle-footer{flex-wrap:wrap;padding:10px 0}.net-state{margin-left:0}}@media(max-width:430px){.game-shell{padding-right:11px;padding-left:11px}.version-label{font-size:7px}.brand strong{font-size:15px}.launch-copy h1{font-size:70px}.launch-card{padding:19px 13px 15px}.card-foot{font-size:7px}.lobby-side{grid-template-columns:1fr}.network-footnote{grid-column:auto}.player-copy strong{font-size:9px}.ready-pill{font-size:7px}.roster-row{grid-template-columns:20px 30px minmax(82px,1fr) 82px;gap:6px}.player-badge{width:27px;height:27px}.battle-footer{gap:9px}.battle-footer>span{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.peer-state{color:#83927c!important;font:8px var(--mono)!important;text-align:right}.peer-state.linked{color:var(--lime)!important}.peer-state.failed{color:#f09a77!important}.peer-state.relayed{color:#f0b77b!important}.ready-button:disabled{cursor:not-allowed;opacity:.42}