*{box-sizing:border-box;letter-spacing:0}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050607;color:#f4f7f4}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,select{font:inherit}#field{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair;background:#050607}.reticle{position:fixed;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:#f4f7f4c7;box-shadow:0 0 10px #5af3d061}.reticle:before{left:8px;top:2px;width:2px;height:14px}.reticle:after{left:2px;top:8px;width:14px;height:2px}.panel{position:fixed;top:16px;right:16px;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:14px;border:1px solid rgba(244,247,244,.18);border-radius:8px;background:#060809c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 60px #0000006b}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{margin:0;font-size:22px;line-height:1.05;font-weight:720}.panel-header p{margin:6px 0 0;color:#f4f7f4ad;font-size:13px}#engage{min-width:82px;border:1px solid rgba(90,243,208,.42);border-radius:6px;background:#5af3d01f;color:#f4f7f4;padding:8px 10px}#engage:hover{background:#5af3d038}.readout{margin:14px 0;padding:9px 10px;border:1px solid rgba(245,197,66,.22);border-radius:6px;color:#f4f7f4d1;background:#f5c54212;font-size:12px;white-space:normal}.mode-bar,.preset-bar{display:grid;gap:8px;margin-bottom:14px}.mode-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-button{min-width:0;border:1px solid rgba(244,247,244,.16);border-radius:6px;background:#f4f7f40e;color:#f4f7f4d1;padding:8px 7px;font-size:12px}.mode-button:hover{background:#f4f7f41a}.mode-button.active{border-color:#5af3d08f;background:#5af3d024;color:#f4f7f4}.stage-graph{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr;align-items:stretch;margin-bottom:14px}.stage-node{min-width:0;border:1px solid rgba(244,247,244,.16);border-radius:6px;padding:8px 7px;background:#f4f7f40e}.stage-node.active{border-color:#ff5c8a8f;background:#ff5c8a1f}.stage-node strong,.stage-node span{display:block;overflow-wrap:anywhere}.stage-node strong{font-size:12px;line-height:1.1}.stage-node span{margin-top:4px;color:#f4f7f49e;font-size:11px}.stage-link{align-self:center;height:1px;background:#f4f7f43d}.controls{display:grid;gap:12px}.axis-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}label{display:grid;gap:7px}label span{display:flex;justify-content:space-between;gap:12px;color:#f4f7f4d1;font-size:13px}output{color:#5af3d0;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#ff5c8a}select{width:100%;min-height:34px;border:1px solid rgba(244,247,244,.18);border-radius:6px;background:#f4f7f40e;color:#f4f7f4;padding:6px 8px}select:focus{outline:2px solid rgba(90,243,208,.46);outline-offset:1px}.unsupported{position:fixed;left:50%;top:50%;width:min(420px,calc(100vw - 32px));transform:translate(-50%,-50%);border:1px solid rgba(255,92,138,.5);border-radius:8px;background:#060809eb;padding:18px;color:#f4f7f4}.unsupported strong,.unsupported span{display:block}.unsupported span{margin-top:8px;color:#f4f7f4b8}@media(max-width:780px){.panel{left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:48dvh;padding:12px}.stage-graph{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stage-link{display:none}h1{font-size:20px}}.heatmap-inset{position:fixed;top:12px;left:12px;z-index:50;display:flex;flex-direction:column;gap:4px;padding:6px 6px 4px;background:#080a10c7;border:1px solid rgba(255,255,255,.18);border-radius:4px;pointer-events:none;font-family:ui-monospace,monospace;font-size:10.5px;color:#dcdce6d9}.heatmap-inset canvas{display:block;width:240px;height:240px;background:#000;image-rendering:pixelated;pointer-events:none}.heatmap-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:1px 2px;pointer-events:auto}.heatmap-controls label{display:flex;align-items:center;gap:4px}.heatmap-controls select{background:#ffffff0f;color:inherit;border:1px solid rgba(255,255,255,.15);padding:1px 4px;font-family:inherit;font-size:10.5px}.heatmap-toggle{cursor:pointer}.heatmap-inset[hidden]{display:none!important}.heatmap-legend{display:flex;justify-content:space-between;gap:4px;padding:2px 2px 0;font-family:ui-monospace,monospace;font-size:10px;color:#dcdce6bf}.heatmap-legend .hl-slot{display:inline-flex;align-items:center;gap:2px;padding:1px 3px;background:#ffffff0a;border-radius:2px;letter-spacing:.5px}.heatmap-legend .hl-slot em{font-style:normal;font-weight:600}.heatmap-legend .hl-slot[data-active-tw]{background:#ffffff1a;color:#f0f0faf2}.scene-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.scene-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;font-family:ui-monospace,monospace;font-size:11px;color:#dcdce6cc;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,border-color .12s,color .12s}.scene-chip:hover{background:#ffffff1a;border-color:#ffffff38}.scene-chip .chip-key{font-weight:700;opacity:.6;font-size:10px}.scene-chip.active{background:#78aef438;border-color:#78aef499;color:#f0f4fffa}.scene-chip.active .chip-key{opacity:.95}