#overlay{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}#overlay.off{display:none}#leaders{width:100%;height:100%;position:absolute;inset:0}.plabel{background:var(--label-bg);border:1px solid var(--label-border);border-radius:var(--radius-md);white-space:nowrap;color:var(--label-fg);box-shadow:var(--label-shadow);-webkit-backdrop-filter:blur(var(--blur-label)) saturate(120%);padding:3px 8px;font-size:11px;font-weight:600;transition:opacity .35s;position:absolute;transform:translate(-50%,-100%)}#leaders line,#leaders circle{transition:opacity .35s}.plabel .e{color:var(--muted-2);font-variant-numeric:tabular-nums;margin-left:5px;font-size:10px;font-weight:500}.plabel.head{border-color:var(--label-head-border)}body.vintage .plabel{font-family:var(--font-serif);background:var(--vintage-label-bg);color:var(--vintage-ink);border-color:var(--vintage-border);box-shadow:var(--vintage-shadow);font-style:italic}body.vintage .plabel .e{color:var(--vintage-e);font-style:normal}body.vintage #leaders line{stroke:var(--vintage-leader)}body.vintage #leaders circle{fill:var(--vintage-leader);stroke:var(--vintage-leader-ring)}#woverlay{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}#woverlay.off{display:none}.wlabel{white-space:nowrap;color:var(--water-label);-webkit-text-stroke:2.5px #f7f3ebb8;paint-order:stroke fill;font-size:10.5px;font-weight:600;transition:opacity .35s;position:absolute;transform:translate(-50%,-100%)}body.vintage .wlabel{font-family:var(--font-serif);color:var(--vintage-water);-webkit-text-stroke:0;background:#f1ece0eb;border-radius:5px;padding:6px 18px;font-style:italic}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(var(--blur-panel)) saturate(120%);box-shadow:var(--shadow)}#dock{z-index:5;pointer-events:none;grid-template:"title""."1fr"surface""prof"/1fr;gap:7px;padding:8px;display:grid;position:fixed;inset:0}#dock>.panel{pointer-events:auto}#title{grid-area:title}#ctl{grid-area:surface}#prof{grid-area:prof}#palette{grid-area:palette;display:none}#title{padding:10px 12px}#title .ey{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:10.5px;font-weight:600}#title h1{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700;line-height:1.05}#title .sub{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.35;display:none}.stats{gap:14px;margin-top:8px;display:flex}.stat .n{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:1px;font-size:10px}#ctl{max-height:40vh;padding:9px 11px;overflow-y:auto}#ctl::-webkit-scrollbar{width:8px}#ctl::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--radius-md)}#ctl .t,#palette .t{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:10px}#ctlHead,#paletteHead{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;display:flex}#ctlHead .t,#paletteHead .t{margin:0}.chev{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px;font-size:12px;line-height:1;transition:transform .2s,color .15s}#ctlHead:hover .chev,#paletteHead:hover .chev{color:var(--text)}#ctlBody,#paletteBody{padding-top:11px}#ctl.collapsed{width:auto;min-width:120px}#ctl.collapsed #ctlBody,#palette.collapsed #paletteBody{display:none}#ctl.collapsed .chev,#palette.collapsed .chev{transform:rotate(-90deg)}.sec{border-top:1px solid var(--hairline);margin-top:10px;padding-top:9px}.fxnote{text-transform:none;letter-spacing:0;color:var(--muted-2);font-weight:500}.seg{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-xl);gap:3px;padding:3px;display:flex}.seg button{appearance:none;color:var(--muted);font:inherit;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1;padding:6px 2px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.seg button:hover{color:var(--text)}.seg button.on{background:var(--accent);color:var(--accent-ink)}.row{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.row.tg{margin-top:8px}.row.cr input[type=color]{appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:36px;height:20px;padding:0}.row.cr input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.row.cr input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.row label{color:var(--muted);font-size:11.5px}.row .v{font-variant-numeric:tabular-nums;color:var(--text);font-size:11px;font-weight:600}.mini{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font:inherit;border-radius:var(--radius-sm);cursor:pointer;min-width:50px;padding:4px 13px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.mini.on{background:var(--accent);color:var(--accent-ink);border-color:#0000}.hint2{color:var(--muted);opacity:.85;margin:8px 0 2px;font-size:10px;line-height:1.35}input[type=range]{appearance:none;border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--accent2), var(--accent));outline:none;width:100%;height:4px;margin-top:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 4px #0006}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:15px;height:15px}.btn{appearance:none;cursor:pointer;background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;border-radius:var(--radius-lg);margin-top:9px;padding:7px;font-size:11.5px;font-weight:600;transition:background .15s;display:block}.btn:hover{background:var(--surface-2-hover)}#prof{padding:8px 11px 5px}#prof .h{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}#prof .h .t{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}#prof .h .lg{color:var(--muted);font-size:11px}#prof svg{width:100%;display:block}.ax{fill:var(--muted);font-size:10px}.pk{fill:var(--text);font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:600}.vl{fill:var(--muted-2);font-variant-numeric:tabular-nums;font-size:9px}#hint{z-index:5;background:var(--hint-bg);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);backdrop-filter:blur(var(--blur-hint));pointer-events:none;text-align:center;padding:6px 14px;font-size:11px;transition:opacity .6s;display:none;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}#att{z-index:4;color:var(--att);font-size:9.5px;display:none;position:absolute;bottom:6px;right:8px}#err{z-index:9;background:var(--bg);color:var(--text);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:14px;display:none;position:absolute;inset:0}@media (width>=681px){#dock{grid-template:"title surface""palette surface"1fr"prof prof"/1fr auto;gap:14px;padding:14px}#palette{place-self:start;width:236px;max-height:100%;padding:12px;display:block;overflow-y:auto}#palette.collapsed{width:auto;min-width:120px}#title{place-self:start;max-width:330px;padding:14px 16px 13px}#title h1{font-size:22px}#title .sub{display:block}.stats{gap:18px;margin-top:12px}.stat .n{font-size:18px}#ctl{place-self:start end;width:216px;max-height:100%;padding:12px}#ctl .row{margin-top:11px}#ctl .row.tg{margin-top:12px}#ctl .sec{margin-top:13px;padding-top:11px}#ctl input[type=range]{margin-top:7px}#ctl .btn{margin-top:13px;padding:8px}#prof{align-self:end;padding:11px 14px 8px}#prof .h{margin-bottom:4px}#hint,#att{display:block}}