[hidden]{display:none!important}
:root{--navy:#071736;--blue:#123b78;--sky:#b9e8f4;--green:#56a86c;--yellow:#ffd23f;--shield:#68d7ff;--white:#f5fbff;--glass:rgba(7,23,54,.82)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#091b38;color:var(--white);font-family:'IBM Plex Sans',sans-serif}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}#game{position:absolute;inset:0;width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(110deg,rgba(7,23,54,.7),rgba(7,23,54,.14) 60%,rgba(7,23,54,.5));z-index:10}.menu-skyline{position:absolute;inset:0;opacity:.42;background:linear-gradient(160deg,transparent 60%,rgba(86,168,108,.35) 60.2%,rgba(86,168,108,.1) 69%,transparent 69.3%),linear-gradient(30deg,transparent 72%,rgba(255,255,255,.24) 72.2%,transparent 72.6%);pointer-events:none}.brand-lockup{position:absolute;left:clamp(24px,8vw,140px);top:clamp(30px,11vh,110px);transform:rotate(-3deg)}.brand-mark{color:var(--yellow);font-size:2.2rem;position:absolute;left:-25px;top:6px}.brand-lockup h1{font:900 clamp(3.4rem,8vw,8rem)/.75 'Barlow Condensed';letter-spacing:-.06em;margin:0;color:var(--white);text-shadow:7px 8px 0 rgba(7,23,54,.35)}.brand-lockup h1 span{color:var(--yellow)}.brand-lockup p{margin:18px 0 0 6px;font-weight:600;letter-spacing:.14em}.menu-card{position:absolute;left:clamp(24px,8vw,140px);bottom:clamp(38px,11vh,110px);width:min(470px,calc(100% - 48px));padding:25px 28px 23px;background:rgba(7,23,54,.84);border-left:4px solid var(--yellow);box-shadow:0 22px 70px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.eyebrow{margin:0 0 13px;color:var(--shield);font-size:.72rem;font-weight:700;letter-spacing:.18em}.menu-card h2,.pause-overlay h2,.result-overlay h2{margin:0;font:800 2.8rem/.92 'Barlow Condensed';letter-spacing:-.02em}.menu-card h2 em{color:var(--yellow);font-style:normal}.menu-copy{max-width:390px;line-height:1.55;color:#c5d5e5;font-size:.9rem}.menu-actions{display:flex;gap:11px;margin-top:22px}.cta,.secondary{min-height:48px;padding:0 20px;font-weight:700}.cta{background:var(--yellow);color:var(--navy);box-shadow:4px 4px 0 rgba(255,255,255,.16);transition:transform .16s,box-shadow .16s}.cta:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(255,255,255,.2)}kbd{font-size:.65rem;margin-left:10px;opacity:.65}.secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24)}.controls-hint{font-size:.68rem;color:#93abc7;margin:18px 0 0}.loading{position:absolute;right:clamp(20px,6vw,90px);bottom:40px;display:flex;align-items:center;gap:12px;color:#b7d8e8;font-size:.75rem}.loading i{width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#hud{position:absolute;inset:0;z-index:5;pointer-events:none;font-family:'IBM Plex Sans',sans-serif}.hud-top,.hud-left,.hud-right,.hud-bottom{position:absolute;display:flex;pointer-events:auto}.hud-top{left:22px;right:22px;top:18px;justify-content:space-between;align-items:start}.stat-pod,.storm-pod,.mode-pod{background:var(--glass);padding:9px 14px;min-height:46px;border-top:2px solid var(--shield);box-shadow:0 5px 20px #07173644}.stat-pod{display:flex;gap:8px;align-items:center}.stat-pod .label,.storm-pod span,.mode-pod span,.kill-card span{font-size:.68rem;color:#9eb4ce}.stat-pod strong{font-size:1.35rem;color:var(--yellow)}.storm-pod{text-align:center}.storm-pod strong{display:block;font:700 1.25rem 'Barlow Condensed';color:var(--yellow)}.mode-pod{display:flex;gap:16px;align-items:center}.mode-pod button{background:none;font-size:1.15rem}.hud-left{left:22px;bottom:108px;flex-direction:column;gap:14px}.vitals{width:215px}.vital-row{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:3px}.vital-row strong{font-size:.8rem}.shield{color:var(--shield);margin-top:8px}.bar{height:7px;background:#061127aa;border:1px solid #ffffff3d}.bar i{display:block;width:100%;height:100%;background:var(--white);transition:width .25s}.bar i#shield-fill{background:var(--shield)}.resource{display:flex;align-items:center;gap:7px;background:var(--glass);padding:8px 12px;width:max-content}.resource strong{color:var(--yellow)}.resource small{font-size:.63rem;color:#a7bdd1}.wood-icon{color:#9acb76}.hud-right{right:22px;bottom:110px;align-items:end;gap:14px}.kill-card{text-align:right}.kill-card strong{display:block;font:800 2rem 'Barlow Condensed';color:var(--yellow)}#minimap{width:168px;height:168px;border:2px solid #d6f5ff99;background:#07173699;clip-path:polygon(50% 0,100% 28%,100% 73%,50% 100%,0 73%,0 28%)}.notice{position:absolute;left:50%;top:20%;transform:translateX(-50%);padding:9px 18px;background:var(--glass);color:var(--yellow);font-size:.75rem;letter-spacing:.12em;border-bottom:2px solid var(--yellow)}#crosshair{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#fff;width:7px;height:2px;box-shadow:0 0 4px #071736}.crosshair i:nth-child(1){left:0;top:13px}.crosshair i:nth-child(2){right:0;top:13px}.crosshair i:nth-child(3){left:13px;top:0;width:2px;height:7px}.crosshair i:nth-child(4){left:13px;bottom:0;width:2px;height:7px}#hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:2rem;color:var(--yellow);opacity:0;transition:opacity .1s}.hud-bottom{left:50%;bottom:22px;transform:translateX(-50%);gap:10px;align-items:end}.weapon-slots,.build-tools{display:flex;gap:4px}.weapon,.build-tools button{background:var(--glass);border:1px solid #ffffff2e;min-width:82px;height:62px;padding:6px 9px;text-align:left}.weapon.active{border-color:var(--yellow);background:#162c55}.weapon span{display:block;font-size:.6rem;color:#9eb4ce}.weapon b{display:block;font-size:.65rem}.weapon strong{display:block;text-align:right;color:var(--yellow);font:700 1.2rem 'Barlow Condensed'}.build-tools button{text-align:center;color:var(--yellow);font-size:1.35rem;min-width:54px}.build-tools small{display:block;font-size:.58rem;color:#bdcee0}.touch-actions,#joystick-zone,#look-zone{display:none}.result-overlay,.pause-overlay{display:flex;flex-direction:column;gap:16px;text-align:center}.result-overlay h2,.pause-overlay h2{font-size:4.6rem}.result-overlay .cta,.pause-overlay .cta{margin-top:20px}.pause-overlay{background:rgba(7,23,54,.76)}.pause-overlay .secondary{margin-top:2px}#damage-flash{position:absolute;inset:0;background:#e44c3655;opacity:0;pointer-events:none}#result-stats{color:#c5d5e5}@media(max-width:700px){.brand-lockup{top:38px;left:36px}.brand-lockup h1{font-size:4.6rem}.brand-lockup p{font-size:.7rem}.menu-card{left:18px;bottom:80px;padding:20px;width:calc(100% - 36px)}.menu-card h2{font-size:2.3rem}.controls-hint{display:none}.hud-top{left:10px;right:10px;top:10px}.stat-pod,.storm-pod,.mode-pod{padding:7px 9px;min-height:40px}.mode-pod span{display:none}.hud-left{left:12px;bottom:96px}.vitals{width:150px}.hud-right{right:10px;bottom:98px}.kill-card{display:none}#minimap{width:116px;height:116px}.hud-bottom{bottom:13px;width:100%;justify-content:center}.weapon{min-width:67px;height:58px;padding:5px}.weapon b{font-size:.55rem}.build-tools button{min-width:42px;height:58px}.touch-actions{display:flex;position:absolute;right:12px;bottom:145px;flex-direction:column;gap:7px;pointer-events:auto}.touch-actions button{width:44px;height:44px;border-radius:50%;background:#071736cc;border:1px solid #ffffff55;color:var(--yellow);font-size:1.3rem}.touch-actions button:first-child{width:60px;height:60px;background:var(--yellow);color:var(--navy)}#joystick-zone{display:block;position:absolute;left:18px;bottom:142px;width:112px;height:112px;border-radius:50%;background:#07173655;border:1px solid #ffffff3b;pointer-events:auto}#joystick-knob{position:absolute;left:32px;top:32px;width:48px;height:48px;border-radius:50%;background:#b9e8f488;border:2px solid #fff}#look-zone{display:block;position:absolute;right:0;top:20%;bottom:20%;width:53%;pointer-events:auto}.notice{top:16%;font-size:.65rem}.result-overlay h2,.pause-overlay h2{font-size:3.4rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* State feedback and touch layers. */
.notice{opacity:0;transition:opacity .15s;max-width:calc(100% - 28px);text-align:center;letter-spacing:.025em;pointer-events:none}.notice.visible{opacity:1}.weapon.selected,.build-tools button.selected{border-color:var(--yellow);background:#244e78}.weapon:not(.selected){border-color:#ffffff2e;background:var(--glass)}#hit-marker.active{opacity:1}#damage-flash.active{animation:hurt .35s ease-out}#crosshair i:nth-child(1){left:0;top:13px}#crosshair i:nth-child(2){right:0;top:13px}#crosshair i:nth-child(3){left:13px;top:0;width:2px;height:7px}#crosshair i:nth-child(4){left:13px;bottom:0;width:2px;height:7px}#crosshair.building i{background:#88f7e0}#joystick-knob{left:50%;top:50%;transform:translate(-50%,-50%)}#app{touch-action:none;user-select:none;-webkit-user-select:none}.danger{color:#ffc4ce!important}.brand-lockup h1{font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;letter-spacing:-.035em;line-height:.9}.menu-card h2,.pause-overlay h2,.result-overlay h2{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:2.35rem;line-height:1.3}.menu-card h2{font-weight:900}.result-overlay h2,.pause-overlay h2{font-size:clamp(2rem,5vw,4.2rem)}.stat-pod strong,.storm-pod strong,.weapon strong,.kill-card strong{font-family:Impact,'Arial Narrow',sans-serif}.menu-card{width:min(490px,calc(100% - 48px))}#mute{font-size:.7rem}button:disabled{opacity:.5;cursor:wait}@keyframes hurt{from{opacity:.8}to{opacity:0}}@media(max-width:700px){.hud-left{top:74px;bottom:auto;gap:6px}.hud-right{top:78px;bottom:auto}.vitals{width:145px}.resource{padding:5px 8px}.touch-actions{bottom:123px;z-index:3}.touch-actions [data-action=medkit]{font-size:.65rem}.touch-actions [data-action=shoot]{font-size:1.8rem}#joystick-zone{bottom:128px;z-index:2}#look-zone{top:145px;bottom:90px;z-index:1}.hud-bottom,.hud-top{z-index:4}.menu-card{bottom:45px}.menu-card h2{font-size:1.8rem}.brand-lockup h1{font-size:4rem}.brand-lockup{top:40px}.brand-lockup p{letter-spacing:.04em}.notice{top:37%}.controls-hint{display:block;font-size:.6rem}.result-overlay{padding:22px}.hud-bottom{gap:4px}.weapon{min-width:63px}.build-tools button{min-width:40px}}
@media(pointer:coarse) and (min-width:701px){#joystick-zone{display:block;position:absolute;left:28px;bottom:225px;width:112px;height:112px;border:1px solid #fff6;border-radius:50%;pointer-events:auto}#joystick-knob{position:absolute;width:48px;height:48px;background:#c6ecf4aa;border:2px solid white;border-radius:50%}#look-zone{display:block;position:absolute;inset:20% 0 20% 50%;pointer-events:auto}.touch-actions{display:flex;position:absolute;right:25px;bottom:300px;gap:10px;pointer-events:auto}.touch-actions button{padding:15px;background:var(--glass);border:1px solid #fff6}}
.vitals{padding:10px 12px;background:rgba(7,23,54,.68);border-left:2px solid #a3e7ff}.controls-details{font-size:.72rem;color:#c5d5e5;line-height:1.7;margin-top:12px}.controls-details summary{cursor:pointer}.controls-details p{margin:8px 0 0}#weapon-name{white-space:nowrap;font-size:.78rem;align-self:center;text-shadow:0 1px 3px #071736}@media(max-width:700px){.vitals{padding:7px 9px}#weapon-name{position:absolute;bottom:66px;left:16px;background:var(--glass);padding:4px 8px;font-size:.65rem}.menu-card{width:calc(100% - 36px)}}
.weapon-readout{display:flex;align-items:center;gap:12px;position:absolute;left:0;bottom:72px;padding:6px 10px;background:var(--glass);border-left:2px solid var(--yellow)}#ammo{font-size:.85rem;font-weight:700;white-space:nowrap;color:var(--yellow)}@media(max-width:700px){.weapon-readout{left:16px;bottom:66px;padding:4px 8px;gap:10px}#weapon-name{position:static;background:none;padding:0}.hud-bottom{width:max-content}.notice{width:max-content;max-width:calc(100% - 28px)}}