:root{--cell: 44px;--bg: #f6efdd;--board-bg: #efe6cf;--cell-line: #e2d7b8;--ink: #3d3524;--tile-face: #fffbea;--tile-edge: #d9c58a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Avenir Next,Avenir,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}.app{height:100dvh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#ffd84d;border-bottom:3px solid #e0b62e;flex-wrap:wrap}.title-block{display:flex;align-items:baseline;gap:10px}.title{margin:0;font-size:26px;letter-spacing:1px}.subtitle{font-size:13px;opacity:.7}.header-actions{display:flex;gap:8px}.btn{border:2px solid #c9a52c;background:#fff3c4;color:var(--ink);font:inherit;font-weight:600;padding:7px 14px;border-radius:10px;cursor:pointer;box-shadow:0 2px #c9a52c}.btn:active{transform:translateY(2px);box-shadow:none}.btn-primary{background:#3d3524;border-color:#3d3524;color:#ffd84d;box-shadow:0 2px #1f1a10}.btn:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.btn-confirm{background:#dcedc4;border-color:#7f9f5f;box-shadow:0 2px #7f9f5f}.btn-cancel{background:#f8ded9;border-color:#c98a80;box-shadow:0 2px #c98a80}.board-wrap{flex:1;overflow:auto;background:var(--board-bg)}.board{display:grid;width:max-content;margin:24px auto;border:1px solid var(--cell-line);background:var(--cell-line);gap:1px}.cell{width:var(--cell);height:var(--cell);background:#f7f0dc;position:relative}.cell.has-arrows:hover{background:#fdf6e0;box-shadow:inset 0 0 0 2px #e0b62e}.cell.is-anchor{background:#fff4cf;box-shadow:inset 0 0 0 2px #e0b62e}.cell-arrow{position:absolute;display:none;align-items:center;justify-content:center;width:18px;height:18px;padding:0;z-index:4;font-size:11px;line-height:1;color:#6b5a1e;background:#ffd84d;border:1px solid #c9a52c;border-radius:5px;cursor:pointer}.cell-arrow-across{right:1px;top:50%;margin-top:-9px}.cell-arrow-down{bottom:1px;left:50%;margin-left:-9px;transform:rotate(90deg)}.cell.has-arrows:hover .cell-arrow,.cell.is-anchor .cell-arrow{display:flex}.cell-arrow:hover{background:#3d3524;border-color:#3d3524;color:#ffd84d}.tile{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:21px;text-transform:uppercase;background:var(--tile-face);border:2px solid var(--tile-edge);border-radius:8px;box-shadow:0 2px 3px #3d352440;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.board-tile{position:absolute;top:2px;right:2px;bottom:2px;left:2px}.rack-tile{position:relative;width:calc(var(--cell) - 4px);height:calc(var(--cell) - 4px);flex-shrink:0}.tile-hidden{visibility:hidden}.tile-preview{background:#fff6d6;border-style:dashed;border-color:#c9a52c;color:#8a6210;opacity:.85;box-shadow:none;pointer-events:none}.rack-tile.is-picked{background:#ffd84d;border-color:#c9a52c;transform:translateY(-4px)}.pick-order{position:absolute;top:-2px;right:1px;font-size:9px;font-weight:700;opacity:.6}.t-valid{border-color:#8fb573;box-shadow:0 2px 3px #5a7a3d59}.t-invalid{background:#ffe3e0;border-color:#de7c72;color:#a33025}.t-isolated{background:#fff0d2;border-color:#dfb45e;color:#8a6210}.ghost{position:fixed;left:calc(var(--cell) / -2);top:calc(var(--cell) / -2);width:calc(var(--cell) - 4px);height:calc(var(--cell) - 4px);z-index:1000;pointer-events:none;opacity:.92;cursor:grabbing}.board-tile.is-in-word{background:#ffd84d;border-color:#c9a52c;box-shadow:0 2px 4px #3d352459}.is-word-tile{cursor:pointer}.word-controls{position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;gap:3px;padding:4px;background:#fffbea;border:2px solid #c9a52c;border-radius:9px;box-shadow:0 3px 8px #3d35244d}.word-controls-row{display:flex;align-items:center;gap:3px;padding:1px 2px;border-radius:5px}.word-controls-row:hover{background:#fff2c8}.word-controls-name{display:flex;align-items:center;gap:3px;padding:0 4px 0 2px;font-size:12px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.word-controls-dir{font-size:10px;opacity:.6}.word-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;flex-shrink:0;font:inherit;font-size:12px;line-height:1;color:var(--ink);background:#fff3c4;border:1px solid #c9a52c;border-radius:5px;cursor:pointer}.word-btn:hover:not(:disabled){background:#3d3524;border-color:#3d3524;color:#ffd84d}.word-btn:disabled{opacity:.35;cursor:default}.word-btn-grab{font-size:15px;cursor:grab;touch-action:none}.word-btn-turn{font-size:11px}.word-btn-remove:hover:not(:disabled){background:#a33025;border-color:#a33025;color:#fff}.word-ghost{position:fixed;left:calc(var(--cell) / -2);top:calc(var(--cell) / -2);z-index:1000;display:flex;gap:2px;pointer-events:none;opacity:.9}.word-ghost-down{flex-direction:column}.word-ghost .tile{width:calc(var(--cell) - 4px);height:calc(var(--cell) - 4px);flex-shrink:0}.status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px;font-size:14px;font-weight:600;background:#efe6cf;border-top:1px solid var(--cell-line)}.status-bad{background:#fbe4e1;color:#8f2c22}.status-good{background:#e6efd8;color:#47632c}.status-win{background:#ffd84d;color:#3d3524;font-size:16px}.status-count{opacity:.65;font-weight:500;white-space:nowrap}.word-bar{display:flex;align-items:center;gap:12px;padding:8px 18px;background:#fbf3d8;border-top:1px solid var(--cell-line)}.word-bar-bad{background:#fbe4e1}.word-bar-good{background:#e9f2dc}.word-verdict{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:3px 9px;font-size:13px;font-weight:700;border-radius:999px;white-space:nowrap}.word-verdict-good{color:#3f5c22;background:#d3e6b5}.word-verdict-bad{color:#a33025;background:#f9d2cd}.word-bar-letters{display:flex;gap:4px;align-items:center;min-height:calc(var(--cell) - 10px)}.word-tile{width:calc(var(--cell) - 10px);height:calc(var(--cell) - 10px);padding:0;font-size:17px;font-family:inherit;color:var(--ink);cursor:pointer}.word-tile.t-valid{background:#dcedc4;border-color:#7f9f5f;color:#3f5c22}.word-tile:hover{background:#f8ded9;border-color:#c98a80;color:#a33025}.word-bar-placeholder{font-size:13px;opacity:.5}.word-bar-hint{flex:1;min-width:0;font-size:13px;opacity:.75}.word-bar-actions{display:flex;gap:8px;flex-shrink:0}.rack{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;padding:12px 18px calc(12px + env(safe-area-inset-bottom));min-height:76px;background:#f2e9d2;border-top:3px solid #e0b62e}.rack-empty{font-size:14px;opacity:.6;align-self:center}@media (max-width: 600px){:root{--cell: 38px}.subtitle{display:none}}