.botd{--botd-match:#1e9e63;--botd-near:#e0a008;--botd-match-bg:color-mix(in srgb, var(--botd-match) 24%, var(--bg));--botd-near-bg:color-mix(in srgb, var(--botd-near) 26%, var(--bg));gap:clamp(1.5rem,4vw,2.5rem);display:grid}.botd [hidden]{display:none!important}.botd[data-state=loading] .botd-game,.botd[data-state=error] .botd-game,.botd[data-state=ready] .botd-loading{display:none}.botd-loading{color:var(--muted);margin:0}.botd-game{gap:1.25rem;min-width:0;display:grid}.botd-bar-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.botd-bar-top p{margin:0}.botd-number{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.botd-left{color:var(--muted);font-variant-numeric:tabular-nums}.botd-practice-note{border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--fg-soft);margin:0;padding:.75rem 1rem}.botd-small-title{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8125rem;font-weight:700}.botd-layout{align-items:start;gap:1.25rem;min-width:0;display:grid}.botd-play{gap:.9rem;min-width:0;display:grid}@media (width>=60rem){.botd-layout{grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:2rem}.botd-clue{position:sticky;top:1rem}}.botd-clue{gap:.9rem;display:grid}.botd-figure{gap:.6rem;margin:0;display:grid}.botd-frame{aspect-ratio:4/3;border-radius:var(--radius);background:var(--surface-2);position:relative;overflow:hidden}.botd-frame img{object-fit:cover;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s;display:block}.botd-frame.is-loading img{transition:none}.botd-frame-missing{text-align:center;color:var(--muted);place-content:center;margin:0;padding:1rem;display:none;position:absolute;inset:0}.botd-frame.is-missing img{visibility:hidden}.botd-frame.is-missing .botd-frame-missing{display:grid}.botd-figure figcaption{color:var(--muted);font-size:.9375rem}.botd-frame.is-revealed+figcaption{color:var(--fg);font-weight:600}@media (width<=59.99rem){.botd-frame{aspect-ratio:16/10}}.botd-hints{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.botd-hints li{border-radius:var(--radius-sm);background:var(--bg);border:1.5px solid var(--line);justify-content:space-between;gap:1rem;padding:.55rem .9rem;display:flex}.botd-hint-label{font-weight:600}.botd-hint-value{color:var(--muted);text-align:right;font-size:.9375rem}.botd-hints li.is-open{border-color:var(--botd-match)}.botd-hints li.is-open .botd-hint-value{color:var(--fg);font-size:1rem;font-weight:700}.botd-form{gap:.4rem;display:grid}.botd-form label{font-weight:600}.botd-entry{align-items:stretch;gap:.6rem;display:flex}.botd-combo{flex:1;min-width:0;position:relative}.botd-combo input{width:100%;min-height:48px;font:inherit;color:var(--fg);background:var(--bg);border:1.5px solid var(--line-strong);border-radius:999px;padding:.7rem 1.1rem;font-size:1.0625rem}.botd-combo input::placeholder{color:var(--muted);opacity:1}.botd-combo input:focus-visible{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.botd-list{z-index:20;background:var(--bg);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);max-height:19rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #0000002e}.botd-option{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:baseline;gap:1rem;min-height:44px;padding:.6rem .8rem;display:flex}.botd-option-country{color:var(--muted);text-align:right;font-size:.875rem}.botd-option:hover{background:var(--surface)}.botd-option[aria-selected=true]{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--accent)}.botd-message{min-height:1.5em;color:var(--fg-soft);margin:0;font-size:.9375rem}.botd-message:empty{min-height:0}.botd-empty{color:var(--muted);margin:0}.botd-guesses{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.botd-row{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--bg);gap:.5rem;min-width:0;padding:.75rem;display:grid}.botd-row.is-correct{border-color:var(--botd-match);background:var(--botd-match-bg)}.botd-row-head{align-items:baseline;gap:.6rem;min-width:0;display:flex}.botd-row-n{background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-content:center;width:1.6rem;height:1.6rem;font-size:.8125rem;font-weight:700;display:inline-grid}.botd-row-name{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;font-size:1.125rem}.botd-row-tag{white-space:nowrap;margin-left:auto;font-weight:700}.botd-cells{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}@media (width>=44rem){.botd-cells{grid-template-columns:repeat(4,minmax(0,1fr))}}.botd-cell{border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--surface);overflow-wrap:anywhere;align-content:start;gap:.15rem;min-width:0;padding:.55rem .7rem;display:grid}.botd-cell-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:700}.botd-cell-value{font-size:.9375rem;font-weight:600;line-height:1.3}.botd-cell-cue{color:var(--fg-soft);flex-wrap:wrap;align-items:baseline;gap:0 .3rem;font-size:.8125rem;line-height:1.35;display:flex}.botd-icon,.botd-arrow{font-weight:800}.botd-arrow{margin-left:.25rem;font-size:1rem;line-height:1}.botd-cell.is-match{background:var(--botd-match-bg);border-color:var(--botd-match)}.botd-cell.is-near{background:var(--botd-near-bg);border-color:var(--botd-near);border-style:dashed}.botd-cell.is-match .botd-cell-label,.botd-cell.is-near .botd-cell-label{color:var(--fg-soft)}.botd-row.is-correct .botd-cell{background:0 0}@media (prefers-reduced-motion:no-preference){.botd-row.is-new,.botd-row.is-new .botd-cell{animation:.4s both botd-in}.botd-row.is-new .botd-cell:nth-child(2){animation-delay:.12s}.botd-row.is-new .botd-cell:nth-child(3){animation-delay:.24s}.botd-row.is-new .botd-cell:nth-child(4){animation-delay:.36s}}@keyframes botd-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.botd-frame img{transition:none}}.botd-end{gap:.5rem;display:grid}.botd-end p{margin:0}.botd-end h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.1}.botd-end h2:focus-visible{outline-offset:4px}.botd-end-intro{color:var(--muted)}.botd-end-name{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.05;margin-top:-.25rem!important}.botd-end-facts{color:var(--fg-soft);font-weight:600}.botd-end-excerpt{max-width:38rem}.botd-end a{font-weight:600}.botd-next{border-top:1.5px solid var(--line-strong);margin-top:.5rem;padding-top:.9rem}.botd-next strong{font-variant-numeric:tabular-nums;font-size:1.125rem}.botd-actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.botd-share-note{min-height:1.5em;font-weight:600}.botd-statistics{border-top:1.5px solid var(--line);gap:.9rem;padding-top:clamp(1rem,3vw,2rem);display:grid}.botd-statistics h2,.botd-how h2{font-size:clamp(1.5rem,3vw,2rem)}.botd-statistics .game-stats{margin:0}.botd-dist{gap:.35rem;max-width:32rem;margin:0;padding:0;list-style:none;display:grid}.botd-dist li{align-items:center;gap:.6rem;display:flex}.botd-dist-n{font-variant-numeric:tabular-nums;width:1ch;font-weight:700}.botd-bar{background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:flex-end;min-width:2rem;padding:.15rem .55rem;font-size:.875rem;font-weight:700;display:flex}.botd-dist li.is-today .botd-bar{background:var(--botd-match-bg);box-shadow:inset 0 0 0 1.5px var(--botd-match)}.botd-fine{color:var(--muted);margin:0;font-size:.875rem}.botd-how{border-top:1.5px solid var(--line);gap:.75rem;max-width:46rem;padding-top:clamp(1rem,3vw,2rem);display:grid}.botd-how p{margin:0}.botd-key{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.botd-key li{grid-template-columns:6.25rem 1fr;align-items:start;gap:.75rem;display:grid}.botd-chip{border:1.5px solid var(--line-strong);background:var(--surface);white-space:nowrap;border-radius:10px;justify-content:center;gap:.35rem;padding:.2rem .5rem;font-size:.875rem;font-weight:700;display:inline-flex}.botd-chip.is-match{background:var(--botd-match-bg);border-color:var(--botd-match)}.botd-chip.is-near{background:var(--botd-near-bg);border-color:var(--botd-near);border-style:dashed}