*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#87b9d9;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none;color:#fff;z-index:10}.hud-panel{position:absolute;top:12px;left:12px;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;width:min(286px,calc(100vw - 24px));min-width:0;padding:9px 11px;background:#00000094;border:1px solid rgba(255,255,255,.17);border-radius:6px;font-size:11px;line-height:1.25;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hud-panel strong{grid-column:1 / -1;font-size:13px;letter-spacing:1px;color:#afa}.health-track{grid-column:1 / -1;width:100%;height:10px;overflow:hidden;background:#3b2424;border-radius:5px}#health-fill{width:100%;height:100%;background:#36d65c;border-radius:5px;transition:width .15s ease}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:27px;font-weight:700;color:#fff;text-shadow:0 0 4px black}#hit-marker{position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);opacity:0}#hit-marker:before,#hit-marker:after{content:"";position:absolute;background:#fff;box-shadow:0 0 3px #000}#hit-marker:before{width:3px;height:24px;left:11px}#hit-marker:after{width:24px;height:3px;top:11px}#hit-marker.hit{animation:hit .18s ease-out}@keyframes hit{0%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(.7)}}#damage-flash{position:absolute;inset:0;background:#f000}#damage-flash.damage{animation:damage .25s ease-out}@keyframes damage{0%{background:#ff000059}to{background:#f000}}#help{position:absolute;bottom:15px;left:15px;max-width:min(530px,calc(100vw - 24px));padding:8px 10px;background:#0000007a;border-radius:5px;color:#fff;font-size:10px;line-height:1.5;opacity:.82}#respawn-message{position:absolute;top:35%;width:100%;text-align:center;font-size:25px;font-weight:700;color:#fff;text-shadow:0 2px 5px black}#garage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000c7;pointer-events:auto;z-index:30}#garage.hidden{display:none}.garage-window{width:min(390px,calc(100% - 30px));padding:28px;background:#202a30;color:#fff;border:1px solid #6e8c79;border-radius:10px;box-shadow:0 12px 40px #00000080}.garage-window h2{margin-bottom:8px;color:#afa;letter-spacing:2px}.garage-window p{margin-bottom:22px;color:#c6d0d0;font-size:13px}.garage-window label{display:block;margin:15px 0 7px;font-size:13px;color:#d7e4d7}.garage-window select{width:100%;padding:11px;color:#fff;background:#35434a;border:1px solid #667c83;border-radius:5px;outline:none}.garage-window button{width:100%;margin-top:25px;padding:13px;color:#102015;background:#80d68a;border:0;border-radius:5px;font-weight:700;cursor:pointer}.garage-window button:hover{background:#a1f0a9}@media(max-width:600px){.hud-panel{top:8px;left:8px;width:min(260px,calc(100vw - 16px));padding:8px;font-size:10px}#help{bottom:8px;left:8px;font-size:10px;max-width:calc(100vw - 16px)}}#tank-arena-fps.performance-readout{opacity:.38;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace!important;border-color:#a4cac72e!important;border-radius:2px!important;background:#060c109e!important;transition:opacity .18s ease}#tank-arena-fps.performance-readout:hover{opacity:.95}.hud-panel>span{color:#d1dddf}#team-text{color:#8dd2c8;font-weight:700}#health-text{text-align:right}#ctf-objective{grid-column:1 / -1;padding-top:6px;border-top:1px solid rgba(182,210,207,.12);color:#b5c9c9}#crosshair{color:#d7f2eb;font:300 23px/1 Arial,sans-serif;text-shadow:0 0 5px #071012,0 0 12px #62d8c855}#main-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.main-menu-header{min-height:76px}.main-menu-header>button{margin-left:auto;border-radius:2px}.main-menu-nav button,.garage-nav-item{transition:color .15s ease,background .15s ease,border-color .15s ease}.main-menu-nav button:hover,.garage-nav-item:hover{color:#e5f4f1;border-color:#70bfb547;background:#52a39a14}.garage-top-stats b{font-variant-numeric:tabular-nums}.garage-section,.local-battle-list,.battle-details{box-shadow:0 12px 28px #00000024}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #75c9bf;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}