@media (max-width:720px){.site-shell:has(.quizflow-scope) .site-header__nav-group{width:100%;min-width:0}.site-shell:has(.quizflow-scope) .site-header .nav{width:100%;min-width:0;flex-wrap:wrap;overflow:visible;padding:4px}.site-shell:has(.quizflow-scope) .site-header .nav__link{display:inline-flex;align-items:center;flex:none;min-height:44px;white-space:nowrap}.site-shell:has(.quizflow-scope) .site-header .nav a:focus-visible{outline:2px solid #0369a1;outline-offset:2px}}.quizflow-scope .qf-lobby-player-chip[data-state=disconnected]{border-color:#94a3b866}.quizflow-scope .qf-lobby-connection-dot{width:.5rem;height:.5rem;flex:none;border-radius:50%;background:#4ade80}.quizflow-scope .qf-lobby-player-chip[data-state=disconnected] .qf-lobby-connection-dot{background:#94a3b8}@keyframes qf-lobby-join{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes qf-lobby-idle{0%,87%,to{transform:translateY(0) rotate(0)}91%{transform:translateY(-3px) rotate(-3deg)}95%{transform:translateY(-2px) rotate(3deg)}}@media (prefers-reduced-motion:no-preference){.quizflow-scope .qf-lobby-player-chip{animation:qf-lobby-join .22s ease-out both}.quizflow-scope .qf-lobby-monster{animation:qf-lobby-idle 4s ease-in-out infinite}}.quizflow-scope .qf-countdown-ring{position:relative;display:inline-grid;place-items:center;flex:none;color:#4ade80;font-variant-numeric:tabular-nums}.quizflow-scope .qf-countdown-ring[data-state=yellow]{color:#fde047}.quizflow-scope .qf-countdown-ring[data-state=red]{color:#f87171}.quizflow-scope .qf-countdown-ring svg{display:block}.quizflow-scope .qf-countdown-ring__track{stroke:#ffffff40}.quizflow-scope .qf-countdown-ring__progress{stroke:currentColor;transition:stroke-dashoffset .35s linear,stroke .2s ease}.quizflow-scope .qf-countdown-ring__label{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(.8rem,2vw,1.1rem);font-weight:800;white-space:nowrap}@keyframes qf-countdown-tick{50%{transform:scale(1.07)}}@media (prefers-reduced-motion:no-preference){.quizflow-scope .qf-countdown-ring__label{animation:qf-countdown-tick .18s ease-out}}@media (prefers-reduced-motion:reduce){.quizflow-scope .qf-countdown-ring__progress{transition:none!important}.quizflow-scope .qf-countdown-ring__label{animation:none!important}}.quizflow-scope .qf-visual-control{display:grid;gap:.35rem;width:min(100%,24rem);min-width:0;padding:.75rem;border:1px solid #64748b;border-radius:14px;background:#102333;color:#fff;font-size:.8rem}.quizflow-scope .qf-visual-control select{width:100%;min-width:0;background:#fff;color:#102333;border-radius:8px;padding:.5rem}.quizflow-scope .qf-visual-control small{color:#d5e3ef}.quizflow-scope .qf-classroom:has(>.quiz-stage-orbs){isolation:isolate}.quizflow-scope .qf-classroom>.quiz-stage-orbs{z-index:-1}.quizflow-scope:is(.qf-visual-options[data-visual-mode=playful] *) .quiz-stage-orbs{background-image:linear-gradient(#102333b3,#102333eb),url(/themes/jungle-quest-scene.png);background-size:cover;background-position:50%}.quizflow-scope:is(.qf-visual-options[data-visual-mode=playful] *,.qf-visual-options[data-visual-mode=studio] *) .quiz-stage-orbs{animation:none;pointer-events:none}.quizflow-scope:is(.qf-visual-options[data-visual-mode=playful] *) .quiz-stage-orbs:after{content:"";position:absolute;inset:auto 1rem 1rem auto;width:clamp(64px,12vw,160px);aspect-ratio:1;background:url(/monsters/monster-05-wave.svg) 50%/contain no-repeat;opacity:.18;pointer-events:none}.quizflow-scope:is(.qf-visual-options[data-visual-mode=studio] *) .quiz-stage-orbs:after{content:"";position:absolute;inset:0;background:url(/themes/arcade-night-scene.png) 50%/cover no-repeat;opacity:.08;pointer-events:none}.quizflow-scope:is(.qf-visual-options[data-visual-mode=playful] *) .glass-panel{border-radius:28px;border:2px solid #96d9be;background-color:#102333;box-shadow:0 6px 0 #153e48}.quizflow-scope:is(.qf-visual-options[data-visual-mode=playful] *) .theme-stage-panel{border:2px solid #96d9be;border-radius:28px}.quizflow-scope:is(.qf-visual-options[data-visual-mode=studio] *) .quiz-stage-orbs{background-image:linear-gradient(#0b1228bb,#0b1228ee),url(/themes/science-lab-scene.png);background-size:cover;background-position:50%}.quizflow-scope:is(.qf-visual-options[data-visual-mode=studio] *) .glass-panel{border-radius:12px;border:1px solid #91b9ef;background-color:#102333;box-shadow:5px 5px 0 #345181}.quizflow-scope:is(.qf-visual-options[data-visual-mode=studio] *) .theme-stage-panel{border:1px solid #91b9ef;border-radius:12px;box-shadow:5px 5px 0 #345181}@media print{.quizflow-scope .qf-visual-control{display:none!important}.quizflow-scope:is(.qf-visual-options[data-visual-mode=playful] *,.qf-visual-options[data-visual-mode=studio] *) .quiz-stage-orbs{display:none!important}.quizflow-scope:is(.qf-visual-options[data-visual-mode=playful] *,.qf-visual-options[data-visual-mode=studio] *) :is(.glass-panel,.theme-stage-panel){box-shadow:none;border-radius:0}}.quizflow-scope .qf-player-root[data-layout=mobile]{overflow-x:hidden}.quizflow-scope .qf-player-root[data-layout=mobile] .qf-answer-submit{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;border-radius:0;padding:1rem max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));box-shadow:0 -8px 24px #0006}.quizflow-scope .qf-player-root[data-layout=mobile] .qf-answer-submit+p{display:none}.quizflow-scope .qf-player-root[data-layout=mobile]>.flex-1{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.quizflow-scope .qf-player-root[data-layout=mobile] .qf-student-choice{min-height:44px;padding-block:1rem}@media (prefers-reduced-motion:reduce){.quizflow-scope .qf-player-root[data-layout=mobile] .qf-answer-submit,.quizflow-scope .qf-player-root[data-layout=mobile] .qf-student-choice{transition:none!important;animation:none!important}}.quizflow-scope .qf-workspace{background:#f7f7f2;color:#203b3b}.quizflow-scope .qf-workspace>header{position:relative;background:#fffef9;border-color:#d9e2dc;backdrop-filter:none}.quizflow-scope .qf-workspace .soft-card{background:#fffefa;border-color:#d6dfd8;border-radius:18px;box-shadow:0 4px 16px #203b3b08;backdrop-filter:none}.quizflow-scope .qf-home-hero{background:#153e48;border:1px solid #285965;box-shadow:0 12px 32px #153e4814}.quizflow-scope .qf-home-hero>.theme-stage-panel__glow,.quizflow-scope .qf-home-hero>.theme-stage-panel__scene{opacity:.08}.quizflow-scope .qf-home-hero h2{letter-spacing:-.045em;line-height:1.12}.quizflow-scope .qf-home-hero .mt-5.flex{flex-wrap:wrap}.quizflow-scope .qf-ready-board{background:#fff8e8;color:#203b3b;padding:clamp(1.25rem,3vw,2rem);border-radius:18px;border-top:5px solid #e9b75b;box-shadow:0 8px 0 #071f2726}.quizflow-scope .qf-home-hero .qf-ready-board :is(p,h3,strong,span){color:#203b3b}.quizflow-scope .qf-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.quizflow-scope .qf-ready-board h3{font-size:1.7rem;font-weight:800;letter-spacing:-.035em;margin:.6rem 0 1rem}.quizflow-scope .qf-ready-board ol{list-style:none;margin:0;padding:0}.quizflow-scope .qf-ready-board li{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid #dcdccc}.quizflow-scope .qf-ready-board li>span{font-size:.75rem;font-weight:800;padding-top:.2rem}.quizflow-scope .qf-ready-board li p{font-size:.875rem;line-height:1.6;margin-top:.25rem;color:#4a605b}.quizflow-scope .qf-board-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;margin-top:.5rem;color:#245950;font-size:.875rem;font-weight:750;text-decoration:underline;text-underline-offset:4px}.quizflow-scope .qf-library{scroll-margin-top:2rem}.quizflow-scope .qf-library .qf-quiz-title,.quizflow-scope .qf-library [data-testid=home-empty-state]>p,.quizflow-scope .qf-library h3{color:#203b3b}.quizflow-scope .qf-library>div:first-child p{color:#506660;line-height:1.6}.quizflow-scope .qf-library .qf-quiz-title{overflow-wrap:anywhere}.quizflow-scope .qf-library [title="Delete quiz"]{color:#687975;min-width:44px}.quizflow-scope .qf-library [title="Delete quiz"]:hover{color:#b42318}.quizflow-scope :is(button,select){min-height:44px}.quizflow-scope :is(a,button,input,textarea,select,summary,[tabindex]:not([tabindex="-1"]),[role=button],.qf-student-choice,.qf-answer-option-card,.qf-stagger-item):focus-visible{outline:2px solid #0369a1;outline-offset:2px;box-shadow:0 0 0 2px #fff}.quizflow-scope .qf-skip-link{position:fixed;top:0;left:1rem;z-index:100;transform:translateY(-100%);padding:.75rem 1rem;border-radius:0 0 .5rem .5rem;background:#fff;color:#0369a1;font-weight:700}.quizflow-scope .qf-skip-link:focus-visible{transform:translateY(0)}.quizflow-scope .qf-skip-link:active,.quizflow-scope .qf-skip-link:focus{transform:translateY(0)}.quizflow-scope :is(input,textarea,select){font-size:max(1em,16px)}.quizflow-scope .theme-switcher-card{border-radius:14px;box-shadow:none}.quizflow-scope .theme-switcher-card select{max-width:100%;color-scheme:dark}.quizflow-scope .qf-join .glass-panel{background:#102735;border-color:#647c8b}.quizflow-scope .qf-join header{background:#102735}.quizflow-scope .qf-join .qf-eyebrow{color:#bdebdc}.quizflow-scope .qf-join [data-testid=feedback-widget-join]{background:#102735;border-color:#647c8b}.quizflow-scope .qf-join [data-testid=feedback-widget-join] .text-gray-400{color:#cbd5e1}.quizflow-scope .qf-join [data-testid=feedback-widget-join] button[type=submit]{background:#0369a1}.quizflow-scope .qf-join [data-testid=feedback-widget-join] button[type=submit]:hover{background:#075985}.quizflow-scope .qf-join-mark{display:grid;place-content:center;grid-auto-flow:column;width:60px;height:60px;border-radius:18px;background:#bdebdc;color:#153e48;font-size:2rem;font-weight:900;margin:0 auto 1.25rem;transform:rotate(-5deg)}.quizflow-scope .qf-join-mark span{color:#296357}.quizflow-scope .qf-join-footer{margin-top:1.5rem;border-top:1px solid #ffffff26;padding-top:1rem;font-size:.875rem;line-height:1.6;color:#cbd5e1;text-align:center}.quizflow-scope .qf-join-footer a{display:inline-block;padding:.75rem 0;color:#bdebdc;text-decoration:underline;text-underline-offset:4px}.quizflow-scope .qf-join header>div{flex-wrap:wrap}.quizflow-scope .qf-join header a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.quizflow-scope .qf-classroom .glass-panel{background:#102333ed;border-color:#526576}.quizflow-scope:is(.qf-visual-options[data-visual-mode=playful] *,.qf-visual-options[data-visual-mode=studio] *) :is(.qf-classroom,.qf-projector,.quiz-stage-bg) .glass-panel{background:#102333}.quizflow-scope:is(.qf-visual-options[data-visual-mode=playful] *) .qf-classroom .glass-panel{border-color:#96d9be}.quizflow-scope:is(.qf-visual-options[data-visual-mode=studio] *) .qf-classroom .glass-panel{border-color:#91b9ef}.quizflow-scope .qf-classroom [data-testid=room-code-display]{font-variant-numeric:tabular-nums;letter-spacing:.18em}.quizflow-scope .qf-projector [data-testid=projector-room-code]{font-size:clamp(1.5rem,6vw,6rem);letter-spacing:normal;font-variant-numeric:tabular-nums;color:#fff}@media (min-width:768px){.quizflow-scope .qf-projector [data-testid=projector-room-code]{letter-spacing:.1em}}.quizflow-scope .qf-projector [data-testid=projector-question-text]{font-size:clamp(1.8rem,4vw,3.75rem);line-height:1.25;overflow-wrap:anywhere}.quizflow-scope .qf-projector .qf-countdown-ring__label{color:#fff;font-size:1.5rem;line-height:1}.quizflow-scope .qf-answer-option-card{transition:transform .1s ease-out,box-shadow .1s ease-out}.quizflow-scope .qf-answer-option-card:active{transition-duration:50ms}.quizflow-scope .qf-answer-option-card:disabled:hover{transform:none}.quizflow-scope .qf-student-choice{overflow-wrap:anywhere}.quizflow-scope .qf-confetti-burst{position:absolute;inset:50% auto auto 50%;width:0;height:0;pointer-events:none}.quizflow-scope .qf-confetti-particle{position:absolute;width:4px;height:5px;border-radius:1px;opacity:0;background:#bce8c8}.quizflow-scope .qf-confetti-particle:nth-child(3n){background:#f4dca4}.quizflow-scope .qf-confetti-particle:nth-child(3n+1){background:#bad9ed}.quizflow-scope .qf-shake-feedback{position:absolute;inset:0;pointer-events:none}@keyframes qf-confetti-fall{0%{opacity:.55;transform:rotate(var(--qf-angle)) translateY(0)}48%{opacity:.45;transform:rotate(var(--qf-angle)) translateY(calc(-1 * var(--qf-distance)))}to{opacity:0;transform:rotate(var(--qf-angle)) translateY(calc(-1 * var(--qf-distance))) translateY(22px)}}@keyframes qf-answer-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes qf-answer-flash{0%,to{background-color:#713e48}50%{background-color:#9c666a}}@keyframes qf-answer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@media (prefers-reduced-motion:no-preference){.quizflow-scope .qf-confetti-particle{animation:qf-confetti-fall .8s ease-out var(--qf-delay) both}.quizflow-scope .qf-student-choice[data-state=wrong]{animation:qf-answer-shake .15s ease-in-out,qf-answer-flash .15s ease-in-out}.quizflow-scope .qf-student-choice.qf-correct-pulse{animation:qf-answer-pulse .2s ease-out}}.quizflow-scope .qf-student-choice .qf-answer-status{display:block;width:-moz-fit-content;width:fit-content;margin-top:.75rem;font-size:.8rem;font-weight:750;border:1px solid;border-radius:8px;padding:.15rem .5rem}@media (max-width:640px){.quizflow-scope .qf-workspace>header>div{gap:.75rem}.quizflow-scope .qf-home-hero{padding:1.25rem}.quizflow-scope .qf-join header .theme-switcher-card{flex:1 1 200px}.quizflow-scope .qf-projector .p-8{padding:1rem}.quizflow-scope .qf-projector .grid-cols-2{grid-template-columns:1fr}}.quizflow-scope .qf-stagger-list>.qf-stagger-item{animation:qf-stagger-fade .22s ease-out both;animation-delay:.76s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:first-child{animation-delay:0s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(2){animation-delay:40ms}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(3){animation-delay:80ms}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(4){animation-delay:.12s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(5){animation-delay:.16s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(6){animation-delay:.2s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(7){animation-delay:.24s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(8){animation-delay:.28s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(9){animation-delay:.32s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(10){animation-delay:.36s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(11){animation-delay:.4s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(12){animation-delay:.44s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(13){animation-delay:.48s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(14){animation-delay:.52s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(15){animation-delay:.56s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(16){animation-delay:.6s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(17){animation-delay:.64s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(18){animation-delay:.68s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(19){animation-delay:.72s}.quizflow-scope .qf-stagger-list>.qf-stagger-item:nth-child(20){animation-delay:.76s}@keyframes qf-stagger-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quizflow-scope .qf-get-ready-overlay{min-height:12rem;pointer-events:none}@keyframes qf-get-ready-scale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.quizflow-scope .qf-get-ready-overlay{animation:qf-get-ready-scale .18s ease-out both}}.quizflow-scope .qf-skeleton-card{min-height:12rem;padding:1.5rem;border-radius:1.5rem;background:#e2e8f0}.quizflow-scope .qf-skeleton-option{min-height:48px}.quizflow-scope .qf-skeleton-shape{background-color:#64748b;background-image:linear-gradient(100deg,#64748b 30%,#cbd5e1 50%,#64748b 70%);background-size:200% 100%;animation:qf-skeleton-shimmer 2s ease-in-out infinite}.quizflow-scope .qf-classroom .qf-skeleton-card{background:#1e293b}@keyframes qf-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.quizflow-scope .qf-stagger-list>.qf-stagger-item{animation:none!important;opacity:1;transform:none}.quizflow-scope .qf-skeleton-shape{background-image:none;animation:none!important}.quizflow-scope .qf-answer-option-card:is(:hover,:active){transform:none!important}.quizflow-scope *,.quizflow-scope :after,.quizflow-scope :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.quizflow-scope .qf-raise-hand-button{box-shadow:inset 0 0 0 0 transparent}.quizflow-scope .qf-host-attention-panel{font-feature-settings:"tnum" on}.quizflow-scope .qf-host-attention-chip{min-height:44px}.quizflow-scope .qf-host-attention-chip__avatar{display:inline-flex;align-items:center;justify-content:center}.quizflow-scope .qf-word-cloud{display:grid;gap:.75rem}.quizflow-scope .qf-word-cloud__items{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;padding:1rem;min-height:8rem;border-radius:1rem;background:rgba(15,23,42,.35)}.quizflow-scope .qf-word-cloud__items--no-motion .qf-word-cloud__word--latest{transform:none;animation:none}.quizflow-scope .qf-word-cloud__word{display:inline-flex;align-items:baseline;gap:.35rem;padding:.25rem .6rem;border-radius:999px;font-weight:800;line-height:1.1;color:#ecfdf5;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);transform-origin:center}.quizflow-scope .qf-word-cloud__word--latest{animation:qf-word-cloud-pop .2s ease-out both}.quizflow-scope .qf-word-cloud__label{letter-spacing:-.01em}.quizflow-scope .qf-word-cloud__count{font-size:.55em;font-weight:700;color:#6ee7b7;background:rgba(15,23,42,.55);padding:0 .4rem;border-radius:999px}@keyframes qf-word-cloud-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.quizflow-scope .qf-word-cloud__word--latest{animation:none!important;transform:none!important;opacity:1!important}.quizflow-scope .qf-word-cloud__items{transition:none!important}}