*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101622;color:#f1f4fc;font:16px/1.5 system-ui,sans-serif}main{max-width:510px;margin:auto;padding:18px}header{display:flex;align-items:center;gap:12px}h1{font-size:clamp(23px,6vw,32px);line-height:1.1;margin:3px 0 12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:hsl(280 70% 76%)}.rules{color:#d0daec}.dashboard{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-block:1px solid #354357;font-size:13px}#info{font-size:13px;min-height:30px;overflow-wrap:anywhere;color:#bcc9dc}#board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:8px;background:#090e18;border:1px solid #354357;border-radius:14px}button{font:inherit;min-height:46px;min-width:44px;border:1px solid #52627a;background:#202d42;color:#f4f7ff;border-radius:9px;cursor:pointer;touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:2px}button:hover{filter:brightness(1.2)}.cell{aspect-ratio:1;padding:2px;font-size:clamp(12px,3.8vw,20px);font-weight:800;overflow-wrap:anywhere}.cell.filled{background:hsl(280 38% 28%);border-color:hsl(280 62% 55%)}.cell.selected{box-shadow:inset 0 0 0 3px #fff}#controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}#controls button{flex:1 1 120px}#note{font-size:13px;min-height:40px;color:#b9cadf}#reset{width:100%;background:#31425c}details{font-size:13px;color:#aabbd1;margin-top:18px}summary{min-height:44px;cursor:pointer;padding:10px 0}a{color:#b5dbff}@media(max-width:350px){main{padding:12px}#board{gap:4px;padding:6px}}
.cell.wet{background:#347b53;color:#d9ff9c}.cell{font-size:22px}