.iso.gate{--anatomy-card:var(--bg-elevated);--anatomy-paper:var(--bg-elevated);--anatomy-page:var(--bg);--anatomy-text:var(--text-muted);--anatomy-strong:var(--text);--anatomy-muted:var(--text-subtle);--anatomy-face:color-mix(in oklab, var(--bg-elevated), #fff 45%);--anatomy-top:color-mix(in oklab, var(--bg-elevated), #fff 55%);--anatomy-shade-0:color-mix(in oklab, var(--bg-elevated), var(--text) 14%);--anatomy-shade-1:color-mix(in oklab, var(--bg-elevated), var(--text) 10%);--anatomy-shade-2:color-mix(in oklab, var(--bg-elevated), var(--text) 6%);--anatomy-shade-3:color-mix(in oklab, var(--bg-elevated), var(--text) 2.5%);--anatomy-lit-top:color-mix(in oklab, var(--accent-amber), #fff 30%);--anatomy-lit-shade:var(--accent-amber);--anatomy-hi:var(--text);--anatomy-mid:color-mix(in oklab, var(--bg-elevated), var(--text) 52%);--anatomy-lo:color-mix(in oklab, var(--bg-elevated), var(--text) 30%);--anatomy-faint:color-mix(in oklab, var(--bg-elevated), var(--text) 16%);--anatomy-lit:var(--accent-amber);--anatomy-halo:color-mix(in oklab, var(--bg-subtle), var(--text) 40%);--anatomy-halo-opacity:.34;--anatomy-dot:var(--text);--anatomy-mono:var(--font-mono), ui-monospace, "SF Mono", Menlo, monospace}.dark .iso.gate{--anatomy-face:color-mix(in oklab, var(--bg-elevated), #fff 6%);--anatomy-top:color-mix(in oklab, var(--bg-elevated), #fff 8%);--anatomy-shade-0:color-mix(in oklab, var(--bg-elevated), #000 32%);--anatomy-shade-1:color-mix(in oklab, var(--bg-elevated), #000 16%);--anatomy-shade-2:color-mix(in oklab, var(--bg-elevated), #fff 1.5%);--anatomy-shade-3:color-mix(in oklab, var(--bg-elevated), #fff 4.5%);--anatomy-lit-top:color-mix(in oklab, var(--accent-amber), #000 10%);--anatomy-lit-shade:color-mix(in oklab, var(--accent-amber), #000 38%);--anatomy-hi:color-mix(in oklab, var(--text), var(--bg-elevated) 14%);--anatomy-mid:color-mix(in oklab, var(--bg-elevated), var(--text) 46%);--anatomy-lo:color-mix(in oklab, var(--bg-elevated), var(--text) 27%);--anatomy-faint:color-mix(in oklab, var(--bg-elevated), var(--text) 14%);--anatomy-halo:#000;--anatomy-halo-opacity:.85}.iso.gate .iso-figure{margin:0;container-type:inline-size}.iso.gate .iso-plate{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--border-strong);border-radius:16px;padding:40px 14px 34px;transition:box-shadow .3s cubic-bezier(.22,1,.36,1)}.iso.gate .iso-plate:hover{box-shadow:0 0 0 1px var(--accent-amber)}.iso.gate .gate-coarse{display:none}@media (pointer:coarse){.iso.gate .gate-coarse{display:inline}.iso.gate .gate-fine{display:none}}.iso.gate .iso-plate-corners{inset:16px 18px}.iso.gate .iso-plate-corner{font-size:11px}.iso.gate .iso-plate-corner[data-corner=title]{font-family:var(--font-serif), "Times New Roman", serif;font-synthesis:none;letter-spacing:0;text-transform:none;color:var(--anatomy-strong);font-size:16px;top:-3px}.iso.gate .iso-plate-corner[data-corner=hint]{bottom:0}.iso.gate .iso-legend{font-family:var(--font-serif), "Times New Roman", serif;font-synthesis:none;color:var(--anatomy-text);text-wrap:pretty;margin-top:10px;font-size:14px;line-height:1.5}@container (max-width:440px){.iso.gate .iso-plate{padding:40px 8px 52px}.iso.gate .iso-plate-corner[data-corner=hint]{bottom:18px}}.iso.gate .iso-plate:has(.gate-stage[data-failed]) .iso-plate-corner:is([data-corner=hint],[data-corner=readout]){visibility:hidden}.iso.gate .gate-button{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;display:block;position:static}.iso.gate .gate-button:after{content:"";border-radius:16px;position:absolute;inset:0}.iso.gate .gate-button:focus-visible{outline:none}.iso.gate .gate-button:focus-visible:after{outline:2px solid var(--accent);outline-offset:3px}.iso.gate .gate-stage{touch-action:pan-y;contain:layout paint;position:relative}.iso.gate .gate-stage .iso-svg{width:100%;max-height:min(540px,64vh);display:block}@container (max-width:440px){.iso.gate .gate-stage{overflow:hidden}.iso.gate .gate-stage .iso-svg{width:108%;max-height:none;margin:-3% -4% -5%}}.iso.gate .gate-noscript{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.iso.gate .gate-stage .iso-svg{opacity:0;will-change:transform;transition:opacity .35s cubic-bezier(.22,1,.36,1)}.iso.gate .gate-stage[data-ready] .iso-svg{opacity:1}@media (prefers-reduced-motion:reduce){.iso.gate .gate-stage .iso-svg{transition:none}}.iso.gate .gate-needle{fill:var(--anatomy-lit);stroke:var(--anatomy-lit);stroke-width:.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.iso.gate .gate-dent{fill:var(--anatomy-dot);opacity:.55}.iso.gate .gate-coil{stroke-linejoin:round}.iso.gate .gate-pin[data-up] .iso-edge{stroke:var(--anatomy-hi)}.iso.gate .iso-face-text{font-family:var(--anatomy-mono);letter-spacing:0;font-weight:500}
