:root{--color-bg:#f6f1e4;--color-paper-deep:#ebe4d2;--color-surface:#fffcf5;--color-surface-sunken:color-mix(in srgb,var(--color-paper-deep) 55%,var(--color-surface));--color-border:#e4dcc8;--color-hairline:color-mix(in srgb,var(--color-border) 78%,transparent);--color-ink:#111c40;--color-muted:#6b6558;--color-primary:#1b7a72;--color-success:var(--color-primary);--color-accent:var(--color-primary);--color-accent-hover:#15665f;--color-accent-light:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));--color-success-bg:color-mix(in srgb,var(--color-success) 14%,var(--color-surface));--color-reward:#c99a3b;--color-reward-bg:color-mix(in srgb,var(--color-reward) 16%,var(--color-surface));--color-reward-ink:#8a6a1f;--color-stamp:#8b3a3a;--color-stamp-bg:color-mix(in srgb,var(--color-stamp) 12%,var(--color-surface));--color-stamp-border:color-mix(in srgb,var(--color-stamp) 42%,var(--color-border));--color-stamp-hover:color-mix(in srgb,var(--color-stamp) 88%,#000);--color-error:#b04f2e;--color-error-bg:color-mix(in srgb,var(--color-error) 14%,var(--color-surface));--color-focus:var(--color-primary);--color-text:var(--color-ink);--color-text-muted:var(--color-muted);--color-skeleton-mid:color-mix(in srgb,var(--color-surface) 70%,var(--color-border));--color-overlay:color-mix(in srgb,var(--color-ink) 45%,transparent);--color-shadow:color-mix(in srgb,var(--color-ink) 12%,transparent);--color-rank-1:var(--color-reward);--color-rank-2:#8a867c;--color-rank-3:#b87333;--font-display:var(--font-fraunces),"Fraunces",Georgia,serif;--font-ui:var(--font-inter),"Inter",system-ui,sans-serif;--font-mono:var(--font-plex),"IBM Plex Mono",ui-monospace,monospace;--font:var(--font-ui);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--font-display-xl:clamp(2.5rem,2rem + 2.15vw,3.05rem);--font-display-lg:clamp(1.9rem,1.55rem + 1.5vw,2.44rem);--font-display-md:clamp(1.5rem,1.28rem + 0.95vw,1.95rem);--font-display-sm:clamp(1.15rem,1.05rem + 0.45vw,1.35rem);--font-body-lg:1.125rem;--font-body-md:1rem;--font-body-sm:0.875rem;--font-body-xs:0.8125rem;--font-mono-score:clamp(2.75rem,2.2rem + 2.4vw,3.5rem);--font-mono-timer:1.375rem;--font-hero:clamp(1.75rem,1.35rem + 1.7vw,2.4rem);--font-card-title:clamp(1.125rem,1.05rem + 0.35vw,1.25rem);--font-meta:0.8125rem;--font-label:0.6875rem;--lh-hero:1.12;--lh-card-title:1.25;--lh-body:1.5;--lh-meta:1.4;--lh-label:1.3;--tracking-hero:-0.025em;--tracking-card-title:-0.015em;--tracking-meta:0.02em;--tracking-label:0.08em;--radius-xs:4px;--radius-sm:8px;--radius-button:12px;--radius-card:16px;--radius-lg:20px;--radius-badge:999px;--radius:var(--radius-card);--shadow-card:0 1px 2px color-mix(in srgb,var(--color-ink) 4%,transparent);--shadow-elevated:0 4px 12px color-mix(in srgb,var(--color-ink) 8%,transparent);--shadow-sticky:0 1px 0 color-mix(in srgb,var(--color-ink) 4%,transparent),0 6px 20px color-mix(in srgb,var(--color-ink) 5%,transparent);--shadow-postcard:0 2px 8px color-mix(in srgb,var(--color-ink) 10%,transparent),0 0 0 1px color-mix(in srgb,var(--color-ink) 4%,transparent);--shadow-stamp:0 1px 0 color-mix(in srgb,var(--color-stamp) 18%,transparent),0 2px 6px color-mix(in srgb,var(--color-ink) 6%,transparent);--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-emphasized:cubic-bezier(0.2,0,0,1);--duration-fast:120ms;--duration-normal:200ms;--duration-stamp:280ms;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--page-pad-x:var(--space-4);--page-pad-y:var(--space-5);--section-gap:var(--space-6);--stack-gap:var(--space-3);--touch-min:44px;--touch-comfort:48px;--touch-lg:56px;--touch-cta:var(--touch-lg);--touch-gap:var(--space-2);--color-on-primary:#fffcf5;--map-ocean:color-mix(in srgb,#0f2740 70%,var(--color-bg));--map-land:color-mix(in srgb,var(--color-muted) 55%,#2a3340);--map-land-stroke:color-mix(in srgb,var(--color-bg) 28%,transparent);--map-land-stroke-width:0.35;--map-play-ocean:color-mix(in srgb,var(--color-primary) 22%,var(--color-paper-deep));--map-play-land:color-mix(in srgb,var(--color-success) 38%,#8fbc8f);--map-play-land-hover:color-mix(in srgb,var(--color-success) 58%,#6aa87a);--map-play-stroke:var(--color-surface);--map-play-stroke-width:0.55;--safe-top-inset:env(safe-area-inset-top,0px);--safe-right-inset:env(safe-area-inset-right,0px);--safe-bottom-inset:env(safe-area-inset-bottom,0px);--safe-left-inset:env(safe-area-inset-left,0px);--max-width:37.5rem;--z-base:1;--z-sticky:40;--z-overlay:80;--z-sheet:100;--z-toast:120;color-scheme:light}[data-theme=dark]{--color-bg:#1a1712;--color-paper-deep:#221e16;--color-surface:#242018;--color-surface-sunken:color-mix(in srgb,var(--color-paper-deep) 70%,var(--color-surface));--color-border:#3a3428;--color-hairline:color-mix(in srgb,var(--color-border) 78%,transparent);--color-ink:#f6f1e4;--color-muted:#a89f8e;--color-primary:#23968c;--color-success:var(--color-primary);--color-accent:var(--color-primary);--color-accent-hover:#2aada2;--color-accent-light:color-mix(in srgb,var(--color-primary) 22%,var(--color-surface));--color-success-bg:color-mix(in srgb,var(--color-success) 22%,var(--color-surface));--color-reward:#e8b86d;--color-reward-bg:color-mix(in srgb,var(--color-reward) 22%,var(--color-surface));--color-reward-ink:var(--color-reward);--color-stamp:#c97a7a;--color-stamp-bg:color-mix(in srgb,var(--color-stamp) 18%,var(--color-surface));--color-stamp-border:color-mix(in srgb,var(--color-stamp) 48%,var(--color-border));--color-stamp-hover:color-mix(in srgb,var(--color-stamp) 82%,#fff);--color-error:#e08b63;--color-error-bg:color-mix(in srgb,var(--color-error) 22%,var(--color-surface));--color-focus:var(--color-primary);--color-text:var(--color-ink);--color-text-muted:var(--color-muted);--color-skeleton-mid:color-mix(in srgb,var(--color-surface) 60%,var(--color-border));--color-overlay:color-mix(in srgb,#000 55%,transparent);--color-shadow:color-mix(in srgb,#000 35%,transparent);--color-rank-1:var(--color-reward);--color-rank-2:#c4bba8;--color-rank-3:#d4a574;--shadow-card:0 1px 2px color-mix(in srgb,#000 25%,transparent);--shadow-elevated:0 4px 12px color-mix(in srgb,#000 35%,transparent);--shadow-sticky:0 1px 0 color-mix(in srgb,#000 30%,transparent),0 6px 20px color-mix(in srgb,#000 32%,transparent);--shadow-postcard:0 2px 8px color-mix(in srgb,#000 30%,transparent),0 0 0 1px var(--color-border);--shadow-stamp:0 1px 0 color-mix(in srgb,var(--color-stamp) 28%,transparent),0 2px 8px color-mix(in srgb,#000 28%,transparent);--color-on-primary:#16130e;--map-ocean:#071018;--map-land:#4a5568;--map-land-stroke:#c5d0de;--map-land-stroke-width:0.7;--map-play-ocean:color-mix(in srgb,var(--color-primary) 22%,#0a121a);--map-play-land:color-mix(in srgb,var(--color-success) 42%,#3a5448);--map-play-land-hover:color-mix(in srgb,var(--color-success) 62%,#4a6a58);--map-play-stroke:#c8d4e0;--map-play-stroke-width:0.75;color-scheme:dark}@media (prefers-reduced-motion:reduce){:not(.answer-stamp-mark),:not(.answer-stamp-mark):after,:not(.answer-stamp-mark):before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.answer-stamp-mark,.answer-stamp-mark:after,.answer-stamp-mark:before{animation-duration:.16s!important;animation-delay:0s!important;transition-duration:.16s!important}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);background:var(--color-bg);color:var(--color-ink);line-height:1.5}.font-display,h1,h2{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:-.02em}.text-hero{font-size:var(--font-hero);line-height:var(--lh-hero);letter-spacing:var(--tracking-hero)}.text-card-title,.text-hero{font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--color-ink)}.text-card-title{font-size:var(--font-card-title);line-height:var(--lh-card-title);letter-spacing:var(--tracking-card-title)}.text-meta{font-size:var(--font-meta);font-weight:var(--weight-medium);line-height:var(--lh-meta);letter-spacing:var(--tracking-meta)}.text-label,.text-meta{font-family:var(--font-ui);color:var(--color-muted)}.text-label{font-size:var(--font-label);line-height:var(--lh-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.text-label,.text-score{font-weight:var(--weight-semibold)}.text-score{font-family:var(--font-mono);font-size:var(--font-mono-score);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;color:var(--color-ink)}a{color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}.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}:where(a,button,summary,input,select,textarea,[role=button],[role=tab],[role=option],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.page{min-height:100dvh;display:flex;flex-direction:column;max-width:var(--max-width);margin:0 auto;padding:calc(var(--page-pad-y) + var(--safe-top-inset)) calc(var(--page-pad-x) + var(--safe-right-inset)) calc(var(--page-pad-y) + var(--safe-bottom-inset)) calc(var(--page-pad-x) + var(--safe-left-inset))}@media (min-width:480px){:root{--page-pad-x:var(--space-5)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--touch-min);padding:.75rem 1.1rem;border:1.5px solid transparent;border-radius:var(--radius-button);font-family:var(--font-ui);font-weight:600;font-size:var(--font-body-md);line-height:1.2;letter-spacing:.01em;text-decoration:none;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.985)}.btn-primary{min-height:var(--touch-cta);padding:.85rem 1.15rem;background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);font-weight:700;font-size:1.05rem}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-on-primary)}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));color:var(--color-ink)}.btn-quiet{min-height:var(--touch-min);padding:.45rem .65rem;background:transparent;color:var(--color-muted);border-color:transparent;font-weight:550;font-size:.875rem;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--color-muted) 45%,transparent)}.btn-quiet:hover:not(:disabled){color:var(--color-ink);background:transparent;text-decoration-color:var(--color-ink)}.btn-quiet:active:not(:disabled){transform:none}.btn-icon{width:var(--touch-comfort);min-width:var(--touch-comfort);height:var(--touch-comfort);min-height:var(--touch-comfort);padding:0;gap:0;background:var(--color-surface);color:var(--color-ink);border-color:var(--color-border)}.btn-icon:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.btn-icon svg{display:block;flex-shrink:0}.btn-block{display:flex;width:100%}.btn--compact{padding:.55rem 1rem}.btn--compact,.btn-primary.btn--compact{min-height:2.75rem;font-size:.9rem}.ad-slot{min-height:2px;margin:1.5rem 0}