:root{--bg-primary: #0a0a0c;--bg-secondary: #141418;--bg-tertiary: #1c1c22;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-success: #10b981;--accent-danger: #ef4444;--accent-warning: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-bg: rgba(20, 20, 24, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .8);--font-main: "Outfit", sans-serif;--font-display: "Space Grotesk", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#root{background-color:var(--bg-primary);height:100%;width:100%;overflow:hidden}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;cursor:text!important}html{height:100%;overscroll-behavior:none;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;position:fixed;width:100%;height:100%;height:var(--app-height, 100%);overflow:hidden;cursor:default}.btn-pill{border-radius:var(--radius-pill);padding:12px 28px;font-weight:700;border:none;color:#fff;transition:all .2s;box-shadow:0 8px 15px #0003}.btn-circle{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 8px 15px #0003}.progress-container-gaming{height:28px;background:#333;border-radius:var(--radius-pill);overflow:hidden;border:2px solid #222;position:relative}.progress-fill-gaming{height:100%;border-radius:var(--radius-pill);display:flex;align-items:center;padding-left:15px;font-weight:800;font-size:.8rem;box-shadow:inset 0 2px 4px #ffffff4d}.progress-empty-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px)}.app-container{background:#0d0d12;position:relative;overflow:hidden;width:100%;height:100%}.app-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);background-size:100% 4px,3px 100%;pointer-events:none;z-index:2;opacity:.3}.game-bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none!important;background:radial-gradient(circle at 10% 20%,rgba(0,210,255,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,0,110,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(131,56,236,.1) 0%,transparent 60%);filter:blur(60px);animation:bg-shift 25s infinite alternate ease-in-out;opacity:.4}@keyframes bg-shift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(20px,-20px)}to{transform:scale(1) translate(-20px,20px)}}.global-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none!important;opacity:.4}@keyframes particles-move{0%{background-position:0 0}to{background-position:1000px 1000px}}.btn-game-3d{--btn-bg: #1e1e30;--btn-shadow: #0a0a1a;--depth: 6.5px;position:relative;background:linear-gradient(180deg,var(--btn-bg) 0%,var(--btn-shadow) 100%);border:3px solid var(--btn-border, white);color:#fff;font-family:Space Grotesk,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform;backface-visibility:hidden;transform:translateZ(0);transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 var(--depth) 0 var(--btn-shadow),0 15px 30px #00000080}.btn-game-3d:hover{transform:translateY(-.5px);box-shadow:0 calc(var(--depth) + .5px) 0 var(--btn-shadow),0 3px 6px #00000080}.btn-game-3d.btn-pill{border-radius:30px;padding:10px 30px}.btn-game-3d.btn-circle{border-radius:50%;width:68px;height:68px;padding:0}.btn-game-3d.btn-sm{padding:6px 12px;font-size:.8rem;--depth: 5px;border-width:2px}.btn-game-3d.btn-icon-sm{width:38px;height:38px;border-radius:50%;padding:0;--depth: 4.5px;border-width:2.2px;box-shadow:0 var(--depth) 0 var(--btn-shadow),0 5px 10px #0006}.btn-game-3d.btn-icon-sm:after,.btn-game-3d.btn-icon-xs:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);pointer-events:auto}.btn-game-3d.btn-icon-xs{width:32px;height:32px;border-radius:50%;padding:0;--depth: 4px;border-width:2px;box-shadow:0 var(--depth) 0 var(--btn-shadow),0 4px 8px #0006}.btn-game-3d:before{content:"";position:absolute;top:3px;left:10%;right:10%;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:100px 100px 40px 40px;pointer-events:none;z-index:1}.btn-game-3d.btn-circle:before,.btn-game-3d.btn-icon-sm:before,.btn-game-3d.btn-icon-xs:before{left:15%;right:15%;border-radius:50%}.btn-game-3d:active,.btn-game-3d.is-pressed{transform:translateY(var(--depth))!important;box-shadow:0 0 0 var(--btn-shadow),0 2px 5px #0003!important;transition:all .05s ease-out!important}.btn-pink{--btn-bg: #ff006e;--btn-shadow: #9d0044;--btn-border: #ff85b9}.btn-blue{--btn-bg: #3a86ff;--btn-shadow: #1e5fcf;--btn-border: #9ec2ff}.btn-purple{--btn-bg: #8338ec;--btn-shadow: #5b1da3;--btn-border: #c399ff}.btn-green{--btn-bg: #10b981;--btn-shadow: #065f46;--btn-border: #6ee7b7}.btn-red{--btn-bg: #ef4444;--btn-shadow: #991b1b;--btn-border: #fca5a5}.btn-yellow{--btn-bg: #f59e0b;--btn-shadow: #b45309;--btn-border: #fcd34d}.btn-inactive{--btn-bg: #374151;--btn-shadow: #111827;--btn-border: #6b7280;opacity:.6}.btn-dark{--btn-bg: #1e1e30;--btn-shadow: #0a0a1a;--btn-border: #4a4a6a}.btn-inactive{--btn-bg: #2a2a3d;--btn-shadow: #151525;--btn-border: #52527a;opacity:.7}#root{height:100%;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-heavy{background:#0f0f19d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0009}::-webkit-scrollbar{width:0px;background:transparent}*{scrollbar-width:none}*{-ms-overflow-style:none}.home-view{min-height:100vh;min-height:var(--app-height, 100vh);background:transparent;color:#fff;padding-bottom:110px;position:relative;overflow-x:hidden}.home-view.chat-active-mode{padding-bottom:0!important;height:100%!important;height:var(--app-height, 100%)!important;min-height:0!important;overflow:hidden!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:5000!important;background:var(--bg-primary)}.app-container:has(.chat-active-mode){height:100%!important;height:var(--app-height, 100%)!important;overflow:hidden!important}.content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.view-header{margin-top:45px;margin-bottom:10px;padding:0 20px}.hero-section{padding-top:1rem}.game-card{background:#14142366;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:32px;padding:2.5rem 2rem;margin-bottom:1.5rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080}.card-badge{display:inline-block;padding:4px 12px;background:#ef444433;color:#ef4444;border-radius:20px;font-size:.7rem;font-weight:900;margin-bottom:1rem;letter-spacing:1px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem .5rem}.logo-group{display:flex;align-items:center;gap:.75rem}.logo{font-family:Space Grotesk,sans-serif;font-weight:900;font-size:1.4rem;letter-spacing:1px}.stats-group{display:flex;align-items:center;gap:1rem}.nav-actions{display:flex;align-items:center;gap:.75rem}.flex{display:flex}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.items-center{align-items:center}.justify-center{justify-content:center}.flex-col{flex-direction:column}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.m-0{margin:0}.stat-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:99px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-weight:800;font-size:.9rem}.stat-pill.gem-pill .text-yellow{color:#fbbf24}.add-gems{background:#3b82f6;border:none;border-radius:50%;width:22px;height:22px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;margin-left:.4rem}.user-avatar-small{width:40px;height:40px;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.bottom-nav-wrapper{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;z-index:2000;padding:0 15px 15px;pointer-events:none}.capsule-nav{pointer-events:auto;height:56px;background:#11111d;border-radius:28px;display:flex;align-items:center;justify-content:space-around;width:100%;max-width:380px;box-shadow:inset 0 4px 8px #000c,inset 0 -2px 4px #ffffff0d,0 10px 30px #0006;padding:0 10px;border:1px solid rgba(255,255,255,.02);position:relative}.nav-btn-3d{width:42px!important;height:42px!important;--depth: 5.5px;border-width:2px!important;border-radius:50%!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;z-index:5}.nav-btn-3d.is-active{width:64px!important;height:64px!important;top:-10px;--depth: 6.5px;border-width:3.5px!important;z-index:10;opacity:1}.nav-btn-3d:not(.is-active){opacity:.6}.nav-custom-icon{width:24px!important;height:24px!important;object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.nav-btn-3d.is-active .nav-custom-icon{width:32px!important;height:32px!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.nav-btn-3d:not(.is-active):hover{opacity:1}.btn-auth{width:100%;height:60px!important;font-size:.9rem!important;letter-spacing:1.5px!important;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:20px!important}.glass-card{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;display:flex!important;flex-direction:column!important;align-items:center}.match-placeholder-card{background:#ffffff0d;border-radius:30px;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(255,255,255,.1)}.shop-items{display:grid;grid-template-columns:1fr;gap:20px}.gem-pack{background:#ffffff0d;padding:20px;border-radius:20px;display:flex;align-items:center;justify-content:space-between}.profile-hero{background:#ffffff0d;border-radius:40px;padding:40px;display:flex;flex-direction:column;align-items:center;margin-top:20px}.profile-avatar-large{width:120px;height:120px;border-radius:40px;border:4px solid white;overflow:hidden;box-shadow:0 0 30px #3b82f666}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.stat-val{font-size:1.5rem;font-weight:900}.stat-label{font-size:.8rem;color:#888;text-transform:uppercase}.navbar{padding:12px 12px 0;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0px;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%);z-index:50;position:relative}.top-bar-row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 5px}.ranking-view-main{display:flex;flex-direction:column;gap:12px;height:100%}.ranking-header{text-align:left;margin-bottom:12px;padding:0 5px}.ranking-title{font-size:2.2rem;font-weight:950;color:#fff;text-transform:uppercase;letter-spacing:-.5px;margin:10px 0 0;line-height:1}.btn-rank{font-size:.8rem!important;padding:10px 0!important;letter-spacing:1.5px!important;font-weight:900!important;text-transform:uppercase;--depth: 4px}.ranking-scroll-area{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-bottom:20px}.ranking-card{display:flex;align-items:center;gap:15px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:12px 18px;position:relative;box-shadow:none;transition:all .2s ease}.ranking-card:active{background:#ffffff1f}.top-rank{background:linear-gradient(90deg,#ffffff14,#ffffff08);border-left-width:4px}.rank-gold{border-left-color:#ffb703}.rank-silver{border-left-color:#cbd5e1}.rank-bronze{border-left-color:#b45309}.rank-number{font-weight:900;font-size:1.4rem;color:#ffffff4d;min-width:45px;font-style:italic;display:flex;align-items:center;justify-content:center}.top-rank .rank-number{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.6)}.rank-badge-icon{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.rank-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.1);background:#1e1e30;display:flex;align-items:center;justify-content:center}.rank-avatar img{width:100%;height:100%;object-fit:cover;display:block}.top-rank .rank-avatar{border-color:#fff6;box-shadow:0 0 20px #ffffff26}.rank-info{flex:1;min-width:0}.rank-name{font-weight:800;font-size:1rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-stats{display:flex;gap:10px;margin-top:2px}.rank-points{font-size:.85rem;font-weight:900;color:var(--btn-glow, #3a86ff);text-shadow:0 0 8px rgba(58,134,255,.4)}.rank-wins{font-size:.7rem;color:#fff6;font-weight:700}.trophy-icon{color:#fff3}.rank-gold .trophy-icon{color:#ffb703}.rank-silver .trophy-icon{color:#cbd5e1}.rank-bronze .trophy-icon{color:#b45309}.ranking-footer-actions{padding:0 10px;margin-top:10px}.ranking-end-msg,.ranking-empty{text-align:center;font-size:.8rem;font-weight:800;color:#ffffff4d;margin-top:20px;text-transform:uppercase;letter-spacing:1px}.stat-pill{display:flex;align-items:center;gap:.75rem;padding:10px 18px;border-radius:99px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-weight:900;font-size:1.1rem;letter-spacing:1px;position:relative;--pill-depth: 4px;box-shadow:0 var(--pill-depth) 0 #0006,inset 0 1px 1px #ffffff1a;transform:translateY(0)}.stat-pill.gem-pill span{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.add-gems{background:#3b82f6;border:none;border-radius:50%;width:22px;height:22px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-size:1.1rem;font-weight:900;margin-left:.4rem;--btn-depth: 2px;box-shadow:0 var(--btn-depth) 0 #0006,inset 0 1px 1px #ffffff1a;transform:translateY(0)}.diamond-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(236,72,153,.6))}.profile-content-scroller{overflow-y:auto!important;max-height:100%;margin-top:85px!important;padding-top:0!important;padding-bottom:120px!important;scrollbar-width:none}.profile-content-scroller::-webkit-scrollbar{display:none}.content{flex:1;padding:70px 0 0;width:100%;max-width:500px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;overflow:hidden}.content:not(:has(.arena-content-scroller)):not(:has(.profile-content-scroller)):not(:has(.private-chat-container)){padding:85px 20px 100px;overflow-y:auto}.content-chat-mode{padding:0!important;margin:0!important;overflow:hidden!important;display:flex;flex-direction:column;width:100%;height:100%}.content:has(.private-chat-container){padding:0!important;margin:0!important;overflow:hidden!important}.navbar{position:absolute;top:0;left:0;right:0;z-index:100;height:85px}.profile-hero-modern{padding:30px 20px 10px;display:flex;flex-direction:column;gap:25px;position:relative}.profile-top-info{display:flex;align-items:center;gap:20px}.profile-avatar-wrapper{position:relative;width:90px;height:90px;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;border-radius:12px;border:3px solid rgba(255,255,255,.2);object-fit:cover;background:#1e1e30;box-shadow:0 10px 25px #0000004d}.online-badge{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:#22c55e;border:3px solid #13131d;border-radius:50%;box-shadow:0 0 10px #22c55e80}.profile-user-name{font-size:1.1rem;font-weight:950;color:#fff;line-height:1.1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.profile-user-id{font-size:.75rem;color:#3b82f6;font-weight:800;letter-spacing:1px}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card-modern{display:flex;flex-direction:column;align-items:center;padding:15px 5px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.stat-card-val{font-size:1.3rem;font-weight:950;color:#fff}.stat-card-label{font-size:.65rem;font-weight:800;color:#fff6;margin-top:4px;letter-spacing:.5px}.stat-card-modern.highlight-pink{background:#ec489914;border-color:#ec489933}.stat-card-modern.highlight-pink .stat-card-val{color:#ec4899}.section-header-row{display:flex;justify-content:space-between;align-items:center;padding:0 5px;margin-bottom:15px}.section-title-modern{font-size:1rem;font-weight:900;color:#fff;letter-spacing:2px}.friends-list-modern{display:flex;flex-direction:column;gap:10px}.friend-item-modern{display:flex;align-items:center;padding:12px 15px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.friend-avatar-sm{width:44px;height:44px;border-radius:14px;overflow:hidden;background:#1e1e30;border:2px solid rgba(255,255,255,.1)}.friend-avatar-sm img{width:100%;height:100%}.friend-info-sm{flex:1;margin-left:15px;display:flex;flex-direction:column}.friend-name-sm{font-weight:800;font-size:.95rem;color:#fff}.friend-status-sm{font-size:.75rem;font-weight:700;margin-top:1px;color:#fff6;transition:all .3s}.friend-status-sm.online{color:#22c55e}.friend-status-sm.in-game{color:#ec4899}.home-view{height:100dvh;display:flex;flex-direction:column;background:transparent;overflow:hidden;position:relative;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.arena-content-scroller{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:20px;position:relative;mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-overflow-scrolling:touch;transform:translateZ(0)}.arena-content-scroller::-webkit-scrollbar{display:none}.view-header{margin-top:45px;margin-bottom:8px;padding:0;flex-shrink:0}.arena-content-scroller .view-header{padding:0 20px}.view-header h2,.text-4xl.font-black{font-size:2.2rem;font-weight:950;line-height:1;color:#fff;margin-bottom:2px;text-transform:uppercase;letter-spacing:-.5px}.text-muted,.view-header p{color:#ffffff73;font-size:.9rem;font-weight:500;letter-spacing:.2px}.match-options-grid{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:15px;padding:0 20px 20px;min-height:0}.invite-notification{position:fixed;top:20px;left:20px;right:20px;background:#1e1e28f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:16px 20px;z-index:9999999;box-shadow:0 20px 40px #0006;display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-info{flex:1}.invite-title{color:#fbbf24;font-weight:950;font-size:.8rem;letter-spacing:1px;margin-bottom:2px}.invite-desc{color:#fff;font-size:.9rem;font-weight:600}.invite-actions{display:flex;gap:8px}.copy-toast{position:fixed;left:50%;transform:translate(-50%);background:#1e293bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:20px;font-weight:800;font-size:.8rem;z-index:10000000;box-shadow:0 10px 30px #00000080;border:1px solid rgba(59,130,246,.4);text-align:center;white-space:nowrap;pointer-events:none}.match-option-card{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:12px;padding:15px 20px;border-radius:25px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000004d}.match-option-card .card-content{flex:1;display:flex;flex-direction:column}.match-option-card .btn-game-3d{width:100%;margin-top:8px;padding:8px 15px;font-size:.9rem}.glass-fuerte{background:#0a0f1cf2!important;backdrop-filter:blur(50px) saturate(210%)!important;-webkit-backdrop-filter:blur(50px) saturate(210%)!important;box-shadow:0 25px 60px -15px #000c,inset 0 1px 1px #ffffff1a!important;border:2px solid rgba(255,255,255,.15)!important;transform:translateZ(0)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.match-option-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none}.card-icon-wrapper{width:50px;height:50px;background:#ffffff0d;border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0003;border:1px solid rgba(255,255,255,.05);flex-shrink:0}.card-pink .card-icon-wrapper{color:#ec4899;filter:drop-shadow(0 0 8px rgba(236,72,153,.4))}.card-blue .card-icon-wrapper{color:#3b82f6;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.card-gold .card-icon-wrapper{color:#eab308;filter:drop-shadow(0 0 8px rgba(234,179,8,.4))}.card-title{font-size:1.1rem;font-weight:900;letter-spacing:.5px;margin-bottom:2px;color:#fff;text-transform:uppercase}.card-desc{font-size:.75rem;color:#fff6;line-height:1.2;font-weight:600}@media (max-width: 380px){.view-title-main{font-size:1.8rem}.view-subtitle{font-size:.8rem;margin-bottom:10px}.match-option-card{padding:12px 15px;gap:12px;border-radius:20px}.card-icon-wrapper{width:42px;height:42px;border-radius:12px}.card-icon-wrapper svg{width:24px!important;height:24px!important}.card-title{font-size:1rem}.card-desc{font-size:.7rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.match-option-card .btn-game-3d{margin-top:10px;padding:8px 12px;font-size:.85rem}.arena-content-scroller{padding-bottom:160px!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.gem-modal{width:100%;max-width:360px;background:#1e1e30;border-radius:40px;padding:45px 25px 30px;position:relative;text-align:center;box-shadow:0 30px 60px #00000080,inset 0 0 20px #ffffff0d;border:4px solid rgba(255,255,255,.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;transform:translateZ(0);will-change:transform,opacity}.gem-modal{width:100%;max-width:360px;background:#1e1e30;border-radius:40px;padding:50px 25px 30px;position:relative;text-align:center;box-shadow:0 30px 60px #00000080,inset 0 0 20px #ffffff0d;border:4px solid rgba(255,255,255,.1);transform:translateZ(0);will-change:transform}.glass-heavy{background:linear-gradient(135deg,#28283cf2,#141423fa);border:1px solid rgba(255,255,255,.2)!important}.modal-close-btn-fix{position:absolute!important;top:15px!important;right:15px!important;z-index:10}.gem-alert-icon{width:100px;height:100px;background:#ec48991a;border-radius:35px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;box-shadow:0 15px 30px #ec489926;border:1px solid rgba(236,72,153,.2);overflow:hidden}.gem-alert-icon img{width:60px!important;height:60px!important;object-fit:contain}.modal-title{font-size:1.6rem;font-weight:950;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;line-height:1.1}.modal-text{font-size:1.1rem;color:#ffffff80;line-height:1.4;margin-bottom:30px;font-weight:500}.modal-reward-box{background:#ffffff08;padding:25px 20px;border-radius:35px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 15px #0000004d;display:flex;flex-direction:column;align-items:center;gap:15px}.modal-reward-box .reward-info{font-size:.85rem;font-weight:900;color:#22c55e;text-transform:uppercase;letter-spacing:1px}.modal-reward-box .btn-game-3d{width:100%!important;max-width:280px;padding:10px 0}.modal-reward-box .btn-game-3d img{width:28px!important;height:28px!important;object-fit:contain}.join-modal-input{width:100%;max-width:280px;background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:15px;color:#fff;font-size:1.8rem;font-weight:900;text-align:center;letter-spacing:8px;font-family:Space Grotesk,sans-serif;box-shadow:inset 0 4px 10px #00000080;transition:all .3s ease}.join-modal-input:focus{outline:none;border-color:#fbbf24;background:#0009;box-shadow:inset 0 4px 10px #00000080,0 0 15px #fbbf2433}.join-modal-input::placeholder{letter-spacing:2px;font-size:1rem;color:#fff3;text-transform:uppercase}.refund-toast{position:absolute;top:120%;left:0;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:16px;border:1px solid rgba(59,130,246,.3);background:#11111df2;box-shadow:0 10px 30px #0006,0 0 20px #3b82f61a;min-width:200px;z-index:2500;pointer-events:none}.toast-icon{width:32px;height:32px;background:#3b82f61a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-content{display:flex;flex-direction:column}.toast-title{font-size:9px;font-weight:900;color:#60a5fa;letter-spacing:2px;margin:0}.toast-msg{font-size:11px;font-weight:700;color:#fff;margin:0;white-space:nowrap}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.matchmaking-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:radial-gradient(circle at center,#1a1a2e,#0a0a0c);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;transform:translateZ(0);will-change:transform}@media (max-width: 480px){.matchmaking-view{padding:20px 10px}}.radar-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.radar-pulse{position:absolute;width:100px;height:100px;border:4px solid var(--accent-primary);border-radius:50%;pointer-events:none;box-shadow:0 0 20px #3b82f666}.radar-center{width:90px;height:90px;background:#3b82f61a;border:4px solid var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 30px #3b82f64d}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin 3s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-ring{0%{transform:scale(.33);opacity:0}80%,to{opacity:0}}.matchmaking-content{width:100%;max-width:400px;text-align:center}.match-status-title{font-size:1.8rem;font-weight:950;color:#fff;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.match-status-title.smaller{font-size:1.4rem;margin-bottom:5px}.match-status-subtitle{font-size:.85rem;color:#fff6;margin-bottom:30px}.player-slots-grid.responsive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:30px;width:100%}@media (max-width: 480px){.player-slots-grid.responsive{gap:8px}}.player-slot-card{aspect-ratio:1 / 1;background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d}@media (max-width: 480px){.player-slots-grid.responsive{gap:8px;padding:0 2px}.player-slot-card{border-radius:18px}}.player-slot-card.active{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 10px 20px #0003}.player-slot-content{flex:1;display:flex;flex-direction:column;height:100%;width:100%;position:relative}.matchmaking-top-bar{position:absolute;top:20px;width:100%;padding:0 25px;display:flex;justify-content:flex-end;z-index:100}.player-slot-card.slot-pink.active{border-color:#ff006e;background:#ff006e1a;box-shadow:0 0 20px #ff006e26}.player-slot-card.slot-blue.active{border-color:#3b82f6;background:#3b82f61a;box-shadow:0 0 20px #3b82f626}.player-slot-card.slot-green.active{border-color:#10b981;background:#10b9811a;box-shadow:0 0 20px #10b98126}.player-slot-card.slot-purple.active{border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 0 20px #8b5cf626}.player-slot-card.slot-yellow.active{border-color:#f59e0b;background:#f59e0b1a;box-shadow:0 0 20px #f59e0b26}.player-slot-card.slot-orange.active{border-color:#f97316;background:#f973161a;box-shadow:0 0 20px #f9731626}.slot-avatar-container{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden}.slot-avatar{width:55px;height:55px;border-radius:7px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;padding:2px}.slot-name{font-size:.75rem;font-weight:800;color:#fff;text-transform:uppercase;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchmaking-footer-status{width:100%;margin-top:40px;text-align:center}.status-text-ready{color:#10b981;font-weight:950;font-size:1.2rem;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 15px rgba(16,185,129,.5)}.status-text-waiting{color:#fff6;font-weight:800;font-size:.9rem;letter-spacing:2px;text-transform:uppercase}.host-badge{position:absolute;bottom:-4px;right:-4px;background:#f59e0b;color:#1a1a2e;border-radius:50%;padding:2px;border:2px solid #1a1a2e;box-shadow:0 2px 5px #00000080}.matchmaking-actions{display:none}.radar-pulse-ring{position:absolute;width:90px;height:90px;border:4px solid var(--accent-primary);border-radius:50%;opacity:0;animation:pulse-ring 3s cubic-bezier(.21,.53,.56,.8) infinite}.radar-pulse-ring.delay-1{animation-delay:1s}.radar-pulse-ring.delay-2{animation-delay:2s}@keyframes pulse-ring{0%{transform:scale(.33);opacity:0}50%{opacity:.6}to{transform:scale(2.2);opacity:0}}.slot-waiting-anim{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.pulse-loader{position:absolute;width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;animation:mini-pulse 2s ease-out infinite}.loader-icon-spin{animation:spin 1.5s linear infinite;opacity:.6;color:#fff}.pulse-loader{position:absolute;width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;animation:pulse-ring 1.5s cubic-bezier(.24,0,.38,1) infinite}@keyframes mini-pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.1}to{transform:scale(.8);opacity:.5}}.confirmation-modal-legacy{display:none}.room-code-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;margin-bottom:25px}.room-code-label{position:absolute;top:-10px;left:0;font-size:8px;font-weight:900;color:#fbbf24b3;text-transform:uppercase;letter-spacing:2px;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.5)}.room-code-badge{display:inline-flex;align-items:center;justify-content:center;min-width:220px;background:#fbbf2414;border:2px dashed rgba(251,191,36,.4);animation:border-pulse-yellow 2s infinite ease-in-out}@keyframes border-pulse-yellow{0%,to{border-color:#fbbf244d;box-shadow:0 0 10px #fbbf240d}50%{border-color:#fbbf2499;box-shadow:0 0 20px #fbbf2426}}.z-max{z-index:100000}@media (max-height: 700px){.radar-container{width:140px;height:140px;margin-bottom:20px}.radar-center{width:70px;height:70px}.radar-center .lucide{width:35px;height:35px}.match-status-title.smaller{font-size:1.2rem}.match-status-subtitle{margin-bottom:15px}.slot-avatar{width:45px;height:45px}}.header-custom-icon{width:20px!important;height:20px!important;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.search-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:flex-end;justify-content:center}.search-modal-container{width:100%;max-width:500px;height:65vh;border-radius:40px 40px 0 0;padding:30px 20px 20px;display:flex;flex-direction:column;gap:20px;border-bottom:none;position:relative}.search-modal-handle{width:40px;height:4px;background:#fff3;border-radius:10px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.search-input-wrapper{position:relative;display:flex;align-items:center;gap:20px}.search-btn-fix{margin-left:12px!important;flex-shrink:0!important;aspect-ratio:1 / 1!important;width:44px!important;height:44px!important;min-width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}.search-input-modern{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:15px 15px 15px 50px;color:#fff!important;font-family:var(--font-main);font-size:1rem;outline:none;transition:all .3s ease}.search-input-modern:focus{border-color:var(--accent-primary);background:#ffffff14;box-shadow:0 0 20px #3b82f633}.search-icon-inside{position:absolute;left:18px;color:#fff6}.results-grid-fix{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important}.search-results-list{flex:1;overflow-y:auto;padding-right:5px;margin-top:15px}.user-search-card{display:flex;align-items:center;gap:15px;padding:12px 15px;border-radius:22px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .2s ease;width:100%}.user-search-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(5px)}.req-count-badge{background:#f59e0b;color:#000;font-size:10px;font-weight:900;padding:2px 8px;border-radius:10px;box-shadow:0 0 10px #f59e0b4d}.nav-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:950;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #0f0f14;z-index:10;padding:0;line-height:1}.friend-tabs-switcher{display:flex;padding:6px;gap:6px;border-radius:20px;margin-top:10px;margin-bottom:20px}.friend-tab-btn{flex:1;padding:12px;border-radius:15px;border:none;background:transparent;color:#fff6;font-family:var(--font-display);font-weight:800;font-size:.75rem;letter-spacing:1.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.friend-tab-btn.active{background:#ffffff14;color:#fff;box-shadow:0 4px 15px #0003}.friend-tab-btn:not(.active):hover{background:#ffffff08;color:#ffffffb3}.tab-count-dot{padding:2px 6px;border-radius:8px;font-size:9px;font-weight:900;color:#fff;min-width:18px;text-align:center}.bg-blue{background-color:#3a86ff!important}.bg-yellow{background-color:#f59e0b!important;color:#000!important}.text-yellow{color:#f59e0b!important}.border-yellow\/20{border-color:#f59e0b33!important}.text-yellow\/60{color:#f59e0b99!important}.user-search-avatar{width:48px;height:48px;border-radius:15px;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.user-search-avatar img{width:100%;height:100%;object-fit:cover}.user-search-info{flex:1;display:flex;flex-direction:column}.user-search-name{font-weight:800;font-size:.95rem;color:#fff}.user-search-email{font-size:.75rem;color:#fff6}.btn-game-3d.btn-load-more{width:100%;padding:15px;border-radius:20px;font-weight:800;font-size:.85rem;margin-top:10px;--depth: 4px}.empty-search-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;height:100%;opacity:.5}.app-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:600px;margin:0 auto;position:relative;overflow:hidden;background-color:#0f172a;transform:translateZ(0);will-change:transform}.private-chat-container{display:flex;flex-direction:column;height:var(--app-height, 100%);width:100%;max-width:600px;background:var(--bg-primary);position:fixed;top:var(--app-top, 0px);left:0;right:0;margin:0 auto;z-index:5000;overflow:hidden}.chat-header-modern{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0f14cc;border-bottom:1px solid rgba(255,255,255,.05);padding:calc(10px + env(safe-area-inset-top,0px)) 20px 10px;display:flex;align-items:center;gap:15px;min-height:70px;flex-shrink:0}.back-btn{background:#ffffff0d;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.back-btn:active{transform:scale(.9);background:#ffffff1a}.chat-friend-info{display:flex;align-items:center;gap:12px;flex:1}.chat-friend-avatar{position:relative;width:44px;height:44px}.chat-friend-avatar img{width:100%;height:100%;border-radius:15px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.chat-friend-avatar .status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:#6b7280;border-radius:50%;border:2px solid #0f0f14}.chat-friend-avatar .status-dot.online{background:#22c55e;box-shadow:0 0 10px #22c55e80}.chat-friend-text{display:flex;flex-direction:column}.chat-friend-name{font-weight:800;color:#fff;font-size:1rem;letter-spacing:.5px}.chat-friend-status{font-size:.7rem;font-weight:600;color:#fff6;margin-top:1px;transition:all .3s}.chat-friend-status.online{color:#22c55e}.chat-info-btn{background:transparent;border:none;color:#ffffff4d;cursor:pointer}.chat-messages-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:15px 15px 4px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at center,rgba(168,85,247,.05) 0%,transparent 70%);scrollbar-width:none}.chat-messages-area::-webkit-scrollbar{display:none}.chat-bubble-wrapper{display:flex;width:100%}.chat-bubble-wrapper.sent{justify-content:flex-end}.chat-bubble-wrapper.received{justify-content:flex-start}.chat-bubble{max-width:80%;padding:12px 16px;position:relative;font-size:.95rem;line-height:1.4;font-weight:500}.sent .chat-bubble{background:#a855f726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:20px 20px 4px;border:1px solid rgba(168,85,247,.25);box-shadow:0 4px 15px #0003}.received .chat-bubble{background:#ffffff14;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;border-radius:20px 20px 20px 4px;border:1px solid rgba(255,255,255,.05)}.chat-bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}.bubble-time{display:block;font-size:.65rem;opacity:.5;font-weight:700}.message-status{display:flex;align-items:center}.receipt-sent{color:#ffffff4d}.receipt-seen{color:#3b82f6}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;opacity:.3;text-align:center}.chat-empty-icon{width:70px;height:70px;background:#ffffff0d;border-radius:25px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.chat-empty-state p{font-weight:800;font-size:1.1rem;text-transform:uppercase}.chat-hint{font-size:.8rem;margin-top:5px;font-weight:600}.chat-input-area{padding:15px 20px;padding-bottom:var(--safe-bottom, calc(12px + env(safe-area-inset-bottom, 0px)) );background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.chat-input-wrapper{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:40px;padding:0 8px 0 22px;display:flex;align-items:center;gap:10px;transition:all .3s;min-height:52px}.chat-input-wrapper:focus-within{background:#ffffff1a;border-color:#a855f7}.chat-input-wrapper textarea{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1rem;font-weight:500;resize:none;padding:0;max-height:200px;min-height:24px;height:24px;line-height:24px;font-family:inherit;white-space:pre-wrap;word-wrap:break-word;overflow-y:hidden;margin:0;display:block}.send-btn{width:44px;height:44px;border-radius:22px;background:#ffffff0d;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.send-btn.active{background:#a855f7;color:#fff;box-shadow:0 0 25px #a855f780;transform:scale(1.05)}.chat-options-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;z-index:10000}.chat-options-sheet{width:100%;max-width:100%;background:#1e1e24;border-radius:25px 25px 0 0;border:1px solid rgba(255,255,255,.1);padding:30px 25px 40px;display:flex;flex-direction:column;gap:20px;box-shadow:0 -10px 40px #00000080;position:relative}.sheet-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 10px}.sheet-header{text-align:center;margin-bottom:20px}.sheet-title{font-size:1.2rem;font-weight:900;color:#fff;letter-spacing:1px}.sheet-subtitle{font-size:.8rem;color:#fff6;font-weight:600;margin-top:4px}.sheet-body{display:flex;flex-direction:column;gap:12px}.sheet-option-btn{display:flex;align-items:center;gap:15px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;cursor:pointer;transition:all .2s;text-align:left}.sheet-option-btn:active{transform:scale(.98);background:#ffffff0f}.option-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-text{display:flex;flex-direction:column;gap:2px}.option-label{font-weight:800;font-size:.95rem;color:#fff;letter-spacing:.5px}.option-desc{font-size:.75rem;color:#ffffff4d;font-weight:600}.sheet-divider{height:1px;background:#ffffff0d;margin:10px 0}.sheet-option-btn.danger{border-color:#ef44441a}.sheet-option-btn.danger .option-label{color:#ef4444}.settings-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12121c;z-index:1000000;overflow:hidden}.settings-sheet{width:100%;height:100%;max-width:100%;background:radial-gradient(circle at center,#1e1e2d,#12121c);padding:60px 25px 40px;display:flex;flex-direction:column;position:relative;max-height:100vh;overflow-y:auto}.settings-close-btn{position:absolute!important;top:20px!important;right:20px!important;z-index:1000001;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:18px 15px;background:#ffffff08;border-radius:20px;margin-bottom:12px;border:1px solid rgba(255,255,255,.05)}.setting-info{display:flex;align-items:center;gap:15px;font-weight:800;font-size:1.05rem;color:#fff}.setting-details{display:flex;flex-direction:column;gap:2px}.setting-label{font-size:1.05rem;font-weight:900;letter-spacing:.5px}.setting-desc{font-size:.8rem;color:#fff6;font-weight:500}.settings-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:10px 0 20px}.settings-grid{display:flex;flex-direction:column;gap:12px}.settings-option-card{width:100%!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:22px!important;padding:20px!important;display:flex!important;align-items:center!important;gap:18px!important;text-align:left!important;justify-content:flex-start!important}.settings-option-card:active{transform:scale(.98)!important;background:#ffffff14!important}.settings-option-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#ffffffb3}.settings-option-text{display:flex;flex-direction:column;gap:2px}.settings-option-title{font-size:1rem;font-weight:950;color:#fff;letter-spacing:.5px;text-transform:uppercase}.settings-option-desc{font-size:.8rem;font-weight:600;color:#ffffff59}.settings-option-card.danger .settings-option-title{color:#ef4444}.policies-container{text-align:left}.policy-section{background:#ffffff08;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-bottom:12px}.policy-title{font-size:.9rem;font-weight:900;color:#3b82f6;margin-bottom:8px;text-transform:uppercase}.policy-text{font-size:.85rem;color:#fff9;line-height:1.5}@media (max-width: 414px){.view-header{margin-top:25px!important;padding:0 15px!important}.view-header h2{font-size:2.2rem!important}.view-header p{font-size:.85rem!important}.chat-empty-state-modern{padding:20px 10px!important;background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.chat-empty-container{min-height:300px!important}.content:has(.chat-empty-container){overflow:hidden!important;height:calc(100vh - 120px)!important}.home-view:has(.ranking-view-main){padding-bottom:85px!important}.content:has(.ranking-view-main){padding-bottom:0!important}.home-view:has(.shop-items-grid){padding-bottom:85px!important}.content:has(.shop-items-grid){padding-bottom:0!important}.shop-items-grid{padding-bottom:20px!important;mask-image:linear-gradient(to bottom,black 94%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 94%,transparent 100%)}.ranking-scroll-area{padding-bottom:20px!important;mask-image:linear-gradient(to bottom,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 92%,transparent 100%)}.empty-chat-icon-glow{width:60px!important;height:60px!important}.empty-chat-icon-glow svg{width:32px!important;height:32px!important}.chat-empty-state-modern h2{font-size:1.2rem!important;margin-bottom:5px!important}.chat-empty-state-modern p{font-size:.8rem!important;margin-bottom:20px!important;max-width:220px!important}.chat-empty-state-modern .btn-game-3d{padding:14px 35px!important;font-size:.85rem!important}}@media (max-width: 360px){.view-header h2{font-size:1.8rem!important}.chat-empty-state-modern{padding:30px 15px!important}}.match-mode-selector-container{padding:0 20px;margin-top:1.5rem;margin-bottom:2rem}.arena-mode-selector{background:#14141e99;padding:6px;border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 4px 15px #0009,0 10px 30px #0006;display:flex!important;gap:8px;position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mode-option-btn{flex:1;display:flex!important;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border-radius:18px;font-weight:950;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;transition:all .5s cubic-bezier(.34,1.56,.64,1);color:#ffffff40;border:1px solid transparent;background:transparent;cursor:pointer;z-index:1;font-family:var(--font-display)}.mode-option-btn img{opacity:.25;transition:all .5s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mode-option-btn.active img{opacity:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.mode-option-btn:not(.active):hover img{opacity:.6}.mode-option-btn.active{color:#fff;transform:scale(1.02)}.mode-option-btn.voice-mode-active{background:linear-gradient(135deg,#ff006e,#ff4d94);box-shadow:0 0 25px #ff006e80,inset 0 2px 4px #ffffff4d;border:1.5px solid #ff85b9}.mode-option-btn.chat-mode-active{background:linear-gradient(135deg,#3a86ff,#6ea4ff);box-shadow:0 0 25px #3a86ff80,inset 0 2px 4px #ffffff4d;border:1.5px solid #9ec2ff}.mode-option-btn:not(.active):hover{color:#fff9;background:#ffffff0d}.mode-label-text{font-weight:950}@media (max-width: 450px){.arena-content-scroller .view-header{margin-top:25px!important;margin-bottom:5px!important;padding:0 16px!important}.view-header h2{font-size:1.8rem!important}.view-header p{font-size:.75rem!important;opacity:.6}.match-mode-selector-container{padding:0 16px!important;margin-top:1rem!important;margin-bottom:1.25rem!important}.mode-option-btn{padding:12px 10px!important;font-size:.65rem!important;gap:8px!important}.match-options-grid{gap:10px!important;padding:0 16px 16px!important}.match-option-card{padding:12px 15px!important;border-radius:20px!important;gap:10px!important}.match-option-card h3{font-size:.9rem!important;margin-bottom:2px!important}.match-option-card p{font-size:.7rem!important;line-height:1.2!important}.card-icon-wrapper{width:36px!important;height:36px!important;border-radius:10px!important}.card-icon-wrapper svg{width:20px!important;height:20px!important}.match-option-card .btn-game-3d{height:38px!important;font-size:.7rem!important;padding:0 15px!important;border-radius:12px!important;margin-top:8px!important}}