:root{color:#17212b;background:#f4f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #17212b;--muted: #5b6872;--soft: #7c8790;--paper: #fffdf8;--wash: #f4f0e8;--line: #d8d3c8;--line-strong: #bfc7c7;--teal: #1f7072;--teal-dark: #15595b;--gold: #b27422;--green: #287c56;--red: #b84444;--blue: #355f86;--shadow: 0 22px 60px rgba(23, 33, 43, .16);--shadow-soft: 0 12px 28px rgba(23, 33, 43, .1)}*{box-sizing:border-box}html,body,#root{width:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}.shell{min-height:100svh;padding:clamp(10px,2vw,18px);padding-bottom:calc(clamp(10px,2vw,18px) + 50px);background:linear-gradient(90deg,rgba(23,33,43,.045) 1px,transparent 1px),linear-gradient(rgba(23,33,43,.045) 1px,transparent 1px),linear-gradient(145deg,#f8f4eb,#eef5f3 48%,#f2eee7);background-size:34px 34px,34px 34px,auto}.site-credit{position:fixed;z-index:4;left:50%;bottom:12px;transform:translate(-50%);overflow:hidden;padding:8px 18px;border:1px solid rgba(23,33,43,.14);border-radius:999px;background:linear-gradient(135deg,#fffdf8e0,#f1e8d3b8),#fffdf8db;color:#17212bb3;font-family:Georgia,Times New Roman,serif;font-size:clamp(.9rem,1.2vw,1.08rem);font-style:italic;line-height:1;text-align:center;text-decoration:none;white-space:nowrap;box-shadow:0 14px 34px #17212b1f,inset 0 1px #ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease}.site-credit:before{position:absolute;top:-45%;right:-18%;bottom:-45%;left:-18%;content:"";background:linear-gradient(115deg,transparent 18%,rgba(240,198,111,.1) 34%,rgba(255,255,255,.82) 48%,rgba(31,112,114,.12) 62%,transparent 78%);opacity:0;transform:translate(-70%) rotate(7deg)}.site-credit:after{position:absolute;top:2px;right:2px;bottom:2px;left:2px;content:"";border:1px solid rgba(255,255,255,.48);border-radius:inherit;pointer-events:none}.site-credit span{position:relative;z-index:1}.credit-name{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:normal;font-weight:900;letter-spacing:.04em}.credit-script+.credit-name,.credit-name+.credit-script{margin-left:.28em}.site-credit:hover,.site-credit:focus-visible{border-color:#b274226b;color:var(--teal-dark);outline:none;box-shadow:0 18px 42px #1f70722e,0 0 0 5px #f0c66f1f,inset 0 1px #ffffffd9;transform:translate(-50%) translateY(-3px) scale(1.035)}.site-credit:hover:before,.site-credit:focus-visible:before{opacity:1;animation:signature-shine .9s cubic-bezier(.2,.7,.2,1) both}.site-credit:active{color:var(--ink);box-shadow:0 8px 20px #17212b24,0 0 0 3px #1f70721f,inset 0 2px 6px #17212b1f;transform:translate(-50%) translateY(0) scale(.975)}.game-frame{display:grid;gap:clamp(8px,1.2vw,14px);max-width:960px;margin:0 auto}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 14px;align-items:center;min-width:0}.topbar-row2{grid-column:1 / -1;display:flex;align-items:stretch;gap:12px}.topbar-row2 .nav-tabs{margin-right:auto}.nav-tabs{display:flex;align-self:stretch;gap:0;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--line)}.nav-tab{display:flex;align-items:center;padding:9px 16px;border:none;background:#fffdf899;color:var(--soft);font-size:.78rem;font-weight:850;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:background .16s ease,color .16s ease}.nav-tab:hover{background:#fffdf8e6;color:var(--ink)}.nav-tab.nav-tab-active{background:var(--paper);color:var(--teal-dark);box-shadow:inset 0 -2px 0 var(--teal)}.nav-tab.nav-tab-hard.nav-tab-active{color:var(--red);box-shadow:inset 0 -2px 0 var(--red)}.eyebrow,.label{display:block;margin-bottom:6px;color:var(--gold);font-size:.74rem;font-weight:850;letter-spacing:0;text-transform:uppercase}h1{margin-bottom:0;color:var(--ink);font-size:clamp(1.85rem,3vw,2.8rem);line-height:.98;letter-spacing:0}.scoreboard{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));min-width:0;overflow:hidden;border:1px solid rgba(23,33,43,.1);border-radius:8px;background:var(--line);box-shadow:var(--shadow-soft)}.scoreboard div{min-width:0;padding:9px 12px;background:#fffdf8eb}.scoreboard span{display:block;color:var(--soft);font-size:.72rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.scoreboard strong{display:block;margin-top:3px;color:var(--ink);font-size:1.25rem;line-height:1}.help-button{display:inline-flex;align-self:stretch;align-items:center;justify-content:center;min-height:100%;padding:6px 14px;border:1px solid var(--line-strong);border-radius:8px;background:transparent;color:var(--soft);font-size:.78rem;font-weight:850;letter-spacing:0;text-transform:uppercase;cursor:pointer}.help-button:hover,.help-button:focus-visible{background:#355f8614;color:var(--blue);border-color:var(--blue);outline:none}.question-panel{display:grid;grid-template-columns:1fr;gap:10px}.source-card{display:grid;grid-template-columns:112px minmax(0,1fr);overflow:hidden;border:1px solid rgba(23,33,43,.12);border-radius:8px;background:#17212b;color:#fffaf0;box-shadow:var(--shadow)}.source-copy{min-width:0;padding:12px 14px}.article-media{align-self:center;min-width:0;width:88px;aspect-ratio:1;margin:8px 0 8px 10px;overflow:hidden;border:1px solid rgba(23,33,43,.1);border-radius:6px;background:#263440}.source-card .article-media{border-color:#fffaf024}.article-media img,.article-media-fallback{display:block;width:100%;height:100%;object-fit:cover}.article-media-fallback{display:grid;place-items:center;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.26),transparent 34%),linear-gradient(135deg,hsl(var(--media-hue) 46% 31%),hsl(calc(var(--media-hue) + 44) 42% 48%));color:#fffdf8eb}.article-media-fallback span{font-size:clamp(1.45rem,3vw,2.6rem);font-weight:900;letter-spacing:0}.source-card .label{color:#f0c66f}.source-card h2{margin-bottom:5px;font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.04;letter-spacing:0}.source-card p{display:-webkit-box;overflow:hidden;max-width:760px;margin-bottom:0;color:#fffaf0c7;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:1}.source-prompt{display:flex;grid-column:1 / -1;justify-content:space-between;align-items:center;gap:12px;padding:7px 16px;border-top:1px solid rgba(255,250,240,.12);color:#fffaf0b3;font-size:.88rem;font-weight:700}.prompt-detail{color:#f0c66f;font-weight:850;text-transform:uppercase;font-size:.78rem;letter-spacing:0}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-card{display:grid;grid-template-columns:108px minmax(0,1fr);overflow:hidden;padding:0;border:2px solid transparent;border-radius:8px;background:var(--paper);box-shadow:var(--shadow-soft);cursor:pointer;text-align:left;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,opacity .17s ease}.choice-card:hover:not(:disabled),.choice-card:focus-visible{border-color:var(--teal);box-shadow:0 18px 44px #17212b2b;outline:none;transform:translateY(-2px)}.choice-card:disabled{cursor:default}.choice-card.is-correct{border-color:var(--green)}.choice-card.is-wrong{border-color:var(--red)}.choice-card.is-muted{opacity:.68}.choice-content{display:flex;flex-direction:column;min-width:0;padding:11px 13px}.choice-content h3{margin-bottom:5px;color:var(--ink);font-size:clamp(1.15rem,1.45vw,1.38rem);line-height:1.06;letter-spacing:0}.choice-content p{display:-webkit-box;overflow:hidden;margin-bottom:8px;color:var(--muted);line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2}.distance-pill{width:fit-content;margin-top:auto;padding:6px 9px;border:1px solid #cbd7d6;border-radius:8px;background:#eef6f3;color:var(--teal-dark);font-size:.84rem;font-weight:850;transition:background .25s ease,border-color .25s ease,color .25s ease}.is-correct .distance-pill{background:#e5f5ed;border-color:var(--green);color:#1d6b4a}.is-wrong .distance-pill{background:#fbeaea;border-color:var(--red);color:#993636}.choice-reveal{grid-column:1 / -1;padding:0 18px;max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .22s ease 60ms,padding .28s ease}.choice-reveal.is-shown{max-height:260px;padding:0 18px 18px;opacity:1}.trail{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wiki-link{color:inherit;text-decoration:none;transition:opacity .12s ease}.wiki-link:hover{opacity:.75;text-decoration:underline}.source-card .wiki-link{color:#fffaf0}.trail-link{display:inline-block;max-width:100%;padding:5px 8px;border-radius:6px;background:#24394a;color:#fff;font-size:.76rem;font-weight:850;overflow-wrap:anywhere;text-decoration:none}.trail-link:hover{background:#2f4d63;opacity:1;text-decoration:none}.trail b{color:var(--gold);font-size:.7rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.result-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#fffdf8f5;border:1px solid var(--line-strong);animation:reveal-settle .19s ease-out}.result-verdict{font-size:1.05rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.result-verdict.is-correct{color:var(--green)}.result-verdict.is-wrong{color:var(--red)}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.loading-panel{display:grid;place-items:center;gap:16px;min-height:480px;border:1px solid var(--line);border-radius:8px;background:#fffdf8f0;color:var(--muted);text-align:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:850;letter-spacing:0;text-transform:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--teal);color:#fff;box-shadow:none}.button-primary:hover{background:var(--teal-dark);box-shadow:none}.button-secondary{border-color:var(--teal);background:transparent;color:var(--teal)}.button-secondary:hover{background:#1f707214}.button:focus-visible,.help-button:focus-visible{outline:3px solid rgba(178,116,34,.32);outline-offset:2px}.loader{width:42px;height:42px;border:4px solid rgba(31,112,114,.16);border-top-color:var(--teal);border-radius:50%;animation:spin .9s linear infinite}.alert{max-width:580px;padding:12px 14px;border:1px solid rgba(184,68,68,.28);border-radius:8px;background:#b8444414;color:var(--red);font-weight:760}.intro-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;overflow:auto;background:#17212b8a}.intro-dialog{width:min(520px,calc(100vw - 36px));min-width:0;max-height:calc(100svh - 36px);overflow:auto;padding:clamp(22px,4vw,34px);border:1px solid rgba(255,255,255,.42);border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.intro-dialog h2{margin-bottom:12px;color:var(--ink);font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.04;letter-spacing:0;overflow-wrap:anywhere}.intro-dialog p{color:var(--muted);line-height:1.55;overflow-wrap:anywhere}@media(max-width:980px){.topbar-row2{flex-wrap:wrap}.scoreboard{flex:1;min-width:0}.source-card,.choice-card{grid-template-columns:108px minmax(0,1fr)}.article-media{width:84px;margin:8px 0 8px 10px}.actions{justify-content:stretch}.actions .button{flex:1}}@media(max-width:760px){.choice-grid{grid-template-columns:1fr}}@media(max-width:620px){.shell{padding:6px 6px 44px;min-height:100svh;background-size:24px 24px,24px 24px,auto}.site-credit{bottom:6px;padding:6px 12px;font-size:.78rem}.game-frame{gap:6px;min-height:calc(100svh - 12px);grid-template-rows:auto auto 1fr auto}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center}.title-block .eyebrow{display:none}.title-block{min-width:0}h1{font-size:1.25rem;line-height:1;margin-bottom:0}.topbar-row2{flex-wrap:wrap;gap:6px}.scoreboard{flex:1;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid rgba(23,33,43,.09);background:#d8d3c8b3;box-shadow:none}.scoreboard div{padding:6px 8px;background:#fffdf8d6;text-align:center}.scoreboard span{font-size:.62rem;margin-bottom:1px}.scoreboard strong{font-size:1.1rem}.nav-tab{padding:6px 12px;font-size:.68rem}.help-button{position:static;min-height:0;padding:5px 10px;font-size:.68rem}.question-panel{gap:0}.source-card{grid-template-columns:78px minmax(0,1fr);min-height:0;border-radius:8px}.source-card .article-media{width:62px;margin:6px 0 6px 8px}.source-copy{padding:10px 12px}.source-card .label{margin-bottom:3px;font-size:.65rem}.source-card h2{font-size:1.3rem;margin-bottom:4px;line-height:1.05}.source-card p{font-size:.82rem;line-height:1.35;-webkit-line-clamp:1;margin-bottom:0}.choice-grid{grid-template-columns:1fr;gap:6px;min-height:0}.choice-card{grid-template-columns:78px minmax(0,1fr);min-height:0;height:auto;border-width:2px;border-radius:8px}.choice-card .article-media{width:62px;margin:6px 0 6px 8px}.choice-content{padding:10px 12px}.choice-content .label{margin-bottom:2px;font-size:.62rem}.choice-content h3{font-size:1.14rem;margin-bottom:4px;line-height:1.05}.choice-content p{font-size:.82rem;line-height:1.3;-webkit-line-clamp:2;margin-bottom:0}.distance-pill{margin-top:7px;padding:5px 8px;font-size:.8rem}.choice-reveal{padding:0 12px 10px}.choice-reveal.is-shown{max-height:none;padding:0 12px 12px}.trail{gap:4px}.trail-link{padding:3px 6px;font-size:.68rem}.trail b{font-size:.6rem}.result-bar{padding:8px 10px}.result-verdict{font-size:.88rem}.actions{flex-direction:row;gap:6px}.actions .button{flex:1;min-height:38px;padding:7px 12px;font-size:.88rem}.loading-panel{min-height:200px;border:none;box-shadow:none}.intro-backdrop{place-items:start center;padding:10px}.intro-dialog{width:min(100%,calc(100vw - 20px));max-height:calc(100svh - 20px);margin:auto 0;padding:18px}.intro-dialog h2{font-size:1.42rem;line-height:1.08}.intro-dialog p{margin-bottom:16px;font-size:.92rem;line-height:1.45}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tips-panel{display:grid;gap:16px;padding:12px 0}.tips-intro h2{margin-bottom:4px;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.1}.tips-intro p{color:var(--muted);font-size:.88rem;line-height:1.45;max-width:640px;margin-bottom:0}.tips-tabs{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--line)}.tips-tab{padding:8px 14px;border:none;background:#fffdf899;color:var(--soft);font-size:.74rem;font-weight:850;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:background .16s ease,color .16s ease}.tips-tab:hover{background:#fffdf8e6;color:var(--ink)}.tips-tab.tips-tab-active{background:var(--paper);color:var(--teal-dark);box-shadow:inset 0 -2px 0 var(--teal)}.tips-section h3{margin-bottom:4px;font-size:1.05rem;color:var(--ink)}.tips-description{margin-bottom:10px;color:var(--muted);font-size:.86rem;line-height:1.4}.tips-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow-soft)}.tips-table{width:100%;border-collapse:collapse;font-size:.88rem}.tips-table th{position:sticky;top:0;padding:10px 12px;border-bottom:2px solid var(--line);background:#f4f0e8f2;color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:0;text-align:left;text-transform:uppercase}.tips-table td{padding:7px 12px;border-bottom:1px solid rgba(216,211,200,.5)}.tips-table tr:last-child td{border-bottom:none}.tips-table tr:hover td{background:#1f70720a}.rank-cell{color:var(--soft);font-weight:700;font-size:.78rem;width:40px}.num-cell{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.title-cell{font-weight:600}.tips-link{color:var(--teal-dark);text-decoration:none}.tips-link:hover{text-decoration:underline}.tips-table-wrap{max-height:520px;overflow-y:auto}.hard-mode{background:linear-gradient(90deg,rgba(184,68,68,.06) 1px,transparent 1px),linear-gradient(rgba(184,68,68,.06) 1px,transparent 1px),linear-gradient(145deg,#1a1318,#1e1520 48%,#1a1318);color:#e8ddd0}.hard-mode h1{color:#e8ddd0}.hard-mode .nav-tabs{border-color:#b844444d;background:#b8444426}.hard-mode .nav-tab{background:#1e1518b3;color:#8a7e74}.hard-mode .nav-tab:hover{background:#322326e6;color:#e8ddd0}.hard-mode .nav-tab.nav-tab-active{background:#1e1518f2;color:var(--red);box-shadow:inset 0 -2px 0 var(--red)}.hard-mode .nav-tab.nav-tab-hard.nav-tab-active{color:var(--red);box-shadow:inset 0 -2px 0 var(--red)}.hard-mode .help-button{border-color:#b8444440;color:#8a7e74}.hard-mode .help-button:hover,.hard-mode .help-button:focus-visible{background:#b844441f;color:#e08080;border-color:var(--red)}.hard-mode .source-card{background:#0e0a0c;border-color:#b844444d;box-shadow:0 22px 60px #00000080,0 0 40px #b8444414}.hard-mode .source-card .label{color:#e07050}.hard-mode .source-prompt{border-top-color:#b8444433}.hard-mode .prompt-detail{color:#e07050}.hard-mode .choice-card{background:#231c20;border-color:#b8444426;box-shadow:0 12px 28px #0006}.hard-mode .choice-card:hover:not(:disabled),.hard-mode .choice-card:focus-visible{border-color:var(--red);box-shadow:0 18px 44px #00000080,0 0 20px #b844441f}.hard-mode .choice-content h3{color:#e8ddd0}.hard-mode .choice-content p{color:#8a7e74}.hard-mode .choice-content .label{color:var(--red)}.hard-mode .article-media{background:#2a1e22;border-color:#b8444426}.hard-mode .choice-card.is-correct{border-color:var(--green)}.hard-mode .choice-card.is-wrong{border-color:var(--red);box-shadow:0 12px 28px #b8444426}.hard-mode .distance-pill{background:#2a2024;border-color:#b8444440;color:#c9a8a0}.hard-mode .is-correct .distance-pill{background:#1a2e22;border-color:var(--green);color:#7ecba4}.hard-mode .is-wrong .distance-pill{background:#2e1a1a;border-color:var(--red);color:#e08080}.hard-mode .trail-link{background:#3a1c1c;color:#e8ccc0}.hard-mode .trail-link:hover{background:#4a2828}.hard-mode .trail b{color:#e07050}.hard-mode .result-bar{background:#1e1518f5;border-color:#b8444440}.hard-mode .scoreboard{border-color:#b8444433;background:#b844441a}.hard-mode .scoreboard div{background:#1e1518eb}.hard-mode .scoreboard span{color:#8a7e74}.hard-mode .scoreboard strong{color:#e8ddd0}.hard-mode .loading-panel{border-color:#b8444426;background:#1e1518f0;color:#8a7e74}.hard-mode .loader{border-color:#b8444433;border-top-color:var(--red)}.hard-mode .button-primary{background:var(--red)}.hard-mode .button-primary:hover{background:#993636}.hard-mode .button-secondary{border-color:var(--red);color:#e08080}.hard-mode .button-secondary:hover{background:#b844441f}.hard-mode .choice-reveal.is-shown{border-top:1px solid rgba(184,68,68,.12)}.hard-mode .source-card .wiki-link{color:#ffe0d0}.hard-mode .wiki-link{color:#e8ddd0}.hard-mode .source-card p{color:#e8ccc0b3}.hard-mode .source-prompt{color:#e8ccc099}.hard-mode~.site-credit{border-color:#b8444433;background:#1e1518db;color:#e8ddd099;box-shadow:0 14px 34px #0000004d}.is-shaking{animation:shake .4s ease-out}@keyframes shake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(1px)}to{transform:translate(0)}}@keyframes reveal-settle{0%{opacity:.82;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes signature-shine{0%{transform:translate(-70%) rotate(7deg)}to{transform:translate(70%) rotate(7deg)}}@keyframes spin{to{transform:rotate(360deg)}}