:root{color:#f7f4ea;background:#151516;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.lobby{background:#181818;place-items:center;min-height:100%;padding:24px;display:grid}.lobby-panel{background:#242427;border:1px solid #3a393f;border-radius:8px;gap:18px;width:min(560px,100%);padding:22px;display:grid}.eyebrow{color:#f5d45c;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:800}.lobby-panel h1{margin:0;font-size:clamp(34px,8vw,56px);line-height:1}.primary-action{color:#171719;cursor:pointer;background:#f5d45c;border:0;border-radius:6px;width:fit-content;min-height:46px;padding:0 18px;font-weight:900}.primary-action:disabled{cursor:progress;opacity:.7}.lobby-divider{background:#3a393f;width:100%;height:1px}.code-form{gap:8px;display:grid}.code-form label{color:#f8f4e9;font-size:14px;font-weight:800}.code-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.code-row input{color:#fffdf7;letter-spacing:2px;text-transform:uppercase;background:#171719;border:1px solid #54515a;border-radius:6px;min-width:0;padding:12px 13px;font-weight:900}.code-row button{color:#171719;cursor:pointer;background:#f5d45c;border:0;border-radius:6px;min-height:46px;padding:0 16px;font-weight:900}.lobby-note{color:#c8c2b6;max-width:46ch;margin:0;line-height:1.5}.lobby-note-error{color:#ffe7e4;background:#3a1f21;border:1px solid #b94a41;max-width:none;padding:12px;font-weight:700}.host{background:#171719;grid-template-rows:auto 1fr;width:100%;height:100%;min-height:0;display:grid}.topbar{background:#202024;border-bottom:1px solid #333238;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;display:flex}.title{flex-direction:column;gap:2px;display:flex}.title strong{font-size:20px}.title span,.status{color:#c8c2b6;font-size:14px}.host-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 16px;display:flex}.game-code{color:#171719;background:#f5d45c;border-radius:5px;padding:5px 8px;font-size:13px;font-weight:900}.latency-widget{color:#f8f4e9;text-align:center;background:#171719;border:1px solid #45434b;border-radius:5px;min-width:92px;padding:5px 8px;font-size:13px;font-weight:800}.latency-widget--unknown{color:#c8c2b6}.host-screen{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.stage{width:100%;height:100%;display:block}.qr-panel{background:#202024eb;border:1px solid #3a393f;border-radius:8px;gap:8px;width:252px;padding:14px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 12px 30px #00000047}.debug-panel{background:#202024eb;border:1px solid #3a393f;border-radius:8px;gap:10px;width:252px;padding:14px;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 12px 30px #00000047}.debug-header{color:#f5d45c;font-size:14px;font-weight:900}.debug-subheader{color:#c8c2b6;font-size:13px;font-weight:700}.debug-player-list{background:#171719f0;border:1px solid #3a393f;border-radius:6px;gap:6px;max-height:150px;padding:8px;display:grid;overflow:auto}.debug-player{color:#f8f4e9;background:#1e1e22;border-radius:6px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:13px;display:flex}.debug-player--connected{border:1px solid #43c970}.debug-player--disconnected{opacity:.7;border:1px solid #ff8b8b}.debug-panel label{color:#c8c2b6;gap:4px;font-size:13px;display:grid}.debug-panel select{color:#f8f4e9;background:#171719;border:1px solid #3a393f;border-radius:6px;width:100%;padding:8px 10px}.debug-button{color:#171719;cursor:pointer;background:#f5d45c;border:0;border-radius:6px;padding:10px 12px;font-weight:900}.qr-panel img{aspect-ratio:1;background:#fff;border-radius:4px;width:100%;display:block}.qr-panel span{color:#f8f4e9;font-weight:900}.qr-panel code{overflow-wrap:anywhere;color:#c8c2b6;font-size:12px}.phone{background:#181818;grid-template-rows:auto 1fr;min-height:100%;display:grid}.join-panel{background:#242427;border:1px solid #3a393f;border-radius:8px;width:min(420px,100vw - 32px);margin:auto;padding:18px}.join-panel h1{margin:0 0 14px;font-size:26px}.join-form{gap:10px;display:grid}.join-form input{color:#fffdf7;text-transform:uppercase;background:#171719;border:1px solid #54515a;border-radius:6px;min-width:0;padding:12px 13px}.join-form button{color:#171719;background:#f5d45c;border:0;border-radius:6px;padding:12px 14px;font-weight:800}.phone-header{background:#202024;border-bottom:1px solid #333238;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.phone-header strong,.phone-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.controller-screen{background:#181818;place-items:center;min-height:100%;display:grid;position:relative}.phone-latency{z-index:2;background:#171719e0;position:fixed;top:14px;right:14px}.controller{touch-action:none;place-items:center;width:100%;min-height:100dvh;display:grid}.reward-picker{place-items:center;width:min(420px,100vw - 32px);display:grid}.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.reward-choice{color:#171719;cursor:pointer;background:#f5d45c;border:0;border-radius:6px;min-height:58px;padding:0 14px;font-weight:900}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.joystick{aspect-ratio:1;background:#2b2b2f;border:2px solid #5a575e;border-radius:50%;width:min(70vw,280px);position:relative;box-shadow:inset 0 0 30px #00000059}.stick{aspect-ratio:1;background:#f8f4e9;border:2px solid #151516;border-radius:50%;width:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #00000059}.hidden{display:none}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start}.host-meta{justify-content:flex-start}.qr-panel{grid-template-columns:84px 1fr;align-items:center;width:auto;top:12px;left:12px;right:12px}.qr-panel code{grid-column:1/-1}}@media (width<=460px){.code-row{grid-template-columns:1fr}}