@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#f6efe3;--surface:#fff8ef;--surface-deep:#f4e6d3;--border:#56371f1a;--border-strong:#fff4da33;--text-strong:#2f2217;--text-soft:#eadfce;--text-muted:#71594b;--accent:#ae4f2b;--danger:#ad3a31;--shadow-soft:0 18px 40px #3d221117;--shadow-elevated:0 28px 48px #25180d2e;color:var(--text-strong);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffd88a6b,#0000 30%),linear-gradient(#f8f2e7,#f1e5d2);font:18px/1.55 Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button{cursor:pointer}h1,h2{letter-spacing:-.04em;margin:0;font-family:Fraunces,serif;line-height:1.05}h1{color:#fff5e7;font-size:clamp(2.9rem,6vw,5.2rem)}h2{font-size:clamp(1.7rem,3vw,2.35rem)}p{margin:0}#root{min-height:100vh}.shell{box-sizing:border-box;width:min(1180px,100%);margin:0 auto;padding:32px 24px 56px}.shell--ready{animation:.3s both shell-fade-in}.shell--boot{place-items:center;min-height:100vh;display:grid}.boot-panel{background:radial-gradient(circle at 100% 0,#ffd474c7,#0000 30%),radial-gradient(circle at 18% 18%,#fff1c7e6,#0000 36%),linear-gradient(135deg,#fff8eb 0%,#ffe7bf 48%,#ffc68d 100%);border:1px solid #d68a4833;border-radius:32px;gap:20px;width:min(720px,100%);padding:36px;animation:.36s both boot-panel-enter;display:grid;box-shadow:0 28px 52px #a25e272e}.boot-status{color:#4d2c19d1;background:#fffbf49e;border:1px solid #9a5c3224;border-radius:20px;align-items:center;gap:12px;padding:16px 18px;display:flex}.boot-spinner{border:2px solid #9a5c3238;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.82s linear infinite boot-spin}@keyframes boot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes boot-panel-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shell-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-panel{background:radial-gradient(circle at 100% 0,#ffd474c7,#0000 30%),radial-gradient(circle at 18% 18%,#fff1c7e6,#0000 36%),radial-gradient(circle at 0 100%,#ffad7685,#0000 34%),linear-gradient(135deg,#fff8eb 0%,#ffe7bf 48%,#ffc68d 100%);border:1px solid #d68a4833;border-radius:28px;padding:32px;animation:.32s both hero-panel-enter;position:relative;overflow:hidden;box-shadow:0 28px 52px #a25e272e}@keyframes hero-panel-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#ca672524,#0000 68%);border-radius:50%;width:320px;height:320px;position:absolute;inset:auto -12% -32% auto}.hero-panel h1{color:#4b2414;text-wrap:balance;max-width:12ch}.eyebrow{color:#58311bb3;letter-spacing:.18em;text-transform:uppercase;background:#fffaf1b3;border:1px solid #9b5d2e29;border-radius:999px;width:fit-content;padding:8px 12px;font-size:.85rem;box-shadow:inset 0 1px #ffffff85}.hero-copy{color:#4d2c19e0;max-width:58ch}.hero-stats{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-stats span,.stats-card span{color:#4d2c19d1;background:#fffbf49e;border:1px solid #9a5c3224;border-radius:999px;padding:10px 14px;box-shadow:inset 0 1px #ffffff8f}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.mode-card,.choice-card,.ghost-button,.play-button,.next-button{font:inherit}.mode-card{text-align:left;border:1px solid var(--border);color:var(--text-strong);box-shadow:var(--shadow-soft);background:linear-gradient(#fffcf6f5,#f3e4cdeb);border-radius:24px;gap:12px;padding:24px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.mode-card__header,.mode-badges{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mode-card:hover,.mode-card:focus-visible,.choice-card:hover:not(:disabled),.choice-card:focus-visible:not(:disabled),.play-button:hover,.play-button:focus-visible,.ghost-button:hover,.ghost-button:focus-visible,.next-button:hover,.next-button:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.mode-card__tag,.question-kicker,.mode-name{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.82rem}.game-layout{gap:20px;animation:.32s game-layout-enter;display:grid}@keyframes game-layout-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.game-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.mode-header{gap:10px;display:grid}.difficulty-pill{color:#7e431f;background:#ca67251f;border:1px solid #9a5c3229;border-radius:999px;align-items:center;padding:8px 12px;font-size:.86rem;font-weight:600;display:inline-flex}.difficulty-pill--muted{color:var(--text-muted);background:#fffbf4c2}.stats-card{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.question-panel{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:radial-gradient(circle at top,#e9c07b29,#0000 28%),linear-gradient(#fffaf0f2,#f6ecdce6);border-radius:28px;gap:24px;padding:28px;display:grid}.question-heading{gap:10px;display:grid}.progress-banner{color:#7a481f;background:#fff2d6eb;border:1px solid #d2994947;border-radius:18px;margin:0;padding:14px 16px}.control-row{flex-wrap:wrap;gap:12px;display:flex}.play-button,.next-button{border:1px solid var(--accent);background:var(--accent);color:#fff8ef;border-radius:18px;padding:14px 18px;box-shadow:0 14px 24px #9a462238}.ghost-button{border:1px solid var(--border-strong);color:var(--text-strong);background:#fffbf5b8;border-radius:18px;padding:14px 18px}.play-button:disabled,.ghost-button:disabled,.choice-card:disabled{cursor:not-allowed;opacity:.72;transform:none}.status-message{color:var(--text-muted);margin:0}.status-message.error{color:var(--danger)}.choices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.choice-card{text-align:left;color:var(--text-strong);background:#fffcf7e0;border:1px solid #714e3224;border-radius:22px;gap:8px;padding:18px;display:grid}.choice-card.correct{background:#e7f8eceb;border-color:#3e84588c}.choice-card.wrong{background:#ffebe7eb;border-color:#ad3a3173}.choice-card.muted{opacity:.64}.choice-label{font-size:1.2rem;font-weight:600}.choice-meta{color:var(--text-muted);font-size:.95rem}.feedback-panel{border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.feedback-panel.success{background:#e5f6eaf2;border:1px solid #518f5e52}.feedback-panel.danger{background:#ffede7f2;border:1px solid #ad3a3147}.feedback-title{margin:0 0 6px;font-size:1.2rem;font-weight:700}@media (width<=940px){.mode-grid,.choices-grid{grid-template-columns:1fr}.game-header,.feedback-panel{grid-template-columns:1fr;display:grid}.stats-card{justify-content:flex-start}}@media (width<=640px){.shell{padding:18px 14px 36px}.hero-panel,.question-panel{border-radius:22px;padding:20px}.hero-panel h1{max-width:11ch;font-size:clamp(2.7rem,12vw,4rem)}}