.game-page[data-game-id="ludo"]{padding-top:18px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);column-gap:14px;row-gap:6px}.game-page[data-game-id="ludo"]>.crumbs{grid-column:1/-1}.game-page[data-game-id="ludo"]>h1{grid-column:1;grid-row:2;margin:12px 0 0;font-size:clamp(3rem,3.6vw,4rem)}.game-page[data-game-id="ludo"]>.lede{grid-column:1;grid-row:3;margin:0;font-size:.82rem;line-height:1.45}.game-page[data-game-id="ludo"]>.play-layout,.game-page[data-game-id="ludo"]>.play-layout>section{display:contents}.game-page[data-game-id="ludo"] .mode-bar{grid-column:2;grid-row:2/4;margin:12px 0 0}.game-page[data-game-id="ludo"] .mode-bar>div{display:grid;align-content:center;padding:9px 12px}.game-page[data-game-id="ludo"] .mode-bar h2{margin-bottom:7px;font-size:1.05rem}.game-page[data-game-id="ludo"] .difficulty button{padding:7px 4px}.game-page[data-game-id="ludo"] .game-shell{grid-column:1/-1;grid-row:4;margin-top:4px}.game-page[data-game-id="ludo"]>.game-info{grid-column:1/-1;grid-row:5}
.game-shell:has(.ludo-game){min-height:0;grid-template-columns:minmax(0,1fr);gap:9px;padding:10px}.game-shell:has(.ludo-game) .game-root{min-height:0}.game-shell:has(.ludo-game) .game-status{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:8px 12px}.game-shell:has(.ludo-game) .game-status strong{max-width:70%}.game-shell:has(.ludo-game) .game-tools{flex-direction:row;padding:0}.game-shell:has(.ludo-game) .game-tools button{flex:1;padding:10px 8px;text-align:center}
.ludo-game{position:relative;width:min(100%,1230px);overflow:hidden;border:1px solid #af8244;border-radius:14px;background:#071826 url('/assets/ludo-table.webp') center/cover;color:#f4ecd8;box-shadow:0 18px 42px #0009;font-family:Inter,system-ui,sans-serif}.ludo-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;border-bottom:1px solid #936b35;background:#061522e8}.ludo-heading h2{margin:0;color:#f5e5b8;font:900 clamp(2rem,4vw,3.2rem)/.84 Georgia,serif;letter-spacing:.015em;text-shadow:0 2px 14px #000}.ludo-heading p{margin:6px 0 0;color:#bdc6c3;font-size:.57rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ludo-modes{min-width:min(100%,660px);display:grid;grid-template-columns:1.35fr repeat(3,.72fr);border:1px solid #ae8246;border-radius:8px;overflow:hidden;background:#091d2c}.ludo-modes button{min-height:43px;padding:8px 11px;border:0;border-left:1px solid #5d4a31;background:transparent;color:#efe3c6;font-size:.62rem;font-weight:850;letter-spacing:.02em;cursor:pointer}.ludo-modes button:first-child{border-left:0}.ludo-modes button.active{background:#c99325;color:#081827;box-shadow:inset 0 0 0 2px #f8d36b}.ludo-modes button:hover,.ludo-modes button:focus-visible{outline:2px solid #f8d36b;outline-offset:-3px}
.ludo-layout{display:grid;grid-template-columns:minmax(430px,1fr) minmax(300px,.42fr);gap:12px;padding:12px}.ludo-board-panel{min-width:0;display:grid;align-content:start;gap:7px}.ludo-board{position:relative;width:min(100%,790px);aspect-ratio:1;margin:auto;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);overflow:hidden;border:5px solid #c39b5a;border-radius:8px;background:#f3ead4;box-shadow:0 0 0 2px #5d3e24,inset 0 0 24px #82643b55,0 16px 28px #0008;isolation:isolate}.ludo-cell{position:relative;z-index:1;display:grid;place-items:center;box-sizing:border-box;border:.5px solid #9b866a66;color:#6a5b46;background:#f5ecd7;font:900 clamp(.34rem,1vw,.7rem)/1 Georgia,serif}.ludo-cell.home-red{border-color:#af443f22;background:#d85044}.ludo-cell.home-green{border-color:#276c4322;background:#3e955f}.ludo-cell.home-yellow{border-color:#ab7c1522;background:#e6b126}.ludo-cell.home-blue{border-color:#225c9322;background:#347abf}.ludo-cell.track{z-index:2;border-color:#8f795d;background:linear-gradient(145deg,#fff8e8,#eadbbb);box-shadow:inset 0 0 4px #806b4c24}.ludo-cell.track.safe{color:#806d50;font-size:clamp(.42rem,1.35vw,.92rem)}.ludo-cell.track.start-red{background:#e36558;color:#fff6dd}.ludo-cell.track.start-green{background:#55a874;color:#fff6dd;transform:none}.ludo-cell.track.start-yellow{background:#efc54d;color:#514011}.ludo-cell.track.start-blue{background:#4c8bca;color:#fff6dd}.ludo-cell.start-green{rotate:90deg}.ludo-cell.start-yellow{rotate:180deg}.ludo-cell.start-blue{rotate:-90deg}.ludo-cell.home-lane.lane-red{background:#e36558}.ludo-cell.home-lane.lane-green{background:#55a874}.ludo-cell.home-lane.lane-yellow{background:#efc54d}.ludo-cell.home-lane.lane-blue{background:#4c8bca}.ludo-cell.goal{border-color:transparent;background:transparent}.ludo-center{position:absolute;z-index:3;left:40%;top:40%;width:20%;height:20%;border:1px solid #8a6c42;background:conic-gradient(from 45deg,#3e955f 0 25%,#e6b126 0 50%,#347abf 0 75%,#d85044 0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);box-shadow:inset 0 0 15px #fff4}.ludo-center::after{content:"HOME";position:absolute;inset:31%;display:grid;place-items:center;border:1px solid #f6db99;border-radius:50%;background:#8d6a2d;color:#fff4d4;font:900 clamp(.25rem,.7vw,.48rem) Georgia,serif;letter-spacing:.03em}.ludo-board-note{margin:0;color:#b6c0bf;font-size:.52rem;line-height:1.4;text-align:center}
.ludo-token{position:absolute;z-index:30;left:var(--x);top:var(--y);width:7.3%;height:10%;padding:0;border:0;background-color:transparent;background-image:url('/assets/ludo-pawns.webp');background-repeat:no-repeat;background-size:200% 200%;filter:drop-shadow(0 3px 2px #0009);transform:translate(calc(-50% + var(--stack-x)),calc(-70% + var(--stack-y))) scale(var(--scale));transform-origin:center bottom;transition:filter .15s,transform .15s;opacity:1;cursor:default}.ludo-token.pawn-red,.ludo-avatar.pawn-red,.pawn-red .ludo-mini-pawn{background-position:0 0}.ludo-token.pawn-green,.ludo-avatar.pawn-green,.pawn-green .ludo-mini-pawn{background-position:100% 0}.ludo-token.pawn-yellow,.ludo-avatar.pawn-yellow,.pawn-yellow .ludo-mini-pawn{background-position:0 100%}.ludo-token.pawn-blue,.ludo-avatar.pawn-blue,.pawn-blue .ludo-mini-pawn{background-position:100% 100%}.ludo-token.legal{z-index:60;cursor:pointer;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px #f8d84c);animation:ludo-choice .7s ease-in-out infinite alternate}.ludo-token.legal:hover,.ludo-token.legal:focus-visible{outline:2px solid #fff2a0;outline-offset:1px;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 11px #f8d84c);transform:translate(calc(-50% + var(--stack-x)),calc(-79% + var(--stack-y))) scale(1.1)}.ludo-token.finished{filter:drop-shadow(0 0 4px #fff4c6) drop-shadow(0 0 7px #d9a32a)}
.ludo-sidebar{min-width:0;display:grid;grid-template-rows:auto auto auto auto minmax(90px,1fr);align-content:start;gap:9px}.ludo-turn-card,.ludo-action,.ludo-players,.ludo-log{border:1px solid #9f793f;border-radius:9px;background:#071725e8;box-shadow:inset 0 0 18px #020a10}.ludo-turn-card{min-height:76px;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:9px;padding:10px 13px}.ludo-avatar,.ludo-mini-pawn{display:block;background-image:url('/assets/ludo-pawns.webp');background-repeat:no-repeat;background-size:200% 200%;filter:drop-shadow(0 3px 2px #0007)}.ludo-avatar{width:54px;height:62px}.ludo-turn-card div{display:grid;gap:2px}.ludo-turn-card strong{font:900 1.25rem Georgia,serif}.ludo-turn-card small{color:#efe4cc;font-size:.68rem;font-weight:750}.ludo-action{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:13px;padding:11px}.ludo-die{width:74px;aspect-ratio:1;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;padding:14%;border:1px solid #d5c08e;border-radius:15px;background:linear-gradient(145deg,#fffdf4,#dccda9);box-shadow:0 7px 0 #8e7148,0 11px 18px #0009;box-sizing:border-box;transform:rotate(-4deg)}.ludo-die.empty{display:grid;place-items:center;color:#806d50;font:900 2rem Georgia,serif}.ludo-die.empty>span{grid-area:1/1/4/4}.ludo-pip{width:66%;aspect-ratio:1;border-radius:50%;background:#10263a;box-shadow:inset 0 2px 2px #0008}.ludo-pip[data-pip="1"]{grid-area:1/1}.ludo-pip[data-pip="2"]{grid-area:1/2}.ludo-pip[data-pip="3"]{grid-area:1/3}.ludo-pip[data-pip="4"]{grid-area:2/1}.ludo-pip[data-pip="5"]{grid-area:2/2}.ludo-pip[data-pip="6"]{grid-area:2/3}.ludo-pip[data-pip="7"]{grid-area:3/1}.ludo-pip[data-pip="8"]{grid-area:3/2}.ludo-pip[data-pip="9"]{grid-area:3/3}.ludo-action button{min-height:57px;border:1px solid #f1ca59;border-radius:8px;background:linear-gradient(#f6c844,#d99b16);color:#10263a;font:900 .9rem Georgia,serif;box-shadow:0 5px 0 #856116;cursor:pointer}.ludo-action button:hover:not(:disabled),.ludo-action button:focus-visible{filter:brightness(1.08);outline:3px solid #fff1a7;outline-offset:2px}.ludo-action button:disabled{opacity:.45;box-shadow:none;cursor:default}.ludo-prompt{min-height:32px;margin:0;padding:1px 7px;color:#d9cfb9;font-size:.58rem;line-height:1.4;text-align:center}.ludo-players{display:grid;gap:0;padding:4px 8px}.ludo-player{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:42px;padding:3px 5px;border-top:1px solid #6b573b}.ludo-player:first-child{border-top:0}.ludo-player.current{background:#dba92a15;box-shadow:inset 3px 0 #e2b83c}.ludo-mini-pawn{width:28px;height:33px}.ludo-player strong{overflow:hidden;color:#f3e7cd;font:850 .7rem Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.ludo-player small{color:#aab7b8;font-size:.48rem}.ludo-progress{display:flex;gap:4px}.ludo-progress i{width:9px;aspect-ratio:1;border:1px solid #8e9a99;border-radius:50%;background:transparent}.ludo-progress i.running{border-color:#e6c76d;background:#e6c76d66}.ludo-progress i.done{border-color:#f3c842;background:#f3c842;box-shadow:0 0 5px #f3c842}.ludo-log{min-height:96px;overflow:hidden;padding:8px 11px}.ludo-log h3{margin:0 0 5px;color:#d9b35c;font:900 .7rem Georgia,serif}.ludo-log ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}.ludo-log li{overflow:hidden;padding:3px 0;border-top:1px solid #493c2e;color:#bdc6c3;font-size:.5rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.ludo-overlay{position:absolute;z-index:100;inset:0;display:grid;place-items:center;background:#03101bd9;backdrop-filter:blur(4px)}.ludo-overlay[hidden]{display:none}.ludo-overlay>div{width:min(76%,390px);display:grid;gap:10px;padding:30px;border:1px solid #e1b64d;border-radius:12px;background:#071826;box-shadow:0 0 38px #e1b64d4d;text-align:center}.ludo-overlay small{color:#b5c5c5;font-size:.58rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ludo-overlay strong{color:#f0c650;font:900 2.2rem Georgia,serif}.ludo-overlay p{margin:0;color:#f4ecd8;font-size:.72rem}.ludo-overlay button{min-height:46px;margin-top:5px;border:0;border-radius:7px;background:#e1b64d;color:#071826;font-size:.72rem;font-weight:900;text-transform:uppercase;cursor:pointer}@keyframes ludo-choice{to{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 11px #f8d84c)}}@media(prefers-reduced-motion:reduce){.ludo-token{transition:none}.ludo-token.legal{animation:none}}
@media(max-width:900px){.game-page[data-game-id="ludo"]{display:block;padding-top:20px}.game-page[data-game-id="ludo"]>.play-layout,.game-page[data-game-id="ludo"]>.play-layout>section{display:block}.game-page[data-game-id="ludo"]>h1{font-size:2.9rem;margin:18px 0 5px}.game-page[data-game-id="ludo"]>.lede{font-size:.88rem}.game-page[data-game-id="ludo"] .mode-bar{margin:15px 0 10px}.game-shell:has(.ludo-game) .game-status{align-items:flex-start;flex-direction:column;gap:7px}.game-shell:has(.ludo-game) .game-status strong{max-width:none}.ludo-heading{align-items:stretch;display:grid}.ludo-layout{grid-template-columns:1fr}.ludo-board{width:min(100%,680px)}.ludo-sidebar{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.ludo-turn-card,.ludo-action{grid-row:1}.ludo-prompt{grid-column:1/-1;grid-row:2}.ludo-players,.ludo-log{grid-row:3}.ludo-log{min-height:100px}}
@media(max-width:560px){.ludo-heading{padding:11px}.ludo-heading h2{font-size:2.15rem}.ludo-heading p{font-size:.48rem}.ludo-modes{grid-template-columns:1fr 1fr}.ludo-modes button{min-height:45px;border-top:1px solid #5d4a31;font-size:.57rem}.ludo-modes button:nth-child(-n+2){border-top:0}.ludo-modes button:nth-child(odd){border-left:0}.ludo-layout{gap:9px;padding:8px}.ludo-board{border-width:3px}.ludo-cell{border-width:.4px}.ludo-board-note{font-size:.47rem}.ludo-sidebar{grid-template-columns:1fr;grid-template-rows:auto}.ludo-turn-card,.ludo-action,.ludo-prompt,.ludo-players,.ludo-log{grid-column:1;grid-row:auto}.ludo-turn-card{min-height:68px}.ludo-action{grid-template-columns:72px 1fr}.ludo-die{width:64px}.ludo-action button{min-height:54px}.ludo-player{min-height:43px}.ludo-log{display:none}.ludo-prompt{min-height:28px}.ludo-token{width:8.1%;height:11.2%}.ludo-overlay>div{width:min(78%,330px);padding:24px 18px}.ludo-overlay strong{font-size:1.75rem}}