:root{--void:#070912;--bench:#0c1120;--bench-hi:#131a2c;--rule:#1c2438;--brass:#c79a3e;--brass-lo:#6e5527;--brass-hi:#f0d28a;--chalk:#ede9df;--dim:#79859f;--display:"Big Shoulders Display", "Archivo Narrow", "Oswald", "Haettenschweiler", sans-serif;--body:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--gap:clamp(1rem, 2.5vw, 1.75rem)}*{box-sizing:border-box}html,body{background:var(--void);color:var(--chalk);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;padding:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1100px 620px at 22% -8%,#4c86ff1a,#0000 62%),radial-gradient(900px 520px at 96% 4%,#c79a3e12,#0000 60%);position:fixed;inset:0}.app{z-index:1;max-width:1180px;margin:0 auto;padding:clamp(1.25rem,4vw,2.75rem) clamp(1rem,3vw,2rem) 3rem;position:relative}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;padding-bottom:1.1rem;display:flex;position:relative}.masthead:after{content:"";opacity:.85;background:linear-gradient(90deg,#f35 0%,#ffd93b 20%,#3bff88 40%,#3be8ff 60%,#4c86ff 80%,#ff52d9 100%);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.wordmark{font-family:var(--display);letter-spacing:.005em;text-transform:uppercase;color:var(--chalk);margin:0;font-size:clamp(3.2rem,9vw,5.6rem);font-weight:800;line-height:.82}.tagline{color:var(--dim);max-width:34ch;margin:.6rem 0 0;font-size:.95rem}.masthead-stats{gap:1.75rem;margin:0;display:flex}.masthead-stats dt{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:.66rem}.masthead-stats dd{font-family:var(--display);color:var(--brass);margin:.2rem 0 0;font-size:2.1rem;font-weight:600;line-height:1}.of{color:var(--dim);font-size:.55em}.level-strip{margin:1.25rem 0 var(--gap);flex-wrap:wrap;gap:.4rem;display:flex}.chip{font-family:var(--mono);border:1px solid var(--rule);background:var(--bench);min-width:2.4rem;color:var(--dim);cursor:pointer;border-radius:6px;padding:.42rem .2rem;font-size:.78rem;font-weight:500;transition:border-color .18s,color .18s,background .18s}.chip:hover{border-color:var(--brass-lo);color:var(--chalk)}.chip.is-solved{color:var(--brass);border-color:var(--brass-lo)}.chip.is-clean{background:#c79a3e1f}.chip.is-current{border-color:var(--brass);color:var(--void);background:var(--brass)}.stage{gap:var(--gap);grid-template-columns:minmax(0,1fr) 19rem;align-items:start;display:grid}.board-wrap{min-width:0}.board-frame{border-radius:14px;outline:none;position:relative}.board-frame:focus-visible{box-shadow:0 0 0 2px var(--brass)}.board{border-radius:14px;width:100%;height:auto;display:block}.bench-plate{fill:var(--bench);stroke:var(--rule);stroke-width:1px}.bench-rule{stroke:var(--rule);stroke-width:1px;opacity:.75}.bench-mark{stroke:var(--brass);stroke-width:1.4px;opacity:.5}.beams-halo line{stroke-width:14px;stroke-linecap:round;opacity:.36;stroke-dasharray:17 27;animation:.95s linear infinite flow}.beams-core line{stroke-width:3.4px;stroke-linecap:round}@keyframes flow{0%{stroke-dashoffset:44px}to{stroke-dashoffset:0}}.piece{transition:transform .3s cubic-bezier(.2,.95,.25,1.2)}.piece-backing{stroke:#04060d;stroke-width:11.5px;stroke-linecap:round}.piece-face{stroke:var(--brass);stroke-width:5.5px;stroke-linecap:round}.piece-sheen{stroke:var(--brass-hi);stroke-width:1.5px;stroke-linecap:round;opacity:.75}.piece-mount{fill:var(--brass-lo)}.piece-glass{stroke:#a9c8ff;stroke-width:10px;stroke-linecap:round;opacity:.2}.piece-half{stroke:var(--brass);stroke-width:4px;stroke-dasharray:6 5}.emit-body{fill:#182031;stroke:var(--brass-lo);stroke-width:1.5px}.emit-barrel{fill:var(--brass-lo)}.emit-fin{stroke:var(--brass-lo);stroke-width:2.5px;stroke-linecap:round}.emit-core{filter:url(#coreGlow)}.target-ring{stroke-width:2.6px;opacity:.5;transition:opacity .25s}.target-core{opacity:.14;transition:opacity .25s}.target-wait{stroke-width:1.4px;stroke-dasharray:3 6;opacity:.4;transform-box:fill-box;transform-origin:50%;animation:9s linear infinite spin}.piece--target.is-lit .target-ring{opacity:1}.piece--target.is-lit .target-core{opacity:1;filter:url(#coreGlow)}.target-pulse{stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:1.9s cubic-bezier(.2,.6,.3,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.75;transform:scale(.95)}70%{opacity:0;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}.wall-body{fill:#151d33;stroke:#27324f;stroke-width:1.5px}.wall-hatch{stroke:#2c3853;stroke-width:2.5px}.hit{fill:#0000}.hit.is-live{cursor:pointer}.hit.is-live:hover{fill:#c79a3e12}.hit-focus{fill:none;stroke:var(--brass);stroke-width:2px;opacity:.9}.board.is-solved .beams-core line{stroke-width:3.9px}.board.is-solved .beams-halo line{opacity:.6}.solved-veil{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070912bd;border-radius:14px;place-items:center;animation:.5s both veil;display:grid;position:absolute;inset:0}@keyframes veil{0%{opacity:0}to{opacity:1}}.solved-card{text-align:center;border:1px solid var(--brass-lo);background:linear-gradient(#131a2cf5,#0c1120f5);border-radius:12px;max-width:22rem;padding:1.75rem 2rem}.solved-kicker{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin:0;font-size:.66rem}.solved-title{font-family:var(--display);text-transform:uppercase;margin:.5rem 0 .6rem;font-size:2.6rem;font-weight:700;line-height:.95}.solved-line{color:var(--dim);margin:0 0 1.1rem;font-size:.88rem}.solved-card .btn--primary{width:100%}.rail{border:1px solid var(--rule);background:var(--bench);border-radius:14px;padding:1.25rem}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0;font-size:.66rem}.level-name{font-family:var(--display);text-transform:uppercase;margin:.3rem 0 0;font-size:2.2rem;font-weight:700;line-height:.95}.readout{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);gap:.75rem;margin:1.25rem 0;padding:.9rem 0;display:grid}.readout>div{justify-content:space-between;align-items:baseline;display:flex}.readout dt{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--dim);font-size:.68rem}.readout dd{font-family:var(--display);color:var(--chalk);margin:0;font-size:1.65rem;font-weight:600;line-height:1}.controls,.pager{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.pager{margin-top:.5rem}.btn{font-family:var(--body);border:1px solid var(--rule);background:var(--bench-hi);color:var(--chalk);cursor:pointer;border-radius:8px;padding:.62rem .75rem;font-size:.85rem;font-weight:500;transition:border-color .18s,background .18s,color .18s}.btn:hover:not(:disabled){border-color:var(--brass)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--brass);border-color:var(--brass-hi);color:#16110a;font-weight:600}.btn--primary:hover{background:var(--brass-hi)}.btn--ghost{color:var(--dim);background:0 0}.btn--ghost:hover{color:var(--chalk)}.guide-toggle{border:none;border-top:1px solid var(--rule);width:100%;color:var(--brass);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;margin-top:1rem;padding:.55rem 0;font-size:.7rem}.guide-toggle:hover{color:var(--brass-hi)}.guide-link{color:var(--brass);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--rule);margin-top:.5rem;padding:.55rem 0;font-size:.7rem;text-decoration:none;display:block}.guide-link:hover{color:var(--brass-hi)}.guide-lede{color:var(--chalk);margin:.25rem 0 .9rem;font-size:.86rem}.guide-note a{color:var(--brass);text-decoration:none}.guide-note a:hover{text-decoration:underline}.legend{gap:.55rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.legend li{color:var(--dim);grid-template-columns:1.35rem 1fr;align-items:center;gap:.55rem;font-size:.8rem;line-height:1.35;display:grid}.legend b{color:var(--chalk);font-weight:600}.swatch{border-radius:4px;width:1.35rem;height:1.35rem;display:block}.swatch--mirror{background:linear-gradient(45deg, transparent 42%, var(--brass) 42% 58%, transparent 58%)}.swatch--split{background:linear-gradient(45deg, transparent 42%, var(--brass) 42% 58%, transparent 58%);opacity:.55}.swatch--filter{background:#3bff8833;border:1px solid #3bff88b3}.swatch--wall{border:1px solid var(--rule);background:#101728}.swatch--emit{background:var(--brass-lo);border-radius:3px}.swatch--target{border:2px solid #3be8ff;border-radius:50%}.guide-note{color:var(--dim);margin:0 0 .7rem;font-size:.78rem;line-height:1.5}.wipe{color:var(--dim);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:.6;background:0 0;border:none;margin-top:1rem;padding:0;font-size:.66rem}.wipe:hover{opacity:1;color:#f35}.colophon{border-top:1px solid var(--rule);margin-top:2.5rem;padding-top:1.1rem}.colophon-main{color:var(--chalk);margin:0;font-size:.9rem}.colophon-main strong{color:var(--brass);font-weight:600}.colophon-sub{color:var(--dim);max-width:62ch;margin:.45rem 0 0;font-size:.78rem;line-height:1.55}@media (width<=900px){.stage{grid-template-columns:minmax(0,1fr)}.masthead{align-items:flex-start}.masthead-stats{gap:1.25rem}}@media (width<=480px){.masthead-stats dd{font-size:1.6rem}.chip{min-width:2.1rem;font-size:.72rem}.level-name{font-size:1.85rem}}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.beams-halo line{stroke-dasharray:none;opacity:.4}}