:root{--bg:#07080d;--panel:#0d0f16f2;--line:#232634;--ink:#c9cedb;--dim:#6d7386;--ember:#e8973f;--teal:#3fd0bb;--gold:#d9a441;--violet:#9b6cf0;--blood:#d8433a;--blue:#5a8fe8;--mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--mono);font-size:12px;overflow:hidden}canvas{display:block}button{font-family:var(--mono)}#panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-radius:10px;width:308px;max-height:calc(100% - 32px);position:fixed;top:16px;left:16px;overflow-y:auto;box-shadow:0 12px 40px #000c}#panel::-webkit-scrollbar{width:6px}#panel::-webkit-scrollbar-thumb{background:#2b2f40;border-radius:3px}.head{border-bottom:1px solid var(--line);padding:14px 52px 12px 16px}.brand{letter-spacing:.22em;color:var(--ember);justify-content:space-between;align-items:center;font-size:10px;display:flex}.brand span:last-child{color:var(--dim);letter-spacing:.08em}#dname{font-family:var(--serif);color:#eef0f6;margin-top:9px;font-size:21px;font-weight:400;line-height:1.2}#dsub{color:var(--dim);letter-spacing:.04em;margin-top:5px;font-size:11px}#dsub .ok{color:var(--teal)}#dsub .bad{color:var(--blood)}.pipe{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;max-height:160px;padding:10px 16px;transition:max-height .3s,opacity .22s,padding .3s,border-color .3s;display:flex;overflow:hidden}.pipe li{letter-spacing:.1em;color:#4a4f61;border:1px solid #1c1f2b;border-radius:4px;padding:3px 7px;font-size:9px;list-style:none;transition:color .2s,border-color .2s,background .2s}.pipe li.active{color:var(--ember);border-color:color-mix(in srgb,var(--ember) 48%,#141724);background:color-mix(in srgb,var(--ember) 10%,transparent)}.pipe li.done{color:#8f96ab;border-color:#2b2f40}.sec{border-bottom:1px solid var(--line);max-height:640px;padding:12px 16px;transition:max-height .3s,opacity .22s,padding .3s,border-color .3s;overflow:hidden}.row{align-items:center;gap:8px;display:flex}label{display:block}.lab{color:var(--dim);letter-spacing:.08em;justify-content:space-between;margin-bottom:5px;font-size:10px;display:flex}.lab b{color:var(--ink);font-weight:400}input[type=number]{border:1px solid var(--line);min-width:0;color:var(--ink);font-family:var(--mono);background:#12141f;border-radius:6px;flex:1;padding:8px 10px;font-size:12px}input:focus-visible{outline:2px solid var(--ember);outline-offset:1px}button:focus-visible{outline:2px solid var(--ember);outline-offset:1px}.btn{color:var(--ink);cursor:pointer;background:#171a26;border:1px solid #2c3042;border-radius:6px;min-height:34px;padding:8px 12px;font-size:12px;transition:background .12s,border-color .12s}.btn:hover{background:#1e2231;border-color:#3a3f56}.btn.primary{background:color-mix(in srgb,var(--ember) 80%,#1a0d02);border-color:var(--ember);color:#12090a;letter-spacing:.06em;font-weight:700}.btn.primary:hover{background:var(--ember)}.chips{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.chip{letter-spacing:.09em;text-align:center;border:1px solid var(--line);color:var(--dim);cursor:pointer;background:#12141f;border-radius:5px;flex:1 0 30%;padding:6px 4px;font-size:9px;transition:color .12s,border-color .12s,background .12s}.chip:hover{color:var(--ink);border-color:#3a3f56}.chip.on{color:var(--ember);border-color:color-mix(in srgb,var(--ember) 55%,#141724);background:color-mix(in srgb,var(--ember) 12%,transparent)}input[type=range]{width:100%;accent-color:var(--ember);cursor:pointer;height:22px}.sl{margin-top:10px}.sl:first-child{margin-top:0}.togs{flex-direction:column;gap:7px;display:flex}.tog{cursor:pointer;color:var(--ink);align-items:center;gap:8px;font-size:11px;display:flex}.tog input{accent-color:var(--ember);cursor:pointer;width:14px;height:14px}.tog .key{color:#565b6e;border:1px solid #262a3a;border-radius:3px;margin-left:auto;padding:1px 5px;font-size:9px}.legend{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.lg{color:#9aa0b4;align-items:center;gap:7px;font-size:10.5px;display:flex}.dot{border-radius:2px;flex:none;width:9px;height:9px}.stats{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.st{background:#10121b;border:1px solid #1d2130;border-radius:6px;padding:7px 8px}.st i{color:var(--dim);letter-spacing:.1em;margin-bottom:3px;font-size:8.5px;font-style:normal;display:block}.st b{color:#e8eaf2;font-size:13px;font-weight:400}.st b.hi{color:var(--ember)}#hints{color:#525871;letter-spacing:.06em;z-index:5;text-align:center;background:#0a0c12cc;border:1px solid #1a1d2a;border-radius:20px;padding:6px 14px;font-size:10px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#hints b{color:#8d93a8;font-weight:400}#collapse{z-index:2;width:30px;height:30px;color:var(--dim);cursor:pointer;background:#171a26;border:1px solid #2c3042;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;transition:background .12s,color .12s,border-color .12s;display:flex;position:absolute;top:11px;right:11px}#collapse:hover{color:var(--ink);background:#1e2231;border-color:#3a3f56}#panel.min .sec,#panel.min .pipe{opacity:0;border-bottom-color:#0000;max-height:0;padding-top:0;padding-bottom:0}#panel.min .head{border-bottom-color:#0000}@media (pointer:coarse){#collapse{width:38px;height:38px;font-size:17px;top:9px;right:9px}.btn{min-height:42px}.chip{padding:10px 4px;font-size:9.5px}input[type=number]{padding:11px 10px;font-size:13px}input[type=range]{height:34px}.tog{padding:5px 0}.tog input{width:18px;height:18px}}@media (max-width:640px){#panel{width:calc(100% - 20px);max-height:calc(100% - 20px);top:10px;left:10px}.head{padding:12px 50px 10px 14px}#dname{font-size:19px}.sec{padding:11px 14px}#hints{display:none}}@media (prefers-reduced-motion:reduce){.sec,.pipe{transition:none}}