*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@property --footer-gradient-start{syntax:"<color>";inherits:true;initial-value:oklch(100% 0 0/.5)}@property --accent-base{syntax:"<color>";inherits:true;initial-value:oklch(100% 0 0)}:root,.theme-wheel__option,main.home .temporada{--accent-base:oklch(100% 0 0);--accent120:color-mix(in oklch, var(--accent-base) 70%, black);--accent100:var(--accent-base);--accent80:color-mix(in oklch, var(--accent-base) 80%, white);--accent60:color-mix(in oklch, var(--accent-base) 60%, white);--accent40:color-mix(in oklch, var(--accent-base) 40%, white);--accent20:color-mix(in oklch, var(--accent-base) 20%, white);--bg-light:color-mix(in oklch, var(--accent-base) 5%, #f0f0f0);--bg-dark:color-mix(in oklch, var(--accent-base) 5%, #0f0f0f);--text-light:#fff;--text-dark:#000;--swaltext:#fff;--swalbutton:var(--accent-base);--swalshadow:color-mix(in oklch, var(--accent-base) 50%, transparent);--selected:#fff3;--inactive:#ffffff1a;--layer:#ffffff0d;--footer-gradient-start:color-mix(in oklch, var(--accent-base) 50%, transparent);--accent-overlay:color-mix(in oklch, var(--accent-base) 30%, transparent);--accent-overlay-hover:color-mix(in oklch, var(--accent-base) 40%, transparent);--favorite:#e63946;--favorite-hover:#e95763}.theme-transition :not(footer,.theme-wheel__track,.theme-wheel__option){transition:background-color .5s,color .5s,outline-color .5s!important}.theme-ladybug,#ladybug{--accent-base:oklch(67% .2 25)}.theme-cat,#cat{--accent-base:oklch(87% .3 143)}.theme-fox,#fox{--accent-base:oklch(79% .17 71)}.theme-snake,#snake{--accent-base:oklch(88% .17 169)}.theme-bee,#bee{--accent-base:oklch(96% .21 110);--swaltext:#000}.theme-butterfly,#butterfly{--accent-base:oklch(63% .25 307)}.theme-peacock,#peacock{--accent-base:oklch(60% .25 275)}.theme-dog,#dog{--accent-base:oklch(75% .18 40)}.theme-bunny,#bunny{--accent-base:oklch(82% .14 213)}.theme-rooster,#rooster{--accent-base:oklch(70% .2 39)}.theme-pig,#pig{--accent-base:oklch(85% .18 322)}.theme-goat,#goat{--accent-base:oklch(100% 0 0)}.theme-ox,#ox{--accent-base:oklch(60% .21 265)}.theme-turtle,#turtle{--accent-base:oklch(86% .21 138)}.theme-dragon,#dragon{--accent-base:oklch(67% .22 18)}.theme-tiger,#tiger{--accent-base:oklch(60% .21 341)}.theme-horse,#horse{--accent-base:oklch(52% .1 68)}.theme-monkey,#monkey{--accent-base:oklch(75% .14 68)}.theme-mouse,#mouse{--accent-base:oklch(80% 0 0)}.theme-uncanny,#uncanny{--accent-base:oklch(75% .14 96)}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}body{color:var(--text-light);background-color:#000;font-family:Inter,Roboto,sans-serif;font-size:16px}h1{margin-block:.67em;font-size:2em}#root{flex-direction:column;min-height:100vh;display:flex}.accent{color:var(--accent100)}a{color:inherit;text-decoration:none}header h1,header a,.home h2,.player h1,.equipe h1,.equipe h2,.equipe h3,footer .bottom p{text-align:center}.small{color:#777;font-size:.8rem}button:not(.skip-intro,.theme-wheel__option),a.button{background-color:var(--accent100);color:var(--text-dark);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-family:inherit;font-size:16px;transition:background-color .2s;display:flex}button.muted,a.button.muted{background-color:var(--inactive);color:var(--text-light)}button:hover,a.button:hover{background-color:var(--accent80)}button.muted:hover,a.button.muted:hover{background-color:var(--selected)}main{flex-direction:column;flex:1 0 auto;align-items:center;padding:1rem 5rem;display:flex}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){background-color:var(--swalbutton)!important;color:var(--swaltext)!important}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px var(--swalshadow)!important}[data-sonner-toaster]{font-family:inherit}.sonner .title{font-size:1.25rem;font-weight:700}@media screen and (width<=768px){main{padding:1rem}}@keyframes swipe-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-5%)}}@keyframes swipe-in{0%{opacity:0;transform:translate(5%)}to{opacity:1;transform:translate(0)}}header{background-color:var(--bg-dark);color:var(--text-light);z-index:1;border-radius:16px;align-items:center;margin:1rem 1rem auto;padding:1rem;display:flex}header .logo{align-items:center;display:flex}header .logo svg{font-size:50px}header .logo svg path{color:var(--accent100)}header .logo img{width:50px}header .title{align-items:center;display:flex}header .title h1{height:fit-content;margin:0 0 0 1rem}header nav{align-items:center;height:3rem;margin-left:auto;display:flex}header nav ul{scrollbar-width:none;gap:1rem;display:flex;overflow:scroll}header nav ul li{list-style:none}header nav ul li a{color:var(--text-light);border-radius:16px;align-items:center;gap:.5rem;padding:1rem;text-decoration:none;transition:color .2s,background-color .2s,outline 50ms;display:flex}header nav ul li a .name{height:1rem;display:none}header nav ul li a:hover{color:var(--accent20);background-color:var(--selected)}header nav ul li a[aria-current=page]{color:var(--accent60);background-color:var(--accent-overlay);view-transition-name:navLink}::view-transition-group(navLink){transition:width .2s}::view-transition-old(navLink){height:100%}::view-transition-new(navLink){height:100%}header nav ul li a[aria-current=page] .name{display:block}header nav ul li a:focus-visible{outline:var(--accent40) solid 2px}.settings-button{margin-left:1rem}.settings-button .svg-inline--fa{width:1em}@media screen and (width<=800px){header{flex-wrap:wrap;gap:.5rem;padding-bottom:.5rem}header .logo{flex:40%}header nav{flex:100%;width:100%;margin:0}header nav ul{justify-content:space-evenly;gap:.25rem;width:100%}}@media screen and (width<=500px){header h1{font-size:1.5rem}header nav .svg-inline--fa{width:16px;height:16px;display:block}header nav ul li a[aria-current=page] .name{display:none}}@media screen and (width<=350px){header nav ul li a{padding:.8rem}}footer{background:radial-gradient(120% 150% at 0% 0%, var(--footer-gradient-start) 0%, black 100%);color:var(--text-light);border-radius:32px 32px 0 0;font-family:Inter,Roboto,sans-serif;font-weight:300;position:relative;overflow:hidden;transition:--footer-gradient-start .5s,background-color .5s!important}footer .content{grid-template-columns:repeat(3,1fr);justify-content:center;gap:1rem;padding:8rem 4rem;display:grid}footer>img{pointer-events:none;position:absolute}footer .about{text-align:center;grid-column-start:2;margin-block:auto}footer .links{margin-inline:auto}footer .links .socials{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}footer .links .button{background-color:var(--accent-overlay);color:var(--accent100);border-radius:24px;font-size:large;font-weight:600}footer .links .button svg{width:36px;height:36px}footer .links .button:hover{background-color:var(--accent-overlay-hover)}footer .bottom{bottom:0;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset-inline:0}footer .bottom .dev{cursor:pointer;color:var(--accent60);transition:color 1s}.theme-ladybug footer .bottom .dev:hover{animation-delay:0s}@media screen and (width<=1450px){footer .content{grid-template-columns:1fr 1fr}footer .links{grid-column-start:2}}@media screen and (width<=1000px){footer{min-height:800px}footer .content{grid-template-columns:1fr;gap:3rem;padding:2rem}footer .about,footer .links{grid-column:1}footer>img{bottom:-175px;left:50%;transform:translate(-30%)}}@media screen and (width<=500px){footer{min-height:650px}footer .links .button{border-radius:16px;padding:12px}footer .links .button svg{width:24px;height:24px}footer>img{width:600px;bottom:-150px}}@media screen and (width<=380px){footer .links .button{padding:8px;font-size:medium}footer>img{width:550px;bottom:-100px}}.image-wrapper{border-radius:16px;position:relative;overflow:hidden}.loader-wrapper{background-color:var(--inactive);-webkit-backdrop-filter:blur(32px)brightness(.5);backdrop-filter:blur(32px)brightness(.5);z-index:0;width:100%;height:100%;position:absolute}.loader{--_size:32px;width:var(--_size);height:var(--_size);color:var(--accent100);position:relative;top:50%;left:50%;translate:-50% -50%}.loader svg{width:100%;height:100%;position:absolute;top:0;left:0}.loader .fill{clip-path:inset(-20% 100% 0 0);animation:1s infinite loading}@keyframes loading{0%,to{clip-path:inset(0 100% 0 -20%)}50%{clip-path:inset(0 -20% 0 100%)}}.error-page{text-align:center}.error-page .columns{align-items:center;gap:2rem;display:flex}.error-page .columns img{width:200px;min-width:30px;height:auto}.error-page .column{flex-direction:column;align-items:center;gap:1rem;display:flex}@media screen and (width<=600px){.error-page .columns{flex-direction:column}.error-page .columns img{width:120px}}