@import"https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}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:#747bff}button{background-color:#f9f9f9}}#root{background-image:url(/bg.jpg);background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat;padding:clamp(1rem,2vw,5rem);min-height:100vh;min-width:100vw;box-sizing:border-box}#root #app{font-family:Quantico,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;border-radius:clamp(1rem,1vw,5rem);min-height:calc(100vh - (2*clamp(1rem,2vw,5rem)));display:flex;flex-direction:column;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2)}*{color:#000}h1{cursor:pointer}h1,h2{text-align:center}body.category main{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(1rem,2vw,3rem)}body.category main h3{text-align:center}body.category main>article{cursor:pointer;border:clamp(.1rem,.5vw,.5rem) solid black;border-radius:1rem;aspect-ratio:3/4;display:flex;flex-direction:column}body.category main>article img{aspect-ratio:1 / 1;width:100%;object-fit:cover}body.category main article:hover{transform:translateY(-1rem)}main{flex:1;padding:1rem}footer{display:flex;justify-content:center;align-items:center}footer>p{display:flex;align-items:center;gap:clamp(1rem,2vw,4rem);font-size:clamp(1.3rem,2vw,5rem);font-weight:bolder}footer>p a{display:flex;align-items:center}@media (max-width: 600px){body.category main{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}body.category main .category-card{display:grid;aspect-ratio:3/4;grid-template-rows:1fr 1fr;overflow:hidden}body.category main .category-card img{width:100%;object-fit:cover}body.category main .category-card h3{font-size:.75rem;text-align:center;padding:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}body.difficulty>#root>#app main{font-size:clamp(1rem,2vw,3rem);display:flex;flex-direction:column;align-items:center;justify-content:center}body.difficulty>#root>#app main>section{cursor:pointer;border-radius:1px;padding:1rem}body.difficulty>#root>#app main section:hover{transform:translateY(-1rem)}body.got *{color:#fff}body.got>#root{background-image:url(/got.jpg)}body.got main .level:hover,body.got main img{border:1px solid white}body.pokemon>#root{background-image:url(/pokemon.jpg)}body.pokemon>#root>#app{border:1px solid royalblue}body.pokemon>#root>#app .level:hover{border:2px solid black}body.pokemon>#root img{border:1px solid royalblue}body.bb>#root{background-image:url(/breaking_bad.jpg)}body.bb>#root .level:hover{border:2px solid black}body.bb>#root img{border:1px solid black}body.ram>#root{background-image:url(/ricky_and_morty.png)}body.ram>#root .level:hover{border:2px solid black}body.ram>#root img{border:1px solid orange}body.game main{display:flex;flex-direction:column}body.game main #score{flex-direction:flex-start;gap:1rem;font-size:bolder}body.game main .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center;gap:2rem}body.game main .card-grid img{cursor:pointer;width:100%;object-fit:cover;border-radius:.5rem}body.game main .card-grid img:hover{transform:translateY(-1rem)}:is(body.got,body.bb) img{aspect-ratio:2/3}@media (max-width: 600px){body.game main .card-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem;border-radius:.2rem}body.game main .card-grid img{max-width:80px;height:auto}}body.result *{color:gray}body.result dialog{border-radius:clamp(1rem,2vw,2.5rem);animation:popup .3s ease-out;background:#32323299}body.result dialog button{background:#505050e6}body.result dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.result .modal{display:flex;align-items:center;justify-content:center;flex-direction:column}