*{box-sizing:border-box}body{margin:0;background:#07080c;color:#d7dae3;font:13px/1.45 system-ui,sans-serif}header{padding:10px 18px 0}h1{margin:0;font-size:20px;letter-spacing:.02em}header p{margin:2px 0 8px;color:#8b91a3}h2{font-size:13px;margin:14px 0 6px;color:#fff}h2 small,small{color:#7c8294;font-weight:400}main{display:flex;gap:16px;padding:0 18px 18px;align-items:flex-start}#stage{flex-shrink:0}canvas{display:block;width:576px;height:576px;image-rendering:pixelated;border:1px solid #23262f;cursor:crosshair}button{background:#1a1d27;color:#d7dae3;border:1px solid #2d3140;border-radius:4px;padding:3px 8px;cursor:pointer;font:inherit}button:hover{border-color:#5a6078}button.on{outline:2px solid var(--sw, #fff)}#brushes button{border-left:10px solid var(--sw);margin-right:3px}#toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0;max-width:576px}#editor{background:#10121a;border:1px solid #23262f;border-radius:6px;padding:8px;max-width:576px}.edtitle{margin-bottom:6px}.rulebox{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pair{display:flex;gap:2px}.pair[data-dir=up],.pair[data-dir=down]{flex-direction:column}.pair[data-dir=up]{flex-direction:column-reverse}.cell{width:52px;height:30px;padding:0;font-size:10px;color:#000;text-shadow:0 0 2px #fff;border:1px solid #000}.arrow{font-size:18px}#rulelist{margin:8px 0 0;padding-left:22px;max-height:120px;overflow:auto;font-family:ui-monospace,monospace;font-size:11px}#rulelist button{padding:0 5px}aside{flex:1;min-width:300px;max-width:460px}#settings{background:#10121a;border:1px solid #23262f;border-radius:6px;padding:6px 8px}#settings label{display:block;margin:6px 0}#settings input,#whisper{width:100%;background:#07080c;color:#d7dae3;border:1px solid #2d3140;border-radius:4px;padding:4px;font:inherit}.row{display:flex;gap:6px;margin-top:6px}#stats{margin:10px 0;color:#aab0c0}#stats b{color:#fff}.err,#llmerr{color:#ff8a80;font-size:12px}.note{color:#9aa3b5;font-size:12px}#selected{background:#10121a;border:1px solid #23262f;border-radius:6px;padding:4px 10px 8px}#selected h2{margin-top:6px}#selected p{margin:4px 0}#selected ul{margin:2px 0 6px;padding-left:18px;font-size:12px}.thought{font-style:italic;color:#fff}.hint{color:#8b91a3}.big{font-size:28px;font-weight:700;color:#fff}.chip{display:inline-block;background:#1a1d27;border:1px solid #2d3140;border-radius:10px;padding:1px 8px;margin:2px}.chip.rule{font-family:ui-monospace,monospace;font-size:11px}#thoughts{padding-left:18px;margin:0;font-size:12px}#thoughts li{margin:2px 0}#speed{display:inline-flex;border:1px solid #2d3140;border-radius:4px;overflow:hidden}#speed button{border:0;border-radius:0;border-right:1px solid #2d3140}#speed button:last-child{border-right:0}#speed button.on{outline:none;background:#3a4160;color:#fff}#legend{background:#10121a;border:1px solid #23262f;border-radius:6px;padding:6px 10px;margin-bottom:8px}#legend summary{cursor:pointer;color:#fff}#legend ul{margin:6px 0 2px;padding-left:16px;font-size:12px;color:#b8bdcc}#legend li{margin:4px 0}.sw{display:inline-block;width:10px;height:10px;background:var(--sw);border-radius:2px;margin:0 3px 0 2px;vertical-align:-1px}#feed{list-style:none;padding:0;margin:0 0 10px;max-height:260px;overflow:auto;font-size:12.5px}#feed li{padding:4px 8px;margin:2px 0;border-left:3px solid var(--k, #2d3140);background:#0e1018;cursor:pointer;border-radius:0 4px 4px 0}#feed li:hover{background:#171a26}#feed li.fresh{animation:fresh 2.5s ease-out}#feed li small{margin-right:6px}@keyframes fresh{0%{background:#2a3150}to{background:#0e1018}}.bar{display:inline-block;width:90px;height:7px;background:#1a1d27;border-radius:4px;overflow:hidden;vertical-align:middle}.bar i{display:block;height:100%}.traits{border-collapse:collapse;font-size:12px}.traits td,.traits th{padding:1px 6px 1px 0;color:#c7ccd8;font-weight:400;text-align:left}.who{color:#c9d4ff;font-style:italic}small.who{font-size:11px}