:root{--ink:#25231f;--muted:#6f6a60;--accent:#eb5e3f;--accent-dark:#bf3d24;--accent-soft:#fbe5dc;--line:#ddd8cd;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Georgia,"Times New Roman",serif;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf8f2}*{box-sizing:border-box}html,body{background:#faf8f2;min-width:320px;min-height:100svh}body{margin:0}button{-webkit-tap-highlight-color:transparent}.app-shell{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:hidden}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);background:#faf8f2d1;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(20px,5vw,72px);display:grid;position:relative}.brand{color:var(--ink);font:700 17px/1 var(--sans);letter-spacing:-.4px;grid-column:1;justify-self:start;padding:12px 0}.brand span{color:#fff;background:var(--accent);border-radius:9px;place-items:center;width:43px;height:31px;margin-right:7px;display:inline-grid;transform:rotate(-2deg)}.text-button,.secondary-button,.skip-button{color:var(--muted);font:650 15px/1 var(--sans);cursor:pointer;background:0 0;border:0}.text-button{border-bottom:1px solid;justify-self:end;padding:12px 0}.topbar-actions{grid-column:3;justify-self:end;align-items:center;gap:20px;display:flex}.history-count{min-width:20px;height:20px;color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;place-items:center;margin-left:4px;padding:0 5px;font-size:11px;display:inline-grid}.game-stats{color:var(--muted);grid-column:2;align-items:center;gap:18px;font-size:14px;display:flex}.game-stats b{color:var(--ink);font-size:17px}.score-pill{background:#fff;border-radius:999px;padding:9px 15px;box-shadow:0 4px 18px #342b1712}.progress-track{background:#eae6db;height:4px}.progress-track span{background:var(--accent);height:100%;transition:width .35s;display:block}.hero-screen,.result-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:calc(100svh - 126px);padding:48px 20px 80px;display:flex;position:relative}.eyebrow{color:var(--accent-dark);letter-spacing:1.8px;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}.hero-screen h1,.result-screen h1{max-width:800px;color:var(--ink);font:800 clamp(52px,8vw,104px)/.9 var(--display);letter-spacing:-5px;margin:0}.hero-screen h1 span{color:var(--accent);font-style:italic;font-weight:700}.lead{max-width:520px;color:var(--muted);margin:28px auto 34px;font-size:clamp(16px,2vw,19px);line-height:1.55}.primary-button{color:#fff;background:var(--ink);min-width:224px;font:750 16px/1 var(--sans);cursor:pointer;border:0;border-radius:14px;padding:18px 22px;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 30px #24211c2e}.primary-button span{margin-left:18px}.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #24211c3d}.primary-button.compact{min-width:0;padding:14px 18px;font-size:14px}.secondary-button{margin-top:18px;padding:8px}.orb{z-index:-1;opacity:.5;border-radius:50%;position:absolute}.orb-one{background:#f5d6bb;width:310px;height:310px;top:17%;left:-160px}.orb-two{background:#d7e5d4;width:230px;height:230px;bottom:12%;right:-100px}.question-card{text-align:center;flex:1;width:min(860px,100% - 40px);margin:auto;padding:46px 0 12px}.question-heading h1{max-width:760px;color:var(--ink);font:760 clamp(32px,5vw,54px)/1.07 var(--display);letter-spacing:-2px;text-wrap:balance;margin:0 auto 40px}.answers{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.answer{border:1px solid var(--line);min-height:70px;color:var(--ink);font:650 16px/1.25 var(--sans);text-align:left;cursor:pointer;background:#ffffffb8;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 19px;transition:border-color .18s,transform .18s,background .18s;display:flex}.answer b{color:var(--accent-dark);background:var(--accent-soft);border-radius:9px;flex:none;padding:8px 10px;font-size:13px}.answer:hover:not(:disabled){border-color:var(--accent);background:#fff;transform:translateY(-2px)}.answer:disabled{cursor:default;opacity:.52}.answer.selected{opacity:1;color:#fff;border-color:var(--accent);background:var(--accent)}.answer.selected b{color:var(--accent-dark);background:#fff}.skip-button{margin-top:26px;padding:10px}.answer-confirmation{color:var(--ink);background:var(--accent-soft);border-radius:16px;justify-content:space-between;align-items:center;margin-top:22px;padding:14px 14px 14px 20px;display:flex}.answer-confirmation>span b{color:var(--accent-dark);font-size:20px}.result-screen{padding-bottom:100px}.result-screen h1{font-size:clamp(48px,7vw,82px)}.result-badge{color:#fff;background:var(--accent);width:68px;height:68px;box-shadow:0 0 0 10px var(--accent-soft);border-radius:50%;place-items:center;margin-bottom:22px;font-size:30px;display:grid}.final-score{color:var(--muted);align-items:baseline;gap:10px;margin-top:24px;display:flex}.final-score b{color:var(--accent);font:800 clamp(56px,9vw,88px)/1 var(--display)}.ad-slot{border:1px solid var(--line);text-align:center;background:#ffffff80;border-radius:16px;flex:none;width:min(860px,100% - 40px);min-height:110px;margin:20px auto 0;padding:16px}.ad-slot-result{width:min(680px,100%);margin-top:30px}.ad-label{color:#9b9589;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;font-size:10px;line-height:1;display:block}.ad-container{place-items:center;min-height:60px;display:grid;overflow:hidden}.ad-placeholder{color:#aaa397;font-size:12px}.rules,.history-dialog{width:min(480px,100% - 32px);max-height:calc(100svh - 32px);color:var(--muted);background:#fffdf8;border:0;border-radius:24px;padding:40px;box-shadow:0 30px 90px #1b181247}.rules::backdrop,.history-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#201d1885}.rules h2,.history-dialog h2{color:var(--ink);font:750 34px/1.05 var(--display);letter-spacing:-1px;margin:0 0 22px}.rules ol{padding-left:22px;line-height:1.55}.rules li{padding:4px 0 4px 6px}.rules>p:not(.eyebrow){line-height:1.55}.rules .primary-button{margin-top:16px}.close-button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#f0ede5;border:0;border-radius:50%;font-size:24px;position:absolute;top:16px;right:16px}.history-dialog{width:min(640px,100% - 32px)}.history-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.history-list li{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.history-number{width:28px;height:28px;color:var(--accent-dark);background:var(--accent-soft);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.history-list p{color:var(--ink);margin:0 0 4px;font-weight:700;line-height:1.3}.history-list div>span{font-size:13px}.history-list b{color:var(--accent-dark)}footer{color:#9b9589;border-top:1px solid var(--line);letter-spacing:.4px;flex:none;place-items:center;height:50px;font-size:12px;display:grid}button:focus-visible{outline-offset:3px;outline:3px solid #2f68d8}@media (width<=640px){.topbar{grid-template-columns:auto 1fr;height:auto;min-height:64px;padding:0 16px}.topbar-actions{grid-column:2;gap:12px}.topbar-actions .text-button{font-size:13px}.game-stats{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;width:100%;padding:8px 0 10px}.score-pill{padding:7px 12px}.hero-screen{min-height:calc(100svh - 114px);padding-top:40px}.hero-screen h1{letter-spacing:-3px}.question-card{width:min(100% - 28px,860px);padding-top:24px}.question-heading h1{letter-spacing:-1.2px;margin-bottom:28px}.answers{grid-template-columns:1fr;gap:9px}.answer{min-height:58px;padding:11px 14px;font-size:15px}.answer-confirmation{flex-direction:column;gap:13px;padding:15px}.answer-confirmation .primary-button{width:100%}.ad-slot{width:calc(100% - 28px);min-height:88px;margin-top:12px;padding:10px 12px}.ad-container{min-height:48px}.ad-slot-result{width:100%;margin-top:24px}.rules,.history-dialog{padding:36px 24px 26px}.history-list li{align-items:start}.history-list p{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}