@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--red:#d20a0a;--red-bright:#e8192c;--red-dark:#8b0000;--red-glow:#d20a0a59;--gold:#c9a94e;--gold-soft:#c9a94e26;--ufc:#d20a0a;--pfl:#3b82f6;--zuffa:#c9a94e;--boxing:#10b981;--other:#8b5cf6;--bg-body:#0a0a0a;--bg-card:#141414;--bg-panel:#111;--bg-elevated:#1a1a1a;--bg-input:#1c1c1c;--bg-hover:#222;--line:#ffffff14;--line-strong:#ffffff1f;--line-red:#d20a0a4d;--text:#f0f0f0;--text-secondary:#999;--text-muted:#666;--selected:#d20a0a}*{box-sizing:border-box;margin:0}body{color:var(--text);background:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}.bg{background:var(--bg-body);justify-content:center;align-items:flex-start;min-height:100vh;padding:0;display:flex;position:relative}.bg:before{content:"";background:linear-gradient(90deg,var(--red-dark),var(--red),var(--red-bright),var(--red),var(--red-dark));z-index:9999;height:3px;position:fixed;top:0;left:0;right:0}.shell{z-index:1;width:min(1200px,100%);padding:24px 20px;position:relative}.hero{margin-bottom:8px;padding:20px 0 0}.stickyNav{z-index:9998;opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s;position:fixed;top:3px;left:0;right:0;transform:translateY(-100%)}.stickyNav.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.stickyNavInner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0a0a0aeb;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:10px 20px;display:flex}.stickyLogo{letter-spacing:-.03em;text-transform:uppercase;color:var(--text);white-space:nowrap;flex-shrink:0;align-items:center;gap:.14em;font-size:22px;font-weight:900;display:inline-flex}.stickyLogoImg{object-fit:cover;border:1px solid var(--line-strong);border-radius:6px;width:28px;height:28px}.stickyLogo .dot{width:.18em;height:.18em;transform:translateY(-.1em)rotate(45deg)}.stickyFilters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (max-width:520px){.stickyNavInner{flex-wrap:wrap;gap:8px}.stickyFilters{flex-basis:100%}}.heroTitle{letter-spacing:-.03em;white-space:nowrap;text-transform:uppercase;text-shadow:none;align-items:baseline;gap:.14em;margin:0 0 16px;padding-bottom:.05em;font-size:clamp(48px,7.5vw,82px);font-weight:900;line-height:1;display:inline-flex}@media (max-width:520px){.heroTitle{white-space:normal;flex-wrap:wrap;gap:6px;line-height:1.05;display:flex}.swapLine{flex-basis:100%}}.brandWord{color:var(--text)}.heroLogoImg{object-fit:cover;border:1px solid var(--line-strong);border-radius:.16em;align-self:center;width:1em;height:1em;transform:none}.dot{background:var(--red);width:.18em;height:.18em;box-shadow:0 0 20px var(--red-glow);border-radius:2px;flex:none;display:inline-block;transform:translateY(-.3em)rotate(45deg)}.swapLine{letter-spacing:-.03em;color:var(--red);align-items:baseline;gap:.12em;font-weight:900;display:inline-flex}.swapWrap{vertical-align:baseline;will-change:width;height:1.1em;transition:width .45s cubic-bezier(.22,1,.36,1);display:inline-block;overflow:hidden}.swapLetters{white-space:nowrap;align-items:baseline;display:inline-flex}.swapChar{will-change:transform,opacity,filter;display:inline-block}.swapChar.out{animation:.32s cubic-bezier(.2,.9,.2,1) both charOut}.swapChar.in{animation:.42s cubic-bezier(.2,.9,.2,1) both charIn}@keyframes charOut{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(4px);transform:translateY(-50%)}}@keyframes charIn{0%{opacity:0;filter:blur(6px);transform:translateY(60%)}to{opacity:1;filter:blur();transform:translateY(0)}}.staticWord{color:var(--text)}.app{padding:0}.categoryFilters{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.btn{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--red)}.grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin-top:16px;display:grid}.grid>.panel:first-child{position:sticky;top:60px}@media (max-width:900px){.grid{grid-template-columns:1fr}.grid>.panel:first-child{position:static}.hero{margin-bottom:0}}.panel{background:var(--bg-card);border:1px solid var(--line);border-radius:10px;padding:14px}.panelHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.panelTitle{text-transform:uppercase;letter-spacing:.04em;font-size:15px;font-weight:800}.iconInline{stroke-width:2.15px;flex:none}.hint{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.headRight{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.searchWrap{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.searchInputWrap{flex:220px;width:100%;position:relative}.searchIcon{color:var(--text-muted);pointer-events:none;flex:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.searchInput{border:1px solid var(--line-strong);background:var(--bg-input);width:100%;color:var(--text);border-radius:6px;outline:none;padding:10px 14px 10px 36px;font-family:inherit;font-size:14px;transition:border-color .15s}.searchInput:focus{border-color:var(--red)}.searchInput::placeholder{color:var(--text-muted)}.searchMeta{color:var(--text-secondary);margin-top:8px;font-size:12px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;cursor:pointer;opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23999' d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 1 0 5.7 7.11L10.59 12 5.7 16.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E") 50%/16px 16px no-repeat;width:16px;height:16px}.calHead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.calHead button{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,border-color .15s}.calHead button:hover{background:var(--bg-hover);border-color:var(--red)}.calHead div{text-transform:uppercase;letter-spacing:.03em;font-size:15px;font-weight:800}.calGrid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dow{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding-bottom:4px;font-size:10px;font-weight:700}.day{border:1px solid var(--line);background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;min-height:52px;padding:6px;transition:background .1s,border-color .1s;position:relative}.day:hover{background:var(--bg-hover);border-color:var(--line-strong)}.day.muted{opacity:.25}.day.today{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.day.selected{border-color:var(--red);box-shadow:0 0 12px var(--red-glow);background:#d20a0a1f}.day.today.selected{border-color:var(--red);box-shadow:0 0 12px var(--red-glow),inset 0 0 0 1px var(--red)}.num{color:var(--text-secondary);font-size:11px;font-weight:700}.day.today .num,.day.selected .num{color:var(--text)}.dots{flex-wrap:wrap;gap:3px;max-width:calc(100% - 12px);display:flex;position:absolute;bottom:6px;left:6px}.dotMini{border-radius:1px;flex:none;width:6px;height:6px}.dotMini.ufc{background:var(--ufc)}.dotMini.pfl{background:var(--pfl)}.dotMini.zuffa{background:var(--zuffa)}.dotMini.boxing{background:var(--boxing)}.dotMini.other{background:var(--other)}.dotMini.more{border:1px solid var(--line-strong);background:var(--bg-hover)}.events{flex-direction:column;gap:8px;padding-top:8px;padding-right:4px;display:flex;position:relative}.events::-webkit-scrollbar{width:4px}.events::-webkit-scrollbar-track{background:0 0}.events::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.scrollHint{opacity:0;pointer-events:none;z-index:100;border:1px solid var(--line-red);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);text-transform:uppercase;letter-spacing:.04em;background:#0a0a0aeb;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:opacity .2s;display:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 30px #0009}.scrollHint.show{opacity:1;display:inline-flex}.scrollHint .chev{font-size:14px;animation:1.2s ease-in-out infinite chevBounce;display:inline-block}@keyframes chevBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.card{border:1px solid var(--line);background:var(--bg-elevated);cursor:pointer;border-radius:8px;padding:12px;transition:background .12s,border-color .15s,box-shadow .15s;position:relative}.card:before{content:"";background:var(--red);opacity:0;width:3px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.card:hover{background:var(--bg-hover);border-color:var(--line-strong);box-shadow:0 4px 20px #0006}.card:hover:before{opacity:1}.card:active{transform:none}.card:focus,.card:focus-visible{outline:2px solid var(--red);outline-offset:1px}.tagRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);color:var(--text-secondary);border-radius:3px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.tag.ufc{border-color:var(--ufc);color:var(--red-bright);background:#d20a0a26}.tag.pfl{border-color:var(--pfl);color:var(--pfl);background:#3b82f61f}.tag.zuffa{background:var(--gold-soft);border-color:var(--zuffa);color:var(--gold)}.tag.boxing{border-color:var(--boxing);color:var(--boxing);background:#10b9811f}.tag.other{border-color:var(--other);color:var(--other);background:#8b5cf61f}.tagFilter{background:var(--bg-elevated);cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.tagFilter.all{border-color:var(--line-strong);color:var(--text-secondary)}.tagFilter:hover{background:var(--bg-hover);border-color:var(--line-strong);color:var(--text)}.tagFilter.isActive{color:var(--text);border-color:var(--line-strong);box-shadow:inset 0 0 0 1px,0 0 0 1px #ffffff0d,0 0 14px #ffffff14}.tagFilter.all.isActive{border-color:var(--red);color:#ffd7d7;background:#d20a0a38}.tagFilter.ufc.isActive{border-color:var(--ufc);color:#ffd7d7;background:#d20a0a38}.tagFilter.pfl.isActive{border-color:var(--pfl);color:#dce9ff;background:#3b82f633}.tagFilter.zuffa.isActive{border-color:var(--zuffa);color:#ffe9a8;background:#c9a94e33}.tagFilter.boxing.isActive{border-color:var(--boxing);color:#d9fff2;background:#10b98133}.tagFilter.other.isActive{border-color:var(--other);color:#e9deff;background:#8b5cf633}.name{letter-spacing:-.01em;margin-top:6px;font-size:15px;font-weight:800}.meta{color:var(--text-secondary);margin-top:3px;font-size:13px}.rowBtns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.smallBtn{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:11px;font-weight:600;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.smallBtn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--red)}.cardMatchup{border:1px solid var(--line);background:#ffffff05;border-radius:6px;justify-content:center;align-items:center;gap:14px;margin:10px 0 6px;padding:10px;display:flex}.cardFighter{flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;display:flex}.cardFighterImg{object-fit:cover;background:var(--bg-card);border:2px solid var(--line-strong);border-radius:50%;width:48px;height:48px;transition:border-color .15s}.card:hover .cardFighterImg{border-color:var(--red)}.cardFighterImgPlaceholder{background:var(--bg-card);border:2px solid var(--line);width:48px;height:48px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.cardFighterName{text-align:center;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:700;line-height:1.2;overflow:hidden}.cardVs{color:var(--red);text-transform:uppercase;flex-shrink:0;font-size:13px;font-weight:900}.pillUnderCal{justify-content:flex-start;margin-top:12px;display:flex}.heroPill{border:1px solid var(--line);background:var(--bg-elevated);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.pillDots{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.legendItem{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.pillDot{border-radius:2px;flex:none;width:8px;height:8px}.pillDot.ufc{background:var(--ufc)}.pillDot.pfl{background:var(--pfl)}.pillDot.zuffa{background:var(--zuffa)}.pillDot.boxing{background:var(--boxing)}.pillDot.other{background:var(--other)}.pillText{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600;line-height:1}@media (max-width:520px){.heroPill{border-radius:8px}.pillDots{gap:6px 10px}}.toast{opacity:0;pointer-events:none;z-index:10000;border:1px solid var(--line-red);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;background:#0a0a0ae6;border-radius:6px;max-width:calc(100% - 24px);padding:10px 16px;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s;position:fixed;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%)translateY(6px);box-shadow:0 8px 30px #00000080}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.eventHeader{margin-bottom:20px}.eventTitle{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 10px;font-size:clamp(26px,4.5vw,40px);font-weight:900;line-height:1.1}.eventMeta{color:var(--text-secondary);flex-wrap:wrap;gap:6px 18px;font-size:13px;display:flex}.backLink{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line-strong);background:var(--bg-elevated);border-radius:6px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.backLink:hover{background:var(--bg-hover);border-color:var(--red);color:var(--text)}.fightCard{flex-direction:column;gap:8px;display:flex}.sectionTitle{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line-red);border-left:3px solid var(--red);color:var(--text);background:#d20a0a14;border-radius:6px;margin-top:16px;margin-bottom:4px;padding:8px 12px;font-size:13px;font-weight:800}.boutCard{border:1px solid var(--line);background:var(--bg-elevated);border-radius:8px;align-items:center;gap:14px;padding:14px;transition:background .12s,border-color .12s;display:flex}.boutCard:hover{background:var(--bg-hover);border-color:var(--line-strong)}.fighterSide{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.fighterSide.left{text-align:right;align-items:flex-end}.fighterSide.right{text-align:left;align-items:flex-start}.fighterImg{object-fit:cover;background:var(--bg-card);border:2px solid var(--line-strong);border-radius:50%;width:64px;height:64px}.fighterImgPlaceholder{background:var(--bg-card);border:2px solid var(--line);width:64px;height:64px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.fighterName{font-size:14px;font-weight:800;line-height:1.2}.fighterRecord{color:var(--text-secondary);font-size:12px}.boutCenter{flex-direction:column;flex:none;align-items:center;gap:4px;min-width:50px;display:flex}.boutVs{color:var(--red);font-size:16px;font-weight:900}.boutWeight{background:var(--gold-soft);color:var(--gold);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.boutRounds{color:var(--text-muted);font-size:10px;font-weight:600}.boutTitle{color:var(--red-bright);white-space:nowrap;text-align:center;text-transform:uppercase;letter-spacing:.04em;background:#d20a0a1f;border-radius:3px;padding:2px 8px;font-size:9px;font-weight:700}.cardSummary{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.summaryChip{border:1px solid var(--line);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}@media (max-width:520px){.boutCard{gap:8px;padding:10px}.fighterImg,.fighterImgPlaceholder{width:48px;height:48px}.fighterName{font-size:12px}}@media (prefers-reduced-motion:reduce){.swapChar{animation:none!important}.swapWrap{transition:none!important}.scrollHint .chev{animation:none!important}.toast{transition:none!important}}