:root{color-scheme:dark;--bg0: #030604;--bg1: #050b07;--panel: rgba(8, 14, 10, .55);--panelLine: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1000px 700px at 50% 30%,rgba(120,255,160,.06),transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg0));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(900px 600px at 50% 30%,rgba(120,255,160,.06),transparent 60%),linear-gradient(180deg,#050c08,#020604)}#game-container canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.hudPanel{position:absolute;top:18px;left:50%;transform:translate(-50%);padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--panelLine);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000073}.hudRow{display:flex;gap:14px;align-items:baseline;justify-content:center;font-size:14px}.hudItem{display:inline-flex;gap:10px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0000002e;min-width:140px;justify-content:space-between}.hudItem .k{color:var(--muted);font-size:12px}#game-over{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:radial-gradient(600px 400px at 50% 40%,#0000008c,#000000d1);pointer-events:auto}#game-over.show{display:flex}.go-panel{padding:16px 18px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#050a07db;box-shadow:0 24px 80px #000c;max-width:320px;text-align:center}.go-title{font-size:18px;font-weight:700;margin-bottom:6px}.go-text{font-size:13px;color:var(--muted)}.go-panel button{margin-top:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:#ffffff0f;color:var(--text);font:inherit;cursor:pointer}.go-panel button:hover{border-color:#fff6;background:#ffffff1f}#damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 50% 40%,#ff002038,#ff000080);opacity:0;pointer-events:none}#webcam-preview{position:absolute;bottom:14px;right:14px;width:160px;height:90px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 40px #000000b3;opacity:.85;pointer-events:none;transform:scaleX(-1)}#hand-cursor{position:absolute;width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,248,200,.9);box-shadow:0 0 12px #fff8c8bf;transform:translate(-50%,-50%);pointer-events:none;display:none;z-index:2;transition:box-shadow .05s ease,transform .05s ease}#hand-cursor.hit{border-color:#fff8c8;box-shadow:0 0 18px #fff8c8f2;transform:translate(-50%,-50%) scale(1.35)}