:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#14161a;--surface:#1e2126;--text:#e8e8e8;--muted:#9aa0a6;--accent:#4f8cff;--danger:#e5555a;--border:#2c2f36;--chart-grid:#2c2c2a;--chart-axis:#383835;--chart-muted:#898781;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.page{max-width:900px;margin:0 auto;padding:1.5rem}.page.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.user-chip{color:var(--muted);align-items:center;gap:.75rem;display:flex}a{color:var(--accent)}.btn-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.btn-google{background:var(--accent);color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block}button,input,select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:.5rem .75rem}button{cursor:pointer;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.btn-danger{border-color:var(--danger);color:var(--danger);margin-top:1rem}.error{color:var(--danger);font-weight:600}section{margin-bottom:2rem}.group-list,.session-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.group-list li,.session-list li{background:var(--surface);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;display:flex}.badge{background:var(--border);color:var(--muted);border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.forms-row{flex-wrap:wrap;gap:2rem;display:flex}.forms-row form,.forms-row>div{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}table.scoreboard{border-collapse:collapse;width:100%}table.scoreboard th,table.scoreboard td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem}.totals-row td{border-top:2px solid var(--border);font-weight:700}.score-input{justify-content:space-between;gap:1rem;margin:.35rem 0;display:flex}.invite-code{color:var(--muted)}.qr-page img{background:#fff;border-radius:12px;padding:1rem}.header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.join-code-form{gap:.5rem;margin-bottom:.75rem;display:flex}.qr-frame{background:#fff;border-radius:12px;margin:.75rem 0;padding:.75rem;display:block}.papayoo-banner{border:1px solid var(--border);white-space:nowrap;background:#14161ad9;border-radius:8px;padding:.35rem .75rem;font-size:.85rem;font-weight:700}.seat-label{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#14161ad9;border-radius:999px;padding:.2rem .65rem;font-size:.8rem}.seat-label-turn{border-color:#f4c542;box-shadow:0 0 8px #f4c54299}.seat-badge{color:#1a1a1a;text-align:center;background:#f4c542;border-radius:999px;width:1.1rem;height:1.1rem;margin-right:.35rem;font-size:.65rem;font-weight:700;line-height:1.1rem;display:inline-block}.player-hand{margin-top:1rem}.hand-hint{color:var(--muted);margin-bottom:.5rem}.hand-cards{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.playing-card{cursor:pointer;background:#f7f5ef;border:2px solid #c9c4b8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;width:56px;height:80px;font-size:1.1rem;font-weight:700;transition:transform .1s;display:flex}.playing-card:hover:not(:disabled){transform:translateY(-6px)}.playing-card:disabled{opacity:.35;cursor:not-allowed}.playing-card-selected{border-color:#f4c542;box-shadow:0 0 10px #f4c54299}.playing-card-suit{font-size:1.4rem}.round-summary{background:var(--surface);border-radius:8px;margin-top:1rem;padding:1rem}.chart-scroll{margin-bottom:.75rem;overflow-x:auto}.chart-axis{stroke:var(--chart-axis);stroke-width:1px}.chart-grid{stroke:var(--chart-grid);stroke-width:1px}.chart-tick-label{fill:var(--chart-muted);font-size:11px}.chart-value-label{fill:var(--text);font-size:12px;font-weight:700}.chart-crosshair{stroke:var(--chart-muted);stroke-width:1px;stroke-dasharray:3 3}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.chart-legend-item{align-items:center;gap:.4rem;display:inline-flex}.chart-legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem;display:inline-block}.chart-tooltip ul{margin:.35rem 0 0;padding:0;list-style:none}.chart-tooltip li{align-items:center;gap:.4rem;display:flex}.chart-table{border-collapse:collapse;width:100%;color:var(--muted);font-size:.85rem}.chart-table th,.chart-table td{text-align:left;border-bottom:1px solid var(--border);padding:.35rem .5rem}.toast-stack{z-index:1000;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;font-size:.9rem;animation:.15s ease-out toast-in;box-shadow:0 4px 16px #00000059}.toast-turn{border-color:#f4c542;font-weight:700;box-shadow:0 0 12px #f4c54280}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}