*{box-sizing:border-box}body{color:#eef2ff;background:#10152b;margin:0;font:16px system-ui,sans-serif}main{max-width:1050px;margin:auto;padding:28px 18px}header,.layout,.actions{justify-content:space-between;align-items:center;gap:18px;display:flex}h1{letter-spacing:.12em;color:#73fbd3;margin:0;font-size:clamp(2rem,6vw,4rem)}h2{text-transform:uppercase;letter-spacing:.12em;color:#abb7e8;font-size:1rem}.eyebrow{color:#ff6bd6;letter-spacing:.2em}.layout{justify-content:center;align-items:flex-start;margin-top:24px}.panel{background:#171e3b;border:1px solid #303b6b;border-radius:14px;width:180px;padding:18px}.game{width:min(62vw,390px)}button{color:#fff;cursor:pointer;background:#263366;border:1px solid #6576c7;border-radius:8px;padding:10px 13px;font-weight:700}button:hover,button:focus-visible{outline-offset:2px;background:#35468d;outline:3px solid #73fbd3}.board{aspect-ratio:10/20;background:#080b19;border:5px solid #303b6b;border-radius:12px;grid-template-columns:repeat(10,1fr);display:grid;position:relative;overflow:hidden}.board i{border:1px solid #141a31}.board i:not(:empty){background:var(--c);border-radius:3px;box-shadow:inset 0 2px #fff5}.I{--c:#57d7ff}.O{--c:#ffe46b}.T{--c:#c27bff}.S{--c:#70f59a}.Z{--c:#ff6f8f}.J{--c:#7897ff}.L{--c:#ffab6b}.mini{grid-template-columns:repeat(4,18px);grid-auto-rows:18px;justify-content:center;min-height:76px;display:grid}.mini i{border:1px solid #222a4d}.mini i:not(:empty){background:var(--c);border-radius:3px}.panel dd{color:#73fbd3;margin:0 0 12px;font-size:1.4rem}.panel dt{color:#9ba8d8}.overlay{text-align:center;background:#10152bdc;place-content:center;display:grid;position:absolute;inset:0}.touch{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.touch button{min-height:46px}.help{color:#aeb9e0;font-size:.85rem;line-height:1.8}.status{text-align:center;color:#73fbd3;min-height:1.5em}@media (width<=720px){main{padding:16px 10px}.layout{grid-template-columns:1fr 1fr;display:grid}.game{grid-area:1/1/auto/-1;justify-self:center;width:min(82vw,390px)}.panel{width:auto}.layout .panel:first-child{grid-column:1}.layout .panel:last-child{grid-column:2}header{align-items:flex-start}.actions{flex-wrap:wrap;justify-content:flex-end}.actions button{padding:9px}h1{font-size:2rem}}