:root{color:#eae6d9;font-synthesis:none;--orange:#f17b4e;--muted:#9aa7a5;--line:#344246;--panel:#1e2c30;--sand:#d3b684;background:#152125;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.wrap{width:calc(100% - 80px);max-width:1240px;margin:auto}.site-header{justify-content:space-between;align-items:center;height:100px;display:flex}.brand{letter-spacing:1.2px;gap:12px;font-size:11px;font-weight:600;line-height:1.3;display:flex}.brand b{letter-spacing:2px;font-size:19px;font-weight:900}.brand-mark{border:1px solid var(--orange);width:43px;height:43px;color:var(--orange);place-items:center;font-size:29px;display:grid;transform:skew(-8deg)}nav{color:#bac3be;align-items:center;gap:32px;font-size:13px;display:flex}nav a:hover,.text-button:hover{color:var(--orange)}.text-button{color:inherit;background:0 0;border:0;padding:5px 0;font-size:12px}.alpha-label{letter-spacing:1.5px;color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.alpha-label i,.eyebrow>span{background:var(--orange);border-radius:50%;width:6px;height:6px;display:inline-block}.hero{background:#253633;border:1px solid #3e4b42;border-radius:5px;height:390px;position:relative;overflow:hidden}.hero #hangar-scene{opacity:.9;position:absolute;inset:0 0 0 20%}.hero-shade{pointer-events:none;background:linear-gradient(90deg,#172526 3%,#172526ef 25%,#17252620 67%,#0000),linear-gradient(#0000 70%,#17252690);position:absolute;inset:0}.hero-copy{pointer-events:none;padding:44px 46px;position:relative}.eyebrow{letter-spacing:1.8px;color:var(--orange);font-size:10px;font-weight:700}.hero-copy .eyebrow{align-items:center;gap:10px;display:flex}h1{letter-spacing:-1.5px;margin:24px 0 19px;font-size:clamp(31px,3.5vw,49px);font-weight:950;line-height:1.1}h1 em{color:#e8bf85;font-style:normal}.hero p{color:#b7c0b6;margin:0;font-size:13px;line-height:1.7}.hero-meta{color:#c8cfc6;gap:19px;margin-top:26px;font-size:10px;display:flex}.hero-meta span+span:before{content:"·";color:var(--orange);margin-right:19px}.map-stamp{letter-spacing:1.5px;text-shadow:0 1px 6px #000;font-size:9px;position:absolute;bottom:21px;right:25px}.map-stamp span{text-align:right;color:#d6c8ae;margin-top:5px;font-size:8px;display:block}.lobby-grid{grid-template-columns:1.1fr 1fr;gap:22px;margin-top:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:26px 28px}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.subtle{color:var(--muted);font-size:10px;line-height:1.7}.section-title .subtle{letter-spacing:1px;font-size:8px}h2{letter-spacing:-.6px;margin:13px 0 24px;font-size:23px}.field-label{letter-spacing:1.6px;color:#9eaaa7;margin:0 0 9px;font-size:9px;display:block}input#nickname{color:#eee9da;background:#172429;border:1px solid #3e5052;border-radius:3px;width:100%;padding:12px 14px;font-size:14px}.tank-picker{grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0 20px;display:grid}.tank-card{text-align:left;color:#e5e7dc;background:#233237;border:1px solid #415054;border-radius:3px;flex-direction:column;padding:12px 12px 14px;transition:background .2s,border-color .2s;display:flex;position:relative}.tank-card:hover{background:#30403f}.tank-card.selected{border-color:var(--orange);background:#37372f}.tank-card.selected:after{content:"✓";color:var(--orange);font-size:11px;position:absolute;top:10px;right:10px}.tank-sketch{color:#88a99a;text-align:center;filter:drop-shadow(0 3px #0e1d1c);width:64px;height:41px;font-size:42px;line-height:35px;display:block;position:relative}.tank-sketch:before,.tank-sketch:after{content:"";background:#52625a;border-radius:3px;width:10px;height:23px;position:absolute;top:8px}.tank-sketch:before{left:4px}.tank-sketch:after{right:4px}.tank-sketch i{transform-origin:50%;background:#aeb69e;width:7px;height:30px;position:absolute;top:4px;left:29px;transform:rotate(40deg)}.scout{transform:scale(.8)}.heavy{color:#b6a178;transform:scale(1.08)}.tank-category{letter-spacing:1.5px;color:#93a5a0;margin-top:10px;font-size:8px}.tank-card b{margin:5px 0 7px;font-size:15px}.tank-card small{color:#b3bdb5;white-space:nowrap;font-size:9px}.stat-line{color:#93a5a0;width:100%;margin-top:12px;font-size:8px;display:block}.stat-line i{background:linear-gradient(90deg,#b5bda1 var(--fill),#4a5750 var(--fill));height:3px;margin-top:6px;display:block}.primary-button{background:var(--orange);color:#182428;border:1px solid var(--orange);border-radius:3px;justify-content:space-between;align-items:center;width:100%;min-height:47px;padding:12px 20px;font-size:13px;font-weight:800;transition:background .15s;display:flex}.primary-button:hover{background:#ff946c}.primary-button>span{font-size:21px;font-weight:400}.form-note{color:#92a39f;margin:13px 0 0;font-size:10px;line-height:1.6}.enlist>.text-button{margin:12px auto;display:block}.connection-line{color:#b9bfae;align-items:flex-start;gap:9px;min-height:32px;font-size:10px;line-height:1.6;display:flex}.status-dot{background:#b6a16c;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px;display:block;box-shadow:0 0 0 4px #b6a16c10}.online .status-dot{background:#91b981;box-shadow:0 0 0 4px #91b98110}.room-list{min-height:223px;margin:14px 0}.empty-rooms{text-align:center;color:#92a4a0;border:1px dashed #3b4b4d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:223px;display:flex}.empty-rooms>span{color:#869b91;margin-bottom:12px;font-size:32px}.empty-rooms>b{color:#c2c8bd;font-size:12px;font-weight:500}.empty-rooms>p{margin:8px 0;font-size:10px;line-height:1.8}.room-row{border-bottom:1px solid #3b4a4c;align-items:center;gap:18px;padding:15px 0;font-size:12px;display:flex}.room-row>div{flex:1}.room-row small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.room-row>span{color:#b0c2ac;font-size:11px}.join-room{color:#cbd3bf;background:#30443e;border:1px solid #527063;border-radius:3px;padding:8px 12px;font-size:11px}.room-tip{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:16px;padding-top:17px;display:flex}.room-tip>span{color:#bcbd9f;font-size:26px}.room-tip p{margin:0;font-size:10px;line-height:1.8}.room-tip b{color:#c1c8ba;font-weight:400}.rules{grid-template-columns:1.1fr 1fr 1fr 1fr;gap:22px;margin:46px 0 48px;display:grid}.rules h2{max-width:200px;margin-top:12px;font-size:22px;line-height:1.35}.rule{border-left:1px solid var(--line);padding-left:24px}.key-group{align-items:center;gap:4px;height:35px;margin-bottom:12px;display:flex}kbd{color:#c7cec4;background:#29383b;border:1px solid #51615f;border-bottom-width:2px;border-radius:3px;padding:4px 6px;font-family:inherit;font-size:10px;display:inline-block}.rule>b{font-size:12px;display:block}.rule p{color:#8fa19d;margin:9px 0 0;font-size:10px;line-height:1.9}.rule-number{color:var(--orange);letter-spacing:-1px;height:35px;margin-bottom:12px;font-size:27px;font-weight:800;display:block}footer{border-top:1px solid var(--line);letter-spacing:1px;color:#82938f;justify-content:space-between;padding:24px 0 28px;font-size:9px;display:flex}footer b{color:#627b77;margin-left:13px;font-size:9px;font-weight:400}footer>span:last-child{letter-spacing:0}#game{background:#17282c;position:fixed;inset:0}#battle-scene{position:absolute;inset:0}.game-top{pointer-events:none;justify-content:space-between;align-items:start;display:flex;position:absolute;top:20px;left:24px;right:24px}.game-top button{pointer-events:auto}.game-brand{letter-spacing:1px;background:#16262be8;border:1px solid #ffffff20;border-radius:4px;align-items:center;gap:12px;padding:11px 16px;font-size:11px;line-height:1.5;display:flex}.game-brand>b{color:var(--orange);font-size:23px}.game-brand small{color:#bac7bb;letter-spacing:1px;font-size:9px}.match-clock{text-align:center;background:#16262bef;border:1px solid #ffffff25;border-radius:4px;min-width:160px;padding:10px 26px}.match-clock>span{letter-spacing:1.4px;color:#c3cbbb;font-size:8px;display:block}.match-clock>b{font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:32px}.game-actions{align-items:center;gap:9px;display:flex}.game-actions>#ping{background:#16262be8;border-radius:3px;padding:10px;font-size:11px}.secondary-button,.icon-button{color:#e1e7d9;background:#17282ce8;border:1px solid #ffffff30;border-radius:3px;padding:10px 13px;font-size:11px}.icon-button{padding:7px 11px;font-size:16px}.secondary-button:hover,.icon-button:hover{border-color:var(--orange);color:var(--orange)}.game-status{color:#f1d4a2;text-align:center;background:#1a2c2eea;border:1px solid #e4b97970;border-radius:3px;width:max-content;max-width:90%;padding:10px 16px;font-size:11px;position:absolute;top:114px;left:50%;transform:translate(-50%)}.game-status.connected{color:#c9d8bf;pointer-events:none;background:0 0;border:none;font-size:9px;top:93px}.game-status input{width:360px;max-width:90vw}.center-banner{text-align:center;background:#17282bf5;border:1px solid #87938360;border-radius:5px;width:440px;max-width:90vw;padding:32px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00131770}.center-banner h2{margin:15px 0;font-size:26px}.center-banner p{color:#aabdb2;margin-bottom:25px;font-size:12px;line-height:1.7}.center-banner .primary-button{font-size:11px}.respawn-banner{border:1px solid var(--orange);color:#f4c099;white-space:nowrap;background:#17282bf0;border-radius:4px;padding:20px 30px;font-size:15px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.scoreboard{background:#16262bdf;border:1px solid #ffffff25;border-radius:4px;width:245px;padding:16px;position:absolute;top:150px;right:24px}.score-heading{letter-spacing:1px;color:#93aaa2;border-bottom:1px solid #ffffff20;justify-content:space-between;padding:15px 0 7px;font-size:8px;display:flex}.score-row{color:#cad8c5;border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:10px;display:flex}.score-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-row>b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.score-row.self{color:#f7b584}.scoreboard.expanded{background:#142428f8;width:350px}.scoreboard.expanded .score-row{font-size:13px}.hud-bottom{pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:23px;left:24px;right:24px}.health-card{background:#14262bf0;border:1px solid #ffffff25;border-radius:4px;width:220px;padding:17px 20px}.health-card>span{letter-spacing:1.5px;color:#a8c1b0;font-size:9px;display:block}.health-card>b{font-variant-numeric:tabular-nums;margin:5px 0 11px;font-size:30px;display:block}.health-card small{color:#9aada1;font-size:15px;font-weight:400}.health-track{background:#53645b;width:100%;height:5px}.health-track i{background:#b0c885;height:100%;transition:width .15s;display:block}.health-track i.critical{background:var(--orange)}.control-hint{color:#e1e7d5;text-shadow:0 1px 6px #000;gap:17px;font-size:10px;display:flex}.control-hint kbd{background:#16282ddf;margin-right:5px;font-size:9px}.my-score{text-align:right;background:#14262be8;border:1px solid #ffffff20;border-radius:4px;padding:12px 20px}.my-score b{color:#f0bd8f;font-size:35px;display:block}.my-score span{letter-spacing:1px;font-size:8px}.modal-shade{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08171bc0;place-items:center;display:grid;position:absolute;inset:0}.results-card{text-align:center;background:#1c3033;border:1px solid #6c7b6b;border-radius:5px;width:490px;max-width:92vw;padding:32px}.results-card h2{overflow-wrap:anywhere;margin:16px 0 8px;font-size:28px}.results-card p{color:#acbfb2;font-size:11px}.results-card .score-row{font-size:13px}.results-card .primary-button{margin-top:24px}.results-card>.text-button{margin-top:15px}dialog{color:#e4e7d9;background:#203337;border:1px solid #64736a;border-radius:5px;width:440px;max-width:92vw;padding:25px;box-shadow:0 20px 80px #0006}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09191cd9}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.dialog-head h2{margin:0}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 0;font-size:13px;display:flex}.setting-row input{accent-color:var(--orange);width:18px;height:18px}.setting-row select{color:#d7decf;background:#16262a;border:1px solid #607269;border-radius:3px;padding:8px;font-size:11px}#toast{color:#243431;z-index:20;background:#e9e2ce;border-radius:4px;max-width:92vw;padding:16px 25px;font-size:13px;line-height:1.5;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 50px #0005}.webgl-unavailable{background:radial-gradient(#9d926b,#1b3533)}@media (min-width:1500px){.hero{height:430px}.hero-copy{padding-top:58px}}@media (max-width:1050px){.wrap{width:calc(100% - 40px)}.hero-copy{padding:40px 30px}.panel{padding:23px 21px}.tank-card{padding:11px 9px}.section-title .subtle{display:none}.rules{gap:15px}.rule{padding-left:15px}.control-hint{display:none}.game-actions .secondary-button{font-size:10px}.game-brand{padding:9px 12px}.game-top{gap:12px}.match-clock{min-width:140px;padding:10px 16px}}@media (max-width:740px){.wrap{width:calc(100% - 28px)}.site-header{height:80px}nav{gap:14px;font-size:10px}.alpha-label{display:none}.brand{gap:8px;font-size:8px}.brand b{font-size:15px}.brand-mark{width:32px;height:35px;font-size:24px}.hero{height:350px}.hero #hangar-scene{opacity:.5;inset:0}.hero-shade{background:linear-gradient(90deg,#172526ee,#17252630),linear-gradient(#0000,#17252699)}.hero-copy{padding:35px 23px}.hero h1{font-size:35px}.hero-meta{gap:10px;font-size:9px}.hero-meta span+span:before{margin-right:10px}.hero p{font-size:12px}.map-stamp{font-size:8px;bottom:13px;right:16px}.map-stamp span{display:none}.lobby-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.rules{grid-template-columns:1fr 1fr;gap:25px;margin:34px 0}.rules h2{font-size:22px}.rule{padding-left:16px}.rules>div:first-child{padding-left:0}footer{gap:20px;font-size:8px;line-height:1.7}footer>span:last-child{max-width:135px}.game-top{top:10px;left:10px;right:10px}.game-brand{gap:6px;padding:6px 9px;font-size:8px}.game-brand>b{font-size:18px}.game-brand small{font-size:7px}.match-clock{min-width:100px;padding:6px 11px}.match-clock>span{font-size:6px}.match-clock>b{font-size:24px}.game-actions{flex-wrap:wrap;justify-content:end;gap:4px;max-width:130px}.game-actions>#ping{padding:6px;font-size:8px}.game-actions .secondary-button{padding:8px;font-size:8px}.game-actions .icon-button{padding:5px 8px;font-size:12px}.game-status{width:90%;font-size:10px;top:110px}.game-status.connected{top:90px}.scoreboard{opacity:.92;width:170px;padding:11px;top:150px;right:10px}.scoreboard .eyebrow,.score-row{font-size:8px}.score-heading{font-size:7px}.hud-bottom{bottom:12px;left:10px;right:10px}.health-card{width:160px;padding:12px}.health-card>b{font-size:24px}.my-score{padding:10px 15px}.my-score b{font-size:27px}.respawn-banner{white-space:normal;text-align:center;max-width:90%;font-size:13px}.center-banner{padding:25px 20px}.center-banner h2{font-size:22px}.scoreboard.expanded{width:270px}.control-hint{display:none}}.simple-lobby{background:radial-gradient(at 50% 15%,#35453b 0%,#17272b 50%,#111d21 100%);place-items:center;min-height:100svh;padding:30px 18px;display:grid}.menu-card{text-align:center;background:#1c2c30e8;border:1px solid #52635670;border-radius:8px;width:410px;max-width:100%;padding:34px 32px 25px;box-shadow:0 25px 90px #0004}.menu-icon{letter-spacing:-2px;color:#f17b4e;background:#17272b;border:1px solid #f17b4e90;place-items:center;width:64px;height:64px;margin:0 auto 25px;font-size:26px;font-weight:900;display:grid;transform:skew(-7deg)}.menu-card>.eyebrow{letter-spacing:1.5px;color:#b5bba0;font-size:9px}.menu-card h1{letter-spacing:-1.2px;margin:14px 0 10px;font-size:31px;font-weight:850;line-height:1.25}.menu-intro{color:#9eafa6;margin:0 0 29px;font-size:13px}.menu-card .field-label{text-align:left;margin-bottom:9px;font-size:9px}.menu-card #nickname{text-align:left;padding:13px 14px;font-size:15px;transition:border-color .2s}.menu-card #nickname:focus{border-color:#f17b4e;outline:0}.menu-card .primary-button{justify-content:center;gap:14px;min-height:49px;margin-top:13px;font-size:15px}.menu-card .primary-button>span{font-size:22px}.menu-note{color:#a8b8ab;min-height:37px;margin:17px 0 8px;font-size:11px;line-height:1.7}.menu-settings{color:#a9bbae;margin:7px 0 23px;font-size:11px}.menu-controls{color:#b4c0b3;border-top:1px solid #3e5050;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding-top:22px;font-size:9px;display:flex}.menu-controls kbd{margin-right:4px;padding:3px 4px;font-size:8px}.menu-footnote{color:#80968d;margin:19px 0 0;font-size:9px;line-height:1.7}@media (max-width:440px){.menu-card{padding:28px 23px 23px}.menu-card h1{font-size:28px}.menu-controls{gap:9px}.setting-row{gap:8px;font-size:11px}.setting-row select{max-width:180px;font-size:10px}}