:root{--ink:#1c1410;--ink-soft:#3d3228;--paper:#e8dcc8;--paper-deep:#c9b896;--sea:#1a3a42;--sea-bright:#2a5a66;--ember:#b54a2a;--ember-glow:#d4653a;--fog:#1c14108c;--chrome:#0e1214b8;--font-display:"Fraunces", Georgia, serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--paper);background:var(--ink);-webkit-font-smoothing:antialiased}#app{min-height:100dvh}.boot-error{font-family:var(--font-body);padding:2rem}.screen{min-height:100dvh;position:relative;overflow:hidden}.screen-start,.screen-end{background:radial-gradient(80% 60% at 50% 20%,#2a5a6673,#0000 55%),radial-gradient(70% 50% at 80% 90%,#b54a2a40,#0000 50%),linear-gradient(165deg,#0e1618 0%,#1a3a42 45%,#1c1410 100%);place-items:center;padding:2rem 1.25rem;display:grid}.start-atmosphere{opacity:.35;pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 3px,#e8dcc805 3px 4px),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");animation:18s ease-in-out infinite alternate haze;position:absolute;inset:0}@keyframes haze{0%{transform:scale(1)}to{transform:scale(1.06)}}.start-content{z-index:1;text-align:center;max-width:28rem;animation:.7s ease-out both rise;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--paper-deep);margin:0 0 .75rem;font-size:.8rem}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--paper);text-shadow:0 2px 24px #00000059;margin:0;font-size:clamp(3.2rem,12vw,5.5rem);font-weight:700;line-height:.95}.tagline{color:#e8dcc8d9;margin:1.25rem 0 2rem;font-size:1.1rem;line-height:1.45}.meta{color:var(--paper-deep);margin:1.25rem 0 0;font-size:.85rem}.final-score{font-family:var(--font-display);color:var(--ember-glow);margin:1.5rem 0 .25rem;font-size:clamp(3rem,14vw,5rem);font-weight:700;animation:.55s cubic-bezier(.2,.9,.3,1.2) both score-in}@keyframes score-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.btn{appearance:none;cursor:pointer;font-family:var(--font-body);letter-spacing:.04em;border:none;border-radius:2px;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s}.btn-primary{background:var(--ember);color:var(--paper);box-shadow:0 8px 24px #b54a2a59}.btn-primary:hover{background:var(--ember-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-ghost{color:var(--paper-deep);box-shadow:none;background:0 0;border:1px solid #e8dcc847;margin-top:.75rem}.btn-ghost:hover{color:var(--paper);border-color:#e8dcc880;transform:translateY(-1px)}.scope-fieldset{text-align:left;border:0;margin:0 0 1.75rem;padding:0}.scope-legend{letter-spacing:.16em;text-transform:uppercase;color:var(--paper-deep);margin:0 0 .65rem;padding:0;font-size:.75rem}.scope-list{flex-direction:column;gap:.45rem;display:flex}.scope-option{cursor:pointer;background:#0e121459;border:1px solid #e8dcc82e;border-radius:2px;align-items:flex-start;gap:.75rem;padding:.7rem .85rem;transition:border-color .15s,background .15s;display:flex}.scope-option:hover:not(.is-disabled){background:#1a3a4266;border-color:#e8dcc866}.scope-option:has(input:checked){background:#b54a2a2e;border-color:#d4653abf}.scope-option.is-disabled{opacity:.45;cursor:not-allowed}.scope-option input{accent-color:var(--ember);margin-top:.2rem}.scope-copy{flex-direction:column;gap:.15rem;min-width:0;display:flex}.scope-label{font-family:var(--font-display);color:var(--paper);font-size:1.1rem;font-weight:700}.scope-hint{color:var(--paper-deep);font-size:.85rem}.screen-play{background:#0a0c0d;flex-direction:column;height:100dvh;min-height:100dvh;display:flex}.map-stage{background:#0a0c0d;flex:auto;min-height:0;position:relative}.map-loading{z-index:1;text-align:center;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1.5rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.map-stage.is-loading .map-loading,.map-stage.is-error .map-loading{opacity:1}.map-stage.is-error .map-loading{pointer-events:auto}.map-stage.is-ready .map-loading{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.map-loading-spinner{border:2px solid #e8dcc833;border-top-color:var(--paper);border-radius:50%;width:2.25rem;height:2.25rem;margin-bottom:.35rem;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.map-loading-title{font-family:var(--font-display);color:var(--paper);margin:0;font-size:1.35rem;font-weight:700}.map-loading-hint{max-width:18rem;color:var(--paper-deep);margin:0;font-size:.9rem;line-height:1.4}.btn-compact{margin-top:.75rem;padding:.65rem 1.25rem;font-size:.9rem}.map-image{object-fit:contain;object-position:center;opacity:0;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;background:#121518;width:100%;height:100%;transition:opacity .55s;transform:translate(0)scale(1)}.map-image.is-loaded{opacity:1}.map-viewport{touch-action:none;cursor:zoom-in;outline:none;position:absolute;inset:0;overflow:hidden}.map-viewport.is-zoomed{cursor:grab}.zoom-controls{z-index:3;opacity:0;pointer-events:none;flex-direction:column;gap:.4rem;transition:opacity .25s;display:flex;position:absolute;top:.85rem;right:.85rem}.map-meta{z-index:3;pointer-events:none;max-width:calc(100% - 5rem);position:absolute;top:.85rem;left:.85rem;right:4rem}.flag-strip{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.flag-chip{color:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1214b8;border:1px solid #e8dcc838;border-radius:2px;align-items:center;gap:.35rem;padding:.28rem .55rem;font-size:.78rem;line-height:1.2;display:inline-flex;box-shadow:0 2px 10px #00000040}.flag-emoji{font-size:1rem;line-height:1}.flag-name{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:9rem;font-weight:600;overflow:hidden}.flag-more{color:var(--paper-deep);font-weight:700}.reveal-panel .flag-strip{margin:.15rem 0 .1rem}.reveal-panel .flag-chip{background:#1a3a428c}.map-stage.is-ready .zoom-controls{opacity:1;pointer-events:auto}.zoom-btn{appearance:none;width:2.4rem;height:2.4rem;color:var(--paper);font-family:var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1214b8;border:1px solid #e8dcc847;border-radius:2px;font-size:1.35rem;font-weight:600;line-height:1;transition:background .15s,border-color .15s}.zoom-btn:hover:not(:disabled){background:#2a5a66d9;border-color:#e8dcc880}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-btn-text{letter-spacing:.06em;text-transform:uppercase;width:auto;padding:0 .55rem;font-size:.7rem}.map-vignette{pointer-events:none;z-index:1;background:linear-gradient(#0a0c0d59 0%,#0000 12%),linear-gradient(#0000 90%,#0a0c0d33 100%);position:absolute;inset:0}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary:disabled:hover{background:var(--ember);transform:none}.chrome-top{z-index:4;color:var(--paper);background:#0a0c0d;flex:none;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.85rem 1.25rem;font-size:.9rem;display:flex;position:relative}.brand-mini{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.round-meta,.score-meta{opacity:.9;font-variant-numeric:tabular-nums}.chrome-bottom{z-index:4;padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;background:#121518;border-top:1px solid #e8dcc81f;flex:none;position:relative;bottom:auto;left:auto;right:auto}.guess-panel,.reveal-panel{flex-direction:column;gap:.65rem;max-width:36rem;margin:0 auto;animation:.4s ease-out both rise;display:flex}.year-readout{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.year-label{letter-spacing:.12em;text-transform:uppercase;color:var(--paper-deep);font-size:.8rem}.year-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--paper);font-size:2.5rem;font-weight:700;line-height:1}.year-input{text-align:right;-moz-appearance:textfield;background:#0e12148c;border:1px solid #e8dcc847;border-radius:2px;outline:none;width:7.5rem;margin:0;padding:.15rem .35rem;transition:border-color .15s,background .15s}.year-input::-webkit-outer-spin-button{appearance:none;margin:0}.year-input::-webkit-inner-spin-button{appearance:none;margin:0}.year-input:hover,.year-input:focus{background:#1a3a428c;border-color:#e8dcc88c}.year-value.tick{animation:.18s ease-out tick}@keyframes tick{0%{opacity:.7;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.year-slider{appearance:none;background:linear-gradient(90deg, var(--sea), var(--paper-deep), var(--ember));cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px}.year-slider::-webkit-slider-thumb{appearance:none;background:var(--paper);border:2px solid var(--ink);cursor:grab;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 10px #00000073}.year-slider::-moz-range-thumb{background:var(--paper);border:2px solid var(--ink);cursor:grab;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 10px #00000073}.slider-ends{color:var(--paper-deep);justify-content:space-between;margin-top:-.25rem;font-size:.75rem;display:flex}.guess-panel .btn,.reveal-panel .btn{align-self:stretch;margin-top:.35rem}.reveal-year{font-family:var(--font-display);color:var(--ember-glow);margin:0;font-size:clamp(2.5rem,10vw,3.5rem);font-weight:700;line-height:1;animation:.45s cubic-bezier(.2,.9,.3,1.15) both score-in}.reveal-title{color:var(--paper);margin:0;font-size:1rem;line-height:1.35}.reveal-stats{color:#e8dcc8e6;margin:0;font-size:.95rem}.points-pop{color:var(--ember-glow);font-weight:700;animation:.5s cubic-bezier(.2,.9,.3,1.15) .1s both score-in}.credit{color:var(--paper-deep);text-underline-offset:2px;width:fit-content;font-size:.8rem;text-decoration:underline}.credit:hover{color:var(--paper)}@media (width>=720px){.chrome-top{padding:.9rem 1.75rem}.chrome-bottom{padding:1rem 1.75rem calc(1rem + env(safe-area-inset-bottom))}.guess-panel .btn,.reveal-panel .btn{align-self:flex-start;min-width:10rem}}