:root{--bg-main:#060806;--bg-card:#161c16b3;--bg-card-solid:#131713;--border-light:#ffffff12;--border-focus:#84cc1666;--accent-neon:#84cc16;--accent-gold:#ffb800;--accent-orange:#ff7a00;--accent-vip:linear-gradient(135deg, #a3e635 0%, #10b981 100%);--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#6b7280;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-main);color:var(--text-primary);font-family:Outfit,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background:radial-gradient(circle at 50% 0,#162216 0%,#060806 80%);justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex;overflow:hidden}.app-viewport-wrapper{background-color:#0b0d0b;width:100%;height:100vh;position:relative;overflow:hidden}@media (width>=600px){.app-viewport-wrapper{border:11px solid #1f241f;border-radius:44px;width:390px;height:820px;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000000e6,0 0 0 1px #ffffff0d}.app-viewport-wrapper:before{content:"";z-index:1000;background-color:#1f241f;border-radius:20px;width:110px;height:30px;position:absolute;top:12px;left:50%;transform:translate(-50%)}}.app-container{width:100%;height:100%;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative;overflow:hidden}header{border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:linear-gradient(#060806e6 0%,#06080600 100%);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:10px;padding:16px;display:flex}@media (width>=600px){header{margin-top:30px}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:18px;margin-bottom:14px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:active{border-color:#ffffff26;transform:scale(.98)}.main-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;padding:16px 16px 90px;overflow-y:auto}.main-content::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.user-profile-header{align-items:center;gap:10px;display:flex}.avatar-badge{border:1.5px solid var(--border-light);background:#252b25;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.user-header-info{flex-direction:column;display:flex}.user-header-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:14px;font-weight:600;overflow:hidden}.coins-pill{border:1px solid var(--border-light);color:var(--text-primary);background:#1c221c;border-radius:30px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:flex}.coin-icon{background:var(--accent-gold);width:14px;height:14px;box-shadow:0 0 8px var(--accent-gold);border-radius:50%;display:inline-block;position:relative}.coin-icon:before{content:"C";color:#000;font-size:9px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-add-funds{background:var(--accent-orange);color:#000;cursor:pointer;border:none;border-radius:12px;margin-left:4px;padding:4px 10px;font-size:12px;font-weight:700;transition:transform .2s}.btn-add-funds:active{transform:scale(.95)}.vip-badge{background:var(--accent-vip);color:#000;border-radius:30px;align-items:center;gap:3px;padding:4px 10px;font-size:11px;font-weight:800;display:flex;box-shadow:0 0 10px #a3e63566}.bottom-tab-bar{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);z-index:100;width:100%;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#0a0c0aeb;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0}.tab-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:11px;font-weight:500;transition:color .2s;display:flex}.tab-item.active{color:var(--accent-neon)}.tab-icon{font-size:20px;transition:transform .2s}.tab-item:active .tab-icon{transform:scale(1.15)}.category-slider{gap:8px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow-x:auto}.category-slider::-webkit-scrollbar{display:none}.category-pill{border:1px solid var(--border-light);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:#1c221c;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.category-pill.active{background:var(--accent-neon);color:#000;border-color:var(--accent-neon);box-shadow:0 0 12px #84cc164d}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;background:#000000b3;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-container{border-top:1.5px solid var(--border-light);z-index:210;background:#0f120f;border-radius:24px 24px 0 0;width:100%;padding:20px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -10px 40px #000c}.drawer-container.open{transform:translateY(0)}.drawer-handle{background:#fff3;border-radius:2px;width:40px;height:4px;margin:0 auto 18px}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-10{gap:10px}.btn-primary{color:#000;cursor:pointer;background:linear-gradient(90deg,#ff9f0a 0%,#ffb800 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #ff9f0a4d}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px #ff9f0a33}.btn-primary:disabled{color:var(--text-muted);box-shadow:none;cursor:not-allowed;background:#252b25}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);cursor:pointer;background:#1d231d;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-secondary:active{background:#252e25;transform:scale(.97)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse-animation{animation:2s infinite pulse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite rotate}.level-progress-bar-container{background:#1c221c;border-radius:10px;width:100%;height:8px;margin-top:8px;position:relative;overflow:hidden}.level-progress-fill{background:linear-gradient(90deg,#a3e635 0%,#10b981 100%);border-radius:10px;height:100%;transition:width .4s ease-out}.toast-notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--accent-neon);z-index:1000;background:#131713eb;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:12px;animation:.3s ease-out slideDown;display:flex;position:absolute;top:80px;left:16px;right:16px;box-shadow:0 10px 30px #00000080}.toast-notification.info{border-color:#ff9f0a}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.match-card-vs{justify-content:space-between;align-items:center;margin:12px 0;display:flex}.match-team{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.match-team-flag{font-size:32px}.match-team-name{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:12px;font-weight:600;overflow:hidden}.match-card-score{color:var(--accent-neon);letter-spacing:2px;background:#84cc161a;border-radius:12px;padding:6px 16px;font-size:26px;font-weight:800}.participate-btn{background:var(--accent-neon);color:#000;cursor:pointer;border:none;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;transition:transform .2s;box-shadow:0 0 10px #84cc1640}.participate-btn:active{transform:scale(.95)}.odds-chip{border:1.5px solid var(--border-light);cursor:pointer;text-align:center;background:#ffffff0d;border-radius:10px;flex:1;padding:8px 12px;font-size:12px;font-weight:700}.odds-chip.selected{background:var(--accent-neon);color:#000;border-color:var(--accent-neon)}.deposit-payment-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.payment-method-card{border:1px solid var(--border-light);text-align:center;cursor:pointer;background:#ffffff05;border-radius:12px;padding:12px 6px;transition:all .2s}.payment-method-card.selected{border-color:var(--accent-neon);background:#84cc160d}.chip-amount-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0;display:grid}.chip-amount-btn{border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;text-align:center;background:#ffffff0d;border-radius:8px;padding:8px 0;font-size:11px;font-weight:700;transition:all .2s}.chip-amount-btn.selected{background:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.input-dark{border:1px solid var(--border-light);color:#fff;background:#161a16;border-radius:12px;outline:none;width:100%;padding:12px;font-size:14px}.input-dark:focus{border-color:var(--accent-neon)}