:root{--bg:#0b1020;--bg2:#141b33;--card:#ffffff0f;--line:#ffffff1f;--text:#eef1f8;--muted:#9aa5c4;--accent:#4fd1c5;--warn:#f6ad55;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}[hidden]{display:none!important}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;overflow:hidden}#gl{width:100%;height:100%;transition:opacity .3s;display:block;position:fixed;inset:0}#gl.dim{opacity:0}#overlay{pointer-events:none;position:fixed;inset:0}#overlay *{pointer-events:auto}.screen{background:radial-gradient(1200px 600px at 10% -10%, #233a7a55, transparent), radial-gradient(900px 600px at 110% 110%, #4fd1c533, transparent), var(--bg);padding:clamp(16px,3vw,48px);position:fixed;inset:0;overflow:auto}.brand{align-items:center;gap:16px;margin-bottom:clamp(16px,3vh,40px);display:flex}.brand h1{letter-spacing:-.02em;margin:0;font-size:clamp(32px,4vw,64px);font-weight:800}.logo{font-size:clamp(32px,4vw,64px)}.lobby-grid{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:clamp(16px,3vw,40px);display:grid}@media (max-width:800px){.lobby-grid{grid-template-columns:1fr}}.join-card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:24px;padding:24px}.qr{aspect-ratio:1;background:#fff;border-radius:16px;place-items:center;padding:8px;display:grid}.qr svg{width:100%;height:100%}.join-hint{color:var(--muted);font-size:15px;line-height:1.5}.join-hint b{color:var(--text)}.room{color:var(--muted);margin:8px 0 16px;font-size:18px}#room-code{letter-spacing:.18em;color:var(--text);font-variant-numeric:tabular-nums;font-size:56px;font-weight:800;display:block}.player-list{text-align:left;margin:0 0 12px;padding:0;list-style:none}.player-list li{background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;font-size:18px;font-weight:600;display:flex}.player-list li small{color:var(--muted);margin-left:auto;font-size:13px;font-weight:500}.player-list li.empty{color:var(--muted);justify-content:center;font-weight:500}.dot{background:#e53e3e;border-radius:50%;width:10px;height:10px}.dot.on{background:#48bb78;box-shadow:0 0 10px #48bb78}.conn{color:var(--muted);font-size:12px}.conn[data-status=offline]{color:var(--warn)}.sim-row button{width:100%;margin:4px 0 12px}button{font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:10px 14px}button:hover{border-color:var(--accent)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.game-card{--accent:#4fd1c5;text-align:left;background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 22%, transparent), var(--card));border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:22px;flex-direction:column;align-items:flex-start;gap:6px;min-height:180px;padding:22px;transition:transform .15s,box-shadow .15s;display:flex}.game-card:hover{box-shadow:0 12px 40px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(-3px)}.game-icon{font-size:48px}.game-title{font-size:24px;font-weight:800}.game-tag{color:var(--muted);font-size:15px;line-height:1.4}.game-best{color:var(--accent);margin-top:auto;font-size:13px;font-weight:700}.calib-card,.results-card{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:28px;max-width:820px;margin:8vh auto 0;padding:clamp(24px,4vw,56px)}.calib-icon{font-size:96px}.calib-card h2,.results-card h2{margin:8px 0 16px;font-size:clamp(28px,3vw,44px)}.calib-grip{font-size:clamp(20px,2.2vw,30px);line-height:1.4}.calib-step{color:var(--muted);font-size:20px}.calib-players{flex-wrap:wrap;justify-content:center;gap:12px;padding:0;list-style:none;display:flex}.calib-players li{background:#ffffff0f;border-radius:999px;padding:8px 16px;font-size:18px}.calib-players li.ok{color:#9ae6b4;background:#48bb7833}.calib-skip,.res-hint{color:var(--muted);margin-top:24px;font-size:14px}.res-score{font-size:clamp(64px,9vw,140px);font-weight:900;line-height:1}.res-best{color:var(--accent);margin:12px 0 20px;font-size:22px}.res-stats{grid-template-columns:auto auto;justify-content:center;gap:6px 24px;font-size:18px;display:grid}.res-stats dt{color:var(--muted);text-align:right}.res-stats dd{text-align:left;margin:0;font-weight:700}.pause{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#050814b3;place-items:center;font-size:20px;display:grid;position:fixed;inset:0}.toast{border:1px solid var(--line);z-index:50;background:#141b33eb;border-radius:999px;padding:12px 22px;font-size:18px;font-weight:600;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.debug{white-space:pre;z-index:60;pointer-events:none;background:#0009;border-radius:8px;margin:0;padding:8px 10px;font:12px/1.4 ui-monospace,Menlo,monospace;position:fixed;bottom:8px;left:8px}.simphone{z-index:40;background:#0f1426;border:3px solid #2d3748;border-radius:28px;width:230px;font-size:13px;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 20px 60px #00000080}.simphone.buzz{animation:.25s buzz}@keyframes buzz{0%,to{transform:translate(0)}25%{border-color:var(--accent);transform:translate(-4px)}75%{transform:translate(4px)}}.simphone-head{border-bottom:1px solid var(--line);padding:8px 12px;font-weight:700}.simphone-screen{height:300px;position:relative;overflow:hidden}.simphone-idle{color:var(--muted);text-align:center;margin-top:120px}.simphone-keys{border-top:1px solid var(--line);color:var(--muted);gap:2px;max-height:150px;padding:8px 12px;display:grid;overflow:auto}kbd{color:var(--text);background:#ffffff1a;border-radius:4px;padding:1px 5px;font:11px ui-monospace,Menlo,monospace}.lab-overlay{gap:8px;display:grid;position:absolute;top:16px;left:16px}.lab-stats{white-space:pre;background:#0a0e1ebf;border-radius:8px;margin:0;padding:8px 10px;font:13px/1.5 ui-monospace,Menlo,monospace}.lab-trace{border-radius:8px}