/* ===== base.css ===== */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;hanging-punctuation:first last;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body,sans-serif);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}ul[role='list'],ol[role='list']{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:oklch(from var(--color-primary) l c h / 0.25);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;width:100%}a,button,[role='button'],[role='link'],input,textarea,select{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}/* ===== style.css ===== */ /* ============================================ VANTCALL — Design Tokens Dark production platform aesthetic ============================================ */:root,[data-theme='light']{--color-bg:#f6f5f3;--color-surface:#ffffff;--color-surface-2:#faf9f7;--color-surface-offset:#f0efed;--color-surface-offset-2:#e8e7e4;--color-surface-dynamic:#e0dfd9;--color-divider:#e0ded9;--color-border:#d4d2cc;--color-border-strong:#b8b5ad;--color-text:#1a1a1f;--color-text-muted:#6b6a72;--color-text-faint:#a8a6ad;--color-text-inverse:#f9f8f6;--color-primary:#ff0d2e;--color-primary-hover:#cc0a25;--color-primary-active:#a0081e;--color-primary-highlight:#1a0a0d;--color-primary-glow:rgba(255,13,46,0.15);--color-secondary:#0891b2;--color-secondary-hover:#0e7490;--color-secondary-highlight:#cffafe;--color-accent-red:#ff0d2e;--color-accent-red-dim:#cc0a25;--color-accent-red-glow:rgba(255,13,46,0.12);--color-success:#16a34a;--color-success-highlight:#dcfce7;--color-warning:#d97706;--color-warning-highlight:#fef3c7;--color-error:#dc2626;--color-error-highlight:#fee2e2;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-interactive:180ms cubic-bezier(0.16,1,0.3,1);--transition-slow:350ms cubic-bezier(0.16,1,0.3,1);--shadow-sm:0 1px 2px rgba(20,20,30,0.06);--shadow-md:0 4px 12px rgba(20,20,30,0.08);--shadow-lg:0 12px 32px rgba(20,20,30,0.12);--content-narrow:640px;--content-default:900px;--content-wide:1200px;--content-full:1400px;--font-display:'Cabinet Grotesk','Inter',sans-serif;--font-body:'Satoshi','Inter',sans-serif;--font-mono:'JetBrains Mono','Menlo',monospace;--text-xs:clamp(0.75rem,0.7rem+0.25vw,0.875rem);--text-sm:clamp(0.875rem,0.8rem+0.35vw,1rem);--text-base:clamp(1rem,0.95rem+0.25vw,1.125rem);--text-lg:clamp(1.125rem,1rem+0.75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem+1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem+2.5vw,3.5rem);--text-3xl:clamp(2.5rem,1rem+4vw,5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--header-height:56px}[data-theme='dark']{--color-bg:#0f1923;--color-surface:#1a232e;--color-surface-2:#1f2a36;--color-surface-offset:#152028;--color-surface-offset-2:#1a2530;--color-surface-dynamic:#243040;--color-divider:#1f2a36;--color-border:#2a3a4a;--color-border-strong:#3a4f63;--color-text:#ece8e1;--color-text-muted:#a8b5ae;--color-text-faint:#8a9a94;--color-text-inverse:#0f1923;--color-primary:#ff4655;--color-primary-hover:#e63950;--color-primary-active:#bd3944;--color-primary-highlight:#1f1215;--color-primary-glow:rgba(255,70,85,0.15);--color-secondary:#ff4655;--color-secondary-hover:#e63950;--color-secondary-highlight:#1f1215;--color-accent-red:#ff4655;--color-accent-red-dim:#bd3944;--color-accent-red-glow:rgba(255,70,85,0.12);--color-success:#4ade80;--color-success-highlight:#0a1a0f;--color-warning:#fbbf24;--color-warning-highlight:#1a1608;--color-error:#f87171;--color-error-highlight:#1a0808;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 12px 32px rgba(0,0,0,0.5)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0f1923;--color-surface:#1a232e;--color-surface-2:#1f2a36;--color-surface-offset:#152028;--color-surface-offset-2:#1a2530;--color-surface-dynamic:#243040;--color-divider:#1f2a36;--color-border:#2a3a4a;--color-border-strong:#3a4f63;--color-text:#ece8e1;--color-text-muted:#8b978f;--color-text-faint:#4a5a50;--color-text-inverse:#0f1923;--color-primary:#ff4655;--color-primary-hover:#e63950;--color-primary-active:#bd3944;--color-primary-highlight:#1f1215;--color-primary-glow:rgba(255,70,85,0.15);--color-secondary:#ff4655;--color-secondary-hover:#e63950;--color-secondary-highlight:#1f1215;--color-accent-red:#ff4655;--color-accent-red-dim:#bd3944;--color-accent-red-glow:rgba(255,70,85,0.12);--color-success:#4ade80;--color-success-highlight:#0a1a0f;--color-warning:#fbbf24;--color-warning-highlight:#1a1608;--color-error:#f87171;--color-error-highlight:#1a0808;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 12px 32px rgba(0,0,0,0.5)}}/* ============================================ COMPONENT STYLES ============================================ */ .skip-link{position:absolute;top:-100px;left:var(--space-4);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);z-index:100;font-weight:500}.skip-link:focus{top:var(--space-2)}.layout{min-height:100dvh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);gap:var(--space-4)}.header-left{display:flex;align-items:center;gap:var(--space-3)}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);font-family:var(--font-display);font-weight:800;font-size:var(--text-base);letter-spacing:-0.02em}.logo svg{width:28px;height:28px}.main-nav{display:flex;align-items:center;gap:0;height:100%}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:100%;text-decoration:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;position:relative;transition:color var(--transition-interactive),background var(--transition-interactive);white-space:nowrap}.nav-item:hover{color:var(--color-text);background:var(--color-surface-offset)}.nav-item.active{color:var(--color-text)}.nav-item.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-accent-red)}.nav-number{color:var(--color-accent-red);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.header-right{display:flex;align-items:center;gap:var(--space-2)}.header-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-md);font-weight:500}.header-link:hover{color:var(--color-text);background:var(--color-surface-offset)}.header-link svg{width:16px;height:16px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-muted)}.theme-toggle:hover{color:var(--color-text);background:var(--color-surface-offset)}.theme-toggle svg{width:18px;height:18px}.menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text)}.menu-toggle svg{width:20px;height:20px}.mobile-nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:99;flex-direction:column;padding:var(--space-2) 0;gap:0}.mobile-nav.show{display:flex}.mobile-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);text-decoration:none;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;letter-spacing:0.05em;text-transform:uppercase}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--color-text);background:var(--color-surface-offset)}.mobile-nav-number{color:var(--color-accent-red);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.main{flex:1;padding:var(--space-8) var(--space-6);overflow-x:hidden}.main:has(.content-wrapper-home){padding:0}.content{max-width:var(--content-wide);margin:0 auto}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:0;font-size:var(--text-sm);font-weight:700;text-decoration:none;border:1px solid transparent;white-space:nowrap;transition:all var(--transition-interactive);text-transform:uppercase;letter-spacing:0.05em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 20px var(--color-primary-glow)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-accent{background:var(--color-primary);color:#fff}.btn-accent:hover{background:var(--color-primary-hover);box-shadow:0 4px 20px var(--color-primary-glow)}.btn-lg{padding:var(--space-4) var(--space-12);font-size:var(--text-base)}.content h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-0.02em;margin-bottom:var(--space-3);color:var(--color-text)}.content h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--color-text);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-divider)}.content h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--color-text)}.content p{margin-bottom:var(--space-4);color:var(--color-text);line-height:1.7}.content ul,.content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.content li{margin-bottom:var(--space-2);color:var(--color-text);line-height:1.7}.content strong{font-weight:600;color:var(--color-text)}.content code{font-family:var(--font-mono);font-size:0.875em;background:var(--color-surface-offset);padding:0.15em 0.4em;border-radius:var(--radius-sm);color:var(--color-primary);border:1px solid var(--color-divider)}.content pre{background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4)}.content pre code{background:none;border:none;padding:0;color:var(--color-text);font-size:var(--text-sm);line-height:1.6}.content blockquote{border-left:3px solid var(--color-primary);background:var(--color-primary-highlight);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-4)}.content blockquote p{margin-bottom:0;color:var(--color-text-muted)}.content table{margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.content th{background:var(--color-surface-offset);padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid var(--color-border)}.content td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid var(--color-divider)}.content tr:last-child td{border-bottom:none}.content td code{font-size:0.8em}/* ============================================ HERO (VALORANT Esports style) ============================================ */ .content-wrapper-home{max-width:100%}.content-home{max-width:100%}.valorant-hero{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-32) var(--space-4) var(--space-24);position:relative;overflow:hidden}.valorant-hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 60%);pointer-events:none;z-index:0}.valorant-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);z-index:1}.valorant-hero h1{font-family:var(--font-display);font-size:clamp(3rem,1rem+9vw,8rem);font-weight:900;letter-spacing:0.02em;text-transform:uppercase;color:var(--color-text);line-height:0.9;margin-bottom:var(--space-6);position:relative;z-index:1}.valorant-hero .hero-tagline{font-size:var(--text-lg);color:var(--color-text-muted);max-width:50ch;margin:0 auto var(--space-10);line-height:1.5;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--color-primary-highlight);border:1px solid var(--color-accent-red);color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-6);position:relative;z-index:1;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.hero-badge .live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:pulse 1.5s infinite}.hero-cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;position:relative;z-index:1}/* ============================================ SEASON STRIP (VALORANT Esports style) ============================================ */ .season-strip{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow-x:auto;max-width:100%}.season-event{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:nowrap;min-width:180px;transition:border-color var(--transition-interactive);cursor:pointer}.season-event:hover{border-color:var(--color-primary)}.season-event.active{border-color:var(--color-primary);background:var(--color-primary-highlight)}.season-event-region{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-faint)}.season-event.active .season-event-region{color:var(--color-primary)}.season-event.active .season-event-name{color:#fff}.season-event.active .season-event-dates{color:rgba(255,255,255,0.7)}.season-event-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.season-event-dates{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}/* ============================================ CALENDAR / SCHEDULE (VALORANT Esports style) ============================================ */ .calendar-section{max-width:var(--content-full);margin:0 auto;padding:var(--space-12) var(--space-4)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.calendar-title{display:flex;align-items:center;gap:var(--space-3)}.calendar-title h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text);margin:0;padding:0;border:none}.calendar-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.calendar-filter{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-interactive);background:var(--color-surface)}.calendar-filter:hover{color:var(--color-text);border-color:var(--color-border-strong)}.calendar-filter.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.match-day{margin-bottom:var(--space-2)}.match-day-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider)}.match-day-date{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:capitalize;color:var(--color-text)}.match-day-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-primary);padding:var(--space-1) var(--space-2);background:var(--color-primary-highlight);border-radius:var(--radius-sm)}.match-card{display:grid;grid-template-columns:80px 1fr auto 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);transition:background var(--transition-interactive);cursor:pointer}.match-card:hover{background:var(--color-surface-offset)}.match-time{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-align:center}.match-time.live{color:var(--color-primary)}.match-team{display:flex;align-items:center;gap:var(--space-3)}.match-team.right{justify-content:flex-end}.match-team-logo{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-surface-dynamic);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;color:var(--color-text);flex-shrink:0}.match-team-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:0.03em}.match-team-name.tbd{color:var(--color-text-faint);font-style:italic}.match-score{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:800}.match-score-num{min-width:24px;text-align:center;color:var(--color-text)}.match-score-num.winner{color:var(--color-primary)}.match-score-sep{color:var(--color-text-faint);font-size:var(--text-sm)}.match-format{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.match-comp{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted)}.match-phase{font-size:var(--text-xs);color:var(--color-text-faint)}.match-format-tag{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:600;color:var(--color-text-faint);text-transform:uppercase}.live-indicator{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:0.08em}.live-indicator::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:pulse 1.5s infinite}.power-rankings{max-width:var(--content-full);margin:0 auto;padding:var(--space-12) var(--space-4)}.rankings-header{margin-bottom:var(--space-8);text-align:center}.rankings-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text);border:none;margin:0;padding:0}.rankings-list{display:flex;flex-direction:column;gap:var(--space-2);max-width:var(--content-default);margin:0 auto}.ranking-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);transition:border-color var(--transition-interactive);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.ranking-row:hover{border-color:var(--color-primary)}.ranking-pos{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-text-faint);text-align:center}.ranking-pos.top1{color:#ffd700}.ranking-pos.top2{color:#c0c0c0}.ranking-pos.top3{color:#cd7f32}.ranking-team{display:flex;align-items:center;gap:var(--space-3)}.ranking-team-logo{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-surface-dynamic);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;color:var(--color-text)}.ranking-team-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-transform:uppercase}.ranking-points{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}/* ============================================ LOGIN PAGE (Enhanced) ============================================ */ .login-page{max-width:460px;margin:var(--space-8) auto;padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.login-page h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-2);text-align:center}.login-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8);text-align:center}.login-methods{display:flex;flex-direction:column;gap:var(--space-3)}.login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-interactive)}.login-btn:hover{background:var(--color-surface-offset);border-color:var(--color-border-strong);transform:translateY(-1px)}.login-btn svg{width:20px;height:20px}.login-btn-discord{background:#5865F2;border-color:#5865F2;color:#fff}.login-btn-discord:hover{background:#4752C4;border-color:#4752C4}.login-btn-google{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.login-btn-google:hover{background:var(--color-surface-offset)}.login-btn-github{background:#181717;border-color:#181717;color:#fff}.login-btn-github:hover{background:#000;border-color:#000}.login-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0}.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--color-border)}.login-divider span{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:0.08em}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.login-form-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted)}.login-form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-surface-offset);color:var(--color-text);transition:border-color var(--transition-interactive)}.login-form-input:focus{border-color:var(--color-primary);outline:none}.login-form-input::placeholder{color:var(--color-text-faint)}.login-form-actions{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.login-form-actions a{color:var(--color-primary);text-decoration:none}.login-form-actions a:hover{text-decoration:underline}.login-submit{width:100%;justify-content:center;margin-top:var(--space-2)}.login-note{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-6);line-height:1.5;text-align:center}.login-switch{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.login-switch a{color:var(--color-primary);text-decoration:none;font-weight:600}.login-switch a:hover{text-decoration:underline}.login-methods-home{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.login-method-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;color:inherit;transition:all var(--transition-interactive);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.login-method-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.login-method-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.login-method-icon svg{width:32px;height:32px}.discord-icon svg{color:#5865F2}.google-icon svg{width:32px;height:32px}.github-icon svg{color:var(--color-text)}.login-method-card h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin:0}.login-method-card p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.4}/* ============================================ PRICING (Enhanced Monetization) ============================================ */ .pricing-header-block{margin-bottom:var(--space-8);text-align:center}.pricing-tag{display:inline-block;font-size:var(--text-xs);font-weight:600;color:var(--color-accent-red);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-2)}.pricing-header-block h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;color:var(--color-text);letter-spacing:-0.01em;margin-bottom:var(--space-3)}.pricing-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1);line-height:1.5}.pricing-note-dim{font-size:var(--text-xs);color:var(--color-text-faint)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin:var(--space-8) 0}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-6);position:relative;transition:all var(--transition-interactive);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.pricing-card:hover{border-color:var(--color-primary);box-shadow:0 8px 32px var(--color-primary-glow);transform:translateY(-3px)}.pricing-featured{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-md)}.pricing-elite{border-color:var(--color-accent-red);box-shadow:0 0 0 1px var(--color-accent-red),var(--shadow-md)}.pricing-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;text-transform:uppercase;letter-spacing:0.05em}.pricing-badge-elite{background:var(--color-accent-red)}.pricing-tier-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-red);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-2)}.pricing-tier-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-0.01em}.pricing-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.pricing-price-line{display:flex;align-items:baseline;gap:var(--space-2);margin:var(--space-3) 0 var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider)}.pricing-price-num{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-text)}.pricing-price-type{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:500}.pricing-features{list-style:none;padding:0;margin-bottom:var(--space-6)}.pricing-features li{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text);display:flex;align-items:flex-start;gap:var(--space-2)}.pricing-features li::before{content:'✓';color:var(--color-primary);font-weight:700;flex-shrink:0}.pricing-btn{width:100%;justify-content:center}.pricing-footer-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4);text-align:center}.pricing-footer-note a{color:var(--color-accent-red);text-decoration:underline}.pricing-comparison{margin:var(--space-12) 0;overflow-x:auto}.pricing-comparison table{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.pricing-comparison th,.pricing-comparison td{padding:var(--space-3) var(--space-4);text-align:center;font-size:var(--text-sm);border-bottom:1px solid var(--color-divider)}.pricing-comparison th{background:var(--color-surface-offset);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;font-size:var(--text-xs)}.pricing-comparison th:first-child,.pricing-comparison td:first-child{text-align:left;font-weight:500}.pricing-comparison .check{color:var(--color-success);font-weight:700}.pricing-comparison .cross{color:var(--color-text-faint)}/* ============================================ CHECKOUT ============================================ */ .checkout-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:500px;margin:var(--space-8) auto}.checkout-summary{margin-bottom:var(--space-6)}.checkout-line{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.checkout-total{border-top:1px solid var(--color-divider);margin-top:var(--space-2);padding-top:var(--space-3);font-size:var(--text-base);font-weight:700;color:var(--color-text)}.checkout-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.checkout-actions p{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.checkout-pay-btn{width:100%;justify-content:center}/* ============================================ DASHBOARD CARDS ============================================ */ .dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.dash-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-interactive)}.dash-card:hover{border-color:var(--color-primary)}.dash-card .label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:0.06em;font-weight:600;margin-bottom:var(--space-2)}.dash-card .value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.dash-card .sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}/* ============================================ FEATURE BLOCKS ============================================ */ .valorant-section{max-width:var(--content-wide);margin:0 auto;padding:var(--space-20) var(--space-4)}.valorant-section .section-header{margin-bottom:var(--space-12);text-align:center}.valorant-section .section-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text);border-bottom:none;margin:0;padding:0}.news-list{display:flex;flex-direction:column;gap:0}.news-item{display:flex;align-items:flex-start;gap:var(--space-6);padding:var(--space-6) 0;border-bottom:1px solid var(--color-divider);text-decoration:none;color:inherit;transition:all var(--transition-interactive)}.news-item:hover{padding-left:var(--space-4)}.news-item:hover .news-num{color:var(--color-primary)}.news-item:hover h3{color:var(--color-primary)}.news-num{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text-faint);min-width:60px;transition:color var(--transition-interactive)}.news-content{flex:1}.news-meta{margin-bottom:var(--space-1)}.news-cat{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-primary)}.news-content h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2);transition:color var(--transition-interactive)}.news-content p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.valorant-banner{width:100%;background:linear-gradient(135deg,var(--color-surface-offset) 0%,var(--color-bg) 100%);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-24) var(--space-4);text-align:center;position:relative;overflow:hidden}.valorant-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,var(--color-primary-glow) 0%,transparent 70%);pointer-events:none}.banner-content{max-width:var(--content-default);margin:0 auto;position:relative;z-index:1}.banner-content h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text);margin:0 0 var(--space-4);border:none;padding:0}.banner-content p{font-size:var(--text-lg);color:var(--color-text-muted);margin:0 0 var(--space-8);line-height:1.5}.feature-block{padding:var(--space-16) 0;border-bottom:1px solid var(--color-divider);max-width:var(--content-default);margin:0 auto}.feature-block:last-child{border-bottom:none}.feature-block-num{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-3)}.feature-block h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text);margin:0 0 var(--space-4)}.feature-block p{font-size:var(--text-base);color:var(--color-text-muted);margin:0 0 var(--space-6);line-height:1.7;max-width:60ch}.bot-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-6) 0}.bot-status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-offset);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.bot-status .dot{width:10px;height:10px;border-radius:50%;background:var(--color-success);animation:pulse 2s infinite}.bot-status .text{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.bot-status .sub{font-size:var(--text-xs);color:var(--color-text-muted)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.bot-commands{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-3)}.bot-cmd{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-offset);border-radius:var(--radius-md);border:1px solid var(--color-border)}.bot-cmd code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-surface-dynamic);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-primary);white-space:nowrap}.bot-cmd .desc{font-size:var(--text-xs);color:var(--color-text-muted)}.breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-faint);margin-bottom:var(--space-4)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{color:var(--color-text-faint)}.page-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-divider)}.page-nav a{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;flex:1;transition:border-color var(--transition-interactive),background var(--transition-interactive);max-width:48%}.page-nav a:hover{border-color:var(--color-primary);background:var(--color-surface-offset)}.page-nav .label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:0.05em;font-weight:600}.page-nav .title{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.page-nav a.next{text-align:right}.footer{padding:var(--space-12) var(--space-6) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8);max-width:var(--content-wide);margin:0 auto var(--space-8)}.footer-brand .footer-logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.footer-brand .footer-logo svg{width:28px;height:28px}.footer-brand .footer-logo span{font-family:var(--font-display);font-weight:800;font-size:var(--text-base);color:var(--color-text);letter-spacing:0.08em}.footer-brand p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;max-width:32ch}.footer-col{display:flex;flex-direction:column;gap:var(--space-2)}.footer-heading{font-size:var(--text-xs);font-weight:600;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-2)}.footer-col a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.footer-col a:hover{color:var(--color-text)}.footer-bottom{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--color-divider);font-size:var(--text-xs);color:var(--color-text-faint)}.content-wrapper{animation:fadeIn var(--transition-slow) ease}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);max-width:var(--content-default);margin:0 auto}.integration-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:500;color:var(--color-text);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.int-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.int-active{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}@media (max-width:900px){.main-nav{display:none}.menu-toggle{display:flex}.header-link span{display:none}.main{padding:var(--space-4)}.login-methods-home{grid-template-columns:1fr}.valorant-hero{min-height:50vh;padding:var(--space-20) var(--space-4) var(--space-16)}.valorant-hero h1{font-size:clamp(2.5rem,1rem+6vw,4rem)}.feature-block{padding:var(--space-10) 0}.feature-block h3{font-size:var(--text-lg)}.banner-content h2{font-size:var(--text-xl)}.match-card{grid-template-columns:60px 1fr auto 1fr}.match-format{display:none}.match-team-name{display:none}}@media (max-width:640px){.header{padding:0 var(--space-4)}.main{padding:var(--space-3)}.pricing-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}.bot-commands{grid-template-columns:1fr}.page-nav{flex-direction:column}.page-nav a{max-width:100%;text-align:left !important}.checkout-box{padding:var(--space-4)}.news-item{flex-direction:column;gap:var(--space-2)}.news-num{min-width:auto}.login-methods-home{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.match-card{grid-template-columns:50px 1fr 1fr;gap:var(--space-2);padding:var(--space-2)}.match-team-logo{width:24px;height:24px}.season-strip{padding:var(--space-3)}.season-event{min-width:140px}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.auth-msg{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md,8px);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface-offset);color:var(--color-text)}.auth-msg[hidden]{display:none}.auth-msg-success{border-color:var(--color-success);background:var(--color-success-highlight)}.auth-msg-error{border-color:var(--color-error);background:var(--color-error-highlight)}.auth-msg-warning{border-color:var(--color-warning);background:var(--color-warning-highlight)}button.login-btn{width:100%;font:inherit;cursor:pointer}.login-submit:disabled,.checkout-pay-btn:disabled{opacity:.6;cursor:progress}.account-page{max-width:560px}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin:var(--space-6) 0}.account-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md,8px);background:var(--color-surface);min-width:0}.account-item span{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.account-item strong{font-size:var(--text-base);overflow-wrap:anywhere}.account-plan-basic,.account-plan-pro,.account-plan-elite{color:var(--color-primary)}.account-h2{margin-top:var(--space-10);font-size:var(--text-lg)}.account-purchases{list-style:none;padding:0;margin:var(--space-3) 0 0;display:grid;gap:var(--space-2)}.account-purchases li{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md,8px);font-size:var(--text-sm)}.account-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}@media (max-width:480px){.account-purchases li{grid-template-columns:1fr 1fr}}/* ============================================ v2 — Datos reales (Supabase) ============================================ */ .live-data-tag{display:inline-flex;align-items:center;gap:6px;margin-left:var(--space-3);padding:2px 10px;border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.live-data-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);animation:pulse 2s infinite}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-6);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.stat-num{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.home-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-10)}.home-grid-section{padding-top:var(--space-12)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4)}.section-head h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;letter-spacing:.06em;margin:0;padding:0;border:0}.section-head a{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;font-weight:600}.section-lead{text-align:center;color:var(--color-text-muted);max-width:60ch;margin:calc(-1 * var(--space-8)) auto var(--space-8)}.t-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.t-grid-stack{grid-template-columns:1fr}.t-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;color:inherit;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:border-color var(--transition-interactive),transform var(--transition-interactive)}.t-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.t-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;margin:0}.t-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.t-card-top{display:flex;gap:var(--space-2);align-items:center}.t-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-divider)}.t-tier{font-family:var(--font-mono);font-size:11px;color:var(--color-primary);letter-spacing:.08em;margin-left:var(--space-2)}.t-prize{font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.t-hero{margin-bottom:var(--space-6)}.t-hero h1{margin-top:var(--space-3)}.t-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.pill{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--color-border);color:var(--color-text-muted)}.pill-registration,.pill-open,.pill-active,.pill-in_progress,.pill-live{border-color:var(--color-success);color:var(--color-success)}.pill-upcoming,.pill-scheduled,.pill-pending{border-color:var(--color-warning);color:var(--color-warning)}.pill-cancelled{border-color:var(--color-error);color:var(--color-error)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface)}.empty-state svg{width:36px;height:36px;color:var(--color-primary);margin-bottom:var(--space-2)}.empty-state h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;margin:0}.empty-state p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3);max-width:44ch}.skeleton-list{display:grid;gap:var(--space-2)}.skeleton-row{height:56px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-2) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}.ranks-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-2);margin:var(--space-4) 0 var(--space-8)}.rank-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-4) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-bottom:2px solid var(--rank);text-align:center}.rank-emblem{width:40px;height:40px;color:var(--rank)}.rank-emblem svg{width:40px;height:40px}.rank-name{font-family:var(--font-display);font-weight:800;font-size:var(--text-sm)}.rank-min{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.rank-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border:1px solid var(--rank);color:var(--rank);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.rank-gem{width:8px;height:8px;background:var(--rank);transform:rotate(45deg)}.ranking-row{text-decoration:none;color:inherit}.ranking-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.ranking-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ranking-team-logo img,.player-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.rule{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.rule-val{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.rule-key{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.event-body{grid-column:2 / 5}.event-title{font-weight:700}.event-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.link-btn{color:var(--color-primary);text-decoration:underline;font-weight:600}.link-inline{font-size:var(--text-sm);color:var(--color-primary)}.search-bar{display:flex;gap:var(--space-3);margin:var(--space-4) 0 var(--space-6);max-width:560px}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.player-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;color:inherit;transition:border-color var(--transition-interactive)}.player-card:hover{border-color:var(--color-primary)}.player-avatar{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-surface-dynamic);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:var(--text-xs);overflow:hidden}.player-avatar-lg{width:72px;height:72px;font-size:var(--text-lg)}.player-name{font-weight:700}.player-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.verified{color:var(--color-success);font-size:.85em}.profile-head,.account-head{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}.profile-head h1,.account-head h1{margin:0;text-align:left}.profile-bio{color:var(--color-text-muted)}.history-list{list-style:none;padding:0 !important;display:grid;gap:var(--space-2)}.history-list li{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--color-border-strong);background:var(--color-surface);font-size:var(--text-sm);margin:0}.history-list li.win{border-left-color:var(--color-success)}.history-list li.loss{border-left-color:var(--color-error)}.history-list a{color:var(--color-text);font-weight:600}.bracket{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,1fr);gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2)}.bracket-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-2)}.bracket .match-card{grid-template-columns:1fr auto 1fr}.bracket .match-time,.bracket .match-format{display:none}.rules-text{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--text-sm);line-height:1.7}.value-sm{font-size:var(--text-base) !important}.dash-card-wide{grid-column:1 / -1}.check-row{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--text-xs);color:var(--color-text-muted)}.check-row input{margin-top:3px;accent-color:var(--color-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}textarea.login-form-input{resize:vertical;font:inherit}.account-page{max-width:760px;margin:0 auto}.account-item .btn{margin-top:var(--space-2);align-self:flex-start}.support-box{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface)}.support-box summary{cursor:pointer;font-weight:700;margin-bottom:var(--space-3)}.account-purchases a{color:var(--color-text);font-weight:600}.footer-legal{margin-top:var(--space-2);font-size:11px;color:var(--color-text-faint);max-width:none}@media (max-width:900px){.home-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:repeat(2,1fr)}.stat-live{grid-column:1 / -1}.ranks-strip{grid-template-columns:repeat(4,1fr)}.event-body{grid-column:2 / 4}}@media (max-width:640px){.form-row{grid-template-columns:1fr}.search-bar{flex-direction:column}.profile-head,.account-head{flex-direction:column;align-items:flex-start}.history-list li{grid-template-columns:1fr auto}.history-list li span:last-child{display:none}}.stats-strip{padding-inline:max(var(--space-6),calc((100% - 1160px) / 2))}/* ===== premium.css ===== */ /* ============================================ VANTS — Capa de diseño premium Se carga después de style.css. Solo afecta a la presentación:no cambia lógica,rutas,auth ni pagos. ============================================ */:root{--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--premium-line:linear-gradient(90deg,transparent,var(--color-primary) 50%,transparent);--premium-card:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 100%,transparent) 0%,var(--color-surface-offset) 100%);--elite-a:#ff4655;--elite-b:#ffb547}[data-theme='light']{--premium-card:linear-gradient(180deg,#ffffff 0%,var(--color-surface-2) 100%)}body::before{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme='light'] body::before{opacity:0.025}.header{background:color-mix(in srgb,var(--color-bg) 72%,transparent);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom-color:color-mix(in srgb,var(--color-border) 60%,transparent);transition:background var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow)}.header.is-scrolled{background:color-mix(in srgb,var(--color-bg) 88%,transparent);box-shadow:0 10px 30px -12px rgba(0,0,0,0.55);border-bottom-color:var(--color-border)}.logo svg{transition:transform var(--transition-slow)}.logo:hover svg{transform:rotate(-8deg) scale(1.06)}.nav-item{position:relative}.nav-item.active{text-shadow:0 0 18px var(--color-primary-glow)}.btn{position:relative;overflow:hidden;isolation:isolate}.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 88%,#fff) 0%,var(--color-primary) 55%,var(--color-primary-hover) 100%)}.btn-primary::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,0.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform 700ms var(--ease-out-expo)}.btn-primary:hover::after{transform:translateX(120%)}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:color-mix(in srgb,var(--color-surface) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn .btn-arrow{transition:transform var(--transition-interactive)}.btn:hover .btn-arrow{transform:translateX(3px)}.valorant-hero{--color-text:#f3efe8;--color-text-muted:#b4bcb6;min-height:min(92vh,960px);padding:calc(var(--space-32)+var(--space-4)) var(--space-4) var(--space-24);background:#0b131b;isolation:isolate}.hero-media{position:absolute;inset:-4% 0 0 0;z-index:-2;background:url('./assets/hero-arena.jpg') center 40% / cover no-repeat;transform:scale(1.06);animation:heroDrift 18s var(--ease-out-expo) both}.hero-media::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(11,19,27,0.35) 0%,rgba(11,19,27,0.82) 70%,#0b131b 100%),linear-gradient(180deg,rgba(11,19,27,0.6) 0%,transparent 30%,transparent 60%,var(--color-bg) 100%)}.hero-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 50%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 60% 55% at 50% 50%,#000 0%,transparent 75%)}.valorant-hero::before{width:1100px;height:1100px;background:radial-gradient(circle,rgba(255,70,85,0.22) 0%,transparent 55%);z-index:-1;animation:heroPulse 7s ease-in-out infinite}.valorant-hero h1{font-size:clamp(3.4rem,1rem+11vw,10rem);letter-spacing:-0.01em;line-height:0.86;background:linear-gradient(180deg,#ffffff 0%,#f3efe8 45%,#a9a49b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 40px rgba(0,0,0,0.6))}.valorant-hero h1 .hero-accent{background:linear-gradient(180deg,#ff7a85 0%,#ff4655 55%,#c22a3a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.valorant-hero .hero-tagline{color:var(--color-text-muted)}.hero-badge{background:rgba(255,70,85,0.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ff8a93}.hero-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-6);margin-top:var(--space-10);font-family:var(--font-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(243,239,232,0.55)}.hero-meta span{display:inline-flex;align-items:center;gap:var(--space-2)}.hero-meta span::before{content:'';width:6px;height:6px;background:var(--color-primary);transform:rotate(45deg)}.hero-scroll{position:absolute;left:50%;bottom:var(--space-8);z-index:1;width:22px;height:36px;margin-left:-11px;border:1.5px solid rgba(243,239,232,0.35);border-radius:12px}.hero-scroll::after{content:'';position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--color-primary);animation:scrollCue 1.8s ease-in-out infinite}.valorant-hero>.hero-badge,.valorant-hero>h1,.valorant-hero>.hero-tagline,.valorant-hero>.hero-cta,.valorant-hero>.hero-meta{animation:heroIn 900ms var(--ease-out-expo) both}.valorant-hero>h1{animation-delay:80ms}.valorant-hero>.hero-tagline{animation-delay:180ms}.valorant-hero>.hero-cta{animation-delay:280ms}.valorant-hero>.hero-meta{animation-delay:380ms}.marquee{position:relative;overflow:hidden;border-top:1px solid var(--color-border);background:var(--color-bg);padding:var(--space-4) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track{display:flex;width:max-content;gap:var(--space-10);animation:marquee 38s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{display:inline-flex;align-items:center;gap:var(--space-10);font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;color:var(--color-text-faint)}.marquee-item:nth-child(odd){color:transparent;-webkit-text-stroke:1px var(--color-border-strong)}.marquee-item::after{content:'';width:8px;height:8px;background:var(--color-primary);transform:rotate(45deg)}.stats-strip{background:radial-gradient(ellipse 50% 120% at 0% 50%,rgba(255,70,85,0.06),transparent 60%),var(--color-surface)}.stat-num{font-size:var(--text-2xl);line-height:1;background:linear-gradient(180deg,var(--color-text) 30%,var(--color-text-muted) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{margin-top:var(--space-2);letter-spacing:0.12em}.stats-strip>div:not(:last-child){position:relative;padding-left:var(--space-4)}.stats-strip>div:not(:last-child)::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,var(--color-primary),transparent)}.valorant-section .section-header h2,.banner-content h2{font-size:clamp(1.75rem,1rem+2.6vw,3rem);letter-spacing:0.04em;line-height:1}.valorant-section .section-header h2::before{content:'';display:block;width:40px;height:3px;margin:0 auto var(--space-5);background:var(--color-primary);box-shadow:0 0 16px var(--color-primary-glow)}.section-head h2{letter-spacing:0.06em}.section-lead{color:var(--color-text-muted)}.content>h1:first-child{font-size:clamp(2.25rem,1.2rem+3vw,3.75rem);font-weight:900;letter-spacing:-0.02em;line-height:1}.pricing-card,.login-method-card,.dash-card,.ranking-row,.rank-tile,.player-card,.empty-state{background:var(--premium-card)}.pricing-card,.login-method-card,.dash-card,.rank-tile,.player-card{position:relative;transition:transform 450ms var(--ease-out-expo),border-color var(--transition-interactive),background var(--transition-interactive)}.pricing-card::after,.login-method-card::after,.dash-card::after,.player-card::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 400ms var(--ease-out-expo);background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,70,85,0.12),transparent 45%)}.pricing-card:hover::after,.login-method-card:hover::after,.dash-card:hover::after,.player-card:hover::after{opacity:1}.login-method-card:hover,.dash-card:hover,.player-card:hover{transform:translateY(-4px)}.login-method-icon{border:1px solid var(--color-border);background:var(--color-bg);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:border-color var(--transition-interactive)}.login-method-card:hover .login-method-icon{border-color:var(--color-primary)}.login-method-icon svg{width:24px;height:24px}.rank-tile{background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--rank) 14%,transparent),transparent 70%),var(--premium-card);cursor:default}.rank-tile:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--rank) 55%,var(--color-border))}.rank-emblem{transition:transform 450ms var(--ease-out-expo),filter 450ms var(--ease-out-expo)}.rank-tile:hover .rank-emblem{transform:scale(1.12);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--rank) 70%,transparent))}.empty-state{border-style:solid;border-color:var(--color-border);background:radial-gradient(60% 90% at 50% 0%,rgba(255,70,85,0.07),transparent 70%),var(--premium-card)}.empty-state>svg,.empty-state .empty-icon{filter:drop-shadow(0 0 12px var(--color-primary-glow))}.pricing-grid{align-items:stretch;gap:var(--space-5)}.pricing-card{display:flex;flex-direction:column;padding:var(--space-8) var(--space-6) var(--space-6)}.pricing-card:hover{transform:translateY(-6px)}.pricing-card .pricing-features{flex:1}.pricing-badge{top:0;left:auto;right:var(--space-6);transform:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:0.14em}.pricing-tier-name{font-size:var(--text-xl);letter-spacing:0.01em}.pricing-price-num{font-size:clamp(2.5rem,1.6rem+2.6vw,4rem);line-height:1;letter-spacing:-0.03em}.pricing-features li::before{content:'';width:14px;height:14px;margin-top:0.3em;background:var(--color-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / contain no-repeat}.pricing-featured{background:radial-gradient(90% 55% at 50% 0%,rgba(255,70,85,0.18),transparent 70%),var(--premium-card)}.pricing-elite{border-color:color-mix(in srgb,var(--elite-b) 45%,var(--color-border));box-shadow:none;background:radial-gradient(90% 55% at 50% 0%,rgba(255,181,71,0.14),transparent 70%),var(--premium-card)}.pricing-elite::before{content:'';position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--elite-a),var(--elite-b),var(--elite-a));background-size:200% 100%;animation:eliteSheen 6s linear infinite}.pricing-elite .pricing-price-num,.pricing-elite .pricing-tier-name{background:linear-gradient(100deg,#ffd59a 0%,var(--elite-b) 40%,var(--elite-a) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.pricing-elite .pricing-tier-tag{color:var(--elite-b)}.pricing-elite .pricing-features li::before{background:var(--elite-b)}.pricing-badge-elite{background:linear-gradient(90deg,var(--elite-a),var(--elite-b));color:#1a0f05}.pricing-elite:hover{border-color:var(--elite-b)}.pricing-elite .pricing-btn:hover{border-color:var(--elite-b);color:var(--elite-b)}.pricing-note,.pricing-note-dim{margin-inline:auto;text-align:center;color:var(--color-text-muted)}.valorant-banner{background:#0b131b;isolation:isolate;--color-text:#f3efe8;--color-text-muted:#b4bcb6}.valorant-banner::before{z-index:-1;background:linear-gradient(90deg,#0b131b 0%,rgba(11,19,27,0.75) 45%,rgba(11,19,27,0.75) 55%,#0b131b 100%),linear-gradient(180deg,#0b131b 0%,transparent 25%,transparent 75%,#0b131b 100%),url('./assets/banner-setup.jpg') center / cover no-repeat}.valorant-banner::after{content:'';position:absolute;inset:auto 0 0 0;height:1px;background:var(--premium-line)}.ranking-row{transition:transform 350ms var(--ease-out-expo),border-color var(--transition-interactive)}.ranking-row:hover{transform:translateX(4px)}.login-page{background:radial-gradient(80% 50% at 50% 0%,rgba(255,70,85,0.1),transparent 70%),var(--premium-card);box-shadow:var(--shadow-lg)}.login-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}.footer{position:relative}.footer::before{content:'';position:absolute;inset:0 0 auto 0;height:1px;background:var(--premium-line);opacity:0.6}.footer a{transition:color var(--transition-interactive)}.footer-col a:hover{color:var(--color-primary)}.reveal{opacity:0;transform:translateY(24px);transition:opacity 800ms var(--ease-out-expo),transform 800ms var(--ease-out-expo);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes heroDrift{from{transform:scale(1.14)}to{transform:scale(1.06)}}@keyframes heroPulse{0%,100%{opacity:0.8}50%{opacity:1}}@keyframes scrollCue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}100%{opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes eliteSheen{to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.marquee-track{animation:none}.hero-media{animation:none;transform:none}}@media (max-width:900px){.valorant-hero{min-height:80vh;padding-top:var(--space-24)}.hero-grid{background-size:44px 44px}}@media (max-width:640px){.valorant-hero{min-height:78vh;padding:var(--space-20) var(--space-4) var(--space-20)}.valorant-hero h1{font-size:clamp(3rem,0.5rem+15vw,5rem)}.hero-meta{gap:var(--space-2) var(--space-4);font-size:10px;letter-spacing:0.12em}.hero-scroll{display:none}.marquee-item{font-size:var(--text-base);gap:var(--space-6)}.marquee-track{gap:var(--space-6)}.stats-strip>div:not(:last-child)::before{display:none}.stats-strip>div:not(:last-child){padding-left:0}.pricing-card{padding:var(--space-8) var(--space-5) var(--space-5)}}.stats-strip{align-items:start}.stats-strip>:last-child{align-self:center}.footer-bottom,.footer-bottom p{text-align:center;margin-inline:auto}[data-theme='light'] .pricing-elite .pricing-price-num,[data-theme='light'] .pricing-elite .pricing-tier-name{background-image:linear-gradient(100deg,#b45309 0%,#c2410c 50%,#be123c 100%)}[data-theme='light'] .pricing-elite .pricing-tier-tag{color:#b45309}[data-theme='light'] .pricing-elite .pricing-features li::before{background:#b45309}/* ============================================ Rangos premium y marca (v2) ============================================ */ .logo img,.footer-logo img{width:30px;height:30px;display:block;transition:transform var(--transition-slow),filter var(--transition-slow)}.logo:hover img{transform:rotate(-6deg) scale(1.06);filter:drop-shadow(0 0 10px rgba(255,13,46,.45))}.ranks-strip{gap:var(--space-3)}.rank-tile{--rank-glow:color-mix(in srgb,var(--rank) 40%,transparent);overflow:hidden;gap:6px;padding:var(--space-6) var(--space-2) var(--space-5);border:1px solid color-mix(in srgb,var(--rank) 22%,var(--color-border));border-bottom:2px solid var(--rank);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:radial-gradient(90% 60% at 50% 32%,color-mix(in srgb,var(--rank) 20%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--rank) 6%,var(--color-surface)) 0%,var(--color-surface-offset) 100%)}.rank-tile::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);transform:translateX(-130%);transition:transform 900ms var(--ease-out-expo)}.rank-tile:hover::before{transform:translateX(130%)}.rank-tile:hover{box-shadow:0 18px 40px -18px var(--rank-glow)}.rank-tier{position:absolute;top:8px;left:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:color-mix(in srgb,var(--rank) 75%,var(--color-text-muted))}.rank-emblem{width:clamp(64px,7vw,96px);height:clamp(64px,7vw,96px);filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}.rank-emblem .rank-svg{width:100%;height:100%;display:block;overflow:visible}.rank-tile:hover .rank-emblem{transform:translateY(-4px) scale(1.08);filter:drop-shadow(0 0 18px var(--rank-glow)) drop-shadow(0 8px 14px rgba(0,0,0,.45))}.rank-name{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text)}.rank-min{color:color-mix(in srgb,var(--rank) 45%,var(--color-text-muted))}.rank-tile-elite .rank-emblem{animation:rank-float 5s ease-in-out infinite}.rank-tile-apex{border-color:color-mix(in srgb,#f2b843 45%,var(--rank));background:radial-gradient(90% 70% at 50% 30%,rgba(255,59,78,.28),transparent 70%),radial-gradient(60% 40% at 50% 100%,rgba(242,184,67,.16),transparent 70%),linear-gradient(180deg,#1d0a0e 0%,var(--color-surface-offset) 100%)}.rank-tile-apex .rank-name{background:linear-gradient(180deg,#fff3c4,#f2b843 60%,#c27a1a);-webkit-background-clip:text;background-clip:text;color:transparent}.rank-tile-apex::after{content:'';position:absolute;inset:-1px;pointer-events:none;background:conic-gradient(from var(--apex-angle,0deg),transparent 0 70%,rgba(242,184,67,.55) 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;animation:apex-spin 6s linear infinite}@property --apex-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes apex-spin{to{--apex-angle:360deg}}@keyframes rank-float{0%,100%{translate:0 0}50%{translate:0 -4px}}.rank-badge{padding:3px 10px 3px 6px;gap:6px;background:color-mix(in srgb,var(--rank) 10%,transparent)}.rank-badge-emblem{width:18px;height:18px;flex:none;overflow:visible;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}[data-theme='light'] .rank-tile{background:radial-gradient(90% 60% at 50% 32%,color-mix(in srgb,var(--rank) 16%,transparent),transparent 70%),#fff}[data-theme='light'] .rank-tile-apex{background:radial-gradient(90% 70% at 50% 30%,rgba(255,59,78,.22),transparent 70%),#1d0a0e}[data-theme='light'] .rank-tile-apex .rank-min{color:#f0b8bd}@media (max-width:900px){.ranks-strip{grid-template-columns:repeat(4,1fr)}}@media (max-width:520px){.ranks-strip{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.rank-tile-elite .rank-emblem,.rank-tile-apex::after{animation:none}}/* ============================================ Acceso premium (Google · Discord · Steam) y cuenta ============================================ */ .login-page{position:relative;max-width:480px;border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border));background:radial-gradient(90% 45% at 50% 0%,rgba(255,13,46,.16),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 92%,#000) 0%,var(--color-surface-offset) 100%)}.login-page::before{content:'';display:block;width:56px;height:56px;margin:0 auto var(--space-5);background:url('./assets/brand/vants-mark.svg') center / contain no-repeat;filter:drop-shadow(0 8px 22px rgba(255,13,46,.35))}.login-page h1{letter-spacing:-.01em}.login-methods{gap:10px}.login-btn{position:relative;overflow:hidden;justify-content:flex-start;padding:14px 18px;border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));font-weight:700;letter-spacing:.01em}.login-btn svg{width:20px;height:20px;flex:none}.login-btn::after{content:'→';margin-left:auto;opacity:.55;transition:transform var(--transition-interactive),opacity var(--transition-interactive)}.login-btn:hover::after{transform:translateX(3px);opacity:1}.login-btn-google{background:#ffffff;border-color:#ffffff;color:#1f1f1f}.login-btn-google:hover{background:#f1f3f4;border-color:#f1f3f4}.login-btn-steam{background:linear-gradient(135deg,#1b2838 0%,#171a21 100%);border-color:#2a475e;color:#c7d5e0}.login-btn-steam svg{color:#66c0f4}.login-btn-steam:hover{background:linear-gradient(135deg,#22344a 0%,#1b2838 100%);border-color:#66c0f4;color:#fff}.login-btn-discord:hover{box-shadow:0 10px 26px -12px rgba(88,101,242,.8)}.account-item{position:relative}.account-item .btn-sm{margin-top:var(--space-2)}.steam-acc{display:inline-flex;align-items:center;gap:8px}.steam-acc img{width:22px;height:22px;border-radius:3px}.steam-acc a{color:inherit;text-decoration:none;border-bottom:1px solid color-mix(in srgb,#66c0f4 50%,transparent)}.perk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.perk-card{position:relative;padding:var(--space-5);border:1px solid var(--color-border);background:var(--premium-card);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.perk-card h3{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;margin:6px 0}.perk-card p{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-2)}.perk-tier{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--color-primary)}.perk-elite{border-color:color-mix(in srgb,#f2b843 40%,var(--color-border))}.perk-elite .perk-tier{color:#f2b843}/* ===== vip.css ===== */ /* ============================================ VANTS — Planes,Zona VIP y Panel admin ============================================ */:root{--vp-basic:#9fb3c8;--vp-pro:#ff4655;--vp-elite:#ffb547;--vp-elite-2:#ff4655}.hero-accent{background:linear-gradient(90deg,var(--color-primary),#ff8a5c);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-gold{background:linear-gradient(135deg,var(--vp-elite),var(--vp-elite-2));color:#160b05;border:0;font-weight:800}.btn-gold:hover{filter:brightness(1.08);box-shadow:0 6px 24px rgba(255,181,71,.25);transform:translateY(-1px)}.page-hero{position:relative;padding:var(--space-10,2.5rem) 0 var(--space-8);margin-bottom:var(--space-8);border-bottom:1px solid var(--color-divider)}.page-hero::after{content:'';position:absolute;left:0;bottom:-1px;width:120px;height:2px;background:var(--color-primary)}.page-hero-kicker{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.page-hero-num{color:var(--color-primary);font-weight:700;padding:2px 8px;border:1px solid color-mix(in srgb,var(--color-primary) 45%,transparent);border-radius:var(--radius-sm)}.page-hero h1{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.05;letter-spacing:-.02em;margin:0 0 var(--space-3);text-transform:none}.page-hero-lead{max-width:64ch;color:var(--color-text-muted);font-size:var(--text-base);margin:0 0 var(--space-4)}.page-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.page-hero-chip{font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-full);background:var(--color-surface-offset);color:var(--color-text-muted);border:1px solid var(--color-divider)}.page-hero-chip-link{color:var(--color-primary);text-decoration:none}.page-hero-chip-link:hover{border-color:var(--color-primary)}.vp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);align-items:stretch;margin:var(--space-8) 0 var(--space-6)}.vp-card{--c:var(--vp-basic);position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8) var(--space-6) var(--space-6);border-radius:var(--radius-xl);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 9%,var(--color-surface)) 0%,var(--color-surface) 55%);border:1px solid color-mix(in srgb,var(--c) 28%,var(--color-divider));transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow)}.vp-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 24px 60px -24px color-mix(in srgb,var(--c) 55%,transparent)}.vp-pro{--c:var(--vp-pro)}.vp-elite{--c:var(--vp-elite)}.vp-featured{transform:translateY(-10px);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--c) 70%,transparent)}.vp-featured:hover{transform:translateY(-14px)}.vp-featured::before,.vp-elite::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:-1;background:conic-gradient(from var(--vp-angle,0deg),transparent 0 60%,var(--c) 75%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:vp-spin 6s linear infinite}@property --vp-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes vp-spin{to{--vp-angle:360deg}}.vp-glow{position:absolute;width:260px;height:260px;top:-120px;right:-80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%);z-index:-1;pointer-events:none}.vp-badge{position:absolute;top:16px;right:16px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;padding:5px 10px;border-radius:var(--radius-full);background:var(--c);color:#12080a}.vp-head{display:flex;align-items:center;gap:var(--space-4)}.vp-emblem{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 6px 18px color-mix(in srgb,var(--c) 45%,transparent))}.vp-tier{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--c)}.vp-name{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;margin:2px 0}.vp-tag{font-size:var(--text-xs);color:var(--color-text-muted)}.vp-price{display:flex;align-items:flex-start;gap:4px;padding:var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--color-divider)}.vp-cur{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;margin-top:.4em;color:var(--c)}.vp-num{font-family:var(--font-display);font-size:clamp(3.2rem,2.4rem+3vw,4.6rem);line-height:1;font-weight:900;letter-spacing:-.04em}.vp-elite .vp-num{background:linear-gradient(135deg,var(--vp-elite),var(--vp-elite-2));-webkit-background-clip:text;background-clip:text;color:transparent}.vp-per{margin:auto 0 .5em var(--space-3);font-size:11px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.vp-pitch{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;min-height:3em}.vp-features{list-style:none;padding:0;margin:0 0 var(--space-2);display:grid;gap:var(--space-3);flex:1}.vp-features li{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-sm)}.vp-features svg{flex:none;width:18px;height:18px;padding:2px;border-radius:50%;color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}.vp-btn{width:100%;justify-content:center;padding:var(--space-4);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase}.vp-foot{text-align:center;font-size:11px;color:var(--color-text-faint)}.vp-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-8);padding:var(--space-5) var(--space-6);border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--text-xs);color:var(--color-text-muted)}.vp-trust span{display:inline-flex;align-items:center;gap:var(--space-2)}.vp-trust svg{width:16px;height:16px;color:var(--color-success)}.vp-compare-title{font-family:var(--font-display);margin:var(--space-16,4rem) 0 var(--space-6);text-align:center}.vp-faq{max-width:760px;margin:var(--space-16,4rem) auto var(--space-8)}.vp-faq h2{font-family:var(--font-display);text-align:center;margin-bottom:var(--space-6)}.vp-faq details{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);margin-bottom:var(--space-3);padding:var(--space-4) var(--space-5)}.vp-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:var(--space-4)}.vp-faq summary::after{content:'+';color:var(--color-primary);font-size:1.2em;line-height:1}.vp-faq details[open] summary::after{content:'−'}.vp-faq p{color:var(--color-text-muted);margin:var(--space-3) 0 0}.login-methods-4{grid-template-columns:repeat(4,minmax(0,1fr)) !important}.login-method-icon svg{width:26px;height:26px}.cmd-plan{font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:4px;background:var(--color-surface-offset)}.cmd-plan-pro{color:var(--vp-pro)}.cmd-plan-elite{color:var(--vp-elite)}.cmd-plan-basic{color:var(--vp-basic)}.account-quick{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}@media (max-width:960px){.vp-grid{grid-template-columns:1fr;max-width:480px;margin-inline:auto}.vp-featured{transform:none}.login-methods-4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}@media (max-width:520px){.login-methods-4{grid-template-columns:1fr !important}}@media (prefers-reduced-motion:reduce){.vp-featured::before,.vp-elite::before{animation:none}}.nav-item-zona{color:var(--vp-elite)}.nav-item-zona .nav-number{color:var(--vp-elite)}.header-admin{color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 40%,transparent)}.header-admin[hidden]{display:none !important}.zona{padding-top:var(--space-6)}.zn-hero{position:relative;padding:var(--space-10,2.5rem) var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-divider);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 55%),var(--color-surface);margin-bottom:var(--space-8);overflow:hidden}.zn-hero h1{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.05;margin:var(--space-3) 0;text-transform:none}.zn-hero p{color:var(--color-text-muted);max-width:60ch}.zn-hero .hero-cta{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.zn-kicker{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--vp-elite)}.zn-kicker svg{width:14px;height:14px}.zn-member{display:grid;grid-template-columns:340px 1fr;gap:var(--space-8);align-items:center}.zn-card{--c:var(--vp-basic);position:relative;aspect-ratio:1.586;border-radius:18px;padding:var(--space-5);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 55%,#0b0d12),#0b0d12 70%);border:1px solid color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--c) 80%,transparent)}.zn-card::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 45%,transparent 60%);transform:translateX(-100%);animation:zn-shine 5s ease-in-out infinite}@keyframes zn-shine{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.zn-card-pro{--c:var(--vp-pro)}.zn-card-elite{--c:var(--vp-elite)}.zn-card-top{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.16em}.zn-card-emblem{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:84px;height:84px;object-fit:contain}.zn-card-name{font-family:var(--font-display);font-size:1.5rem;font-weight:800}.zn-card-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;opacity:.8}.zn-h2{font-family:var(--font-display);margin:var(--space-10,2.5rem) 0 var(--space-5)}.zn-perks{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.zn-perk{--c:var(--vp-basic);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-divider);border-top:3px solid var(--c)}.zn-perk-pro{--c:var(--vp-pro)}.zn-perk-elite{--c:var(--vp-elite)}.zn-perk-top{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.zn-perk-tier{color:var(--c);font-weight:700}.zn-perk h3{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-base)}.zn-perk p{color:var(--color-text-muted);font-size:var(--text-sm);white-space:pre-line;margin:0 0 var(--space-3)}.zn-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.zn-tier{--c:var(--vp-basic);padding:var(--space-5);border-radius:var(--radius-lg);border:1px dashed color-mix(in srgb,var(--c) 45%,var(--color-divider));background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-4)}.zn-tier-pro{--c:var(--vp-pro)}.zn-tier-elite{--c:var(--vp-elite)}.zn-tier.is-open{border-style:solid;opacity:.7}.zn-tier-head{display:flex;gap:var(--space-3);align-items:center}.zn-tier-head b{display:block;color:var(--c);font-family:var(--font-display)}.zn-tier-head span{font-size:var(--text-xs);color:var(--color-text-muted)}.zn-tier ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);flex:1}.zn-tier li{display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-sm);color:var(--color-text-muted)}.zn-tier li svg{width:14px;height:14px;flex:none;color:var(--c)}.zn-tier .btn{align-self:flex-start}.zn-top{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--vp-elite);color:var(--vp-elite);margin-top:var(--space-8)}@media (max-width:860px){.zn-member{grid-template-columns:1fr}.zn-card{max-width:340px}.zn-tiers{grid-template-columns:1fr}.zn-hero{padding:var(--space-6)}}.content:has(.adm){max-width:var(--content-full)}.adm{display:grid;grid-template-columns:232px minmax(0,1fr);gap:var(--space-6);align-items:start;padding-top:var(--space-4)}.adm>.login-page,.adm>.skeleton-list{grid-column:1 / -1}.adm-side{position:sticky;top:84px;border:1px solid var(--color-divider);border-radius:var(--radius-xl);background:var(--color-surface);padding:var(--space-4)}.adm-brand{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-3)}.adm-brand b{display:block;font-family:var(--font-display);letter-spacing:.08em}.adm-brand span{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono);text-transform:uppercase}.adm-side nav{display:grid;gap:2px}.adm-tab{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-md);border:0;background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-interactive),color var(--transition-interactive)}.adm-tab svg{width:18px;height:18px;flex:none}.adm-tab:hover{background:var(--color-surface-offset);color:var(--color-text)}.adm-tab.active{background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-text);box-shadow:inset 3px 0 0 var(--color-primary)}.adm-tab.active svg{color:var(--color-primary)}.adm-side-foot{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-divider);font-size:11px;color:var(--color-text-muted)}.adm-side-foot .dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 20%,transparent)}.adm-top{display:flex;justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-5)}.adm-top h1{font-family:var(--font-display);font-size:var(--text-xl);margin:0;text-transform:none}.adm-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}.adm-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.adm-kpi{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-divider)}.adm-kpi-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.adm-kpi-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;margin:var(--space-2) 0 2px;font-variant-numeric:tabular-nums}.adm-kpi-sub{font-size:var(--text-xs);color:var(--color-text-faint)}.adm-kpi-gold .adm-kpi-value{color:var(--vp-elite)}.adm-kpi-alert{border-color:color-mix(in srgb,var(--color-primary) 50%,transparent)}.adm-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.adm-card{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-5);margin-bottom:var(--space-5);min-width:0}.adm-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.adm-card-head h3{margin:0;font-size:var(--text-base)}.adm-bars{display:flex;align-items:flex-end;gap:6px;height:160px}.adm-bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.adm-bar span{width:100%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 40%,transparent))}.adm-bar em{font-style:normal;font-size:10px;color:var(--color-text-faint)}.adm-list{list-style:none;padding:0;margin:var(--space-3) 0;display:grid;gap:2px}.adm-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:8px 0;border-bottom:1px solid var(--color-divider);font-size:var(--text-sm)}.adm-warn{font-size:var(--text-xs);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent);padding:var(--space-3);border-radius:var(--radius-md)}.adm-note{font-size:var(--text-xs);color:var(--color-text-muted)}.adm-scroll{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.adm-table th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--color-divider);white-space:nowrap}.adm-table td{padding:10px;border-bottom:1px solid var(--color-divider);vertical-align:middle}.adm-table tr:hover td{background:var(--color-surface-2)}.adm-table a{color:var(--color-text);text-decoration:none}.adm-sub{font-size:11px;color:var(--color-text-faint);margin-top:2px}.adm-pill{display:inline-block;font-size:10px;font-family:var(--font-mono);padding:2px 7px;border-radius:var(--radius-full);background:var(--color-surface-offset);color:var(--color-text-muted)}.adm-pill-red{background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary)}.adm-input{width:100%;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.adm-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}select.adm-input{min-width:120px}input[type="color"].adm-input{height:38px;padding:4px}.adm-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3) var(--space-4)}.adm-form-2{grid-template-columns:repeat(2,minmax(0,1fr))}.adm-form label{display:grid;gap:6px;font-size:12px;color:var(--color-text-muted)}.adm-form .adm-wide{grid-column:1 / -1}.adm-form .adm-span2{grid-column:span 2}.adm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.adm-form .adm-actions{margin-top:var(--space-2)}.adm-search{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);max-width:520px}.adm-icon-btn{width:30px;height:30px;border-radius:var(--radius-md);border:1px solid var(--color-divider);background:transparent;color:var(--color-text-muted);cursor:pointer;margin-left:4px}.adm-icon-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.adm-switch{position:relative;display:inline-block;width:38px;height:22px;flex:none}.adm-switch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}.adm-switch span{position:absolute;inset:0;border-radius:999px;background:var(--color-surface-offset-2);transition:background var(--transition-interactive)}.adm-switch span::after{content:'';position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform var(--transition-interactive)}.adm-switch input:checked+span{background:var(--color-primary)}.adm-switch input:checked+span::after{transform:translateX(16px)}.adm-switch input:focus-visible+span{box-shadow:0 0 0 3px var(--color-primary-glow)}.adm-switch-label{display:inline-flex !important;grid-auto-flow:column;align-items:center;gap:var(--space-2) !important}.adm-hr{border:0;border-top:1px solid var(--color-divider);margin:var(--space-5) 0}.adm-season{display:grid;gap:2px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-2);margin-bottom:var(--space-4)}.adm-season span{font-size:var(--text-xs);color:var(--color-text-muted)}.adm-tickets{display:grid;gap:var(--space-3)}.adm-ticket{border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:var(--space-4)}.adm-ticket header{display:flex;justify-content:space-between;gap:var(--space-3)}.adm-ticket header span{font-size:var(--text-xs);color:var(--color-text-faint)}.adm-ticket p{font-size:var(--text-sm);color:var(--color-text-muted);white-space:pre-line}.adm-ticket select{width:auto}.adm-bot-head{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.adm-bot-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#5865f2;color:#fff;font-size:11px;font-weight:700}.adm-bot-avatar img{width:100%;height:100%}.adm-checks{list-style:none;padding:0;margin:0 0 var(--space-4);display:grid;gap:var(--space-2);font-size:var(--text-sm)}.adm-checks li{padding-left:24px;position:relative}.adm-checks li::before{position:absolute;left:0;font-weight:800}.adm-checks li.ok::before{content:'✓';color:var(--color-success)}.adm-checks li.bad::before{content:'!';color:var(--color-warning);left:5px}.adm-cmds td:nth-child(2){min-width:220px}.adm-cmd-edit td{background:var(--color-surface-2)}.adm-form-new-cmd{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px dashed var(--color-divider)}.adm-toast{position:fixed;z-index:9999;right:20px;bottom:20px;max-width:420px;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-success);color:var(--color-text);box-shadow:var(--shadow-lg);font-size:var(--text-sm);transform:translateY(20px);opacity:0;pointer-events:none;transition:all var(--transition-slow)}.adm-toast[data-kind="error"]{border-color:var(--color-error)}.adm-toast.show{transform:none;opacity:1}@media (max-width:1080px){.adm-cols{grid-template-columns:1fr}.adm-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.adm{grid-template-columns:1fr}.adm-side{position:static}.adm-side nav{display:flex;overflow-x:auto;gap:4px}.adm-tab{white-space:nowrap;width:auto}.adm-form,.adm-form-2{grid-template-columns:1fr}.adm-form .adm-span2{grid-column:auto}}