.rotating-background{position:relative;min-height:100vh;overflow-x:hidden;background:var(--background-gradient)}.rotating-background__overlay{position:fixed;inset:0;z-index:1;pointer-events:none;content:"";background:var(--background-overlay-gradient);opacity:var(--background-overlay-opacity)}.rotating-background__content{position:relative;z-index:2;min-height:100vh}.background-picture,.background-image{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.background-image{object-fit:cover;object-position:var(--background-object-position-desktop);filter:brightness(1.08) contrast(1.02) saturate(1.04);opacity:1;transition:opacity .7s ease}.rotating-background[data-reduced-motion=true] .background-image{transition:none}@media(prefers-reduced-motion:reduce){.background-image{transition:none}}@media(max-width:1024px){.background-image{object-position:var(--background-object-position-tablet)}}@media(max-width:720px){.background-image{object-position:var(--background-object-position-mobile)}}:root{color-scheme:light;--color-page: #f7fbff;--color-surface: #ffffff;--color-surface-soft: #eef7ff;--color-text: #14304f;--color-heading: #092b57;--color-muted: #5c7188;--color-border: #d8e8f5;--color-on-primary: #ffffff;--color-primary: #0090f2;--color-primary-strong: #0067b5;--color-primary-deep: #004f8f;--color-accent: #f5b642;--color-accent-strong: #f2a900;--color-accent-soft: #fff6df;--color-success: #2ed47a;--color-success-deep: #0f7a4f;--color-danger: #dc2626;--color-danger-deep: #b91c1c;--color-danger-soft: #fff1f1;--color-focus: rgb(0 144 242 / 42%);--color-white: #ffffff;--color-on-accent: #382600;--color-hero-text: #ffffff;--color-hero-copy: rgb(255 255 255 / 86%);--color-on-dark-muted: rgb(255 255 255 / 78%);--color-on-dark-subtle: rgb(255 255 255 / 80%);--color-overlay-top: rgb(255 255 255 / 82%);--color-overlay-bottom: rgb(255 255 255 / 72%);--color-primary-glow: rgb(0 144 242 / 8%);--color-nav-surface: rgb(255 255 255 / 78%);--color-panel-surface: rgb(255 255 255 / 88%);--color-card-surface: rgb(255 255 255 / 92%);--color-logo-backplate: transparent;--color-backdrop-scrim: rgb(6 24 40 / 48%);--color-background-overlay: linear-gradient(90deg, rgb(4 32 66 / 78%) 0%, rgb(4 52 92 / 52%) 34%, rgb(4 52 92 / 18%) 62%, rgb(255 255 255 / 0%) 100%), linear-gradient(180deg, rgb(4 24 48 / 10%) 0%, rgb(255 255 255 / 0%) 46%, rgb(234 248 255 / 32%) 100%);--color-background-overlay-tablet: linear-gradient(90deg, rgb(4 32 66 / 82%) 0%, rgb(4 52 92 / 58%) 48%, rgb(4 52 92 / 22%) 78%, rgb(255 255 255 / 0%) 100%), linear-gradient(180deg, rgb(4 24 48 / 12%) 0%, rgb(255 255 255 / 0%) 45%, rgb(234 248 255 / 34%) 100%);--color-background-overlay-mobile: linear-gradient(180deg, rgb(4 32 66 / 78%) 0%, rgb(4 52 92 / 38%) 42%, rgb(255 255 255 / 0%) 100%);--color-action-green: #1f9d72;--color-action-purple: #7b61c9;--color-action-orange: #e97834;--color-action-magenta: #c84687;--color-challenge-background: linear-gradient(135deg, #08376b 0%, #005fae 62%, #28347f 100%);--color-challenge-progress-track: rgb(154 182 255 / 32%);--shadow-soft: 0 12px 30px rgb(9 43 87 / 7%);--shadow-card: 0 8px 18px rgb(9 43 87 / 5%);--shadow-card-hover: 0 8px 18px rgb(9 43 87 / 7%);--shadow-hero-button: 0 16px 34px rgb(9 43 87 / 18%);--shadow-primary-button: 0 18px 34px rgb(0 144 242 / 28%);--shadow-mini-card: 0 8px 18px rgb(9 43 87 / 7%);--shadow-challenge: 0 14px 30px rgb(9 43 87 / 14%);--shadow-modal: 0 26px 80px rgb(0 0 0 / 24%);--shadow-star-badge: inset 0 1px 0 rgb(255 255 255 / 42%), 0 8px 18px rgb(118 78 8 / 14%);--shadow-star-ring: inset 0 0 0 1px rgb(255 255 255 / 35%);--radius-button: 4px;--radius-card: var(--radius-button);--radius-small: var(--radius-button);--radius-pill: 999px;--radius-hero-action: var(--radius-button);--radius-hero-action-mobile: var(--radius-button);--radius-mini-card: var(--radius-button);--layout-max-width: 1200px;--layout-gutter: clamp(18px, 4vw, 52px);--space-page: clamp(18px, 4vw, 52px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-nav: .78rem;--font-size-caption: .72rem;--font-size-small: .78rem;--font-size-body-small: .86rem;--font-size-body: .92rem;--font-size-card-title: .98rem;--font-size-section-title: 1.45rem;--font-size-hero-title: clamp(2.35rem, 5vw, 4.8rem);--font-size-hero-title-mobile: clamp(2.25rem, 11vw, 3rem);--font-size-hero-eyebrow: clamp(1.05rem, 1.45vw, 1.32rem);--font-size-hero-copy: clamp(1rem, 1.4vw, 1.14rem);--line-height-tight: 1.18;--line-height-heading: 1.22;--line-height-body: 1.55;--icon-size-sm: 20px;--icon-size-md: 24px;--icon-size-lg: 26px;--icon-size-xl: 34px;--icon-size-action: 54px;--size-icon-button: 42px;--size-profile-button: 46px;--size-profile-badge: 44px;--size-mini-icon: 48px;--size-challenge-icon: 42px}[data-theme=dark]{color-scheme:dark;--color-page: #071827;--color-surface: #102a40;--color-surface-soft: #123552;--color-text: #e7f2fb;--color-heading: #ffffff;--color-muted: #b7c9d8;--color-border: #24465e;--color-on-primary: #ffffff;--color-primary: #0090f2;--color-primary-strong: #35aaf7;--color-primary-deep: #80ccff;--color-accent: #f5b642;--color-accent-strong: #f2a900;--color-accent-soft: #2c2718;--color-success: #2ed47a;--color-success-deep: #63e6a2;--color-danger: #ff6b6b;--color-danger-deep: #ffb4b4;--color-danger-soft: #3a1820;--color-focus: rgb(53 170 247 / 54%);--color-hero-text: #ffffff;--color-hero-copy: rgb(255 255 255 / 88%);--color-on-dark-muted: rgb(255 255 255 / 80%);--color-on-dark-subtle: rgb(255 255 255 / 82%);--color-overlay-top: rgb(7 24 39 / 86%);--color-overlay-bottom: rgb(7 24 39 / 78%);--color-primary-glow: rgb(0 144 242 / 16%);--color-nav-surface: rgb(16 42 64 / 82%);--color-panel-surface: rgb(16 42 64 / 88%);--color-card-surface: rgb(16 42 64 / 92%);--color-logo-backplate: transparent;--shadow-soft: 0 12px 30px rgb(0 0 0 / 18%);--shadow-card: 0 8px 18px rgb(0 0 0 / 16%);--shadow-card-hover: 0 8px 18px rgb(0 0 0 / 18%);--shadow-mini-card: 0 8px 18px rgb(0 0 0 / 18%);--shadow-challenge: 0 14px 30px rgb(0 0 0 / 24%)}.ui-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-button);cursor:pointer;font-weight:850;line-height:var(--line-height-tight);text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.ui-button:hover{transform:translateY(-1px)}.ui-button:disabled,.ui-button[aria-disabled=true]{cursor:not-allowed;opacity:.58;transform:none}.ui-button--full-width{width:100%}.ui-button--small{min-height:34px;gap:var(--space-2);padding:0 var(--space-3);font-size:var(--font-size-small)}.ui-button--medium{min-height:44px;gap:var(--space-2);padding:0 var(--space-5);font-size:var(--font-size-body)}.ui-button--large{min-height:56px;gap:var(--space-3);padding:0 var(--space-6);font-size:1rem}.ui-button--primary{background:var(--color-primary);box-shadow:var(--shadow-primary-button);color:var(--color-on-primary)}.ui-button--secondary{border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border));background:var(--color-surface);color:var(--color-primary-deep)}.ui-button--ghost{border-color:transparent;background:transparent;color:var(--color-primary-deep)}.ui-button--danger{border-color:color-mix(in srgb,var(--color-danger) 30%,var(--color-border));background:var(--color-surface);color:var(--color-danger-deep)}.ui-button__icon{display:inline-flex;width:var(--icon-size-sm);height:var(--icon-size-sm);align-items:center;justify-content:center}.ui-button__icon>svg{width:100%;height:100%}.ui-button__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-pill);animation:ui-button-spin .8s linear infinite}@keyframes ui-button-spin{to{transform:rotate(1turn)}}.ui-card{border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-card-surface);box-shadow:var(--shadow-card);color:var(--color-text)}.ui-card--soft{background:var(--color-surface-soft)}.ui-card--subtle{box-shadow:none}.ui-card--floating{box-shadow:var(--shadow-card)}.ui-card--hero{border-color:color-mix(in srgb,var(--color-primary) 14%,var(--color-border));background:color-mix(in srgb,var(--color-card-surface) 96%,transparent);box-shadow:var(--shadow-soft)}.ui-card--interactive{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ui-card--interactive:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.ui-card--padding-none{padding:0}.ui-card--padding-small{padding:var(--space-3)}.ui-card--padding-medium{padding:var(--space-4)}.ui-card--padding-large{padding:var(--space-6)}.ui-badge,.ui-status-pill{display:inline-flex;width:fit-content;align-items:center;border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--font-size-caption);font-weight:900;line-height:1;white-space:nowrap}.ui-badge{padding:0 var(--space-3)}.ui-badge--small{min-height:22px;padding:0 var(--space-2);font-size:.68rem}.ui-badge--medium{min-height:26px}.ui-badge--neutral{border-color:var(--color-border);background:var(--color-surface-soft);color:var(--color-primary-deep)}.ui-badge--primary{background:var(--color-primary);color:var(--color-on-primary)}.ui-badge--success{background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface));color:var(--color-success-deep)}.ui-badge--warning{background:var(--color-accent-soft);color:var(--color-on-accent)}.ui-badge--danger{background:var(--color-danger-soft);color:var(--color-danger-deep)}.ui-progress{display:grid;gap:var(--space-2)}.ui-progress__meta{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-muted);font-size:var(--font-size-caption);font-weight:800}.ui-progress__track{overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}.ui-progress--small .ui-progress__track{height:7px}.ui-progress--medium .ui-progress__track{height:10px}.ui-progress__fill{display:block;height:100%;border-radius:inherit}.ui-progress__fill--primary{background:var(--color-primary)}.ui-progress__fill--success{background:var(--color-success)}.ui-progress__fill--accent{background:var(--color-accent)}.ui-status-pill{min-height:28px;gap:var(--space-2);padding:0 var(--space-3)}.ui-status-pill__dot{width:8px;height:8px;border-radius:var(--radius-pill);background:currentColor}.ui-status-pill--neutral{border-color:var(--color-border);background:var(--color-surface-soft);color:var(--color-muted)}.ui-status-pill--ready{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary-deep)}.ui-status-pill--active,.ui-status-pill--success{background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface));color:var(--color-success-deep)}.ui-status-pill--paused,.ui-status-pill--warning{background:var(--color-accent-soft);color:var(--color-on-accent)}.ui-status-pill--danger{background:var(--color-danger-soft);color:var(--color-danger-deep)}.ui-icon-badge{display:inline-grid;place-items:center;border-radius:var(--radius-pill);line-height:1}.ui-icon-badge--small{width:32px;height:32px}.ui-icon-badge--medium{width:42px;height:42px}.ui-icon-badge--large{width:54px;height:54px}.ui-icon-badge--primary{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary)}.ui-icon-badge--accent{background:var(--color-accent-soft);color:var(--color-accent-strong)}.ui-icon-badge--success{background:color-mix(in srgb,var(--color-success) 14%,var(--color-surface));color:var(--color-success)}.ui-icon-badge--neutral{background:var(--color-surface-soft);color:var(--color-primary-deep)}.ui-icon-badge>svg{width:58%;height:58%}.ui-page-header{display:flex;gap:var(--space-5);align-items:end;justify-content:space-between}.ui-page-header__copy{display:grid;max-width:720px;gap:var(--space-2)}.ui-page-header__eyebrow{margin:0;color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.ui-page-header__title{margin:0;color:var(--color-heading);font-size:clamp(1.8rem,4vw,3rem);line-height:var(--line-height-tight)}.ui-page-header__intro{margin:0;color:var(--color-muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}.ui-page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.ui-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-5);background:var(--color-backdrop-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-modal{display:grid;width:min(560px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-modal)}.ui-modal__header,.ui-modal__footer{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-5)}.ui-modal__header{border-bottom:1px solid var(--color-border)}.ui-modal__footer{border-top:1px solid var(--color-border)}.ui-modal__title{margin:0;color:var(--color-heading);font-size:var(--font-size-section-title)}.ui-modal__body{padding:var(--space-5);color:var(--color-text);line-height:var(--line-height-body)}.ui-empty-state{display:grid;justify-items:center;gap:var(--space-4);text-align:center}.ui-empty-state__icon{display:inline-grid;width:58px;height:58px;place-items:center;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-primary)}.ui-empty-state__icon>svg{width:32px;height:32px}.ui-empty-state__copy{display:grid;max-width:520px;gap:var(--space-2)}.ui-empty-state__copy h2,.ui-empty-state__copy p{margin:0}.ui-empty-state__copy h2{color:var(--color-heading);font-size:var(--font-size-section-title)}.ui-empty-state__copy p{color:var(--color-muted);line-height:var(--line-height-body)}@media(max-width:620px){.ui-page-header{align-items:start;flex-direction:row}.ui-page-header__actions,.ui-modal__footer{flex:0 0 auto;justify-content:flex-end}.ui-modal__footer>*{width:100%}}*{box-sizing:border-box}html{background:var(--color-page)}body{--live-background-color: #eef8ff;--live-background-gradient: linear-gradient(135deg, #eef8ff 0%, #ffffff 52%, #d8efff 100%);--live-background-image: none;--live-background-image-mobile: var(--live-background-image);--live-background-position-desktop: center center;--live-background-position-mobile: var(--live-background-position-desktop);margin:0;min-width:320px;color:var(--color-text);font-family:var(--font-body);background:var(--color-page)}button,input,textarea,select{font:inherit}input,textarea,select{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text)}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--color-heading);letter-spacing:0}[data-contrast=high]{--color-border: color-mix(in srgb, var(--color-primary) 54%, #0b2545);--color-muted: color-mix(in srgb, var(--color-text) 82%, var(--color-heading));--color-card-surface: var(--color-surface);--shadow-card: 0 0 0 1px var(--color-border);--shadow-mini-card: 0 0 0 1px var(--color-border)}[data-text-size=large]{font-size:1.04rem}[data-text-size=extraLarge]{font-size:1.1rem}.background-motifs{position:fixed;inset:0;z-index:1;pointer-events:none}.triangle{position:absolute;width:0;height:0;opacity:.16}.triangle--large{top:126px;right:-36px;border-top:145px solid transparent;border-bottom:145px solid transparent;border-left:250px solid var(--brand-primary)}.triangle--small{top:460px;left:7vw;border-top:42px solid transparent;border-bottom:42px solid transparent;border-left:74px solid var(--color-accent);opacity:.18}.triangle--soft{right:18vw;bottom:70px;border-top:82px solid transparent;border-bottom:82px solid transparent;border-left:142px solid var(--brand-primary);opacity:.08}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-screen{display:grid;min-height:min(420px,calc(100vh - 220px));place-items:center;align-content:center;gap:16px;overflow:hidden;padding:clamp(32px,8vh,72px) 16px;border-radius:var(--radius-button);background-color:var(--live-background-color);background-image:linear-gradient(135deg,#ffffffd1,#e7f6ffb8),var(--live-background-image),var(--live-background-gradient);background-position:center,var(--live-background-position-desktop),center;background-size:cover;color:var(--color-primary-deep);text-align:center}.loading-screen__mark{position:relative;display:grid;width:82px;height:82px;place-items:center;border:1px solid rgb(0 144 242 / 16%);border-radius:50%;background:color-mix(in srgb,var(--color-surface) 88%,var(--color-primary) 12%);box-shadow:0 18px 42px #004e8a1f;animation:loading-mark-heartbeat 1.05s cubic-bezier(.34,1.56,.64,1) infinite}.loading-screen__mark:after{position:absolute;inset:9px;border:1px solid rgb(0 144 242 / 18%);border-radius:inherit;content:"";animation:loading-mark-pulse 1.05s ease-out infinite}.loading-screen__mark img{width:34px;height:auto;transform-origin:center;filter:drop-shadow(0 8px 16px rgb(0 144 242 / 18%));animation:loading-triangle-heartbeat 1.05s cubic-bezier(.34,1.56,.64,1) infinite}.loading-screen p{margin:0;color:var(--color-muted);font-size:.92rem;font-weight:700}.quiz-card--loading{min-height:260px}@keyframes loading-mark-heartbeat{0%{box-shadow:0 18px 42px #004e8a1f;transform:scale(1)}18%{box-shadow:0 20px 46px #004e8a26;transform:scale(1.045)}32%{transform:scale(.995)}46%{transform:scale(1.026)}64%,to{box-shadow:0 18px 42px #004e8a1f;transform:scale(1)}}@keyframes loading-mark-pulse{0%{opacity:.58;transform:scale(.92)}38%{opacity:.2;transform:scale(1.22)}64%,to{opacity:0;transform:scale(1.28)}}@keyframes loading-triangle-heartbeat{0%{opacity:.92;transform:scale(1)}18%{opacity:1;transform:scale(1.14)}32%{transform:scale(1)}46%{transform:scale(1.08)}64%,to{opacity:.92;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.loading-screen__mark,.loading-screen__mark:after,.loading-screen__mark img{animation:none}}.topbar,.app-shell,.app-footer{position:relative;z-index:2}.app-container{width:min(var(--layout-max-width),calc(100% - (var(--layout-gutter) * 2)));margin-inline:auto}.topbar{z-index:5;padding-block:14px 0}.topbar__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:12px 16px;border:1px solid var(--color-border);border-radius:2px;background:var(--color-nav-surface);box-shadow:var(--shadow-card)}.brand-link{display:inline-flex;align-items:center;min-width:170px;border-radius:var(--radius-small);background:var(--color-logo-backplate)}.brand-picture{display:inline-flex;align-items:center}.brand-logo{display:block;width:calc(clamp(154px,17vw,212px) * var(--brand-logo-scale));height:auto}.primary-nav{display:flex;justify-content:center;gap:10px;padding:0;border:0;border-radius:2px;background:transparent}.nav-link{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;min-height:58px;gap:5px;border:1px solid transparent;border-radius:2px;padding:7px 10px;color:var(--color-primary-deep);font-size:.78rem;font-weight:700;text-decoration:none}.nav-link>span,.nav-icon{position:relative;z-index:1}.nav-icon{width:var(--icon-size-md);height:var(--icon-size-md);fill:initial;stroke:none}.nav-link--active{border-color:#0090f23d;color:var(--color-primary);background:var(--color-surface-soft)}.nav-link--active:after{position:absolute;right:10px;bottom:4px;left:10px;height:2px;border-radius:var(--radius-pill);background:var(--color-primary);content:""}.topbar-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:214px}.icon{width:var(--icon-size-sm);height:var(--icon-size-sm);fill:initial;stroke:none}.icon--chevron{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.icon-button{position:relative;display:inline-flex;width:var(--size-icon-button);height:var(--size-icon-button);flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-primary-deep);cursor:pointer;text-decoration:none}.icon-button--active,.icon-button:hover{border-color:#0090f252;background:var(--color-surface-soft)}.notification-button{padding:0}.notification-button:disabled{border-color:var(--color-border);background:var(--color-surface-soft);color:var(--color-muted);cursor:default}.notification-button:disabled:hover{border-color:var(--color-border);background:var(--color-surface-soft)}.notification-button .icon{width:25px;height:25px}.info-button{display:inline-grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-primary-deep);cursor:pointer;font:inherit;font-size:.92rem;font-weight:950;line-height:1}.info-button:hover,.info-button:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));background:var(--color-surface-soft)}.info-modal-copy{display:grid;gap:var(--space-3)}.info-modal-copy p{margin:0;color:var(--color-text);line-height:var(--line-height-body)}.info-modal-copy ul{display:grid;gap:var(--space-2);margin:0;padding-left:1.1rem;color:var(--color-text)}.notification-badge{position:absolute;top:-3px;right:-2px;display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;border:2px solid var(--color-surface);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:.68rem;font-weight:900}.xp-indicator{display:inline-flex;min-height:42px;align-items:center;gap:7px;border:1px solid rgb(0 144 242 / 28%);border-radius:var(--radius-pill);padding:0 13px 0 7px;background:var(--color-primary-deep);color:var(--color-white)}.xp-indicator--placeholder{border-color:var(--color-border);background:var(--color-surface-soft);color:var(--color-primary-deep)}.xp-indicator__star-badge{display:grid;width:26px;height:26px;place-items:center;border-radius:0;background:transparent;box-shadow:none}.xp-indicator__star{display:block;width:24px;height:24px;filter:drop-shadow(0 1px 0 rgb(122 77 0 / 22%))}.xp-indicator span{color:var(--color-on-dark-muted);font-size:.72rem;font-weight:900}.xp-indicator strong{color:var(--color-white);font-size:.94rem}.xp-indicator--placeholder span{color:var(--color-muted)}.xp-indicator--placeholder strong{color:var(--color-primary-deep);font-size:.82rem}.xp-indicator--placeholder .xp-indicator__star{filter:none;opacity:.72}.teacher-badge{display:inline-flex;width:var(--size-profile-badge);height:var(--size-profile-badge);align-items:center;justify-content:center;border:1px solid rgb(0 144 242 / 22%);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-primary-deep);font-size:.88rem;font-weight:800;box-shadow:var(--shadow-card)}.profile-menu{position:relative}.profile-summary{position:relative;display:inline-flex;width:var(--size-profile-button);height:var(--size-profile-button);align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:0;background:var(--color-surface);color:var(--color-heading);cursor:pointer;list-style:none}.profile-summary__chevron{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-primary-deep);box-shadow:var(--shadow-card)}.profile-summary__chevron path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:20;display:grid;min-width:210px;border:1px solid var(--color-border);border-radius:2px;padding:8px;background:var(--color-surface);box-shadow:var(--shadow-soft)}.profile-dropdown a,.profile-dropdown button{display:flex;min-height:40px;align-items:center;gap:9px;border:0;border-radius:var(--radius-button);padding:0 12px;background:transparent;color:var(--color-heading);cursor:pointer;font:inherit;font-size:.92rem;font-weight:750;text-align:left;text-decoration:none}.profile-menu-icon{width:20px;height:20px;flex:0 0 auto}.profile-dropdown a:hover,.profile-dropdown button:hover,.profile-dropdown a:focus-visible,.profile-dropdown button:focus-visible{background:var(--color-surface-soft);color:var(--color-primary-deep)}.app-shell{min-height:calc(100vh - 132px);padding-block:14px 28px}.app-shell__content{display:grid}.app-shell:has(.home-page){min-height:calc(100vh - 151px)}.app-footer{padding-block:0 24px}.app-footer__inner{border-top:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);padding-top:var(--space-3);color:var(--color-muted);font-size:var(--font-size-caption);font-weight:800}.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:clamp(18px,2.8vw,34px);align-items:center;overflow:hidden;min-height:clamp(248px,36vh,320px);padding:clamp(10px,2vh,18px) 0 clamp(4px,1vh,10px);background:transparent;box-shadow:none;isolation:isolate}.hero-copy-block{position:relative;z-index:1;display:grid;align-content:center;max-width:690px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.hero-copy-block:after{position:absolute;right:-34px;bottom:26px;width:0;height:0;border-top:72px solid transparent;border-bottom:72px solid transparent;border-left:126px solid var(--color-primary);content:"";opacity:.18}.hero-copy-block>*{position:relative;z-index:1}.eyebrow,.card-kicker{margin:0 0 12px;color:var(--color-primary-deep);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{max-width:700px;margin:0;font-size:var(--font-size-hero-title);line-height:1.01}.home-page,.route-page,.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page,.host-page,.host-question-page{display:grid;gap:var(--space-5);padding:34px 0 0}.home-page{min-height:calc(100vh - 210px);align-content:space-between;gap:clamp(12px,2vh,20px);padding-top:clamp(18px,3vh,34px)}.home-hero .eyebrow,.home-hero h1{color:var(--color-hero-text);text-shadow:0 2px 14px rgb(0 0 0 / 20%)}.home-hero .eyebrow{margin-bottom:10px;font-size:var(--font-size-hero-eyebrow);font-weight:900;text-transform:none}h2{margin:0;font-size:var(--font-size-section-title);line-height:var(--line-height-heading)}h3{margin:0;font-size:1.08rem;line-height:1.25}.hero-copy{max-width:560px;margin:10px 0 0;color:var(--color-hero-copy);font-size:var(--font-size-hero-copy);line-height:1.6;text-shadow:0 2px 12px rgb(0 0 0 / 18%)}.hero-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(12px,1.5vw,18px)}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-button);padding:0 18px;cursor:pointer;font-weight:800;text-decoration:none}.button--hero{min-width:214px;min-height:62px;gap:14px;border-radius:var(--radius-hero-action);padding:0 26px;font-size:1.02rem;box-shadow:var(--shadow-hero-button)}.button-icon{width:var(--icon-size-lg);height:var(--icon-size-lg);flex:0 0 auto;fill:initial;stroke:none}.button-icon--quick-play{width:var(--icon-size-xl);height:var(--icon-size-xl)}.button--primary .button-icon{stroke:none}.button--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-primary-button)}.button--secondary{border-color:#0090f23d;background:#fffffff0;color:var(--color-primary-deep)}.button--compact{width:100%;margin-top:20px;background:var(--color-primary-deep);color:var(--color-on-primary)}.status-card,.action-card,.info-card,.notice-bar{border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-card-surface);box-shadow:var(--shadow-card)}.status-card{padding:var(--space-5)}.hero-mini-stack{position:relative;z-index:1;display:grid;gap:10px;width:min(100%,318px);justify-self:end;align-items:stretch}.mini-card{display:grid;grid-template-columns:var(--size-mini-icon) minmax(0,1fr);gap:12px;align-items:center;height:108px;min-height:108px;border:1px solid rgb(0 144 242 / 14%);border-radius:var(--radius-mini-card);padding:12px;background:color-mix(in srgb,var(--color-card-surface) 97%,transparent);box-shadow:var(--shadow-mini-card)}.mini-card__body{display:grid;min-width:0;gap:8px;align-content:center}.mini-card h2{color:var(--color-heading);font-size:.94rem;line-height:1.18}.mini-card p{margin:0;color:var(--color-muted);font-size:.78rem;font-weight:800;line-height:1.25}.xp-widget__badge{display:grid;width:var(--size-mini-icon);height:var(--size-mini-icon);place-items:center;border-radius:var(--radius-pill);background:linear-gradient(135deg,#ffe087,#f5b642);color:#4b3100;box-shadow:var(--shadow-star-badge)}.xp-widget__star{width:27px;height:27px}.mini-progress-track{height:7px;overflow:hidden;border-radius:var(--radius-pill);background:#0090f21f}.mini-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.mini-progress-fill--xp{width:62.5%}.mini-progress-fill--continue{width:30%}.continue-widget__icon{display:grid;width:var(--size-mini-icon);height:var(--size-mini-icon);place-items:center;border-radius:var(--radius-pill);background:#0090f21a;color:var(--color-primary)}.continue-widget__play{width:25px;height:25px}.continue-widget__meta{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-muted);font-size:.72rem;font-weight:800;line-height:1.15}.continue-widget__body{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-content:center;align-items:center}.continue-widget__content{display:grid;min-width:0;gap:7px}.continue-widget__content h2,.continue-widget__content p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.continue-widget__content h2,.continue-widget__content p{-webkit-line-clamp:2}.continue-widget__meta span{min-width:0}.continue-widget__meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-widget__meta span:last-child{flex:0 0 auto}.mini-card__button{width:fit-content;min-height:28px;align-self:center;grid-column:2;grid-row:1;border-color:#0090f22e;padding:0 11px;background:var(--color-primary);color:var(--color-on-primary);font-size:.76rem;box-shadow:none}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:var(--color-backdrop-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{display:grid;gap:18px;width:min(520px,100%);max-height:min(680px,calc(100vh - 36px));overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:clamp(22px,4vw,30px);background:var(--color-surface);box-shadow:var(--shadow-modal)}.modal-header .eyebrow{margin-bottom:8px}.modal-copy{margin:0;color:var(--color-muted);line-height:1.55}.option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.choice-tile,.method-choice-card{border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface-soft);color:var(--color-heading);cursor:pointer;font:inherit}.choice-tile{min-height:56px;font-size:1.05rem;font-weight:900}.method-card-grid{display:grid;gap:10px}.method-choice-card{display:grid;gap:5px;min-height:78px;padding:16px;text-align:left}.method-choice-card strong{color:var(--color-heading)}.method-choice-card span{color:var(--color-muted);font-size:.92rem}.choice-tile:hover,.method-choice-card:hover{border-color:#0090f257;background:var(--color-card-surface)}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:4px}.status-list,.detail-list{display:grid;gap:12px;margin:24px 0 0}.status-list div,.detail-list div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:baseline;border-top:1px solid var(--color-border);padding-top:12px}dt{color:var(--color-muted);font-size:.86rem;font-weight:700}dd{margin:0;color:var(--color-heading);font-weight:800}.section-block{padding:0 0 8px}.home-page .section-block{margin-top:clamp(8px,2vh,18px)}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.action-card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;min-height:108px;overflow:hidden;padding:16px 18px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.action-card:hover{border-color:color-mix(in srgb,var(--action-accent) 32%,var(--color-border));box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.button:hover,.nav-link:hover{filter:brightness(.98)}.action-card p,.info-card-copy,.notice-bar span{color:var(--color-muted);line-height:1.55}.action-card p{grid-column:2;margin:4px 0 0;font-size:var(--font-size-body-small);line-height:1.45}.action-card h3{align-self:center;color:var(--action-accent);font-size:var(--font-size-card-title);line-height:1.2}.action-card:after{position:absolute;right:-34px;bottom:10px;width:0;height:0;border-top:54px solid transparent;border-bottom:54px solid transparent;border-left:96px solid var(--action-accent);content:"";opacity:.032}.action-card--green{--action-accent: var(--color-action-green)}.action-card--purple{--action-accent: var(--color-action-purple)}.action-card--orange{--action-accent: var(--color-action-orange)}.action-card--magenta{--action-accent: var(--color-action-magenta)}.action-icon-wrap{display:inline-flex;grid-row:span 2;width:56px;height:56px;align-items:center;justify-content:center;margin:0;background:transparent;color:var(--action-accent)}.action-icon{width:var(--icon-size-action);height:var(--icon-size-action);fill:initial;stroke:none}.continuation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;padding:8px 0 22px}.info-card{padding:var(--space-4)}.info-card-copy{margin:16px 0 0}.route-line{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.route-line span{border:1px solid rgb(0 144 242 / 22%);border-radius:999px;padding:8px 12px;background:var(--color-surface-soft);color:var(--color-primary-deep);font-size:.9rem;font-weight:800}.notice-bar{display:flex;gap:12px;align-items:center;padding:16px 18px}.notice-bar strong{color:var(--color-heading)}.daily-challenge-bar{display:grid;grid-template-columns:auto minmax(220px,340px) minmax(220px,320px) auto minmax(42px,1fr);gap:14px;align-items:center;overflow:hidden;border-radius:var(--radius-card);margin-top:auto;padding:13px 16px;background:var(--color-challenge-background);box-shadow:var(--shadow-challenge);color:var(--color-white)}.daily-challenge-star{display:grid;width:var(--size-challenge-icon);height:var(--size-challenge-icon);place-items:center;border-radius:var(--radius-pill);background:linear-gradient(135deg,#ffe879,#f5b642);color:#6d4300;box-shadow:var(--shadow-star-ring)}.daily-challenge-star-icon{width:25px;height:25px}.daily-challenge-main{min-width:0;max-width:340px}.daily-challenge-main h2{margin:0;color:var(--color-white);font-size:1rem;line-height:1.2}.daily-challenge-main p{margin:3px 0 0;color:var(--color-on-dark-subtle);font-size:var(--font-size-body-small);line-height:1.3}.daily-copy-short{display:none}.daily-challenge-progress{height:10px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-challenge-progress-track)}.daily-challenge-progress-fill{display:block;width:60%;height:100%;border-radius:inherit;background:var(--color-success)}.daily-challenge-score{color:var(--color-white);font-size:.95rem;line-height:1;white-space:nowrap}.daily-challenge-gift{display:grid;width:38px;height:38px;justify-self:end;place-items:center;color:var(--color-white)}.daily-challenge-gift .challenge-gift-icon{width:34px;height:34px;fill:initial;stroke:none}.route-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:24px;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:clamp(24px,4vw,42px);background:var(--color-panel-surface);box-shadow:var(--shadow-soft)}.route-summary{display:grid;align-content:center;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:20px;background:var(--color-surface-soft)}.summary-label{color:var(--color-muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.route-summary strong{color:var(--color-heading);font-size:1.05rem}.route-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.plain-list{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.plain-list li{position:relative;padding-left:22px;color:var(--color-heading);font-weight:750;line-height:1.45}.plain-list li:before{position:absolute;top:.58em;left:0;width:8px;height:8px;border-radius:999px;background:var(--color-primary);content:""}.plain-list--muted li{color:var(--color-muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-section{display:grid;gap:18px}.settings-section--wide{grid-column:1 / -1}.settings-section__header{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.settings-section__header h2{margin:0;color:var(--color-heading);font-size:1.12rem}.settings-section__header p{max-width:42rem;margin:6px 0 0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.settings-choice-group{min-width:0;margin:0;border:0;padding:0}.settings-choice-group legend{margin-bottom:10px;color:var(--color-muted);font-size:var(--font-size-small);font-weight:800}.settings-choice-grid,.settings-toggle-list{display:grid;gap:10px}.settings-choice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;min-height:58px;border:1px solid var(--color-border);border-radius:var(--radius-mini-card);padding:13px 14px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.settings-choice--selected{border-color:color-mix(in srgb,var(--color-primary) 58%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 22%,transparent)}.settings-choice input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--color-primary)}.settings-choice__text,.settings-toggle__copy{display:grid;gap:4px;min-width:0}.settings-choice__text strong,.settings-toggle__copy strong{color:var(--color-heading);font-size:.94rem}.settings-choice__text span,.settings-toggle__copy span{color:var(--color-muted);font-size:var(--font-size-small);line-height:1.45}.settings-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-mini-card);padding:13px 14px;background:var(--color-surface);cursor:pointer}.settings-toggle input{position:absolute;width:1px;height:1px;opacity:0}.settings-toggle__control{position:relative;width:42px;height:24px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-soft)}.settings-toggle__control:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:var(--color-muted);content:"";transition:background-color .16s ease,transform .16s ease}.settings-toggle input:checked+.settings-toggle__control{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 18%,var(--color-surface))}.settings-toggle input:checked+.settings-toggle__control:after{background:var(--color-primary);transform:translate(18px)}.settings-toggle:has(input:focus-visible),.settings-choice:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.settings-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px;background:var(--color-panel-surface);box-shadow:var(--shadow-card)}.settings-actions__message{color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.settings-actions__buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.profile-layout{display:grid;gap:var(--space-4)}.profile-overview-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-4);align-items:center}.profile-avatar{display:grid;width:58px;height:58px;place-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--color-border));border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-primary-deep);font-weight:950}.profile-kicker{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.profile-overview-card h2,.profile-links-card h2{margin:var(--space-1) 0 0;color:var(--color-heading);font-size:clamp(1.25rem,2.5vw,1.8rem)}.profile-overview-card p,.profile-empty-card p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.profile-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.profile-metric-card{display:grid;gap:var(--space-2)}.profile-metric-card span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.profile-metric-card strong{color:var(--color-primary-deep);font-size:clamp(1.15rem,2.8vw,1.55rem);line-height:var(--line-height-heading)}.profile-metric-card p{margin:0;color:var(--color-muted);font-size:var(--font-size-small);font-weight:850}.profile-links-card,.profile-empty-card{display:grid;gap:var(--space-3)}.profile-link-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.quiz-selection-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:var(--space-5);align-items:start}.quiz-selection-layout--quick{grid-template-columns:minmax(0,1fr)}.quiz-selection-layout--quick .quiz-selection-main{width:min(100%,980px);justify-self:center}.quiz-selection-main,.quick-route-card{display:grid;gap:var(--space-4)}.quick-route-card--play{gap:clamp(12px,2vh,18px);padding:clamp(16px,2.2vw,24px)}.quick-route-card__top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center}.quick-route-card__top h2{margin:var(--space-1) 0 0;color:var(--color-heading);font-size:clamp(1.3rem,3vw,2rem)}.quick-route-card__top p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.method-logo-slot{display:grid;width:54px;height:54px;place-items:center;border:1px dashed color-mix(in srgb,var(--color-primary) 36%,var(--color-border));border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-primary-deep);font-size:.92rem;font-weight:950}.quick-route-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.quick-select-field{display:grid;min-width:0;gap:var(--space-1)}.quick-select-field span,.quick-focus-panel .quiz-selection-step{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.quick-select-field select{width:100%;min-height:42px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:0 34px 0 var(--space-3);background:var(--color-surface);color:var(--color-heading);font:inherit;font-size:var(--font-size-body-small);font-weight:850}.quick-focus-panel{display:grid;grid-template-columns:minmax(120px,.24fr) minmax(0,1fr);gap:var(--space-3);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-surface-soft)}.quick-focus-panel strong{display:block;margin-top:var(--space-1);color:var(--color-heading);font-size:var(--font-size-body-small)}.quick-focus-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-focus-chip{min-height:32px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:0 var(--space-3);background:var(--color-surface);color:var(--color-primary-deep);cursor:pointer;font:inherit;font-size:var(--font-size-small);font-weight:850}.quick-focus-chip--selected{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));background:var(--color-primary);color:var(--color-on-primary)}.quick-route-current{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-route-current span{border:1px solid var(--color-border);border-radius:var(--radius-button);padding:6px 9px;background:var(--color-surface);color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900}.quick-route-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.quick-route-actions>span{color:var(--color-muted);font-size:var(--font-size-small);font-weight:850}.quick-play-chooser{display:grid;gap:var(--space-3)}.quick-play-chooser__header{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.quick-quiz-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.quick-quiz-card{display:grid;min-height:104px;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.quick-quiz-card:hover,.quick-quiz-card:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.quick-quiz-card--selected{border-color:color-mix(in srgb,var(--color-primary) 62%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.quick-quiz-card span{width:fit-content;border-radius:var(--radius-button);padding:4px 7px;background:var(--color-surface-soft);color:var(--color-primary-deep);font-size:.66rem;font-weight:950;text-transform:uppercase}.quick-quiz-card strong{color:var(--color-heading);font-size:.98rem;line-height:var(--line-height-heading)}.quick-quiz-card small{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:850}.quick-route-details{border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface-soft)}.quick-route-details summary{min-height:38px;padding:9px 12px;cursor:pointer;color:var(--color-primary-deep);font-size:var(--font-size-small);font-weight:900}.quick-route-details .quiz-route-summary__list{padding:0 12px 12px}.quiz-selection-section{display:grid;gap:var(--space-4)}.quiz-selection-section__header,.quiz-choice-card__header,.quiz-extra-preview__header,.quiz-route-summary__header{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.quiz-selection-section__header h2,.quiz-extra-preview h2{margin:var(--space-1) 0 0;color:var(--color-heading);font-size:1.12rem}.quiz-selection-step{color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.quiz-choice-grid{display:grid;gap:var(--space-3)}.quiz-choice-card{position:relative;display:grid;width:100%;gap:var(--space-3);min-height:122px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-4);background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit;text-align:left;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.quiz-choice-card:hover{border-color:color-mix(in srgb,var(--color-primary) 32%,var(--color-border));box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.quiz-choice-card--selected{border-color:color-mix(in srgb,var(--color-primary) 62%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 20%,transparent)}.quiz-choice-card h3{margin:0;color:var(--color-heading);font-size:1.02rem}.quiz-choice-card p,.quiz-extra-preview p{margin:0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.quiz-choice-card__meta{color:var(--color-muted);font-size:var(--font-size-small);font-weight:850}.quiz-choice-card__state{width:fit-content;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:6px 10px;background:var(--color-surface-soft);color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:900}.quiz-choice-card--selected .quiz-choice-card__state{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));background:var(--color-primary);color:var(--color-on-primary)}.quiz-selection-sidebar{position:sticky;top:96px;display:grid;gap:var(--space-4)}.quiz-route-summary,.quiz-extra-preview{display:grid;gap:var(--space-4)}.quiz-route-summary__list{display:grid;gap:var(--space-3);margin:0}.quiz-route-summary__list div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--space-3);align-items:baseline;border-top:1px solid var(--color-border);padding-top:var(--space-3)}.quiz-route-summary__list dt{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.quiz-route-summary__list dd{margin:0;color:var(--color-heading);font-weight:850}.quiz-extra-preview__list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.quiz-extra-preview__list li{border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:7px 10px;background:var(--color-surface-soft);color:var(--color-primary-deep);font-size:var(--font-size-small);font-weight:850}.theme-route-header-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.theme-route-summary,.theme-route-overview,.theme-route-section,.theme-subtheme-stack,.theme-subtheme-block{display:grid;gap:var(--space-4)}.theme-route-section-header,.theme-subtheme-block__header,.quiz-card__topline,.quiz-card__actions{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.theme-route-section-header h2,.theme-subtheme-block__header h3{margin:var(--space-1) 0 0;color:var(--color-heading)}.theme-route-section-header p,.theme-subtheme-block__header p,.theme-route-empty-note{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.theme-route-kicker{color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.visual-route-shell{display:grid;gap:var(--space-5);overflow:hidden}.visual-route-hero{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.visual-route-hero h2{margin:var(--space-1) 0 0;color:var(--color-heading);font-size:clamp(1.35rem,3vw,2.05rem)}.visual-route-hero p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.visual-route-path{--route-line-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:var(--space-4);margin:0;padding:var(--space-2) 0;list-style:none}.visual-route-path:before{position:absolute;top:calc(var(--space-2) + 28px);right:8%;left:8%;height:4px;border-radius:var(--radius-pill);background:var(--route-line-color);content:""}.visual-route-path>li{position:relative;z-index:1;min-width:0}.visual-route-point{display:grid;min-height:148px;align-content:start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:color-mix(in srgb,var(--color-surface) 94%,var(--color-primary));box-shadow:var(--shadow-card);color:var(--color-text);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.visual-route-point:hover,.visual-route-point:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.visual-route-point--active{border-color:color-mix(in srgb,var(--color-primary) 58%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.visual-route-point--empty{opacity:.62}.visual-route-point__marker{display:grid;width:46px;height:46px;place-items:center;border:3px solid var(--color-surface);border-radius:var(--radius-pill);background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-on-primary);font-weight:950}.visual-route-point__copy{display:grid;gap:var(--space-1)}.visual-route-point__copy strong{color:var(--color-heading);font-size:var(--font-size-card-title);line-height:var(--line-height-heading)}.visual-route-point__copy span:last-child{color:var(--color-muted);font-size:var(--font-size-small);font-weight:800;line-height:1.35}.visual-route-point__status{width:fit-content;border-radius:var(--radius-button);padding:4px 7px;background:color-mix(in srgb,var(--color-success) 14%,var(--color-surface));color:var(--color-success-deep);font-size:.66rem;font-weight:950;text-transform:uppercase}.theme-route-details{border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface-soft)}.theme-route-details summary{min-height:42px;padding:var(--space-3);cursor:pointer;color:var(--color-primary-deep);font-size:var(--font-size-small);font-weight:900}.theme-route-details[open]{padding-bottom:var(--space-3)}.theme-route-details .theme-route-summary__list,.theme-extra-list{padding:0 var(--space-3) var(--space-1)}.theme-route-detail-copy,.theme-detail-list{display:grid;gap:var(--space-2);padding:0 var(--space-3) var(--space-1)}.theme-route-detail-copy p,.theme-detail-item p{margin:0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.theme-detail-item{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-surface)}.theme-detail-item h3{color:var(--color-heading);font-size:var(--font-size-card-title)}.theme-detail-item ul{display:grid;gap:var(--space-1);margin:0;padding-left:var(--space-4);color:var(--color-muted);font-size:var(--font-size-small);font-weight:800;line-height:var(--line-height-body)}.theme-extra-list{display:grid;gap:var(--space-2);margin:0;list-style:none}.theme-extra-list a{display:grid;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-surface);color:var(--color-text);text-decoration:none}.theme-extra-list strong{color:var(--color-heading)}.theme-extra-list span{color:var(--color-muted);font-size:var(--font-size-small);font-weight:800}.theme-route-summary__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin:0}.theme-route-summary__list div{display:grid;gap:var(--space-1);min-width:0;border-top:2px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border));padding-top:var(--space-3)}.theme-route-summary__list dt,.quiz-card__meta dt{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.theme-route-summary__list dd,.quiz-card__meta dd{margin:0;color:var(--color-heading);font-weight:900}.theme-route-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.theme-route-steps li{display:grid;gap:var(--space-2);min-height:82px;align-content:center;justify-items:center;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3);background:var(--color-surface-soft);color:var(--color-primary-deep);font-size:var(--font-size-small);font-weight:900;text-align:center}.theme-route-step__number{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-caption)}.theme-quiz-grid,.theme-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.theme-extra-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-learning-goals{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.theme-learning-goals li{border-left:3px solid var(--color-primary);padding:var(--space-2) var(--space-3);background:var(--color-surface-soft);color:var(--color-muted);font-size:var(--font-size-small);font-weight:800;line-height:var(--line-height-body)}.quiz-card{display:grid;gap:var(--space-4)}.quiz-card--highlighted{border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border))}.quiz-card--compact{gap:var(--space-3)}.quiz-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quiz-card__copy{display:grid;gap:var(--space-2)}.quiz-card__copy h3{color:var(--color-heading);font-size:1.08rem}.quiz-card__copy p{margin:0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.quiz-card__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0}.quiz-card__meta div{display:grid;gap:3px;min-width:0;border-top:1px solid var(--color-border);padding-top:var(--space-2)}.quiz-preview-summary,.quiz-preview-metadata,.quiz-preview-learning-goal,.quiz-preview-actions-card,.quiz-preview-questions,.quiz-preview-question{display:grid;gap:var(--space-4)}.quiz-preview-summary__top,.quiz-preview-question__header,.quiz-preview-section-header{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.quiz-preview-summary h2,.quiz-preview-metadata h2,.quiz-preview-learning-goal h2,.quiz-preview-actions-card h2,.quiz-preview-section-header h2{margin:var(--space-1) 0 0;color:var(--color-heading)}.quiz-preview-summary p,.quiz-preview-actions-card p,.quiz-preview-learning-goal p{margin:0;color:var(--color-muted);line-height:var(--line-height-body)}.quiz-preview-kicker{color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.quiz-preview-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quiz-preview-metrics,.quiz-preview-metadata__list{display:grid;gap:var(--space-3);margin:0}.quiz-preview-metrics,.quiz-preview-metadata__list{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-preview-metrics div,.quiz-preview-metadata__list div{display:grid;gap:var(--space-1);min-width:0;border-top:1px solid var(--color-border);padding-top:var(--space-3)}.quiz-preview-metrics dt,.quiz-preview-metadata__list dt{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.quiz-preview-metrics dd,.quiz-preview-metadata__list dd{margin:0;color:var(--color-heading);font-weight:900}.quiz-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:var(--space-5);align-items:start}.quiz-preview-main{display:grid;gap:var(--space-4)}.quiz-preview-learning-goal__copy{display:grid;gap:var(--space-2);border-left:3px solid var(--color-primary);padding:var(--space-3) var(--space-4);background:var(--color-surface-soft)}.quiz-preview-learning-goal__copy h3{color:var(--color-heading)}.quiz-preview-actions-card{position:sticky;top:96px}.quiz-preview-actions,.quiz-preview-question-list{display:grid;gap:var(--space-3)}.quiz-preview-question h3{color:var(--color-heading);font-size:1.04rem}.quiz-preview-options{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.quiz-preview-option{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:var(--space-3);background:var(--color-surface);color:var(--color-text);line-height:var(--line-height-body)}.quiz-preview-option--correct{border-color:color-mix(in srgb,var(--color-success) 34%,var(--color-border));background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface))}.quiz-preview-option strong{flex:0 0 auto;border-radius:var(--radius-pill);padding:5px 9px;background:color-mix(in srgb,var(--color-success) 18%,var(--color-surface));color:var(--color-success-deep);font-size:var(--font-size-caption);font-weight:900}.quiz-preview-explanation{margin:0;border-left:3px solid var(--color-primary);padding:var(--space-3);background:var(--color-surface-soft);color:var(--color-muted);line-height:var(--line-height-body)}.participant-shell{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 12%,rgb(0 144 242 / 12%),transparent 30%),linear-gradient(180deg,var(--color-page) 0%,var(--color-surface-soft) 100%);color:var(--color-text)}.participant-shell__header{display:flex;width:min(100%,760px);align-items:center;justify-content:space-between;gap:var(--space-4);margin:0 auto;padding:var(--space-5) var(--space-page) 0}.participant-shell__brand{display:inline-flex;align-items:center}.participant-shell__brand img{width:calc(clamp(150px,34vw,210px) * var(--brand-logo-scale, .7));height:auto}.participant-shell__product{color:var(--color-primary-deep);font-size:var(--font-size-small);font-weight:900}.participant-shell__main{display:grid;width:min(100%,760px);min-height:calc(100vh - 76px);align-items:center;margin:0 auto;padding:var(--space-6) var(--space-page) var(--space-8)}.participant-page{display:grid;justify-items:center}.participant-shell:has(.participant-page--waiting) .participant-shell__header{display:none}.participant-shell:has(.participant-page--waiting) .participant-shell__main{min-height:100vh;padding-block:clamp(24px,5vh,46px)}.participant-page--waiting{width:100%;align-content:center;gap:clamp(10px,2vh,14px)}.participant-waiting-logo{width:clamp(92px,20vw,112px);height:auto;justify-self:center}.participant-shell:has(.participant-page--join){background-color:var(--live-background-color);background-image:linear-gradient(90deg,#ffffff57,#ffffff29),var(--live-background-image),var(--live-background-gradient);background-position:center,var(--live-background-position-desktop),center;background-size:cover}.participant-shell:has(.participant-page--join) .participant-shell__header{width:min(100%,520px);justify-content:center;padding-top:var(--space-5)}.participant-shell:has(.participant-page--join) .participant-shell__brand img{width:calc(clamp(118px,26vw,154px) * var(--brand-logo-scale, .7))}.participant-shell:has(.participant-page--join) .participant-shell__product{display:none}.participant-shell:has(.participant-page--join) .participant-shell__main{width:min(100%,520px);min-height:calc(100vh - 86px);padding-top:var(--space-4)}.participant-card,.participant-question-card{display:grid;width:min(100%,560px);gap:var(--space-5)}.participant-join-card{width:min(100%,420px);gap:var(--space-4);border-color:#ffffff70;border-radius:var(--radius-button);background:#fffffff5;box-shadow:0 22px 54px #06284e2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.participant-join-card .participant-card__copy{justify-items:center;gap:0;text-align:center}.participant-join-card .participant-card__copy h1{font-size:clamp(1.65rem,8vw,2.35rem)}.participant-join-form{gap:var(--space-3)}.participant-join-field{gap:var(--space-1)}.participant-join-field span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.participant-join-field input{min-height:52px;border-radius:var(--radius-button);text-align:center}.participant-join-field input[inputmode=numeric]{font-size:1.35rem;font-weight:950;letter-spacing:.08em}.participant-question-card{width:min(100%,680px)}.participant-card--center{justify-items:center;text-align:center}.participant-card__header,.participant-question-card__top{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.participant-question-card__quiz-title{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--font-size-small);font-weight:850}.participant-card__copy{display:grid;gap:var(--space-3)}.participant-card__copy h1{margin:0;color:var(--color-heading);font-size:clamp(2rem,7vw,3.2rem);line-height:var(--line-height-tight)}.participant-card__copy p{margin:0;color:var(--color-muted);font-size:var(--font-size-hero-copy);line-height:var(--line-height-body)}.participant-question-status{border-left:4px solid var(--color-primary);padding-left:var(--space-3)}.participant-form{display:grid;gap:var(--space-4)}.participant-form label{display:grid;gap:var(--space-2);color:var(--color-heading);font-weight:850}.participant-form input{min-height:54px;padding:0 var(--space-4);font-size:1.08rem}.participant-form p{margin:calc(var(--space-3) * -1) 0 0;color:var(--color-muted);font-size:var(--font-size-small)}.participant-form__error{border:1px solid color-mix(in srgb,var(--color-danger) 28%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--color-danger);padding:.75rem .85rem}.participant-form__status{color:var(--color-muted)}.participant-pulse{width:74px;height:74px;border-radius:var(--radius-pill);background:radial-gradient(circle,var(--color-primary) 0 42%,transparent 43%),color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));box-shadow:0 0 0 12px #0090f21a}.participant-waiting-details{display:grid;width:100%;gap:var(--space-3);margin:0;text-align:left}.participant-waiting-details div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:var(--space-3);align-items:baseline;border-top:1px solid var(--color-border);padding-top:var(--space-3)}.participant-waiting-identity{border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-button);padding:10px 14px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-primary-deep);font-size:clamp(1.15rem,4vw,1.55rem);font-weight:950}.participant-session-summary{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);background:var(--color-surface-soft)}.participant-session-summary span{color:var(--color-heading);font-weight:900}.circular-timer{--timer-size: 86px;--timer-color: var(--color-primary);--timer-track: color-mix(in srgb, var(--timer-color) 14%, var(--color-surface-soft));position:relative;width:var(--timer-size);height:var(--timer-size);aspect-ratio:1;flex:0 0 auto;color:var(--timer-color);pointer-events:none}.circular-timer--running{--timer-color: var(--color-primary)}.circular-timer--paused,.circular-timer--waiting{--timer-color: var(--color-muted)}.circular-timer--warning{--timer-color: #c56a00}.circular-timer--expired{--timer-color: #b33434}.circular-timer__ring{position:absolute;inset:0;display:block;width:100%;height:100%;filter:drop-shadow(0 8px 18px rgb(20 34 54 / 10%));transform:rotate(-90deg)}.circular-timer__track,.circular-timer__value{fill:none;stroke-width:8}.circular-timer__track{stroke:var(--timer-track)}.circular-timer__value{stroke:var(--timer-color);stroke-linecap:round;transition:stroke-dashoffset .85s linear,stroke var(--transition-fast)}.circular-timer__time{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:var(--color-heading);font-size:clamp(1.35rem,calc(var(--timer-size) * .34),2rem);font-weight:950;line-height:1}.circular-timer__unit{position:absolute;right:0;bottom:18%;left:0;z-index:1;color:var(--color-muted);font-size:clamp(.5rem,calc(var(--timer-size) * .12),.68rem);font-weight:950;letter-spacing:.04em;line-height:1;text-align:center;text-transform:uppercase}.participant-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}:where(.participant-page--question,.host-question-page--live){--answer-a: #c83f3a;--answer-b: #006fb8;--answer-c: #148b50;--answer-d: #b45f00;--answer-e: #8050c8;--answer-f: #007f8b}.participant-answer-option{display:grid;min-height:76px;grid-template-columns:30px minmax(0,1fr);gap:var(--space-3);align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-4);background:var(--color-surface);color:var(--color-heading);cursor:pointer;font:inherit;font-size:1.08rem;font-weight:850;line-height:var(--line-height-body);text-align:left;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.participant-answer-option:hover:not(:disabled),.participant-answer-option:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 58%,var(--color-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 14%,transparent)}.participant-answer-option:disabled{cursor:default}.participant-answer-option--selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.participant-answer-option__indicator{display:grid;width:30px;height:30px;place-items:center;border:2px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-primary-deep);font-size:1rem;font-weight:900}.participant-answer-option--selected .participant-answer-option__indicator{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.participant-answer-option__state{grid-column:2;color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.participant-question-actions{display:grid;gap:var(--space-3)}.participant-question-done{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3);background:var(--color-surface-soft);color:var(--color-heading);font-weight:900;text-align:center}.participant-result-card{position:relative;overflow:hidden}.participant-result-card:before{position:absolute;inset:0;border-top:5px solid var(--color-primary);content:"";pointer-events:none}.participant-result-card__header{justify-content:center}.participant-result-score{display:grid;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border));border-radius:var(--radius-button);padding:var(--space-4);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.participant-result-score__name{color:var(--color-muted);font-size:var(--font-size-small);font-weight:900}.participant-result-score strong{color:var(--color-primary-deep);font-size:clamp(2.15rem,10vw,3.85rem);font-weight:950;letter-spacing:0;line-height:1}.participant-result-xp{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);justify-self:center;border:1px solid color-mix(in srgb,var(--color-warning) 52%,var(--color-border));border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--color-warning) 14%,var(--color-surface));color:var(--color-heading);font-size:1.15rem;font-weight:950}.participant-result-xp img{width:24px;height:24px}.participant-result-details{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0}.participant-result-details div{display:grid;gap:4px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-surface-soft);text-align:center}.participant-result-details dt{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:850;text-transform:uppercase}.participant-result-details dd{margin:0;color:var(--color-primary-deep);font-size:clamp(1.05rem,4vw,1.35rem);font-weight:950}.participant-result-feedback{margin:0;color:var(--color-heading);font-size:1.08rem;line-height:var(--line-height-body)}.results-session-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:var(--space-4);align-items:start}.results-session-card h2,.results-card-header h2{margin:var(--space-1) 0 0;color:var(--color-heading);font-size:clamp(1.08rem,2vw,1.28rem)}.results-session-card p,.results-question-card p,.results-advice-card p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.results-session-list,.results-mini-list,.results-participant-item dl{display:grid;gap:var(--space-2);margin:0}.results-session-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.results-session-list div,.results-mini-list div,.results-participant-item dl div{display:grid;gap:var(--space-1)}.results-session-list dt,.results-mini-list dt,.results-participant-item dt{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.results-session-list dd,.results-mini-list dd,.results-participant-item dd{margin:0;color:var(--color-heading);font-weight:900}.results-grid{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(220px,.72fr));gap:var(--space-3)}.results-dashboard-card{display:grid;gap:var(--space-4)}.results-dashboard-title{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.results-dashboard-title h2{margin:var(--space-1) 0 0;color:var(--color-heading);font-size:clamp(1.25rem,2.4vw,1.75rem)}.results-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.44fr);gap:var(--space-3)}.results-score-panel,.results-donut-panel{display:grid;gap:var(--space-3);min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-surface-soft)}.results-score-panel .results-card-header h3{margin:var(--space-1) 0 0;color:var(--color-primary-deep);font-size:clamp(2rem,5vw,3.4rem);line-height:.95}.results-kpi-grid,.results-donut-legend{display:grid;gap:var(--space-2);margin:0}.results-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.results-kpi-grid div,.results-donut-legend div{display:grid;gap:3px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:9px 10px;background:var(--color-surface)}.results-kpi-grid dt,.results-donut-legend dt{color:var(--color-muted);font-size:.68rem;font-weight:950;text-transform:uppercase}.results-kpi-grid dd,.results-donut-legend dd{margin:0;color:var(--color-heading);font-size:1.15rem;font-weight:950}.results-donut-panel{grid-template-columns:auto minmax(0,1fr);align-items:center}.results-donut{--answered: 0%;position:relative;display:grid;width:142px;height:142px;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,var(--color-surface) 0 57%,transparent 58%),conic-gradient(var(--color-success) 0 var(--answered),var(--color-border) var(--answered) 100%);box-shadow:inset 0 0 0 1px var(--color-border);text-align:center}.results-donut strong{color:var(--color-heading);font-size:1.75rem;font-weight:950;line-height:1}.results-donut span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900}.results-donut-panel h3{margin:0 0 var(--space-2);color:var(--color-heading);font-size:1.04rem}.results-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.results-insight-tile,.results-advice-card--compact{display:grid;min-height:142px;align-content:start;gap:var(--space-2);border-left:4px solid var(--color-primary)}.results-insight-tile--hard{border-left-color:var(--color-warning)}.results-insight-tile--best{border-left-color:var(--color-success)}.results-insight-tile h2{margin:0;color:var(--color-heading);font-size:clamp(1.5rem,4vw,2.3rem)}.results-insight-tile p,.results-advice-card--compact p{margin:0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.results-advice-card--compact{grid-template-columns:auto minmax(0,1fr);align-items:start}.results-advice-status{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary-deep);font-size:1.5rem;font-weight:950}.results-group-card,.results-question-card,.results-participants-card,.results-advice-card,.results-teacher-report-card{display:grid;gap:var(--space-3)}.results-card-header{display:grid;gap:var(--space-1)}.results-card-kicker{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;letter-spacing:0;line-height:1.2;text-transform:uppercase}.results-score{color:var(--color-primary-deep);font-size:clamp(1.85rem,4.5vw,3rem);font-weight:950;letter-spacing:0;line-height:.95}.results-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}.results-question-text{color:var(--color-heading)!important;font-weight:900}.results-question-card strong{color:var(--color-heading);font-size:1.1rem}.results-participant-list{display:grid;gap:var(--space-2)}.results-participant-list--compact{gap:7px}.results-secondary-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:0}.results-secondary-summary div{display:grid;gap:3px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:8px 10px;background:var(--color-surface-soft)}.results-secondary-summary dt{color:var(--color-muted);font-size:.68rem;font-weight:950;text-transform:uppercase}.results-secondary-summary dd{margin:0;color:var(--color-heading);font-weight:950}.results-participant-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:var(--space-3);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-surface-soft)}.results-participant-item--compact{grid-template-columns:34px minmax(0,1fr) minmax(260px,.62fr);padding:9px 10px}.results-participant-rank{display:grid;width:30px;height:30px;place-items:center;border-radius:var(--radius-button);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-caption);font-weight:950}.results-participant-item h3{margin:0;color:var(--color-heading);font-size:1.05rem}.results-participant-item p{margin:var(--space-1) 0 0;color:var(--color-muted)}.results-participant-item dl{grid-template-columns:repeat(3,minmax(0,1fr))}.results-actions-card{display:flex;flex-wrap:wrap;gap:var(--space-3)}.results-detail-panel{display:grid;gap:var(--space-3)}.results-detail-panel>summary{cursor:pointer;list-style:none}.results-detail-panel>summary::-webkit-details-marker{display:none}.results-detail-panel[open]>summary{padding-bottom:var(--space-3)}.teacher-report{display:grid;gap:var(--space-3)}.teacher-report-section{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-surface-soft)}.teacher-report-section__header{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between}.teacher-report-section--details summary{cursor:pointer;list-style:none}.teacher-report-section--details summary::-webkit-details-marker{display:none}.teacher-report-section--details summary small{display:block;margin-top:2px;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:850}.teacher-report-table--compact{font-size:var(--font-size-small)}@media(max-width:860px){.results-dashboard-layout,.results-insight-grid{grid-template-columns:1fr}.results-kpi-grid,.results-secondary-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.results-donut-panel{grid-template-columns:auto minmax(0,1fr)}.results-participant-item--compact{grid-template-columns:34px minmax(0,1fr)}.results-participant-item--compact dl{grid-column:1 / -1}}@media(max-width:520px){.results-dashboard-title{display:grid}.results-donut-panel{grid-template-columns:1fr;justify-items:center;text-align:center}.results-kpi-grid,.results-donut-legend,.results-secondary-summary,.results-participant-item--compact dl{grid-template-columns:repeat(2,minmax(0,1fr))}.results-participant-item--compact{grid-template-columns:30px minmax(0,1fr)}}.teacher-report-section h3,.teacher-report-item h4,.teacher-report-recommendations h4{margin:0;color:var(--color-heading)}.teacher-report-section p,.teacher-report-item p,.teacher-report-recommendations p{margin:0;color:var(--color-muted);line-height:var(--line-height-body)}.teacher-report-metrics,.teacher-report-item dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-3);margin:0}.teacher-report-metrics div,.teacher-report-item dl div{display:grid;gap:var(--space-1)}.teacher-report-metrics dt,.teacher-report-item dt{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.teacher-report-metrics dd,.teacher-report-item dd{margin:0;color:var(--color-heading);font-weight:900}.teacher-report-list,.teacher-report-recommendations{display:grid;gap:var(--space-3)}.teacher-report-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr) auto;gap:var(--space-3);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-surface)}.teacher-report-table-wrap{overflow-x:auto}.teacher-report-table{width:100%;min-width:760px;border-collapse:collapse}.teacher-report-table th,.teacher-report-table td{border-bottom:1px solid var(--color-border);padding:var(--space-2);text-align:left;vertical-align:top}.teacher-report-table th{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.teacher-report-table td{color:var(--color-heading);line-height:var(--line-height-body)}.teacher-report-recommendations article{border-left:4px solid var(--color-primary);padding:var(--space-3);background:var(--color-surface)}.result-export-page{display:grid;gap:var(--space-5);width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 0}.result-export-page--empty{max-width:760px;margin-inline:auto}.result-export-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start;justify-content:space-between;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-card)}.result-export-toolbar h1{margin:var(--space-3) 0 var(--space-2);font-size:var(--font-size-section-title)}.result-export-toolbar p,.result-export-state p{margin:0;color:var(--color-muted);line-height:var(--line-height-body)}.result-export-toolbar__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.result-export-header-style{display:grid;gap:4px;min-width:160px;color:var(--color-muted);font-size:.78rem;font-weight:850}.result-export-header-style select{min-height:38px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:0 34px 0 10px;background:var(--color-surface);color:var(--color-text);font:inherit}.result-export-state{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);background:var(--color-surface-soft)}.result-export-document{display:grid;gap:14px;max-width:1040px;margin-inline:auto;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:clamp(20px,3vw,32px);background:#fff;color:#1f2937;box-shadow:var(--shadow-card)}.result-export-header{--export-header-color: #0090f2;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;border-top:12px solid var(--export-header-color);border-bottom:2px solid var(--export-header-color);padding:14px 0 12px}.result-export-document--header-colored .result-export-header,.result-export-document--header-dark .result-export-header{border:0;padding:14px 16px}.result-export-document--header-colored .result-export-header{background:var(--export-header-color)}.result-export-document--header-dark .result-export-header{--export-header-color: #12314d;background:var(--export-header-color)}.result-export-brand{display:flex;gap:14px;align-items:center;color:#003b66;font-weight:900}.result-export-brand img{width:142px;height:auto}.result-export-header h1{max-width:none;margin:0;color:#122033;font-size:1.55rem;line-height:1.15}.result-export-document--header-colored .result-export-header h1,.result-export-document--header-colored .result-export-header p,.result-export-document--header-colored .result-export-kicker,.result-export-document--header-dark .result-export-header h1,.result-export-document--header-dark .result-export-header p,.result-export-document--header-dark .result-export-kicker{color:#fff}.result-export-header p,.result-export-section p,.result-export-disclaimer p{margin:0;line-height:1.55}.result-export-kicker{color:#006db8;font-size:.78rem;font-weight:900;text-transform:uppercase}.result-export-section{display:grid;gap:9px;border:1px solid #d9e2ec;border-radius:2px;padding:12px;background:#fff}.result-export-section h2{margin:0;color:#122033;font-size:1.04rem}.result-export-metadata dl,.result-export-summary dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.result-export-metadata div,.result-export-summary dl div{display:grid;gap:4px}.result-export-metadata dt,.result-export-summary dt{color:#52657a;font-size:.72rem;font-weight:900;text-transform:uppercase}.result-export-metadata dd,.result-export-summary dd{margin:0;color:#122033;font-weight:850}.result-export-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;border-left:5px solid #0090f2}.result-export-summary .result-export-scorebar,.result-export-summary dl{grid-column:1 / -1}.result-export-score{display:grid;gap:4px}.result-export-score strong{color:#003b66;font-size:2.35rem;line-height:1}.result-export-score span{color:#52657a;font-weight:850}.result-export-scorebar{height:10px;overflow:hidden;border-radius:999px;background:#dcecf8}.result-export-scorebar span{display:block;height:100%;border-radius:inherit;background:#0090f2}.result-export-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-export-section strong{color:#122033}.result-export-table-wrap{overflow-x:auto}.result-export-document table{width:100%;border-collapse:collapse;color:#1f2937;font-size:.82rem}.result-export-document th,.result-export-document td{border-bottom:1px solid #d9e2ec;padding:6px;text-align:left;vertical-align:top}.result-export-document th{color:#003b66;font-size:.74rem;font-weight:900;text-transform:uppercase}.result-export-repeat{border-left:5px solid #2ed47a;background:#f7fcfb}.result-export-details{background:#f8fbfd}.result-export-details summary{display:flex;gap:10px;align-items:baseline;justify-content:space-between;cursor:pointer;list-style:none}.result-export-details summary::-webkit-details-marker{display:none}.result-export-details summary span{color:#52657a;font-size:.72rem;font-weight:900;text-transform:uppercase}.result-export-details summary strong{color:#122033}.result-export-disclaimer{border-top:1px solid #d9e2ec;padding-top:10px;color:#394b5f;font-size:.78rem}.result-export-footer{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;gap:12px;align-items:center;border-top:2px solid #0090f2;padding-top:10px;color:#52657a;font-size:.82rem;font-weight:800}.result-export-footer img{width:18px;height:18px;justify-self:end}.host-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:var(--space-5);align-items:start}.host-main,.host-session-card{display:grid;gap:var(--space-5)}.host-session-card__header,.participants-panel__header{display:flex;gap:var(--space-4);align-items:start;justify-content:space-between}.host-session-card h2,.participants-panel h2,.join-card h2,.host-instruction-card h2{margin:var(--space-3) 0 0;color:var(--color-heading);font-size:var(--font-size-section-title)}.host-session-card__header p{max-width:640px;margin:var(--space-2) 0 0;color:var(--color-muted);line-height:var(--line-height-body)}.host-meta-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin:0}.host-meta-list div{display:grid;gap:var(--space-1);min-width:0;border-top:2px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border));padding-top:var(--space-3)}.host-live-note{margin:0;border-radius:var(--radius-card);padding:var(--space-3);background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface));color:var(--color-muted);font-size:var(--font-size-small);font-weight:750;line-height:var(--line-height-body)}.host-code-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:var(--space-5)}.join-card,.qr-card{display:grid;align-content:start;gap:var(--space-4)}.join-card__copy p,.qr-card p{margin:var(--space-2) 0 0;color:var(--color-muted);line-height:var(--line-height-body)}.join-code{width:fit-content;border-radius:var(--radius-card);padding:var(--space-3) var(--space-5);background:var(--color-surface-soft);color:var(--color-primary-deep);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:950;letter-spacing:.16em;line-height:1}.join-url{margin:0;color:var(--color-muted);font-weight:850;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.join-link-block{display:grid;gap:var(--space-1)}.join-link-block span,.join-copy-status{color:var(--color-muted);font-size:.9rem;font-weight:750}.join-copy-status{margin:calc(var(--space-2) * -1) 0 0}.join-link-inline{color:var(--color-primary-deep);font-weight:850;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.qr-placeholder{display:grid;width:min(100%,220px);aspect-ratio:1;place-items:center;border:2px dashed color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-radius:var(--radius-card);background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 10%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--color-primary) 10%,transparent) 1px,transparent 1px),var(--color-surface-soft);background-size:22px 22px;color:var(--color-primary-deep);font-weight:900;text-align:center}.host-instruction-card{display:grid;gap:var(--space-4)}.host-instruction-card h2{margin:0;font-size:1.08rem}.host-instruction-card ol{display:grid;gap:var(--space-2);margin:0;padding-left:var(--space-5);color:var(--color-muted);line-height:var(--line-height-body)}.participants-panel{position:sticky;top:96px}.participant-list{display:grid;gap:var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none}.participant-empty-state{display:grid;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}.participant-empty-state h3{margin:0;color:var(--color-heading);font-size:1rem}.participant-empty-state p{margin:0;color:var(--color-muted);font-size:var(--font-size-small);line-height:var(--line-height-body)}.participant-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:var(--space-3);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3);background:var(--color-surface)}.participant-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-primary-deep);font-weight:900}.participant-item__name{min-width:0;color:var(--color-heading);font-weight:850}.participant-stats{display:flex;grid-column:2 / -1;flex-wrap:wrap;gap:var(--space-2)}.participant-stats span,.participant-xp{grid-column:2 / -1;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:850}.host-actions{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.host-question-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.host-question-status div{display:grid;gap:var(--space-1);min-width:0}.host-question-status__label{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:850;text-transform:uppercase}.host-question-status strong{color:var(--color-heading);font-size:1rem}.host-question-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:var(--space-5);align-items:start}.host-question-main,.host-question-card{display:grid;gap:var(--space-5)}.host-question-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.host-question-card__copy{display:grid;gap:var(--space-3)}.host-question-card__copy h2{max-width:900px;margin:0;color:var(--color-heading);font-size:clamp(2rem,4vw,3.5rem);line-height:var(--line-height-tight)}.host-question-card__copy p{max-width:720px;margin:0;color:var(--color-muted);font-size:var(--font-size-hero-copy);line-height:var(--line-height-body)}.host-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.host-answer-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;border:1px solid var(--color-border)}.host-answer-card--correct{border-color:color-mix(in srgb,var(--color-success) 60%,var(--color-border));background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface))}.host-answer-card__letter{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-button);background:var(--answer-accent, var(--color-primary));color:#fff;font-weight:900}.host-answer-card__text{color:var(--color-heading);font-size:1.08rem;font-weight:850;line-height:var(--line-height-body)}.host-question-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.answer-review-panel{display:grid;gap:var(--space-5)}.answer-review-panel__header{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:start;justify-content:space-between}.answer-review-panel__header h2,.leaderboard-placeholder-card h2{margin:var(--space-3) 0 0;color:var(--color-heading);font-size:var(--font-size-section-title)}.answer-review-panel__header p,.leaderboard-placeholder-card p{margin:var(--space-2) 0 0;color:var(--color-muted);line-height:var(--line-height-body)}.answer-review-panel__notice{margin:0;border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--color-border));border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface));color:var(--color-text);font-weight:700}.answer-review-panel__correct{display:grid;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--color-success) 46%,var(--color-border));border-radius:var(--radius-card);padding:var(--space-4);background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface))}.answer-review-panel__correct span,.answer-review-tip h3{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.answer-review-tip h3{margin:0}.answer-review-panel__correct strong{color:var(--color-heading);font-size:1.08rem}.answer-review-list{display:grid;gap:var(--space-3)}.answer-review-row{display:grid;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);background:var(--color-surface)}.answer-review-row__top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:var(--space-3);align-items:center}.answer-review-row__letter{display:grid;width:38px;height:38px;place-items:center;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-primary-deep);font-weight:900}.answer-review-row__text{color:var(--color-heading);font-weight:850;line-height:var(--line-height-body)}.answer-review-tip,.leaderboard-placeholder-card{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);background:var(--color-surface-soft)}.answer-review-tip p{margin:0;color:var(--color-heading);line-height:var(--line-height-body)}.answer-review-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.standings-panel{display:grid;gap:var(--space-5)}.standings-panel--centered{max-width:760px;margin-inline:auto}.standings-panel__header{display:grid;max-width:720px;gap:var(--space-3)}.standings-panel__header h2,.standings-top-five h3{margin:0;color:var(--color-heading);font-size:var(--font-size-section-title)}.standings-panel__header p,.standings-score-card p{margin:0;color:var(--color-muted);line-height:var(--line-height-body)}.standings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:var(--space-4);align-items:stretch}.standings-score-card,.standings-top-five{display:grid;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5);background:var(--color-surface-soft)}.standings-score-card{border-color:color-mix(in srgb,var(--color-primary) 34%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,var(--color-surface)),var(--color-surface))}.standings-score-card__percentage{color:var(--color-primary-deep);font-size:clamp(2.35rem,7vw,4.8rem);font-weight:950;letter-spacing:0;line-height:.95}.standings-score-card strong{color:var(--color-heading);font-size:1.2rem;line-height:var(--line-height-tight)}.standings-top-five ol{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.standings-top-five li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3);background:var(--color-surface)}.standings-top-five li span:first-child{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;font-weight:900}.standings-top-five li strong{color:var(--color-heading)}.standings-top-five li span:last-child{color:var(--color-muted);font-size:var(--font-size-small);font-weight:850}.standings-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.host-question-participants{position:sticky;top:96px}.host-question-participants__header{display:flex;gap:var(--space-3);align-items:start;justify-content:space-between}.host-question-participants h2{margin:var(--space-3) 0 0;color:var(--color-heading);font-size:var(--font-size-section-title)}.host-question-participants p{margin:var(--space-4) 0 0;color:var(--color-muted);font-size:var(--font-size-small);line-height:var(--line-height-body)}.host-question-participant-list{display:grid;gap:var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none}.host-question-participant-list li{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.host-question-participant-list span:first-child{color:var(--color-heading);font-weight:850}@media(max-width:980px){.topbar__inner{grid-template-columns:auto 1fr;gap:12px}.primary-nav{order:3;grid-column:1 / -1;width:100%;justify-content:flex-start;border-radius:var(--radius-card);overflow-x:auto;scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}.topbar-actions{min-width:0}.home-hero,.continuation-grid,.route-hero,.route-content-grid,.settings-grid,.profile-overview-card,.profile-metrics-grid,.quiz-selection-layout,.quiz-preview-layout,.results-session-card,.results-grid,.results-participant-item,.teacher-report-item,.theme-route-summary__list,.theme-route-steps,.theme-extra-grid,.host-layout,.host-question-layout,.standings-layout,.host-code-grid{grid-template-columns:1fr}.theme-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participants-panel,.host-question-participants,.quiz-selection-sidebar,.quiz-preview-actions-card{position:static}.host-meta-list,.results-session-list,.results-participant-item dl,.teacher-report-item dl{grid-template-columns:repeat(3,minmax(0,1fr))}.host-question-status{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-route-selectors{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-quiz-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{gap:18px;min-height:auto;padding-top:16px}.hero-copy-block{min-height:0}.hero-mini-stack{width:100%;justify-self:stretch}.mini-card{height:auto;min-height:112px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-challenge-bar{grid-template-columns:auto minmax(0,1fr) auto auto}.daily-challenge-progress{grid-column:2 / -1}}@media(min-width:981px)and (max-width:1100px){.app-shell:has(.home-page){min-height:calc(100vh - 169px)}.home-hero{min-height:258px}}@media(max-width:620px){.loading-screen,.participant-shell:has(.participant-page--join){background-image:linear-gradient(135deg,#ffffffd1,#e7f6ffb8),var(--live-background-image-mobile),var(--live-background-gradient);background-position:center,var(--live-background-position-mobile),center}.participant-shell:has(.participant-page--join){background-image:linear-gradient(90deg,#ffffff57,#ffffff29),var(--live-background-image-mobile),var(--live-background-gradient)}.topbar__inner{grid-template-columns:1fr;padding:10px}.brand-link{justify-self:start;min-width:0}.topbar-actions{grid-column:1 / -1;width:100%;justify-content:end;gap:8px}.primary-nav{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.nav-link{justify-content:center;min-height:58px;gap:4px;padding:8px 8px 12px;font-size:.84rem;line-height:1.15;text-align:center}.nav-link--active:after{right:14px;bottom:5px;left:14px}.xp-indicator{min-height:40px;gap:5px;padding:0 9px 0 6px;font-size:.82rem}.xp-indicator__star-badge{width:24px;height:24px}.xp-indicator__star{width:22px;height:22px}.xp-indicator span,.xp-indicator strong{font-size:.78rem}.profile-summary{width:44px;height:44px}.notification-button{width:40px;height:40px}.profile-dropdown{right:-4px}.settings-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page{padding-top:22px}.settings-section__header,.settings-actions,.quiz-selection-section__header,.quiz-choice-card__header,.quiz-extra-preview__header,.quiz-route-summary__header,.theme-route-section-header,.theme-subtheme-block__header,.quiz-preview-summary__top,.quiz-preview-question__header,.quiz-preview-section-header,.quiz-card__topline,.quiz-card__actions{align-items:stretch;flex-direction:column}.settings-choice,.settings-toggle,.quiz-choice-card{min-height:64px}.settings-actions__buttons,.settings-actions__buttons .ui-button,.profile-link-grid .ui-button,.quiz-route-summary .ui-button{width:100%}.quiz-route-summary__list div{grid-template-columns:1fr;gap:var(--space-1)}.theme-quiz-grid,.theme-extra-grid,.quiz-card__meta,.quiz-preview-metrics,.quiz-preview-metadata__list{grid-template-columns:1fr}.theme-route-steps,.visual-route-path{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-card__actions .ui-button{width:100%}.quiz-preview-option{align-items:flex-start;flex-direction:column}.app-shell{padding-block:10px 32px}.home-hero{padding:16px 10px 10px}.status-card,.info-card{padding:20px}.hero-copy-block{padding:0}h1{font-size:var(--font-size-hero-title-mobile)}.hero-actions,.notice-bar{align-items:stretch;flex-direction:column}.hero-copy{max-width:34rem}.button--hero{min-width:0;min-height:60px;border-radius:var(--radius-hero-action-mobile);padding:0 22px}.mini-card{grid-template-columns:46px minmax(0,1fr);height:auto;min-height:112px;padding:12px}.xp-widget__badge,.continue-widget__icon{width:46px;height:46px}.xp-widget__star,.continue-widget__play{width:25px;height:25px}.button,.mini-card__button{width:100%}.continue-widget__body{grid-template-columns:1fr;row-gap:8px;align-items:start}.mini-card__button{grid-column:1;grid-row:auto}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions{align-items:stretch;flex-direction:column}.action-grid,.quick-route-card__top,.quick-route-selectors,.quick-focus-panel,.quick-quiz-list{grid-template-columns:1fr}.method-logo-slot{width:48px;height:48px}.visual-route-hero{align-items:stretch;flex-direction:column}.visual-route-path{grid-template-columns:1fr;gap:var(--space-3);padding-left:var(--space-3)}.visual-route-path:before{top:18px;bottom:18px;left:34px;width:4px;height:auto}.visual-route-point{min-height:112px;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center}.daily-challenge-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:12px}.daily-challenge-star{width:36px;height:36px}.daily-challenge-star-icon{width:22px;height:22px}.daily-challenge-main h2{font-size:.94rem}.daily-challenge-main p{font-size:.8rem}.daily-copy-full{display:none}.daily-copy-short{display:inline}.daily-challenge-progress{grid-column:1 / 3}.daily-challenge-score{grid-column:3;justify-self:end;font-size:.86rem}.daily-challenge-gift{grid-column:3;grid-row:1;width:34px;height:34px}.daily-challenge-gift .challenge-gift-icon{width:31px;height:31px}.status-list div,.detail-list div{grid-template-columns:1fr;gap:4px}.host-page,.host-question-page{padding-top:24px}.host-session-card__header,.host-question-participants__header,.participants-panel__header{align-items:stretch;flex-direction:column}.host-meta-list,.host-question-status,.host-answer-grid,.results-session-list,.results-mini-list,.results-participant-item dl,.teacher-report-metrics,.teacher-report-item dl{grid-template-columns:1fr}.host-answer-card{grid-template-columns:38px minmax(0,1fr)}.host-answer-card .ui-badge{grid-column:2;justify-self:start}.host-question-actions,.results-actions-card,.answer-review-panel__header,.answer-review-actions,.standings-actions{display:grid}.standings-top-five li{grid-template-columns:34px minmax(0,1fr)}.standings-top-five li span:last-child{grid-column:2}.answer-review-row__top{grid-template-columns:38px minmax(0,1fr)}.answer-review-row__top .ui-badge{grid-column:2;justify-self:start}.join-code{width:100%;text-align:center}.qr-placeholder{width:100%;max-width:260px}.participant-item{grid-template-columns:40px minmax(0,1fr)}.participant-item .ui-status-pill{grid-column:2;width:fit-content}.participant-item .ui-button{grid-column:2;justify-self:start}.participant-stats,.participant-xp{grid-column:2}.participant-shell__header{align-items:flex-start;flex-direction:column}.participant-shell:has(.participant-page--join) .participant-shell__header{align-items:center}.participant-shell__main{min-height:auto;padding-top:var(--space-5)}.participant-shell:has(.participant-page--join) .participant-shell__main{min-height:calc(100vh - 76px);padding:var(--space-4) var(--space-page) var(--space-6)}.participant-card,.participant-question-card{gap:var(--space-4)}.participant-card__header,.participant-question-card__top{align-items:stretch;flex-direction:column}.participant-answer-grid{grid-template-columns:1fr}.participant-answer-option{min-height:68px;padding:var(--space-3)}.participant-result-details div{grid-template-columns:1fr;text-align:center}}.quiz-editor-page{display:grid;gap:var(--space-5);padding:var(--space-6) 0}.quiz-editor-status{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.quiz-editor-status p,.quiz-editor-muted,.quiz-editor-empty-note{margin:0;color:var(--color-muted);line-height:var(--line-height-body)}.quiz-editor-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.35fr) minmax(280px,.9fr);gap:var(--space-4);align-items:start}.quiz-editor-panel,.quiz-editor-field-stack,.quiz-editor-preview,.quiz-editor-preview-question{display:grid;gap:var(--space-4)}.quiz-editor-panel--wide{grid-column:span 2}.quiz-editor-panel__header{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.quiz-editor-panel__header h2,.quiz-editor-preview h3,.quiz-editor-preview h4{margin:0}.quiz-editor-panel__header h2{font-size:var(--font-size-section-title)}.quiz-editor-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.quiz-editor-field{display:grid;gap:var(--space-2);min-width:0;color:var(--color-heading);font-weight:800}.quiz-editor-field span,.quiz-editor-options legend{font-size:var(--font-size-caption)}.quiz-editor-field input,.quiz-editor-field select,.quiz-editor-field textarea{width:100%;min-height:42px;padding:10px 12px;font-weight:500}.quiz-editor-field textarea{resize:vertical}.quiz-editor-question-list{display:grid;gap:var(--space-3)}.quiz-editor-question-item{display:grid;gap:6px;width:100%;min-height:96px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer}.quiz-editor-question-item--selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface))}.quiz-editor-question-item span{color:var(--color-heading);font-weight:900}.quiz-editor-question-item small{color:var(--color-muted);line-height:var(--line-height-body)}.quiz-editor-options{display:grid;gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card)}.quiz-editor-options legend{padding:0 var(--space-2);color:var(--color-heading);font-weight:900}.quiz-editor-option-row{display:grid;grid-template-columns:minmax(86px,auto) minmax(0,1fr) auto;gap:var(--space-3);align-items:end}.quiz-editor-correct-option{display:inline-flex;gap:var(--space-2);align-items:center;min-height:42px;color:var(--color-heading);font-weight:800}.quiz-editor-issue-list,.quiz-editor-preview-question ol{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.quiz-editor-issue-list li{display:grid;gap:4px;padding:var(--space-3);border:1px solid var(--color-danger-soft);border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-danger-soft) 42%,var(--color-surface))}.quiz-editor-issue-list strong{color:var(--color-danger-deep)}.quiz-editor-issue-list span{color:var(--color-muted);font-size:var(--font-size-caption)}.quiz-editor-preview p{margin:0;color:var(--color-muted);line-height:var(--line-height-body)}.quiz-editor-preview-question{padding-top:var(--space-2)}.quiz-editor-preview-question li{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-soft)}@media(max-width:1060px){.quiz-editor-layout{grid-template-columns:1fr 1fr}.quiz-editor-panel--wide{grid-column:1 / -1}}@media(max-width:720px){.quiz-editor-status,.quiz-editor-panel__header,.quiz-editor-preview-question li{align-items:stretch;flex-direction:column}.quiz-editor-layout,.quiz-editor-field-grid,.quiz-editor-option-row{grid-template-columns:1fr}.quiz-editor-panel--wide{grid-column:auto}}@media print{@page{size:A4;margin:14mm}html,body{background:#fff!important;color:#111827!important}.topbar,.background-motifs,.no-print,.result-export-toolbar,.result-export-state{display:none!important}.app-shell{width:100%!important;min-height:auto!important;padding:0!important}.result-export-page{display:block;padding:0}.result-export-document{max-width:none;border:0;padding:0 0 13mm;box-shadow:none}.result-export-header{margin-top:0}.result-export-section,.result-export-header,.result-export-disclaimer{break-inside:avoid;page-break-inside:avoid}.result-export-footer{position:fixed;right:0;bottom:0;left:0;background:#fff;break-inside:avoid;page-break-inside:avoid}.result-export-details:not([open]) .result-export-table-wrap{display:none}.result-export-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-export-document table{break-inside:auto;page-break-inside:auto;font-size:8pt}.result-export-document tr{break-inside:avoid;page-break-inside:avoid}.result-export-document th,.result-export-document td{padding:4px 5px}}.host-page--lobby{gap:0;padding-top:clamp(10px,2vh,18px)}.app-shell:has(.host-page--lobby){min-height:auto;padding-block:10px 14px}.app-shell:has(.host-page--lobby)+.app-footer{display:none}.host-digiboard{display:grid;grid-template-areas:"code qr" "side controls";grid-template-columns:minmax(0,1.32fr) minmax(260px,.68fr);gap:clamp(10px,1.7vh,16px);align-items:stretch;min-height:min(610px,calc(100vh - 150px))}.host-page--lobby .ui-card{padding:clamp(12px,1.8vh,20px)}.host-code-card{grid-area:code;display:grid;gap:clamp(10px,1.8vh,18px);align-content:center;justify-items:center;text-align:center}.host-code-card__header,.host-link-actions,.host-control-card{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center}.host-code-card__header{justify-content:space-between;width:100%;color:var(--color-muted);font-size:var(--font-size-small);font-weight:900;text-transform:uppercase}.host-code-card__header strong{color:var(--color-primary-deep);font-size:clamp(1rem,2vw,1.35rem);text-transform:none}.join-code--board{width:min(100%,720px);border-radius:var(--radius-button);padding:clamp(12px,1.8vh,20px) clamp(20px,4vw,42px);font-size:clamp(4rem,9vw,7.3rem);letter-spacing:.12em;text-align:center}.host-link-actions .ui-button{min-width:150px}.host-code-card .join-url{max-width:min(100%,720px);font-size:clamp(.8rem,1.4vw,.95rem)}.qr-card--board{grid-area:qr;display:grid;gap:var(--space-3);align-content:center;justify-items:center;text-align:center}.qr-card--board p{margin:0;color:var(--color-muted);font-weight:850}.qr-code-visual{display:block;width:min(100%,220px);aspect-ratio:1;border:10px solid var(--color-surface);border-radius:var(--radius-button);background:var(--color-surface);box-shadow:0 14px 34px #004e8a24;color:#0b2545}.qr-code-fallback{display:grid;place-items:center;color:var(--color-primary-deep)}.qr-code-fallback span{border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-button);padding:8px 10px;background:var(--color-surface-soft);font-size:var(--font-size-small);font-weight:900}.host-side-card{grid-area:side;display:grid;gap:var(--space-3);align-content:start;min-height:0}.host-side-card__kicker{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.host-side-card h2{margin:0;color:var(--color-primary-deep);font-size:clamp(3rem,7vw,5rem);line-height:.95}.participant-list--compact{max-height:150px;margin-top:0;overflow:auto}.participant-item--compact{grid-template-columns:34px minmax(0,1fr) auto;gap:var(--space-2);padding:8px}.participant-item--compact .participant-avatar{width:34px;height:34px}.participant-item--compact .ui-button{min-height:30px;padding-inline:8px;font-size:.72rem}.host-page--lobby .participant-empty-state{margin-top:0;padding:var(--space-3)}.host-page--lobby .participant-empty-state p{display:none}.host-steps{display:grid;gap:7px;margin:0;padding-left:1.25rem;color:var(--color-heading);font-size:clamp(.9rem,1.45vw,1rem);font-weight:850;line-height:1.35}.host-control-card{grid-area:controls;align-content:center}.host-control-card .ui-button{min-width:168px}.host-info-card{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);box-shadow:none}.host-info-card summary{min-height:38px;padding:9px 12px;cursor:pointer;color:var(--color-primary-deep);font-size:var(--font-size-small);font-weight:900}.host-info-card .host-meta-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px}.host-info-card .host-meta-list div{border-top-width:1px;padding-top:8px}.host-info-card .host-meta-list dt{font-size:.66rem}.host-info-card .host-meta-list dd{font-size:.78rem}@media(max-width:980px){.host-digiboard{grid-template-areas:"code" "qr" "side" "controls";grid-template-columns:1fr;min-height:auto}.host-info-card .host-meta-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.host-page--lobby{padding-top:14px}.host-link-actions,.host-control-card{display:grid}.join-code--board{font-size:clamp(3.2rem,17vw,5.2rem)}.qr-code-visual{width:min(100%,220px)}.host-info-card .host-meta-list{grid-template-columns:1fr}}.host-question-page--live{gap:8px;padding-top:6px}.app-shell:has(.host-question-page--live){min-height:auto;padding-block:4px}.app-shell:has(.host-question-page--live)+.app-footer{display:none}.host-live-status{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(120px,.18fr));gap:var(--space-3);align-items:center;padding:12px}.host-live-status__progress{display:grid;gap:var(--space-2);min-width:0}.host-live-status__progress strong{color:var(--color-heading);font-size:clamp(1rem,2vw,1.35rem)}.host-live-status__progress span{overflow:hidden;color:var(--color-muted);font-size:var(--font-size-small);font-weight:850;text-overflow:ellipsis;white-space:nowrap}.host-live-progress{height:9px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface-soft)}.host-live-progress span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.host-live-metric{display:grid;gap:2px;justify-items:center;border-left:1px solid var(--color-border);padding-left:var(--space-3);text-align:center}.host-live-metric span{color:var(--color-primary-deep);font-size:clamp(1.45rem,3vw,2.3rem);font-weight:950;line-height:.98}.host-live-metric strong{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.host-live-timer{--timer-size: clamp(70px, 7vw, 82px);justify-self:center}.host-live-timer .circular-timer__time{font-size:clamp(1.25rem,calc(var(--timer-size) * .33),1.6rem)}.host-live-timer .circular-timer__unit{font-size:.56rem}.host-live-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:clamp(10px,1.7vh,16px);align-items:stretch;min-height:min(500px,calc(100vh - 260px))}.host-live-main,.host-live-side{display:grid;min-height:0;gap:clamp(10px,1.7vh,16px)}.host-live-main{grid-template-rows:minmax(118px,.36fr) minmax(220px,.64fr)}.host-live-question-card{display:grid;align-content:center;gap:var(--space-3)}.host-live-question-card>span{color:var(--color-muted);font-size:var(--font-size-small);font-weight:900}.host-live-question-card h2{max-width:980px;margin:0;color:var(--color-heading);font-size:clamp(2rem,4.4vw,4rem);line-height:var(--line-height-tight)}.host-live-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.8vh,16px)}.host-answer-card--button{--answer-accent: var(--color-primary);--answer-accent-soft: color-mix(in srgb, var(--answer-accent) 10%, var(--color-surface));width:100%;min-height:92px;border-color:color-mix(in srgb,var(--answer-accent) 34%,var(--color-border));border-radius:var(--radius-button);padding:clamp(10px,1.6vh,16px);background:linear-gradient(90deg,var(--answer-accent-soft),transparent 60%),var(--color-surface);cursor:pointer;text-align:left}.host-answer-card--button:nth-child(1){--answer-accent: var(--answer-a)}.host-answer-card--button:nth-child(2){--answer-accent: var(--answer-b)}.host-answer-card--button:nth-child(3){--answer-accent: var(--answer-c)}.host-answer-card--button:nth-child(4){--answer-accent: var(--answer-d)}.host-answer-card--button:nth-child(5){--answer-accent: var(--answer-e)}.host-answer-card--button:nth-child(6){--answer-accent: var(--answer-f)}.host-answer-card--button:hover,.host-answer-card--button:focus-visible,.host-answer-card--selected{border-color:var(--answer-accent);box-shadow:var(--shadow-card-hover)}.host-answer-card--button .host-answer-card__text{font-size:clamp(1.05rem,2vw,1.45rem)}.host-live-side{grid-template-rows:auto minmax(0,1fr)}.host-live-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.host-live-actions .ui-button{width:100%}.host-live-actions .ui-button:first-child,.host-live-actions .ui-button:last-of-type{grid-column:1 / -1}.host-live-participants{display:grid;min-height:0;gap:var(--space-3)}.host-live-participants__header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3)}.host-live-participants__header span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.host-live-participants__header strong{color:var(--color-primary-deep);font-size:clamp(2rem,5vw,3.2rem);line-height:.95}.host-question-page--live .host-question-participant-list{max-height:190px;margin:0;overflow:auto}.host-question-page--live .host-question-participant-list li{gap:var(--space-2);border-radius:var(--radius-button);padding:9px}.host-question-page--live .host-question-participant-list li span:last-child{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:850}.host-question-page--live .ui-modal{width:min(920px,calc(100vw - 32px));max-height:min(86vh,720px);overflow:auto}.host-question-page--live .answer-review-panel,.host-question-page--live .standings-panel{gap:var(--space-4)}@media(max-width:980px){.host-live-status,.host-live-layout{grid-template-columns:1fr}.host-live-layout{min-height:auto}.host-live-metric{border-left:0;border-top:1px solid var(--color-border);padding:var(--space-2) 0 0}}@media(max-width:620px){.host-live-answer-grid{grid-template-columns:1fr}.host-live-question-card h2{font-size:clamp(1.55rem,9vw,2.4rem)}}.participant-shell:has(.participant-page--question){background:radial-gradient(circle at 14% 12%,rgb(0 144 242 / 12%),transparent 24%),radial-gradient(circle at 86% 14%,rgb(46 212 122 / 12%),transparent 22%),var(--color-page)}.participant-shell:has(.participant-page--question) .participant-shell__header{width:min(100%,1020px);padding-top:clamp(10px,2vh,18px)}.participant-shell:has(.participant-page--question) .participant-shell__main{width:min(100%,1020px);min-height:calc(100vh - 76px);align-items:start;padding:clamp(10px,2vh,18px) var(--space-page) clamp(12px,2vh,20px)}.participant-page--question{width:100%}.participant-play-card{width:100%;max-width:980px;gap:clamp(12px,2vh,18px);align-self:start}.participant-play-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center}.participant-play-timer{--timer-size: clamp(72px, 10vw, 92px)}.participant-play-progress{display:grid;gap:var(--space-2);min-width:0}.participant-play-progress__meta{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-muted);font-size:var(--font-size-small);font-weight:900}.participant-play-progress__meta strong{color:var(--color-heading)}.participant-play-progress__track{height:10px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface-soft)}.participant-play-progress__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-success))}.participant-play-rewards{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.participant-play-rewards span{border:1px solid var(--color-border);border-radius:var(--radius-button);padding:6px 8px;background:var(--color-surface-soft);color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:950}.participant-play-question{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.participant-play-question h1{max-width:820px;margin:0;color:var(--color-heading);font-size:clamp(2rem,5.6vw,4.1rem);line-height:var(--line-height-tight)}.participant-play-question img{max-height:min(210px,28vh);max-width:100%;border-radius:var(--radius-button);object-fit:contain}.participant-page--question .participant-answer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(10px,1.8vh,16px)}.participant-page--question .participant-answer-option{--answer-accent: var(--color-primary);--answer-accent-soft: color-mix(in srgb, var(--answer-accent) 9%, var(--color-surface));min-height:clamp(92px,15vh,132px);grid-template-columns:54px minmax(0,1fr);border-color:color-mix(in srgb,var(--answer-accent) 38%,var(--color-border));border-radius:4px;padding:clamp(12px,2vh,18px);background:linear-gradient(90deg,var(--answer-accent-soft),transparent 58%),var(--color-surface);font-size:clamp(1.08rem,2.4vw,1.5rem)}.participant-page--question .participant-answer-option--a{--answer-accent: var(--answer-a)}.participant-page--question .participant-answer-option--b{--answer-accent: var(--answer-b)}.participant-page--question .participant-answer-option--c{--answer-accent: var(--answer-c)}.participant-page--question .participant-answer-option--d{--answer-accent: var(--answer-d)}.participant-page--question .participant-answer-option--e{--answer-accent: var(--answer-e)}.participant-page--question .participant-answer-option--f{--answer-accent: var(--answer-f)}.participant-page--question .participant-answer-option__indicator{display:inline-flex;width:54px;height:54px;gap:6px;align-items:center;justify-content:center;border-color:var(--answer-accent);background:var(--answer-accent);border-radius:4px;color:#fff;line-height:1}.participant-page--question .participant-answer-option__letter{color:currentColor;font-size:clamp(1.35rem,4vw,1.9rem);font-weight:950;line-height:1}.participant-page--question .participant-answer-option__text{min-width:0}.participant-page--question .participant-answer-option__shape{display:inline-block;width:18px;height:18px;flex:0 0 auto;background:currentColor}.participant-page--question .participant-answer-option__shape--triangle{clip-path:polygon(50% 5%,96% 92%,4% 92%)}.participant-page--question .participant-answer-option__shape--diamond{transform:rotate(45deg)}.participant-page--question .participant-answer-option__shape--circle{border-radius:50%}.participant-page--question .participant-answer-option__shape--square{border-radius:2px}.participant-page--question .participant-answer-option__shape--pentagon{clip-path:polygon(50% 3%,96% 38%,78% 96%,22% 96%,4% 38%)}.participant-page--question .participant-answer-option__shape--triangleDown{clip-path:polygon(4% 8%,96% 8%,50% 95%)}.participant-page--question .participant-answer-option--quiz-shape{grid-template-columns:78px minmax(0,1fr)}.participant-page--question .participant-answer-option--quiz-shape .participant-answer-option__indicator{width:78px}.participant-page--question .participant-answer-option--selected{border-color:var(--color-success);background:linear-gradient(90deg,color-mix(in srgb,var(--color-success) 16%,transparent),transparent 58%),var(--color-surface)}.participant-page--question .participant-answer-option--selected .participant-answer-option__indicator{border-color:var(--color-success);background:var(--color-success)}.participant-play-status{justify-self:center;margin:0;color:var(--color-success-deep);font-weight:900}.student-feedback{position:fixed;inset:0;z-index:60;display:grid;place-items:center;overflow:hidden;padding:var(--space-page);background:#ffffff61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.student-feedback__sweep{position:absolute;inset:-30% -20%;opacity:.86;transform:translate3d(-120%,36%,0) rotate(-18deg);animation:student-feedback-sweep .76s cubic-bezier(.2,.82,.26,1) both}.student-feedback--correct .student-feedback__sweep{background:linear-gradient(135deg,#2bbc6de0,#0090f22e)}.student-feedback--incorrect .student-feedback__sweep{background:linear-gradient(135deg,#e04848e0,#0090f224)}.student-feedback--late .student-feedback__sweep{background:linear-gradient(135deg,#f29724d1,#0090f229)}.student-feedback__card{position:relative;display:grid;width:min(100%,440px);justify-items:center;gap:var(--space-3);border:1px solid rgb(255 255 255 / 58%);border-radius:var(--radius-button);padding:clamp(24px,6vh,42px);background:#fffffff0;box-shadow:0 24px 70px #0618282e;text-align:center;animation:student-feedback-card .52s ease-out .22s both}.student-feedback__icon{display:grid;width:70px;height:70px;place-items:center;border-radius:var(--radius-button);color:#fff;font-size:2.4rem;font-weight:950;line-height:1}.student-feedback--correct .student-feedback__icon{background:var(--color-success)}.student-feedback--incorrect .student-feedback__icon{background:var(--color-danger)}.student-feedback--late .student-feedback__icon{background:var(--color-warning)}.student-feedback h2{margin:0;color:var(--color-heading);font-size:clamp(2.6rem,11vw,5rem);line-height:.95}.student-feedback p{margin:0;color:var(--color-muted);font-size:clamp(1rem,3vw,1.25rem);font-weight:850}.student-feedback__stats{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:var(--space-2) 0 0}.student-feedback__stats div{display:grid;gap:3px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:9px 6px;background:var(--color-surface-soft)}.student-feedback__stats dt{color:var(--color-muted);font-size:.68rem;font-weight:950;text-transform:uppercase}.student-feedback__stats dd{margin:0;color:var(--color-primary-deep);font-size:1rem;font-weight:950}.student-feedback__answer-row{display:flex;width:100%;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;color:var(--color-muted);font-size:var(--font-size-small);font-weight:900}.student-feedback-answer{--feedback-answer-accent: var(--color-primary);display:inline-flex;min-width:0;max-width:100%;gap:8px;align-items:center;border:1px solid color-mix(in srgb,var(--feedback-answer-accent) 36%,var(--color-border));border-radius:var(--radius-button);padding:5px 8px 5px 5px;background:color-mix(in srgb,var(--feedback-answer-accent) 8%,var(--color-surface));color:var(--color-heading)}.student-feedback-answer--a{--feedback-answer-accent: var(--answer-a)}.student-feedback-answer--b{--feedback-answer-accent: var(--answer-b)}.student-feedback-answer--c{--feedback-answer-accent: var(--answer-c)}.student-feedback-answer--d{--feedback-answer-accent: var(--answer-d)}.student-feedback-answer--e{--feedback-answer-accent: var(--answer-e)}.student-feedback-answer--f{--feedback-answer-accent: var(--answer-f)}.student-feedback-answer__marker{display:inline-flex;min-width:42px;height:34px;gap:5px;align-items:center;justify-content:center;border-radius:var(--radius-button);background:var(--feedback-answer-accent);color:#fff}.student-feedback-answer__letter{font-weight:950;line-height:1}.student-feedback-answer__text{min-width:0;overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.student-feedback-answer__shape{display:inline-block;width:14px;height:14px;flex:0 0 auto;background:currentColor}.student-feedback-answer__shape--triangle{clip-path:polygon(50% 5%,96% 92%,4% 92%)}.student-feedback-answer__shape--diamond{transform:rotate(45deg)}.student-feedback-answer__shape--circle{border-radius:50%}.student-feedback-answer__shape--square{border-radius:2px}.student-feedback-answer__shape--pentagon{clip-path:polygon(50% 3%,96% 38%,78% 96%,22% 96%,4% 38%)}.student-feedback-answer__shape--triangleDown{clip-path:polygon(4% 8%,96% 8%,50% 95%)}.student-feedback__waiting{border-radius:var(--radius-button);padding:8px 11px;background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary-deep);font-size:var(--font-size-small)}@keyframes student-feedback-sweep{0%{transform:translate3d(-120%,36%,0) rotate(-18deg)}58%{transform:translateZ(0) rotate(-18deg)}to{transform:translate3d(26%,-10%,0) rotate(-18deg)}}@keyframes student-feedback-card{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.circular-timer__value{transition:stroke var(--transition-fast)}.student-feedback__sweep{animation:none;transform:none}.student-feedback__card{animation:none}}@media(min-width:760px)and (min-height:700px){.participant-shell:has(.participant-page--question){overflow:hidden}}@media(max-width:720px){.participant-shell:has(.participant-page--question) .participant-shell__main{min-height:auto}.participant-play-topbar{grid-template-columns:auto minmax(0,1fr);gap:8px 10px}.participant-play-timer{--timer-size: clamp(66px, 18vw, 76px);grid-row:1 / span 2;justify-self:start}.participant-play-rewards{grid-column:2;justify-content:flex-start}.participant-page--question .participant-answer-grid{grid-template-columns:1fr}.participant-page--question .participant-answer-option{min-height:78px}}