@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-dark:#040813;--bg-card:#0a101ed9;--bg-card-hover:#121c34f2;--border-glass:#ffffff14;--border-glass-light:#ffffff2e;--text-main:#fff;--text-muted:#94a3b8;--text-dark:#64748b;--red-color:#ef4444;--red-dark:#b91c1c;--red-glow:#ef444480;--green-color:#22c55e;--green-dark:#15803d;--green-glow:#22c55e80;--yellow-color:#f59e0b;--yellow-dark:#b45309;--yellow-glow:#f59e0b80;--blue-color:#3b82f6;--blue-dark:#1d4ed8;--blue-glow:#3b82f680;--purple-color:#a855f7;--purple-glow:#a855f780;--cell-size:min(4vw, 32px);--board-size:calc(var(--cell-size) * 15);--board-bg:#cbd5e1}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 50% 30%,#f59e0b1f 0%,#0000 50%),radial-gradient(circle at 10% 20%,#3b82f61f 0%,#0000 45%),radial-gradient(circle at 90% 80%,#22c55e1a 0%,#0000 45%);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.dashboard-root{background:var(--bg-dark);width:100%;max-width:100%;min-height:100vh;color:var(--text-main);display:flex;position:relative;overflow-x:hidden}.dashboard-root:before{content:"";pointer-events:none;opacity:.6;background-image:radial-gradient(#ffffff08 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.dashboard-sidebar{z-index:100;background:#070c18;border-right:1px solid #ffffff14;flex-direction:column;width:230px;padding:1.2rem .8rem;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo-box{justify-content:space-between;align-items:center;margin-bottom:1.8rem;padding-left:.6rem;display:flex}.logo-text{letter-spacing:2px;font-size:1.8rem;font-weight:900}.logo-mu{color:#f59e0b;text-shadow:0 0 10px #f59e0b80}.logo-hyphen{color:#fff;margin:0 2px}.logo-ludo{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;text-shadow:0 0 12px #f59e0b80;-webkit-background-clip:text}.mobile-drawer-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;display:flex;overflow-y:auto}.nav-item{color:#8fa0b5;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.9rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);font-weight:700;box-shadow:0 4px 15px #2563eb66}.sidebar-reward-card{text-align:center;background:linear-gradient(135deg,#0e1628,#090e1c);border:1px solid #a855f74d;border-radius:16px;flex-direction:column;align-items:center;margin-top:auto;padding:1rem .8rem;display:flex;box-shadow:0 8px 20px #00000080}.gift-box-svg{filter:drop-shadow(0 0 10px #a855f780);margin-bottom:.4rem;animation:3s ease-in-out infinite floatBox}@keyframes floatBox{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.reward-card-title{letter-spacing:1px;color:#f59e0b;font-size:.8rem;font-weight:900;display:block}.reward-card-desc{color:#94a3b8;margin:.2rem 0 .8rem;font-size:.72rem;line-height:1.2}.claim-now-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:20px;width:100%;padding:.55rem;font-size:.8rem;font-weight:900;transition:all .2s;box-shadow:0 4px 12px #f59e0b66}.claim-now-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f59e0b99}.dashboard-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:230px;display:flex}.dashboard-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);z-index:90;background:#070c18f2;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;display:flex;position:sticky;top:0}.mobile-header-left{align-items:center;gap:.8rem;display:none}.hamburger-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.mobile-logo-text{letter-spacing:1px;font-size:1.4rem;font-weight:900}.desktop-brand{align-items:center;display:flex}.user-profile-badge{align-items:center;gap:.8rem;display:flex}.avatar-frame{background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;width:44px;height:44px;padding:2px;box-shadow:0 0 12px #f59e0b66}.avatar-img{background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.3rem;display:flex}.user-meta{flex-direction:column;gap:.2rem;display:flex}.user-name-row{align-items:center;gap:.35rem;display:flex}.user-name{color:#fff;font-size:1.05rem;font-weight:800}.crown-icon{color:#f59e0b;fill:#f59e0b}.level-xp-row{align-items:center;gap:.5rem;display:flex}.level-badge{color:#60a5fa;background:#3b82f640;border:1px solid #3b82f666;border-radius:6px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.xp-bar-container{background:#ffffff1a;border-radius:10px;align-items:center;width:110px;height:11px;display:flex;position:relative;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:10px;height:100%}.xp-text{text-align:center;color:#fff;text-shadow:0 1px 2px #000000e6;width:100%;font-size:.62rem;font-weight:800;position:absolute}.topbar-actions{align-items:center;gap:.6rem;display:flex}.stat-pill{cursor:pointer;background:#090f1e;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.4rem;padding:.3rem .4rem .3rem .6rem;display:flex}.yellow-glow{color:#f59e0b}.purple-glow{color:#a855f7}.stat-value{color:#fff;font-size:.88rem;font-weight:800}.add-stat-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.85rem;font-weight:900;display:flex}.yellow-add{color:#0f172a;background:#f59e0b}.purple-add{color:#fff;background:#a855f7}.top-icon-btn{color:#94a3b8;cursor:pointer;background:#090f1e;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.badge-count{color:#fff;background:#ef4444;border:2px solid #070c18;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.62rem;font-weight:900;display:flex;position:absolute;top:-4px;right:-4px}.mobile-user-profile-row{background:#060a14;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:none}.mobile-gift-badge-btn{color:#fff;background:#090f1e;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.dashboard-content-grid{flex:1;grid-template-columns:1fr 310px;gap:1.5rem;padding:1.2rem 1.8rem;display:grid}.center-arena{flex-direction:column;gap:1.2rem;display:flex}.hero-banner{text-align:center;background:radial-gradient(#0f172ab3 0%,#070c184d 100%);border-radius:20px;padding:1.5rem 1rem 1rem;position:relative}.hero-artwork{justify-content:center;align-items:flex-end;gap:.8rem;margin-bottom:-.8rem;display:flex}.blue-pawn-3d{filter:drop-shadow(0 8px 15px #3b82f680);transform:rotate(-8deg)}.red-pawn-3d{filter:drop-shadow(0 8px 15px #ef444480);transform:rotate(8deg)}.hero-dice-3d{animation:4s ease-in-out infinite floatDice;transform:translateY(-10px)}@keyframes floatDice{0%,to{transform:translateY(-10px)}50%{transform:translateY(-16px)}}.hero-title{letter-spacing:5px;font-size:3.8rem;font-weight:900;line-height:1}.blue-3d-text{color:#3b82f6;text-shadow:0 0 30px #3b82f6b3,0 4px 10px #000c}.hyphen-3d{color:#fff;margin:0 .2rem}.gold-3d-text{color:#f59e0b;text-shadow:0 0 30px #f59e0bb3,0 4px 10px #000c}.hero-subtitle-box{justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.sub-text{color:#fff;letter-spacing:1px;font-size:.9rem;font-weight:700}.diamond-bullet{color:#3b82f6;font-size:.8rem}.sub-line{background:linear-gradient(90deg,#0000,#3b82f6);width:50px;height:1px}.right-line{background:linear-gradient(90deg,#3b82f6,#0000)}.mode-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.mode-card{cursor:pointer;background:#080e1c;border-radius:18px;align-items:center;gap:1rem;padding:1.2rem 1rem;transition:all .25s;display:flex}.green-mode{background:linear-gradient(135deg,#22c55e29,#080e1c);border:1.5px solid #22c55e;box-shadow:0 0 20px #22c55e40,inset 0 0 25px #22c55e1f}.green-mode:hover{border-color:#4ade80;transform:translateY(-4px);box-shadow:0 12px 30px #22c55e73}.blue-mode{background:linear-gradient(135deg,#3b82f629,#080e1c);border:1.5px solid #3b82f6;box-shadow:0 0 20px #3b82f640,inset 0 0 25px #3b82f61f}.blue-mode:hover{border-color:#60a5fa;transform:translateY(-4px);box-shadow:0 12px 30px #3b82f673}.orange-mode{background:linear-gradient(135deg,#f59e0b29,#080e1c);border:1.5px solid #f59e0b;box-shadow:0 0 20px #f59e0b40,inset 0 0 25px #f59e0b1f}.orange-mode:hover{border-color:#fbbf24;transform:translateY(-4px);box-shadow:0 12px 30px #f59e0b73}.user-icon-circle{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.green-circle-bg{background:#22c55e33}.blue-circle-bg{background:#3b82f633}.orange-circle-bg{background:#f59e0b33}.mode-info h3{color:#fff;font-size:1.1rem;font-weight:800}.mode-info p{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.action-cards-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.action-card{background:var(--bg-card);border:1px solid var(--border-glass);cursor:pointer;border-radius:20px;align-items:center;gap:1.1rem;padding:1.2rem 1.4rem;transition:all .25s;display:flex}.create-room-card{background:linear-gradient(135deg,#ef444426,#0a101ee6);border-color:#ef444480;box-shadow:inset 0 0 25px #ef444426}.join-room-card{background:linear-gradient(135deg,#3b82f626,#0a101ee6);border-color:#3b82f680;box-shadow:inset 0 0 25px #3b82f626}.action-icon-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.red-glow-circle{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 0 16px #ef444499}.blue-glow-circle{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 0 16px #3b82f699}.action-info h3{color:#fff;font-size:1.15rem;font-weight:800}.action-info p{color:var(--text-muted);margin-top:.15rem;font-size:.78rem}.action-arrow{opacity:.6;margin-left:auto}.quick-match-bar{cursor:pointer;background:linear-gradient(135deg,#f59e0b2e,#0a101ef2);border:1px solid #f59e0b80;border-radius:20px;align-items:center;gap:1.1rem;padding:1.1rem 1.6rem;display:flex}.quick-info h3{color:#fff;font-size:1.2rem;font-weight:900}.quick-info p{color:var(--text-muted);font-size:.78rem}.mobile-promo-container{flex-direction:column;gap:1.1rem;display:none}.mobile-stats-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mobile-daily-reward-promo{background:linear-gradient(135deg,#0e1628,#090e1c);border:1px solid #a855f74d;border-radius:18px;justify-content:space-between;align-items:center;padding:1.2rem;display:flex}.reward-promo-left{flex-direction:column;gap:.3rem;display:flex}.view-all-link{color:#60a5fa;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.72rem;font-weight:800}.right-dashboard-panel{flex-direction:column;gap:1.2rem;display:flex}.panel-card{background:#080d19;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;padding:1.1rem;display:flex}.panel-card-header{align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.online-dot{background:#22c55e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #22c55e}.panel-title{letter-spacing:1px;font-size:.8rem;font-weight:900}.green-header-title{color:#22c55e}.yellow-header-title{color:#f59e0b}.online-count-body{justify-content:space-between;align-items:center;display:flex}.online-number{color:#22c55e;font-size:2rem;font-weight:900}.online-sub{color:var(--text-dark);font-size:.75rem}.winners-list{flex-direction:column;gap:.7rem;margin-bottom:.9rem;display:flex}.winner-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.winner-avatar{background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.2rem;display:flex}.winner-details{flex-direction:column;flex:1;display:flex}.winner-name{color:#fff;font-size:.85rem;font-weight:700}.winner-prize{color:#f59e0b;font-size:.72rem;font-weight:600}.winner-time{color:var(--text-dark);font-size:.72rem}.view-all-btn{color:#60a5fa;cursor:pointer;background:#3b82f61f;border:1px solid #3b82f640;border-radius:10px;width:100%;padding:.55rem;font-size:.78rem;font-weight:800}.invite-earn-card{background:linear-gradient(135deg,#091326,#080d19);border-color:#3b82f64d;position:relative;overflow:hidden}.invite-title{color:#60a5fa;display:block}.invite-desc{color:var(--text-muted);margin:.3rem 0 .9rem;font-size:.78rem}.invite-now-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:20px;padding:.55rem 1.3rem;font-size:.8rem;font-weight:900}.coins-stack-svg{opacity:.9;position:absolute;bottom:5px;right:5px}.dashboard-footer{color:var(--text-dark);background:#030712;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:auto;padding:1rem 2rem;font-size:.78rem;display:flex}.footer-links{align-items:center;gap:.75rem;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none}.social-icons{align-items:center;gap:.5rem;display:flex}.social-link{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;text-decoration:none;display:flex}.discord-bg{background:#5865f2}.insta-bg{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.yt-bg{background:red}.fb-bg{background:#1877f2}.mobile-bottom-nav{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:99999;background:#040813d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#0d1527;border:1px solid #3b82f666;border-radius:24px;flex-direction:column;width:100%;max-width:540px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalEnter;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000c}.modal-header{background:#090f1e;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.modal-title-box{color:#fff;align-items:center;gap:.6rem;display:flex}.modal-header-icon{color:#f59e0b}.modal-header h2{color:#fff;font-size:1.2rem;font-weight:800}.modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-close-btn:hover{color:#fff;background:#ef4444}.modal-body{color:#fff;max-height:80vh;padding:1.5rem;overflow-y:auto}.modal-tab-header{background:#080d19;border:1px solid #ffffff14;border-radius:30px;gap:.5rem;margin-bottom:1.2rem;padding:.3rem;display:flex}.tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:20px;flex:1;padding:.55rem .8rem;font-size:.82rem;font-weight:700}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.leader-table{flex-direction:column;gap:.4rem;display:flex}.leader-table-header{color:#64748b;grid-template-columns:45px 1fr 65px 55px 75px;padding:.4rem .8rem;font-size:.72rem;font-weight:800;display:grid}.leader-table-rows{flex-direction:column;gap:.4rem;display:flex}.leader-row{background:#080e1c;border:1px solid #ffffff0d;border-radius:12px;grid-template-columns:45px 1fr 65px 55px 75px;align-items:center;padding:.65rem .8rem;font-size:.85rem;display:grid}.leader-row.user-highlight{background:#f59e0b26;border-color:#f59e0b80}.player-input-list{flex-direction:column;gap:.8rem;margin-bottom:1.5rem;display:flex}.player-input-row{background:#080e1c;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:.8rem;padding:.6rem .8rem;display:flex}.red-border{border-left:4px solid #ef4444}.yellow-border{border-left:4px solid #f59e0b}.green-border{border-left:4px solid #22c55e}.blue-border{border-left:4px solid #3b82f6}.color-badge{color:#fff;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:900}.red-bg{background:#ef4444}.yellow-bg{color:#0f172a;background:#f59e0b}.green-bg{background:#22c55e}.blue-bg{background:#3b82f6}.player-input-row input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.95rem;font-weight:600}.primary-action-btn{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.85rem;font-size:.95rem;font-weight:900;display:flex}.green-glow{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 6px 18px #22c55e66}.blue-glow{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 6px 18px #3b82f666}.online-room-modal{flex-direction:column;gap:1.2rem;display:flex}.room-code-card{text-align:center;background:linear-gradient(135deg,#f59e0b26,#0a101ef2);border:1.5px dashed #f59e0b99;border-radius:18px;padding:1.2rem 1rem;box-shadow:inset 0 0 20px #f59e0b1a}.code-label{letter-spacing:2px;color:#f59e0b;margin-bottom:.4rem;font-size:.75rem;font-weight:900;display:block}.code-display{justify-content:center;align-items:center;gap:1rem;display:flex}.code-text{letter-spacing:6px;color:#fff;text-shadow:0 0 15px #ffffff80;font-family:monospace;font-size:2.4rem;font-weight:900}.copy-code-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 12px #3b82f666}.copy-code-btn:hover{transform:scale(1.08);box-shadow:0 6px 18px #3b82f699}.copied-toast{color:#22c55e;margin-top:.5rem;font-size:.78rem;font-weight:700;display:block}.connected-players-box{background:#080e1c;border:1px solid #ffffff14;border-radius:16px;padding:1.1rem}.connected-players-box h3{color:#fff;font-size:.95rem;font-weight:800}.highlight-text{color:#f59e0b}.connected-sub{color:#94a3b8;margin-bottom:.9rem;font-size:.75rem}.player-slots-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.slot-card{text-align:center;color:#94a3b8;background:#0d1527;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem .4rem;font-size:.75rem;font-weight:700;display:flex}.slot-card.filled{color:#fff;background:#22c55e1f;border-color:#22c55e80}.slot-card.red-slot{color:#fff;background:#ef44441f;border-color:#ef444480}.slot-avatar{font-size:1.4rem}.join-inputs-group{flex-direction:column;gap:1.1rem;margin-bottom:1.2rem;display:flex}.input-field-wrapper{flex-direction:column;gap:.4rem;display:flex}.input-field-wrapper label{letter-spacing:1px;color:#94a3b8;font-size:.75rem;font-weight:800}.input-field-wrapper input{color:#fff;background:#080e1c;border:1.5px solid #ffffff1f;border-radius:14px;outline:none;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.input-field-wrapper input:focus{background:#0f172a;border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d}.uppercase-input{text-transform:uppercase;letter-spacing:3px;font-family:monospace;font-weight:900}.waiting-spinner-box{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f640;border-radius:14px;justify-content:center;align-items:center;gap:.8rem;padding:1rem;font-size:.85rem;font-weight:700;display:flex}.pulse-ring{background:#3b82f6;border-radius:50%;width:16px;height:16px;animation:1.2s ease-in-out infinite pulseSpin}@keyframes pulseSpin{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}to{opacity:.5;transform:scale(.8)}}.modal-error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;padding:.6rem .9rem;font-size:.82rem;font-weight:700}.shop-grid{grid-template-columns:repeat(3,1fr);gap:.9rem;display:grid}.shop-card{text-align:center;background:#080e1c;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;padding:1rem .8rem;display:flex;position:relative}.buy-btn{cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.8rem;padding:.5rem;font-size:.85rem;font-weight:900}.rewards-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.5rem;display:grid}.reward-card{text-align:center;background:#080e1c;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .5rem;display:flex}.game-screen-main-bg{color:#fff;background-color:#0b0e17;background-image:radial-gradient(circle,#1e3a8a40 0%,#0000 65%),radial-gradient(circle at 10% 10%,#ef444414 0%,#0000 40%),radial-gradient(circle at 90% 90%,#f59e0b14 0%,#0000 40%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.game-screen-wrapper{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:1240px;min-height:100vh;padding:1.2rem 2rem;display:flex}.game-top-bar-ref{justify-content:space-between;align-items:center;width:100%;padding-bottom:.8rem;display:flex}.exit-dashboard-btn-ref{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.exit-dashboard-btn-ref:hover{background:#ffffff1f;transform:translateY(-1px)}.match-info-pill-ref{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:1.2rem;padding:.55rem 1.6rem;display:flex}.match-time-group,.room-id-group{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.pill-icon{color:#94a3b8}.desktop-only-label{display:inline}.mobile-only-label{display:none}.pill-label{color:#94a3b8;font-weight:600}.pill-val{color:#fff;font-weight:800}.pill-divider{color:#fff3;font-size:1.1rem}.top-right-actions{align-items:center;gap:.6rem;display:flex}.audio-icon-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.audio-icon-btn:hover{background:#ffffff26;transform:scale(1.05)}.audio-icon-btn.active{color:#60a5fa;background:#3b82f640;border-color:#3b82f6}.game-area-ref{flex:1;justify-content:space-between;align-items:center;gap:2.5rem;width:100%;margin:1rem 0;display:flex}.players-col{height:calc(var(--board-size) + 20px);flex-direction:column;justify-content:space-between;width:210px;display:flex}.player-card-ref{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1424bf;border:1.5px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:.65rem;width:100%;padding:1rem 1.1rem;transition:all .3s;display:flex;position:relative;box-shadow:0 10px 25px #0006}.player-card-ref.red{border-color:#ef444459}.player-card-ref.green{border-color:#22c55e59}.player-card-ref.yellow{border-color:#eab30859}.player-card-ref.blue{border-color:#3b82f659}.player-card-ref.active-turn{background:#121b30f2}.player-card-ref.red.active-turn{border:2px solid #ef4444;box-shadow:0 0 25px #ef4444b3,inset 0 0 15px #ef444426}.player-card-ref.green.active-turn{border:2px solid #22c55e;box-shadow:0 0 25px #22c55eb3,inset 0 0 15px #22c55e26}.player-card-ref.yellow.active-turn{border:2px solid #eab308;box-shadow:0 0 25px #eab308b3,inset 0 0 15px #eab30826}.player-card-ref.blue.active-turn{border:2px solid #3b82f6;box-shadow:0 0 25px #3b82f6b3,inset 0 0 15px #3b82f626}.turn-badge{color:#fff;letter-spacing:1px;z-index:5;border-radius:12px;align-items:center;gap:.25rem;padding:.22rem .65rem;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-11px;right:16px}.turn-badge.badge-red{background:#ef4444;box-shadow:0 4px 12px #ef444499}.turn-badge.badge-green{background:#22c55e;box-shadow:0 4px 12px #22c55e99}.turn-badge.badge-yellow{background:#eab308;box-shadow:0 4px 12px #eab30899}.turn-badge.badge-blue{background:#3b82f6;box-shadow:0 4px 12px #3b82f699}.crown-badge-icon{fill:#fff}.turn-pointer-arrow{z-index:5;border-style:solid;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.turn-pointer-arrow.pointer-left{border-width:9px 0 9px 12px;right:-12px}.turn-pointer-arrow.pointer-left.pointer-red{filter:drop-shadow(4px 0 8px #ef444499);border-color:#0000 #0000 #0000 #ef4444}.turn-pointer-arrow.pointer-left.pointer-green{filter:drop-shadow(4px 0 8px #22c55e99);border-color:#0000 #0000 #0000 #22c55e}.turn-pointer-arrow.pointer-left.pointer-yellow{filter:drop-shadow(4px 0 8px #eab30899);border-color:#0000 #0000 #0000 #eab308}.turn-pointer-arrow.pointer-left.pointer-blue{filter:drop-shadow(4px 0 8px #3b82f699);border-color:#0000 #0000 #0000 #3b82f6}.turn-pointer-arrow.pointer-right{border-width:9px 12px 9px 0;left:-12px}.turn-pointer-arrow.pointer-right.pointer-red{filter:drop-shadow(-4px 0 8px #ef444499);border-color:#0000 #ef4444 #0000 #0000}.turn-pointer-arrow.pointer-right.pointer-green{filter:drop-shadow(-4px 0 8px #22c55e99);border-color:#0000 #22c55e #0000 #0000}.turn-pointer-arrow.pointer-right.pointer-yellow{filter:drop-shadow(-4px 0 8px #eab30899);border-color:#0000 #eab308 #0000 #0000}.turn-pointer-arrow.pointer-right.pointer-blue{filter:drop-shadow(-4px 0 8px #3b82f699);border-color:#0000 #3b82f6 #0000 #0000}.card-top-row{align-items:center;gap:.85rem;display:flex}.card-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.avatar-red{color:#ef4444;background:#ef444433;border:1.5px solid #ef4444}.avatar-green{color:#22c55e;background:#22c55e33;border:1.5px solid #22c55e}.avatar-yellow{color:#eab308;background:#eab30833;border:1.5px solid #eab308}.avatar-blue{color:#3b82f6;background:#3b82f633;border:1.5px solid #3b82f6}.card-user-info{flex-direction:column;display:flex}.card-player-name{color:#fff;font-size:1.05rem;font-weight:800;line-height:1.2}.card-player-color{color:#94a3b8;font-size:.8rem;font-weight:500}.card-hearts-row{align-items:center;gap:.4rem;margin-top:.1rem;display:flex}.heart-icon{filter:drop-shadow(0 2px 5px #00000080)}.card-status-row{color:#94a3b8;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;display:flex}.waiting-hourglass{color:#94a3b8}.winner-status{color:#eab308;font-weight:800}.board-center-wrapper{justify-content:center;align-items:center;display:flex}.board-outer-frame{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f172ab3;border:1.5px solid #3b82f666;border-radius:26px;padding:.75rem;box-shadow:0 0 45px #3b82f640,0 25px 60px #000c}.ludo-board{grid-template-columns:repeat(15, var(--cell-size));grid-template-rows:repeat(15, var(--cell-size));width:var(--board-size);height:var(--board-size);background-color:#fff;border:2px solid #475569;border-radius:16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0003}.cell-wrapper{width:100%;height:100%;position:relative}.ludo-cell{background-color:#f8fafc;border:1px solid #e2e8f0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.red-base-bg{background-color:#dc2626!important}.green-base-bg{background-color:#16a34a!important}.yellow-base-bg{background-color:#ca8a04!important}.blue-base-bg{background-color:#2563eb!important}.base-inner-white{border-radius:8px;background-color:#fff!important}.base-token-spot{border:2px solid #cbd5e1;border-radius:50%;width:78%;height:78%;box-shadow:inset 0 2px 5px #0003}.spot-red{background-color:#dc2626}.spot-green{background-color:#16a34a}.spot-yellow{background-color:#ca8a04}.spot-blue{background-color:#2563eb}.path-cell{background-color:#fff}.red-path-cell{background-color:#dc2626!important}.green-path-cell{background-color:#16a34a!important}.yellow-path-cell{background-color:#ca8a04!important}.blue-path-cell{background-color:#2563eb!important}.safe-cell{background-color:#fff}.safe-star{filter:drop-shadow(0 1px 2px #0000004d)}.center-home{background-color:#fff}.center-triangles{top:calc(var(--cell-size) * 6);left:calc(var(--cell-size) * 6);width:calc(var(--cell-size) * 3);height:calc(var(--cell-size) * 3);z-index:10;border:1px solid #cbd5e1;position:absolute}.triangle{border-style:solid;width:0;height:0;position:absolute}.triangle-top{border-width:calc(var(--cell-size) * 1.5) calc(var(--cell-size) * 1.5) 0 calc(var(--cell-size) * 1.5);border-color:#16a34a #0000 #0000;top:0;left:0}.triangle-right{border-width:calc(var(--cell-size) * 1.5) 0 calc(var(--cell-size) * 1.5) calc(var(--cell-size) * 1.5);border-color:#0000 #0000 #0000 #ca8a04;top:0;right:0}.triangle-bottom{border-width:0 calc(var(--cell-size) * 1.5) calc(var(--cell-size) * 1.5) calc(var(--cell-size) * 1.5);border-color:#0000 #0000 #2563eb;bottom:0;left:0}.triangle-left{border-width:calc(var(--cell-size) * 1.5) calc(var(--cell-size) * 1.5) calc(var(--cell-size) * 1.5) 0;border-color:#0000 #dc2626 #0000 #0000;top:0;left:0}.ludo-token{width:calc(var(--cell-size) * .76);height:calc(var(--cell-size) * .76);cursor:pointer;z-index:20;border:1.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;box-shadow:0 4px 10px #0009}.ludo-token:hover{z-index:30;transform:translate(-50%,-50%)scale(1.18)!important}.token-inner{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52%;height:52%;display:flex}.token-star-icon{filter:drop-shadow(0 1px 2px #0006)}.token-red{background:radial-gradient(circle at 35% 35%,#f87171,#991b1b)}.token-green{background:radial-gradient(circle at 35% 35%,#4ade80,#166534)}.token-yellow{background:radial-gradient(circle at 35% 35%,#fde047,#854d0e)}.token-blue{background:radial-gradient(circle at 35% 35%,#60a5fa,#1e40af)}.game-bottom-bar-ref{justify-content:space-between;align-items:center;width:100%;padding-top:.5rem;display:flex}.bottom-left-tools,.bottom-right-tools{align-items:center;gap:1.4rem;display:flex}.tool-btn-group{flex-direction:column;align-items:center;gap:.35rem;display:flex}.circular-tool-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.circular-tool-btn:hover{background:#ffffff26;transform:translateY(-2px)}.tool-label{color:#94a3b8;font-size:.72rem;font-weight:600}.bottom-middle-controls{align-items:center;gap:1.4rem;display:flex}.pill-mode-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:.55rem;padding:.7rem 1.4rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.pill-mode-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.pill-mode-btn.active{color:#60a5fa;background:#3b82f640;border-color:#3b82f6}.dice-wrapper-ref{flex-direction:column;align-items:center;gap:.4rem;display:flex}.dice-container{flex-direction:column;align-items:center;display:flex;position:relative}.dice{cursor:pointer;z-index:2;color:#1e293b;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fff,#e2e8f0);border:none;border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:relative;box-shadow:0 10px 25px #00000080}.dice:hover:not(:disabled){transform:scale(1.1)translateY(-3px)}.dice:active:not(:disabled){transform:scale(.92)}.dice.rolling{pointer-events:none;animation:.55s cubic-bezier(.34,1.56,.64,1) forwards rollDice3DZoom}@keyframes rollDice3DZoom{0%{transform:scale(1)rotate(0)}45%{transform:scale(1.38)rotate(180deg);box-shadow:0 0 35px #ffffffe6}80%{transform:scale(1.15)rotate(315deg)}to{transform:scale(1)rotate(360deg)}}.dice-container.red .dice{border:3px solid #ef4444;box-shadow:0 0 25px #ef4444b3}.dice-container.green .dice{border:3px solid #22c55e;box-shadow:0 0 25px #22c55eb3}.dice-container.yellow .dice{border:3px solid #eab308;box-shadow:0 0 25px #eab308b3}.dice-container.blue .dice{border:3px solid #3b82f6;box-shadow:0 0 25px #3b82f6b3}.dice-roll-label{color:#fff;letter-spacing:.5px;font-size:.82rem;font-weight:800}.dot{background:#0f172a;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:inset 0 1px 2px #00000080}.dot.center{top:50%;left:50%;transform:translate(-50%,-50%)}.dot.top-left{top:16%;left:16%}.dot.top-right{top:16%;right:16%}.dot.bottom-left{bottom:16%;left:16%}.dot.bottom-right{bottom:16%;right:16%}.dot.mid-left{top:50%;left:16%;transform:translateY(-50%)}.dot.mid-right{top:50%;right:16%;transform:translateY(-50%)}@media (width<=768px){:root{--cell-size:calc((100vw - 32px) / 15)}html,body,.dashboard-root{width:100%;max-width:100%;height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden!important}.dashboard-sidebar{width:260px;transform:translate(-100%)}.dashboard-sidebar.mobile-drawer-open{z-index:99999;transform:translate(0);box-shadow:10px 0 30px #000c}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99998;background:#000000b3;position:fixed;inset:0}.dashboard-main-wrapper{width:100%;max-width:100%;height:auto;min-height:100vh;margin-left:0;padding-bottom:75px;overflow-y:auto;overflow-x:hidden!important}.desktop-brand{display:none}.dashboard-topbar{box-sizing:border-box;width:100%;max-width:100%;padding:.6rem 15px}.mobile-header-left{align-items:center;gap:.4rem;display:flex}.mobile-logo-text{letter-spacing:.5px;font-size:1.1rem}.topbar-actions{gap:.35rem}.stat-pill{gap:.25rem;padding:.2rem .35rem;font-size:.72rem}.stat-value{font-size:.78rem}.add-stat-btn{width:16px;height:16px;font-size:.7rem}.top-icon-btn{width:32px;height:32px}.mobile-user-profile-row{box-sizing:border-box;width:100%;max-width:100%;padding:.6rem 15px;display:flex}.avatar-frame{width:42px;height:42px}.user-name{font-size:.95rem}.xp-bar-container{width:95px;height:9px}.xp-text{font-size:.58rem}.dashboard-content-grid{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;max-width:100%;padding:.8rem 15px;display:flex;overflow-x:hidden!important}.center-arena{gap:1rem}.hero-banner{border-radius:18px;padding:1.2rem .8rem .8rem}.hero-artwork{gap:.6rem;margin-bottom:-.6rem}.blue-pawn-3d,.red-pawn-3d{width:36px;height:55px}.hero-dice-3d{width:65px;height:65px;transform:translateY(-6px)}.hero-title{letter-spacing:3px;font-size:2.8rem;line-height:1}.hero-subtitle-box{gap:.5rem;margin-top:.4rem}.sub-text{letter-spacing:.8px;font-size:.82rem}.sub-line{width:36px}.mode-cards-grid{grid-template-columns:1fr 1fr;gap:.7rem}.full-width-mobile-card{grid-column:1/-1}.mode-card{border-radius:16px;gap:.7rem;padding:.9rem .8rem}.user-icon-circle{border-radius:12px;width:40px;height:40px}.mode-info h3{font-size:1rem}.mode-info p{font-size:.7rem}.action-cards-grid{grid-template-columns:1fr;gap:.8rem}.action-card{border-radius:18px;gap:.9rem;padding:.9rem 1.1rem}.action-icon-circle{width:44px;height:44px}.action-info h3{font-size:1.1rem}.action-info p{font-size:.75rem}.action-arrow{display:block}.quick-match-bar{border-radius:18px;gap:.9rem;padding:.9rem 1.2rem}.quick-info h3{font-size:1.15rem}.quick-info p{font-size:.75rem}.mobile-promo-container{flex-direction:column;gap:1rem;display:flex!important}.dashboard-footer{text-align:center;flex-direction:column;gap:.8rem;margin-bottom:60px;display:flex!important}.desktop-only-panel{display:none!important}.mobile-bottom-nav{z-index:900;background:#070c18;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;height:64px;padding:0 .5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .8rem;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.bottom-nav-item.active{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);font-weight:800;box-shadow:0 4px 12px #2563eb66}.dashboard-footer{text-align:center;flex-direction:column;gap:.8rem;margin-bottom:60px}.game-screen-main-bg{width:100vw!important;height:100dvh!important;position:fixed!important;inset:0!important;overflow:hidden!important}.game-screen-wrapper{box-sizing:border-box;justify-content:flex-start;gap:.15rem;width:100%;height:100%;max-height:100dvh;padding:15px 10px .2rem;overflow:hidden!important}.game-top-bar-ref{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.2rem;width:100%;padding-bottom:0;display:flex}.exit-dashboard-btn-ref{border-radius:10px;flex-shrink:0;padding:.25rem .55rem;font-size:.7rem;font-weight:400!important}.match-info-pill-ref{background:#ffffff0f;border-radius:10px;order:2;justify-content:center;gap:.25rem;width:auto;margin-top:0;padding:.2rem .55rem}.match-info-pill-ref .room-id-group,.match-info-pill-ref .pill-divider,.desktop-only-label{display:none!important}.mobile-only-label{color:#94a3b8;font-size:.68rem;font-weight:400!important;display:inline!important}.match-time-group{gap:.2rem;font-size:.7rem}.pill-val{font-size:.75rem;font-weight:700}.top-right-actions{flex-shrink:0;order:3;gap:.2rem}.audio-icon-btn{width:28px;height:28px}.game-area-ref{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;align-items:center;gap:.1rem .35rem;width:100%;margin:0;display:grid}.players-col.col-left,.players-col.col-right{display:contents}.players-col.col-left .player-card-ref.red{grid-area:1/1}.players-col.col-right .player-card-ref.green{grid-area:1/2}.board-center-wrapper{grid-area:2/1/auto/-1;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.players-col.col-left .player-card-ref.blue{grid-area:3/1}.players-col.col-right .player-card-ref.yellow{grid-area:3/2}.player-card-ref{border-radius:10px;gap:.1rem;padding:.28rem .45rem}.player-card-ref.red.active-turn{border:1px solid #ef444459!important;box-shadow:0 4px 12px #0006!important}.player-card-ref.green.active-turn{border:1px solid #22c55e59!important;box-shadow:0 4px 12px #0006!important}.player-card-ref.yellow.active-turn{border:1px solid #eab30859!important;box-shadow:0 4px 12px #0006!important}.player-card-ref.blue.active-turn{border:1px solid #3b82f659!important;box-shadow:0 4px 12px #0006!important}.card-top-row{gap:.35rem}.card-avatar{width:25px;height:25px}.card-player-name{font-size:.74rem}.card-player-color{display:none}.card-hearts-row{gap:.12rem;margin-top:.02rem}.card-status-row{display:none!important}.turn-badge{border-radius:6px;padding:.1rem .35rem;font-size:.52rem;top:-7px;right:5px}.turn-pointer-arrow.mobile-pointer-top{inset:auto auto -7px 16px!important;transform:none!important}.turn-pointer-arrow.mobile-pointer-top.pointer-red{filter:drop-shadow(0 2px 4px #ef444499)!important;border-width:7px 5px 0!important;border-color:#ef4444 #0000 #0000!important}.turn-pointer-arrow.mobile-pointer-top.pointer-green{filter:drop-shadow(0 2px 4px #22c55e99)!important;border-width:7px 5px 0!important;border-color:#22c55e #0000 #0000!important}.turn-pointer-arrow.mobile-pointer-bottom{inset:-7px auto auto 16px!important;transform:none!important}.turn-pointer-arrow.mobile-pointer-bottom.pointer-blue{filter:drop-shadow(0 -2px 4px #3b82f699)!important;border-width:0 5px 7px!important;border-color:#0000 #0000 #3b82f6!important}.turn-pointer-arrow.mobile-pointer-bottom.pointer-yellow{filter:drop-shadow(0 -2px 4px #eab30899)!important;border-width:0 5px 7px!important;border-color:#0000 #0000 #eab308!important}.board-outer-frame{border-radius:12px;justify-content:center;align-items:center;width:auto;padding:2px;display:flex}.ludo-board{--cell-size:min(calc((100vw - 28px) / 15), calc((100dvh - 235px) / 15));width:calc(var(--cell-size) * 15);height:calc(var(--cell-size) * 15);border-radius:8px}.game-bottom-bar-ref{width:100%;padding-top:.1rem;padding-bottom:.1rem}.bottom-left-tools,.bottom-right-tools{gap:.45rem}.bottom-left-tools .tool-btn-group:nth-child(2){transform:translate(15px)}.bottom-right-tools .tool-btn-group:first-child{transform:translate(-15px)}.circular-tool-btn{width:36px;height:36px}.tool-label{font-size:.62rem}.bottom-middle-controls{gap:.25rem}.pill-mode-btn{display:none}.dice{border-radius:13px;width:54px;height:54px}.dice-roll-label{font-size:.68rem}.dot{width:8px!important;height:8px!important}.dot.center{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.dot.top-left{top:18%!important;left:18%!important}.dot.top-right{top:18%!important;right:18%!important}.dot.bottom-left{bottom:18%!important;left:18%!important}.dot.bottom-right{bottom:18%!important;right:18%!important}.dot.mid-left{top:50%!important;left:18%!important;transform:translateY(-50%)!important}.dot.mid-right{top:50%!important;right:18%!important;transform:translateY(-50%)!important}.modal-backdrop{align-items:center;padding:.6rem}.modal-content{border-radius:20px;width:100%;max-width:95vw;max-height:88vh}.modal-header{padding:.9rem 1.1rem}.modal-header h2{font-size:1.05rem}.modal-body{-webkit-overflow-scrolling:touch;max-height:75vh;padding:1rem .9rem}.modal-tab-header{gap:.3rem;padding:.2rem}.tab-btn{padding:.45rem .5rem;font-size:.75rem}.shop-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.rewards-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.leader-table-header,.leader-row{grid-template-columns:32px 1fr 50px 50px;padding:.5rem .6rem;font-size:.78rem}.leader-name{font-size:.8rem}.code-text{letter-spacing:3px;font-size:1.8rem}.player-slots-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.player-input-row{padding:.5rem .6rem}.player-input-row input{font-size:.88rem}}.login-backdrop{z-index:999999!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#040813d9!important}.login-card{text-align:center;background:linear-gradient(145deg,#0e172a,#070c18);border:1px solid #ffffff26;border-radius:24px;width:90%;max-width:400px;padding:2.5rem 2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalPopIn;box-shadow:0 20px 50px #000c,0 0 35px #2563eb59}@keyframes modalPopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.login-logo-header{flex-direction:column;align-items:center;margin-bottom:1.8rem;display:flex}.login-crown-badge{filter:drop-shadow(0 0 12px #f59e0b99);margin-bottom:.4rem;font-size:2.6rem;animation:3s ease-in-out infinite floatBox}.login-logo{margin-bottom:.4rem;font-size:2.2rem}.login-subtitle{color:#94a3b8;font-size:.88rem;font-weight:500}.login-form{flex-direction:column;gap:1.2rem;display:flex}.login-field-wrapper{background:#040813;border:1.5px solid #ffffff26;border-radius:14px;align-items:center;gap:.8rem;padding:.85rem 1.1rem;transition:all .2s;display:flex}.login-field-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 18px #3b82f666}.login-name-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:1.05rem;font-weight:600}.login-name-input::placeholder{color:#64748b}.login-submit-btn{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 20px #2563eb66}.login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#3b82f6);transform:translateY(-2px);box-shadow:0 12px 25px #2563eb99}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.top-left-profile-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:.75rem;padding:.4rem .9rem .4rem .5rem;transition:all .2s;display:flex}.top-left-profile-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 15px #0006}.brand-user-meta{text-align:left;flex-direction:column;display:flex}.brand-user-meta .user-name{color:#fff;letter-spacing:.3px;font-size:.95rem;font-weight:800}.brand-user-meta .level-badge{color:#f59e0b;font-size:.68rem;font-weight:700}.voice-active-bar-pill{z-index:9999;color:#4ade80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e33;border:1.5px solid #22c55e;border-radius:20px;align-items:center;gap:.6rem;padding:.4rem 1.1rem;font-size:.8rem;font-weight:800;animation:2s ease-in-out infinite pulseSpin;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #22c55e66}.voice-mic-icon{color:#22c55e}.audio-wave-bars{align-items:flex-end;gap:3px;height:14px;display:flex}.audio-wave-bars .bar{background:#22c55e;border-radius:3px;width:3px;animation:.8s ease-in-out infinite alternate waveBar}.audio-wave-bars .b1{height:40%;animation-delay:0s}.audio-wave-bars .b2{height:100%;animation-delay:.2s}.audio-wave-bars .b3{height:60%;animation-delay:.4s}.audio-wave-bars .b4{height:90%;animation-delay:.1s}@keyframes waveBar{0%{height:20%}to{height:100%}}.circular-tool-btn.active-voice{color:#22c55e!important;background:#22c55e40!important;border-color:#22c55e!important;box-shadow:0 0 16px #22c55e99!important}.floating-speech-toast{z-index:9998;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1424eb;border:1.5px solid #fff3;border-radius:18px;flex-direction:column;align-items:center;gap:.2rem;padding:.65rem 1.4rem;animation:.35s cubic-bezier(.34,1.56,.64,1) speechPopIn;display:flex;position:fixed;top:90px;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #000000b3}.floating-speech-toast.toast-red{border-color:#ef4444;box-shadow:0 0 25px #ef444480}.floating-speech-toast.toast-green{border-color:#22c55e;box-shadow:0 0 25px #22c55e80}.floating-speech-toast.toast-yellow{border-color:#eab308;box-shadow:0 0 25px #eab30880}.floating-speech-toast.toast-blue{border-color:#3b82f6;box-shadow:0 0 25px #3b82f680}@keyframes speechPopIn{0%{opacity:0;transform:translate(-50%,-20px)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}.toast-sender{letter-spacing:.5px;color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:900}.toast-body{color:#fff;font-size:1.15rem;font-weight:800}.floating-speech-toast.emoji .toast-body{font-size:2.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) emojiBounce}@keyframes emojiBounce{0%{transform:scale(.5)}50%{transform:scale(1.3)}to{transform:scale(1)}}.chat-modal-body{flex-direction:column;gap:1rem;display:flex}.quick-presets-section{flex-direction:column;gap:.4rem;display:flex}.section-label{color:#94a3b8;letter-spacing:.5px;font-size:.75rem;font-weight:800}.preset-buttons-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.preset-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:.55rem .6rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .2s}.preset-btn:hover{color:#60a5fa;background:#3b82f640;border-color:#3b82f6;transform:translateY(-1px)}.chat-feed-box{background:#060a14;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:.6rem;min-height:120px;max-height:180px;padding:.9rem;display:flex;overflow-y:auto}.empty-chat-msg{color:#64748b;text-align:center;margin:auto;font-size:.8rem;font-weight:500}.chat-item-row{background:#ffffff08;border-radius:10px;align-items:center;gap:.6rem;padding:.45rem .7rem;font-size:.85rem;display:flex}.sender-badge{color:#fff;border-radius:6px;padding:.15rem .5rem;font-size:.68rem;font-weight:900}.sender-badge.red{background:#ef4444}.sender-badge.green{background:#22c55e}.sender-badge.yellow{background:#eab308}.sender-badge.blue{background:#3b82f6}.msg-text{color:#fff;flex:1;font-weight:700}.msg-time{color:#64748b;font-size:.68rem}.chat-input-form{gap:.6rem;display:flex}.chat-text-input{color:#fff;background:#060a14;border:1.5px solid #ffffff1f;border-radius:14px;outline:none;flex:1;padding:.7rem 1rem;font-family:inherit;font-size:.88rem;font-weight:600}.chat-text-input:focus{border-color:#3b82f6;box-shadow:0 0 12px #3b82f64d}.chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;border-radius:14px;padding:.7rem 1.3rem;font-family:inherit;font-size:.88rem;font-weight:800;transition:all .2s}.chat-send-btn:hover:not(:disabled){transform:scale(1.04);box-shadow:0 4px 12px #2563eb66}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.emoji-modal-body{flex-direction:column;align-items:center;gap:1rem;display:flex}.emoji-grid-select{grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;display:grid}.emoji-select-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;justify-content:center;align-items:center;padding:.65rem .5rem;font-size:2.2rem;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.emoji-select-btn:hover{background:#ffffff26;border-color:#3b82f6;transform:scale(1.22);box-shadow:0 0 20px #3b82f666}.friends-modal-body{flex-direction:column;gap:1.1rem;display:flex}.friends-tabs-header{background:#060a14;border:1px solid #ffffff14;border-radius:16px;gap:.4rem;padding:.3rem;display:flex}.friends-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:.55rem .6rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s}.friends-tab-btn.active{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 4px 12px #2563eb66}.friends-list-container,.requests-list-container{flex-direction:column;gap:.65rem;max-height:240px;display:flex;overflow-y:auto}.friend-card-row{background:#060a14;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:.8rem;padding:.65rem .9rem;display:flex}.friend-avatar-box{background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.6rem;display:flex}.friend-info{flex-direction:column;flex:1;display:flex}.friend-name{color:#fff;font-size:.9rem;font-weight:800}.friend-meta{color:#94a3b8;font-size:.72rem}.status-text.online{color:#22c55e;font-weight:700}.status-text.in-game{color:#f59e0b;font-weight:700}.status-text.offline{color:#64748b}.invite-friend-btn{color:#4ade80;cursor:pointer;background:#22c55e33;border:1px solid #22c55e;border-radius:10px;padding:.35rem .8rem;font-size:.78rem;font-weight:800;transition:all .2s}.invite-friend-btn:hover{color:#fff;background:#22c55e}.request-actions{gap:.4rem;display:flex}.accept-req-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;padding:.35rem .75rem;font-size:.75rem;font-weight:800}.reject-req-btn{color:#f87171;cursor:pointer;background:#ef444433;border:1px solid #ef4444;border-radius:10px;padding:.35rem .75rem;font-size:.75rem;font-weight:800}.empty-requests-msg{color:#64748b;text-align:center;padding:1.5rem 0;font-size:.82rem}.invite-room-tab-body{flex-direction:column;gap:1rem;display:flex}.share-links-group{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.share-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-family:inherit;font-size:.82rem;font-weight:800;transition:all .2s;display:flex}.whatsapp-share{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 4px 12px #22c55e4d}.copy-link-share{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}