:root{--bg-cosmos: radial-gradient(ellipse at center, #1c2536 0%, #0b0d12 100%);--cyber-cyan: #e2b53c;--cyber-cyan-glow: rgba(226, 181, 60, .4);--cyber-pink: #dc2626;--cyber-pink-glow: rgba(220, 38, 38, .4);--cyber-blue: #3b82f6;--cyber-purple: #b8860b;--cyber-purple-glow: rgba(184, 134, 11, .4);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px);--font-cyber: "Lilita One", "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--transition-smooth: .4s cubic-bezier(.25, .8, .25, 1);--transition-bounce: .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:#0b0d12;color:#fff;font-family:var(--font-body);touch-action:pan-y}.zectrogrid-theme{width:100vw;height:100vh;height:100dvh;background:var(--bg-cosmos);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:0;box-sizing:border-box}.stars-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.star{position:absolute;background:#fff;border-radius:50%;opacity:.3}.star.s1{width:2px;height:2px;top:15%;left:20%;box-shadow:0 0 10px #fff;animation:pulseStar 3s infinite ease-in-out}.star.s2{width:3px;height:3px;top:45%;left:80%;box-shadow:0 0 15px var(--cyber-cyan);animation:pulseStar 4s infinite 1.5s ease-in-out}.star.s3{width:2px;height:2px;top:75%;left:40%;box-shadow:0 0 10px var(--cyber-pink);animation:pulseStar 5s infinite .7s ease-in-out}.star.s4{width:2px;height:2px;top:30%;left:60%;box-shadow:0 0 12px var(--cyber-purple);animation:pulseStar 3.5s infinite 2s ease-in-out}.star.s5{width:3px;height:3px;top:65%;left:10%;box-shadow:0 0 10px var(--cyber-cyan);animation:pulseStar 4.5s infinite .3s ease-in-out}@keyframes pulseStar{0%{transform:scale(.8);opacity:.2}50%{transform:scale(1.3);opacity:.8}to{transform:scale(.8);opacity:.2}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,251,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,251,255,.03) 1px,transparent 1px);background-size:50px 50px;background-position:center;z-index:2;pointer-events:none;opacity:.6}.glow-ambience{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,#a600ff1a,#0000 70%);z-index:2;pointer-events:none}.app-header{text-align:center;z-index:10}.app-header h1{font-family:var(--font-cyber);font-weight:900;font-size:2.5rem;letter-spacing:4px;background:linear-gradient(135deg,#ffffff 30%,var(--cyber-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 15px var(--cyber-cyan-glow));margin-bottom:.25rem}.app-header .subtitle{font-family:var(--font-cyber);font-size:.75rem;letter-spacing:3px;color:#ffffff80;text-transform:uppercase}.tactical-layout{flex:1;min-height:0;display:flex;margin:0;gap:0;z-index:10;overflow:hidden}.page-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;position:relative}.sidebar-left{width:200px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:.5rem;flex-shrink:0}.zectro-btn{width:100%;max-width:180px;height:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:#ffffffb3;font-family:var(--font-cyber);font-size:.85rem;font-weight:700;letter-spacing:2px;cursor:pointer;display:flex;align-items:center;gap:.9rem;padding:0 1.25rem;box-sizing:border-box;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000059;transition:transform var(--transition-bounce),border-color var(--transition-smooth),color var(--transition-smooth),box-shadow var(--transition-smooth)}.zectro-btn i{font-size:1.15rem;transition:transform var(--transition-bounce)}.zectro-btn:hover{transform:translate(8px);border-color:var(--cyber-cyan);color:#fff;box-shadow:0 8px 32px #00fbff26}.zectro-btn:hover i{transform:scale(1.15) rotate(5deg)}.zectro-btn.active{border-color:var(--cyber-cyan);background:#00fbff14;color:var(--cyber-cyan);box-shadow:0 0 25px var(--cyber-cyan-glow);text-shadow:0 0 8px var(--cyber-cyan-glow)}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.zectro-btn:hover .btn-glow{left:100%}.hologram-showcase{flex-grow:1;background:#0003;border:1px solid rgba(255,255,255,.03);border-radius:32px;position:relative;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;opacity:.45}.pulse-icon{font-size:3.5rem;color:var(--cyber-cyan);filter:drop-shadow(0 0 10px var(--cyber-cyan-glow));animation:pulseScale 2s infinite ease-in-out}@keyframes pulseScale{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.6}}.empty-state p{font-family:var(--font-cyber);font-size:.75rem;letter-spacing:2px;line-height:1.6}.hologram-wrap{display:flex;align-items:center;justify-content:center;gap:3rem;padding:2rem;box-sizing:border-box;width:100%;height:100%;opacity:0;transform:translateY(20px) scale(.95);animation:holoFadeIn .6s cubic-bezier(.25,.8,.25,1) forwards}@keyframes holoFadeIn{to{opacity:1;transform:translateY(0) scale(1)}}.holo-aura{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,var(--cyber-cyan-glow) 0%,rgba(0,0,0,0) 70%);opacity:.5;filter:blur(25px);pointer-events:none;animation:auraPulse 3s infinite alternate ease-in-out}@keyframes auraPulse{0%{transform:scale(.9);opacity:.4}to{transform:scale(1.15);opacity:.6}}.holo-character{width:280px;height:380px;display:flex;align-items:center;justify-content:center;z-index:5;flex-shrink:0;animation:floatHero 5s infinite ease-in-out}@keyframes floatHero{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}.holo-character svg{height:100%;width:100%;filter:drop-shadow(0 0 15px var(--cyber-cyan-glow)) drop-shadow(0 15px 25px rgba(0,0,0,.5))}.holo-details{display:flex;flex-direction:column;gap:.8rem;max-width:400px;max-height:100%;overflow-y:auto;background:var(--glass-bg);border:1px solid var(--glass-border);padding:1.5rem;border-radius:24px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 10px 40px #0006;z-index:5}.holo-details::-webkit-scrollbar{width:4px}.holo-details::-webkit-scrollbar-track{background:transparent}.holo-details::-webkit-scrollbar-thumb{background:#00fbff33;border-radius:4px}.holo-type{font-family:var(--font-cyber);font-size:.7rem;font-weight:700;color:var(--cyber-pink);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 8px var(--cyber-pink-glow)}.holo-details h2{font-family:var(--font-cyber);font-weight:900;font-size:2rem;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.3)}.holo-desc{font-size:.8rem;color:#ffffffa6;line-height:1.5}.holo-stats{display:flex;gap:.8rem;flex-wrap:wrap}.stat-item{font-family:var(--font-cyber);font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);padding:.4rem .75rem;border-radius:10px}.stat-item i{color:var(--cyber-cyan);text-shadow:0 0 6px var(--cyber-cyan-glow)}.attacks-section{margin-top:.5rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.8rem}.attacks-title{font-family:var(--font-cyber);font-size:.7rem;font-weight:700;letter-spacing:3px;color:var(--cyber-cyan);margin-bottom:.6rem;text-shadow:0 0 6px var(--cyber-cyan-glow)}.attacks-list{display:flex;flex-direction:column;gap:.5rem}.attack-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:14px;padding:.7rem .9rem;cursor:pointer;transition:all var(--transition-smooth);position:relative;overflow:hidden}.attack-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,251,255,.05),transparent);transition:.5s}.attack-card:hover:before{left:100%}.attack-card:hover{border-color:#00fbff33;background:#00fbff0a;transform:translate(4px);box-shadow:0 4px 20px #00fbff14}.attack-card:active{transform:scale(.97) translate(4px)}.attack-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.attack-header i{color:var(--cyber-cyan);font-size:.9rem;filter:drop-shadow(0 0 4px var(--cyber-cyan-glow))}.attack-name{font-family:var(--font-cyber);font-size:.65rem;font-weight:700;letter-spacing:1px;flex-grow:1}.attack-dmg{font-family:var(--font-cyber);font-size:.6rem;font-weight:700;color:var(--cyber-pink);text-shadow:0 0 6px var(--cyber-pink-glow)}.attack-desc{font-size:.7rem;color:#ffffff80;line-height:1.4;margin-bottom:.3rem}.attack-meta{display:flex;align-items:center;gap:.8rem}.attack-type{font-family:var(--font-cyber);font-size:.55rem;font-weight:700;letter-spacing:1px;padding:.15rem .5rem;border-radius:6px;background:#00fbff1a;color:var(--cyber-cyan);border:1px solid rgba(0,251,255,.15)}.attack-card:nth-child(2) .attack-type{background:#ff007f1a;color:var(--cyber-pink);border-color:#ff007f26}.attack-card:nth-child(3) .attack-type{background:#a855f71a;color:var(--cyber-purple);border-color:#a855f726}.attack-card:nth-child(2) .attack-header i{color:var(--cyber-pink);filter:drop-shadow(0 0 4px var(--cyber-pink-glow))}.attack-card:nth-child(3) .attack-header i{color:var(--cyber-purple);filter:drop-shadow(0 0 4px var(--cyber-purple-glow))}.attack-cd{font-family:var(--font-cyber);font-size:.55rem;color:#fff6;display:flex;align-items:center;gap:.3rem}.attack-cd i{font-size:.5rem}.app-footer{text-align:center;z-index:10}.app-footer p{font-family:var(--font-cyber);font-size:.65rem;letter-spacing:2px;color:#ffffff4d}@media(max-width:1100px){.tactical-layout{gap:1.5rem;margin:1rem 0}.sidebar-left{width:150px;padding-left:.25rem}.zectro-btn{max-width:140px;height:40px;font-size:.75rem;padding:0 .8rem;gap:.6rem;border-radius:10px}.zectro-btn i{font-size:1rem}.hologram-wrap{gap:2rem;padding:1.5rem}.holo-character{width:220px;height:300px}.holo-details{padding:1.25rem;max-width:320px}.holo-details h2{font-size:1.6rem}}@media(max-width:768px){.zectrogrid-theme{padding:1rem}.app-header h1{font-size:1.8rem;letter-spacing:2px}.app-header .subtitle{font-size:.65rem;letter-spacing:2px}.tactical-layout{gap:1rem;margin:1rem 0}.sidebar-left{width:120px;padding-left:0}.zectro-btn{max-width:110px;height:36px;font-size:.6rem;letter-spacing:1px;padding:0 .6rem;gap:.4rem;border-radius:8px}.zectro-btn i{font-size:.85rem}.hologram-showcase{border-radius:20px}.hologram-wrap{flex-direction:column;gap:1rem;padding:1rem;overflow-y:auto;max-height:100%}.holo-character{width:160px;height:220px}.holo-details{padding:1rem;max-width:100%;border-radius:16px}.holo-details h2{font-size:1.4rem}.holo-desc{font-size:.75rem}.stat-item{padding:.4rem .75rem;font-size:.7rem}.attack-card{padding:.5rem .7rem}.attack-name{font-size:.55rem}.attack-desc{font-size:.6rem}}@media(orientation:portrait)and (max-width:950px){html,body{overflow:hidden;position:fixed;width:100%;height:100%}#app{position:fixed;top:0;left:0;width:var(--app-w, 100vh)!important;height:var(--app-h, 100vw)!important;transform:rotate(90deg);transform-origin:top left;margin-left:var(--app-ml, 100vw);overflow:hidden}.zectrogrid-theme{width:100%!important;height:100%!important;overflow:visible!important}.tactical-layout{overflow:visible!important}}@media(max-height:600px){.zectrogrid-theme{padding:.5rem 1rem!important}.tactical-layout{margin:.25rem 0!important;gap:1.5rem!important}}@media(max-height:500px){.zectrogrid-theme{padding:.15rem .3rem!important}.tactical-layout{margin:0!important;gap:0!important}.page-container{border-radius:0}.sidebar-left{display:none!important}}@media(max-height:420px){.zectrogrid-theme{padding:.1rem .2rem!important}.tactical-layout{margin:0!important;gap:0!important}}@media(orientation:portrait)and (max-width:500px){.zectrogrid-theme{padding:.1rem .2rem!important}.tactical-layout{margin:0!important;gap:0!important}.page-container{border-radius:0}.sidebar-left{display:none!important}}.banned-overlay{position:fixed;inset:0;background:#040208f5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.banned-box{width:100%;max-width:440px;background:#0f0a14f2;border:2px solid rgba(239,68,68,.3);box-shadow:0 0 40px #ef444426;border-radius:24px;padding:2.5rem 2rem;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1.2rem;font-family:"Orbitron",var(--font-cyber),sans-serif}.animate-ban{animation:slideInBan .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInBan{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ban-large-icon{font-size:3.5rem;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5);animation:pulseBan 2s infinite ease-in-out}@keyframes pulseBan{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}.banned-box h2{font-family:var(--font-cyber),"Orbitron",sans-serif;font-size:1.6rem;font-weight:950;letter-spacing:2px;color:#ef4444;margin:0;text-shadow:0 0 10px rgba(239,68,68,.3)}.ban-msg{font-size:.85rem;line-height:1.5;color:#ffffffb3;margin:0;font-family:"Outfit",var(--font-body),sans-serif}.ban-hint{font-size:.7rem;line-height:1.4;color:#ffffff59;margin:0;font-family:"Outfit",var(--font-body),sans-serif}.ban-retry-btn{width:100%;padding:.9rem 1.5rem;font-family:var(--font-cyber),"Orbitron",sans-serif;font-size:.8rem;font-weight:900;letter-spacing:1.5px;color:#fff;background:#ef444433;border:1.5px solid #ef4444;border-radius:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #ef44441a}.ban-retry-btn:hover{background:#ef4444;box-shadow:0 0 20px #ef444466;transform:translateY(-2px)}.page-container{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}@media(max-width:1024px),(max-height:600px){#app{touch-action:none!important}.roster-page,.shop-page,.detail-page,.attack-page{height:auto!important;min-height:100%!important;overflow:visible!important}.roster-content,.shop-content{height:auto!important;overflow:visible!important}.friends-modal,.maps-modal{width:var(--fm-modal-w, 90%)!important;height:var(--fm-modal-h, 85%)!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important}.friends-modal .friends-content-scroll{min-height:0!important}.friends-modal .add-friend-row{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important}.friends-modal .cyber-input-wrapper{flex:1 1 auto!important;min-width:0!important}.friends-modal .add-friend-btn{flex:0 0 auto!important}.maps-modal .maps-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important}}@media(max-height:500px),(orientation:portrait)and (max-width:500px){.roster-header{padding:.4rem 1rem!important;gap:.8rem!important}.roster-header h2{font-size:.95rem!important}.roster-grid{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important;padding:.5rem!important;align-items:start!important}.hero-tile{padding:.6rem .5rem!important;height:auto!important}.tile-avatar-img{width:90px!important;height:120px!important}.tile-name{font-size:.65rem!important;margin-top:.2rem!important}.tile-type{font-size:.5rem!important}.tile-bounty{font-size:.5rem!important;padding:.1rem .3rem!important}.lock-badge{font-size:.5rem!important;padding:.12rem 0!important}.shop-header{padding:.4rem 1rem!important}.shop-header h1{font-size:1rem!important}.currency{padding:.25rem .6rem!important;font-size:.7rem!important}.offers-grid{grid-template-columns:repeat(3,1fr)!important;gap:.6rem!important;align-items:start!important}.boxes-grid{grid-template-columns:repeat(3,1fr)!important;gap:.6rem!important;max-width:100%!important;align-items:start!important}.skins-grid{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important;align-items:start!important}.box-card{padding:.6rem!important;height:auto!important}.shop-box-img{width:56px!important;height:56px!important}.box-card h2{font-size:.8rem!important}.offer-card{padding:.6rem!important;height:auto!important}.skin-card{height:auto!important}.skin-img{height:70px!important}.skin-buy-btn{font-size:.65rem!important;padding:.3rem .6rem!important}.detail-page{gap:.6rem!important}.character-stage{width:150px!important;height:180px!important}.thumb-bar{height:48px!important}.thumb-item{width:48px!important;height:40px!important}.holo-details{padding:1rem!important;max-width:280px!important}.holo-details h2{font-size:1.3rem!important}.holo-desc{font-size:.75rem!important}.stat-item{font-size:.7rem!important;padding:.3rem .6rem!important}.attack-card{padding:.4rem .6rem!important}.attack-header{padding:.4rem 1rem!important;gap:.6rem!important}.attack-name{font-size:.95rem!important;margin:0 0 .3rem!important}.attack-desc{font-size:.55rem!important;margin-bottom:.3rem!important;max-width:100%!important}.badges{gap:.3rem!important}.badge{padding:.2rem .4rem!important;font-size:.5rem!important}.cards-grid{gap:.4rem!important;padding:0 1rem 1rem!important}.card{padding:.5rem!important}.anim-scene{height:80px!important}.bounty-road-modal{width:100%!important;height:100%!important;max-width:none!important;max-height:100%!important;padding:.6rem 1rem!important;gap:.4rem!important;border-width:0!important;border-radius:0!important}.bounty-road-summary{padding:6px 12px!important;margin:.3rem 0 .5rem!important}.summary-label{font-size:.65rem!important}.summary-count{font-size:1.1rem!important}.worlds-tabs{margin-bottom:.6rem!important;padding-bottom:4px!important;gap:.3rem!important}.world-tab-btn{padding:4px 6px!important;min-width:80px!important;gap:2px!important}.world-tab-btn i{font-size:.85rem!important}.world-name{font-size:.55rem!important}.world-range{font-size:.45rem!important}.milestones-container{gap:.6rem!important;padding-bottom:1rem!important}.milestone-row{gap:.6rem!important}.milestones-path-line{left:28px!important}.milestone-bounty-badge{width:64px!important;height:36px!important;border-width:2px!important;font-size:.6rem!important}.milestone-bounty-badge i{font-size:.75rem!important}.milestone-card-content{padding:6px 12px!important;gap:.6rem!important;border-radius:12px!important}.milestone-reward-icon{width:32px!important;height:32px!important;font-size:.9rem!important}.milestone-reward-info h4{font-size:.7rem!important}.milestone-reward-info p{font-size:.55rem!important}.claim-reward-btn{padding:4px 8px!important;font-size:.65rem!important;height:28px!important}.friends-modal{width:var(--fm-modal-w, 60%)!important;height:var(--fm-modal-h, 80%)!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;padding:.6rem 1rem!important;gap:.6rem!important;border-radius:16px!important}.friends-modal .friends-content-scroll{min-height:0!important}.friends-modal .modal-header h2{font-size:.9rem!important}.friends-unlinked-card{padding:.5rem!important;gap:.5rem!important}.unlinked-icon{font-size:2rem!important}.friends-unlinked-card h3{font-size:.8rem!important}.friends-unlinked-card p{font-size:.6rem!important}.link-code-input{padding:.4rem .8rem!important;font-size:.75rem!important}.link-submit-btn{padding:.4rem!important;font-size:.75rem!important}.friends-list-container{gap:.5rem!important}.friend-card{padding:.4rem .6rem!important}.friend-avatar{width:28px!important;height:28px!important}.friend-name{font-size:.7rem!important}.friend-status{font-size:.55rem!important}.leaderboard-modal{width:85%!important;height:88%!important;max-width:760px!important;max-height:90%!important;border-radius:16px!important;border-width:2px!important}.leaderboard-header{padding:.4rem .8rem!important}.leaderboard-title{font-size:.95rem!important}.leaderboard-tabs{margin:.3rem 0!important;padding:0 .5rem!important;gap:.4rem!important}.leaderboard-tab-btn{font-size:.65rem!important;padding:.3rem .6rem!important}.sub-tabs-container{padding:.2rem .5rem!important;gap:.3rem!important}.sub-tab-btn{font-size:.6rem!important;padding:.2rem .5rem!important}.leaderboard-content-section{padding:.4rem!important}.leaderboard-table-header{padding:.3rem .6rem!important;font-size:.6rem!important}.leaderboard-list{gap:.3rem!important}.leaderboard-row-item{padding:.3rem .6rem!important;font-size:.65rem!important}.player-avatar-mini{width:20px!important;height:20px!important}.leaderboard-container{flex-direction:row!important;height:calc(100% - 50px)!important;overflow:hidden!important}.leaderboard-left{width:38%!important;height:100%!important;border-right:2px solid rgba(255,255,255,.08)!important;border-bottom:none!important;padding:.5rem!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.leaderboard-left .toggle-pills,.leaderboard-left .nav-tabs{margin-bottom:.4rem!important}.leaderboard-left .nav-content{flex-grow:1!important;max-height:none!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important}.leaderboard-left .brawlers-grid{grid-template-columns:repeat(2,1fr)!important;gap:.4rem!important}.leaderboard-right{width:62%!important;height:100%!important;padding:.4rem .6rem!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important}.leaderboard-right .rankings-scrollable{flex-grow:1!important;overflow-y:auto!important;margin-bottom:2.5rem!important}.leaderboard-right .sticky-player-row{position:absolute!important;bottom:0!important;left:0!important;right:0!important;padding:.3rem .5rem!important}.maps-modal{width:var(--fm-modal-w, 75%)!important;height:var(--fm-modal-h, 80%)!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;padding:.6rem 1rem!important;gap:.6rem!important;border-radius:16px!important}.maps-modal .maps-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important}.maps-modal .modal-header h2{font-size:.9rem!important}.maps-create-row{gap:.4rem!important}.maps-name-input{padding:.4rem .8rem!important;font-size:.7rem!important}.maps-mode-selector{padding:.1rem!important;gap:.1rem!important}.maps-mode-btn{font-size:.6rem!important;padding:.2rem .5rem!important}.create-map-btn-top{font-size:.65rem!important;padding:.4rem .8rem!important}.maps-list-container{gap:.4rem!important}.map-card{padding:.4rem .6rem!important;gap:.5rem!important}.map-preview{width:32px!important;height:48px!important}.map-info h4{font-size:.75rem!important}.map-info p{font-size:.55rem!important}.map-actions{gap:.3rem!important}.map-action-btn{width:28px!important;height:28px!important;font-size:.75rem!important}.map-action-btn.play{padding:0 .6rem!important;width:auto!important;font-size:.65rem!important}.mode-modal{width:var(--fm-modal-w, 75%)!important;max-width:none!important;max-height:var(--fm-modal-h, 85%)!important;box-sizing:border-box!important;padding:.6rem 1rem!important;gap:.6rem!important;border-radius:16px!important}.mode-modal .modes-grid{min-height:0!important;overflow-y:auto!important;gap:.5rem!important}.mode-modal .modal-header{padding-bottom:.5rem!important}.mode-modal .modal-header h2{font-size:.9rem!important}.mode-modal .modal-close{width:26px!important;height:26px!important;font-size:.75rem!important}.mode-card{padding:.5rem .8rem!important;gap:.7rem!important;border-radius:12px!important}.mode-icon{width:34px!important;height:34px!important;font-size:.9rem!important;flex-shrink:0!important}.mode-title{font-size:.72rem!important}}