:root{--lw-night:#2d3a5c;--lw-day:#f2d993;--lw-beam:#fffdf0f2;--lw-beam-edge:#b0780a8c;--lw-wall:#3a332b;--lw-wall-top:#4c4439;--lw-wall-ink:#f4ede1;--lw-dot-dark:#ecf0fac7;--lw-dot-lit:#3b2a009e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lw-night:#1f2944;--lw-day:#dcb95f;--lw-beam:#fff8dce6;--lw-beam-edge:#78500099;--lw-wall:#0f0d0b;--lw-wall-top:#1d1a16;--lw-wall-ink:#ece4d6;--lw-dot-dark:#e1e6f5b3;--lw-dot-lit:#281c00a8}}:root[data-theme=dark]{--lw-night:#1f2944;--lw-day:#dcb95f;--lw-beam:#fff8dce6;--lw-beam-edge:#78500099;--lw-wall:#0f0d0b;--lw-wall-top:#1d1a16;--lw-wall-ink:#ece4d6;--lw-dot-dark:#e1e6f5b3;--lw-dot-lit:#281c00a8}.page-game .game{--board-gutter:clamp(6px, 1.6vw, 24px)}.lw-board{--gap:clamp(2px, .5vw, 3px);--pad:clamp(3px, .8vw, 6px);aspect-ratio:1;width:100%;padding:var(--pad);border-radius:var(--radius-m);background:var(--grout);box-shadow:inset 0 0 0 1px var(--grout-line), var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.lw-board__grid{grid-template-rows:repeat(var(--n), 1fr);gap:var(--gap);width:100%;height:100%;display:grid}.lw-board__row{grid-template-columns:repeat(var(--n), 1fr);gap:var(--gap);display:grid}.lw-cell{--tile:var(--lw-night);--v:1;--beam-h:none;--beam-v:none;cursor:pointer;background:var(--beam-h), var(--beam-v), radial-gradient(130% 110% at 28% 18%, #ffffff2e, #fff0 52%), radial-gradient(farthest-corner at 50% 45%, #0000 58%, #00000038 100%), url(/textures/glaze.webp) var(--tx,0) var(--ty,0) / 230px 230px, var(--tile);background-blend-mode:normal, normal, normal, normal, overlay, normal;filter:brightness(var(--v));transition:filter .18s var(--ease-out), box-shadow .22s var(--ease-out), background-color .22s var(--ease-out);border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 -2px 1px #0003;container-type:size}.lw-cell[data-lit]{--tile:var(--lw-day)}.lw-cell[data-lit*=h]{--beam-h:linear-gradient(to bottom, transparent calc(50% - 2.5px), var(--lw-beam-edge) calc(50% - 2.5px) calc(50% - 1.5px), var(--lw-beam) calc(50% - 1.5px) calc(50% + 1.5px), var(--lw-beam-edge) calc(50% + 1.5px) calc(50% + 2.5px), transparent calc(50% + 2.5px))}.lw-cell[data-lit*=v]{--beam-v:linear-gradient(to right, transparent calc(50% - 2.5px), var(--lw-beam-edge) calc(50% - 2.5px) calc(50% - 1.5px), var(--lw-beam) calc(50% - 1.5px) calc(50% + 1.5px), var(--lw-beam-edge) calc(50% + 1.5px) calc(50% + 2.5px), transparent calc(50% + 2.5px))}.lw-cell[data-kind=lamp]{--beam-h:none;--beam-v:none}.lw-cell:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;z-index:2}:root[data-theme=dark] .lw-cell:focus-visible{outline-color:var(--focus)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lw-cell:focus-visible{outline-color:var(--focus)}}@media (hover:hover){.lw-board:not([data-solved]) .lw-cell:not([data-wall]):hover{filter:brightness(calc(var(--v) * 1.1))}}.lw-cell[data-press]{animation:lw-press .24s var(--ease-out)}@keyframes lw-press{40%{transform:scale(.92)}}.lw-cell[data-wall]{cursor:default;background:linear-gradient(160deg, var(--lw-wall-top), var(--lw-wall) 70%), var(--lw-wall);filter:none;box-shadow:inset 0 1px #ffffff29,inset 1px 0 #ffffff0f,inset 0 -2px #00000073,inset 0 0 0 1px #00000040}.lw-num{color:var(--lw-wall-ink);font-variant-numeric:tabular-nums;text-shadow:0 -1px #0009;transition:opacity .2s var(--ease-out);font-size:max(.875rem,56cqh);font-weight:780;line-height:1}.lw-cell[data-state=done] .lw-num{opacity:.42}.lw-cell[data-state=over]{box-shadow:inset 0 0 0 2.5px var(--alarm), inset 0 -2px 0 #00000073}.lw-cell[data-state=over] .lw-num{color:color-mix(in oklab, var(--alarm) 45%, white);-webkit-text-decoration:underline wavy color-mix(in oklab, var(--alarm) 70%, white) 1.5px;text-decoration:underline wavy color-mix(in oklab, var(--alarm) 70%, white) 1.5px;text-underline-offset:3px}.lw-lamp{width:80%;height:80%;overflow:visible}.lw-cell[data-press] .lw-lamp{animation:lw-lamp-on .32s var(--ease-out)}@keyframes lw-lamp-on{0%{opacity:.2;transform:scale(.5)}}.lw-lamp__base{fill:#6b5a3a;stroke:var(--gold-ink);stroke-width:.7px}.lw-lamp__thread{fill:none;stroke:#fff0c88c;stroke-width:.8px;stroke-linecap:round}.lw-lamp__well{fill:#00000059}.lw-lamp__glass{fill:url(#lampwise-glass);stroke:var(--gold-deep);stroke-width:.8px}.lw-lamp__filament{fill:none;stroke:var(--gold-ink);stroke-width:1.3px;stroke-linecap:round}.lw-lamp__shine{fill:none;stroke:#fffffff2;stroke-width:1.2px;stroke-linecap:round}.lw-dot,.lw-cell[data-kind=auto]:after{aspect-ratio:1;background:var(--lw-dot-dark);width:20%;animation:lw-dot-in .16s var(--ease-out);border-radius:50%}.lw-cell[data-kind=auto]:after{content:"";opacity:.7;width:13%}.lw-cell[data-lit] .lw-dot,.lw-cell[data-lit][data-kind=auto]:after{background:var(--lw-dot-lit)}@keyframes lw-dot-in{0%{transform:scale(.3)}}.lw-cell[data-clash]{box-shadow:inset 0 0 0 3px var(--alarm), inset 0 -2px 1px #0003}.lw-cell[data-clash] .lw-lamp__glass{fill:color-mix(in oklab, var(--alarm) 45%, #ffe9a3);stroke:var(--alarm);stroke-width:1.6px}.lw-cell[data-clash] .lw-lamp__base{fill:var(--alarm)}.lw-cell[data-clash] .lw-lamp{animation:lw-clash .36s var(--ease-out)}@keyframes lw-clash{25%{transform:translate(-8%)}50%{transform:translate(7%)}75%{transform:translate(-4%)}}.lw-board[data-hinting] .lw-cell:not([data-hint]):before{content:"";background:color-mix(in oklab, var(--ground) 60%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.lw-board .lw-cell[data-hint=target]{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 0 5px var(--gold-ink);animation:lw-hint 1.2s var(--ease-out) infinite;z-index:1}.lw-cell[data-hint=because]{box-shadow:inset 0 0 0 2.5px #ffffffe6,inset 0 0 0 4px #00000059}@keyframes lw-hint{50%{filter:brightness(calc(var(--v) * 1.2))}}.lw-board[data-celebrate] .lw-cell:not([data-wall]){animation:lw-swell .7s var(--ease-out) both;animation-delay:calc(var(--d) * 55ms)}.lw-board[data-celebrate] .lw-lamp{animation:lw-bloom .6s var(--ease-out) both;animation-delay:calc(var(--d) * 55ms + 80ms)}@keyframes lw-swell{40%{filter:brightness(calc(var(--v) * 1.28))}}@keyframes lw-bloom{50%{transform:scale(1.2)}}.lw-board[data-solved] .lw-cell{cursor:default}.lw-board[data-static]{touch-action:auto;pointer-events:none;box-shadow:inset 0 0 0 1px var(--grout-line)}.lw-board[data-static] .lw-cell{border-radius:2px}.plate .lw-board,.game-card .lw-board{--pad:4px}.plate .lw-board{--gap:1.5px;border-radius:8px}.plate .lw-cell[data-lit*=h],.plate .lw-cell[data-lit*=v]{--beam-h:none;--beam-v:none}.week .week__day[data-done=true] .week__tile{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6a6.6 6.6 0 0 0-4 11.9c.8.6 1.3 1.5 1.3 2.7h5.4c0-1.2.5-2.1 1.3-2.7A6.6 6.6 0 0 0 12 2.6Z' fill='%23f3c24b' stroke='%239a6a05' stroke-width='.9'/%3E%3Crect x='9.3' y='17.2' width='5.4' height='3.6' rx='1' fill='%236b5a3a'/%3E%3Cpath d='M10.3 14.8 11 11l1 1.8 1-1.8.7 3.8' fill='none' stroke='%233b2a00' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") center / 70% no-repeat, var(--lw-night);box-shadow:none}.dialog__body .help-example{justify-self:center;width:min(230px,62vw)}.lw-legend{color:var(--ink-soft);text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}.lw-legend li{justify-items:center;gap:4px;display:grid}.lw-legend .lw-cell{cursor:default;width:40px;height:40px}.lw-figure{grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:8px 0;display:grid}.lw-figure figcaption{color:var(--ink-soft);grid-column:1/-1;font-size:.875rem}
