:root{--wine:#6e1620;--gold:#d4af37;--gold2:#f2d27a;--cream:#f5ecd8;--neon:#2fd6ff;--bad:#ff6b6b;--good:#5fd07a}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#000;color:var(--cream);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}.lobby-card{position:fixed;inset:0;margin:auto;width:min(440px,92vw);height:max-content;max-height:92vh;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:26px 24px;background:linear-gradient(180deg,#230d11,#160809);border:1px solid var(--gold);border-radius:16px;box-shadow:0 30px 80px #000000b3}.lobby-title{font-family:Georgia,serif;font-size:42px;letter-spacing:.16em;color:var(--gold);text-shadow:0 0 22px rgba(212,175,55,.5);text-align:center}.lobby-subtitle{text-align:center;color:#c9a;font-size:.85rem;margin-top:-4px}.lobby-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#c79aa0;margin-top:6px}.lobby-name,.lobby-link{width:100%;padding:11px 13px;border-radius:9px;border:1px solid #5a2129;background:#1c0a0d;color:var(--cream);font-family:inherit;font-size:16px}.lobby-colors{display:flex;gap:8px;flex-wrap:wrap}.lobby-swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer}.lobby-swatch.is-selected{border-color:#fff;box-shadow:0 0 0 2px #000,0 0 10px currentColor}.lobby-invite-row{display:flex;gap:8px}.lobby-copy{white-space:nowrap;padding:11px 14px;border-radius:9px;border:1px solid #6e1620;background:#3a1118;color:var(--cream);font-family:inherit;cursor:pointer}.lobby-copy.is-copied{background:#1d3a25;border-color:#2e5a38;color:#bfe6c8}.lobby-start{margin-top:10px;padding:14px;border-radius:10px;border:1px solid var(--gold2);background:linear-gradient(180deg,#e6c558,#b9942f);color:#2a0c10;font-weight:700;font-size:1.05rem;font-family:inherit;cursor:pointer}.lobby-atelier{display:block;text-align:center;padding:11px;border-radius:10px;border:1px solid #5a2129;background:#1c0a0d;color:var(--gold);text-decoration:none;font-size:.9rem;letter-spacing:.04em;transition:.15s}.lobby-atelier:hover{border-color:var(--gold);background:#2a0f14}.hud-bar{position:fixed;top:10px;left:10px;z-index:5;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.hud-stat{background:#14080ad1;border:1px solid #4a1820;border-radius:9px;padding:5px 11px;backdrop-filter:blur(3px)}.hud-stat .k{font-size:.56rem;text-transform:uppercase;letter-spacing:.12em;color:#c79aa0}.hud-stat .v{font-size:1rem;font-weight:700}.hud-stat .v.gold{color:var(--gold2)}.hud-stat .v.neon{color:var(--neon)}#crosshair{position:fixed;left:50%;top:50%;width:7px;height:7px;border:2px solid rgba(245,236,216,.7);border-radius:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;display:none}.hud-hint{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:4;font-size:.74rem;color:#c9a;background:#14080a99;padding:5px 12px;border-radius:8px;pointer-events:none}.hud-hint kbd{background:#2a1013;border:1px solid #5a2129;border-radius:4px;padding:1px 6px;font-family:monospace;color:#fff}.lock-screen{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;text-align:center;background:radial-gradient(70% 60% at 50% 40%,#2a0e13d9,#0a0506f0)}.lock-screen h2{font-family:Georgia,serif;color:var(--gold);font-size:2rem;letter-spacing:.1em}.lock-screen p{color:#e7c9cd;max-width:420px;line-height:1.5}.lock-screen .play{padding:13px 26px;border-radius:10px;border:1px solid var(--gold2);background:linear-gradient(180deg,#e6c558,#b9942f);color:#2a0c10;font-weight:700;font-size:1.05rem}