@font-face{font-family:RuneFont;src:url(/fonts/rune-font.woff2) format("woff2");font-display:swap;font-weight:300 700;font-style:normal;unicode-range:U+16A0-16FF}:root{--color-bg: #fdf2e4;--color-bg-deep: #f9e8d0;--color-surface: #ffffff;--color-surface-warm: #fdebd0;--color-border: #efddc0;--color-text: #3d2818;--color-text-warm: #5e4530;--color-text-dim: #8b7561;--color-terracotta: #c2693f;--color-terracotta-bright: #d97149;--color-mustard: #d4a548;--color-mustard-deep: #b08531;--color-pink: #f5b896;--color-pink-deep: #e89070;--color-sage: #7a8f4a;--color-error: #c25151;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-rune: "RuneFont", "Noto Sans Runic", "Segoe UI Historic", "Apple Symbols", "Junicode", var(--font-display);--font-size-display-xl: 52px;--font-size-display-l: 36px;--font-size-display-m: 28px;--font-size-display-s: 18px;--font-size-body-l: 17px;--font-size-body-m: 15px;--font-size-body-s: 13px;--font-size-button: 14px;--font-size-tag: 11px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-display-xl: 1.1;--line-height-display-l: 1.2;--line-height-display-m: 1.3;--line-height-body: 1.55;--line-height-body-tight: 1.5;--letter-spacing-display: -.02em;--letter-spacing-display-tight: -.01em;--letter-spacing-tag: .15em;--letter-spacing-label: .18em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-subtle: 0 2px 6px rgba(95, 58, 30, .04);--shadow-card: 0 4px 12px rgba(95, 58, 30, .06);--shadow-elevated: 0 8px 24px rgba(95, 58, 30, .1);--shadow-hover: 0 12px 32px rgba(95, 58, 30, .12);--shadow-glow: 0 6px 16px rgba(194, 105, 63, .3);--motion-fast: .15s;--motion-card: .2s;--motion-screen: .24s;--motion-celebrate: .4s;--motion-easing: ease-out}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--font-size-body-m);line-height:var(--line-height-body);color:var(--color-text);background:radial-gradient(circle at 90% 5%,rgba(245,184,150,.3) 0%,transparent 50%),radial-gradient(circle at 10% 95%,rgba(212,165,72,.2) 0%,transparent 50%),var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-display-m)}p{margin:0}a{color:var(--color-terracotta);text-decoration:none;font-weight:var(--font-weight-semibold)}a:hover{color:var(--color-terracotta-bright)}button{font-family:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:3px solid var(--color-terracotta);outline-offset:3px;border-radius:var(--radius-xs)}#app{transition:opacity var(--motion-screen) var(--motion-easing)}#app.screen--leaving{opacity:0}#app.screen--entering{opacity:0;animation:screen-fade-in var(--motion-screen) var(--motion-easing) forwards}@keyframes screen-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;padding:var(--space-3) var(--space-8);font-family:var(--font-body);font-size:var(--font-size-button);font-weight:var(--font-weight-bold);line-height:1;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:transform var(--motion-fast) var(--motion-easing),box-shadow var(--motion-fast) var(--motion-easing),background-color var(--motion-fast) var(--motion-easing),border-color var(--motion-fast) var(--motion-easing),color var(--motion-fast) var(--motion-easing)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none!important}.btn--primary{background:linear-gradient(135deg,var(--color-terracotta) 0%,var(--color-terracotta-bright) 100%);color:#fff;box-shadow:var(--shadow-glow)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #c2693f66}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.btn--secondary:hover:not(:disabled){border-color:var(--color-text-warm)}.btn--ghost{background:transparent;color:var(--color-text-warm)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-warm)}.btn--icon{padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-body-s);color:var(--color-text-warm);font-weight:var(--font-weight-semibold)}.btn--icon:hover:not(:disabled){border-color:var(--color-text-warm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-subtle)}.card--elevated{box-shadow:var(--shadow-elevated)}.card--hero{border-radius:var(--radius-xl);padding:var(--space-8)}.option-tile{display:block;width:100%;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:center;font-family:var(--font-body);font-size:var(--font-size-body-l);font-weight:var(--font-weight-semibold);color:var(--color-text);cursor:pointer;transition:transform var(--motion-fast) var(--motion-easing),border-color var(--motion-fast) var(--motion-easing),background-color var(--motion-fast) var(--motion-easing),color var(--motion-fast) var(--motion-easing)}.option-tile:hover:not(:disabled){border-color:var(--color-terracotta);background:var(--color-surface-warm);transform:translateY(-1px)}.option-tile--correct,.option-tile[data-state=correct]{border-color:var(--color-sage);background:#7a8f4a14;color:var(--color-sage)}.option-tile--wrong,.option-tile[data-state=wrong]{border-color:var(--color-error);background:#c251510f;color:var(--color-error)}.option-tile__key{display:inline-block;background:var(--color-surface-warm);color:var(--color-terracotta);width:20px;height:20px;line-height:20px;border-radius:var(--radius-xs);font-size:var(--font-size-tag);font-weight:var(--font-weight-bold);margin-right:var(--space-2);vertical-align:1px}.option-tile--correct .option-tile__key{background:#7a8f4a33;color:var(--color-sage)}.option-tile--wrong .option-tile__key{background:#c2515126;color:var(--color-error)}.tag{display:inline-block;background:var(--color-surface-warm);color:var(--color-terracotta);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-tag);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tag);text-transform:uppercase;line-height:1.4}.tag--solid{background:var(--color-terracotta);color:#fff}.tag--outline{background:transparent;color:var(--color-text-dim);border:1px solid var(--color-border)}.tag--sage{background:#7a8f4a26;color:var(--color-sage)}.tag--eyebrow{background:var(--color-terracotta);color:#fff;padding:6px 16px;letter-spacing:var(--letter-spacing-tag)}.burst{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-mustard) 0%,var(--color-terracotta) 100%);border-radius:var(--radius-xl);color:#fff;font-size:38px;box-shadow:0 12px 28px #c2693f4d;transform:rotate(-4deg)}.burst--animate{animation:burst-in var(--motion-celebrate) var(--motion-easing) both}@keyframes burst-in{0%{transform:rotate(0) scale(.4);opacity:0}to{transform:rotate(-4deg) scale(1);opacity:1}}.rune{font-family:var(--font-rune);font-weight:300;color:var(--color-text);line-height:1}.rune--hero{font-size:80px}