/* The halo belongs behind the artwork; it must never clip the thorns. */
.hero-art{isolation:auto;overflow:visible}.hero-art>img{border-radius:0;clip-path:none;mask:none;object-fit:contain;z-index:2}.hero-halo{z-index:0}.hero-caption{z-index:3}
.hero-tagline{font:700 clamp(1.2rem,2.2vw,2rem)/1.15 'Barlow Condensed',Impact,sans-serif;max-width:27ch;letter-spacing:.025em;color:#ead8f4;margin:22px 0}.hero-tagline em{color:#ffbd69}
.hero-torch{position:absolute;z-index:1;width:17%;max-width:105px;height:auto;bottom:14%;pointer-events:none;opacity:.92}.hero-torch.left{left:-4%}.hero-torch.right{right:-4%;transform:scaleX(-1)}.hero-torch svg{width:100%;overflow:visible;display:block}.torch-flame{transform-origin:45px 135px;animation:torch-sway 2.3s ease-in-out infinite alternate}.torch-core{transform-origin:45px 135px;animation:torch-sway 1.4s ease-in-out .3s infinite alternate-reverse}.hero-torch.right .torch-flame{animation-delay:-1s}.hero-torch.right .torch-core{animation-delay:-.5s}
@keyframes torch-sway{0%{transform:rotate(-3deg) scale(.94,1.02);opacity:.8}50%{transform:rotate(2deg) scale(1.06,.95);opacity:1}100%{transform:rotate(-1deg) scale(.97,1.08);opacity:.9}}
@media(prefers-reduced-motion:reduce){.hero:not([data-flames="on"]) .torch-flame,.hero:not([data-flames="on"]) .torch-core{animation:none!important;transform:none!important;opacity:1}}
.hero[data-flames="off"] .torch-flame,.hero[data-flames="off"] .torch-core{animation:none!important;transform:none!important;opacity:1}
.hero[data-flames="on"] .torch-flame{animation:torch-sway 2.3s ease-in-out infinite alternate!important}.hero[data-flames="on"] .torch-core{animation:torch-sway 1.4s ease-in-out .3s infinite alternate-reverse!important}.hero[data-flames="on"] .hero-torch.right .torch-flame{animation-delay:-1s!important}.hero[data-flames="on"] .hero-torch.right .torch-core{animation-delay:-.5s!important}
.torch-motion{background:transparent;border:1px solid #79506c;border-radius:5px;padding:7px 11px;color:#e0c3d5;font-size:12px;margin:0 0 18px}.torch-motion:hover,.torch-motion:focus-visible{border-color:#ffc96f;color:#ffc96f}
.single-rig-walkthrough{border:1px solid #624375;padding:18px;margin-top:45px;background:#160e20}.single-rig-walkthrough>summary{font-weight:700;color:#d9bde9;cursor:pointer;line-height:1.5}.single-rig-walkthrough[open]>summary{margin-bottom:24px}
.multi-offline-banner{margin:0;padding:10px 22px;text-align:center;background:#261b32;border-bottom:1px solid #594269;color:#d3f4aa;font:600 12px/1.5 system-ui,sans-serif;letter-spacing:.06em}
#browser-multi-rig{margin-top:40px;min-width:0}#browser-multi-rig [hidden]{display:none!important}.multi-intro{max-width:810px}.multi-intro h3{font:800 clamp(2rem,4vw,3.5rem)/1 'Barlow Condensed',Impact,sans-serif;margin:10px 0 20px}.multi-intro p{line-height:1.65;color:#cdbbd7}.multi-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:18px;border:1px solid #68467b;background:#291a38}
#browser-multi-rig label{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:#e6d7ef;letter-spacing:.025em}#browser-multi-rig select,#browser-multi-rig input[type=number]{min-width:0;max-width:100%;background:#160e20;border:1px solid #82608f;color:#f0e7f5;padding:8px;font-size:13px;border-radius:5px}#browser-multi-rig input[type=number]{width:75px}#browser-multi-rig button{font-size:12px}#browser-multi-rig button:disabled{opacity:.5;cursor:default}#browser-multi-rig :focus-visible{outline:2px solid #c9ff4c;outline-offset:3px}.multi-status{min-height:1.5em;margin:18px 0 8px;color:#d9f4ae;line-height:1.5}.multi-clock{padding:10px 14px;background:#1a1224;color:#c9ff4c;font:600 13px/1.5 monospace}.multi-note{color:#b5a2c2;line-height:1.7;font-size:13px;max-width:100ch;margin-top:18px}
.multi-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.multi-unit-card{min-width:0;padding:15px;background:linear-gradient(140deg,#2e1b3c,#171020);border:1px solid #67487a;border-radius:8px}.multi-unit-card header{display:flex;justify-content:space-between;gap:12px;align-items:center}.multi-unit-card h4{font:800 27px/1.1 'Barlow Condensed',Impact,sans-serif;margin:0}.multi-unit-card h4 span{color:#c9ff4c;margin-left:8px}.multi-unit-position{font:12px monospace;color:#cbb2db;white-space:nowrap}.multi-unit-tools{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.multi-unit-tools label{max-width:100%}.multi-unit-tools [data-unit-preset]{max-width:165px}.multi-unit-card .full-panel-readout{margin:10px 0;padding:10px 12px}.multi-unit-card .full-panel-identity{font-size:17px}.multi-unit-card .full-panel-values{font-size:11px;gap:3px 12px}.multi-unit-card .full-panel-screen{font-size:clamp(8px,1vw,13px)}.multi-track-mutes{display:flex;gap:9px;flex-wrap:wrap;color:#bba9c8;font-size:11px;margin-top:12px}
.multi-controller-heading{margin:32px 0 16px;color:#d8c0e8;font-size:16px;letter-spacing:.07em}.multi-fire-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.multi-fire-card{min-width:0;border:1px solid #644476;padding:14px;background:#21152d;border-radius:8px}.multi-fire-card header{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.multi-fire-card h4{margin:0;color:#c9ff4c;font:800 24px 'Barlow Condensed',Impact,sans-serif}.multi-fire-card .multi-route-feedback{font-size:12px;margin:12px 0;color:#d5c4df;min-height:1.3em}.multi-fire-card .photo-crop{overflow:hidden;position:relative}.multi-fire-card .photo-source{position:absolute}.multi-fire-card .photo-source>img{width:100%;height:100%}.multi-fire-pad{pointer-events:fill;cursor:pointer;stroke:#fff1;stroke-width:.0008;touch-action:none}.multi-fire-pad:focus-visible{stroke:#fff;stroke-width:.003}.multi-fire-oled{position:absolute;image-rendering:pixelated;pointer-events:none}.multi-fire-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.multi-fire-tools>span{font-size:11px;color:#c9b2d9}.multi-fire-card [data-multi-fire-control],.multi-fire-card [data-multi-section]{pointer-events:fill;cursor:pointer;fill:#9c7aaf33}.multi-fire-card [data-multi-fire-control]:hover,.multi-fire-card [data-multi-section]:hover{fill:#c9ff4c99}
.multi-keyboard-config{padding:18px;margin-top:28px;border:1px solid #644476;background:#251731}.multi-keyboard-config h4{font-size:15px;margin-bottom:16px;color:#d8c0e8}.multi-keyboard-route{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.multi-keyboard-route .multi-route-feedback{font-size:12px;color:#c9ff4c}.multi-keyboards{display:flex;flex-direction:column;gap:18px;margin-top:20px}.multi-keyboard{margin:0;min-width:0}.multi-keyboard .photo-key,.multi-keyboard .photo-drum-pad{pointer-events:fill;cursor:pointer;touch-action:none}.multi-keyboard .photo-key.lit{fill:#c9ff4c99}
@media(max-width:950px){.multi-unit-grid,.multi-fire-grid{grid-template-columns:minmax(0,1fr)}.multi-unit-card .full-panel-screen{font-size:clamp(10px,2vw,17px)}}
@media(max-width:600px){.hero-art{height:auto;min-height:300px;margin-top:30px;padding:15px 15px 50px}.hero-art>img{width:100%;max-width:350px}.hero-torch{width:17%;bottom:16%}.hero-torch.left{left:-2%}.hero-torch.right{right:-2%}.hero-tagline{font-size:1.45rem}.multi-toolbar{padding:12px;gap:10px}.multi-toolbar .button{padding:11px}.multi-unit-card,.multi-fire-card{padding:10px}.multi-unit-card header{align-items:start;flex-direction:column;gap:6px}.multi-unit-card .full-panel-values{font-size:10px}.multi-keyboard-config{padding:12px}.multi-unit-tools [data-unit-preset]{max-width:145px}.single-rig-walkthrough{padding:10px}}

.multi-unit-card .showcase-screen>canvas{display:block;width:100%;height:100%;object-fit:fill;image-rendering:pixelated}

/* Fire small-button lamps use fixed hardware families, never the site accent. */
.multi-fire-card .photo-source>img{filter:grayscale(1)}
.multi-fire-card .photo-controls [data-multi-led]{fill:#050607;opacity:.82}
.multi-fire-card .photo-controls [data-lamp=red]{fill:#ff383c}
.multi-fire-card .photo-controls [data-lamp=green]{fill:#6dff40}
.multi-fire-card .photo-controls [data-lamp=yellow]{fill:#ffd143}
.multi-fire-card .photo-controls [data-lamp-level=dim]{opacity:.34}
.multi-fire-card .photo-controls [data-lamp-level=bright]{opacity:.88}
.multi-fire-card .photo-controls .fire-circle-light{fill:none!important;stroke:#080b09;stroke-width:.0025}
.multi-fire-card .photo-controls .fire-circle-light[data-lamp=green]{stroke:#6dff40}
.multi-fire-card .photo-controls .fire-indicator{fill:#100b0b;pointer-events:none}
.multi-fire-card .photo-controls .fire-indicator[data-level="2"]{fill:#ff383c}
.multi-fire-card [data-multi-fire-control]:hover,.multi-fire-card [data-multi-section]:hover{stroke-width:.003}
.multi-fire-menu-tools,.multi-fire-menu{display:flex;gap:.5rem;flex-wrap:wrap;padding:.6rem 0}.multi-fire-menu[hidden]{display:none}.multi-fire-menu p{width:100%;margin:.2rem 0;color:#d5f5ce}.multi-fire-menu button,.multi-fire-menu-tools button,.fire-oled-dialog button{padding:.5rem .7rem;background:#241b30;color:#dfefc2;border:1px solid #6b527a;border-radius:4px;cursor:pointer}.fire-oled-dialog{background:#100d16;color:#e4d6ed;border:1px solid #b991d0;border-radius:12px;max-width:min(92vw,600px);padding:1rem}.fire-oled-dialog::backdrop{background:#000b}.fire-oled-dialog canvas{display:block;width:min(80vw,512px);image-rendering:pixelated;margin:1rem 0}.multi-fire-oled{cursor:zoom-in}.multi-fire-oled:focus-visible,[data-fire-menu-control]:focus-visible{outline:2px solid #b7ec47}