@layer reset{*,:before,:after{box-sizing:border-box}:where(body,h1,h2,h3,h4,h5,h6,p,pre,code,fieldset,input){margin:0}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;line-height:1.2}:where(p){text-wrap:pretty}:where(ol,ul){list-style:none}:where(button,input,select,textarea){font:inherit;field-sizing:content}:where(img,picture,video){max-inline-size:100%;display:block}}@layer tokens{@property --timer-progress{syntax:"<percentage>";inherits:false;initial-value:100%}:root{--primary-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#16074e);--secondary-color:#462a8c;--canvas-color:var(--lightningcss-light,#f7f5fc)var(--lightningcss-dark,#121212);--canvas-accent-color:var(--lightningcss-light,#e8dff6)var(--lightningcss-dark,#462a8c);--option-color:var(--lightningcss-light,#ece9f2)var(--lightningcss-dark,#434343);--code-surface-color:var(--lightningcss-light,#f4f1fb)var(--lightningcss-dark,#0d0a18);--code-border-color:var(--lightningcss-light,#cfc4e8)var(--lightningcss-dark,#4f3c7a);--correct-color:var(--lightningcss-light,#d9f2de)var(--lightningcss-dark,#007500);--incorrect-color:var(--lightningcss-light,#f8e0e6)var(--lightningcss-dark,#750019);--info-color:var(--lightningcss-light,#e9e2f5)var(--lightningcss-dark,#5e458e);--text-color:var(--lightningcss-light,#1d1533)var(--lightningcss-dark,#efeeee);--text-on-accent-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#efeeee);--focus-ring-color:var(--lightningcss-light,#5a2ca0)var(--lightningcss-dark,#f2c94c);--progress-color:var(--lightningcss-light,#462a8c)var(--lightningcss-dark,#a78bfa);--timer-warning-color:var(--lightningcss-light,#8a5a00)var(--lightningcss-dark,#f2c94c);--timer-critical-color:var(--lightningcss-light,#b4233c)var(--lightningcss-dark,#ff5a70);--success-accent:var(--lightningcss-light,#26753b)var(--lightningcss-dark,#75cf8a);--error-accent:var(--lightningcss-light,#a72746)var(--lightningcss-dark,#f28ba0);--background-art-wash:var(--lightningcss-light,color-mix(in srgb, var(--canvas-color) 78%, transparent))var(--lightningcss-dark,transparent);--selection-surface:color-mix(in srgb, var(--info-color) 45%, var(--canvas-color));--control-surface:color-mix(in srgb, var(--option-color) 72%, var(--canvas-color));--answer-success-surface:color-mix(in srgb, var(--correct-color) 20%, var(--canvas-color));--answer-error-surface:color-mix(in srgb, var(--incorrect-color) 20%, var(--canvas-color));--card-shadow:0 0 0 1px color-mix(in srgb, var(--progress-color) 45%, transparent), 0 0 .5rem color-mix(in srgb, var(--secondary-color) 30%, transparent), 0 .375rem .75rem #00000073;--content-surface-background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--secondary-color) 40%, transparent), transparent 46%), radial-gradient(circle at 0 100%, color-mix(in srgb, var(--info-color) 22%, transparent), transparent 52%);--font-family-sans:"Trebuchet MS", "Avenir Next", Avenir, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace}@media (forced-colors:active){:root{--content-surface-background:none}}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand-dark-display:block;--brand-light-display:none;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--text-on-accent-color) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-reduced-motion:no-preference){:root{interpolate-size:allow-keywords}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-dark-display:none;--brand-light-display:block}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme]){--brand-dark-display:none;--brand-light-display:block}}body{font-family:var(--font-family-sans);min-block-size:100dvh;color:var(--text-color);background-color:var(--canvas-color);background-image:linear-gradient(var(--background-art-wash), var(--background-art-wash)), url(/images/game-background.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}@media (width<=30rem){body{background-position:0;background-size:auto 100%}}#root{grid-template-rows:max-content 1fr max-content;min-block-size:100dvh;display:grid}main{min-inline-size:0}:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:4px}}@layer components{[data-syntax-theme=github]{--syntax-background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0d1117);--syntax-foreground:var(--lightningcss-light,#24292f)var(--lightningcss-dark,#c9d1d9);--syntax-comment:var(--lightningcss-light,#6e7781)var(--lightningcss-dark,#8b949e);--syntax-keyword:var(--lightningcss-light,#cf222e)var(--lightningcss-dark,#ff7b72);--syntax-operator:var(--lightningcss-light,#24292f)var(--lightningcss-dark,#c9d1d9);--syntax-string:var(--lightningcss-light,#0a3069)var(--lightningcss-dark,#a5d6ff);--syntax-constant:var(--lightningcss-light,#0550ae)var(--lightningcss-dark,#79c0ff);--syntax-function:var(--lightningcss-light,#8250df)var(--lightningcss-dark,#d2a8ff);--syntax-type:var(--lightningcss-light,#8250df)var(--lightningcss-dark,#d2a8ff);--syntax-variable:var(--lightningcss-light,#953800)var(--lightningcss-dark,#ffa657);--syntax-property:var(--lightningcss-light,#0550ae)var(--lightningcss-dark,#79c0ff);--syntax-tag:var(--lightningcss-light,#116329)var(--lightningcss-dark,#7ee787);--syntax-selector:var(--lightningcss-light,#8250df)var(--lightningcss-dark,#d2a8ff);--syntax-inserted:var(--lightningcss-light,#116329)var(--lightningcss-dark,#7ee787);--syntax-deleted:var(--lightningcss-light,#cf222e)var(--lightningcss-dark,#ff7b72);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){[data-syntax-theme=github]{--lightningcss-light: ;--lightningcss-dark:initial}}[data-syntax-theme=github] pre:has(code){background-color:var(--syntax-background);color:var(--syntax-foreground)}::highlight(comment){color:var(--syntax-comment)}::highlight(quote){color:var(--syntax-comment)}::highlight(keyword){color:var(--syntax-keyword)}::highlight(storage){color:var(--syntax-keyword)}::highlight(at-rule){color:var(--syntax-keyword)}::highlight(doctype){color:var(--syntax-keyword)}::highlight(important){color:var(--syntax-keyword)}::highlight(section){color:var(--syntax-keyword)}::highlight(operator){color:var(--syntax-operator)}::highlight(punctuation){color:var(--syntax-operator)}::highlight(string){color:var(--syntax-string)}::highlight(regexp){color:var(--syntax-string)}::highlight(attribute-value){color:var(--syntax-string)}::highlight(link){color:var(--syntax-string)}::highlight(raw){color:var(--syntax-string)}::highlight(numeric){color:var(--syntax-constant)}::highlight(boolean){color:var(--syntax-constant)}::highlight(constant){color:var(--syntax-constant)}::highlight(symbol){color:var(--syntax-constant)}::highlight(character-entity){color:var(--syntax-constant)}::highlight(anchor){color:var(--syntax-constant)}::highlight(entity){color:var(--syntax-constant)}::highlight(function){color:var(--syntax-function)}::highlight(decorator){color:var(--syntax-function)}::highlight(animation){color:var(--syntax-function)}::highlight(type){color:var(--syntax-type)}::highlight(support){color:var(--syntax-type)}::highlight(variable){color:var(--syntax-variable)}::highlight(interpolation){color:var(--syntax-variable)}::highlight(property){color:var(--syntax-property)}::highlight(key){color:var(--syntax-property)}::highlight(attribute-name){color:var(--syntax-property)}::highlight(tag){color:var(--syntax-tag)}::highlight(selector){color:var(--syntax-selector)}::highlight(inserted){color:var(--syntax-inserted)}::highlight(deleted){color:var(--syntax-deleted)}[data-syntax-theme=github]{--syntax-background:var(--code-surface-color);color-scheme:inherit}@scope(.container){:scope{inline-size:min(var(--container-max-inline-size,90ch), 100%);margin-inline:auto;padding-inline:1rem}}@scope(footer){:scope{padding-block:1rem}:scope .footer-container{--container-max-inline-size:75rem}:scope .footer-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.5rem;display:flex}@media (width>=64rem){:scope .footer-content{flex-wrap:nowrap;justify-content:space-between}}:scope .footer-author{text-align:center;flex:0 auto;min-inline-size:0}:scope ul,:scope .footer-actions,:scope a{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}:scope ul{margin:0;padding:0}:scope a{min-block-size:2.75rem;color:inherit;font-weight:700;text-decoration:none}:scope a svg{flex:none;block-size:1.25rem;inline-size:1.25rem}@media (hover:hover){:scope a:hover{text-decoration:underline}}@media (prefers-reduced-motion:no-preference){:scope a{transition:background-color .15s,filter .15s}}:scope .project-links a{padding-inline:.25rem}:scope .social-links a{border:1px solid var(--lightningcss-light,var(--progress-color))var(--lightningcss-dark,var(--info-color));border-radius:50%;inline-size:2.75rem}:scope .social-links a svg{block-size:1.5rem;inline-size:1.5rem}@media (hover:hover){:scope .social-links a:hover{background-color:var(--info-color);text-decoration:none}}:scope .support-link{color:var(--text-on-accent-color);background-color:var(--secondary-color);border:1px solid #0000;border-radius:1rem;padding:.5rem .75rem}@media (hover:hover){:scope .support-link:hover{filter:brightness(1.2);text-decoration:none}}@media (width<=30rem){:scope .project-links,:scope .project-links ul,:scope .project-links li,:scope .project-links a,:scope .footer-actions,:scope .support-link{inline-size:100%}:scope .project-links ul,:scope .footer-actions{flex-direction:column}:scope .social-links a{inline-size:2.75rem}}@media (forced-colors:active){:scope .social-links a,:scope .support-link{border-color:buttontext}:scope .support-link{color:linktext;background-color:canvas}}}@scope(.button){:scope{background-color:var(--secondary-color);min-block-size:2.75rem;color:var(--text-on-accent-color);cursor:pointer;border:1px solid #0000;border-radius:16px;padding:.75rem 1.5rem;transition:filter .3s,scale .3s}:scope[data-variant=secondary]{border-color:var(--progress-color);color:var(--text-color);background-color:#0000}:scope[data-variant=quiet]{color:var(--text-color);background-color:#0000}:scope:disabled{cursor:not-allowed;background-color:var(--control-surface);border-color:var(--option-color);color:var(--text-color)}@media (forced-colors:active){:scope{border-color:buttontext}:scope:disabled{color:graytext;border-color:graytext}}:scope:hover:not(:disabled){filter:brightness(1.15)}:scope:active:not(:disabled){scale:.98}@media (prefers-reduced-motion:reduce){:scope:active:not(:disabled){scale:none}}}@scope(.personal-panel){.personal-panel-trigger.button,.personal-panel-close.button{background-color:var(--secondary-color);min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--text-on-accent-color);justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:inline-flex;position:relative}@media (forced-colors:active){.personal-panel-trigger.button,.personal-panel-close.button{border:1px solid buttontext}}.personal-panel-trigger.button{z-index:10;box-shadow:none;padding:.5rem .75rem;position:fixed;inset-block-start:1rem;inset-inline-end:1rem}.personal-panel-trigger.button svg{flex:none;block-size:1.25rem;inline-size:1.25rem}@media (width<=48rem){.personal-panel-trigger-label{display:none}}.personal-panel-close.button{min-block-size:2.25rem;min-inline-size:2.25rem;padding:.25rem}.personal-panel-dialog{background-color:var(--canvas-color);background-image:var(--content-surface-background);block-size:calc(100dvh - 2rem);max-block-size:none;inline-size:min(26rem,100vw - 3rem);max-inline-size:none;color:var(--text-color);box-shadow:var(--card-shadow);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--progress-color) transparent;opacity:0;transition-behavior:allow-discrete;border:0;border-radius:1rem;margin:0;padding:0;transition:opacity .25s,translate .25s,display .25s,overlay .25s;position:fixed;inset-block:1rem;inset-inline:auto 1rem;overflow:auto;translate:1rem}.personal-panel-dialog[open]{opacity:1;translate:0}@starting-style{.personal-panel-dialog[open]{opacity:0;translate:1rem}}.personal-panel-dialog::backdrop{background-color:color-mix(in srgb, var(--canvas-color) 78%, transparent);opacity:0;transition-behavior:allow-discrete;transition:opacity .25s,display .25s,overlay .25s}.personal-panel-dialog[open]::backdrop{opacity:1}@starting-style{.personal-panel-dialog[open]::backdrop{opacity:0}}@media (width<=48rem){.personal-panel-dialog{block-size:100dvh;inline-size:100%;box-shadow:none;border-radius:0;inset-block:0;inset-inline:0}}@media (forced-colors:active){.personal-panel-dialog{scrollbar-color:auto;border:1px solid canvastext}}.personal-panel-dialog::-webkit-scrollbar{inline-size:.5rem}.personal-panel-dialog::-webkit-scrollbar-thumb{background-color:var(--progress-color);border-radius:9999px}.personal-panel-content{gap:1.5rem;min-inline-size:0;padding:1.5rem;display:grid}@media (width<=30rem){.personal-panel-content{padding:1rem}}.personal-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.personal-panel-heading h2{overflow-wrap:anywhere;font-size:1.5rem}.personal-panel-heading .personal-panel-close{margin-inline-start:auto}section{border-block-start:1px solid var(--text-color);overflow-wrap:anywhere;gap:.5rem;min-inline-size:0;padding-block-start:1rem;display:grid}section h3{align-items:center;gap:.5rem;font-size:1.25rem;display:flex}section h3 svg{block-size:1.375rem;inline-size:1.375rem;color:var(--progress-color);flex:none}.personal-panel-preferences{border-block-start:0;padding-block-start:0}.theme-preference-control{border:0;justify-self:start;inline-size:min(100%,15rem);min-inline-size:0;margin:0;padding:0}.theme-preference-control legend{margin-block-end:.5rem;padding:0;font-weight:700}.theme-preference-control .theme-preference-choices{border:1px solid var(--option-color);background-color:var(--control-surface);border-radius:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.theme-preference-control label{min-block-size:3rem;color:var(--text-color);cursor:pointer;border:2px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;display:flex;position:relative}.theme-preference-control label:hover:not(:has(input:checked)){background-color:var(--selection-surface)}.theme-preference-control label:has(input:checked){border-color:var(--progress-color);background-color:var(--primary-color);color:var(--progress-color);box-shadow:0 1px .375rem color-mix(in srgb, var(--canvas-color) 50%, transparent)}@media (forced-colors:active){.theme-preference-control label:has(input:checked){color:highlight;box-shadow:none;border-color:highlight}}.theme-preference-control label:has(input:focus-visible){outline:3px solid var(--focus-ring-color);outline-offset:3px}.theme-preference-control label svg{flex:none;block-size:1.5rem;inline-size:1.5rem}@media (prefers-reduced-motion:no-preference){.theme-preference-control label{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}}.theme-preference-control label input{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.sound-preference-control label{cursor:pointer;gap:.5rem;display:grid;position:relative}.sound-preference-control .sound-preference-title{font-weight:700}.sound-preference-control .sound-preference-body{grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.sound-preference-control input{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.sound-preference-control input:focus-visible~.sound-preference-body .sound-preference-icon{outline:3px solid var(--focus-ring-color);outline-offset:3px}.sound-preference-control input:checked~.sound-preference-body .sound-preference-icon{border-color:var(--progress-color);background-color:var(--primary-color);color:var(--progress-color)}@media (forced-colors:active){.sound-preference-control input:checked~.sound-preference-body .sound-preference-icon{color:highlight;border-color:highlight}}.sound-preference-control input:checked~.sound-preference-body strong{color:var(--progress-color)}.sound-preference-control .sound-preference-icon{border:2px solid var(--option-color);background-color:var(--control-surface);min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--text-color);border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.sound-preference-control .sound-preference-icon svg{block-size:1.5rem;inline-size:1.5rem}@media (forced-colors:active){.sound-preference-control .sound-preference-icon{border-color:buttontext}}.sound-preference-control .sound-preference-copy{gap:.125rem;min-inline-size:0;display:grid}.sound-preference-control .sound-preference-copy strong{font-weight:700}.personal-panel-record-mode{gap:.75rem;min-inline-size:0;display:grid}.personal-panel-record-mode+.personal-panel-record-mode{border-block-start:1px solid var(--option-color);padding-block-start:1rem}.personal-panel-record-mode h4{background-color:var(--control-surface);border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:1.125rem;display:flex}.personal-panel-record-mode h4 img{object-fit:contain;flex:none;block-size:2rem;inline-size:2rem}.personal-panel-record-subject{gap:.25rem;min-inline-size:0;display:grid}.personal-panel-record-subject h5{align-items:center;gap:.5rem;font-size:1rem;display:flex}.personal-panel-record-subject h5 img{object-fit:contain;flex:none;block-size:1.5rem;inline-size:1.5rem}.personal-panel-record-subject dl{gap:.25rem;display:grid}.personal-panel-record-subject dl>div{flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:1rem;padding-inline-start:.5rem;display:flex}.personal-panel-record-subject dt{align-items:center;gap:.5rem;display:inline-flex}.personal-panel-record-subject dt img{object-fit:contain;flex:none;block-size:1.25rem;inline-size:1.25rem}.personal-panel-record-subject dd{font-variant-numeric:tabular-nums;margin:0}}@scope(.web-header){:scope{padding-block:1rem}.brand-logo{block-size:auto;inline-size:clamp(11rem,24vw,14rem);margin-inline:auto}@media (width<=30rem){.brand-logo{inline-size:min(11rem,100vw - 6rem);margin-inline-start:0}}.brand-logo-dark{display:var(--brand-dark-display)}.brand-logo-light{display:var(--brand-light-display)}}@scope(.dots){:scope{background-color:var(--canvas-color);background-image:var(--content-surface-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--card-shadow);border:2px solid var(--text-color);z-index:10;border-radius:1rem;flex-wrap:wrap;justify-content:center;gap:.6rem;inline-size:min(100% - 1rem,43rem);margin:0;padding:.75rem;display:flex;position:fixed;inset-block-end:max(.75rem, env(safe-area-inset-bottom,0px));inset-inline-start:50%;translate:-50%}@media (width<=30rem){:scope{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}}.dot{aspect-ratio:1;min-block-size:2.75rem;inline-size:2.75rem;color:var(--text-color);border-radius:50%;place-items:center;font-weight:700;text-decoration:none;display:grid;position:relative}.dot.correct{background-color:var(--correct-color)}@media (forced-colors:active){.dot.correct{border:2px solid highlight}}.dot.incorrect{background-color:var(--incorrect-color)}@media (forced-colors:active){.dot.incorrect{border:2px dashed canvastext}}.dot.timed-out{background-color:color-mix(in srgb, var(--timer-warning-color) 45%, var(--primary-color))}@media (forced-colors:active){.dot.timed-out{border:3px double canvastext}}.dot .dot-state{background-color:var(--primary-color);border:1px solid;border-radius:50%;place-items:center;block-size:1rem;inline-size:1rem;display:grid;position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem}.dot .dot-state svg{block-size:.75rem;inline-size:.75rem}}@scope(.content-text){:scope{white-space:pre-wrap;overflow-wrap:anywhere}}@scope(.content-code){:scope{max-inline-size:100%;color:var(--text-color);background-color:var(--code-surface-color);font-family:var(--font-family-mono);tab-size:2;white-space:pre;border-radius:16px;padding:.625rem .75rem;font-size:1rem;overflow-x:auto}:scope.wrappable{white-space:pre-wrap;overflow-wrap:anywhere;inline-size:fit-content;overflow-x:visible}}@scope(.code-snippet){:scope{max-inline-size:100%;color:var(--text-color);background-color:var(--code-surface-color);font-family:var(--font-family-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;padding:.375rem .5rem;font-size:1rem;line-height:1.4;display:inline-block}}@scope(.inline-code){:scope{color:var(--syntax-constant,var(--text-color));background-color:var(--code-surface-color);font-family:var(--font-family-mono);white-space:break-spaces;overflow-wrap:anywhere;border-radius:4px;padding-inline:.25em;font-size:1em}}@scope(.content-blocks){:scope{min-inline-size:0}:scope :scope>*+*{margin-block-start:.5rem}}@scope(.question-content){.question-details{margin-block-start:.875rem}.question-details>*+*{margin-block-start:.5rem}}@scope(.option-content){:scope{flex:1;min-inline-size:0}}@scope(.results){:scope{flex-direction:column;row-gap:1rem;padding-block-end:calc(6rem + env(safe-area-inset-bottom,0px));display:flex}:scope>.quiz{scroll-margin-block:1rem calc(7rem + env(safe-area-inset-bottom,0px))}.review-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.review-heading>span{border:1px solid;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-weight:700;display:inline-flex}.review-heading>span.correct{background-color:color-mix(in srgb, var(--correct-color) 55%, var(--primary-color))}@media (forced-colors:active){.review-heading>span.correct{border-color:highlight}}.review-heading>span.incorrect{background-color:color-mix(in srgb, var(--incorrect-color) 55%, var(--primary-color))}@media (forced-colors:active){.review-heading>span.incorrect{border-style:dashed}}.review-heading>span.timed-out{background-color:color-mix(in srgb, var(--timer-warning-color) 45%, var(--primary-color))}@media (forced-colors:active){.review-heading>span.timed-out{border-style:double;border-width:3px}}.review-heading>span svg{block-size:1rem;inline-size:1rem}.review-timeout-status{border-inline-start:.25rem solid var(--timer-warning-color);padding-inline-start:.75rem;font-weight:700}@media (forced-colors:active){.review-timeout-status{border-inline-start-style:double;border-inline-start-color:canvastext}}:scope .answer{grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.25rem .75rem;display:grid}:scope .answer .answer-marker{grid-row:1/span 2}:scope .answer .option-content{inline-size:100%}:scope .answer small{grid-column:2}:scope .info h4{align-items:center;gap:.5rem;font-size:1.125rem;display:flex}}@scope(.post-quiz-actions){:scope{flex-wrap:wrap;justify-content:center;gap:1rem;inline-size:100%;display:flex}.button{flex:auto;justify-content:center;align-items:center;column-gap:.5rem;display:flex}.button svg{flex-shrink:0}.button.review-action,.button.menu-action{flex-basis:100%}@media (width<=30rem){.button{flex-basis:100%;padding-inline:1rem}}}@scope(.results-summary){:scope{border:1px solid color-mix(in srgb, var(--progress-color) 45%, transparent);background-color:color-mix(in srgb, var(--info-color) 55%, var(--primary-color));text-align:start;border-radius:1rem;row-gap:.875rem;inline-size:100%;padding:1rem;display:grid}.summary-heading,.summary-label{justify-content:space-between;align-items:center;gap:1rem;display:flex}.summary-heading h3{font-size:1.25rem}.summary-heading>span{color:var(--progress-color);font-weight:700}@media (width<=30rem){.summary-heading{flex-direction:column;align-items:flex-start;gap:.25rem}}.summary-subject{align-items:center;gap:.5rem;display:inline-flex}.summary-subject img{object-fit:contain;block-size:2rem;inline-size:2rem}ul{flex-wrap:wrap;gap:.75rem;padding:0;display:flex}li{flex:1;row-gap:.375rem;min-inline-size:12.5rem;display:grid}progress{block-size:.625rem;inline-size:100%;color:var(--progress-color);background-color:var(--option-color);accent-color:var(--progress-color);border:0;border-radius:9999px;overflow:hidden}progress::-webkit-progress-bar{border-radius:inherit;background-color:var(--option-color)}progress::-webkit-progress-value{border-radius:inherit;background-color:var(--progress-color)}progress::-moz-progress-bar{border-radius:inherit;background-color:var(--progress-color)}}@scope(.score){:scope{text-align:center;justify-items:center;gap:1.5rem;display:grid}.score-heading h2{margin-block:.5rem;font-size:clamp(1.75rem,1.25rem + 2vw,2.5rem)}.score-eyebrow{color:var(--progress-color);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.score-message{max-inline-size:55ch}.score-best-result{color:var(--progress-color)}.score-metrics{gap:1rem;inline-size:100%;margin:0;display:grid}dl{margin:0}dd{font-variant-numeric:tabular-nums;margin:0}.score-primary{flex-direction:column-reverse;display:flex}.score-primary dt{font-weight:700}.score-primary dd{font-size:clamp(2.5rem,8vw,3.5rem);line-height:1.2}.score-primary strong{color:var(--progress-color)}.score-secondary{border-block-start:1px solid color-mix(in srgb, var(--progress-color) 35%, transparent);flex-wrap:wrap;justify-content:center;gap:1rem 2rem;padding-block-start:1rem;display:flex}.score-secondary>div{flex-direction:column-reverse;min-inline-size:6rem;display:flex}.score-secondary dd{font-size:1.5rem;font-weight:700}}@scope(.final-view){:scope{margin-block-end:1rem}}@keyframes menu-step-enter{0%{opacity:0;translate:0 .5rem}}@scope(.quiz-menu){:scope{background-color:var(--canvas-color);background-image:var(--content-surface-background);box-shadow:var(--card-shadow);border-radius:16px;grid-template-columns:minmax(0,1fr);row-gap:1.25rem;padding:1.5rem;display:grid}@media (width<=30rem){:scope{padding-inline:.75rem}}@media (width>=48rem) and (height<=56.25rem){:scope{row-gap:.875rem;padding-block:1.125rem}}@media (width>=64rem) and (height<=48rem){:scope{row-gap:.625rem;padding-block:.75rem}}.menu-intro{grid-template-columns:minmax(0,1fr);row-gap:.5rem;min-inline-size:0;display:grid}.menu-intro h2{overflow-wrap:anywhere;font-size:clamp(1.5rem,1.2rem + 1.5vw,2.2rem)}@media (width>=64rem) and (height<=48rem){.menu-intro{row-gap:.25rem}}.menu-steps{--transition-duration:.15s;--transition-tf:ease-in;justify-content:center;align-items:center;margin:0 0 1rem;padding:0;list-style:none;display:flex}@media (width<=30rem){.menu-steps{flex-wrap:wrap;gap:.5rem .75rem}}.menu-steps>li:not(:last-child):after{content:"";border-top:1px solid canvastext;inline-size:80px;margin-inline:.5rem 1rem}@media (width<=30rem){.menu-steps>li:not(:last-child):after{display:none}}.menu-steps>li.complete:not(:last-child):after{border-color:var(--progress-color);transition:border-color var(--transition-duration) var(--transition-tf)}.menu-steps li{align-items:center;gap:.5rem;font-weight:700;display:flex}.menu-steps li.active,.menu-steps li.complete{color:var(--progress-color);transition:color var(--transition-duration) var(--transition-tf)}.menu-steps li.active .step-number{background-color:var(--progress-color);color:var(--canvas-color);transition:color var(--transition-duration) var(--transition-tf), background-color var(--transition-duration) var(--transition-tf)}.menu-steps .step-number{border:1px solid;border-radius:50%;place-items:center;block-size:2rem;inline-size:2rem;display:grid}.menu-steps .step-number svg{block-size:1.25rem;inline-size:1.25rem}form{grid-template-columns:minmax(0,1fr);row-gap:1.25rem;display:grid}@media (width>=48rem) and (height<=56.25rem){form{row-gap:.875rem}}@media (width>=64rem) and (height<=48rem){form{row-gap:.625rem}}.menu-step-content{animation:.25s ease-out menu-step-enter}@media (prefers-reduced-motion:reduce){.menu-step-content{animation:none}}.round-options{row-gap:1.25rem;display:grid}@media (width>=48rem) and (height<=56.25rem){.round-options{row-gap:.875rem}}fieldset{border:0;grid-template-columns:minmax(0,1fr);row-gap:.75rem;min-inline-size:0;padding:0;display:grid}legend{margin-block-end:.75rem;padding:0;font-size:1.25rem;font-weight:700}@media (width>=64rem) and (height<=48rem){legend{margin-block-end:.375rem}}.subject-options,.level-options,.mode-options{gap:.75rem;display:grid}.subject-options{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=34rem){.subject-options{grid-template-columns:minmax(0,1fr)}}.level-options{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=40rem){.level-options{grid-template-columns:1fr}}.mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=34rem){.mode-options{grid-template-columns:1fr}}.subject-option,.level-option,.mode-option{background-color:var(--control-surface);cursor:pointer;border:2px solid #0000;border-radius:16px;align-items:center;gap:.75rem;min-block-size:4.25rem;min-inline-size:0;padding:.875rem 2rem .875rem .625rem;transition:border-color .2s,background-color .2s;display:flex;position:relative}:is(.subject-option,.level-option,.mode-option):has(input:checked){border-color:var(--progress-color);background-color:var(--selection-surface)}@media (forced-colors:active){:is(.subject-option,.level-option,.mode-option):has(input:checked){border-color:highlight}}:is(.subject-option,.level-option,.mode-option):has(input:focus-visible){outline:3px solid var(--focus-ring-color);outline-offset:3px}:is(.subject-option,.level-option,.mode-option):has(input:disabled){cursor:not-allowed;opacity:.65}@media (hover:hover){:is(.subject-option,.level-option,.mode-option):has(input:not(:disabled)):hover{background-color:color-mix(in srgb, var(--option-color) 86%, var(--progress-color))}:is(.subject-option,.level-option,.mode-option):has(input:checked:not(:disabled)):hover{background-color:color-mix(in srgb, var(--selection-surface) 86%, var(--progress-color))}}@media (width>=64rem) and (height<=48rem){.subject-option,.level-option,.mode-option{min-block-size:3.5rem;padding-block:.375rem}}.selection-check{block-size:1.125rem;inline-size:1.125rem;color:var(--progress-color);visibility:hidden;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}label:has(input:checked) .selection-check{visibility:visible}input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.subject-icon{flex:none;place-items:center;block-size:3.5rem;inline-size:3.5rem;display:grid}.subject-icon img{object-fit:contain;block-size:100%;inline-size:100%}@media (width>=64rem) and (height<=48rem){.subject-icon{block-size:3rem;inline-size:3rem}}.level-icon,.mode-icon{flex:none;place-items:center;block-size:2.75rem;inline-size:2.75rem;display:grid}:is(.level-icon,.mode-icon) img{object-fit:contain;block-size:100%;inline-size:100%}@media (width>=64rem) and (height<=48rem){.level-icon,.mode-icon{block-size:2.5rem;inline-size:2.5rem}}.mode-icon{block-size:3.5rem;inline-size:3.5rem}@media (width>=64rem) and (height<=48rem){.mode-icon{block-size:3rem;inline-size:3rem}}.option-copy{row-gap:.125rem;min-inline-size:0;display:grid}.option-copy strong,.option-copy small{overflow-wrap:anywhere}.option-copy small{font-size:1rem;line-height:1.35}.menu-action{border-block-start:1px solid color-mix(in srgb, var(--text-color) 20%, transparent);grid-template-columns:minmax(0,1fr);gap:.75rem;padding-block-start:1rem;display:grid}@media (width<=34rem){.menu-action{flex-direction:column;align-items:stretch}}.menu-action p{color:color-mix(in srgb, var(--text-color) 78%, transparent)}@media (width>=64rem) and (height<=48rem){.menu-action{padding-block-start:.625rem}}.menu-action button{flex:none;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}@media (width<=30rem){.menu-action button{padding-inline:.375rem}}.menu-action button:disabled{cursor:not-allowed;opacity:.65}.menu-buttons:has(>:only-child){justify-content:flex-end}.menu-buttons{flex-wrap:wrap;flex:none;justify-content:space-between;gap:.75rem;display:flex}@media (width<=34rem){.menu-buttons{inline-size:100%}.menu-buttons button{inline-size:100%}}}@scope(.answer){:scope{background-color:var(--control-surface);border:2px solid #0000;border-radius:16px;align-items:center;column-gap:1rem;padding:.75rem;font-size:1.1rem;transition:filter .3s;display:flex}:scope.correct{background-color:var(--answer-success-surface);border-color:var(--success-accent)}@media (forced-colors:active){:scope.correct{border:3px solid highlight}}:scope.incorrect{background-color:var(--answer-error-surface);border-color:var(--error-accent);animation:.3s ease-in-out vibrate}@media (forced-colors:active){:scope.incorrect{border:3px dashed canvastext}}:scope.cursor{cursor:pointer}:scope.cursor:hover{filter:brightness(1.3)}:scope .answer-content{flex:1;min-inline-size:0}:scope .answer-marker{border:2px solid;border-radius:9999px;flex:0 0 2rem;place-items:center;block-size:2rem;inline-size:2rem;font-weight:700;line-height:1;display:grid}:scope small{margin-block-start:.25rem;display:block}:scope:has(input:focus-visible){outline:3px solid var(--focus-ring-color);outline-offset:4px}:scope input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}@scope(.answers){:scope{flex-direction:column;row-gap:1rem;display:flex}}@scope(.exit-quiz){:scope{justify-content:flex-end;display:flex}.exit-trigger{border:1px solid color-mix(in srgb, var(--text-color) 45%, transparent);min-block-size:2.75rem;color:var(--text-color);background-color:#0000;align-items:center;gap:.5rem;padding:.5rem .75rem;display:inline-flex}.exit-dialog{background-color:var(--canvas-color);background-image:var(--content-surface-background);inline-size:min(100% - 2rem,32rem);max-inline-size:none;color:var(--text-color);box-shadow:var(--card-shadow);opacity:0;transition-behavior:allow-discrete;border:0;border-radius:16px;padding:0;transition:opacity .2s,translate .2s,scale .2s,display .2s,overlay .2s;translate:0 .5rem;scale:.98}@media (forced-colors:active){.exit-dialog{border:1px solid canvastext}}.exit-dialog[open]{opacity:1;translate:0;scale:1}@starting-style{.exit-dialog[open]{opacity:0;translate:0 .5rem;scale:.98}}.exit-dialog::backdrop{background-color:color-mix(in srgb, var(--canvas-color) 78%, transparent);opacity:0;transition-behavior:allow-discrete;transition:opacity .2s,display .2s,overlay .2s}.exit-dialog[open]::backdrop{opacity:1}@starting-style{.exit-dialog[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){.exit-dialog{transition:none}.exit-dialog::backdrop{transition:none}}.exit-dialog-content{gap:1.5rem;padding:1.5rem;display:grid}@media (width<=30rem){.exit-dialog-content{padding-inline:1rem}}.exit-dialog-copy{gap:.75rem;display:grid}.exit-dialog-copy h2{font-size:1.5rem}.exit-dialog-actions{justify-content:flex-end;gap:.75rem;display:flex}.exit-dialog-actions .continue-action{background-color:var(--option-color);color:var(--text-color)}.exit-dialog-actions .confirm-exit-action{background-color:var(--incorrect-color);color:var(--text-color)}@media (width<=30rem){.exit-dialog-actions{flex-direction:column}.exit-dialog-actions .button{inline-size:100%}}}@scope(.buttons){:scope{flex-wrap:wrap;justify-content:space-between;gap:1rem;max-inline-size:100%;display:flex}@media (width<=30rem){:scope{flex-direction:column;align-items:stretch}}button{align-items:center;column-gap:.5rem;display:flex}button svg{flex-shrink:0}@media (width<=30rem){button{flex:100%;justify-content:center;inline-size:100%;min-inline-size:0;padding-inline:1rem}}@media (width<=30rem){.exit-quiz{inline-size:100%}}}@scope(.quiz-feedback){:scope{opacity:1;border-radius:16px;align-items:center;gap:.5rem;block-size:max-content;padding:.75rem;font-weight:700;transition:opacity .3s,block-size .3s;display:flex;overflow:clip}@starting-style{:scope{opacity:0;block-size:0}}:scope.correct{color:var(--lightningcss-light,#155724)var(--lightningcss-dark,#b8f2c2);background-color:var(--answer-success-surface)}@media (forced-colors:active){:scope.correct{border:2px solid highlight}}:scope.incorrect{color:var(--lightningcss-light,#7b1731)var(--lightningcss-dark,#ffd3dc);background-color:var(--answer-error-surface)}@media (forced-colors:active){:scope.incorrect{border:2px dashed canvastext}}:scope.timed-out{color:var(--lightningcss-light,#7b1731)var(--lightningcss-dark,#ffd3dc);background-color:var(--answer-error-surface)}@media (forced-colors:active){:scope.timed-out{border:2px double canvastext}}:scope svg{flex:none;block-size:1.25rem;inline-size:1.25rem}}@scope(.info){:scope{border-block-start:1px solid color-mix(in srgb, var(--progress-color) 35%, transparent);opacity:1;flex-direction:column;row-gap:.75rem;block-size:max-content;padding-block:1rem .25rem;transition:opacity .3s,block-size .3s;display:flex;overflow:clip}@starting-style{:scope{opacity:0;block-size:0}}h3,h4{align-items:center;column-gap:.5rem;font-size:1.25rem;display:flex}:is(h3,h4) svg{color:var(--progress-color);flex:none}}@scope(.quiz-progress){:scope{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}:scope[data-layout=stacked]{align-items:stretch}:scope[data-layout=stacked] label{order:-1;inline-size:100%;margin-inline-start:0}progress{background-color:var(--option-color);border:0;border-radius:9999px;flex:10rem;block-size:.75rem;min-inline-size:0;overflow:hidden}progress::-webkit-progress-bar{border-radius:inherit;background-color:var(--option-color)}progress::-webkit-progress-value{border-radius:inherit;background-color:var(--progress-color);transition:inline-size .3s ease-out}progress::-moz-progress-bar{border-radius:inherit;background-color:var(--progress-color);transition:inline-size .3s ease-out}label{font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto;font-weight:700}}@scope(.quiz-timer){:scope{--timer-state-color:var(--progress-color);flex:16rem;gap:.5rem;min-inline-size:0;max-inline-size:22rem;display:grid}:scope[data-urgency=warning]{--timer-state-color:var(--timer-warning-color)}:scope[data-urgency=warning] .quiz-timer-status{color:var(--timer-state-color)}:scope[data-urgency=critical]{--timer-state-color:var(--timer-critical-color)}:scope[data-urgency=critical] .quiz-timer-status{color:var(--timer-state-color)}:scope[data-status=expired]{--timer-state-color:var(--timer-critical-color)}@media (forced-colors:active){:scope .quiz-timer-status{color:canvastext}}.quiz-timer-copy{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;min-inline-size:0;display:flex}@media (width<=30rem){.quiz-timer-copy{flex-wrap:wrap}}.quiz-timer-copy svg{flex:0 0 1.25rem;block-size:1.25rem;inline-size:1.25rem}.quiz-timer-copy strong,.quiz-timer-copy #quiz-timer-label{white-space:nowrap}.quiz-timer-status{text-align:end;white-space:nowrap;flex:0 0 8.5rem;margin-inline-start:auto;font-weight:700}@media (forced-colors:active){.quiz-timer-progress{accent-color:highlight;forced-color-adjust:auto}}.timer-perimeter{z-index:1;background:conic-gradient(var(--timer-state-color) 0 var(--timer-progress), var(--option-color) var(--timer-progress) 100%);-webkit-mask-composite:xor;pointer-events:none;border-radius:1rem;padding:.25rem;transition:--timer-progress 1s linear;position:absolute;inset:-.25rem;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (prefers-reduced-motion:reduce){.timer-perimeter{transition:none}}@media (forced-colors:active){.timer-perimeter{display:none}}}@scope(.quiz){:scope{background-color:var(--canvas-color);background-image:var(--content-surface-background);box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;row-gap:1rem;padding:1.5rem;display:flex;position:relative}@media (width<=30rem){:scope{padding-inline:.5rem}}:scope[data-mode=timed]{border:.25rem solid var(--option-color);box-shadow:none}@media (forced-colors:active){:scope[data-mode=timed]{border-color:canvastext}}@media (width>=48rem) and (height<=56.25rem){:scope{row-gap:.75rem;padding-block:1.25rem}}.quiz-status{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.quiz-status .quiz-progress{flex:16rem;min-inline-size:0}}@scope(.game-container){:scope{margin-block-end:1rem}}}@layer utilities{@media (prefers-reduced-motion:no-preference) and (forced-colors:none){:root[data-theme-changing] :where(body,body *){transition:background-color .28s,color .28s,border-color .28s,outline-color .28s,box-shadow .28s,fill .28s,stroke .28s}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.visually-hidden[data-visible-in-forced-colors]{clip-path:none;white-space:normal;border:1px solid canvastext;block-size:1rem;inline-size:100%;margin:0;position:static;overflow:visible}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}}