:root{--lg-cream: #f6eedc;--lg-paper: #efe4cc;--lg-charcoal: #33261c;--lg-terracotta: #c1442d;--lg-terracotta-dark: #9c3521;--lg-mustard: #d9a441;--lg-olive: #6e7a4f;--lg-nebula-blue: #3b4b7a;--lg-dusty-purple: #4f3f63;--lg-neutral-950: #241a13;--lg-neutral-900: #33261c;--lg-neutral-700: #5b4d40;--lg-neutral-500: #857566;--lg-neutral-300: #b8a891;--lg-neutral-200: #d6c7ae;--lg-neutral-100: #e8dcc4;--lg-neutral-050: #f6eedc;--lg-night-950: #0f1220;--lg-night-900: #141726;--lg-night-800: #1e2236;--lg-night-700: #2a3049;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--border-width: 1px;--border-width-thick: 2px;--font-display: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-3xl: 34px;--text-3xl-lh: 40px;--text-2xl: 28px;--text-2xl-lh: 36px;--text-xl: 23px;--text-xl-lh: 32px;--text-lg: 19px;--text-lg-lh: 28px;--text-base: 16px;--text-base-lh: 24px;--text-sm: 14px;--text-sm-lh: 20px;--text-xs: 12px;--text-xs-lh: 16px;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--ease-out: cubic-bezier(.2, 0, 0, 1);--measure: 68ch;--surface-page: var(--lg-cream);--surface-raised: #fffaf0;--surface-sunken: var(--lg-neutral-100);--surface-overlay: #fffaf0;--text-primary: var(--lg-neutral-900);--text-secondary: var(--lg-neutral-700);--text-muted: var(--lg-neutral-500);--text-on-accent: var(--lg-cream);--border-subtle: rgba(51, 38, 28, .1);--border-default: rgba(51, 38, 28, .18);--border-strong: rgba(51, 38, 28, .42);--accent: var(--lg-nebula-blue);--accent-hover: #32406a;--accent-text: var(--lg-nebula-blue);--accent-mark: var(--lg-mustard);--status-success: #4f6b3a;--status-warning: #b07a22;--status-danger: #a8321f;--status-info: #3b4b7a;--status-success-surface: rgba(79, 107, 58, .12);--status-warning-surface: rgba(176, 122, 34, .12);--status-danger-surface: rgba(168, 50, 31, .12);--status-info-surface: rgba(59, 75, 122, .12);--shadow-sm: 0 1px 2px rgba(36, 26, 19, .1);--shadow-md: 0 2px 4px rgba(36, 26, 19, .1), 0 8px 16px rgba(36, 26, 19, .08);--shadow-lg: 0 4px 8px rgba(36, 26, 19, .12), 0 16px 32px rgba(36, 26, 19, .14);color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-page: var(--lg-night-900);--surface-raised: var(--lg-night-800);--surface-sunken: var(--lg-night-950);--surface-overlay: var(--lg-night-700);--text-primary: var(--lg-neutral-100);--text-secondary: var(--lg-neutral-300);--text-muted: var(--lg-neutral-500);--text-on-accent: var(--lg-cream);--border-subtle: rgba(232, 220, 196, .1);--border-default: rgba(232, 220, 196, .16);--border-strong: rgba(232, 220, 196, .38);--accent: #6b80bd;--accent-hover: #7f92cb;--accent-text: #9db0e4;--status-success: #8fae6b;--status-warning: #e3b45c;--status-danger: #e0705a;--status-info: #8fa3d4;--status-success-surface: rgba(143, 174, 107, .16);--status-warning-surface: rgba(227, 180, 92, .16);--status-danger-surface: rgba(224, 112, 90, .16);--status-info-surface: rgba(143, 163, 212, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .45), 0 16px 32px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{--surface-page: var(--lg-night-900);--surface-raised: var(--lg-night-800);--surface-sunken: var(--lg-night-950);--surface-overlay: var(--lg-night-700);--text-primary: var(--lg-neutral-100);--text-secondary: var(--lg-neutral-300);--text-muted: var(--lg-neutral-500);--text-on-accent: var(--lg-cream);--border-subtle: rgba(232, 220, 196, .1);--border-default: rgba(232, 220, 196, .16);--border-strong: rgba(232, 220, 196, .38);--accent: #6b80bd;--accent-hover: #7f92cb;--accent-text: #9db0e4;--status-success: #8fae6b;--status-warning: #e3b45c;--status-danger: #e0705a;--status-info: #8fa3d4;--status-success-surface: rgba(143, 174, 107, .16);--status-warning-surface: rgba(227, 180, 92, .16);--status-danger-surface: rgba(224, 112, 90, .16);--status-info-surface: rgba(143, 163, 212, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .45), 0 16px 32px rgba(0, 0, 0, .4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--text-base-lh);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;color:var(--text-primary)}a{color:var(--accent-text);text-decoration-thickness:1px;text-underline-offset:2px}:focus-visible{outline:var(--border-width-thick) solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}.cs-app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100%}.cs-skip{position:absolute;left:-9999px;top:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);background:var(--surface-overlay);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm)}.cs-skip:focus{left:var(--space-2)}.cs-topbar,.cs-scrim{display:none}.cs-sidebar{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4);background:var(--surface-raised);border-right:var(--border-width) solid var(--border-default);position:sticky;top:0;height:100vh;overflow-y:auto}.cs-wordmark{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary)}.cs-wordmark-text{display:flex;flex-direction:column;line-height:1.1}.cs-wordmark-text strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.cs-wordmark-text small{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.14em;color:var(--text-secondary)}.cs-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;flex:1}.cs-nav-item{display:block;padding:var(--space-2) var(--space-3);border-left:var(--border-width-thick) solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:background var(--motion-fast) var(--ease-out)}.cs-nav-item:hover{background:var(--surface-sunken);color:var(--text-primary)}.cs-nav-item[aria-current=page]{border-left-color:var(--accent-mark);background:var(--surface-sunken);color:var(--text-primary);font-weight:600}.cs-account{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-subtle)}.cs-account-name{font-weight:600;font-size:var(--text-sm)}.cs-account-role{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.cs-main{padding:var(--space-6) var(--space-5);max-width:1160px;width:100%}.cs-page-title{font-size:var(--text-3xl);line-height:var(--text-3xl-lh);margin-bottom:var(--space-5)}.cs-colophon{margin-top:var(--space-10);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted);max-width:var(--measure)}.cs-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:var(--border-width) solid transparent;background:var(--accent);color:var(--text-on-accent);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--motion-fast) var(--ease-out)}.cs-button:hover:not(:disabled){background:var(--accent-hover)}.cs-button:disabled{opacity:.5;cursor:not-allowed}.cs-button--secondary{background:transparent;border-color:var(--border-default);color:var(--text-primary)}.cs-button--secondary:hover:not(:disabled){background:var(--surface-sunken)}.cs-button--ghost{background:transparent;color:var(--text-secondary)}.cs-button--ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text-primary)}.cs-button--danger{background:var(--status-danger);color:var(--lg-cream)}.cs-button--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.cs-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);cursor:pointer}.cs-link-button{background:none;border:none;padding:0;color:var(--accent-text);font:inherit;font-size:var(--text-sm);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.cs-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.cs-field label{font-size:var(--text-sm);font-weight:600}.cs-field-help{font-size:var(--text-xs);color:var(--text-secondary)}input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{height:40px;padding:0 var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm)}textarea{height:auto;padding:var(--space-3);line-height:var(--text-base-lh)}.cs-form{display:flex;flex-direction:column;gap:var(--space-3);max-width:420px}.cs-form--inline{flex-direction:row;align-items:center;max-width:none;flex-wrap:wrap}.cs-card{background:var(--surface-raised);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.cs-card>h2{font-size:var(--text-xl);line-height:var(--text-xl-lh);margin-bottom:var(--space-3)}.cs-section{margin-bottom:var(--space-6)}.cs-section>h2{font-size:var(--text-xl);line-height:var(--text-xl-lh);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--border-default);margin-bottom:var(--space-4)}.cs-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cs-table-wrap{border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);overflow-x:auto;background:var(--surface-raised)}.cs-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.cs-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600;padding:var(--space-3);border-bottom:var(--border-width) solid var(--border-default);white-space:nowrap}.cs-table td{padding:var(--space-3);border-bottom:var(--border-width) solid var(--border-subtle);vertical-align:middle}.cs-table tbody tr:last-child td{border-bottom:none}.cs-table tbody tr:hover{background:var(--surface-sunken)}.cs-table .cs-numeric{text-align:right;font-family:var(--font-mono)}.cs-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;border:var(--border-width) solid transparent}.cs-badge[data-tone=success]{background:var(--status-success-surface);color:var(--status-success);border-color:var(--status-success)}.cs-badge[data-tone=warning]{background:var(--status-warning-surface);color:var(--status-warning);border-color:var(--status-warning)}.cs-badge[data-tone=danger]{background:var(--status-danger-surface);color:var(--status-danger);border-color:var(--status-danger)}.cs-badge[data-tone=info]{background:var(--status-info-surface);color:var(--status-info);border-color:var(--status-info)}.cs-badge[data-tone=neutral]{background:var(--surface-sunken);color:var(--text-secondary);border-color:var(--border-default)}.cs-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border-left:var(--border-width-thick) solid var(--status-info);background:var(--status-info-surface);font-size:var(--text-sm);margin-bottom:var(--space-4)}.cs-banner[data-tone=danger]{border-left-color:var(--status-danger);background:var(--status-danger-surface)}.cs-banner[data-tone=success]{border-left-color:var(--status-success);background:var(--status-success-surface)}.cs-error{color:var(--status-danger);font-size:var(--text-sm)}.cs-empty{padding:var(--space-8) var(--space-4);text-align:center;border:var(--border-width) dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary)}.cs-empty h3{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--text-primary)}.cs-skeleton{background:var(--surface-sunken);border-radius:var(--radius-sm);height:1em;animation:cs-pulse 1.4s ease-in-out infinite}@keyframes cs-pulse{0%,to{opacity:1}50%{opacity:.55}}.cs-note{font-size:var(--text-sm);color:var(--text-secondary);max-width:var(--measure)}.cs-lede{font-size:var(--text-lg);line-height:var(--text-lg-lh);color:var(--text-secondary);max-width:var(--measure)}.cs-meta{font-size:var(--text-xs);color:var(--text-muted)}.cs-code{display:block;padding:var(--space-3);background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);overflow-x:auto;white-space:pre;font-size:var(--text-xs);line-height:var(--text-sm-lh)}.cs-secret{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all}.cs-entries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.cs-entries li{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--border-subtle);align-items:baseline}.cs-entries li:last-child{border-bottom:none}.cs-row{display:flex;flex:1;gap:var(--space-3);justify-content:space-between;align-items:baseline;flex-wrap:wrap}.cs-mark{color:var(--accent-mark);font-weight:700;width:1em;flex:none}.cs-mark[data-state=pending]{color:var(--text-muted)}@media(max-width:767px){.cs-app{grid-template-columns:minmax(0,1fr)}.cs-topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border-bottom:var(--border-width) solid var(--border-default);position:sticky;top:0;z-index:20}.cs-wordmark--compact span{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}.cs-sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,84vw);z-index:40;transform:translate(-100%);transition:transform var(--motion-slow) var(--ease-out);box-shadow:var(--shadow-lg)}.cs-app[data-drawer=open] .cs-sidebar{transform:translate(0)}.cs-app[data-drawer=open] .cs-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#241a1366}.cs-main{padding:var(--space-5) var(--space-4)}.cs-page-title{font-size:var(--text-2xl);line-height:var(--text-2xl-lh)}}@media(min-width:768px){.cs-wordmark--compact{display:none}}.cs-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:0 0 var(--space-6);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--border-default)}.cs-stats dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-1)}.cs-stats dd{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--text-2xl-lh);font-weight:600}.cs-stats dd small{font-family:var(--font-body);font-size:var(--text-xs);font-weight:400;color:var(--text-muted)}.cs-playing-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.cs-playing{padding:var(--space-4);background:var(--surface-raised);border:var(--border-width) solid var(--border-default);border-left:var(--border-width-thick) solid var(--accent-mark);border-radius:var(--radius-md)}.cs-playing-main{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-1)}.cs-playing-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;text-decoration:none;color:var(--text-primary)}.cs-playing-title:hover{text-decoration:underline}.cs-columns{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cs-col-pin{width:40px}.cs-col-order{width:96px;white-space:nowrap}.cs-cell-title{font-weight:600;text-decoration:none;color:var(--text-primary)}.cs-cell-title:hover{text-decoration:underline}.cs-pin{background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--text-muted);font-size:var(--text-base);line-height:1}.cs-pin[aria-pressed=true]{color:var(--accent-mark)}@media(max-width:767px){.cs-table--collection thead{display:none}.cs-table--collection,.cs-table--collection tbody,.cs-table--collection tr,.cs-table--collection td{display:block;width:100%}.cs-table--collection tr{padding:var(--space-3);border-bottom:var(--border-width) solid var(--border-default);position:relative}.cs-table--collection tr:last-child{border-bottom:none}.cs-table--collection td{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-1) 0;border:none}.cs-table--collection td:before{content:attr(data-label);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);flex:none}.cs-table--collection td[data-label=Game]{padding-bottom:var(--space-2)}.cs-table--collection td[data-label=Game]:before{content:none}.cs-table--collection td[data-label=Game] .cs-cell-title{font-size:var(--text-lg);font-family:var(--font-display)}.cs-table--collection td.cs-col-pin{position:absolute;top:var(--space-3);right:var(--space-3);width:auto;padding:0}.cs-table--collection td.cs-col-pin:before{content:none}.cs-table-wrap{overflow-x:visible}}.cs-subhead{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin:var(--space-5) 0 var(--space-2);color:var(--text-secondary)}.cs-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cs-auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-5) var(--space-4);background:var(--surface-page)}.cs-auth-card{width:100%;max-width:420px;padding:var(--space-6);background:var(--surface-raised);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.cs-auth-brand{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--border-subtle)}.cs-auth-title{font-size:var(--text-xl);line-height:var(--text-xl-lh);margin-bottom:var(--space-2)}.cs-auth-card .cs-form{max-width:none;margin-top:var(--space-4)}.cs-auth-card .cs-button{width:100%}.cs-auth-footer{font-size:var(--text-xs);color:var(--text-muted);text-align:center;max-width:420px}.cs-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2);margin:var(--space-3) 0;padding:var(--space-3);background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);list-style:none}