:root{--bg: #88b8e8;--fg: #e8eaed;--accent: #ff3b3b;--gold: #ffc857;--green: #5dd39e;--mono: ui-monospace, "SF Mono", Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--sans)}canvas{display:block;cursor:crosshair}.hidden{display:none!important}#splash{position:fixed;inset:0;background:radial-gradient(ellipse at top,#1a2030,#06080c 60%),repeating-linear-gradient(0deg,transparent 0,transparent 30px,rgba(255,255,255,.02) 30px,rgba(255,255,255,.02) 31px);display:grid;place-items:center;z-index:100}.splash-card{background:#0f141cd9;border:1px solid rgba(255,200,87,.3);border-radius:4px;padding:48px 56px;width:min(440px,92vw);backdrop-filter:blur(12px);box-shadow:0 24px 80px #0009}.version-banner{background:var(--gold);color:#1a1408;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-align:center;padding:6px 8px;border-radius:2px;margin-bottom:18px}.splash-card h1{font-family:var(--mono);font-size:28px;letter-spacing:.18em;color:var(--gold);margin-bottom:4px}.required{color:var(--accent);font-size:9px;letter-spacing:.1em;margin-left:6px}.splash-card button#enter:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.splash-card button#enter:disabled:hover{background:#ffffff1a}.tagline{font-size:13px;color:#e8eaed99;margin-bottom:32px;letter-spacing:.05em}.splash-card label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#e8eaed80;text-transform:uppercase;margin-bottom:18px}.splash-card input{display:block;width:100%;margin-top:6px;padding:10px 12px;background:#0006;border:1px solid rgba(255,255,255,.1);color:var(--fg);font-family:var(--mono);font-size:14px;letter-spacing:.08em;border-radius:2px;outline:none}.splash-card input:focus{border-color:var(--gold)}.splash-card button{display:block;width:100%;margin-top:12px;padding:14px;background:var(--gold);border:0;color:#1a1408;font-family:var(--mono);font-size:13px;letter-spacing:.2em;font-weight:700;cursor:pointer;border-radius:2px;transition:transform .08s ease,background .15s ease}.splash-card button:hover{background:#ffd97a}.splash-card button:active{transform:translateY(1px)}.hint{margin-top:18px;font-size:11px;color:#e8eaed66;text-align:center;font-family:var(--mono)}.map-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#e8eaed80;text-transform:uppercase;margin:8px 0 10px}#map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.map-card{background:#00000073;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:14px 4px;color:var(--fg);font-family:var(--sans);cursor:pointer;text-align:center;transition:border-color .12s ease,background .12s ease,transform .08s ease}.map-card:hover{border-color:var(--gold);background:#ffc8571a}.map-card.selected{border-color:var(--gold);background:#ffc8572e;box-shadow:inset 0 0 0 1px var(--gold)}.map-card .map-emoji{font-size:28px;line-height:1;margin-bottom:6px}.map-card .map-name{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--gold)}.map-card .map-desc{font-size:9px;color:#e8eaed8c;margin-top:3px;line-height:1.3}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud-top{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:24px;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:#e8eaedcc;text-transform:uppercase}#objective{background:#0009;padding:8px 16px;border-radius:2px;border-left:2px solid var(--gold)}#room-info{color:#e8eaed66}.hud-bottom{position:absolute;bottom:24px;left:24px;display:flex;flex-direction:column;gap:8px}#hp-row,#ammo-row{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:14px}.label{font-size:10px;letter-spacing:.15em;color:#e8eaed80}.bar{width:220px;height:10px;background:#0009;border:1px solid rgba(255,255,255,.15);overflow:hidden}#hp-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--green),#92e3ba);transition:width .2s ease,background .2s ease}#hp-fill.low{background:linear-gradient(90deg,var(--accent),#ff7070)}#hp-num{min-width:30px}#weapon{color:var(--gold);letter-spacing:.1em;font-size:11px}#ammo{font-size:20px;font-weight:700}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffb3}#crosshair:before{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}#crosshair:after{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}#mate-status{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:12px;background:#0009;padding:8px 12px;border-radius:2px}.mate-row{display:flex;align-items:center;gap:8px}.mate-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px;box-shadow:0 0 6px currentColor}.mate-name{min-width:70px}.mate-dist{font-size:10px;color:#e8eaed8c;min-width:36px;text-align:right}.mini-bar{width:70px;height:6px;background:#0009;border:1px solid rgba(255,255,255,.15)}.mate-hp-fill{height:100%;background:var(--green);transition:width .2s ease}#minimap{position:absolute;bottom:24px;right:24px;width:160px;height:160px;background:#000000b3;border:1px solid rgba(255,200,87,.3);border-radius:2px;overflow:hidden}#minimap canvas{width:100%;height:100%}#chat-log{position:absolute;bottom:200px;left:24px;max-width:320px;font-family:var(--mono);font-size:12px;color:#e8eaedbf;display:flex;flex-direction:column;gap:4px}.chat-msg{background:#00000080;padding:4px 10px;border-radius:2px;animation:fadein .2s ease}.chat-msg.system{color:var(--gold)}#hint{position:absolute;bottom:50%;left:50%;transform:translate(-50%);background:#000000bf;border:1px solid var(--gold);padding:10px 18px;font-family:var(--mono);font-size:13px;letter-spacing:.1em;color:var(--gold)}#death-overlay{position:fixed;inset:0;background:#28000099;display:grid;place-items:center;z-index:20;pointer-events:none}#death-overlay h2{font-family:var(--mono);font-size:56px;letter-spacing:.18em;color:var(--accent);text-shadow:0 4px 24px rgba(255,59,59,.5)}#death-overlay p{font-family:var(--mono);margin-top:16px;color:var(--fg);letter-spacing:.1em}.hit-flash{position:fixed;inset:0;pointer-events:none;z-index:15;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,59,59,.4) 100%);animation:hit .25s ease-out;opacity:0}.shoot-flash{position:fixed;inset:0;pointer-events:none;z-index:14;background:radial-gradient(ellipse at center,rgba(255,240,180,.18) 0%,transparent 35%);animation:shootflash .12s ease-out}@keyframes shootflash{0%{opacity:1}to{opacity:0}}#version-tag{position:fixed;bottom:4px;right:8px;font-family:var(--mono);font-size:9px;color:#ffffff73;letter-spacing:.1em;z-index:5;pointer-events:none}#touch-ui{position:fixed;inset:0;pointer-events:none;z-index:30}body.touch canvas{cursor:default}#look-pad{position:absolute;inset:0 0 30% 50%;pointer-events:auto;background:transparent;touch-action:none}#joystick-base{position:absolute;left:24px;bottom:24px;width:150px;height:150px;border-radius:50%;background:#0006;border:3px solid rgba(255,200,87,.5);pointer-events:auto;touch-action:none;display:grid;place-items:center}#joystick-knob{width:70px;height:70px;border-radius:50%;background:#ffc857d9;border:3px solid rgba(0,0,0,.4);box-shadow:0 4px 14px #00000080;pointer-events:none}#touch-buttons{position:absolute;right:24px;bottom:24px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:12px;pointer-events:none}.tbtn{pointer-events:auto;width:80px;height:80px;border-radius:50%;background:#0009;border:3px solid rgba(255,255,255,.3);color:#fff;font-family:var(--mono);font-size:24px;font-weight:700;display:grid;place-items:center;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;cursor:pointer}.tbtn.fire{grid-column:2;grid-row:1 / span 2;width:112px;height:112px;background:#ff3b3bc7;border-color:#ffffff8c;font-size:38px;align-self:end}.tbtn.pressed{background:#ffc857e6;color:#1a1408;transform:scale(.92)}body.touch #crosshair{opacity:.5}body.touch #chat-log{display:none}@media (max-width: 768px),(pointer: coarse){.splash-card{padding:32px 28px;width:min(360px,92vw)}.splash-card h1{font-size:22px}.hud-top{font-size:10px;gap:12px;flex-wrap:wrap;max-width:90vw}#objective{padding:6px 12px}#minimap{width:110px;height:110px;bottom:130px;right:12px}.hud-bottom{bottom:130px;left:12px}.bar{width:140px;height:8px}#ammo{font-size:16px}#mate-status{top:12px;right:12px;font-size:10px;padding:6px 8px}#joystick-base{left:16px;bottom:16px;width:110px;height:110px}#touch-buttons{right:16px;bottom:16px}.tbtn{width:60px;height:60px;font-size:18px}.tbtn.fire{width:84px;height:84px;font-size:28px}#death-overlay h2{font-size:36px}}#touch-ui{display:block}@keyframes hit{0%{opacity:1}to{opacity:0}}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}