@font-face{font-family:Arcade;src:url('/assets/press-start-2p.ttf') format('truetype');font-display:swap}
@font-face{font-family:Terminal;src:url('/assets/vt323.ttf') format('truetype');font-display:swap}
:root{--ink:#171020;--panel:#1d1630;--edge:#4c365e;--paper:#fff1cc;--muted:#b2a1bb;--gold:#ffc35c;--mint:#81e1c2;--pixel:Arcade,monospace;--terminal:Terminal,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#15101d;color:var(--paper);font-family:var(--terminal);font-size:22px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button{border-radius:0}a{color:inherit;text-decoration:none}button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}.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}[hidden]{display:none!important}.skip-link{position:absolute;left:16px;top:-80px;z-index:100;background:var(--gold);color:var(--ink);padding:12px}.skip-link:focus{top:12px}
.game{height:min(900px,100svh);min-height:720px;position:relative;isolation:isolate;overflow:hidden;background:#372340;border-bottom:4px solid #302133}#landscape{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:-3}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:8;background:repeating-linear-gradient(0deg,#0b061014 0px,#0b061014 1px,transparent 1px,transparent 4px);opacity:.6}.game:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;box-shadow:inset 0 0 180px #150f293d}.game-toolbar{position:absolute;left:32px;right:32px;top:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:12}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:14px}.icon-button,.era-tag,.score-tag{background:#1b142aeF;border:2px solid #0f0b1b;box-shadow:inset 0 0 0 2px #473251,4px 4px 0 #100b1a66;color:var(--gold);height:46px;display:flex;align-items:center;justify-content:center}.icon-button{width:46px;flex-shrink:0;padding:10px}.icon-button:hover{background:#342544;color:#ffe4a0}.icon-button[aria-pressed=false]{color:#91869b}.era-tag{padding:0 15px;gap:10px;font-size:23px}.era-icon{font-size:20px;filter:sepia(1)}.separator{color:#8a7788;padding:0 5px}.score-tag{padding:0 16px;gap:5px;min-width:87px;font-size:25px}.score-tag span{font-size:22px}.progress{display:flex;gap:5px;position:absolute;left:50%;transform:translateX(-50%)}.progress span{width:16px;height:19px;background:#1b142c;border:2px solid #4b3656;box-shadow:2px 2px #1a1126}.progress span.current{border-color:var(--mint);box-shadow:0 0 8px #81e1c233}.progress span.filled{border-color:#fff2;background:var(--pip-color)}
.screen{position:absolute;inset:95px 24px 90px;display:flex;justify-content:center;align-items:center;z-index:3}.pixel-panel{background:linear-gradient(125deg,#241b35f7,#1c142bf7);border:3px solid #100c1b;box-shadow:inset 0 0 0 2px #4c365e,6px 6px 0 #1a1128a6;color:var(--paper)}.intro-card{width:610px;padding:31px 34px 24px;position:relative;margin-top:-45px}.eyebrow{font-family:var(--pixel);font-size:8px;line-height:1.8;letter-spacing:.6px;color:var(--mint);display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:var(--mint);box-shadow:0 0 9px #81e1c250;flex-shrink:0}.game-title{margin-top:26px;font-family:var(--pixel);font-size:57px;letter-spacing:-3px;color:var(--gold);text-shadow:0 4px #bd763e,4px 4px #bd763e,5px 7px #0f0c23;line-height:1.4}.unlimited{display:flex;align-items:center;gap:17px;font-size:12px;letter-spacing:5px;color:var(--mint);text-shadow:2px 2px #326b66;margin-top:12px}.unlimited span{font:29px var(--terminal);line-height:12px;letter-spacing:0}.intro-tagline{margin:18px 0 22px;color:#b8a7bf;font-size:22px;letter-spacing:.7px}.game-rules{list-style:none;margin:0 0 23px;padding:0;font-size:24px;line-height:1.45}.game-rules li:before{content:"·";color:#9b879d;margin-right:10px}.game-rules li span{color:var(--gold)}.score-key{display:flex;gap:6px;flex-wrap:wrap;font-size:18px;margin-bottom:24px}.score-key span{padding:3px 7px;color:#191324;box-shadow:0 2px #0003}.exact{background:#ffdf79}.close{background:#81e1c2}.near{background:#c0dd87}.rough{background:#f7a65e}.far{background:#e7809c}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:14px 23px;background:var(--gold);border:2px solid #100c1b;color:#201424;box-shadow:inset 0 2px #ffe59c,inset 0 -4px #d48e39,3px 4px 0 #0e091c;line-height:1.1;min-height:54px;font-size:28px;transition:transform .1s,filter .1s}.gold-button:hover{filter:brightness(1.09);transform:translateY(-2px)}.gold-button:active{transform:translate(2px,3px);box-shadow:inset 0 2px #ffe59c,inset 0 -2px #d48e39,1px 1px #0e091c}.start-button{min-width:310px}.intro-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:23px;gap:12px}.intro-bottom>span{font-size:13px;letter-spacing:1px;color:#9989a4}.text-button{color:#c1b1cb;background:none;border:0;padding:0;font-size:18px}.text-button:hover{color:var(--mint)}.resume-note{font-size:17px;color:var(--mint);margin:12px 0 0}.scene-caption{position:absolute;bottom:54px;left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;letter-spacing:2px;color:#f6d0a49e;z-index:2}.caption-line{width:36px;height:1px;background:#e8c19d40}.caption-dot{color:#b4957c}.below-game-link{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:2px;color:#ebcba787;z-index:9;white-space:nowrap}.below-game-link:hover{color:var(--paper)}.below-game-link span{font-size:20px;margin-left:8px}
.play-screen{inset:110px 24px 100px;align-items:flex-start}.question-panel{width:720px;text-align:center;padding:25px 30px 31px;margin-top:8vh}.question-meta{display:flex;justify-content:space-between;font-size:14px;letter-spacing:1.8px;color:var(--mint);margin-bottom:24px}.question-meta span+span{color:#aa96b1}.question-panel h2{font-weight:400;font-size:45px;line-height:1.07;margin:0;text-wrap:balance}.question-panel p{color:#b4a2bf;font-size:22px;line-height:1.3;margin:17px 0 0}.answer-area{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:510px;max-width:100%}#answer-form{display:flex;gap:13px;align-items:stretch}.timer-box{width:76px;flex-shrink:0;background:#1d152b;border:3px solid var(--mint);box-shadow:inset 0 0 0 3px #254847,4px 4px #190f28;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--mint)}#timer{font-size:36px;line-height:1}.timer-unit{font-size:12px;letter-spacing:1px}.year-field{flex:1;display:flex;background:#181120;border:3px solid var(--mint);box-shadow:inset 0 0 0 3px #345550,4px 4px #190f28;position:relative;min-width:0}.year-field input{background:none;border:0;color:var(--paper);text-align:center;width:100%;font:49px var(--terminal);height:78px;padding:0 35px 4px 10px;border-radius:0;outline-offset:1px}.year-field input::placeholder{color:#72637d;opacity:1}.year-field>span{position:absolute;right:13px;bottom:13px;color:#7e6d87;font-size:15px}.go-button{font-size:30px;width:104px;gap:6px;padding:12px}.go-button span{font-size:22px;opacity:.6}.timer-track{height:3px;background:#1d152b;margin:11px 0 9px}.timer-track>div{height:100%;width:100%;background:var(--mint);transition:width .1s linear}.answer-area>p{text-align:center;margin:0;color:#eed8b9;font-size:17px}.answer-area #input-error{min-height:20px;color:#ffe1b8;font-size:18px;margin-top:5px}.timer-box.urgent{border-color:#ff8b89;color:#ff8b89}.reveal-card{width:580px;padding:28px 34px;text-align:center;margin-top:-30px}.reveal-top{display:flex;justify-content:space-between;align-items:center;font-size:19px;color:var(--mint);letter-spacing:1px}.reveal-top span:first-child{font:9px var(--pixel);line-height:1.8}.reveal-card>p:first-of-type{font-size:24px;line-height:1.2;margin:22px 0 14px}.answer-year{color:var(--gold);display:flex;align-items:baseline;justify-content:center;gap:13px}.answer-year span:first-child{font:52px var(--pixel);text-shadow:3px 4px #72482f}.answer-year span+span{font-size:21px;color:#b99d83}.reveal-card #guess-difference{margin:15px 0 20px;color:#c2b1c9;font-size:21px}.answer-fact{border-top:1px solid #4d3659;padding:18px 0 23px;color:#d6c8db;font-size:23px;line-height:1.25}.keyboard-hint{color:#94809e;font-size:15px;margin:16px 0 0}.results-screen{inset:90px 22px 75px}.results-card{width:670px;padding:25px 30px 19px;text-align:center}.results-card .eyebrow{justify-content:center;font-size:7px}.results-card h2{font-size:34px;font-weight:400;margin:13px 0}.final-score{color:var(--gold);line-height:1.2}.final-score>span:first-child{font:48px var(--pixel);text-shadow:3px 3px #744731}.final-score>span+span{font-size:25px;color:#a38a9c;margin-left:10px}.results-card>p{margin:12px 0 18px;color:#bcabbf;font-size:20px}.time-log-heading{display:flex;justify-content:space-between;color:#94809e;font-size:12px;letter-spacing:1px;border-bottom:1px solid #4a3458;padding-bottom:8px}.time-log{padding:0;margin:0 0 19px;list-style:none;text-align:left}.time-log li{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #3a2946;padding:7px 0;font-size:18px}.time-log .log-dot{height:7px;width:7px;background:var(--pip-color)}.time-log .log-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-values{display:flex;gap:9px;font-size:17px;font-variant-numeric:tabular-nums}.log-values .log-guess{color:#a591b0}.log-values .log-answer{color:#e9d8ba}.log-values .log-points{color:var(--pip-color);width:28px;text-align:right}.results-actions{display:flex;justify-content:center;gap:13px}.results-actions .gold-button{font-size:24px;gap:15px;flex:1}.outline-button{background:#251a34;color:#cdbbd6;border:2px solid #715582;box-shadow:3px 3px #110c1d;padding:10px 18px;font-size:21px}.outline-button:hover{background:#3b294b;color:var(--paper)}.results-card .result-note{font-size:16px;margin:14px 0 0;color:#9a87a4}
.about-section{max-width:880px;margin:auto;padding:84px 30px 75px}.section-kicker{font:8px/1.8 var(--pixel);letter-spacing:1px;color:var(--mint);display:flex;gap:13px;align-items:center;margin-bottom:25px}.section-kicker>span{font:24px var(--terminal);color:var(--gold)}.about-section h1{font-size:43px;line-height:1.15;font-weight:400;margin:0 0 23px;letter-spacing:-.6px}.about-section h1>span{color:#b5a0bf}.about-copy{color:#b8a9bf;font-family:Arial,sans-serif;font-size:15px;line-height:1.9;max-width:730px;margin:0}.about-divider{display:flex;gap:20px;align-items:center;margin:52px 0}.about-divider span{height:1px;background:#33273e;flex:1}.about-divider svg{width:20px;height:26px;fill:none;stroke:#bd9458;stroke-width:2}.faq-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.faq-heading h2{font-size:28px;font-weight:400;margin:0}.faq-heading>span{font:7px var(--pixel);color:#a993b1;white-space:nowrap}.faq-list{border-top:1px solid #3d2d48}.faq-list details{border-bottom:1px solid #3d2d48}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:24px;line-height:1.2;padding:23px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--gold);font-size:28px;font-family:var(--terminal)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--gold)}.faq-list details p{margin:0;padding:0 35px 25px 0;font-family:Arial,sans-serif;font-size:14px;line-height:1.9;color:#b8a9bf}.faq-list summary:hover{color:var(--gold)}footer{border-top:1px solid #33273e;max-width:1120px;margin:auto;padding:25px 30px 28px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:16px;color:#98849f}footer>a:first-child{font:10px var(--pixel);color:var(--gold)}footer>a:first-child span{font:13px var(--terminal);color:var(--mint);margin-left:8px;letter-spacing:1px}footer>a:last-child{color:#ba9eaa;font-size:17px}.footer-dot{margin:0 7px}footer a:hover{color:var(--mint)}
.game-dialog{width:min(530px,calc(100% - 32px));padding:26px 29px;max-height:90svh;overflow:auto}.game-dialog::backdrop{background:#110c1dd9;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-heading h2{font-size:30px;font-weight:400;line-height:1.1;margin:0}.dialog-heading .icon-button{height:35px;width:35px;font-size:20px}.dialog-intro{color:#ac98b7;font-size:20px;line-height:1.3;margin:17px 0 23px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #4d375d;padding:21px 5px;margin-bottom:25px}.stats-grid div{display:flex;flex-direction:column;align-items:center;gap:12px}.stats-grid strong{font:22px var(--pixel);color:var(--gold)}.stats-grid span{font-size:12px;color:#a58caf;letter-spacing:1px}.setting-row{display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer;gap:12px;padding:15px 0;border-bottom:1px solid #44304f}.setting-row small{display:block;font-size:17px;color:#a891b0;margin-top:4px}.setting-row input{position:absolute;right:0;width:45px;height:28px;opacity:0;cursor:pointer}.switch{width:44px;height:24px;background:#3d2d4b;border:2px solid #5b446d;position:relative;pointer-events:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#927da1}.setting-row input:checked+.switch{background:#2a4f4a;border-color:var(--mint)}.setting-row input:checked+.switch:after{left:23px;background:var(--mint)}.setting-row input:focus-visible+.switch{outline:3px solid var(--gold);outline-offset:4px}.full-width{width:100%;margin-top:16px;font-size:24px}.help-steps{list-style:none;margin:28px 0 20px;padding:0}.help-steps li{display:flex;gap:17px;margin-bottom:20px}.help-steps li>span{font:12px var(--pixel);color:var(--gold);padding-top:6px}.help-steps strong{font-weight:400;font-size:24px}.help-steps p{font-size:20px;line-height:1.25;color:#b6a2c1;margin:6px 0}.help-scoring{display:flex;flex-wrap:wrap;gap:8px;font-size:16px}.help-scoring span{background:#382740;padding:7px}.help-scoring b{font-weight:400;color:var(--gold)}.no-script{position:absolute;inset:30%;padding:30px;z-index:20}
@media(min-width:1500px){.intro-card{width:650px;padding:35px 40px 29px}.game-title{font-size:64px}.game-rules{font-size:26px}.intro-tagline{font-size:25px}.score-key{font-size:20px}}
@media(max-width:760px){.game{min-height:720px;height:100svh;max-height:900px}.game-toolbar{left:18px;right:18px;top:18px;gap:12px}.toolbar-left,.toolbar-right{gap:8px}.era-tag{font-size:20px;padding:0 10px}.era-icon{display:none}.score-tag{padding:0 11px;min-width:70px}.progress{top:64px}.progress span{width:13px;height:14px}.intro-card{padding:27px 29px 23px;width:580px;margin-top:-23px}.question-panel{margin-top:9vh;padding:24px}.question-panel h2{font-size:38px}.game-rules{font-size:24px}.scene-caption{font-size:12px;letter-spacing:1.4px}.about-section{padding:65px 26px}.about-section h1{font-size:36px}.about-copy{font-size:14px}.faq-heading h2{font-size:26px}.faq-heading>span{display:none}footer{gap:16px;flex-wrap:wrap;justify-content:center;text-align:center}footer>a:last-child{display:none}.results-card{padding:22px 24px 18px}.screen{inset-left:18px;inset-right:18px}}
@media(max-width:480px){.game{min-height:680px;max-height:850px}.game-toolbar{left:14px;right:14px;top:15px}.icon-button{height:40px;width:40px;padding:8px}.era-tag,.score-tag{height:40px}.era-tag{font-size:18px;padding:0 9px}.era-tag .separator{padding:0 1px}.score-tag{font-size:21px;min-width:57px;padding:0 8px}.score-tag span{font-size:17px}.toolbar-left,.toolbar-right{gap:7px}.screen{left:15px;right:15px;top:83px;bottom:90px}.intro-card{padding:25px 22px 22px;margin-top:-24px}.eyebrow{font-size:6px;letter-spacing:0;gap:7px}.game-title{font-size:46px;letter-spacing:-3px;margin-top:22px}.unlimited{font-size:10px;letter-spacing:4px;margin-top:13px}.intro-tagline{font-size:19px;letter-spacing:.1px;margin:20px 0}.game-rules{font-size:20px;line-height:1.35;margin-bottom:22px}.game-rules li{padding-left:13px;text-indent:-13px;margin-bottom:8px}.game-rules li:before{margin-right:6px}.score-key{font-size:15px;gap:4px;margin-bottom:22px}.score-key span{padding:3px 4px}.start-button{width:100%;min-width:0;font-size:26px;justify-content:space-between;gap:12px;padding:14px 18px}.intro-bottom{margin-top:20px;gap:7px}.intro-bottom>span{font-size:10px;letter-spacing:.5px}.text-button{font-size:16px}.scene-caption{bottom:48px;gap:6px;font-size:10px;letter-spacing:1px}.caption-line{width:13px}.below-game-link{font-size:10px}.question-panel{margin-top:8vh;padding:22px 19px 24px}.question-panel h2{font-size:33px;line-height:1.05}.question-panel p{font-size:20px;margin-top:14px}.question-meta{font-size:12px;letter-spacing:1px;margin-bottom:20px}.answer-area{bottom:0}.year-field input{font-size:40px;height:68px;padding-right:28px}.timer-box{width:57px;border-width:2px}#timer{font-size:31px}#answer-form{gap:9px}.go-button{width:77px;font-size:27px;padding:8px}.go-button span{display:none}.year-field{border-width:2px}.year-field>span{right:10px;font-size:13px}.answer-area>p{font-size:14px}.answer-area #input-error{font-size:15px}.reveal-card{padding:25px 23px;margin-top:-30px}.reveal-top{font-size:17px}.reveal-top span:first-child{font-size:7px}.answer-year span:first-child{font-size:45px}.answer-fact{font-size:21px}.reveal-card>p:first-of-type{font-size:22px}.reveal-card .gold-button{width:100%;font-size:25px}.results-screen{top:96px;bottom:65px}.results-card{padding:22px 18px 17px}.results-card .eyebrow{font-size:5px}.results-card h2{font-size:29px;margin:12px 0}.final-score>span:first-child{font-size:38px}.results-card>p{font-size:18px;margin:10px 0 15px}.time-log li{font-size:16px;gap:7px;padding:7px 0}.time-log-heading{font-size:10px}.log-values{font-size:15px;gap:6px}.log-values .log-points{width:24px}.results-actions{gap:9px}.results-actions .gold-button{font-size:21px;padding:12px 10px;gap:7px}.results-actions .outline-button{font-size:18px;padding:9px 10px}.results-card .result-note{font-size:14px}.about-section{padding:54px 23px 48px}.section-kicker{font-size:6px;letter-spacing:.3px;margin-bottom:21px}.about-section h1{font-size:31px;line-height:1.16}.about-copy{font-size:14px;line-height:1.85}.about-divider{margin:37px 0}.faq-heading h2{font-size:25px;line-height:1.05;max-width:270px}.faq-list summary{font-size:22px;padding:20px 0}.faq-list details p{font-size:13px;padding-right:12px}footer{padding:23px 20px;font-size:14px;gap:12px}.game-dialog{padding:23px 21px}.dialog-heading h2{font-size:27px}.stats-grid span{font-size:10px}.stats-grid strong{font-size:19px}}
.unlimited>span,.game-rules li:last-child>span,#timer.infinite{font-family:Georgia,serif}.unlimited>span{font-size:24px}#timer.infinite{font-size:31px}.screen{max-width:100%}
@media(max-width:480px) and (max-height:760px){.intro-card{padding:20px 21px 18px}.intro-card .game-title{font-size:41px;margin-top:17px}.intro-tagline{margin:15px 0;font-size:18px}.game-rules{font-size:18px;line-height:1.22;margin-bottom:16px}.game-rules li{margin-bottom:7px}.score-key{margin-bottom:17px}.intro-bottom{margin-top:15px}.intro-card .eyebrow{font-size:5px}.start-button{font-size:24px;min-height:51px}.question-panel{margin-top:7vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}