@font-face{font-family:"Doto";src:url("/fonts/doto/doto-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Inter";src:url("/fonts/inter/inter-variable-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Orbitron";src:url("/fonts/orbitron/orbitron-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}html,body{all:unset;background-color:#111827;color:#fff;font-size:1rem;line-height:1;font-family:"Inter",sans-serif;scrollbar-color:#6b7280 #111827}::-webkit-scrollbar-track{background:#111827}::-webkit-scrollbar-thumb{background:#6b7280}::-webkit-scrollbar-thumb:hover{background:#9ca3af}body:has(dialog[open]){overflow:hidden}main{margin-block:5.0625rem 0;padding-block:3.125rem 0;background-color:#050b1e}h1,h2,h3,h4,h5,h6{margin-block:0 1.5rem;font-family:"Orbitron",sans-serif;font-weight:400;letter-spacing:1px;line-height:1.3}h1{font-size:2.5rem}@media only screen and (min-width: 768px){h1{font-size:3rem}}h2{font-size:2rem}@media only screen and (min-width: 768px){h2{font-size:2.5rem}}h3{font-size:1.25rem}@media only screen and (min-width: 768px){h3{font-size:2.25rem}}h4{font-size:1.125rem}@media only screen and (min-width: 768px){h4{font-size:2.125rem}}h5,h6{font-size:1rem}@media only screen and (min-width: 768px){h5,h6{font-size:2rem}}p{margin-top:0;margin-bottom:1rem;color:#fff;font-weight:400}ul,ol,li{list-style-type:none;margin:0;padding:0}label{color:#fff;margin-block:0 .625rem}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}img{width:10rem;display:block;object-fit:cover}.container{max-width:62.5rem;margin:0 auto;padding:0 1rem}header{margin-bottom:2rem}a{color:inherit;text-decoration:none;transition:color .3s ease}a:not(.btn):hover{color:#f5b700}.btn{font-family:"Inter",sans-serif;font-size:.875rem;font-weight:500;color:#9ca3af;background:#0f172a;border:1px solid #1f2937;border-radius:.5rem;padding:.5rem 1.5rem;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease;display:block;width:fit-content}.btn:hover:not(.active):not([class*=btn--]){background:#0a1a3f;color:#d1d5db}.btn.active{background:#111827;color:#fff;border-color:#2a3348;cursor:not-allowed}@media only screen and (min-width: 768px){.btn{font-size:1rem;padding:.625rem 2rem}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:#111827;border-bottom:1px solid #1f2937;height:5rem}.navbar>.container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%}.navbar .brand{font-family:"Orbitron",sans-serif;font-size:1.25rem;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:2px}.navbar .brand:hover{color:#3b82f6}@media only screen and (min-width: 768px){.navbar .brand{font-size:1.5rem}}.navbar .nav-links{display:none;list-style:none}@media only screen and (min-width: 768px){.navbar .nav-links{display:flex;justify-content:flex-end;gap:1.5rem}}.navbar .nav-links .league-info{position:relative}.navbar .nav-links .league-info #league-info-menu{position:absolute;top:calc(100% + 2rem);right:0;width:max-content;padding:1.5rem 1rem;flex-direction:column;gap:1.5rem;background-color:#111827;border:1px solid #1f2937;opacity:0;transition:opacity .3s ease,display .3s ease;transition-behavior:allow-discrete}.navbar .nav-links .league-info #league-info-menu.hidden{display:none}.navbar .nav-links .league-info #league-info-menu.open{display:flex;opacity:1}@starting-style{.navbar .nav-links .league-info #league-info-menu.open{opacity:0}}.navbar .nav-links .league-menu-toggle{all:unset;cursor:pointer;display:flex;gap:.3125rem}.navbar .nav-links .league-menu-toggle:focus-visible{outline:1px solid #fff;outline-offset:2px}.navbar .nav-links .league-menu-toggle .menu-icon{display:flex;align-items:center;justify-content:center}.navbar .nav-links .league-menu-toggle .menu-icon svg{height:1rem;width:1rem;fill:#d1d5db;transition:fill .3s ease}.navbar .nav-links .league-menu-toggle:hover span:last-of-type svg{fill:#f5b700}.navbar .nav-links .nav-link,.navbar .nav-links .league-info-link{font-size:1rem;font-weight:500;color:#d1d5db;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease;display:flex;height:100%;align-items:center}.navbar .nav-links .nav-link:hover,.navbar .nav-links .league-info-link:hover{color:#f5b700}.navbar .nav-links .nav-link.current-page,.navbar .nav-links .league-info-link.current-page{color:#3b82f6}.navbar .hamburger{height:2.25rem;width:2.25rem;position:relative;padding:0;margin:0;border:none;background:none;cursor:pointer}.navbar .hamburger:focus-visible{outline:1px solid #fff;outline-offset:2px}@media only screen and (min-width: 768px){.navbar .hamburger{display:none}}.navbar .hamburger span{display:block;position:absolute;left:.25rem;right:.25rem;height:2px;background-color:#fff;transition:transform .3s ease,opacity .3s ease}.navbar .hamburger span:first-of-type{top:.5rem}.navbar .hamburger span:nth-of-type(2){top:1.0625rem}.navbar .hamburger span:nth-of-type(3){top:1.625rem}.navbar .hamburger.open span:first-of-type{transform:translateY(0.5625rem) rotate(45deg)}.navbar .hamburger.open span:nth-of-type(2){opacity:0}.navbar .hamburger.open span:nth-of-type(3){transform:translateY(-0.5625rem) rotate(-45deg)}html.overlay-nav-open,html.overlay-nav-open body{overflow:hidden;position:fixed;width:100%;height:100%}.nav-overlay{position:fixed;z-index:99;top:0;left:0;bottom:0;right:0;height:100%;height:100dvh;width:100%;padding-block:5.0625rem 0;background-color:#111827;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}html.overlay-nav-open .nav-overlay{opacity:1;visibility:visible}.nav-overlay .container{height:100%}.nav-overlay .overlay-links{height:100%;display:flex;flex-direction:column;gap:1.25rem;padding-top:3rem;list-style:none;opacity:0;transition:opacity .3s .15s ease-in}html.overlay-nav-open .nav-overlay .overlay-links{opacity:1}.nav-overlay .overlay-links a{font-family:"Orbitron",sans-serif;font-size:2rem;font-weight:400;color:#9ca3af;text-transform:uppercase;letter-spacing:3px;transition:color .3s ease}.nav-overlay .overlay-links a:hover{color:#3b82f6}.nav-overlay .overlay-links a.current-page{color:#3b82f6}.site-footer{margin-block:0;padding-block:2.5rem;background-color:#111827;border-top:1px solid #1f2937}.site-footer .footer-content-wrapper{display:flex;flex-direction:column;gap:2rem}@media only screen and (min-width: 576px){.site-footer .footer-content-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-start}}.site-footer .footer-left{display:flex;flex-direction:column;gap:1rem}.site-footer .footer-left .brand{font-family:"Orbitron",sans-serif;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:2px;text-transform:uppercase;transition:color .3s ease}.site-footer .footer-left .brand:hover{color:#3b82f6}.site-footer .footer-left .footer-nav ul{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}@media only screen and (min-width: 576px){.site-footer .footer-left .footer-nav ul{flex-direction:row}}.site-footer .footer-left .footer-nav ul li a{font-size:.85rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:1px}.site-footer .footer-left .footer-nav ul li a:hover{color:#f5b700}.site-footer .footer-right .external-heading{font-size:.625rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:1.5px;margin-block:0 .625rem}@media only screen and (min-width: 576px){.site-footer .footer-right .external-heading{text-align:right}}.site-footer .footer-right .external-links{display:flex;flex-direction:column;gap:.3125rem;list-style:none;padding:0;margin:0}@media only screen and (min-width: 576px){.site-footer .footer-right .external-links li{text-align:right}}.site-footer .footer-right .external-links li a{font-size:.85rem;font-weight:500;color:#9ca3af}.site-footer .footer-right .external-links li a:hover{color:#f5b700}.site-footer .footer-bottom{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #1f2937;text-align:center}.site-footer .footer-bottom p{font-size:.75rem;color:#6b7280;margin:0}@keyframes glow-emerald{0%,100%{box-shadow:0 0 12px rgba(52,211,153,.3)}50%{box-shadow:0 0 28px rgba(52,211,153,.7)}}@keyframes glow-loss{0%,100%{box-shadow:0 0 12px rgba(214,40,40,.3)}50%{box-shadow:0 0 28px rgba(214,40,40,.7)}}.team-select{display:flex;flex-direction:column;align-items:center}.team-select .avatar-container{position:relative;margin-top:2rem}.team-select .team-avatar{width:7rem;height:7rem;border-radius:50%;border:4px solid #2a3348;object-fit:cover}.team-select .team-avatar-option{opacity:0;position:absolute;top:0;left:0;transition:opacity .3s ease;pointer-events:none}.team-select .team-avatar-option.active{opacity:1;position:static;pointer-events:auto}.team-select .placeholder-avatar{transition:opacity .3s ease}.team-select .placeholder-avatar.hidden{opacity:0;position:absolute;pointer-events:none}.team-select.challenger-select .team-avatar{border-color:#34d399;animation:glow-emerald 3.5s ease-in-out infinite}.team-select.opponent-select .team-avatar{border-color:#d62828;animation:glow-loss 5s ease-in-out 1.2s infinite}.team-select-label{display:block;font-size:1.3rem;font-family:"Orbitron",sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.challenger-select .team-select-label{color:#34d399}.opponent-select .team-select-label{color:#d62828}.select-wrapper{position:relative;width:16rem}.select-wrapper select{appearance:none;width:100%;padding:.5rem 2.5rem .5rem .75rem;font-family:"Inter",sans-serif;font-size:1rem;color:#fff;background:#0f172a;border:1px solid #2a3348;border-radius:.375rem;cursor:pointer;transition:border-color .3s ease}.select-wrapper select:focus{outline:none}.challenger-select .select-wrapper select:hover,.challenger-select .select-wrapper select:focus{border-color:#34d399}.opponent-select .select-wrapper select:hover,.opponent-select .select-wrapper select:focus{border-color:#d62828}.select-wrapper select option{background:#111827;color:#fff}.select-wrapper svg{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#9ca3af;pointer-events:none}@keyframes banner-drop{0%{opacity:0;transform:translateY(-1.5rem) scale(0.95);filter:blur(4px)}60%{opacity:1;transform:translateY(0.15rem) scale(1.01);filter:blur(0)}100%{transform:translateY(0) scale(1)}}@keyframes banner-glow-pulse{0%,100%{text-shadow:0 0 8px rgba(245,183,0,.3)}50%{text-shadow:0 0 20px rgba(245,183,0,.6),0 0 40px rgba(245,183,0,.15)}}.rivalry-banner{text-align:center;margin-bottom:3rem;animation:banner-drop .6s cubic-bezier(0.34, 1.56, 0.64, 1) both}.rivalry-banner::before{content:"— — —";display:block;color:#6b7280;letter-spacing:.5em;font-size:.75rem;margin-bottom:.75rem}.rivalry-banner p{display:inline-block;font-family:"Orbitron",sans-serif;font-size:1.125rem;font-weight:700;font-style:italic;color:#f5b700;letter-spacing:.05em;line-height:1.6;max-width:30rem;text-shadow:0 0 8px rgba(245,183,0,.3)}@media only screen and (min-width: 768px){.rivalry-banner p{font-size:1.375rem}}.rivalry-banner::after{content:"— — —";display:block;color:#6b7280;letter-spacing:.5em;font-size:.75rem;margin-top:.75rem}.rivalry-scoreboard{background:rgba(15,23,42,.5);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;border:1px solid #1f2937}.rivalry-scoreboard .scoreboard-sides{display:flex;align-items:flex-end;justify-content:space-between}.rivalry-scoreboard .scoreboard-side{flex:1;text-align:center}.rivalry-scoreboard .scoreboard-side svg{width:2rem;height:2rem;color:#f5b700;margin:0 auto .25rem}.rivalry-scoreboard .scoreboard-wins{font-family:"Orbitron",sans-serif;font-size:3rem;font-weight:700}.rivalry-scoreboard .scoreboard-wins.leading{color:#34d399}@media only screen and (min-width: 768px){.rivalry-scoreboard .scoreboard-wins{font-size:4.5rem}}.rivalry-scoreboard .scoreboard-label{font-size:.875rem;color:#9ca3af;margin-top:.25rem}.rivalry-scoreboard .scoreboard-divider{text-align:center;padding:0 1rem}.rivalry-scoreboard .scoreboard-dash{font-size:1.5rem;color:#6b7280}.rivalry-scoreboard .scoreboard-games{font-size:.75rem;color:#6b7280;margin-top:.5rem}.rivalry-scoreboard .scoreboard-bar{margin-top:1.5rem}.rivalry-scoreboard .scoreboard-bar-track{height:1rem;background:#1f2937;border-radius:9999px;overflow:hidden;display:flex}.rivalry-scoreboard .scoreboard-bar-left,.rivalry-scoreboard .scoreboard-bar-right{height:100%}.rivalry-scoreboard .scoreboard-bar-left.bar-winner,.rivalry-scoreboard .scoreboard-bar-right.bar-winner{background:linear-gradient(to right, #34d399, rgba(52, 211, 153, 0.8))}.rivalry-scoreboard .scoreboard-bar-left.bar-loser,.rivalry-scoreboard .scoreboard-bar-right.bar-loser{background:linear-gradient(to right, #d62828, rgba(214, 40, 40, 0.8))}.rivalry-breakdown{background:rgba(15,23,42,.5);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;border:1px solid #1f2937}.rivalry-breakdown h3{text-align:center;font-size:1.25rem;margin-bottom:2rem}.rivalry-breakdown .breakdown-rows{display:flex;flex-direction:column;gap:1rem}.rivalry-breakdown .rivalry-stat-row{display:flex;align-items:center;justify-content:space-between}.rivalry-breakdown .stat-left,.rivalry-breakdown .stat-right{flex:1}.rivalry-breakdown .stat-left span,.rivalry-breakdown .stat-right span{font-size:1.25rem;font-weight:700}.rivalry-breakdown .stat-left.leading span,.rivalry-breakdown .stat-right.leading span{color:#34d399}.rivalry-breakdown .stat-left{text-align:right}.rivalry-breakdown .stat-right{text-align:left}.rivalry-breakdown .stat-label{padding:0 1rem;text-align:center;width:8rem}.rivalry-breakdown .stat-label span{font-size:.75rem;color:#9ca3af;text-transform:uppercase}@keyframes icon-flicker{0%,100%{filter:saturate(1) drop-shadow(0 0 4px var(--icon-glow))}4%{filter:saturate(1.8) drop-shadow(0 0 8px var(--icon-glow))}6%{filter:saturate(1) drop-shadow(0 0 5px var(--icon-glow))}8%{filter:saturate(1.6) drop-shadow(0 0 7px var(--icon-glow))}10%{filter:saturate(1) drop-shadow(0 0 4px var(--icon-glow))}50%{filter:saturate(1) drop-shadow(0 0 4px var(--icon-glow))}52%{filter:saturate(1.8) drop-shadow(0 0 8px var(--icon-glow))}54%{filter:saturate(1) drop-shadow(0 0 5px var(--icon-glow))}}.highlights-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media only screen and (min-width: 576px){.highlights-grid{grid-template-columns:repeat(3, 1fr)}}.highlight-card{border-radius:.75rem;padding:1.25rem;border:1px solid}.highlight-card svg{width:2rem;height:2rem;margin-bottom:.75rem;animation:icon-flicker 4s ease-in-out infinite}.highlight-card .highlight-label{font-size:.75rem;text-transform:uppercase;margin-bottom:.25rem}.highlight-card .highlight-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.highlight-card .highlight-description{font-size:.875rem;color:#9ca3af}.highlight-card .highlight-detail{font-size:.75rem;color:#6b7280;margin-top:.25rem}.highlight-card.highlight-purple{--icon-glow: rgba(124, 58, 237, 0.5);background:linear-gradient(to bottom right, rgba(124, 58, 237, 0.3), rgba(15, 23, 42, 0.5));border-color:rgba(124,58,237,.3)}.highlight-card.highlight-purple svg{color:#7c3aed}.highlight-card.highlight-purple .highlight-label{color:rgba(124,58,237,.7)}.highlight-card.highlight-orange{--icon-glow: rgba(249, 115, 22, 0.5);background:linear-gradient(to bottom right, rgba(249, 115, 22, 0.3), rgba(15, 23, 42, 0.5));border-color:rgba(249,115,22,.3)}.highlight-card.highlight-orange svg{color:#f97316}.highlight-card.highlight-orange .highlight-label{color:rgba(249,115,22,.7)}.highlight-card.highlight-emerald{--icon-glow: rgba(52, 211, 153, 0.5);background:linear-gradient(to bottom right, rgba(5, 150, 105, 0.3), rgba(15, 23, 42, 0.5));border-color:rgba(52,211,153,.3)}.highlight-card.highlight-emerald svg{color:#34d399}.highlight-card.highlight-emerald .highlight-label{color:rgba(52,211,153,.7)}.quotes-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media only screen and (min-width: 768px){.quotes-grid{grid-template-columns:repeat(2, 1fr)}}.quote-card{border-radius:.75rem;padding:1rem;border:1px solid}.quote-card .quote-card-inner{display:flex;align-items:center;gap:.75rem}.quote-card .quote-avatar{width:3rem;height:3rem;border-radius:50%;flex-shrink:0}.quote-card .quote-team{font-size:.875rem;color:#9ca3af}.quote-card .quote-text{font-size:1.125rem;font-weight:700}.quote-card.quote-win{background:rgba(5,150,105,.2);border-color:rgba(52,211,153,.3)}.quote-card.quote-win .quote-text{color:#34d399}.quote-card.quote-win .quote-card-inner{flex-direction:row-reverse;text-align:right}.quote-card.quote-loss{background:rgba(214,40,40,.1);border-color:rgba(214,40,40,.3)}.quote-card.quote-loss .quote-text{color:#d62828}.quote-card.quote-loss .quote-card-inner{flex-direction:row}.battle-history{background:rgba(15,23,42,.5);border-radius:1rem;border:1px solid #1f2937;overflow:hidden;margin-bottom:4rem}.battle-history .battle-history-header{padding:1rem;border-bottom:1px solid #1f2937}.battle-history .battle-history-header h3{font-size:1.25rem;color:#34d399;margin:0}.battle-history .battle-history-list .match-row+.match-row{border-top:1px solid #1f2937}.battle-history .match-row{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;transition:background .3s ease}.battle-history .match-row:hover{background:rgba(31,41,55,.3)}.battle-history .match-meta{width:3rem;font-size:.75rem;color:#6b7280}.battle-history .match-meta .match-season{font-weight:600}.battle-history .match-scores{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}@media only screen and (min-width: 768px){.battle-history .match-scores{gap:1.5rem}}.battle-history .match-score{display:flex;align-items:center;gap:.5rem}.battle-history .match-score.winner{color:#34d399}.battle-history .match-score:not(.winner){color:#9ca3af}.battle-history .match-score span{font-size:1.125rem;font-weight:700}.battle-history .match-avatar{width:2rem;height:2rem;border-radius:50%;display:none}@media only screen and (min-width: 768px){.battle-history .match-avatar{display:block}}.battle-history .match-vs{font-size:.875rem;color:#6b7280}.battle-history .match-result span{display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:.25rem}.battle-history .match-result .result-win{background:rgba(52,211,153,.2);color:#34d399}.battle-history .match-result .result-loss{background:rgba(214,40,40,.2);color:#d62828}@keyframes sway{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes glow{0%,100%{filter:drop-shadow(0 0 6px rgba(0, 194, 255, 0.2))}50%{filter:drop-shadow(0 0 18px rgba(0, 194, 255, 0.6))}}.page-header{text-align:center;padding-block:0;margin-block:0 5rem}.page-header .hero-icon svg{width:5rem;height:5rem;color:#00c2ff;margin:0 auto 1rem;animation:sway 3s ease-in-out infinite,glow 6s ease-in-out infinite}.page-header h1{color:rgba(0,194,255,.8);text-transform:uppercase;font-weight:500;margin-bottom:.75rem}.page-header .hero-description{color:#9ca3af;font-size:1.125rem;max-width:28rem;margin:0 auto}.team-selectors{display:flex;flex-direction:column;align-items:center;gap:2.5rem;margin-bottom:3rem}@media only screen and (min-width: 768px){.team-selectors{flex-direction:row;justify-content:center;gap:2rem}}.vs-divider{font-family:"Orbitron",sans-serif;font-size:2.25rem;font-weight:700;color:#6b7280}.empty-state{text-align:center;padding-block:4rem}.empty-state p{font-size:1.25rem;color:#9ca3af}.battle-btn-wrapper{text-align:center;margin-bottom:3rem}.battle-btn{font-family:"Orbitron",sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, rgb(0, 135.8, 178.5), #00c2ff);border:2px solid #00c2ff;border-radius:.5rem;padding:.75rem 3rem;cursor:pointer;transition:opacity .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;box-shadow:0 0 20px rgba(0,194,255,.3)}.battle-btn:hover:not(:disabled){box-shadow:0 0 35px rgba(0,194,255,.6)}.battle-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}@keyframes results-fade-in{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.rivalry-results{padding-block:0 6.25rem;animation:results-fade-in .8s ease-out both}