.ludo-page{--ludo-ink:#102430;--ludo-paper:#fffaf1;--ludo-red:#d8394d;--ludo-green:#16846b;--ludo-yellow:#edb83d;--ludo-blue:#356ec7;background:#0d202b;color:#eaf1f5}
.ludo-shell{--play-link-text:#9de3d6;--play-link-hover:#d5fff7;max-width:1200px;margin:0 auto;padding:24px clamp(12px,3vw,32px) 48px;font-family:Arial,Helvetica,sans-serif}
.ludo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.ludo-heading .eyebrow,.ludo-kicker{color:#8dd6c6;font-size:11px;letter-spacing:.14em;font-weight:700;margin:0 0 10px}.ludo-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;margin:0 0 8px;line-height:1.05}.ludo-heading h1 span{font-weight:400;color:#c5d9e3}.ludo-heading p{margin:0;color:#bed1dc;line-height:1.5}.ludo-heading .ludo-help{color:#dce9ee;white-space:nowrap;border-bottom:1px solid #58727e;text-decoration:none;padding:12px 0;font-size:14px}
.ludo-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.ludo-arena{min-width:0;background:#15333d;border:1px solid #3b5660;padding:16px;border-radius:20px;box-shadow:0 20px 45px #0003}.ludo-table-heading{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#cbdce3;margin:0 2px 12px;line-height:1.4}.ludo-table-heading span:last-child{color:#9fcec0}.ludo-players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.ludo-player{border:1px solid #58707a;background:#112c36;border-radius:10px;padding:9px 7px;min-width:0;display:flex;gap:7px;align-items:center}.ludo-player[data-current=true]{outline:2px solid #f3dc9c;outline-offset:1px}.ludo-player-label{min-width:0}.ludo-player strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#fff}.ludo-player small{font-size:10px;color:#c6d9e2;display:block;margin-top:3px}.ludo-player-mark{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--seat);color:#fff;font-size:11px;font-weight:bold;border:2px solid #fff9}.ludo-player[data-seat="2"] .ludo-player-mark{color:#172d39}
.ludo-board{position:relative;aspect-ratio:1;background:var(--ludo-paper);border:7px solid #f3e5c9;border-radius:12px;isolation:isolate;overflow:hidden;box-shadow:0 5px 0 #071f27,0 8px 15px #0003}.ludo-board>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.ludo-pawn{position:absolute;width:5.5%;height:5.5%;transform:translate(-50%,-50%);border:0;padding:0;background:none;display:grid;place-items:center;z-index:2;cursor:default;transition:top 220ms ease,left 220ms ease;filter:drop-shadow(0 2px 1px #172d3950)}.ludo-pawn svg{width:100%;height:100%;overflow:visible}.ludo-pawn text{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:9px;fill:#fff;paint-order:stroke;stroke:#172d39;stroke-width:1.5px}.ludo-pawn[data-seat="2"] text{fill:#172d39;stroke:#fff9;stroke-width:1px}.ludo-pawn[data-legal=true]{cursor:pointer;z-index:4}.ludo-pawn[data-legal=true]::before{content:"";position:absolute;inset:-12%;border-radius:50%;border:2px dashed #172d39;background:#fff6;z-index:-1}.ludo-pawn[data-legal=true]:hover{filter:drop-shadow(0 0 4px #fff);scale:1.1}.ludo-pawn:focus-visible{outline:3px solid #102430;outline-offset:4px;border-radius:50%;z-index:5}
.ludo-turnbar{display:flex;align-items:center;gap:12px;margin-top:18px;min-height:78px}.ludo-turnbar>div{flex:1;min-width:0}.ludo-turnbar strong{font-size:18px;color:#fff;line-height:1.3}.ludo-turnbar p{color:#c7dce4;font-size:12px;margin:6px 0 0;line-height:1.5}.ludo-turnbar #ludo-timer{font-size:13px;font-variant-numeric:tabular-nums;color:#ffe3a1}.ludo-turnbar .ludo-die{width:78px;min-height:78px;border:1px solid #f6dda0;border-bottom:4px solid #bca977;border-radius:14px;background:#fff9e9;color:#122f3b;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;flex-shrink:0;cursor:pointer;box-shadow:0 5px 12px #0003}.ludo-die #ludo-die-face{display:block;width:40px;height:40px}.ludo-die #ludo-die-face svg{width:100%;height:100%}.ludo-die #ludo-die-label{font-size:11px;font-weight:bold;margin:4px 0}.ludo-die:disabled{opacity:.66;cursor:default}.ludo-die:not(:disabled):hover{background:#fff;box-shadow:0 0 0 3px #f6dda04d}.ludo-moves{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ludo-moves button{min-width:60px;min-height:44px;padding:8px 12px;background:#f7f2e9;color:#152f3a;border:2px solid var(--seat);border-radius:9px;font-size:13px;cursor:pointer}.ludo-table-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #46616a;margin-top:16px;padding-top:12px;font-size:10px;color:#bad0da;line-height:1.5}
.ludo-sidebar{display:grid;gap:14px;min-width:0}.ludo-card{background:#17313e;border:1px solid #3e5664;border-radius:14px;padding:20px;color:#eaf1f5;min-width:0}.ludo-card h2{font-size:20px;letter-spacing:-.02em;margin:0 0 16px;color:#fff}.ludo-card p{font-size:13px;line-height:1.65;color:#c7d8e2}.ludo-card .ludo-kicker{font-size:10px;margin-top:0;color:#8dd6c6}.ludo-card label{display:block;font-size:12px;color:#dfebf0;margin-bottom:7px}.ludo-card select,.ludo-card input{box-sizing:border-box;width:100%;max-width:100%;min-height:46px;border:1px solid #7892a0;border-radius:8px;background:#0e2430;color:#f4f8fb;padding:10px;font:inherit;font-size:13px}.ludo-card button,.ludo-card .ludo-primary{min-height:44px;padding:11px 12px;border:1px solid #90a6b3;border-radius:8px;background:#213f50;color:#f3f7fb;font:inherit;font-size:13px;font-weight:bold;cursor:pointer}.ludo-card .ludo-primary{background:#f0ce79;color:#17303a;border-color:#f6da95;width:100%;margin:3px 0 8px;box-shadow:0 2px 0 #ae8d49}.ludo-card button:disabled{opacity:.55;cursor:wait}.ludo-card button:hover:not(:disabled){filter:brightness(1.12)}.ludo-card a,.ludo-manual a{color:#9de3d6;text-underline-offset:3px}.ludo-card a{font-size:13px}.ludo-card .ludo-small{font-size:11px;line-height:1.6;color:#bdd0db}.ludo-join{border-top:1px solid #46616a;margin-top:18px;padding-top:14px}.ludo-join summary,.ludo-rules summary{min-height:30px;cursor:pointer;font-size:13px;color:#f4f7f9}.ludo-join form{display:grid;gap:8px;margin-top:12px}.ludo-join label{margin-bottom:0}.ludo-join label span{color:#ff9a9a}.ludo-room-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ludo-room-actions button{flex:1}#ludo-refresh,#ludo-leave{margin-top:8px;width:100%}.ludo-card .ludo-leave{background:transparent;color:#ffbaba;border-color:#9c6870}.ludo-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.ludo-benefits #sound-toggle{margin-top:18px}.ludo-benefits h2{font-size:16px;margin-bottom:12px}.ludo-rules{margin-top:24px}.ludo-rules summary{font-size:15px;font-weight:bold}.ludo-rules p{max-width:85ch}.ludo-manual{max-width:850px;color:#e8f2f7}.ludo-manual h1{font-size:36px}.ludo-manual h2{margin-top:30px;color:#a2e1d6}.ludo-manual p,.ludo-manual li{line-height:1.8;font-size:15px;color:#d0e0e9}.ludo-manual li{margin-bottom:10px}.ludo-manual{background:#102430}.ludo-page [hidden],.ludo-shell [hidden]{display:none!important}#ludo-feedback{font-size:13px;line-height:1.6;color:#efdaa1;margin:0}#ludo-feedback:not(:empty){margin:0 0 16px;padding:12px;border:1px solid #7e7358;border-radius:8px;background:#2e3331}.ludo-shell button:focus-visible,.ludo-shell a:focus-visible,.ludo-shell input:focus-visible,.ludo-shell select:focus-visible,.ludo-shell summary:focus-visible{outline:3px solid #b8f3e7;outline-offset:3px}.ludo-arena.game-is-fullscreen{background:#15333d}.ludo-arena.game-is-fullscreen .ludo-board{flex:none;width:min(100%,max(240px,calc(100dvh - 320px)));max-width:650px;aspect-ratio:1;margin:auto}.ludo-arena.game-is-fullscreen .ludo-players{max-width:650px;margin-left:auto;margin-right:auto}
.ludo-card label.ludo-checkbox{display:flex;align-items:center;gap:10px;min-height:44px;margin:12px 0 0;line-height:1.5;cursor:pointer}.ludo-card .ludo-checkbox input{flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:#f0ce79}.ludo-checkbox:has(input:disabled){cursor:default}.ludo-player[data-inactive=true]{border-style:dashed;background:#17333d}.ludo-player[data-inactive=true] .ludo-player-mark{background:#435c68;border-color:#a1b6bf;color:#fff}
.ludo-activation{margin:12px 0 16px;font-size:12px;line-height:1.5}.ludo-activation>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #46616a}.ludo-activation dt{color:#d4e5ec}.ludo-activation dd{margin:0;color:#fff;text-align:right;font-variant-numeric:tabular-nums}.ludo-activation small{display:block;color:#b9d9d1;font-size:10px}.ludo-manual .ludo-activation{max-width:520px;font-size:14px}
@media(min-width:1000px){.ludo-arena:not(.game-is-fullscreen) .ludo-board{width:min(100%,max(320px,calc(100dvh - 430px)));max-width:560px;margin-inline:auto}}
@media(max-width:980px){.ludo-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.ludo-card{padding:16px}.ludo-player{gap:4px;padding:7px 4px}.ludo-player-mark{width:20px;height:20px}.ludo-player strong{font-size:11px}}
@media(max-width:760px){.ludo-layout{grid-template-columns:minmax(0,1fr)}.ludo-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.ludo-heading{align-items:start}.ludo-shell{max-width:620px}.ludo-arena{padding:14px}.ludo-table-foot{font-size:11px}.ludo-player{padding:9px 6px}.ludo-player strong{font-size:12px}}
@media(max-width:480px){.ludo-shell{padding:18px 10px 32px}.ludo-heading{gap:8px;margin-bottom:16px}.ludo-heading h1{font-size:34px}.ludo-heading p{font-size:12px}.ludo-heading .eyebrow{font-size:9px;letter-spacing:.08em}.ludo-heading .ludo-help{font-size:11px;min-height:44px;display:flex;align-items:center;padding:0}.ludo-arena{padding:10px;border-radius:14px}.ludo-board{border-width:5px;border-radius:8px}.ludo-table-heading{font-size:10px;margin-bottom:10px}.ludo-players{gap:5px;margin-bottom:10px}.ludo-player{display:block;text-align:center;padding:7px 3px}.ludo-player-mark{margin:0 auto 5px;width:20px;height:20px}.ludo-player strong{font-size:10px}.ludo-player small{font-size:9px}.ludo-turnbar{gap:8px;margin-top:14px}.ludo-turnbar strong{font-size:16px}.ludo-turnbar p{font-size:11px}.ludo-turnbar .ludo-die{width:68px;min-height:72px}.ludo-table-foot{font-size:9px}.ludo-table-foot span:last-child{text-align:right;max-width:150px}.ludo-sidebar{grid-template-columns:minmax(0,1fr)}.ludo-card{padding:18px}.ludo-moves{gap:6px}.ludo-moves button{font-size:12px}.ludo-rules{margin-top:16px}.ludo-manual h1{font-size:30px}}
@media(max-width:620px){body.ludo-page>.play-float:not([hidden]){position:static;display:inline-grid;right:auto;bottom:auto;vertical-align:top;margin:8px 0 4px 8px}}
@media(prefers-reduced-motion:reduce){.ludo-pawn{transition:none}.ludo-pawn[data-legal=true]:hover{scale:1}}