:root{color-scheme:dark;--bg: #070b10;--panel: rgba(8, 14, 20, .78);--line: rgba(125, 211, 252, .22);--text: #e8f1f6;--muted: #8aa0ad;--accent: #5eead4;--warn: #fb923c;--danger: #f43f5e;--ok: #86efac;font-family:IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}button,input{font:inherit}canvas.game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.overlay *{pointer-events:auto}.hud-layer{position:absolute;top:0;right:0;bottom:0;left:0}.overlay.passthrough,.overlay.passthrough *{pointer-events:none!important}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px 18px}h1,h2,h3{font-family:Rajdhani,sans-serif;letter-spacing:.04em;margin:0 0 8px}.brand{font-family:Rajdhani,sans-serif;font-weight:700;font-size:42px;letter-spacing:.16em;text-transform:uppercase}.sub{color:var(--muted);font-size:13px}.btn{background:#134e4a;color:#ecfdf5;border:1px solid #2dd4bf;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn.warn{background:#7c2d12;border-color:#fb923c}.btn:disabled{opacity:.45;cursor:default}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.grow{flex:1}input[type=text]{background:#0b1220;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;width:100%}.top-left{position:absolute;top:16px;left:16px}.top-right{position:absolute;top:16px;right:16px}.bottom-left{position:absolute;bottom:16px;left:16px}.bottom-center{position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.center-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:320px;max-width:440px}.bars{width:260px}.bar{height:10px;background:#1f2937;border-radius:99px;overflow:hidden;margin-top:4px}.bar>i{display:block;height:100%}.bar.hp>i{background:#4ade80}.bar.sh>i{background:#38bdf8}.hotbar{display:flex;gap:6px}.slot{width:64px;height:64px;border:1px solid var(--line);background:#080e14b3;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.slot.on{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent)}.feed{list-style:none;margin:0;padding:0;font-size:13px;text-align:right}.feed li{margin:3px 0;text-shadow:0 1px 2px #000}.minimap{width:148px;height:148px;border-radius:8px;border:1px solid var(--line);background:#0b1b1a;position:relative;overflow:hidden}.minimap .storm,.minimap .me,.minimap .poi{position:absolute;border-radius:50%;transform:translate(-50%,-50%)}.minimap .storm{border:2px solid #c084fc;background:#a855f71f}.minimap .me{width:6px;height:6px;background:#5eead4}.minimap .poi{width:4px;height:4px;background:#fbbf24}.crosshair{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);pointer-events:none;border:1px solid rgba(255,255,255,.7);border-radius:50%}.crosshair:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;background:#fff;transform:translate(-50%,-50%)}.timer{font-family:Rajdhani,sans-serif;font-size:22px;color:#ddd6fe}.alive{font-family:Rajdhani,sans-serif;font-size:28px}.chat{max-height:140px;overflow:auto;font-size:13px;color:#d1d5db}.skins{display:flex;gap:8px}.skin{width:72px;padding:8px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;text-align:center}.skin.on{border-color:var(--accent)}.swatch{height:28px;border-radius:6px;margin-bottom:6px}.result-title{font-size:56px;letter-spacing:.12em;text-transform:uppercase}.win{color:#fde68a}.lose{color:#fda4af}.hint{color:var(--muted);font-size:12px}.rtc{font-size:12px;color:var(--ok)}