/* Voxxaa STORE v142 : Game > Ludo */
.lg{max-width:560px}
.lg-setup{padding:20px;display:grid;gap:12px}
.lg-h{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.lg-ch{display:flex;gap:8px;flex-wrap:wrap}
.lg-ch button{flex:1;min-width:84px;min-height:46px;border-radius:12px;border:1px solid var(--glass-b);background:rgba(0,0,0,.25);color:var(--text);font:700 14px var(--body);cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.lg-ch button.on{border-color:var(--acc-hot);background:rgba(var(--acc-rgb),.28);box-shadow:0 0 18px var(--glow)}
.lg-ch button:active{transform:scale(.97)}
.lg-sec{min-height:46px;border-radius:12px;border:1px solid var(--glass-b);background:transparent;color:var(--text);font:700 14px var(--body);cursor:pointer;padding:0 16px}
.lg-stat{margin:0;color:var(--mute);font-size:13px;text-align:center}
.lg-stat:empty{display:none}
.lg-note{margin:0;color:var(--mute);font-size:12.5px;text-align:center}
.lg-pls{display:flex;gap:6px;margin:0 0 10px}
.lg-pl{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:12px;border:1px solid var(--glass-b);background:var(--glass);font-size:12.5px;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .2s}
.lg-pl i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--pc)}
.lg-pl span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-pl em{font-style:normal;color:var(--mute);font-variant-numeric:tabular-nums}
.lg-pl.on{border-color:var(--pc);box-shadow:0 0 0 1px var(--pc),0 0 18px color-mix(in srgb,var(--pc) 45%,transparent);transform:translateY(-1px)}
.lg-bw{position:relative;max-width:520px;margin:0 auto}
.lg-board svg{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:16px;box-shadow:0 14px 50px rgba(0,0,0,.55),0 0 0 1px var(--glass-b);-webkit-user-select:none;user-select:none;touch-action:manipulation}
.lg-bg{fill:#120a0d}
.lg-c{fill:rgba(255,255,255,.07);stroke:rgba(255,255,255,.2);stroke-width:.035}
.lg-star{fill:rgba(255,255,255,.6)}
.lg-base.off{opacity:.25}
.lg-base.on rect:first-child{animation:lgb 1.2s ease-in-out infinite alternate}
@keyframes lgb{from{fill-opacity:.2}to{fill-opacity:.5}}
.lg-t{transition:transform .17s ease;pointer-events:none;outline:none}
.lg-t.can{pointer-events:auto;cursor:pointer}
.lg-ring{fill:none;stroke:#fff;stroke-width:.07;stroke-dasharray:.2 .14;opacity:0}
.lg-t.can .lg-ring{opacity:.95;animation:lgring 1.4s linear infinite}
.lg-t.can:focus-visible .lg-ring{stroke:var(--acc-hot);stroke-width:.12}
@keyframes lgring{to{stroke-dashoffset:-1.36}}
.lg-ctl{display:flex;align-items:center;gap:14px;max-width:520px;margin:14px auto 0}
.lg-dice{flex:none;width:78px;height:78px;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5)) drop-shadow(0 0 10px color-mix(in srgb,var(--pc,#fff) 40%,transparent));transition:transform .15s}
.lg-dice svg{display:block;width:100%;height:100%}
.lg-dice:disabled{cursor:default}
.lg-dice.ready{animation:lgp 1.1s ease-in-out infinite}
.lg-dice.rolling{animation:lgr .13s linear infinite}
@keyframes lgp{50%{transform:translateY(-5px) scale(1.06)}}
@keyframes lgr{25%{transform:rotate(-16deg) scale(1.08)}75%{transform:rotate(16deg) scale(1.08)}}
.lg-msg{flex:1;min-width:0;min-height:48px;display:flex;align-items:center;font-size:14.5px;line-height:1.45;color:var(--text)}
.lg-btns{display:flex;gap:8px;max-width:520px;margin:14px auto 0}
.lg-btns button{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--glass-b);background:var(--glass);color:var(--text);font:700 14px var(--body);cursor:pointer}
.lg-rules{max-width:520px;margin:14px auto 0;padding:14px 18px;font-size:14px;line-height:1.55}
.lg-rules summary{cursor:pointer;font-weight:800}
.lg-rules ul{margin:10px 0 0;padding-left:18px;color:var(--mute)}
.lg-win{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.55);border-radius:16px;animation:lgw .4s ease both}
@keyframes lgw{from{opacity:0}}
.lg-wc{display:grid;gap:10px;justify-items:center;text-align:center;padding:24px 20px;border-radius:20px;width:min(100%,340px)}
.lg-wc i{width:46px;height:46px;border-radius:50%;box-shadow:0 0 30px currentColor;animation:lgp 1.1s ease-in-out infinite}
.lg-wc b{font:900 clamp(28px,8vw,38px)/1.05 var(--display)}
.lg-wc span{color:var(--mute);font-size:14px}
.lg-wc .tl-go,.lg-wc .lg-sec{width:100%}
.bnav a[data-t=game]{position:relative}