@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-xl:36rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--leading-tight:1.25;--radius-md:.375rem;--radius-xl:.75rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.mx-auto{margin-inline:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.ml-2{margin-left:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.aspect-\[3\/2\]{aspect-ratio:3/2}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.min-h-40{min-height:calc(var(--spacing) * 40)}.w-8{width:calc(var(--spacing) * 8)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-xl{max-width:var(--container-xl)}.shrink-0{flex-shrink:0}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.self-start{align-self:flex-start}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-tl-none{border-top-left-radius:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[var\(--chalk-blue\)\]{border-color:var(--chalk-blue)}.border-\[var\(--chalk-yellow\)\]{border-color:var(--chalk-yellow)}.border-\[var\(--oz-accent\)\]{border-color:var(--oz-accent)}.border-\[var\(--oz-border\)\]{border-color:var(--oz-border)}.border-transparent{border-color:#0000}.bg-\[rgba\(0\,0\,0\,0\.2\)\]{background-color:#0003}.bg-\[rgba\(226\,59\,59\,0\.12\)\]{background-color:#e23b3b1f}.bg-\[var\(--oz-surface\)\]{background-color:var(--oz-surface)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--chalk-blue\)\]{color:var(--chalk-blue)}.text-\[var\(--chalk-yellow\)\]{color:var(--chalk-yellow)}.text-\[var\(--oz-muted\)\]{color:var(--oz-muted)}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:text-\[var\(--oz-fg\)\]:hover{color:var(--oz-fg)}}@media(min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:48rem){.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:pt-14{padding-top:calc(var(--spacing) * 14)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}}:root{color-scheme:light dark;--oz-bg:#fff;--oz-fg:#16181d;--oz-surface:#f4f5f7;--oz-muted:#626973;--oz-border:#d9dce1;--oz-accent:#2f6df6;--oz-accent-fg:#fff;--oz-font-display:system-ui, sans-serif;--oz-font-body:system-ui, sans-serif;--oz-font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--oz-space-1:.25rem;--oz-space-2:.5rem;--oz-space-3:.75rem;--oz-space-4:1rem;--oz-space-6:1.5rem;--oz-space-8:2rem;--oz-space-12:3rem;--oz-space-16:4rem;--oz-radius-s:.25rem;--oz-radius-m:.5rem;--oz-radius-l:.75rem;--oz-radius-full:999px;--oz-dur-fast:.12s;--oz-dur-base:.2s;--oz-dur-slow:.36s;--oz-ease-out:cubic-bezier(.16, 1, .3, 1);--oz-ease-in-out:cubic-bezier(.65, 0, .35, 1)}@media(prefers-color-scheme:dark){:root{--oz-bg:#101216;--oz-fg:#e8eaed;--oz-surface:#191c21;--oz-muted:#99a0ab;--oz-border:#2a2e35;--oz-accent:#5a8bff;--oz-accent-fg:#101216}}*,:before,:after{box-sizing:border-box}body{background:var(--oz-bg);color:var(--oz-fg);font-family:var(--oz-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--oz-font-display);margin:0 0 .5em;line-height:1.15}a{color:var(--oz-accent);text-underline-offset:3px}code,kbd,pre,samp{font-family:var(--oz-font-mono)}img,svg,video{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--oz-accent);outline-offset:2px;border-radius:var(--oz-radius-s)}::selection{background:var(--oz-accent)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in oklab,var(--oz-accent) 25%,transparent)}}::selection{color:var(--oz-fg)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.oz-skip-link{left:var(--oz-space-2,.5rem);top:calc(-1 * var(--oz-header-h,3.5rem));z-index:var(--oz-z-overlay,1000);padding:var(--oz-space-2,.5rem) var(--oz-space-3,.75rem);background:var(--oz-accent);color:var(--oz-accent-fg);border-radius:var(--oz-radius-m,.5rem);transition:top var(--oz-dur-fast,.12s) var(--oz-ease-out,ease);text-decoration:none;position:absolute}.oz-skip-link:focus-visible{top:var(--oz-space-2,.5rem)}.oz-header{align-items:center;gap:var(--oz-space-4,1rem);min-height:var(--oz-header-h,3.5rem);padding-inline:var(--oz-space-4,1rem);border-bottom:1px solid var(--oz-rule);background:var(--oz-paper);color:var(--oz-ink);font-family:var(--oz-font-body);display:flex}.oz-wordmark{font-family:var(--oz-font-display);font-size:var(--oz-text-lg,1.25rem);letter-spacing:-.02em;color:var(--oz-ink);align-items:baseline;gap:.05em;font-weight:700;text-decoration:none;display:inline-flex}.oz-wordmark__dot{color:var(--oz-accent)}.oz-wordmark__site{color:var(--oz-ink-mute);font-weight:500}.oz-wordmark:hover .oz-wordmark__dot{color:var(--oz-ink)}.oz-header__title{font-size:var(--oz-text-md,1rem);color:var(--oz-ink-mute)}.oz-header__nav{align-items:center;gap:var(--oz-space-3,.75rem);margin-inline-start:auto;display:flex}.oz-main{max-width:var(--oz-container,72rem);padding:var(--oz-space-6,2rem) var(--oz-space-4,1rem);color:var(--oz-ink);font-family:var(--oz-font-body);margin-inline:auto;display:block}.oz-main:focus{outline:none}.oz-footer{justify-content:space-between;align-items:center;gap:var(--oz-space-3,.75rem);padding:var(--oz-space-5,1.5rem) var(--oz-space-4,1rem);border-top:1px solid var(--oz-rule);background:var(--oz-paper-2,var(--oz-paper));color:var(--oz-ink-mute);font-family:var(--oz-font-body);font-size:var(--oz-text-sm,.875rem);flex-wrap:wrap;display:flex}.oz-footer a{color:inherit;text-decoration:none}.oz-footer a:hover{color:var(--oz-accent)}.oz-footer__links{gap:var(--oz-space-3,.75rem);display:flex}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schoolbell;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/schoolbell-latin-400-normal.D_Z2-wWK.woff2)format("woff2"),url(/_astro/schoolbell-latin-400-normal.C8qtHTDx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--oz-bg:#1f3d34;--oz-fg:#f4f1e8;--oz-surface:#2a4a40;--oz-muted:#a9c4b6;--oz-border:#3d6155;--oz-accent:#e23b3b;--oz-accent-fg:#fff8f0;--chalk:#f4f1e8;--chalk-yellow:#f2d35b;--chalk-blue:#7fc4e8;--chalk-pink:#f29fb8;--board-frame:#6b4a2f;--oz-font-display:"Fraunces Variable", "Fraunces", Georgia, serif;--oz-font-body:"Fraunces Variable", Georgia, serif;--oz-font-marker:"Schoolbell Variable", "Schoolbell", "Comic Sans MS", cursive}body{background-color:var(--oz-bg);background-image:radial-gradient(at 20% 15%,#ffffff0d,#0000 45%),radial-gradient(at 80% 85%,#ffffff0a,#0000 45%);min-height:100vh}h1,h2,h3{font-family:var(--oz-font-display);letter-spacing:-.01em;font-weight:600}.chalk-underline{display:inline-block;position:relative}.chalk-underline:after{content:"";opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12'%3E%3Cpath d='M2 7 C40 2 70 10 100 6 S160 2 198 6' stroke='%23f2d35b' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:.32em;position:absolute;bottom:-.15em;left:-2%;right:-2%}.marker{font-family:var(--oz-font-marker)}.buzzer{font-family:var(--oz-font-marker);background:radial-gradient(circle at 35% 30%,#ff6a6a,var(--oz-accent) 60%,#a91f1f);color:var(--oz-accent-fg);border-radius:var(--oz-radius-full);transition:transform var(--oz-dur-fast) var(--oz-ease-out),box-shadow var(--oz-dur-fast);border:3px solid #7a1414;box-shadow:0 6px #7a1414,0 8px 14px #00000059}.buzzer:active{transform:translateY(5px);box-shadow:0 1px #7a1414,0 2px 6px #0006}.slate{background:var(--oz-surface);border:2px solid var(--oz-border);border-radius:var(--oz-radius-l);box-shadow:inset 0 0 0 1px #ffffff08}.option-btn{font-family:var(--oz-font-body);transition:transform var(--oz-dur-fast) var(--oz-ease-out),border-color var(--oz-dur-fast),background var(--oz-dur-fast)}.option-btn:hover:not(:disabled){border-color:var(--chalk-yellow);transform:translate(4px)}.option-correct{background:#4ade8026!important;border-color:#4ade80!important}.option-wrong{border-color:var(--oz-accent)!important;background:#e23b3b26!important}.flip{perspective:1200px}.flip-inner{transition:transform var(--oz-dur-slow) var(--oz-ease-in-out);transform-style:preserve-3d;position:relative}.flip.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;padding:var(--oz-space-6);place-items:center;display:grid;position:absolute;inset:0}.flip-back{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.flip-inner,.buzzer,.option-btn{transition:none!important}}.confetti-canvas{pointer-events:none;z-index:60;position:fixed;inset:0}.field{border:2px solid var(--oz-border);border-radius:var(--oz-radius-m);color:var(--oz-fg);font-family:var(--oz-font-body);background:#0003}.field:focus-visible{outline:3px solid var(--chalk-yellow);outline-offset:2px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}