:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);--bg:#e3f3f0;--card:#fff;--ink:#10353d;--muted:#4f7078;--line:#c3dcd8;--accent:#2f5bff;--correct:#14a37f;--present:#e8a91a;--absent:#8ca3a6;--key:#cfe6e2;--lockedbg:#d3e9e5;--display:"Source Serif 4",Georgia,"Times New Roman",serif;--body:"Libre Franklin","Helvetica Neue",Arial,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c2227;--card:#133139;--ink:#e4f6f3;--muted:#8fb5b8;--line:#23474e;--accent:#7a9bff;--correct:#1fbf93;--present:#d9a02c;--absent:#4f686c;--key:#23474e;--lockedbg:#0f292f}}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;min-height:100vh;margin:0;font-size:16px;line-height:1.4}main{max-width:460px;margin:0 auto;padding:16px 16px 330px}main.over{padding-bottom:40px}header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.stats{color:var(--muted);font-size:14px}.hero{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.hero .label{color:var(--muted);margin:0 0 2px;font-size:14px}.anchor{font-family:var(--display);letter-spacing:-.03em;color:var(--accent);overflow-wrap:anywhere;font-size:60px;font-weight:800;line-height:1}.theme{background:var(--ink);color:var(--bg);white-space:nowrap;border-radius:99px;padding:5px 12px;font-size:14px;font-weight:700}.card{background:var(--card);border:2px solid var(--line);border-radius:16px;margin-bottom:12px;padding:14px}.card.locked{background:var(--lockedbg);border-style:dashed}.card.won{border-color:var(--correct)}.card-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.card-head b{font-family:var(--display);font-size:17px;font-weight:800}.card-head span{color:var(--muted);font-size:13px;font-weight:600}.clue{margin:0 0 4px;font-size:16px;font-weight:600}.hintline{color:var(--muted);min-height:20px;margin:0 0 8px;font-size:14px}.lockmsg{color:var(--muted);margin:6px 0 0;font-size:14px}.grid{gap:5px;margin-top:8px;display:grid}.row{grid-template-columns:repeat(var(--n),minmax(0,1fr));max-width:calc(var(--n) * 54px);gap:5px;display:grid;container-type:inline-size}.tile{aspect-ratio:1/1.08;border:2px solid var(--line);font-family:var(--display);text-transform:uppercase;color:var(--ink);font-weight:800;font-size:calc(min(28px, (100vw - 80px) / var(--n) * .62));border-radius:8px;justify-content:center;align-items:center;min-width:0;line-height:1;display:flex;overflow:hidden}.tile.filled{border-color:var(--ink)}.tile.c{background:var(--correct);border-color:var(--correct);color:#fff}.tile.p{background:var(--present);border-color:var(--present);color:#fff}.tile.a{background:var(--absent);border-color:var(--absent);color:#fff}.locked .tile{border-color:var(--line);opacity:.6}.summary{background:var(--card);border:2px solid var(--ink);border-radius:16px;margin-top:6px;padding:16px}.summary h2{font-family:var(--display);margin:0 0 6px;font-size:22px;font-weight:800}.summary p{margin:0 0 12px}.actions{flex-wrap:wrap;gap:8px;display:flex}button{font:inherit;background:var(--ink);color:var(--bg);cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;padding:12px 18px;font-weight:700}button.ghost{color:var(--ink);border:2px solid var(--line);background:0 0}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.rap{color:#e4f6f3;background:#10353d;border:2px solid #23474e;border-radius:16px;margin-top:12px;padding:16px 18px}.rap h3{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin:0 0 10px;font-size:15px;font-weight:800}.rap .bar{font-family:var(--display);margin:0 0 8px;font-size:19px;font-weight:500;line-height:1.3}.rap .bar b{color:#ffd84d;font-weight:800}.legend{color:var(--muted);margin-top:18px;font-size:13px}.legend div{margin:3px 0}.dot{vertical-align:-1px;border-radius:3px;width:11px;height:11px;margin-right:8px;display:inline-block}.kbwrap{background:var(--bg);border-top:2px solid var(--line);padding:6px 6px calc(10px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.kbwrap[hidden]{display:none}.toast{text-align:center;min-height:22px;color:var(--accent);margin:0 0 4px;font-size:14px;font-weight:700}.kb{gap:6px;max-width:500px;margin:0 auto;display:grid}.krow{justify-content:center;gap:5px;display:flex}.key{background:var(--key);max-width:44px;height:50px;color:var(--ink);text-transform:uppercase;border-radius:8px;flex:1;padding:0;font-size:17px}.key.wide{flex:1.6;max-width:66px;font-size:13px}.key.c{background:var(--correct);color:#fff}.key.p{background:var(--present);color:#fff}.key.a{background:var(--absent);color:#fff;opacity:.75}@media (prefers-reduced-motion:no-preference){.tile.flip{animation:.3s ease-out flip}@keyframes flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}}[hidden]{display:none!important}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eeeeec;--card:#f9f9f8;--ink:#333;--muted:#6b6b6b;--line:#d3d3d0;--accent:#333;--correct:#6dbf85;--present:#f2c14e;--absent:#ababab;--key:#dededb;--lockedbg:#e6e6e3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#eeeeec;--card:#f9f9f8;--ink:#333;--muted:#6b6b6b;--line:#d3d3d0;--accent:#333;--correct:#6dbf85;--present:#f2c14e;--absent:#ababab;--key:#dededb;--lockedbg:#e6e6e3}}:root[data-theme=dark]{--bg:#eeeeec;--card:#f9f9f8;--ink:#333;--muted:#6b6b6b;--line:#d3d3d0;--accent:#333;--correct:#6dbf85;--present:#f2c14e;--absent:#ababab;--key:#dededb;--lockedbg:#e6e6e3}.tile.c,.tile.p,.tile.a,.key.c,.key.p,.key.a{color:#333}.parts{margin:6px 0 12px;padding:0;font-size:14px;list-style:none}.parts li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:4px 0;display:flex}button{background:var(--accent);color:var(--bg)}.card.active{border-color:var(--accent)}.rap .bar b{color:var(--accent)}.rap{background:var(--card);color:var(--ink);border-color:var(--line)}.theme{background:var(--accent);color:var(--bg)}header{align-items:center}.date{color:var(--muted);margin-top:2px;font-size:13px}.hdr{align-items:center;gap:8px;display:flex}.timer{font-variant-numeric:tabular-nums;background:var(--card);border:2px solid var(--line);border-radius:99px;padding:5px 12px;font-size:15px;font-weight:700}.timer.warn{border-color:var(--present)}.timer.late{color:var(--muted)}button.sm{border-radius:99px;padding:6px 12px;font-size:14px}main>.stats{margin:-6px 0 12px}.muted{color:var(--muted)}.scoreline{font-size:20px;margin:0 0 4px!important}.scoreline b{font-family:var(--display);color:var(--accent);font-size:34px}.sheet{z-index:50;background:#20212499;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheetbox{background:var(--bg);width:100%;max-width:460px;max-height:85vh;padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;overflow:auto}.sheethead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sheethead h2{font-family:var(--display);margin:0;font-size:22px}.tabs{gap:6px;margin-bottom:10px;display:flex}.tab{background:var(--card);color:var(--ink);border:2px solid var(--line);padding:8px 14px}.tab.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}ol.lb{counter-reset:r;margin:0 0 12px;padding:0;list-style:none}ol.lb li{counter-increment:r;background:var(--card);border:2px solid var(--line);border-radius:12px;grid-template-columns:24px 1fr auto auto;gap:10px;margin-bottom:6px;padding:9px 12px;display:grid}ol.lb li:before{content:counter(r);color:var(--accent);font-weight:800}ol.lb li:first-child{border-color:var(--present)}.paywall,.postbox{background:var(--card);border:2px dashed var(--accent);border-radius:16px;padding:14px}.paywall p{margin:6px 0 10px}.fine{color:var(--muted);font-size:12px}.postbox input{font:inherit;border:2px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;width:100%;margin-bottom:8px;padding:10px 12px}@supports (width:1cqw){.tile{font-size:calc(min(28px, (100cqw - (var(--n) - 1) * 5px) / var(--n) * .6))}}.postbox{margin-top:12px}.postbox textarea{font:inherit;border:2px solid var(--line);background:var(--bg);color:var(--ink);resize:vertical;border-radius:12px;width:100%;margin-bottom:8px;padding:10px 12px}.about{max-width:460px;color:var(--muted);margin:0 auto;padding:0 16px 40px;font-size:13px;line-height:1.5}.about h2{color:var(--ink);margin:0 0 6px;font-size:14px}.blurred{filter:blur(9px);pointer-events:none;-webkit-user-select:none;user-select:none}.startcard{z-index:40;justify-content:center;align-items:flex-start;padding:72px 8px 0;display:flex;position:absolute;inset:0}.startbox{background:var(--card);border:2px solid var(--ink);text-align:center;border-radius:20px;width:100%;max-width:320px;padding:26px 24px;box-shadow:0 12px 32px #00000029}.startbox h2{font-family:var(--display);margin:0 0 4px;font-size:28px}.startbox p{color:var(--muted);margin:0 0 14px}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}.tile.filled{animation:.12s ease-out pop}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.row.shake{animation:.4s shake}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.tile.flip.bounce{animation:flip .3s ease-out both,bounce .45s ease-out calc(.3s + var(--d,0s)) both}@keyframes fall{to{transform:translateY(105vh)rotate(540deg)}}.confetti i{z-index:60;width:8px;height:12px;animation:2.4s ease-in forwards fall;position:fixed;top:-14px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bar.reveal{opacity:0;animation:.5s ease-out forwards rise}@media (prefers-reduced-motion:reduce){.tile.filled,.row.shake,.tile.flip.bounce,.confetti i{animation:none!important}.bar.reveal{opacity:1!important;animation:none!important}}