:root{--ink:#e9e1c8;--sand:#c9a964;--signal:#d9ff49;--danger:#ff5c37;--panel:#11120dd6;--line:#e9e1c857}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;background:#1a1911;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif}button{font:inherit}canvas{display:block}body.playing canvas{cursor:crosshair}body:after{content:"";z-index:50;pointer-events:none;opacity:.18;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}.screen{z-index:20;display:none;position:fixed;inset:0}.screen.active{display:flex}#briefing{background:radial-gradient(circle at 70% 24%,#dbad4f2e,#0000 30%),linear-gradient(115deg,#11130e 0 53%,#1d1c11 53%);flex-direction:column;justify-content:center;align-items:center;overflow:hidden}#briefing:before{content:"";background:linear-gradient(90deg,#0000 49.8%,#d9ff491f 50%,#0000 50.2%);position:absolute;inset:0;transform:rotate(-9deg)scale(1.2)}.briefing-grid{opacity:.14;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.eyebrow{color:var(--signal);letter-spacing:.35em;z-index:1;font-size:clamp(10px,1vw,14px)}h1{z-index:1;letter-spacing:-.025em;text-shadow:8px 8px #000;margin:.04em 0 0;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(62px,10vw,142px);font-weight:900;line-height:.87;transform:skew(-4deg)}h1 span{color:var(--sand)}.mission{z-index:1;text-align:center;text-transform:uppercase;letter-spacing:.18em;color:#e9e1c8ab;margin:12px 0 14px;font-size:12px;line-height:1.45}.level-options{z-index:1;grid-template-columns:repeat(2,1fr);gap:8px;width:min(910px,86vw);margin:0 0 12px;display:grid}.level-option{min-height:52px;color:var(--ink);text-align:left;cursor:pointer;background:#080906ad;border:1px solid #e9e1c833;grid-template-rows:1fr 1fr;grid-template-columns:66px 1fr;align-items:center;column-gap:12px;padding:8px 14px 7px 82px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative;overflow:hidden}.level-option:before{content:"";opacity:.78;background-color:#494535;border-right:1px solid #e9e1c826;width:68px;position:absolute;top:0;bottom:0;left:0}.level-option[data-level=valley]:before{background-image:radial-gradient(at 30% 85%,#ad8750 0 14%,#0000 15%),radial-gradient(at 75% 75%,#735d42 0 18%,#0000 19%),linear-gradient(155deg,#b88b4e 0 42%,#65543e 43% 58%,#9b7545 59%)}.level-option[data-level=city]:before{background-image:linear-gradient(90deg,#0000 38%,#b89b58 39% 42%,#0000 43%),linear-gradient(#0000 38%,#b89b58 39% 42%,#0000 43%),repeating-linear-gradient(90deg,#3d4444 0 11px,#252a2b 12px 17px),repeating-linear-gradient(#3d4444 0 11px,#252a2b 12px 17px)}.level-option:hover{border-color:#d9ff498c;transform:translateY(-2px)}.level-option.selected{border-color:var(--signal);box-shadow:inset 3px 0 0 var(--signal);background:linear-gradient(90deg,#d9ff4924,#080906d1)}.level-option>span{z-index:1;color:var(--signal);letter-spacing:.14em;text-shadow:0 1px 2px #000;grid-row:1/3;font-size:7px;position:absolute;top:7px;left:8px}.level-option strong{letter-spacing:.08em;align-self:end;font:18px/.95 Impact,sans-serif}.level-option small{color:#e9e1c87a;letter-spacing:.1em;align-self:start;font-size:7px}body[data-level=city] #briefing{background:radial-gradient(circle at 72% 24%,#69898e33,#0000 31%),linear-gradient(115deg,#11130e 0 53%,#191d1c 53%)}.select-label{z-index:1;border-bottom:1px solid var(--line);letter-spacing:.18em;width:min(910px,86vw);padding:0 0 7px;font-size:12px}.select-label span{color:var(--signal);margin-right:10px}.tank-options{z-index:1;grid-template-columns:repeat(3,1fr);gap:8px;width:min(910px,86vw);margin:8px 0 14px;display:grid}.tank-card{min-height:220px;color:var(--ink);text-align:left;cursor:pointer;background:#080906a1;border:1px solid #e9e1c82e;padding:18px;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.tank-card:hover{border-color:#d9ff498c;transform:translateY(-4px)}.tank-card.selected{border:1px solid var(--signal);background:linear-gradient(145deg,#d9ff4921,#050603db);box-shadow:inset 0 0 0 1px #d9ff4926}.tank-card.selected:after{content:"";border:1px solid var(--signal);width:80px;height:80px;position:absolute;bottom:-28px;right:-28px;transform:rotate(45deg)}.card-number{color:#e9e1c859;font-size:14px;position:absolute;top:16px;right:16px}.tank-card strong{letter-spacing:.06em;font-family:Impact,sans-serif;font-size:25px;display:block}.tank-card em{color:var(--sand);text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-style:normal}.recommended{color:var(--signal);letter-spacing:.15em;font-size:8px;position:absolute;top:50px;right:12px}.silhouette{filter:drop-shadow(10px 7px #00000080);height:66px;margin:18px 0 12px;display:block;position:relative}.silhouette:before{content:"";clip-path:polygon(7% 18%,78% 0,100% 35%,91% 100%,4% 100%,0 55%);background:#8d8d6d;height:24px;position:absolute;bottom:7px;left:12%;right:12%}.silhouette:after{content:"";clip-path:polygon(15% 20%,65% 0,100% 45%,86% 100%,0 100%);background:#a7a37c;width:42%;height:20px;position:absolute;bottom:29px;left:33%;box-shadow:42px -5px 0 -8px #a7a37c}.scout-shape{transform:scale(.87)}.heavy-shape{transform:scale(1.1)}.heavy-shape:before{height:29px}.stat{height:35px;margin-top:5px;display:block;position:relative}.stat:after{content:"";background:#ffffff17;height:5px;position:absolute;top:13px;left:0;right:0}.stat i{z-index:1;height:5px;width:var(--value);background:linear-gradient(90deg,#716b4c,#b9b16c);position:absolute;top:13px;left:0}.selected .stat i{background:linear-gradient(90deg, #66732e, var(--signal))}.stat-label{white-space:nowrap;display:block}.stat-label b{color:#e9e1c8b8;text-transform:uppercase;letter-spacing:.1em;font-size:8px;line-height:1;display:block}.stat-label small{color:var(--sand);letter-spacing:.06em;font-size:8px;line-height:1;position:absolute;top:22px;left:0}.selected .stat-label b{color:var(--ink)}.selected .stat-label small{color:var(--signal)}.force-config{z-index:1;background:#080906a1;border:1px solid #e9e1c82e;align-items:center;gap:9px;width:min(910px,86vw);margin:0 0 12px;padding:8px 10px 8px 13px;display:flex}.force-copy{text-transform:uppercase;letter-spacing:.14em;align-items:baseline;gap:10px;display:flex}.force-copy span{color:var(--signal);font-size:11px}.force-copy strong{font-size:12px}.force-note{color:#e9e1c86b;letter-spacing:.14em;text-transform:uppercase;font-size:8px}.opponent-options{gap:4px;display:flex}.opponent-options button,.difficulty-options button{color:#e9e1c8a6;cursor:pointer;background:#ffffff0a;border:1px solid #e9e1c833;height:28px;font-weight:700;transition:all .15s}.opponent-options button{width:31px}.opponent-options button:hover,.difficulty-options button:hover{border-color:var(--signal);color:var(--ink)}.opponent-options button.selected,.difficulty-options button.selected{border-color:var(--signal);background:var(--signal);color:#14160d;box-shadow:0 0 18px #d9ff4926}.config-divider{background:#e9e1c833;width:1px;height:22px;margin:0 2px 0 auto}.difficulty-copy{letter-spacing:.12em;align-items:baseline;gap:6px;display:flex}.difficulty-copy span{color:var(--signal);font-size:10px}.difficulty-copy strong{font-size:11px}.difficulty-options{gap:4px;display:flex}.difficulty-options button{letter-spacing:.06em;padding:0 7px;font-size:8px}.control-guide{z-index:1;background:linear-gradient(90deg,#d9ff4912,#080906b8 24%);border:1px solid #e9e1c82e;grid-template-columns:1.8fr repeat(9,1fr);width:min(910px,86vw);margin:0 0 12px;display:grid}.control-guide-title{text-align:left!important;border-right:1px solid #e9e1c82e!important;align-items:flex-start!important;padding:7px 10px 6px 12px!important}.control-guide>.control-guide-title>span{color:var(--signal);text-transform:none;font-size:10px}.control-guide-title strong{letter-spacing:.13em;font-size:10px}.control-guide-title small{color:#e9e1c861;letter-spacing:.08em;font-size:6px;line-height:1.3}.control-guide>div{text-align:center;border-right:1px solid #e9e1c81a;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 3px;display:flex}.control-guide>div:last-child{border:0}.control-guide kbd{min-width:24px;color:var(--signal);letter-spacing:.08em;background:#171911;border:1px solid #d9ff4985;border-bottom-width:2px;padding:3px 5px 2px;font:700 8px/1 Bahnschrift Condensed,Arial Narrow,sans-serif;box-shadow:0 2px #050604}.control-guide>div>span{color:#e9e1c88a;text-transform:uppercase;letter-spacing:.07em;font-size:7px;line-height:1.05}.deploy,#restart{z-index:1;color:#14160d;background:var(--signal);cursor:pointer;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%);border:0;align-items:center;gap:18px;padding:12px 25px 11px;transition:filter .18s,transform .18s;display:flex}.deploy:hover,#restart:hover{filter:brightness(1.17);transform:scale(1.025)}.deploy span{letter-spacing:.08em;font-family:Impact,sans-serif;font-size:24px}.deploy small{letter-spacing:.16em;font-size:8px}.briefing-footer{z-index:1;border-top:1px solid var(--line);color:#e9e1c873;letter-spacing:.15em;justify-content:space-between;width:min(910px,86vw);padding-top:8px;font-size:9px;display:flex;position:absolute;bottom:18px}#hud{z-index:5;pointer-events:none;font-size:12px;display:none;position:fixed;inset:0}body.playing #hud{display:block}.top-rule{color:#e9e1c899;letter-spacing:.16em;border-top:1px solid #d9ff498c;justify-content:space-between;padding-top:5px;font-size:9px;display:flex;position:absolute;top:18px;left:25px;right:25px}.objective-panel{border-left:2px solid var(--signal);background:linear-gradient(90deg,#0e0f0acc,#0000);padding:10px 45px 10px 12px;position:absolute;top:48px;left:25px}.objective-panel small,.weapon-panel small{color:var(--sand);letter-spacing:.18em;font-size:8px}.objective-panel strong{letter-spacing:.07em;margin:3px 0;font-size:15px;display:block}.objective-panel span{color:#e9e1c8a1;letter-spacing:.12em;font-size:9px}.objective-panel span b{color:var(--signal)}.crosshair{border:1px solid #d9ff4973;border-radius:50%;width:78px;height:78px;transition:all .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:after{content:"";border:1px dotted #e9e1c86b;border-radius:50%;position:absolute;inset:10px}.crosshair i{background:var(--signal);position:absolute}.crosshair i:first-child,.crosshair i:nth-child(2){width:14px;height:1px;top:50%}.crosshair i:first-child{left:-8px}.crosshair i:nth-child(2){right:-8px}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:1px;height:14px;left:50%}.crosshair i:nth-child(3){top:-8px}.crosshair i:nth-child(4){bottom:-8px}.crosshair b{background:var(--signal);width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.locked{border-color:var(--danger);transform:translate(-50%,-50%)scale(.84)}.crosshair.locked i,.crosshair.locked b{background:var(--danger)}.hit-marker{color:#fff;opacity:0;font:42px/1 Impact,sans-serif;transition:all 80ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-53%)scale(.5)}.hit-marker.show{opacity:1;transform:translate(-50%,-53%)scale(1)}.vehicle-panel,.weapon-panel{background:var(--panel);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:2px solid var(--signal);position:absolute;bottom:25px;box-shadow:0 14px 35px #00000059}.vehicle-panel{width:310px;padding:13px 15px 11px;left:25px}.weapon-panel{text-align:right;width:270px;padding:12px 15px;right:25px}.panel-head{letter-spacing:.15em;justify-content:space-between;display:flex}.panel-head b{color:var(--signal);font-size:21px}.health-track,.reload-track{background:#ffffff1f;height:7px;margin:7px 0 10px;overflow:hidden}.health-track i{background:var(--signal);width:100%;height:100%;transition:width .3s,background .3s;display:block}.readouts{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.readouts span{border-left:1px solid var(--line);padding-left:7px}.readouts small{color:#e9e1c873;letter-spacing:.12em;font-size:7px;display:block}.readouts b{color:var(--sand);font-size:10px;font-weight:500}.readouts i{font-style:normal}.weapon-tabs{justify-content:flex-end;gap:5px;display:flex}.weapon-tabs span{color:#e9e1c86b;letter-spacing:.08em;border:1px solid #ffffff1a;padding:4px 7px;font-size:9px}.weapon-tabs .active{color:#111;background:var(--signal);border-color:var(--signal)}.ammo{justify-content:flex-end;align-items:baseline;height:54px;display:flex}.ammo b{letter-spacing:.03em;font-family:Impact,sans-serif;font-size:52px}.ammo span{color:#e9e1c880;margin-left:7px;font-size:16px}.ammo i{font-style:normal}.reload-track{height:3px;margin:0 0 7px}.reload-track i{background:var(--sand);width:100%;height:100%;display:block}.heat-meter{grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:1px 0 7px;display:none}.heat-meter.active{display:grid}.heat-meter>span,.heat-meter>b{letter-spacing:.12em;white-space:nowrap;font-size:7px;line-height:1}.heat-meter>span{color:#e9e1c87a}.heat-meter>b{min-width:46px;color:var(--sand);text-align:right;font-weight:500}.heat-meter>b.danger{color:var(--danger)}.heat-track{background:#ffffff1f;height:5px;overflow:hidden}.heat-track i{background:var(--signal);width:0;height:100%;transition:width 80ms linear,background .15s;display:block}.salvage-note{opacity:0;background:var(--signal);color:#15170d;letter-spacing:.15em;padding:8px 13px;font-weight:700;transition:all .25s;position:absolute;bottom:20%;left:50%;transform:translate(-50%)translateY(15px)}.salvage-note.health{color:#fff6e8;background:#ff6b47}.salvage-note.show{opacity:1;transform:translate(-50%)translateY(0)}.control-strip{letter-spacing:.13em;color:#e9e1c875;white-space:nowrap;font-size:8px;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.control-strip b{color:var(--sand);font-weight:500}#damage-vignette{opacity:0;background:radial-gradient(circle,#0000 40%,#ff2200ad);transition:opacity .2s;position:absolute;inset:0}.overlay-card{z-index:15;border:1px solid var(--signal);text-align:center;pointer-events:none;background:#0e0f0aeb;padding:26px 55px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)skew(-3deg)}.overlay-card.active{display:block}.overlay-card small{color:var(--signal);letter-spacing:.24em}.overlay-card h2{margin:8px 0;font:56px/.85 Impact,sans-serif}.overlay-card p{color:#e9e1c899;letter-spacing:.1em;margin:0;font-size:11px}.result-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b07e0;flex-direction:column;justify-content:center;align-items:center}.result-screen small{color:var(--signal);letter-spacing:.35em}.result-screen h2{text-shadow:7px 7px #000;margin:12px 0;font:clamp(54px,9vw,120px)/.9 Impact,sans-serif}.result-screen p{color:#e9e1c8a6;letter-spacing:.12em;text-transform:uppercase}.result-stats{gap:50px;margin:28px 0;display:flex}.result-stats span{color:var(--sand);letter-spacing:.2em;text-align:center;flex-direction:column;font-size:9px;display:flex}.result-stats b{color:var(--ink);letter-spacing:0;font:38px/1 Impact,sans-serif}#restart small{color:#15170d;margin-left:12px}@media (width<=720px),(height<=800px){h1{font-size:clamp(52px,14vw,80px)}.mission{margin:6px 0 8px}.level-options{gap:4px;width:94vw;margin-bottom:8px}.level-option{grid-template-columns:1fr;min-height:36px;padding:5px 7px 5px 52px}.level-option:before{width:44px}.level-option>span{font-size:6px;top:4px;left:4px}.level-option strong{align-self:center;font-size:14px}.level-option small{display:none}.tank-options{gap:4px;width:94vw}.tank-card{min-height:185px;padding:10px}.silhouette{height:44px;margin:10px 0 5px}.tank-card strong{font-size:18px}.tank-card em,.recommended{display:none}.stat{height:27px;margin-top:3px}.stat:after,.stat i{height:4px;top:11px}.stat-label small{top:18px}.stat-label b,.stat-label small{font-size:6px}.force-config{gap:5px;width:94vw}.force-note{display:none}.force-copy{gap:5px}.opponent-options button{width:25px}.difficulty-options button{padding:0 5px;font-size:7px}.control-guide{grid-template-columns:repeat(9,1fr);width:94vw}.control-guide-title{display:none!important}.briefing-footer,.select-label{width:94vw}.vehicle-panel{width:240px;bottom:8px;left:8px}.weapon-panel{width:190px;bottom:8px;right:8px}.control-strip{display:none}.objective-panel{top:35px;left:8px}.top-rule{top:8px;left:8px;right:8px}.weapon-panel small{display:none}}