@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&display=swap";:root{--primary:#293264;--body-bg:#fff;--button-bg:#4d5b9e;--button-color:#f5f7fb;--choice-bd:.79px solid #4d5b9e;--question-bd-bottom:.79px solid #dbdef0;--choice-selected:#d6dbf5;--choice-color-false-true:#293264;--choice-false:#f8bcbc;--choice-true:#94d7a2;--text-shadow:none}body[data-theme=dark]{--primary:#d0d1d5;--body-bg:#161d3e;--button-color:#d2d4da;--button-bg:#2444d0;--choice-bd:.79px solid #c2c5c8;--question-bd-bottom:.79px solid #c4c7d6;--choice-selected:#3e74f1;--choice-color-false-true:#161d3e;--choice-false:oklch(80% .207735 25.2093);--choice-true:oklch(80% .121848 151.889);--text-shadow:.2px .2px #000}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--body-bg);text-shadow:var(--text-shadow);font-family:Inter,sans-serif}main{color:var(--primary);justify-content:center;display:flex;position:relative}button>img{pointer-events:none}button.theme-toggle{border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:30px;right:30px;background:0 0!important;margin-top:0!important;padding:0!important}main.start-screen>section,main.quiz>section,main.categories>section{flex-direction:column;align-self:stretch;align-items:center;width:100%;max-width:550px;min-height:100vh;display:flex;overflow:hidden}main.start-screen>section,main.categories>section{justify-content:center}.blob-blue,.blob-yellow{position:absolute}main.categories h1{letter-spacing:1px;margin-top:70px;margin-bottom:30px;font-size:1.5rem}main.categories div{grid-template-columns:150px 150px;column-gap:10px;margin-bottom:60px;display:grid}main.categories button:not(.theme-toggle,.return-btn){background-color:var(--button-bg);width:150px;height:40px;color:var(--button-color);border:none;border-radius:10px;justify-content:center;align-items:center;margin-top:15px;font-family:inherit;font-size:.75rem;font-weight:600;display:flex}.blob-yellow{z-index:-1;top:0;right:0}.blob-blue{z-index:-1;bottom:0;left:0}main.start-screen h1{margin-bottom:7px;font-family:Karla,sans-serif;font-size:1.95313rem;font-weight:700}main.start-screen button{background-color:var(--button-bg);color:var(--button-color);border:none;border-radius:15px;margin-top:1.8125em;padding:1em 3.25em;font-family:inherit;font-size:1rem;font-weight:500}select.lang-select{color:#293264;appearance:none;cursor:pointer;background-color:#deebf8;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%209L12%2015L18%209'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke='%23293264'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:8px;margin-top:20px;padding:.5rem 1.125rem .5rem .75rem;font-family:inherit;font-size:1rem}main.quiz>section{padding:25px 30px 32px}section.question{border-bottom:var(--question-bd-bottom);padding-block:1em}section.question>h2{font-family:Karla,sans-serif;font-size:1rem;font-weight:700;line-height:1}div.answers{flex-wrap:wrap;display:flex}label{display:flex;position:relative}div.answers input{opacity:0}div.choice{border:var(--choice-bd);text-wrap:nowrap;border-radius:999px;margin-top:13px;padding:5px 19px;font-size:.64rem;font-weight:500;position:relative;right:14px}label:has(input:checked) div.choice{background-color:var(--choice-selected);border-color:var(--choice-selected)}div.choice.correct{color:var(--choice-color-false-true);text-shadow:none;background-color:var(--choice-true);border-color:var(--choice-true)}div.choice.incorrect{opacity:.5}div.choice.false-selected{color:var(--choice-color-false-true);text-shadow:none;background-color:var(--choice-false);border-color:var(--choice-false)}.button-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25em;margin-top:1.25em;display:flex}.button-container>button,button.new-category-btn{background-color:var(--button-bg);color:var(--button-color);border:none;border-radius:10px;padding:11px 22px;font-family:inherit;font-size:.64rem;font-weight:600}.button-container>button.play-again-btn,button.new-category-btn{white-space:nowrap;padding:8px 14px}.button-container>h3{font-size:.8rem;font-weight:700}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:calc(100vh - 57px);padding:1rem;display:flex;transform:translateY(-40px)}.loading-container>h1{color:var(--primary);font-size:1.333rem;font-weight:500;transform:translateY(-40px)}main.quiz>section:has(.loading-container){min-height:auto}canvas{width:370.625px!important;height:183.125px!important}.loading-container>div:has(canvas){width:370.625px!important;height:183.125px!important}.return-btn{background-color:#c2c5c8;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:10px;left:20px}.return-btn>img{width:20px}@media (width<=400px){main.quiz{padding-top:40px;padding-bottom:30px}main.categories h1{margin-top:90px}.loading-container{min-height:calc(100vh - 127px)}.loading-container>h1{font-size:1.125rem}}@media (width>=768px){main.categories div{grid-template-columns:250px 250px;column-gap:15px}main.categories button:not(.theme-toggle,.return-btn){width:250px;height:70px;font-size:1rem}.return-btn{width:50px;height:50px;top:20px;left:24px}.return-btn>img{width:27.5px}.blob-blue,.blob-yellow{width:150px}}