@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}select{background:url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;background-position:calc(100% - .75rem)!important;-moz-appearance:none!important;-webkit-appearance:none!important;appearance:none!important;padding-right:2rem!important}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}:root{--neutral-50:hsl(0,0%,98%);--neutral-100:hsl(0,0%,95%);--neutral-200:hsl(0,0%,90%);--neutral-300:hsl(0,0%,80%);--neutral-400:hsl(0,0%,65%);--neutral-500:hsl(0,0%,50%);--neutral-600:hsl(0,0%,35%);--neutral-700:hsl(0,0%,25%);--neutral-800:hsl(0,0%,15%);--neutral-900:hsl(0,0%,10%);--blue-50:hsl(210,100%,97%);--blue-100:hsl(210,95%,90%);--blue-200:hsl(210,90%,80%);--blue-300:hsl(210,85%,70%);--blue-400:hsl(210,80%,60%);--blue-500:hsl(210,75%,50%);--blue-600:hsl(210,70%,40%);--blue-700:hsl(210,65%,30%);--blue-800:hsl(210,60%,20%);--blue-900:hsl(210,55%,15%);--red-50:hsl(0,100%,97%);--red-100:hsl(0,95%,90%);--red-200:hsl(0,90%,80%);--red-300:hsl(0,85%,70%);--red-400:hsl(0,80%,60%);--red-500:hsl(0,75%,50%);--red-600:hsl(0,70%,40%);--red-700:hsl(0,65%,30%);--red-800:hsl(0,60%,20%);--red-900:hsl(0,55%,15%);--color-bg:var(--neutral-50);--color-text:var(--neutral-900);--color-bg-secondary:var(--neutral-100);--color-text-secondary:var(--neutral-700);--color-bg-secondary-bold:var(--neutral-200);--color-bg-header:var(--neutral-50);--color-text-header:var(--neutral-900);--color-bg-card:var(--neutral-50);--color-primary:var(--blue-600);--color-danger:var(--red-500);--color-bg-form-select:var(--color-primary);--color-text-form-select:var(--color-primary)}@media(prefers-color-scheme:dark){:root{--color-bg:var(--neutral-800);--color-text:var(--neutral-100);--color-bg-secondary:var(--neutral-900);--color-text-secondary:var(--neutral-400);--color-bg-secondary-bold:var(--neutral-700);--color-bg-header:var(--neutral-900);--color-text-header:var(--neutral-100);--color-bg-card:var(--neutral-700);--color-primary:var(--blue-900);--color-danger:var(--red-200);--color-bg-form-select:var(--blue-800);--color-text-form-select:var(--blue-100)}}body{color:var(--color-text);background-color:var(--color-bg);min-height:100vh;display:grid;grid-template-rows:auto 1fr}header{background-color:color(from var(--color-bg-header) srgb r g b);padding:1rem}header .title{text-align:center;color:color(from var(--color-text-header) srgb r g b);font-weight:800;letter-spacing:.1em;font-size:1.5rem}.container,header .title{max-width:60rem;margin-inline:auto}.container{place-self:center;padding-inline:1rem}.intro{max-width:55ch;display:grid;grid-gap:1rem;gap:1rem}.button{width:100%;padding:1rem 1.5rem;border-radius:4px;border:none;font-weight:700;font-size:1rem;letter-spacing:.05em;background:color(from var(--color-bg-secondary) srgb r g b);cursor:pointer}.button:focus,.button:hover{outline:none;box-shadow:0 0 0 3px color(from var(--color-bg-secondary) srgb r g b/.25)}.button.button-primary{background:color(from var(--color-primary) srgb r g b);color:#fff}.button.button-primary:focus,.button.button-primary:hover{box-shadow:0 0 0 3px color(from var(--color-primary) srgb r g b/.25)}.button.button-secondary{background:color(from var(--color-bg-secondary) srgb r g b);color:var(--color-text-secondary)}.button.button-secondary:focus,.button.button-secondary:hover{box-shadow:0 0 0 3px color(from var(--color-bg-secondary) srgb r g b/.25)}.card{--transition-out:filter 20ms linear;--transition-reveal:filter 400ms linear;width:clamp(100%,100px,20rem);max-width:20rem;padding:5rem 2rem;border-radius:.5rem;background:var(--color-bg-card);box-shadow:2px 3px 5px 2px rgba(0,0,0,.12);position:relative}.card .asset-wrapper{width:100%;height:auto}.card .asset-wrapper img{width:100%;height:auto;transition:var(--transition-reveal)}.card .asset-wrapper img.shadow{filter:brightness(0);transition:var(--transition-out)}.card .asset-wrapper .correct-answer{position:absolute;bottom:1rem;left:0;right:0;text-align:center;text-transform:uppercase;font-size:1.6rem}.progress-wrapper{width:100%;background-color:var(--color-bg-secondary-bold);border-radius:4px;overflow:clip}.progress-wrapper .progress-indicator{height:1rem;background-color:color(from var(--blue-400) srgb r g b);transition:width .3s ease-in-out}.quiz-wrapper{display:grid;grid-gap:1rem;gap:1rem;justify-items:center}.answers{display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:768px){.answers{grid-template-columns:repeat(4,1fr)}}.answers .button{text-align:center;text-transform:uppercase}.answers .button.selected{--color-rgb:224,119,119}.answers .button.selected.correct{--color-rgb:117,219,53}.scorecard{text-align:center;width:20rem;padding:1.5rem 2rem;background:var(--color-bg-card)}.scorecard .score{font-size:5rem;font-weight:700}.scorecard .total{margin-left:.5rem;font-size:1.8rem}.question-wrapper{display:grid;grid-gap:2rem;gap:2rem;place-items:center}.loader{display:flex;gap:.5rem;justify-content:center}.pokeball{--size:30px;width:max-content;position:relative;isolation:isolate;animation:sk-bouncedelay 1s cubic-bezier(.18,1.07,.61,1.23) infinite both}.pokeball:first-child{animation-delay:-.32s}.pokeball:nth-child(2){animation-delay:-.16s}.pokeball .top{border-radius:100vw 100vw 0 0;height:calc(var(--size)/2);width:var(--size);background:#f91e1e;position:relative}.pokeball .top:after{z-index:1;content:"";position:absolute;top:100%;left:0;right:0;height:10%;background-color:#000}.pokeball .center{height:calc(var(--size)/3);width:calc(var(--size)/3);background-color:#000;z-index:10}.pokeball .center,.pokeball .center:after{position:absolute;top:50%;left:50%;translate:-50% -50%;border-radius:100vw}.pokeball .center:after{z-index:15;content:"";height:calc(var(--size)/5);width:calc(var(--size)/5);background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.32)}.pokeball .bottom{border-radius:0 0 100vw 100vw;height:calc(var(--size)/2);width:var(--size);background:#e9e9e9}@keyframes sk-bouncedelay{0%,80%,to{scale:.85;translate:0 0}40%{scale:1;translate:0 -.5rem}}.modal{position:absolute;inset:0;display:grid;place-items:center;background-color:rgba(0,0,0,.22);padding-inline:1rem}.modal .modal-dialog{background-color:#fff;width:clamp(100%,100px,20rem);max-width:40rem;display:grid;grid-template-rows:auto minmax(300px,1fr) auto;grid-gap:1rem;gap:1rem;border-radius:8px;overflow:hidden}.modal .modal-dialog .modal-header{padding:1rem 2rem;background-color:#365190;color:#fff;font-weight:700}.modal .modal-dialog .modal-body{padding:1rem 2rem}.modal .modal-dialog .modal-footer{background-color:var(--color-bg-card);padding:1rem 2rem;display:flex;justify-content:space-between;gap:1rem}.settings-form{display:grid;grid-gap:1rem;gap:1rem}.form-field{display:grid;grid-gap:.5rem;gap:.5rem}.form-field label{font-weight:700}.form-field input,.form-field select{padding:.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-secondary-bold);-webkit-padding-end:1rem;padding-inline-end:1rem;font-size:1rem;color:var(--color-text)}.form-field input:active,.form-field input:focus,.form-field select:active,.form-field select:focus{outline:2px solid var(--color-bg-secondary-bold)}.form-field.error{color:color(from var(--color-danger) srgb r g b)}.form-field.error input,.form-field.error select{border-color:color(from var(--color-danger) srgb r g b);background-color:color(from var(--color-danger) srgb r g b/.13)}.select-trigger{all:unset;cursor:pointer;padding:.5rem;-webkit-padding-end:1rem;padding-inline-end:1rem;border:1px solid var(--color-bg-secondary-bold);background-color:var(--color-bg-secondary);display:flex;justify-content:space-between;align-items:center;font-size:1rem}.select-trigger-icon{color:var(--neutral-500);font-size:.7rem}.select-content{overflow:hidden;background-color:var(--color-bg-secondary);border-radius:6px;padding:.5rem;box-shadow:0 10px 38px -10px color(from black srgb r g b/.55),0 10px 20px -15px color(from black srgb r g b/.85)}.select-item{padding:.5rem;font-size:1rem;cursor:pointer}.select-item.active,.select-item:hover{background-color:color(from var(--color-bg-form-select) srgb r g b/.15)}.select-item.active{color:color(from var(--color-text-form-select) srgb r g b/.85)}