.light-up-game{--game-accent:#ffe895;--light-up-board:#9aaeb3;--light-up-frame:#4f3021;--light-up-grid:#241914;--light-up-lit:#ffe895;--light-up-wall:#20262a;--light-up-warning:#f76f78}.light-up-board{aspect-ratio:var(--light-up-columns) / var(--light-up-rows);grid-template-columns:repeat(var(--light-up-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--light-up-rows), minmax(0, 1fr));isolation:isolate;touch-action:manipulation;user-select:none;background:linear-gradient(92deg,#ffffff0a,#0000 18% 78%,#00000025),repeating-linear-gradient(4deg,#6f4732 0 2px,#563622 2px 7px,#68422c 7px 10px);border:clamp(.22rem,.8vw,.42rem) solid #302018;border-radius:1.2rem;gap:clamp(1px,.28cqi,3px);width:min(100%,38rem);margin:0 auto;padding:clamp(.18rem,.8cqi,.38rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #b47a5048,inset 0 .1rem #e0b08438,0 1.15rem 2.8rem #02080b52,0 .2rem .4rem #02080b55;container-type:inline-size}.light-up-board:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.light-up-board:focus-visible{outline-offset:4px;outline:3px solid #facc15d1}}.light-up-row{display:contents}.light-up-cell,.light-up-wall{transform-origin:50% 100%;z-index:2;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.light-up-cell{appearance:none;color:#26383e;cursor:pointer;font:inherit;background:radial-gradient(circle at 33% 25%,#dce7e7 0 3%,#0000 4%),linear-gradient(145deg,#c6d3d3 0,#9eb1b5 54%,#7f959b 100%);border:0;border-radius:clamp(.08rem,.45cqi,.22rem);padding:0;transition:background .22s,box-shadow .22s,filter .15s,transform .12s;box-shadow:inset 0 1px #eff8f6a8,inset 0 -2px #3e535a42,0 1px 1px #120b0875}.light-up-cell:before{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle,#fff9c9 0,#ffe58a99 34%,#0000 72%);transition:opacity .26s,transform .36s cubic-bezier(.2,.8,.25,1.1);position:absolute;inset:-30%;transform:scale(.5)}.light-up-cell:not(:disabled):active{transform:scale(.94)}.light-up-board[aria-readonly=true] .light-up-cell{cursor:default}.light-up-cell[data-lit=true]{color:#513d0d;background:radial-gradient(circle at 38% 27%,#fff 0 4%,#0000 5%),linear-gradient(145deg,#fffce7 0,#ffe99d 57%,#e2b84f 100%);box-shadow:inset 0 1px #fff,inset 0 -2px #ae781a42,0 0 clamp(.18rem,1.5cqi,.65rem) #ffd95952}.light-up-cell[data-lit=true]:before{opacity:.7;transform:scale(1)}.light-up-cell[data-bulb=true]{color:#2f2104;background:radial-gradient(circle at 50% 40%,#fffbd4 0,#ffe98e 43%,#d49c29 100%);box-shadow:inset 0 0 clamp(.4rem,2.4cqi,1.3rem) #fffbd3,inset 0 -3px #9b681e50,0 0 clamp(.4rem,2.5cqi,1.2rem) #ffd64f9c}.light-up-wall{background:radial-gradient(circle at 30% 22%, #ffffff10 0 2%, transparent 3%), linear-gradient(145deg, #3b4549 0, var(--light-up-wall) 58%, #11171a 100%), var(--light-up-wall);color:#f5eee2;border-radius:clamp(.08rem,.45cqi,.22rem);box-shadow:inset 0 1px #ffffff24,inset 0 -2px #05090b8c,0 1px 1px #120b08a0}.light-up-wall-clue{font-variant-numeric:tabular-nums;text-shadow:0 2px #020506;z-index:2;font-size:clamp(.82rem,8cqi,2.25rem);font-weight:760}.light-up-bulb-symbol{filter:drop-shadow(0 .08rem .08rem #3f2c0870)drop-shadow(0 0 .32rem #fff1a6);z-index:2;width:68%;height:82%;display:block;position:absolute;top:7%}.light-up-bulb-symbol svg{width:100%;height:100%;overflow:visible}.light-up-bulb-glass{fill:#fff8b9b5;stroke:#fffce1;stroke-width:2.4px}.light-up-bulb-shine{fill:none;opacity:.9;stroke:#fff;stroke-linecap:round;stroke-width:3.2px}.light-up-bulb-filament{fill:none;stroke:#8b5409;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3px}.light-up-bulb-base{fill:#727a77;stroke:#eef1e9;stroke-width:1.5px}.light-up-bulb-thread{fill:none;stroke:#252c2d;stroke-width:2px}.light-up-bulb-tip{fill:#3c4645}.light-up-exclusion{color:#364b50;opacity:.62;z-index:2;font-family:Bradley Hand,Segoe Print,cursive;font-size:clamp(1rem,9cqi,2.5rem);font-weight:700;line-height:1;transform:rotate(-7deg)}.light-up-cell[data-conflict=true]{box-shadow:inset 0 0 0 3px var(--light-up-warning), inset 0 0 0 6px #4b121b}.light-up-wall[data-status=satisfied] .light-up-wall-clue{color:#bdf4cb;text-shadow:0 2px #020506,0 0 .55rem #64d78d55}.light-up-wall[data-status=mistake]{box-shadow:inset 0 0 0 3px var(--light-up-warning), inset 0 0 0 6px #4b121b}.light-up-satisfied{color:#86efac;font-size:clamp(.5rem,3cqi,.85rem);position:absolute;bottom:.08rem;right:.14rem}.light-up-error-badge,.light-up-hint-badge{z-index:4;border-radius:999px;justify-content:center;align-items:center;min-width:clamp(.76rem,8cqi,1.3rem);height:clamp(.76rem,8cqi,1.3rem);font-size:clamp(.48rem,3cqi,.78rem);font-weight:850;line-height:1;display:flex;position:absolute;top:.12rem;right:.12rem}.light-up-error-badge{background:var(--light-up-warning);color:#3b0a12}.light-up-hint-badge{color:#332700;background:#facc15;border:1px dashed #332700;padding-inline:.2rem}.light-up-cell[data-hint],.light-up-wall[data-hint]{outline-offset:-5px;outline:3px dashed #facc15;animation:.7s ease-in-out infinite alternate light-up-hint-pulse}@media (hover:hover) and (pointer:fine){.light-up-board:not([data-complete=true]):focus-visible [data-selected=true]{z-index:3;box-shadow:inset 0 0 0 3px #facc15,inset 0 0 0 6px #2e2504}}.light-up-status{color:#ffe99e;text-align:center;min-height:1.25rem;margin:.85rem 0 0;font-size:.82rem}@media (orientation:landscape) and (width>=48rem){.light-up-board{width:100%;margin-block:0}}.light-up-hint-key{color:#c7b973;text-align:center;max-width:28rem;min-height:1.1rem;margin:.3rem auto 0;font-size:.72rem}.light-up-hint-key strong{color:#fde68a}.light-up-completion-sky{background:linear-gradient(#e7efff12 1px,#0000 1px),linear-gradient(90deg,#e7efff12 1px,#0000 1px),radial-gradient(circle at 76% 24%,#708ed455 0,#0000 25%),linear-gradient(#172b59 0,#334c79 52%,#d89468 100%);background-size:100% calc(100% / var(--light-up-rows)), calc(100% / var(--light-up-columns)) 100%, auto, auto;opacity:0;pointer-events:none;z-index:1;position:absolute;inset:clamp(.18rem,.8cqi,.38rem);overflow:hidden}.light-up-moon{aspect-ratio:1;opacity:0;background:#fff6c9;border-radius:50%;width:19%;position:absolute;top:13%;right:12%;transform:translateY(35%)scale(.72);box-shadow:inset -.3rem -.15rem #e8cf89,0 0 1.5rem #fff2a988}.light-up-moon:before,.light-up-moon:after,.light-up-moon span{content:"";opacity:.38;background:#d9bd78;border-radius:50%;position:absolute}.light-up-moon:before{width:17%;height:17%;top:22%;left:24%}.light-up-moon:after{width:25%;height:25%;bottom:25%;right:20%}.light-up-moon span{width:10%;height:10%;top:59%;left:26%}.light-up-star{height:clamp(2px,.7cqi,5px);left:var(--light-up-star-left);opacity:0;top:var(--light-up-star-top);transform:scale(var(--light-up-star-scale));background:#fff8cf;border-radius:50%;width:clamp(2px,.7cqi,5px);position:absolute;box-shadow:0 0 .5rem #fff8cf}.light-up-hills{border-radius:48% 52% 0 0/38% 42% 0 0;width:88%;height:46%;position:absolute;bottom:-17%;transform:translateY(35%)}.light-up-hills--back{background:#1d3652;left:-18%}.light-up-hills--front{background:#112839;width:105%;right:-29%;transform:translateY(44%)}.light-up-firefly{height:clamp(.25rem,1.6cqi,.7rem);bottom:2%;left:var(--light-up-firefly-left);opacity:0;background:#fff2a3;border:1px solid #fffbd8;border-radius:50%;width:clamp(.25rem,1.6cqi,.7rem);position:absolute;box-shadow:0 0 .45rem #ffdd5f,0 0 1rem #ffcc3d99}.light-up-board[data-complete=true]{animation:.85s cubic-bezier(.2,.75,.25,1) both light-up-complete-glow}.light-up-board[data-complete=true] .light-up-completion-sky{animation:.85s ease-out .42s both light-up-sky-reveal}.light-up-board[data-complete=true] .light-up-cell:not([data-bulb=true]),.light-up-board[data-complete=true] .light-up-wall{animation:.82s cubic-bezier(.42,0,.9,.55) both light-up-tile-fall;animation-delay:calc(.58s + var(--light-up-cell-row) * 52ms + var(--light-up-cell-column) * 31ms);pointer-events:none;will-change:opacity, transform}.light-up-board[data-complete=true] .light-up-cell[data-bulb=true]{animation:.9s ease-out both light-up-bulb-cell-reveal;animation-delay:calc(.68s + var(--light-up-cell-row) * 52ms + var(--light-up-cell-column) * 31ms);pointer-events:none;overflow:visible}.light-up-board[data-complete=true] .light-up-cell[data-bulb=true]:before{opacity:.48;border-radius:50%;inset:-58%}.light-up-board[data-complete=true] .light-up-cell[data-bulb=true] .light-up-bulb-symbol{animation:1.8s ease-in-out 1.65s infinite alternate light-up-solution-bulb-float}.light-up-board[data-complete=true] .light-up-moon{animation:.9s cubic-bezier(.18,.8,.24,1.12) 1.15s both light-up-moon-rise}.light-up-board[data-complete=true] .light-up-star{animation:.65s ease-out both light-up-star-twinkle;animation-delay:calc(1.2s + var(--light-up-star-delay))}.light-up-board[data-complete=true] .light-up-hills{animation:.7s ease-out 1s both light-up-hills-rise}.light-up-board[data-complete=true] .light-up-hills--front{animation-delay:1.1s}.light-up-board[data-complete=true] .light-up-firefly{animation:2.4s cubic-bezier(.3,.05,.55,1) both light-up-firefly-rise;animation-delay:calc(1.25s + var(--light-up-firefly-delay))}.light-up-board[data-complete=true] .light-up-exclusion{opacity:.35}@keyframes light-up-hint-pulse{to{filter:brightness(1.3);outline-offset:-2px}}@keyframes light-up-complete-glow{45%{filter:brightness(1.14);transform:scale(1.012);box-shadow:inset 0 0 0 2px #f7c68666,0 0 0 3px #fff4a3,0 0 3rem #facc1596}}@keyframes light-up-sky-reveal{0%{filter:brightness(1.35);opacity:0;transform:scale(1.06)}to{filter:brightness();opacity:1;transform:scale(1)}}@keyframes light-up-tile-fall{0%{filter:brightness(1.18);opacity:1;transform:translateY(0)rotate(0)scale(1)}12%{transform:translateY(-7%) rotate(calc(var(--light-up-fall-tilt) * -.18)) scale(1.02)}to{filter:brightness(.65);opacity:0;transform:translateY(155%) rotate(var(--light-up-fall-tilt)) scale(.88)}}@keyframes light-up-bulb-cell-reveal{0%{background-color:#ffe792}to{box-shadow:none;background:0 0;border-color:#0000}}@keyframes light-up-solution-bulb-float{0%{filter:drop-shadow(0 .08rem .08rem #3f2c0870)drop-shadow(0 0 .32rem #fff1a6);transform:translateY(0)rotate(-1.5deg)}to{filter:drop-shadow(0 .08rem .08rem #3f2c0870)drop-shadow(0 0 .62rem #fff1a6);transform:translateY(-5%)rotate(1.5deg)}}@keyframes light-up-moon-rise{0%{opacity:0;transform:translateY(35%)scale(.72)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes light-up-star-twinkle{0%{opacity:0;transform:scale(0)rotate(-30deg)}65%{opacity:1;transform:scale(calc(var(--light-up-star-scale) * 1.7)) rotate(10deg)}to{opacity:.84;transform:scale(var(--light-up-star-scale)) rotate(0)}}@keyframes light-up-hills-rise{0%{transform:translateY(44%)}to{transform:translateY(0)}}@keyframes light-up-firefly-rise{0%{opacity:0;transform:translate(0)scale(.35)}15%{opacity:1}55%{transform:translate(calc(var(--light-up-firefly-drift) * -.35), -25cqi) scale(1.08)}to{opacity:.9;transform:translate(var(--light-up-firefly-drift), -62cqi) scale(.75)}}@media (prefers-reduced-motion:reduce){.light-up-board[data-complete=true],.light-up-board[data-complete=true] .light-up-completion-sky,.light-up-board[data-complete=true] .light-up-firefly,.light-up-board[data-complete=true] .light-up-hills,.light-up-board[data-complete=true] .light-up-moon,.light-up-board[data-complete=true] .light-up-star,.light-up-board[data-complete=true] .light-up-cell,.light-up-board[data-complete=true] .light-up-bulb-symbol,.light-up-board[data-complete=true] .light-up-wall,.light-up-cell[data-hint],.light-up-wall[data-hint]{animation:none}.light-up-board[data-complete=true] .light-up-completion-sky,.light-up-board[data-complete=true] .light-up-moon,.light-up-board[data-complete=true] .light-up-star{opacity:1}.light-up-board[data-complete=true] .light-up-cell:not([data-bulb=true]),.light-up-board[data-complete=true] .light-up-wall{opacity:0}.light-up-board[data-complete=true] .light-up-cell[data-bulb=true]{box-shadow:none;background:0 0}.light-up-board[data-complete=true] .light-up-hills{transform:translateY(0)}.light-up-board[data-complete=true] .light-up-firefly{opacity:.9;transform:translateY(-30cqi)}}