:root{--bg: #e6e7e3;--ink: #1c3fb8;--ink-soft: rgba(28, 63, 184, .78);--line: rgba(28, 63, 184, .22);--wash: rgba(28, 63, 184, .07);--text: var(--ink);--muted: var(--ink-soft);--accent: var(--ink);--accent-text: var(--bg);--flame: var(--ink);--radius: 14px;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100vh;line-height:1.6;background:var(--bg)}[hidden]{display:none!important}::selection{background:var(--ink);color:var(--bg)}h1,h2{margin:0 0 .5em;font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}h1{font-size:clamp(2.4rem,4.8vw,4.4rem)}h2{font-size:1.35rem}p,li{color:var(--ink-soft)}strong{color:var(--ink);font-weight:600}.eyebrow{margin:0 0 1.1rem;font-family:var(--mono);font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1.5rem;border-radius:12px;border:1.5px solid var(--ink);font-family:var(--mono);font-size:.95rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .15s,background .2s,color .2s}.btn:active{transform:scale(.97)}.btn:focus-visible,.cta:focus-visible,.btn-step:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover,.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--bg)}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:wait}.link{font-family:var(--mono);font-size:.9rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--ink)}.link:hover{border-bottom-style:dashed}.screen{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;column-gap:clamp(2rem,5vw,6rem);padding:0 clamp(16px,5vw,80px)}.topbar{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.logo{margin:0;padding:.4rem .9rem;border-radius:8px;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:1.15rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.hero{align-self:center;padding:2rem 0 3rem;max-width:600px}.lead{margin:0;font-size:1.15rem;line-height:1.6;max-width:32em}.cta-group{display:grid;gap:12px;max-width:520px;margin-top:2.25rem}.cta{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;border:1.5px solid var(--ink);border-radius:16px;font:inherit;text-align:left;cursor:pointer;transition:transform .2s,background .2s,color .2s}.cta:active{transform:scale(.98)}.cta-flag{display:none}.cta-text{flex:1;display:flex;flex-direction:column;gap:.15rem}.cta-label{font-family:var(--mono);font-size:1.15rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;line-height:1.25}.cta-status{font-size:.95rem;opacity:.85}.cta-arrow{font-size:1.5rem;line-height:1;transition:transform .2s}.cta:hover .cta-arrow{transform:translate(5px)}.cta-primary{min-height:96px;background:var(--ink);color:var(--bg)}.cta-primary .cta-label{font-size:1.45rem}.cta-primary:hover{transform:translateY(-2px)}.cta-secondary{min-height:76px;background:transparent;color:var(--ink)}.cta-secondary:hover{background:var(--wash);transform:translateY(-2px)}.cta.is-done{min-height:68px;background:transparent;color:var(--ink);border-style:dashed}.cta.is-done .cta-label{font-size:1rem}.next-puzzle{margin:1rem 0 0;font-family:var(--mono);font-size:.85rem;font-variant-numeric:tabular-nums}.streak{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.streak-flame{position:relative;flex:none;width:20px;height:24px}.streak-flame svg{width:100%;height:100%;fill:var(--line)}.streak-flame.lit svg{fill:var(--ink)}.streak-count{display:none}.streak-flame.bump{animation:flame-bump .9s cubic-bezier(.34,1.56,.64,1)}.streak-title{margin:0;font-family:var(--mono);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.streak-sub{display:none}.streak-week{display:flex;gap:.25rem;margin:0 0 0 .25rem;padding:0;list-style:none}.streak-day{position:relative;width:12px;height:15px}.streak-day svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--line)}.streak-day.done svg{fill:var(--ink)}.streak-day.today:not(.done) svg{fill:none;stroke:var(--ink);stroke-width:8}.streak-day span{display:none}@keyframes flame-bump{0%{transform:scale(.6)}60%{transform:scale(1.3)}to{transform:scale(1)}}.hero-art{position:relative;align-self:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.dots{display:block;width:100%;height:min(52vh,460px);color:var(--ink)}.art-tag{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:0;font-family:var(--mono);font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.tag-box{padding:.45rem 1rem;border-radius:8px;background:var(--ink);color:var(--bg)}.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;padding:3rem clamp(16px,5vw,80px) 5rem;border-top:1.5px solid var(--ink)}.info-block h2{font-family:var(--mono);font-size:1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.info-block p{margin:0}.info-block ol{margin:0;padding-left:1.2rem}.info-block li+li{margin-top:.4rem}#game{position:fixed;top:0;right:0;bottom:0;left:0}.pano{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink)}.hud{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:2;pointer-events:none;max-width:calc(100% - 32px)}.pill{padding:.4rem .9rem;background:var(--bg);color:var(--ink);border-radius:8px;font-family:var(--mono);font-size:.9rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}.pill-score{background:var(--ink);color:var(--bg)}.pill-timer{min-width:4.6rem;text-align:center;font-variant-numeric:tabular-nums}.pill-timer.urgent{background:var(--ink);color:var(--bg);animation:pulse 1s ease-in-out infinite}.panel{position:absolute;bottom:44px;left:50%;transform:translate(-50%);width:min(420px,calc(100% - 32px));padding:1.25rem;background:var(--bg);border-radius:16px;z-index:2}.panel-error p{margin-top:0;font-weight:600}.panel-actions{display:flex;gap:.5rem}.panel-actions .btn{flex:1}#guess-panel{background:#e6e7e38c;border:1.5px solid rgba(230,231,227,.9);text-shadow:0 0 6px rgba(230,231,227,.95),0 0 2px rgba(230,231,227,.95)}#guess-panel .btn-step{background:#e6e7e3bf}#guess-panel .btn-primary{text-shadow:none}.timer-bar{height:4px;background:var(--line);overflow:hidden;margin-bottom:.8rem}#timer-bar-fill{display:block;height:100%;width:100%;background:var(--ink);transform-origin:left}.year-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.4rem}.btn-step{width:46px;height:46px;border-radius:10px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:1.4rem;line-height:1;cursor:pointer}.btn-step:hover{background:var(--ink);color:var(--bg)}.btn-step:active{transform:scale(.92)}.year-display{display:block;min-width:6rem;text-align:center;font-family:var(--mono);font-size:3rem;font-weight:600;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}#year-input{width:100%;accent-color:var(--ink)}.range-bounds{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.85rem;color:var(--ink);margin:.2rem 0 1rem}.kbd-hint{margin:.7rem 0 0;font-family:var(--mono);font-size:.8rem;text-align:center;color:var(--ink)}@media (hover: none){.kbd-hint{display:none}}.result-panel{text-align:center;animation:slide-up .35s ease-out}.result-eyebrow{margin:0;font-family:var(--mono);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.result-year{margin:0;font-family:var(--mono);font-size:4rem;font-weight:600;line-height:1.05;color:var(--ink);animation:pop .5s .1s cubic-bezier(.34,1.56,.64,1) both}.result-detail{margin:.35rem 0;font-size:1.05rem;color:var(--ink)}.result-points{margin:0 0 1rem;font-family:var(--mono);font-size:2rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.result-points:has(+.result-bonus:not(:empty)){margin-bottom:.2rem}.result-bonus{margin:0 0 1rem;font-size:.95rem}.result-bonus:empty{display:none}.result-square{display:inline-block;animation:pop .45s .9s cubic-bezier(.34,1.56,.64,1) both}.score-bump{animation:bump .4s ease-out}.intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;padding:16px;background:var(--bg)}.intro-card{width:min(460px,100%);padding:2rem;text-align:center;border:1.5px solid var(--ink);border-radius:18px}.intro-city{margin:0 0 .4rem;font-size:clamp(2.4rem,7vw,3.4rem);font-weight:600;line-height:1.05;letter-spacing:-.02em;color:var(--ink);animation:pop .5s cubic-bezier(.34,1.56,.64,1) both}.intro-title{font-family:var(--mono);font-size:.95rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-bottom:1.5rem}.recap-screen{min-height:100vh;min-height:100dvh;padding:0 clamp(16px,5vw,80px) 3rem}.recap{max-width:860px;margin:0 auto;padding:1.5rem 0}.recap h1{font-family:var(--mono);font-size:clamp(2.8rem,8vw,4.6rem);margin-bottom:.1em}.recap-squares{font-size:1.8rem;letter-spacing:.2em;margin:0 0 1rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin:1rem 0 1.5rem}.share-feedback{font-family:var(--mono);font-weight:600}.share-text{width:100%;margin-bottom:1.5rem;padding:.9rem;border-radius:12px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:inherit;resize:none}.table-wrap{overflow-x:auto;margin-bottom:1.5rem;border:1.5px solid var(--ink);border-radius:var(--radius)}.recap-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.recap-table th,.recap-table td{padding:.85rem 1rem;text-align:left;color:var(--ink)}.recap-table th{font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--bg)}.recap-table tbody tr+tr td{border-top:1px solid var(--line)}.recap-table a{margin-left:.4rem;color:var(--ink);white-space:nowrap;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:0 0 .5rem}.stats div{padding:1rem;text-align:center;border:1.5px solid var(--ink);border-radius:12px}.stats dt{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.stats dd{margin:.15rem 0 0;font-family:var(--mono);font-size:1.8rem;font-weight:600;font-variant-numeric:tabular-nums}.countdown{margin:0;font-family:var(--mono);font-size:.9rem}.countdown strong{font-variant-numeric:tabular-nums}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}@keyframes slide-up{0%{transform:translate(-50%,20px);opacity:0}}@keyframes pop{0%{transform:scale(.3);opacity:0}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes bump{40%{transform:scale(1.15)}}@media (max-width: 900px){.screen{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}.hero{grid-row:2;padding:.5rem 0 1.5rem}.hero-art{grid-row:3;margin-bottom:2rem}.dots{height:240px}}@media (max-width: 560px){.lead{font-size:1.05rem}.stats{grid-template-columns:repeat(2,1fr)}.recap-table th:nth-child(4),.recap-table td:nth-child(4){display:none}.recap-table th,.recap-table td{padding:.7rem .6rem;font-size:.9rem}.pill{font-size:.8rem;padding:.35rem .65rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important}}