@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#f1eee3;font-synthesis:none;background:#1d231e;font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif}*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}#app{isolation:isolate;position:relative}#game{touch-action:none;position:absolute;inset:0}#game canvas{width:100%;height:100%;display:block}.hidden{display:none!important}.vignette{z-index:2;pointer-events:none;background:radial-gradient(at 50% 52%,#0000 42%,#0c0f0c54 100%),linear-gradient(#0a0e0b66,#0000 21% 72%,#0a0e0b42);position:absolute;inset:0}.hud{z-index:4;pointer-events:none;position:absolute;inset:0}.hud button,.touch-controls{pointer-events:auto}.topbar{background:linear-gradient(#101712e0,#10171200);justify-content:space-between;align-items:center;gap:25px;height:88px;padding:0 clamp(20px,3vw,48px);display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.07em;white-space:nowrap;align-items:center;gap:11px;font-size:25px;font-weight:800;line-height:.82;display:flex}.brand small{color:#c6b994;letter-spacing:.42em;margin-top:7px;font:500 10px IBM Plex Mono,monospace;display:block}.brand-mark{color:#1e241c;clip-path:polygon(0 0,100% 0,100% 80%,78% 100%,0 100%);background:#d5c7a0;place-items:center;width:42px;height:42px;font-size:25px;line-height:1;display:grid}.mission{text-transform:uppercase;flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;margin-right:4vw;display:flex}.mission strong{letter-spacing:.07em;font-size:18px;font-weight:600}.eyebrow,.stat-label{letter-spacing:.2em;color:#cfc3a2;font:600 10px IBM Plex Mono,monospace}.top-actions{gap:7px;display:flex}.top-actions button{color:#eae3ce;background:#222d23a6;border:1px solid #dcd4b545;place-items:center;width:34px;height:34px;font:700 16px IBM Plex Mono,monospace;transition:all .2s;display:grid}.top-actions button:hover{color:#1b241a;background:#cfc29d}.left-panel{text-shadow:0 2px 8px #00000080;border-left:2px solid #ceb985;width:185px;padding:1px 0 0 17px;position:absolute;bottom:clamp(52px,6vh,82px);left:clamp(20px,3vw,48px)}.left-panel .stat-label{color:#e4d5af}.speed{align-items:baseline;gap:8px;display:flex}.speed span{letter-spacing:-.06em;font-size:72px;font-weight:600;line-height:.98}.speed small{color:#ddd3b9;font-size:17px}.speed-rail,.reload-track{background:#e0d5b34f;height:3px;overflow:hidden}.speed-rail>div,.reload-track>div{background:#d8bd7f;width:0;height:100%;transition:width .1s linear}.gear{letter-spacing:.14em;color:#eadbb4;margin:10px 0 25px;font:500 10px IBM Plex Mono,monospace}.compass{border-top:1px solid #e6debd3d;align-items:center;gap:11px;padding-top:12px;display:flex}.compass-tick{border:5px solid #0000;border-bottom:8px solid #caa972;width:0;height:0;transform:translateY(-4px)}.compass span{font-size:27px;font-weight:700;line-height:1}.compass small{letter-spacing:.12em;color:#d1c9ac;font:500 10px IBM Plex Mono,monospace}.right-panel{flex-direction:column;gap:9px;width:135px;display:flex;position:absolute;top:117px;right:clamp(20px,3vw,48px)}.score-card{text-align:right;background:linear-gradient(90deg,#0000,#19201a94);border-right:2px solid #c8b27e;padding:9px 12px 8px}.score-card span{color:#d3c59e;letter-spacing:.18em;font:500 10px IBM Plex Mono,monospace;display:block}.score-card strong{letter-spacing:.06em;margin-top:0;font:600 28px Barlow Condensed,sans-serif;display:block}.bottom-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141d15b3;border:1px solid #d7c89e59;align-items:center;gap:14px;width:min(330px,44vw);padding:12px 14px;display:flex;position:absolute;bottom:clamp(50px,6vh,82px);left:50%;transform:translate(-50%)}.shell-icon{color:#d6bc7f;font-size:40px;line-height:1}.bottom-panel>div:nth-child(2){flex:1;min-width:0}.bottom-panel strong{letter-spacing:.09em;white-space:nowrap;font-size:18px;font-weight:700;display:block}.bottom-panel .eyebrow{font-size:9px}.reload-track{margin-top:6px}.reload-track>div{width:100%}.ammo{text-align:right;border-left:1px solid #e0d6b840;padding-left:13px}.ammo span{color:#cabd9a;letter-spacing:.08em;font:500 9px IBM Plex Mono,monospace;display:block}.ammo strong{font-size:28px}.control-hint{white-space:nowrap;text-align:center;color:#efe7d0c7;letter-spacing:.04em;text-shadow:0 2px 5px #101510;font:500 10px IBM Plex Mono,monospace;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.control-hint span{color:#c2a468;margin:0 8px}.reticle{opacity:.93;width:68px;height:68px;transition:transform 90ms,opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle>span:not(.reticle-range){background:#e7ddc2;position:absolute;box-shadow:0 0 5px #111}.reticle-left,.reticle-right{width:14px;height:2px;top:33px}.reticle-left{left:0}.reticle-right{right:0}.reticle-top,.reticle-bottom{width:2px;height:14px;left:33px}.reticle-top{top:0}.reticle-bottom{bottom:0}.reticle .reticle-dot{background:#e7ddc2;border-radius:50%;width:3px;height:3px;top:32px;left:32px}.reticle-range{letter-spacing:.08em;white-space:nowrap;color:#e7ddc2;text-shadow:0 2px 4px #111;font:600 10px IBM Plex Mono,monospace;position:absolute;top:80px;left:50%;transform:translate(-50%)}.reticle.reloading{opacity:.48;transform:translate(-50%,-50%)scale(1.23)}.reticle.over-target>span:not(.reticle-range){background:#efb56e}.hitmarker{color:#f2ca86;opacity:0;text-shadow:0 0 20px #db8f37;pointer-events:none;font:700 50px Arial,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hitmarker.show{animation:.3s ease-out hit}@keyframes hit{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.7)}}.toast{letter-spacing:.12em;opacity:0;white-space:nowrap;background:#141d16d1;border:1px solid #e0ce9a80;padding:8px 16px;font:600 14px IBM Plex Mono,monospace;transition:all .25s;position:absolute;top:135px;left:50%;transform:translate(-50%)translateY(-10px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.overlay{z-index:8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(90deg,#111812f5,#111812d4 48%,#11181242 100%);align-items:center;padding:clamp(20px,7vw,120px);display:flex;position:absolute;inset:0}.menu-card{width:min(550px,100%);padding:20px 0}.menu-kicker{color:#d6bf88;letter-spacing:.24em;font:600 11px IBM Plex Mono,monospace}.live-dot{background:#dcb67d;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 15px #dcac67}.menu-card h1{letter-spacing:-.035em;color:#f0ead7;margin:30px 0 22px;font-size:clamp(96px,14vw,176px);font-weight:800;line-height:.82}.menu-card h1 em{color:#bfa772;font-style:normal}.menu-subtitle{letter-spacing:.015em;color:#d6d3c4;max-width:480px;margin:0 0 28px;font-size:23px;line-height:1.23}.menu-rule{background:linear-gradient(90deg,#d6bf88,#d6bf8800);height:1px;margin:30px 0}.controls-grid{grid-template-columns:1fr 1fr;gap:19px 20px;margin-bottom:37px;display:grid}.controls-grid>div{flex-direction:column;gap:5px;display:flex}.controls-grid kbd{letter-spacing:.05em;color:#e5d7b6;font:600 13px IBM Plex Mono,monospace}.controls-grid span{color:#bdbeb2;letter-spacing:.03em;font-size:15px}.primary-button{color:#1d251e;letter-spacing:.13em;background:#d1bd8d;border:1px solid #dbc79c;justify-content:space-between;align-items:center;gap:35px;min-width:240px;padding:15px 21px;font-size:20px;font-weight:800;transition:transform .2s,background .2s;display:flex}.primary-button:hover{background:#f0d9a2;transform:translateY(-2px)}.primary-button span{font-family:Arial,sans-serif;font-size:27px;font-weight:400}.menu-footnote{color:#919d90;letter-spacing:.04em;margin:20px 0 0;font-size:13px}.menu-side-note{color:#d5c5a3;letter-spacing:.15em;writing-mode:vertical-rl;font:500 10px IBM Plex Mono,monospace;position:absolute;bottom:27px;right:37px}.help-card h2{margin:25px 0 20px;font-size:68px;line-height:1}.help-rows{max-width:470px;margin:10px 0 32px}.help-rows div{border-bottom:1px solid #dfd6b12e;justify-content:space-between;gap:15px;padding:8px 0;display:flex}.help-rows b{color:#e0cf9d;font:600 12px IBM Plex Mono,monospace}.help-rows span{color:#d2d2c3;text-align:right;font-size:17px}.loading-screen{z-index:20;background:#1b211a;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.loading-logo{letter-spacing:-.04em;color:#d1bd89;font-size:96px;font-weight:800;line-height:1}.loading-logo span{font-weight:500}.loading-title{letter-spacing:.16em;font-size:17px;font-weight:700}.loading-title span{color:#a9aa9c;letter-spacing:.25em;text-align:center;margin-top:6px;font:500 10px IBM Plex Mono,monospace;display:block}.loading-track{background:#404739;width:min(260px,65vw);height:3px;margin-top:13px}.loading-track div{background:#d5bd86;width:8%;height:100%;transition:width .3s}.loading-screen #loading-note{color:#afb4a6;font:400 11px IBM Plex Mono,monospace}.touch-controls{display:none}@media (width<=720px){.topbar{height:73px;padding:0 14px}.brand{font-size:20px}.brand-mark{width:36px;height:36px;font-size:21px}.mission{display:none}.top-actions button{width:31px;height:31px}.left-panel{width:125px;padding-left:11px;bottom:160px;left:16px}.speed span{font-size:48px}.speed small{font-size:13px}.gear{margin-bottom:8px}.compass{display:none}.right-panel{gap:3px;width:92px;top:80px;right:12px}.score-card{padding:4px 7px}.score-card strong{font-size:22px}.score-card span{font-size:8px}.bottom-panel{gap:8px;width:210px;padding:7px;bottom:104px}.shell-icon{font-size:25px}.bottom-panel strong{font-size:12px}.bottom-panel .eyebrow{font-size:7px}.ammo strong{font-size:20px}.ammo span{font-size:7px}.control-hint{display:none}.overlay{background:#111812eb;padding:22px}.menu-card h1{margin:20px 0;font-size:96px}.menu-subtitle{font-size:19px}.controls-grid{gap:12px;margin-bottom:28px}.controls-grid span{font-size:13px}.menu-side-note{display:none}.menu-footnote{max-width:280px}.touch-controls{display:block}.move-pad{touch-action:none;background:#141d1670;border:1px solid #e6dbb280;border-radius:50%;width:105px;height:105px;position:absolute;bottom:23px;left:25px}.move-pad:before,.move-pad:after{content:"";background:#efdeb021;position:absolute}.move-pad:before{width:1px;height:100%;left:50%}.move-pad:after{width:100%;height:1px;top:50%}.move-pad>div{background:#d6bf8f;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #151d18}.touch-fire{color:#f5ebd6;letter-spacing:.05em;background:#a05d33e6;border:2px solid #ead4a2;border-radius:50%;width:89px;height:89px;font-size:18px;font-weight:800;position:absolute;bottom:33px;right:24px;box-shadow:0 0 25px #493025}.touch-fire:active{background:#bb794e}.reticle-range{top:70px}}@media (height<=540px){.menu-card h1{font-size:75px}.menu-card{padding:0}.menu-subtitle{margin-bottom:12px;font-size:17px}.menu-rule{margin:13px 0}.controls-grid{gap:8px;margin-bottom:16px}.menu-footnote{display:none}.left-panel{bottom:95px}.bottom-panel{bottom:28px}.touch-controls .move-pad{bottom:8px}.touch-fire{bottom:14px}}@media (pointer:coarse) and (width>=721px){.touch-controls{display:block}.move-pad{touch-action:none;background:#141d1670;border:1px solid #e6dbb280;border-radius:50%;width:112px;height:112px;position:absolute;bottom:32px;left:36px}.move-pad:before,.move-pad:after{content:"";background:#efdeb021;position:absolute}.move-pad:before{width:1px;height:100%;left:50%}.move-pad:after{width:100%;height:1px;top:50%}.move-pad>div{background:#d6bf8f;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #151d18}.touch-fire{color:#f5ebd6;letter-spacing:.05em;background:#a05d33e6;border:2px solid #ead4a2;border-radius:50%;width:94px;height:94px;font-size:18px;font-weight:800;position:absolute;bottom:36px;right:36px;box-shadow:0 0 25px #493025}.touch-fire:active{background:#bb794e}.control-hint{display:none}.left-panel{bottom:180px}}