*{box-sizing:border-box}body{margin:0;background:#10161d;color:#f4f6ec;font:16px system-ui,sans-serif;text-align:center;padding:28px}h1{font-size:32px;margin:8px}p{color:#b7c1c4;max-width:700px;margin:14px auto;line-height:1.6}button{font:inherit;cursor:pointer;border:1px solid #53606b;border-radius:8px;background:#23313e;color:#eaf1e1}button:focus-visible{outline:3px solid white;outline-offset:4px}#start{padding:12px 28px;background:var(--accent);color:#10161d;border:0;margin:10px}#start:disabled{opacity:.6}#status{min-height:28px;color:var(--accent);margin:12px}#game{max-width:720px;margin:auto}canvas{width:100%;border-radius:12px;max-height:65vh;object-fit:contain}.board{display:grid;gap:8px;max-width:420px;margin:20px auto}.lights{grid-template-columns:repeat(5,1fr)}.memory{grid-template-columns:repeat(4,1fr)}.sequence{grid-template-columns:repeat(3,1fr)}.flood{grid-template-columns:repeat(10,1fr);gap:3px}.tile{aspect-ratio:1;font-size:28px}.tile.on{background:var(--accent);color:#16231d}.tile:disabled{opacity:.7}.land{aspect-ratio:1;border-radius:3px}.swatches{display:flex;justify-content:center;gap:12px}.swatches button{width:44px;height:44px;border:3px solid #e7ecec}small{display:block;margin:24px;color:#8b9a9d}