:root{--bg: #0b1020;--panel: rgba(16, 22, 42, .88);--edge: rgba(140, 170, 255, .18);--text: #e8ecf8;--dim: #97a3c4;--accent: #6f9bff;--accent-2: #b07cff;--ok: #56d6a0;--warn: #ffcc66;--err: #ff7a86;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}kbd{display:inline-block;padding:1px 5px;border:1px solid var(--edge);border-bottom-width:2px;border-radius:4px;background:#ffffff0d;font:11px/1.4 ui-monospace,monospace}.gate{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 700px at 50% -10%,#1b2450,#0b1020 60%);z-index:20;overflow:auto}.panel{width:min(460px,100%);padding:28px;border:1px solid var(--edge);border-radius:18px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 80px #0000008c}.panel h1{margin:0;font-size:30px;letter-spacing:-.02em;background:linear-gradient(92deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin:4px 0 22px;color:var(--dim)}.field{display:block;margin-bottom:16px}.field>span{display:block;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.panel input[type=text],.panel input:not([type]){width:100%;padding:10px 12px;border:1px solid var(--edge);border-radius:10px;background:#00000047;color:var(--text);font:inherit;outline:none}.panel input:focus{border-color:var(--accent)}.avatar-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:330px;overflow-y:auto;padding:4px;border:1px solid var(--edge);border-radius:12px;background:#0003}.avatar-card{position:relative;border:1px solid transparent;border-radius:10px;background:#ffffff0a;transition:border-color .15s,background .15s,transform .15s}.avatar-card:hover{transform:translateY(-1px);background:#ffffff14}.avatar-card.selected{border-color:var(--accent);background:#6f9bff29}.avatar-card .pick{display:block;width:100%;padding:8px 20px 8px 8px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer}.avatar-card .portrait{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;background:#141a2e;margin-bottom:4px}.avatar-card.selected .portrait{box-shadow:0 0 0 1px var(--accent)}.avatar-card .pick:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.avatar-card .glyph{display:grid;place-items:center;aspect-ratio:4 / 5;font-size:34px;border-radius:8px;background:#ffffff0a;margin-bottom:4px}.avatar-card .label{display:block;font-size:11px;color:var(--dim);word-break:break-word}.avatar-card .kill{position:absolute;top:2px;right:2px;width:20px;height:20px;border:0;background:none;color:var(--dim);cursor:pointer;font-size:12px;line-height:1;padding:0;border-radius:6px}.avatar-card .kill:hover{color:var(--err);background:#ff7a8624}.avatar-card .kill:focus-visible{outline:2px solid var(--err);outline-offset:1px}.avatar-list .empty{grid-column:1 / -1;padding:18px 8px;color:var(--dim);text-align:center;font-size:12px}.upload-row{display:flex;gap:8px;margin:12px 0}.btn{padding:10px 14px;border:1px solid var(--edge);border-radius:10px;background:#ffffff0d;color:var(--text);font:inherit;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{width:100%;margin-top:6px;border:0;background:linear-gradient(92deg,var(--accent),var(--accent-2));color:#0b1020;font-weight:650}.btn.ghost{flex:1}.btn.tiny{padding:6px 10px;font-size:12px;border-radius:8px}.status{margin:10px 0;padding:10px 12px;border-radius:10px;background:#0000004d;font-size:12.5px;color:var(--dim);white-space:pre-wrap}.status.err{color:var(--err)}.status.ok{color:var(--ok)}.bar{height:4px;margin-top:8px;border-radius:3px;background:#ffffff1a;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(92deg,var(--accent),var(--accent-2));transition:width .25s}.hint{margin:14px 0 0;font-size:11.5px;color:var(--dim)}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-top{position:absolute;top:14px;left:14px;display:flex;gap:8px;align-items:center}.pill-btn{pointer-events:auto;cursor:pointer;color:var(--text);font:inherit;font-size:12px;transition:border-color .15s,color .15s}.pill-btn:hover{border-color:var(--accent)}.pill-btn.muted{color:var(--dim);border-color:#ff7a8666}.pill-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill{padding:6px 12px;border:1px solid var(--edge);border-radius:999px;background:#0b1020b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px}.pill.dim{color:var(--dim)}.pill.ok{color:var(--ok)}.pill.err{color:var(--err)}.orb-pill{color:#8ef0ff;font-weight:650;border-color:#8ef0ff59;box-shadow:0 0 18px #8ef0ff2e}.game-panel{position:absolute;top:56px;left:14px;width:210px;padding:10px 12px;border:1px solid var(--edge);border-radius:12px;background:#0b1020b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12.5px}.game-panel.is-it{border-color:#ffb020;box-shadow:0 0 0 1px #ffb02059,0 0 24px #ffb02038}.game-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.game-name{font-weight:650}.game-timer{font:600 13px/1 ui-monospace,monospace;color:var(--warn)}.game-info{margin-top:4px;color:var(--dim);font-size:12px}.game-info .it-name,.game-info.you-are-it{color:#fc6;font-weight:600}.game-scores{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.game-scores li{display:flex;justify-content:space-between;gap:8px;color:var(--dim)}.game-scores li.me{color:var(--text)}.game-scores li span:last-child{font:600 12px/1.4 ui-monospace,monospace;color:var(--accent)}@media(max-width:720px){.game-panel{width:165px;font-size:11.5px}}.chat-log{position:absolute;left:14px;bottom:108px;width:min(360px,60vw);max-height:34vh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;font-size:13px}.chat-log .line{padding:5px 10px;border-radius:8px;background:#0b1020a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s ease;width:fit-content;max-width:100%;word-break:break-word}.chat-log .who{color:var(--accent);font-weight:600}.chat-log .sys{color:var(--dim);font-style:italic}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.hud-bottom{position:absolute;left:14px;right:14px;bottom:44px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.chat-input{pointer-events:auto;width:min(360px,60vw);padding:9px 12px;border:1px solid var(--edge);border-radius:10px;background:#0b1020bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);font:inherit;outline:none;opacity:.55;transition:opacity .15s}.chat-input:focus{opacity:1;border-color:var(--accent)}.emotes{display:flex;gap:6px;flex-wrap:wrap;pointer-events:auto}.emotes .btn{background:#0b1020bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.coach{position:absolute;left:50%;bottom:132px;transform:translate(-50%,8px);display:flex;align-items:center;gap:10px;max-width:min(560px,88vw);padding:10px 12px 10px 16px;border:1px solid var(--edge);border-radius:999px;background:#0b1020d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000059;font-size:13px;opacity:0;pointer-events:auto;transition:opacity .35s ease,transform .35s ease}.coach.show{opacity:1;transform:translate(-50%)}.coach b{color:var(--accent);font-weight:650}.coach kbd{margin:0 1px}.coach-skip{flex:none;width:22px;height:22px;border:0;border-radius:50%;background:#ffffff0f;color:var(--dim);cursor:pointer;font-size:12px;line-height:1}.coach-skip:hover{color:var(--text);background:#ffffff1f}.controls-hint{position:absolute;right:14px;bottom:14px;color:var(--dim);font-size:11px;text-align:right}.plate{padding:2px 8px;border-radius:999px;background:#0b1020b8;border:1px solid var(--edge);font-size:12px;font-weight:600;white-space:nowrap;transform:translate(-50%,-100%);pointer-events:none}.bubble{margin-bottom:4px;padding:4px 9px;border-radius:10px;background:#ffffffeb;color:#101a33;font-size:12px;font-weight:500;max-width:220px;white-space:normal;text-align:center;transform:translate(-50%,-100%);pointer-events:none}.joystick{position:fixed;left:24px;bottom:120px;width:120px;height:120px;border:1px solid var(--edge);border-radius:50%;background:#0b102073;z-index:12;touch-action:none}.joystick .knob{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#8caaff8c}@media(max-width:720px){.controls-hint{display:none}.coach{bottom:150px;font-size:12px;padding:8px 10px 8px 12px}.joystick{left:18px;bottom:22px;width:108px;height:108px}.hud-bottom{left:138px;right:12px;bottom:20px;align-items:flex-end}.chat-input{width:100%}.chat-log{left:12px;right:12px;bottom:148px;width:auto;max-height:26vh}.hud-top{flex-wrap:wrap;max-width:calc(100vw - 28px)}}