*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}.site-header,main,.site-footer{max-width:40rem;padding-inline:max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));margin:0 auto}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 1rem;padding-block:1rem .25rem;display:flex}.site-header h1,.site-name{margin:0;font-size:1.4rem;font-weight:700}a{color:inherit;text-underline-offset:.2em}.site-header a,.footer-links a{align-items:center;min-height:2.75rem;display:inline-flex}.site-name a{text-decoration:none}a:focus-visible{outline:3px solid var(--text);outline-offset:2px}.site-footer{padding-bottom:max(1.5rem, env(safe-area-inset-bottom));opacity:.85;font-size:.85rem}.site-footer p{margin:0 0 .5rem}.footer-links{flex-wrap:wrap;gap:0 1.25rem;margin:0 0 .25rem;padding:0;list-style:none;display:flex}.puzzle-no{color:var(--accent);font-weight:600}.game-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1rem;display:flex}.key{flex-wrap:wrap;gap:.35rem .9rem;margin:.5rem 0 .75rem;padding:0;font-size:.8rem;list-style:none;display:flex}.key li{align-items:center;gap:.35rem;display:flex}.key-swatch{border-radius:.25rem;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.75rem;font-weight:700;display:inline-flex}.key-arrows{font-weight:700}.board{--board-cols:4;--club-span:2}.board-tiles{grid-template-columns:repeat(var(--board-cols), minmax(0, 1fr));gap:.25rem;display:grid}.tile[data-clue=club]{grid-column:span var(--club-span)}.board-rows{margin:.25rem 0 1rem;padding:0;list-style:none}.board-row{margin-bottom:.5rem}.board-name{margin-bottom:.15rem;font-size:.85rem;font-weight:600;display:block}.tile{width:100%;font:inherit;cursor:pointer;text-align:center;border:0;border-radius:.35rem;flex-direction:column;justify-content:center;align-items:center;min-height:3.6rem;padding:.25rem .2rem;font-size:.85rem;line-height:1.15;display:flex;overflow:hidden}.tile-label{letter-spacing:.03em;text-transform:uppercase;opacity:.85;font-size:.6rem;font-weight:600}.tile-value{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-weight:600;display:-webkit-box;overflow:hidden}.tile-marks{font-size:.85rem;font-weight:700}.tile-match{background:var(--tile-match);color:var(--tile-match-on)}.tile-close{background:var(--tile-close);color:var(--tile-close-on)}.tile-miss{background:var(--tile-miss);color:var(--tile-miss-on)}.tile-unknown{background:var(--surface);color:var(--text);border:1px dashed}.tile:focus-visible{outline:3px solid var(--text);outline-offset:2px}.tile-open{outline:2px solid var(--text);outline-offset:1px}.tile-detail{margin:.35rem 0 0;font-size:.85rem}.tile-detail:empty{display:none}.tile-flip{animation:.45s ease-out both flip}@keyframes flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.tile-flip{animation:none}}@media (width>=30rem){.tile{min-height:4rem;font-size:.95rem}.tile-label{font-size:.65rem}}.guess{margin:1rem 0 .25rem;position:relative}.guess-label{margin-bottom:.35rem;font-weight:600;display:block}.guess-input{width:100%;min-height:2.75rem;color:var(--text);background:var(--surface);border:2px solid var(--accent);border-radius:.5rem;padding:.5rem .75rem;font-size:1rem}.guess-input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.guess-help{opacity:.8;min-height:1.2em;margin:.25rem 0 0;font-size:.85rem}.guess-options{inset-inline:0;z-index:10;background:var(--surface);border:2px solid var(--accent);border-radius:.5rem;margin:0;padding:.25rem 0;list-style:none;position:absolute;top:4.6rem}.guess-option{cursor:pointer;min-height:2.75rem;padding:.6rem .75rem}.guess-option[aria-selected=true]{background:var(--accent);color:var(--accent-on)}.guess-option-none{cursor:default;opacity:.8}.button{min-height:2.75rem;font:inherit;color:var(--accent-on);background:var(--accent);cursor:pointer;border:0;border-radius:.5rem;padding:.5rem 1rem;font-weight:600}a.button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button-secondary{color:var(--text);border:2px solid var(--accent);background:0 0}.button:disabled{opacity:.6;cursor:default}.button:focus-visible{outline:3px solid var(--text);outline-offset:2px}.hints{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.hint-shown{flex-basis:100%;margin:0;font-weight:600}.hint-note{opacity:.8;flex-basis:100%;margin:0;font-size:.85rem}.stale{background:var(--surface);border:2px solid var(--accent);border-radius:.5rem;margin:.5rem 0;padding:.75rem}.stale p{margin:0 0 .5rem}.result{background:var(--surface);border-radius:.75rem;margin-top:1rem;padding:1rem}.result h2,.result h3,.result h4{margin:0 0 .5rem}.result-score{margin:0 0 1rem;font-weight:600}.answer{margin-bottom:1rem}.answer-name{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.answer-photo{float:right;max-width:7.5rem;margin:0 0 .5rem .75rem;font-size:.7rem}.answer-photo img{border-radius:.35rem;width:100%;height:auto;display:block}.answer-facts{grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:0;display:grid}.answer-facts dt{opacity:.8}.answer-facts dd{margin:0;font-weight:600}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0 0 1rem;display:grid}.stats-grid dt{opacity:.8;order:2;font-size:.75rem}.stats-grid dd{margin:0;font-size:1.4rem;font-weight:700}.stats-grid div{flex-direction:column;display:flex}.distribution{margin:0 0 1rem;padding:0;list-style:none}.distribution-row{align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.distribution-guesses{text-align:right;width:1rem}.distribution-bar{text-align:right;color:var(--tile-miss-on);background:var(--tile-miss);border-radius:.25rem;padding:.1rem .4rem;font-weight:600}.distribution-today .distribution-bar{color:var(--tile-match-on);background:var(--tile-match)}.share{margin-bottom:.5rem}.share-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.share-more summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:600;display:inline-flex}.share-more summary::-webkit-details-marker{display:none}.share-more summary:after{content:"▾";margin-left:.35rem}.share-more[open] summary:after{content:"▴"}.share-more summary:focus-visible,.link-button:focus-visible,.share-more-item:focus-visible{outline:3px solid var(--text);outline-offset:2px}.share-more-items{flex-wrap:wrap;gap:0 1.25rem;display:flex}.share-more-item,.link-button{min-height:2.75rem;font:inherit;color:var(--text);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.result-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1rem;display:flex}.share-toast{min-height:1.4em;margin:.25rem 0 0;font-weight:600}.countdown{margin:0;font-weight:600}.game>.stats{background:var(--surface);border-radius:.75rem;margin:0 0 1rem;padding:1rem}.game>.stats h3{margin:0 0 .5rem}.today p{margin:0 0 1rem}.content{line-height:1.55}.content h1{margin:1rem 0 .75rem;font-size:1.6rem}.content h2{margin:1.5rem 0 .5rem;font-size:1.15rem}.content ul{padding-left:1.25rem}.content li{margin-bottom:.35rem}main{padding-bottom:max(2rem, env(safe-area-inset-bottom))}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.status,.puzzle-no,.guesses-left{margin:.5rem 0}.hub-hero{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) 4.5rem max(1rem, env(safe-area-inset-left));background:radial-gradient(ellipse 35% 45% at 12% 0%, color-mix(in srgb, var(--text) 22%, transparent), transparent 70%), radial-gradient(ellipse 35% 45% at 88% 0%, color-mix(in srgb, var(--text) 22%, transparent), transparent 70%), linear-gradient(to bottom, var(--bg) 0%, var(--surface) 55%, color-mix(in srgb, var(--accent) 40%, var(--bg)) 82%, var(--bg) 100%)}.hub-hero>*{max-width:60rem;margin-inline:auto}.hub-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.hub-brand{align-items:center;gap:.6rem;min-height:2.75rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:inline-flex}.hub-nav{gap:0 1.25rem;margin:0;padding:0;list-style:none;display:flex}.hub-nav a{align-items:center;min-height:2.75rem;font-weight:600;display:inline-flex}.hub-hero h1{letter-spacing:-.01em;max-width:60rem;margin-block:2.5rem 1rem;font-size:clamp(2rem,7vw,3.5rem);line-height:1.1}.hub-tagline{margin-block:0;font-size:1.15rem}.hub-tagline:before{content:"";background:var(--accent);border-radius:.125rem;width:6rem;height:.25rem;margin-bottom:1rem;display:block}.hub{max-width:60rem;margin-top:-3rem}.hub-panel{background:var(--surface);border-radius:.75rem;margin-bottom:1rem;padding:1.25rem}.hub-panel h2{margin:0 0 1rem;font-size:1.35rem}.hub-panel p{margin:0 0 .5rem}.nation-cards{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.nation-card{text-align:center;background:var(--bg);border-radius:.6rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;display:flex}.nation-name{margin:0;font-size:1.05rem}.nation-flag{object-fit:cover;border-radius:.25rem;width:4rem;height:3rem;display:block}.nation-card .button{width:100%;margin-top:auto}.nation-puzzle,.nation-soon{margin:0;font-size:.85rem}.nation-soon{margin-top:auto;padding:.5rem;font-weight:600}.hub-how-links{flex-wrap:wrap;gap:0 1.25rem;margin:0;padding:0;list-style:none;display:flex}.hub-how-links a{align-items:center;min-height:2.75rem;display:inline-flex}
