.light-scene{height:100%;width:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#6ac3d1,#118daa 80%);display:flex;align-items:center;justify-content:center}.light-island{position:absolute;width:105%;height:125%;border-radius:50%;background:radial-gradient(ellipse,#88b957 62%,#79a94b 65%,#e9d698 66%,#f0e1b1 72%,transparent 73%);transform:rotate(-8deg);box-shadow:0 0 0 18px #63c5c657}.light-board{position:relative;display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(13,1fr);width:min(73vh,760px);height:min(73vh,760px);background:#bcd9a5;border:10px solid #6a4f36;border-radius:4px;box-shadow:0 9px 0 #443729,0 30px 40px #23301948;gap:1px;transform:perspective(1100px) rotateX(25deg) rotateZ(-10deg);margin-top:20px}.light-tile{background:#fff6dc;border:1px solid #908b6d;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#302d22;font-size:clamp(4px,.53vw,8px);font-weight:700;line-height:1.1;text-align:center;overflow:visible;padding:2px}.light-band{position:absolute;top:0;left:0;right:0;height:12%;background:var(--tile-color)}.light-tile>img:not(.light-pawn){width:80%;height:58%;object-fit:cover}.light-symbol{font-size:20px;line-height:1.1}.light-tile .light-pawn{position:absolute;bottom:5%;height:65px;width:65px;max-width:none;object-fit:contain;z-index:2;filter:drop-shadow(2px 4px 1px #25251950)}.light-center{grid-area:2/2/13/13;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.light-center>strong{font-family:'Archivo Black',sans-serif;font-size:clamp(22px,3.6vw,48px);color:#fff8e8;background:#e5383b;transform:rotate(-25deg);padding:10px 28px;box-shadow:0 7px 0 #b91f2d}.light-deck{font-weight:700;border:3px solid #16141255;padding:20px;box-shadow:4px 8px 0 #16141245;transform:rotate(-20deg)}.light-deck.fate{background:#51bca3;align-self:flex-start;margin-left:12%}.light-deck.mishap{background:#e97e7b;align-self:flex-end;margin-right:10%}.light-dice{position:absolute;left:35%;top:50%;display:flex;gap:16px;font-size:58px;color:#161412}.light-dice span{background:#fff8e8;border-radius:8px;line-height:1;box-shadow:4px 6px 0 #4e503e60}.light-mode{position:absolute;right:15px;bottom:15px;font-size:10px;font-weight:700;background:#fff8e8bb;padding:3px 7px;border:1px solid #16141250;border-radius:5px}.menu-island .light-board{margin-left:30%;width:min(68vw,780px);height:min(68vw,780px);transform:perspective(1300px) rotateX(35deg) rotateZ(-18deg)}.menu-island .light-mode{display:none}@media(max-width:700px){.light-board{width:94vw;height:94vw;transform:perspective(1100px) rotateX(17deg) rotateZ(-6deg);border-width:6px}.light-tile{font-size:5px;padding:0}.light-tile .light-pawn{width:38px;height:38px}.light-symbol{font-size:13px}.light-deck{padding:10px;font-size:10px}.light-dice{font-size:36px}.menu-island .light-board{margin:0;margin-top:12vh;width:100vw;height:100vw;transform:perspective(1100px) rotateX(35deg) rotateZ(-12deg)}}
.light-scene.has-special-models .model-tile{justify-content:flex-start;padding-top:5%}
.light-scene.has-special-models .model-tile>.light-special-model{width:100%;height:77%;object-fit:contain;filter:drop-shadow(0 2px 1px #172f3b35);pointer-events:none}
.light-scene.has-special-models .model-tile>.light-tile-name{position:absolute;bottom:2%;inset-inline:1px;z-index:1;line-height:1.02;text-wrap:balance}
.light-scene.themed.has-special-models .light-deck.model-deck{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;width:36%;height:31%;padding:0;border:0;box-shadow:none;background:transparent;transform:rotate(7deg)}
.light-scene.has-special-models .model-deck img{width:100%;height:100%;object-fit:contain;min-height:0;pointer-events:none;filter:drop-shadow(0 6px 3px #18282f28)}
.light-scene.has-special-models .model-deck span{position:relative;margin-top:-10px;padding:5px 10px;border:2px solid var(--theme-ink);background:var(--theme-paper);color:var(--theme-ink);font-size:clamp(9px,1vw,14px);line-height:1.1;box-shadow:2px 3px 0 #172f3b30;text-align:center}
@media(max-width:700px){.light-scene.has-special-models .model-deck span{margin-top:-6px;padding:3px 5px;border-width:1px;font-size:9px}.light-scene.has-special-models .model-tile>.light-tile-name{font-size:4.5px}}
