:root{color-scheme:dark;--bg: #0b0e13;--fg: #e6edf3;--panel: rgba(16, 21, 28, .82);--border: rgba(255, 255, 255, .08);--accent: #4fd1c5;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg)}#app{position:relative;width:100vw;height:100vh}#scene{display:block;width:100%;height:100%}#hud{position:absolute;top:16px;left:18px;pointer-events:none;user-select:none;text-shadow:0 1px 4px rgba(0,0,0,.6)}.hud-title{font-size:20px;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;flex-wrap:wrap}.hud-title .goal{font-size:20px;font-weight:700;gap:6px}.hud-title .goal .mark{width:22px;height:22px;font-size:14px}.hud-comma{margin-right:4px}.hud-sub{font-size:12px;opacity:.6;margin-top:2px}.panel{position:absolute;background:var(--panel);border:1px solid var(--border);border-radius:12px;backdrop-filter:blur(8px);padding:12px 14px;box-shadow:0 8px 30px #00000059}#controls{left:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;min-width:320px;width:720px;max-width:calc(100vw - 36px)}#type-row{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-bottom:4px}#type-row .label{position:sticky;left:0;z-index:1;background:var(--panel)}#type-row button{flex:0 0 auto;min-width:78px;white-space:normal}.row{display:flex;align-items:center;gap:8px}.row .label{width:52px;font-size:12px;opacity:.65;text-transform:uppercase;letter-spacing:.4px}.seg{flex:1;padding:7px 10px;font-size:13px;color:var(--fg);background:#ffffff0a;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s}.seg:hover{background:#ffffff17}.seg.active{background:#4fd1c529;border-color:#4fd1c599;color:#b9f2ec}input[type=range]{flex:1;accent-color:var(--accent)}.select{flex:1;padding:6px 8px;font-size:13px;color:var(--fg);background:#ffffff0a;border:1px solid var(--border);border-radius:8px}.select option{background:#11161d;color:var(--fg)}.val{width:74px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.buttons{gap:8px}.btn{flex:1;padding:8px 10px;font-size:13px;color:var(--fg);background:#ffffff0d;border:1px solid var(--border);border-radius:8px;cursor:pointer}.btn:hover{background:#ffffff1a}.btn.on{background:#e0402f33;border-color:#e0402f99}#readout{right:18px;top:18px;min-width:210px;display:flex;flex-direction:column;gap:7px}.goals{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--border)}.goal{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.goal .mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;font-size:13px;font-weight:800}.goal.ok{color:#cfe8d8}.goal.ok .mark{background:#48d18a2e;color:#48d18a}.goal.fail{color:#f4c9c2}.goal.fail .mark{background:#ff5a4533;color:#ff5a45}.stat{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.stat span{opacity:.6}.stat b{font-variant-numeric:tabular-nums;font-weight:600}.stat-head{font-size:10px;text-transform:uppercase;letter-spacing:.7px;opacity:.4;margin:9px 0 3px;padding-top:8px;border-top:1px solid var(--border)}.stat-head:first-child{margin-top:0;padding-top:0;border-top:none}.ok{color:#48d18a}.warn{color:#e6d13a}.fail{color:#ff5a45}#schematic{right:18px;bottom:18px;width:260px;height:320px;padding:0;overflow:hidden}#scene.view-main,#schematic.view-main{position:absolute;inset:0 auto auto 0;width:100%;height:100%;border-radius:0;border:none;z-index:1}#scene.view-pip,#schematic.view-pip{position:absolute;inset:auto 18px 18px auto;width:300px;height:330px;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 30px #00000073;z-index:6;cursor:pointer}#hud,#controls,#readout{z-index:10}#replay{position:absolute;top:66px;left:18px;z-index:11}#inspector{position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:30;max-height:88vh;overflow:auto}#event-log{position:absolute;top:92px;left:50%;transform:translate(-50%);width:min(440px,34vw);max-height:min(60vh,640px);overflow:auto;z-index:10}#toolbar{position:absolute;left:18px;top:58px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 8px;z-index:12;max-width:calc(100vw - 36px)}.tool{text-align:center;padding:6px 11px;font-size:13px;color:var(--fg);background:#ffffff0d;border:1px solid var(--border);border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.tool:hover{background:#ffffff1a}.tool.active{background:#4fd1c529;border-color:#4fd1c599;color:#b9f2ec}.tool-div{width:1px;align-self:stretch;min-height:18px;background:var(--border);margin:0 3px}#side-panel{position:absolute;left:162px;top:18px;bottom:18px;width:440px;max-width:calc(100vw - 200px);padding:0;display:flex;flex-direction:column;z-index:13}#side-panel[hidden]{display:none}#chall-panel{position:absolute;left:620px;top:18px;bottom:18px;width:380px;max-width:calc(100vw - 640px);padding:0;display:flex;flex-direction:column;z-index:13}#chall-panel[hidden]{display:none}#chall-title{font-size:14px;font-weight:700;letter-spacing:.3px}#chall-body{flex:1 1 auto;overflow:auto;padding:8px}.side-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);flex:0 0 auto}#side-title{font-size:14px;font-weight:700;letter-spacing:.3px}.side-x{background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--fg);cursor:pointer;font-size:13px;line-height:1;padding:4px 8px}.side-x:hover{background:#ffffff1f}#side-body{flex:1 1 auto;overflow:auto;padding:4px}.examples-menu{display:flex;flex-direction:column;gap:6px;padding:6px}.examples-search{position:sticky;top:0;z-index:1;width:100%;padding:8px 10px;font-size:13px;color:var(--fg);background:#1e2834f5;border:1px solid var(--border);border-radius:8px}.examples-list{display:flex;flex-direction:column;gap:3px}.examples-group{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.55;margin:10px 2px 2px}.examples-row{display:flex;flex-direction:column;gap:1px;text-align:left;width:100%;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:#ffffff08;color:var(--fg);cursor:pointer;transition:background .1s,border-color .1s}.examples-row:hover{background:#ffffff14;border-color:var(--border)}.examples-row.active{background:#4fd1c529;border-color:#4fd1c599}.ex-name{font-size:13px}.ex-desc{font-size:11px;opacity:.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.examples-none{opacity:.5;font-size:12px;padding:12px}#mine-panel{position:absolute;left:162px;top:50%;transform:translateY(-50%);width:300px;max-height:60vh;display:flex;flex-direction:column;z-index:14}#mine-panel[hidden]{display:none}#mine-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:8px}#mine-list{overflow:auto;display:flex;flex-direction:column;gap:6px}.mine-row{display:flex;align-items:center;gap:6px}.mine-load{flex:1;text-align:left;padding:7px 9px;font-size:12px;color:var(--fg);background:#ffffff0a;border:1px solid var(--border);border-radius:7px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mine-load:hover{background:#ffffff17}.mine-del{flex:0 0 auto;padding:7px 9px;font-size:12px;color:#fca5a5;background:#e0402f24;border:1px solid rgba(224,64,47,.4);border-radius:7px;cursor:pointer}.mine-del:hover{background:#e0402f47}.mine-empty{font-size:12px;opacity:.6;padding:4px 0}#toast{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:40;max-width:min(680px,80vw);padding:10px 16px;font-size:13px;color:var(--fg);background:#10151cf5;border:1px solid rgba(79,209,197,.5);border-radius:10px;box-shadow:0 8px 30px #00000080;overflow-wrap:anywhere}#toast[hidden]{display:none}#tutorial{position:absolute;inset:0;z-index:50;background:#04060a99;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}#tutorial[hidden]{display:none}#tutorial-card{width:min(460px,88vw);background:var(--panel);border:1px solid rgba(79,209,197,.4);border-radius:14px;padding:22px 24px;box-shadow:0 20px 60px #0009}#tut-step h3{margin:0 0 8px;font-size:17px}#tut-step p{margin:0;font-size:14px;line-height:1.5;opacity:.85}#tut-step .tut-num{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:6px}#tut-dots{display:flex;gap:6px;margin:18px 0}#tut-dots .dot{width:8px;height:8px;border-radius:50%;background:#ffffff2e}#tut-dots .dot.on{background:var(--accent)}#tut-actions{display:flex;gap:10px}#tut-actions .btn{flex:1}#tut-next{background:#4fd1c52e;border-color:#4fd1c599;color:#b9f2ec}