@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--navbar-height:80px;--bg:#f6eddc;--bg2:#ede3d0;--surface:#f6eddcd9;--surface2:#f6eddc8c;--solid:#fff;--text:#1a2028;--text2:#3a4450;--muted:#7a8a96;--border:#5868752e;--border2:#58687517;--primary:#586875;--primary-h:#3f4f5a;--primary-rgb:88,104,117;--accent:#c8a96e;--accent-rgb:200,169,110;--glass:#fffcf5c7;--glass-edge:#ffffffeb;--shadow-sm:0 2px 12px #5868751a;--shadow:0 4px 28px #58687521;--shadow-lg:0 12px 48px #5868752e;--grad:linear-gradient(135deg, #586875 0%, #3f4f5a 100%);--grad-warm:linear-gradient(135deg, #c8a96e 0%, #a07840 100%);--radius:20px;--radius-sm:14px;--radius-xs:10px;--nav-h:68px}[data-theme=dark]{--bg:#1a2028;--bg2:#212a33;--surface:#ffffff0d;--surface2:#ffffff08;--solid:#252f38;--text:#f6eddc;--text2:#c8bfaf;--muted:#6a7a86;--border:#f6eddc1f;--border2:#f6eddc0f;--primary:#f6eddc;--primary-h:#fffaf2;--primary-rgb:246,237,220;--accent:#c8a96e;--accent-rgb:200,169,110;--glass:#1a2028d1;--glass-edge:#f6eddc1a;--shadow-sm:0 2px 12px #0000004d;--shadow:0 4px 28px #0000006b;--shadow-lg:0 12px 48px #00000094;--grad:linear-gradient(135deg, #586875 0%, #3f4f5a 100%);--grad-warm:linear-gradient(135deg, #c8a96e 0%, #a07840 100%)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body{overscroll-behavior-y:none;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;width:100%;min-height:-webkit-fill-available;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.app-shell{background-color:var(--bg);background-image:radial-gradient(60% 50% at 5% 15%,#5868751a 0%,#0000 65%),radial-gradient(50% 60% at 95% 85%,#c8a96e14 0%,#0000 65%),radial-gradient(40% 35% at 70% 2%,#5868750f 0%,#0000 55%),radial-gradient(30% 30% at 20% 90%,#c8a96e0d 0%,#0000 55%);min-height:100dvh;position:relative}.page-wrap{width:100%;max-width:480px;margin:0 auto;padding:0 18px 110px}.page-wrap-full{width:100%;max-width:480px;margin:0 auto;padding:0 0 110px}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.75s linear infinite spin}.error-msg{border-radius:var(--radius-sm);color:#c84040;background:#dc50501a;border:1px solid #dc505040;padding:10px 14px;font-size:13px}.success-msg{border-radius:var(--radius-sm);color:var(--primary);text-align:center;background:#5868751a;border:1px solid #58687540;padding:10px 14px;font-size:13px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(1.4);border:1px solid var(--glass-edge);box-shadow:var(--shadow)}.card{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.3);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:600;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#f6eddc;background:#586875;box-shadow:0 4px 20px #58687559}[data-theme=dark] .btn-primary{color:#1a2028;background:#f6eddc;box-shadow:0 4px 20px #f6eddc2e}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-ghost{background:var(--glass);-webkit-backdrop-filter:blur(14px);color:var(--text);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.btn-icon{background:var(--glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);width:40px;height:40px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.btn-icon:hover{color:var(--primary);border-color:var(--primary);transform:scale(1.08)}.input{background:var(--glass);-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .18s,box-shadow .18s;display:block}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}textarea.input{resize:none}select.input{appearance:none;cursor:pointer}.pill{white-space:nowrap;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:100px;align-items:center;gap:5px;padding:8px 15px;font-family:inherit;font-size:13px;font-weight:500;transition:all .16s;display:inline-flex}.pill-active{color:#f6eddc;background:#586875;box-shadow:0 3px 14px #58687547}[data-theme=dark] .pill-active{color:#1a2028;background:#f6eddc;box-shadow:0 3px 14px #f6eddc26}.pill-inactive{background:var(--glass);-webkit-backdrop-filter:blur(12px);border-color:var(--border);color:var(--muted)}.pill-inactive:hover{border-color:var(--primary);color:var(--primary)}.pbar{background:var(--border);border-radius:100px;height:5px;overflow:hidden}.pbar-fill{background:#586875;border-radius:100px;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.badge{letter-spacing:.02em;border-radius:100px;align-items:center;gap:3px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.label{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.divider{background:var(--border);height:1px}.sport-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.scroll-x{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.toggle{cursor:pointer;border:none;border-radius:100px;flex-shrink:0;width:48px;height:28px;transition:background .22s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:left .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;box-shadow:0 1px 6px #00000038}.navbar{background:var(--glass);-webkit-backdrop-filter:blur(32px)saturate(1.5);border-top:1px solid var(--border);z-index:100;padding-bottom:max(env(safe-area-inset-bottom,0px), 8px);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000014}.nav-inner{justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;padding:10px 8px 12px;display:flex}.nav-item{color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:52px;padding:6px 14px;text-decoration:none;transition:all .16s;display:flex}.nav-item.active{color:#586875;background:#58687524}[data-theme=dark] .nav-item.active{color:#f6eddc;background:#f6eddc24;border:1px solid #f6eddc1f}.nav-item:not(.active):hover{color:var(--text2)}.nav-item .nav-label{letter-spacing:.03em;font-size:10px;font-weight:600}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}body.hide-slogan .slogan-bar{display:none!important}.sponsors-ticker{background:0 0;align-items:center;height:56px;margin-bottom:48px;margin-left:-18px;margin-right:-18px;display:flex;overflow:hidden}.sponsors-ticker__inner{flex-shrink:0;align-items:center;width:max-content;height:100%;animation:90s linear infinite marquee;display:flex}.sponsors-ticker__item{letter-spacing:.12em;color:var(--text);text-transform:uppercase;opacity:.35;white-space:nowrap;flex-shrink:0;padding:0 20px;font-size:20px;font-weight:900}[data-theme=light] .sponsors-ticker__item{opacity:.6;color:#1a2028}:root{--sponsor-filter:brightness(10) opacity(.35)}[data-theme=light]{--sponsor-filter:brightness(0) opacity(.55)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.anim-1{animation:.38s both fadeUp}.anim-2{animation:.38s 60ms both fadeUp}.anim-3{animation:.38s .12s both fadeUp}.anim-4{animation:.38s .18s both fadeUp}.anim-5{animation:.38s .24s both fadeUp}.anim-6{animation:.38s .3s both fadeUp}.fade-in{animation:.28s both fadeIn}.scale-in{animation:.28s both scaleIn}.step-bar{border-radius:100px;height:3px;transition:all .3s}.avatar-wrap{flex-shrink:0;width:90px;height:90px;position:relative}.avatar-wrap img,.avatar-wrap .avatar-placeholder{object-fit:cover;border:3px solid #f6eddc8c;border-radius:50%;width:90px;height:90px;box-shadow:0 8px 32px #00000038}.avatar-edit-btn{cursor:pointer;color:#f6eddc;background:#586875;border:2px solid #f6eddc;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:transform .16s;display:flex;position:absolute;bottom:0;right:0}.avatar-edit-btn:hover{transform:scale(1.12)}.chat-locked{background:var(--glass);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin:0 18px;padding:28px 22px}.sport-tag{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:100px;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.stars{gap:2px;display:inline-flex}