:root{font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-width:20rem;background:var(--bg);color:var(--ink);transition:background-color .2s ease,color .2s ease;overflow-x:hidden}#root{min-height:100dvh}h1,h2,h3,h4,p,dl,dd{margin:0}button{font:inherit;color:inherit}.clue,.archive-emoji,.guess-arrow{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif}:root{--bg: #e7ebf1;--surface: #ffffff;--surface-2: #f3f6fa;--surface-3: #e6ebf2;--ink: #0d1b2a;--ink-2: #3d4d61;--ink-3: #5f7086;--border: #d2dae4;--border-strong: #b0bbc9;--primary: #0d1b2a;--primary-hover: #1b2f45;--on-primary: #ffffff;--accent: #b8460e;--accent-soft: #fdf0e7;--focus-ring: rgba(13, 27, 42, .28);--band-correct: #15803d;--band-close: #b45309;--band-warm: #c2410c;--band-far: #b91c1c;--band-empty: var(--border);--shadow-sm: 0 1px 2px rgba(13, 27, 42, .06);--shadow-md: 0 4px 16px rgba(13, 27, 42, .1);--shadow-lg: 0 18px 50px rgba(13, 27, 42, .18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--row-height: 3.25rem;--font-display: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace}:root[data-theme=dark]{--bg: #070d15;--surface: #0f1a27;--surface-2: #152332;--surface-3: #1d2f42;--ink: #e9eff7;--ink-2: #aebdcf;--ink-3: #8394aa;--border: #23374c;--border-strong: #354c65;--primary: #ffb020;--primary-hover: #ffc04d;--on-primary: #0a121c;--accent: #ffb020;--accent-soft: rgba(255, 176, 32, .14);--focus-ring: rgba(255, 176, 32, .42);--band-correct: #34d399;--band-close: #fbbf24;--band-warm: #fb923c;--band-far: #f87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .6)}.app-shell{width:100%;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.25rem;padding:clamp(.5rem,2vw,2rem);padding-bottom:max(1rem,env(safe-area-inset-bottom))}.app{width:100%;max-width:30rem;display:flex;flex-direction:column;gap:1rem;padding:1.35rem 1.25rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--ink)}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.brand{min-width:0}.title{margin:0;font-family:var(--font-display);font-size:2.1rem;font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--ink)}.subtitle{margin:.35rem 0 0;color:var(--ink-3);font-size:.875rem;font-weight:500;letter-spacing:.005em}.app-actions{display:flex;gap:.25rem;flex:0 0 auto}.icon-button{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.icon-button:hover{background:var(--surface-2);border-color:var(--border);color:var(--ink)}.icon-button svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button{width:100%;min-height:2.875rem;padding:0 1.1rem;border-radius:var(--radius-sm);border:1px solid transparent;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .12s ease,color .16s ease}.button+.button{margin-top:.55rem}.button-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.button-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.button-primary:active{transform:translateY(1px)}.button-quiet{background:transparent;border-color:var(--border);color:var(--ink-2)}.button-quiet:hover{background:var(--surface-2);color:var(--ink)}.button-danger{background:var(--band-far);border-color:var(--band-far);color:#fff}:root[data-theme=dark] .button-danger{color:#2a0a0a}.chip{min-height:2.25rem;padding:0 .8rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--ink-3);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.chip:hover:not(:disabled){background:var(--surface-2);color:var(--ink);border-color:var(--border-strong)}.chip:disabled{opacity:.45;cursor:not-allowed}.chip-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring);border-radius:var(--radius-sm)}.puzzle-bar{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);font-size:.8125rem}.puzzle-number{font-family:var(--font-mono);font-weight:600;font-size:.875rem;letter-spacing:.02em;color:var(--accent)}.puzzle-bar-divider{width:1px;height:1rem;background:var(--border-strong)}.streak{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink-2);font-weight:600}.streak-at-risk{color:var(--band-close)}.mode-chip{margin-left:auto;padding:.15rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.banner{margin:0;width:100%;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--ink-2);font-size:.8125rem;font-weight:600;text-align:left;font-family:inherit}.banner-warning{border-color:var(--band-close);background:var(--accent-soft);color:var(--band-close)}.banner-link{cursor:pointer;color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.clue{margin:.35rem 0 .15rem;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(.2rem,2.5vw,.6rem);font-size:clamp(2.1rem,11vw,3.25rem);line-height:1.15}.clue-emoji{display:inline-block;transform:translateY(0)}.clue-ripple .clue-emoji{animation:clue-ripple .62s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--emoji-index) * 85ms)}.clue-bounce{animation:clue-bounce .38s ease-out}.guess-grid{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.guess-row{position:relative;overflow:hidden;height:var(--row-height);display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .9rem;border:1px solid var(--border);border-left:3px solid var(--band-empty);border-radius:var(--radius-sm);background:var(--surface-2);font-size:1rem}.guess-row-correct{border-left-color:var(--band-correct);background:color-mix(in srgb,var(--band-correct) 12%,var(--surface-2))}.guess-row-close{border-left-color:var(--band-close)}.guess-row-warm{border-left-color:var(--band-warm)}.guess-row-far{border-left-color:var(--band-far)}.guess-row-active{border-left-color:var(--ink-3);background:var(--surface)}.guess-row-filled{animation:row-enter .24s ease-out both}.guess-row-shake{animation:row-shake .32s ease-in-out}.guess-row-index{font-family:var(--font-mono);font-size:.8125rem;color:var(--ink-3);opacity:.5}.guess-name{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guess-meta{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;white-space:nowrap}.guess-arrow{font-size:1.05rem;line-height:1}.guess-row-filled .guess-arrow{animation:arrow-nudge .42s ease-out .14s both}.guess-distance{font-family:var(--font-mono);font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-2)}.guess-correct-badge{padding:.15rem .5rem;border-radius:999px;background:var(--band-correct);color:var(--surface);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}:root[data-theme=dark] .guess-correct-badge{color:#06281a}.guess-proximity{position:absolute;left:0;bottom:0;height:3px;width:var(--proximity, 0%);background:currentColor;color:var(--band-empty);transition:width .42s cubic-bezier(.22,.61,.36,1)}.guess-row-correct .guess-proximity{color:var(--band-correct)}.guess-row-close .guess-proximity{color:var(--band-close)}.guess-row-warm .guess-proximity{color:var(--band-warm)}.guess-row-far .guess-proximity{color:var(--band-far)}.guess-controls{display:grid;grid-template-columns:1fr auto;gap:.5rem}.input-wrapper{position:relative;min-width:0}.guess-input{width:100%;height:2.875rem;padding:0 .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:inherit;font-size:1rem;font-weight:500;transition:border-color .16s ease,box-shadow .16s ease}.guess-input::placeholder{color:var(--ink-3);font-weight:400}.guess-input:focus{outline:none;border-color:var(--accent)}.guess-input:disabled{opacity:.6}.guess-submit{min-width:5.5rem;height:2.875rem;padding:0 1rem;border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .16s ease,opacity .16s ease,transform .12s ease}.guess-submit:hover:not(:disabled){background:var(--primary-hover)}.guess-submit:active:not(:disabled){transform:translateY(1px)}.guess-submit:disabled{background:var(--surface-3);border-color:var(--border-strong);color:var(--ink-2);cursor:not-allowed}.guess-helper{grid-column:1 / -1;margin:0;min-height:1.1rem;color:var(--ink-3);font-size:.8125rem}.suggestions{position:absolute;bottom:calc(100% + .4rem);left:0;right:0;margin:0;padding:.25rem;list-style:none;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);max-height:15rem;overflow-y:auto;z-index:60}.suggestions li{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;min-height:2.75rem;padding:.5rem .6rem;border-radius:var(--radius-sm);cursor:pointer}.suggestions li:hover,.suggestions li.suggestion-active{background:var(--surface-2)}.suggestion-city{font-weight:600;color:var(--ink)}.suggestion-country{font-size:.8125rem;color:var(--ink-3);text-align:right}.easy-options{display:grid;gap:.5rem}.easy-option{min-height:3rem;padding:.5rem .9rem;display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);font-family:inherit;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .12s ease}.easy-option:hover{border-color:var(--accent);background:var(--surface)}.easy-option:active{transform:translateY(1px)}.easy-option-city{font-size:1rem;font-weight:700}.easy-option-country{font-size:.8125rem;color:var(--ink-3)}.result-reopen{text-align:left}.result-reopen-lost{background:transparent;border-color:var(--border-strong);color:var(--ink)}.yesterday{text-align:center}.yesterday-text{margin:0;color:var(--ink-3);font-size:.8125rem}.yesterday-link{padding:.35rem .6rem;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--accent);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}.yesterday-link:hover{background:var(--accent-soft);border-style:solid}.app-footer{margin-top:auto;padding-top:.85rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem;align-items:center}.footer-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.footer-legal{margin:0;display:flex;align-items:center;gap:.4rem;color:var(--ink-3);font-size:.75rem}.footer-link{padding:0;border:none;background:none;color:var(--ink-3);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.footer-link:hover{color:var(--ink)}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:1rem;background:#070d159e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease-out;overflow-y:auto}.modal{position:relative;width:min(100%,26rem);max-height:min(88dvh,46rem);overflow-y:auto;padding:1.5rem 1.25rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);text-align:center;animation:pop-in .22s cubic-bezier(.22,.61,.36,1)}.modal-wide{width:min(100%,32rem);text-align:left}.modal-title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.modal-lead{margin:0 0 1rem;color:var(--ink-2);font-size:.9375rem;line-height:1.55}.modal-note{margin:.75rem 0;color:var(--ink-2);font-size:.875rem}.modal-note-quiet{color:var(--ink-3);font-size:.8125rem}.modal-dismiss{position:absolute;top:.6rem;right:.6rem;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-3);cursor:pointer;z-index:2}.modal-dismiss:hover{background:var(--surface-2);color:var(--ink)}.modal-dismiss svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.result-eyebrow{margin:0;font-family:var(--font-mono);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.result-headline{margin:.25rem 0 .75rem;font-size:1.75rem}.result-city{margin:0 0 .35rem}.city-link{display:inline-flex;flex-direction:column;gap:.1rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink);text-decoration:none;font-family:var(--font-display);font-size:1.35rem;font-weight:700;transition:border-color .14s ease,background-color .14s ease}.city-link:hover{border-color:var(--accent);background:var(--accent-soft)}.city-link-name{font-size:1.35rem;font-weight:700}.city-link-country{font-family:var(--font-display);font-size:.8125rem;font-weight:500;color:var(--ink-3)}.city-link-hint{margin-top:.35rem;font-family:var(--font-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.result-detail{margin:0 0 1rem;color:var(--ink-3);font-size:.875rem}.result-freeze{margin:0 0 1rem;padding:.55rem .75rem;border:1px solid var(--band-close);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--band-close);font-size:.8125rem;font-weight:600}.countdown{margin:.85rem 0 .6rem;color:var(--ink-3);font-size:.875rem}.countdown-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.result-milestone{margin:0 0 .75rem;padding:.6rem .85rem;border:1px solid var(--band-correct);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--band-correct) 12%,transparent);color:var(--band-correct);font-size:.875rem;font-weight:600;text-wrap:balance}.result-challenge{margin:0 0 .75rem;padding:.6rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);font-size:.875rem;font-weight:600;text-wrap:balance}.result-challenge-won{border-color:var(--band-correct);background:color-mix(in srgb,var(--band-correct) 12%,transparent);color:var(--band-correct)}.banner-challenge{border-color:var(--border-strong);font-weight:600}.reminder{margin:1rem 0 1.25rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.reminder-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.reminder-label{font-weight:600;color:var(--ink)}.reminder-note{margin:.5rem 0 0;font-size:.8125rem;color:var(--ink-3)}.share-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.share-row .button{margin-top:0}.share-image-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:auto;padding:0 .9rem;font-size:.875rem}.share-image-button svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.share-feedback{margin:.4rem 0 0;min-height:1.1rem;color:var(--ink-3);font-size:.8125rem}.stat-grid{margin:0 0 .85rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.stat{padding:.55rem .3rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);display:flex;flex-direction:column-reverse;align-items:center;gap:.1rem}.stat-value{margin:0;font-family:var(--font-mono);font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.distribution{margin:.85rem 0;text-align:left}.distribution-title{margin:0 0 .4rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.distribution-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.distribution-label{width:.85rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--ink-3)}.distribution-bar{position:relative;flex:1;height:1.35rem;border-radius:4px;background:var(--surface-3);overflow:hidden;display:flex;align-items:center}.distribution-bar:before{content:"";position:absolute;inset:0 auto 0 0;width:max(var(--fill),1.75rem);background:var(--ink-3);opacity:.35;border-radius:4px}.distribution-bar-active:before{background:var(--band-correct);opacity:1}.distribution-count{position:relative;margin-left:auto;padding:0 .45rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--ink-2)}.distribution-bar-active .distribution-count{color:var(--ink)}.help-steps{margin:0 0 1rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.7rem}.help-steps li{display:flex;align-items:flex-start;gap:.65rem;color:var(--ink-2);font-size:.9375rem;line-height:1.5}.help-step-number{flex:0 0 1.5rem;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--primary);color:var(--on-primary);font-family:var(--font-mono);font-size:.75rem;font-weight:600}.help-example{margin:0 0 1rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.help-example-title{margin:0 0 .5rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.help-example-row{background:var(--surface);animation:none}.help-example-note{margin:.55rem 0 0;color:var(--ink-3);font-size:.8125rem;line-height:1.5}.help-details{margin-bottom:.6rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.help-details summary{padding:.7rem .85rem;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--ink);list-style:none;display:flex;align-items:center;justify-content:space-between}.help-details summary::-webkit-details-marker{display:none}.help-details summary:after{content:"+";font-family:var(--font-mono);color:var(--ink-3)}.help-details[open] summary:after{content:"−"}.help-facts{margin:0;padding:0 .85rem .85rem;list-style:none;display:flex;flex-direction:column;gap:.45rem;color:var(--ink-2);font-size:.875rem;line-height:1.5}.help-facts li{display:flex;align-items:center;gap:.5rem}.help-swatch{flex:0 0 auto;width:.75rem;height:.75rem;border-radius:3px}.help-prose{padding:0 .85rem .85rem;color:var(--ink-2);font-size:.875rem;line-height:1.6}.help-prose p{margin:0 0 .7rem}.help-prose .help-facts{padding:0 0 .7rem;align-items:stretch}.help-prose-note{margin:0;padding-top:.6rem;border-top:1px solid var(--border);color:var(--ink-3);font-size:.8125rem}.help-tier{flex:0 0 auto;width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--on-primary)}.help-tier-1{background:var(--band-correct)}.help-tier-2{background:var(--band-close)}.help-tier-3{background:var(--band-far)}:root[data-theme=light] .help-tier,:root:not([data-theme=dark]) .help-tier{color:#fff}.help-swatch-close{background:var(--band-close)}.help-swatch-warm{background:var(--band-warm)}.help-swatch-far{background:var(--band-far)}.archive-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.archive-item{width:100%;min-height:3rem;display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.archive-item:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}.archive-item:disabled{opacity:.65;cursor:default}.archive-number{flex:0 0 3rem;font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:var(--accent)}.archive-emoji{flex:1;min-width:0;font-size:1.05rem;letter-spacing:.1em;color:var(--ink-3);overflow:hidden;white-space:nowrap}.archive-meta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.archive-date{font-size:.6875rem;color:var(--ink-3)}.archive-status{font-family:var(--font-mono);font-size:.75rem;font-weight:600}.archive-status-won{color:var(--band-correct)}.archive-status-lost{color:var(--band-far)}.archive-status-unplayed{color:var(--ink-3)}.legal-content{color:var(--ink-2);font-size:.9375rem;line-height:1.65}.legal-content h3{margin:1.25rem 0 .4rem;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--ink)}.legal-content h3:first-child{margin-top:0}.legal-content p{margin:0 0 .7rem}.legal-content a{color:var(--accent)}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:var(--radius-lg)}.confetti-piece{position:absolute;top:.25rem;left:var(--confetti-left);width:.35rem;height:.7rem;border-radius:2px;background:var(--band-correct);opacity:0;transform:translateY(-6px) rotate(var(--confetti-rotate));animation:confetti-drop 1.1s ease-out var(--confetti-delay) forwards}.confetti-piece:nth-child(3n){background:var(--accent)}.confetti-piece:nth-child(4n){background:var(--band-warm)}.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}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes row-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes row-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes arrow-nudge{0%{transform:translateY(0)}35%{transform:translateY(-3px)}70%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes clue-ripple{0%{transform:translateY(0)}34%{transform:translateY(-5px)}72%{transform:translateY(1.5px)}to{transform:translateY(0)}}@keyframes clue-bounce{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-6px) scale(1.02)}70%{transform:translateY(0) scale(.995)}to{transform:translateY(0) scale(1)}}@keyframes confetti-drop{0%{opacity:0;transform:translateY(-6px) rotate(var(--confetti-rotate))}12%{opacity:1}to{opacity:0;transform:translateY(180px) rotate(calc(var(--confetti-rotate) * 2))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:30rem){:root{--row-height: 2.9rem}.app{padding:1.1rem .9rem .9rem;gap:.8rem;border-radius:var(--radius-md)}.title{font-size:1.75rem}.subtitle{font-size:.8125rem}.icon-button{width:2.5rem;height:2.5rem}.app-actions{gap:.1rem}.modal{padding:1.35rem 1rem 1rem}.stat-grid{gap:.3rem}.stat-label{font-size:.625rem}}@media(max-width:22rem){.guess-controls{grid-template-columns:1fr}.guess-submit{width:100%}}.about{width:100%;max-width:30rem;color:var(--ink-2);font-size:.9375rem;line-height:1.6}.about-title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.0625rem;font-weight:700;letter-spacing:-.015em;color:var(--ink)}.about-subtitle{margin:1.5rem 0 .5rem;font-family:var(--font-display);font-size:.9375rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3)}.about-lead{margin:0}.about-steps,.about-facts{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem}.about-steps ::marker,.about-facts ::marker{color:var(--ink-3)}.about-steps strong{color:var(--ink);font-weight:600}.about-faq{margin:0;display:flex;flex-direction:column;gap:.75rem}.about-faq-item dt{font-weight:600;color:var(--ink)}.about-faq-item dd{margin:.15rem 0 0}.about-explore{margin:1.5rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.4rem;font-weight:600}.about-explore ::marker{color:var(--ink-3)}@media(max-width:30rem){.about{font-size:.875rem}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.about-badge{margin:1.75rem 0 0;line-height:0}.about-badge a{display:inline-block;border-radius:var(--radius-sm);opacity:.85;transition:opacity .16s ease}.about-badge a:hover{opacity:1}.about-badge img{display:block;max-width:100%;height:auto}