:root{--bg:#0f1115;--panel:#181b22;--panel-border:#262a33;--text:#d6d8dd;--text-dim:#8b8f99;--text-h:#f3f4f6;--solver:#7ee8a3;--solver-bg:#7ee8a31f;--guide:#f6c66b;--guide-bg:#f6c66b1f;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{max-width:960px;margin:0 auto;padding:32px 24px}h1,h2,h3{color:var(--text-h);margin:0;font-weight:600}a{color:inherit;text-decoration:none}.landing{text-align:center;padding-top:8vh}@media (width<=640px){.landing{padding-top:3vh}}.title{font-family:var(--mono);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(2.5rem,6vw,4rem)}.title__suffix{color:var(--solver)}.title-oo{vertical-align:-.08em;width:1.29em;height:.67em;display:inline-block}.tagline{color:var(--text-dim);margin-bottom:32px}.invite{flex-direction:column;align-items:center;gap:10px;margin-bottom:36px;display:flex}.invite-btn{appearance:none;border:1px solid var(--panel-border);font-family:var(--mono);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:11px 26px;font-size:.95rem;transition:background .12s,border-color .12s}.invite-btn:hover{background:var(--panel);border-color:var(--text-dim)}.invite__msg{font-family:var(--mono);color:var(--text-dim);font-size:.8rem}.role-choices{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}@media (width<=640px){.role-choices{grid-template-columns:1fr}}.home-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.footer-link{font-family:var(--mono);color:var(--text-dim);padding:9px 12px;font-size:.85rem;text-decoration:none;transition:color .12s;display:inline-block}.footer-link:hover{color:var(--text)}.privacy{text-align:left;max-width:640px;margin:0 auto;line-height:1.6}.privacy__title{margin-bottom:4px}.privacy__meta{color:var(--text-dim);margin-bottom:24px;font-size:.85rem}.privacy h2{margin:26px 0 8px;font-size:1.05rem}.privacy p,.privacy li{color:var(--text)}.privacy ul{flex-direction:column;gap:6px;margin:8px 0;padding-left:20px;display:flex}.privacy a{color:var(--solver)}.role-choice{text-align:left;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;gap:12px;padding:28px;transition:transform .15s,border-color .15s;display:flex}.role-choice:hover{transform:translateY(-2px)}.role-choice--solver:hover{border-color:var(--solver)}.role-choice--guide:hover{border-color:var(--guide)}.role-choice__label{font-family:var(--mono);color:var(--text-h);font-size:1.25rem}.role-choice--solver .role-choice__label{color:var(--solver)}.role-choice--guide .role-choice__label{color:var(--guide)}.role-choice__desc{color:var(--text-dim);font-size:.9rem}.footnote{color:var(--text-dim);font-size:.85rem}.role-view__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.daily-label{font-family:var(--mono);color:var(--text-h);margin-left:auto;font-size:.95rem}.solver-timer-wrap{text-align:center;margin-bottom:18px}.solver-timer{font-family:var(--mono);color:var(--solver);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:1.6rem}.home-link{font-family:var(--mono);color:var(--text-dim);align-items:center;gap:5px;font-size:.85rem;text-decoration:none;transition:color .12s;display:inline-flex}.home-link:hover{color:var(--text-h)}.home-link__icon{width:15px;height:15px}.back-link{color:var(--text-dim);font-size:.9rem}.back-link:hover{color:var(--text-h)}.role-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 10px;font-size:.8rem}.role-tag--solver{color:var(--solver);background:var(--solver-bg)}.role-tag--guide{color:var(--guide);background:var(--guide-bg)}.placeholder{color:var(--text-dim);margin:12px 0 32px}.module-list{flex-direction:column;gap:16px;display:flex}.module{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:20px}.module__side-only{font-family:var(--mono);color:var(--text-dim);margin-bottom:14px;font-size:.85rem;display:block}.module__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.submit-btn{font-family:var(--mono);color:var(--text-h);border:1px solid var(--text-dim);cursor:pointer;background:#ffffff0f;border-radius:8px;padding:10px 18px;font-size:.9rem}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.result{font-family:var(--mono);font-size:.9rem}.result--ok{color:var(--solver)}.result--bad{color:#f37070}.suspect-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.suspect-grid>:first-child{grid-column:1/span 2}.suspect-grid>:nth-child(2){grid-column:3/span 2}.suspect-grid>:nth-child(3){grid-column:5/span 2}.suspect-grid>:nth-child(4){grid-column:2/span 2}.suspect-grid>:nth-child(5){grid-column:4/span 2}.suspect-card{appearance:none;border:1px solid var(--panel-border);text-align:center;color:var(--text);font:inherit;cursor:pointer;background:#ffffff08;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;transition:border-color .12s,background .12s;display:flex}.suspect-card:hover:not(:disabled){border-color:var(--text-dim)}.suspect-card.is-selected{border-color:var(--solver);background:#7ee8a314}.suspect-card:disabled{cursor:default}.suspect-silhouette{width:38px;height:38px;fill:var(--text-dim);opacity:.8}.suspect-card .item-icon{width:28px;height:28px;color:var(--text-h)}.item-icon--inline{vertical-align:-6px;width:22px;height:22px;color:var(--text-h);margin:0 3px;display:inline-block}.manual__witnesses li{line-height:1.9}.suspect-card__name{font-family:var(--mono);color:var(--text-h);font-size:.95rem}.suspect-card__alibi{color:var(--text-dim);flex-direction:column;gap:2px;font-size:.85rem;font-style:italic;line-height:1.4;display:flex}.chess-board{aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:4px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;max-width:480px;margin:0 auto;display:grid;overflow:hidden}.chess-sq{cursor:pointer;place-items:center;line-height:1;display:grid;position:relative}.chess-sq--light{background:#d6d8dc}.chess-sq--dark{background:#5b6175}.chess-sq.is-selected{box-shadow:inset 0 0 0 3px var(--solver)}.chess-sq.is-movable:after{content:"";pointer-events:none;background:#7ee8a38c;border-radius:50%;width:28%;height:28%;position:absolute}.chess-piece-svg{pointer-events:none;width:86%;height:86%}.glyph-solver-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.glyph-solver-grid>:first-child{grid-column:1/span 2}.glyph-solver-grid>:nth-child(2){grid-column:3/span 2}.glyph-solver-grid>:nth-child(3){grid-column:5/span 2}.glyph-solver-grid>:nth-child(4){grid-column:2/span 2}.glyph-solver-grid>:nth-child(5){grid-column:4/span 2}.glyph-master-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0;display:grid}@media (width<=380px){.glyph-master-grid{gap:4px}}.glyph-tile--master .glyph-svg{max-width:72px;max-height:72px}.glyph-tile{border:1px solid var(--panel-border);color:var(--text-h);font:inherit;cursor:pointer;aspect-ratio:1;background:#ffffff0a;border-radius:8px;place-items:center;padding:8px;transition:border-color .12s,background .12s;display:grid;position:relative}.glyph-tile--solver{appearance:none}.glyph-tile--solver:hover:not(:disabled){border-color:var(--text-dim)}.glyph-tile--solver.is-numbered{border-color:var(--solver);background:#7ee8a31a}.glyph-tile--solver:disabled{cursor:default}.glyph-tile--master{cursor:default;padding:4px}.glyph-tile__badge{font-family:var(--mono);color:var(--solver);background:var(--bg);border:1px solid var(--solver);border-radius:999px;place-items:center;width:22px;height:22px;font-size:.85rem;font-weight:600;display:grid;position:absolute;top:6px;right:6px}.glyph-tile__index{font-family:var(--mono);color:var(--text-dim);font-size:.65rem;line-height:1;position:absolute;top:3px;left:5px}.glyph-svg{display:block}.manual__rule{font-size:.95rem;line-height:1.5;color:var(--text)!important;margin:8px 0!important}.manual__criteria{color:var(--text);margin:8px 0;padding-left:22px;font-size:.95rem;line-height:1.6}.manual__criteria li{margin:4px 0}.manual__note{font-style:italic;color:var(--text-dim)!important;margin-top:12px!important;font-size:.85rem!important}.manual-step{margin-top:16px}.manual-step__heading{font-family:var(--mono);color:var(--text-h);margin:0 0 6px;font-size:.9rem}.manual-step__intro{margin:0 0 6px;font-size:.95rem;line-height:1.55}.manual-step__list{margin:0;padding-left:22px;font-size:.95rem;line-height:1.55}.manual-step__list li{margin:2px 0}.manual-step__line{margin:0;font-size:.95rem;line-height:1.55}.manual-step__hint{color:var(--text-dim);margin:6px 0 0;font-size:.85rem}.manual-win{color:var(--text);margin:8px 0 14px;font-size:.95rem;line-height:1.5}.manual-win__label{font-family:var(--mono);color:var(--guide)}.manual-steps{counter-reset:manual-step;margin:0;padding:0;font-size:.95rem;line-height:1.55;list-style:none}.manual-steps>li{counter-increment:manual-step;color:var(--text);margin:0 0 14px}.manual-steps>li:last-child{margin-bottom:0}.manual-steps>li:before{content:"Step " counter(manual-step) ": ";font-family:var(--mono);color:var(--text-h)}.manual-substeps{counter-reset:manual-substep;color:var(--text-dim);margin:6px 0 0;padding:0 0 0 18px;list-style:none}.manual-substeps>li{counter-increment:manual-substep;margin:4px 0}.manual-substeps>li:before{content:counter(manual-substep, lower-alpha) ") "}.manual-visual{margin:10px 0 4px}.manual-figure-label{font-family:var(--mono);color:var(--text-h);margin:16px 0 0;font-size:.9rem}.manual-hl{color:var(--guide)}.glyph-master-grid--manual{width:60%;margin-left:auto;margin-right:auto}.wave-graph{background:#ffffff05;border-radius:8px;width:100%;height:140px;margin-bottom:18px;display:block}.wave-graph__axis{stroke:var(--guide);stroke-width:1.5px}.wave-graph__guide{stroke:var(--guide);stroke-width:1px;opacity:.4}.wave-graph__edge{stroke:var(--panel-border);stroke-width:1px;stroke-dasharray:4 6;opacity:.6}.wave-graph__wave{fill:none;stroke:var(--solver);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.wave-sliders{flex-direction:column;gap:18px;display:flex}.wave-slider{flex-direction:column;gap:6px;display:flex}.wave-slider__input{width:100%;accent-color:var(--solver);cursor:pointer;height:24px}.wave-slider__ticks{justify-content:space-between;padding:0 10px;display:flex}.wave-slider__tick{background:var(--panel-border);border-radius:999px;width:8px;height:8px;transition:background .12s,transform .12s}.wave-slider__tick.is-active{background:var(--solver);transform:scale(1.25)}.color-buttons{flex-direction:column;gap:12px;display:flex}.color-button{appearance:none;border:1px solid var(--panel-border);font-family:var(--mono);letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;text-shadow:-1px -1px #15171c,1px -1px #15171c,-1px 1px #15171c,1px 1px #15171c;border-radius:10px;padding:24px;font-size:1.6rem;font-weight:700;transition:filter .1s}.color-button:active:not(:disabled){filter:brightness(1.15)}.color-button:disabled{opacity:.5;cursor:default}.color-target{justify-content:center;margin:10px 0 4px;display:flex}.color-target__btn{font-family:var(--mono);letter-spacing:.08em;text-shadow:-1px -1px #15171c,1px -1px #15171c,-1px 1px #15171c,1px 1px #15171c;border-radius:10px;padding:16px 32px;font-size:1.4rem;font-weight:700}.module-preview--buttons{font-family:var(--mono);letter-spacing:.05em;flex-direction:column;justify-content:center;align-items:center;gap:8%;font-size:13cqi;font-weight:700;display:flex}.rotgrid{margin:0 auto;position:relative}.rotgrid__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.rotgrid__cell{box-sizing:border-box;border:1px solid var(--panel-border);position:absolute}.rotgrid__svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.rotgrid__trail{fill:none;stroke:var(--guide);stroke-linecap:round;stroke-linejoin:round}.rotgrid__dot{background:var(--solver);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.rotgrid__target{border:2px solid var(--text-h);box-sizing:border-box;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.path-buttons{grid-template-columns:1fr 1fr;gap:10px;max-width:220px;margin:22px auto 0;display:grid}.path-btn{appearance:none;aspect-ratio:1;border:1px solid var(--panel-border);color:var(--text-h);cursor:pointer;background:#ffffff0d;border-radius:10px;font-size:1.8rem;line-height:1;transition:background .12s,border-color .12s}.path-btn:hover:not(:disabled){border-color:var(--text-dim)}.path-btn:active:not(:disabled){background:#ffffff1f}.path-btn:disabled{opacity:.4;cursor:default}.path-candidates{flex-direction:column;gap:12px;margin:12px 0;display:flex}.path-candidate{border:1px solid var(--panel-border);background:#ffffff08;border-radius:8px;place-items:center;padding:8px;display:grid;position:relative}.path-candidate__label{font-family:var(--mono);color:var(--text-dim);font-size:.8rem;position:absolute;top:6px;left:8px}.module-preview--path{display:block}.path-preview-svg{width:100%;height:100%;display:block}.path-preview-cell{fill:none;stroke:var(--panel-border);stroke-width:.7px}.path-preview-trail{fill:none;stroke:var(--guide);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.path-preview-dot{fill:var(--solver)}.path-preview-target{fill:none;stroke:var(--text-h);stroke-width:1.4px}.module-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=640px){.module-grid{grid-template-columns:repeat(2,1fr)}}.module-tile{appearance:none;aspect-ratio:1;background:var(--panel);border:1px solid var(--panel-border);color:inherit;font:inherit;cursor:pointer;border-radius:12px;place-items:stretch stretch;padding:6px;transition:border-color .12s,transform .12s;display:grid;overflow:hidden;container-type:inline-size}.module-tile:hover{border-color:var(--text-dim);transform:translateY(-1px)}.manual-active{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:14px 18px 18px}.manual-back{appearance:none;border:1px solid var(--panel-border);font-family:var(--mono);color:var(--text-h);cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:.9rem;transition:background .12s,border-color .12s;display:inline-flex}.manual-back:hover{border-color:var(--text-dim);background:#ffffff14}.module-preview{width:100%;height:100%}.module-preview--glyphs{grid-template-rows:auto auto;grid-template-columns:repeat(6,1fr);align-content:center;gap:3px;display:grid}.module-preview--glyphs>:first-child{grid-column:1/span 2}.module-preview--glyphs>:nth-child(2){grid-column:3/span 2}.module-preview--glyphs>:nth-child(3){grid-column:5/span 2}.module-preview--glyphs>:nth-child(4){grid-column:2/span 2}.module-preview--glyphs>:nth-child(5){grid-column:4/span 2}.glyph-preview-cell{aspect-ratio:1;color:var(--text-h);background:#ffffff0a;border-radius:3px;place-items:center;padding:2px;display:grid}.glyph-preview-cell .glyph-svg{width:80%;max-width:none;height:80%;max-height:none}.module-preview--chess{border-radius:4px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.chess-preview-sq{background:#d6d8dc;place-items:center;line-height:1;display:grid}.chess-preview-sq.is-dark{background:#5b6175}.chess-preview-sq .chess-piece-svg{width:88%;height:88%}.module-preview--wave{flex-direction:column;justify-content:center;gap:6px;padding:6px 8px;display:flex}.wave-preview__wave{width:100%;height:36%;display:block}.wave-preview__axis{stroke:var(--panel-border);stroke-width:1px}.wave-preview__line{stroke:var(--text-h);stroke-width:3px;fill:none;stroke-linecap:round}.wave-preview__sliders{flex-direction:column;gap:4px;display:flex}.wave-preview__slider{align-items:center;height:8px;display:flex;position:relative}.wave-preview__track{background:var(--panel-border);height:2px;position:absolute;inset:50% 0 auto;transform:translateY(-1px)}.wave-preview__thumb{background:var(--text-h);border-radius:999px;width:8px;height:8px;position:absolute;transform:translate(-50%)}.module-preview--crime{grid-template-rows:auto auto;grid-template-columns:repeat(6,1fr);align-content:center;gap:4px;padding:4px;display:grid}.module-preview--crime>:first-child{grid-column:1/span 2}.module-preview--crime>:nth-child(2){grid-column:3/span 2}.module-preview--crime>:nth-child(3){grid-column:5/span 2}.module-preview--crime>:nth-child(4){grid-column:2/span 2}.module-preview--crime>:nth-child(5){grid-column:4/span 2}.crime-preview-cell{aspect-ratio:1;background:#ffffff0a;border-radius:3px;place-items:center;padding:4px;display:grid}.crime-preview-cell .suspect-silhouette{width:75%;height:75%}.solver-intro{text-align:center;padding:16px 0}.solver-intro__title{font-family:var(--mono);color:var(--solver);margin-bottom:20px;font-size:1.5rem}.solver-intro__points{text-align:left;max-width:460px;color:var(--text);margin:0 auto 28px;padding-left:20px;line-height:1.6}.solver-intro__points li{margin:10px 0}.solver-intro__start{padding:18px 56px;font-size:1.15rem}.intro-pair-note{text-align:left;max-width:460px;color:var(--text);background:var(--solver-bg);border:1px solid var(--solver);border-radius:10px;margin:0 auto 20px;padding:14px 16px;line-height:1.55}.role-view__header:has(.role-tag--guide)~.solver-intro .intro-pair-note{background:var(--guide-bg);border-color:var(--guide)}.intro-start-hint{color:var(--text-dim);margin:14px auto 0;font-size:.85rem}.solver-guide-cue{text-align:center;max-width:520px;color:var(--text);background:var(--guide-bg);border:1px solid var(--guide);border-radius:10px;margin:0 auto 16px;padding:10px 14px;font-size:.9rem;line-height:1.5}.progress-strip{justify-content:center;gap:14px;margin:8px 0 24px;display:flex}.progress-dot{appearance:none;border:2px solid var(--panel-border);width:36px;height:36px;font-family:var(--mono);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;font-size:.9rem;transition:background .15s,border-color .15s,color .15s;display:grid}.progress-dot.is-pending:hover{border-color:var(--text-dim);color:var(--text-h)}.progress-dot.is-current{border-color:var(--solver);background:var(--solver-bg);color:var(--solver)}.progress-dot.is-done{background:var(--solver);border-color:var(--solver);color:var(--bg)}.progress-dot.is-failed{color:var(--bg);background:#f37070;border-color:#f37070}.strike-row{min-height:24px;font-family:var(--mono);color:var(--text-dim);justify-content:center;align-items:center;gap:10px;margin-bottom:14px;font-size:.85rem;display:flex}.strike-row__label{letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.strike-row--solved{color:var(--solver)}.strike-row--failed{color:#f37070}.strike-pips{gap:6px;display:flex}.strike-pip{border:1.5px solid var(--text-dim);background:0 0;border-radius:999px;width:10px;height:10px;transition:background .15s,border-color .15s}.strike-pip.is-used{background:#f37070;border-color:#f37070}.module-slot.is-failed{pointer-events:none;opacity:.55}.flip-btn{appearance:none;background:var(--solver-bg);border:1px solid var(--solver);width:100%;color:var(--solver);font-family:var(--mono);cursor:pointer;border-radius:10px;margin-bottom:24px;padding:12px 16px;font-size:.9rem;transition:background .12s}.flip-btn:hover{background:#7ee8a32e}.results-screen{text-align:center;padding:24px 0}.results-screen__title{font-family:var(--mono);color:var(--text-h);margin-bottom:20px;font-size:1.5rem}.results-summary{flex-wrap:wrap;justify-content:center;gap:36px;margin-bottom:28px;display:flex}.results-stat{flex-direction:column;gap:4px;display:flex}.results-stat__value{font-family:var(--mono);color:var(--text-h);font-size:1.85rem;line-height:1}.results-stat__label{color:var(--text-dim);font-size:.8rem}.results-modules{max-width:520px;margin:0 auto 28px;padding:0;list-style:none}.results-module{background:var(--panel);border:1px solid var(--panel-border);text-align:left;border-radius:8px;grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;margin-bottom:8px;padding:10px 16px;font-size:.9rem;display:grid}.results-module__name{font-family:var(--mono);color:var(--text-h)}.results-module__time,.results-module__strikes{font-family:var(--mono);color:var(--text-dim);font-size:.85rem}.results-module__status{font-family:var(--mono);font-size:.85rem}.results-module.is-passed .results-module__status{color:var(--solver)}.results-module.is-failed .results-module__status{color:#f37070}.results-module.is-failed{border-color:#f370704d}.results-share{flex-direction:column;align-items:center;gap:8px;margin:0 auto 24px;display:flex}.share-btn{appearance:none;border:1px solid var(--solver);font-family:var(--mono);color:var(--solver);cursor:pointer;background:0 0;border-radius:10px;padding:12px 28px;font-size:.95rem;transition:background .12s}.share-btn:hover{background:var(--solver-bg)}.results-share__msg{font-family:var(--mono);color:var(--text-dim);font-size:.85rem}.results-screen__next{flex-direction:column;gap:18px;max-width:480px;margin:0 auto;display:flex}.results-screen__next p{color:var(--text);line-height:1.5}.primary-btn{appearance:none;background:var(--solver);font-family:var(--mono);color:var(--bg);cursor:pointer;text-align:center;border:none;border-radius:10px;padding:14px 22px;font-size:.95rem;text-decoration:none;display:inline-block}.primary-btn:hover{filter:brightness(1.08)}.switchboard-audio{margin-bottom:14px}.switchboard-play{appearance:none;font-family:var(--mono);color:var(--bg);background:var(--solver);cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-size:.95rem}.switchboard-play:hover:not(:disabled){filter:brightness(1.08)}.switchboard-play:disabled{opacity:.5;cursor:not-allowed}.switchboard-fallback{color:var(--text-dim);margin-top:10px;font-size:.85rem}.switchboard-howto{color:var(--text-dim);margin-bottom:16px;font-size:.9rem}.switchboard-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (width<=640px){.switchboard-grid{grid-template-columns:repeat(4,1fr)}}.switchboard-tile{appearance:none;font-family:var(--mono);color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:14px 6px;font-size:1rem;transition:border-color .12s,background .12s}.switchboard-tile:hover:not(:disabled){border-color:var(--text-dim)}.switchboard-tile.is-found{color:var(--solver);border-color:var(--solver);background:var(--solver-bg)}.switchboard-tile.is-missed{color:#f37070;background:#f370701f;border-color:#f37070}.switchboard-tile:disabled{cursor:default}.switchboard-map{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 18px;display:grid}.switchboard-map__row{font-family:var(--mono);align-items:center;gap:8px;font-size:.95rem;display:flex}.switchboard-map__from{color:var(--solver);min-width:42px}.switchboard-map__arrow{color:var(--text-dim)}.switchboard-map__to{color:var(--guide)}.module-preview--switchboard{color:var(--guide);place-items:center;display:grid}.switchboard-preview__icon{width:56cqi;height:56cqi}.color-forge-swatch{border:1px solid var(--panel-border);border-radius:6px;width:100%;height:140px}.color-forge-swatch--guide{height:120px}.color-forge-target-label{font-family:var(--mono);color:var(--text-h);margin:0 0 8px;font-size:.9rem}.color-forge-sliders{flex-direction:column;gap:18px;display:flex}.color-forge-slider{flex-direction:column;gap:6px;display:flex}.color-forge-slider__input{width:100%;accent-color:var(--solver);cursor:pointer;height:24px}.color-forge-slider__ticks{justify-content:space-between;padding:0 10px;display:flex}.color-forge-slider__tick{background:var(--panel-border);border-radius:999px;width:8px;height:8px;transition:background .12s,transform .12s}.color-forge-slider__tick.is-active{background:var(--solver);transform:scale(1.25)}.module-preview--color-forge{flex-direction:column;justify-content:center;gap:6px;padding:6px 8px;display:flex}.color-forge-preview__swatch{background:linear-gradient(135deg,#c8643c,#6b8fd6);border-radius:4px;width:100%;height:44%}.color-forge-preview__sliders{flex-direction:column;gap:4px;display:flex}.color-forge-preview__slider{align-items:center;height:8px;display:flex;position:relative}.color-forge-preview__track{background:var(--panel-border);height:2px;position:absolute;inset:50% 0 auto;transform:translateY(-1px)}.color-forge-preview__thumb{background:var(--text-h);border-radius:999px;width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.spot-diff-grid{gap:8px;width:100%;max-width:320px;display:grid}.spot-diff-cell{aspect-ratio:1;border-radius:8px;place-items:center;display:grid}.spot-diff-cell--empty{background:#ffffff05}.spot-diff-cell--filled{border:1px solid var(--panel-border);background:#ffffff0a}button.spot-diff-cell{appearance:none;font:inherit;color:inherit;cursor:pointer;padding:0;transition:border-color .12s,background .12s}button.spot-diff-cell:hover:not(:disabled){border-color:var(--text-dim)}button.spot-diff-cell:disabled{cursor:default}.spot-diff-cell.is-found{border-color:var(--solver);box-shadow:inset 0 0 0 2px var(--solver);background:var(--solver-bg)}.spot-diff-grid--guide{max-width:280px;margin-top:12px}.spot-diff-status{font-family:var(--mono);color:var(--text-dim);margin-top:12px;font-size:.85rem}.module-preview--spot-difference{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);align-content:center;gap:3px;display:grid}.spot-diff-preview-cell{aspect-ratio:1;background:#ffffff0a;border-radius:3px;place-items:center;display:grid}.crossed-wires-svg{background:#ffffff05;border-radius:10px;width:100%;max-width:400px;height:auto;margin:4px auto 0;display:block}.crossed-wires-strip{fill:#2a2f3a;stroke:var(--panel-border);stroke-width:1px}.crossed-wires-slot{fill:#11141a;stroke:var(--text-dim);stroke-width:1.5px}.crossed-wires-wire.is-cut{opacity:.35}.crossed-wires-hit{stroke:#0000;cursor:pointer}.module-preview--crossed-wires{background:#ffffff0a;border-radius:3px;place-items:center;display:grid}.module-preview--crossed-wires svg{width:86%;height:86%}.crossed-wires-preview-strip{fill:#2a2f3a}.constellation-field{aspect-ratio:1;background:#ffffff05;border-radius:8px;width:100%;max-width:420px;margin:0 auto;display:block}.constellation-star{fill:var(--solver)}.constellation-edge{stroke:var(--guide);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.constellation-ring{fill:none;stroke:var(--solver);stroke-width:1.6px;vector-effect:non-scaling-stroke}.constellation-hit{fill:#0000;cursor:pointer}.constellation-count{font-family:var(--mono);color:var(--text-dim);text-align:center;margin:12px 0 0;font-size:.85rem}.constellation-candidates{gap:12px;display:flex}.constellation-candidate{flex:1;min-width:0;position:relative}.constellation-candidate__label{z-index:1;font-family:var(--mono);color:var(--text-dim);font-size:.85rem;position:absolute;top:6px;left:8px}.module-preview--constellation{place-items:center;padding:8px;display:grid}.module-preview--constellation svg{width:100%;height:100%}.role-solver{color:color-mix(in srgb, var(--solver) 60%, var(--text))}.role-guide{color:color-mix(in srgb, var(--guide) 60%, var(--text))}