:root{--fg:#f2f2f2;--dim:#9aa3b2;--panel:rgba(10,12,18,0.72);--red:#e74c3c;--blue:#3498db;--good:#2ecc71;--warn:#f1c40f;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fg)}body,html{margin:0;height:100%;overflow:hidden;background:#07080c}#scene{width:100%;height:100%;display:block}#hud,#scene{position:fixed;inset:0}#hud{pointer-events:none}#hud .menu,#hud button{pointer-events:auto}.bars{position:absolute;top:16px;left:16px;right:16px;align-items:center;gap:16px}.bar,.bars{display:flex}.bar{flex:1 1;flex-direction:column;gap:4px}.bar.opp{align-items:flex-end}.bar .name{font-weight:800;letter-spacing:.08em;font-size:13px}.track{width:100%;height:14px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden}.bar.opp .track{display:flex;justify-content:flex-end}.fill{height:100%;transition:width .15s ease-out}.bar.me .fill{background:var(--red)}.bar .stamina{height:5px}.bar .track.stamina .fill{background:var(--good)}.bar.opp .fill{background:var(--blue)}.timer{font-size:28px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:72px;text-align:center}.status{position:absolute;top:56px;right:16px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.chip{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--panel);border:1px solid rgba(255,255,255,.15)}.chip.online{border-color:var(--good);color:var(--good)}.chip.offline,.chip.warn{border-color:var(--warn);color:var(--warn)}.chip.synthetic{color:var(--dim)}button.chip{font:inherit;font-size:11px;color:inherit;cursor:pointer}button.chip:hover{border-color:rgba(255,255,255,.5)}.menu .input-picker{display:flex;gap:8px;align-items:center}.menu .input-picker button{padding:8px 14px}.menu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at center,rgba(7,8,12,.55),rgba(7,8,12,.9));text-align:center;padding:16px}.menu h1{margin:0;font-size:clamp(36px,8vw,72px);letter-spacing:.06em;font-weight:900}.menu .buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.menu button{font:inherit;font-weight:700;padding:12px 22px;border-radius:6px;border:0;cursor:pointer;background:var(--red);color:white}.menu button.secondary{background:transparent;border:1px solid var(--fg);color:var(--fg)}.menu button:disabled{opacity:.4;cursor:not-allowed}.menu .result h2{margin:0;font-size:32px}.menu .result p{max-width:520px;color:var(--dim)}.menu .profile{line-height:1.6}.dim,.menu .profile{font-size:13px;color:var(--dim)}.dim{max-width:520px}code{background:rgba(255,255,255,.1);padding:1px 5px;border-radius:3px}.adapt{position:absolute;left:16px;bottom:168px;max-width:min(420px,calc(100% - 32px));background:var(--panel);padding:10px 12px;border-radius:6px;font-size:12px;border-left:3px solid var(--blue)}.adapt .label{font-weight:700;margin-bottom:4px}.adapt .nums{color:var(--dim);margin-top:4px}.pause{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(7,8,12,.6);text-align:center}.pause h2{margin:0 0 8px;color:var(--warn)}.toasts{position:absolute;top:40%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.toast{font-weight:900;font-size:22px;letter-spacing:.05em;animation:rise .9s ease-out forwards;text-shadow:0 2px 8px rgba(0,0,0,.6)}.toast.good{color:var(--good)}.toast.bad{color:var(--red)}.toast.info{color:var(--dim);font-size:16px}@keyframes rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.vignette{position:absolute;inset:0;opacity:0;box-shadow:inset 0 0 160px 40px rgba(231,76,60,.85)}.vignette.hit{animation:hitflash .35s ease-out}@keyframes hitflash{0%{opacity:1}to{opacity:0}}.keys{position:absolute;bottom:12px;left:16px;max-width:260px;text-align:left;font-size:12px;line-height:1.8;color:var(--dim);background:rgba(7,8,12,.72);padding:8px 10px;border-radius:6px}.keys-title{color:var(--fg);font-size:10px;font-weight:800;letter-spacing:.08em}.keys-debug{margin-top:3px;font-size:10px;opacity:.8}.keys b{color:var(--fg);background:rgba(255,255,255,.1);padding:0 5px;border-radius:3px}.pose{left:16px;top:56px;display:flex;flex-direction:column;gap:2px;font-weight:800;font-size:14px;letter-spacing:.05em}.pose,.telegraph{position:absolute}.telegraph{top:24%;left:50%;transform:translateX(-50%);text-align:center;display:none}.telegraph .incoming{font-size:26px;font-weight:900;color:var(--warn);letter-spacing:.06em;text-shadow:0 2px 8px rgba(0,0,0,.7)}.telegraph .answer{font-size:13px;color:var(--fg);opacity:.85}.rules{border-collapse:collapse;font-size:13px;text-align:left;max-width:640px}.rules td,.rules th{padding:4px 10px;border-bottom:1px solid rgba(255,255,255,.12)}.rules th{color:var(--dim);font-weight:600}.camera-feed{position:absolute;top:92px;right:16px;width:240px;height:180px;border-radius:8px;overflow:hidden;background:#000;border:2px solid var(--warn)}.camera-feed[data-framed=all]{border-color:var(--good)}.camera-feed[data-framed=none]{border-color:var(--red)}.camera-feed canvas,.camera-feed video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-feed video{transform:scaleX(-1)}.calibration{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(7,8,12,.85);pointer-events:auto;padding:16px}.calibration .panel{max-width:420px;text-align:center;background:rgba(10,12,18,.97);padding:20px 24px;border-radius:10px}.calibration h2{margin:6px 0;font-size:28px}.calibration .progress{height:8px;background:rgba(255,255,255,.12);border-radius:4px;overflow:hidden;margin:12px 0}.calibration .progress div{height:100%;background:var(--good);transition:width .1s linear}.calibration .seen{display:flex;gap:14px;justify-content:center;font-size:13px}.calibration .seen .ok{color:var(--good)}.calibration .seen .miss{color:var(--dim)}.calibration .warn{color:var(--warn);font-size:13px}.calibration .buttons{display:flex;gap:10px;justify-content:center;margin-top:12px}.calibration button{font:inherit;font-weight:700;padding:8px 16px;border-radius:6px;border:0;cursor:pointer;background:rgba(255,255,255,.12);color:var(--fg)}.menu .rings{display:flex;flex-direction:column;align-items:center;gap:6px}.menu .ring-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px;max-width:520px;width:100%}@media (max-width:640px){.menu .ring-list{grid-template-columns:1fr}}.menu button.ring-row{font-size:12px;font-weight:400;padding:8px 10px;text-align:left;background:var(--panel);border:1px solid rgba(255,255,255,.15);color:var(--fg)}.menu button.ring-row.free{color:var(--dim)}.menu button.ring-row:hover{border-color:rgba(255,255,255,.5)}.ring-row b{pointer-events:none}.spectate{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:10px;background:var(--panel);padding:8px 12px;border-radius:8px;max-width:calc(100% - 32px);flex-wrap:wrap;justify-content:center}.spectate button{font:inherit;font-weight:700;padding:6px 12px;border-radius:6px;border:0;cursor:pointer;background:var(--red);color:white}.spectate button.secondary{background:transparent;border:1px solid var(--fg);color:var(--fg)}