body.light-page{min-width:0}.light-page{--light-gold:#ecd59b;--light-dim:#899d91}.light-page ::selection{background:var(--lime);color:var(--green)}.light-nav{display:flex;flex-wrap:wrap;gap:8px 28px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.light-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none}.light-nav [aria-current]{text-decoration:underline;text-underline-offset:7px}.light-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,90px);padding:46px 0 36px;align-items:start}.light-intro h1{font:400 clamp(62px,7vw,96px)/.98 var(--serif);letter-spacing:-.04em;margin:0 0 28px}.light-intro h1 em{font-weight:400}.light-lead{font:400 27px/1.3 var(--serif);margin:0 0 18px}.light-copy{color:var(--muted);line-height:1.75;font-size:15px;max-width:37ch;margin:0 0 30px}.level-label{display:block;font-size:14px;margin-bottom:10px}.light-page select{width:100%;max-width:360px;background:var(--card,#fffdf7);color:var(--green);border:1px solid #8b9786;border-radius:6px;font:inherit;font-size:15px;min-height:48px;padding:10px 30px 10px 12px}.light-page button,.light-page summary{font:inherit;cursor:pointer}.light-page button:focus-visible,.light-page a:focus-visible,.light-page select:focus-visible,.light-page summary:focus-visible{outline:3px solid #68783c;outline-offset:4px}#light-progress{font-size:13px;color:var(--muted);margin:12px 0 24px}.light-guide{max-width:390px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0}.light-guide summary{padding:12px 0;font-size:14px}.light-guide p{font-size:14px;line-height:1.7;color:var(--muted)}.light-invitation{font:400 23px/1.4 var(--serif);margin:32px 0 0}.light-table{background:#142a23;color:var(--cream);border-radius:12px;padding:28px;min-width:0}.light-table-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.light-table h2{font:400 clamp(23px,2.6vw,34px)/1.2 var(--serif);margin:0}.light-table-head>span{font-size:13px;color:#c1ccba;white-space:nowrap}.light-stats{display:flex;justify-content:space-between;gap:14px;margin:22px 0}.light-stats p{font-size:12px;color:#c1ccba;margin:0}.light-stats strong{display:block;color:var(--cream);font-size:21px;font-weight:400;margin-top:6px;font-variant-numeric:tabular-nums}.light-board{display:grid;grid-template-columns:repeat(var(--size,3),minmax(0,1fr));width:100%;background:#233c32;border:1px solid #53685a;overflow:hidden;border-radius:6px;touch-action:manipulation}.light-cell{position:relative;aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:0;background:#192f27;color:var(--light-dim);box-shadow:inset 0 0 0 1px #334a3b;isolation:isolate;transition:background .25s,color .3s}.light-cell:hover{background:#263f31}.light-cell svg{display:block;width:100%;height:100%;overflow:visible}.light-cell .wire{stroke:currentColor;stroke-width:3.2;fill:none}.light-cell .core{fill:#192f27;stroke:currentColor;stroke-width:2}.light-cell.is-lit{color:var(--light-gold);background:#304333}.light-cell.is-lit .core{fill:var(--light-gold)}.light-cell .source-ring{stroke:currentColor;stroke-width:1.5;fill:none}.light-cell.is-source .core{fill:var(--light-gold)}.light-cell.is-hint{background:#627047}.light-cell:focus-visible{outline:3px solid var(--cream)!important;outline-offset:-5px!important;z-index:2}.light-cell:disabled{cursor:default}.light-status{font-size:14px;line-height:1.6;min-height:45px;color:#ccd6c3;margin:20px 0 10px}.light-controls{display:flex;gap:6px 18px;flex-wrap:wrap;border-top:1px solid #53685a;padding-top:12px}.light-controls button{background:transparent;border:0;color:var(--cream);font-size:13px;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:5px}.light-controls button:disabled{opacity:.4;cursor:default}.light-table button:focus-visible{outline-color:var(--light-gold)}.light-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#c1ccba;margin-top:16px}.light-legend span{display:flex;gap:8px;align-items:center}.light-legend svg{width:22px;height:22px;stroke:var(--light-gold);color:var(--light-gold);fill:none}.light-win{padding:6px 0 22px}.light-win h3{font:400 31px/1.15 var(--serif);margin:0 0 12px}.light-win p{font-size:14px;line-height:1.6;color:#ccd6c3}.light-next{background:var(--cream);border:0;color:var(--green);border-radius:40px;min-height:48px;padding:12px 22px;font-size:14px}.light-footnote{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding:24px 0 34px}.light-board.is-complete{animation:light-arrives .8s ease-out}@keyframes light-arrives{50%{filter:brightness(1.2)}}
@media(max-width:900px){.light-layout{grid-template-columns:1fr 1.15fr;gap:28px}.light-table{padding:20px}.light-intro h1{font-size:70px}}
@media(max-width:700px){.light-layout{grid-template-columns:1fr;padding-top:30px;gap:26px}.light-intro h1{font-size:64px;margin-bottom:20px}.light-lead{font-size:24px}.light-lead br{display:none}.light-copy{max-width:50ch;margin-bottom:20px}.light-invitation{display:none}.light-guide{max-width:none}.light-page select{max-width:none}.light-table{padding:20px}.light-stats{margin:18px 0}.light-nav{gap:3px 19px;font-size:13px}.light-table h2{font-size:28px}.light-cell .wire{stroke-width:3.6}}
@media(max-width:380px){.light-page main{padding-inline:14px}.light-intro h1{font-size:58px}.light-table{padding:10px}.light-table h2{font-size:24px}.light-table-head{gap:8px}.light-stats{gap:8px}.light-stats strong{font-size:19px}.light-controls{gap:6px 13px}.light-legend{gap:12px}.light-cell .wire{stroke-width:4}}
@media(prefers-reduced-motion:reduce){.light-cell{transition:none}.light-board.is-complete{animation:none}}

.light-board{max-width:520px;margin-inline:auto}
