.connect-board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:520px;margin:auto;background:#151d31;padding:10px;border:1px solid #33415f}.connect-cell{aspect-ratio:1;border-radius:50%;border:1px solid #3b465d;background:#090d16}.connect-cell.x{background:var(--lime);box-shadow:0 0 12px rgba(201,255,54,.4)}.connect-cell.o{background:var(--violet);box-shadow:0 0 12px rgba(140,85,255,.4)}.connect-controls{display:flex;justify-content:center;gap:5px;margin-top:9px}.connect-controls button{width:55px;background:#171d29;border:1px solid var(--line);color:var(--lime);padding:8px}.lights-board{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:420px;margin:auto}.light-cell{aspect-ratio:1;background:#151b27;border:1px solid #333c4d}.light-cell.on{background:var(--lime);box-shadow:0 0 18px rgba(201,255,54,.5)}.typing-area{max-width:560px;margin:auto}.typing-word{height:250px;position:relative;background:#090d15;border:1px solid var(--line);overflow:hidden}.falling-word{position:absolute;color:var(--lime);font:700 18px "Chakra Petch";text-shadow:0 0 10px var(--lime);white-space:nowrap}.typing-input{width:100%;background:#151b27;border:1px solid var(--line);color:var(--text);padding:13px;margin-top:9px;text-align:center;font:600 15px "Chakra Petch";outline:0}.typing-input:focus{border-color:var(--lime)}.maze-board{display:grid;grid-template-columns:repeat(21,1fr);max-width:588px;margin:auto;background:#080c13}.maze-cell{aspect-ratio:1;background:#131a25}.maze-cell.wall{background:#343d50}.maze-cell.player{background:var(--lime);box-shadow:0 0 12px var(--lime)}.maze-cell.exit{background:var(--orange)}.maze-controls{display:grid;grid-template-columns:repeat(3,45px);grid-template-areas:". u ." "l d r";justify-content:center;gap:5px;margin-top:9px}.maze-controls button{height:40px;background:#171d29;border:1px solid var(--line);color:var(--lime)}.maze-controls button:nth-child(1){grid-area:u}.maze-controls button:nth-child(2){grid-area:l}.maze-controls button:nth-child(3){grid-area:d}.maze-controls button:nth-child(4){grid-area:r}@media(max-width:500px){.connect-board{gap:4px;padding:6px}.connect-controls button{width:38px}.maze-cell{min-width:0}.falling-word{font-size:14px}}