@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#e9eee5;background:#111713;font-synthesis:none;color-scheme:dark;--lime:#d6f993;--muted:#8b988b;--line:#2b352c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 36%,#202b1b55,transparent 60%);min-height:100vh}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{max-width:520px;padding:0 20px;margin:auto}.masthead{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:800 35px 'Manrope',sans-serif;letter-spacing:-2px;display:flex;align-items:center}.wordmark-dot{color:var(--lime)}.logo{color:var(--lime);font-size:49px;line-height:1;margin-right:13px;transform:rotate(-25deg);font-weight:400}.header-right{display:flex;align-items:center;gap:30px}.icon-button{border:1px solid #46503e;border-radius:50%;height:30px;width:30px;font-size:15px;color:var(--lime)}main{display:block;padding:24px 0 0}.game-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.tabs{display:flex;gap:20px}.tab{font-size:12px;color:#849181;padding:0 0 9px;position:relative}.tab.active{color:var(--lime)}.tab.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lime)}#puzzle-date{color:var(--muted);font-size:9px;letter-spacing:1px}.board-frame{border:1px solid #3d4938;border-radius:11px;padding:18px 20px 14px;background:#1a2319;box-shadow:0 24px 70px #0002;overflow:hidden}.board-top,.board-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#98a78e;gap:8px}.board-top{padding-bottom:12px;justify-content:flex-end}.board-top>span:first-child{color:#c2ceba}.board-bottom{justify-content:flex-end;padding-top:12px;font-size:8px;color:#839279}.board{display:grid;grid-template-columns:repeat(var(--size,6),minmax(0,1fr));grid-template-rows:repeat(var(--size,6),minmax(0,1fr));aspect-ratio:1;position:relative;background:#131b13;border:1px solid #34402f;border-radius:4px;overflow:hidden;isolation:isolate}.cell{display:flex;align-items:center;justify-content:center;min-width:0;position:relative;border-right:1px solid #283323;border-bottom:1px solid #283323}.cell:nth-child(6n){border-right:0}.cell.wall span{width:70%;height:70%;border:1px solid #45503a;border-radius:3px;background:repeating-linear-gradient(135deg,transparent,transparent 4px,#47513b44 4px,#47513b44 5px),#2b3526;box-shadow:0 2px 3px #0003}.source>span{width:63%;height:63%;display:flex;align-items:center;justify-content:center;border:1px solid #d6f99355;color:var(--lime);background:#374929;border-radius:6px;font-size:26px;position:relative;z-index:3;box-shadow:0 0 17px #d6f9930c}.target-ring{border:1px solid #687c53;border-radius:50%;width:53%;height:53%;display:flex;align-items:center;justify-content:center;z-index:3;background:#192317;box-shadow:0 0 0 5px #a1c27808}.target-ring>span{border:1px solid #4c5e39;width:64%;height:64%;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#91a67c;font-size:18px}.target.lit .target-ring{background:#d6f993;border-color:#e0ffad;box-shadow:0 0 22px #c8fb6b55}.target.lit .target-ring>span{color:#354d1c;border:0}.socket{width:70%;height:70%;border:1px dashed #60704c77;border-radius:7px;display:flex;align-items:center;justify-content:center;position:relative;z-index:4}.socket:hover{background:#d6f99312;border-color:var(--lime)}.socket-dot{color:#7e925d;font-size:15px;font-weight:400}.socket.occupied{border:1px solid #74885c;background:#293622cc}.optic{width:75%;height:3px;background:#e0f3cc;transform:rotate(-45deg);box-shadow:0 0 5px #ddffb655;border-radius:2px}.optic.backslash{transform:rotate(45deg)}.socket.splitter{border-color:#8aa6b5;background:#22363bcc}.splitter .optic{background:#b7e1e9}.splitter-mark{position:absolute;font-size:11px;color:#b7e1e9;right:2px;top:0}.beams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.beams path{fill:none;stroke-linecap:round;stroke-linejoin:round}.beam-line{stroke:#ddff9a;stroke-width:.035}.beam-glow{stroke:#cfff71;stroke-width:.13;filter:blur(4px);opacity:.3}.solved .beam-glow{opacity:.65}.hinted{outline:2px solid #e1ff9e!important;outline-offset:4px}.toolbox{margin-top:24px}.toolbox-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.board-top,.board-bottom,.difficulty-label,.small-label{color:#a3ae99;font-size:9px}.tool-hint{font-size:10px;color:#75846e}.tools{display:flex;gap:9px}.piece-button{display:flex;align-items:center;gap:11px;border:1px solid #34402e;border-radius:7px;padding:12px 13px;flex:1;color:#a0ae95;font-size:11px;background:#192217}.piece-button.selected{background:#d6f9930c;border-color:#a8c97a;color:#d9f5b8}.piece-icon{font-size:25px;width:24px;line-height:1;color:#d7e8c8}.splitter-icon{color:#b7d4de}.piece-button b{display:inline-block;background:#35412c;color:#d0dfbd;font-size:9px;border-radius:4px;padding:3px 6px;margin-left:4px}.piece-button.eraser{flex:.8}.actions{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:21px 0 17px}.actions button{font-size:17px;color:#a3b192;padding:0;white-space:nowrap}.actions button span{font-size:11px;margin-left:5px}.actions-spacer{flex:1}.difficulty-label{color:#8b9d7b;font-size:8px;letter-spacing:1px}.actions #new-button{font-size:10px;color:var(--lime)}.status{font-size:11px;line-height:1.7;color:#9ca98e;text-align:center;margin:12px 0}.status:empty{display:none}footer{padding:16px 0 24px;display:flex;justify-content:center;font-size:10px;color:#78876e}footer button{font-size:10px;color:#b4c49f}.primary{background:var(--lime);color:#213018;border:1px solid var(--lime);border-radius:6px;padding:12px 17px;font-size:12px;font-weight:600}dialog{max-width:530px;width:calc(100% - 32px);background:#192217;color:#e5eddd;border:1px solid #536245;border-radius:14px;padding:38px;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#080e09bb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:10px;right:14px;font-size:25px;color:#b1c29f}dialog h2{font:500 35px 'Manrope',sans-serif;letter-spacing:-1.5px;margin:18px 0}dialog p,dialog li{font-size:13px;line-height:1.8;color:#b5c3a9}dialog ol{padding-left:20px}dialog li{padding:6px 0}.muted{font-size:11px!important;color:#91a281!important}dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-top:16px;color:#b6c6a7}input,select{font:inherit;color:#e6f2da;background:#11190f;border:1px solid #536245;border-radius:5px;padding:10px;width:100%}.workshop-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.workshop-actions>button:not(.primary){font-size:11px;border:1px solid #536245;padding:10px;border-radius:5px}pre{font-size:11px;line-height:1.8;white-space:pre-wrap;color:#c6dbaa;background:#11190f;padding:16px;border-radius:6px;margin-top:20px}#board[aria-busy=true]:empty:after{content:'Loading puzzle…';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a7bc8c;font-size:13px}@media(min-width:1440px){main{display:block;padding:24px 0 0}}@media(max-width:1150px){.shell{max-width:520px;padding:0 20px;margin:auto}main{display:block;padding:24px 0 0}.piece-button{padding:12px 9px;gap:5px}}@media(max-width:760px){.shell{max-width:520px;padding:0 20px;margin:auto}.masthead{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:29px}.logo{font-size:38px}main{display:block;padding:24px 0 0}.play-area{width:100%}.game-heading{margin-bottom:14px}.board-frame{padding:16px}.tool-hint{font-size:9px}.actions{gap:20px}.status{margin-top:13px}footer{padding:16px 0 24px;display:flex;justify-content:center;font-size:10px;color:#78876e}.piece-button{font-size:11px;padding:12px 9px}.toolbox{margin-top:19px}dialog{padding:30px 24px}.board-top,.board-bottom{font-size:7px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.target-ring{transition:background .2s,box-shadow .2s}}
.archive-schedule{display:flex;justify-content:space-between;gap:8px;border-block:1px solid var(--line);padding:14px 0;font-size:10px;color:var(--muted)}.archive-schedule b{display:block;color:var(--lime);font-size:12px;margin-top:5px;font-weight:500}.archive-month-nav{display:flex;align-items:center;justify-content:space-between;margin:20px 0 16px}.archive-month-nav h3{font:500 18px 'Manrope',sans-serif;margin:0}.archive-month-nav button{border:1px solid #536245;border-radius:5px;width:34px;height:34px}.archive-weekdays,.archive-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.archive-weekdays{text-align:center;color:var(--muted);font-size:10px;margin-bottom:10px}.archive-day{min-height:52px;padding:7px 2px;background:#11190f;border:1px solid #35432c;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.archive-day small{font-size:8px;color:#a6c589}.archive-day.standard small{color:#e5d192}.archive-day.hard small{color:#d5b0ab}.archive-day:hover:not(:disabled){background:#d6f99315;border-color:var(--lime)}.archive-day.current{border-color:var(--lime);background:#d6f99312}.archive-day[aria-current=date]>span{color:var(--lime);font-weight:700}.archive-day:disabled{opacity:.22}.archive-calendar+.muted{margin:18px 0}.game-heading{flex-wrap:wrap;row-gap:7px}

.result-dialog{max-width:360px;text-align:center;padding:30px}.result-dialog h2{margin:8px 0 26px;font-size:30px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result-stats span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.result-stats strong{font:500 32px Manrope,sans-serif;font-variant-numeric:tabular-nums;color:var(--lime)}.result-dialog .primary{width:100%;margin-top:12px}#share-status{font-size:11px;margin:14px 0 0}#share-status:empty{display:none}#share-fallback{width:100%;min-height:120px;font:12px/1.6 monospace;background:#11190f;color:inherit;border:1px solid #536245;border-radius:5px;padding:10px;margin-top:12px}.actions #result-button{font-size:11px;color:var(--lime)}

/* Keep the game within the visible viewport; only long dialogs may scroll. */
html{height:100%}
body{min-height:0;height:100vh;height:100dvh}
.shell{height:100%;display:grid;grid-template-rows:48px minmax(0,1fr) 28px;gap:8px;padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(16px,env(safe-area-inset-left,0px))}
.masthead{height:auto;min-height:0}
.wordmark{font-size:27px}.logo{font-size:36px;margin-right:8px}
main{min-height:0;padding:0;display:block}
.play-area{height:100%;min-height:0;display:grid;grid-template-rows:32px minmax(0,1fr) 66px 40px 32px;gap:8px}
.game-heading{margin:0;gap:8px;flex-wrap:nowrap;min-width:0}
.tabs{gap:16px;flex-shrink:0}.tab{padding:8px 0;font-size:12px}
#puzzle-date{font-size:9px;letter-spacing:0;white-space:nowrap}
.board-space{min-height:0;min-width:0;display:grid;place-items:center;container-type:size}.board-frame{width:min(100cqw,calc(100cqh - 38px));min-width:0;padding:10px;box-shadow:none}
.board-top,.board-bottom{height:14px;padding:0;font-size:8px;line-height:14px}.board-top{margin-bottom:5px}.board-bottom{margin-top:5px}
.board{width:100%;height:auto}
.cell{min-height:0}.socket{padding:0}.source>span{font-size:clamp(12px,6cqh,26px)}.target-ring>span{font-size:clamp(10px,4cqh,18px)}
.toolbox{margin:0;min-width:0;display:grid;grid-template-rows:14px 44px;gap:8px}
.toolbox-heading{margin:0}.tool-hint{font-size:9px}
.tools{gap:8px;min-width:0}.piece-button{min-width:0;padding:8px;gap:6px;justify-content:center;font-size:11px}.piece-icon{font-size:22px;width:22px}.piece-button b{margin-left:2px;padding:2px 4px}
.actions{padding:0;gap:14px;min-width:0}.actions button{min-height:36px}.actions button span{margin-left:3px}.actions-spacer{min-width:0}.actions #result-button,.actions #new-button{font-size:10px}.difficulty-label{letter-spacing:0}
.status{margin:0;align-self:center;line-height:1.4;font-size:10px;overflow-wrap:anywhere}.status:empty{display:block}
footer{padding:0;align-items:center}footer button{min-height:28px}
dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:370px){.tabs{gap:12px}.tab{font-size:11px}.actions{gap:6px}.piece-button{padding:6px;gap:3px}.piece-icon{font-size:19px;width:19px}}
@media(max-height:560px) and (min-width:600px){
  .shell{max-width:900px;grid-template-rows:40px minmax(0,1fr) 24px;gap:6px}
  .play-area{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:30px minmax(66px,1fr) 40px 32px;gap:8px 16px}
  .actions{gap:6px}.game-heading{grid-column:1/-1}.board-space{grid-column:1;grid-row:2/-1}.toolbox{grid-column:2;grid-row:2;align-self:center}.actions{grid-column:2;grid-row:3}.status{grid-column:2;grid-row:4}
  footer button{min-height:24px}
}
@media(max-height:560px) and (max-width:599px){
  .shell{grid-template-rows:38px minmax(0,1fr) 24px;gap:4px}
  .play-area{grid-template-rows:28px minmax(0,1fr) 40px 36px 28px;gap:5px}
  .toolbox{grid-template-rows:40px}.toolbox-heading{display:none}.board-frame{width:min(100cqw,calc(100cqh - 32px));padding:6px}.board-top,.board-bottom{height:12px;line-height:12px}.board-top{margin-bottom:4px}.board-bottom{margin-top:4px}
  .actions{gap:6px}footer button{min-height:24px}
}

.color-red{--light:#ff8079}.color-green{--light:#b9ef7c}.color-blue{--light:#87c8ff}.color-white{--light:#ddff9a}
.beam-line{stroke:var(--light);stroke-width:.045}.beam-glow{stroke:var(--light)}.color-green .beam-line{stroke-dasharray:.16 .045}.color-blue .beam-line{stroke-dasharray:.045 .055}
.cell:nth-child(6n){border-right:1px solid #283323}
.source>span{border-color:var(--light);color:var(--light);background:#1c281d;position:relative}.source i{font-style:normal;line-height:1;display:block}.source small{position:absolute;top:1px;left:3px;font:700 8px/1 sans-serif}
.target-ring{border-color:var(--light);color:var(--light)}.target-ring>span{color:var(--light);border-color:var(--light);font:700 clamp(8px,3cqh,12px)/1 sans-serif}.target.lit .target-ring{background:var(--light);border-color:var(--light);box-shadow:0 0 14px color-mix(in srgb,var(--light) 40%,transparent)}.target.lit .target-ring>span{color:#172012}.target.wrong .target-ring{outline:2px dashed #ffb27e;outline-offset:3px}.target.wrong .target-ring:after{content:'×';position:absolute;font-size:11px;color:#ffb27e;right:1px;top:0}
.socket{width:86%;height:86%;border-radius:5px}.socket.dichroic{border-color:#f4a29a;background:#382a27cc}.socket.dichroic .optic{background:#ffb7ad}.selective-mark{position:absolute;right:2px;top:1px;font:700 8px sans-serif;color:#ffb7ad}.socket.prism{background:#30233bcc;border-color:#c2a1e8}.prism-glyph{color:#d5b4ff;font-size:clamp(12px,6cqh,25px);line-height:1}.piece-button.prism .piece-icon{color:#d5b4ff}.piece-button.dichroic .piece-icon{color:#ffb7ad}
.tools{gap:5px}.piece-button{flex:1;flex-direction:column;gap:2px;padding:3px 2px;position:relative;line-height:1.1;font-size:9px}.piece-button.eraser{flex:1}.piece-icon{height:19px;font-size:20px;width:22px}.piece-button b{position:absolute;right:3px;top:3px;font-size:8px;margin:0;padding:2px 3px}.piece-button>span:last-child{white-space:nowrap}
@media(max-width:370px){.tools{gap:3px}.piece-button{font-size:8px;padding:3px 1px}.piece-icon{font-size:18px}.piece-button b{right:2px;top:2px;font-size:7px}}
.piece-button.red-mirror .piece-icon,.socket.red-mirror .optic{color:#ff8079;background:#ff8079}.piece-button.green-mirror .piece-icon,.socket.green-mirror .optic{color:#b9ef7c;background:#b9ef7c}.piece-button.blue-mirror .piece-icon,.socket.blue-mirror .optic{color:#87c8ff;background:#87c8ff}
.piece-button.red-mirror .piece-icon,.piece-button.green-mirror .piece-icon,.piece-button.blue-mirror .piece-icon{background:none}
.socket.red-mirror{border-color:#ff8079;background:#382a27cc}.socket.green-mirror{border-color:#b9ef7c;background:#293824cc}.socket.blue-mirror{border-color:#87c8ff;background:#22333ecc}.socket.red-mirror .selective-mark{color:#ff8079}.socket.green-mirror .selective-mark{color:#b9ef7c}.socket.blue-mirror .selective-mark{color:#87c8ff}
.socket{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.socket.holding{animation:piece-shake .09s linear infinite;outline:2px solid #eddbb2;outline-offset:1px}
@keyframes piece-shake{0%,100%{transform:rotate(-4deg) translateX(-1px)}50%{transform:rotate(4deg) translateX(1px)}}
@media(prefers-reduced-motion:reduce){.socket.holding{animation:none;filter:brightness(1.6)}}

/* Flat neon arcade optics: crisp silhouettes, restrained glow, no letter badges. */
.board-sprite{display:block;width:94%;height:94%;position:relative;z-index:3;pointer-events:none;overflow:visible;color:var(--light,#b9ef7c)}
.emitter-sprite{filter:drop-shadow(0 0 2px color-mix(in srgb,var(--light) 40%,transparent))}
.target-sprite{--core-opacity:.18;--dot-opacity:.6}
.target.lit .target-sprite{--core-opacity:.85;--dot-opacity:1;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--light) 65%,transparent))}
.obstacle-sprite{width:94%;height:94%}
.result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.result-stats strong{font-size:clamp(22px,7vw,30px)}