:root{--bg-base: #F7F6F3;--bg-surface: #FFF;--bg-surface-hover: #FAFAF9;--bg-surface-raised: #FFF;--bg-surface-overlay: #F0EEEB;--bg-surface-muted: #F3F1EE;--border-subtle: #E8E5E0;--border-default: #D4D1CB;--border-focus: #0F0F0E;--border-precision: rgb(0 0 0 / 6%);--divider-subtle: #EDEAE5;--text-primary: #0F0F0E;--text-secondary: #57554F;--text-tertiary: #8A877F;--text-disabled: #B8B5AD;--text-emphasis: #000;--text-muted: #8A877F;--text-on-accent: #fff;--red-primary: #DC2626;--red-hover: #B91C1C;--red-pressed: #991B1B;--red-light: #FEF2F2;--gold: #D4A853;--gold-bg: #FDF8EE;--corner-red: #DC2626;--corner-red-bg: #FEF2F2;--corner-red-border: #FECACA;--stripe-blue: #533afd;--stripe-blue-hover: #4429f0;--corner-blue: #2563EB;--corner-blue-hover: #1D4ED8;--corner-blue-bg: #EFF6FF;--corner-blue-border: #BFDBFE;--success: #059669;--warning: #D97706;--info: #2563EB;--error: #DC2626;--success-bg: rgb(5 150 105 / 8%);--warning-bg: rgb(217 119 6 / 8%);--info-bg: rgb(37 99 235 / 8%);--error-bg: rgb(220 38 38 / 8%);--stripe-blue-bg: rgb(83 58 253 / 8%);--stripe-blue-border: rgb(83 58 253 / 25%);--social-instagram: #E4405F;--social-twitter: #1DA1F2;--social-facebook: #1877F2;--font-primary: "Instrument Sans", -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-numeric: "JetBrains Mono", monospace;--text-display: 3.5rem;--text-h1: 2.5rem;--text-h2: 1.75rem;--text-h3: 1.25rem;--text-body-lg: 1rem;--text-body: .9375rem;--text-small: .875rem;--text-tiny: .75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.3;--leading-relaxed: 1.4;--leading-loose: 1.5;--leading-extra-loose: 1.6;--tracking-tight: -.02em;--tracking-normal: -.01em;--tracking-wide: .01em;--tracking-wider: .05em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-subtle: 0 1px 2px rgb(0 0 0 / 5%), 0 1px 3px rgb(0 0 0 / 8%);--shadow-card: 0 1px 3px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 5%);--shadow-modal: 0 20px 40px rgb(0 0 0 / 12%), 0 8px 16px rgb(0 0 0 / 6%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-ease-out: .2s cubic-bezier(0, 0, .2, 1);--transition-ease-in: .2s cubic-bezier(.4, 0, 1, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100;--z-toast: 9999;--breakpoint-mobile: 640px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1025px;--max-width-content: 1280px;--max-width-text: 720px;--max-width-form: 480px;--button-height: 40px;--button-height-cta: 44px;--btn-dark-hover: #3D3B38;--input-height: 40px;--navbar-height: 64px;--badge-ufc: #C41E3A;--badge-pfl: #2563EB;--badge-one: #1F2937;--badge-bellator: #7C3AED;--badge-default: #9CA3AF;--result-win: #22c55e;--result-loss: #ef4444;--result-draw: #3b82f6;--result-nc: #737373;--tooltip-bg: #1a1a1a;--tooltip-border: #333;--bg-dark: #111;--bg-dark-alt: #151515;--rank-champion: #eab308;--result-ko: #DC2626;--result-sub: #2563EB;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--a11y-win: #0F0;--a11y-loss: #F00;--a11y-draw: #09F;--a11y-gold: #FFD700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-semibold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-bold.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-regular.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-medium.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-semibold.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-bold.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-regular.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-medium.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-medium.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-semibold.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-bold.woff2) format("woff2")}body{font-family:var(--font-primary);font-size:var(--text-body);font-weight:var(--font-normal);color:var(--text-primary);line-height:var(--leading-extra-loose)}.text-display{font-size:var(--text-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-h1);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}h2{font-size:var(--text-h2);font-weight:var(--font-semibold);line-height:var(--leading-normal)}h3{font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-relaxed)}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--leading-extra-loose)}.text-small{font-size:var(--text-small);line-height:var(--leading-loose)}.text-tiny{font-size:var(--text-tiny);font-weight:var(--font-medium);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide)}code,pre,kbd,samp{font-family:var(--font-mono)}.calendar-popup-overlay,.discord-selector-overlay,.email-selector-overlay{position:fixed;inset:0;background-color:#000000bf;backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.calendar-popup-overlay.active,.discord-selector-overlay.active,.email-selector-overlay.active{opacity:1;visibility:visible}.discord-close-btn,.email-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.discord-close-btn:hover,.email-close-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.calendar-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.98);max-width:600px;width:calc(100% - var(--space-8));max-height:90vh;background-color:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;overflow:hidden;display:flex;flex-direction:column;will-change:opacity,transform}.calendar-popup.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}@media (width <= 640px){.calendar-popup{max-width:calc(100% - var(--space-4));max-height:95vh}}.calendar-popup-content{padding:var(--space-5)}.popup-time-input{width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-body);font-family:var(--font-mono);text-align:center}.popup-time-input:focus{outline:none;border-color:var(--border-focus)}.calendar-popup-actions{display:flex;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:var(--space-4)}@media (width <= 640px){.calendar-popup-actions{flex-direction:column}}.btn-calendar-cancel,.btn-calendar-confirm{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-5);font-size:var(--text-body);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap;flex:1}@media (width <= 640px){.btn-calendar-cancel,.btn-calendar-confirm{width:100%}}.btn-calendar-cancel{background-color:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.btn-calendar-cancel:hover{background-color:var(--bg-surface-hover);border-color:var(--border-focus)}.btn-calendar-cancel:active{transform:scale(.98)}.btn-calendar-confirm{background-color:var(--text-primary);color:var(--bg-base);border:1px solid var(--text-primary)}.btn-calendar-confirm:hover{filter:brightness(.9)}.btn-calendar-confirm:active{transform:scale(.98)}body.modal-open{overflow:hidden;padding-right:var(--scrollbar-width, 0)}.toast{position:relative;min-width:380px;max-width:480px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-focus);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);opacity:0}@media (width <= 640px){.toast{min-width:auto;max-width:calc(100vw - 32px);gap:var(--space-2);padding:var(--space-2) var(--space-3)}}.toast-visible{animation:toast-in .32s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto}.toast-hidden{animation:toast-out .2s ease-in forwards;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--space-4))}}.toast-content{display:flex;align-items:center;gap:var(--space-2);flex:1}.toast-content svg{flex-shrink:0;width:16px;height:16px;color:var(--text-tertiary)}.toast-content span{color:var(--text-primary);font-size:var(--text-small);font-weight:var(--font-medium);line-height:var(--leading-normal)}.toast-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:3px;color:var(--text-tertiary);font-size:18px;line-height:1;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}.toast-close:hover{background-color:var(--bg-surface-overlay);color:var(--text-primary)}.toast-success svg{color:var(--success)}.toast-warning svg{color:var(--warning)}.toast-error svg{color:var(--error)}.toast-info svg{color:var(--info)}.event-card-wrapper{position:relative;min-width:0;transform-origin:top;opacity:1;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.event-card-wrapper[data-upcoming=true] .event-card{box-shadow:var(--shadow-subtle)}.event-card-wrapper[data-past=true] .event-card{border-color:var(--border-subtle);opacity:.55}[data-past=true]:hover .event-title{color:var(--text-secondary)}.event-card-wrapper[data-upcoming=true]:hover .event-card{box-shadow:var(--shadow-card)}.event-card-wrapper[data-past=true]:hover .event-card{opacity:.85;border-color:var(--border-default)}.event-card-wrapper.event-card--entering{animation:ecw-slide-in .5s cubic-bezier(.16,1,.3,1) forwards}.event-card-wrapper.event-card--hidden{transform:scaleY(0);opacity:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;height:0;overflow:hidden;pointer-events:none}.event-card-wrapper.new-card{opacity:0;transform:translateY(var(--space-8)) scale(.95);animation:ecw-new-card var(--transition-base) ease-out forwards}@keyframes ecw-slide-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ecw-new-card{to{opacity:1;transform:translateY(0) scale(1)}}.navbar{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--bg-base);border-bottom:1px solid var(--border-subtle);height:var(--navbar-height)}.navbar-container{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-8);height:100%;display:flex;align-items:center;gap:var(--space-3)}@media (width <= 1024px){.navbar-container{padding:0 var(--space-6)}}@media (width <= 640px){.navbar-container{padding:0 var(--space-4)}}.navbar-logo{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--text-primary);transition:color var(--transition-base);flex-shrink:0;letter-spacing:-.01em}.navbar-logo:hover{color:var(--red-primary)}.navbar-search{flex:1;max-width:520px;position:relative}@media (width <= 900px){.navbar-search{max-width:320px}}@media (width <= 640px){.navbar-search{display:none}}.search-input{position:relative;display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:9999px;padding:0 var(--space-3) 0 var(--space-3);height:36px;gap:var(--space-2);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.search-input:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 12%,transparent)}.search-open .search-input{border-color:var(--border-focus)}.search-icon{display:flex;align-items:center;color:var(--text-tertiary);flex-shrink:0}.search-spinner{display:none;align-items:center;justify-content:center;width:15px;height:15px;flex-shrink:0}.search-spinner:after{content:"";display:block;width:11px;height:11px;border:1.5px solid var(--border-subtle);border-top-color:var(--text-tertiary);border-radius:50%;animation:navbar-spin .6s linear infinite}@keyframes navbar-spin{to{transform:rotate(360deg)}}.search-input-field{flex:1;border:none;background:transparent;outline:none;color:var(--text-primary);font-size:var(--text-small);font-family:var(--font-primary);min-width:0}.search-input-field::placeholder{color:var(--text-tertiary)}.search-kbd{display:inline-flex;align-items:center;padding:2px var(--space-2);background-color:var(--bg-surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-size:11px;font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;letter-spacing:0;line-height:1.4;transition:opacity var(--transition-base)}.search-open .search-kbd{opacity:0;pointer-events:none}.search-input:focus-within .search-kbd{opacity:0;pointer-events:none}.search-dropdown{display:none;position:fixed;width:820px;background:var(--bg-surface);border:1px solid var(--border-focus);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);z-index:9999;overflow:hidden}.search-dropdown-scroll{max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.search-dropdown-scroll .search-group-label{padding:var(--space-2) var(--space-4) var(--space-1);font-size:var(--text-tiny);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-top:1px solid var(--border-subtle)}.search-dropdown-scroll .search-group-label:first-child{border-top:none}.search-dropdown-scroll .search-result-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:inherit;transition:background var(--transition-fast);cursor:pointer;border-bottom:1px solid var(--border-subtle)}.search-dropdown-scroll .search-result-item:hover,.search-dropdown-scroll .search-result-item.active{background:var(--bg-surface-hover)}.search-dropdown-scroll .search-result-item--last{border-bottom:none}.search-dropdown-scroll .search-result-main{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.search-dropdown-scroll .search-result-text{display:flex;flex-direction:column;gap:2px;min-width:0}.search-dropdown-scroll .search-result-title{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-scroll .search-result-meta{font-size:var(--text-tiny);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-scroll .search-result-record{font-size:var(--text-small);font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0;white-space:nowrap}.search-dropdown-scroll .search-result-date{font-size:var(--text-tiny);font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0;white-space:nowrap}.search-dropdown-scroll .search-empty{padding:var(--space-5) var(--space-4);font-size:var(--text-body);color:var(--text-tertiary);text-align:center}.search-empty strong{color:var(--text-secondary);font-weight:var(--font-medium)}.navbar-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:var(--space-2);margin-left:auto}@media (width <= 1024px){.navbar-toggle{display:flex}}.navbar-toggle span{width:22px;height:1.5px;background-color:var(--text-primary);transition:transform var(--transition-base),opacity var(--transition-base)}.navbar-toggle.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.navbar-links{position:relative;display:flex;align-items:center;gap:var(--space-1);margin-left:auto}@media (width <= 1024px){.navbar-links{position:fixed;top:var(--navbar-height);right:-300px;width:280px;height:calc(100vh - var(--navbar-height));background-color:var(--bg-surface);border-left:1px solid var(--border-subtle);flex-direction:column;align-items:flex-start;gap:0;padding:var(--space-4) var(--space-3);transition:right var(--transition-slow);z-index:var(--z-sticky);margin-left:0}.navbar-links.active{right:0}}.navbar-links__indicator{position:absolute;top:50%;left:0;height:30px;transform:translateY(-50%);background:var(--bg-surface-hover);border-radius:var(--radius-md);transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1),opacity .15s ease;pointer-events:none;z-index:0;opacity:0}@media (width <= 1024px){.navbar-links__indicator{display:none}}.navbar-auth-links{display:contents}@media (width <= 1024px){.navbar-auth-links{display:flex;flex-direction:column;width:100%;gap:0}}.navbar-link{position:relative;z-index:1;padding:var(--space-2) var(--space-3);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-tertiary);border-radius:var(--radius-md);transition:color var(--transition-base);white-space:nowrap}.navbar-link:hover{color:var(--text-primary);background-color:var(--bg-surface-overlay)}.navbar-link[aria-current=page]{color:var(--text-primary)}.navbar-link[aria-current=page]:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background-color:var(--red-primary)}.navbar-link.navbar-cta{padding:var(--space-2) var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-small)}.navbar-link.navbar-cta:hover{background-color:var(--bg-surface-raised);border-color:var(--border-focus)}@media (width <= 1024px){.navbar-link{width:100%;padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm)}.navbar-link:hover{background-color:var(--bg-surface-overlay)}.navbar-link[aria-current=page]:after{display:none}}.navbar-overlay{display:none}@media (width <= 1024px){.navbar-overlay{display:block;position:fixed;inset:0;background-color:#0a0a0a80;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);z-index:calc(var(--z-sticky) - 1)}.navbar-overlay.active{opacity:1;pointer-events:auto}}body.sidebar-open{overflow:hidden}.navbar-explore__item svg,.navbar-user-menu__item svg{flex-shrink:0;color:var(--text-tertiary);transition:color var(--transition-base)}.navbar-explore{position:relative}@media (width <= 1024px){.navbar-explore{width:100%;margin-top:var(--space-1)}}.navbar-explore__trigger{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-base);white-space:nowrap}.navbar-explore__trigger:hover{color:var(--text-primary);background-color:var(--bg-surface-overlay)}@media (width <= 1024px){.navbar-explore__trigger{width:100%;justify-content:space-between;padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm)}}.navbar-explore__chevron{flex-shrink:0;transition:transform var(--transition-base)}.navbar-explore.active .navbar-explore__chevron{transform:rotate(180deg)}.navbar-explore.active .navbar-explore__trigger{color:var(--text-primary)}.navbar-explore__panel{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:200px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);z-index:100;overflow:hidden}@media (width <= 1024px){.navbar-explore__panel{position:static;box-shadow:none;border:none;border-radius:0;background:transparent;max-height:0;transition:max-height var(--transition-slow)}}.navbar-explore.active .navbar-explore__panel{opacity:1;visibility:visible}@media (width <= 1024px){.navbar-explore.active .navbar-explore__panel{max-height:320px}}.navbar-explore__section-label{padding:var(--space-2) var(--space-4) var(--space-1);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);border-top:1px solid var(--border-subtle);margin-top:var(--space-1)}@media (width <= 1024px){.navbar-explore__section-label{padding-left:var(--space-6)}}.navbar-explore__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base)}.navbar-explore__item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}@media (width <= 1024px){.navbar-explore__item{padding:var(--space-3) var(--space-6);background:var(--bg-surface);margin-bottom:1px}}.navbar-explore__item svg{flex-shrink:0;color:var(--text-tertiary)}.navbar-explore__item:hover svg{color:var(--text-secondary)}.navbar-user-menu{position:relative}@media (width <= 1024px){.navbar-user-menu{width:100%;margin-top:var(--space-1)}}.navbar-user-menu__chevron{transition:transform var(--transition-base)}.navbar-user-menu__trigger{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.navbar-user-menu__trigger:hover{background:var(--bg-surface-hover);border-color:var(--border-default);color:var(--text-primary)}@media (width <= 1024px){.navbar-user-menu__trigger{width:100%;justify-content:space-between;padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm)}}.navbar-user-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);z-index:100;overflow:hidden}@media (width <= 1024px){.navbar-user-menu__dropdown{position:static;box-shadow:none;border:none;border-radius:0;background:transparent;max-height:0;transition:max-height var(--transition-slow)}}.navbar-user-menu.active .navbar-user-menu__trigger{background:var(--bg-surface-hover);border-color:var(--border-focus);color:var(--text-primary)}.navbar-user-menu.active .navbar-user-menu__chevron{transform:rotate(180deg)}.navbar-user-menu.active .navbar-user-menu__dropdown{opacity:1;visibility:visible}@media (width <= 1024px){.navbar-user-menu.active .navbar-user-menu__dropdown{max-height:300px}}.navbar-user-menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all var(--transition-base);text-align:left;text-decoration:none}.navbar-user-menu__item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.navbar-user-menu__item--logout{color:var(--text-tertiary)}.navbar-user-menu__item--logout:hover{color:var(--red-primary)}@media (width <= 1024px){.navbar-user-menu__item{padding:var(--space-3) var(--space-6);background:var(--bg-surface);margin-bottom:1px}}.navbar-user-menu__item:hover svg{color:var(--text-secondary)}.navbar-user-menu__item--logout:hover svg{color:var(--red-primary)}.navbar-user-menu__divider{height:1px;background:var(--border-subtle);margin:var(--space-1) 0}@media (width <= 1024px){.navbar-user-menu__divider{display:none}}body{background-color:var(--bg-base);color:var(--text-primary)}.hidden{display:none!important}.pred-wrap{padding-right:calc(28px + var(--space-2));margin-top:8px}.pred-row{display:flex;align-items:center;gap:8px}.pred-count-row{display:flex;align-items:center;gap:8px;margin-top:5px;min-height:18px}.pred-bar-track{flex:1;height:5px;border-radius:3px;background:var(--corner-red);overflow:hidden;position:relative;min-width:0}.pred-bar-fill{position:absolute;left:0;top:0;height:100%;background:var(--corner-blue);transition:width .45s cubic-bezier(.4,0,.2,1)}.pred-placeholder-f1{width:52px;height:22px;border-radius:var(--radius-xs);background:var(--corner-blue-bg);border:1px solid var(--corner-blue-border);flex-shrink:0}.pred-placeholder-f2{width:52px;height:22px;border-radius:var(--radius-xs);background:var(--corner-red-bg);border:1px solid var(--corner-red-border);flex-shrink:0}.fighters-grid--compact{display:none!important;grid-template-columns:repeat(3,1fr);gap:16px;row-gap:8px}.fighters-grid--detailed{display:grid!important;grid-template-columns:repeat(2,1fr);gap:16px}[data-density-mode=compact] .fighters-grid--detailed{display:none!important}[data-density-mode=compact] .fighters-grid--compact{display:grid!important}@media (width <= 1024px){.fighters-grid--compact,.fighters-grid--detailed{grid-template-columns:repeat(2,1fr)}}@media (width <= 640px){.fighters-grid--compact,.fighters-grid--detailed{grid-template-columns:1fr}}.detailed-card__org-badge,.compact-card__org-badge{display:inline-block;font-family:var(--font-primary);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:3px;color:var(--text-on-accent);background:var(--badge-default)}[data-org=ufc].detailed-card__org-badge,[data-org=ufc].compact-card__org-badge{background:var(--badge-ufc)}[data-org=pfl].detailed-card__org-badge,[data-org=pfl].compact-card__org-badge{background:var(--badge-pfl)}[data-org=one].detailed-card__org-badge,[data-org=one].compact-card__org-badge{background:var(--badge-one)}@media (width <= 640px){.detailed-card__org-badge,.compact-card__org-badge{font-size:8px;padding:2px 6px}}.compact-card{display:block;background-color:var(--bg-surface);border-radius:var(--radius-xs);padding:12px;text-decoration:none;border:1px solid transparent;transition:border-color .15s ease,background-color .15s ease}@media (width <= 640px){.compact-card{padding:10px}}.compact-card:hover{background-color:var(--bg-surface-hover);border-color:var(--border-default)}.compact-card--retired{background-color:transparent;border:1px solid var(--border-subtle);opacity:.5}.compact-card--retired:hover{border-color:var(--border-default);opacity:.65}.compact-card__row-org{margin-bottom:8px}@media (width <= 640px){.compact-card__row-org{margin-bottom:6px}}.compact-card__row-main{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}@media (width <= 640px){.compact-card__row-main{margin-bottom:2px}}.compact-card__row-meta{display:flex;align-items:baseline;justify-content:space-between}.compact-card__name{font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}@media (width <= 640px){.compact-card__name{font-size:12px}}.compact-card__weight{font-family:var(--font-primary);font-size:12px;font-weight:400;color:var(--text-tertiary)}@media (width <= 640px){.compact-card__weight{font-size:10px}}.compact-card__status{font-weight:400;font-size:12px;color:var(--text-disabled)}@media (width <= 640px){.compact-card__status{font-size:10px}}.compact-card__status--champ{font-family:var(--font-primary);font-weight:600;font-size:12px;color:var(--warning);letter-spacing:.01em}.compact-card__status--rank{font-family:var(--font-mono);font-weight:500;font-size:12px;color:var(--text-secondary);letter-spacing:.05em}.compact-card__status--retired{font-size:12px;color:var(--text-disabled)}@media (width <= 640px){.compact-card__status--champ,.compact-card__status--rank,.compact-card__status--retired{font-size:10px}}.compact-card__rank-hash{opacity:.7}.compact-card__record{font-family:var(--font-mono);font-size:12px;letter-spacing:.01em}@media (width <= 640px){.compact-card__record{font-size:10px}}.compact-card__record-wins{font-weight:500;color:var(--text-tertiary)}.compact-card__record-sep,.compact-card__record-losses{font-weight:400;color:var(--text-disabled)}.compact-card__record-losses--undefeated{font-weight:600;color:var(--text-secondary)}.compact-card__record-draws{font-weight:400;color:var(--text-disabled)}.compact-card__record-nc{font-weight:400;color:var(--text-disabled);opacity:.55}.detailed-card{display:block;background-color:var(--bg-surface);border-radius:var(--radius-xs);padding:16px;text-decoration:none;border:1px solid transparent;transition:border-color .15s ease,background-color .15s ease;cursor:pointer}@media (width <= 640px){.detailed-card{padding:12px}}.detailed-card:hover{background-color:var(--bg-surface-hover);border-color:var(--border-default)}.detailed-card--retired{background-color:transparent;border:1px solid var(--border-subtle);opacity:.5}.detailed-card--retired:hover{border-color:var(--border-default);opacity:.65}.detailed-card__row-org{margin-bottom:8px}@media (width <= 640px){.detailed-card__row-org{margin-bottom:6px}}.detailed-card__row-main{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}@media (width <= 640px){.detailed-card__row-main{margin-bottom:2px}}.detailed-card__name-group{display:flex;align-items:center;gap:6px;min-width:0}@media (width <= 640px){.detailed-card__name-group{gap:4px}}.detailed-card__name{font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}@media (width <= 640px){.detailed-card__name{font-size:12px}}.detailed-card__flag-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:4px;padding:4px 8px;font-size:10px;font-weight:500;color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease;z-index:100;pointer-events:none}.detailed-card__flag-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--tooltip-bg)}.detailed-card__flag{position:relative;font-size:14px;cursor:help;flex-shrink:0}@media (width <= 640px){.detailed-card__flag{font-size:12px}}.detailed-card__flag:hover .detailed-card__flag-tooltip{opacity:1;visibility:visible}.detailed-card__status{font-weight:400;font-size:12px;color:var(--text-disabled)}@media (width <= 640px){.detailed-card__status{font-size:10px}}.detailed-card__status--champ{font-family:var(--font-primary);font-weight:600;font-size:12px;color:var(--warning);letter-spacing:.01em}.detailed-card__status--rank{font-family:var(--font-mono);font-weight:500;font-size:12px;color:var(--text-secondary);letter-spacing:.05em}.detailed-card__status--retired{font-size:12px;color:var(--text-disabled)}@media (width <= 640px){.detailed-card__status--champ,.detailed-card__status--rank,.detailed-card__status--retired{font-size:10px}}.detailed-card__rank-hash{opacity:.7}.detailed-card__row-weight{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}@media (width <= 640px){.detailed-card__row-weight{margin-bottom:10px}}.detailed-card__weight{font-family:var(--font-primary);font-size:12px;font-weight:400;color:var(--text-tertiary)}@media (width <= 640px){.detailed-card__weight{font-size:10px}}.detailed-card__nationality{font-family:var(--font-primary);font-size:12px;font-weight:400;color:var(--text-tertiary)}@media (width <= 640px){.detailed-card__nationality{font-size:10px}}.detailed-card__zone-data{display:flex;justify-content:space-between;align-items:flex-start;padding-top:16px;border-top:1px solid var(--divider-subtle);margin-bottom:16px}@media (width <= 640px){.detailed-card__zone-data{padding-top:10px;margin-bottom:10px}}.detailed-card__stats{display:flex;flex-direction:column;gap:8px}@media (width <= 640px){.detailed-card__stats{gap:6px}}.detailed-card__stat{display:flex;flex-direction:column;gap:2px}.detailed-card__stat-label{font-family:var(--font-primary);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}@media (width <= 640px){.detailed-card__stat-label{font-size:9px}}.detailed-card__stat-value{font-family:var(--font-primary);font-size:14px;font-weight:400;color:var(--text-primary)}@media (width <= 640px){.detailed-card__stat-value{font-size:12px}}.detailed-card__reach-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}@media (width <= 640px){.detailed-card__reach-item{gap:2px}}.detailed-card__reach-icon{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}@media (width <= 640px){.detailed-card__reach-icon{width:12px;height:12px}}.detailed-card__reach-sep{color:var(--text-tertiary);margin:0 6px}@media (width <= 640px){.detailed-card__reach-sep{margin:0 4px}}.detailed-card__record-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px}@media (width <= 640px){.detailed-card__record-section{gap:2px}}.detailed-card__record-main{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}@media (width <= 640px){.detailed-card__record-main{font-size:14px}}.detailed-card__record-breakdown{display:flex;align-items:center;gap:8px}@media (width <= 480px){.detailed-card__record-breakdown{flex-direction:column;align-items:flex-end;gap:2px}}.detailed-card__win-method{font-family:var(--font-mono);font-size:11px;font-weight:400;color:var(--text-muted);letter-spacing:.02em}@media (width <= 480px){.detailed-card__win-method{font-size:10px}}.detailed-card__win-sep{font-family:var(--font-mono);font-size:11px;color:var(--text-disabled)}@media (width <= 480px){.detailed-card__win-sep{display:none}}.detailed-card__zone-chrono{display:flex;align-items:baseline;justify-content:space-between;padding-top:12px;border-top:1px solid var(--divider-subtle);margin-bottom:12px}@media (width <= 640px){.detailed-card__zone-chrono{padding-top:8px;margin-bottom:8px}}.detailed-card__chrono-label{font-family:var(--font-primary);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}@media (width <= 640px){.detailed-card__chrono-label{font-size:9px}}.detailed-card__chrono-value{font-family:var(--font-primary);font-size:12px;font-weight:400;color:var(--text-secondary)}@media (width <= 640px){.detailed-card__chrono-value{font-size:10px}}.detailed-card__last-fight{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}@media (width <= 480px){.detailed-card__last-fight{gap:6px}}.detailed-card__last-fight-result{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;flex-shrink:0}@media (width <= 480px){.detailed-card__last-fight-result{font-size:10px;padding:2px 4px}}.detailed-card__last-fight-result--w{background:var(--success);color:var(--text-on-accent)}.detailed-card__last-fight-result--l{background:var(--error);color:var(--text-on-accent)}.detailed-card__last-fight-result--d{background:var(--info);color:var(--text-on-accent)}.detailed-card__last-fight-result--nc{background:var(--bg-surface-overlay);color:var(--text-secondary)}.detailed-card__last-fight-opponent{font-family:var(--font-primary);font-size:13px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media (width <= 480px){.detailed-card__last-fight-opponent{font-size:11px}}.detailed-card__last-fight-date{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);flex-shrink:0}@media (width <= 480px){.detailed-card__last-fight-date{font-size:10px}}.detailed-card__tags{display:flex;flex-wrap:wrap;gap:8px}@media (width <= 640px){.detailed-card__tags{gap:6px}}.detailed-card__tag{font-family:var(--font-primary);font-size:11px;font-weight:400;color:var(--text-muted);background-color:var(--bg-surface-raised);padding:4px 10px;border-radius:4px}@media (width <= 640px){.detailed-card__tag{font-size:9px;padding:3px 8px}}.detailed-card__tag-popover{position:absolute;bottom:calc(100% + 6px);left:0;background-color:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-xs);padding:var(--space-2);display:flex;flex-direction:column;gap:3px;min-width:180px;max-width:260px;z-index:50;opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:0 4px 12px #0000001f,0 1px 3px #0000000f}.detailed-card__tag-overflow{position:relative;font-family:var(--font-primary);font-size:11px;font-weight:500;color:var(--text-secondary);background-color:var(--bg-surface-raised);border:1px solid var(--border-subtle);padding:4px 10px;border-radius:4px;cursor:default}.detailed-card__tag-overflow:hover>.detailed-card__tag-popover{opacity:1;pointer-events:auto}@media (width <= 640px){.detailed-card__tag-overflow{font-size:9px;padding:3px 8px}}.detailed-card__tag-popover-item{font-size:11px;color:var(--text-secondary);padding:3px 6px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fighters-grid-wrapper{position:relative;max-width:var(--max-width-content);margin:0 auto;padding:0 24px;min-height:200px}.fighters-loading-overlay{display:none;position:absolute;inset:0;background-color:color-mix(in srgb,var(--bg-base) 70%,transparent);z-index:100;align-items:flex-start;justify-content:center;backdrop-filter:blur(1px)}.fighters-loading-overlay.active{display:flex}.loading-content{width:100%}.loading-bar{height:2px;width:100%;background:var(--border-subtle);overflow:hidden;position:relative}.loading-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:40%;background:var(--stripe-blue);animation:loading-slide 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes loading-slide{0%{left:-40%}to{left:100%}}.no-results{display:none;max-width:var(--max-width-content);margin:32px auto;padding:32px 24px;text-align:center}.no-results p{font-family:var(--font-primary);font-size:15px;color:var(--text-tertiary);margin:0}.load-more-container{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:var(--max-width-content);margin:24px auto 48px;padding:0 24px}.load-more-button{display:inline-block;padding:12px 24px;font-family:var(--font-primary);font-size:14px;font-weight:500;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.load-more-button:hover{background-color:var(--bg-surface-hover);border-color:var(--border-default)}.load-more-button:disabled{opacity:.5;cursor:not-allowed}.load-more-button.hidden{display:none}.fighters-count{font-family:var(--font-primary);font-size:12px;color:var(--text-tertiary);margin:0}.pfl-warning{display:none;align-items:center;gap:12px;max-width:var(--max-width-content);margin:0 auto 16px;padding:12px 16px;background-color:var(--warning-bg);border:1px solid var(--warning);border-radius:6px}.pfl-warning__icon{flex-shrink:0;color:var(--warning)}.pfl-warning__text{font-family:var(--font-primary);font-size:14px;color:var(--warning);line-height:1.3}.view-mode-container{display:flex;align-items:center;gap:var(--space-4)}.view-mode-container.has-year-nav{gap:var(--space-6)}.view-mode-container.hidden{display:none}@media (width <= 768px){.view-mode-container{gap:var(--space-3)}.view-mode-container.has-year-nav{gap:var(--space-4)}}.calendar-year-nav{display:flex;align-items:center;gap:var(--space-3)}.year-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.year-nav-btn:disabled{opacity:.5;cursor:not-allowed}.year-nav-btn:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-default);color:var(--text-primary)}.year-nav-btn svg{width:20px;height:20px}.year-display{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--text-primary);min-width:60px;text-align:center}.view-mode-buttons{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px}.view-mode-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base)}.view-mode-button:hover{background:var(--bg-surface-hover);color:var(--text-secondary)}.view-mode-button.active{background:var(--bg-surface-raised);color:var(--text-primary);box-shadow:var(--shadow-subtle)}.view-mode-button svg{width:18px;height:18px}@media (width <= 480px){.view-mode-button{width:32px;height:32px}.view-mode-button svg{width:16px;height:16px}}#global-notifications{position:fixed;bottom:var(--space-4);left:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:var(--space-3);pointer-events:none}@media (width <= 640px){#global-notifications{right:var(--space-4)}}.notification{min-width:280px;max-width:400px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-small);font-weight:var(--font-medium);box-shadow:var(--shadow-modal);opacity:0;transform:translate(-100%);transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:auto;cursor:pointer}@media (width <= 640px){.notification{min-width:auto;max-width:none}}.notification--visible{opacity:1;transform:translate(0)}.notification--success{background-color:var(--success);color:#fff}.notification--error{background-color:var(--red-primary);color:#fff}.notification--warning{background-color:var(--warning);color:var(--text-primary)}.notification--info{background-color:var(--bg-surface-raised);border:1px solid var(--border-default);color:var(--text-primary)}.skip-link{position:absolute;top:-44px;left:0;min-height:44px;display:flex;align-items:center;background:var(--red-primary);color:var(--text-primary);padding:var(--space-2) var(--space-4);text-decoration:none;font-weight:var(--font-semibold);z-index:10000;border-radius:0 0 var(--radius-xs) 0;transition:top var(--transition-fast)}.skip-link:focus{top:0}