:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body{--dot-bg: black;--dot-color: white;--dot-size: 1px;--dot-space: 22px;background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center / var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center / var(--dot-space) var(--dot-space),var(--dot-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-family:inherit;background-color:#1a1a1a;cursor:pointer;color:#f9f9f9;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;text-align:center}.home{padding:2rem;max-width:400px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 10px 10px #00000072}.home__title{font-size:1.5rem;margin-bottom:1rem}.home__label{display:block;margin-bottom:1rem;font-weight:700}.home__select,.home__input{display:block;width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ccc;border-radius:4px;color:#fff;font-size:1rem;box-sizing:border-box}@media (min-width: 768px){.home{min-width:400px}}.quiz-card{height:300px;min-width:300px}.quiz-card__title{font-size:1.2rem;margin-bottom:70px}.quiz-card__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0}.quiz-card__option{min-height:100px;max-height:100px;padding:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease;overflow:hidden}.quiz-card__option--correct{background-color:#22b722}.quiz-card__option--incorrect{background-color:#a41616}@media (min-width: 768px){.quiz-card__title{font-size:1.5rem}}.game{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;max-width:600px;min-width:250px;margin:0 auto;background-color:#1e1e1e;border-radius:10px;box-shadow:0 10px 10px #00000072}.game__button{display:block;width:100%;padding:.5rem;margin-top:150px}@media (min-width: 768px){.game{min-height:450px;min-width:600px}}