.ll-scene{position:relative;width:min(100%,520px);margin:8px auto 0;padding:clamp(18px,5vw,34px);border-radius:30px;overflow:hidden;background:linear-gradient(#142b3b 0 28%,#1c3a45 28% 100%);border:1px solid #67828c;box-shadow:inset 0 0 65px #07141c,0 24px 55px rgba(12,28,35,.28)}
.ll-scene::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 13%,rgba(255,242,186,.18),transparent 18%),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.025) 50%,transparent 51%);pointer-events:none}
.ll-moon{position:absolute;right:8%;top:5%;width:12%;aspect-ratio:1;border-radius:50%;background:#fff3c0;box-shadow:0 0 28px #ffeaa0}
.ll-grid{--n:6;position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);aspect-ratio:1;border:8px solid #6f5942;border-radius:10px;background:#263f46;box-shadow:0 9px 0 #392e24;overflow:hidden}
.ll-cell{position:relative;border:1px solid rgba(208,231,222,.12);padding:0;background:rgba(7,20,26,.48);cursor:default;transition:background .35s,box-shadow .35s;overflow:visible}
.ll-cell.lit{background:radial-gradient(circle,#d8b75c33,#836b2d22),#38505a;box-shadow:inset 0 0 18px rgba(255,216,109,.18)}
.ll-cell.pedestal{cursor:pointer}.ll-path{position:absolute;left:10%;right:10%;top:48%;height:4%;background:rgba(182,201,189,.11);border-radius:9px}
.ll-stone{position:absolute;left:26%;right:26%;bottom:17%;height:19%;border-radius:50% 50% 20% 20%;background:linear-gradient(#8b9391,#4b5a5c);box-shadow:0 3px 0 #303a3c}
.ll-lamp{position:absolute;left:27%;right:27%;top:22%;bottom:29%;opacity:0;transform:translateY(8px) scale(.75);transition:.25s;filter:drop-shadow(0 4px 3px #0008)}
.ll-lamp::before{content:'';position:absolute;left:15%;right:15%;top:18%;bottom:10%;border:3px solid #9d7140;border-radius:8px;background:#ffe17b}.ll-lamp::after{content:'';position:absolute;left:5%;right:5%;top:0;height:20%;border:3px solid #9d7140;border-bottom:0;border-radius:50% 50% 0 0}
.ll-lamp i{position:absolute;left:47%;top:31%;width:12%;height:32%;border-radius:50% 50% 45% 45%;background:#fff7c7;box-shadow:0 0 16px 7px #ffd34f;z-index:2}.ll-lamp b{position:absolute;left:4%;right:4%;bottom:0;height:14%;border-radius:3px;background:#6e4a29;z-index:3}
.ll-cell.on .ll-lamp{opacity:1;transform:none}.ll-cell.on{z-index:2}.ll-cell.on::after{content:'';position:absolute;inset:-65%;border-radius:50%;background:radial-gradient(circle,rgba(255,221,101,.4),transparent 62%);pointer-events:none}.ll-cell.conflict .ll-lamp::before{background:#ff8f72;box-shadow:0 0 18px #ff5d42}.ll-cell.hint{animation:ll-hint .8s ease-in-out 3}.ll-cell:focus-visible{outline:4px solid #7fd8ff;outline-offset:-4px;z-index:4}
@keyframes ll-hint{50%{box-shadow:inset 0 0 0 5px #fff39a,0 0 22px #fff39a}}
@media(prefers-reduced-motion:reduce){.ll-cell,.ll-lamp{transition:none}.ll-cell.hint{animation:none;outline:4px solid #fff39a}}