.signal-scroll{scrollbar-gutter:stable;border-radius:5px;margin-top:.8rem;padding:.5rem 0}#signal-board{user-select:none;font-family:var(--font-mono);margin-inline:auto;position:relative}#signal-board .signal-wires{pointer-events:none;position:absolute;inset:0}#signal-board .signal-wire-focus line{stroke:#f2d572;stroke-width:3px}#signal-board .signal-gate-focus{outline-offset:5px;border-radius:5px;outline:2px solid #f2d572}#signal-board .signal-hole,#signal-board .signal-fixed{width:48px;padding:0;position:absolute;transform:translate(-50%,-22px)}#signal-board .signal-hole{color:var(--color-heading);cursor:pointer;background:#9ad9d10d;border:0;border-radius:6px;min-height:44px}#signal-board .signal-hole:before{content:"";border:1.5px dashed var(--color-accent);border-radius:inherit;pointer-events:none;position:absolute;inset:0}#signal-board .signal-hole[data-filled=true]:before{border-style:solid;border-color:var(--color-border)}#signal-board .signal-hole[aria-pressed=true]{outline:2px solid var(--color-accent);outline-offset:3px;background:#9ad9d11f}#signal-board .signal-hole:focus-visible{outline:3px solid var(--color-heading);outline-offset:3px}#signal-board .signal-hole:disabled{cursor:default;opacity:1}#signal-board .signal-fixed{pointer-events:none}#signal-board .signal-endpoint{top:var(--endpoint-top);place-items:center;width:44px;height:44px;display:grid;position:absolute;left:50%;transform:translate(-50%)}#signal-board .signal-link{background:#9ad9d1;width:2px;position:absolute;left:50%;transform:translate(-50%)}.signal-palette{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.8rem;display:flex}.signal-palette [data-choice]{place-items:center;min-width:52px;min-height:52px;padding:3px;display:grid}.signal-palette [data-choice]:disabled{opacity:1}.signal-palette [data-choice][aria-pressed=true]{border-color:var(--color-accent);background:#273c32}.signal-palette .gate-glyph{width:38px;height:38px}.signal-twin{flex-direction:column;align-items:center;width:36px;height:44px;display:flex;position:relative}.signal-twin:before{content:"";background:#9ad9d1;width:2px;position:absolute;top:10px;bottom:10px;left:17px}.signal-twin .gate-glyph{width:22px;height:22px;position:relative}.signal-empty{color:var(--color-muted);font-size:1.6rem}.quantum-game .signal-flow-panel{max-height:420px;overflow:hidden auto}.signal-flow-layout{display:flex}.signal-flow-scroll{flex:1;min-width:0;overflow-x:auto}#signal-target{box-shadow:inset 1px 0 var(--color-border);flex:0 0 52px}#signal-flow{max-width:none;margin-inline:auto;display:block}.signal-flow-lane{stroke:#6d7b71;stroke-opacity:.3;stroke-width:1px}.signal-flow-path{fill:none;stroke-linecap:round}.signal-flow-node,.signal-flow-target{stroke-width:1.4px}.signal-flow-target{stroke-width:2.5px}.signal-flow-label{fill:var(--color-muted);font:11px var(--font-mono)}.signal-flow-bit-highlight{fill:#f2d572;font-weight:700;text-decoration:underline}.signal-flow-lane.signal-flow-focus{stroke:#f2d572;stroke-opacity:.7}.signal-flow-label.signal-flow-focus{fill:var(--color-heading);font-weight:700}.signal-flow-context .signal-flow-path:not(.signal-flow-focus),.signal-flow-context .signal-flow-node:not(.signal-flow-focus),.signal-flow-context .signal-flow-cancellation:not(.signal-flow-focus){opacity:.22}.signal-flow-node.signal-flow-focus{stroke-width:2px}.signal-flow-gutter{pointer-events:none}.signal-flow-gutter rect{fill:var(--color-surface-2)}.signal-flow-heading{fill:var(--color-muted);font:11px var(--font-ui)}.signal-flow-selection{fill:#9ad9d1;fill-opacity:.06;stroke:#9ad9d1;stroke-opacity:.25}.signal-flow-ghost{pointer-events:none}.signal-flow-ghost path{fill:none;stroke-linecap:round}.signal-flow-ghost circle{stroke-width:1.4px}#custom-details{margin-top:.5rem}.puzzle-editor{text-align:left;gap:.8rem;margin-top:.7rem;display:grid}.puzzle-editor label{gap:.35rem;min-width:0;display:grid}.puzzle-editor select{width:100%;max-width:none;min-height:44px}.editor-dimensions{flex-wrap:wrap;gap:.7rem;display:flex}.editor-dimensions>label{flex:1;min-width:7rem}.editor-workspace{min-width:0;position:relative}.editor-scroll{border:1px solid var(--color-border);border-radius:4px;max-width:100%;padding-block:.6rem;overflow:auto}.editor-board{grid-auto-rows:64px;width:max-content;margin-inline:auto;display:grid;position:relative}.quantum-game .editor-cell{cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:grid;position:relative}.editor-cell:before{content:"";background:#f5f5f2;height:1.8px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.editor-cell[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--color-accent)}.editor-cell[data-connectable]{background:var(--color-accent-soft);outline:1px dashed var(--color-accent);outline-offset:-5px;cursor:crosshair}.editor-cell[data-endpoint]{outline:1px dashed var(--color-accent);outline-offset:-5px}.editor-cell:focus-visible{outline:2px solid var(--color-heading);outline-offset:-3px}.editor-cell>.gate-glyph,.editor-hole{z-index:2;width:34px;height:34px;position:relative}.editor-hole{border:1.5px dashed var(--color-accent);background:#9ad9d114;border-radius:5px}.editor-link{z-index:1;pointer-events:none;background:#9ad9d1;width:2px;position:absolute;transform:translate(-50%)}.editor-endpoint-icon{z-index:2;place-items:center;width:34px;height:34px;display:grid;position:relative}.editor-endpoint-icon:after{content:"";border-left:2px dashed var(--color-accent);height:23px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.editor-endpoint-icon>.gate-glyph,.editor-endpoint-icon>.editor-hole{z-index:1;width:34px;height:34px;position:relative}.editor-menu{z-index:10;border:1px solid var(--color-border-strong);background:var(--color-surface);max-width:100%;max-height:calc(100dvh - 16px);box-shadow:var(--shadow-soft);border-radius:6px;padding:.4rem;position:absolute;overflow-y:auto}.editor-tools{grid-template-columns:repeat(3,44px);gap:.3rem;display:grid}.quantum-game .editor-tool{width:44px;height:48px;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:2px;display:grid}.editor-tool:hover,.editor-tool[aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent)}.editor-tool>.gate-glyph{width:34px;height:34px}.editor-erase{font-size:1.8rem;line-height:1}.editor-pair-hole{flex-direction:column;justify-content:space-between;align-items:center;height:42px;display:flex;position:relative}.editor-pair-hole:before{content:"";background:var(--color-accent);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.editor-pair-hole .editor-hole{background:var(--color-surface);width:17px;height:17px}#editor-choices{border-top:1px solid var(--color-border);margin-top:.4rem;padding-top:.4rem}#editor-gates{grid-template-columns:repeat(2,44px);justify-content:center;gap:.3rem;display:grid}.puzzle-editor>.button{justify-self:start}.custom-controls{max-width:37rem;font:.9rem var(--font-ui);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:1rem auto 0;display:flex}.custom-controls select{min-height:44px}.quantum-game .ranking input[type=checkbox]{accent-color:var(--color-accent);opacity:1}@media (width<=600px),(height<=500px) and (width<=1000px){.game-layout:has(.signals-game[data-signal-tutorial-view]){grid-template-columns:minmax(0,1fr)}.game-layout:has(.signals-game[data-signal-tutorial-view])>.mode-menu{display:none}.signals-game[data-signal-tutorial-view]{padding-bottom:calc(40svh + 24px)}.signals-game[data-signal-tutorial-side=above]{padding-top:calc(40svh + 24px)}.signals-game[data-signal-tutorial-view] #signal-scroll{margin-top:0;padding-block:.25rem}.signals-game[data-signal-tutorial-view] #flow-panel{max-height:max(112px, calc(60svh - 56px - var(--signal-circuit-height)));margin-top:.5rem;padding-block:.25rem}.signals-game[data-signal-tutorial-view] .signal-palette{display:none}.signals-game[data-signal-tutorial-view] #tutorial-panel[data-tutorial-bubble]{--signal-bubble-height:min(var(--tutorial-height), calc(40svh - 12px));max-height:var(--signal-bubble-height);padding:.6rem;font-size:.85rem;line-height:1.45}.signals-game[data-signal-tutorial-view] #tutorial-panel[data-tutorial-bubble] .tutorial-body{max-height:calc(var(--signal-bubble-height) - 1.2rem + 10px);flex-direction:column;display:flex;overflow:hidden}.signals-game[data-signal-tutorial-view] #tutorial-panel [aria-live]{min-height:0;overflow:auto}.signals-game[data-signal-tutorial-view] .tutorial-actions{flex-shrink:0;margin-top:.5rem}}@media (height<=500px) and (width>=601px) and (width<=1000px){.signals-game[data-signal-tutorial-view] #signal-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.signals-game[data-signal-tutorial-view] #flow-panel{max-height:44svh;margin-top:0}.signals-game[data-signal-tutorial-view]>section:has(#signal-memo[open]){grid-template-columns:minmax(0,1fr) 14rem;align-items:start;gap:.5rem;display:grid}.signals-game[data-signal-tutorial-view] #signal-memo{min-width:0;margin:0}.signals-game[data-signal-tutorial-view] #signal-memo .signal-memo-tabs{gap:.25rem;margin-block:.25rem}.signals-game[data-signal-tutorial-view] #signal-memo .signal-memo-map{max-height:30svh}.signals-game[data-signal-tutorial-view] #signal-memo:has(.signal-memo-key:not([hidden])) .signal-memo-map{max-height:calc(30svh - 3.25rem)}.signals-game[data-signal-tutorial-view]>section:has(#signal-memo[open])>:not(#signal-stage,#signal-memo){grid-column:1/-1}}