/* DRUTO_LUDO_FINAL_V5 */
html.druto-final-v5 body{background:#154780 url('pattern.svg') center/100px; background-attachment:fixed}
html.druto-final-v5 .lobby{padding:12px;background:radial-gradient(ellipse at 50% 20%,#4697cb6b,transparent 70%),#164c83 url('pattern.svg') center/100px}
html.druto-final-v5 .lobby .lobbyCard{width:min(480px,100%);padding:0 21px 15px;border:4px solid #edc04d;border-radius:13px;background:radial-gradient(ellipse at 50% 35%,#4a8cc04d,transparent 70%),#20588f url('pattern.svg') center/110px;box-shadow:inset 0 0 0 3px #082b5c,0 22px 65px #041a3d88;min-height:0}
html.druto-final-v5 .v5LobbyHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -18px 10px;padding:10px 12px;background:linear-gradient(#277bb4,#0d4482);border-bottom:2px solid #e6bb48;border-radius:8px 8px 14px 14px;box-shadow:0 3px 0 #0c325e;font-size:11px}
html.druto-final-v5 .v5LobbyHeader a{color:#f8df92;text-decoration:none;font-weight:800;white-space:nowrap}
html.druto-final-v5 .v5LobbyHeader span{color:#d8efff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
html.druto-final-v5 .musicFloat{position:static;width:33px;height:33px;padding:0;border:1px solid #f8db81;background:#0e3b6c;border-radius:9px;font-size:0;flex:none}
html.druto-final-v5 .musicFloat:after{font-size:22px}
html.druto-final-v5 .lobbyBrand{margin:16px 0 9px;display:flex;flex-direction:column;align-items:center;position:relative}
html.druto-final-v5 .lobbyBrand .v5Eyebrow{font-size:8px;letter-spacing:3px;color:#b6d9ef;margin:0 0 5px;order:0}
html.druto-final-v5 .lobbyBrand h1{font-size:37px;line-height:1;letter-spacing:-1px;color:#fffce3;order:1;text-shadow:0 3px 0 #0a365d,0 0 10px #82c9ff3d;margin:0}
html.druto-final-v5 .lobbyBrand h1 span{color:#ffde60}
html.druto-final-v5 .lobbyBrand img{width:min(320px,100%);height:auto;aspect-ratio:2;object-fit:contain;order:2;margin:0;filter:none;animation:none}
html.druto-final-v5 .lobbyBrand>p:last-child{order:3;display:block;font-size:11px;color:#c4e5fb;margin:-4px 0 2px}
html.druto-final-v5 .lobbyTitle{font-size:11px;color:#bedcf2;margin:6px 0 13px}
html.druto-final-v5 .lobbyOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html.druto-final-v5 .lobbyOption{min-height:135px;display:flex;flex-direction:column;justify-content:flex-start;padding:8px 5px 10px;border:3px solid #f1ca53;border-bottom:5px solid #bb861d;border-radius:20px;background:linear-gradient(#3c8fc2 0,#1d5b96 19%,#0c3a6a 61%,#ffd95c 62%,#eab536 100%);box-shadow:inset 0 0 0 2px #e4cf824d,0 5px 0 #0c2e5a,0 0 12px #e5c25622;color:#123967;gap:0;position:relative;text-shadow:none}
html.druto-final-v5 .lobbyOption img{display:block;width:105px;height:62px;object-fit:contain;margin:0 auto 3px}
html.druto-final-v5 .lobbyOption b{font-size:16px;line-height:1.35;color:#123665;font-weight:950}
html.druto-final-v5 .lobbyOption small{font-size:9px;line-height:1.4;color:#594315;margin:3px 0 0;font-weight:650}
html.druto-final-v5 .lobbyOption.active{background:linear-gradient(#4a9bcc 0,#225e9b 19%,#123f72 61%,#ffe88b 62%,#f5cc58 100%);box-shadow:inset 0 0 0 2px #fff4b4,0 5px 0 #0c2e5a,0 0 12px #e5c25644;border-color:#ffe68c}
html.druto-final-v5 .lobbyOption.active:before{width:16px;height:16px;top:7px;right:7px;font-size:10px;background:#ffe48a;color:#173858}
html.druto-final-v5 .v5LobbyNote{text-align:center;font-size:10px;color:#b8daf2;line-height:1.7;padding:18px 0 4px}
html.druto-final-v5 .v5LobbyFooter{display:flex;justify-content:space-around;gap:5px;font-size:9px;color:#e9d791;border-top:1px solid #98c6ed2b;margin-top:12px;padding-top:12px}
html.druto-final-v5 .lobbyGrid .lobbyOption{min-height:115px;background:linear-gradient(#3d85ba,#17477d);justify-content:center;border-width:2px;border-bottom-width:4px}
html.druto-final-v5 .lobbyGrid .lobbyOption b{color:#c5e3f7;font-size:12px}
html.druto-final-v5 .v5Number{font-size:38px;color:#ffe387;font-weight:950;line-height:1.3}
html.druto-final-v5 .lobbyActions{margin-top:20px}
html.druto-final-v5 .lobbyActions button{border-radius:12px;min-height:48px}
html.druto-final-v5 .app{max-width:800px;background:transparent;padding:10px 13px 20px}
html.druto-final-v5 .game{max-width:570px;margin:auto}
html.druto-final-v5 .boardBox{border:3px solid #efd16d;background:#123c70;border-radius:8px;padding:4px;box-shadow:0 0 0 2px #0c2c55,0 9px 24px #06244880}
html.druto-final-v5 .board{border-radius:2px;border:2px solid #fff5d6}
html.druto-final-v5 .board .yard.red{background:#e72a3c}html.druto-final-v5 .board .yard.green{background:#06a66b}html.druto-final-v5 .board .yard.blue{background:#2ca3ec}html.druto-final-v5 .board .yard.yellow{background:#f1d62a}
html.druto-final-v5 .token{width:57%;height:65%;box-shadow:inset 0 -3px 4px #0005,0 2px 3px #0005}
html.druto-final-v5 .v5Seats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:11px 0}
html.druto-final-v5 .v5Seat{display:flex;align-items:center;gap:8px;min-height:70px;border:2px solid #cda83c;border-radius:13px;background:linear-gradient(#236399,#0b3c72);padding:8px;box-shadow:0 3px 0 #09294f;min-width:0;position:relative}
html.druto-final-v5 .v5Seat[hidden]{display:none}
html.druto-final-v5 .v5Avatar{display:grid;place-items:center;width:43px;height:45px;border:2px solid #e6c56b;background:linear-gradient(#e2f0f8,#a5cde8);border-radius:8px;color:var(--color);font-size:30px;flex:none;text-shadow:0 2px 2px #0002}
html.druto-final-v5 .v5SeatInfo{min-width:0;flex:1}.v5SeatInfo b{display:block;color:#e7f3ff;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.v5SeatInfo small{font-size:9px;color:#9ec6e7;display:block;margin-top:3px}
html.druto-final-v5 .v5Seat.active{border-color:#fff09b;box-shadow:0 0 0 2px #e5be4b55,0 3px 0 #09294f}
html.druto-final-v5 .v5Seat.active:after{content:'চলতি চাল';position:absolute;right:7px;top:-8px;padding:1px 6px;border-radius:6px;background:#f0cc5f;color:#183862;font-size:8px;font-weight:800}
html.druto-final-v5 .v5DieSlot{width:44px;min-width:44px;display:grid;place-items:center;color:#759ab8}
html.druto-final-v5 .v5Seat .dice{width:43px;height:43px;font-size:31px;border-radius:10px;border-width:1px;box-shadow:inset -2px -3px 0 #c7c3b5;color:#153969}
html.druto-final-v5 .side .players,html.druto-final-v5 body:not(.druto-social-on) .diceCard{display:none}
html.druto-final-v5 body:not(.druto-social-on) .side{grid-template-columns:1fr}
html.druto-final-v5 body:not(.druto-social-on) .turn,html.druto-final-v5 body:not(.druto-social-on) .status{grid-column:1;min-height:30px;padding:7px;font-size:12px}
html.druto-final-v5 .druto-social-on .v5Seats{display:none}
html.druto-final-v5 .druto-social-on .diceCard{display:grid}
html.druto-final-v5 .socialSeat{border:2px solid #e0b64a;border-radius:10px;background:linear-gradient(#276a9f,#123f73);box-shadow:0 3px 0 #07254b}
html.druto-final-v5 .socialSeat.active-turn{border-color:#fff1a1;box-shadow:0 0 0 2px #e5be4b55}
html.druto-final-v5 #ludoSocialDock{background:#103d6a;border-color:#dfba59}
html.druto-final-v5 .side{margin-top:9px}
@media(max-width:430px){html.druto-final-v5 .lobby{padding:7px}html.druto-final-v5 .lobby .lobbyCard{padding:0 16px 12px;border-width:3px}html.druto-final-v5 .v5LobbyHeader{margin:0 -13px 7px}html.druto-final-v5 .lobbyBrand{margin-top:13px}html.druto-final-v5 .lobbyBrand h1{font-size:32px}html.druto-final-v5 .lobbyBrand img{width:270px}html.druto-final-v5 .lobbyOptions{gap:12px}html.druto-final-v5 .lobbyOption{min-height:128px;border-radius:17px}html.druto-final-v5 .lobbyOption b{font-size:14px}html.druto-final-v5 .lobbyOption img{height:59px}html.druto-final-v5 .app{padding:8px 6px 20px}html.druto-final-v5 .v5Seats{gap:8px;margin:9px 0}html.druto-final-v5 .v5Seat{gap:5px;padding:6px;min-height:64px}html.druto-final-v5 .v5Avatar{width:33px;height:39px;font-size:26px}.v5SeatInfo b{font-size:10px}html.druto-final-v5 .v5Seat .dice{width:38px;height:38px;font-size:28px}html.druto-final-v5 .v5DieSlot{width:38px;min-width:38px}}
@media(max-height:730px){html.druto-final-v5 .lobby{align-items:start}html.druto-final-v5 .lobbyBrand img{width:220px}html.druto-final-v5 .lobbyBrand{margin-top:12px}html.druto-final-v5 .lobbyOption{min-height:119px}html.druto-final-v5 .lobbyOption img{height:53px}html.druto-final-v5 .v5LobbyNote{padding-top:12px}}