:root{color-scheme:dark;--bg:#111417;--panel:#1c2024;--ink:#f5f5ec;--muted:#a7aead;--lime:#d2f96b;--orange:#ffa46e;--line:#343b3e;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:1px solid var(--line);background:transparent;border-radius:10px;padding:12px 16px;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--lime);background:#d2f96b0a}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}a{color:inherit;text-decoration:none}header{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 32px;border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:-1px;font-size:23px}.branddot{color:var(--lime);padding-left:10px}.iconbutton{font-size:14px;border:0;color:var(--muted)}main{max-width:1060px;margin:auto;padding:40px 32px 24px}.intro{position:relative;padding-bottom:28px}.eyebrow{font-family:monospace;letter-spacing:1.6px;font-size:13px;display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.intro .eyebrow{max-width:530px}h1{font-size:clamp(44px,6vw,70px);font-weight:900;line-height:.99;letter-spacing:-3px;margin:20px 0 0}h1 span{color:var(--lime)}.intro p{position:absolute;right:0;bottom:26px;width:330px;margin:0;color:var(--muted);line-height:1.55}.workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:30px;align-items:start}.boardpanel{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.boardtop{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);font-family:monospace;font-size:13px;color:var(--muted);gap:12px}.boardwrap{position:relative;aspect-ratio:1;margin:12px}.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:100%;width:100%;position:relative}.cell{display:flex;align-items:center;justify-content:center;position:relative;padding:0;border:none;border-radius:12px;min-width:0;min-height:0;opacity:1!important;font-size:0}.cell.blank::after{content:'';height:3px;width:3px;border-radius:50%;background:#434b4e}.cell.target::after{content:'';height:24%;width:24%;border:2px solid #909998;border-radius:50%;background:var(--panel);z-index:2}.cell.target.lit::after{background:var(--lime);border-color:var(--lime);box-shadow:0 0 20px #d2f96b70}.cell.target.missed::after{border-color:var(--orange);border-style:dashed}.cell.socket::before{content:'';position:absolute;inset:15%;border:1px dashed #74817c;border-radius:8px}.cell.socket:hover{background:#d2f96b12}.cell.placed{background:#28312b;outline:1px solid #56654a;outline-offset:-6px}.cell.selected{background:#d2f96b20;outline:2px solid var(--lime);outline-offset:-5px}.cell.source{background:#ffa46e0c}.cell.source svg{color:var(--orange);width:72%;height:72%}.cell svg{color:var(--lime);width:70%;height:70%;position:relative;z-index:2}.cell.activated{background:#d2f96b42}.cell.inactive svg{color:#84936e}.cell .relaynum{position:absolute;bottom:8%;right:14%;font:10px monospace;color:var(--muted);z-index:3}.cell.reachable{background:#ffa46e12}#beams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}#beams line{stroke:var(--lime);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 5px #d2f96b90)}#beams line.ghost{stroke:#d2f96b66;stroke-width:2;stroke-dasharray:7 8;filter:none}.legend{display:flex;justify-content:center;gap:20px;padding:13px 10px 20px;font-size:13px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:9px;height:9px;display:inline-block}.legendstart{background:var(--orange);transform:rotate(45deg)}.legendtarget{border:2px solid var(--lime);border-radius:50%}.legendsocket{border:1px dashed var(--muted)}.controls{padding-top:10px}.hand{display:flex;gap:8px;margin:18px 0}.piece{flex:1;padding:7px 3px;min-width:0;height:91px;position:relative;border-radius:12px;background:var(--panel)}.piece svg{width:42px;height:42px;display:block;margin:auto;color:var(--lime)}.piece small{font-size:12px;display:block;color:var(--muted);margin-top:6px}.piece.selected{border:2px solid var(--lime);background:#d2f96b10}.piece.used small{color:var(--lime)}.tools{display:flex;gap:10px}.tools button:first-child{flex:1}.tools button{font-size:14px;padding:11px}kbd{font-family:monospace;color:var(--muted);padding:2px 5px;border:1px solid var(--line);border-radius:4px;margin-left:12px}.instruction{min-height:44px;line-height:1.4;color:var(--ink);font-size:15px;margin:20px 0 14px}.reach{padding:18px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.45}.reach strong{display:block;color:var(--ink);font-weight:500;margin-bottom:6px}.primary{width:100%;background:var(--lime);color:#17200c!important;border:0;border-radius:12px;padding:17px 14px;font-weight:800;margin-top:14px}.primary:hover:not(:disabled){background:#e1ff95}.primary:disabled{background:#2c3430;color:#a7aead!important;opacity:1}.score{font-size:108px;font-weight:900;letter-spacing:-6px;line-height:1.08;margin-top:8px;color:var(--lime)}.score small{font-size:32px;color:var(--muted);letter-spacing:-1px;padding-left:8px}h2{font-size:24px;letter-spacing:-.7px;line-height:1.1;margin:12px 0}.controls p{line-height:1.5}#resultBody{margin:10px 0;color:var(--ink)}.reason{font-size:14px;color:var(--muted)}.pb{font:13px monospace;color:var(--orange);padding:12px 0}.resultactions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.resultactions button{font-size:14px;padding:12px 5px}.textbutton{border:0;padding-left:0;color:var(--muted);font-size:14px}.challenge{border-left:3px solid var(--orange);padding:12px 16px;margin-bottom:24px;color:var(--orange);line-height:1.5;background:#ffa46e08}footer{margin-top:28px;color:var(--muted);font-size:14px}.modes{display:flex;gap:8px;align-items:center;margin-bottom:26px;flex-wrap:wrap}.modes button{padding:10px 15px;font-size:14px}.modes button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}#streak{font:13px monospace;margin-left:auto}details{padding:15px 0;border-top:1px solid var(--line);line-height:1.6}summary{cursor:pointer;width:fit-content}details p{max-width:700px}details button{font-size:14px}.footnote{font:12px monospace;letter-spacing:1px;padding-top:15px}#toast{min-height:22px;color:var(--orange);margin-top:14px;font-size:14px}#copyFallback{padding:16px;border:1px solid var(--line);border-radius:10px}textarea{width:100%;margin-top:8px;font:14px monospace;background:var(--panel);color:var(--ink);padding:10px;border:1px solid var(--line)}[hidden]{display:none!important}.sparkpulse{animation:pulse .5s ease-out}@keyframes pulse{50%{box-shadow:inset 0 0 24px #d2f96b50}}@media(max-width:760px){header{padding:18px 20px}main{padding:24px 16px}.intro{padding-bottom:22px}.intro p{position:static;width:auto;font-size:15px;margin-top:14px}h1{font-size:48px}.workbench{grid-template-columns:1fr;gap:20px;max-width:520px;margin:auto}.boardwrap{margin:8px}.boardtop{padding:14px 15px;font-size:12px}.controls{padding:0 4px}.hand{margin:12px 0}.piece{height:78px}.piece svg{height:36px;width:36px}.instruction{min-height:0;margin:14px 0}.reach{padding:12px 0}.intro .eyebrow{font-size:12px}.legend{padding:7px 8px 13px;gap:16px;font-size:12px}.score{font-size:88px}.intro br:first-child{display:initial}.brand{font-size:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}#beams line{filter:none}}