:root{color-scheme:dark;--surface-page: #0a0d0b;--surface-sunken: #070907;--surface-elevated: #111614;--surface-panel: #171e1a;--surface-raised: #1e2723;--surface-overlay: rgba(4, 6, 5, .72);--surface-table: #0d2b1e;--surface-table-highlight: #14402c;--surface-table-rail: #071a12;--surface-card: #f6f4ec;--surface-card-edge: #ded9c7;--surface-card-back: #123024;--border-subtle: rgba(233, 226, 205, .1);--border-strong: rgba(233, 226, 205, .22);--border-gold: rgba(201, 168, 89, .45);--text-primary: #f1f3ef;--text-secondary: #c2cac4;--text-muted: #8e988f;--text-disabled: #5f6862;--text-on-gold: #16110a;--text-on-card: #14181a;--gold-primary: #c9a859;--gold-hover: #dcbc6b;--gold-active: #b3934a;--gold-dim: rgba(201, 168, 89, .16);--gold-foil: linear-gradient(180deg, #e8cf87, #c9a859 55%, #a8863f);--status-success: #57c98a;--status-success-surface: rgba(87, 201, 138, .14);--status-warning: #d9a441;--status-warning-surface: rgba(217, 164, 65, .14);--status-danger: #e5705f;--status-danger-surface: rgba(229, 112, 95, .15);--status-info: #6aa8e0;--status-info-surface: rgba(106, 168, 224, .14);--status-neutral: var(--text-muted);--status-neutral-surface: rgba(233, 226, 205, .08);--suit-red: #b3261e;--suit-black: #14181a;--focus-ring: #e2c878;--focus-ring-width: 2px;--focus-ring-offset: 2px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-numeric: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-display: clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);--text-heading: clamp(1.25rem, 1.05rem + .9vw, 1.75rem);--text-subheading: clamp(1.05rem, .98rem + .35vw, 1.25rem);--text-body: 1rem;--text-body-sm: .9375rem;--text-label: .8125rem;--text-caption: .75rem;--text-card-rank: clamp(.9rem, .72rem + .85vw, 1.35rem);--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-wide: .06em;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--layout-gutter: clamp(.75rem, .4rem + 1.6vw, 2rem);--layout-section: clamp(1.5rem, 1rem + 2vw, 3rem);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--radius-card: 10px;--shadow-panel: 0 1px 2px rgba(0, 0, 0, .4);--shadow-elevated: 0 6px 20px rgba(0, 0, 0, .45);--shadow-overlay: 0 24px 60px rgba(0, 0, 0, .6);--shadow-card: 0 2px 6px rgba(0, 0, 0, .5);--shadow-card-raised: 0 10px 22px rgba(0, 0, 0, .55);--shadow-gold-glow: 0 0 0 1px var(--border-gold), 0 0 18px rgba(201, 168, 89, .22);--shadow-focus: 0 0 0 var(--focus-ring-offset) var(--surface-page), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring);--motion-fast: 90ms;--motion-normal: .14s;--motion-slow: .24s;--ease-standard: cubic-bezier(.2, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--layout-content-width: 72rem;--layout-reading-width: 42rem;--layout-header-height: 3.5rem;--layout-touch-target: 2.75rem;--layout-touch-primary: 3rem;--layout-table-max: 60rem;--layout-table-min-height: 18rem;--safe-top: max(var(--space-xs), env(safe-area-inset-top));--safe-right: max(var(--layout-gutter), env(safe-area-inset-right));--safe-bottom: max(var(--space-xs), env(safe-area-inset-bottom));--safe-left: max(var(--layout-gutter), env(safe-area-inset-left))}:root{--history-gap: var(--space-sm);--history-gap-lg: var(--space-lg);--history-radius: var(--radius-md);--history-border: var(--border-subtle);--history-muted: var(--text-muted);--history-accent: var(--gold-primary);--history-surface: var(--surface-elevated)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100dvh;background-color:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100dvh;isolation:isolate}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6,li,dd,dt,label,button{overflow-wrap:break-word}ul[class],ol[class]{list-style:none;padding:0;margin:0}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1{font-size:var(--text-display);line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.01em}h2{font-size:var(--text-heading);line-height:var(--leading-tight);font-weight:var(--weight-semibold)}h3{font-size:var(--text-subheading);line-height:var(--leading-tight);font-weight:var(--weight-semibold)}h4,h5,h6{font-size:var(--text-body);font-weight:var(--weight-semibold)}p{line-height:var(--leading-relaxed)}small{font-size:var(--text-caption);color:var(--text-muted)}strong,b{font-weight:var(--weight-semibold);color:var(--text-primary)}code,kbd,samp{font-family:var(--font-numeric);font-size:.9em}a{color:var(--gold-primary);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--motion-fast) var(--ease-standard)}a:hover{color:var(--gold-hover)}dt{font-size:var(--text-label);color:var(--text-muted)}dd{font-variant-numeric:tabular-nums}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--layout-touch-target);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface-raised);color:var(--text-primary);font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}button:hover:not(:disabled){background-color:var(--surface-panel);border-color:var(--border-gold)}button:active:not(:disabled){background-color:var(--surface-elevated)}button:disabled{cursor:not-allowed;opacity:.55;color:var(--text-disabled);border-color:var(--border-subtle);background-color:var(--surface-elevated)}button[data-variant=primary]{min-height:var(--layout-touch-primary);background-color:var(--gold-primary);border-color:var(--gold-primary);color:var(--text-on-gold);font-weight:var(--weight-semibold)}button[data-variant=primary]:hover:not(:disabled){background-color:var(--gold-hover);border-color:var(--gold-hover)}button[data-variant=primary]:active:not(:disabled){background-color:var(--gold-active)}button[data-variant=danger]{background-color:var(--status-danger-surface);border-color:var(--status-danger);color:var(--status-danger)}button[data-variant=ghost]{background-color:transparent;border-color:transparent}button[data-variant=ghost]:hover:not(:disabled){background-color:var(--surface-elevated);border-color:var(--border-subtle)}button[aria-busy=true]{cursor:progress}label{display:inline-block;font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--text-secondary)}input,select,textarea{min-height:var(--layout-touch-target);width:100%;max-width:100%;padding:var(--space-xs) var(--space-sm);background-color:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-gold)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--text-disabled)}input[type=number]{font-variant-numeric:tabular-nums}fieldset{margin:0;padding:0;border:0}[role=alert],[role=status]{border-radius:var(--radius-md);font-size:var(--text-body-sm)}[role=alert]{padding:var(--space-xs) var(--space-sm);background-color:var(--status-danger-surface);border:1px solid var(--status-danger);color:var(--text-primary)}[role=status]{color:var(--text-secondary)}[role=status]:empty,[role=alert]:empty{display:none}[role=alertdialog],[role=dialog]{background-color:var(--surface-panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);padding:var(--space-lg)}table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}th{text-align:left;font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}th,td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle)}td{font-variant-numeric:tabular-nums}hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-md) 0}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.u-numeric{font-variant-numeric:tabular-nums;font-family:var(--font-numeric)}@media(max-width:22.5rem){:root{--layout-gutter: .5rem;--space-lg: 1rem;--space-xl: 1.25rem}button{padding-inline:var(--space-sm)}}@media(hover:none){button:hover:not(:disabled),button[data-variant=primary]:hover:not(:disabled),button[data-variant=ghost]:hover:not(:disabled){background-color:inherit;border-color:inherit}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-strong)}a:hover{color:var(--gold-primary)}}