.word-game{max-width:32rem}.word-stage{background:#2c2334;border:1px solid #62486e;border-radius:.85rem;width:100%;padding:1rem}.word-goal,.word-ladder li{justify-content:center;align-items:center;gap:.8rem;display:flex}.word-goal{border-bottom:1px solid #62486e;padding-bottom:.75rem}.word-goal>span:first-child,.word-step{text-align:end;color:#e1c9ec;width:3.25rem;font-size:.83rem;font-weight:650}.word-ladder{gap:.35rem;max-height:17rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.word-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;display:inline-grid}.word-tiles>span{aspect-ratio:1;text-transform:uppercase;width:clamp(2rem,9vw,3rem);font:800 clamp(1.15rem, 4.3vw, 1.65rem)/1 var(--heading);color:#f8e7ff;background:#42344c;border:1px solid #836690;border-radius:.42rem;place-items:center;display:grid}.word-goal .word-tiles>span{background:#201926;border-style:dashed}.word-tiles>span[data-changed=true]{color:#2f2136;background:#e8c8f7}.word-entry{gap:.5rem;width:100%;display:flex}.word-entry input{width:100%;min-width:0;color:var(--ink);border:1px solid var(--line);text-transform:uppercase;background:#18191e;border-radius:.65rem;padding:.4rem .7rem;font-size:1rem}.word-entry input::placeholder{text-transform:none}.word-entry button{flex:none}