:root{--paper: #f2ede2;--card: #fffdf8;--ink: #23201b;--muted: #857c6e;--faint: #b3a693;--line: #ded4c0;--grid: #23201b;--correct: #2f6b45;--correct-soft: #e4f0e6;--miss: #9a9184;--alert: #9c4a34;--alert-soft: #f7e9e3;--serif: Georgia, "Times New Roman", serif;--box: clamp(30px, 8.5vw, 42px);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}.shell{max-width:560px;margin:0 auto;padding:28px 16px 56px}header{margin-bottom:16px}h1{margin:0;font-family:var(--serif);font-size:1.35rem;letter-spacing:.02em}.subhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:3px}.tagline{margin:0;color:var(--faint);font-size:.82rem}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:16px}.label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.word-class{margin-left:10px;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);vertical-align:middle}.puzzle .label{display:block;margin-bottom:8px}.row{display:grid;grid-template-columns:repeat(var(--n, 6),minmax(0,var(--box)));gap:4px;justify-content:start}.row-big{--box: clamp(38px, 11vw, 54px)}.target{margin:2px 0 0;font-family:var(--serif);font-size:clamp(2.1rem,9vw,2.9rem);font-weight:700;letter-spacing:.02em;line-height:1.1}.box{aspect-ratio:1;min-width:0;border:1.5px solid var(--grid);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:clamp(.85rem,4.2vw,1.35rem);font-weight:700;line-height:1;background:#fff}.forbidden{margin-top:18px;display:flex;flex-direction:column;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:1.05rem;font-weight:600;color:var(--alert);background:var(--alert-soft);border:1px solid #e8cfc4;border-radius:6px;padding:4px 10px;text-decoration:line-through;text-decoration-color:#9c4a348c;text-decoration-thickness:2px}.responses{display:flex;flex-direction:column;gap:14px;margin-top:22px}.response{border-top:1px solid var(--line);padding-top:16px;animation:rise .32s ease-out}@keyframes rise{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.response:not(.is-latest){opacity:.55}.response:not(.is-latest) .verdict{font-size:.85rem}.eyebrow{margin:0 0 10px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.eyebrow-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}.eyebrow-clue{font-family:var(--serif);font-size:1.05rem;color:var(--muted);overflow-wrap:anywhere}.is-latest .eyebrow-clue{color:var(--ink)}.answer{position:relative}.verdict{margin:10px 0 0;font-size:.95rem}.verdict-win{color:var(--correct);font-weight:700;font-size:1.1rem;animation:pop-in .4s .55s ease-out backwards}.verdict-miss{color:var(--muted)}.reasoning{margin:6px 0 0;font-family:var(--serif);font-size:.92rem;font-style:italic;color:var(--muted);animation:pop-in .32s .5s ease-out backwards}.response:not(.is-latest) .reasoning{font-size:.85rem}.clue-form.is-away{opacity:0;transform:translateY(-6px);pointer-events:none;max-height:0;overflow:hidden;margin:0;padding:0;border-top-color:transparent;transition:opacity .22s ease,transform .22s ease,max-height .28s ease}.clue-form{transition:opacity .22s ease .1s,transform .22s ease .1s}input.is-invalid{border-color:var(--alert);background:var(--alert-soft);animation:buzz .42s cubic-bezier(.36,.07,.19,.97) both}@keyframes buzz{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.row-pending .box{border-color:var(--grid);background:#fff;animation:rise-in .34s cubic-bezier(.2,.8,.3,1) backwards;animation-delay:calc(var(--i) * 55ms)}@keyframes rise-in{0%{transform:translateY(18px) scale(.9);opacity:0}to{transform:none;opacity:1}}.box.is-spinning{color:var(--faint)}.box.is-landing{animation:land .24s cubic-bezier(.2,.8,.3,1.3)}@keyframes land{0%{transform:scale(1.22)}to{transform:scale(1)}}.thinking{color:var(--muted)}.thinking i{font-style:normal;animation:blink 1.2s infinite}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.row-correct .box{border-color:var(--correct);color:var(--correct);background:var(--correct-soft);transition:background .2s ease,border-color .2s ease,color .2s ease}@keyframes flip-in{0%{transform:rotateX(-90deg) scale(.9);opacity:0;background:#fff}60%{transform:rotateX(0) scale(1.08);opacity:1}to{transform:rotateX(0) scale(1);opacity:1}}@keyframes pop-in{0%{transform:translateY(4px) scale(.9);opacity:0}70%{transform:translateY(0) scale(1.05);opacity:1}to{transform:none;opacity:1}}.sparkles{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.sparkles i{position:absolute;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:var(--correct);opacity:0;animation:sparkle .72s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(.36s + var(--s) * 18ms)}@keyframes sparkle{0%{opacity:.85;transform:rotate(calc(var(--s) * 36deg)) translate(8px) scale(1)}to{opacity:0;transform:rotate(calc(var(--s) * 36deg)) translate(88px) scale(.25)}}.response-correct .row-correct{animation:glow .9s .3s ease-out;border-radius:3px}@keyframes glow{0%{box-shadow:0 0 #2f6b454d}70%{box-shadow:0 0 0 14px #2f6b4500}to{box-shadow:0 0 #2f6b4500}}.row-wrong{animation:shake .42s cubic-bezier(.36,.07,.19,.97) both}.row-wrong .box{border-color:var(--line);color:var(--miss);background:#faf7f0;transition:background .2s ease,border-color .2s ease,color .2s ease}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes drop-in{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}.board{margin-top:18px}.board-compact{background:var(--correct-soft);border:1px solid #cfe3d4;border-radius:10px;padding:14px 16px;animation:pop-in .45s .7s ease-out backwards}.standing{margin:0 0 10px;font-weight:700;color:var(--correct)}.board-compact h2{font-size:.95rem;margin-bottom:8px}.leaderboard li.is-you{font-weight:700}.leaderboard li.after-gap{position:relative;margin-top:14px}.leaderboard li.after-gap:before{content:"⋮";position:absolute;top:-15px;left:0;color:var(--faint);font-weight:400;line-height:1}.notice{margin-top:16px;padding:10px 12px;border-radius:8px;font-size:.9rem;animation:pop-in .28s ease-out backwards}.notice-rejected{background:var(--alert-soft);border:1px solid #e8cfc4;color:var(--alert)}.notice-ai_failure{background:#f5f1e6;border:1px solid var(--line);color:var(--muted)}.notice-error{background:var(--alert-soft);border:1px solid #e8cfc4;color:var(--alert)}.notice-timeout{background:#f5f1e6;border:1px solid var(--line);color:var(--muted)}.trace{margin-top:.5rem}.trace summary{cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.02em}.trace ol{margin:.45rem 0 0;padding-left:1.15rem;font-size:.8rem;line-height:1.55}.trace li{margin-bottom:.1rem}.trace-round{font-weight:600}.trace-ms{opacity:.6}.trace-foot{margin:.45rem 0 0;font-size:.75rem;opacity:.75}.notice em{font-style:normal;opacity:.85}.notice s{opacity:.8}.intro-dialog{width:min(400px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);box-shadow:0 24px 64px #23201b38;overflow:auto;overscroll-behavior:contain}.intro-dialog[open]{animation:dialog-in .34s cubic-bezier(.2,.8,.3,1)}.intro-dialog::backdrop{background:#23201b6b}.intro-dialog[open]::backdrop{animation:fade-in .24s ease-out}.intro-inner{padding:24px 20px 20px}.intro-inner h2{font-size:1.3rem;margin-bottom:14px}.intro-steps{margin:0 0 18px;padding-left:1.2em}.intro-steps li{margin-bottom:7px;font-size:.94rem}.intro-example{background:#faf7f0;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.intro-example .label{display:block}.intro-word{margin:6px 0 12px;font-family:var(--serif);font-size:1.7rem;font-weight:700;line-height:1}.intro-clue{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 12px}.intro-clue>span:last-child{font-family:var(--serif);font-size:1.05rem}.intro-example .row{--box: 30px}.intro-score{margin:10px 0 0;font-size:.9rem;color:var(--correct)}.intro-rules{margin:16px 0 0;font-size:.85rem;color:var(--muted)}.intro-inner button{width:100%;margin-top:18px}.how-to{flex:none;background:none;border:none;padding:0;color:var(--faint);font-size:.8rem;font-weight:500;text-decoration:underline;text-underline-offset:3px}.how-to:hover{color:var(--ink)}.win-dialog{width:min(420px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);box-shadow:0 24px 64px #23201b38;overflow:auto;overscroll-behavior:contain}.win-dialog[open]{animation:dialog-in .34s cubic-bezier(.2,.8,.3,1)}.win-dialog[open].is-growing{animation:grow-from .44s cubic-bezier(.2,.8,.28,1);transform-origin:center}@keyframes grow-from{0%{opacity:.25;transform:translate(var(--grow-x, 0),var(--grow-y, 0)) scale(var(--grow-scale, .3))}to{opacity:1;transform:none}}.win-dialog::backdrop{background:#23201b6b}.win-dialog[open]::backdrop{animation:fade-in .24s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.win-inner{padding:26px 20px 20px}.win-burst{position:relative;text-align:center;padding:6px 0 14px}.win-burst .sparkles{top:38%}.win-kicker{margin:0;font-family:var(--serif);font-size:clamp(1.9rem,8vw,2.4rem);color:var(--correct);animation:pop-in .4s cubic-bezier(.2,.9,.3,1.4) backwards}.win-score{margin:2px 0 0;color:var(--muted);font-size:.95rem}.win-score strong{color:var(--ink);font-size:1.15rem;font-variant-numeric:tabular-nums}.win-clue{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.05rem}.win-clue .label{flex-basis:100%;text-align:center;font-family:inherit}.win-arrow{color:var(--faint)}.win-word{color:var(--correct);font-weight:700}.win-dialog .board-compact{animation-delay:.12s;animation-duration:.3s}.win-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.win-actions button{width:100%}.win-note{margin:2px 0 0;text-align:center;font-size:.82rem;color:var(--muted)}.solved-panel{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.solved-line{margin:0;font-size:.95rem;font-weight:600}.solved-line strong{color:var(--correct)}.solved-panel .muted{margin:0;font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.clue-form{margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line)}.attempts{margin:0 0 10px;font-size:.95rem;font-weight:600}.attempts-out{color:var(--muted);font-weight:500}.input-row{display:flex;gap:8px}input{flex:1;min-width:0;background:#fff;border:2px solid var(--line);border-radius:8px;color:var(--ink);padding:16px;font-size:1.2rem;font-family:var(--serif);transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:var(--faint);font-family:inherit}input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px #23201b14}.input-row button{padding:16px 22px;font-size:1rem}button{background:var(--ink);color:var(--card);border:1.5px solid var(--ink);border-radius:6px;padding:11px 20px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}button:disabled{opacity:.35;cursor:default}button.ghost{background:transparent;color:var(--muted);border-color:var(--line);font-weight:500}button.ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.meta-row{display:flex;justify-content:space-between;margin-top:8px;font-size:.85rem}.counter{color:var(--muted);font-variant-numeric:tabular-nums}.counter.over{color:var(--alert);font-weight:700}.best{color:var(--muted)}.meter{margin-top:20px;padding-bottom:36px}.meter-track{position:relative;display:flex;gap:2px;height:10px}.seg{flex:1;background:#eee6d6;border-radius:1px;transition:background .12s ease}.seg.on{background:var(--ink)}.is-over .seg.on{background:var(--alert)}.mark{position:absolute;top:-3px;width:0;height:16px;border-left:2px dashed}.mark b{position:absolute;left:0;transform:translate(-50%);font-size:.66rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.mark-record b{top:17px}.mark-avg b{top:29px}.mark-record{border-color:var(--correct)}.mark-record b{color:var(--correct)}.mark-avg{border-color:var(--muted)}.mark-avg b{color:var(--muted)}h2{margin:0 0 12px;font-family:var(--serif);font-size:1.15rem}.leaderboard{list-style:none;margin:0;padding:0}.leaderboard li{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.leaderboard li:last-child{border-bottom:none}.lb-rank{width:1.4em;color:var(--faint);font-variant-numeric:tabular-nums;font-size:.8rem}.lb-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.lb-clue{font-family:var(--serif);font-size:1.02rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-hidden{color:var(--faint);letter-spacing:.14em}.lb-by{font-size:.72rem;color:var(--faint)}.lb-score{font-variant-numeric:tabular-nums;font-weight:700}.lb-locked{margin:10px 0 0;font-size:.78rem;color:var(--muted)}.practice-controls{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.note{margin:12px 0 0;font-size:.9rem}.error{color:var(--alert)}.muted{color:var(--muted)}.warn{font-size:.82rem;color:var(--alert);border:1px dashed var(--alert);border-radius:6px;padding:8px 10px;margin:0 0 12px}footer{color:var(--muted);font-size:.85rem}footer summary{cursor:pointer;padding:4px 0}footer ul{margin:8px 0 0;padding-left:20px}footer li{margin-bottom:3px}.fineprint{margin-top:14px;font-size:.8rem}@media(prefers-reduced-motion:reduce){.row-pending .box,.row-correct .box,.row-wrong,.row-wrong .box,.verdict-win,.notice,.response,.board-compact,.response-correct .row-correct,input.is-invalid,.box.is-landing,.reasoning,.win-dialog[open],.win-dialog[open].is-growing,.win-dialog[open]::backdrop,.intro-dialog[open],.intro-dialog[open]::backdrop,.win-kicker,.thinking i{animation:none}.sparkles{display:none}}.name-form{margin:.9rem 0 0;text-align:left}.name-form label{display:block;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.name-row{display:flex;gap:.5rem}.name-row input{flex:1;min-width:0;padding:.55rem .7rem;font:inherit;font-size:1rem;border:1px solid var(--line);border-radius:8px;background:#fff}.name-row button{flex:0 0 auto}.name-row button:disabled{opacity:.45;cursor:default}.name-error,.name-ok{margin:.35rem 0 0;font-size:.8rem}.name-error{color:var(--alert)}.name-ok{color:var(--muted)}