@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;600;700&family=Orbitron:wght@400;700&display=swap";:root{--background: #0a0015;--surface: rgba(19, 10, 41, .85);--accent-orange: #ff4d00;--accent-blue: #00bfff;--text-primary: #f3f4ff;--text-secondary: rgba(243, 244, 255, .7);--font-display: "Orbitron", sans-serif;--font-body: "Exo 2", sans-serif;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(0, 191, 255, .25);--glass-shadow: 0 24px 48px rgba(1, 4, 17, .55)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit}.glassmorphism{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--glass-shadow)}.app-shell{flex:1;display:flex;flex-direction:column;gap:2.5rem;padding:1.25rem clamp(1rem,4vw,3rem) 3rem}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;justify-content:space-between}.logo-wrap{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:inherit}.header-nav{display:flex;align-items:center;gap:1.25rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.1rem;text-transform:uppercase;flex-wrap:wrap}.header-nav a{color:var(--text-secondary);transition:color .2s ease}.header-nav a:hover{color:var(--accent-blue)}.header-logout{padding:.4rem .9rem;font-size:.8rem;font-family:var(--font-display);letter-spacing:.08rem;text-transform:uppercase;border:1px solid rgba(255,77,0,.4);background:#ff4d001f;color:#ff4d00f2;border-radius:8px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.header-logout:hover{background:#ff4d0038;border-color:#ff4d0099}.logo-circle{width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,191,255,.35);background:#0a0015a6;display:grid;place-items:center;overflow:hidden}.logo-circle img{width:100%;height:100%;object-fit:cover}.logo-text{display:none;flex-direction:column;font-family:var(--font-display);text-transform:uppercase}.logo-title{font-size:.9rem;letter-spacing:.16rem}.logo-subtitle{font-size:.65rem;letter-spacing:.24rem;color:var(--text-secondary)}.balance-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;font-family:var(--font-display)}.balance-label{font-size:.7rem;letter-spacing:.18rem;color:var(--text-secondary)}.balance-value{font-size:1.05rem;letter-spacing:.1rem}.balance-value.online-pill{display:inline-flex;align-items:center;gap:.4rem}.pulse-dot{width:10px;height:10px;border-radius:50%;background:#2be28a;box-shadow:0 0 #2be28a99;animation:pulse 1.5s infinite}.online-pill{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;letter-spacing:.05rem}.app-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse{0%{box-shadow:0 0 #2be28a99}70%{box-shadow:0 0 0 12px #2be28a00}to{box-shadow:0 0 #2be28a00}}.main-content{flex:1;display:flex;justify-content:center;align-items:flex-start;width:100%}.auth-shell{width:min(420px,100%);display:flex;flex-direction:column;gap:1.25rem}.auth-toggle{display:grid;grid-template-columns:repeat(2,1fr);padding:.35rem;border-radius:12px;background:#0a0015a6;border:1px solid rgba(0,191,255,.12)}.auth-toggle button{background:transparent;border:none;color:var(--text-secondary);padding:.65rem .75rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase;border-radius:10px;cursor:pointer;transition:background .3s ease,color .3s ease,box-shadow .3s ease}.auth-toggle button.active{color:var(--text-primary);background:linear-gradient(135deg,#ff4d0033,#00bfff33);box-shadow:0 0 12px #00bfff40}.auth-card{padding:clamp(1.5rem,6vw,2.5rem);display:flex;flex-direction:column;gap:1rem}.auth-heading{font-family:var(--font-display);letter-spacing:.14rem;text-transform:uppercase;font-size:clamp(1.2rem,4vw,1.6rem);text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-note{margin:0;font-size:.75rem;color:var(--text-secondary);line-height:1.4}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-label{font-size:.75rem;letter-spacing:.1rem;color:var(--text-secondary);text-transform:uppercase}.auth-input{padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(0,191,255,.1);background:#0a0015a6;color:var(--text-primary);transition:border-color .3s ease,box-shadow .3s ease}.auth-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #00bfff40}.primary-action{padding:.85rem 1.2rem;border-radius:12px;border:none;font-weight:700;letter-spacing:.12rem;text-transform:uppercase;background:linear-gradient(120deg,var(--accent-orange),var(--accent-blue));color:var(--background);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.primary-action:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00bfff59}.neon-alert{padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(255,77,0,.45);background:#ff4d001a;color:var(--accent-orange);font-size:.85rem;letter-spacing:.06rem;text-align:center;text-transform:uppercase;box-shadow:0 0 12px #ff4d0059}.auth-disabled-block{text-align:left;text-transform:none}.auth-disabled-block p{margin:.25rem 0}.auth-disabled-countdown{font-weight:700}.team-page{width:100%;max-width:960px;display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.team-title{margin:0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16rem;font-size:clamp(1.3rem,4vw,1.8rem);text-align:center}.team-subtitle{margin:0;color:var(--text-secondary);font-size:.95rem;text-align:center}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.team-card{display:flex;flex-direction:column;padding:1.5rem;border-radius:16px}.team-card-image{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 1rem;border:2px solid rgba(0,191,255,.35);background:#0a0015a6}.team-card-image img{width:100%;height:100%;object-fit:cover}.team-card-image--full-head img{object-fit:contain;object-position:top center}.team-card-body{display:flex;flex-direction:column;gap:.35rem}.team-card-name{margin:0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.08rem;text-align:center}.team-card-role{font-size:.8rem;letter-spacing:.12rem;text-transform:uppercase;color:var(--accent-blue);text-align:center}.team-card-bio{margin:.75rem 0 0;font-size:.9rem;color:var(--text-secondary);line-height:1.5;text-align:center}.contact-page{width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.25rem;padding:1rem 0}.contact-title{margin:0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16rem;font-size:clamp(1.3rem,4vw,1.8rem);text-align:center}.contact-subtitle{margin:0;color:var(--text-secondary);font-size:.95rem;text-align:center}.contact-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.contact-textarea{resize:vertical;min-height:120px}.contact-error{font-size:.75rem;color:var(--accent-orange);letter-spacing:.05rem;text-transform:uppercase}.contact-success{padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(0,191,255,.45);background:#00bfff1f;color:var(--accent-blue);font-size:.85rem;text-align:center}.app-footer{margin-top:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-nav{display:flex;gap:1.5rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.1rem;text-transform:uppercase;flex-wrap:wrap}.footer-nav a{color:var(--text-secondary);transition:color .2s ease}.footer-nav a:hover{color:var(--accent-blue)}.footer-social{display:flex;gap:.75rem}.footer-social-link{color:var(--text-secondary);transition:color .2s ease,transform .2s ease}.footer-social-link:hover{color:var(--accent-blue);transform:translateY(-2px)}.footer-copyright{margin:0;font-size:.75rem;color:var(--text-secondary);letter-spacing:.06rem}.admin-shell{width:min(480px,100%);padding:clamp(1.75rem,5vw,2.5rem);display:flex;flex-direction:column;gap:1.25rem}.admin-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18rem;text-align:center;font-size:clamp(1.3rem,4.5vw,1.75rem)}.admin-tagline{text-align:center;color:var(--text-secondary);font-size:.85rem;letter-spacing:.08rem}.admin-form{display:flex;flex-direction:column;gap:1rem}.admin-keyword{letter-spacing:.12rem;text-transform:uppercase;color:var(--accent-blue);font-size:.75rem;text-align:center}.admin-actions{display:flex;flex-direction:column;gap:.75rem}.admin-actions button.secondary{background:transparent;border:1px solid rgba(0,191,255,.25);color:var(--accent-blue)}@media(min-width:768px){.app-shell{gap:3rem;padding-top:2rem}.app-header{padding:1rem 1.25rem;flex-wrap:nowrap}.logo-text{display:flex}}@media(max-width:640px){.app-shell{padding:1rem 1rem 2.5rem}.app-header{flex-direction:column;gap:.85rem}.header-nav{justify-content:center}.balance-wrap{width:100%;align-items:center}.auth-shell{width:100%}.auth-card,.admin-shell{padding:1.5rem}}.dashboard{display:flex;flex-direction:column;gap:1.75rem}.dashboard-disabled-banner{padding:1.25rem 1.5rem;border:1px solid rgba(255,77,0,.5);border-radius:12px;background:#14000ae6}.dashboard-disabled-banner h3{margin:0 0 .5rem;font-size:1rem;color:var(--accent-orange, #ff4d00)}.dashboard-disabled-banner p{margin:0 0 .35rem;font-size:.9rem;color:var(--text-secondary, rgba(243, 244, 255, .85))}.dashboard-disabled-banner .dashboard-disabled-countdown{color:var(--accent-orange, #ff4d00)}.dashboard-disabled-note{margin-top:.5rem!important;font-size:.8rem!important;opacity:.9}.dashboard-impersonation-banner{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;border:1px solid rgba(0,191,255,.5);border-radius:12px;background:#001428e6}.dashboard-impersonation-banner span{color:var(--text-primary);font-size:.95rem}.impersonation-exit-btn{padding:.35rem .75rem;border-radius:8px;border:1px solid rgba(255,80,80,.5);background:#ff505026;color:#ff6b6b;font-weight:600;cursor:pointer;font-size:.9rem}.impersonation-exit-btn:hover{background:#ff505040;border-color:#ff5050b3}.dashboard-top{display:flex;flex-direction:column;gap:1.5rem}.profile-card{display:flex;align-items:center;gap:1rem;padding:1.25rem}.profile-avatar{width:88px;min-width:88px;height:88px;border-radius:50%;border:2px solid rgba(0,191,255,.45);background:#0a001566;display:grid;place-items:center;overflow:hidden;cursor:pointer;transition:border-color .3s ease,transform .3s ease;padding:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#00bfffd9;background:radial-gradient(circle at 50% 35%,#00bfff38,#0a0015bf)}.avatar-placeholder svg{width:34px;height:34px}.profile-avatar:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.profile-input{display:none}.profile-meta h2{margin:0;font-family:var(--font-display);letter-spacing:.08rem;font-size:1.05rem}.profile-meta p{margin:.35rem 0 0;color:var(--text-secondary);font-size:.85rem}.profile-alert{display:block;margin-top:.4rem;font-size:.75rem;letter-spacing:.06rem;text-transform:uppercase}.profile-alert.error{color:var(--accent-orange)}.profile-alert.success{color:var(--accent-blue)}.profile-settings-button{margin-top:.6rem;border:1px solid rgba(0,191,255,.5);background:#00bfff1f;color:var(--text-primary);padding:.45rem .9rem;border-radius:10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.profile-settings-button:hover{transform:translateY(-1px);box-shadow:0 0 12px #00bfff40;border-color:var(--accent-blue)}.profile-avatar:disabled{cursor:not-allowed;opacity:.6;transform:none}.wallet-card{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.wallet-card header{display:flex;justify-content:space-between;align-items:center}.wallet-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12rem;color:var(--accent-blue)}.wallet-balance{display:flex;flex-direction:column;gap:.35rem}.wallet-balance span{font-size:.9rem;color:var(--text-secondary)}.wallet-balance strong{font-size:2rem;color:var(--accent-blue);font-weight:700;letter-spacing:.05rem}.balance-error{font-size:.75rem;color:var(--accent-orange);letter-spacing:.05rem;text-transform:uppercase}.wallet-withdrawable{font-size:.8rem;color:var(--text-secondary)}.wallet-bonus-msg{margin:.5rem 0 0;padding:.5rem 0;font-size:.8rem;color:var(--text-secondary);line-height:1.35;border-top:1px solid rgba(255,255,255,.08)}.wallet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.wallet-button{border:none;border-radius:12px;padding:.8rem .9rem;background:#00bfff2e;color:var(--text-primary);font-weight:600;letter-spacing:.05rem;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.wallet-button.secondary{background:#ff4d002e}.wallet-button:hover{transform:translateY(-1px);box-shadow:0 0 12px #00bfff40}.wallet-button.secondary:hover{box-shadow:0 0 12px #ff4d004d}.online-users-card{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.online-users-card header{display:flex;justify-content:space-between;align-items:center}.online-users-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12rem;color:var(--accent-blue)}.online-users-count{font-size:.8rem;color:var(--text-secondary);letter-spacing:.05rem}.online-users-list{display:flex;flex-direction:column;gap:.6rem}.online-user-item{display:flex;align-items:center;gap:.75rem}.online-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,191,255,.45);background:#0a001566;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.online-user-avatar img{width:100%;height:100%;object-fit:cover}.online-user-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#00bfffb3}.online-user-placeholder svg{width:20px;height:20px}.online-user-name{font-size:.95rem;color:var(--text-primary);letter-spacing:.04rem}.see-more-online{margin-top:.25rem;padding:.5rem 0;background:transparent;border:1px dashed rgba(0,191,255,.5);color:var(--accent-blue);font-size:.8rem;letter-spacing:.06rem;cursor:pointer;border-radius:8px;transition:background .2s ease,border-color .2s ease}.see-more-online:hover{background:#00bfff1a;border-color:var(--accent-blue)}.online-users-empty{margin:0;font-size:.9rem;color:var(--text-secondary);font-style:italic}.leaderboard-card{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.leaderboard-card header{display:flex;justify-content:space-between;align-items:center}.leaderboard-label{font-weight:600;font-size:1.05rem;color:var(--text-primary);letter-spacing:.04rem}.leaderboard-sub{font-size:.85rem;color:var(--text-secondary)}.leaderboard-list{display:flex;flex-direction:column;gap:.6rem}.leaderboard-item{display:flex;align-items:center;gap:.75rem}.leaderboard-rank{min-width:3rem;font-weight:600;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.leaderboard-badge{font-size:.7rem;padding:.28rem .55rem;border-radius:20px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 1px 3px #00000059;border:1px solid transparent}.leaderboard-badge.top1{background:linear-gradient(145deg,gold,#ffb347,#ff8c00);color:#1a0a00;border-color:#ffd70099;box-shadow:0 0 12px #ffd70066,0 1px 3px #0006}.leaderboard-badge.top3{background:linear-gradient(145deg,#e8e8e8,silver,#a0a0a0);color:#1a1a1a;border-color:#c0c0c0b3;box-shadow:0 0 10px #c0c0c04d,0 1px 3px #0006}.leaderboard-badge.top3.silver{background:linear-gradient(145deg,#f5f5f5,silver)}.leaderboard-badge.top3.bronze{background:linear-gradient(145deg,#cd7f32,#b8860b,#8b6914);color:#fff8e7;border-color:#cd7f3299;box-shadow:0 0 10px #cd7f3259,0 1px 3px #0006}.leaderboard-badge.top10{background:linear-gradient(145deg,#daa520,#cd7f32,#8b4513);color:#fff8e7;border-color:#cd7f3280;box-shadow:0 0 8px #cd7f324d,0 1px 3px #00000059}.leaderboard-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,191,255,.45);background:#0a001566;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#00bfffb3}.leaderboard-avatar-placeholder svg{width:20px;height:20px}.leaderboard-meta{display:flex;flex-direction:column;gap:.15rem}.leaderboard-name{font-size:.95rem;color:var(--text-primary);letter-spacing:.04rem}.leaderboard-wins{font-size:.8rem;color:var(--text-secondary)}.leaderboard-empty{margin:0;font-size:.9rem;color:var(--text-secondary);font-style:italic}.arena-disabled-message{padding:1.5rem;text-align:center;border:1px solid rgba(255,77,0,.5);border-radius:12px;background:#14000ae6}.arena-disabled-message p{margin:0 0 .5rem;color:var(--text-primary)}.arena-disabled-message .arena-disabled-note{font-size:.9rem;color:var(--text-secondary)}.home-page{padding:1rem 0 2rem;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:960px;margin:0 auto}.home-game-card{cursor:pointer;padding:0;overflow:hidden;width:100%;max-width:320px;transition:transform .3s ease,box-shadow .3s ease}.home-game-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00bfff33}.home-card-media{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#0a001599;overflow:hidden}.home-card-media img{width:100%;height:100%;object-fit:cover}.home-card-title{margin:0;padding:1rem 1.25rem;font-family:var(--font-display);font-size:1rem;letter-spacing:.12rem;text-transform:uppercase;color:var(--accent-blue)}.home-card-badge{display:inline-block;margin:0 1.25rem 1rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase;background:#00bfff33;border:1px solid rgba(0,191,255,.4);border-radius:8px;color:var(--accent-blue)}.home-card-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 1.25rem 1rem}.home-card-badges .home-card-badge{margin:0}.home-card-share-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase;background:#0a001580;border:1px solid rgba(0,191,255,.4);border-radius:8px;color:var(--accent-blue);cursor:pointer;transition:background .2s,border-color .2s}.home-card-share-btn:hover{background:#00bfff26;border-color:#00bfff99}.home-share-feedback{display:block;margin:0 1.25rem 1rem;font-size:.75rem;color:var(--accent-blue)}.open-game-section{width:100%;padding:1rem 1rem 1.5rem;margin-bottom:0}.open-game-section-title{margin:0 0 1rem;font-family:var(--font-display);font-size:1rem;letter-spacing:.12rem;text-transform:uppercase;color:var(--accent-blue);text-align:center}.open-game-card-wrap{display:flex;justify-content:center;align-items:flex-start;width:100%}.open-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;justify-items:center;align-items:start;max-width:960px;margin:0 auto}.open-game-grid .open-game-card{width:100%;max-width:320px;min-width:280px}.open-game-card{position:relative}.home-card-offer-block{position:absolute;top:.5rem;right:.5rem;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.home-card-offer-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase;background:#140a05e6;border:1px solid rgba(255,165,0,.6);border-radius:20px;color:orange;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.home-card-offer-pill:hover{background:#28140af2;border-color:orange;transform:scale(1.05)}.home-card-offer-ring{display:inline-flex;width:28px;height:28px;flex-shrink:0}.offer-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.offer-ring-bg{stroke:#ffa50040}.offer-ring-fill{stroke:orange;transition:stroke-dashoffset .5s linear}.home-card-offer-label{white-space:nowrap}.home-card-offer-popup{position:absolute;top:4rem;right:.5rem;z-index:3;width:220px;padding:.75rem .85rem;font-size:.8rem;line-height:1.4;color:var(--accent-blue);background:#0a0015fa;border:1px solid rgba(0,191,255,.4);border-radius:10px;box-shadow:0 8px 24px #0006}.home-card-offer-popup p{margin:0 0 .4rem}.home-card-offer-popup p:last-of-type{margin-bottom:.5rem}.home-offer-popup-remaining{font-size:.75rem;color:#ffa500f2}.home-offer-popup-cta{display:block;margin-top:.5rem;padding:.4rem .75rem;font-size:.85rem;font-weight:600;background:#00bfff40;border:1px solid rgba(0,191,255,.5);border-radius:6px;color:var(--accent-blue);cursor:pointer;width:100%}.home-offer-popup-cta:hover{background:#00bfff66}.home-card-offer-progress-wrap{width:100%;min-width:120px;max-width:180px;display:flex;flex-direction:column;gap:.2rem}.home-card-offer-progress-bar{height:6px;background:#ffa50033;border-radius:3px;overflow:hidden}.home-card-offer-progress-fill{height:100%;background:orange;border-radius:3px;transition:width 1s linear}.home-card-offer-progress-label{font-size:.7rem;color:#ffa500f2;font-weight:600}.coming-soon-section{width:100%;padding:1.5rem 1rem 2rem;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.coming-soon-title{margin:0 0 1.25rem;font-family:var(--font-display);font-size:1rem;letter-spacing:.12rem;text-transform:uppercase;color:var(--accent-blue);text-align:center}.coming-soon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;justify-items:center;align-items:start;max-width:960px;margin:0 auto}.coming-soon-card{cursor:default;pointer-events:none;width:100%;max-width:320px;min-width:280px;opacity:.9}.coming-soon-card:hover{transform:none;box-shadow:inherit}.badge-coming-soon{background:#ffa50033;border-color:#ffa50080;color:orange}@media(max-width:768px){.coming-soon-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:1rem}.coming-soon-card{max-width:320px;width:100%}.open-game-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:1rem}.open-game-grid .open-game-card{max-width:320px;width:100%}}@media(max-width:400px){.coming-soon-grid{grid-template-columns:1fr;gap:1rem}.coming-soon-card{max-width:320px;width:100%;justify-self:center}.open-game-grid{grid-template-columns:1fr;gap:1rem}.open-game-grid .open-game-card{max-width:320px;width:100%;justify-self:center}}.open-game-section,.coming-soon-section{padding-left:.75rem;padding-right:.75rem}.game-lobby{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.lobby-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.home-online{margin:0}.lobby-title{margin:0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14rem;font-size:1.1rem}.lobby-subtitle{margin:0;color:var(--text-secondary);font-size:.9rem}.lobby-card{display:flex;gap:1.5rem;align-items:stretch;padding:clamp(1rem,3vw,1.75rem)}.lobby-card-media{flex:0 0 clamp(220px,28vw,320px);display:flex;align-items:center;justify-content:center;border-radius:18px;border:1px solid rgba(0,191,255,.25);background:#0a001599;overflow:hidden;aspect-ratio:1 / 1}.lobby-card-media img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 0 18px rgba(0,191,255,.35))}.lobby-card-body{display:flex;flex-direction:column;justify-content:center;gap:.8rem;max-width:540px}.lobby-card-body h3{margin:0;font-family:var(--font-display, "Orbitron", sans-serif);letter-spacing:.16rem;text-transform:uppercase;color:var(--accent-blue, #00bfff)}.lobby-card-body p{margin:0;color:var(--text-secondary, rgba(243, 244, 255, .7));line-height:1.6;letter-spacing:.04rem}.lobby-card-actions{display:flex;flex-direction:column;gap:.4rem}.lobby-card-actions .primary-action{align-self:flex-start}.lobby-share-btn{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-start;padding:.35rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase;background:#0a001580;border:1px solid rgba(0,191,255,.4);border-radius:8px;color:var(--accent-blue);cursor:pointer;transition:background .2s,border-color .2s}.lobby-share-btn:hover{background:#00bfff26;border-color:#00bfff99}.lobby-share-feedback{font-size:.75rem;color:var(--accent-blue)}.lobby-tip{font-size:.75rem;letter-spacing:.08rem;color:var(--text-secondary, rgba(243, 244, 255, .7))}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem}.lobby-button{border:1px solid rgba(0,191,255,.35);border-radius:12px;padding:.9rem 1rem;background:#0a0015a6;color:var(--text-primary);font-weight:600;letter-spacing:.08rem;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.lobby-button:hover{border-color:var(--accent-blue);box-shadow:0 0 16px #00bfff59;transform:translateY(-1px)}.lobby-button.selected{border-color:var(--accent-blue);background:#00bfff33;box-shadow:0 0 12px #00bfff66}.lobby-player-options{display:flex;flex-direction:column;gap:.5rem}.lobby-option-label{font-size:.85rem;font-weight:600;letter-spacing:.06rem;color:var(--text-secondary, rgba(243, 244, 255, .85))}.lobby-player-buttons{display:flex;flex-wrap:wrap;gap:.8rem}.modal-overlay{position:fixed;inset:0;background:#010411bf;display:grid;place-items:center;padding:1.5rem;z-index:20;overflow:auto}.modal-card{width:min(420px,100%);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.avatar-picker-modal{width:min(360px,100%);max-height:90vh;overflow-y:auto}.avatar-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.avatar-picker-cell{aspect-ratio:1;border-radius:50%;border:2px solid rgba(0,191,255,.35);background:#0a001566;padding:0;cursor:pointer;overflow:hidden;display:grid;place-items:center;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.avatar-picker-cell:hover:not(:disabled){border-color:var(--accent-blue);transform:scale(1.05);box-shadow:0 0 12px #00bfff40}.avatar-picker-cell:disabled{cursor:not-allowed;opacity:.7}.avatar-picker-cell img{width:100%;height:100%;object-fit:cover}.avatar-picker-upload-btn{margin-top:.25rem;padding:.6rem 1rem;border-radius:10px;border:1px solid rgba(0,191,255,.5);background:#00bfff1f;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.06rem;cursor:pointer;transition:border-color .2s ease,background .2s ease}.avatar-picker-upload-btn:hover{background:#00bfff33;border-color:var(--accent-blue)}.avatar-picker-loading{margin:0;font-size:.85rem;color:var(--text-secondary)}@media(max-width:480px){.avatar-picker-grid{grid-template-columns:repeat(2,1fr)}}.modal-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);letter-spacing:.12rem;text-transform:uppercase}.modal-header h3{margin:0;font-size:1rem}.modal-header button{border:none;background:transparent;color:var(--text-secondary);font-size:1.1rem;cursor:pointer}.modal-info{margin:0;color:var(--text-secondary);line-height:1.5;font-size:.95rem}.deposit-account-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.deposit-account-row span:first-child{flex:1;min-width:0}.copy-number-btn{padding:.4rem .75rem;font-size:.8rem;border-radius:8px;border:1px solid rgba(0,191,255,.35);background:#00bfff1f;color:var(--accent-blue);cursor:pointer;white-space:nowrap}.copy-number-btn:hover{background:#00bfff33;border-color:var(--accent-blue)}.modal-form{display:flex;flex-direction:column;gap:.75rem}.modal-form label{font-size:.75rem;letter-spacing:.08rem;text-transform:uppercase;color:var(--text-secondary)}.modal-form input{padding:.75rem .9rem;border-radius:10px;border:1px solid rgba(0,191,255,.18);background:#0a001599;color:var(--text-primary)}.modal-form input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #00bfff40}.modal-select{padding:.75rem .9rem;border-radius:10px;border:1px solid rgba(0,191,255,.18);background:#0a001599;color:var(--text-primary);font-family:inherit;font-size:1rem;cursor:pointer}.modal-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #00bfff40}.modal-alert{padding:.65rem .8rem;border-radius:10px;border:1px solid rgba(0,191,255,.25);background:#00bfff1f;color:var(--accent-blue);font-size:.8rem;letter-spacing:.05rem;text-transform:uppercase;text-align:center}.modal-alert.error{border-color:#ff4d0073;background:#ff4d001f;color:var(--accent-orange)}.modal-alert.success{border-color:#00bfff73;background:#00bfff2e;color:var(--accent-blue)}.modal-hint{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem}.success-popup-overlay{position:fixed;inset:0;background:#010411cc;display:grid;place-items:center;padding:1.5rem;z-index:25;cursor:pointer}.success-popup{width:min(360px,100%);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;cursor:default}.success-popup-icon{width:64px;height:64px;border-radius:50%;background:#00bfff40;border:2px solid var(--accent-blue);display:grid;place-items:center;font-size:2rem;font-weight:700;color:var(--accent-blue)}.success-popup h3{margin:0;font-family:var(--font-display);letter-spacing:.1rem;text-transform:uppercase;font-size:1.1rem}.success-popup p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}@media(max-width:960px){.lobby-card{flex-direction:column;align-items:center;text-align:center}.lobby-card-body{max-width:none}}@media(min-width:768px){.dashboard-top{flex-direction:row;align-items:stretch}.profile-card,.wallet-card{flex:1}}.logout-button{border:1px solid rgba(255,77,0,.6);background:#ff4d001f;color:var(--text-primary);padding:.45rem .9rem;border-radius:10px;text-transform:uppercase;letter-spacing:.08rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.logout-button:hover{transform:translateY(-1px);box-shadow:0 0 12px #ff4d0040;border-color:#ff4d00e6}.lobby-secondary-actions{display:flex;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.lobby-secondary-actions .ghost-action,.lobby-secondary-actions .lobby-share-btn{flex:1;min-width:120px;justify-content:center}.rules-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid rgba(102,126,234,.1);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:18px 18px 0 0;position:relative;overflow:hidden}.arena-wrapper{min-height:100vh;background:#0a0015;display:flex;flex-direction:column;gap:1.25rem;color:var(--text-primary, #f3f4ff);overflow-x:hidden}.arena-back-row{padding:12px 0}.arena-error-card{max-width:420px;margin:2rem auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.arena-error-card p{margin:0;color:var(--text-secondary, rgba(243, 244, 255, .75))}.arena-disabled-card .arena-disabled-note{font-size:.9rem;opacity:.9}.arena-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;align-items:center;padding:clamp(1.1rem,3vw,1.75rem)}.arena-heading h1{margin:.25rem 0 0;font-family:var(--font-display, "Orbitron", sans-serif);letter-spacing:.18rem;text-transform:uppercase}.arena-heading p{margin:.55rem 0 0;color:var(--text-secondary, rgba(243, 244, 255, .75));font-size:.9rem}.arena-pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(0,191,255,.35);letter-spacing:.22rem;font-size:.65rem;text-transform:uppercase;color:var(--accent-blue, #00bfff)}.arena-controls{display:flex;flex-direction:column;gap:.65rem;align-items:flex-end}.arena-tier-select{display:flex;flex-direction:column;gap:.5rem;text-align:right}.arena-tier-select span{font-size:.72rem;letter-spacing:.12rem;text-transform:uppercase;color:var(--text-secondary, rgba(243, 244, 255, .7))}.tier-buttons{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.tier-button{border-radius:12px;border:1px solid rgba(0,191,255,.3);background:#0a00159e;color:var(--text-primary, #f3f4ff);padding:.55rem .85rem;letter-spacing:.08rem;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tier-button.active{border-color:var(--accent-blue, #00bfff);box-shadow:0 0 18px #00bfff52}.tier-button:hover:not(:disabled){transform:translateY(-1px);border-color:#00bfff8c}.tier-button:disabled{cursor:not-allowed;opacity:.55}.arena-online{font-size:.84rem}.connection-status{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:12px;border:1px solid rgba(0,191,255,.22);letter-spacing:.14rem;font-size:.68rem;text-transform:uppercase}.connection-status .status-dot{width:10px;height:10px;border-radius:50%;background:#f3f4ff73}.connection-status.connected .status-dot,.connection-status.active .status-dot,.connection-status.matched .status-dot{background:#2be28a}.connection-status.waiting .status-dot{background:var(--accent-blue, #00bfff)}.connection-status.error .status-dot{background:var(--accent-orange, #ff4d00)}.ghost-action{border-radius:12px;border:1px solid rgba(0,191,255,.35);background:#0a00158c;color:var(--text-primary, #f3f4ff);padding:.55rem .9rem;letter-spacing:.08rem;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ghost-action:hover{transform:translateY(-1px);border-color:#00bfffa6;box-shadow:0 0 18px #00bfff33}.arena-alert{padding:.9rem 1rem;border-radius:14px}.arena-alert.error{border:1px solid rgba(255,77,0,.45);background:#ff4d001f;color:var(--accent-orange, #ff4d00)}.ready-stage{padding:clamp(1rem,3vw,1.6rem);min-height:360px}.ready-layout{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);gap:1rem;align-items:center;min-height:320px}.ready-card{border:1px solid rgba(0,191,255,.2);border-radius:18px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem}.ready-card.is-ready{border-color:#2be28ad9;box-shadow:0 0 24px #2be28a4d}.ready-card .player-number-label{display:block;font-size:.7rem;letter-spacing:.1rem;text-transform:uppercase;color:var(--text-secondary, rgba(243, 244, 255, .7));margin-bottom:.35rem}.ready-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.15rem;color:var(--text-secondary, rgba(243, 244, 255, .8))}.ready-card.is-ready .ready-badge{color:#2be28a}.ready-card h2{margin:0;font-family:var(--font-display, "Orbitron", sans-serif);letter-spacing:.08rem}.ready-card p{margin:0;color:var(--text-secondary, rgba(243, 244, 255, .78))}.vs-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-width:170px}.vs-logo{width:92px;height:92px;border-radius:50%;border:1px solid rgba(0,191,255,.45);background:radial-gradient(circle,#00bfff38,#0a0015b3);display:grid;place-items:center;font-family:var(--font-display, "Orbitron", sans-serif);font-size:1.9rem;letter-spacing:.2rem;color:var(--accent-blue, #00bfff)}.ready-button{border:none;border-radius:14px;padding:.85rem 1rem;min-width:200px;background:linear-gradient(120deg,#2be28a,#00bfff);color:#051319;font-weight:800;letter-spacing:.1rem;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 22px #00bfff47}.ready-note{margin:0;font-size:.8rem;color:var(--text-secondary, rgba(243, 244, 255, .75));letter-spacing:.05rem;text-align:center}.arena-stage{display:flex;flex-direction:column;align-items:center;gap:clamp(.9rem,3vw,1.8rem)}.arena-avatars-row{display:grid;grid-template-columns:1fr 1fr;flex-direction:row;gap:1rem;flex-wrap:nowrap;width:100%}.arena-avatars-row .player-avatar{width:112px;height:112px}.arena-vs{flex-shrink:0;width:56px;height:56px;border-radius:50%;border:1px solid rgba(0,191,255,.45);background:radial-gradient(circle,#00bfff38,#0a0015b3);display:grid;place-items:center;font-family:var(--font-display, "Orbitron", sans-serif);font-size:1.1rem;font-weight:700;letter-spacing:.1rem;color:var(--accent-blue, #00bfff)}.player-panel,.board-panel{padding:clamp(1.1rem,3vw,1.6rem)}.board-panel{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.ready-card .player-avatar{width:112px;height:112px}@media(max-width:600px){.arena-stage{gap:.75rem}.arena-avatars-row{gap:.5rem}.arena-avatars-row .player-avatar{width:112px;height:112px}.board-panel{max-width:min(96vw,100%);width:100%;padding:.85rem;box-sizing:border-box}.arena-grid{gap:.3rem;max-width:100%;width:100%}.arena-cell{font-size:clamp(.7rem,4.2vw,1.1rem);min-height:0;border-radius:10px}.player-panel{padding:.85rem}.player-avatar{width:clamp(80px,22vw,120px);height:clamp(80px,22vw,120px)}}.player-card{display:flex;flex-direction:column;gap:.8rem;align-items:center}.player-meta{display:flex;flex-direction:column;gap:.35rem;align-items:center;text-align:center}.player-meta .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.16rem;color:var(--text-secondary, rgba(243, 244, 255, .7))}.player-meta h2{margin:0;font-family:var(--font-display, "Orbitron", sans-serif);letter-spacing:.1rem}.player-meta small{color:var(--text-secondary, rgba(243, 244, 255, .75))}.player-avatar{width:clamp(132px,20vw,180px);height:clamp(132px,20vw,180px);border-radius:22px;border:1px solid rgba(0,191,255,.35);background:#0a001599;display:grid;place-items:center;overflow:hidden;position:relative}.player-avatar img{width:100%;height:100%;object-fit:cover}.chat-bubble{position:absolute;top:-.55rem;right:-.55rem;background:#00bfffeb;color:#051319;border-radius:12px;padding:.42rem .7rem;font-size:.74rem}.player-avatar.opponent .chat-bubble{right:auto;left:-.55rem}.player-avatar .avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#00bfff99;background:#0a001580}.player-avatar .avatar-placeholder svg{width:40px;height:40px}.board-info{display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-transform:uppercase;font-size:.78rem;letter-spacing:.08rem;margin-bottom:.95rem;color:var(--text-secondary, rgba(243, 244, 255, .72))}.arena-you-symbol{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;font-weight:700;font-family:var(--font-display, "Orbitron", sans-serif);letter-spacing:.08rem;font-size:.8rem}.arena-you-symbol.symbol-x{border:1px solid rgba(255,77,0,.6);background:#ff4d0026;color:var(--accent-orange, #ff4d00)}.arena-you-symbol.symbol-o{border:1px solid rgba(0,191,255,.6);background:#00bfff26;color:var(--accent-blue, #00bfff)}.board-room{color:var(--accent-blue, #00bfff)}.arena-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.arena-cell{aspect-ratio:1 / 1;border-radius:16px;border:1px solid rgba(0,191,255,.32);background:#0a0015ad;display:flex;align-items:center;justify-content:center;font-family:var(--font-display, "Orbitron", sans-serif);font-size:clamp(1.2rem,4vw,2.4rem);color:#f3f4ffe0;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.arena-cell:hover:not(:disabled){transform:translateY(-1px);border-color:#00bfff8c;box-shadow:0 0 18px #00bfff4d}.arena-cell:disabled{cursor:not-allowed;opacity:.72}.arena-cell.value-1{color:var(--accent-orange, #ff4d00)}.arena-cell.value-2{color:var(--accent-blue, #00bfff)}@media(min-width:601px){.arena-cell{overflow:hidden;min-height:0;line-height:1;font-size:min(clamp(1.2rem,4vw,2.4rem),1.75rem)}.arena-cell:active{transform:none}.arena-cell:focus{outline:none}.arena-cell:focus-visible{outline:2px solid rgba(0,191,255,.6);outline-offset:2px}}.quick-chat{margin-top:1.1rem;display:flex;flex-direction:column;gap:.55rem}.quick-chat span{font-size:.72rem;letter-spacing:.11rem;text-transform:uppercase;color:var(--text-secondary, rgba(243, 244, 255, .75))}.quick-chat-buttons{display:flex;gap:.45rem;flex-wrap:wrap}.quick-chat-buttons button{border:1px solid rgba(0,191,255,.28);border-radius:12px;background:#0a001594;color:var(--text-primary, #f3f4ff);padding:.45rem .8rem;font-size:.74rem;cursor:pointer}.arena-modal{position:fixed;inset:0;background:#010411cc;display:grid;place-items:center;padding:1.2rem;z-index:40}.arena-modal-card{width:min(420px,100%);padding:1.4rem;display:flex;flex-direction:column;gap:.9rem;text-align:center}.arena-modal-card h3{margin:0;font-family:var(--font-display, "Orbitron", sans-serif);text-transform:uppercase;letter-spacing:.16rem}.arena-modal-card p{margin:0;color:var(--text-secondary, rgba(243, 244, 255, .75))}.arena-modal-actions{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap}.arena-trophy-popup{font-size:4rem;line-height:1;margin-bottom:.5rem;filter:drop-shadow(0 2px 8px rgba(255,215,0,.4))}.arena-modal-win{border:2px solid rgba(43,226,138,.6);box-shadow:0 0 24px #2be28a33}.arena-modal-win h3{color:#2be28a}.arena-modal-loss{border:2px solid rgba(255,120,100,.5);box-shadow:0 0 24px #c8505026}.arena-modal-loss h3{color:#ff8a7a}.arena-modal-draw h3{color:var(--text-primary, #f3f4ff)}.arena-result-winner{margin-bottom:.25rem;color:var(--text-secondary, rgba(243, 244, 255, .75))}.arena-result-amount{margin:.25rem 0!important;color:var(--text-secondary, rgba(243, 244, 255, .75))}.arena-result-won{color:#2be28a!important;font-size:1rem}.arena-result-lost{color:#ffc8c8f2!important;font-size:1rem}.arena-result-balance{font-size:.95rem;color:var(--text-primary, #f3f4ff)!important;margin-top:.5rem!important}.arena-modal-actions .primary-action{background:linear-gradient(90deg,#e65100,#00bcd4);border:none;color:#fff;padding:.55rem .9rem;letter-spacing:.08rem;text-transform:uppercase;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.arena-modal-actions .primary-action:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00bcd459}.arena-modal-actions .ghost-action{background:#282c34e6;border-color:#fff3}@media(max-width:960px){.arena-header{grid-template-columns:minmax(0,1fr);text-align:center}.arena-controls{align-items:center}.arena-tier-select{text-align:center}.tier-buttons{justify-content:center}.ready-layout{grid-template-columns:minmax(0,1fr);gap:.8rem}.vs-panel{order:2}}.balance-warning{min-height:50px;display:flex;align-items:center;justify-content:center;color:var(--accent-orange, #ff4d00);background:#ff4d0014;border:1px solid rgba(255,77,0,.3);border-radius:12px;margin-bottom:.75rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease}.balance-warning.visible{opacity:1;visibility:visible}.ready-note.success{color:#2be28a}.reconnect-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#010411c7;z-index:50}.reconnect-card{padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.65rem;align-items:center;border-radius:16px;min-width:220px}.reconnect-spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(0,191,255,.35);border-top-color:var(--accent-blue, #00bfff);animation:spin .9s linear infinite}.searching-badge{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#00bfff2e,#0a0015bf);color:var(--text-primary, #f3f4ff);font-weight:700;letter-spacing:.08rem;text-transform:uppercase;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.arena-loading{min-height:100vh;background:#0a0015;display:grid;place-items:center;gap:.8rem;color:var(--text-primary, #f3f4ff)}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(0,191,255,.25);border-top-color:var(--accent-blue, #00bfff);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;background:#0a0015bf;display:grid;place-items:center;z-index:60}.loading-card{padding:1rem 1.4rem;display:flex;gap:.65rem;align-items:center;border-radius:14px}.loading-card p{margin:0}.ludo-disconnected-banner{margin:1rem 0;padding:1rem 1.5rem;border-radius:12px;text-align:center;background:#ff4d001a;border:1px solid rgba(255,77,0,.3);animation:pulse 2s infinite}.ludo-disconnected-banner p{margin:.25rem 0;font-weight:600;color:var(--text-primary, #f3f4ff)}.ludo-disconnected-banner p:first-child{font-size:1.1rem;color:#ff9800}.connection-quality-indicator{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.connection-quality-good{background:#2be28a1a;border-color:#2be28a4d;color:#2be28a}.connection-quality-poor{background:#ffc1071a;border-color:#ffc1074d;color:#ffc107;animation:pulse 3s infinite}.connection-quality-disconnected{background:#ff4d001a;border-color:#ff4d004d;color:#ff4d00;animation:pulse 2s infinite}.quality-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-dot 2s infinite}.connection-quality-good .quality-dot{background:#2be28a}.connection-quality-poor .quality-dot{background:#ffc107}.connection-quality-disconnected .quality-dot{background:#ff4d00}.quality-text{text-transform:uppercase;letter-spacing:.05em}.ping-text{font-size:.75rem;opacity:.8;margin-left:.25rem}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.ludo-popup{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;animation:popupSlideIn .3s ease-out}.ludo-popup-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;min-width:250px;max-width:400px;font-weight:600}.ludo-popup-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.ludo-popup-message{font-size:.95rem;line-height:1.4}.ludo-popup-success .ludo-popup-content{background:#2be28af2;border-color:#2be28a4d;color:#fff}.ludo-popup-success .ludo-popup-icon{background:#fff3}.ludo-popup-error .ludo-popup-content{background:#ff4d00f2;border-color:#ff4d004d;color:#fff}.ludo-popup-error .ludo-popup-icon{background:#fff3}.ludo-popup-warning .ludo-popup-content{background:#ffc107f2;border-color:#ffc1074d;color:#333}.ludo-popup-warning .ludo-popup-icon{background:#0000001a;color:#333}.ludo-popup-info .ludo-popup-content{background:#2196f3f2;border-color:#2196f34d;color:#fff}.ludo-popup-info .ludo-popup-icon{background:#fff3}@keyframes popupSlideIn{0%{transform:translate(-50%) translateY(-100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes popupSlideOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100px);opacity:0}}.ludo-popup.ludo-popup-hiding{animation:popupSlideOut .3s ease-in forwards}@media(max-width:768px){.ludo-popup{top:10px;left:10px;right:10px;transform:none}.ludo-popup-content{padding:.75rem 1rem;min-width:auto;max-width:none}.ludo-popup-message{font-size:.9rem}}.ludo-lobby-section{max-width:560px;margin:2rem auto;padding:clamp(1.5rem,4vw,2rem);border-radius:18px}.ludo-lobby-title{text-align:center;margin:0 0 .5rem;font-family:var(--font-display, "Orbitron", sans-serif);letter-spacing:.12rem;color:var(--text-primary, #f3f4ff)}.ludo-lobby-desc{text-align:center;color:var(--text-secondary, rgba(243, 244, 255, .85));margin:0 0 1.5rem;font-size:.95rem}.ludo-lobby-options{display:flex;flex-direction:column;gap:1.25rem}.ludo-lobby-group{display:flex;flex-direction:column;gap:.5rem}.ludo-lobby-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, rgba(243, 244, 255, .9))}.ludo-lobby-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.ludo-lobby-btn{padding:.5rem 1rem;border-radius:999px;border:2px solid rgba(0,191,255,.35);background:#00000040;color:var(--text-primary, #f3f4ff);font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}.ludo-lobby-btn:hover{border-color:#00bfff99;background:#00bfff26}.ludo-lobby-btn.selected{border-color:var(--accent-blue, #00bfff);background:#00bfff40;color:#fff}.ludo-lobby-actions{margin-top:1.5rem;text-align:center}.ludo-lobby-start{padding:.75rem 1.5rem;font-size:1rem}.ludo-ready-stage{padding:clamp(1rem,3vw,1.6rem)}.ludo-search-banner{width:100%;max-width:640px;margin:0 auto 1rem;padding:.75rem 1rem;text-align:center;border-radius:12px;border:1px solid rgba(0,191,255,.3)}.ludo-search-banner .ludo-search-text{display:block;font-weight:700;color:var(--text-primary, #f3f4ff);font-size:1rem}.ludo-search-banner .ludo-search-detail{display:block;font-size:.85rem;color:var(--text-secondary, rgba(243, 244, 255, .85));margin-top:.25rem}.ludo-ready-layout{display:grid;gap:1rem;align-items:start;justify-items:center;min-height:320px}.ludo-ready-layout.ludo-players-2{grid-template-columns:minmax(200px,1fr) minmax(200px,1fr);max-width:640px;margin:0 auto}.ludo-ready-layout.ludo-players-3{grid-template-columns:repeat(3,minmax(180px,1fr));max-width:720px;margin:0 auto}.ludo-ready-layout.ludo-players-4{grid-template-columns:repeat(4,minmax(160px,1fr));max-width:800px;margin:0 auto}.ludo-ready-card{position:relative;overflow:hidden;border-radius:18px}.ludo-card-color-bar{position:absolute;top:0;left:0;right:0;height:6px;border-radius:18px 18px 0 0}.ludo-ready-card.ludo-color-blue .ludo-card-color-bar{background:linear-gradient(90deg,#1e88e5,#42a5f5);box-shadow:0 0 12px #1e88e580}.ludo-ready-card.ludo-color-red .ludo-card-color-bar{background:linear-gradient(90deg,#d32f2f,#e53935);box-shadow:0 0 12px #d32f2f80}.ludo-ready-card.ludo-color-green .ludo-card-color-bar{background:linear-gradient(90deg,#388e3c,#43a047);box-shadow:0 0 12px #388e3c80}.ludo-ready-card.ludo-color-yellow .ludo-card-color-bar{background:linear-gradient(90deg,#f9a825,#fbc02d);box-shadow:0 0 12px #f9a82580}.ludo-ready-card .ready-badge{margin-top:.5rem}.ludo-board-placeholder{padding:2rem;text-align:center;max-width:480px;margin:0 auto;border-radius:18px;border:1px solid rgba(0,191,255,.25)}.ludo-board-placeholder h3{margin:0 0 .75rem;font-family:var(--font-display, "Orbitron", sans-serif);letter-spacing:.12rem;text-transform:uppercase;color:var(--accent-blue, #00bfff)}.ludo-board-placeholder p{margin:0 0 .5rem;color:var(--text-secondary, rgba(243, 244, 255, .8))}.ludo-your-color{margin-top:1rem!important;font-weight:600}.ludo-color-badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.85rem;text-transform:capitalize;font-weight:700}.ludo-color-badge.ludo-color-blue{background:#1e88e54d;border:1px solid #42a5f5;color:#90caf9}.ludo-color-badge.ludo-color-red{background:#d32f2f4d;border:1px solid #e53935;color:#ef9a9a}.ludo-color-badge.ludo-color-green{background:#388e3c4d;border:1px solid #43a047;color:#81c784}.ludo-color-badge.ludo-color-yellow{background:#f9a8254d;border:1px solid #fbc02d;color:#ffe082}@media(max-width:960px){.ludo-ready-layout.ludo-players-2,.ludo-ready-layout.ludo-players-3{grid-template-columns:1fr}.ludo-ready-layout.ludo-players-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.ludo-ready-layout.ludo-players-4{grid-template-columns:1fr}}.ludo-vs-header{padding:.75rem 1rem;margin-bottom:.5rem;border-radius:12px}.ludo-vs-players{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem}.ludo-vs-player{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:999px;background:#0003}.ludo-vs-player.ludo-vs-red{border-left:3px solid darkred}.ludo-vs-player.ludo-vs-green{border-left:3px solid darkgreen}.ludo-vs-player.ludo-vs-blue{border-left:3px solid darkblue}.ludo-vs-player.ludo-vs-yellow{border-left:3px solid darkgoldenrod}.ludo-vs-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.ludo-vs-name{font-weight:600;font-size:.9rem;color:var(--text-primary, #f3f4ff)}.ludo-vs-info{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.ludo-vs-color{font-size:.75rem;text-transform:capitalize;color:var(--text-secondary, rgba(243, 244, 255, .8))}.ludo-your-color-badge{font-weight:600;color:var(--accent-blue, #00bfff);font-size:.85em}.ludo-vs-vs{font-weight:800;font-size:.85rem;color:var(--accent-blue, #00bfff);text-transform:lowercase;letter-spacing:.05em}.ludo-vs-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,191,255,.4),transparent);margin-top:.75rem}.ludo-top-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem}.ludo-dice-central{display:flex;flex-direction:column;align-items:center;gap:.25rem}.ludo-dice-per-player{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.ludo-player-dice{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .6rem;border-radius:12px;background:#0003;border:2px solid transparent;transition:border-color .2s,background .2s}.ludo-player-dice-active{border-color:#fff6;background:#00000059}.ludo-player-dice-roll .ludo-player-dice-slot .ludo-roll-btn-dice{background:var(--accent-blue, #00bfff);color:#fff;border:none;padding:.4rem .75rem;border-radius:999px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.15rem}.ludo-player-dice-roll .ludo-player-dice-slot .ludo-roll-btn-dice:hover{filter:brightness(1.15)}.ludo-player-dice-red.ludo-player-dice-active{border-color:#8b0000}.ludo-player-dice-green.ludo-player-dice-active{border-color:#006400}.ludo-player-dice-blue.ludo-player-dice-active{border-color:#00008b}.ludo-player-dice-yellow.ludo-player-dice-active{border-color:#b8860b}.ludo-player-dice-slot{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.ludo-dice-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;background:#fff3;border:2px solid rgba(255,255,255,.4);color:var(--text-primary, #f3f4ff)}.ludo-player-dice-roll .ludo-player-dice-slot .ludo-dice-circle.ludo-roll-btn-dice{background:var(--accent-blue, #00bfff);color:#fff;border-color:#ffffff80;cursor:pointer;font-size:.85rem}.ludo-player-dice-roll .ludo-player-dice-slot .ludo-dice-circle.ludo-roll-btn-dice:hover{filter:brightness(1.15)}.ludo-dice-circle-value{font-size:1.5rem;font-weight:800}.ludo-dice-icon,.ludo-dice-icon-inactive{font-size:1.5rem;line-height:1}.ludo-dice-icon-inactive{opacity:.4}.ludo-roll-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.ludo-player-dice-name{font-size:.7rem;color:var(--text-secondary, rgba(243, 244, 255, .85));max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ludo-turn-banner{width:100%;text-align:center;padding:.5rem .75rem;border-radius:8px;background:#00000040;font-size:.95rem}.ludo-turn-your{color:#2be28a}.ludo-turn-other{color:#f3f4ffe6}.ludo-dice-area{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem}.ludo-dice-area{display:flex;align-items:center;gap:.75rem}.ludo-dice-central .ludo-dice-value{width:56px;height:56px;border-radius:12px;background:#ffffff26;border:2px solid rgba(0,191,255,.5);display:flex;align-items:center;justify-content:center}.ludo-dice-face{font-size:1.75rem;font-weight:800;color:#fff;line-height:1}.ludo-dice-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1rem;color:var(--text-secondary, rgba(243, 244, 255, .8))}.ludo-dice-value{width:48px;height:48px;border-radius:12px;border:2px solid rgba(0,191,255,.4);background:#0a001599;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-primary, #f3f4ff)}.ludo-dice-placeholder{color:#f3f4ff66}.ludo-roll-btn{padding:.5rem 1rem}.ludo-turn-info .your-turn{color:#2be28a;font-weight:700}.ludo-board-wrap.ludo-disabled-red .col1-1,.ludo-board-wrap.ludo-disabled-green .col1-3,.ludo-board-wrap.ludo-disabled-blue .col3-1,.ludo-board-wrap.ludo-disabled-yellow .col3-3{opacity:.4;filter:grayscale(.7);pointer-events:none}.ludo-board-wrap{border-color:#00ffc9;border-width:thick;border-radius:12px;position:relative;width:100%;max-width:min(540px,calc(100vw - 24px));margin:0 auto;padding:.5rem;padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));padding-bottom:max(.5rem,env(safe-area-inset-bottom));animation:ludoBoardEnter .4s ease-out;box-shadow:0 4px 16px #00000026,0 2px 6px #00000014,0 0 0 1px #00ffc933}@keyframes ludoBoardEnter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ludo-board-wrap .ground{color:#000;background-color:#fff;border-radius:10px;width:100%;display:flex;justify-content:center;align-items:center}.ludo-board-wrap .board{display:flex;flex-direction:column}.ludo-board-wrap .line{display:flex}.ludo-board-wrap .button{width:30px;height:30px;border:solid 1px #aaaaaa;border-radius:0;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.ludo-board-wrap .button .dot{width:18px;height:18px;border-radius:100px;border:solid white 1px;box-shadow:2px 2px 3px gray;z-index:5;flex-shrink:0;transition:opacity .2s ease,transform .2s ease}.ludo-board-wrap .button .dot:hover{cursor:pointer}.ludo-board-wrap .button .dot.ludo-piece-movable{cursor:pointer;box-shadow:0 0 0 2px #00bfffe6}.ludo-board-wrap .button .dot.ludo-piece-movable:hover{transform:scale(1.1)}.ludo-board-wrap .line1{display:flex;justify-content:center;align-items:center;padding:0;background-color:#fff}.ludo-board-wrap .line1>div{padding:17px;display:flex;justify-content:center;align-items:center}.ludo-board-wrap .board .row1{width:450px;height:180px;display:flex}.ludo-board-wrap .board .row1 .col1-1{width:180px;height:180px;background:linear-gradient(145deg,#b71c1c,#8b0000 50% 100%);box-shadow:inset 0 2px 8px #ffffff1a,inset 0 -2px 6px #0000004d;display:flex;justify-content:center;align-items:center}.ludo-board-wrap .board .row1 .col1-2{width:90px;height:180px}.ludo-board-wrap .board .row1 .col1-3{width:180px;height:180px;background:linear-gradient(145deg,#2e7d32,#006400,#1b5e20);box-shadow:inset 0 2px 8px #ffffff1a,inset 0 -2px 6px #0000004d;display:flex;justify-content:center;align-items:center}.ludo-board-wrap .board .row2{width:450px;height:90px;display:flex}.ludo-board-wrap .board .row2 .col2-1{width:180px;height:90px}.ludo-board-wrap .board .row2 .col2-2{width:90px;height:90px;text-align:center;display:flex;justify-content:center;align-items:center}.ludo-board-wrap .board .row2 .col2-3{width:180px;height:90px}.ludo-board-wrap .board .row3{width:450px;height:180px;display:flex}.ludo-board-wrap .board .row3 .col3-1{width:180px;height:180px;background:linear-gradient(145deg,#1565c0,#00008b,#0d47a1);box-shadow:inset 0 2px 8px #ffffff1a,inset 0 -2px 6px #0000004d;display:flex;justify-content:center;align-items:center}.ludo-board-wrap .board .row3 .col3-2{width:90px;height:180px}.ludo-board-wrap .board .row3 .col3-3{width:180px;height:180px;background:linear-gradient(145deg,#f9a825,#b8860b,#f57f17);box-shadow:inset 0 2px 8px #ffffff26,inset 0 -2px 6px #00000040;display:flex;justify-content:center;align-items:center}.ludo-board-wrap .board .row2 .col2-2#ludo-center{background-color:#fff;background-image:url(/ludo/center.png);background-size:contain;background-repeat:no-repeat;width:90px;height:90px;min-height:90px}.ludo-board-wrap .ludo-center-cell{background-color:#fff;background-image:url(/ludo/center.png);background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px}.ludo-board-wrap .redDot{background-color:#8b0000}.ludo-board-wrap .greenDot{background-color:#006400}.ludo-board-wrap .blueDot{background-color:#00008b}.ludo-board-wrap .yellowDot{background-color:#b8860b}.ludo-board-wrap .star{background-color:#fff;background-image:url(/ludo/star.png);background-size:25px;background-repeat:no-repeat;background-position:center}.ludo-board-wrap .button.ludo-path-red{background-color:#8b0000}.ludo-board-wrap .button.ludo-path-green{background-color:#006400}.ludo-board-wrap .button.ludo-path-blue{background-color:#00008b}.ludo-board-wrap .button.ludo-path-yellow{background-color:#b8860b}.ludo-board-wrap .tooltip{position:relative;display:inline-block;width:30px;height:30px;padding:0;margin:0;border:none}.ludo-board-wrap .rollDie{background-color:#fff;display:flex;justify-content:center;align-items:center}.ludo-board-wrap .rollDie .roll_btn{width:60px;height:60px;background-color:#fefefe;border-radius:100px;border:solid 1px grey;margin:10px;font-size:30px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014;transition:transform .2s ease,box-shadow .2s ease}.ludo-board-wrap .rollDie .roll_btn .ludo-roll-avatar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;object-fit:cover;pointer-events:none}.ludo-board-wrap .rollDie .roll_btn .fa-dice-d6{position:relative;z-index:1;color:#333}.ludo-board-wrap .rollDie .roll_btn .fa-dice-d6:before{content:none!important}.ludo-board-wrap .rollDie .roll_btn:hover{cursor:pointer;transform:scale(1.05);box-shadow:0 4px 12px #0000002e,0 2px 6px #0000001a}.ludo-board-wrap .rollDie .roll_btn:active{transform:scale(.98);box-shadow:0 1px 4px #00000026}.ludo-board-wrap .rollDie .roll_btn:disabled{opacity:.5;cursor:not-allowed}.ludo-board-wrap .rollDie .fbtn{width:30px;height:30px;border-radius:4px;background-color:#fff;border:solid 1px #bbb;display:flex;justify-content:center;align-items:center;box-shadow:0 1px 3px #00000014;transition:border-color .2s ease,box-shadow .2s ease}.ludo-board-wrap .rollDie .fbtn .dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;animation:fbtnDotIn .3s ease}@keyframes fbtnDotIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.ludo-board-wrap #ludo-dice-value{font-size:70px;font-weight:600;color:#555;border-radius:15px;margin:0;min-height:80px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease}.ludo-board-wrap #ludo-dice-value.ludo-dice-rolled{font-weight:700;color:#1a1a1a;animation:ludoDicePulse .35s ease}@keyframes ludoDicePulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:768px){.ludo-board-wrap{max-width:min(420px,calc(100vw - 24px))}}.ludo-board-wrap .board .row1,.ludo-board-wrap .board .row2,.ludo-board-wrap .board .row3{width:100%;max-width:420px}.ludo-board-wrap .board .row1{height:168px}.ludo-board-wrap .board .row1 .col1-1,.ludo-board-wrap .board .row1 .col1-3{width:168px;height:168px}.ludo-board-wrap .board .row1 .col1-2{width:84px;height:168px}.ludo-board-wrap .board .row2{height:84px}.ludo-board-wrap .board .row2 .col2-1,.ludo-board-wrap .board .row2 .col2-3{width:168px;height:84px}.ludo-board-wrap .board .row2 .col2-2{width:84px;height:84px}.ludo-board-wrap .board .row3{height:168px}.ludo-board-wrap .board .row3 .col3-1,.ludo-board-wrap .board .row3 .col3-3{width:168px;height:168px}.ludo-board-wrap .board .row3 .col3-2{width:84px;height:168px}.ludo-board-wrap .button{width:26px;height:26px}.ludo-board-wrap .button .dot{width:14px;height:14px}.ludo-board-wrap .tooltip{width:26px;height:26px}.ludo-board-wrap .board .row2 .col2-2#ludo-center{width:84px;height:84px;min-height:84px}.ludo-board-wrap #ludo-dice-value{font-size:52px}*/ .ludo-board-wrap .board{width:315px;max-width:100%}.ludo-board-wrap .board .row1{width:315px;height:126px}.ludo-board-wrap .board .row1 .col1-1{width:126px;height:126px}.ludo-board-wrap .board .row1 .col1-2{width:63px;height:126px}.ludo-board-wrap .board .row1 .col1-3{width:126px;height:126px}.ludo-board-wrap .board .row2{width:315px;height:63px}.ludo-board-wrap .board .row2 .col2-1{width:126px;height:63px}.ludo-board-wrap .board .row2 .col2-2{width:63px;height:63px}.ludo-board-wrap .board .row2 .col2-3{width:126px;height:63px}.ludo-board-wrap .board .row3{width:315px;height:126px}.ludo-board-wrap .board .row3 .col3-1{width:126px;height:126px}.ludo-board-wrap .board .row3 .col3-2{width:63px;height:126px}.ludo-board-wrap .board .row3 .col3-3{width:126px;height:126px}.ludo-board-wrap .button{width:21px;height:21px}.ludo-board-wrap .button .dot{width:12px;height:12px}.ludo-board-wrap .tooltip{width:21px;height:21px}.ludo-board-wrap .line1>div{padding:11px}.ludo-board-wrap .rollDie .roll_btn{width:44px;height:44px;min-width:44px;min-height:44px}.ludo-board-wrap .rollDie .roll_btn .ludo-roll-avatar{width:36px;height:36px}.ludo-board-wrap .rollDie .fbtn{width:21px;height:21px}.ludo-board-wrap .rollDie .fbtn .dot{width:12px;height:12px}.ludo-board-wrap #ludo-dice-value{font-size:35px}.ludo-board-wrap .star{background-size:15px}.ludo-board{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);aspect-ratio:1 / 1;max-width:min(420px,90vmin);max-height:min(420px,90vmin);background:#e0e0e0;background-image:url(/ludo/board.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-radius:12px;overflow:hidden;border:2px solid rgba(30,60,120,.6)}.ludo-cell{position:relative;min-width:0;min-height:0;background:transparent!important;border:none!important}.ludo-cell[data-index="0"],.ludo-cell[data-index="1"],.ludo-cell[data-index="2"],.ludo-cell[data-index="3"],.ludo-cell[data-index="22"],.ludo-cell[data-index="23"],.ludo-cell[data-index="24"],.ludo-cell[data-index="25"],.ludo-cell[data-index="62"],.ludo-cell[data-index="63"],.ludo-cell[data-index="64"],.ludo-cell[data-index="65"],.ludo-cell[data-index="84"],.ludo-cell[data-index="85"],.ludo-cell[data-index="86"],.ludo-cell[data-index="87"]{background:transparent!important}.ludo-cell-star,.ludo-cell-center{background:transparent!important;background-image:none!important}.ludo-cell-empty{background:transparent!important;border:none!important;visibility:hidden}.ludo-star-img,.ludo-center-img{display:none}.ludo-pieces-overlay{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.ludo-pieces-overlay .ludo-piece{pointer-events:auto;position:absolute;width:clamp(14px,3.5vw,22px);height:clamp(14px,3.5vw,22px);border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #0000004d;cursor:default;transition:transform .15s ease,box-shadow .15s ease}.ludo-pieces-overlay .ludo-piece-movable{cursor:pointer;box-shadow:0 0 0 3px #00bfffcc}.ludo-pieces-overlay .ludo-piece-movable:hover{transform:translate(-50%,-50%) scale(1.2)}.ludo-piece-red{background:#8b0000}.ludo-piece-green{background:#006400}.ludo-piece-blue{background:#00008b}.ludo-piece-yellow{background:#b8860b}.ludo-finish-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;padding:.5rem}.ludo-finish-row{display:flex;gap:4px;padding:4px 8px;border-radius:8px;background:#0003}.ludo-finish-slot{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.ludo-piece-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.8)}.ludo-piece-dot.ludo-piece-red{background:#8b0000}.ludo-piece-dot.ludo-piece-green{background:#006400}.ludo-piece-dot.ludo-piece-blue{background:#00008b}.ludo-piece-dot.ludo-piece-yellow{background:#b8860b}.ludo-game-stage{position:relative;padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.ludo-trophy-popup{font-size:4rem;line-height:1;margin-bottom:.5rem;filter:drop-shadow(0 2px 8px rgba(255,215,0,.4))}.ludo-modal-win{border:2px solid rgba(43,226,138,.6);box-shadow:0 0 24px #2be28a33}.ludo-modal-win h3{color:#2be28a}.ludo-result-won{color:#2be28a!important;font-size:1rem}.ludo-modal-loss{border:2px solid rgba(255,120,100,.5);box-shadow:0 0 24px #c8505026}.ludo-modal-loss h3{color:#ff8a7a}.ludo-result-lost{color:#ffc8c8f2!important;font-size:1rem}.ludo-result-winner{margin-bottom:.25rem}.ludo-result-amount{margin:.25rem 0!important}.ludo-result-balance{font-size:.95rem;color:var(--text-primary, #f3f4ff)!important;margin-top:.5rem!important}@media(max-width:600px){.ludo-board{max-height:min(400px,80vmin)}.ludo-pieces-overlay .ludo-piece{width:clamp(12px,3vw,18px);height:clamp(12px,3vw,18px)}.ludo-dice-value{width:40px;height:40px;font-size:1.25rem}}.ludo-lobby-rules{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin-top:1rem}.ludo-lobby-rules:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.rules-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rules-card{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border:2px solid rgba(102,126,234,.2);border-radius:20px;max-width:800px;max-height:85vh;width:95vw;overflow-y:auto;box-shadow:0 25px 50px #0006;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.rules-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid rgba(9,12,22,.1);background:linear-gradient(135deg,#05070c,#4c0890);color:#fff;border-radius:18px 18px 0 0;position:relative;overflow:hidden}.rules-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.rules-header h2{margin:0;font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.rules-close-button{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.rules-close-button:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.rules-content{padding:2rem}.rules-section{margin-bottom:2.5rem}.rules-section:last-child{margin-bottom:0}.rules-section h3{margin:0 0 1.5rem;color:#2c3e50;font-size:1.4rem;font-weight:700;padding-bottom:.75rem;border-bottom:3px solid #667eea;display:flex;align-items:center;gap:.5rem}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.urdu-grid{direction:rtl}.rule-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease;position:relative;overflow:hidden}.rule-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.rule-item:hover:before{opacity:1}.rule-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea26;border-left-color:#764ba2}.urdu-grid .rule-item{border-left:none;border-right:4px solid #764ba2}.urdu-grid .rule-item:hover{border-right-color:#667eea}.rule-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;box-shadow:0 4px 12px #667eea4d}.rule-text{flex:1;line-height:1.6;color:#2c3e50;font-size:.95rem;position:relative;z-index:1}.rule-text strong{color:#667eea;font-weight:700;display:block;margin-bottom:.25rem;font-size:1.05rem}.urdu-text{font-family:Noto Nastaliq Urdu,Arial,sans-serif;text-align:right;direction:rtl;font-size:1rem}.urdu-text strong{color:#764ba2}@media(max-width:768px){.rules-card{width:98vw;max-height:95vh}.rules-header{padding:1.5rem}.rules-header h2{font-size:1.4rem}.rules-content{padding:1.5rem}.rules-section h3{font-size:1.2rem}.rules-grid{grid-template-columns:1fr;gap:.75rem}.rule-item{padding:1rem;gap:.75rem}.rule-icon{width:35px;height:35px;font-size:1.2rem}.rule-text{font-size:.9rem}.urdu-text{font-size:.95rem}}@media(max-width:480px){.rules-header{padding:1rem}.rules-header h2{font-size:1.2rem}.rules-content{padding:1rem}.rules-section h3{font-size:1.1rem}.rule-item{padding:.75rem;gap:.5rem}.rule-icon{width:30px;height:30px;font-size:1rem}.rule-text{font-size:.85rem}.urdu-text{font-size:.9rem}}.admin-private{min-height:100vh;background:var(--background, #0a0015);padding:clamp(1.5rem,5vw,3rem);display:flex;flex-direction:column;gap:1.5rem}.admin-login{margin:auto;max-width:420px;width:100%;padding:clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;gap:1rem;text-align:center}.admin-login h1{margin:0;font-family:var(--font-display, "Orbitron", sans-serif);letter-spacing:.16rem;text-transform:uppercase}.admin-login p{margin:0;color:var(--text-secondary, rgba(243, 244, 255, .7));font-size:.9rem}.admin-form{display:flex;flex-direction:column;gap:.75rem;text-align:left}.admin-form label{font-size:.75rem;letter-spacing:.12rem;text-transform:uppercase;color:var(--text-secondary, rgba(243, 244, 255, .7))}.admin-form input{border-radius:12px;border:1px solid rgba(0,191,255,.25);background:#0a0015a6;padding:.75rem 1rem;color:var(--text-primary, #f3f4ff);transition:border-color .2s ease,box-shadow .2s ease}.admin-form input:focus{outline:none;border-color:var(--accent-blue, #00bfff);box-shadow:0 0 0 2px #00bfff40}.admin-error{color:var(--accent-orange, #ff4d00);font-size:.75rem;text-transform:uppercase;letter-spacing:.14rem}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:clamp(1.25rem,4vw,2rem)}.admin-header h1{margin:0;font-family:var(--font-display, "Orbitron", sans-serif);letter-spacing:.2rem;text-transform:uppercase}.admin-header p{margin:.25rem 0 0;color:var(--text-secondary, rgba(243, 244, 255, .7));letter-spacing:.05rem}.admin-header-controls{display:flex;gap:.75rem;flex-wrap:wrap}.admin-alert{padding:1rem 1.25rem;border-radius:16px;border:1px solid rgba(0,191,255,.25);font-size:.85rem;letter-spacing:.08rem;text-transform:uppercase}.admin-alert.error{border-color:#ff4d0073;background:#ff4d001f;color:var(--accent-orange, #ff4d00)}.admin-alert.success{border-color:#00bfff73;background:#00bfff2e;color:var(--accent-blue, #00bfff)}.admin-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1rem,3vw,1.75rem)}.admin-panel{padding:clamp(1rem,3vw,1.75rem);display:flex;flex-direction:column;gap:1rem;min-height:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;letter-spacing:.06rem}.panel-head h2{margin:0;font-family:var(--font-display, "Orbitron", sans-serif);letter-spacing:.16rem;text-transform:uppercase}.panel-head span{display:inline-flex;width:fit-content;padding-inline:8px;min-width:36px;align-items:center;justify-content:center;height:36px;border-radius:12px;border:1px solid rgba(0,191,255,.35);font-weight:600;color:var(--accent-blue, #00bfff)}.panel-status{margin:0;color:var(--text-secondary, rgba(243, 244, 255, .6));font-size:.85rem;letter-spacing:.06rem}.table-wrap{overflow-x:auto;overflow-y:auto;max-height:320px;border-radius:14px;border:1px solid rgba(0,191,255,.2)}.table-wrap table{width:100%;border-collapse:collapse;min-width:460px}.table-wrap th,.table-wrap td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(0,191,255,.15);letter-spacing:.04rem}.table-wrap th{text-transform:uppercase;font-size:.7rem;color:#f3f4ff99}.table-wrap td{font-size:.85rem;color:var(--text-primary, #f3f4ff)}.table-wrap tr:last-child td{border-bottom:none}.admin-users-panel{grid-column:1 / -1}.table-wrap-users{max-height:400px}.admin-users-table{min-width:720px}.admin-users-table .admin-users-actions{white-space:nowrap}.admin-users-table .admin-users-actions .approve-button{margin-right:.25rem;margin-bottom:.25rem}@media(max-width:768px){.admin-users-table{min-width:640px}}.approve-button{border-radius:10px;border:1px solid rgba(0,191,255,.35);background:#00bfff1f;color:var(--accent-blue, #00bfff);padding:.4rem .9rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.approve-button:hover{transform:translateY(-2px);border-color:#00ff808c;box-shadow:0 0 16px #00ff802e}.approve-button.reject{border-color:#ff505080;background:#ff50501f;color:#ff6b6b;margin-left:.35rem}.approve-button.reject:hover{border-color:#ff5050b3;box-shadow:0 0 12px #ff505033}.approve-button.delete-user-btn{border-color:#ff323299;background:#ff323226;color:#f44;margin-left:.35rem}.approve-button.delete-user-btn:hover{border-color:#ff3232d9;box-shadow:0 0 12px #ff323240}.approve-button.view-as-user-btn{border-color:#00bfff80;background:#00bfff26;color:var(--accent-blue);margin-left:.35rem}.approve-button.view-as-user-btn:hover{border-color:#00bfffbf;box-shadow:0 0 12px #00bfff33}.entry-fees-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.entry-fee-row{display:flex;align-items:center;gap:1rem}.entry-fee-amount{font-weight:600;min-width:5rem}.entry-fee-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.entry-fees-add{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.entry-fees-add input{width:6rem;padding:.4rem .6rem;border-radius:8px;border:1px solid rgba(0,191,255,.35);background:#0a001580;color:var(--text-primary)}.arena-toggle-row{display:flex;align-items:center;gap:1rem}.arena-toggle-label{font-weight:500}.save-entry-fees-btn{margin-top:.25rem}.ghost-action.critical{border-color:#ff4d0073;color:var(--accent-orange, #ff4d00)}.ghost-action.critical:hover{box-shadow:0 0 18px #ff4d0059}.admin-user-disabled{color:var(--accent-orange, #ff4d00);font-size:.8rem}.admin-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.admin-modal{padding:1.5rem;border-radius:16px;border:1px solid rgba(0,191,255,.3);min-width:280px;max-width:420px;width:100%}.admin-modal h3{margin:0 0 1rem;font-size:1rem;letter-spacing:.08rem;text-transform:uppercase;color:var(--accent-blue, #00bfff)}.admin-disable-form{display:flex;flex-direction:column;gap:.75rem}.admin-disable-form label{font-size:.75rem;letter-spacing:.1rem;text-transform:uppercase;color:var(--text-secondary, rgba(243, 244, 255, .7))}.admin-disable-form select,.admin-disable-form input{padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(0,191,255,.25);background:#0a0015a6;color:var(--text-primary, #f3f4ff);font-size:.9rem}.admin-modal-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.admin-modal-actions button{flex:1;min-width:100px}@media(max-width:768px){.admin-header{flex-direction:column;align-items:stretch}.admin-header-controls{justify-content:stretch}.admin-header-controls button{flex:1}.table-wrap table{min-width:100%}}.terms-page{width:min(720px,100%);display:flex;flex-direction:column;gap:1.25rem}.terms-toggle{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;border-radius:12px;background:#0a0015a6;border:1px solid rgba(0,191,255,.12)}.terms-toggle button{flex:1;min-width:140px;background:transparent;border:none;color:var(--text-secondary);padding:.6rem .75rem;font-size:.8rem;font-weight:600;letter-spacing:.06rem;text-transform:uppercase;border-radius:10px;cursor:pointer;transition:background .3s ease,color .3s ease,box-shadow .3s ease}.terms-toggle button:hover{color:var(--text-primary)}.terms-toggle button.active{color:var(--text-primary);background:linear-gradient(135deg,#ff4d0033,#00bfff33);box-shadow:0 0 12px #00bfff40}.terms-content{padding:clamp(1.5rem,5vw,2.5rem);max-height:70vh;overflow-y:auto}.terms-doc{font-size:.95rem;line-height:1.7;color:var(--text-secondary)}.terms-doc h1{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.1rem;color:var(--text-primary);margin:0 0 .75rem}.terms-doc h2{font-size:1.05rem;font-weight:600;color:var(--accent-blue);margin:1.5rem 0 .5rem}.terms-doc h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:1rem 0 .4rem}.terms-doc p{margin:0 0 .75rem}.terms-doc ul{margin:0 0 .75rem;padding-left:1.5rem}.terms-doc li{margin-bottom:.35rem}.terms-doc hr{border:none;border-top:1px solid rgba(0,191,255,.2);margin:1.25rem 0}.terms-doc a{color:var(--accent-blue);text-decoration:underline}.terms-doc a:hover{color:var(--accent-orange)}.terms-back{margin:0;font-size:.85rem;color:var(--text-secondary)}.terms-back a{color:var(--accent-blue)}.terms-back a:hover{color:var(--accent-orange)}