:root{--bg:#faf9f6;--ink:#292d32;--muted:#6f675f;--green:#78bfa3;--green-deep:#2f6d57;--yellow:#f4d878;--coral:#e88d86;--line:#e5e2dc;--paper:#fffefb;--blocked:#ece9e3;--radius:14px;--radius-sm:8px;--font:"Segoe UI", "Avenir Next", "Trebuchet MS", sans-serif;--font-game:"Baloo 2", "Segoe UI", system-ui, sans-serif;--space:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.45;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}h1,h2,p{margin:0}h1{letter-spacing:-.03em;font-size:1.35rem;line-height:1}h2{letter-spacing:.01em;font-size:.95rem}::selection{background:var(--yellow);color:var(--ink)}.app{width:min(1180px,100%);margin:0 auto;padding:10px 16px 20px}.topbar{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding-bottom:8px;display:grid}.brand{align-items:center;gap:8px;min-width:0;display:flex}.brand h1{font-size:1.05rem}.logo{flex:none;width:28px;height:28px}.topbar-title{text-overflow:ellipsis;white-space:nowrap;text-align:center;justify-self:center;min-width:0;margin:0;font-size:.92rem;font-weight:700;overflow:hidden}.icon-button,.button{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-sm);padding:6px 10px;transition:background-color .15s,border-color .15s}.icon-button{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.icon-button svg{width:18px;height:18px}.icon-button:hover,.button:hover:not(:disabled){border-color:var(--green-deep)}.top-actions{align-items:center;gap:6px;display:flex}.stage{font-family:var(--font-game);grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:18px;padding-top:12px;font-weight:500;display:grid}.play-column{flex-direction:column;gap:8px;min-width:0;display:flex}.current-clue{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:1.08rem;animation:.42s clue-enter;display:flex}.current-clue span:first-child{background:var(--yellow);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 8px;font-size:.78rem}.feedback{color:var(--muted);font-size:.88rem}.complete-banner{border:1px solid var(--green);border-radius:var(--radius);background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.status-screen{flex-direction:column;gap:12px;width:min(560px,100% - 32px);margin:12vh auto 0;display:flex}.error-list{color:var(--muted);margin:0;padding-left:18px}.kicker{color:var(--green-deep);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}@media (width>=861px){.stage{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.current-clue{font-size:1.38rem;line-height:1.35}.current-clue span:first-child{padding:2px 11px;font-size:.88rem}.controls .button{padding:8px 16px;font-size:1rem}}.board-frame{width:min(100%, calc(var(--cols,7) * 6.6rem));touch-action:manipulation;-webkit-user-select:none;user-select:none;margin-inline:auto;position:relative}.board{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));background:var(--line);border-radius:12px;gap:1px;padding:1px;display:grid;overflow:hidden}.board-row{display:contents}.cell{aspect-ratio:1;background:var(--paper);justify-content:center;align-items:center;min-width:0;transition:background-color .4s,transform .25s;display:flex;position:relative;container-type:inline-size}.cell.is-blocked{background:var(--blocked)}.cell.is-selected{background:var(--yellow)}.cell.is-correct{background:var(--green)}.cell.is-incorrect{background:var(--coral)}.cell.is-active{outline:2px solid var(--ink);outline-offset:-2px;z-index:1}.cell-number{color:var(--muted);font-size:clamp(.58rem,17cqi,.68rem);font-weight:600;line-height:1;position:absolute;top:.12em;left:.18em}.cell-letter{letter-spacing:.01em;font-size:clamp(1.05rem,54cqi,1.42rem);font-weight:700;line-height:.95;transform:translateY(.03em)}@media (width>=861px){.board-frame{width:min(100%, calc(var(--cols,7) * 8.5rem))}.cell-letter{font-size:clamp(1.55rem,62cqi,2.05rem)}.cell-number{font-size:clamp(.68rem,18cqi,.82rem)}}.ghost-input{opacity:0;caret-color:#0000;color:#0000;pointer-events:none;z-index:2;background:0 0;border:0;margin:0;padding:0;font-size:16px;position:absolute}.clue-panel{flex-direction:column;gap:16px;min-width:0;max-height:calc(100svh - 92px);padding-right:4px;display:flex;overflow:auto}.clue-group h2{border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:6px}.clue-group ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.clue{text-align:left;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;align-items:baseline;gap:8px;width:100%;padding:7px 8px;display:flex}.clue:hover{background:var(--paper);border-color:var(--line)}.clue.is-active{background:var(--yellow);border-color:var(--yellow)}.clue.is-correct .clue-text{color:var(--green-deep)}.clue.is-incorrect .clue-text{color:#8d3d38}.clue-number{min-width:1.4rem;font-weight:700}.clue-text{flex:1;line-height:1.35}@media (width>=861px){.clue-panel{gap:18px}.clue-group h2{font-size:1.1rem;font-weight:700}.clue{padding:10px 11px;font-size:1.12rem}.clue-number{font-size:1.12rem}.clue-length,.clue-state{font-size:.92rem}}.clue-length,.clue-state{color:var(--muted);font-size:.82rem}.clue.is-correct .clue-state{color:var(--green-deep)}.clue.is-incorrect .clue-state{color:#8d3d38}.controls{flex-wrap:wrap;gap:8px;display:flex}.controls .button{flex:0 auto;align-items:center;gap:6px;padding:5px 12px;font-size:.86rem;display:inline-flex}.button-primary{background:var(--green);border-color:var(--green);font-weight:700}.dialog-backdrop{z-index:5;background:#292d3247;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.dialog{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;width:min(420px,100%);padding:18px;display:flex}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.stats{gap:16px;margin:0;display:flex}.stats div{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);min-width:88px;padding:8px 10px}.stats dt{color:var(--muted);font-size:.78rem}.stats dd{margin:0;font-size:1.3rem;font-weight:700}.cell.is-correct{animation:.65s correct-flash}.cell.is-incorrect{animation:.55s incorrect-flash}.dialog-complete{animation:.22s rise}.celebrate{gap:8px;display:flex}.celebrate span{background:var(--green);border-radius:50%;width:10px;height:10px;animation:.7s infinite bounce}.celebrate span:nth-child(2){background:var(--yellow);animation-delay:80ms}.celebrate span:nth-child(3){background:var(--coral);animation-delay:.16s}@keyframes correct-flash{0%{background:var(--paper);transform:scale(.94)}35%{background:#8fd4b8;transform:scale(1.05)}to{background:var(--green);transform:scale(1)}}@keyframes incorrect-flash{0%,to{background:var(--coral);transform:translate(0)}20%{background:#f0a8a2;transform:translate(-3px)}40%{background:var(--coral);transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes clue-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.osk{display:none}.key svg{width:22px;height:22px;display:block}@media (width<=860px){.osk{z-index:4;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f3f1ec;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.osk-row{justify-content:center;gap:4px;display:flex}.osk-row.is-indented{padding-inline:4.5%}.key{background:var(--paper);letter-spacing:.01em;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid #ddd8d0;border-radius:9px;flex:1 1 0;min-width:0;height:44px;padding:0;font-size:1.02rem;font-weight:700}.key:active{background:var(--yellow);border-color:#e4c85a}.key-back{color:var(--ink);flex:1.45 1 0;justify-content:center;align-items:center;display:flex}.app{padding:8px 10px calc(176px + env(safe-area-inset-bottom))}.topbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand actions""title title";gap:6px 8px;padding-bottom:8px}.brand{grid-area:brand}.topbar-title{text-align:left;grid-area:title;justify-self:start}.top-actions{grid-area:actions;justify-content:flex-end}.stage{grid-template-columns:1fr;gap:10px;padding-top:8px}.controls,.clue-panel{display:none}.board-frame{width:100%}.current-clue{font-size:1.05rem}}@media (width<=520px){.brand h1{font-size:.98rem}.complete-banner{flex-direction:column;align-items:stretch}.key{border-radius:8px;height:42px}}