html{scroll-padding-top:2.5rem}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.quiz-ui{grid-column:1/-1;margin:0 auto;max-width:550px;padding:1rem 0}.quiz-ui .card-container{perspective:1000px;transform-style:preserve-3d}.quiz-ui .card{background-color:var(--quiz-bg);position:relative;transition:transform .39s cubic-bezier(.68,-.55,.265,1.55);width:100%}.quiz-ui .card-container:not(.card-flip) .card-back{height:0;transform:rotateY(180deg)}.quiz-ui .card-container.card-flip{min-height:260px;transition:height .25s ease-in-out}.quiz-ui .card-container.card-flip .card-front{transform:rotateY(180deg)}.quiz-ui .card-container.card-flip .card-back{transform:rotateY(0)}.quiz-ui .card-back,.quiz-ui .card-front{backface-visibility:hidden;background-color:var(--quiz-bg);position:absolute;width:100%}@media(min-width:640px){.quiz-ui{padding:1rem 0}}:root{--quiz-header-bg:#121a21;--quiz-muted-bg-transparent:hsla(0,0%,67%,.1);--quiz-muted-bg:#aaa;--quiz-muted-fg:hsla(0,0%,98%,.85);--quiz-darker:rgba(50,50,50,.95);--quiz-bg-solid:#212121;--quiz-bg:hsla(0,0%,85%,.1);--quiz-bg-lighter:#324553;--quiz-fg:#fafafa;--quiz-fg-dark:hsla(0,0%,8%,.8);--quiz-border:hsla(0,0%,73%,.9);--quiz-border-solid:#4b4b4b;--quiz-divider-color:hsla(0,0%,100%,.25);--quiz-success:#82ff9d;--quiz-error:#e609b9}@keyframes shadow-in{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 .75rem .125rem #ff70cb}}.challenge{animation:shadow-in linear;animation-range-end:cover;animation-range-start:cover 300px;animation-timeline:view();background-color:var(--quiz-bg);border:1px solid var(--quiz-border);color:var(--quiz-fg);display:grid;grid-template-rows:repeat(auto-fit,minmax(1rem,1fr));margin-block:2rem 6rem;max-width:100%;transition:box-shadow .25s ease-in-out;width:100%}.challenge .quiz-header{align-items:center;background-color:var(--quiz-header-bg);border-bottom:2px solid transparent;border-bottom:1px solid var(--quiz-border);color:var(--quiz-fg);display:flex;font-size:1.25rem;font-weight:500;height:3rem;justify-content:space-between;overflow:hidden;padding-inline:1rem;width:100%}.challenge .quiz-header .quiz-question-count{font-size:1.85rem;font-weight:600}.challenge .quiz-header{margin:0}.challenge .quiz-header :-moz-any-link{color:var(--quiz-muted-fg)}.challenge .quiz-header :active,.challenge .quiz-header :any-link,.challenge .quiz-header :visited,.challenge .quiz-header a{color:var(--quiz-muted-fg)}.challenge .quiz-header .quiz-title{color:var(--quiz-muted-fg);font-size:1.5rem;font-weight:300;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 1px var(--quiz-darker);white-space:nowrap}.challenge :not(.correct) .option:hover{background-color:var(--quiz-muted-bg-transparent)}.challenge.correct{animation:none;border:1px solid var(--quiz-success)}.challenge.correct .quiz-header{border-bottom:2px solid var(--quiz-success)}.challenge.correct .quiz-header .quiz-question-count,.challenge.correct .quiz-header .quiz-title{color:var(--quiz-fg)}.challenge.correct .option.correct-answer{color:var(--quiz-fg);cursor:default;filter:none;height:auto!important;padding:.5rem}.challenge.correct .option :hover{cursor:default}.challenge.correct .quiz-hint-toggle button:hover{box-shadow:none!important;opacity:1;transform:unset}.challenge.incorrect{border:1px solid var(--quiz-error)!important}.challenge.incorrect .quiz-header{border-bottom:2px solid var(--quiz-error)}.challenge.incorrect .quiz-header .quiz-question-count,.challenge.incorrect .quiz-header .quiz-title{color:var(--quiz-fg)}.challenge.untouched .btn-reset{cursor:not-allowed;filter:grayscale(100%);opacity:50%}.challenge div.explanation{display:none;position:absolute;visibility:hidden}.challenge .quiz-hint-toggle{color:var(--quiz-muted-fg);display:grid;grid-template-columns:auto;justify-content:end;overflow:hidden;text-align:right}.challenge .quiz-hint-toggle .watermark{display:none;font-family:Noto Sans Mono,monospace;font-size:.85rem;font-style:italic;justify-self:start;letter-spacing:-.25px;opacity:.75;padding-left:.5rem;text-align:left}.challenge .quiz-hint-toggle button{align-self:flex-end;background-color:var(--quiz-bg-lighter);border:.5px solid var(--quiz-border);border-radius:.5rem 0 0;color:var(--quiz-muted-fg);cursor:pointer;font-size:.8rem;margin-bottom:-1px;max-height:2rem;max-width:7rem;opacity:.75;padding:.25rem .5rem;transform:translate(.4rem);transition:box-shadow .125s ease-in-out,width .125s ease-in-out,opacity .25s ease-in-out,padding .125s ease-in-out,transform .25s cubic-bezier(.175,.885,.32,1.275),translate .25s ease-in-out;z-index:90}.challenge .quiz-hint-toggle button:hover{box-shadow:0 0 0 .5px var(--quiz-muted-fg);opacity:.95;transform:translate(0)}.challenge section.explanation{background-color:var(--quiz-bg-solid);border:1px solid var(--quiz-border-solid);color:var(--quiz-fg);overflow:auto;text-align:left}.challenge section.explanation .expressive-code pre,.challenge section.explanation pre.astro-code{overflow-x:auto;overflow-y:scroll;width:calc(550px - 3.3rem)}.challenge .quiz-question{font-size:1.1rem;margin-block:.5rem 1.5rem;margin-inline:auto;overflow:auto;padding-inline:1rem;width:100%}.challenge .quiz-question pre{max-width:calc(100vw - 2rem)}.challenge .quiz-options{align-items:stretch;display:grid;font-family:Noto Sans Mono,monospace;grid-template-columns:1fr;margin:0}.challenge .option{border-bottom:1px solid var(--quiz-muted-bg-transparent);color:var(--quiz-fg);cursor:pointer;font-size:1.25rem;line-height:1.5;margin-block:auto;margin-inline:auto;padding:1rem;width:100%}.challenge .option label{width:-moz-max-content;width:max-content}.challenge .option *{cursor:pointer}.challenge .option{transition:background-color .125s ease-in-out,color .125s ease-in-out}.challenge .help-box{background-color:var(--quiz-bg-solid);border:1px solid var(--quiz-border-solid);border-radius:.5rem;color:var(--quiz-fg);cursor:pointer;font-size:1.25rem;line-height:1.5;margin-inline:auto;margin-bottom:1rem;overflow-x:clip;padding:1rem;pointer-events:visiblePainted;text-align:left;transition:opacity .25s ease-in-out,color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;width:clamp(320px,100% - 1rem - 2px,90vw)}.challenge .help-box:hover:before{opacity:.85}.challenge .help-box:before{content:"🅧";display:inline-block;font-size:1.35rem;margin-bottom:.5rem;margin-inline:.125rem;opacity:.35;position:absolute;right:1.5rem;text-align:right;top:1.125rem}.challenge .expressive-code pre>code{width:calc(100% - 2rem)}.challenge{--ec-codeFontSize:.85rem}@media(min-width:640px){.challenge{width:100%;--ec-codeFontSize:1.035rem}}@media(min-width:768px){.challenge{font-size:1.185rem;width:100%}}@media(min-width:1024px){.challenge{font-size:1.25rem;width:100%}}.pulse{animation:pulse .3s cubic-bezier(.24,.94,.53,1.45) 0s 1}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.shake{animation:shake .3s cubic-bezier(.24,.94,.53,1.45) 0s 1}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-.5rem)}50%{transform:translate(.5rem)}75%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(150%,0,0);visibility:hidden}}.slideOutRight{animation-direction:normal;animation-name:slideOutRight}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}.score-box{position:absolute}.score{align-items:center;background-color:hsl(var(--background));bottom:0;box-shadow:inset 0 .7px .3px var(--clr-muted-200);color:var(--primary);display:inline-grid;font-size:.89rem;grid-auto-columns:1fr;grid-template-columns:1fr min(600px,60vw) 1fr;justify-content:center;left:0;margin:0;opacity:.912;padding-block:.75rem;position:fixed;text-align:center;transition:filter .3s ease-out,opacity .3s ease-out,background-color .3s ease-out,color .3s ease-out,box-shadow .3s ease-out,transform .3s ease-out,padding .3s ease-out,margin .3s ease-out;width:100%;z-index:10}.score h2,.score h3,.score h4{margin:.125rem}.score .congrats-message{display:none}.score.active{opacity:.9}.score.success,.score:hover{filter:brightness(1)}.score.success{background-color:var(--quiz-bg-lighter);opacity:1}.score.success .congrats-message{display:block}.score.perfect{background-color:hsl(var(--background));color:var(--neon-pink-subtle);filter:brightness(1.1)}.score.perfect a,.score.perfect button{color:var(--neon-cyan);text-decoration:none}.score.perfect h2,.score.perfect h3,.score.perfect h4{color:var(--neon-pink-subtle);font-weight:900}.score.perfect .reset-quiz{visibility:visible}.all-correct .score-wrapper{display:none}.all-correct .reset-quiz{visibility:visible}.score-wrapper label{margin-left:.5rem}.btn.reset-quiz{align-items:center;align-self:center;display:inline-flex;font-size:1.125rem;justify-content:end;margin-right:2rem;visibility:hidden}.btn.reset-quiz svg{display:inline-block;margin-inline:.5rem}.btn.reset-quiz>span{display:none}.view-all-link{align-items:center;align-self:center;display:inline-flex;justify-content:center}.view-all-link span{display:none}.btn-view-all{align-items:center;align-self:center;color:hsl(var(--muted));-moz-column-gap:.5rem;column-gap:.5rem;display:inline-flex;justify-content:center}@media(min-width:640px){.score{font-size:.95rem}.btn.reset-quiz>span,.view-all-link span{display:inline-block}}