:root{--gold:#d9b55d;--gold-light:#ffe5a0;--ivory:#f7efd9;--muted:#b8ad98;--ink:#05070b;--blue:#2f91e8;--red:#e4545a;--yellow:#e5b83d;--green:#4fb878;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--ink)}body{min-height:100svh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% 10%,#283149 0,#101623 24%,#07090f 61%,#030405 100%);color:var(--ivory);font-family:Arial,sans-serif}button,a,select,input{font:inherit}button{touch-action:manipulation}.game-sitebar{position:sticky;top:0;z-index:50;display:flex;min-height:calc(52px + env(safe-area-inset-top));align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #4f4022;padding:env(safe-area-inset-top) max(12px,calc((100% - 980px)/2 + 12px)) 0;background:#07090fed;box-shadow:0 10px 32px #000b;backdrop-filter:blur(14px)}.game-sitebrand{display:inline-flex;min-height:36px;align-items:center;border:1px solid #efd58d;border-radius:999px;padding:8px 44px 8px 12px;background:linear-gradient(90deg,#ffe7a0,#d3ad50 48%,#6d4d1d);box-shadow:inset 0 1px #fff9,0 5px 14px #0008;color:#090806;font:900 .845rem/1 Arial;letter-spacing:.06em;text-decoration:none}.game-home-button{display:inline-flex;min-height:36px;align-items:center;border:1px solid #f5dda0;border-radius:999px;padding:7px 14px;background:linear-gradient(110deg,#aa7d2b,#f3dc91 48%,#ae812d);box-shadow:inset 0 1px #fff9,0 5px 14px #0008;color:#090806;font:900 .72rem/1 Arial;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.game-shell{width:min(100%,980px);margin:auto;padding:10px 10px calc(18px + env(safe-area-inset-bottom))}.topbar{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 6px}.game-identity h1{margin:0;color:var(--gold-light);font:normal clamp(20px,5.2vw,27px)/1 Georgia,serif}.player-name{display:block;min-height:10px;margin-top:3px;color:#b7aa91;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.top-actions{display:flex;gap:7px}.icon-button{display:grid;width:39px;height:39px;place-items:center;border:1px solid #80662f;border-radius:50%;background:linear-gradient(145deg,#192131,#080b11);box-shadow:inset 0 1px #fff2,0 5px 14px #0008;color:var(--gold-light);font-size:18px;cursor:pointer}.info-icon{font:italic bold 17px Georgia}.scorebar{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:8px;border-block:1px solid #6d5629;background:#080b11aa}.scorebar.with-time{grid-template-columns:repeat(4,1fr)}.scorebar>div{padding:7px 4px;border-right:1px solid #42351d;text-align:center}.scorebar>div:last-child{border:0}.scorebar span{display:block;color:#a89c86;font-size:8px;font-weight:800;letter-spacing:.14em}.scorebar strong{display:block;margin-top:2px;color:var(--gold-light);font:normal 18px Georgia}.premium-stage{position:relative;overflow:hidden;border-radius:25px;padding:clamp(7px,2vw,16px);background:linear-gradient(180deg,#111827dd,#06090fef),radial-gradient(circle at 50% 20%,#7891bd55,transparent 48%);box-shadow:inset 0 1px #fff3,inset 0 -40px 80px #0008,0 22px 60px #000b}.board-wrap{position:relative;width:min(100%,690px);aspect-ratio:1;margin:auto;filter:drop-shadow(0 20px 22px #000b)}.ludo-board{position:absolute;inset:0;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);overflow:hidden;border:1px solid #b69145;border-radius:5%;background:linear-gradient(145deg,#293143,#10151f);box-shadow:inset 0 0 0 4px #05070ba8,inset 0 0 45px #000b}.board-cell{position:relative;border:1px solid #8c74445c;background:linear-gradient(145deg,#f5e9c8,#c8ad72);box-shadow:inset 0 1px #fff9}.board-cell.path:after{content:"";position:absolute;inset:22%;border:1px solid #5e4b2b55;border-radius:50%;background:#fff5d970}.board-cell.start-blue{background:linear-gradient(145deg,#8bd4ff,#2278cc)}.board-cell.start-red{background:linear-gradient(145deg,#ff9a9d,#bd303c)}.board-cell.start-gold{background:linear-gradient(145deg,#ffe889,#c69016)}.board-cell.start-green{background:linear-gradient(145deg,#9ee9b8,#25885a)}.board-cell.lane-blue{background:linear-gradient(145deg,#6fc4ff,#2177c9)}.board-cell.lane-red{background:linear-gradient(145deg,#ff8f94,#bd303c)}.board-cell.lane-gold{background:linear-gradient(145deg,#ffe681,#bd8515)}.board-cell.lane-green{background:linear-gradient(145deg,#91e6b0,#25885a)}.home-quadrant{position:absolute;width:40%;height:40%;border:1px solid #ffffff1f;border-radius:12%;box-shadow:inset 0 0 30px #0008}.home-quadrant:before{content:"";position:absolute;inset:16%;border-radius:16%;background:#090c13aa;box-shadow:inset 0 1px #fff2}.home-blue{top:0;left:0;background:radial-gradient(circle,#307fc9,#102e4d)}.home-red{top:0;right:0;background:radial-gradient(circle,#c9414a,#4e151c)}.home-gold{right:0;bottom:0;background:radial-gradient(circle,#d39b25,#4b3510)}.home-green{bottom:0;left:0;background:radial-gradient(circle,#299064,#123e2c)}.center-crown{position:absolute;z-index:2;top:40%;left:40%;display:grid;width:20%;height:20%;place-items:center;clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 50%,100% 100%,50% 100%,0 100%,0 50%);background:conic-gradient(from 45deg,var(--blue) 0 25%,var(--red) 0 50%,var(--yellow) 0 75%,var(--green) 0);color:#fff3bf;font-size:clamp(22px,7vw,52px);text-shadow:0 3px 8px #000}.piece-layer{position:absolute;z-index:4;inset:0;pointer-events:none}.piece{position:absolute;width:6.2%;aspect-ratio:1;transform:translate(-50%,-62%);border:0;padding:0;background:transparent;filter:drop-shadow(0 4px 3px #000c);pointer-events:auto;transition:left .24s cubic-bezier(.2,.8,.2,1),top .24s cubic-bezier(.2,.8,.2,1),transform .25s}.piece img{display:block;width:100%;height:100%;object-fit:contain}.piece.legal{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 9px #ffe479);animation:piece-pulse .8s ease-in-out infinite;cursor:pointer}.piece.hop{animation:piece-hop .28s cubic-bezier(.2,.8,.2,1)}.piece.captured{animation:piece-capture .55s ease-in}.coin-glint{position:absolute;z-index:3;width:2.8%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff3b3;box-shadow:0 0 8px #ffd850,0 0 16px #ffd850;animation:glint 1.8s ease-in-out infinite;opacity:.33}.status{min-height:22px;margin:8px 0 2px;color:#ddd3bd;font-size:13px;font-weight:700;text-align:center}.turn-control{display:grid;grid-template-columns:68px minmax(150px,260px);align-items:center;justify-content:center;gap:14px;min-height:78px}.die-scene{display:grid;width:64px;height:64px;place-items:center;perspective:500px}.die-3d{position:relative;width:52px;height:52px;transform-style:preserve-3d;transform:rotateX(0) rotateY(0);transition:transform .25s}.die-3d[data-face="2"]{transform:rotateX(-90deg)}.die-3d[data-face="3"]{transform:rotateY(-90deg)}.die-3d[data-face="4"]{transform:rotateY(90deg)}.die-3d[data-face="5"]{transform:rotateX(90deg)}.die-3d[data-face="6"]{transform:rotateY(180deg)}.die-face{position:absolute;inset:0;border:1px solid #e9edf1;border-radius:11px;background:linear-gradient(135deg,#f8fafb 0,#aeb5bc 30%,#eef1f3 55%,#8a9299 100%);box-shadow:inset 0 2px 4px #fff,inset 0 -3px 6px #5a6067,0 3px 10px #0009;backface-visibility:hidden}.front{transform:translateZ(26px)}.back{transform:rotateY(180deg) translateZ(26px)}.right{transform:rotateY(90deg) translateZ(26px)}.left{transform:rotateY(-90deg) translateZ(26px)}.top{transform:rotateX(90deg) translateZ(26px)}.bottom{transform:rotateX(-90deg) translateZ(26px)}.pip{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4b5157,#08090a 70%);box-shadow:inset 0 1px 2px #000,0 1px #fff8}.tl{top:9px;left:9px}.tr{top:9px;right:9px}.ml{top:22px;left:9px}.mr{top:22px;right:9px}.c{top:22px;left:22px}.bl{bottom:9px;left:9px}.br{right:9px;bottom:9px}.roll-button{min-height:48px;border:1px solid #eef2f4;border-radius:999px;padding:10px 22px;background:linear-gradient(110deg,#70777d,#f1f4f5 48%,#70777d);box-shadow:inset 0 1px #fff,0 8px 18px #0009;color:#090a0b;font-size:15px;font-weight:900;letter-spacing:.06em;cursor:pointer}.turn-prompt{color:#fff;font-size:15px;text-align:center}.advert-space{display:grid;min-height:120px;place-items:center;margin-top:24px;border:1px dashed #67552f;border-radius:18px;color:#8e846f;font-size:.7rem;font-weight:800;letter-spacing:.15em}.primary-button,.secondary-button{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:11px;padding:10px 16px;font-weight:850;cursor:pointer}.primary-button{width:100%;margin-top:17px;background:linear-gradient(110deg,#b8892f,#f0d88c,#b8892f);color:#080706}.secondary-button{background:#0b0e15;color:var(--gold-light)}dialog{width:min(450px,calc(100% - 24px));max-height:calc(100dvh - 26px);margin:auto;overflow:auto;border:1px solid #8b6d32;border-radius:20px;padding:21px;background:radial-gradient(circle at 50% 0,#222c41,#0b0e15 55%);box-shadow:0 28px 100px #000e;color:var(--ivory)}dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.dialog-top h2,dialog>h2{margin:0;color:var(--gold-light);font:normal 27px Georgia}.dialog-top>.icon-button{flex:0 0 39px}.select-field,.switch-row{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #3c321f}.select-field select{max-width:54%;border:1px solid #80662f;border-radius:9px;padding:9px;background:#07090e;color:var(--ivory)}fieldset{margin:0;border:1px solid #5d4a24;border-radius:12px;padding:8px 12px}legend{color:var(--gold-light);font-weight:800}.seat-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seat-setting{display:grid;gap:4px;color:#cfc5b1;font-size:12px}.seat-setting select{border:1px solid #80662f;border-radius:8px;padding:7px;background:#07090e;color:var(--ivory)}.switch-row input{width:22px;height:22px;accent-color:var(--gold)}.range-field{display:grid;gap:12px;margin-top:13px}.range-field span{display:flex;justify-content:space-between}.range-field input{width:100%;accent-color:var(--gold)}.demo-panel,.info-card{margin:0 0 14px;border:1px solid #705b30;border-radius:15px;padding:15px;background:linear-gradient(145deg,#171b27,#090c12 72%)}.demo-panel h3,.info-card h3{margin:0;color:var(--gold-light);font:normal 21px Georgia}.demo-panel p,.info-card p{color:#c4b9a3;font-size:13px;line-height:1.55}.eyebrow{color:#b99a52;font-size:9px!important;font-weight:900;letter-spacing:.16em}.menu-guide{display:grid;gap:12px;margin:15px 0 0;padding:0;list-style:none}.menu-guide li{display:grid;grid-template-columns:36px 1fr;gap:10px}.menu-guide li>span{display:grid;width:32px;height:32px;place-items:center;border:1px solid #80662f;border-radius:50%;color:var(--gold-light)}.menu-guide p{margin:0}.dialog-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dialog-buttons .primary-button{margin:0}.result-dialog{text-align:center}.result-medal{margin:0;color:var(--gold-light);font-size:64px}.result-close{width:100%;margin-top:9px}.record-status{min-height:18px;color:#d8c488}.demo-finger{position:fixed;z-index:210;font-size:48px;filter:drop-shadow(0 0 8px #fff);pointer-events:none}.icon-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.roll-button:focus-visible,.piece:focus-visible{outline:3px solid #fff1b8;outline-offset:2px}@keyframes piece-pulse{50%{transform:translate(-50%,-72%) scale(1.15)}}@keyframes piece-hop{50%{transform:translate(-50%,-120%) scale(1.1)}}@keyframes piece-capture{50%{transform:translate(-50%,-62%) scale(.3) rotate(180deg);opacity:.3}}@keyframes glint{50%{opacity:.75;transform:translate(-50%,-50%) scale(1.3)}}@media(max-width:430px){.game-shell{padding-inline:6px}.top-actions{gap:4px}.icon-button{width:36px;height:36px}.premium-stage{padding:7px 3px}.piece{width:7.2%}.turn-control{grid-template-columns:62px minmax(150px,220px);gap:8px}.advert-space{min-height:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}