*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;max-width:100%;overflow-x:hidden}:root{--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--r-8:8px;--r-12:12px;--r-16:16px;--r-20:20px;--primary:#16c784;--primary-rgb:22, 199, 132;--primary-dim:#0f9d68;--accent:#3b82f6;--accent-rgb:59, 130, 246;--danger:#ef4444;--danger-rgb:239, 68, 68;--gold:#fbbf24;--gold-rgb:251, 191, 36;--silver:#94a3b8;--bronze:#d97706;--warning:#f59e0b;--info:#3b82f6;--success:#16c784;--bg-deep:#05070a;--bg-deep-rgb:5, 7, 10;--bg-primary:#0a0d14;--bg-surface:#0d1118;--bg-card:#ffffff0f;--bg-card-solid:#0a0d14;--bg-card-hover:#ffffff17;--bg-elevated:#151b26;--bg-glass:#1212148c;--bg-glass-strong:#121214bf;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#64748b;--text-inverse:#0a0d14;--border:#ffffff14;--border-light:#ffffff0d;--border-hover:#ffffff26;--glass-blur:18px;--glass-bg:#ffffff0f;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0000004d;--shadow-sm:0 1px 2px #0003, 0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000040, 0 2px 4px #00000026;--shadow-lg:0 8px 24px #0000004d, 0 4px 8px #0003;--shadow-xl:0 12px 40px #0006, 0 8px 16px #00000040;--shadow-primary:0 4px 16px rgba(var(--primary-rgb), .2);--shadow-accent:0 4px 16px rgba(var(--accent-rgb), .2);--shadow-danger:0 4px 16px rgba(var(--danger-rgb), .2);--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Inter", system-ui, -apple-system, sans-serif;--fs-xs:.625rem;--fs-sm:.75rem;--fs-base:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--max-width:1500px;--mobile-width:680px;--header-height:56px;--bottom-nav-height:64px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.25s;--transition-fast:all var(--duration-fast) var(--ease-out);--transition-normal:all var(--duration-normal) var(--ease-out);--transition-slow:all var(--duration-slow) var(--ease-out);--z-base:1;--z-dropdown:50;--z-sticky:100;--z-overlay:500;--z-modal:1000;--z-toast:5000;--z-max:9999}[data-theme=light]{--bg-deep:#f8fafc;--bg-deep-rgb:248, 250, 252;--bg-primary:#f1f5f9;--bg-surface:#fff;--bg-card:#00000008;--bg-card-solid:#fff;--bg-card-hover:#0000000d;--bg-elevated:#f1f5f9;--bg-glass:#ffffffb3;--bg-glass-strong:#ffffffd9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#f8fafc;--primary:#0f9d68;--primary-rgb:15, 157, 104;--primary-dim:#0a7d53;--accent:#2563eb;--accent-rgb:37, 99, 235;--danger:#dc2626;--danger-rgb:220, 38, 38;--border:#00000014;--border-light:#0000000d;--border-hover:#00000026;--glass-bg:#ffffffb3;--glass-border:#00000014;--glass-shadow:0 8px 32px #00000014;--shadow-sm:0 1px 2px #0000000a, 0 1px 3px #00000005;--shadow-md:0 4px 12px #0000000f, 0 2px 4px #00000008;--shadow-lg:0 8px 24px #00000014, 0 4px 8px #0000000a;--shadow-xl:0 12px 40px #0000001a, 0 8px 16px #0000000f;--shadow-primary:0 4px 16px rgba(var(--primary-rgb), .12);--shadow-accent:0 4px 16px rgba(var(--accent-rgb), .12);--shadow-danger:0 4px 16px rgba(var(--danger-rgb), .12)}[data-theme=midnight]{--bg-deep:#020617;--bg-deep-rgb:2, 6, 23;--bg-primary:#0f172a;--bg-surface:#1e293b;--bg-card:#1e293b80;--bg-card-solid:#0f172a;--bg-card-hover:#1e293bb3;--bg-elevated:#1e293b;--bg-glass:#0f172aa6;--bg-glass-strong:#0f172ad9;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#94a3b81a;--border-light:#94a3b80f;--border-hover:#94a3b82e;--glass-bg:#0f172aa6;--glass-border:#94a3b81a;--glass-shadow:0 8px 32px #00000080;--shadow-sm:0 1px 2px #0006, 0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000080, 0 2px 4px #00000059;--shadow-lg:0 8px 24px #0000008c, 0 4px 8px #0006;--shadow-xl:0 12px 40px #0009, 0 8px 16px #00000073}[data-theme=neon]{--bg-deep:#0a0a0f;--bg-deep-rgb:10, 10, 15;--bg-primary:#0f0f1a;--bg-surface:#14142a;--bg-card:#ffffff0a;--bg-card-solid:#0f0f1a;--bg-card-hover:#ffffff12;--bg-elevated:#1a1a33;--bg-glass:#0a0a0f99;--bg-glass-strong:#0a0a0fcc;--primary:#0fa;--primary-rgb:0, 255, 170;--primary-dim:#0c8;--accent:#6366f1;--accent-rgb:99, 102, 241;--danger:#f46;--danger-rgb:255, 68, 102;--text-primary:#f0f0ff;--text-secondary:#c0c0dd;--text-muted:#66a;--border:#6366f126;--border-light:#6366f114;--border-hover:#6366f14d;--glass-bg:#ffffff0a;--glass-border:#6366f126;--glass-shadow:0 8px 32px #6366f11a;--shadow-primary:0 4px 20px rgba(var(--primary-rgb), .25);--shadow-accent:0 4px 20px rgba(var(--accent-rgb), .25);--shadow-danger:0 4px 20px rgba(var(--danger-rgb), .25)}body{font-family:var(--font-body);background-color:var(--bg-deep);background-image:radial-gradient(circle at 50% 0%, rgba(var(--primary-rgb), .06) 0%, transparent 55%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;scroll-behavior:smooth;width:100%;max-width:100%;min-height:100dvh;transition:background-color var(--duration-slow) ease, color var(--duration-slow) ease;font-weight:500;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-8)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:rgba(var(--primary-rgb), .25);color:var(--text-primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-8)}:focus:not(:focus-visible){outline:none}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none;max-width:100%}img,video,svg{max-width:100%;display:block}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-card-solid) inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--bg-card-solid) inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-card-solid) inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(var(--fs-xl), 5vw, var(--fs-3xl))}h2{font-size:clamp(var(--fs-lg), 3.5vw, var(--fs-2xl))}h3{font-size:clamp(var(--fs-md), 2vw, var(--fs-lg))}h4{font-size:var(--fs-md)}p{color:var(--text-secondary);line-height:1.7}.container{max-width:var(--max-width);width:100%;padding:0 var(--sp-20);margin:0 auto}.container-mobile{max-width:var(--mobile-width);width:100%;padding:0 var(--sp-16);margin:0 auto}.page-wrapper{min-height:calc(100vh - var(--header-height) - 80px);padding-top:var(--sp-24);padding-bottom:var(--sp-32)}.glass{-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.glass-card-interactive:active{transform:translateY(0)scale(.98)}@keyframes zk-shimmer{0%{background-position:0%}to{background-position:200%}}.skeleton{background:linear-gradient(90deg, var(--bg-card-solid) 25%, rgba(var(--primary-rgb), .03) 50%, var(--bg-card-solid) 75%);border-radius:var(--r-8);background-size:200% 100%;animation:1.5s ease-in-out infinite zk-shimmer}.skeleton-circle{border-radius:50%}.skeleton-text{border-radius:var(--r-8);width:100%;height:12px}.skeleton-title{border-radius:var(--r-8);width:60%;height:20px}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.skeleton-card{border-radius:var(--r-12);height:80px;margin-bottom:var(--sp-8)}@keyframes zk-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zk-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes zk-pop{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes zk-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes zk-live-pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--danger-rgb), .7);transform:scale(1)}70%{box-shadow:0 0 0 6px rgba(var(--danger-rgb), 0);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(var(--danger-rgb), 0)}}@keyframes zk-live-glow{0%,to{border-color:rgba(var(--danger-rgb), .15);box-shadow:0 0 8px rgba(var(--danger-rgb), .02)}50%{border-color:rgba(var(--danger-rgb), .4);box-shadow:0 0 20px rgba(var(--danger-rgb), .08)}}@keyframes zk-score-pop{0%{transform:scale(1)}40%{color:var(--gold);text-shadow:0 0 12px rgba(var(--gold-rgb), .6);transform:scale(1.3)}to{transform:scale(1)}}@keyframes zk-goal-flash{0%{box-shadow:0 0 0 0 rgba(var(--danger-rgb), .4)}50%{box-shadow:0 0 40px 10px rgba(var(--danger-rgb), .2);border-color:var(--danger)}to{box-shadow:0 0 0 0 rgba(var(--danger-rgb), 0)}}@keyframes zk-red-card{0%{background:rgba(var(--danger-rgb), .2)}to{background:0 0}}@keyframes zk-var{0%{border-color:rgba(var(--accent-rgb), .5);box-shadow:0 0 20px rgba(var(--accent-rgb), .2)}to{border-color:var(--border);box-shadow:none}}@keyframes zk-cta-glow{0%,to{box-shadow:0 4px 20px rgba(var(--primary-rgb), .15)}50%{box-shadow:0 4px 32px rgba(var(--primary-rgb), .3)}}@keyframes zk-spin{to{transform:rotate(360deg)}}@keyframes zk-toast-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes zk-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}@keyframes zk-page-enter{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes zk-gold-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes zk-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes zk-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes zk-confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-150px)rotate(720deg)}}@keyframes zk-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes zk-bounce-glow{0%,to{box-shadow:0 0 0 0 rgba(var(--primary-rgb), 0);transform:translateY(0)}50%{box-shadow:0 0 12px 2px rgba(var(--primary-rgb), .2);transform:translateY(-2px)}}@keyframes zk-rotate-text{0%,30%{opacity:0;transform:translateY(100%)}10%,20%{opacity:1;transform:translateY(0)}40%,to{opacity:0;transform:translateY(-100%)}}@keyframes zk-text-crossfade{0%{opacity:0;filter:blur(2px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes zk-btn-shine{0%{transform:translate(-120%)skew(-20deg)}to{transform:translate(220%)skew(-20deg)}}.anim-fade-up{animation:zk-fade-up var(--duration-slow) var(--ease-out) both}.anim-fade-in{animation:zk-fade-in var(--duration-slow) var(--ease-out) both}.anim-slide-in{animation:zk-slide-in var(--duration-slow) var(--ease-out) both}.anim-pop{animation:zk-pop var(--duration-slow) var(--ease-spring) both}.anim-pulse{animation:2s ease-in-out infinite zk-pulse}.anim-live-pulse{animation:1.5s ease-in-out infinite zk-live-pulse}.anim-live-glow{animation:2s ease-in-out infinite zk-live-glow}.anim-score-pop{animation:zk-score-pop .5s var(--ease-spring) both}.anim-goal-flash{animation:2s ease-out both zk-goal-flash}.anim-cta-glow{animation:3s ease-in-out infinite zk-cta-glow}.anim-spin{animation:.8s linear infinite zk-spin}.anim-toast-in{animation:zk-toast-in .35s var(--ease-out) both}.anim-bounce{animation:1.5s ease-in-out infinite zk-bounce}.anim-bounce-glow{animation:2.5s ease-in-out infinite zk-bounce-glow}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.link-text-rotate{align-items:center;height:14px;display:inline-flex;position:relative;overflow:hidden}.link-text-rotate span{animation:6s infinite zk-rotate-text;animation-delay:var(--delay,0s);opacity:0;display:block;transform:translateY(100%)}.link-text-anim{animation:zk-text-crossfade .35s var(--ease-out) both;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-20);border-radius:var(--r-12);font-weight:600;font-size:var(--fs-sm);transition:var(--transition-fast);white-space:nowrap;max-width:100%;min-height:40px;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary:after,.btn-accent:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff40 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)skew(-20deg)}.btn-primary:hover:after,.btn-accent:hover:after{animation:zk-btn-shine .85s var(--ease-out)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dim));color:var(--text-inverse);box-shadow:var(--shadow-primary)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px rgba(var(--primary-rgb), .3);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg, var(--accent), #4f6ef7);color:#fff;box-shadow:var(--shadow-accent)}.btn-accent:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);padding:var(--sp-8) var(--sp-16)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.btn-danger{background:rgba(var(--danger-rgb), .12);color:var(--danger);border:1px solid rgba(var(--danger-rgb), .2)}.btn-danger:hover{background:rgba(var(--danger-rgb), .2)}.btn-outline{border:1px solid var(--border);color:var(--text-muted);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb), .05)}.btn-sm{padding:var(--sp-4) var(--sp-12);font-size:var(--fs-xs);border-radius:var(--r-8);min-height:32px}.btn-lg{padding:var(--sp-12) var(--sp-24);font-size:var(--fs-md);border-radius:var(--r-16);min-height:48px}.btn-icon{border-radius:var(--r-12);width:40px;height:40px;padding:0}.btn-icon-sm{border-radius:var(--r-8);width:32px;height:32px;padding:0}.btn-icon:hover,.btn-icon-sm:hover{background:var(--bg-card);color:var(--primary);transform:translateY(-1px)}.btn-icon.active,.btn-icon-sm.active{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.btn-ghost.active{color:var(--primary);background:rgba(var(--primary-rgb), .1)}.badge{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-8);font-size:var(--fs-xs);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;font-weight:700;display:inline-flex}.badge-primary{background:rgba(var(--primary-rgb), .1);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .2)}.badge-accent{background:rgba(var(--accent-rgb), .1);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .2)}.badge-danger{background:rgba(var(--danger-rgb), .1);color:var(--danger);border:1px solid rgba(var(--danger-rgb), .2)}.badge-gold{background:rgba(var(--gold-rgb), .1);color:var(--gold);border:1px solid rgba(var(--gold-rgb), .2)}.badge-muted{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}.badge-muted:hover{color:var(--primary);border-color:rgba(var(--primary-rgb), .2);background:rgba(var(--primary-rgb), .05)}.badge-live{background:rgba(var(--danger-rgb), .1);color:var(--danger);border:1px solid rgba(var(--danger-rgb), .25)}.badge-live:before{content:"";background:var(--danger);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s ease-in-out infinite zk-live-pulse}.form-input{width:100%;padding:var(--sp-12) var(--sp-16);border-radius:var(--r-12);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:var(--fs-base);transition:var(--transition-fast);box-sizing:border-box;min-height:44px;font-weight:500}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1)}.form-input::placeholder{color:var(--text-muted);opacity:.5}.status-badge{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-8);font-size:var(--fs-xs);letter-spacing:.03em;text-transform:uppercase;flex-shrink:0;font-weight:700;display:inline-flex}.status-live{color:var(--danger);background:rgba(var(--danger-rgb), .1)}.status-ft{color:var(--primary);background:rgba(var(--primary-rgb), .1)}.status-upcoming{color:var(--text-muted);background:var(--bg-card)}.status-ht{color:var(--gold);background:rgba(var(--gold-rgb), .1)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--primary)}.text-danger{color:var(--danger)}.text-gold{color:var(--gold)}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,monospace}.font-extrabold{font-weight:800}.flex{display:flex}.flex-around{justify-content:space-around;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1;min-width:0}.shrink-0{flex-shrink:0}.grid{display:grid}.gap-12{gap:var(--sp-12)}.gap-16{gap:var(--sp-16)}.gap-20{gap:var(--sp-20)}.gap-24{gap:var(--sp-24)}.gap-32{gap:var(--sp-32)}.mt-20{margin-top:var(--sp-20)}.mt-24{margin-top:var(--sp-24)}.mt-32{margin-top:var(--sp-32)}.mb-4{margin-bottom:var(--sp-4)}.mb-8{margin-bottom:var(--sp-8)}.mb-12{margin-bottom:var(--sp-12)}.mb-16{margin-bottom:var(--sp-16)}.mb-20{margin-bottom:var(--sp-20)}.mb-24{margin-bottom:var(--sp-24)}.p-8{padding:var(--sp-8)}.p-12{padding:var(--sp-12)}.p-16{padding:var(--sp-16)}.p-20{padding:var(--sp-20)}.p-24{padding:var(--sp-24)}.w-full{width:100%}.max-w-mobile{max-width:var(--mobile-width)}.max-w-container{max-width:var(--max-width)}.mx-auto{margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.overflow-x-auto::-webkit-scrollbar{display:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}.invisible{visibility:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=380px){:root{--sp-16:12px;--sp-20:16px}}@media (width>=768px){.hide-desktop{display:none}}@media (width<=767px){.hide-mobile{display:none}}.nav-top-bar{z-index:1000;background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border);transition:background-color var(--duration-slow) ease, box-shadow var(--duration-slow) ease;width:100%;position:sticky;top:0}.nav-top-bar.scrolled{box-shadow:var(--shadow-md);background:var(--bg-deep)}.nav-top-grid{align-items:center;gap:var(--sp-16);height:var(--header-height);padding:0 var(--sp-16);grid-template-columns:1fr auto 1fr;width:100%;display:grid}.nav-profile-block{align-items:center;gap:var(--sp-8);padding:4px var(--sp-12);background:var(--bg-card);border:1px solid var(--border);transition:var(--transition-fast);cursor:pointer;border-radius:20px;text-decoration:none;display:flex}.nav-profile-block:hover{background:var(--bg-card-hover);border-color:rgba(var(--primary-rgb), .5);box-shadow:0 4px 12px rgba(var(--primary-rgb), .1);transform:translateY(-1px)}.nav-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dim));width:28px;height:28px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;box-shadow:0 2px 6px #0003}.nv-notif-dropdown{background:var(--bg-glass-strong);width:360px;max-width:calc(100vw - 32px);max-height:480px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-16);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:zk-pop .25s var(--ease-spring) both;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.nv-notif-item{align-items:center;gap:var(--sp-12);padding:var(--sp-16);border-bottom:1px solid var(--border);transition:background var(--duration-normal) ease;display:flex}.nv-notif-item:hover{background:#ffffff05}.nv-notif-item:last-child{border-bottom:none}.nv-badge-count{background:var(--danger);color:#fff;box-shadow:0 0 0 2px var(--bg-deep);animation:zk-pop .3s var(--ease-spring) both, zk-pulse 2s infinite .5s;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:-4px;right:-6px}.cmd-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-max);background:#000000b3;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.2s both zk-fade-in;display:flex;position:fixed;inset:0}.cmd-modal{background:var(--bg-glass-strong);border:1px solid var(--glass-border);border-radius:var(--r-20);width:90%;max-width:600px;box-shadow:var(--shadow-xl);animation:zk-pop .3s var(--ease-spring) both;overflow:hidden}.cmd-input-wrap{align-items:center;gap:var(--sp-12);padding:var(--sp-16) var(--sp-20);border-bottom:1px solid var(--border);display:flex}.cmd-input{color:var(--text-primary);font-size:var(--fs-lg);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-weight:600}.cmd-input::placeholder{color:var(--text-muted)}.cmd-results{max-height:60vh;padding:var(--sp-12);scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-y:auto}.cmd-group{margin-bottom:var(--sp-16)}.cmd-group-title{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:0 var(--sp-12) var(--sp-8);font-weight:800}.cmd-item{align-items:center;gap:var(--sp-12);text-align:left;width:100%;color:var(--text-primary);padding:var(--sp-12);border-radius:var(--r-12);cursor:pointer;transition:background var(--duration-fast) ease, transform var(--duration-fast) ease;font-size:var(--fs-md);background:0 0;border:none;font-family:inherit;font-weight:600;display:flex}.cmd-item:hover,.cmd-item:focus-visible{background:rgba(var(--primary-rgb), .08);outline:none;transform:translate(4px)}.cmd-item-icon{color:var(--primary);flex-shrink:0}.cmd-empty{text-align:center;padding:var(--sp-24);color:var(--text-muted);font-size:var(--fs-sm)}.theme-switcher-popover{top:calc(100% + var(--sp-8));background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-16);padding:var(--sp-12);min-width:200px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-xl);animation:zk-pop .25s var(--ease-spring) both;position:absolute;right:0;z-index:1003!important}.tsp-header{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--sp-8) var(--sp-8) var(--sp-12);font-weight:800}.tsp-accent{align-items:center;gap:var(--sp-8);width:100%;padding:var(--sp-8) var(--sp-12);border-radius:var(--r-8);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;font-family:inherit;font-weight:600;display:flex}.tsp-accent:hover{background:rgba(var(--primary-rgb), .08)}.tsp-accent.on{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.tsp-swatch{border-radius:50%;flex-shrink:0;width:16px;height:16px}.tsp-label{flex:1}.tsp-check{color:var(--primary);flex-shrink:0}.nv-ticker-wrap{background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;width:100%;height:40px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.nv-ticker-track{white-space:nowrap;align-items:center;gap:40px;animation:60s linear infinite ticker-scroll;display:flex}.nv-ticker-track:hover{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.nv-ticker-item{font-size:var(--fs-sm);color:var(--text-secondary);border-radius:8px;flex-shrink:0;align-items:center;gap:10px;padding:6px 14px;text-decoration:none;transition:background .2s;display:inline-flex}.nv-ticker-item:hover{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.nv-ticker-live{background:var(--danger);color:#fff;letter-spacing:.05em;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:700;display:flex}.nv-ticker-live:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite live-blink}.ticker-team{color:var(--text-primary);font-weight:600;transition:color .2s}.nv-ticker-item:hover .ticker-team{color:var(--primary)}.ticker-minute{color:var(--danger);font-weight:700;font-size:var(--fs-xs)}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.4}}.theme-switcher-popover{z-index:1002!important;z-index:1002!important;z-index:1002!important}.nv-ticker-content{white-space:nowrap;will-change:transform;color:var(--text-secondary);align-items:center;gap:24px;padding-left:100%;animation:50s linear infinite zk-marquee;display:inline-flex}.nv-ticker-wrap:hover .nv-ticker-content{animation-play-state:paused}.nv-ticker-item{color:var(--text-secondary);transition:color var(--duration-fast) ease;align-items:center;gap:8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.nv-ticker-item:hover{color:var(--primary)}.nv-ticker-live{color:var(--danger);font-weight:900}.nv-mob-overlay{-webkit-backdrop-filter:blur(4px);z-index:1001;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease;background:#000000b3;position:fixed;inset:0}.nv-mob-overlay.open{opacity:1;pointer-events:auto}.nv-mob-drawer{background:var(--bg-glass-strong);width:300px;max-width:85%;height:100vh;-webkit-backdrop-filter:blur(var(--glass-blur));z-index:1002;transition:transform var(--duration-slow) var(--ease-spring);box-shadow:var(--shadow-xl);position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(100%)}.nv-mob-drawer.open{transform:translate(0)}.nav-bottom{height:var(--bottom-nav-height);background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--border);z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-link-bottom{color:var(--text-muted);transition:color var(--duration-fast) ease;padding:var(--sp-8) var(--sp-12);border-radius:var(--r-12);flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.nav-link-bottom.active{color:var(--primary)}.nav-link-bottom .nav-icon-wrap{border-radius:var(--r-8);width:32px;height:26px;transition:background var(--duration-fast) ease, transform var(--duration-fast) var(--ease-spring);justify-content:center;align-items:center;display:flex}.nav-link-bottom.active .nav-icon-wrap{background:rgba(var(--primary-rgb), .12);transform:translateY(-2px)scale(1.05)}@media (width>=768px){.app-layout{background:var(--bg-deep);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.main-content{padding-bottom:0}.zoka-wrap{max-width:var(--max-width);padding:0 var(--sp-32)}.nav-top-bar{width:100%}}.breadcrumbs-wrap{width:100%;padding:0 var(--sp-16);justify-content:center;display:flex}.breadcrumbs-nav{align-items:center;gap:var(--sp-4);font-size:var(--fs-xs);color:var(--text-muted);text-transform:capitalize;letter-spacing:.03em;max-width:var(--mobile-width);width:fit-content;margin:var(--sp-12) auto;padding:var(--sp-8) var(--sp-16);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);animation:zk-fade-up .4s var(--ease-out) both;border-radius:20px;flex-wrap:wrap;justify-content:center;font-weight:700;display:inline-flex}.breadcrumbs-link{color:var(--text-secondary);transition:color var(--duration-fast) ease;padding:var(--sp-4);border-radius:var(--r-8);text-decoration:none}.breadcrumbs-link:hover{color:var(--primary);background:rgba(var(--primary-rgb), .06)}.breadcrumbs-link:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-radius:var(--r-8)}.breadcrumbs-sep{opacity:.3;flex-shrink:0;font-size:10px}.breadcrumbs-current{color:var(--primary);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-8);background:rgba(var(--primary-rgb), .06);font-weight:800}.zoka-toast-wrap{top:var(--sp-16);z-index:var(--z-toast);gap:var(--sp-8);pointer-events:none;width:calc(100% - var(--sp-24));flex-direction:column;max-width:400px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.zoka-toast{pointer-events:auto;cursor:pointer;border:1px solid var(--glass-border);border-radius:var(--r-12);padding:var(--sp-12) var(--sp-16);color:var(--text-primary);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-xl);animation:zk-toast-in .35s var(--ease-out) both;font-size:var(--fs-sm)}.zoka-footer{background:var(--bg-deep);border-top:1px solid var(--border);margin-top:var(--sp-32);color:var(--text-muted);font-size:var(--fs-sm);overflow-x:hidden}.zoka-footer-container{max-width:var(--max-width);width:100%;padding:0 var(--sp-20);margin:0 auto}.page-transition-wrapper{animation:zk-page-enter .25s var(--ease-out) both;min-height:80vh;overflow-x:hidden}@media (width>=768px){.main-content{padding-bottom:0}.zoka-wrap{max-width:var(--max-width);padding:0 var(--sp-32)}.nav-top-bar{width:100%}}.app-layout{background:var(--bg-deep);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.main-content{flex:1;width:100%;min-width:0;padding-bottom:80px;overflow-x:hidden}@media (width>=768px){.main-content{padding-bottom:0}.zoka-wrap{max-width:var(--max-width);padding:0 var(--sp-32)}.nav-top-bar{width:100%}}@keyframes zk-loader-pulse{0%,to{opacity:1}50%{opacity:.5}}.zoka-loader-container{background:var(--bg-deep);z-index:var(--z-max);color:var(--text-primary);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.zoka-loader-content{text-align:center;z-index:2;width:90%;max-width:430px}.zoka-loader-live-badge{align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-16);background:rgba(var(--primary-rgb), .12);border:1px solid rgba(var(--primary-rgb), .4);color:var(--primary);font-weight:800;font-size:var(--fs-xs);letter-spacing:2px;border-radius:30px;animation:1.5s infinite zk-loader-pulse;display:inline-flex}.zoka-loader-dot{background:var(--primary);width:9px;height:9px;box-shadow:0 0 15px var(--primary);border-radius:50%}.zoka-loader-ball{filter:drop-shadow(0 0 25px rgba(var(--primary-rgb), .5));margin-top:35px;font-size:clamp(56px,18vw,90px);display:inline-block}.zoka-loader-logo{margin-top:var(--sp-8);letter-spacing:5px;color:var(--primary);text-shadow:0 0 20px rgba(var(--primary-rgb), .6);font-size:clamp(26px,8vw,40px);font-weight:900}.zoka-loader-text{margin-top:var(--sp-20);font-size:var(--fs-md);color:var(--text-secondary);min-height:25px}.zoka-loader-progress-outer{background:#ffffff1f;border-radius:20px;width:100%;height:10px;margin-top:35px;overflow:hidden}.zoka-loader-progress-inner{background:var(--primary);height:100%;box-shadow:0 0 15px var(--primary);border-radius:20px;transition:width .5s}.z-offline{justify-content:center;align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-16);background:rgba(var(--danger-rgb), .06);border-bottom:1px solid rgba(var(--danger-rgb), .15);font-size:var(--fs-sm);color:var(--danger);text-align:center;font-weight:700;display:flex}.zoka-home{background:var(--bg-deep);width:100%;min-height:100vh;position:relative;overflow-x:hidden}.zoka-home:before{content:"";background-image:radial-gradient(circle at 20% 30%, rgba(var(--primary-rgb), .03) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(var(--gold-rgb), .03) 0%, transparent 40%);pointer-events:none;z-index:0;position:fixed;inset:0}.zoka-home-wrap{max-width:var(--mobile-width);width:100%;padding:0 var(--sp-16);z-index:1;margin:0 auto;position:relative}.z-hero-pro{padding:var(--sp-24) 0 var(--sp-16);text-align:center;animation:zk-fade-up .6s var(--ease-out) both;border-radius:0 0 var(--r-24) var(--r-24);margin:0 calc(var(--sp-16) * -1) var(--sp-16);padding:var(--sp-24) var(--sp-16) var(--sp-16);transition:background .8s}.z-hero-top-row{justify-content:center;align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-8);display:flex}.z-title{letter-spacing:-.04em;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(2rem,9vw,2.8rem);font-weight:900;line-height:1}.z-title span{background:linear-gradient(90deg, var(--primary), #34d399, var(--primary));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:3s linear infinite zk-shimmer}.z-hero-pills{justify-content:center;gap:var(--sp-8);margin:var(--sp-12) 0;display:flex}.z-pill{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--r-20);color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff14;padding:4px 12px;font-weight:800}.z-sub{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--sp-8);justify-content:center;align-items:center;gap:var(--sp-8);flex-wrap:wrap;font-weight:500;display:flex}.z-scale-stats{margin-top:var(--sp-20);padding:var(--sp-16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r-16);background:#ffffff08;border:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex}.z-scale-item{flex-direction:column;align-items:center;gap:4px;display:flex}.z-scale-item .val{font-size:var(--fs-xl);font-weight:900;font-family:var(--font-display);color:var(--text-primary);line-height:1}.z-scale-item .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.z-streak-badge{background:rgba(var(--danger-rgb), .1);border:1px solid rgba(var(--danger-rgb), .3);border-radius:var(--r-20);align-items:center;gap:6px;padding:6px 12px;animation:2s infinite zk-pulse-glow;display:flex}.z-streak-fire{animation:1.5s infinite alternate zk-flicker}.z-streak-text{color:var(--danger);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.z-daily-challenge{background:var(--bg-card);border:1px solid rgba(var(--gold-rgb), .3);border-radius:var(--r-16);padding:var(--sp-16);margin-bottom:var(--sp-16);animation:zk-fade-up .5s var(--ease-out) .2s both;position:relative;overflow:hidden}.z-dc-glow{background:radial-gradient(circle, rgba(var(--gold-rgb), .08) 0%, transparent 60%);pointer-events:none;width:200%;height:200%;animation:10s linear infinite zk-rotate;position:absolute;top:-50%;left:-50%}.z-dc-header{margin-bottom:var(--sp-12);z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.z-dc-badge{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:.7rem;font-weight:800;display:flex}.z-dc-bonus{color:var(--bg-deep);background:var(--gold);border-radius:var(--r-6);padding:4px 8px;font-size:.7rem;font-weight:900}.z-dc-match{margin-bottom:var(--sp-16);z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.z-dc-team{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.z-dc-team img{background:#ffffff0d;border-radius:50%;padding:4px}.z-dc-team span{color:var(--text-primary);text-align:center;font-size:.8rem;font-weight:700}.z-dc-vs{color:var(--text-muted);font-size:1rem;font-weight:900;font-family:var(--font-display)}.z-dc-btn{background:linear-gradient(135deg, var(--gold), #f59e0b);width:100%;color:var(--bg-deep);border-radius:var(--r-12);cursor:pointer;z-index:1;border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9rem;font-weight:800;transition:all .2s;display:flex;position:relative}.z-dc-btn:hover{box-shadow:0 8px 20px rgba(var(--gold-rgb), .3);transform:translateY(-2px)}.z-dc-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.z-stats-widget{gap:var(--sp-12);margin-bottom:var(--sp-16);grid-template-columns:1fr 1fr;display:grid}.z-sw-item{align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);transition:var(--transition-fast);display:flex}.z-sw-item:hover{border-color:rgba(var(--primary-rgb), .2);transform:translateY(-1px)}.z-sw-data{flex-direction:column;display:flex}.z-sw-data .val{font-size:var(--fs-lg);font-weight:900;font-family:var(--font-display);color:var(--text-primary);line-height:1}.z-sw-data .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.65rem;font-weight:700}.z-strip-header{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-12);display:flex}.z-strip-title{font-size:var(--fs-sm);align-items:center;gap:var(--sp-4);white-space:nowrap;font-weight:800;display:flex}.z-strip-link{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:var(--sp-4);transition:color var(--duration-fast);flex-shrink:0;margin-left:auto;font-weight:700;display:flex}.z-strip-link:hover{color:var(--primary)}.z-livestrip{gap:var(--sp-12);-webkit-overflow-scrolling:touch;padding:0 0 var(--sp-8);scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.z-livestrip::-webkit-scrollbar{display:none}.z-live-loader{background:linear-gradient(145deg, rgba(var(--primary-rgb), .04), rgba(var(--bg-deep), .8));border:1px solid rgba(var(--primary-rgb), .15);border-radius:var(--r-16);justify-content:center;align-items:center;gap:var(--sp-8);scroll-snap-align:start;flex-direction:column;flex-shrink:0;min-width:180px;max-width:220px;height:100px;display:flex}.z-loader-radar{border:2px solid rgba(var(--primary-rgb), .15);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:1s linear infinite zk-spin}.z-loader-text{font-size:var(--fs-xs);color:var(--primary);align-items:center;gap:var(--sp-4);text-transform:uppercase;font-weight:700;display:flex}.z-ldot{background:var(--danger);width:6px;height:6px;box-shadow:0 0 8px rgba(var(--danger-rgb), .6);border-radius:50%;animation:1.2s infinite zk-pulse}.z-livemini{min-width:180px;max-width:220px;padding:var(--sp-12);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);scroll-snap-align:start;transition:var(--transition-fast);animation:zk-slide-in .4s var(--ease-out) both;flex:none}.z-livemini:hover{border-color:rgba(var(--primary-rgb), .3);transform:translateY(-3px);box-shadow:0 8px 24px #0003}.z-lm-top{margin-bottom:var(--sp-8);justify-content:space-between;align-items:center;gap:var(--sp-8);display:flex}.z-lm-league{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;flex:1;min-width:0;font-size:.65rem;font-weight:700;overflow:hidden}.z-lm-status.live{background:rgba(var(--danger-rgb), .12);border-radius:var(--r-8);flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;animation:2s infinite zk-pulse-bg;display:flex}.z-lm-row{align-items:center;gap:var(--sp-4);margin-bottom:4px;display:flex}.z-lm-name{font-size:var(--fs-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.z-lm-score{font-size:var(--fs-md);font-weight:900;font-family:var(--font-display);font-variant-numeric:tabular-nums;flex-shrink:0}.z-stats{gap:var(--sp-8);margin:var(--sp-16) 0 var(--sp-20);grid-template-columns:repeat(4,1fr);display:grid}.z-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);padding:var(--sp-12) var(--sp-8);text-align:center;transition:var(--transition-normal);min-width:0;position:relative;overflow:hidden}.z-chip:hover{border-color:rgba(var(--primary-rgb), .3);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.z-chip .val{font-size:var(--fs-lg);font-weight:900;font-family:var(--font-display);color:var(--text-primary);line-height:1}.z-chip .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--sp-4);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;font-weight:700;overflow:hidden}.z-chip .bar{height:3px;margin-top:var(--sp-8);background:#ffffff0f;border-radius:2px;overflow:hidden}.z-chip .bar-fill{border-radius:2px;height:100%;transition:width 1.5s cubic-bezier(.22,1,.36,1)}.z-sec{margin-bottom:var(--sp-24)}.z-sech{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-12);display:flex}.z-sech h2{font-size:var(--fs-sm);color:var(--text-primary);white-space:nowrap;margin:0;font-weight:800}.z-sech-line{background:linear-gradient(90deg, var(--border), transparent);height:1px;min-width:var(--sp-8);flex:1}.z-sech-badge{border-radius:var(--r-8);text-transform:uppercase;flex-shrink:0;padding:4px 8px;font-size:.65rem;font-weight:800}.z-mc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);padding:var(--sp-12);margin-bottom:var(--sp-8);transition:all .2s}.z-mc:hover{border-color:rgba(var(--primary-rgb), .2);transform:translate(2px)}.z-mc.live{border-color:rgba(var(--danger-rgb), .3);background:linear-gradient(90deg, rgba(var(--danger-rgb), .03), var(--bg-card))}.z-mh{margin-bottom:var(--sp-8);justify-content:space-between;align-items:center;display:flex}.z-ml{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:flex}.z-st{border-radius:var(--r-6);font-variant-numeric:tabular-nums;padding:3px 8px;font-size:.65rem;font-weight:800}.z-tm{margin-bottom:var(--sp-8);justify-content:space-between;align-items:center;display:flex}.z-te{color:var(--text-primary);flex:1;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.z-te.aw{text-align:right;justify-content:flex-end}.z-sb{border-radius:var(--r-8);font-family:var(--font-display);background:#ffffff08;align-items:center;gap:6px;padding:6px 12px;font-size:1rem;font-weight:900;display:flex}.z-sb.lv{background:rgba(var(--danger-rgb), .1);color:var(--danger)}.z-sn{text-align:center;min-width:20px}.z-sn.gd{color:var(--text-muted);opacity:.6}.z-sep{color:var(--text-muted);font-weight:400}.z-vs{color:var(--text-muted);font-size:.8rem;font-weight:800}.z-ma{justify-content:flex-end;display:flex}.z-podium{justify-content:center;align-items:flex-end;gap:var(--sp-8);margin-bottom:var(--sp-16);padding:var(--sp-16) 0;display:flex}.z-pod-u{max-width:120px;animation:zk-fade-up .5s var(--ease-out) both;flex-direction:column;flex:1;align-items:center;display:flex}.z-pod-info{flex-direction:column;align-items:center;margin-bottom:8px;display:flex}.z-pod-avatar{background:var(--bg-card);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-weight:900;display:flex}.z-pod-name{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:4px;font-size:.75rem;font-weight:700;overflow:hidden}.z-pod-bar{border-radius:var(--r-8) var(--r-8) 0 0;justify-content:center;align-items:flex-end;width:100%;padding-bottom:8px;display:flex}.z-pod-num{font-size:1.2rem;font-weight:900;font-family:var(--font-display);opacity:.8}.z-lbrow{align-items:center;gap:var(--sp-12);padding:var(--sp-12);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);margin-bottom:var(--sp-8);transition:var(--transition-fast);display:flex}.z-lbrow.me{border-color:rgba(var(--primary-rgb), .4);background:rgba(var(--primary-rgb), .05)}.z-lb-rank{font-size:.8rem;font-weight:900;font-family:var(--font-display);text-align:center;min-width:32px}.z-lb-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:900;display:flex}.z-lb-name{color:var(--text-primary);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.z-me-badge{color:var(--bg-deep);background:var(--primary);border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:800}.z-lb-sub{color:var(--text-muted);margin-top:2px;font-size:.65rem}.z-lb-pts{font-size:.9rem;font-weight:900;font-family:var(--font-display);color:var(--text-primary)}.z-ecard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);padding:var(--sp-16);color:inherit;transition:var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.z-ecard:hover{border-color:rgba(var(--primary-rgb), .3);transform:translateY(-4px);box-shadow:0 12px 32px #0003}.z-ecard-accent{width:4px;height:100%;position:absolute;top:0;left:0}.z-ecard svg{margin-bottom:var(--sp-12)}.z-ecard-title{color:var(--text-primary);margin-bottom:4px;font-size:.85rem;font-weight:800}.z-ecard-sub{font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.4;overflow:hidden}.z-toggle{border:1px dashed var(--border);border-radius:var(--r-12);width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);margin-top:var(--sp-8);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.8rem;font-weight:700;display:flex}.z-toggle:hover{border-color:var(--primary);color:var(--primary);background:#ffffff08}.z-cta{justify-content:center;align-items:center;gap:var(--sp-8);width:100%;max-width:100%;padding:var(--sp-16) var(--sp-24);border-radius:var(--r-16);font-family:inherit;font-size:var(--fs-base);color:var(--text-inverse);text-align:center;background:linear-gradient(135deg, var(--primary), var(--primary-dim));box-shadow:var(--shadow-primary);cursor:pointer;transition:var(--transition-normal);box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:none;font-weight:900;text-decoration:none;display:flex;position:relative;overflow:hidden}.z-hero-match.goal-flash{animation:1s ease-out zk-goal-flash}@keyframes zk-pulse-bg{0%,to{background:rgba(var(--danger-rgb), .12)}50%{background:rgba(var(--danger-rgb), .25)}}@keyframes zk-flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}@keyframes zk-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes zk-pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(var(--danger-rgb), .2)}50%{box-shadow:0 0 12px 2px rgba(var(--danger-rgb), .15)}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.items-end{align-items:flex-end}.items-center{align-items:center}.gap-4{gap:4px}.gap-8{gap:8px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-32{margin-bottom:32px}.p-32{padding:32px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.font-bold{font-weight:700}.gold-text{color:var(--gold)}.z-offline{background:var(--danger);color:#fff;text-align:center;z-index:9999;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:.75rem;font-weight:700;animation:.3s zk-fade-up;display:flex;position:fixed;top:0;left:0;right:0}.z-mc{gap:var(--sp-8);padding:var(--sp-12) var(--sp-16);border-radius:var(--r-16);background:var(--bg-card);border:1px solid var(--border);margin-bottom:var(--sp-8);transition:var(--transition-fast);flex-direction:column;display:flex}.z-mc:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.z-mc.live{border-color:rgba(var(--danger-rgb), .3);box-shadow:0 0 12px rgba(var(--danger-rgb), .05)}.z-mc.ft{border-color:rgba(var(--primary-rgb), .2)}.z-mc.zoka{background:linear-gradient(135deg, rgba(var(--gold-rgb), .04), rgba(var(--gold-rgb), .01));border:1px solid rgba(var(--gold-rgb), .2);position:relative;overflow:hidden}.z-mc.zoka:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--gold-rgb), .05), transparent);width:100%;height:100%;animation:3s infinite zk-shimmer;position:absolute;top:0;left:-100%}.z-mc.dim{opacity:.45}.z-mh{justify-content:space-between;align-items:center;gap:var(--sp-8);display:flex}.z-ml{align-items:center;gap:var(--sp-8);flex:1;min-width:0;display:flex}.z-ml img{object-fit:contain;border-radius:3px;flex-shrink:0;width:14px;height:14px}.z-ml span{font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-weight:700;overflow:hidden}.z-st{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-8);font-size:var(--fs-xs);text-transform:uppercase;flex-shrink:0;font-weight:800;display:inline-flex}.z-tm{align-items:center;gap:var(--sp-8);display:flex}.z-te{align-items:center;gap:var(--sp-8);flex:1;min-width:0;display:flex}.z-te.aw{text-align:right;flex-direction:row-reverse}.z-te img{border-radius:var(--r-8);object-fit:contain;flex-shrink:0;width:24px;height:24px}.z-te span{font-size:var(--fs-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.z-sb{align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-12);border-radius:var(--r-12);border:1px solid var(--border);background:#ffffff05;flex-shrink:0;justify-content:center;min-width:72px;display:flex}.z-sb.lv{background:rgba(var(--danger-rgb), .06);border-color:rgba(var(--danger-rgb), .3)}.z-sb.ft{background:rgba(var(--primary-rgb), .04);border-color:rgba(var(--primary-rgb), .2)}.z-sb.zk{background:rgba(var(--gold-rgb), .06);border-color:rgba(var(--gold-rgb), .3)}.z-sn{font-size:var(--fs-md);font-weight:900;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-primary)}.z-sn.r{color:var(--danger)}.z-sn.g{color:var(--primary)}.z-sn.gd{color:var(--gold)}.z-sep{color:var(--text-muted);font-size:var(--fs-sm);opacity:.5;font-weight:800}.z-vs{font-size:var(--fs-xs);color:var(--text-muted);opacity:.4;letter-spacing:.08em;font-weight:800}.z-ma{align-items:center;gap:var(--sp-8);flex-wrap:wrap;justify-content:flex-end;display:flex}.z-btn{padding:7px var(--sp-12);border-radius:var(--r-8);font-size:var(--fs-xs);cursor:pointer;justify-content:center;align-items:center;gap:var(--sp-4);transition:var(--transition-fast);border:none;min-height:34px;font-family:inherit;font-weight:800;display:inline-flex}.z-btn:active{transform:scale(.97)}.z-btn-p{background:linear-gradient(135deg, var(--primary), var(--primary-dim));color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb), .25)}.z-btn-p:hover{filter:brightness(1.1);transform:translateY(-1px)}.z-btn-gh{border:1px solid var(--border);color:var(--text-muted);background:#ffffff08}.z-btn-gh:hover{border-color:var(--border-hover);color:var(--text-primary)}.z-btn-ol{border:1px solid var(--border);color:var(--text-muted);background:0 0}.z-btn-ol:hover{border-color:var(--primary);color:var(--primary)}.z-btn-ol.on{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb), .05)}.z-explore{gap:var(--sp-12);grid-template-columns:1fr 1fr;display:grid}.z-ecard{gap:var(--sp-8);padding:var(--sp-16);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);color:inherit;transition:var(--transition-normal);flex-direction:column;min-width:0;text-decoration:none;display:flex;position:relative;overflow:hidden}.z-ecard:hover{border-color:rgba(var(--primary-rgb), .2);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.z-ecard:active{transform:scale(.98)}.z-ecard-accent{border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.z-ecard-title{font-size:var(--fs-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.z-ecard-sub{font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.z-lbrow{align-items:center;gap:var(--sp-12);padding:var(--sp-12);border-radius:var(--r-12);background:var(--bg-card);border:1px solid var(--border);margin-bottom:var(--sp-8);transition:background var(--duration-fast);display:flex}.z-lbrow:hover{background:var(--bg-card-hover)}.z-lbrow.me{background:rgba(var(--primary-rgb), .04);border-color:rgba(var(--primary-rgb), .2)}.z-lb-rank{text-align:center;width:30px;font-weight:800;font-family:var(--font-display);color:var(--text-muted);flex-shrink:0}.z-lb-avatar{border-radius:var(--r-8);width:32px;height:32px;font-size:var(--fs-xs);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.z-lb-info{flex:1;min-width:0}.z-lb-name{font-size:var(--fs-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.z-lb-sub{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600}.z-lb-pts{font-size:var(--fs-base);color:var(--primary);font-weight:800;font-family:var(--font-display);flex-shrink:0}.z-toggle{justify-content:center;align-items:center;gap:var(--sp-8);width:100%;padding:var(--sp-12);margin-top:var(--sp-8);border-radius:var(--r-12);font-family:inherit;font-size:var(--fs-sm);color:var(--text-muted);border:1px dashed var(--border);cursor:pointer;transition:var(--transition-normal);background:#ffffff05;font-weight:700;display:flex}.z-toggle:hover{background:rgba(var(--primary-rgb), .03);border-color:rgba(var(--primary-rgb), .3);color:var(--primary)}.z-toggle svg{transition:transform var(--duration-slow)}.z-toggle.open svg{transform:rotate(180deg)}.z-cta{justify-content:center;align-items:center;gap:var(--sp-8);width:100%;padding:var(--sp-16) var(--sp-24);border-radius:var(--r-16);background:linear-gradient(135deg, var(--primary), var(--primary-dim));color:var(--text-inverse);font-weight:900;font-size:var(--fs-base);box-shadow:var(--shadow-primary);cursor:pointer;transition:var(--transition-normal);border:none;font-family:inherit;animation:3s ease-in-out infinite zk-cta-glow;display:flex}.z-cta:hover{box-shadow:0 6px 24px rgba(var(--primary-rgb), .35);transform:translateY(-2px)}.z-cta:active{transform:scale(.98)}.z-zoka-wrap{background:linear-gradient(135deg, rgba(var(--gold-rgb), .03), transparent);border:1px solid rgba(var(--gold-rgb), .2);border-radius:var(--r-16);padding:var(--sp-16);margin-bottom:var(--sp-8);position:relative;overflow:hidden}.z-zoka-wrap:after{content:"";background:linear-gradient(45deg, transparent, rgba(var(--gold-rgb), .03), transparent);pointer-events:none;width:200%;height:200%;animation:4s linear infinite zk-shimmer;position:absolute;top:-50%;left:-50%}.z-news-marquee-wrap{margin:var(--sp-16) 0 var(--sp-20);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.z-news-marquee{gap:var(--sp-12);width:max-content;padding:var(--sp-4) 0;animation:40s linear infinite zk-marquee;display:flex}.z-news-marquee:hover{animation-play-state:paused}.z-newsmini{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);min-width:200px;max-width:220px;height:150px;color:inherit;transition:var(--transition-normal);flex-direction:column;flex-shrink:0;text-decoration:none;display:flex;overflow:hidden}.z-newsmini:hover{border-color:rgba(var(--primary-rgb), .3);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.z-news-img{object-fit:cover;background:var(--bg-surface);width:100%;height:80px}.z-news-img-ph{background:linear-gradient(135deg, rgba(var(--primary-rgb), .1), rgba(var(--primary-rgb), .02));width:100%;height:80px;color:var(--primary);justify-content:center;align-items:center;display:flex}.z-news-body{padding:var(--sp-8);gap:var(--sp-4);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.z-news-cat{font-size:var(--fs-xs);text-transform:uppercase;color:var(--primary);letter-spacing:.05em;font-weight:800}.z-news-title{font-size:var(--fs-xs);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.z-podium{justify-content:center;align-items:flex-end;gap:var(--sp-8);padding:var(--sp-8) 0 0;display:flex}.z-pod-u{flex-direction:column;flex:1;align-items:center;min-width:0;max-width:120px;display:flex}.z-pod-info{margin-bottom:var(--sp-8);flex-direction:column;align-items:center;display:flex}.z-pod-avatar{font-weight:800;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex}.z-pod-name{font-size:var(--fs-sm);color:var(--text-primary);margin-top:var(--sp-4);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-weight:700;overflow:hidden}.z-pod-pts{font-size:var(--fs-xs);font-weight:800;font-family:var(--font-display)}.z-pod-bar{border-radius:var(--r-12) var(--r-12) 0 0;border-bottom:none;justify-content:center;align-items:center;width:100%;display:flex}.z-pod-num{font-size:var(--fs-lg);font-weight:900;font-family:var(--font-display)}.gold-text{background:linear-gradient(90deg, var(--gold), #fde68a, var(--gold));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:3s linear infinite zk-gold-shimmer}@media (width<=640px){.z-stats{grid-template-columns:repeat(2,1fr)}.z-chip .val{font-size:var(--fs-md)}.z-te span{font-size:var(--fs-sm)}.z-sn{font-size:var(--fs-base)}.z-sb{min-width:64px;padding:var(--sp-4) var(--sp-8)}}@media (width<=380px){.z-stats{gap:var(--sp-8)}.z-chip{padding:var(--sp-8) var(--sp-4)}.z-ecard{padding:var(--sp-12)}}.z-hero-pro{gap:var(--sp-20);padding:var(--sp-24) 0;text-align:center;animation:zk-fade-up .5s var(--ease-out) both;flex-direction:column;display:flex}.z-hero-content{align-items:center;gap:var(--sp-12);flex-direction:column;display:flex}.z-hero-pills{gap:var(--sp-8);flex-wrap:wrap;justify-content:center;display:flex}.z-pill{font-size:var(--fs-xs);color:var(--primary);background:rgba(var(--primary-rgb), .1);padding:var(--sp-4) var(--sp-12);border:1px solid rgba(var(--primary-rgb), .2);border-radius:20px;font-weight:700}.z-social-proof{align-items:center;gap:var(--sp-8);font-size:var(--fs-xs);color:var(--text-muted);flex-wrap:wrap;justify-content:center;display:flex}.z-stars{color:var(--gold);letter-spacing:2px}.z-scale-stats{justify-content:center;align-items:center;gap:var(--sp-16);padding:var(--sp-16);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);flex-wrap:wrap;display:flex}.z-scale-item{flex-direction:column;align-items:center;display:flex}.z-scale-item .val{font-size:var(--fs-lg);color:var(--text-primary);font-weight:800}.z-scale-item .lbl{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase}.z-scale-divider{background:var(--border);width:1px;height:30px}.z-hero-match{padding:var(--sp-16);background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:var(--r-20);margin-bottom:var(--sp-16);transition:var(--transition-normal);text-decoration:none;display:block}.z-hero-match:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.z-hero-match.live{border-color:rgba(var(--danger-rgb), .3);box-shadow:0 0 15px rgba(var(--danger-rgb), .05)}.z-hero-top{margin-bottom:var(--sp-12);justify-content:space-between;align-items:center;gap:var(--sp-8);display:flex}.z-hero-league{align-items:center;gap:var(--sp-8);font-size:var(--fs-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;display:flex;overflow:hidden}.z-hero-badge{font-size:var(--fs-xs);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-8);text-transform:uppercase;flex-shrink:0;font-weight:800}.z-hero-badge.live{background:rgba(var(--danger-rgb), .1);color:var(--danger);align-items:center;gap:var(--sp-4);display:flex}.z-hero-badge.ft{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.z-hero-badge.sched{background:var(--bg-card);color:var(--text-muted)}.z-hero-teams{justify-content:space-between;align-items:center;gap:var(--sp-12);display:flex}.z-hero-team{align-items:center;gap:var(--sp-8);flex-direction:column;width:40%;min-width:0;display:flex}.z-hero-team img{object-fit:contain;width:48px;height:48px}.z-hero-team span{font-size:var(--fs-sm);color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.z-hero-score{flex-shrink:0;justify-content:center;align-items:center;display:flex}.z-hero-score-num{font-size:var(--fs-2xl);color:var(--text-primary);font-weight:900;font-family:var(--font-display)}.z-hero-vs{font-size:var(--fs-lg);color:var(--text-muted);font-weight:800}.z-hero-stats-grid{margin-top:var(--sp-16);padding-top:var(--sp-12);border-top:1px solid var(--border);justify-content:space-around;gap:var(--sp-8);flex-wrap:wrap;display:flex}.z-hs-item{flex-direction:column;align-items:center;gap:2px;display:flex}.z-hs-item .lbl{font-size:var(--fs-xs);color:var(--text-muted);font-weight:700}.z-hs-item .val{font-size:var(--fs-sm);color:var(--text-primary);font-weight:700}.z-hero-actions{gap:var(--sp-8);margin-top:var(--sp-16);display:flex}.z-ha-btn{padding:var(--sp-8);border-radius:var(--r-8);font-size:var(--fs-sm);background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:var(--transition-fast);text-align:center;flex:1;font-weight:700}.z-ha-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.z-ha-btn.primary{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.z-ha-btn.primary:hover{filter:brightness(1.1)}.z-stats-widget{justify-content:space-between;gap:var(--sp-12);margin:var(--sp-16) 0;flex-wrap:wrap;display:flex}.z-sw-item{align-items:center;gap:var(--sp-8);min-width:120px;padding:var(--sp-12);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);flex:1;display:flex}.z-sw-data{flex-direction:column;min-width:0;display:flex}.z-sw-data .val{font-size:var(--fs-md);color:var(--text-primary);font-weight:800;line-height:1}.z-sw-data .lbl{font-size:var(--fs-xs);color:var(--text-muted)}.zoka-page{background:radial-gradient(circle at 50% 0%, rgba(var(--primary-rgb), .04), var(--bg-deep) 100%);width:100%;min-height:100vh;color:var(--text-primary);padding:0 0 120px;overflow-x:hidden}.zoka-wrap{max-width:var(--mobile-width);width:100%;padding:0 var(--sp-12);z-index:1;margin:0 auto;position:relative}@media (width>=768px){.zoka-wrap{max-width:var(--max-width);padding:0 var(--sp-32)}}.zoka-hdr{z-index:var(--z-sticky);background:rgba(var(--bg-deep), .75);-webkit-backdrop-filter:blur(24px)saturate(1.5);padding:var(--sp-12) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--sp-8);display:flex;position:sticky;top:0}@media (width>=768px){.zoka-hdr{padding-left:var(--sp-32);padding-right:var(--sp-32)}}.zoka-hdr-title{flex-direction:column;flex:1;min-width:0;display:flex}.zoka-hdr-title h1{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:var(--sp-8);text-transform:uppercase;font-size:1.4em;font-weight:800;display:flex}.zoka-hdr-title h1 span{color:var(--primary)}.zoka-hdr-sub{font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-weight:600;overflow:hidden}.zoka-hdr-actions{align-items:center;gap:var(--sp-8);flex-shrink:0;display:flex}.zoka-hdr-btn{border-radius:var(--r-12);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;display:flex}.zoka-hdr-btn:hover{background:rgba(var(--primary-rgb), .1);color:var(--primary);border-color:rgba(var(--primary-rgb), .3);transform:translateY(-1px)}.zoka-hdr-btn.active{color:var(--primary);border-color:rgba(var(--primary-rgb), .3);background:rgba(var(--primary-rgb), .05)}.zoka-stats{gap:var(--sp-12);margin:var(--sp-16) 0;grid-template-columns:repeat(3,1fr);display:grid}.zoka-schip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);padding:var(--sp-12) var(--sp-8);text-align:center;transition:transform var(--duration-fast);box-shadow:var(--shadow-sm);min-width:0}.zoka-schip .val{font-size:1.6em;font-weight:800;font-family:var(--font-display);line-height:1}.zoka-schip .lbl{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--sp-4);font-weight:700}.zoka-datenav{justify-content:center;align-items:center;gap:var(--sp-4);margin:0 auto var(--sp-16);border:1px solid var(--border);border-radius:var(--r-12);padding:var(--sp-4);width:fit-content;max-width:100%;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;background:#ffffff08;display:flex;overflow-x:auto}.zoka-nav-btn{padding:var(--sp-8) var(--sp-16);border-radius:var(--r-8);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-family:inherit;font-weight:700}.zoka-nav-btn.active{background:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.zoka-tabs{gap:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-12);padding:var(--sp-4);margin-bottom:var(--sp-16);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffff08;display:flex;overflow-x:auto}.zoka-tabs::-webkit-scrollbar{display:none}.zoka-tab{padding:var(--sp-8) var(--sp-12);border-radius:var(--r-8);color:var(--text-muted);font-size:var(--fs-xs);cursor:pointer;transition:var(--transition-fast);text-align:center;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:0 0;border:none;flex:1 0 auto;font-family:inherit;font-weight:700}.zoka-tab.active{background:rgba(var(--primary-rgb), .15);color:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb), .2)}.zoka-search-static{align-items:center;gap:var(--sp-8);width:100%;padding:var(--sp-12) var(--sp-16);border-radius:var(--r-12);border:1px solid var(--border);margin-bottom:var(--sp-16);transition:var(--transition-fast);background:#ffffff05;display:flex}.zoka-search-static:focus-within{border-color:rgba(var(--primary-rgb), .3);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1)}.zoka-search-static input{color:var(--text-primary);font-size:var(--fs-base);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-weight:500}.zoka-search-static input::placeholder{color:var(--text-muted)}.zoka-card{padding:var(--sp-12) var(--sp-16);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);margin-bottom:var(--sp-8);transition:var(--transition-normal);animation:zk-slide-in .3s var(--ease-out) both;cursor:pointer;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.zoka-card:hover{border-color:rgba(var(--primary-rgb), .2);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.zoka-card.live{border-color:rgba(var(--danger-rgb), .3);animation:zk-live-glow 3s ease-in-out infinite, zk-slide-in .3s var(--ease-out) both}.zoka-card.finished{opacity:.65}.zoka-card.started{border-color:rgba(var(--gold-rgb), .2)}.zoka-card.scheduled{border-left:3px solid var(--border)}.zoka-card.expanded{border-radius:var(--r-16) var(--r-16) 0 0;border-color:rgba(var(--primary-rgb), .3);margin-bottom:0}.zoka-card.goal-flash{animation:2s ease-out both zk-goal-flash}.zoka-card-top{margin-bottom:var(--sp-8);justify-content:space-between;align-items:center;display:flex}.zoka-status{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-8);font-size:var(--fs-xs);text-transform:uppercase;font-weight:800;display:inline-flex}.zoka-status.live-s{color:var(--danger);background:rgba(var(--danger-rgb), .1)}.zoka-status.ft-s{color:var(--primary);background:rgba(var(--primary-rgb), .1)}.zoka-status.time-s{color:var(--text-muted);background:#ffffff0d}.zoka-card-actions{align-items:center;gap:var(--sp-4);display:flex}.zoka-icon-btn{border-radius:var(--r-8);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.zoka-icon-btn:hover{opacity:1;color:var(--primary)}.zoka-icon-btn.active{color:var(--gold);opacity:1}.zoka-dot{background:var(--danger);border-radius:50%;width:6px;height:6px;animation:2s infinite zk-pulse}.zoka-teams{align-items:center;gap:var(--sp-8);display:flex}.zoka-team-col{gap:var(--sp-4);flex-direction:column;flex:1;min-width:0;display:flex}.zoka-team-col.home{align-items:flex-end}.zoka-team-col.away{align-items:flex-start}.zoka-team-row{align-items:center;gap:var(--sp-8);min-width:0;display:flex}.zoka-team-col.home .zoka-team-row{flex-direction:row-reverse}.zoka-crest{object-fit:contain;flex-shrink:0;width:24px;height:24px}.zoka-team-name{font-size:var(--fs-base);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.zoka-team-col.home .zoka-team-name{text-align:right}.zoka-score-box{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:70px;display:flex}.zoka-scores{align-items:center;gap:var(--sp-8);display:flex}.zoka-score-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:center;min-width:20px;transition:color var(--duration-fast);font-size:1.4em;font-weight:800;line-height:1}.zoka-score-num.live-score{color:var(--text-primary)}.zoka-score-num.ft-score{color:var(--text-muted)}.zoka-score-num.pop{animation:zk-score-pop .5s var(--ease-spring) both}.zoka-sep{color:var(--text-muted);font-size:var(--fs-sm);font-weight:800}.zoka-vs{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;font-weight:800}.zoka-comp-row{align-items:center;gap:var(--sp-8);margin-top:var(--sp-8);padding-top:var(--sp-8);border-top:1px solid var(--border);display:flex}.zoka-comp-row img{object-fit:contain;opacity:.7;flex-shrink:0;width:14px;height:14px}.zoka-comp-row span{font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-weight:600;overflow:hidden}.zoka-empty{align-items:center;gap:var(--sp-8);padding:var(--sp-32) var(--sp-16);border:1px solid var(--border);border-radius:var(--r-16);text-align:center;background:#ffffff05;flex-direction:column;display:flex}.zoka-empty-icon{width:60px;height:60px;color:var(--text-muted);margin-bottom:var(--sp-4);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex}.zoka-empty p{color:var(--text-muted);font-size:var(--fs-base);margin:0}.zoka-sk{border-radius:var(--r-16);background:linear-gradient(90deg, var(--bg-card-solid) 25%, rgba(var(--primary-rgb), .03) 50%, var(--bg-card-solid) 75%);height:52px;margin-bottom:var(--sp-8);background-size:200% 100%;animation:1.5s ease-in-out infinite zk-shimmer}.zoka-tbl-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);-webkit-overflow-scrolling:touch;margin-bottom:var(--sp-12);box-shadow:var(--shadow-sm);overflow:auto hidden}.zoka-tbl{border-collapse:collapse;width:100%;min-width:480px;font-size:var(--fs-sm)}.zoka-tbl thead{background:#ffffff05}.zoka-tbl th{padding:var(--sp-8);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;font-weight:700}.zoka-tbl td{padding:var(--sp-8);border-bottom:1px solid var(--border);vertical-align:middle}.zoka-tbl tr:last-child td{border-bottom:none}.zoka-tbl tr:hover{background:rgba(var(--primary-rgb), .03)}.zoka-pill{justify-content:center;align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-12);border-radius:var(--r-8);border:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-xs);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#ffffff08;font-family:inherit;font-weight:600;display:inline-flex}.zoka-pill:hover{border-color:rgba(var(--primary-rgb), .3);color:var(--primary)}.zoka-pill.active{background:rgba(var(--primary-rgb), .1);color:var(--primary);border-color:rgba(var(--primary-rgb), .3)}.zoka-pill-scroll{gap:var(--sp-8);-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-4);scrollbar-width:none;display:flex;overflow-x:auto}.zoka-pill-scroll::-webkit-scrollbar{display:none}.zoka-section{margin-bottom:var(--sp-20)}.zoka-league-hd{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-8);padding:0 var(--sp-4);display:flex}.zoka-league-name{font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.zoka-league-count{font-size:var(--fs-xs);color:var(--text-muted);padding:2px var(--sp-8);border-radius:var(--r-8);background:#ffffff0d;flex-shrink:0;margin-left:auto;font-weight:600}.zoka-show-more{width:100%;padding:var(--sp-12);border-radius:var(--r-12);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:var(--sp-8);margin-top:var(--sp-8);text-transform:uppercase;background:#ffffff05;border:none;font-family:inherit;font-weight:600;display:flex}.zoka-show-more:hover{background:rgba(var(--primary-rgb), .05);color:var(--primary)}.zoka-seo-links{text-align:center;padding:var(--sp-24) 0 var(--sp-8);border-top:1px solid var(--border);margin-top:var(--sp-24)}.zoka-seo-links h3{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-12);text-transform:uppercase;font-weight:700}.zoka-seo-link{font-size:var(--fs-xs);color:var(--text-muted);border:1px solid var(--border);padding:var(--sp-8) var(--sp-12);border-radius:var(--r-8);transition:var(--transition-fast);margin:3px;font-weight:500;text-decoration:none;display:inline-block}.zoka-seo-link:hover{color:var(--primary);border-color:rgba(var(--primary-rgb), .2);background:rgba(var(--primary-rgb), .05)}.zoka-sound-wrap{align-items:center;gap:4px;display:flex}.zoka-sound-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--r-8);font-size:var(--fs-xs);outline:none;max-width:100%;padding:4px 8px}.zoka-more-wrap{position:relative}.zoka-more-btn{padding:var(--sp-8) var(--sp-16);border-radius:var(--r-8);background:var(--bg-card);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;border:1px solid var(--border);align-items:center;gap:4px;font-weight:700;display:flex}.zoka-more-btn.open{background:var(--primary);color:var(--text-inverse)}.zoka-more-dropdown{background:var(--bg-glass-strong);width:200px;max-width:calc(100vw - 32px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-12);padding:var(--sp-8);z-index:50;box-shadow:var(--shadow-xl);max-height:300px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.zoka-more-label{font-size:var(--fs-xs);color:var(--text-muted);padding:var(--sp-4) var(--sp-8);text-transform:uppercase;font-weight:700}.zoka-more-item{text-align:left;width:100%;padding:var(--sp-8);border-radius:var(--r-8);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;display:block}.zoka-more-item:hover,.zoka-more-item.active{background:var(--bg-card);color:var(--primary)}.zoka-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.zoka-team-card{padding:var(--sp-12);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);transition:var(--transition-fast)}.zoka-team-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}@media (width<=640px){.zoka-stats{grid-template-columns:repeat(3,1fr)}}.lb-page{background:var(--bg-deep);width:100%;min-height:100vh;padding-bottom:90px;overflow-x:hidden}.lb-wrap{width:100%;max-width:860px;padding:0 var(--sp-16);margin:0 auto}.lb-hdr{z-index:var(--z-sticky);padding:var(--sp-8) 0;-webkit-backdrop-filter:blur(16px)saturate(1.5);background:rgba(var(--bg-deep-rgb), .88);border-bottom:1px solid var(--border);position:sticky;top:0}.lb-hdr-inner{justify-content:space-between;align-items:center;display:flex}.lb-hdr-title{align-items:center;gap:var(--sp-8);font-size:var(--fs-base);color:var(--gold);font-weight:800;display:flex}.lb-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);margin-bottom:var(--sp-24);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;padding:3px;display:flex;position:relative;overflow-x:auto}.lb-tabs::-webkit-scrollbar{display:none}.lb-tab{justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-8) var(--sp-8);border-radius:var(--r-8);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);white-space:nowrap;background:0 0;border:none;flex:1;font-family:inherit;font-weight:700;display:flex;position:relative}.lb-tab:hover{color:var(--text-primary);background:#ffffff05}.lb-tab.on{color:var(--gold)}.lb-title{align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-20);display:flex}.lb-title-icon{border-radius:var(--r-12);background:rgba(var(--gold-rgb), .1);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.lb-title h1{font-size:var(--fs-xl);color:var(--text-primary);font-weight:800}.lb-title p{font-size:var(--fs-sm);color:var(--text-muted)}.lb-my{background:linear-gradient(135deg, #a855f70a, rgba(var(--primary-rgb), .02));border-radius:var(--r-16);padding:var(--sp-12) var(--sp-16);align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-20);animation:zk-pop .4s var(--ease-spring) both;border:1.5px solid #a855f71a;display:flex;position:relative;overflow:hidden}.lb-personal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);padding:var(--sp-16);margin-bottom:var(--sp-20);animation:zk-fade-up .4s var(--ease-out) both}.lb-pc-main{justify-content:space-between;align-items:center;gap:var(--sp-12);flex-wrap:wrap;display:flex}.lb-pc-rank{flex-direction:column;display:flex}.lb-pc-rank .lbl{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase}.lb-pc-rank .val{font-size:var(--fs-2xl);color:var(--primary);font-weight:800}.lb-pc-stats{gap:var(--sp-16);flex-wrap:wrap;display:flex}.lb-pc-stat{flex-direction:column;align-items:center;display:flex}.lb-pc-stat .val{font-size:var(--fs-md);color:var(--text-primary);font-weight:800}.lb-pc-stat .lbl{font-size:var(--fs-xs);color:var(--text-muted)}.lb-pc-rival{align-items:center;gap:var(--sp-8);margin-top:var(--sp-12);padding-top:var(--sp-12);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.lb-pc-rival .text{flex:1;min-width:0}.lb-pc-rival .cta{color:var(--primary);font-weight:700}.lb-stats{gap:var(--sp-8);margin-bottom:var(--sp-20);grid-template-columns:repeat(4,1fr);display:grid}.lb-stat{align-items:center;gap:var(--sp-8);padding:var(--sp-12);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);animation:zk-fade-up .4s var(--ease-out) both;min-width:0;display:flex}.lb-stat-icon{border-radius:var(--r-8);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.lb-stat-val{font-size:var(--fs-md);color:var(--text-primary);font-weight:800}.lb-stat-lbl{font-size:var(--fs-xs);color:var(--text-muted)}.lb-podium{justify-content:center;align-items:flex-end;gap:var(--sp-12);margin-bottom:var(--sp-24);flex-wrap:wrap;display:flex}.lb-pod-u{flex-direction:column;align-items:center;display:flex}.lb-pod-avatar{border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.lb-pod-name{font-size:var(--fs-sm);color:var(--text-primary);margin-top:var(--sp-4);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-weight:700;overflow:hidden}.lb-pod-sub{font-size:var(--fs-xs);color:var(--text-muted)}.lb-pod-bar{border-radius:var(--r-12) var(--r-12) 0 0;width:80px;margin-top:var(--sp-8);animation:zk-bar-fill .5s var(--ease-out) both;transform-origin:bottom;justify-content:center;align-items:center;display:flex}.lb-pod-num{font-size:var(--fs-lg);font-weight:900}.lb-search-wrap{margin-bottom:var(--sp-12);position:relative}.lb-search{width:100%;padding:var(--sp-12) var(--sp-16);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);color:var(--text-primary);font-size:var(--fs-sm);padding-left:40px}.lb-search:focus{border-color:var(--primary)}.lb-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lb-search-count{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--sp-8)}.lb-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);overflow:hidden}.lb-table-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.lb-table-scroll::-webkit-scrollbar{display:none}.lb-table{border-collapse:collapse;width:100%;min-width:480px}.lb-th{padding:var(--sp-12) var(--sp-16);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff04;font-weight:700}.lb-td{padding:var(--sp-12) var(--sp-16);vertical-align:middle;font-size:var(--fs-base);font-weight:600}.lb-list{gap:var(--sp-8);flex-direction:column;display:flex}.lb-row{align-items:center;gap:var(--sp-12);padding:var(--sp-12);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);transition:background var(--duration-fast);animation:zk-slide-in .3s var(--ease-out) both;display:flex}.lb-row:hover{background:var(--bg-card-hover)}.lb-row.me{background:rgba(var(--primary-rgb), .05);border-color:rgba(var(--primary-rgb), .2)}.lb-row-rank{width:40px;color:var(--text-muted);flex-direction:column;flex-shrink:0;align-items:center;font-weight:800;display:flex}.lb-row-user{align-items:center;gap:var(--sp-12);flex:1;min-width:0;display:flex}.lb-row-avatar{color:#fff;width:36px;height:36px;font-weight:800;font-size:var(--fs-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lb-row-info{flex:1;min-width:0}.lb-row-name{font-size:var(--fs-sm);color:var(--text-primary);align-items:center;gap:var(--sp-4);text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:flex;overflow:hidden}.lb-you-badge{background:var(--primary);color:var(--text-inverse);border-radius:4px;flex-shrink:0;padding:1px 4px;font-size:9px}.lb-row-badges{align-items:center;gap:var(--sp-4);flex-wrap:wrap;margin-top:2px;display:flex}.lb-badge{border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700}.lb-badge.sniper{background:rgba(var(--danger-rgb), .1);color:var(--danger)}.lb-badge.streak{background:rgba(var(--gold-rgb), .1);color:var(--gold)}.lb-badge.vet{background:rgba(var(--accent-rgb), .1);color:var(--accent)}.lb-row-preds{color:var(--text-muted);font-size:10px}.lb-row-acc{flex-shrink:0;width:36px}.lb-row-pts{text-align:right;flex-shrink:0}.lb-row-pts .val{font-size:var(--fs-md);color:var(--primary);font-weight:800}.lb-row-pts .lbl{color:var(--text-muted);text-transform:uppercase;font-size:9px}.lb-empty{text-align:center;padding:var(--sp-32);color:var(--text-muted);font-size:var(--fs-sm)}.lb-refresh{padding:var(--sp-8) var(--sp-16);border-radius:var(--r-8);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer}.lb-cta{padding:var(--sp-12) var(--sp-24);border-radius:var(--r-12);background:linear-gradient(135deg, var(--primary), var(--primary-dim));color:var(--text-inverse);cursor:pointer;align-items:center;gap:var(--sp-8);border:none;font-weight:700;display:inline-flex}.lb-more{width:100%;padding:var(--sp-12);border-radius:var(--r-12);background:var(--bg-card);border:1.5px dashed var(--border);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--sp-8);transition:var(--transition-fast);margin-top:var(--sp-12);font-family:inherit;font-weight:700;display:flex}.lb-more:hover{border-color:var(--gold);color:var(--gold)}@media (width<=640px){.lb-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.lb-tab{padding:var(--sp-8) var(--sp-4);font-size:var(--fs-xs)}}.md-page{background:radial-gradient(circle at top, rgba(var(--accent-rgb), .04), var(--bg-deep));width:100%;min-height:100vh;padding:var(--sp-24) 0;overflow-x:hidden}.md-container{width:100%;max-width:800px;padding:0 var(--sp-16);z-index:1;margin:0 auto;position:relative}.md-header-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-20);padding:var(--sp-24);margin-bottom:var(--sp-20);transition:all var(--duration-slow);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.md-header-card.goal-flash{border-color:rgba(var(--primary-rgb), .5);box-shadow:0 0 40px rgba(var(--primary-rgb), .2)}.md-teams{justify-content:space-between;align-items:center;gap:var(--sp-16);display:flex}.md-team{align-items:center;gap:var(--sp-12);text-align:center;flex-direction:column;width:33%;min-width:0;text-decoration:none;display:flex}.md-team img{object-fit:contain;width:64px;height:64px;transition:transform var(--duration-normal)}.md-team:hover img{transform:scale(1.1)}.md-team-name{font-size:var(--fs-lg);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:800;line-height:1.2;overflow:hidden}.md-score-block{align-items:center;gap:var(--sp-8);flex-direction:column;flex-shrink:0;width:33%;display:flex}.md-score{color:var(--text-primary);font-size:3rem;font-weight:900;font-family:var(--font-display);transition:all var(--duration-normal);line-height:1}.md-score.live{color:var(--danger);text-shadow:0 0 20px rgba(var(--danger-rgb), .4)}.md-score.pop{animation:zk-score-pop .6s var(--ease-spring)}.md-timeline{background:var(--bg-elevated);height:6px;margin-top:var(--sp-24);border-radius:3px;position:relative;overflow:hidden}.md-timeline-fill{background:linear-gradient(90deg, var(--primary), var(--danger));height:100%;transition:width .5s var(--ease-out);border-radius:3px;position:relative}.md-timeline-dot{background:var(--danger);width:12px;height:12px;box-shadow:0 0 10px var(--danger);border-radius:50%;animation:1.5s infinite zk-pulse;position:absolute;top:-3px;transform:translate(-50%)}.md-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-16);padding:var(--sp-24);margin-top:var(--sp-24);overflow-x:hidden}.md-card-title{font-size:var(--fs-lg);margin-bottom:var(--sp-16);align-items:center;gap:var(--sp-8);color:var(--text-primary);font-weight:800;display:flex}.form-pill{color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:flex}.form-w{background:var(--primary)}.form-l{background:var(--danger)}.form-d{background:var(--text-muted)}@media (width<=640px){.md-teams{gap:var(--sp-8)}.md-team img{width:48px;height:48px}.md-team-name{font-size:var(--fs-md)}.md-score{font-size:2.2rem}.md-header-card{padding:var(--sp-20) var(--sp-16)}}.ap{background:var(--bg-deep);width:100%;min-height:100vh;padding-bottom:80px;overflow-x:hidden}.aw{width:100%;max-width:860px;padding:0 var(--sp-16);margin:0 auto}.at{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);margin:var(--sp-12) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;padding:3px;display:flex;overflow-x:auto}.at::-webkit-scrollbar{display:none}.atb{justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-8) var(--sp-8);border-radius:var(--r-8);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex:1;font-family:inherit;font-weight:700;display:flex;position:relative}.atb:hover{color:var(--text-primary);background:#ffffff05}.atb.on{color:var(--gold);background:rgba(var(--gold-rgb), .06)}.info-page{background:var(--bg-deep);width:100%;min-height:100vh;color:var(--text-primary);overflow-x:hidden}.info-container{width:100%;max-width:768px;padding:var(--sp-24) var(--sp-16);margin:0 auto}.info-content-box{background:var(--bg-card);border-radius:var(--r-20);border:1px solid var(--border);padding:var(--sp-24)}.info-section{margin-bottom:var(--sp-24)}.info-section-title{font-size:var(--fs-lg);color:var(--primary);margin-bottom:var(--sp-12);align-items:center;gap:var(--sp-8);font-weight:800;display:flex}.info-section-text{font-size:var(--fs-md);color:var(--text-secondary);margin:0 0 var(--sp-12);word-wrap:break-word;line-height:1.7}.info-faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);margin-bottom:var(--sp-12);overflow:hidden}.info-faq-button{width:100%;padding:var(--sp-20);color:var(--text-primary);font-size:var(--fs-md);cursor:pointer;text-align:left;transition:background var(--duration-fast);justify-content:space-between;align-items:center;gap:var(--sp-12);background:0 0;border:none;font-family:inherit;font-weight:700;display:flex}.info-faq-button:hover{background:#ffffff08}.info-answer{padding:0 var(--sp-20);color:var(--text-secondary);line-height:1.8;font-size:var(--fs-sm);max-height:0;transition:all .3s;overflow:hidden}.info-answer-open{max-height:300px;padding-bottom:var(--sp-20)}.info-404{text-align:center;padding:60px var(--sp-20);flex-direction:column;justify-content:center;align-items:center;min-height:40vh;display:flex}.info-404-num{color:var(--primary);text-shadow:0 0 40px rgba(var(--primary-rgb), .3);margin:0;font-size:clamp(4rem,20vw,8rem);font-weight:900;line-height:1}@keyframes eb-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes eb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes eb-load{0%{width:0%;margin-left:0%}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.mg-page{background:var(--bg-deep);width:100%;min-height:100vh;padding-bottom:var(--sp-32);overflow-x:hidden}.mg-container{max-width:var(--mobile-width);width:100%;padding:var(--sp-24) var(--sp-16);margin:0 auto}.mg-back-btn{align-items:center;gap:var(--sp-8);color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-16);font-weight:600;text-decoration:none;display:inline-flex}.mg-hero{padding:var(--sp-24) 0;text-align:center;margin-bottom:var(--sp-24);position:relative;overflow:hidden}.mg-hero-glow-1,.mg-hero-glow-2{filter:blur(80px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.mg-hero-glow-1{background:rgba(var(--primary-rgb), .1);width:200px;height:200px;top:-50px;left:-50px}.mg-hero-glow-2{background:rgba(var(--accent-rgb), .1);width:250px;height:250px;bottom:-50px;right:-50px}.mg-hero-content{z-index:1;position:relative}.mg-hero-kicker{align-items:center;gap:var(--sp-8);padding:var(--sp-4) var(--sp-12);background:var(--bg-card);border:1px solid var(--border);font-size:var(--fs-xs);color:var(--primary);margin-bottom:var(--sp-12);border-radius:20px;font-weight:700;display:inline-flex}.mg-hero-title{font-size:clamp(1.4rem, 6vw, var(--fs-2xl));color:var(--text-primary);margin-bottom:var(--sp-8);letter-spacing:-.02em;font-weight:900}.mg-hero-subtitle{font-size:var(--fs-sm);color:var(--text-muted);max-width:400px;margin:0 auto}.mg-stats-grid{gap:var(--sp-8);margin-bottom:var(--sp-24);grid-template-columns:repeat(4,1fr);display:grid}.mg-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);padding:var(--sp-12);transition:var(--transition-normal);animation:zk-pop .4s var(--ease-spring) both;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.mg-stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.mg-stat-icon{border-radius:var(--r-8);justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:4px;display:flex}.mg-stat-val{font-size:var(--fs-lg);color:var(--text-primary);font-weight:800}.mg-stat-lbl{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;text-align:center}.mg-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);padding:var(--sp-20);margin-bottom:var(--sp-24)}.mg-info-title{align-items:center;gap:var(--sp-8);font-size:var(--fs-md);color:var(--text-primary);margin-bottom:var(--sp-12);font-weight:700;display:flex}.mg-info-text{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--sp-8);word-wrap:break-word;line-height:1.6}.mg-info-text.muted{color:var(--text-muted);font-size:var(--fs-xs)}.mg-loading-state,.mg-empty-state{padding:var(--sp-32);color:var(--text-muted);justify-content:center;align-items:center;gap:var(--sp-12);flex-direction:column;display:flex}.mg-empty-icon{color:var(--text-muted);opacity:.5}.mg-empty-title{font-size:var(--fs-md);color:var(--text-secondary);font-weight:700}.mg-empty-text{font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.mg-section{margin-bottom:var(--sp-24)}.mg-section-head{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-12);display:flex}.mg-section-accent{border-radius:2px;flex-shrink:0;width:4px;height:20px}.mg-section-title{font-size:var(--fs-md);color:var(--text-primary);font-weight:700}.mg-section-count{font-size:var(--fs-xs);color:var(--text-muted);background:var(--bg-card);padding:2px var(--sp-8);border-radius:var(--r-8);font-weight:700}.mg-match-list{gap:var(--sp-8);flex-direction:column;display:flex}.mg-match-card{padding:var(--sp-12);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);transition:var(--transition-normal);animation:zk-slide-in .3s var(--ease-out) both;text-decoration:none;display:block}.mg-match-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mg-card-top{margin-bottom:var(--sp-8);justify-content:space-between;align-items:center;gap:var(--sp-8);display:flex}.mg-card-league{align-items:center;gap:var(--sp-8);font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;display:flex;overflow:hidden}.mg-card-league img{flex-shrink:0;width:14px;height:14px}.mg-league-link{color:var(--text-muted);text-decoration:none}.mg-card-meta{align-items:center;gap:var(--sp-8);flex-shrink:0;display:flex}.mg-rating-badge{font-size:var(--fs-xs);padding:2px var(--sp-8);border-radius:var(--r-8);align-items:center;gap:2px;font-weight:700;display:flex}.mg-status-badge{font-size:var(--fs-xs);padding:2px var(--sp-8);border-radius:var(--r-8);text-transform:uppercase;align-items:center;gap:4px;font-weight:700;display:flex}.mg-status-badge.live{background:rgba(var(--danger-rgb), .1);color:var(--danger)}.mg-status-badge.ft{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.mg-status-badge.ht{background:rgba(var(--gold-rgb), .1);color:var(--gold)}.mg-status-badge.sched{background:var(--bg-elevated);color:var(--text-muted)}.mg-status-badge.warn{background:rgba(var(--gold-rgb), .1);color:var(--gold)}.mg-status-badge.danger{background:rgba(var(--danger-rgb), .1);color:var(--danger)}.mg-live-dot{background:var(--danger);border-radius:50%;width:6px;height:6px;animation:1.2s infinite zk-pulse}.mg-card-teams{justify-content:space-between;align-items:center;gap:var(--sp-8);display:flex}.mg-team-col{align-items:center;gap:var(--sp-8);flex:1;min-width:0;display:flex}.mg-team-col.aw{flex-direction:row-reverse}.mg-team-col img{flex-shrink:0;width:24px;height:24px}.mg-team-name{font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.mg-score-box{font-size:var(--fs-md);color:var(--text-muted);padding:0 var(--sp-8);flex-shrink:0;font-weight:800}.mg-score-box.active{color:var(--text-primary)}.mg-card-footer{margin-top:var(--sp-8);padding-top:var(--sp-8);border-top:1px solid var(--border)}.mg-date-text{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:4px;display:flex}.mg-bottom-cta{text-align:center;padding:var(--sp-24);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);margin-top:var(--sp-24)}.mg-bottom-cta h3{font-size:var(--fs-md);color:var(--text-primary);margin-bottom:var(--sp-8);font-weight:700}.mg-bottom-cta p{font-size:var(--fs-sm);color:var(--text-muted)}@media (width<=640px){.mg-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.mg-stats-grid{grid-template-columns:repeat(2,1fr)}}.v21-page{background:var(--bg-deep);width:100%;min-height:100vh;padding-bottom:var(--sp-32);overflow-x:hidden}.v21-hdr{z-index:100;background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:var(--sp-12) var(--sp-16);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--sp-8);display:flex;position:sticky;top:0}.v21-hdr-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);padding:var(--sp-8);border-radius:var(--r-8);font-size:var(--fs-xs);cursor:pointer;flex-shrink:0;align-items:center;gap:4px;display:flex}.v21-hdr-title{text-align:center;min-width:0}.v21-hdr-title h1{font-size:var(--fs-md);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.v21-hdr-title .sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.v21-wrap{max-width:var(--mobile-width);width:100%;padding:var(--sp-16);margin:0 auto}.v21-dsk{margin-bottom:var(--sp-16)}.v21-ds{gap:var(--sp-8);-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-8);scrollbar-width:none;display:flex;overflow-x:auto}.v21-dc{padding:var(--sp-8) var(--sp-12);border-radius:var(--r-12);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;min-width:50px;transition:var(--transition-fast);flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.v21-dc.on{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.v21-dc.today{border-color:var(--primary)}.v21-dc .dn{opacity:.7;font-size:9px;font-weight:700}.v21-dc .dd{font-size:var(--fs-md);font-weight:800}.v21-dc .dm{opacity:.7;font-size:9px;font-weight:700}.v21-dmore{padding:var(--sp-8);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);color:var(--text-muted);cursor:pointer;flex-shrink:0;align-self:center;align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.v21-joke-box{align-items:center;gap:var(--sp-8);padding:var(--sp-12);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);margin-bottom:var(--sp-12);display:flex}.v21-joke-refresh{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px}.v21-perf-banner{padding:var(--sp-12);border-radius:var(--r-12);margin-bottom:var(--sp-16);font-size:var(--fs-sm);text-align:center;font-weight:700}.v21-stats{gap:var(--sp-8);margin-bottom:var(--sp-12);grid-template-columns:repeat(4,1fr);display:grid}.v21-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);padding:var(--sp-12);text-align:center;min-width:0}.v21-stat .n{font-size:var(--fs-lg);font-weight:800}.v21-stat .l{color:var(--text-muted);text-transform:uppercase;font-size:9px}.v21-progress{margin-top:var(--sp-12)}.v21-progress-bar{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.v21-progress-fill{border-radius:3px;height:100%;transition:width .5s}.v21-progress-labels{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:9px;display:flex}.v21-rank{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);padding:var(--sp-12)}.v21-rank-inner{align-items:center;gap:var(--sp-12);flex-wrap:wrap;display:flex}.v21-rank-btn{background:var(--bg-elevated);color:var(--primary);border-radius:var(--r-8);cursor:pointer;border:none;margin-left:auto;padding:6px 12px;font-size:9px;font-weight:700}.v21-banner{align-items:center;gap:var(--sp-12);padding:var(--sp-16);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);margin-bottom:var(--sp-16);flex-wrap:wrap;display:flex}.v21-banner-text{min-width:0;font-size:var(--fs-sm);color:var(--text-primary);align-items:center;gap:var(--sp-8);flex-wrap:wrap;flex:1;display:flex}.v21-banner-btn{background:var(--primary);color:var(--text-inverse);padding:var(--sp-8) var(--sp-16);border-radius:var(--r-8);font-weight:700;font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:4px;display:flex}.v21-banner-btn.blue{background:var(--accent)}.v21-banner-btn.secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.v21-filter{gap:var(--sp-8);margin-bottom:var(--sp-16);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.v21-fbtn{padding:var(--sp-8) var(--sp-12);border-radius:var(--r-8);background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:700}.v21-fbtn.on{background:rgba(var(--primary-rgb), .1);color:var(--primary);border-color:rgba(var(--primary-rgb), .3)}.v21-zoka{margin-bottom:var(--sp-24)}.v21-zoka-hd{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-12);display:flex}.v21-zoka-icon{border-radius:var(--r-8);background:rgba(var(--gold-rgb), .1);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.v21-zoka-more{width:100%;padding:var(--sp-8);background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--r-8);color:var(--text-muted);cursor:pointer;margin-top:var(--sp-8);justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.v21-sec{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-12);display:flex}.v21-sec-icon{border-radius:var(--r-8);background:rgba(var(--primary-rgb), .1);width:24px;height:24px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.v21-sec-badge{color:var(--text-muted);background:var(--bg-card);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.v21-mc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-12);padding:var(--sp-12);margin-bottom:var(--sp-8);animation:zk-slide-in .3s var(--ease-out) both}.v21-mc.live{border-color:rgba(var(--danger-rgb), .3)}.v21-mc.finished{opacity:.8}.v21-mh{margin-bottom:var(--sp-8);justify-content:space-between;align-items:center;gap:var(--sp-8);display:flex}.v21-ml{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:10px;font-weight:700;display:flex;overflow:hidden}.v21-st{text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:800}.v21-tm{justify-content:space-between;align-items:center;gap:var(--sp-8);display:flex}.v21-te{align-items:center;gap:var(--sp-8);min-width:0;font-size:var(--fs-sm);color:var(--text-primary);flex:1;font-weight:600;display:flex}.v21-te.aw{text-align:right;flex-direction:row-reverse}.v21-sb{align-items:center;gap:var(--sp-8);border-radius:var(--r-8);background:var(--bg-elevated);flex-shrink:0;padding:4px 12px;display:flex}.v21-sb.ft{background:rgba(var(--primary-rgb), .05)}.v21-sb.live{background:rgba(var(--danger-rgb), .05)}.v21-sn{font-size:var(--fs-md);font-weight:800;font-family:var(--font-display)}.v21-sp{color:var(--text-muted);font-size:var(--fs-sm)}.v21-vs{color:var(--text-muted);font-size:10px;font-weight:800}.v21-ma{align-items:center;gap:var(--sp-8);margin-top:var(--sp-12);padding-top:var(--sp-12);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.v21-bdg{border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:9px;font-weight:800;display:inline-flex}.v21-bdg.pn{background:var(--bg-elevated);color:var(--text-muted)}.v21-bdg.ex{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.v21-bdg.rs{background:rgba(var(--gold-rgb), .1);color:var(--gold)}.v21-bdg.ms{background:rgba(var(--danger-rgb), .1);color:var(--danger)}.v21-bdg.bl{background:rgba(var(--accent-rgb), .1);color:var(--accent)}.v21-b{border-radius:var(--r-8);cursor:pointer;border:none;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex}.v21-bp{background:var(--primary);color:var(--text-inverse)}.v21-bgh{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.v21-bbl{background:rgba(var(--accent-rgb), .1);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .2)}.v21-bshare{color:var(--text-muted);border:1px solid var(--border);background:0 0}.v21-bsm{min-height:28px;padding:4px 8px}.v21-vote{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--r-8);cursor:pointer;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:flex}.v21-vote.agree-on{color:var(--primary);border-color:rgba(var(--primary-rgb), .3);background:rgba(var(--primary-rgb), .05)}.v21-vote.disagree-on{color:var(--danger);border-color:rgba(var(--danger-rgb), .3);background:rgba(var(--danger-rgb), .05)}.v21-vote-bar{background:var(--bg-elevated);border-radius:2px;width:60px;height:4px;overflow:hidden}.v21-vote-fill{background:var(--primary);height:100%}.v21-si-wrap{align-items:center;gap:4px;display:flex}.v21-step{border-radius:var(--r-8);background:var(--bg-elevated);border:1px solid var(--border);width:28px;height:28px;color:var(--text-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.v21-si{text-align:center;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-8);width:32px;height:32px;color:var(--text-primary);font-weight:800;font-size:var(--fs-md)}.v21-qp{margin-bottom:var(--sp-8);flex-wrap:wrap;gap:4px;display:flex}.v21-qp-btn{border-radius:var(--r-8);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:4px 8px;font-size:10px;font-weight:700}.v21-qp-btn.sel{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.v21-qp-btn.surprise{background:rgba(var(--gold-rgb), .1);color:var(--gold);border-color:rgba(var(--gold-rgb), .2)}.v21-lock-timer{color:var(--warning);align-items:center;gap:2px;font-size:10px;font-weight:700;display:flex}.v21-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.v21-overlay-box{background:var(--bg-glass-strong);border:1px solid var(--glass-border);border-radius:var(--r-20) var(--r-20) 0 0;width:100%;max-width:500px;max-height:80vh;animation:zk-fade-up .3s var(--ease-out);overflow-y:auto}.v21-overlay-handle{background:var(--text-muted);border-radius:2px;width:40px;height:4px;margin:8px auto}.v21-res-row{align-items:center;gap:var(--sp-8);padding:var(--sp-12);border-radius:var(--r-8);background:var(--bg-card);margin-bottom:var(--sp-8);display:flex}@media (width<=400px){.v21-stats{grid-template-columns:repeat(2,1fr)}}.rs-timeline-clip-label{color:#fff;text-align:center;pointer-events:none;flex:1;font-size:10px;font-weight:700}.rs-timeline-playhead{z-index:5;pointer-events:none;background:#ef4444;width:2px;position:absolute;top:0;bottom:0}.rs-controls-panel{background:var(--bg-glass-strong,#111827fa);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border,#ffffff1a);z-index:100;-webkit-overflow-scrolling:touch;width:320px;max-width:90vw;height:100dvh;padding:20px;animation:.25s both rs-slide-in;position:fixed;top:0;right:0;overflow:hidden auto;box-shadow:-10px 0 40px #0000004d}@keyframes rs-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.rs-controls-panel-mobile{border-left:none;border-top:1px solid var(--glass-border,#ffffff1a);width:100%;max-width:100%;height:auto;max-height:75dvh;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;animation:.25s both rs-slide-up;position:fixed;inset:auto 0 0}@keyframes rs-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.rs-panel-close{background:var(--bg-card,#1f2937);border:1px solid var(--border,#334155);width:32px;height:32px;color:var(--text-muted,#64748b);cursor:pointer;z-index:5;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.rs-box-title{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.pro-page{background:var(--bg-deep);width:100%;min-height:100vh;padding-bottom:80px;overflow-x:hidden}.pro-wrap{width:100%;max-width:800px;padding:var(--sp-24) var(--sp-16);margin:0 auto}.pro-header-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-20);padding:var(--sp-24);margin-bottom:var(--sp-20);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.pro-header-top-line{background:linear-gradient(90deg, var(--primary), transparent);height:3px;position:absolute;top:0;left:0;right:0}.pro-header-content{justify-content:space-between;align-items:center;gap:var(--sp-16);flex-wrap:wrap;display:flex}.pro-header-left{align-items:center;gap:var(--sp-16);flex:1;min-width:0;display:flex}.pro-avatar-wrap{flex-shrink:0;position:relative}.pro-avatar{width:64px;height:64px;font-size:var(--fs-xl);color:#fff;box-shadow:0 0 0 3px var(--bg-deep), 0 0 0 6px rgba(var(--primary-rgb), .3);border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex}.pro-avatar-badge{color:#fff;border:2px solid var(--bg-deep);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.pro-header-info{min-width:0}.pro-name{font-size:var(--fs-lg);color:var(--text-primary);align-items:center;gap:var(--sp-8);text-overflow:ellipsis;white-space:nowrap;font-weight:800;display:flex;overflow:hidden}.pro-admin-badge{background:var(--gold);color:#000;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:800}.pro-email{font-size:var(--fs-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin-top:4px;display:flex;overflow:hidden}.pro-meta{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:var(--sp-12);flex-wrap:wrap;margin-top:6px;display:flex}.pro-header-right{align-items:center;gap:var(--sp-12);flex-direction:column;flex-shrink:0;display:flex}.pro-ring{justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:relative}.pro-ring-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.pro-ring-text{font-size:var(--fs-lg);font-weight:800}.pro-ring-lbl{color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:700}.pro-header-actions{gap:var(--sp-8);display:flex}.pro-season-grid{gap:var(--sp-12);margin-bottom:var(--sp-20);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.pro-season-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);padding:var(--sp-20);border-left:3px solid var(--primary)}.pro-season-card.soon{border-left-color:var(--gold)}.pro-season-head{margin-bottom:var(--sp-8);justify-content:space-between;align-items:center;display:flex}.pro-season-head h3{font-size:var(--fs-md);color:var(--text-primary);font-weight:700}.pro-tag{font-size:var(--fs-xs);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-weight:700}.pro-tag.active{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.pro-tag.soon{background:rgba(var(--gold-rgb), .1);color:var(--gold)}.pro-stats-grid{gap:var(--sp-12);margin-bottom:var(--sp-20);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.pro-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);padding:var(--sp-16);align-items:center;gap:var(--sp-4);animation:zk-fade-up .4s var(--ease-out) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.pro-stat-glow{z-index:0;position:absolute;inset:0}.pro-stat-icon{border-radius:var(--r-8);z-index:1;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pro-stat-val{font-size:var(--fs-xl);font-weight:800;font-family:var(--font-display);z-index:1}.pro-stat-lbl{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;z-index:1;font-weight:700}.pro-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);padding:var(--sp-24);margin-bottom:var(--sp-20)}.pro-section-head{margin-bottom:var(--sp-16);justify-content:space-between;align-items:center;display:flex}.pro-section-head h3{font-size:var(--fs-md);color:var(--text-primary);align-items:center;gap:var(--sp-8);font-weight:700;display:flex}.pro-section-count{font-size:var(--fs-xs);border-radius:var(--r-8);color:var(--text-muted);background:#ffffff0d;padding:4px 8px;font-weight:700}.pro-badge-group{margin-bottom:var(--sp-16)}.pro-badge-group-lbl{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--sp-8);font-weight:700}.pro-badge-grid{gap:var(--sp-12);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.pro-badge{align-items:center;gap:var(--sp-12);padding:var(--sp-12);border-radius:var(--r-12);animation:zk-fade-up .4s var(--ease-out) both;background:#0f172a80;border:1px solid #ffffff14;transition:all .2s;display:flex}.pro-badge.unlock{border-color:rgba(var(--primary-rgb), .2);background:rgba(var(--primary-rgb), .02)}.pro-badge-icon{border-radius:var(--r-8);width:32px;height:32px;font-size:var(--fs-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pro-badge-info{flex-direction:column;min-width:0;display:flex}.pro-badge-name{font-size:var(--fs-sm);color:var(--text-primary);font-weight:700}.pro-badge-desc{font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pro-badge-lock{color:var(--text-muted);flex-shrink:0}.pro-cta{background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:var(--r-20);padding:var(--sp-32);text-align:center;align-items:center;gap:var(--sp-12);flex-direction:column;display:flex;position:relative;overflow:hidden}.pro-cta-bg{background:radial-gradient(circle at top, rgba(var(--primary-rgb), .1), transparent 70%);z-index:0;position:absolute;inset:0}.pro-cta-content{z-index:1;align-items:center;gap:var(--sp-12);flex-direction:column;display:flex;position:relative}.pro-cta-content h2{font-size:var(--fs-lg);color:var(--text-primary);font-weight:800}.pro-cta-content p{font-size:var(--fs-sm);color:var(--text-muted)}.pro-cta-actions{gap:var(--sp-8);margin-top:var(--sp-8);flex-wrap:wrap;justify-content:center;display:flex}.pro-cta-btn{padding:var(--sp-12) var(--sp-24);border-radius:var(--r-12);font-weight:700;font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:var(--sp-8);border:none;transition:all .2s;display:inline-flex}.pro-cta-btn.primary{background:linear-gradient(135deg, var(--primary), var(--primary-dim));color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb), .2)}.pro-cta-btn.primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.pro-cta-btn.secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.pro-skel-card{background:var(--bg-card);border-radius:var(--r-16);animation:1.5s ease-in-out infinite zk-shimmer}.pro-skel-grid{gap:var(--sp-12);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}@media (width<=640px){.pro-header-content{text-align:center;flex-direction:column;align-items:center}.pro-header-left{flex-direction:column;align-items:center}.pro-header-info{align-items:center}.pro-meta{justify-content:center}.pro-header-right{gap:var(--sp-12);flex-direction:column}.pro-header-actions{flex-direction:row}}@media (width<=420px){.pro-stats-grid{gap:var(--sp-8);grid-template-columns:repeat(2,1fr)}.pro-stat-val{font-size:var(--fs-lg)}.pro-stat-icon{width:28px;height:28px}.pro-avatar{width:56px;height:56px;font-size:var(--fs-lg)}.pro-cta{padding:var(--sp-24) var(--sp-16)}.pro-cta-content h2{font-size:var(--fs-md)}}.wss-container{--wss-bg-deep:#0a0f1a;--wss-bg-card:#111827;--wss-bg-elevated:#1f2937;--wss-border:#334155;--wss-text-primary:#fff;--wss-text-muted:#94a3b8;--wss-accent:#10b981;--wss-danger:#ef4444;--wss-radius:12px;--wss-radius-sm:8px;--wss-transition:all .2s cubic-bezier(.4, 0, .2, 1);z-index:9999;background:var(--wss-bg-deep);width:100%;height:100%;color:var(--wss-text-primary);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.wss-header{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--wss-border);z-index:50;background:#111827d9;flex-shrink:0;justify-content:space-between;align-items:center;animation:.4s ease-out both wss-fade-down;display:flex}.wss-header-left,.wss-header-right{align-items:center;gap:12px;display:flex}.wss-title{letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:800}.wss-recording-badge{color:var(--wss-danger);align-items:center;gap:6px;font-size:.75rem;font-weight:700;animation:1.5s infinite wss-pulse;display:flex}.wss-btn{border-radius:var(--wss-radius-sm);background:var(--wss-bg-elevated);border:1px solid var(--wss-border);color:var(--wss-text-primary);cursor:pointer;transition:var(--wss-transition);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8125rem;font-weight:600;display:flex}.wss-btn:hover:not(:disabled){background:#374151;border-color:#4b5563;transform:translateY(-1px)}.wss-btn:active:not(:disabled){transform:scale(.96)}.wss-btn:disabled{opacity:.5;cursor:not-allowed}.wss-btn-accent{background:var(--wss-accent);border-color:var(--wss-accent);color:#fff}.wss-btn-accent:hover:not(:disabled){filter:brightness(1.1);background:var(--wss-accent)}.wss-btn-danger{background:var(--wss-danger);border-color:var(--wss-danger);color:#fff}.wss-btn-icon{border-radius:var(--wss-radius-sm);width:40px;height:40px;padding:0}.wss-btn-icon-mobile{border-radius:50%;width:48px;height:48px;padding:0}.wss-main{flex:1;min-height:0;display:flex;position:relative}.wss-sidebar{background:var(--wss-bg-card);border-right:1px solid var(--wss-border);flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:64px;padding:16px 0;animation:.4s ease-out both wss-fade-right;display:flex}.wss-canvas-area{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}.wss-canvas-wrap{border-radius:var(--wss-radius);border:2px solid var(--wss-border);touch-action:none;background:#000;max-width:100%;height:100%;max-height:100%;transition:aspect-ratio .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.wss-canvas-wrap[data-ratio="9:16"]{aspect-ratio:9/16}.wss-canvas-wrap[data-ratio="16:9"]{aspect-ratio:16/9}.wss-canvas{object-fit:contain;width:100%;height:100%;display:block}.wss-canvas-empty{color:var(--wss-text-muted);cursor:pointer;text-align:center;transition:var(--wss-transition);background:#111827e6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.wss-canvas-empty:hover{color:var(--wss-text-primary);background:#111827f2}.wss-canvas-empty p{margin:0;font-size:1rem;font-weight:700}.wss-canvas-empty span{opacity:.7;font-size:.75rem}.wss-preview-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.wss-settings{background:var(--wss-bg-card);border-left:1px solid var(--wss-border);flex-direction:column;flex-shrink:0;gap:16px;width:300px;padding:16px;animation:.4s ease-out both wss-fade-left;display:flex;overflow-y:auto}.wss-panel{background:var(--wss-bg-elevated);border:1px solid var(--wss-border);border-radius:var(--wss-radius);flex-direction:column;gap:8px;padding:12px;display:flex}.wss-panel-title{color:var(--wss-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:4px;font-size:.6875rem;font-weight:700;display:flex}.wss-input{background:var(--wss-bg-deep);border:1px solid var(--wss-border);border-radius:var(--wss-radius-sm);width:100%;color:var(--wss-text-primary);transition:var(--wss-transition);box-sizing:border-box;outline:none;padding:8px 12px;font-size:.8125rem}.wss-input:focus{border-color:var(--wss-accent)}.wss-input-color{border:1px solid var(--wss-border);border-radius:var(--wss-radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:40px;height:38px;padding:0}.wss-hint{color:var(--wss-text-muted);align-items:center;gap:4px;margin-top:4px;font-size:.625rem;display:flex}.wss-mobile-toolbar{height:72px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:var(--wss-bg-card);border-top:1px solid var(--wss-border);z-index:50;flex-shrink:0;justify-content:space-around;align-items:center;padding-left:10px;padding-right:10px;display:flex}.wss-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#000000b3;align-items:flex-end;animation:.2s ease-out both wss-fade-in;display:flex;position:fixed;inset:0}.wss-modal-sheet{background:var(--wss-bg-deep);border:1px solid var(--wss-border);width:100%;max-height:75vh;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-bottom:none;border-radius:16px 16px 0 0;animation:.3s cubic-bezier(.16,1,.3,1) both wss-slide-up;overflow-y:auto}.wss-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.wss-modal-title{margin:0;font-size:1rem;font-weight:800}.wss-hidden-video{opacity:0;pointer-events:none;z-index:-1;width:2px;height:2px;position:fixed;bottom:2px;right:2px}@keyframes wss-fade-in{0%{opacity:0}to{opacity:1}}@keyframes wss-fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes wss-fade-right{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes wss-fade-left{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes wss-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes wss-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (width<=768px){.wss-sidebar,.wss-settings{display:none}.wss-canvas-area{padding:10px}.wss-header{padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top))}.wss-title{display:none}}@media (width>=769px){.wss-mobile-toolbar,.wss-modal-overlay{display:none!important}}.zs-home-page,.zs-editor-container{--zs-bg-deep:#0a0f1a;--zs-bg-card:#111827;--zs-bg-elevated:#1f2937;--zs-border:#334155;--zs-border-hover:#4b5563;--zs-text-primary:#fff;--zs-text-muted:#94a3b8;--zs-accent:#10b981;--zs-danger:#ef4444;--zs-gold:#f59e0b;--zs-blue:#3b82f6;--zs-purple:#8b5cf6;--zs-radius:12px;--zs-radius-sm:8px;--zs-transition:all .2s cubic-bezier(.4, 0, .2, 1)}.zs-mb-32{margin-bottom:32px}.zs-flex-between{justify-content:space-between;align-items:center;display:flex}.zs-flex-1{flex:1}.zs-hidden-file{display:none}.zs-hidden-media{opacity:0;pointer-events:none;z-index:-1;width:2px;height:2px;position:fixed;bottom:2px;right:2px}.zs-spin{animation:1s linear infinite zs-spin-anim}.zs-home-page{background:var(--zs-bg-deep);min-height:100dvh;color:var(--zs-text-primary);padding:max(24px, env(safe-area-inset-top)) 16px max(32px, env(safe-area-inset-bottom));overflow-x:hidden}.zs-home-container{max-width:1000px;margin:0 auto}.zs-home-header{text-align:center;margin-bottom:32px;animation:.5s ease-out both zs-fade-up}.zs-home-title{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900}.zs-home-subtitle{color:var(--zs-text-muted);margin:0;font-size:1rem}.zs-tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:40px;display:grid}.zs-tool-card{border-radius:var(--zs-radius);cursor:pointer;border:1px solid var(--zs-border);transition:var(--zs-transition);flex-direction:column;gap:12px;padding:24px;display:flex;position:relative;overflow:hidden}.zs-tool-card:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.zs-tool-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.zs-tool-title{color:#fff;font-size:1.1rem;font-weight:800}.zs-tool-desc{color:#ffffffb3;font-size:.85rem;line-height:1.4}.zs-section-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.zs-section-title{color:var(--zs-text-primary);margin:0;font-size:1.25rem;font-weight:800}.zs-projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.zs-project-card{background:var(--zs-bg-card);border:1px solid var(--zs-border);border-radius:var(--zs-radius);cursor:pointer;transition:var(--zs-transition);overflow:hidden}.zs-project-card:hover{border-color:var(--zs-accent);transform:translateY(-2px)}.zs-project-thumb{background:var(--zs-bg-elevated);justify-content:center;align-items:center;height:120px;display:flex}.zs-project-info{padding:12px}.zs-project-name{color:var(--zs-text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.9rem;font-weight:700;display:block;overflow:hidden}.zs-project-date{color:var(--zs-text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.zs-empty-state{text-align:center;color:var(--zs-text-muted);background:var(--zs-bg-card);border:1px dashed var(--zs-border);border-radius:var(--zs-radius);padding:40px 24px}.zs-empty-state-full{background:var(--zs-bg-deep);border:none;flex-direction:column;justify-content:center;align-items:center;height:100dvh;display:flex}.zs-empty-icon{opacity:.5;margin:0 auto 12px}.zs-empty-title{color:var(--zs-text-muted);margin:0 0 4px;font-weight:700}.zs-empty-desc{margin:0;font-size:.875rem}.zs-quick-create-list{flex-direction:column;gap:12px;display:flex}.zs-quick-create-item{background:var(--zs-bg-card);border:1px solid var(--zs-border);border-radius:var(--zs-radius);transition:var(--zs-transition);cursor:pointer;justify-content:space-between;align-items:center;padding:16px;display:flex}.zs-quick-create-item:hover{border-color:var(--zs-accent);background:#10b9810d}.zs-match-info{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.zs-match-teams{flex-direction:column;align-items:center;min-width:0;display:flex}.zs-team-name{color:var(--zs-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.9rem;font-weight:600;overflow:hidden}.zs-vs-text{color:var(--zs-text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.zs-editor-container{z-index:9999;background:var(--zs-bg-deep);width:100%;height:100%;color:var(--zs-text-primary);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.zs-editor-header{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));background:var(--zs-bg-card);border-bottom:1px solid var(--zs-border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.zs-header-left,.zs-header-right{align-items:center;gap:12px;display:flex}.zs-project-name-header{color:var(--zs-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:40%;font-size:14px;font-weight:800;overflow:hidden}.zs-save-status{transition:var(--zs-transition);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.zs-save-status.saving{color:var(--zs-gold)}.zs-save-status.saved{color:var(--zs-accent)}.zs-canvas-area{background:#000;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}.zs-canvas-wrap{border-radius:var(--zs-radius);border:1px solid var(--zs-border);background:#0f172a;transition:all .3s;overflow:hidden;box-shadow:0 20px 60px #00000080}.zs-timeline{background:var(--zs-bg-card);border-top:1px solid var(--zs-border);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.zs-time-display{color:var(--zs-text-muted);text-align:right;min-width:80px;font-size:11px;font-weight:700}.zs-layer-bar{background:var(--zs-bg-card);border-top:1px solid var(--zs-border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.zs-layer-bar::-webkit-scrollbar{display:none}.zs-layer-chip{background:var(--zs-bg-elevated);border:1px solid var(--zs-border);color:var(--zs-text-muted);cursor:pointer;white-space:nowrap;transition:var(--zs-transition);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.zs-layer-chip.active{background:var(--zs-accent);color:#fff;border-color:var(--zs-accent)}.zs-properties-panel{background:var(--zs-bg-elevated);border-top:1px solid var(--zs-border);padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));z-index:40;animation:.3s ease-out both zs-slide-up;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0006}.zs-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.zs-panel-title{color:var(--zs-text-muted);text-transform:uppercase;font-size:10px;font-weight:800}.zs-panel-actions{gap:12px;display:flex}.zs-panel-controls{flex-wrap:wrap;gap:12px;display:flex}.zs-control-row{align-items:center;gap:16px;width:100%;display:flex}.zs-control-group{align-items:center;gap:8px;display:flex}.zs-audio-name{color:var(--zs-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:12px;overflow:hidden}.zs-fab-container{bottom:max(180px, env(safe-area-inset-bottom));z-index:50;flex-direction:column;gap:12px;display:flex;position:absolute;right:24px}.zs-fab{background:var(--zs-accent);color:#fff;cursor:pointer;width:56px;height:56px;transition:var(--zs-transition);border:none;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 12px #0000004d}.zs-fab:hover{transform:scale(1.05)}.zs-fab:active{transform:scale(.95)}.zs-fab.zs-fab-purple{background:var(--zs-purple)}.zs-fab.zs-fab-blue{background:var(--zs-blue)}.zs-fab.zs-fab-gold{background:var(--zs-gold)}.zs-overlay-panel{z-index:60;background:var(--zs-bg-card);border-top:1px solid var(--zs-border);border-radius:16px 16px 0 0;height:60vh;animation:.3s ease-out both zs-slide-up;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.zs-input{background:var(--zs-bg-elevated);border:1px solid var(--zs-border);border-radius:var(--zs-radius-sm);color:#fff;min-width:120px;transition:var(--zs-transition);outline:none;flex:1;padding:8px 12px;font-family:inherit}.zs-input:focus{border-color:var(--zs-accent)}.zs-input-sm{flex:none;width:80px}.zs-select{background:var(--zs-bg-deep);border:1px solid var(--zs-border);color:#fff;border-radius:var(--zs-radius-sm);cursor:pointer;outline:none;padding:8px 12px;font-size:12px}.zs-color-input{border:1px solid var(--zs-border);border-radius:var(--zs-radius-sm);cursor:pointer;background:0 0;width:40px;height:40px;padding:2px}.zs-range{accent-color:var(--zs-accent);cursor:pointer;flex:1;height:4px}.zs-btn-primary{background:var(--zs-accent);color:#fff;border-radius:var(--zs-radius-sm);cursor:pointer;transition:var(--zs-transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;display:flex}.zs-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.zs-btn-primary:disabled{opacity:.5;cursor:not-allowed}.zs-btn-danger{background:var(--zs-danger);color:#fff;border-radius:var(--zs-radius-sm);cursor:pointer;transition:var(--zs-transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;display:flex}.zs-btn-danger:hover:not(:disabled){filter:brightness(1.1)}.zs-btn-danger:disabled{opacity:.5;cursor:not-allowed}.zs-btn-ghost{color:var(--zs-text-muted);cursor:pointer;transition:var(--zs-transition);background:0 0;border:none;font-size:14px}.zs-btn-ghost:hover{color:var(--zs-text-primary)}.zs-btn-icon{background:var(--zs-bg-elevated);color:#fff;cursor:pointer;transition:var(--zs-transition);border:none;border-radius:6px;padding:6px;display:flex}.zs-btn-icon:hover{background:var(--zs-border-hover)}.zs-btn-icon-danger{color:var(--zs-danger);cursor:pointer;transition:var(--zs-transition);background:0 0;border:none;padding:4px;display:flex}.zs-btn-icon-danger:hover{background:#ef44441a;border-radius:4px}.zs-btn-text{color:var(--zs-text-muted);cursor:pointer;transition:var(--zs-transition);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;display:flex}.zs-btn-text:hover{color:var(--zs-text-primary)}.zs-text-blue{color:var(--zs-blue)}.zs-text-blue:hover{color:#60a5fa}.zs-text-danger{color:var(--zs-danger)}.zs-text-danger:hover{color:#f87171}.zs-icon-accent{color:var(--zs-accent)}.zs-icon-primary{color:var(--zs-blue)}.zs-icon-gold{color:var(--zs-gold)}@keyframes zs-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zs-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes zs-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.zs-canvas-area{padding:8px}.zs-editor-header{padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top))}.zs-project-name-header{max-width:30%;font-size:12px}.zs-fab-container{bottom:max(200px, env(safe-area-inset-bottom));right:16px}.zs-fab{width:48px;height:48px}.zs-tools-grid{grid-template-columns:1fr}}:root{--rs-bg-deep:#0a0f1a;--rs-bg-card:#111827;--rs-bg-elevated:#1f2937;--rs-border:#334155;--rs-border-hover:#4b5563;--rs-text-primary:#fff;--rs-text-muted:#94a3b8;--rs-accent:#10b981;--rs-danger:#ef4444;--rs-gold:#f59e0b;--rs-blue:#3b82f6;--rs-radius:12px;--rs-radius-sm:8px;--rs-transition:all .2s cubic-bezier(.4, 0, .2, 1)}.rs-container{z-index:9999;background:var(--rs-bg-deep);width:100%;height:100dvh;color:var(--rs-text-primary);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.rs-header{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rs-border);z-index:50;background:#111827d9;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.rs-header-left,.rs-header-right{align-items:center;gap:8px;display:flex}.rs-header-title{white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:800;display:flex}.rs-autosave-indicator{color:var(--rs-text-muted);align-items:center;margin-left:4px;display:flex}.rs-pulse{animation:1.5s infinite rs-pulse-anim}.rs-level-badge,.rs-streak-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:.65rem;font-weight:700;display:flex}.rs-level-badge{color:var(--rs-gold);background:#f59e0b26;border:1px solid #f59e0b4d}.rs-streak-badge{color:var(--rs-danger);background:#ef444426;border:1px solid #ef44444d}.rs-level-bar{background:#ffffff1a;border-radius:2px;width:30px;height:3px;overflow:hidden}.rs-level-fill{background:var(--rs-gold);border-radius:2px;height:100%;transition:width .5s}.rs-top-btn,.rs-action-btn,.rs-btn-sm{border-radius:var(--rs-radius-sm);background:var(--rs-bg-elevated);border:1px solid var(--rs-border);color:var(--rs-text-muted);cursor:pointer;transition:var(--rs-transition);white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.rs-top-btn{min-height:36px;padding:6px 10px}.rs-action-btn{border-radius:var(--rs-radius-sm);width:40px;height:40px}.rs-btn-sm{min-height:32px;padding:6px 12px;font-size:.75rem}.rs-top-btn:hover:not(:disabled),.rs-action-btn:hover:not(:disabled),.rs-btn-sm:hover:not(:disabled){border-color:var(--rs-border-hover);color:var(--rs-text-primary);background:#374151;transform:translateY(-1px)}.rs-top-btn:active,.rs-action-btn:active,.rs-btn-sm:active{transform:scale(.95)}.rs-top-btn:disabled,.rs-btn-sm:disabled{opacity:.4;cursor:not-allowed}.rs-btn-accent{background:var(--rs-accent);border-color:var(--rs-accent);color:#fff}.rs-btn-accent:hover:not(:disabled){filter:brightness(1.1);background:var(--rs-accent);color:#fff}.rs-btn-red{background:var(--rs-danger);border-color:var(--rs-danger);color:#fff}.rs-btn-red:hover:not(:disabled){filter:brightness(1.1);background:var(--rs-danger);color:#fff}.rs-btn-blue{background:var(--rs-blue);border-color:var(--rs-blue);color:#fff}.rs-export-progress-bar{background:var(--rs-bg-elevated);border-bottom:1px solid var(--rs-border);flex-shrink:0;height:24px;position:relative;overflow:hidden}.rs-export-progress-fill{background:linear-gradient(90deg, var(--rs-accent), var(--rs-blue));border-radius:0 4px 4px 0;height:100%;transition:width .3s}.rs-export-progress-text{color:#fff;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;inset:0}.rs-main{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.rs-canvas-area{background:#000;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:8px;display:flex;position:relative;overflow:hidden}.rs-canvas-wrap{aspect-ratio:9/16;border-radius:var(--rs-radius);border:2px solid var(--rs-border);touch-action:none;background:#000;max-width:100%;height:100%;max-height:100%;transition:aspect-ratio .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.rs-canvas-wrap[data-ratio="1:1"]{aspect-ratio:1}.rs-canvas-wrap[data-ratio="4:5"]{aspect-ratio:4/5}.rs-canvas{object-fit:contain;width:100%;height:100%;display:block}.rs-canvas-preview{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.rs-canvas-empty{color:var(--rs-text-muted);cursor:pointer;text-align:center;transition:var(--rs-transition);background:#0a0f1ae6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.rs-canvas-empty:hover{color:var(--rs-text-primary);background:#0a0f1af2}.rs-canvas-exporting{border-radius:var(--rs-radius-sm);color:var(--rs-accent);background:#000000d9;align-items:center;gap:8px;padding:12px 20px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rs-spin{animation:1s linear infinite rs-spin-anim}.rs-sticker-actions{z-index:20;gap:8px;animation:.2s ease-out both rs-fade-up;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.rs-bottom-controls{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--rs-border);padding:10px 12px;padding-bottom:max(10px, env(safe-area-inset-bottom));z-index:40;background:#111827f2;flex-shrink:0}.rs-playback-row{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.rs-play-btn{background:var(--rs-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s;display:flex;box-shadow:0 4px 20px #10b98166}.rs-play-btn:hover{transform:scale(1.05)}.rs-play-btn:active{transform:scale(.95)}.rs-time-display{color:var(--rs-text-muted);justify-content:space-between;margin-bottom:4px;font-size:.65rem;font-weight:600;display:flex}.rs-timeline-track{background:var(--rs-bg-elevated);border:1px solid var(--rs-border);border-radius:var(--rs-radius-sm);height:40px;position:relative;overflow:hidden}.rs-timeline-clip{border-left:2px solid var(--rs-accent);cursor:pointer;background:#10b98133;align-items:center;transition:background .15s;display:flex;position:absolute;top:0;bottom:0}.rs-timeline-clip.active{background:#10b98166}.rs-timeline-clip-label{color:var(--rs-text-primary);white-space:nowrap;text-overflow:ellipsis;padding:0 8px;font-size:.65rem;font-weight:600;overflow:hidden}.rs-timeline-del{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.rs-timeline-playhead{background:var(--rs-danger);z-index:5;pointer-events:none;width:2px;transition:left .1s linear;position:absolute;top:0;bottom:0}.rs-toolbar-wrap{background:var(--rs-bg-card);border-top:1px solid var(--rs-border);z-index:50;flex-shrink:0;position:relative}.rs-toolbar{padding:8px 12px;padding-bottom:max(8px, env(safe-area-inset-bottom));scrollbar-width:none;flex-shrink:0;align-items:center;gap:12px;height:100%;display:flex;overflow:auto hidden}.rs-toolbar::-webkit-scrollbar{display:none}.rs-scroll-arrow{color:var(--rs-accent);z-index:10;pointer-events:none;background:#111827f2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;box-shadow:0 0 10px #00000080}.rs-arrow-right{animation:1.5s infinite rs-bounce-right;top:50%;right:4px;transform:translateY(-50%)}.rs-arrow-left{animation:1.5s infinite rs-bounce-left;top:50%;left:4px;transform:translateY(-50%)}.rs-arrow-down{animation:1.5s infinite rs-bounce-down;bottom:4px;left:50%;transform:translate(-50%)}.rs-arrow-up{animation:1.5s infinite rs-bounce-up;top:4px;left:50%;transform:translate(-50%)}@keyframes rs-bounce-right{0%,to{transform:translateY(-50%)}50%{transform:translate(4px,-50%)}}@keyframes rs-bounce-left{0%,to{transform:translateY(-50%)}50%{transform:translate(-4px,-50%)}}@keyframes rs-bounce-down{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,4px)}}@keyframes rs-bounce-up{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.rs-tool-btn{border-radius:var(--rs-radius-sm);background:var(--rs-bg-elevated);border:1px solid var(--rs-border);min-width:64px;height:56px;color:var(--rs-text-muted);cursor:pointer;transition:var(--rs-transition);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex}.rs-tool-btn:hover{border-color:var(--rs-border-hover);color:#fff;background:#374151}.rs-tool-btn.active{background:var(--rs-accent);color:#fff;border-color:var(--rs-accent);box-shadow:0 4px 12px #10b98133}.rs-tool-label{text-transform:uppercase;font-size:.6rem;font-weight:700}.rs-controls-panel{-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--rs-border);z-index:100;width:360px;max-width:85vw;height:100%;padding:16px;padding-top:max(16px, env(safe-area-inset-top));background:#111827f2;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(105%);box-shadow:-10px 0 40px #00000080}.rs-controls-panel.open{transform:translate(0)}.rs-panel-close{border-radius:var(--rs-radius-sm);background:var(--rs-bg-elevated);border:1px solid var(--rs-border);width:32px;height:32px;color:var(--rs-text-muted);cursor:pointer;transition:var(--rs-transition);justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.rs-panel-close:hover{background:var(--rs-danger);color:#fff;border-color:var(--rs-danger)}.rs-panel-title{color:var(--rs-text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:800;display:flex}.rs-panel-box{background:var(--rs-bg-elevated);border:1px solid var(--rs-border);border-radius:var(--rs-radius);margin-bottom:12px;padding:12px}.rs-box-title{color:var(--rs-text-muted);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:.65rem;font-weight:700;display:flex}.rs-input{background:var(--rs-bg-deep);border:1px solid var(--rs-border);border-radius:var(--rs-radius-sm);width:100%;color:var(--rs-text-primary);transition:var(--rs-transition);box-sizing:border-box;outline:none;margin-bottom:8px;padding:8px 12px;font-size:.8rem}.rs-input:focus{border-color:var(--rs-accent)}.rs-range{width:100%;accent-color:var(--rs-accent);height:4px;margin:4px 0}.rs-label{color:var(--rs-text-muted);margin-bottom:4px;font-size:.7rem;display:block}.rs-checkbox-label{color:var(--rs-text-muted);cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;font-size:.8rem;display:flex}.rs-checkbox{width:16px;height:16px;accent-color:var(--rs-accent)}.rs-search-box{background:var(--rs-bg-deep);border:1px solid var(--rs-border);border-radius:var(--rs-radius-sm);align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.rs-search-input{color:var(--rs-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.8rem}.rs-input-color{border:1px solid var(--rs-border);border-radius:var(--rs-radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:40px;height:38px;padding:0}.rs-gallery-cats{scrollbar-width:none;-ms-overflow-style:none;gap:6px;margin-bottom:12px;padding-bottom:8px;display:flex;overflow-x:auto}.rs-gallery-cats::-webkit-scrollbar{display:none}.rs-gallery-cat{background:var(--rs-bg-elevated);border:1px solid var(--rs-border);color:var(--rs-text-muted);cursor:pointer;white-space:nowrap;transition:var(--rs-transition);border-radius:20px;flex-shrink:0;padding:6px 12px;font-size:.7rem;font-weight:600}.rs-gallery-cat.active{background:var(--rs-accent);color:#fff;border-color:var(--rs-accent)}.rs-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.rs-gallery-card{background:var(--rs-bg-elevated);border-radius:var(--rs-radius);cursor:pointer;transition:var(--rs-transition);border:2px solid #0000;overflow:hidden}.rs-gallery-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.rs-gallery-card.active{border-color:var(--rs-accent);box-shadow:0 0 15px #10b9814d}.rs-gallery-preview{justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.rs-pro-badge{color:#000;z-index:2;background:#f59e0be6;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:6px;right:6px}.rs-gallery-info{justify-content:space-between;align-items:center;padding:8px;display:flex}.rs-gallery-title{color:var(--rs-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.65rem;font-weight:700;overflow:hidden}.rs-gallery-fav{color:var(--rs-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.rs-gallery-fav.active{color:var(--rs-gold)}.rs-stickers-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rs-sticker-btn{border-radius:var(--rs-radius-sm);border:1px solid var(--rs-border);background:var(--rs-bg-deep);cursor:pointer;height:48px;transition:var(--rs-transition);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.rs-sticker-btn:hover{border-color:var(--rs-accent);transform:scale(1.1)}.rs-sticker-btn:active{transform:scale(.95)}.rs-filters-scroll{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.rs-filters-scroll::-webkit-scrollbar{display:none}.rs-filter-btn{border-radius:var(--rs-radius-sm);background:var(--rs-bg-deep);border:1px solid var(--rs-border);color:var(--rs-text-muted);cursor:pointer;white-space:nowrap;transition:var(--rs-transition);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-size:.65rem;font-weight:600;display:flex}.rs-filter-btn.active{background:var(--rs-accent);color:#fff;border-color:var(--rs-accent)}.rs-filter-icon{font-size:1rem}.rs-export-presets{flex-direction:column;gap:8px;display:flex}.rs-export-preset-btn{border-radius:var(--rs-radius);background:var(--rs-bg-elevated);border:1px solid var(--rs-border);cursor:pointer;transition:var(--rs-transition);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:14px 16px;display:flex}.rs-export-preset-btn:hover:not(:disabled){border-color:var(--rs-accent);background:#10b9811a}.rs-export-preset-btn:disabled{opacity:.4;cursor:not-allowed}.rs-export-preset-name{color:var(--rs-text-primary);font-size:.85rem;font-weight:700}.rs-export-preset-desc{color:var(--rs-text-muted);font-size:.7rem}.rs-toast-container{top:max(60px, env(safe-area-inset-top));z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:360px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.rs-toast{border-radius:var(--rs-radius-sm);color:#fff;-webkit-backdrop-filter:blur(10px);align-items:center;gap:8px;padding:10px 16px;font-size:.75rem;font-weight:600;animation:.3s both rs-toast-in;display:flex;box-shadow:0 8px 30px #0000004d}.rs-toast-success{background:#10b981e6}.rs-toast-error{background:#ef4444e6}.rs-toast-info{background:#3b82f6e6}.rs-toast-achievement{color:#000;background:#f59e0be6}.rs-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s both rs-fade-in;display:flex;position:fixed;inset:0}.rs-modal{background:var(--rs-bg-card);border:1px solid var(--rs-border);border-radius:var(--rs-radius);width:100%;max-width:400px;max-height:80vh;padding:24px;animation:.25s both rs-modal-pop;overflow-y:auto}.rs-shortcuts-list{flex-direction:column;gap:8px;display:flex}.rs-shortcut-row{color:var(--rs-text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.rs-shortcut-row kbd{background:var(--rs-bg-deep);border:1px solid var(--rs-border);color:var(--rs-text-primary);border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.7rem;font-weight:700}.rs-onboarding{text-align:center}.rs-onboarding-icon{margin-bottom:12px;font-size:3rem}.rs-onboarding h2{margin-bottom:8px;font-size:1.25rem;font-weight:800}.rs-onboarding p{color:var(--rs-text-muted);margin-bottom:16px;font-size:.8rem;line-height:1.5}.rs-onboarding-tips{text-align:left;grid-template-columns:1fr 1fr;gap:8px;display:grid}.rs-onboarding-tip{color:var(--rs-text-muted);background:var(--rs-bg-deep);border-radius:var(--rs-radius-sm);align-items:center;gap:8px;padding:10px 12px;font-size:.75rem;display:flex}.rs-hidden-video{opacity:0;pointer-events:none;z-index:-1;width:2px;height:2px;position:fixed;bottom:2px;right:2px}@keyframes rs-pulse-anim{0%,to{opacity:1}50%{opacity:.4}}@keyframes rs-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rs-toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes rs-modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rs-fade-up{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width>=769px){.rs-container{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr 90px;display:grid}.rs-header{grid-area:1/1/auto/-1}.rs-export-progress-bar{grid-area:2/1/auto/-1}.rs-main{grid-area:3/1}.rs-bottom-controls{grid-area:4/1}.rs-toolbar-wrap{border-top:none;border-left:1px solid var(--rs-border);grid-area:3/2/-1;height:100%;overflow:hidden}.rs-toolbar{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;width:100%;height:100%;padding:16px 8px;overflow:hidden auto}.rs-tool-btn{width:100%;min-width:0}}@media (width<=768px){.rs-header{padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top))}.rs-header-title span{display:none}.rs-canvas-area{padding:4px}.rs-controls-panel{border-left:none;border-top:1px solid var(--rs-border);width:100%;max-width:100%;height:70%;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;inset:auto 0 0;transform:translateY(105%)}.rs-controls-panel.open{transform:translateY(0)}}.zoka-live-ticker{scrollbar-width:none;gap:12px;margin-bottom:8px;padding:12px 0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000);mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000)}.zoka-live-ticker::-webkit-scrollbar{display:none}.zoka-ticker-item{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;animation:.4s ease-out both zk-slide-in;display:flex}.zoka-ticker-item:hover{border-color:var(--primary);background:rgba(var(--primary-rgb), .05);transform:translateY(-2px)}.zoka-ticker-live{background:var(--danger);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s infinite zk-pulse}.zoka-featured-match{background:linear-gradient(135deg, rgba(var(--primary-rgb), .06), rgba(var(--gold-rgb), .03));border:1px solid rgba(var(--primary-rgb), .2);border-radius:20px;margin-bottom:24px;padding:24px;animation:.6s ease-out both zk-fade-up;position:relative;overflow:hidden}.zoka-featured-match:before{content:"";background:radial-gradient(circle, rgba(var(--primary-rgb), .08) 0%, transparent 70%);pointer-events:none;width:200%;height:200%;animation:25s linear infinite zk-rotate-bg;position:absolute;top:-50%;left:-50%}@keyframes zk-rotate-bg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zoka-featured-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex;position:relative}.zoka-featured-badge{background:rgba(var(--gold-rgb), .15);color:var(--gold);text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(var(--gold-rgb), .2);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.zoka-prediction-widget{z-index:1;border-top:1px solid #ffffff0f;flex-direction:column;gap:12px;margin-top:24px;padding-top:20px;display:flex;position:relative}.zoka-prediction-bar{background:#ffffff0d;border-radius:4px;height:8px;display:flex;overflow:hidden}.zoka-pred-fill{height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.zoka-pred-fill.home{background:var(--primary)}.zoka-pred-fill.draw{background:var(--text-muted)}.zoka-pred-fill.away{background:var(--danger)}.zoka-pred-labels{color:var(--text-muted);justify-content:space-between;font-size:11px;font-weight:700;display:flex}.zoka-pred-btns{gap:8px;display:flex}.zoka-pred-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.zoka-pred-btn:hover{background:rgba(var(--primary-rgb), .1);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.zoka-pred-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(var(--primary-rgb), .3)}.zoka-pred-btn.selected:hover{filter:brightness(1.1);transform:translateY(-1px)}.zoka-tabs{-webkit-overflow-scrolling:touch;position:relative}.zoka-tab-indicator{background:rgba(var(--primary-rgb), .15);border-radius:var(--r-8);z-index:0;pointer-events:none;height:calc(100% - 8px);transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px}.zoka-tab{z-index:1;transition:color var(--duration-fast);position:relative}.zoka-tab.active{color:var(--primary);box-shadow:none;background:0 0}.zoka-empty-anim{animation:3s ease-in-out infinite zk-float-card}@keyframes zk-float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.zoka-skel-featured{background:linear-gradient(90deg, var(--bg-card) 25%, rgba(var(--primary-rgb), .03) 50%, var(--bg-card) 75%);background-size:200% 100%;border-radius:20px;height:280px;margin-bottom:24px;animation:1.5s ease-in-out infinite zk-shimmer}.zoka-motd-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-16);margin-bottom:20px;padding:16px;transition:all .3s}.zoka-motd-card.expanded{border-color:rgba(var(--primary-rgb), .2);box-shadow:0 8px 32px #0003}.zoka-motd-header{cursor:pointer;border-radius:var(--r-8);justify-content:space-between;align-items:center;width:100%;padding:8px;transition:background .2s;display:flex}.zoka-motd-header:hover{background:#ffffff08}.zoka-intel-animate{animation:.4s cubic-bezier(.4,0,.2,1) both zk-fade-slide-down}@keyframes zk-fade-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.zoka-vote-btn{border-radius:var(--r-12);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 8px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.zoka-vote-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb), .05);transform:translateY(-2px)}.zoka-vote-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 16px rgba(var(--primary-rgb), .3)}.zoka-vote-btn:disabled{opacity:.6;cursor:not-allowed}.zoka-form-pill{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:2px;font-size:9px;font-weight:900;display:inline-flex}.zoka-form-w{background:var(--primary)}.zoka-form-d{background:var(--text-muted)}.zoka-form-l{background:var(--danger)}.nav-auth-section{padding:var(--sp-4);margin-bottom:var(--sp-8)}.nav-admin-badge{padding:var(--sp-4);margin-bottom:var(--sp-8);animation:2s ease-in-out infinite zk-admin-glow}@keyframes zk-admin-glow{0%,to{box-shadow:0 0 0 0 rgba(var(--gold-rgb), 0);transform:scale(1)}50%{box-shadow:0 0 20px 4px rgba(var(--gold-rgb), .15);transform:scale(1.02)}}.nav-accordion{opacity:0;max-height:0;margin-top:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s,margin .3s;overflow:hidden}.nav-accordion.open{opacity:1;max-height:800px;margin-top:var(--sp-12)}.nav-accordion-section{padding:var(--sp-12);border-radius:var(--r-12);margin-bottom:var(--sp-8);transition:background var(--duration-fast) ease, transform var(--duration-fast) ease;background:#ffffff05;border:1px solid #ffffff0d}.nav-accordion-section:hover{background:#ffffff0a;transform:translate(4px)}.nav-more-dropdown{width:600px;max-width:calc(100vw - 32px);padding:var(--sp-20);background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-16);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown)}.nav-more-grid{gap:var(--sp-24);grid-template-columns:repeat(3,1fr);display:grid}.nav-more-col{flex-direction:column;display:flex}.nav-more-link{padding:var(--sp-8) var(--sp-12);border-radius:var(--r-8);color:var(--text-secondary);font-size:var(--fs-sm);transition:all var(--duration-fast) ease;justify-content:space-between;align-items:center;font-weight:600;text-decoration:none;display:flex}.nav-more-link:hover{background:rgba(var(--primary-rgb), .08);color:var(--primary);transform:translate(4px)}.nav-top-grid{align-items:center;gap:var(--sp-16);height:var(--header-height);padding:0 var(--sp-16);width:100%;max-width:var(--max-width);grid-template-columns:1fr auto 1fr;margin:0 auto;display:grid}.nav-top-left{justify-self:start;align-items:center;gap:var(--sp-8);min-width:0;display:flex}.nav-top-center{justify-self:center;align-items:center;gap:var(--sp-24);display:flex}.nav-top-right{justify-self:end;align-items:center;gap:var(--sp-8);min-width:0;display:flex}.nav-link{padding:var(--sp-8) var(--sp-4);font-size:var(--fs-sm);color:var(--text-muted);transition:color var(--duration-fast) ease;white-space:nowrap;align-items:center;font-weight:700;display:inline-flex;position:relative}.nav-link:after{content:"";background:var(--primary);height:2px;transition:right var(--duration-normal) var(--ease-out);border-radius:2px;position:absolute;bottom:0;left:0;right:100%}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{right:0}.nav-link.active{color:var(--primary)}.nav-link.active:after{right:0}@media (width<=1024px){.nav-more-dropdown{width:100%;right:-50px}.nav-more-grid{gap:var(--sp-16);grid-template-columns:1fr}}@media (width<=767px){.nav-top-grid{padding:0 var(--sp-12);grid-template-columns:auto 1fr auto}.nav-top-center{display:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}