#gamable-game-zone{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.game{position:absolute;inset:0;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,var(--bg-top),var(--bg-bottom));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.game-bg{position:absolute;inset:0;pointer-events:none}.bg-letter{position:absolute;bottom:-80px;font-size:70px;font-weight:900;color:#fff;opacity:.05;animation:drift 22s linear infinite}.bg-letter-0{left:6%;animation-delay:0s;font-size:78px}.bg-letter-1{left:22%;animation-delay:-14s;font-size:48px}.bg-letter-2{left:38%;animation-delay:-6s}.bg-letter-3{left:55%;animation-delay:-18s;font-size:92px}.bg-letter-4{left:70%;animation-delay:-9s;font-size:52px}.bg-letter-5{left:84%;animation-delay:-3s}.bg-letter-6{left:92%;animation-delay:-20s;font-size:64px}@keyframes drift{0%{transform:translateY(0) rotate(-8deg)}to{transform:translateY(calc(-100vh - 180px)) rotate(10deg)}}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;overflow:auto;z-index:4;box-sizing:border-box}.screen.visible{display:flex;animation:pop-in .35s ease-out}.title-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;opacity:.7}.title{margin:0;font-size:clamp(30px,9vw,54px);font-weight:900;line-height:1.05;color:var(--accent);text-shadow:0 4px 0 rgba(0,0,0,.32)}.subtitle{margin:0;max-width:24em;font-size:clamp(13px,3.6vw,18px);font-weight:600}.hint{margin:0;max-width:26em;font-size:12px;opacity:.75}.how{display:flex;flex-direction:column;gap:3px;margin:2px 0}.how-line{font-size:clamp(12px,3.3vw,14px);opacity:.85}.big-button{margin-top:4px;min-width:180px;padding:13px 30px;border:0;border-radius:18px;background:var(--accent);color:#1b1f3b;font:inherit;font-size:22px;font-weight:900;cursor:pointer;box-shadow:0 6px #0000004d}.big-button:active{transform:translateY(4px);box-shadow:0 2px #0000004d}.pulse{animation:breathe 1.4s ease-in-out infinite}.mini-board{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 12px;border-radius:14px;background:#0000004d}.mini-line{display:flex;align-items:center;gap:6px}.mini-num{width:10px;font-size:10px;font-weight:900;color:var(--accent)}.mini-word{display:flex;gap:3px}.mini-tile{width:19px;height:19px;border-radius:5px;background:#ffffff24;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}.mini-tile.gold{background:var(--tile-gold);border:1px solid rgba(255,210,63,.7);color:var(--accent);box-sizing:border-box}.mini-caption{margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--accent)}.play{position:absolute;inset:0;margin:0 auto;width:100%;max-width:780px;display:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(110px,1.9fr) minmax(0,1fr) auto auto;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-sizing:border-box;z-index:3}.play.visible{display:grid}.side{display:contents}.top-bar{grid-area:1 / 1}.board-wrap{grid-area:2 / 1}.clue-list{grid-area:3 / 1}.message-panel{grid-area:4 / 1}.keypad{grid-area:5 / 1}.top-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:800;font-size:12px}.title-small{font-size:14px;font-weight:900;color:var(--accent);white-space:nowrap}.spacer{flex:1 1 auto}.stat{padding:3px 8px;border-radius:9px;background:#00000052;white-space:nowrap;font-variant-numeric:tabular-nums}.tool-button{padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff24;color:var(--text);font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.tool-button:active{transform:translateY(2px)}.board-wrap{min-height:0;display:flex;overflow:auto;overscroll-behavior:contain}.board{margin:auto;display:flex;flex-direction:column;align-items:flex-start;gap:var(--row-gap, 5px)}.board-row{display:flex;align-items:center;gap:var(--tile-gap, 4px)}.word{display:flex;gap:var(--tile-gap, 4px)}.row-number{flex:0 0 auto;text-align:right;font-weight:900;color:var(--accent);opacity:.8}.cell{flex:0 0 auto;border-radius:6px;background:var(--tile);border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-weight:900;line-height:1;box-sizing:border-box;transition:background .12s,color .12s}.cell.gold{background:var(--tile-gold);border-color:#ffd23f99;color:var(--accent)}.cell.filled{color:var(--text)}.cell.gold.filled{color:var(--accent)}.cell.cursor{outline:3px solid #fff;outline-offset:1px}.board-row.active .row-number{opacity:1}.board-row.solved .cell{background:#2fd46a29;border-color:#2fd46a59;color:var(--text)}.board-row.solved .cell.gold{background:#2fd46a73;border-color:var(--right);color:#fff}.board-row.wrong .cell{background:#ff55664d;border-color:var(--wrong);color:var(--text)}.board-row.shaking{animation:shake .45s ease-in-out}.board-row.good .cell.gold{animation:pop-in .45s ease-out}.clue-list{display:flex;flex-direction:column;gap:5px;overflow-y:auto;min-height:0;padding:8px;border-radius:14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);box-sizing:border-box;overscroll-behavior:contain}.clue-item{display:flex;gap:8px;align-items:flex-start;flex:0 0 auto;padding:7px 9px;border:1px solid transparent;border-radius:10px;background:#ffffff0f;color:inherit;font:inherit;text-align:left;cursor:pointer}.clue-item .n{flex:0 0 auto;min-width:14px;font-weight:900;color:var(--accent)}.clue-item .t{font-size:12.5px;line-height:1.3;opacity:.9}.clue-item.active{background:#ffd23f2e;border-color:var(--accent)}.clue-item.active .t{font-size:13px;font-weight:800;opacity:1}.clue-item.solved{opacity:.55}.clue-item.solved .t{text-decoration:line-through}.message-panel{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px;border-radius:14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.message-panel.locked{opacity:.8}.message-panel.unlocked{border-color:var(--accent);box-shadow:0 0 18px #ffd23f40}.message-panel.attention{animation:attention 1.3s ease-in-out}.message-panel.shaking{animation:shake .45s ease-in-out}.message-label{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.message-words{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.msg-cell{width:clamp(24px,8.6vw,38px);height:clamp(28px,9.4vw,42px);border-radius:8px;border:2px dashed rgba(255,255,255,.28);background:#00000059;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(14px,5vw,22px);color:var(--accent);box-sizing:border-box}.message-panel.locked .msg-cell{opacity:.5}.msg-cell.filled{border-style:solid;border-color:var(--accent)}.msg-cell.cursor{outline:3px solid #fff;outline-offset:1px}.msg-cell.solved{background:var(--accent);border-color:transparent;color:#1b1f3b}.message-tip{font-size:11px;opacity:.75;text-align:center}.keypad{--key-cols: 9;display:grid;grid-template-columns:repeat(var(--key-cols),minmax(0,1fr));gap:4px;width:100%;max-width:520px;margin:0 auto}.key{aspect-ratio:1.3;padding:0;border:0;border-radius:9px;background:var(--key);color:var(--text);font:inherit;font-size:clamp(12px,3.6vw,17px);font-weight:900;cursor:pointer;box-sizing:border-box}.key:active{background:var(--accent);color:#1b1f3b;transform:translateY(2px)}.key.wide{font-size:clamp(11px,3.2vw,15px)}.toast{position:absolute;left:50%;top:44px;transform:translate(-50%);padding:6px 12px;border-radius:12px;background:#ffd23ff5;color:#1b1f3b;font-weight:900;font-size:12px;text-align:center;max-width:88%;opacity:0;pointer-events:none;transition:opacity .25s,top .25s;z-index:6}.toast.visible{opacity:1;top:54px}.over-title{margin:0;font-size:clamp(26px,8vw,42px);font-weight:900;color:var(--accent)}.over-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;opacity:.7}.over-message{font-size:clamp(26px,8.5vw,46px);font-weight:900;letter-spacing:.08em;color:var(--accent);animation:pop-in .5s ease-out}.over-sub{font-size:13px;opacity:.85;max-width:24em}.over-stats{font-size:13px;opacity:.8}@media(min-width:780px),(orientation:landscape)and (max-height:620px){.play{max-width:1100px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.side{display:flex;flex-direction:column;gap:6px;grid-area:1 / 2;min-height:0}.top-bar{grid-area:auto;flex:0 0 auto}.clue-list{grid-area:auto;flex:1 1 auto}.message-panel{grid-area:auto;flex:0 0 auto}.board-wrap{grid-area:1 / 1}.keypad{grid-area:2 / 1 / 3 / 3;--key-cols: 14;max-width:700px}.screen{gap:5px;padding:10px}}@media(max-height:520px){.how{display:none}.mini-board{padding:5px 8px}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes attention{0%,to{transform:scale(1)}25%{transform:scale(1.04)}60%{transform:scale(1.01)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}