.ludo-page{width:min(1180px,92%);margin:0 auto;padding:55px 0 90px;min-width:0}.ludo-top{margin-bottom:28px}.ludo-top h1{font:700 clamp(2.4rem,6vw,4.6rem)/1 var(--font-display);letter-spacing:-.06em;margin:13px 0 12px}.ludo-top h1 span{background:var(--yellow);padding:0 7px;border-radius:5px;color:var(--accent-ink)}.ludo-top p{color:var(--text-dim)}
.setup-card,.ludo-board-card{background:var(--white);border:var(--bw) solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-md)}.setup-card{padding:28px;display:grid;gap:28px}.setup-step{display:grid;gap:15px}.setup-title{display:flex;gap:13px;align-items:center}.setup-title>span{width:42px;height:42px;display:grid;place-items:center;border:var(--bw) solid var(--black);border-radius:11px;background:var(--yellow);font:700 .75rem var(--font-mono);box-shadow:3px 3px 0 var(--black)}.setup-title small{font:700 .62rem var(--font-mono);letter-spacing:.08em;color:var(--text-dim)}.setup-title h2{font:700 1.25rem var(--font-display);margin:2px 0 0}.choice-grid{display:grid;gap:12px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px}.choice{min-width:0;text-align:left;background:var(--white);border:var(--bw) solid var(--black);border-radius:16px;padding:17px;box-shadow:4px 4px 0 var(--black);cursor:pointer;display:grid;gap:6px;font-family:inherit;transition:.15s var(--ease)}.choice:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.choice.active{background:var(--yellow);color:var(--accent-ink)}.choice i{font-size:1.5rem}.choice strong{font:700 1.05rem var(--font-display)}.choice small{font:600 .75rem var(--font-mono);color:var(--text-dim)}.choice.active small{color:inherit}.player-choice{text-align:center;place-items:center}.player-choice strong{font-size:1.8rem}.setup-summary{border-top:var(--bw) solid var(--black);padding-top:20px;display:flex;align-items:end;gap:20px;flex-wrap:wrap}.setup-summary>div{display:grid;gap:4px}.setup-summary small{font:700 .6rem var(--font-mono);color:var(--text-dim)}.setup-summary strong{font:700 .95rem var(--font-display)}.ludo-btn{font:700 .76rem var(--font-display);padding:11px 16px;background:var(--white);border:var(--bw) solid var(--black);border-radius:100px;box-shadow:3px 3px 0 var(--black);cursor:pointer;font-family:inherit}.ludo-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.ludo-btn.primary{background:var(--yellow);color:var(--accent-ink)}.setup-summary .primary{margin-left:auto}.hidden{display:none!important}
.ludo-game-area{display:grid;grid-template-columns:minmax(0,820px) minmax(0,300px);gap:25px;align-items:start}.ludo-board-card{padding:18px;min-width:0}.turn-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:2px 2px 15px}.turn-bar>div:first-child{display:grid;gap:3px}.turn-bar strong{font:700 1.05rem var(--font-display)}.turn-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ludo-board{width:min(100%,720px);aspect-ratio:1;margin:0 auto;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));border:var(--bw) solid var(--black);border-radius:10px;overflow:hidden;background:#f2e8d1;position:relative;isolation:isolate}.ludo-cell{position:relative;min-width:0;min-height:0;border:1px solid rgba(20,20,20,.18);display:flex;align-items:center;justify-content:center;overflow:hidden}.ludo-cell.zone-red{background:#e92e34}.ludo-cell.zone-green{background:#0ba65a}.ludo-cell.zone-yellow{background:#f4c900}.ludo-cell.zone-blue{background:#239fe2}.ludo-cell.zone-red.home-red,.ludo-cell.zone-green.home-green,.ludo-cell.zone-yellow.home-yellow,.ludo-cell.zone-blue.home-blue{background:rgba(255,255,255,.95)}
.ludo-cell.path{background:#faf8ef}.ludo-cell.lane-red{background:#f18b91}.ludo-cell.lane-green{background:#77d99e}.ludo-cell.lane-yellow{background:#ffe76d}.ludo-cell.lane-blue{background:#7bc7f0}.ludo-cell.safe{box-shadow:inset 0 0 0 2px rgba(0,0,0,.22)}.ludo-cell.center{border-color:rgba(20,20,20,.28)}.ludo-cell.center-red{background:#e92e34}.ludo-cell.center-green{background:#0ba65a}.ludo-cell.center-yellow{background:#f4c900}.ludo-cell.center-blue{background:#239fe2}.ludo-cell.center:not(.center-red):not(.center-green):not(.center-yellow):not(.center-blue){background:conic-gradient(from 45deg,#f4c900 0 25%,#0ba65a 0 50%,#f4c900 0 75%,#239fe2 0)}
.ludo-cell.home-red,.ludo-cell.home-green,.ludo-cell.home-yellow,.ludo-cell.home-blue{z-index:1}.ludo-cell.home-red::before,.ludo-cell.home-green::before,.ludo-cell.home-yellow::before,.ludo-cell.home-blue::before{content:"";position:absolute;inset:18%;background:#fff;border:2px solid rgba(0,0,0,.35);border-radius:8px}.home-label{position:relative;z-index:2;font-size:clamp(.55rem,1.6vw,1rem);opacity:.14}.star{font-size:clamp(.65rem,1.9vw,1.05rem);opacity:.5;line-height:1}.ludo-cell.start-red::after,.ludo-cell.start-green::after,.ludo-cell.start-yellow::after,.ludo-cell.start-blue::after{content:"";position:absolute;inset:18%;border-radius:50%;opacity:.28}.ludo-cell.start-red::after{background:#e92e34}.ludo-cell.start-green::after{background:#0ba65a}.ludo-cell.start-yellow::after{background:#f4c900}.ludo-cell.start-blue::after{background:#239fe2}
.token{position:absolute;width:74%;height:74%;border-radius:50%;display:grid;place-items:center;border:2px solid #151515;box-shadow:1px 3px 0 rgba(0,0,0,.28),inset 0 2px 0 rgba(255,255,255,.45);font:700 clamp(.42rem,1.4vw,.7rem) var(--font-mono);z-index:5;cursor:pointer;transition:transform .12s ease,outline .12s ease;touch-action:manipulation}.token::after{content:"";position:absolute;width:38%;height:38%;border-radius:50%;background:rgba(255,255,255,.72);top:17%;left:31%;pointer-events:none}.token:hover{transform:scale(1.07)}.token.red{background:#dc1f2b}.token.green{background:#00a55a}.token.yellow{background:#f0c400}.token.blue{background:#1598dc}.token span{position:relative;z-index:2;color:#111;background:rgba(255,255,255,.72);width:40%;height:40%;border-radius:50%;display:grid;place-items:center;font-size:.48em}.token.legal{outline:3px solid var(--black);outline-offset:1px;animation:pulse-token .8s infinite alternate}.token.moving{animation:token-hop .105s ease-out}
.dice-panel{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;padding-top:15px;border-top:var(--bw) solid var(--black)}.dice-info{display:grid;gap:4px;min-width:0}.dice-info strong{font:700 1rem var(--font-display)}.dice-info small{color:var(--text-dim);font-size:.76rem}.dice-btn{width:76px;height:76px;flex:0 0 76px;background:var(--yellow);color:var(--accent-ink);border:var(--bw) solid var(--black);border-radius:16px;box-shadow:4px 4px 0 var(--black);cursor:pointer;display:grid;place-items:center;font-family:inherit}.dice-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.dice-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dice-btn span{font-size:2rem;line-height:1}.dice-btn small{font:700 .55rem var(--font-mono)}.ludo-side{display:grid;gap:15px;min-width:0}.players-card{padding-bottom:12px}.player-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed #bbb}.player-row:last-child{border-bottom:0}.player-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--black);flex:0 0 18px}.player-dot.red{background:#dc1f2b}.player-dot.green{background:#00a55a}.player-dot.yellow{background:#f0c400}.player-dot.blue{background:#1598dc}.player-row div:nth-child(2){display:grid;gap:2px;min-width:0}.player-row strong{font:700 .78rem var(--font-display)}.player-row small{font:600 .62rem var(--font-mono);color:var(--text-dim)}.player-row.active strong{background:var(--yellow);padding:3px 6px;border-radius:4px;color:var(--accent-ink)}.side-card h2{font-size:1.25rem}.rules-card p{font-size:.78rem}
@keyframes pulse-token{from{transform:scale(1)}to{transform:scale(1.12)}}@keyframes token-hop{0%{transform:translateY(3px) scale(.94)}100%{transform:translateY(-2px) scale(1.04)}}
@media(max-width:980px){.ludo-game-area{grid-template-columns:1fr}.ludo-board-card{max-width:760px;margin:auto;width:100%}.ludo-side{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-card{grid-column:1/-1}}
@media(max-width:600px){.ludo-page{width:94%;padding-top:30px}.setup-card{padding:18px;gap:22px}.mode-grid{grid-template-columns:1fr}.player-grid{max-width:none}.choice{padding:14px}.setup-summary{align-items:stretch}.setup-summary .primary{margin-left:0;width:100%}.ludo-board-card{padding:7px;border-radius:14px}.turn-bar{margin:2px 1px 10px;align-items:flex-start;flex-direction:column}.turn-actions{width:100%}.turn-actions .ludo-btn{padding:9px 11px}.ludo-board{width:100%;border-radius:7px}.ludo-cell{border-width:1px}.dice-panel{align-items:center}.dice-btn{width:68px;height:68px;flex-basis:68px}.ludo-side{grid-template-columns:1fr}.rules-card{grid-column:auto}.ludo-top{margin-bottom:20px}.token{width:72%;height:72%;border-width:1.5px}}
@media(max-width:360px){.ludo-page{width:calc(100% - 18px)}.setup-card{padding:14px}.player-grid{gap:8px}.choice{padding:11px}.dice-btn{width:60px;height:60px;flex-basis:60px}}

.result-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.46);display:grid;place-items:center;padding:20px;animation:result-fade .18s ease}
.result-card{width:min(420px,100%);background:var(--white);border:var(--bw) solid var(--black);border-radius:20px;box-shadow:8px 8px 0 var(--black);padding:30px;text-align:center;animation:result-pop .28s cubic-bezier(.2,.8,.2,1)}
.result-icon{width:70px;height:70px;margin:0 auto 14px;background:var(--yellow);border:var(--bw) solid var(--black);border-radius:17px;box-shadow:4px 4px 0 var(--black);display:grid;place-items:center;font-size:1.9rem}
.result-card h2{font:700 clamp(1.6rem,7vw,2.15rem) var(--font-display);margin:8px 0}
.result-card p{margin:0;color:var(--text-dim);font-size:.85rem}
@keyframes result-fade{from{opacity:0}to{opacity:1}}
@keyframes result-pop{from{opacity:0;transform:scale(.86) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}