:root{--bg:#040608;--panel:#070d10;--line:#5af0ff2e;--cyan:#5af0ff;--amber:#ffb347;--red:#ff4a4a;--text:#cfe3ea;--dim:#6b8792;--mono:"Share Tech Mono", "DejaVu Sans Mono", Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:13px/1.35 var(--mono);margin:0}body{overflow:hidden}#app{grid-template-rows:auto 1fr;height:100%;display:grid}a{color:var(--cyan)}select,input,button,textarea{font:13px var(--mono);color:var(--text);background:#081014f2;border:1px solid #5af0ff4d;border-radius:2px;padding:3px 6px}button{cursor:pointer}button:hover,select:hover,input:focus,textarea:focus{border-color:var(--cyan);outline:none}input[type=range]{accent-color:var(--cyan);background:0 0;border:0;min-width:0;padding:0}input[type=checkbox]{accent-color:var(--cyan)}header{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 12px;display:flex}header h1{font:900 15px "Orbitron", var(--mono);letter-spacing:.12em;color:#e9fbff;margin:0 6px 0 0}header h1 span{color:var(--dim);font-weight:700}header label{color:var(--dim);align-items:center;gap:5px;display:flex}header input.seed{text-transform:uppercase;width:120px}#status{color:var(--dim);margin-left:auto}#status b{color:var(--cyan);font-weight:400}main{grid-template-columns:330px 1fr;min-height:0;display:grid}aside{border-right:1px solid var(--line);background:var(--panel);padding:8px 10px 40px;overflow-y:auto}aside h2{font:700 11px "Orbitron", var(--mono);letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;margin:14px 0 6px}aside h2:first-child{margin-top:4px}aside .note{color:var(--dim);margin:2px 0 6px;font-size:12px}.actions{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.ctl{grid-template-columns:112px 1fr 62px 14px;align-items:center;gap:6px;padding:2px 0;display:grid}.ctl>.name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ctl>.val{text-align:right;color:var(--dim)}.ctl>.reset{visibility:hidden;color:var(--amber);cursor:pointer;background:0 0;border:0;padding:0}.ctl.changed>.name,.ctl.changed>.val{color:var(--amber)}.ctl.changed>.reset{visibility:visible}.ctl .pair{grid-template-columns:1fr 1fr;gap:4px;display:grid}.ctl select{width:100%}.rule{grid-template-columns:1fr 44px 44px 74px;align-items:center;gap:4px;padding:2px 0;display:grid}.rule .type{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rule .type small{color:var(--dim)}.rule input{width:100%;padding:2px 4px}.rule.changed .type{color:var(--amber)}.rule.head{color:var(--dim);font-size:11px}#grid{padding:10px;overflow-y:auto}#summary{color:var(--dim);flex-wrap:wrap;gap:4px 16px;margin:0 0 10px;display:flex}#summary b{color:var(--text);font-weight:400}#summary .warn{color:var(--red)}.cards{grid-template-columns:repeat(auto-fill, minmax(var(--card,300px), 1fr));gap:10px;display:grid}.card{border:1px solid var(--line);background:#05090b;flex-direction:column;gap:4px;padding:6px;display:flex}.card.warn{border-color:#ff4a4a99}.card .top{justify-content:space-between;gap:8px;display:flex}.card .top .seed{color:var(--cyan)}.card canvas{width:100%;image-rendering:pixelated;cursor:zoom-in;background:#020405;display:block}.card .stats{color:var(--dim);font-size:12px}.card .stats b{color:var(--text);font-weight:400}.card .warnings{color:var(--red);font-size:12px}.card.pending canvas{opacity:.35}.legend{color:var(--dim);flex-wrap:wrap;gap:3px 10px;font-size:11px;display:flex}.legend i{vertical-align:-1px;width:9px;height:9px;margin-right:4px;display:inline-block}.modal{z-index:10;background:#020406eb;display:flex;position:fixed;inset:0}.modal.hidden{display:none}#focus{gap:12px;padding:12px}#focus .view{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}#focus canvas{image-rendering:pixelated;cursor:crosshair;max-width:100%;max-height:100%}#focus .side{flex-direction:column;gap:8px;width:260px;display:flex;overflow-y:auto}#focus .side h3{font:700 14px "Orbitron", var(--mono);color:var(--cyan);letter-spacing:.08em;margin:0}#focus .side dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;display:grid}#focus .side dt{color:var(--dim)}#focus .side dd{text-align:right;margin:0}#hover{min-height:3.2em;color:var(--amber)}#tsModal{justify-content:center;align-items:center}#tsModal .box{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:8px;width:min(900px,94vw);padding:12px;display:flex}#tsModal textarea{white-space:pre;resize:vertical;height:60vh}@media (max-width:760px){body{overflow:auto}#app{height:auto}main{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}#focus{flex-direction:column}#focus .side{width:auto}}