:root{--theme-background-start:#081124;--theme-background-mid:#121f38;--theme-background-end:#1c2f4f;--theme-surface:#132746;--theme-surface-alt:#1d3a62;--theme-border:#4f7bb2;--theme-border-soft:#365a8b;--theme-text:#f4f8ff;--theme-text-muted:#bed2f0;--theme-accent:#6ad9ff;--theme-accent-contrast:#0f2340;--theme-called:#5dcf9b;--theme-called-bg:#133f31;--theme-free:#ffd17d;--theme-free-bg:#4f3820;--theme-error:#ff8d8d;--theme-error-bg:#4f2323;--theme-success:#9ef8c7;--theme-success-bg:#1d4a39;--theme-warning:#ffd27e;--theme-warning-bg:#4c3b1a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root[data-theme-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--theme-background-start);color:var(--theme-text)}.viewer{min-height:100%;color:var(--theme-text);background:radial-gradient(circle at 100% 0%, var(--theme-background-end) 0%, transparent 38%), radial-gradient(circle at 0% 0%, var(--theme-accent) 0%, transparent 42%), linear-gradient(150deg, var(--theme-background-start) 0%, var(--theme-background-mid) 100%);padding:20px}.viewer-header{max-width:840px;margin:0 auto 14px}.viewer-badge{letter-spacing:.03em;text-transform:uppercase;background:var(--theme-accent);color:var(--theme-accent-contrast);border-radius:999px;padding:5px 10px;font-size:.8rem;display:inline-flex}.viewer-header h1{margin:10px 0 6px;font-size:clamp(1.8rem,4vw,2.4rem)}.viewer-subtitle{color:var(--theme-text-muted);margin:0}.viewer-progress{color:var(--theme-success);margin:10px 0 0;font-weight:700}.viewer-banner{max-width:840px;color:var(--theme-text);border:1px solid var(--theme-border);background:var(--theme-surface-alt);border-radius:10px;margin:0 auto 10px;padding:8px 12px;font-size:.84rem}.viewer-banner-error{color:var(--theme-error);border-color:var(--theme-error);background:var(--theme-error-bg)}.viewer-card{border:1px solid var(--theme-border-soft);background:var(--theme-surface);border-radius:16px;max-width:840px;margin:0 auto;padding:12px;box-shadow:0 16px 30px -24px #0f172a8c}.viewer-join-button{border:1px solid var(--theme-accent);background:var(--theme-accent);color:var(--theme-accent-contrast);cursor:pointer;border-radius:9px;margin-top:12px;padding:9px 12px;font-weight:600}.viewer-join-button:disabled{opacity:.7;cursor:wait}.viewer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.viewer-card-actions{justify-content:flex-end;margin-top:12px;display:flex}.viewer-cell{border:1px solid var(--theme-border);background:var(--theme-surface-alt);min-height:88px;color:var(--theme-text);text-align:left;cursor:not-allowed;border-radius:11px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:6px;padding:8px;display:flex}.viewer-cell.called{cursor:pointer;border-color:var(--theme-called)}.viewer-cell.called:hover{transform:translateY(-1px)}.viewer-cell.stamped{border-color:var(--theme-called);background:linear-gradient(180deg, var(--theme-called-bg) 0%, var(--theme-called-bg) 100%)}.viewer-cell.free{border-color:var(--theme-free);background:linear-gradient(180deg, var(--theme-free-bg) 0%, var(--theme-free-bg) 100%)}.viewer-cell:disabled{opacity:.82}.viewer-cell-label{font-size:.9rem;font-weight:600;line-height:1.2}.viewer-cell-status{text-transform:uppercase;letter-spacing:.04em;color:var(--theme-text-muted);font-size:.7rem}.viewer-footer{max-width:840px;color:var(--theme-text-muted);margin:10px auto 0;font-size:.82rem}@media (width<=860px){.viewer{padding:12px}.viewer-card{border-radius:14px;padding:11px}.viewer-grid{gap:7px}.viewer-cell{gap:5px;min-height:74px;padding:7px}.viewer-cell-label{font-size:clamp(.72rem,2.1vw,.82rem);line-height:1.14}.viewer-cell-status{letter-spacing:.03em;font-size:clamp(.58rem,1.5vw,.64rem)}}@media (width<=640px){.viewer{padding:10px}.viewer-card{border-radius:13px;padding:10px}.viewer-grid{gap:6px}.viewer-cell{border-radius:10px;gap:4px;min-height:68px;padding:6px}.viewer-cell-label{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:.72rem;line-height:1.12}.viewer-cell-status{letter-spacing:.02em;font-size:.58rem}.viewer-footer{font-size:.78rem}}@media (width<=430px){.viewer{padding:9px}.viewer-header h1{margin:8px 0 5px;font-size:clamp(1.55rem,7.8vw,1.95rem)}.viewer-subtitle{font-size:.98rem;line-height:1.28}.viewer-progress{margin-top:8px}.viewer-card{padding:8px}.viewer-grid{gap:5px}.viewer-cell{border-radius:9px;min-height:64px;padding:5px}.viewer-cell-label{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:.68rem;line-height:1.1}.viewer-cell-status{font-size:.54rem}}@media (width<=390px){.viewer{padding:8px}.viewer-grid{gap:4px}.viewer-cell{min-height:60px;padding:4px}.viewer-cell-status{display:none}}@media (width<=360px){.viewer-badge{padding:4px 9px;font-size:.72rem}.viewer-header{margin-bottom:10px}.viewer-header h1{margin:7px 0 4px}.viewer-grid{gap:3px}.viewer-cell{min-height:58px;padding:4px}.viewer-cell-label{font-size:.64rem}.viewer-footer{font-size:.74rem}}@media (height<=740px) and (width<=540px){.viewer-cell{min-height:56px}.viewer-cell-status{display:none}}