:root{--bg-dark: #050811;--bg-deep-space: #060913;--bg-card: #0a0f19;--bg-surface: #0e1422;--bg-hover: #141d30;--bg-glass: rgba(10, 15, 25, .65);--bg-glass-card: rgba(10, 15, 25, .72);--bg-glass-surface: rgba(14, 20, 34, .68);--bg-glass-hover: rgba(20, 29, 48, .85);--glass-blur: blur(12px);--glass-blur-heavy: blur(18px);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-border-subtle: 1px solid rgba(255, 255, 255, .06);--glass-border-focus: 1px solid rgba(0, 240, 255, .65);--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(0, 240, 255, .6);--shadow-depth-1: 0 10px 24px -4px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-depth-2: 0 16px 36px -6px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .12);--shadow-depth-3: 0 24px 50px -10px rgba(0, 0, 0, .85), inset 0 1px 1px rgba(255, 255, 255, .15);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--primary-cyan: #00f0ff;--primary-glow: rgba(0, 240, 255, .45);--gold: #f59e0b;--gold-glow: rgba(245, 158, 11, .4);--emerald: #10b981;--emerald-glow: rgba(16, 185, 129, .4);--rose: #f43f5e;--purple: #a855f7;--font-heading: "Chakra Petch", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg-deep-space);color:var(--text-main);font-family:var(--font-body);overflow:hidden;height:100%;width:100%;overscroll-behavior:none}body{height:100vh;height:100dvh;width:100vw;display:flex;flex-direction:column;background-color:var(--bg-deep-space);background-image:radial-gradient(circle at 50% 12%,#0e1c38a6,#050811fa 72%),linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:100% 100%,36px 36px,36px 36px;background-position:center top,center center,center center}.top-nav{height:68px;background:var(--bg-glass-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;z-index:50;box-shadow:var(--shadow-depth-2);flex-shrink:0;width:100%;max-width:100vw;box-sizing:border-box}.brand-group{display:flex;align-items:center;gap:14px}.logo-icon{font-size:30px;filter:drop-shadow(0 0 10px var(--gold-glow));animation:pulse-bomb 2.5s infinite ease-in-out}@keyframes pulse-bomb{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.brand-text{display:flex;align-items:baseline;gap:10px}.brand-title{font-family:var(--font-heading);font-weight:700;font-size:24px;letter-spacing:2.2px;text-transform:uppercase}.brand-accent{color:var(--primary-cyan);text-shadow:0 0 14px var(--primary-glow)}.brand-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-family:var(--font-heading);font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px;letter-spacing:1.2px;text-transform:uppercase;box-shadow:0 0 12px var(--emerald-glow)}.user-bar{display:flex;align-items:center;gap:16px}.player-input-box{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:6px 14px;gap:8px}.player-input-box label{font-size:11px;color:var(--text-muted);font-weight:600}.player-input-box input{background:transparent;border:none;outline:none;color:#fff;font-family:var(--font-heading);font-size:15px;font-weight:700;width:120px}.wallet-badge{display:flex;align-items:center;background:linear-gradient(135deg,#141d30e6,#0c1220f2);border:1px solid rgba(16,185,129,.5);padding:6px 16px;border-radius:12px;gap:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 0 16px #10b98133}.wallet-badge:hover{background:var(--bg-surface);transform:translateY(-2px);border-color:var(--emerald);box-shadow:0 0 20px var(--emerald-glow)}.wallet-icon{font-size:22px}.wallet-info{display:flex;flex-direction:column}.wallet-label{font-size:9px;color:var(--text-muted);letter-spacing:.8px;font-weight:700}.wallet-val{font-family:var(--font-heading);font-size:17px;font-weight:700;color:#34d399}.btn-deposit-quick{background:linear-gradient(135deg,#10b981,#047857);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 2px 10px #10b98166;transition:transform .15s ease}.btn-deposit-quick:hover{transform:scale(1.05)}.vip-status-pill{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b29,#d9770647);border:1px solid var(--gold);color:var(--gold);padding:5px 12px;border-radius:10px;font-family:var(--font-heading);font-size:11px;font-weight:700;letter-spacing:.8px;box-shadow:0 0 12px var(--gold-glow)}.vip-star{font-size:13px;animation:rotate-star 6s linear infinite}@keyframes rotate-star{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tech-icon{width:1.25em;height:1.25em;display:inline-block;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .2s ease,filter .2s ease}.tech-icon-cyan{color:var(--primary-cyan);filter:drop-shadow(0 0 5px rgba(0,240,255,.55))}.tech-icon-gold{color:var(--gold);filter:drop-shadow(0 0 5px rgba(245,158,11,.5))}.tech-icon-emerald{color:var(--emerald);filter:drop-shadow(0 0 5px rgba(16,185,129,.55))}.tech-icon-rose{color:var(--rose);filter:drop-shadow(0 0 5px rgba(244,63,94,.55))}.tech-icon-purple{color:var(--purple);filter:drop-shadow(0 0 5px rgba(168,85,247,.5))}.tech-icon-lg{width:1.6em;height:1.6em;vertical-align:-.3em}.tech-icon-xl{width:2.2em;height:2.2em}.lootbox-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 14px rgba(16,185,129,.4));animation:float-lootbox 3.2s infinite ease-in-out}@keyframes float-lootbox{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.crystal-svg{width:1.35em;height:1.35em;vertical-align:-.25em;filter:drop-shadow(0 0 8px rgba(16,185,129,.7))}.desktop-only-header{display:inline-flex;align-items:center}div.user-profile-badge.desktop-only-header{display:flex}.btn-mobile-hamburger{display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,#141d30d9,#0c1220f2);border:1px solid rgba(0,240,255,.4);border-radius:10px;width:40px;height:40px;padding:0;cursor:pointer;box-shadow:0 0 12px #00f0ff26;transition:all .2s ease;flex-shrink:0}.btn-mobile-hamburger:hover,.btn-mobile-hamburger:active{border-color:var(--primary-cyan);box-shadow:0 0 16px var(--primary-glow);background:#00f0ff1a}.hamburger-box{width:20px;height:14px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-bar{display:block;width:100%;height:2px;background:var(--primary-cyan);border-radius:2px;box-shadow:0 0 6px var(--primary-glow);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease;transform-origin:center}.btn-mobile-hamburger.is-open .bar-1{transform:translateY(6px) rotate(45deg)}.btn-mobile-hamburger.is-open .bar-2{opacity:0;transform:scaleX(0)}.btn-mobile-hamburger.is-open .bar-3{transform:translateY(-6px) rotate(-45deg)}.mobile-nav-overlay{display:none;position:fixed;top:58px;left:0;width:100vw;height:calc(100dvh - 58px);background:#04070ebf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:998}.mobile-nav-drawer{display:none;position:fixed;top:58px;left:0;width:100%;max-width:100vw;max-height:calc(100dvh - 58px);overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#080c16fa,#04070efc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,240,255,.25);box-shadow:0 16px 36px #000000d9;z-index:999;box-sizing:border-box}.mobile-nav-drawer:not(.hidden){display:block;animation:drawer-slide-down .25s cubic-bezier(.16,1,.3,1)}.mobile-nav-overlay:not(.hidden){display:block;animation:drawer-fade-in .2s ease}@keyframes drawer-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}.mobile-drawer-inner{padding:16px;display:flex;flex-direction:column;gap:12px;max-width:540px;margin:0 auto;box-sizing:border-box}.drawer-user-card{background:linear-gradient(135deg,#101a2ed9,#090e1af2);border:1px solid rgba(0,240,255,.3);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 16px #00f0ff14}.drawer-user-header{display:flex;align-items:center;gap:12px;cursor:pointer}.drawer-avatar{width:42px;height:42px;border-radius:10px;background:#00f0ff26;border:1px solid var(--primary-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 10px #00f0ff40}.drawer-user-info{display:flex;flex-direction:column;min-width:0}.drawer-user-name{font-family:var(--font-heading);font-size:15px;font-weight:700;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.drawer-user-badge{font-size:11px;color:#34d399;font-weight:600}.drawer-wallet-summary{display:flex;align-items:center;justify-content:space-between;background:#0006;border:1px solid rgba(16,185,129,.35);border-radius:10px;padding:8px 12px;cursor:pointer;transition:border-color .2s ease}.drawer-wallet-summary:hover{border-color:#10b981}.drawer-wallet-left{display:flex;flex-direction:column}.drawer-wallet-label{font-size:9.5px;color:var(--text-muted);font-weight:700;letter-spacing:.5px}.drawer-wallet-val{font-family:var(--font-heading);font-size:16px;font-weight:700;color:#34d399}.drawer-btn-pix-quick{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-family:var(--font-heading);font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 0 10px #10b9814d;transition:transform .15s ease}.drawer-btn-pix-quick:active{transform:scale(.96)}.drawer-guest-card{background:linear-gradient(135deg,#101a2ed9,#090e1af2);border:1px solid rgba(0,240,255,.25);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;text-align:center}.drawer-guest-title{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--primary-cyan);letter-spacing:1px}.drawer-guest-desc{font-size:12px;color:var(--text-muted);line-height:1.4;margin:0}.drawer-guest-btns{display:flex;gap:8px;justify-content:center}.btn-drawer-auth{flex:1;padding:8px 12px;border-radius:8px;font-family:var(--font-heading);font-size:13px;font-weight:700;cursor:pointer;min-height:38px;transition:all .2s ease}.btn-drawer-ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#fff}.btn-drawer-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;box-shadow:0 0 12px #10b98159}.drawer-nav-list{display:flex;flex-direction:column;gap:8px}.drawer-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0e1626a6;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#fff;cursor:pointer;text-align:left;transition:all .2s ease;min-height:50px;width:100%;box-sizing:border-box;text-decoration:none}.drawer-nav-item:hover,.drawer-nav-item:active{background:#00f0ff1a;border-color:#00f0ff59;transform:translate(2px)}.drawer-nav-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-nav-icon svg{width:18px;height:18px}.drawer-nav-icon.icon-cyan{background:#00f0ff26;color:var(--primary-cyan)}.drawer-nav-icon.icon-emerald{background:#10b98126;color:#34d399}.drawer-nav-icon.icon-amber{background:#f59e0b26;color:#fbbf24}.drawer-nav-icon.icon-purple{background:#a855f726;color:#c084fc}.drawer-nav-icon.icon-rose{background:#f43f5e26;color:var(--rose)}.drawer-nav-icon.icon-red{background:#ef444426;color:#f87171}.drawer-nav-text{display:flex;flex-direction:column;flex:1;min-width:0}.drawer-nav-title{font-family:var(--font-heading);font-size:14px;font-weight:700;color:#fff;letter-spacing:.3px}.drawer-nav-desc{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-nav-chevron{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.drawer-nav-badge{font-family:var(--font-heading);font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:6px;flex-shrink:0;letter-spacing:.5px}.drawer-nav-badge.badge-emerald{background:#10b98133;color:#34d399;border:1px solid #10b981}.drawer-nav-badge.badge-purple{background:#a855f733;color:#c084fc;border:1px solid #a855f7}.drawer-nav-badge.badge-cyan{background:#00f0ff33;color:#38bdf8;border:1px solid #00f0ff}.drawer-nav-badge.badge-rose{background:#f43f5e33;color:#fb7185;border:1px solid #f43f5e}.drawer-item-logout{border-color:#ef444440}.drawer-item-logout:hover,.drawer-item-logout:active{background:#ef44441f;border-color:#ef444473}.drawer-item-logout .drawer-nav-title{color:#f87171}.live-drops-bar{height:38px;background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);display:flex;align-items:center;padding:0 28px;gap:16px;z-index:45;box-shadow:0 4px 16px #00000080;flex-shrink:0;overflow:hidden}.live-indicator{display:flex;align-items:center;gap:8px;background:#f43f5e26;border:1px solid rgba(244,63,94,.5);color:var(--rose);padding:3px 8px;border-radius:6px;font-size:10px;font-family:var(--font-heading);font-weight:700;letter-spacing:.8px;flex-shrink:0}.live-blip{width:7px;height:7px;border-radius:50%;background:var(--rose);box-shadow:0 0 8px var(--rose);animation:blink-blip 1s infinite alternate ease-in-out}@keyframes blink-blip{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.live-ticker-viewport{flex:1;overflow:hidden;height:100%;display:flex;align-items:center}.live-ticker-item{display:flex;align-items:center;gap:10px;font-size:12px}.animate-ticker-fade{animation:ticker-slide-fade .5s cubic-bezier(.16,1,.3,1)}@keyframes ticker-slide-fade{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.ticker-badge{font-family:var(--font-heading);font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.5px}.ticker-withdraw{background:#10b98133;color:#34d399;border:1px solid #10b981}.ticker-champ{background:#f59e0b33;color:#fbbf24;border:1px solid #f59e0b}.ticker-chest{background:#00f0ff33;color:#38bdf8;border:1px solid #00f0ff}.ticker-deposit{background:#a855f733;color:#c084fc;border:1px solid #a855f7}.ticker-text{color:#e2e8f0;font-weight:500}.ticker-time{font-size:10px;color:var(--text-muted);margin-left:6px}.daily-bonus-banner-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-glass-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-left:4px solid var(--emerald);border-radius:18px;padding:20px 28px;box-shadow:var(--shadow-depth-2);gap:20px}.bonus-card-content{display:flex;align-items:center;gap:16px}.bonus-icon-box{font-size:32px;background:#10b98133;border:1px solid rgba(16,185,129,.5);width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px var(--emerald-glow);animation:bounce-gift 3s infinite ease-in-out}@keyframes bounce-gift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px) scale(1.05)}}.bonus-text-group h4{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:.8px;color:#34d399}.bonus-text-group p{font-size:12px;color:var(--text-muted);margin-top:2px}.btn-claim-bonus{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:.8px;cursor:pointer;box-shadow:0 0 20px var(--emerald-glow);transition:all .25s ease;white-space:nowrap}.btn-claim-bonus:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 0 28px var(--emerald-glow)}.btn-claim-bonus.pulse-glow{animation:pulse-green-glow 2s infinite ease-in-out}@keyframes pulse-green-glow{0%,to{box-shadow:0 0 16px var(--emerald-glow)}50%{box-shadow:0 0 32px #10b981b3}}.btn-claim-bonus:disabled{background:#1e293b;color:#64748b;cursor:not-allowed;box-shadow:none}.trust-badges-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:18px;padding:20px 28px;box-shadow:var(--shadow-depth-1)}.trust-badge-item{display:flex;align-items:center;gap:12px}.trust-badge-icon{font-size:24px;background:#ffffff0d;border:1px solid var(--border-subtle);width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.trust-badge-meta strong{display:block;font-size:13px;color:#fff;font-weight:700}.trust-badge-meta small{font-size:11px;color:var(--text-muted)}#app-root{flex:1;position:relative;overflow:hidden}.game-screen{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto}.hidden{display:none!important}.lobby-container{max-width:1240px;margin:0 auto;padding:24px 24px 80px;display:flex;flex-direction:column;gap:28px}.lobby-banner-box{position:relative;min-height:250px;border-radius:20px;overflow:hidden;background-image:url(/assets/game_banner.jpg);background-size:cover;background-position:center;border:1px solid rgba(0,240,255,.3);box-shadow:0 0 35px #000c,inset 0 0 40px #000000b3;display:flex;align-items:center}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#070a12f2,#070a12cc,#070a1266);z-index:1}.banner-content{position:relative;z-index:2;padding:32px 40px;max-width:720px;display:flex;flex-direction:column;gap:12px}.banner-badges-row{display:flex;gap:10px;flex-wrap:wrap}.badge-live-tag{background:#f43f5e33;border:1px solid var(--rose);color:var(--rose);font-family:var(--font-heading);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;display:flex;align-items:center;gap:6px}.badge-nft-tag{background:#a855f733;border:1px solid var(--purple);color:#c084fc;font-family:var(--font-heading);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.badge-pix-tag{background:#10b98133;border:1px solid var(--emerald);color:#34d399;font-family:var(--font-heading);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.banner-headline{font-family:var(--font-heading);font-size:38px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;line-height:1.1;text-shadow:0 4px 16px rgba(0,0,0,.9)}.text-cyan{color:var(--primary-cyan);text-shadow:0 0 16px var(--primary-glow)}.banner-subtext{font-size:14px;color:#cbd5e1;line-height:1.5}.banner-metrics-ticker{display:flex;align-items:center;gap:22px;background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:14px;padding:12px 22px;margin-top:8px;width:fit-content;box-shadow:var(--shadow-depth-1)}.ticker-item{display:flex;flex-direction:column}.t-lbl{font-size:9px;color:var(--text-muted);font-weight:700;letter-spacing:1px;text-transform:uppercase}.t-val{font-family:var(--font-heading);font-size:16px;font-weight:700;font-feature-settings:"tnum" 1}.ticker-sep{width:1px;height:24px;background:var(--glass-border)}.section-box{background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:20px;padding:28px 32px;box-shadow:var(--shadow-depth-2)}.section-header h2{font-family:var(--font-heading);font-size:22px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.section-header p{font-size:13px;color:var(--text-muted);margin-top:4px}.space-between{display:flex;justify-content:space-between;align-items:center}.heroes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.hero-card{background:var(--bg-glass-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:18px;overflow:hidden;position:relative;cursor:pointer;box-shadow:var(--shadow-depth-1);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column}.hero-card:hover,.hero-card:focus-visible,.hero-card:active{transform:scale(1.02) translateY(-2px)}.hero-card.active{transform:scale(1.02) translateY(-2px);border-color:var(--primary-cyan);box-shadow:0 16px 36px #00f0ff59,inset 0 1px #fff3}.hero-card[data-hero=cyborg]:hover,.hero-card[data-hero=cyborg].active,.hero-card:has(.rarity-legendary):hover,.hero-card:has(.rarity-legendary).active{border-color:#f59e0bb3;box-shadow:0 16px 36px #f59e0b59,inset 0 1px #fff3}.hero-card[data-hero=valkyrie]:hover,.hero-card[data-hero=valkyrie].active,.hero-card:has(.rarity-epic):hover,.hero-card:has(.rarity-epic).active{border-color:#d946efb3;box-shadow:0 16px 36px #d946ef59,inset 0 1px #fff3}.hero-card[data-hero=blaster]:hover,.hero-card[data-hero=blaster].active,.hero-card:has(.rarity-mythic):hover,.hero-card:has(.rarity-mythic).active{border-color:#10b981b3;box-shadow:0 16px 36px #10b98159,inset 0 1px #fff3}.hero-card[data-hero=shadow]:hover,.hero-card[data-hero=shadow].active,.hero-card:has(.rarity-titan):hover,.hero-card:has(.rarity-titan).active{border-color:#ef4444b3;box-shadow:0 16px 36px #ef444459,inset 0 1px #fff3}.hero-card:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-20deg);transition:left .6s ease;pointer-events:none}.hero-card:hover:after{left:150%}.text-gradient-cyan{background:linear-gradient(135deg,#00f0ff,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-gold{background:linear-gradient(135deg,#fde047,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-emerald{background:linear-gradient(135deg,#34d399,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-rarity-pill{position:absolute;top:12px;right:12px;z-index:5;font-family:var(--font-heading);font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.rarity-legendary{background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff;box-shadow:0 0 8px var(--gold-glow)}.rarity-epic{background:linear-gradient(135deg,#d946ef,#9333ea);color:#fff;box-shadow:0 0 8px #d946ef66}.rarity-mythic{background:linear-gradient(135deg,#10b981,#047857);color:#fff;box-shadow:0 0 8px var(--emerald-glow)}.rarity-titan{background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;box-shadow:0 0 8px #ef444466}.hero-img-container{width:100%;height:220px;overflow:hidden;position:relative;background:#070a12}.hero-portrait-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.hero-card:hover .hero-portrait-img{transform:scale(1.06)}.hero-meta-body{padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.hero-title-row{display:flex;justify-content:space-between;align-items:center}.hero-name{font-family:var(--font-heading);font-size:17px;font-weight:700;color:#fff}.hero-class-tag{font-size:11px;color:var(--text-muted);background:#ffffff14;padding:2px 8px;border-radius:4px}.hero-perk{font-size:12px;color:#38bdf8;font-weight:500}.hero-stats-panel{display:flex;flex-direction:column;gap:5px;margin-top:4px;background:#070a1280;padding:8px 10px;border-radius:8px}.stat-line{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--text-muted);font-weight:700}.meter{width:120px;height:5px;background:#1e293b;border-radius:3px;overflow:hidden}.meter .fill{height:100%;background:linear-gradient(90deg,#00f0ff,#0284c7);border-radius:3px}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin-top:20px}.room-card{background:var(--bg-glass-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:var(--shadow-depth-1)}.room-card:hover{transform:translateY(-4px);border-color:#00f0ff66;box-shadow:var(--shadow-depth-2)}.tier-free{border-top:4px solid var(--emerald)}.tier-bronze{border-top:4px solid #d97706}.tier-silver{border-top:4px solid #cbd5e1}.tier-gold{border-top:4px solid #fbbf24}.tier-vip{border-top:4px solid var(--primary-cyan)}.tier-titan{border-top:4px solid #f43f5e}.room-card-top{display:flex;justify-content:space-between;align-items:center}.room-tier-badge{font-family:var(--font-heading);font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}.room-tier-badge.tier-free{background:#10b98133;color:#34d399}.room-tier-badge.tier-bronze{background:#d9770633;color:#f59e0b}.room-tier-badge.tier-silver{background:#cbd5e133;color:#e2e8f0}.room-tier-badge.tier-gold{background:#fbbf2433;color:#facc15}.room-tier-badge.tier-vip{background:#00f0ff33;color:var(--primary-cyan)}.room-tier-badge.tier-titan{background:#f43f5e38;color:#fb7185;border:1px solid rgba(244,63,94,.45);box-shadow:0 0 10px #f43f5e4d}.room-card.tier-titan{border-color:#f43f5e47;box-shadow:0 12px 28px -4px #000000b3,0 0 18px #f43f5e26,inset 0 1px #ffffff1a}.room-card.tier-titan:hover{transform:translateY(-4px);border-color:#f43f5e99;box-shadow:0 16px 36px -4px #000c,0 0 26px #f43f5e59,inset 0 1px #ffffff26}.room-card.tier-titan .room-multiplier-tag{color:#fb7185;text-shadow:0 0 8px rgba(244,63,94,.5)}.room-card.tier-titan .btn-join-room:not(:disabled){background:linear-gradient(135deg,#e11d48,#9f1239);border-color:#fb718566;box-shadow:0 4px 16px #e11d4880,inset 0 1px #fff3}.room-card.tier-titan .btn-join-room:hover:not(:disabled){background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff;box-shadow:0 6px 24px #f43f5eb3,inset 0 1px 1px #ffffff4d}.room-multiplier-tag{font-family:var(--font-heading);font-size:11px;color:var(--gold);font-weight:700;letter-spacing:.8px}.room-name{font-family:var(--font-heading);font-size:19px;font-weight:700;letter-spacing:1px}.room-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#070a128c;padding:14px;border-radius:12px;border:1px solid var(--glass-border-subtle)}.metric-box{display:flex;flex-direction:column}.m-lbl{font-size:9px;color:var(--text-muted);font-weight:700;letter-spacing:.8px;text-transform:uppercase}.m-num{font-family:var(--font-heading);font-size:16px;font-weight:700;font-feature-settings:"tnum" 1}.room-slots-row{display:flex;align-items:center;justify-content:space-between}.slot-dots{display:flex;gap:6px}.slot-dots .dot{width:10px;height:10px;border-radius:50%;background:#334155}.slot-dots .dot.active{background:var(--primary-cyan);box-shadow:0 0 8px var(--primary-glow)}.slots-label{font-size:12px;color:var(--text-muted)}@keyframes volumetric-glow{0%,to{box-shadow:0 4px 16px #00f0ff59,0 0 28px #00f0ff33,inset 0 1px #ffffff59}50%{box-shadow:0 6px 26px #00f0ffbf,0 0 52px #00f0ff73,inset 0 1px 1px #fff9;filter:brightness(1.08)}}.btn-join-room{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:13px 18px;font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #0284c74d,inset 0 1px #fff3}.btn-join-room:not(:disabled){animation:volumetric-glow 2.4s infinite ease-in-out}.btn-join-room:hover:not(:disabled){background:linear-gradient(135deg,#00f0ff,#0284c7);color:#070a12;transform:translateY(-2px)}.btn-join-room.disabled,.btn-join-room:disabled{background:#1e293b;color:#64748b;cursor:not-allowed;box-shadow:none;animation:none}.waiting-box{max-width:680px;margin:40px auto;background:var(--bg-glass-card);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:var(--glass-border);border-radius:24px;padding:38px 42px;display:flex;flex-direction:column;gap:24px;box-shadow:var(--shadow-depth-3)}.waiting-header{text-align:center}.badge-status{display:inline-block;background:#00f0ff26;color:var(--primary-cyan);font-family:var(--font-heading);font-size:12px;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:10px;letter-spacing:.5px}.waiting-header h2{font-family:var(--font-heading);font-size:28px;font-weight:700}.waiting-pot{margin-top:10px;font-size:14px;color:var(--text-muted)}.waiting-pot strong{font-family:var(--font-heading);font-size:24px;color:var(--emerald);margin-left:8px}.waiting-players-grid{display:flex;flex-direction:column;gap:12px}.waiting-player-card{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:10px 18px;gap:16px;transition:all .2s ease}.waiting-player-card.host{border-color:#fbbf2480;box-shadow:0 0 12px #fbbf2426}.player-avatar-box{width:52px;height:52px;border-radius:12px;overflow:hidden;border:2px solid var(--border-subtle);background:#070a12}.waiting-avatar-img{width:100%;height:100%;object-fit:cover}.player-meta{display:flex;flex-direction:column}.p-name{font-family:var(--font-heading);font-size:16px;font-weight:700}.p-tag{font-size:12px;color:var(--text-muted)}.waiting-actions{display:flex;gap:14px}body.in-match{overflow:hidden!important;position:fixed!important;width:100vw!important;height:100vh!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}body.in-match .top-nav{display:none!important}#screen-game{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden!important;touch-action:none!important}#game-canvas-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}#game-canvas-container canvas{width:100%!important;height:100%!important;display:block}.hud-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px 28px}.hud-top{display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.hud-stat-badge{background:#0c1220f0;border:1px solid var(--border-subtle);padding:8px 18px;border-radius:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px #0006}.stat-icon{font-size:22px}.hud-stat-badge small{display:block;font-size:9px;color:var(--text-muted);font-weight:700;letter-spacing:.8px}.hud-stat-badge strong{font-family:var(--font-heading);font-size:20px}.highlight-pot{border-color:#10b98180;box-shadow:0 0 20px #10b98140}.highlight-pot strong{color:var(--emerald)}.highlight-gems{border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b40}.highlight-gems strong{color:var(--gold)}.urgent-pulse{color:var(--rose)!important;animation:pulse-alert .8s infinite alternate}@keyframes pulse-alert{0%{transform:scale(1);opacity:1}to{transform:scale(1.18);opacity:.7}}.shield-badge{background:#06b6d440;border:1px solid #06b6d4;color:#06b6d4;font-family:var(--font-heading);font-size:13px;font-weight:700;padding:8px 14px;border-radius:10px}.btn-hud-round{background:#141d30d9;border:1px solid var(--border-subtle);color:#fff;width:44px;height:44px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.btn-hud-round:hover{transform:scale(1.1);border-color:var(--primary-cyan)}.hud-right{position:absolute;right:28px;top:90px;pointer-events:auto}.leaderboard-panel{background:#0c1220f2;border:1px solid var(--border-subtle);border-radius:14px;padding:14px 18px;min-width:220px;box-shadow:0 4px 20px #00000080}.panel-title{font-family:var(--font-heading);font-size:11px;letter-spacing:1px;color:var(--text-muted);margin-bottom:10px;font-weight:700}.hud-leader-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:13px}.hud-leader-row.is-me{color:var(--primary-cyan);font-weight:700}.hud-leader-row.is-dead{opacity:.35;text-decoration:line-through}.rank-pos{font-family:var(--font-heading);font-weight:700;width:26px}.player-gems{font-family:var(--font-heading);color:var(--gold)}.hud-bottom-bar{display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.quick-emojis{display:flex;gap:10px}.quick-emoji-btn{background:#0c1220d9;border:1px solid var(--border-subtle);border-radius:10px;padding:8px 14px;font-size:22px;cursor:pointer;transition:all .2s ease}.quick-emoji-btn:hover{transform:scale(1.25) translateY(-3px);border-color:var(--primary-cyan);box-shadow:0 0 14px var(--primary-glow)}.desktop-tips{background:#0c1220d9;padding:8px 18px;border-radius:10px;font-size:12px;color:var(--text-muted);border:1px solid var(--border-subtle)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background:#0a0f19e0;backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:var(--glass-border);border-radius:20px;width:calc(100% - 32px);max-width:480px;box-shadow:var(--shadow-depth-3);overflow:hidden;box-sizing:border-box}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;background:var(--bg-glass-surface);border-bottom:var(--glass-border)}.modal-title-group{display:flex;align-items:center;gap:12px}.modal-icon{font-size:24px}.modal-header h3{font-family:var(--font-heading);font-size:20px;letter-spacing:1px}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:28px;cursor:pointer;transition:color .15s ease}.modal-close:hover{color:#fff}.modal-body{padding:24px}.wallet-overview-bar{display:flex;justify-content:space-between;background:var(--bg-surface);border-radius:12px;padding:14px 18px;margin-bottom:20px;border:1px solid var(--border-subtle)}.overview-item{display:flex;flex-direction:column}.overview-item .lbl{font-size:10px;color:var(--text-muted)}.overview-item .val{font-family:var(--font-heading);font-size:17px;font-weight:700}.wallet-nav-tabs{display:flex;gap:8px;background:var(--bg-surface);padding:5px;border-radius:12px;margin-bottom:20px}.wallet-tab-btn{flex:1;background:transparent;border:none;color:var(--text-muted);padding:10px;font-family:var(--font-heading);font-size:13px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease}.wallet-tab-btn.active{background:var(--primary-cyan);color:#070a12;box-shadow:0 0 14px var(--primary-glow)}.tab-tip{font-size:13px;color:var(--text-muted);margin-bottom:16px}.quick-amounts{display:flex;gap:10px;margin-bottom:16px}.quick-amount-btn{flex:1;background:var(--bg-surface);border:1px solid var(--border-subtle);color:#fff;padding:10px;border-radius:10px;font-family:var(--font-heading);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.quick-amount-btn:hover{background:var(--bg-hover);border-color:var(--primary-cyan)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:12px;color:var(--text-muted)}.form-group input,.form-group select{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;min-height:48px;padding:12px 16px;color:#fff;font-family:var(--font-body);font-size:15px;outline:none;box-sizing:border-box;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--primary-cyan);background:#0e1422f2;box-shadow:0 0 16px #00f0ff33}.btn-primary-glow{background:linear-gradient(135deg,#00f0ff,#0284c7);color:#070a12;border:none;border-radius:12px;min-height:48px;padding:14px 20px;font-family:var(--font-heading);font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:0 0 20px var(--primary-glow);transition:all .2s ease}.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 0 28px var(--primary-glow)}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-subtle);color:#fff;border-radius:12px;padding:12px 18px;font-family:var(--font-heading);font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:#f43f5e33;border:1px solid var(--rose);color:var(--rose);border-radius:12px;padding:12px 18px;font-family:var(--font-heading);font-size:14px;cursor:pointer}button,.btn-primary-glow,.btn-join-room,.btn-claim-bonus,.btn-deposit-quick,.btn-secondary,.btn-danger,.btn-icon,.quick-amount-btn,.wallet-tab-btn,.quick-emoji-btn{transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s ease,filter .12s ease}button:active:not(:disabled),.btn-primary-glow:active:not(:disabled),.btn-join-room:active:not(:disabled),.btn-claim-bonus:active:not(:disabled),.btn-deposit-quick:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-danger:active:not(:disabled),.btn-icon:active:not(:disabled),.quick-amount-btn:active:not(:disabled),.wallet-tab-btn:active:not(:disabled),.quick-emoji-btn:active:not(:disabled){transform:scale(.96) translateY(2px)!important;box-shadow:0 2px 6px #000000b3,inset 0 2px 4px #00000080!important;filter:brightness(.92)}.full-width{width:100%}.qr-display-box{margin-top:20px;padding:18px;background:var(--bg-surface);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:14px;border:1px solid var(--border-subtle)}.qr-display-box img{width:200px;height:200px;border-radius:10px;background:#fff;padding:8px}.pix-code-row{display:flex;width:100%;gap:10px}.pix-code-row input{flex:1;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;color:#fff;font-size:12px}.btn-simulate-pix{background:#f59e0b26;border:1px dashed var(--gold);color:var(--gold);padding:10px 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;width:100%;transition:all .2s ease}.btn-simulate-pix:hover{background:#f59e0b40}.transactions-list{display:flex;flex-direction:column;gap:10px;max-height:290px;overflow-y:auto}.tx-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);padding:12px 14px;border-radius:10px;border:1px solid var(--border-subtle)}.tx-info{display:flex;flex-direction:column}.tx-desc{font-size:13px;font-weight:600}.tx-date{font-size:10px;color:var(--text-muted)}.tx-val{font-family:var(--font-heading);font-size:15px;font-weight:700}.tx-positive{color:#34d399}.tx-negative{color:var(--rose)}.victory-card{max-width:540px;text-align:center;padding:34px}.victory-title{font-family:var(--font-heading);font-size:34px;font-weight:700;margin-bottom:6px}.text-champion{color:var(--gold);text-shadow:0 0 24px var(--gold-glow)}.prize-display-box{background:#10b98126;border:1px solid var(--emerald);border-radius:14px;padding:18px;margin:22px 0;box-shadow:0 0 20px #10b98133}.prize-lbl{display:block;font-size:12px;color:#34d399;font-weight:700}.prize-val{font-family:var(--font-heading);font-size:38px;color:#fff;text-shadow:0 0 20px var(--emerald-glow)}.podium-list{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}.podium-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);padding:12px 18px;border-radius:12px;border:1px solid var(--border-subtle)}.podium-row.champ{background:#f59e0b2e;border-color:#f59e0b80}.podium-row.highlight{border-color:var(--primary-cyan)}.podium-medal{font-size:20px;width:32px}.podium-name{flex:1;text-align:left;font-weight:700;font-size:15px}.podium-kills{margin-right:16px;font-size:13px;color:var(--text-muted)}.podium-reward{font-family:var(--font-heading);font-weight:700;color:#34d399;font-size:15px}.victory-actions{display:flex;gap:14px;justify-content:center}.rules-card{background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:20px;padding:28px 32px;box-shadow:var(--shadow-depth-1)}.rules-card h3{font-family:var(--font-heading);font-size:18px;margin-bottom:18px;color:var(--gold);letter-spacing:1.8px;text-transform:uppercase}.rules-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.rule-col{display:flex;flex-direction:column;gap:6px}.rule-icon{font-size:26px;margin-bottom:4px}.rule-col strong{font-size:15px;color:#fff}.rule-col p{font-size:13px;color:var(--text-muted);line-height:1.5}.text-green{color:#34d399}.text-yellow{color:var(--gold)}.text-emerald{color:#34d399}.text-gold{color:var(--gold)}.text-rose{color:var(--rose)}.withdraw-breakdown-box{background:#070a12a6;border:1px solid var(--border-subtle);border-radius:10px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;font-size:13px}.breakdown-line{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted)}.breakdown-line.total-line{border-top:1px solid var(--border-subtle);padding-top:8px;margin-top:2px;color:#fff;font-weight:700}.btn-icon{background:var(--bg-surface);border:1px solid var(--border-subtle);color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;font-family:var(--font-heading);font-weight:700;transition:all .15s ease}.btn-icon:hover{background:var(--bg-hover);border-color:var(--primary-cyan)}.mobile-controls-overlay{position:fixed;bottom:0;left:0;width:100vw;height:195px;pointer-events:none;z-index:50;display:flex;justify-content:space-between;align-items:flex-end;padding:0 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));touch-action:none;user-select:none;-webkit-user-select:none;box-sizing:border-box;background:linear-gradient(to top,rgba(7,10,18,.95) 0%,rgba(7,10,18,.75) 55%,transparent 100%)}.dpad-container{pointer-events:auto;width:152px;height:152px;display:grid;grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px;gap:4px;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.8));flex-shrink:0}.dpad-btn{background:linear-gradient(135deg,#141e34f2,#0a0f1afa);border:2px solid rgba(0,240,255,.5);color:#00f0ff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 4px 10px #000000b3,inset 0 1px 2px #ffffff40;transition:background .05s ease,transform .05s ease}.dpad-up{grid-column:2;grid-row:1;border-radius:12px 12px 4px 4px}.dpad-left{grid-column:1;grid-row:2;border-radius:12px 4px 4px 12px}.dpad-center{grid-column:2;grid-row:2;background:#00f0ff26;border:1px solid rgba(0,240,255,.3);border-radius:6px;pointer-events:none}.dpad-right{grid-column:3;grid-row:2;border-radius:4px 12px 12px 4px}.dpad-down{grid-column:2;grid-row:3;border-radius:4px 4px 12px 12px}.dpad-btn:active,.dpad-btn.dpad-active{background:#00f0ff!important;color:#070a12!important;box-shadow:0 0 22px #00f0fff2,inset 0 0 8px #00000080!important;transform:scale(.92)}.joystick-container{pointer-events:auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#141d30f2,#0c1220fa);border:2.5px solid rgba(0,240,255,.45);box-shadow:0 0 24px #00f0ff40,inset 0 0 16px #000000d9;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;flex-shrink:0}.joystick-container:before{content:"▲";position:absolute;top:8px;font-size:11px;color:#00f0ff99;pointer-events:none}.joystick-container:after{content:"▼";position:absolute;bottom:8px;font-size:11px;color:#00f0ff99;pointer-events:none}.joystick-handle{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#67e8f9,#0284c7 60%,#0369a1);border:2px solid #a5f3fc;box-shadow:0 0 24px var(--primary-glow),inset 0 2px 4px #ffffffb3;pointer-events:none;position:absolute;will-change:transform;transition:transform .12s cubic-bezier(.1,.9,.2,1)}.joystick-container.active .joystick-handle{transition:none!important}.mobile-quick-actions{position:absolute;top:-44px;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:auto;z-index:55}.mobile-util-btn{background:#0c1220f2;border:1px solid rgba(0,240,255,.4);border-radius:20px;color:#e2e8f0;font-family:var(--font-heading);font-size:11px;font-weight:700;padding:6px 14px;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 3px 12px #0009;touch-action:manipulation;transition:transform .1s ease;white-space:nowrap}.mobile-util-btn:active{transform:scale(.94);border-color:var(--primary-cyan);background:#00f0ff33}.btn-pwa-pill{background:linear-gradient(135deg,#00f0ff26,#f59e0b2e)!important;border:1.5px solid rgba(0,240,255,.5)!important;color:#00f0ff!important;font-weight:700!important;animation:pwa-pulse 2.4s infinite}@keyframes pwa-pulse{0%,to{box-shadow:0 0 8px #00f0ff33}50%{box-shadow:0 0 18px #00f0ff8c;border-color:#00f0ff}}.pwa-guide-box{display:flex;flex-direction:column;gap:18px}.pwa-feature-list{display:flex;flex-direction:column;gap:12px}.pwa-feature-item{display:flex;align-items:flex-start;gap:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px}.pwa-feat-icon{font-size:24px;line-height:1}.pwa-feature-item strong{display:block;font-size:14px;color:#f1f5f9;font-family:var(--font-heading);margin-bottom:2px}.pwa-feature-item p{font-size:12px;color:#94a3b8;margin:0;line-height:1.4}.pwa-platform-section{margin-top:6px}.pwa-section-heading{font-family:var(--font-heading);font-size:14px;color:#f59e0b;margin:0 0 8px}.pwa-steps-list{margin:0;padding-left:20px;font-size:13px;color:#cbd5e1;line-height:1.6}.pwa-steps-list li{margin-bottom:8px}.mobile-action-btn{pointer-events:auto;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f87171,#dc2626 55%,#991b1b);border:3px solid #fca5a5;box-shadow:0 0 30px #ef44448c,inset 0 3px 6px #fff9;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s ease}.mobile-action-btn span{font-size:34px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.mobile-action-btn small{font-family:var(--font-heading);font-size:11px;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.8);margin-top:2px}.mobile-action-btn:active,.mobile-action-btn.active-press{transform:scale(.9) translateY(4px);box-shadow:0 0 45px #ef4444d9,inset 0 0 15px #00000080}.mobile-actions-cluster{display:flex;align-items:flex-end;gap:12px;pointer-events:auto}.mobile-skill-btn{width:72px;height:72px;background:radial-gradient(circle at 35% 35%,#c084fc,#9333ea 55%,#581c87);border:2.5px solid #e9d5ff;box-shadow:0 0 24px #a855f799,inset 0 2px 5px #fff9;position:relative;overflow:hidden}.mobile-skill-btn:active,.mobile-skill-btn.active-press{transform:scale(.9) translateY(4px);box-shadow:0 0 40px #a855f7e6,inset 0 0 12px #00000080}.mobile-skill-btn span{font-size:28px}.mobile-skill-btn small{color:#f3e8ff;font-size:10px}.skill-cd-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0f1ad9;display:flex;align-items:center;justify-content:center;border-radius:50%;pointer-events:none}.skill-cd-overlay span{font-family:var(--font-heading);font-size:16px;font-weight:800;color:#fbbf24;letter-spacing:.5px;text-shadow:0 0 8px rgba(251,191,36,.8)}.hurry-up-banner{position:absolute;top:86px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ef4444f5,#b91c1cfa);border:2px solid #fecaca;box-shadow:0 0 40px #ef4444d9,inset 0 0 15px #ffffff4d;padding:10px 24px;border-radius:12px;text-align:center;z-index:99;pointer-events:none;animation:hurryUpBounce .6s infinite alternate ease-in-out}.hurry-up-pulse{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-heading);font-size:24px;font-weight:900;color:#fff;letter-spacing:2px;text-shadow:0 0 12px rgba(0,0,0,.9)}.hurry-up-sub{font-family:var(--font-heading);font-size:11px;font-weight:700;color:#fef08a;letter-spacing:1px;margin-top:2px;text-shadow:0 1px 3px rgba(0,0,0,.8)}@keyframes hurryUpBounce{0%{transform:translate(-50%) scale(.96)}to{transform:translate(-50%) scale(1.04)}}.orientation-tip-banner{position:absolute;top:72px;left:50%;transform:translate(-50%);background:#0c1220f0;border:1px solid var(--primary-cyan);box-shadow:0 0 25px var(--primary-glow);color:#fff;font-family:var(--font-heading);font-size:13px;font-weight:600;padding:10px 20px;border-radius:24px;z-index:60;pointer-events:none;text-align:center;max-width:90vw;animation:slide-down .4s ease-out;transition:opacity .6s ease}.orientation-tip-banner.fade-out{opacity:0}@keyframes slide-down{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.leaderboard-panel{cursor:pointer;transition:all .25s ease}.leaderboard-panel.collapsed #hud-live-leaderboard{display:none}.leaderboard-panel.collapsed .panel-title:after{content:" ▾";color:var(--primary-cyan)}@media(min-width:1025px)and (hover:hover)and (pointer:fine){.mobile-controls-overlay{display:none}}@media(max-width:1024px){.lobby-container{padding:20px 16px 70px}.heroes-grid{grid-template-columns:repeat(2,1fr);gap:16px}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.desktop-only-header{display:none!important}.btn-mobile-hamburger{display:inline-flex!important}.top-nav{height:58px;min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;width:100%;max-width:100vw;box-sizing:border-box;overflow:hidden}.brand-group{gap:8px;flex-shrink:0;min-width:0;display:flex;align-items:center}.logo-icon{font-size:22px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.brand-text{display:flex;align-items:baseline;gap:4px}.brand-title{font-size:15px;letter-spacing:.8px;white-space:nowrap}.brand-badge{display:none!important}.user-bar{gap:8px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;min-width:0}.user-logged-row{gap:8px;display:flex;align-items:center;flex-wrap:nowrap}.btn-header-auth{min-height:36px;padding:6px 12px;font-size:12px;border-radius:8px;gap:4px;white-space:nowrap;flex-shrink:0}#btn-open-register,.btn-text-extra{display:none!important}.player-input-box{padding:4px 8px;gap:4px;border-radius:8px}.player-input-box label{display:none}.player-input-box input{width:70px;font-size:12px}.wallet-badge{padding:4px 10px;gap:6px;border-radius:10px;flex-shrink:0}.wallet-icon{font-size:16px}.wallet-label{display:none!important}.wallet-val{font-size:13px;font-weight:700;white-space:nowrap}.btn-deposit-quick{padding:4px 8px;font-size:11px;border-radius:6px}.vip-status-pill{padding:3px 8px;font-size:10px;gap:4px;border-radius:8px}.live-drops-bar{height:32px;padding:0 10px;gap:8px;width:100%;max-width:100vw;box-sizing:border-box;overflow:hidden}.live-indicator{padding:2px 6px;font-size:8.5px;gap:4px;flex-shrink:0}.live-ticker-viewport{flex:1;min-width:0;overflow:hidden}.live-ticker-item{font-size:11px;gap:6px;width:100%;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap}.ticker-badge{font-size:8.5px;padding:1px 5px;flex-shrink:0}.ticker-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.ticker-time{display:none!important}.daily-bonus-banner-card{flex-direction:column;align-items:stretch;padding:14px 16px;gap:12px}.bonus-card-content{gap:12px}.bonus-icon-box{width:44px;height:44px;font-size:26px;border-radius:10px;flex-shrink:0}.bonus-text-group h4{font-size:14px}.bonus-text-group p{font-size:11px}.btn-claim-bonus{width:100%;text-align:center;padding:11px 16px;font-size:13px}.lobby-container{padding:14px 12px 60px;gap:18px}.lobby-banner-box{min-height:auto;border-radius:16px}.banner-content{padding:20px 16px;gap:10px}.banner-headline{font-size:26px;line-height:1.15}.banner-subtext{font-size:12px}.banner-metrics-ticker{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:6px;padding:8px 10px}.ticker-item .t-lbl{font-size:7.5px}.ticker-item .t-val{font-size:11px}.ticker-sep{display:none}.section-box{padding:16px 14px;border-radius:14px}.section-header h2{font-size:18px}.section-header p{font-size:11px}.heroes-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.hero-card{border-radius:12px}.hero-img-container{height:135px}.hero-rarity-pill{top:8px;right:8px;font-size:8.5px;padding:2px 6px}.hero-meta-body{padding:10px;gap:5px}.hero-name{font-size:13px}.hero-class-tag{font-size:9px;padding:1px 5px}.hero-perk{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-stats-panel{padding:6px 8px;gap:4px}.stat-line{font-size:8px}.meter{width:60px;height:4px}.rooms-grid{grid-template-columns:1fr;gap:12px}.room-card{padding:16px;gap:12px}.trust-badges-bar{grid-template-columns:repeat(2,1fr);padding:14px;gap:12px}.trust-badge-item{gap:10px}.trust-badge-icon{width:38px;height:38px;font-size:18px}.trust-badge-meta strong{font-size:12px}.trust-badge-meta small{font-size:10px}.waiting-box{margin:16px 12px;padding:20px 16px;border-radius:16px;gap:18px}.waiting-header h2{font-size:22px}.waiting-pot strong{font-size:20px}.waiting-actions{flex-direction:column;width:100%;gap:10px}.waiting-actions button{width:100%;padding:12px;font-size:14px}.hud-layer{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.hud-top{gap:6px}.hud-stat-badge{padding:5px 8px;border-radius:10px;gap:6px}.stat-icon{font-size:16px}.hud-stat-badge small{font-size:7.5px}.hud-stat-badge strong{font-size:13px}.shield-badge{font-size:10px;padding:4px 8px;border-radius:8px}.btn-hud-round{width:36px;height:36px;font-size:15px}.hud-right{top:64px;right:12px}.leaderboard-panel{min-width:125px;padding:8px 10px;border-radius:10px;background:#0c1220d9}.panel-title{font-size:9px;margin-bottom:4px}.hud-leader-row{font-size:11px;padding:2px 0}.rank-pos{width:18px}.hud-bottom-bar{justify-content:center}.desktop-tips,.quick-emojis,.hud-bottom-bar{display:none!important}.mobile-controls-overlay{height:180px;padding:0 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.dpad-container{width:144px;height:144px;grid-template-columns:46px 46px 46px;grid-template-rows:46px 46px 46px}.joystick-container{width:125px;height:125px}.joystick-handle{width:48px;height:48px}.mobile-action-btn{width:86px;height:86px}.mobile-action-btn span{font-size:32px}.mobile-action-btn small{font-size:10px}.modal-backdrop{padding:12px}.modal-card,.auth-card,.custom-room-card,.invite-friends-card,.affiliate-card,.client-profile-card,.admin-dashboard-card{width:calc(100% - 24px);max-width:100%;max-height:94dvh;border-radius:18px;margin:0 auto}.modal-header{padding:14px 16px}.modal-header h3{font-size:17px}.modal-body{padding:16px;max-height:calc(94dvh - 60px);overflow-y:auto}.auth-form-body{padding:16px;gap:12px;max-height:calc(94dvh - 68px)}.auth-tabs{gap:4px;padding:3px}.auth-tab-btn{padding:7px 12px;font-size:13px;min-height:38px}.wallet-overview-bar{padding:10px 12px;margin-bottom:14px;gap:8px}.overview-item .lbl{font-size:8.5px}.overview-item .val{font-size:13px}.wallet-nav-tabs{margin-bottom:14px;gap:4px}.wallet-tab-btn{padding:8px 4px;font-size:11px}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.quick-amount-btn{padding:8px 2px;font-size:12px}.form-group{margin-bottom:12px}.form-group input,.form-group select{min-height:48px;padding:12px 14px;font-size:15px;border-radius:12px}.qr-display-box{padding:14px}.qr-display-box img{width:160px;height:160px}.victory-card{padding:24px 16px;max-width:100%}.victory-title{font-size:26px}.prize-val{font-size:30px}.victory-actions{flex-direction:column;width:100%;gap:10px}.victory-actions button{width:100%}}@media(max-width:420px){.top-nav{height:54px;min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;width:100%;max-width:100vw;box-sizing:border-box;overflow:hidden}.brand-group{gap:6px;flex-shrink:0}.brand-title{font-size:13.5px;letter-spacing:.5px;white-space:nowrap}.user-bar{gap:6px}.btn-header-auth{min-height:36px;padding:5px 10px;font-size:11.5px;border-radius:8px;gap:4px;white-space:nowrap}.player-input-box input{width:58px;font-size:11px}.wallet-badge{padding:3px 8px;gap:5px}.wallet-val{font-size:12px}.btn-deposit-quick{padding:3px 6px;font-size:10px}.btn-mobile-hamburger{width:36px;height:36px;border-radius:9px}.hamburger-box{width:18px;height:13px}.vip-status-pill .vip-level{display:none}.vip-status-pill{padding:3px 6px}.live-drops-bar{padding:0 8px;height:30px;gap:6px;width:100%;max-width:100vw;box-sizing:border-box;overflow:hidden}.live-indicator strong{display:none}.live-indicator{padding:2px 5px;font-size:8px}.ticker-text{font-size:10.5px}.trust-badges-bar{grid-template-columns:1fr;gap:10px;padding:12px}.hero-img-container{height:115px}.dpad-container{width:132px;height:132px;grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px 42px}.joystick-container{width:110px;height:110px}.joystick-handle{width:44px;height:44px}.mobile-action-btn{width:80px;height:80px}.mobile-action-btn span{font-size:28px}}@media(max-width:380px){.top-nav{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:6px 8px;height:52px;min-height:52px;width:100%;max-width:100vw;box-sizing:border-box;overflow:hidden}.brand-group{display:flex;align-items:center;gap:4px;flex-shrink:0;min-width:0}.logo-icon{font-size:18px;width:20px;height:20px;line-height:1;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:18px;height:18px}.brand-text{display:flex;align-items:baseline;gap:3px}.brand-title{font-size:12px;letter-spacing:.3px;white-space:nowrap}.brand-badge{display:none!important}.user-bar{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-shrink:0;min-width:0}.user-logged-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.btn-mobile-hamburger{width:34px;height:34px;border-radius:8px}.hamburger-box{width:16px;height:12px}#btn-open-login,#btn-open-register,.btn-header-auth,.btn-auth-ghost,.btn-auth-primary{font-size:11px!important;padding:5px 7px!important;white-space:nowrap!important;min-height:34px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;flex-shrink:0}.btn-auth-primary svg{width:12px;height:12px;flex-shrink:0}.btn-text-extra{display:none!important}.wallet-badge{padding:3px 6px;gap:4px;border-radius:8px;flex-shrink:0}.wallet-icon{font-size:14px}.wallet-label{display:none!important}.wallet-val{font-size:11px;font-weight:700;white-space:nowrap}.btn-deposit-quick{padding:2px 5px;font-size:9px;border-radius:5px}.live-drops-bar{height:28px;padding:0 6px;gap:4px;width:100%;max-width:100vw;box-sizing:border-box;overflow:hidden}.live-indicator{padding:1px 4px;font-size:7.5px;gap:3px}.live-indicator .live-blip{width:4px;height:4px}.live-indicator strong{display:none!important}.live-ticker-viewport{flex:1;min-width:0;overflow:hidden}.live-ticker-item{font-size:10px;gap:4px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}.ticker-badge{font-size:7.5px;padding:1px 4px}.ticker-text{font-size:10px;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticker-time{display:none!important}.modal-backdrop{padding:8px}.modal-card,.auth-card,.custom-room-card,.invite-friends-card,.affiliate-card,.client-profile-card,.admin-dashboard-card{width:calc(100% - 16px);border-radius:16px}.modal-header{padding:12px 14px}.auth-tabs{gap:3px;padding:2px}.auth-tab-btn{padding:6px 10px;font-size:12px;min-height:36px}.btn-close{width:36px;height:36px;min-width:36px;min-height:36px;font-size:20px;border-radius:8px}.auth-form-body{padding:14px 12px;gap:10px}.auth-banner-callout{padding:8px 10px;font-size:11.5px;border-radius:10px;gap:8px}.auth-form-body .form-group input{min-height:48px;padding:10px 12px;font-size:14px;border-radius:10px}.auth-form-body .btn-primary-glow{min-height:48px;padding:12px 14px;font-size:14px;border-radius:10px}}@media(max-height:520px)and (orientation:landscape){.top-nav{height:46px;padding:0 16px}.logo-icon{font-size:20px}.brand-title{font-size:15px}.hud-layer{padding:6px 16px}.hud-right{top:52px;right:16px}.leaderboard-panel{padding:6px 8px}.hud-bottom-bar{display:none}.mobile-controls-overlay{height:165px;padding:0 10px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.dpad-container{width:122px;height:122px;grid-template-columns:38px 38px 38px;grid-template-rows:38px 38px 38px;gap:3px}.dpad-btn{font-size:17px}.joystick-container{width:104px;height:104px}.joystick-handle{width:42px;height:42px}.mobile-action-btn{width:74px;height:74px}.mobile-action-btn span{font-size:26px}.mobile-action-btn small{font-size:9px}.modal-card{max-height:96vh}.modal-body{max-height:calc(96vh - 50px)}}.user-logged-row{display:flex;align-items:center;gap:10px}.user-profile-badge{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:4px 12px}.user-avatar-tag{display:flex;align-items:center}.user-name-display{font-family:var(--font-heading);font-size:13px;font-weight:700;color:#fff;letter-spacing:.5px}.btn-header-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-affiliate-pill{background:#10b98126;border:1px solid rgba(16,185,129,.45);color:#34d399}.btn-affiliate-pill:hover{background:#10b98147;box-shadow:0 0 14px #10b98166}.btn-create-room-pill{background:#00f0ff1f;border:1px solid rgba(0,240,255,.4);color:#00f0ff}.btn-create-room-pill:hover{background:#00f0ff3d;box-shadow:0 0 14px #00f0ff66}.btn-header-round{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-header-round:hover{color:var(--neon-rose);border-color:#f43f5e66;background:#f43f5e1a}.btn-header-auth{padding:10px 18px;border-radius:12px;font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.btn-auth-ghost{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-auth-ghost:hover{background:#ffffff1f;border-color:#ffffff73;transform:translateY(-1px)}.btn-auth-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(16,185,129,.5);box-shadow:0 0 16px #10b98159}.btn-auth-primary:hover{filter:brightness(1.1);box-shadow:0 0 24px #10b9818c;transform:translateY(-1px)}.btn-auth-primary svg{width:16px;height:16px;flex-shrink:0}.header-action-group{display:flex;align-items:center;gap:10px}.btn-create-custom-room{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;background:#00f0ff1f;border:1px solid rgba(0,240,255,.45);color:#00f0ff;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-create-custom-room:hover{background:#00f0ff38;box-shadow:0 0 16px #00f0ff66}.auth-card,.custom-room-card,.invite-friends-card,.affiliate-card{width:calc(100% - 32px);max-width:440px;background:#0a0f1cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.22);border-radius:20px;box-shadow:0 24px 60px #000000d9,0 0 35px #00f0ff26,inset 0 1px 1px #ffffff26;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 32px);box-sizing:border-box}.auth-tabs{display:flex;gap:6px;background:#00000073;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.auth-tab-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);font-family:var(--font-heading);font-size:14px;font-weight:700;padding:8px 18px;min-height:42px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.auth-tab-btn:hover:not(.active){color:#fff;background:#ffffff0d}.auth-tab-btn.active{background:#00f0ff2e;color:#00f0ff;border-color:#00f0ff66;box-shadow:0 0 14px #00f0ff40}.btn-close{width:42px;height:42px;min-width:42px;min-height:42px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--text-muted);font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-close:hover{background:#f43f5e26;border-color:#f43f5e73;color:#f43f5e}.auth-form-body{padding:20px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:14px;max-height:calc(90dvh - 75px)}.auth-banner-callout{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00f0ff14;border:1px solid rgba(0,240,255,.22);border-radius:12px;font-size:13px;color:var(--text-secondary);line-height:1.4}.bonus-callout{background:#10b9811a;border-color:#10b98159;color:#34d399}.auth-form-body .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.auth-form-body .form-group label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.3px}.auth-form-body .form-group input{min-height:48px;padding:12px 16px;border-radius:12px;background:#0e1422d9;border:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--font-body);font-size:15px;outline:none;width:100%;box-sizing:border-box;transition:all .2s ease}.auth-form-body .form-group input:focus{border-color:var(--primary-cyan);background:#0e1422fa;box-shadow:0 0 16px #00f0ff40}.auth-form-body .btn-primary-glow{min-height:48px;padding:14px 20px;border-radius:12px;font-family:var(--font-heading);font-size:15px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;margin-top:6px;cursor:pointer;box-shadow:0 4px 20px var(--primary-glow);transition:all .2s ease}.invite-room-summary-box{text-align:center;padding:16px;background:#ffffff08;border-radius:12px;margin-bottom:16px;border:1px solid rgba(255,255,255,.06)}.invite-room-code-pill{display:inline-block;font-family:var(--font-heading);font-size:22px;font-weight:800;letter-spacing:2px;color:#00f0ff;padding:4px 16px;background:#00f0ff26;border:1px solid rgba(0,240,255,.4);border-radius:20px;margin-bottom:8px}.invite-meta-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px;font-size:13px}.badge-pin-tag{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24;padding:2px 8px;border-radius:4px;font-size:12px}.share-input-group{margin:16px 0}.share-input-group label{font-size:12px;color:var(--text-muted);display:block;margin-bottom:6px}.copy-input-row{display:flex;gap:8px}.copy-input-row input{flex:1;padding:10px 12px;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:13px}.btn-copy-action{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.btn-copy-action:hover{filter:brightness(1.15)}.btn-whatsapp-share{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#25d366;color:#fff;text-decoration:none;font-weight:700;border-radius:8px;font-size:14px;margin-top:12px;box-shadow:0 0 16px #25d36659;transition:all .2s}.btn-whatsapp-share:hover{filter:brightness(1.1)}.affiliate-intro-box{padding:10px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:8px;margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.affiliate-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.aff-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 8px;text-align:center}.aff-lbl{font-size:11px;color:var(--text-muted);display:block;margin-bottom:4px}.aff-val{font-family:var(--font-heading);font-size:18px;font-weight:800}.referrals-scroll-list{max-height:140px;overflow-y:auto;margin-top:8px;background:#00000040;border-radius:8px;padding:8px}.referral-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.referral-row:last-child{border-bottom:none}.ref-user-info strong{display:block;font-size:13px}.ref-user-info small{font-size:11px;color:var(--text-muted)}.ref-comm-val{font-family:var(--font-heading);font-size:13px;font-weight:700}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item{pointer-events:auto;padding:12px 18px;border-radius:10px;background:#0f172af5;border:1px solid rgba(0,240,255,.4);color:#fff;font-size:13px;font-weight:600;box-shadow:0 8px 30px #000000b3;animation:toast-slide .3s ease}@keyframes toast-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-profile-badge.clickable{cursor:pointer;transition:all .2s ease}.user-profile-badge.clickable:hover{background:#00f0ff1f;border-color:#00f0ff73;box-shadow:0 0 14px #00f0ff4d}.btn-admin-pill{background:#f43f5e26;border:1px solid rgba(244,63,94,.5);color:#f43f5e}.btn-admin-pill:hover{background:#f43f5e47;box-shadow:0 0 16px #f43f5e73}.client-profile-card{max-width:600px;width:94%}.profile-header-tabs,.admin-nav-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.profile-tab-btn,.admin-tab-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-heading);font-size:13px;font-weight:700;padding:6px 14px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s}.profile-tab-btn.active,.admin-tab-btn.active{color:#00f0ff;border-bottom-color:#00f0ff}.admin-tab-btn.active{color:#f43f5e;border-bottom-color:#f43f5e}.profile-identity-card{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:16px}.profile-avatar-large{width:64px;height:64px;border-radius:50%;background:#00f0ff1a;border:2px solid rgba(0,240,255,.4);display:flex;align-items:center;justify-content:center}.profile-avatar-large svg{width:32px;height:32px}.profile-info-block h3{font-size:18px;margin-bottom:4px}.profile-badges-row{display:flex;gap:8px;margin-bottom:6px}.badge-vip-tag{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.badge-status-tag{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.profile-subtext{font-size:12px;color:var(--text-muted);margin-top:2px}.profile-subtext strong{color:#fff}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.profile-stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px}.p-lbl{font-size:11px;color:var(--text-muted);display:block;margin-bottom:4px}.p-val{font-family:var(--font-heading);font-size:20px;font-weight:800}.profile-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-edit-form{display:flex;flex-direction:column;gap:14px;padding:8px 0}.admin-dashboard-card{max-width:960px;width:95%;max-height:92vh;display:flex;flex-direction:column;border-color:#f43f5e4d;box-shadow:0 24px 60px #000000d9,0 0 30px #f43f5e26}.admin-modal-header{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.admin-title-row{display:flex;align-items:center;gap:12px}.admin-title-row h3{font-size:16px;color:#f43f5e;letter-spacing:.5px}.admin-title-row small{font-size:11px;color:var(--text-muted)}.admin-badge-icon{width:44px;height:44px;border-radius:10px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.35);display:flex;align-items:center;justify-content:center}.admin-nav-tabs{padding:10px 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.admin-modal-body{overflow-y:auto;padding:20px;flex:1}.admin-kpis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:768px){.admin-kpis-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}.kpi-card.highlight-kpi{grid-column:span 2;background:linear-gradient(135deg,#10b98126,#064e3b40);border-color:#10b98166}.kpi-lbl{font-size:11px;color:var(--text-muted);display:block;margin-bottom:6px}.kpi-val{font-family:var(--font-heading);font-size:24px;font-weight:800;display:block}.kpi-sub{font-size:10px;color:var(--text-muted);margin-top:4px;display:block}.table-responsive-box{overflow-x:auto}.admin-data-table{width:100%;border-collapse:collapse;font-size:13px}.admin-data-table th{text-align:left;padding:10px 12px;background:#0006;color:var(--text-muted);font-size:11px;font-family:var(--font-heading);border-bottom:1px solid rgba(255,255,255,.1)}.admin-data-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.admin-data-table tr:hover{background:#ffffff05}.is-banned-row{opacity:.6;background:#f43f5e0d}.block-sub{display:block;font-size:11px;color:var(--text-muted)}.badge-role{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.badge-admin{background:#f43f5e33;color:#f43f5e;border:1px solid rgba(244,63,94,.4)}.badge-user{background:#ffffff1a;color:#fff}.badge-banned{margin-left:4px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;background:#f43f5e4d;color:#fff}.badge-status-withdraw{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700}.status-completed{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.35)}.status-pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.status-rejected{background:#f43f5e26;color:#f43f5e;border:1px solid rgba(244,63,94,.35)}.table-actions{display:flex;gap:6px}.btn-table-action{width:30px;height:30px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-table-action svg{width:15px;height:15px}.btn-table-action:hover{background:#00f0ff33;border-color:#00f0ff80;color:#00f0ff}.btn-ban:hover{background:#f43f5e33;border-color:#f43f5e80;color:#f43f5e}.admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full-grid-action{grid-column:span 2;margin-top:10px}