:root{color-scheme:dark;--bg: var(--tg-theme-bg-color, #1b1f24);--panel: var(--tg-theme-secondary-bg-color, #14161a);--text: var(--tg-theme-text-color, #e9e4d8);--muted: var(--tg-theme-hint-color, #9a958a);--accent: var(--tg-theme-button-color, #e8b04a);--accent-text: var(--tg-theme-button-text-color, #1b1f24);--danger: var(--tg-theme-destructive-text-color, #ef7a6a);--inset-top: var(--app-inset-top, env(safe-area-inset-top, 0px));--inset-bottom: var(--app-inset-bottom, env(safe-area-inset-bottom, 0px))}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.35 system-ui,-apple-system,sans-serif;overflow:hidden}button{font:inherit;padding:10px 16px;border-radius:10px;border:0;background:#3a3f47;color:var(--text)}button.primary{background:var(--accent);color:#1b1f24;font-weight:600}button.danger{background:#4a2a26;color:var(--danger)}button.big{padding:16px 28px;font-size:18px}button:disabled{opacity:.5}.boot{padding:24px}.error{color:var(--danger)}.screen{display:flex;flex-direction:column;height:100%}.screen--center{align-items:center;justify-content:center;gap:16px;padding:16px}.lobby h1{margin:0 0 8px}.segmented{display:flex;gap:4px;background:var(--panel);padding:4px;border-radius:12px}.segmented button{background:transparent}.segmented .segmented__on{background:#3a3f47}.game{padding-top:var(--inset-top);padding-bottom:var(--inset-bottom)}.hud{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8px;padding:6px 12px;background:var(--panel)}.seat{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;justify-items:center;text-align:center;opacity:.6}.seat--active{opacity:1}.seat__name{grid-column:1;font-weight:600}.seat__tag{margin-left:6px;font-size:11px;color:var(--muted);border:1px solid var(--muted);border-radius:6px;padding:0 4px}.seat__tag--off{color:var(--danger);border-color:var(--danger)}.seat__pips{grid-column:1;font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.seat__timer{grid-column:2;grid-row:1 / span 2;min-width:48px}.timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;min-width:48px;text-align:center}.timer--warning{color:var(--danger)}.timer--idle{color:var(--muted)}.board-host{flex:1;min-height:0;position:relative}.board-host canvas{position:absolute;inset:0}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:var(--panel);min-height:44px}.status{color:var(--muted)}.status--error{color:var(--danger)}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c}.overlay__card{background:var(--panel);padding:24px 28px;border-radius:16px;text-align:center;min-width:240px}.overlay__card h2{margin:0 0 8px}.invite-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.invite{display:flex;flex-direction:column;align-items:center;gap:6px}.invite__code{font:700 28px/1 ui-monospace,Menlo,monospace;letter-spacing:4px}.invite__link{font-size:12px;color:var(--muted);word-break:break-all;text-align:center}.back{position:fixed;left:12px;top:calc(var(--inset-top) + 12px)}.overlay__actions{display:flex;justify-content:center;gap:28px;margin-top:16px}.debug-badge{position:fixed;right:6px;bottom:calc(var(--inset-bottom, 0px) + 6px);z-index:1000;padding:2px 6px;border-radius:4px;background:#b42318;color:#fff;font:600 10px/1.4 system-ui,sans-serif;letter-spacing:.05em;pointer-events:none}