html,body{color:#f2f2f2;background:#1b1d22;height:100%;margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block}#hud{z-index:6;pointer-events:none;text-shadow:0 1px 2px #000;font-size:13px;position:fixed;inset:0}#crosshair{filter:drop-shadow(0 0 1px #000000e6);opacity:.9;background:linear-gradient(#fff,#fff) top/1px 7px no-repeat,linear-gradient(#fff,#fff) bottom/1px 7px no-repeat,linear-gradient(#fff,#fff) 0/7px 1px no-repeat,linear-gradient(#fff,#fff) 100%/7px 1px no-repeat;width:19px;height:19px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}#crosshair.vehicle{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='61' fill='none' stroke='%23fff' stroke-width='1.5'%3E%3Cpath d='M51.5 40.5 60.5 30.5 69.5 40.5M8.5 30.5h36M76.5 30.5h36M8.5 25.5v10M112.5 25.5v10M20.5 30.5v4M32.5 30.5v4M88.5 30.5v4M100.5 30.5v4M60.5 45.5v12'/%3E%3C/svg%3E") 50%/121px 61px no-repeat;width:121px;height:61px;margin:-30px 0 0 -60px}#prompt{white-space:nowrap;background:#00000073;border-radius:20px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:14px;display:flex;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}#service{text-align:center;white-space:nowrap;z-index:6;background:#0009;border:1px solid #ffd27a8c;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:300px;padding:10px 18px 12px;display:flex;position:absolute;top:63%;left:50%;transform:translate(-50%)}#service[hidden]{display:none}#service b{letter-spacing:.18em;text-transform:uppercase;color:#ffd27a;font-size:13px}#service span{font-size:20px}.service-bar{background:#ffffff2e;border-radius:3px;width:100%;height:6px;margin-top:4px;overflow:hidden}.service-bar div{background:#ffd27a;height:100%;transition:width .25s}#prompt[hidden]{display:none}#prompt.vehicle{top:calc(50% + 90px)}.prompt-key{width:30px;height:30px;position:relative}.prompt-key svg{position:absolute;inset:0;transform:rotate(-90deg)}.prompt-key circle{fill:none;stroke-width:3px}.prompt-track{stroke:#ffffff40}.prompt-fill{stroke:#e0b84a;stroke-dasharray:94.25;stroke-dashoffset:94.25px}.prompt-key b{justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}#vehicle-status{box-sizing:border-box;background:#00000059;border-radius:4px;width:212px;margin-bottom:8px;padding:7px 9px;font-size:11px;line-height:1.45}#vehicle-status[hidden],#vehicle-status [hidden]{display:none}#vehicle-status svg{stroke-width:.03px;margin:0 auto 5px;display:block}#vehicle-status .vs-hull{fill:#ffffff0f;stroke:#ffffff73}#vehicle-status .vs-turret{fill:#ffffff14;stroke:#ffffffb3}#vehicle-status .vs-ok{fill:#8cc88c8c;stroke:#00000080;color:#cfe8cf}#vehicle-status .vs-damaged{fill:#f0b030;stroke:#00000080;color:#f0b030}#vehicle-status .vs-destroyed{fill:#e0443a;stroke:#00000080;color:#ff5a4e}#vehicle-status .vs-crew div{white-space:pre}#vehicle-status .vs-fire{color:#ff8a3a;text-align:center;font-weight:700;animation:.6s steps(2,end) infinite vs-blink}#vehicle-status.wreck svg{opacity:.5}@keyframes vs-blink{50%{opacity:.3}}#info{white-space:pre;line-height:1.4;position:absolute;top:10px;left:12px}#bottom-right{flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:14px;right:16px}#weapon{text-align:right;white-space:pre;font-size:15px;line-height:1.5}#mission{text-align:right;background:#0006;border-radius:4px;padding:7px 11px;font-size:13px;line-height:1.5;position:absolute;top:14px;right:16px}#mission small{opacity:.6;font-size:11px}#mission.complete small{opacity:1;color:#9be28f}#map{background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#map[hidden]{display:none}#map canvas{aspect-ratio:1;border:2px solid #2e3524;height:min(92vh,92vw);box-shadow:0 6px 30px #0009}#help{white-space:pre;opacity:.75;line-height:1.4;position:absolute;bottom:12px;left:12px}#click-to-play{white-space:pre-line;text-align:center;background:#0000008c;border-radius:6px;padding:12px 20px;font-size:18px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#menu{z-index:10;background:#0a0c1073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#menu.attract{background:linear-gradient(#0a0c1000 60%,#0a0c1080);align-items:flex-end;padding-bottom:1.5vh}#menu.attract .menu-box{background:#14161cd1;width:-moz-fit-content;width:fit-content;min-width:min(760px,97vw);max-width:97vw;padding:10px 18px;position:relative}#menu.attract h1,.menu-title{display:none}#menu.attract .menu-title{pointer-events:none;flex-direction:column;align-items:center;gap:1vh;display:flex;position:fixed;top:3.5vh;left:50%;transform:translate(-50%)}.block-title{filter:drop-shadow(0 .5vh .7vh #0000008c);width:min(46vw,62vh)}.menu-title span{letter-spacing:.3em;text-transform:uppercase;color:#e9e6dc;text-shadow:0 1px 3px #000000e6;font-size:13px}.menu-box h1 small{letter-spacing:0;opacity:.6;font-size:12px;font-weight:400}#menu.attract .menu-cols{grid-template-columns:minmax(0,1fr)}#menu.attract .menu-tabs{margin:0 0 8px}#menu.attract .menu-levels{gap:8px;display:flex}#menu.attract .menu-level-group{flex-direction:column;flex:0 270px;gap:6px;min-width:0;display:flex}#menu.attract .menu-level-group[hidden]{display:none}#menu.attract .menu-level{margin:0;padding:9px 11px}#menu.attract .menu-level.variant{padding:6px 11px}#menu.attract .menu-level.variant strong{margin:0;font-size:13px}#menu.attract .menu-level.variant span,#menu.attract .menu-level[hidden]{display:none}#menu.attract .menu-level span{font-size:11.5px}#menu.attract .menu-level:not(.variant){flex-direction:column;flex:auto;justify-content:flex-start;display:flex}#menu.attract .menu-level span{line-height:1.35}#menu.attract .menu-status{margin:2px 0 0}.menu-box .menu-start{background:#2f6b3a;width:100%;margin-bottom:4px;padding:9px 14px;font-size:15px;display:block}.menu-box .menu-start:hover:not(:disabled){background:#3a8548}.menu-box .menu-start:disabled{opacity:.5;cursor:default}.menu-level.selected{background:#6fbf7329;border-color:#6fbf73}#menu.attract .menu-start{width:auto;min-width:220px;margin:0;padding:6px 18px;position:absolute;bottom:10px;right:18px}#menu.attract .menu-level.current:not(.selected){border-color:#ffffff26}#menu.attract .menu-level.current strong:after{content:none}.menu-settings-toggle{display:none}#menu.attract .menu-settings-toggle{margin-top:4px;padding:4px 14px;font-size:13px;display:block}#menu.attract .menu-cols>section:last-child{display:none}#menu.attract.settings-open .menu-cols>section:last-child{border-top:1px solid #ffffff26;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:0 26px;margin-top:6px;padding-top:2px;font-size:12.5px;display:grid}#menu.attract .menu-cols>section:last-child h2{grid-column:1/-1;margin:8px 0 6px}#menu.attract .menu-setting{margin-bottom:6px}#menu.attract .menu-hint,.menu-resume[hidden],.menu-reload[hidden]{display:none}.menu-reload{width:100%;margin-top:6px;padding:7px}body.attract #hud,body.attract #sights,body.attract #tank-sight,#menu[hidden]{display:none}.menu-box{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;background:#14161ceb;border-radius:10px;width:min(1000px,94vw);max-height:94vh;padding:22px 26px;overflow-y:auto;box-shadow:0 8px 30px #00000080}.menu-box h1{letter-spacing:1px;margin:0 0 14px;font-size:26px}.menu-cols{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}@media (max-width:760px){.menu-cols{grid-template-columns:1fr}}.menu-box h2{text-transform:uppercase;opacity:.7;margin:18px 0 8px;font-size:14px}.menu-box button{font:inherit;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px}.menu-box button:hover{background:#ffffff24}.menu-resume{width:100%;padding:10px;background:#2f6b3a!important;font-size:17px!important}.menu-tabs{border-bottom:1px solid #ffffff26;gap:6px;margin:18px 0 10px;display:flex}.menu-box .menu-tab{text-transform:uppercase;opacity:.6;border-bottom:none;border-radius:6px 6px 0 0;padding:7px 16px;font-size:14px}.menu-box .menu-tab.current{opacity:1;background:#ffffff29;border-color:#e0b84a}.menu-level[hidden]{display:none}.menu-level{text-align:left;width:100%;margin-bottom:8px;padding:10px 12px;display:block}.menu-level strong{margin-bottom:3px;font-size:15px;display:block}.menu-level span{opacity:.75;font-size:12px}.menu-level.current{border-color:#e0b84a}.menu-level.current strong:after{content:"  (current)";opacity:.7;font-weight:400}.menu-setting{align-items:center;gap:10px;margin-bottom:8px;display:flex}.menu-setting[hidden]{display:none}.menu-quick{display:contents}#menu.attract section:first-child .menu-quick{flex-wrap:wrap;gap:0 26px;margin-top:6px;font-size:12.5px;display:flex}#menu.attract section:first-child>.menu-setting,#menu.attract section:first-child .menu-quick .menu-setting{width:-moz-fit-content;width:fit-content;margin:6px 0 2px;font-size:12.5px}#menu.attract section:first-child .menu-setting input{width:auto;margin-left:0}#menu.attract section:first-child .menu-setting input[type=range]{width:130px}.menu-setting select,.menu-setting input{font:inherit;margin-left:auto}.menu-setting input{width:45%}.menu-status{color:#e0b84a;min-height:1.2em}.menu-hint{opacity:.6;margin:4px 0 0;font-size:12px}#click-to-play.warning{background:#782814bf;font-size:13px;top:12px;transform:translate(-50%)}#sights{pointer-events:none;z-index:4;position:fixed;inset:0}#sights[hidden]{display:none}.sight-vignette{background:radial-gradient(#0000 45%,#00000061 100%);position:absolute;inset:0}.sight-body{filter:blur(9px);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:#2a2c2f;width:80vh;position:absolute;top:calc(50% + 4vh);bottom:-4vh;left:calc(50% - 40vh)}#sights.pistol .sight-body{clip-path:polygon(22% 0,78% 0,96% 100%,4% 100%);background:#19191d;width:64vh;top:calc(50% + 3.6vh);left:calc(50% - 32vh)}.sight-rear{filter:blur(5px);clip-path:polygon(0 0,calc(50% - 3.2vh) 0,calc(50% - 2.5vh) 4.2vh,calc(50% + 2.5vh) 4.2vh,calc(50% + 3.2vh) 0,100% 0,100% 100%,0 100%);background:linear-gradient(#101012f0 45%,#10101200);border-radius:1.5vh 1.5vh 0 0;width:48vh;height:15vh;position:absolute;top:calc(50% + .4vh);left:calc(50% - 24vh)}.sight-front{width:0;height:0;position:absolute;top:50%;left:50%}.sight-post{background:#101012;border-radius:.2vh .2vh 0 0;width:.6vh;height:6.5vh;position:absolute;top:0;left:-.3vh}.sight-ear{background:#141416;border-radius:.4vh .4vh 0 0;width:.55vh;height:5.6vh;position:absolute;top:.9vh}.sight-ear.left{left:-2.6vh}.sight-ear.right{left:2.05vh}.sight-base{background:#131315;border-radius:.4vh;width:5.2vh;height:2.4vh;position:absolute;top:5.8vh;left:-2.6vh}#sights.pistol .sight-ear,#sights.pistol .sight-base{display:none}#sights.pistol .sight-post{border-radius:0;width:1.4vh;height:5vh;left:-.7vh}#sights.pistol .sight-rear{clip-path:polygon(0 0,calc(50% - 2.4vh) 0,calc(50% - 2.4vh) 4.4vh,calc(50% + 2.4vh) 4.4vh,calc(50% + 2.4vh) 0,100% 0,100% 100%,0 100%);border-radius:.6vh .6vh 0 0;width:40vh;top:50%;left:calc(50% - 20vh)}#sights.lmg .sight-rear{filter:blur(6px);clip-path:polygon(0 8vh,calc(50% - 10.5vh) 8vh,calc(50% - 10.5vh) 0,calc(50% - 7vh) 0,calc(50% - 5.8vh) 8.2vh,calc(50% + 5.8vh) 8.2vh,calc(50% + 7vh) 0,calc(50% + 10.5vh) 0,calc(50% + 10.5vh) 8vh,100% 8vh,100% 100%,0 100%);border-radius:0;width:44vh;height:24vh;top:calc(50% - 5.5vh);left:calc(50% - 22vh)}#sights.lmg .sight-body{filter:blur(11px);clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);background:linear-gradient(#1d1f22,#2b2d31 30%);width:112vh;top:calc(50% + 9vh);left:calc(50% - 56vh)}#sights.lmg .sight-post{width:.6vh;height:3.1vh;left:-.3vh}#sights.lmg .sight-ear.left{box-sizing:border-box;background:0 0;border:.55vh solid #121214;border-radius:50%;width:6.6vh;height:6.6vh;top:-3.3vh;left:-3.3vh}#sights.lmg .sight-ear.right{display:none}#sights.lmg .sight-base{width:4.8vh;height:2.6vh;top:3vh;left:-2.4vh}#sights.pkm .sight-rear{filter:blur(4px);clip-path:polygon(calc(50% - 6vh) 0,calc(50% - 2vh) 0,calc(50% - 2vh) 2.6vh,calc(50% + 2vh) 2.6vh,calc(50% + 2vh) 0,calc(50% + 6vh) 0,calc(50% + 6vh) 7vh,calc(50% + 11vh) 7vh,calc(50% + 11vh) 11vh,calc(50% + 4.5vh) 11vh,calc(50% + 8vh) 100%,calc(50% - 8vh) 100%,calc(50% - 4.5vh) 11vh,calc(50% - 11vh) 11vh,calc(50% - 11vh) 7vh,calc(50% - 6vh) 7vh);background:linear-gradient(#0e0e10f2 60%,#0e0e10bf);border-radius:0;width:26vh;height:30vh;top:calc(50% + 1.8vh);left:calc(50% - 13vh)}#sights.pkm .sight-body{filter:blur(10px);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);background:linear-gradient(90deg,#3a2212,#24262a 22%,#2c2e32 50%,#24262a 78%,#3a2212);width:96vh;top:calc(50% + 12vh);left:calc(50% - 48vh)}#sights.pkm .sight-post{width:.56vh;height:5.6vh;left:-.28vh}#sights.pkm .sight-ear{transform-origin:50% 100%;width:.6vh;height:5.4vh;top:.3vh}#sights.pkm .sight-ear.left{left:-2.3vh;transform:rotate(-11deg)}#sights.pkm .sight-ear.right{left:1.7vh;transform:rotate(11deg)}#sights.pkm .sight-base{border-radius:.3vh;width:3vh;height:5vh;top:5.2vh;left:-1.5vh}.sight-scope{background:radial-gradient(circle,#0000 0 40.5vh,#0000008c 41.4vh,#000 42.6vh);display:none;position:absolute;inset:0}.sight-scope svg{width:84vh;height:84vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#sights.pso1 .sight-scope,#sights.zf4 .sight-scope,#sights.pgo7 .sight-scope{display:block}#sights.pso1 .sight-front,#sights.pso1 .sight-rear,#sights.pso1 .sight-body,#sights.pso1 .sight-vignette,#sights.zf4 .sight-front,#sights.zf4 .sight-rear,#sights.zf4 .sight-body,#sights.zf4 .sight-vignette,#sights.pgo7 .sight-front,#sights.pgo7 .sight-rear,#sights.pgo7 .sight-body,#sights.pgo7 .sight-vignette{display:none}#sights.m9 .sight-body{clip-path:none;filter:blur(2.5px);background:radial-gradient(3.6vh 2vh at 50% 6vh,#0c0d0f 99%,#0000 100%),linear-gradient(#0c0d0f,#0c0d0f) 50% 6vh/7.2vh 100% no-repeat,#1c1d20;border-radius:11vh 11vh 0 0/9vh 9vh 0 0;width:26vh;height:23vh;top:calc(50% + 4.6vh);bottom:auto;left:calc(50% - 13vh)}#sights.m9 .sight-body:before{content:"";background:#1c1d20;border-radius:2vh;width:9vh;height:4.4vh;position:absolute;top:6.8vh;left:-6vh;box-shadow:29vh 0 #1c1d20}#sights.m9 .sight-body:after{content:"";filter:blur(10px);background:linear-gradient(#1c1d20,#26272a 30%);height:60vh;position:absolute;top:21vh;left:1.5vh;right:1.5vh}#sights.m9 .sight-rear{filter:blur(1.6px);clip-path:polygon(7% 0,calc(50% - 1.35vh) 0,calc(50% - 1.35vh) 2.5vh,calc(50% + 1.35vh) 2.5vh,calc(50% + 1.35vh) 0,93% 0,100% 100%,0 100%);background:radial-gradient(circle at calc(50% - 2.9vh) 1.25vh,#f4f4f0f7 0 .6vh,#0000 .78vh),radial-gradient(circle at calc(50% + 2.9vh) 1.25vh,#f4f4f0f7 0 .6vh,#0000 .78vh),#121315;border-radius:.5vh .5vh 0 0;width:14vh;height:5.6vh;top:calc(50% - .15vh);left:calc(50% - 7vh)}#sights.m9 .sight-ear,#sights.m9 .sight-base{display:none}#sights.m9 .sight-front{z-index:0}#sights.m9 .sight-rear,#sights.m9 .sight-body{z-index:1}#sights.m9 .sight-post{background:radial-gradient(circle at 50% 1.1vh,#f4f4f0 0 .5vh,#0e0e10 .6vh);border-radius:.15vh .15vh 0 0;width:1.7vh;height:9vh;top:0;left:-.85vh}#ammo-wheel{pointer-events:none;z-index:7;width:0;height:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;position:fixed;top:50%;left:50%}#ammo-wheel[hidden]{display:none}.aw-ring{background:radial-gradient(circle,#00000026 0 22%,#0000008c 23% 100%);border:1px solid #ffffff40;border-radius:50%;width:260px;height:260px;position:absolute;top:-130px;left:-130px}.aw-item{color:#ddd;white-space:nowrap;background:#14161cd9;border:1px solid #fff3;border-radius:4px;padding:5px 9px;font-size:13px;position:absolute;transform:translate(-50%,-50%)}.aw-item.current{color:#e0b84a;border-color:#e0b84acc}.aw-item.hover{color:#111;background:#e0b84a}.aw-pointer{background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 3px #000}.aw-hint{color:#ccc;white-space:nowrap;text-shadow:0 1px 2px #000;font-size:12px;position:absolute;top:140px;transform:translate(-50%)}.sight-optic{filter:blur(1.5px);background:radial-gradient(circle,#78aabe0d 60%,#3c5a6e29);border:3.2vh solid #0e0f11;border-radius:50%;width:34vh;height:34vh;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 2vh 1vh #0000008c,inset 0 0 1.5vh #0009}.sight-dot{background:#ff2b1c;border-radius:50%;width:.9vh;height:.9vh;margin:-.45vh 0 0 -.45vh;position:absolute;top:50%;left:50%;box-shadow:0 0 .6vh .25vh #ff321ebf}#sights.reddot .sight-optic{display:block}#sights.reddot .sight-front,#sights.reddot .sight-rear{display:none}#sights.reddot .sight-body{clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);background:#101113;width:44vh;top:calc(50% + 15vh);left:calc(50% - 22vh)}#tank-sight{pointer-events:none;z-index:4;font-family:Consolas,DejaVu Sans Mono,monospace;position:fixed;inset:0}#tank-sight[hidden],#tank-sight [hidden],#ts-readouts[hidden]{display:none}#ts-readouts{pointer-events:none;z-index:5;font-family:Consolas,DejaVu Sans Mono,monospace;position:fixed;inset:0}.ts-mask{background:radial-gradient(circle,#0000 41vh,#0000008c 45.5vh,#000 46vh);position:absolute;inset:0}.ts-glass{background:radial-gradient(circle,#78aaa00f 0,#28465029 44vh);position:absolute;inset:0}.ts-reticle{stroke:#0b0b0b;fill:#0b0b0b;width:92vh;height:92vh;font-size:3.2px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.ts-reticle text{stroke:none}#tank-sight[data-style=merkava] .ts-mask{background:0 0;border-radius:1.6vh;width:min(108vh,62vw);height:84vh;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #000,inset 0 0 7vh #0000008c}#tank-sight[data-style=merkava] .ts-glass{background:linear-gradient(#96beaa12,#3c5a501a)}#tank-sight[data-style=merkava] .ts-reticle{stroke:#eef4ee;fill:#eef4ee;filter:drop-shadow(0 0 .25vh #000000e6)}#tank-sight[data-style=t55] .ts-glass{background:radial-gradient(circle,#cdaa461f 0,#78551442 44vh)}#tank-sight[data-style=t55] .ts-mask{background:radial-gradient(circle,#0000 38vh,#0009 43.5vh,#000 44.5vh)}#tank-sight[data-style=zu23] .ts-glass{background:0 0}#tank-sight[data-style=zu23] .ts-mask{background:radial-gradient(circle,#0000 44vh,#141614d9 44.6vh,#14160f 49vh,#000 56vh)}#tank-sight[data-style=zu23] .ts-reticle{stroke:#ffb347;fill:#ffb347;filter:drop-shadow(0 0 .35vh #ff9628bf)}#ts-readouts.sight[data-style=t55] .ts-left,#ts-readouts.sight[data-style=zu23] .ts-left{display:none}.ts-readout{color:#e8463a;letter-spacing:.1em;text-shadow:0 0 .6vh #ff3c2899;font-size:2vh;position:absolute;bottom:calc(50% - 38vh)}.ts-left{right:calc(50% + 8vh)}.ts-right{left:calc(50% + 8vh)}.ts-load{border:1px solid #e8463ab3;width:14vh;height:.7vh;margin-top:.6vh}.ts-load-bar{background:#e8463a;height:100%}.ts-load.ready .ts-load-bar{background:#59e86a}.ts-mg{opacity:.55;margin-top:.8vh;font-size:1.7vh}.ts-mg.firing{opacity:1;color:#ffd27a}#ts-readouts.hud .ts-readout{color:#fff;text-shadow:0 1px 2px #000;font-size:13px;top:calc(51% + 12px);bottom:auto}#ts-readouts.hud .ts-left{text-align:right;right:calc(55% + 24px)}#ts-readouts.hud .ts-right{left:calc(55% + 24px)}#ts-readouts.hud .ts-load{border-color:#fffc;width:88px;height:4px;box-shadow:0 0 2px #000}#ts-readouts.hud .ts-load-bar{background:#fff}#ts-readouts.hud .ts-load.ready .ts-load-bar{background:#59e86a}#ts-readouts.hud .ts-mg{font-size:12px}body:has(#tank-sight:not([hidden])) #help{visibility:hidden}.ts-orient{color:#e8463a;white-space:pre;background:#0009;border:1px solid #e8463a73;align-items:flex-end;gap:1.2vh;padding:1vh 1.4vh;font-size:1.7vh;line-height:1.5;display:flex;position:absolute;bottom:3vh;left:3vh}body:has(#tank-sight:not([hidden])) #loadout{bottom:max(96px,16vh + 8px)}.ts-orient svg{fill:none;stroke:#e8463a;stroke-width:1.4px;width:6vh;height:7.2vh}.ts-orient .ts-hull,.ts-orient .ts-bow{stroke-opacity:.6}.ts-orient .ts-turret{stroke-width:1.8px}#fade{opacity:0;pointer-events:none;z-index:5;background:#000;position:fixed;inset:0}#shop{pointer-events:auto;text-shadow:none;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#shop[hidden]{display:none}.shop-box{background:#0e140ff0;border:1px solid #9be28f80;border-radius:6px;width:min(1120px,94vw);max-height:94vh;padding:16px 20px;font-size:14px;overflow:auto}.shop-head{align-items:center;gap:18px;margin-bottom:12px;display:flex}.shop-head h2{letter-spacing:.08em;text-transform:uppercase;flex:1;margin:0;font-size:17px}.shop-money{color:#9be28f;margin:0;font-size:26px}.shop-close{font:inherit;color:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;padding:8px 16px}.shop-close:hover{background:#fff3}.shop-body{align-items:flex-start;gap:16px;display:flex}.shop-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shop-item{font:inherit;color:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:5px;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 12px;display:grid;position:relative}.shop-item:hover,.shop-item:focus-visible{background:#9be28f29;border-color:#9be28f;outline:none}.shop-item canvas{background:#cdbf94;border-radius:3px;grid-column:1/-1;width:100%;height:auto}.shop-item .shop-name{font-size:16px;font-weight:700}.shop-item .shop-price{color:#9be28f;font-size:16px}.shop-item small{color:#e6b06a;grid-column:1/-1;min-height:14px;font-size:11px}.shop-item kbd{font:inherit;color:#2e3524;border:1px solid #2e3524;border-radius:3px;padding:0 5px;font-size:11px;position:absolute;top:14px;left:16px}.shop-item.blocked{cursor:default}.shop-item.blocked canvas,.shop-item.blocked .shop-name,.shop-item.blocked .shop-price{opacity:.45}.shop-detail{background:#ffffff0d;border:1px solid #ffffff2e;border-radius:5px;width:300px;min-height:300px;padding:12px 14px}.shop-detail h3{margin:0 0 6px;font-size:18px}.shop-detail p{opacity:.8;margin:2px 0;font-size:12px}.shop-bar{grid-template-columns:1fr auto;gap:2px 8px;margin-top:12px;font-size:12px;display:grid}.shop-bar i{background:#ffffff1f;border-radius:2px;grid-area:2/1/auto/-1;height:9px}.shop-bar b{background:#9be28f;border-radius:2px;height:100%;display:block}.shop-bar small{opacity:.7}.shop-hint{opacity:.6;margin:12px 0 0;font-size:11px}#hurt{opacity:0;background:radial-gradient(#96000000 45%,#9600008c 100%);position:absolute;inset:0}#threats{position:absolute;top:50%;left:50%}#threats i{clip-path:polygon(32% 0,68% 0,60% 20%,40% 20%);box-sizing:border-box;border:3px solid #0000;border-top-color:#ffffffe6;border-radius:50%;width:220px;height:220px;position:absolute;top:-110px;left:-110px}#threats i.hit{border-width:7px;border-top-color:#e2271c}#death{text-align:center;pointer-events:auto;background:#0a0a0abf;border:1px solid #ffffff40;border-radius:6px;padding:18px 28px;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}#death[hidden]{display:none}#death h2{margin:0 0 6px;font-size:22px}#death p{opacity:.75;margin:0 0 14px}#death button{font:inherit;color:#fff;cursor:pointer;background:#2f6b3a;border:1px solid #ffffff59;border-radius:4px;padding:10px 34px;font-size:17px}#death button:hover{background:#3b8448}body.dead #crosshair,body.dead #prompt,body.dead #threats,body.dead #sights{display:none}#loadout{flex-direction:column;gap:16px;display:flex;position:absolute;bottom:96px;left:16px}#loadout[hidden]{display:none}.loadout-slot{align-items:center;gap:8px;display:flex}.loadout-slot kbd{width:16px;font:inherit;text-align:center;opacity:.8;font-size:12px}.loadout-stack{width:150px;height:52px;position:relative}.loadout-card{filter:grayscale()brightness(.75);background:#8d8a80;border:1px solid #00000073;border-radius:4px;position:absolute;inset:0}.loadout-card canvas{width:100%;height:100%}.loadout-card.held{filter:none;background:#cdbf94;border-color:#9be28f}.loadout-card span{white-space:nowrap;margin-left:10px;font-size:13px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.loadout-card.empty{filter:none;opacity:1;background:#ffffff0f;border-style:dashed;border-color:#ffffff40}body.dead #loadout,body.attract #loadout{display:none}.loadout-card b{color:#1c2214;font-size:14px;position:absolute;bottom:2px;right:5px}.loadout-card b.none{color:#a3271c}
