*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@property --footer-gradient-start{syntax: "<color>"; initial-value: oklch(100% 0 0 / .5); inherits: true;}@property --accent-base{syntax: "<color>"; initial-value: oklch(100% 0 0); inherits: true;}:root,.theme-wheel__option{--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: rgba(255, 255, 255, .2);--inactive: rgba(255, 255, 255, .1);--layer: rgba(255, 255, 255, .05);--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 ease,color .5s ease,outline-color .5s ease!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{font-family:Inter,Roboto,sans-serif;font-size:16px;color:var(--text-light);background-color:#000}h1{margin-block:.67em;font-size:2em}#root{display:flex;flex-direction:column;min-height:100vh}.accent{color:var(--accent100)}a{text-decoration:none;color:inherit}header h1,header a,.home h2,.player h1,.equipe h1,.equipe h2,.equipe h3,footer .bottom p{text-align:center}.small{font-size:.8rem;color:#575757}button:not(.skip-intro,.theme-wheel__option),a.button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:none;border-radius:16px;background-color:var(--accent100);color:var(--text-dark);cursor:pointer;transition:background-color .2s ease;font-family:inherit;font-size:16px}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{display:flex;flex:1 0 auto;flex-direction:column;align-items:center;padding:1rem 5rem}.overlayscontainer{position:sticky;bottom:0;pointer-events:none;height:200px;overflow:hidden}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 (max-width:768px){main{padding:1rem}}@keyframes swipe-out{0%{transform:translate(0);opacity:1}to{transform:translate(-5%);opacity:0}}@keyframes swipe-in{0%{transform:translate(5%);opacity:0}to{transform:translate(0);opacity:1}}header{display:flex;align-items:center;padding:1rem;background-color:var(--bg-dark);color:var(--text-light);z-index:1;margin:1rem 1rem auto;border-radius:16px}header .logo{display:flex;align-items:center}header .logo svg{font-size:50px}header .logo svg path{color:var(--accent100)}header .logo img{width:50px}header .title{display:flex;align-items:center}header .title h1{margin:0 0 0 1rem;height:fit-content}header nav{display:flex;margin-left:auto;align-items:center;height:3rem}header nav ul{display:flex;gap:1rem;overflow:scroll;scrollbar-width:none}header nav ul li{list-style:none}header nav ul li a{display:flex;align-items:center;gap:.5rem;padding:1rem;text-decoration:none;color:var(--text-light);border-radius:16px;transition:color .2s ease,background-color .2s ease,outline .05s ease}header nav ul li a .name{display:none;height:1rem}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 ease}::view-transition-old(navLink),::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 (max-width:800px){header{gap:.5rem;padding-bottom:.5rem;flex-wrap:wrap}header .logo{flex:40%}header nav{flex:100%;width:100%;margin:0}header nav ul{width:100%;justify-content:space-evenly;gap:.25rem}}@media screen and (max-width:500px){header h1{font-size:1.5rem}header nav .svg-inline--fa{display:block;height:16px;width:16px}header nav ul li a[aria-current=page] .name{display:none}}@media screen and (max-width:350px){header nav ul li a{padding:.8rem}}footer{position:relative;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;overflow:hidden;transition:--footer-gradient-start .5s ease,background-color .5s ease!important}footer .content{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;padding:8rem 4rem;gap:1rem}footer>img{position:absolute;pointer-events:none}footer .about{text-align:center;margin-block:auto;grid-column-start:2}footer .links{margin-inline:auto}footer .links .socials{margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}footer .links .button{background-color:var(--accent-overlay);color:var(--accent100);border-radius:24px;font-weight:600;font-size:large}footer .links .button svg{width:36px;height:36px}footer .links .button:hover{background-color:var(--accent-overlay-hover)}footer .bottom{display:flex;justify-content:center;align-items:center;padding:1rem;position:absolute;bottom:0;inset-inline:0}footer .bottom .dev{cursor:pointer;color:var(--accent60);transition:color 1s ease}.theme-ladybug footer .bottom .dev:hover{animation-delay:0s}@media screen and (max-width:1450px){footer .content{grid-template-columns:1fr 1fr}footer .links{grid-column-start:2}}@media screen and (max-width:890px){footer{min-height:800px}footer .content{grid-template-columns:1fr;gap:3rem;padding:2rem}footer .about,footer .links{grid-column:1}footer>img{left:50%;transform:translate(-30%);bottom:-175px}}@media screen and (max-width:450px){footer{min-height:650px}footer .links .button{padding:12px;border-radius:16px}footer .links .button svg{width:24px;height:24px}footer>img{width:600px;bottom:-150px}}.image-wrapper{position:relative;border-radius:16px;overflow:hidden}.loader-wrapper{position:absolute;width:100%;height:100%;background-color:var(--inactive);-webkit-backdrop-filter:blur(32px) brightness(.5);backdrop-filter:blur(32px) brightness(.5);z-index:0}.loader{--_size: 32px;position:relative;width:var(--_size);height:var(--_size);translate:-50% -50%;top:50%;left:50%;color:var(--accent100)}.loader svg{position:absolute;top:0;left:0;width:100%;height:100%}.loader .fill{clip-path:inset(-20% 100% 0 0);animation:loading 1s ease 0s infinite}@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{display:flex;align-items:center;gap:2rem}.error-page .columns img{width:200px;height:auto;min-width:30px}.error-page .column{display:flex;flex-direction:column;align-items:center;gap:1rem}@media screen and (max-width:600px){.error-page .columns{flex-direction:column}.error-page .columns img{width:120px}}