@import"https://fonts.googleapis.com/css2?family=Ephesis&family=Lexend:wght@200;300;400;500;600;700&display=swap";#root{max-width:1280px;height:100%;margin:0 auto;text-align:center}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}h2,h3,h4,p{margin:0;color:#fff}h4{font-size:18px}@media (max-width: 768px){h4{font-size:12px}}h1{font-size:3.2em;line-height:1.1;margin-top:50px}@media (max-width: 930px){h2{font-size:1.25em}}@media (max-width: 785px){h2{font-size:1em}}p{font-weight:400;font-size:20px;margin-top:5px}@media (max-width: 768px){p{font-size:14px}}.center{display:flex;align-items:center;justify-content:center}.container{height:100%;margin-bottom:35px}@media (max-height: 842px){.container{margin-bottom:0}}.cursive{font-family:Ephesis,sans-serif;font-size:70px;padding:0 3px}@media (max-width: 768px){.cursive{font-size:60px}}.over-report{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.cover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100vh;max-width:100vw;object-fit:cover;object-position:center center;z-index:-1;opacity:.4;filter:blur(4px) brightness(.3);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%)}.current-content{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#363636;padding:1rem;border-radius:3rem;margin-bottom:1rem;margin-top:176px}.current-content .lasts{background:linear-gradient(130deg,#454cca,80%,#2097b4);width:60px;min-width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:32px;font-weight:600}.current-content .details{display:flex;align-items:center;justify-content:center;max-width:100%;position:relative;margin-bottom:-30px}.current-content .details img{height:300px;position:absolute;top:-305px;border-radius:.75rem;border-radius:8px;z-index:1;cursor:pointer;transition:all ease-in-out .4s}@media (max-height: 935px){.current-content .details img{height:250px;top:-255px}}@media (max-height: 885px){.current-content .details img{height:200px;top:-205px}}.current-content .details img:hover{height:700px}@media (max-width: 885px){.current-content .details img:hover{height:400px}}.current-content button{border-radius:50%;width:60px;height:60px;font-size:32px;padding:0;display:flex;justify-content:center;align-items:center}.content{display:flex;align-items:center;justify-content:center}.poster{width:100px;height:140px;background:#181818;border-radius:.75rem}.board{display:grid;justify-content:center;grid-template-columns:repeat(4,140px);grid-template-rows:repeat(4,100px);background:#363636;padding:1rem;border-radius:1rem;width:fit-content;margin:10px 0;position:relative;z-index:0}@media (max-width: 885px) or (max-height: 795px){.board{grid-template-columns:repeat(4,120px);grid-template-rows:repeat(4,90px)}}@media (max-width: 485px){.board{padding:0;grid-template-columns:repeat(4,92px);grid-template-rows:repeat(4,92px)}}.board-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;color:#fff;font-size:24px;border:1px solid #5e5e5e;border-radius:0;padding:10px;position:relative;background-color:#252525}.board-item:not(:nth-child(odd):nth-child(-n+4)):not(:nth-child(2n):nth-child(n+5):nth-child(-n+8)):not(:nth-child(odd):nth-child(n+9):nth-child(-n+12)):not(:nth-child(2n):nth-child(n+13):nth-child(-n+16)){background-color:#1b1b1b}.board-item:not(:nth-child(odd):nth-child(-n+4)):not(:nth-child(2n):nth-child(n+5):nth-child(-n+8)):not(:nth-child(odd):nth-child(n+9):nth-child(-n+12)):not(:nth-child(2n):nth-child(n+13):nth-child(-n+16)) h4{background-color:#1b1b1b}.board-item h4{font-size:12px;font-weight:100;position:absolute;color:#fffe;top:-9px;background:#252525;padding:3px 6px;border-radius:8px;border:1px solid #5e5e5e;transition:border-color .25s}.board-item p{font-weight:200;font-size:18px;margin-top:0;color:#fff;font-weight:400}.board-item.awards h4{border:1px solid #269cb9}.board-item.awards:hover{border-color:#269cb9}.board-item.cast h4{border:1px solid #454cca}.board-item.cast:hover{border-color:#454cca}.board-item.country h4{border:1px solid #d87de0}.board-item.country:hover{border-color:#d87de0}.board-item.directBy h4{border:1px solid #8aa782}.board-item.directBy:hover{border-color:#8aa782}.board-item.productionBy h4{border:1px solid #c7915a}.board-item.productionBy:hover{border-color:#c7915a}.board-item.correct{background-color:#44864d!important}.board-item.correct h4{display:none}.board-item.wrong{background-color:#642626}@media (max-width: 885px){.board-item{padding:5px}.board-item h4{font-size:12px}.board-item p{font-size:16px}}@media (max-width: 485px){.board-item{padding:5px}.board-item h4{font-size:12px}.board-item p{font-size:14px}}.ranking-container{display:flex;flex-direction:column;position:absolute;left:-2px;top:200px;max-width:400px;min-width:200px}.ranking-container p,.ranking-container>*{transition:all ease-out .3s}@media (max-width: 1260px){.ranking-container{top:45px}}@media (max-width: 1260px){.ranking-container.collapsed .ranking-button{width:50px!important}.ranking-container.collapsed .ranking-button .click,.ranking-container.collapsed p{display:none}}.ranking-container.collapsed .ranking{opacity:0;z-index:0}.ranking-container.collapsed .ranking-button{width:200px;border-radius:0 10px 10px 0}.ranking-container.collapsed .ranking-button .click{opacity:.7}.ranking-container.collapsed .ranking-button .arrows{opacity:0}.ranking-button{z-index:3;background:#bb8f3d;padding:5px 0;border-radius:0 10px 0 0;display:flex;align-items:center;position:absolute;width:100%;gap:10px;cursor:pointer}.ranking-button:hover{filter:brightness(.8)}.ranking-button .icon{border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.ranking-button svg{font-size:30px}.ranking-button p{font-weight:600;opacity:1}.ranking-button .click{font-size:24px;opacity:0;right:10px;bottom:8px;transform:rotate(340deg);position:absolute;transition:opacity ease-out .3s}.ranking-button .arrows{right:10px;margin:auto 0;opacity:.8;position:absolute}.ranking{background:#423825ea;padding-top:43px;border-radius:0 10px 10px 0;border:#bb8f3d 2px solid;margin-top:10px;opacity:1;z-index:2}.ranking h4{display:flex;align-items:center;justify-content:center}.ranking small{font-size:12px;font-weight:400}.ranking ol{margin:5px 0;display:flex;flex-direction:column;gap:8px;padding-right:15px;padding-bottom:15px;padding-top:8px}.ranking ol li{width:fit-content;padding-left:15px;font-weight:100}.ranking ol li b{font-weight:400}.ranking form{display:flex;flex-direction:column;padding:15px 10px;gap:10px;background:#202020;border-radius:0 0 10px}.ranking form h4{font-weight:300;font-size:16px;opacity:.7;margin-bottom:5px}.ranking form h4 svg{margin-left:5px}.ranking form div{display:flex;justify-content:center;align-items:center;gap:5px;height:40px}.ranking form div button{padding:8px 12px;border-radius:8px;font-weight:300}.ranking form div input{all:unset;background:#181818;border-radius:8px;height:100%}.empty-ranking{width:100%;display:flex;align-items:center;justify-content:center;margin-left:5px;font-weight:100;font-style:italic;padding:10px 0;font-size:15px;width:250px}.date{opacity:.8}.logo{cursor:default;position:absolute;left:50%;transform:translate(-50%,-50%);top:40px;z-index:2}@media (max-height: 745px){.logo{display:none}}.logo h1{display:flex;align-items:center;justify-content:center;margin:0rem 0;line-height:50px;font-size:30px;text-shadow:2px 2px 5px rgba(0,0,0,.8)}.logo h1 svg{height:30px;width:30px;margin-bottom:-7px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.logo .cursive{font-size:43px}.logo .br img,.logo .br svg{width:15px;height:15px;opacity:1;color:#ecc559;margin-bottom:-10px;transition:all ease-out .4s}:root{font-family:Lexend,sans-serif;line-height:1.5;font-weight:300;color-scheme:light dark;color:#ffffffde;background:linear-gradient(115deg,#181818,10%,#0e0e0e,30%,#080808,60%,#0e0e0e,85%,#161616);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#454cca;text-decoration:inherit}a:hover{color:#454cca}body{margin:0;display:flex;place-items:end;min-width:320px;min-height:100vh}button{border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:disabled{border:0;cursor:default}button:hover{border-color:#454cca}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#454cca}button{background-color:#f9f9f9}}