.word-tiles{align-items:center;gap:var(--space-3);width:100%;max-width:var(--content-wide);flex-direction:column;display:flex}.word-tiles__slots{justify-content:center;gap:var(--space-2);padding:var(--space-2);border:3px dashed var(--color-surface-edge);border-radius:var(--radius-m);background:var(--color-surface);flex-wrap:wrap;display:flex}.word-tiles__slot{border-radius:var(--radius-s);background:var(--color-bg);place-items:center;min-width:110px;min-height:64px;display:grid;box-shadow:inset 0 3px #3b2a201f}.word-tiles__slot[data-filled]{box-shadow:none;background:0 0}.word-tiles__bank{justify-content:center;gap:10px var(--space-2);flex-wrap:wrap;min-height:64px;display:flex}.word-tiles__tile,.word-tiles__ghost{min-width:64px;min-height:60px;padding:0 var(--space-3);border:3px solid var(--color-art-outline);border-radius:var(--radius-s);font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.word-tiles__tile{background:var(--color-surface);box-shadow:0 4px 0 var(--color-surface-edge);color:var(--color-ink);cursor:grab;touch-action:none;position:relative}.word-tiles__tile:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.word-tiles__tile:disabled{cursor:default}.word-tiles__tile[data-state=correct]{border-color:var(--color-correct-edge);background:var(--color-correct-tint);color:var(--color-correct-ink);box-shadow:0 4px 0 var(--color-correct-edge)}.word-tiles__tile[data-state=locked]{border-color:var(--color-primary-edge);box-shadow:0 4px 0 var(--color-primary-edge), 0 0 18px 4px #ffb800bf;cursor:default;background:#fff4cc}.word-tiles__ghost{border-style:dashed;border-color:var(--color-surface-edge);color:#0000;background:0 0;place-items:center;display:inline-grid}.word-tiles[data-status=wrong] .word-tiles__slots{border-color:var(--color-retry)}@media (width<=719px){.word-tiles__slots{gap:6px;padding:6px}.word-tiles__slot{min-width:76px;min-height:58px}.word-tiles__tile,.word-tiles__ghost{min-width:54px;min-height:54px;padding:0 10px;font-size:25px}}