.ludo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:100vh;background-color:#0f172a;color:#fff}.game-message{font-size:18px;font-weight:700;margin-bottom:15px;padding:10px 20px;background:#ffffff1a;border-radius:8px;text-align:center}.message-capture{background:#fbbf2433;color:#fbbf24}.message-win{background:#22c55e33;color:#22c55e}.ground{width:100%;height:auto;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.line{display:flex}.button{width:30px;height:30px;padding:0;border:solid 1px #aaaaaa;border-radius:0;background-color:#fff;display:flex;justify-content:center;align-items:center}.button .dot{width:18px;height:18px;border-radius:100px;border:solid white 1px;box-shadow:2px 2px 3px gray;z-index:5}.button .dot:hover{cursor:pointer}.line1{display:flex;justify-content:center;align-items:center;padding:0;background-color:#fff}.line1 .tooltip{padding:17px;display:flex;justify-content:center;align-items:center}.board{width:450px;height:450px;box-shadow:0 10px 30px #0006}.board .row1{width:450px;height:180px;display:flex}.board .row1 .col1-1{width:180px;height:180px;background-color:#fd3333;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.board .row1 .col1-2{width:90px;height:180px}.board .row1 .col1-3{width:180px;height:180px;background-color:#7ce22b;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.board .row2{width:450px;height:90px;display:flex}.board .row2 .col2-1{width:180px;height:90px}.board .row2 .col2-2{width:90px;height:90px;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#fff}.board .row2 .col2-3{width:180px;height:90px}.board .row3{width:450px;height:180px;display:flex}.board .row3 .col3-1{width:180px;height:180px;background-color:#276af9;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.board .row3 .col3-2{width:90px;height:180px}.board .row3 .col3-3{width:180px;height:180px;background-color:#ffed05;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#center{background-image:url(/ludo-assets/center.png);background-size:contain;background-repeat:no-repeat;background-position:center}.central-dice-area{display:flex;flex-direction:column;align-items:center;justify-content:center}.main-dice{width:60px;height:60px;background:#fefefe;border:solid 1px grey;border-radius:100px;font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}.main-dice:hover:not(:disabled){cursor:pointer}.main-dice:disabled{cursor:not-allowed;opacity:.8}.turn-indicator{width:30px;height:4px;margin-top:4px;border-radius:2px;transition:background-color .3s}.finish-display{position:absolute;bottom:8px;right:8px;background:#ffffff4d;padding:4px;border-radius:4px}.finish-tokens-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.fbtn{width:18px;height:18px;background:#fff;border:solid 1px grey;display:flex;align-items:center;justify-content:center}.fbtn .dot{width:12px;height:12px}.redDot{background-color:#fd3333}.greenDot{background-color:#7ce22b}.blueDot{background-color:#276af9}.yellowDot{background-color:#ffed05}.star{background-color:#fff;background-image:url(/ludo-assets/star.png);background-size:25px;background-repeat:no-repeat;background-position:center}.tooltip{position:relative;display:inline-block;width:30px;height:30px;padding:0;margin:0;border-style:none}.rotate{animation:diceRotate .5s infinite linear}@keyframes diceRotate{0%{transform:rotate(0) scale(1.1)}to{transform:rotate(360deg) scale(1.1)}}.color-red{background-color:#fd3333!important}.color-green{background-color:#7ce22b!important}.color-blue{background-color:#276af9!important}.color-yellow{background-color:#ffed05!important}.moveable{box-shadow:inset 10px 10px 100px #000;transform:scale(1.2);transition:all .5s;z-index:10}.bet-controls-premium{background-color:#1e293b;padding:30px;border-radius:24px;width:100%;max-width:450px;border:2px solid #334155;box-shadow:0 25px 50px -12px #00000080}.bet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bet-label{color:#94a3b8;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.bet-value{color:#fbbf24;font-size:32px;font-weight:900;font-family:Inter,monospace;text-shadow:0 0 20px rgba(251,191,36,.3)}.slider-container{margin-bottom:24px}.bet-slider-premium{width:100%;height:12px;background:#0f172a;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.bet-slider-premium::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#fbbf24;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #fbbf2480}.slider-labels{display:flex;justify-content:space-between;font-size:10px;color:#64748b;font-weight:700;margin-top:8px;text-transform:uppercase}.bet-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.bet-btn-premium{padding:14px;background:#334155;border:1px solid #475569;border-radius:12px;color:#cbd5e1;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.bet-btn-premium:hover{background:#475569;color:#fff}.bet-btn-premium.active{background:#fbbf24;color:#0f172a;border-color:#f59e0b;box-shadow:0 4px 12px #fbbf244d}.start-btn-premium{width:100%;padding:20px;background:linear-gradient(to bottom,#ef4444,#b91c1c);color:#fff;font-size:24px;font-weight:900;border:none;border-radius:16px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 10px 20px #b91c1c66;transition:all .2s;border-bottom:6px solid #7f1d1d}.start-btn-premium:hover{transform:translateY(-2px);box-shadow:0 15px 25px #b91c1c80}.start-btn-premium:active{transform:translateY(2px);border-bottom-width:0}.bet-footer{text-align:center;font-size:12px;color:#64748b;margin-top:20px;font-weight:500}.winner-announcement{font-size:28px;font-weight:900;margin-bottom:20px;text-transform:uppercase}.active-game-info{margin-top:20px;color:#94a3b8;font-weight:600}@media only screen and (max-width:600px){.board{width:315px;height:315px}.board .row1{width:315px;height:126px}.board .row1 .col1-1,.board .row1 .col1-3{width:126px;height:126px}.board .row1 .col1-2{width:63px;height:126px}.board .row2{width:315px;height:63px}.board .row2 .col2-1,.board .row2 .col2-3{width:126px;height:63px}.board .row2 .col2-2{width:63px;height:63px}.board .row3{width:315px;height:126px}.board .row3 .col3-1,.board .row3 .col3-3{width:126px;height:126px}.board .row3 .col3-2{width:63px;height:126px}.button,.tooltip{width:21px;height:21px}.button .dot{width:12px;height:12px}.line1 .tooltip{padding:11px}.main-dice{width:42px;height:42px;font-size:20px}.star{background-size:15px}.fbtn{width:14px;height:14px}.fbtn .dot{width:10px;height:10px}.bet-controls-premium{max-width:315px;padding:20px}.bet-value{font-size:24px}.start-btn-premium{font-size:18px;padding:16px}.bet-btn-premium{padding:10px;font-size:11px}}
