:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 20%,#121e3d,#070b14 48%);color:#e6edff;font-family:Inter,system-ui,sans-serif}.app{max-width:540px;margin:0 auto;padding:12px;display:grid;gap:10px}.top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.top h1{margin:0;font-size:1.32rem}.top p{margin:3px 0 0;font-size:.82rem;color:#a9b8df}.mode{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}button{border:1px solid #3a4f7e;background:#1a2c56;color:#f6f9ff;border-radius:10px;padding:8px 10px}button:disabled{opacity:.5}.mode button.on{background:#2f5da9}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stats>div{background:#101c37;border:1px solid #314a78;border-radius:10px;padding:8px;display:grid}.stats span{color:#98abd8;font-size:.72rem}.mutator{grid-column:1 / span 3;color:#c6d7ff;display:flex!important;align-items:center;gap:6px}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.palette button{min-height:68px;display:grid;justify-items:center;align-content:center;gap:2px;background:#0f1b33}.palette button.on{outline:2px solid #76a7ff66;border-color:#84afff}.palette strong{font-size:.73rem}.palette small{font-size:.66rem;color:#9eb2df}.boardWrap{background:#0f1a30;border:1px solid #2f4670;border-radius:12px;padding:10px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tile{aspect-ratio:1 / 1;background:#142346;border:1px solid #3b578c;border-radius:12px;padding:0;overflow:hidden}.tile.selected{outline:2px solid #8cb7ff}.tile.blocked{background:#241722;border-color:#5a3d52}.blockedMark{color:#9f7488;font-size:1.1rem}.emptyMark{color:#8cabdf;font-size:1.2rem}.piece{height:100%;display:grid;align-content:center;justify-items:center;border:2px solid #64748b;border-radius:10px;font-weight:700}.piece small{color:#9cb4de;font-size:.66rem}.panel,.bottom>div{background:#0f1a33;border:1px solid #324a77;border-radius:12px;padding:10px}.panel h3,.bottom h3{margin:0 0 6px;font-size:.9rem;display:flex;align-items:center;gap:6px}.panel p{margin:0;color:#b1c2e6;font-size:.85rem}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:8px}.actions button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px}.bottom{display:grid;gap:9px}.log .final{margin-top:6px;color:#f8d06f;font-weight:700}.muted{color:#96abd8;font-size:.83rem}.submit{display:flex;gap:6px;margin-bottom:8px}.submit input{flex:1;border:1px solid #3a5488;border-radius:9px;background:#0b1223;color:#eef4ff;padding:7px}@media(min-width:860px){.app{max-width:900px;grid-template-columns:1.2fr 1fr;align-items:start}.top,.stats,.palette,.boardWrap,.panel{grid-column:1}.bottom{grid-column:2;grid-row:1 / span 5;position:sticky;top:10px}}