:root{color-scheme:light;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif;color:#202321;background:#ede5d5;font-synthesis:none;--enamel: #ede5d5;--paper: #fffaf0;--charcoal: #202321;--muted: #5c625c;--copper: #826542;--red: #c52e3d;--blue: #1769aa;--green: #237a52;--violet: #7650a8;--orange: #a95313;--danger: #9b252d;--shadow: rgba(32, 35, 33, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--enamel);background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(68,58,42,.04) 1px,transparent 1px);background-size:32px 32px;font-size:16px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.18em}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #075a9a;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 16px;background:var(--charcoal);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer,main,.demo-banner{width:min(1180px,calc(100% - 32px));margin-inline:auto}.site-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(32,35,33,.25)}.wordmark{display:inline-flex;min-height:44px;align-items:center;gap:10px;font-family:Rockwell,Roboto Slab,Georgia,serif;font-size:1.08rem;font-weight:700;text-decoration:none}.wordmark-mark{display:flex;align-items:center;gap:3px;width:31px;height:22px;padding:5px;border:2px solid var(--charcoal);border-radius:3px;background:var(--paper)}.wordmark-mark i{width:5px;height:9px;border-radius:50%}.wordmark-mark i:nth-child(1){background:var(--red)}.wordmark-mark i:nth-child(2){background:var(--blue)}.wordmark-mark i:nth-child(3){background:var(--green)}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:20px}.site-header nav a{min-height:44px;display:inline-flex;align-items:center;font-weight:650}.demo-banner{min-height:52px;display:flex;align-items:center;justify-content:center;gap:24px;padding:8px 16px;color:var(--paper);background:var(--charcoal);border-radius:0 0 8px 8px}.demo-actions{display:inline-flex;gap:8px}.demo-banner .text-button:focus-visible{outline-color:var(--paper)}.text-button{min-height:44px;padding:4px 8px;border:0;color:inherit;background:transparent;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}.mode-switch{justify-self:start;color:#303530;padding-inline:0}.play-stage{display:grid;grid-template-columns:minmax(250px,.55fr) minmax(680px,1.45fr);gap:28px;align-items:start;padding:32px 0 40px}.intro{display:flex;flex-direction:column;gap:24px;padding:20px 0}.product-kicker,.eyebrow{margin:0 0 8px;color:#4e504c;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Rockwell,Roboto Slab,Georgia,serif;line-height:1.08}h1{max-width:760px;margin-bottom:12px;font-size:clamp(2.15rem,4vw,4rem);letter-spacing:-.04em}h2{font-size:clamp(1.45rem,2.8vw,2.25rem)}h3{font-size:1rem;letter-spacing:.03em}.audience{max-width:62ch;margin-bottom:0;color:#494e49;font-size:clamp(1rem,1.8vw,1.18rem)}.intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.intro-actions span{color:var(--muted);font-size:.9rem}.primary-button,.secondary-button,.hint-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:4px;font-weight:750;line-height:1.2;text-decoration:none;cursor:pointer}.primary-button{border:2px solid var(--charcoal);color:var(--paper);background:var(--charcoal);box-shadow:3px 3px 0 var(--copper)}.secondary-button,.hint-button{border:2px solid #6c573b;color:var(--charcoal);background:var(--paper)}.hint-button{width:100%}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.danger-button{background:var(--danger)}.primary-button:active,.secondary-button:active,.hint-button:active{transform:translate(1px,1px);box-shadow:none}.plain-facts{display:flex;flex-direction:column;gap:8px;padding:14px 0 0;margin:0;border-top:1px solid rgba(32,35,33,.22);list-style:none;color:#454943;font-size:.92rem;font-weight:650}.plain-facts li:before{content:"✓";margin-right:7px;color:var(--green);font-weight:900}.game-shell{padding:clamp(18px,3vw,32px);border:2px solid var(--charcoal);border-radius:8px;background:#e4dbc9;box-shadow:8px 8px #4c3d2b38,inset 0 0 0 5px #fffaf099}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.panel-heading h2{margin-bottom:0}.board-readout{display:flex;gap:16px;padding:8px 12px;border:1px solid #5d523f;border-radius:3px;background:#c9c2af;font-variant-numeric:tabular-nums;white-space:nowrap}.rule{max-width:72ch;margin:14px 0 20px;color:#464a45}.game-layout{display:grid;grid-template-columns:minmax(280px,500px) minmax(180px,1fr);gap:clamp(18px,3vw,32px);align-items:start}.board-wrap{width:min(100%,500px)}.board{position:relative;aspect-ratio:1;padding:4%;border:2px solid #423a2e;border-radius:7px;background-color:#f7f0e3;background-image:radial-gradient(rgba(74,58,39,.12) .7px,transparent .8px);background-size:7px 7px;box-shadow:inset 0 0 20px #3c2d1d1f,0 6px 16px var(--shadow);touch-action:manipulation}.traces,.socket-grid{position:absolute;inset:4%;width:92%;height:92%}.traces{overflow:visible;pointer-events:none}.channel{stroke:#826542;stroke-width:.08;stroke-linecap:round;stroke-dasharray:.11 .07}.path-line{stroke-width:.14;stroke-linecap:round}.path-line.signal-0{stroke:var(--red)}.path-line.signal-1{stroke:var(--blue)}.path-line.signal-2{stroke:var(--green)}.path-line.signal-3{stroke:var(--violet)}.path-line.signal-4{stroke:var(--orange)}.socket-grid{display:grid}.socket-grid:has(.socket:nth-child(16):last-child){grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.socket-grid:has(.socket:nth-child(36):last-child){grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.socket{position:relative;z-index:2;place-self:center;width:clamp(44px,70%,66px);aspect-ratio:1;padding:0;border:2px solid #504636;border-radius:50%;color:var(--paper);background:#d2cab9;box-shadow:inset 0 2px 3px #ffffffb3,0 2px #8b806c;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.socket:hover{transform:translateY(-1px)}.socket:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #20232138}.size-6 .socket{width:clamp(44px,64%,58px)}.socket-core{position:absolute;inset:28%;border:2px solid #756b5a;border-radius:50%;background:#aaa28f}.socket.source,.socket.receiver,.socket.relay{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4)}.socket.signal-0{background:var(--red)}.socket.signal-1{background:var(--blue)}.socket.signal-2{background:var(--green)}.socket.signal-3{background:var(--violet)}.socket.signal-4{background:var(--orange)}.socket.receiver{border-style:double;border-width:5px}.socket.active{outline:4px solid var(--charcoal);outline-offset:3px}.signal-glyph{position:absolute;inset:2px auto auto 7px;font-size:.58rem}.signal-letter{font-size:clamp(.8rem,2vw,1.1rem);font-weight:900}.relay .signal-glyph{display:none}.control-panel{display:grid;gap:20px;padding-top:4px}.control-panel h3{margin-bottom:8px}.signal-legend{display:grid;gap:4px;padding:0;margin:0;list-style:none}.legend-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;min-height:32px;gap:8px}.legend-glyph{font-size:.82rem}.legend-state{color:#555a55;font-size:.82rem}.legend-item.signal-0 .legend-glyph{color:var(--red)}.legend-item.signal-1 .legend-glyph{color:var(--blue)}.legend-item.signal-2 .legend-glyph{color:var(--green)}.legend-item.signal-3 .legend-glyph{color:var(--violet)}.legend-item.signal-4 .legend-glyph{color:var(--orange)}.fuses{display:flex;gap:8px;margin-bottom:10px}.fuse{width:18px;height:10px;border:2px solid #484136;border-radius:2px;background:var(--green)}.fuse.spent{background:transparent}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings{border-top:1px solid rgba(32,35,33,.2);padding-top:12px}.settings summary{min-height:44px;display:flex;align-items:center;font-weight:750;cursor:pointer}.toggle-row{min-height:44px;display:flex;align-items:center;gap:10px}.toggle-row input{width:22px;height:22px;accent-color:var(--green)}.seed{margin:0;color:#505550;font-size:.8rem;overflow-wrap:anywhere}.seed code{font-variant-numeric:tabular-nums}.game-message{min-height:48px;margin:22px 0 0;padding:11px 14px;border-left:4px solid var(--copper);background:#fffaf0a8;font-weight:650}.keyboard-note{margin:8px 0 0;color:var(--muted);font-size:.85rem}.below-board,.privacy-note{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:40px;padding:88px 0}.steps{display:grid;gap:28px;margin:0;padding:0;list-style:none;counter-reset:step}.steps li{position:relative;padding-left:58px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:-4px;width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--charcoal);border-radius:50%;font-family:Rockwell,Georgia,serif;font-weight:800;background:var(--paper)}.steps strong,.steps span{display:block}.steps span{margin-top:4px;color:var(--muted)}.privacy-note{border-top:2px solid var(--charcoal)}.privacy-note p{max-width:60ch}.site-footer{display:grid;grid-template-columns:1fr auto;gap:8px 32px;align-items:center;padding:32px 0 max(32px,env(safe-area-inset-bottom));border-top:1px solid rgba(32,35,33,.28);font-size:.9rem}.site-footer p{margin:0}.site-footer nav a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 2px}.site-footer .build{grid-column:1 / -1;color:var(--muted);font-size:.78rem}.text-page,.not-found{min-height:calc(100vh - 230px);padding:clamp(64px,10vw,120px) 0}.text-page>*{max-width:68ch}.text-page h1,.not-found h1{font-size:clamp(2.3rem,5vw,4.5rem)}.text-page h2{margin-top:40px}.text-page .primary-button{margin-top:16px}.page-message{margin-top:20px;font-weight:700}.not-found{text-align:center}.not-found h1,.not-found p{margin-inline:auto}.broken-trace{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.broken-trace span{width:56px;height:56px;display:grid;place-items:center;border:3px solid var(--charcoal);border-radius:50%;background:var(--red);color:#fff;font-weight:900}.broken-trace span:last-child{background:var(--paper);color:var(--charcoal)}.broken-trace i{width:110px;border-top:5px dashed var(--copper);transform:rotate(-7deg)}dialog{width:min(500px,calc(100% - 32px));padding:32px;border:2px solid var(--charcoal);border-radius:8px;color:var(--charcoal);background:var(--paper);box-shadow:10px 10px #20232147}dialog::backdrop{background:#202321b8}dialog h2{margin-bottom:12px}.end-mark{width:56px;height:56px;display:grid;place-items:center;margin-bottom:20px;border-radius:50%;color:#fff;font-size:2rem;font-weight:900}.end-mark.success{background:var(--green)}.end-mark.failure{background:var(--danger)}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}@media(max-width:1050px){.play-stage{display:block}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.5fr);align-items:end}.plain-facts{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}}@media(max-width:760px){.site-header,.site-footer,main,.demo-banner{width:min(100% - 24px,620px)}.site-header nav{gap:12px}.site-header nav a{font-size:.9rem}.play-stage{display:block;padding:12px 0 32px}.intro{display:flex;gap:12px;padding:12px 0 18px}.product-kicker{display:none}.intro h1{font-size:clamp(2.05rem,10vw,3.2rem)}.intro-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.intro-actions span{max-width:20ch}.plain-facts{flex-direction:row;flex-wrap:wrap;gap:4px 16px;padding-top:8px}.game-shell{margin-inline:-4px;padding:16px 12px 20px}.panel-heading{align-items:start}.panel-heading h2{font-size:1.35rem}.board-readout{flex-direction:column;gap:1px;padding:5px 8px;font-size:.76rem}.rule{font-size:.92rem}.game-layout{grid-template-columns:1fr;gap:24px}.size-6 .socket{width:44px}.control-panel{grid-template-columns:1fr 1fr;gap:18px 12px}.control-panel>:nth-child(n+3){grid-column:1 / -1}.below-board,.privacy-note{grid-template-columns:1fr;gap:24px;padding:64px 0}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.site-footer .build{grid-column:auto}}@media(max-width:430px){.wordmark span:last-child{font-size:.96rem}.site-header nav a:nth-child(1){display:none}.demo-banner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:4px 8px;font-size:.74rem}.demo-actions{display:contents}.demo-banner .text-button{min-height:44px;padding-inline:3px;font-size:.72rem}.intro{gap:14px}.plain-facts{font-size:.8rem}.game-shell{border-radius:4px}.board{padding:2%}.traces,.socket-grid{inset:2%;width:96%;height:96%}.size-6 .socket{width:44px}.socket{width:48px}.keyboard-note{display:none}.dialog-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}