.live-background{--live-bg-gradient: radial-gradient(circle at 16% 12%, color-mix(in srgb, var(--color-primary) 11%, transparent), transparent 28%), radial-gradient(circle at 86% 22%, color-mix(in srgb, var(--theme-answer-f, #2aa7a3) 9%, transparent), transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--color-page) 86%, #ffffff) 0%, var(--color-page) 48%, color-mix(in srgb, var(--color-primary) 8%, #ffffff) 100%);--live-bg-gradient-participant: radial-gradient(circle at 50% 18%, rgb(255 255 255 / 66%), transparent 30%), radial-gradient(circle at 18% 14%, color-mix(in srgb, var(--color-primary) 13%, transparent), transparent 28%), linear-gradient(135deg, #f7fcff 0%, var(--color-page) 52%, color-mix(in srgb, var(--color-primary) 9%, #ffffff) 100%);--live-bg-gradient-mobile: radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--color-primary) 9%, transparent), transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--color-page) 88%, #ffffff) 0%, var(--color-page) 58%, color-mix(in srgb, var(--color-primary) 7%, #ffffff) 100%)}[data-visual-theme=quiz] .live-background{--live-bg-gradient: radial-gradient(circle at 14% 14%, color-mix(in srgb, var(--theme-answer-b, #276ef1) 16%, transparent), transparent 28%), radial-gradient(circle at 86% 20%, color-mix(in srgb, var(--theme-answer-d, #f59f00) 12%, transparent), transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--color-page) 84%, #ffffff) 0%, var(--color-page) 46%, color-mix(in srgb, var(--theme-answer-c, #1aa56d) 9%, #ffffff) 100%)}.live-background{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,#ffffff38,#ffffff1a),url(/assets/images/backgrounds/trotsbord-schoolscherm-background.avif) center / cover no-repeat,var(--live-bg-gradient)}.live-background[data-background-variant=participant]{background:linear-gradient(90deg,#ffffff38,#ffffff1a),url(/assets/images/backgrounds/trotsbord-schoolscherm-background.avif) center / cover no-repeat,var(--live-bg-gradient-participant)}.live-background__layer{position:absolute;display:block;background:currentcolor;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain;pointer-events:none;will-change:transform,opacity}.live-background__layer--corner-top-left{top:-48px;left:-62px;width:clamp(170px,24vw,360px);aspect-ratio:320 / 220;color:color-mix(in srgb,var(--color-primary) 28%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20220'%3e%3cpath%20d='M0%200h320v118c-54%2048-117%2073-188%2074C78%20193%2034%20179%200%20151V0Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20220'%3e%3cpath%20d='M0%200h320v118c-54%2048-117%2073-188%2074C78%20193%2034%20179%200%20151V0Z'/%3e%3c/svg%3e");opacity:.24;transform:rotate(-3deg)}.live-background__layer--corner-top-right{top:-56px;right:-76px;width:clamp(170px,24vw,360px);aspect-ratio:320 / 220;color:color-mix(in srgb,var(--color-answer-f) 28%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20220'%3e%3cpath%20d='M320%200v152c-38%2030-84%2043-138%2039-71-4-130-32-182-82V0h320Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20220'%3e%3cpath%20d='M320%200v152c-38%2030-84%2043-138%2039-71-4-130-32-182-82V0h320Z'/%3e%3c/svg%3e");opacity:.18;transform:rotate(4deg)}.live-background__layer--corner-bottom-left{bottom:-66px;left:-84px;width:clamp(170px,24vw,360px);aspect-ratio:320 / 220;color:color-mix(in srgb,var(--color-answer-c) 22%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20220'%3e%3cpath%20d='M0%20220V68c38-30%2084-43%20138-39%2071%204%20130%2032%20182%2082v109H0Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20220'%3e%3cpath%20d='M0%20220V68c38-30%2084-43%20138-39%2071%204%20130%2032%20182%2082v109H0Z'/%3e%3c/svg%3e");opacity:.17;transform:rotate(5deg)}.live-background__layer--corner-bottom-right{right:-74px;bottom:-62px;width:clamp(170px,24vw,360px);aspect-ratio:320 / 220;color:color-mix(in srgb,var(--color-answer-b) 26%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20220'%3e%3cpath%20d='M320%20220H0V102c54-48%20117-73%20188-74%2054-1%2098%2013%20132%2041v151Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20220'%3e%3cpath%20d='M320%20220H0V102c54-48%20117-73%20188-74%2054-1%2098%2013%20132%2041v151Z'/%3e%3c/svg%3e");opacity:.24;transform:rotate(2deg)}.live-background__layer--triangle-primary{top:18%;right:13%;width:clamp(26px,3vw,48px);aspect-ratio:1;color:color-mix(in srgb,var(--color-primary) 44%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20d='M32%207%2058%2052H6L32%207Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20d='M32%207%2058%2052H6L32%207Z'/%3e%3c/svg%3e");opacity:.3;transform:rotate(18deg)}.live-background__layer--triangle-secondary{left:13%;bottom:18%;width:clamp(20px,2.4vw,34px);aspect-ratio:1;color:color-mix(in srgb,var(--color-answer-f) 36%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20d='M32%207%2058%2052H6L32%207Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20d='M32%207%2058%2052H6L32%207Z'/%3e%3c/svg%3e");opacity:.24;transform:rotate(88deg)}.live-background__layer--triangle-outline{right:28%;bottom:12%;width:clamp(30px,4vw,58px);aspect-ratio:1;color:color-mix(in srgb,var(--color-primary) 22%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20fill='none'%20stroke='%23000'%20stroke-width='4'%20d='M32%207%2058%2052H6L32%207Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cpath%20fill='none'%20stroke='%23000'%20stroke-width='4'%20d='M32%207%2058%2052H6L32%207Z'/%3e%3c/svg%3e");opacity:.42;transform:rotate(22deg)}.live-background__layer--circle-primary{left:9%;bottom:24%;width:clamp(34px,4vw,58px);aspect-ratio:1;color:color-mix(in srgb,var(--color-answer-c) 22%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3ccircle%20cx='32'%20cy='32'%20r='30'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3ccircle%20cx='32'%20cy='32'%20r='30'/%3e%3c/svg%3e");opacity:.24}.live-background__layer--circle-secondary{top:28%;left:17%;width:clamp(34px,4.6vw,64px);aspect-ratio:1;color:color-mix(in srgb,var(--color-primary) 32%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3ccircle%20cx='32'%20cy='32'%20r='28'%20fill='none'%20stroke='%23000'%20stroke-width='4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3ccircle%20cx='32'%20cy='32'%20r='28'%20fill='none'%20stroke='%23000'%20stroke-width='4'/%3e%3c/svg%3e");opacity:.28}.live-background__layer--circle-dot{right:22%;bottom:18%;width:clamp(9px,1.1vw,15px);aspect-ratio:1;color:color-mix(in srgb,var(--color-answer-e) 36%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3ccircle%20cx='8'%20cy='8'%20r='8'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3ccircle%20cx='8'%20cy='8'%20r='8'/%3e%3c/svg%3e");opacity:.34}.live-background__layer--contour-wave{top:54%;left:38%;width:clamp(150px,18vw,260px);aspect-ratio:260 / 150;color:color-mix(in srgb,var(--color-primary) 22%,var(--color-white));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20260%20150'%3e%3cpath%20fill='none'%20stroke='%23000'%20stroke-linecap='round'%20stroke-width='3'%20d='M12%20112C57%2028%20119%205%20198%2042c32%2015%2048%2043%2045%2083'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20260%20150'%3e%3cpath%20fill='none'%20stroke='%23000'%20stroke-linecap='round'%20stroke-width='3'%20d='M12%20112C57%2028%20119%205%20198%2042c32%2015%2048%2043%2045%2083'/%3e%3c/svg%3e");opacity:.24}.live-background[data-background-variant=participant] .live-background__layer--corner-bottom-left,.live-background[data-background-variant=participant] .live-background__layer--contour-wave,.live-background[data-density=quiet] .live-background__layer--corner-bottom-left,.live-background[data-density=quiet] .live-background__layer--triangle-secondary,.live-background[data-density=quiet] .live-background__layer--contour-wave{opacity:.12}[data-visual-theme=quiz] .live-background__layer{opacity:.32}.live-background[data-density=rich] .live-background__layer--corner-top-right,.live-background[data-density=rich] .live-background__layer--corner-bottom-left,.live-background[data-density=rich] .live-background__layer--triangle-outline,.live-background[data-density=rich] .live-background__layer--contour-wave{opacity:.28}.live-background[data-animated=true] .live-background__layer--triangle-primary{animation:live-background-drift-primary 18s ease-in-out infinite alternate}.live-background[data-animated=true] .live-background__layer--triangle-secondary{animation:live-background-drift-secondary 22s ease-in-out infinite alternate}.live-background[data-animated=true] .live-background__layer--triangle-outline{animation:live-background-soft-pulse 24s ease-in-out infinite alternate}.live-background[data-animated=true] .live-background__layer--circle-primary{animation:live-background-float-large 20s ease-in-out infinite alternate}.live-background[data-animated=true] .live-background__layer--circle-secondary{animation:live-background-float-small 26s ease-in-out infinite alternate}.live-background[data-animated=true] .live-background__layer--circle-dot{animation:live-background-dot-drift 16s ease-in-out infinite alternate}.live-background[data-animated=true] .live-background__layer--contour-wave{animation:live-background-contour-breathe 28s ease-in-out infinite alternate}@keyframes live-background-drift-primary{0%{opacity:.28;transform:translateZ(0) rotate(18deg) scale(1)}to{opacity:.36;transform:translate3d(10px,-12px,0) rotate(22deg) scale(1.03)}}@keyframes live-background-drift-secondary{0%{opacity:.2;transform:translateZ(0) rotate(88deg) scale(1)}to{opacity:.28;transform:translate3d(-9px,8px,0) rotate(83deg) scale(1.04)}}@keyframes live-background-soft-pulse{0%{opacity:.28;transform:translateZ(0) rotate(22deg) scale(.98)}to{opacity:.46;transform:translate3d(6px,-6px,0) rotate(24deg) scale(1.02)}}@keyframes live-background-float-large{0%{opacity:.22;transform:translateZ(0) scale(1)}to{opacity:.28;transform:translate3d(-8px,10px,0) scale(1.035)}}@keyframes live-background-float-small{0%{opacity:.24;transform:translateZ(0) scale(1)}to{opacity:.32;transform:translate3d(8px,7px,0) scale(1.04)}}@keyframes live-background-dot-drift{0%{opacity:.3;transform:translateZ(0) scale(1)}to{opacity:.42;transform:translate3d(7px,-9px,0) scale(1.08)}}@keyframes live-background-contour-breathe{0%{opacity:.18;transform:translateZ(0) scale(1)}to{opacity:.26;transform:translate3d(5px,-4px,0) scale(1.015)}}@media(max-width:1024px){.live-background__layer--corner-top-left,.live-background__layer--corner-top-right,.live-background__layer--corner-bottom-left,.live-background__layer--corner-bottom-right{width:clamp(160px,28vw,280px)}.live-background__layer--corner-top-right,.live-background__layer--corner-bottom-left{opacity:.12}.live-background__layer--triangle-outline,.live-background__layer--contour-wave{opacity:.16}.live-background[data-animated=true] .live-background__layer--triangle-primary{animation-duration:24s}.live-background[data-animated=true] .live-background__layer--circle-primary,.live-background[data-animated=true] .live-background__layer--circle-secondary{animation-duration:30s}}@media(max-width:720px){.live-background{background:linear-gradient(90deg,#ffffff38,#ffffff1a),url(/assets/images/backgrounds/trotsbord-schoolscherm-background.avif) center / cover no-repeat,var(--live-bg-gradient-mobile)}.live-background__layer--corner-top-left,.live-background__layer--corner-top-right,.live-background__layer--corner-bottom-left,.live-background__layer--corner-bottom-right{width:clamp(168px,46vw,260px)}.live-background__layer--corner-top-left{top:-58px;left:-90px}.live-background__layer--corner-top-right,.live-background__layer--corner-bottom-left,.live-background__layer--triangle-secondary,.live-background__layer--triangle-outline,.live-background__layer--circle-primary,.live-background__layer--contour-wave{display:none}.live-background__layer--corner-bottom-right{right:-104px;bottom:-74px;opacity:.18}.live-background__layer--triangle-primary{top:11%;right:7%;width:clamp(20px,7vw,30px);opacity:.22}.live-background__layer--circle-secondary{top:auto;bottom:11%;left:7%;width:clamp(30px,10vw,44px);opacity:.2}.live-background__layer--circle-dot{right:12%;bottom:14%;width:clamp(8px,2.5vw,11px);opacity:.24}.live-background[data-animated=true] .live-background__layer--triangle-primary,.live-background[data-animated=true] .live-background__layer--circle-secondary,.live-background[data-animated=true] .live-background__layer--circle-dot{animation-duration:32s}}@media(max-width:720px)and (orientation:landscape){.live-background__layer--corner-top-left,.live-background__layer--corner-bottom-right{width:clamp(140px,25vw,210px)}.live-background__layer--corner-top-left{top:-76px;left:-76px}.live-background__layer--corner-bottom-right{right:-84px;bottom:-86px}.live-background__layer--triangle-primary{top:14%;right:10%}.live-background__layer--circle-secondary{bottom:12%}}@media(max-width:430px){.live-background__layer--triangle-primary,.live-background__layer--circle-dot{display:none}.live-background__layer--corner-top-left,.live-background__layer--corner-bottom-right{opacity:.15}.live-background__layer--circle-secondary{opacity:.16}}@media(prefers-reduced-motion:reduce){.live-background[data-animated=true] .live-background__layer{animation:none;will-change:auto}}.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;--palette-brand-primary: #0090f2;--palette-brand-primary-dark: #005fa8;--palette-brand-primary-hover: #0078cc;--palette-brand-primary-light: #e8f5ff;--palette-brand-primary-very-light: #f4fbff;--palette-text-main: #172033;--palette-text-secondary: #5f6f89;--palette-text-soft: #8a9ab2;--palette-white: #ffffff;--palette-page: #f7fbff;--palette-card: #ffffff;--palette-border: #d9e5f2;--palette-border-subtle: #edf4fb;--palette-answer-a: #e53935;--palette-answer-b: #2563eb;--palette-answer-c: #2e7d32;--palette-answer-d: #f59e0b;--palette-answer-d-text: #2d2100;--palette-answer-e: #7c3aed;--palette-answer-f: #0891b2;--palette-status-correct: #22c55e;--palette-status-incorrect: #ef4444;--palette-status-warning: #f59e0b;--palette-status-info: #0090f2;--palette-xp: #8b5cf6;--palette-streak: #f97316;--palette-star-level-1: #38bdf8;--palette-star-level-2: #22c55e;--palette-star-level-3: #facc15;--theme-primary: var(--palette-brand-primary);--theme-primary-dark: var(--palette-brand-primary-dark);--theme-primary-hover: var(--palette-brand-primary-hover);--theme-primary-strong: var(--theme-primary-hover);--theme-primary-light: var(--palette-brand-primary-light);--theme-primary-very-light: var(--palette-brand-primary-very-light);--theme-secondary: var(--palette-answer-f);--theme-background: var(--palette-page);--theme-card-background: var(--palette-card);--theme-card-background-soft: var(--palette-brand-primary-light);--theme-text: var(--palette-text-main);--theme-subtext: var(--palette-text-secondary);--theme-soft-text: var(--palette-text-soft);--theme-border: var(--palette-border);--theme-subtle-border: var(--palette-border-subtle);--theme-button-primary: var(--palette-brand-primary);--theme-button-primary-hover: var(--palette-brand-primary-hover);--theme-button-secondary: var(--palette-brand-primary-light);--theme-timer-normal: var(--palette-brand-primary);--theme-timer-warning: var(--palette-status-warning);--theme-timer-expired: var(--palette-status-incorrect);--theme-answer-correct: var(--palette-status-correct);--theme-answer-incorrect: var(--palette-status-incorrect);--theme-time-expired: var(--palette-status-warning);--theme-xp: var(--palette-xp);--theme-streak: var(--palette-streak);--theme-star-level-1: var(--palette-star-level-1);--theme-star-level-2: var(--palette-star-level-2);--theme-star-level-3: var(--palette-star-level-3);--theme-answer-a: var(--palette-answer-a);--theme-answer-a-text: var(--palette-white);--theme-answer-b: var(--palette-answer-b);--theme-answer-b-text: var(--palette-white);--theme-answer-c: var(--palette-answer-c);--theme-answer-c-text: var(--palette-white);--theme-answer-d: var(--palette-answer-d);--theme-answer-d-text: var(--palette-answer-d-text);--theme-answer-e: var(--palette-answer-e);--theme-answer-e-text: var(--palette-white);--theme-answer-f: var(--palette-answer-f);--theme-answer-f-text: var(--palette-white);--theme-chart-primary: var(--palette-brand-primary);--theme-chart-success: var(--palette-status-correct);--theme-chart-danger: var(--palette-status-incorrect);--theme-chart-attention: var(--palette-status-warning);--theme-participant-chip: var(--palette-brand-primary-light);--theme-route-point: var(--palette-brand-primary);--theme-info-badge: var(--palette-brand-primary-light);--color-page: var(--theme-background);--color-surface: var(--theme-card-background);--color-surface-soft: var(--theme-card-background-soft);--color-card-surface: rgb(255 255 255 / 92%);--color-panel-surface: rgb(255 255 255 / 88%);--color-nav-surface: rgb(255 255 255 / 78%);--color-text: var(--theme-text);--color-heading: var(--theme-text);--color-muted: var(--theme-subtext);--color-soft: var(--theme-soft-text);--color-border: var(--theme-border);--color-border-subtle: var(--theme-subtle-border);--color-white: var(--palette-white);--color-on-primary: var(--palette-white);--color-primary-contrast: var(--color-on-primary);--color-primary: var(--theme-primary);--color-primary-strong: var(--theme-primary-hover);--color-primary-deep: var(--theme-primary-dark);--color-primary-hover: var(--theme-primary-hover);--color-primary-light: var(--theme-primary-light);--color-primary-very-light: var(--theme-primary-very-light);--color-primary-glow: rgb(0 144 242 / 8%);--color-accent: var(--theme-secondary);--color-accent-strong: var(--palette-brand-primary-hover);--color-accent-soft: var(--palette-brand-primary-light);--color-on-accent: #07324d;--color-success: var(--theme-answer-correct);--color-success-deep: #15803d;--color-success-text: #166534;--color-danger: var(--theme-answer-incorrect);--color-danger-deep: #b91c1c;--color-danger-soft: #fff1f2;--color-warning: var(--theme-time-expired);--color-warning-deep: #92400e;--color-info: var(--palette-status-info);--color-xp: var(--theme-xp);--color-xp-deep: #5b21b6;--color-streak: var(--theme-streak);--color-streak-deep: #c2410c;--color-star-level-1: var(--theme-star-level-1);--color-star-level-2: var(--theme-star-level-2);--color-star-level-3: var(--theme-star-level-3);--color-answer-a: var(--theme-answer-a);--color-answer-a-text: var(--theme-answer-a-text);--color-answer-b: var(--theme-answer-b);--color-answer-b-text: var(--theme-answer-b-text);--color-answer-c: var(--theme-answer-c);--color-answer-c-text: var(--theme-answer-c-text);--color-answer-d: var(--theme-answer-d);--color-answer-d-text: var(--theme-answer-d-text);--color-answer-e: var(--theme-answer-e);--color-answer-e-text: var(--theme-answer-e-text);--color-answer-f: var(--theme-answer-f);--color-answer-f-text: var(--theme-answer-f-text);--answer-a: var(--color-answer-a);--answer-a-text: var(--color-answer-a-text);--answer-b: var(--color-answer-b);--answer-b-text: var(--color-answer-b-text);--answer-c: var(--color-answer-c);--answer-c-text: var(--color-answer-c-text);--answer-d: var(--color-answer-d);--answer-d-text: var(--color-answer-d-text);--answer-e: var(--color-answer-e);--answer-e-text: var(--color-answer-e-text);--answer-f: var(--color-answer-f);--answer-f-text: var(--color-answer-f-text);--color-timer-normal: var(--theme-timer-normal);--color-timer-warning: var(--theme-timer-warning);--color-timer-expired: var(--theme-timer-expired);--color-result-chart-primary: var(--theme-chart-primary);--color-result-chart-success: var(--theme-chart-success);--color-result-chart-danger: var(--theme-chart-danger);--color-result-chart-attention: var(--theme-chart-attention);--color-participant-chip: var(--theme-participant-chip);--color-route-point: var(--theme-route-point);--color-info-badge: var(--theme-info-badge);--gameroom-brand: var(--theme-primary);--gameroom-brand-dark: var(--theme-primary-dark);--gameroom-brand-hover: var(--theme-primary-hover);--gameroom-background: var(--color-page);--gameroom-background-accent: var(--color-primary-light);--gameroom-card: var(--color-surface);--gameroom-card-soft: var(--color-surface-soft);--gameroom-card-overlay: color-mix(in srgb, var(--color-surface) 38%, transparent);--gameroom-text: var(--color-heading);--gameroom-text-muted: var(--color-muted);--gameroom-text-on-brand: var(--color-on-primary);--gameroom-border: var(--color-border);--gameroom-border-soft: var(--color-border-subtle);--gameroom-answer-a: var(--answer-a);--gameroom-answer-a-text: var(--answer-a-text);--gameroom-answer-b: var(--answer-b);--gameroom-answer-b-text: var(--answer-b-text);--gameroom-answer-c: var(--answer-c);--gameroom-answer-c-text: var(--answer-c-text);--gameroom-answer-d: var(--answer-d);--gameroom-answer-d-text: var(--answer-d-text);--gameroom-answer-e: var(--answer-e);--gameroom-answer-e-text: var(--answer-e-text);--gameroom-answer-f: var(--answer-f);--gameroom-answer-f-text: var(--answer-f-text);--gameroom-timer: var(--color-timer-normal);--gameroom-timer-warning: var(--color-timer-warning);--gameroom-timer-expired: var(--color-timer-expired);--gameroom-feedback-correct: var(--color-success);--gameroom-feedback-correct-strong: var(--color-success-deep);--gameroom-feedback-incorrect: var(--color-danger);--gameroom-feedback-incorrect-strong: var(--color-danger-deep);--gameroom-feedback-late: var(--color-warning);--gameroom-feedback-late-strong: var(--color-warning-deep);--gameroom-feedback-sweep-opacity: .86;--gameroom-xp: var(--color-xp);--gameroom-xp-strong: var(--color-xp-deep);--gameroom-streak: var(--color-streak);--gameroom-streak-strong: var(--color-streak-deep);--gameroom-star-level-1: var(--color-star-level-1);--gameroom-star-level-2: var(--color-star-level-2);--gameroom-star-level-3: var(--color-star-level-3);--gameroom-result-primary: var(--color-result-chart-primary);--gameroom-result-success: var(--color-result-chart-success);--gameroom-result-danger: var(--color-result-chart-danger);--gameroom-result-attention: var(--color-result-chart-attention);--gameroom-participant-chip: var(--color-participant-chip);--gameroom-route-point: var(--color-route-point);--gameroom-focus: var(--color-focus);--color-focus: rgb(0 144 242 / 42%);--color-hero-text: var(--palette-white);--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-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: var(--color-success);--color-action-purple: var(--color-xp);--color-action-orange: var(--color-streak);--color-action-magenta: var(--color-answer-e);--color-challenge-background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 62%, var(--color-answer-e) 100%);--color-challenge-progress-track: rgb(255 255 255 / 30%);--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%);--control-radius-sm: 2px;--control-radius-md: 4px;--control-radius-lg: 6px;--control-radius-panel: 4px;--control-radius-modal: 6px;--control-border: 1px solid var(--color-border);--control-border-strong: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));--control-surface: var(--color-surface);--control-surface-soft: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));--control-surface-muted: color-mix(in srgb, var(--color-border-subtle) 76%, var(--color-surface));--control-shadow: 0 1px 2px rgb(9 43 87 / 6%);--control-shadow-hover: 0 4px 10px rgb(9 43 87 / 8%);--control-accent-blue: var(--palette-brand-primary);--control-accent-blue-deep: var(--palette-brand-primary-dark);--control-accent-sky: #38bdf8;--control-accent-teal: #0891b2;--control-accent-green: #22c55e;--control-accent-amber: #f59e0b;--control-accent-violet: #7c3aed;--control-accent-rose: #e11d48;--control-accent-slate: #475569;--chart-progress: #2563eb;--chart-progress-deep: #1d4ed8;--chart-complete: #16a34a;--chart-complete-deep: #15803d;--chart-warning: #d97706;--chart-warning-deep: #92400e;--chart-danger: #dc2626;--chart-danger-deep: #991b1b;--chart-neutral: #64748b;--chart-track: #e2e8f0;--host-radius-card: 12px;--host-radius-panel: 16px;--host-radius-control: 8px;--play-radius-answer: 14px;--play-radius-panel: 20px;--play-radius-stage: 24px;--play-shadow-stage: 0 18px 48px rgb(0 46 90 / 15%);--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;--tl-brand-primary: var(--palette-brand-primary);--tl-brand-primary-dark: var(--palette-brand-primary-dark);--tl-brand-primary-hover: var(--palette-brand-primary-hover);--tl-brand-primary-light: var(--palette-brand-primary-light);--tl-brand-primary-mist: var(--palette-brand-primary-very-light);--tl-app-bg: var(--color-page);--tl-page-bg: var(--color-page);--tl-live-bg: radial-gradient(circle at 12% 10%, rgb(0 144 242 / 13%), transparent 28%), radial-gradient(circle at 86% 16%, rgb(8 145 178 / 10%), transparent 24%), linear-gradient(135deg, var(--color-page), var(--palette-brand-primary-very-light));--tl-live-bg-dark: radial-gradient(circle at 12% 10%, rgb(0 144 242 / 24%), transparent 28%), radial-gradient(circle at 86% 16%, rgb(34 199 184 / 15%), transparent 24%), linear-gradient(135deg, #081323, #152033);--tl-card-bg: var(--color-surface);--tl-card-raised-bg: var(--color-card-surface);--tl-glass-bg: color-mix(in srgb, var(--color-surface) 82%, transparent);--tl-glass-bg-strong: color-mix(in srgb, var(--color-surface) 92%, transparent);--tl-text: var(--color-text);--tl-text-strong: var(--color-heading);--tl-text-muted: var(--color-muted);--tl-text-soft: var(--color-soft);--tl-primary: var(--color-primary);--tl-primary-hover: var(--color-primary-hover);--tl-primary-dark: var(--color-primary-deep);--tl-secondary: var(--color-accent);--tl-success: var(--color-success);--tl-warning: var(--color-warning);--tl-danger: var(--color-danger);--tl-info: var(--color-info);--tl-border: var(--color-border);--tl-border-subtle: var(--color-border-subtle);--tl-focus-ring-color: var(--color-focus);--tl-focus-ring: 0 0 0 4px var(--tl-focus-ring-color);--tl-overlay: var(--color-backdrop-scrim);--tl-disabled-bg: color-mix(in srgb, var(--color-border-subtle) 76%, var(--color-surface));--tl-disabled-text: color-mix(in srgb, var(--color-muted) 74%, var(--color-text));--tl-radius-sm: 4px;--tl-radius-md: 8px;--tl-radius-lg: 14px;--tl-radius-card: var(--control-radius-panel);--tl-radius-live-card: var(--host-radius-panel);--tl-radius-live-panel: var(--play-radius-stage);--tl-radius-blob: 999px;--tl-radius-control: var(--host-radius-control);--tl-space-1: var(--space-1);--tl-space-2: var(--space-2);--tl-space-3: var(--space-3);--tl-space-4: var(--space-4);--tl-space-5: var(--space-5);--tl-space-6: var(--space-6);--tl-space-8: var(--space-8);--tl-page-padding: clamp(16px, 4vw, 52px);--tl-card-padding: clamp(18px, 2.4vw, 28px);--tl-live-stage-padding: clamp(18px, 3vw, 40px);--tl-control-gap: clamp(8px, 1vw, 12px);--tl-blob-gap: clamp(10px, 1.4vw, 16px);--tl-button-height-sm: 34px;--tl-button-height-md: 44px;--tl-button-height-lg: 56px;--tl-live-control-height: 44px;--tl-live-button-height: 46px;--tl-touch-target: 44px;--tl-font-page-title: clamp(1.75rem, 3vw, 2.5rem);--tl-font-section-title: clamp(1.15rem, 1.8vw, 1.5rem);--tl-font-card-title: clamp(1rem, 1.3vw, 1.25rem);--tl-font-body: var(--font-size-body);--tl-font-help: var(--font-size-body-small);--tl-font-label: var(--font-size-small);--tl-font-pin: clamp(4.5rem, 11vw, 8.75rem);--tl-font-participant-count: clamp(1.5rem, 3vw, 2.75rem);--tl-font-timer: clamp(1.6rem, 3.6vw, 3.5rem);--tl-line-tight: var(--line-height-tight);--tl-line-heading: var(--line-height-heading);--tl-line-body: var(--line-height-body);--tl-shadow-soft: var(--shadow-soft);--tl-shadow-card: var(--shadow-card);--tl-shadow-raised: 0 18px 44px rgb(0 78 138 / 11%);--tl-shadow-float: 0 12px 32px rgb(0 78 138 / 9%);--tl-shadow-glow: 0 0 0 1px rgb(0 144 242 / 16%), 0 20px 60px rgb(0 144 242 / 15%);--tl-motion-fast: .14s cubic-bezier(.2, .78, .2, 1);--tl-motion-medium: .22s cubic-bezier(.2, .78, .2, 1);--tl-motion-slow: .52s cubic-bezier(.2, .78, .2, 1);--tl-motion-blob: .36s cubic-bezier(.16, 1.1, .28, 1);--tl-motion-countdown: .6s cubic-bezier(.2, .78, .2, 1);--tl-answer-a: var(--answer-a);--tl-answer-a-text: var(--answer-a-text);--tl-answer-b: var(--answer-b);--tl-answer-b-text: var(--answer-b-text);--tl-answer-c: var(--answer-c);--tl-answer-c-text: var(--answer-c-text);--tl-answer-d: var(--answer-d);--tl-answer-d-text: var(--answer-d-text);--tl-answer-e: var(--answer-e);--tl-answer-e-text: var(--answer-e-text);--tl-answer-f: var(--answer-f);--tl-answer-f-text: var(--answer-f-text);--tl-lobby-blob-blue: #0090f2;--tl-lobby-blob-light-blue: #47b7ff;--tl-lobby-blob-purple: #7c4dff;--tl-lobby-blob-green: #26c485;--tl-lobby-blob-pink: #ff5c7a;--tl-lobby-blob-orange: #ff9f2e;--tl-lobby-blob-yellow: #ffc83d;--tl-lobby-blob-turquoise: #22c7b8}[data-visual-theme=quiz]{--theme-primary: var(--palette-brand-primary);--theme-primary-dark: var(--palette-brand-primary-dark);--theme-primary-hover: var(--palette-brand-primary-hover);--theme-primary-light: var(--palette-brand-primary-light);--theme-primary-very-light: var(--palette-brand-primary-very-light);--theme-primary-strong: var(--theme-primary-hover);--theme-secondary: var(--palette-streak);--theme-background: var(--palette-page);--theme-card-background: var(--palette-card);--theme-card-background-soft: var(--palette-brand-primary-very-light);--theme-text: var(--palette-text-main);--theme-subtext: var(--palette-text-secondary);--theme-soft-text: var(--palette-text-soft);--theme-border: var(--palette-border);--theme-subtle-border: var(--palette-border-subtle);--theme-button-primary: var(--palette-brand-primary);--theme-button-primary-hover: var(--palette-brand-primary-hover);--theme-button-secondary: var(--palette-brand-primary-light);--theme-timer-normal: var(--palette-brand-primary);--theme-timer-warning: var(--palette-status-warning);--theme-timer-expired: var(--palette-status-incorrect);--theme-answer-correct: var(--palette-status-correct);--theme-answer-incorrect: var(--palette-status-incorrect);--theme-time-expired: var(--palette-status-warning);--theme-xp: var(--palette-xp);--theme-streak: var(--palette-streak);--theme-star-level-1: var(--palette-star-level-1);--theme-star-level-2: var(--palette-star-level-2);--theme-star-level-3: var(--palette-star-level-3);--theme-answer-a: var(--palette-answer-a);--theme-answer-a-text: var(--palette-white);--theme-answer-b: var(--palette-answer-b);--theme-answer-b-text: var(--palette-white);--theme-answer-c: var(--palette-answer-c);--theme-answer-c-text: var(--palette-white);--theme-answer-d: var(--palette-answer-d);--theme-answer-d-text: var(--palette-answer-d-text);--theme-answer-e: var(--palette-answer-e);--theme-answer-e-text: var(--palette-white);--theme-answer-f: var(--palette-answer-f);--theme-answer-f-text: var(--palette-white);--theme-chart-primary: var(--palette-answer-b);--theme-chart-success: var(--palette-status-correct);--theme-chart-danger: var(--palette-status-incorrect);--theme-chart-attention: var(--palette-status-warning);--theme-participant-chip: var(--palette-brand-primary-light);--theme-route-point: var(--palette-streak);--theme-info-badge: var(--palette-brand-primary-light);--color-primary: var(--theme-primary);--color-primary-contrast: var(--color-on-primary);--color-primary-strong: var(--theme-primary-hover);--color-primary-deep: var(--theme-primary-dark);--color-primary-hover: var(--theme-primary-hover);--color-primary-light: var(--theme-primary-light);--color-primary-very-light: var(--theme-primary-very-light);--color-surface: var(--theme-card-background);--color-surface-soft: var(--theme-card-background-soft);--color-page: var(--theme-background);--color-text: var(--theme-text);--color-heading: var(--theme-text);--color-muted: var(--theme-subtext);--color-soft: var(--theme-soft-text);--color-border: var(--theme-border);--color-border-subtle: var(--theme-subtle-border);--color-success: var(--theme-answer-correct);--color-danger: var(--theme-answer-incorrect);--color-warning: var(--theme-time-expired);--color-xp: var(--theme-xp);--color-streak: var(--theme-streak);--color-star-level-1: var(--theme-star-level-1);--color-star-level-2: var(--theme-star-level-2);--color-star-level-3: var(--theme-star-level-3);--color-answer-a: var(--theme-answer-a);--color-answer-a-text: var(--theme-answer-a-text);--color-answer-b: var(--theme-answer-b);--color-answer-b-text: var(--theme-answer-b-text);--color-answer-c: var(--theme-answer-c);--color-answer-c-text: var(--theme-answer-c-text);--color-answer-d: var(--theme-answer-d);--color-answer-d-text: var(--theme-answer-d-text);--color-answer-e: var(--theme-answer-e);--color-answer-e-text: var(--theme-answer-e-text);--color-answer-f: var(--theme-answer-f);--color-answer-f-text: var(--theme-answer-f-text);--answer-a: var(--color-answer-a);--answer-a-text: var(--color-answer-a-text);--answer-b: var(--color-answer-b);--answer-b-text: var(--color-answer-b-text);--answer-c: var(--color-answer-c);--answer-c-text: var(--color-answer-c-text);--answer-d: var(--color-answer-d);--answer-d-text: var(--color-answer-d-text);--answer-e: var(--color-answer-e);--answer-e-text: var(--color-answer-e-text);--answer-f: var(--color-answer-f);--answer-f-text: var(--color-answer-f-text);--color-timer-normal: var(--theme-timer-normal);--color-timer-warning: var(--theme-timer-warning);--color-timer-expired: var(--theme-timer-expired);--color-result-chart-primary: var(--theme-chart-primary);--color-result-chart-success: var(--theme-chart-success);--color-result-chart-danger: var(--theme-chart-danger);--color-result-chart-attention: var(--theme-chart-attention);--color-participant-chip: var(--theme-participant-chip);--color-route-point: var(--theme-route-point);--color-info-badge: var(--theme-info-badge);--color-accent: var(--theme-secondary);--color-accent-strong: var(--palette-streak);--color-accent-soft: var(--palette-brand-primary-light);--color-action-green: var(--theme-answer-c);--color-action-purple: var(--theme-answer-e);--color-action-orange: var(--theme-answer-d);--color-action-magenta: var(--theme-answer-e);--color-challenge-background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 58%, var(--color-answer-f) 100%);--color-challenge-progress-track: rgb(255 255 255 / 30%)}[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-contrast: var(--color-on-primary);--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-warning: #f5a623;--color-warning-deep: #ffd08a;--color-xp: #f5b642;--color-xp-deep: #ffe0a3;--color-streak: #2dd4bf;--color-streak-deep: #a7fff3;--color-star-level-1: #f8d36a;--color-star-level-2: #f5a623;--color-star-level-3: #a78bfa;--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(--control-radius-md, 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{box-shadow:var(--control-shadow-hover, none);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(--control-shadow);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:var(--control-border);border-radius:var(--control-radius-panel, var(--radius-button));background:var(--control-surface);box-shadow:var(--control-shadow);color:var(--color-text)}.ui-card--soft{background:var(--control-surface-soft, var(--color-surface-soft))}.ui-card--subtle{box-shadow:none}.ui-card--floating{box-shadow:var(--control-shadow)}.ui-card--hero{border-color:color-mix(in srgb,var(--color-primary) 14%,var(--color-border));background:var(--control-surface);box-shadow:var(--control-shadow)}.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(--control-shadow-hover);transform:translateY(-1px)}.ui-card--padding-none{padding:0}.ui-card--padding-small{padding:var(--space-3)}.ui-card--padding-medium{padding:clamp(12px,1.8vw,var(--space-4))}.ui-card--padding-large{padding:clamp(16px,2.2vw,var(--space-5))}.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:var(--chart-track, color-mix(in srgb, var(--color-primary) 12%, var(--color-surface)))}.ui-progress--medium .ui-progress__track{height:10px}.ui-progress__fill{display:block;height:100%;border-radius:inherit}.ui-progress__fill--primary{background:var(--chart-progress, var(--color-primary))}.ui-progress__fill--success{background:var(--chart-complete, var(--color-success))}.ui-progress__fill--accent{background:var(--chart-warning, 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-4);align-items:end;justify-content:space-between}.ui-page-header__copy{display:grid;max-width:560px;gap:6px}.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.55rem,3.2vw,2.35rem);line-height:var(--line-height-tight)}.ui-page-header__intro{margin:0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:1.35}.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(--control-radius-modal, 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__header-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:flex-end}.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}.flow-basis-page{display:grid;gap:var(--space-6)}.flow-basis-layout{display:grid;gap:var(--space-5)}.flow-basis-summary{display:grid;gap:var(--space-4)}.flow-basis-summary__header,.flow-basis-card__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.flow-basis-summary__header span{color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:700}.flow-basis-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.flow-basis-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.flow-basis-card{min-height:100%}.flow-basis-card h2,.flow-basis-metrics h2{color:var(--color-text);font-size:1.05rem;line-height:1.2;margin:0}.flow-basis-card p{color:var(--color-text-muted);line-height:1.55;margin:var(--space-3) 0 0}.flow-basis-metrics{display:grid;gap:var(--space-3)}.flow-basis-metrics dl{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0}.flow-basis-metrics div{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3)}.flow-basis-metrics dt{color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.flow-basis-metrics dd{color:var(--color-text);font-weight:750;margin:var(--space-1) 0 0}.status-route-page{display:grid;gap:var(--space-6)}.status-action-panel{display:grid;gap:var(--space-5)}.status-action-panel__state{display:grid;justify-content:center}.status-action-panel__spinner,.status-action-panel__symbol{display:inline-grid;width:46px;height:46px;place-items:center;border-radius:var(--radius-pill)}.status-action-panel__spinner{border:4px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-surface));border-top-color:var(--color-primary);animation:status-action-panel-spin .9s linear infinite}.status-action-panel__symbol{border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface))}.status-action-panel__symbol:before{color:var(--color-primary-deep);content:"i";font-size:1.25rem;font-weight:900;line-height:1}.status-route-page[data-status-variant=warning] .status-action-panel__symbol{border-color:color-mix(in srgb,var(--color-warning) 36%,var(--color-border));background:color-mix(in srgb,var(--color-warning) 14%,var(--color-surface))}.status-route-page[data-status-variant=warning] .status-action-panel__symbol:before{color:color-mix(in srgb,var(--color-warning) 52%,var(--color-text));content:"!"}.status-route-page[data-status-variant=error] .status-action-panel__symbol{border-color:color-mix(in srgb,var(--color-danger) 38%,var(--color-border));background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface))}.status-route-page[data-status-variant=error] .status-action-panel__symbol:before{color:var(--color-danger);content:"!"}.status-action-panel__empty{box-shadow:none}.status-action-panel__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.status-action-panel__tips{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.status-action-panel__tip{display:grid;align-content:start;gap:var(--space-2)}.status-action-panel__tip p{color:var(--color-text-muted);line-height:1.45;margin:0}.status-action-panel__details{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-soft);color:var(--color-text-muted)}.status-action-panel__details summary{cursor:pointer;font-size:var(--font-size-small);font-weight:800;padding:var(--space-3) var(--space-4)}.status-action-panel__details dl{display:grid;gap:var(--space-2);margin:0;padding:0 var(--space-4) var(--space-4)}.status-action-panel__details div{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);padding-top:var(--space-2)}.status-action-panel__details dt{color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:800}.status-action-panel__details dd{color:var(--color-text);font-size:var(--font-size-small);margin:0}@keyframes status-action-panel-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.status-action-panel__spinner{animation:none}}@media(max-width:620px){.status-action-panel__details div{grid-template-columns:1fr;gap:var(--space-1)}}html{background:var(--color-page)}body{--live-background-color: var(--color-primary-light);--live-background-gradient: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-surface) 52%, var(--color-border) 100%);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}.route-heroes-page{display:grid;gap:var(--space-5)}.route-heroes-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);align-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-card);padding:clamp(18px,3vw,32px);background:linear-gradient(135deg,#fffffff0,#e8f5ffe0),var(--color-surface);box-shadow:var(--shadow-card)}.route-heroes-hero h2,.route-heroes-section-header h2,.route-heroes-card h2{margin:var(--space-2) 0 0}.route-heroes-hero p{max-width:66ch;margin:var(--space-3) 0 0;color:var(--color-muted)}.route-heroes-hero__stat{display:grid;min-width:132px;justify-items:center;gap:var(--space-1);border-radius:var(--radius-card);padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-mini-card)}.route-heroes-hero__stat strong{color:var(--color-primary-deep);font-size:clamp(2.2rem,6vw,4rem);line-height:1}.route-heroes-hero__stat span{color:var(--color-muted);font-weight:800}.route-heroes-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:var(--space-5);align-items:start}.route-heroes-board,.route-heroes-card,.route-heroes-side{display:grid;gap:var(--space-4)}.route-heroes-section-header{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.route-heroes-section-header--compact{display:block}.route-heroes-entry-list,.route-heroes-mini-list,.route-heroes-phase-list{display:grid;gap:var(--space-3)}.route-heroes-entry{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:var(--space-4);align-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:var(--space-4);background:var(--color-surface)}.route-heroes-entry__rank{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-pill);background:var(--color-primary-light);color:var(--color-primary-deep);font-weight:900}.route-heroes-entry h3,.route-heroes-mini-list h3{margin:0;font-size:clamp(1.15rem,2.2vw,1.7rem)}.route-heroes-entry p,.route-heroes-entry small,.route-heroes-mini-list p,.route-heroes-phase-list p,.route-heroes-phase-list small{margin:var(--space-1) 0 0;color:var(--color-muted)}.route-heroes-entry>strong{color:var(--color-primary-deep);font-size:clamp(1.5rem,3vw,2.5rem);line-height:1}.route-heroes-entry>strong:after{content:" punten";display:block;margin-top:var(--space-1);color:var(--color-muted);font-size:var(--font-size-small);font-weight:800}.route-heroes-mini-list article,.route-heroes-phase-list article{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:var(--space-3);background:var(--color-surface-soft)}.route-heroes-mini-list strong{display:inline-block;margin-top:var(--space-2);color:var(--color-primary-deep)}.route-heroes-card--rules ul{display:grid;gap:var(--space-2);margin:0;padding-left:1.2rem;color:var(--color-muted)}@media(max-width:900px){.route-heroes-hero,.route-heroes-layout{grid-template-columns:1fr}.route-heroes-hero__stat{justify-items:start}}@media(max-width:640px){.route-heroes-entry{grid-template-columns:42px minmax(0,1fr)}.route-heroes-entry>strong{grid-column:2;font-size:1.5rem}}.route-school-screen{position:relative;isolation:isolate;--route-school-display-font: Inter, "Aptos Display", "Segoe UI Variable Display", "Segoe UI", ui-sans-serif, system-ui, sans-serif;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(18px,2.6vw,30px);height:100vh;min-height:640px;width:100%;overflow:hidden;border:0;border-radius:0;padding:clamp(18px,3vw,34px);background:linear-gradient(90deg,#ffffff3d,#ffffff1f),url(/assets/images/backgrounds/trotsbord-schoolscherm-background.avif) center / cover no-repeat,var(--color-surface);box-shadow:0 0 0 1px #ffffffb3 inset}.route-school-screen__motion{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.route-school-screen__motion-layer{position:absolute;display:block;opacity:.86;will-change:transform;transform:translateZ(0)}.route-school-screen__motion-layer--left-top{top:-9vh;left:-6vw;width:clamp(320px,38vw,680px);height:clamp(320px,38vw,680px);border-radius:36% 64% 58% 42%;background:linear-gradient(135deg,#0090f23d,#0090f214);animation:route-school-drift-a 20s ease-in-out infinite alternate}.route-school-screen__motion-layer--left-bottom{left:-6vw;bottom:-8vh;width:clamp(300px,34vw,620px);height:clamp(230px,29vw,520px);border-radius:34% 66% 42% 58%;background:linear-gradient(135deg,#42d1da4d,#0090f21a);animation:route-school-drift-e 22s ease-in-out infinite alternate;animation-delay:-6s}.route-school-screen__motion-layer--right-top{top:-5vh;right:-5vw;width:clamp(280px,30vw,560px);height:clamp(230px,27vw,500px);border-radius:34px 34px 78px 78px;background:linear-gradient(135deg,#42d1da47,#0090f217);transform:rotate(8deg);animation:route-school-drift-b 19s ease-in-out infinite alternate;animation-delay:-8s}.route-school-screen__motion-layer--right-bottom{right:-8vw;bottom:-10vh;width:clamp(420px,48vw,860px);height:clamp(300px,39vw,700px);border-radius:42% 58% 36% 64%;background:linear-gradient(135deg,#0090f242,#0090f21a);animation:route-school-drift-c 24s ease-in-out infinite alternate;animation-delay:-15s}.route-school-screen__motion-layer--triangle{top:11vh;right:20vw;width:clamp(48px,5vw,84px);height:clamp(48px,5vw,84px);border-radius:16px;background:#0090f238;clip-path:polygon(50% 0,100% 88%,0 88%);animation:route-school-drift-d 16s ease-in-out infinite alternate;animation-delay:-5s}.route-school-screen__header{position:relative;z-index:1;overflow:hidden;display:flex;gap:var(--space-4);align-items:flex-start;justify-content:space-between;border-radius:18px;padding:clamp(18px,3vw,28px);background:linear-gradient(135deg,#fffffff5,#f4fbffe5),#ffffffe0;color:var(--color-text);font-family:var(--route-school-display-font);box-shadow:0 16px 42px color-mix(in srgb,var(--color-primary) 10%,transparent),0 0 0 1px #ffffff9e inset}.route-school-screen__header:before{content:"";position:absolute;top:8px;left:10px;width:118px;height:48px;opacity:.72;background-image:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 32%,transparent) 0 4px,transparent 5px),radial-gradient(circle,color-mix(in srgb,var(--color-primary) 22%,transparent) 0 4px,transparent 5px);background-position:0 0,16px 14px;background-size:24px 24px;pointer-events:none}.route-school-screen__header:after{content:"";position:absolute;top:18px;left:min(36vw,450px);width:34px;height:34px;opacity:.9;background:#94bd46;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);filter:drop-shadow(0 7px 12px rgb(75 113 25 / 18%));pointer-events:none}.route-school-screen__header h1{position:relative;margin:var(--space-3) 0 0;color:var(--color-primary);font-family:var(--route-school-display-font);font-size:clamp(3.2rem,7vw,6.2rem);font-weight:950;line-height:.95;text-shadow:0 2px 0 rgb(22 54 128 / 9%),0 10px 22px color-mix(in srgb,var(--color-primary) 14%,transparent)}.route-school-screen__header .ui-badge{border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border));background:#ffffffb8;color:var(--color-primary-deep)}.route-school-screen__meta{position:relative;z-index:1;display:grid;justify-items:end;gap:var(--space-3);color:var(--color-primary-deep);font-weight:850;text-align:right}.route-school-screen__meta .ui-status-pill{background:#ffffffeb;color:var(--color-primary-deep)}.route-school-screen__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:clamp(16px,2.3vw,26px);align-items:stretch;min-height:0}.route-school-screen__footer{position:relative;z-index:1;display:flex;min-height:clamp(34px,4vw,54px);align-items:center;justify-content:center}.route-school-screen__footer-logo-picture{display:inline-flex;align-items:center;justify-content:center}.route-school-screen__footer-logo{display:block;width:clamp(154px,17vw,230px);height:auto;filter:drop-shadow(0 10px 20px rgb(0 95 168 / 12%))}@keyframes route-school-drift-a{0%{transform:translate3d(-28px,-18px,0) rotate(-1deg)}to{transform:translate3d(54px,42px,0) rotate(1.8deg)}}@keyframes route-school-drift-b{0%{transform:translate3d(30px,-24px,0) rotate(6.6deg)}to{transform:translate3d(-50px,44px,0) rotate(10.2deg)}}@keyframes route-school-drift-c{0%{transform:translate3d(34px,30px,0) rotate(-1.5deg)}to{transform:translate3d(-62px,-48px,0) rotate(1.5deg)}}@keyframes route-school-drift-d{0%{transform:translate3d(-14px,12px,0) rotate(-3deg)}to{transform:translate3d(30px,-28px,0) rotate(5deg)}}@keyframes route-school-drift-e{0%{transform:translate3d(-22px,24px,0) rotate(-1.2deg)}to{transform:translate3d(50px,-36px,0) rotate(1.6deg)}}@keyframes route-school-trophy-turn{0%,18%{transform:rotateY(0) rotate(0) scale(1)}42%{transform:rotateY(180deg) rotate(-1deg) scale(1.03)}68%{transform:rotateY(360deg) rotate(0) scale(1)}to{transform:rotateY(360deg) rotate(0) scale(1)}}.route-school-screen[data-background-motion=off] .route-school-screen__motion-layer,.route-school-screen[data-motion-mode=off] .route-school-screen__motion-layer{animation:none;will-change:auto}.route-school-screen__leaderboard,.route-school-screen__spotlight{border-radius:18px;box-shadow:0 18px 48px #1720331a}.route-school-screen__leaderboard{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:var(--space-4);overflow:hidden;padding:0}.route-school-screen__board-title{display:flex;gap:clamp(14px,2vw,24px);align-items:center;justify-content:flex-start;border-radius:18px 18px 0 0;padding:clamp(18px,2.4vw,28px);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--route-school-display-font);perspective:760px}.route-school-screen__board-title h2{margin:0;color:var(--color-on-primary);font-size:clamp(2rem,3.3vw,3.2rem);font-weight:950;line-height:1.02}.route-school-screen__trophy{width:clamp(70px,7.2vw,96px);height:clamp(70px,7.2vw,96px);object-fit:contain;filter:drop-shadow(0 10px 16px rgb(27 38 84 / 22%));transform-origin:center center;transform-style:preserve-3d;will-change:transform}.route-school-screen[data-trophy-motion=on] .route-school-screen__trophy{animation:route-school-trophy-turn 9s cubic-bezier(.45,0,.2,1) infinite}.route-school-screen[data-trophy-motion=off] .route-school-screen__trophy,.route-school-screen[data-motion-mode=off] .route-school-screen__trophy{animation:none;will-change:auto}@media(prefers-reduced-motion:reduce){.route-school-screen__motion-layer,.route-school-screen__trophy{animation:none;will-change:auto}}.route-school-screen__route-pill{justify-self:center;border-radius:var(--radius-pill);padding:var(--space-2) clamp(18px,3vw,34px);background:color-mix(in srgb,var(--color-primary) 12%,white);color:var(--color-primary);font-family:var(--route-school-display-font);font-size:clamp(1rem,1.8vw,1.35rem);font-weight:900;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 8%,transparent)}.route-school-screen__entries{display:grid;gap:clamp(12px,1.8vw,18px);padding:0 clamp(16px,2.4vw,28px) clamp(18px,2.8vw,30px)}.route-school-screen__entry{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(18px,2.4vw,34px);align-items:center;min-height:clamp(154px,12.6vw,198px);border:2px solid color-mix(in srgb,var(--color-primary) 16%,white);border-radius:18px;padding:clamp(20px,2.2vw,30px) clamp(26px,3vw,44px) clamp(20px,2.2vw,30px) clamp(184px,15vw,272px);background:#ffffffe0;box-shadow:0 10px 26px color-mix(in srgb,var(--color-primary) 8%,transparent);font-family:var(--route-school-display-font)}.route-school-screen__medal{position:absolute;left:clamp(18px,2.5vw,44px);top:50%;width:clamp(152px,12.5vw,208px);height:clamp(198px,16.2vw,272px);object-fit:contain;transform:translateY(-52%);filter:drop-shadow(0 14px 20px rgb(27 38 84 / 20%))}.route-school-screen__entry-copy{min-width:0;text-align:left}.route-school-screen__entry h3{margin:0;color:#172033;font-size:clamp(1.8rem,3.35vw,3rem);font-weight:950;line-height:1.02}.route-school-screen__entry p,.route-school-screen__entry-meta{margin:clamp(4px,.5vw,8px) 0 0;color:var(--color-muted);font-size:clamp(.9rem,1.35vw,1.14rem);font-weight:820;line-height:1.14}.route-school-screen__entry-meta{display:flex;flex-wrap:wrap;gap:clamp(8px,.9vw,13px);align-items:center;font-size:clamp(.78rem,1.08vw,.98rem);line-height:1}.route-school-screen__entry-meta span{display:inline-flex;min-width:0;gap:6px;align-items:center;border-radius:var(--radius-pill);padding:5px 9px;background:color-mix(in srgb,var(--color-primary) 7%,white);color:#172033c2;white-space:nowrap}.route-school-screen__entry-meta svg{width:1.05em;height:1.05em;flex:0 0 auto;color:var(--color-primary);stroke-width:2.4}.route-school-screen__entry>strong{display:grid;justify-self:end;min-width:clamp(110px,8.6vw,150px);min-height:clamp(76px,6.4vw,100px);place-items:center;border-radius:18px;padding:clamp(10px,1vw,14px) clamp(14px,1.4vw,20px);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 16%,white),#ffffffeb),#fff;color:var(--color-primary);font-weight:950;line-height:1.02;text-align:center;white-space:nowrap;box-shadow:0 14px 28px color-mix(in srgb,var(--color-primary) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 16%,white)}.route-school-screen__entry-score span{display:block;color:var(--color-primary);font-size:clamp(2rem,3.4vw,3.35rem);font-weight:950;line-height:.92}.route-school-screen__entry-score small{display:block;margin-top:4px;color:color-mix(in srgb,var(--color-primary) 76%,var(--color-text));font-size:clamp(.62rem,.9vw,.8rem);font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase}.route-school-screen__side{display:grid;gap:var(--space-4);min-height:0}.route-school-screen__spotlight{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:clamp(7px,.9vw,11px);align-content:stretch;border-width:2px;border-color:color-mix(in srgb,var(--color-primary) 12%,var(--color-border));font-family:var(--route-school-display-font)}.route-school-screen__spotlight--growth{background:radial-gradient(circle at 86% 20%,rgb(47 125 76 / 16%),transparent 26%),linear-gradient(135deg,#fffffff2,#ebfaf0f2),var(--color-surface);border-color:#2f7d4c38;color:#17472a}.route-school-screen__spotlight--new{background:radial-gradient(circle at 18% 48%,rgb(240 190 24 / 16%),transparent 24%),linear-gradient(135deg,#fffffff5,#fff8daf2),var(--color-surface);border-color:#ca9a0c3d;color:#66500c}.route-school-screen__spotlight-header{position:relative;z-index:1;display:flex;gap:var(--space-2);align-items:flex-start;justify-content:space-between}.route-school-screen__spotlight h2{margin:var(--space-1) 0 0;color:currentColor;font-size:clamp(1.42rem,2.05vw,1.95rem);font-weight:950;line-height:1}.route-school-screen__spotlight .results-card-kicker{color:currentColor;opacity:.72}.route-school-screen__spotlight-icon{display:inline-grid;flex:0 0 auto;width:clamp(48px,4.2vw,68px);height:clamp(48px,4.2vw,68px);place-items:center;border-radius:999px;box-shadow:0 16px 28px #17203324}.route-school-screen__spotlight-icon svg{width:54%;height:54%;fill:currentColor;stroke:none}.route-school-screen__spotlight-icon--growth{background:linear-gradient(135deg,#2f7d4c,#5ead73);color:#fff}.route-school-screen__spotlight-icon--new{background:linear-gradient(135deg,#f2c52b,#d99b13);color:#fff}.route-school-screen__spotlight-intro{position:relative;z-index:1;max-width:33ch;margin:0;color:#172033b8;font-size:clamp(.7rem,.82vw,.82rem);font-weight:700;line-height:1.12}.route-school-screen__growth-background{position:absolute;right:clamp(4px,1.8vw,22px);top:clamp(74px,8vw,108px);z-index:0;width:min(64%,320px);max-height:42%;object-fit:contain;object-position:right top;opacity:.58;pointer-events:none}.route-school-screen__spotlight-list{position:relative;z-index:1;display:grid;align-content:end;gap:clamp(6px,.75vw,9px);min-height:0}.route-school-screen__spotlight--growth .route-school-screen__spotlight-list,.route-school-screen__spotlight--new .route-school-screen__spotlight-list{margin-top:0}.route-school-screen__spotlight-item{border-radius:13px;padding:clamp(8px,1vw,11px) clamp(11px,1.25vw,14px);background:#ffffffe0;box-shadow:0 0 0 1px #ffffffa3 inset}.route-school-screen__spotlight-item h3{margin:0;color:#172033;font-size:clamp(.98rem,1.38vw,1.18rem);font-weight:950;line-height:1.06}.route-school-screen__spotlight-item p{margin:3px 0 0;color:#172033ad;font-size:clamp(.78rem,1.02vw,.92rem);font-weight:820;line-height:1.1}.route-school-screen__spotlight-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:5px;color:#172033ad;font-size:clamp(.72rem,.92vw,.84rem);font-weight:820;line-height:1}.route-school-screen__spotlight-meta span{display:inline-flex;min-width:0;gap:5px;align-items:center;border-radius:var(--radius-pill);padding:4px 7px;background:#ffffffbd;white-space:nowrap}.route-school-screen__spotlight-meta svg{width:1em;height:1em;flex:0 0 auto;color:currentColor;stroke-width:2.4}.route-school-screen__spotlight--growth .route-school-screen__spotlight-meta svg{color:#2f7d4c}.route-school-screen__spotlight--new .route-school-screen__spotlight-meta svg{color:#b88710}.route-school-screen__route-background{position:absolute;right:clamp(-18px,-1vw,-6px);top:clamp(84px,8vw,112px);z-index:0;width:min(76%,360px);max-height:42%;object-fit:contain;object-position:right top;opacity:.5;pointer-events:none}.route-school-screen[data-look=rustig]{background:linear-gradient(135deg,#ffffffb8,#f5fbffb8),url(/assets/images/backgrounds/trotsbord-schoolscherm-background.avif) center / cover no-repeat,#f7fbff}.route-school-screen[data-look=rustig] .route-school-screen__motion-layer{animation:none;opacity:.18;will-change:auto}.route-school-screen[data-look=rustig] .route-school-screen__header{background:linear-gradient(135deg,#fffffffa,#f8fcfff0),#fff;box-shadow:0 10px 26px #184a7814,0 0 0 1px #ffffffb8 inset}.route-school-screen[data-look=rustig] .route-school-screen__header:before{opacity:.26}.route-school-screen[data-look=rustig] .route-school-screen__header:after{opacity:.42;filter:none}.route-school-screen[data-look=rustig] .route-school-screen__header h1{text-shadow:0 8px 18px color-mix(in srgb,var(--color-primary) 9%,transparent)}.route-school-screen[data-look=rustig] .route-school-screen__leaderboard,.route-school-screen[data-look=rustig] .route-school-screen__spotlight{box-shadow:0 12px 28px #17203312}.route-school-screen[data-look=rustig] .route-school-screen__board-title{background:linear-gradient(135deg,#0086df,#0090f2)}.route-school-screen[data-look=rustig] .route-school-screen__trophy{animation:none;filter:drop-shadow(0 8px 12px rgb(27 38 84 / 14%));will-change:auto}.route-school-screen[data-look=rustig] .route-school-screen__entry{background:#fffffff0;box-shadow:none}.route-school-screen[data-look=rustig] .route-school-screen__entry-score{background:#ffffffeb;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 13%,white)}.route-school-screen[data-look=rustig] .route-school-screen__spotlight-icon{box-shadow:none}.route-school-screen[data-look=feestelijk]{background:radial-gradient(circle at 48% 12%,rgb(242 197 43 / 14%),transparent 22%),linear-gradient(135deg,#ffffff4d,#fff8dc2e),url(/assets/images/backgrounds/trotsbord-schoolscherm-background.avif) center / cover no-repeat,var(--color-surface)}.route-school-screen[data-look=feestelijk] .route-school-screen__motion-layer--left-top,.route-school-screen[data-look=feestelijk] .route-school-screen__motion-layer--right-bottom{background:linear-gradient(135deg,#0090f247,#f2c52b21)}.route-school-screen[data-look=feestelijk] .route-school-screen__motion-layer--triangle{background:#f2c52b57}.route-school-screen[data-look=feestelijk] .route-school-screen__header{background:radial-gradient(circle at 72% 18%,rgb(242 197 43 / 18%),transparent 22%),linear-gradient(135deg,#fffffffa,#f8fcffeb),#fff;box-shadow:0 18px 48px #34589c24,0 0 0 1px #ffffffad inset}.route-school-screen[data-look=feestelijk] .route-school-screen__header:before{opacity:.86;background-image:radial-gradient(circle,rgb(0 144 242 / 30%) 0 4px,transparent 5px),radial-gradient(circle,rgb(242 197 43 / 34%) 0 4px,transparent 5px)}.route-school-screen[data-look=feestelijk] .route-school-screen__header:after{width:40px;height:40px;background:#f2c52b;filter:drop-shadow(0 8px 14px rgb(175 122 20 / 22%))}.route-school-screen[data-look=feestelijk] .route-school-screen__header h1{text-shadow:0 2px 0 rgb(255 255 255 / 90%),0 13px 25px rgb(0 144 242 / 18%),0 0 20px rgb(242 197 43 / 16%)}.route-school-screen[data-look=feestelijk] .route-school-screen__leaderboard,.route-school-screen[data-look=feestelijk] .route-school-screen__spotlight{box-shadow:0 20px 54px #17203321}.route-school-screen[data-look=feestelijk] .route-school-screen__board-title{position:relative;overflow:hidden;background:radial-gradient(circle at 94% 24%,rgb(255 255 255 / 24%),transparent 18%),linear-gradient(135deg,#0090f2,#4d8ff1 64%,#f2c52b 145%)}.route-school-screen[data-look=feestelijk] .route-school-screen__board-title:after{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(90deg,transparent 0 28px,rgb(255 255 255 / 70%) 28px 32px,transparent 32px 64px),radial-gradient(circle,rgb(255 255 255 / 80%) 0 2px,transparent 3px);background-position:0 0,18px 14px;background-size:86px 86px,42px 42px;pointer-events:none}.route-school-screen[data-look=feestelijk] .route-school-screen__board-title>*{position:relative;z-index:1}.route-school-screen[data-look=feestelijk] .route-school-screen__entry:first-child{border-color:#f2c52b6b;box-shadow:0 16px 34px #f2c52b21,0 10px 26px color-mix(in srgb,var(--color-primary) 8%,transparent)}.route-school-screen[data-look=feestelijk] .route-school-screen__entry:first-child:after{content:"";position:absolute;top:18px;right:clamp(168px,12vw,220px);width:34px;height:34px;background:#f2c52b;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);opacity:.5;pointer-events:none}.route-school-screen[data-look=feestelijk] .route-school-screen__entry-score{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 14%,white),#fffcedf5),#fff}@media(max-width:980px){.route-school-screen{height:auto;min-height:100vh;overflow:visible}.route-school-screen__header,.route-school-screen__grid{grid-template-columns:1fr}.route-school-screen__header{display:grid}.route-school-screen__meta{justify-items:start;text-align:left}}@media(max-width:660px){.route-school-screen{padding:var(--space-3)}.route-school-screen__footer-logo{width:clamp(134px,40vw,180px)}.route-school-screen__entry{grid-template-columns:minmax(0,1fr);gap:6px;min-height:158px;padding:20px 18px 20px 140px}.route-school-screen__medal{left:6px;top:50%;width:118px;height:154px;transform:translateY(-55%)}.route-school-screen__entry-copy{text-align:left}.route-school-screen__entry h3{font-size:clamp(1.5rem,6.2vw,2rem)}.route-school-screen__entry p,.route-school-screen__entry-meta{margin:var(--space-1) 0 0;font-size:clamp(.92rem,4vw,1.1rem);line-height:1.16}.route-school-screen__entry-meta{gap:5px}.route-school-screen__entry-meta span{padding:4px 7px}.route-school-screen__entry>strong{justify-self:start;min-width:0;min-height:0;margin-top:3px;border-radius:12px;padding:7px 10px;font-size:clamp(.98rem,4.2vw,1.2rem);text-align:left}.route-school-screen__entry-score{display:inline-flex;gap:5px;align-items:baseline}.route-school-screen__entry-score span{font-size:clamp(1.18rem,5vw,1.45rem)}.route-school-screen__entry-score small{margin-top:0;font-size:clamp(.68rem,3vw,.78rem)}}@media(min-width:420px)and (max-width:660px){.route-school-screen__entries{gap:7px;padding:0 16px 8px}.route-school-screen__entry{min-height:118px;padding:10px 16px 10px 118px}.route-school-screen__medal{left:8px;width:92px;height:116px;transform:translateY(-52%)}.route-school-screen__entry h3{font-size:clamp(1.35rem,5.4vw,1.7rem)}.route-school-screen__entry p,.route-school-screen__entry-meta{font-size:clamp(.82rem,3.3vw,.95rem);line-height:1.12}.route-school-screen__entry-meta{gap:4px}.route-school-screen__entry-meta span{padding:3px 6px}.route-school-screen__entry>strong{padding:6px 9px;font-size:clamp(.9rem,3.6vw,1.05rem)}.route-school-screen__entry-score span{font-size:clamp(1rem,4vw,1.2rem)}.route-school-screen__entry-score small{font-size:clamp(.62rem,2.7vw,.72rem)}}@media(max-height:800px)and (min-width:900px){.route-school-screen{gap:16px;min-height:0;padding:18px 24px}.route-school-screen__footer{min-height:30px}.route-school-screen__footer-logo{width:clamp(138px,13vw,174px)}.route-school-screen__header{padding:14px 22px}.route-school-screen__header h1{margin-top:var(--space-2);font-size:clamp(2.7rem,5.5vw,4.5rem)}.route-school-screen__board-title{padding:10px 18px}.route-school-screen__board-title h2{font-size:clamp(1.45rem,2.3vw,2rem)}.route-school-screen__trophy{width:54px;height:54px}.route-school-screen__route-pill{padding:5px 18px;font-size:.92rem}.route-school-screen__entries{gap:8px;padding:0 18px 14px}.route-school-screen__entry{min-height:96px;padding:10px clamp(18px,2vw,24px) 10px clamp(92px,8.8vw,124px)}.route-school-screen__entry h3{font-size:clamp(1.35rem,2vw,1.8rem)}.route-school-screen__entry p,.route-school-screen__entry-meta{font-size:clamp(.86rem,1.28vw,1rem)}.route-school-screen__entry-meta{gap:5px}.route-school-screen__entry-meta span{padding:3px 6px}.route-school-screen__entry-score span{font-size:clamp(1.7rem,2.6vw,2.25rem)}.route-school-screen__entry-score small{font-size:clamp(.56rem,.72vw,.68rem)}.route-school-screen__medal{left:clamp(12px,2vw,26px);width:clamp(92px,8vw,118px);height:clamp(120px,10.4vw,154px);transform:translateY(-52%)}.route-school-screen__spotlight{gap:6px;padding:8px 10px}.route-school-screen__side{gap:10px}.route-school-screen__spotlight h2{font-size:clamp(1.16rem,1.75vw,1.45rem);line-height:.98}.route-school-screen__spotlight-icon{width:38px;height:38px}.route-school-screen__spotlight-intro{max-width:28ch;font-size:.62rem;line-height:1.1}.route-school-screen__growth-background{top:58px;right:0;width:min(62%,210px);max-height:34%;opacity:.42}.route-school-screen__route-background{top:64px;right:-12px;width:min(68%,230px);max-height:34%;opacity:.42}.route-school-screen__spotlight-list{gap:5px}.route-school-screen__spotlight-item{border-radius:11px;padding:7px 9px}.route-school-screen__spotlight-item h3{font-size:.86rem;line-height:1}.route-school-screen__spotlight-item p{margin-top:2px;font-size:.7rem;line-height:1.08}.route-school-screen__spotlight-meta{gap:3px;margin-top:3px;font-size:.62rem}.route-school-screen__spotlight-meta span{gap:3px;padding:3px 5px}}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%, var(--color-text));--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;width:100%;min-height:min(480px,calc(100dvh - 190px));place-items:center;overflow:hidden;padding:clamp(32px,8vh,72px) 16px;border-radius:var(--radius-button);background:radial-gradient(circle at 50% 42%,rgb(255 255 255 / 88%) 0 18%,transparent 42%),linear-gradient(135deg,var(--color-page) 0%,var(--color-primary-light) 54%,var(--color-primary-very-light) 100%);color:var(--color-primary-deep);text-align:center}.loading-screen__content{display:grid;width:min(100%,220px);justify-items:center;gap:14px;margin:auto}.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;overflow:hidden}.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:.88rem;font-weight:800;line-height:1.2}.loading-screen--reveal .loading-screen__mark{animation:loading-reveal-mark .88s cubic-bezier(.2,.8,.22,1) both}.loading-screen--reveal .loading-screen__mark:after{inset:-30px;border:0;border-radius:0;background:linear-gradient(115deg,transparent 0 36%,rgb(255 255 255 / .18) 43%,rgb(255 255 255 / .92) 50%,rgb(0 144 242 / .18) 57%,transparent 66% 100%);animation:loading-reveal-wipe .88s cubic-bezier(.2,.8,.22,1) both}.loading-screen--reveal .loading-screen__mark img{animation:loading-reveal-icon .78s ease-out 90ms both}.loading-screen--reveal .loading-screen__content{gap:15px}.loading-screen--reveal p{animation:loading-reveal-text .52s ease-out .36s both}.taalroute-loading{display:grid;width:100%;min-height:min(480px,calc(100dvh - 190px));place-items:center;overflow:hidden;padding:clamp(28px,7vh,64px) 16px;background-image:none;color:var(--color-primary-deep);text-align:center}.taalroute-loading--page{min-height:100dvh;border-radius:0;background:radial-gradient(circle at 50% 42%,rgb(255 255 255 / 86%) 0 18%,transparent 42%),linear-gradient(135deg,var(--color-page) 0%,var(--color-primary-light) 54%,var(--color-primary-very-light) 100%)}.taalroute-loading__content{display:grid;width:min(100%,380px);justify-items:center;margin:auto;background-image:none}.taalroute-loading__lottie{display:block;width:clamp(260px,42vw,380px);max-width:min(100%,82vw);height:auto;object-fit:contain}[data-visual-theme=quiz] .taalroute-loading{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--theme-secondary) 12%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 7%,white),color-mix(in srgb,var(--theme-secondary) 7%,white))}[data-visual-theme=quiz] .taalroute-loading__lottie{filter:drop-shadow(0 14px 30px color-mix(in srgb,var(--theme-primary) 14%,transparent))}.app-shell:has(.taalroute-loading--page)+.app-footer{display:none}.app-shell:has(.taalroute-loading--page){min-height:100dvh;padding-block:0}body:has(.taalroute-loading--page) .topbar{display:none}.quiz-selection-page--loading,.quiz-preview-page:has(.taalroute-loading--page),.host-page:has(.taalroute-loading--page){min-height:100dvh;place-items:center;padding:0}.app-shell:has(.loading-screen--reveal)+.app-footer{display:none}.app-shell:has(.loading-screen--page){min-height:100dvh;padding-block:0}body:has(.loading-screen--page) .topbar{display:none}.loading-screen--page{min-height:100dvh;border-radius:0}.quiz-selection-page--loading,.quiz-preview-page:has(.loading-screen--page){min-height:100dvh;place-items:center;padding:0}.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)}}@keyframes loading-reveal-mark{0%{clip-path:inset(0 100% 0 0 round 50%);opacity:.72}62%{clip-path:inset(0 0 0 0 round 50%);opacity:1}to{clip-path:inset(0 0 0 0 round 50%);opacity:1}}@keyframes loading-reveal-wipe{0%{opacity:0;transform:translate(-118%)}24%{opacity:1}76%{opacity:.92;transform:translate(118%)}to{opacity:0;transform:translate(118%)}}@keyframes loading-reveal-icon{0%,34%{opacity:0;transform:translateY(2px) scale(.96)}to{opacity:.96;transform:translateY(0) scale(1)}}@keyframes loading-reveal-text{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-reduced-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.loading-screen__mark,.loading-screen__mark:after,.loading-screen__mark img{animation:none}.loading-screen--reveal .loading-screen__mark,.loading-screen--reveal p{animation:loading-reduced-fade .24s ease-out both}.loading-screen--reveal .loading-screen__mark:after{display:none}.loading-screen--reveal .loading-screen__mark img{animation:none}.taalroute-loading__content{animation:loading-reduced-fade .24s ease-out both}}.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;justify-content:flex-start;min-width:clamp(136px,16vw,178px);min-height:72px;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}.brand-live-logo{position:relative;display:grid;width:clamp(132px,16vw,178px);min-height:72px;align-items:center;contain:paint;isolation:isolate}.brand-live-logo__picture{grid-area:1 / 1;display:inline-flex;align-items:center;backface-visibility:hidden;transform-origin:left center;transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.brand-live-logo__picture--mark{justify-self:start;z-index:2;opacity:1;transform:translateY(0) scale(1)}.brand-live-logo__picture--stacked{justify-self:start;z-index:1;opacity:0;transform:translateY(-4px) scale(.99)}.brand-live-logo__image{display:block;height:auto}.brand-live-logo__image--mark,.brand-live-logo__image--stacked{width:clamp(102px,11vw,132px)}.brand-link:hover .brand-live-logo__picture--mark,.brand-link:focus-visible .brand-live-logo__picture--mark{opacity:0;transform:translateY(6px) scale(.985)}.brand-link:hover .brand-live-logo__picture--stacked,.brand-link:focus-visible .brand-live-logo__picture--stacked{opacity:1;transform:translateY(0) scale(1)}.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:none;stroke:currentColor}.nav-link--active{border-color:#0090f23d;color:var(--color-primary-deep);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:none;stroke:currentColor}.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{width:36px;height:36px;border-color:transparent;padding:0;background:transparent}.notification-button:disabled{border-color:transparent;background:transparent;color:var(--color-muted);cursor:default}.notification-button:hover,.notification-button:disabled:hover{border-color:transparent;background:transparent}.notification-button .icon{width:18px;height:18px}.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:36px;height:36px;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:0 10px 0 8px;background:var(--color-surface-soft);color:var(--color-primary-deep)}.xp-indicator--placeholder{border-color:var(--color-border);background:var(--color-surface-soft);color:var(--color-primary-deep)}.xp-indicator__label-badge,.xp-indicator__star-badge{display:grid;width:22px;min-width:22px;height:22px;place-items:center;border-radius:var(--radius-pill);padding-inline:0;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-primary-deep);font-size:.68rem;font-weight:950;letter-spacing:.02em;box-shadow:inset 0 1px #fff6}.xp-indicator__star-badge svg{width:14px;height:14px;stroke-width:2.4}.xp-indicator span{color:var(--color-muted);font-size:.72rem;font-weight:700}.xp-indicator strong{color:var(--color-primary-deep);font-size:.82rem;font-weight:800}.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__label-badge,.xp-indicator--placeholder .xp-indicator__star-badge{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-primary-deep)}.teacher-badge{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;border-radius:var(--radius-button);background:transparent;color:var(--color-primary-deep);box-shadow:none}.teacher-badge svg{width:18px;height:18px}.profile-menu{position:relative}.profile-summary{position:relative;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:var(--radius-button);padding:0;background:transparent;color:var(--color-heading);cursor:pointer;list-style:none}.profile-summary:hover{background:transparent}.profile-summary__chevron{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-primary-deep);box-shadow:none;fill:none;stroke:currentColor}.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-shell:has(.home-page)+.app-footer{display:none}.app-footer{padding-block:0 24px}.app-footer__inner{display:flex;align-items:center;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}.app-footer__logo-picture{display:inline-flex;align-items:center}.app-footer__logo{display:block;width:clamp(92px,10vw,126px);height:auto}@media(prefers-reduced-motion:reduce){.brand-live-logo__picture{transition:opacity .16s ease}.brand-live-logo__picture--stacked,.brand-link:hover .brand-live-logo__picture--mark,.brand-link:focus-visible .brand-live-logo__picture--mark,.brand-link:hover .brand-live-logo__picture--stacked,.brand-link:focus-visible .brand-live-logo__picture--stacked{transform:none}}.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}.results-page{gap:var(--space-3);padding-top:clamp(16px,2.4vh,26px)}.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}.ui-badge{display:inline-flex;width:fit-content;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface-soft);color:var(--color-primary-deep);font-weight:950;line-height:1;text-transform:uppercase}.ui-badge--small{min-height:24px;padding:4px 7px;font-size:.66rem}.ui-badge--medium{min-height:30px;padding:6px 9px;font-size:var(--font-size-caption)}.ui-badge--primary{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 11%,var(--color-surface));color:var(--color-primary-deep)}.ui-badge--success{border-color:color-mix(in srgb,var(--color-success) 32%,var(--color-border));background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface));color:var(--color-success-deep)}.ui-badge--warning{border-color:color-mix(in srgb,var(--color-xp) 42%,var(--color-border));background:color-mix(in srgb,var(--color-xp) 16%,var(--color-surface));color:var(--color-xp-deep)}.ui-badge--danger{border-color:color-mix(in srgb,var(--color-danger) 32%,var(--color-border));background:var(--color-danger-soft);color:var(--color-danger-deep)}.hero-copy{max-width:560px;margin:6px 0 0;color:var(--color-hero-copy);font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.35;text-shadow:0 2px 12px rgb(0 0 0 / 18%)}.hero-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:clamp(10px,1.3vw,14px)}.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:184px;min-height:54px;gap:10px;border-radius:var(--radius-hero-action);padding:0 20px;font-size:.96rem;box-shadow:var(--shadow-hero-button)}.button-icon{width:var(--icon-size-lg);height:var(--icon-size-lg);flex:0 0 auto;fill:none;stroke:currentColor}.button-icon--quick-play{width:var(--icon-size-xl);height:var(--icon-size-xl)}.button--primary .button-icon{stroke:currentColor}.button--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-primary-button)}.button--secondary{border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-streak) 5%,transparent)),#fffffff0;color:var(--color-primary-deep)}.home-page .button--hero.button--primary{background:var(--color-primary)}.home-page .button--hero.button--secondary{border-color:#ffffff94;background:linear-gradient(135deg,#fffffff5,color-mix(in srgb,var(--color-xp) 20%,white));color:var(--color-primary-deep)}.button--compact{width:100%;margin-top:20px;background:var(--color-primary);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 color-mix(in srgb,var(--mini-accent, var(--color-primary)) 22%,var(--color-border));border-radius:var(--radius-mini-card);padding:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--mini-accent, var(--color-primary)) 8%,transparent),transparent 58%),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__title-row{display:flex;gap:6px;align-items:center;justify-content:space-between;min-width:0}.mini-card__title-row .info-button,.results-card-kicker--with-info .info-button,.profile-metric-card__meta .info-button,.participant-result-details dd .info-button{width:24px;height:24px;font-size:.72rem}.xp-widget{--mini-accent: var(--color-xp)}.continue-widget{--mini-accent: var(--color-streak);position:relative;grid-template-columns:clamp(64px,16%,92px) minmax(0,1fr);min-height:124px;overflow:hidden;padding:14px 16px}.continue-widget:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--mini-accent);content:""}.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,var(--color-star-level-3) 0%,var(--color-xp) 100%);color:var(--color-xp-deep);box-shadow:var(--shadow-star-badge)}.xp-widget__star{width:27px;height:27px}.xp-widget__star--png{display:block;width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 10px 12px rgb(15 23 42 / 16%))}.xp-widget__badge picture,.continue-widget__icon picture,.action-icon-wrap picture{display:grid;width:100%;height:100%;place-items:center}.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:linear-gradient(90deg,var(--color-primary),var(--mini-accent, var(--color-success)))}.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:color-mix(in srgb,var(--color-streak) 14%,var(--color-surface));color:var(--color-streak-deep)}.continue-widget__play{width:25px;height:25px}.continue-widget__console--png{display:block;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 8px 10px rgb(15 23 42 / 14%))}.continue-widget__meta{display:flex;justify-content:flex-start;gap:18px;color:var(--color-muted);font-size:.86rem;font-weight:800;line-height:1.15}.continue-widget__body{grid-template-columns:minmax(0,1fr) auto;gap:10px 22px;align-content:center;align-items:center;height:100%}.continue-widget__content{display:grid;width:100%;min-width:0;max-width:330px;gap:8px}.continue-widget__content h2,.continue-widget__content p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.continue-widget__content h2{-webkit-line-clamp:2;max-width:100%;font-size:clamp(1.1rem,2.3vw,1.55rem);line-height:1.08}.continue-widget__content p{-webkit-line-clamp:2;color:color-mix(in srgb,var(--color-muted) 86%,var(--color-heading));font-size:.88rem;line-height:1.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-width:128px;min-height:42px;align-self:center;justify-self:end;grid-column:2;grid-row:1;border-color:#0090f22e;border-radius:var(--radius-button);padding:0 18px;background:var(--color-primary);color:var(--color-on-primary);font-size:.9rem;box-shadow:0 8px 18px #0090f224;white-space:nowrap}.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 color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 7%,transparent),color-mix(in srgb,var(--color-xp) 8%,transparent)),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:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 11%,transparent),color-mix(in srgb,var(--color-xp) 12%,transparent)),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 4px}.home-page .section-block{margin-top:clamp(6px,1.3vh,12px)}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.action-card{--action-accent-soft: color-mix(in srgb, var(--action-accent) 10%, var(--color-surface));position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:46px auto;column-gap:12px;row-gap:5px;align-items:start;min-height:84px;overflow:hidden;padding:12px 14px;background:linear-gradient(135deg,var(--action-accent-soft),transparent 62%),var(--color-card-surface);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;grid-row:2;margin:0;font-size:var(--font-size-caption);line-height:1.2}.action-card h3{grid-column:2;grid-row:1;align-self:center;margin:0;color:var(--action-text, var(--action-accent));font-size:clamp(.98rem,1.35vw,1.08rem);line-height:1.12}.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:.06}.action-card--green{--action-accent: var(--color-action-green);--action-text: var(--color-success-deep)}.action-card--purple{--action-accent: var(--color-action-purple)}.action-card--orange{--action-accent: var(--color-action-orange);--action-text: var(--color-warning-deep)}.action-card--magenta{--action-accent: var(--color-action-magenta);--action-text: var(--color-danger-deep)}.action-icon-wrap{display:inline-flex;grid-column:1;grid-row:1;align-self:center;width:46px;height:46px;align-items:center;justify-content:center;margin:0;border:1px solid color-mix(in srgb,var(--action-accent) 22%,var(--color-border));border-radius:var(--radius-button);background:color-mix(in srgb,var(--action-accent) 14%,var(--color-surface));color:var(--action-accent)}.action-icon{width:28px;height:28px;fill:none;stroke:currentColor}.action-icon--png{display:block;width:38px;height:38px;object-fit:contain}.continuation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;padding:8px 0 22px}.info-card{border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border));padding:var(--space-4);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-streak) 7%,transparent) 56%,transparent),var(--color-card-surface)}.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 color-mix(in srgb,var(--color-primary) 26%,var(--color-border));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:radial-gradient(circle at 12% 30%,rgb(245 182 66 / 24%),transparent 24%),linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 58%,var(--color-route-point) 100%);box-shadow:var(--shadow-challenge);color:var(--color-white)}.route-line span:nth-child(2){border-color:color-mix(in srgb,var(--color-streak) 30%,var(--color-border));background:color-mix(in srgb,var(--color-streak) 11%,var(--color-surface));color:var(--color-streak-deep)}.route-line span:nth-child(3){border-color:color-mix(in srgb,var(--color-xp) 36%,var(--color-border));background:color-mix(in srgb,var(--color-xp) 16%,var(--color-surface));color:var(--color-xp-deep)}.daily-challenge-star{display:grid;width:var(--size-challenge-icon);height:var(--size-challenge-icon);place-items:center;border-radius:var(--radius-pill);background:var(--color-warning);color:var(--color-white);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:#b8e6ff}.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:none;stroke:currentColor}[data-visual-theme=quiz] .home-page .button--hero.button--primary{background:var(--theme-primary);box-shadow:0 16px 34px color-mix(in srgb,var(--theme-primary) 24%,transparent)}[data-visual-theme=quiz] .home-page .button--hero.button--secondary{border-color:color-mix(in srgb,var(--theme-answer-d) 42%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-answer-d) 24%,white),color-mix(in srgb,var(--theme-secondary) 12%,white))}[data-visual-theme=quiz] .mini-card{border-color:color-mix(in srgb,var(--mini-accent, var(--theme-primary)) 30%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--mini-accent, var(--theme-primary)) 13%,transparent),transparent 58%),var(--color-card-surface)}[data-visual-theme=quiz] .xp-widget__badge{background:linear-gradient(135deg,var(--theme-star-level-1),var(--theme-star-level-2));color:var(--color-answer-d-text)}[data-visual-theme=quiz] .continue-widget__icon{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-streak) 22%,white),color-mix(in srgb,var(--theme-answer-c) 20%,white));color:var(--theme-streak)}[data-visual-theme=quiz] .action-card{border-color:color-mix(in srgb,var(--action-accent) 30%,var(--color-border));background:radial-gradient(circle at 92% 20%,color-mix(in srgb,var(--action-accent) 12%,transparent),transparent 26%),linear-gradient(135deg,color-mix(in srgb,var(--action-accent) 13%,transparent),transparent 62%),var(--color-card-surface)}[data-visual-theme=quiz] .action-icon-wrap{border-color:color-mix(in srgb,var(--action-accent) 42%,var(--color-border));background:color-mix(in srgb,var(--action-accent) 18%,white)}[data-visual-theme=quiz] .route-line span:nth-child(1){border-color:color-mix(in srgb,var(--theme-primary) 38%,var(--color-border));background:color-mix(in srgb,var(--theme-primary) 12%,white)}[data-visual-theme=quiz] .route-line span:nth-child(2){border-color:color-mix(in srgb,var(--theme-streak) 38%,var(--color-border));background:color-mix(in srgb,var(--theme-streak) 13%,white)}[data-visual-theme=quiz] .route-line span:nth-child(3){border-color:color-mix(in srgb,var(--theme-xp) 46%,var(--color-border));background:color-mix(in srgb,var(--theme-xp) 18%,white)}[data-visual-theme=quiz] .daily-challenge-bar{background:radial-gradient(circle at 12% 30%,color-mix(in srgb,var(--theme-xp) 32%,transparent),transparent 24%),linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary-hover) 52%,var(--theme-streak) 100%)}[data-visual-theme=quiz] .daily-challenge-progress-fill{background:#b8e6ff}.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:12px;align-items:start}.settings-section{display:grid;gap:12px;align-content:start;padding:clamp(14px,2vw,18px)}.settings-section--wide{grid-column:1 / -1}.settings-section--feature{grid-row:span 2}.settings-section__header{display:flex;gap:10px;align-items:center;justify-content:space-between}.settings-section__title-row{display:flex;gap:6px;align-items:center}.settings-section__title-row .info-button{width:24px;height:24px;font-size:.72rem}.settings-section__header h2{margin:0;color:var(--color-heading);font-size:1.02rem}.settings-section__header p{max-width:42rem;margin:3px 0 0;color:var(--color-muted);font-size:var(--font-size-caption);line-height:1.25}.settings-choice-group{min-width:0;margin:0;border:0;padding:0}.settings-choice-group legend{margin-bottom:7px;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:800}.settings-choice-grid,.settings-toggle-list{display:grid;gap:6px}.compact-choice-group{--compact-control-bg: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));--compact-control-bg-hover: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));--compact-control-bg-selected: var(--color-primary);--compact-control-border: var(--color-border);--compact-control-border-hover: color-mix(in srgb, var(--color-primary) 48%, var(--color-border));--compact-control-border-selected: var(--color-primary);--compact-control-text: var(--color-heading);--compact-control-text-selected: var(--color-primary-contrast);--compact-control-disabled-bg: color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface));--compact-control-disabled-text: var(--color-muted);display:flex;min-width:0;flex-wrap:wrap;gap:6px}.compact-choice-button{display:inline-flex;min-height:30px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--compact-control-border, var(--color-border));border-radius:var(--radius-button);padding:5px 9px;background:var(--compact-control-bg, color-mix(in srgb, var(--color-primary) 4%, var(--color-surface)));color:var(--compact-control-text, var(--color-heading));cursor:pointer;font:inherit;font-size:var(--font-size-caption);font-weight:900;line-height:1.1;text-align:center;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}.compact-choice-button:hover{border-color:var(--compact-control-border-hover, color-mix(in srgb, var(--color-primary) 48%, var(--color-border)));background:var(--compact-control-bg-hover, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)))}.compact-choice-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.compact-choice-button--selected,.compact-choice-button--selected:hover{border-color:var(--compact-control-border-selected, var(--color-primary));background:var(--compact-control-bg-selected, var(--color-primary));color:var(--compact-control-text-selected, var(--color-primary-contrast));box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent)}.compact-choice-button:disabled,.compact-choice-button:disabled:hover,.compact-choice-button:disabled.compact-choice-button--selected,.compact-choice-button:disabled.compact-choice-button--selected:hover{border-color:var(--compact-control-border, var(--color-border));background:var(--compact-control-disabled-bg, color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface)));color:var(--compact-control-disabled-text, var(--color-muted));cursor:default;opacity:.78;box-shadow:none}.compact-toggle{--compact-control-bg: var(--color-surface);--compact-control-bg-hover: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));--compact-control-bg-selected: var(--color-primary);--compact-control-border: var(--color-border);--compact-control-border-hover: color-mix(in srgb, var(--color-primary) 44%, var(--color-border));--compact-control-border-selected: var(--color-primary);--compact-control-text: var(--color-heading);--compact-control-text-selected: var(--color-primary-contrast);display:inline-flex;min-width:54px;min-height:28px;align-items:center;justify-content:center;border:1px solid var(--compact-control-border, var(--color-border));border-radius:var(--radius-button);padding:5px 9px;background:var(--compact-control-bg, var(--color-surface));color:var(--compact-control-text, var(--color-heading));cursor:pointer;font:inherit;font-size:var(--font-size-caption);font-weight:950;line-height:1;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}.compact-toggle:hover{border-color:var(--compact-control-border-hover, color-mix(in srgb, var(--color-primary) 44%, var(--color-border)));background:var(--compact-control-bg-hover, color-mix(in srgb, var(--color-primary) 7%, var(--color-surface)))}.compact-toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.compact-toggle--on,.compact-toggle--on:hover{border-color:var(--compact-control-border-selected, var(--color-primary));background:var(--compact-control-bg-selected, var(--color-primary));color:var(--compact-control-text-selected, var(--color-primary-contrast));box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent)}.compact-toggle--off{background:color-mix(in srgb,var(--color-surface-soft) 46%,var(--color-surface))}.compact-toggle:disabled,.compact-toggle:disabled:hover,.compact-toggle:disabled.compact-toggle--on,.compact-toggle:disabled.compact-toggle--on:hover{border-color:var(--compact-control-border, var(--color-border));background:color-mix(in srgb,var(--color-surface-soft) 72%,var(--color-surface));color:var(--color-muted);cursor:default;opacity:.78;box-shadow:none}.settings-toggle-list--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-toggle__copy{display:grid;gap:4px;min-width:0}.settings-toggle__copy strong{color:var(--color-heading);font-size:.9rem}.settings-toggle__copy span{color:var(--color-muted);font-size:var(--font-size-caption);line-height:1.25}.settings-toggle__copy .ui-badge{justify-self:start;color:inherit}.theme-preview{display:grid;min-width:94px;gap:5px;border:1px solid var(--theme-preview-border, var(--color-border));border-radius:var(--radius-button);padding:5px;background:var(--theme-preview-bg, var(--color-surface-soft));pointer-events:none}.theme-preview__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.theme-preview__title{display:block;width:38px;height:7px;border-radius:var(--radius-pill);background:var(--theme-preview-title, var(--color-primary))}.theme-preview__timer{display:grid;width:21px;height:21px;place-items:center;border:2px solid var(--theme-preview-timer, var(--color-primary));border-radius:var(--radius-pill);color:var(--theme-preview-timer, var(--color-primary-deep));font-size:.72rem;font-weight:950;line-height:1}.theme-preview__answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.theme-preview__answer{display:grid;min-height:18px;place-items:center;border:1px solid var(--theme-preview-answer-border, var(--color-border));border-radius:var(--radius-button);background:var(--theme-preview-answer-bg, var(--color-surface));color:var(--theme-preview-answer-color, var(--color-primary-deep));font-size:.7rem;font-weight:950;line-height:1}.answer-style-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:90px;pointer-events:none}.answer-style-preview__item{display:grid;min-height:24px;place-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 26%,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:.72rem;font-weight:950}.answer-style-preview__item span{display:none}.answer-style-preview--quizShapes .answer-style-preview__item{gap:2px;min-height:30px}.answer-style-preview--quizShapes .answer-style-preview__item span{display:block;width:13px;height:13px;background:currentcolor}.answer-style-preview__item--triangle span{clip-path:polygon(50% 0,100% 100%,0 100%)}.answer-style-preview__item--diamond span{rotate:45deg}.answer-style-preview__item--circle span{border-radius:50%}.timer-style-preview,.feedback-animation-preview{display:grid;width:90px;min-height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));pointer-events:none}.timer-style-preview__ring{display:grid;width:28px;height:28px;place-items:center;border:4px solid color-mix(in srgb,var(--color-primary) 82%,var(--color-border));border-right-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:50%;color:var(--color-primary-deep)}.timer-style-preview__ring strong,.timer-style-preview__bar strong{font-size:.68rem;font-weight:950;line-height:1}.timer-style-preview__bar{display:grid;width:74px;gap:5px;color:var(--color-primary-deep)}.timer-style-preview__bar span{display:block;height:8px;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface))}.timer-style-preview__bar span:after{display:block;width:68%;height:100%;border-radius:inherit;background:var(--color-primary);content:""}.feedback-animation-preview{position:relative;overflow:hidden;color:var(--color-success-text)}.feedback-animation-preview__card{position:relative;z-index:1;display:grid;min-width:48px;min-height:22px;place-items:center;border:1px solid color-mix(in srgb,var(--color-success) 28%,var(--color-border));border-radius:var(--radius-button);background:var(--color-surface)}.feedback-animation-preview__card strong{font-size:.68rem;font-weight:950;line-height:1}.feedback-animation-preview__slash{position:absolute;inset:-18px 36px -18px 42px;background:color-mix(in srgb,var(--color-success) 28%,transparent);rotate:18deg}.feedback-animation-preview__glow{position:absolute;width:56px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--color-success) 14%,transparent)}.feedback-animation-preview--none{background:color-mix(in srgb,var(--color-surface-soft) 62%,var(--color-surface));color:var(--color-heading)}.feedback-animation-preview--none .feedback-animation-preview__card{border-color:var(--color-border)}.theme-preview--taalroute{--theme-preview-bg: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, white), white);--theme-preview-border: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));--theme-preview-title: var(--color-primary);--theme-preview-timer: var(--color-primary);--theme-preview-answer-border: color-mix(in srgb, var(--color-primary) 26%, var(--color-border));--theme-preview-answer-bg: color-mix(in srgb, var(--color-primary) 8%, white);--theme-preview-answer-color: var(--color-primary-deep)}.theme-preview--quiz{--theme-preview-quiz-primary: var(--color-answer-b);--theme-preview-quiz-secondary: var(--color-answer-e);--theme-preview-quiz-time: var(--color-timer-warning);--theme-preview-quiz-a: var(--color-answer-a);--theme-preview-quiz-b: var(--color-answer-b);--theme-preview-quiz-c: var(--color-answer-c);--theme-preview-quiz-d: var(--color-answer-d);--theme-preview-quiz-light-text: var(--color-white);--theme-preview-quiz-dark-text: var(--color-answer-d-text);--theme-preview-bg: linear-gradient(135deg, color-mix(in srgb, var(--theme-preview-quiz-primary) 10%, white), color-mix(in srgb, var(--theme-preview-quiz-secondary) 8%, white));--theme-preview-border: color-mix(in srgb, var(--theme-preview-quiz-primary) 34%, var(--color-border));--theme-preview-title: var(--theme-preview-quiz-primary);--theme-preview-timer: var(--theme-preview-quiz-time)}.theme-preview--quiz .theme-preview__answer--a{--theme-preview-answer-border: var(--theme-preview-quiz-a);--theme-preview-answer-bg: var(--theme-preview-quiz-a);--theme-preview-answer-color: var(--theme-preview-quiz-light-text)}.theme-preview--quiz .theme-preview__answer--b{--theme-preview-answer-border: var(--theme-preview-quiz-b);--theme-preview-answer-bg: var(--theme-preview-quiz-b);--theme-preview-answer-color: var(--theme-preview-quiz-light-text)}.theme-preview--quiz .theme-preview__answer--c{--theme-preview-answer-border: var(--theme-preview-quiz-c);--theme-preview-answer-bg: var(--theme-preview-quiz-c);--theme-preview-answer-color: var(--theme-preview-quiz-light-text)}.theme-preview--quiz .theme-preview__answer--d{--theme-preview-answer-border: var(--theme-preview-quiz-d);--theme-preview-answer-bg: var(--theme-preview-quiz-d);--theme-preview-answer-color: var(--theme-preview-quiz-dark-text)}.settings-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-mini-card);padding:6px 7px 6px 9px;background:var(--color-surface)}.settings-toggle__choices{flex-wrap:nowrap;gap:4px}.settings-toggle__choice{min-width:46px;min-height:30px;padding-inline:9px}.settings-segment-row{display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border));border-radius:var(--radius-button);padding:7px;background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface))}.settings-segment-row__header,.settings-segment-row__body{display:flex;gap:8px;align-items:center;justify-content:space-between}.settings-segment-row__header strong{color:var(--color-heading);font-size:.88rem;font-weight:950}.settings-segment-row__body{align-items:stretch}.settings-segmented-control{display:flex;flex:1 1 auto;min-width:0;flex-wrap:wrap;gap:5px}.settings-segment{min-height:30px;flex:0 1 auto;padding-inline:10px}.settings-segment--selected,.settings-segment.compact-choice-button--selected{border-color:var(--compact-control-border-selected, var(--color-primary));background:var(--compact-control-bg-selected, var(--color-primary));color:var(--compact-control-text-selected, var(--color-primary-contrast));box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent)}.settings-segment:disabled{cursor:default;opacity:.72}.settings-segment:disabled:not(.settings-segment--selected){background:color-mix(in srgb,var(--color-surface-soft) 72%,var(--color-surface));color:var(--color-muted)}.settings-segment:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.settings-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:12px 14px;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:8px;justify-content:flex-end}.settings-range-control{display:grid;gap:8px;border:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border));border-radius:var(--radius-button);padding:10px 11px;background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.settings-range-control__copy{display:flex;gap:10px;align-items:center;justify-content:space-between}.settings-range-control__copy strong{color:var(--color-heading);font-size:.9rem;font-weight:950}.settings-range-control__copy span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:950}.settings-range-control input{width:100%;accent-color:var(--color-primary)}.settings-note{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:10px;border:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border));border-radius:var(--radius-button);padding:8px 10px;background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.settings-note span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:850}.settings-note strong{color:var(--color-heading);font-size:var(--font-size-caption);font-weight:950;text-align:right}.settings-route-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.settings-route-link .settings-note{min-width:0}.settings-status-list{display:grid;gap:7px}.settings-status-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:42px;border:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);border-radius:var(--radius-button);padding:8px 10px;background:color-mix(in srgb,var(--color-surface) 82%,transparent)}.settings-status-item__copy{display:grid;gap:2px;min-width:0}.settings-status-item__copy strong{color:var(--color-heading);font-size:.84rem;font-weight:900}.settings-status-item__copy span{color:var(--color-muted);font-size:var(--font-size-caption);line-height:1.2}.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,.profile-metric-card__meta{margin:0;color:var(--color-muted);font-size:var(--font-size-small);font-weight:850}.profile-metric-card__meta{display:flex;gap:6px;align-items:center}.profile-links-card,.profile-empty-card{display:grid;gap:var(--space-3)}[data-visual-theme=quiz] .profile-overview-card{border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--color-border));background:radial-gradient(circle at 94% 10%,color-mix(in srgb,var(--theme-xp) 12%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 7%,transparent),transparent 60%),var(--color-card-surface)}[data-visual-theme=quiz] .profile-avatar{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));color:var(--color-on-primary)}[data-visual-theme=quiz] .profile-metric-card:nth-child(1){border-color:color-mix(in srgb,var(--theme-xp) 42%,var(--color-border));background:color-mix(in srgb,var(--theme-xp) 13%,var(--color-surface))}[data-visual-theme=quiz] .profile-metric-card:nth-child(2){border-color:color-mix(in srgb,var(--theme-streak) 38%,var(--color-border));background:color-mix(in srgb,var(--theme-streak) 11%,var(--color-surface))}[data-visual-theme=quiz] .profile-metric-card:nth-child(3){border-color:color-mix(in srgb,var(--theme-star-level-3) 34%,var(--color-border));background:color-mix(in srgb,var(--theme-star-level-2) 12%,var(--color-surface))}.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{display:grid;gap:var(--space-4)}.quick-route-card{display:grid;gap:var(--space-3)}.quick-route-card--play{gap:clamp(10px,1.5vh,14px);border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border));padding:clamp(12px,1.8vw,18px);background:radial-gradient(circle at 6% 8%,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 6%,transparent),color-mix(in srgb,var(--color-streak) 5%,transparent)),var(--color-card-surface)}.quick-route-card__top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:center}.quick-route-card__top h2{margin:2px 0 0;color:var(--color-heading);font-size:clamp(1.16rem,2.2vw,1.55rem)}.quick-route-card__top p{margin:1px 0 0;color:var(--color-muted);font-size:var(--font-size-caption);line-height:1.2}.method-logo-slot{display:grid;width:46px;height:46px;place-items:center;border:1px dashed color-mix(in srgb,var(--color-primary) 36%,var(--color-border));border-radius:var(--radius-button);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 16%,var(--color-surface)),color-mix(in srgb,var(--color-streak) 10%,var(--color-surface)));color:var(--color-primary-deep);font-size:.92rem;font-weight:950}.method-logo-slot svg{width:22px;height:22px;stroke-width:2.2}.quick-route-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.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:38px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,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-2);align-items:center;border:1px solid color-mix(in srgb,var(--color-streak) 24%,var(--color-border));border-radius:var(--radius-button);padding:var(--space-2);background:linear-gradient(135deg,color-mix(in srgb,var(--color-streak) 8%,transparent),transparent 64%),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:6px}.quick-focus-chip{min-height:28px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:0 9px;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 color-mix(in srgb,var(--color-primary) 18%,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-2);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-2)}.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-2)}.quick-quiz-card{--quick-quiz-accent: var(--color-primary);display:grid;min-height:82px;gap:6px;border:1px solid color-mix(in srgb,var(--quick-quiz-accent) 24%,var(--color-border));border-radius:var(--radius-button);padding:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--quick-quiz-accent) 8%,transparent),transparent 62%),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:nth-child(4n+1){--quick-quiz-accent: var(--color-primary);--quick-quiz-text: var(--color-primary-deep)}.quick-quiz-card:nth-child(4n+2){--quick-quiz-accent: var(--color-streak);--quick-quiz-text: var(--color-streak-deep)}.quick-quiz-card:nth-child(4n+3){--quick-quiz-accent: var(--color-xp);--quick-quiz-text: var(--color-xp-deep)}.quick-quiz-card:nth-child(4n){--quick-quiz-accent: var(--color-action-purple);--quick-quiz-text: var(--color-xp-deep)}.quick-quiz-card:hover,.quick-quiz-card:focus-visible{border-color:color-mix(in srgb,var(--quick-quiz-accent) 44%,var(--color-border));box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.quick-quiz-card--selected{border-color:color-mix(in srgb,var(--quick-quiz-accent) 62%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--quick-quiz-accent) 14%,transparent),transparent 62%),var(--color-surface)}.quick-quiz-card span{width:fit-content;border-radius:var(--radius-button);padding:4px 7px;background:color-mix(in srgb,var(--quick-quiz-accent) 12%,var(--color-surface));color:var(--quick-quiz-text, var(--color-primary-deep));font-size:.66rem;font-weight:950;text-transform:uppercase}.quick-quiz-card strong{color:var(--color-heading);font-size:.9rem;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}[data-visual-theme=quiz] .quick-route-card--play{border-color:color-mix(in srgb,var(--theme-primary) 26%,var(--color-border));background:radial-gradient(circle at 6% 8%,color-mix(in srgb,var(--theme-primary) 16%,transparent),transparent 28%),radial-gradient(circle at 94% 12%,color-mix(in srgb,var(--theme-secondary) 10%,transparent),transparent 24%),var(--color-card-surface)}[data-visual-theme=quiz] .method-logo-slot{border-color:color-mix(in srgb,var(--theme-primary) 42%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 18%,white),color-mix(in srgb,var(--theme-secondary) 14%,white))}[data-visual-theme=quiz] .quick-focus-panel{border-color:color-mix(in srgb,var(--theme-streak) 34%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-streak) 11%,transparent),transparent 64%),var(--color-surface-soft)}[data-visual-theme=quiz] .quick-focus-chip--selected{border-color:var(--theme-primary);background:var(--theme-primary)}[data-visual-theme=quiz] .quick-quiz-card:nth-child(4n+1){--quick-quiz-accent: var(--theme-primary);--quick-quiz-text: var(--theme-primary)}[data-visual-theme=quiz] .quick-quiz-card:nth-child(4n+2){--quick-quiz-accent: var(--theme-answer-c);--quick-quiz-text: var(--theme-answer-c)}[data-visual-theme=quiz] .quick-quiz-card:nth-child(4n+3){--quick-quiz-accent: var(--theme-answer-d);--quick-quiz-text: var(--color-warning-deep)}[data-visual-theme=quiz] .quick-quiz-card:nth-child(4n){--quick-quiz-accent: var(--theme-answer-e);--quick-quiz-text: var(--theme-answer-e)}[data-visual-theme=quiz] .quick-quiz-card--selected{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--quick-quiz-accent) 24%,transparent),var(--shadow-card-hover)}.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{display:inline-block;width:fit-content;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-button);padding:4px 7px;background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));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;border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border));background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 26%),radial-gradient(circle at 94% 6%,color-mix(in srgb,var(--color-xp) 10%,transparent),transparent 24%),var(--color-card-surface)}.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: linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 32%, var(--color-border)), color-mix(in srgb, var(--color-streak) 28%, var(--color-border)), color-mix(in srgb, var(--color-xp) 34%, 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{--route-point-accent: var(--color-primary);display:grid;min-height:148px;align-content:start;gap:var(--space-3);border:1px solid color-mix(in srgb,var(--route-point-accent) 26%,var(--color-border));border-radius:var(--radius-button);padding:var(--space-3);background:linear-gradient(135deg,color-mix(in srgb,var(--route-point-accent) 10%,transparent),transparent 62%),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-path>li:nth-child(4n+1) .visual-route-point{--route-point-accent: var(--color-primary);--route-point-strong: var(--color-primary-deep);--route-point-text: var(--color-primary-deep)}.visual-route-path>li:nth-child(4n+2) .visual-route-point{--route-point-accent: var(--color-streak);--route-point-strong: var(--color-streak-deep);--route-point-text: var(--color-streak-deep)}.visual-route-path>li:nth-child(4n+3) .visual-route-point{--route-point-accent: var(--color-xp);--route-point-strong: var(--color-warning-deep);--route-point-text: var(--color-xp-deep)}.visual-route-path>li:nth-child(4n) .visual-route-point{--route-point-accent: var(--color-action-purple);--route-point-strong: var(--color-xp);--route-point-text: var(--color-xp-deep)}.visual-route-point:hover,.visual-route-point:focus-visible{border-color:color-mix(in srgb,var(--route-point-accent) 46%,var(--color-border));box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.visual-route-point--active{border-color:color-mix(in srgb,var(--route-point-accent) 58%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--route-point-accent) 16%,transparent),transparent 60%),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(--route-point-strong, var(--route-point-accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--route-point-accent) 18%,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(--route-point-accent) 12%,var(--color-surface));color:var(--route-point-text, var(--color-primary-deep));font-size:.66rem;font-weight:950;text-transform:uppercase}[data-visual-theme=quiz] .visual-route-shell{border-color:color-mix(in srgb,var(--theme-primary) 26%,var(--color-border));background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--theme-primary) 13%,transparent),transparent 26%),radial-gradient(circle at 94% 6%,color-mix(in srgb,var(--theme-xp) 13%,transparent),transparent 24%),var(--color-card-surface)}[data-visual-theme=quiz] .visual-route-path{--route-line-color: linear-gradient(90deg, var(--theme-primary), var(--theme-answer-c), var(--theme-answer-d), var(--theme-answer-e))}[data-visual-theme=quiz] .visual-route-path>li:nth-child(4n+1) .visual-route-point{--route-point-accent: var(--theme-primary);--route-point-strong: var(--theme-primary);--route-point-text: var(--theme-primary)}[data-visual-theme=quiz] .visual-route-path>li:nth-child(4n+2) .visual-route-point{--route-point-accent: var(--theme-answer-c);--route-point-strong: var(--theme-answer-c);--route-point-text: var(--theme-answer-c)}[data-visual-theme=quiz] .visual-route-path>li:nth-child(4n+3) .visual-route-point{--route-point-accent: var(--theme-answer-d);--route-point-strong: var(--theme-answer-d);--route-point-text: var(--color-warning-deep)}[data-visual-theme=quiz] .visual-route-path>li:nth-child(4n) .visual-route-point{--route-point-accent: var(--theme-answer-e);--route-point-strong: var(--theme-answer-e);--route-point-text: var(--theme-answer-e)}[data-visual-theme=quiz] .visual-route-point{border-color:color-mix(in srgb,var(--route-point-accent) 34%,var(--color-border));background:radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--route-point-accent) 12%,transparent),transparent 26%),linear-gradient(135deg,color-mix(in srgb,var(--route-point-accent) 13%,transparent),transparent 62%),color-mix(in srgb,var(--color-surface) 96%,var(--route-point-accent))}[data-visual-theme=quiz] .visual-route-point__marker{border-color:var(--color-surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--route-point-accent) 22%,transparent),0 8px 18px color-mix(in srgb,var(--route-point-accent) 18%,transparent)}[data-visual-theme=quiz] .visual-route-point--active{border-color:color-mix(in srgb,var(--route-point-accent) 62%,var(--color-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--route-point-accent) 20%,transparent),var(--shadow-card-hover)}[data-visual-theme=quiz] .theme-route-kicker,[data-visual-theme=quiz] .theme-route-details summary{color:var(--theme-primary)}.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 color-mix(in srgb,var(--color-action-purple) 24%,var(--color-border));border-radius:var(--radius-button);padding:var(--space-3);background:linear-gradient(135deg,color-mix(in srgb,var(--color-action-purple) 9%,transparent),transparent 62%),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-browser,.quiz-preview-question{display:grid;gap:var(--space-3)}.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);font-size:clamp(1rem,1.8vw,1.22rem)}.quiz-preview-summary p,.quiz-preview-actions-card p,.quiz-preview-learning-goal p{margin:0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:1.35}.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-2);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-browser__summary,.quiz-preview-question-browser__tools,.quiz-preview-question-filter,.quiz-preview-question-ranges,.quiz-preview-question__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.quiz-preview-question-browser__summary{justify-content:flex-end;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:800}.quiz-preview-question-browser__summary span{border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:5px 9px;background:var(--color-surface-soft)}.quiz-preview-question-browser__tools{justify-content:space-between}.quiz-preview-question-search{display:grid;min-width:min(100%,280px);gap:5px;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.quiz-preview-question-search input{min-height:38px;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:0 var(--space-3);background:var(--color-surface);color:var(--color-text);font:inherit;text-transform:none}.quiz-preview-question-search input:focus{border-color:var(--color-primary);outline:3px solid color-mix(in srgb,var(--color-primary) 18%,transparent)}.quiz-preview-question-filter__button,.quiz-preview-question-range{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:0 11px;background:var(--color-surface);color:var(--color-primary-deep);font:inherit;font-size:var(--font-size-caption);font-weight:900;cursor:pointer}.quiz-preview-question-filter__button span{color:var(--color-muted)}.quiz-preview-question-filter__button--active,.quiz-preview-question-range--active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.quiz-preview-question-filter__button--active span{color:currentColor}.quiz-preview-question-browser__body{display:grid;grid-template-columns:minmax(170px,240px) minmax(0,1fr);gap:var(--space-4);align-items:start}.quiz-preview-question-index{display:grid;gap:var(--space-2)}.quiz-preview-question-index__button{display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--space-2);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-small);padding:7px;background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.quiz-preview-question-index__button span{display:grid;width:30px;height:30px;place-items:center;border-radius:var(--radius-small);background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary-deep);font-weight:900}.quiz-preview-question-index__button small{overflow:hidden;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.quiz-preview-question-index__button--complete span{background:color-mix(in srgb,var(--color-success) 14%,var(--color-surface));color:var(--color-success-deep)}.quiz-preview-question-index__button--issue span{background:color-mix(in srgb,var(--color-warning) 18%,var(--color-surface));color:var(--color-warning-deep)}.quiz-preview-question-index__button--active{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 16%,transparent)}.quiz-preview-question-index__button--active span{background:var(--color-primary);color:var(--color-on-primary)}.quiz-preview-question-index__empty{margin:0;border:1px dashed var(--color-border);border-radius:var(--radius-small);padding:var(--space-3);color:var(--color-muted)}.quiz-preview-question__header>div{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.quiz-preview-question__status{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900}.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__label{display:grid;flex:0 0 auto;width:28px;height:28px;place-items:center;border-radius:var(--radius-small);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:900}.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)}.quiz-preview-question__actions{justify-content:flex-end;border-top:1px solid var(--color-border);padding-top:var(--space-3)}.participant-shell{position:relative;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{position:relative;z-index:2;display:flex;width:min(100%,760px);align-items:center;justify-content:center;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__tools{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:var(--space-2)}.student-sound-setting{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:5px 6px 5px 8px;background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));color:var(--color-heading);font-size:var(--font-size-caption);font-weight:900;line-height:1;white-space:nowrap}.student-sound-setting__toggle{min-height:28px;padding-inline:9px}.participant-shell__main{position:relative;z-index:2;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;gap:clamp(12px,2vh,18px);justify-items:center}.participant-state-panel{display:grid;width:min(100%,420px);justify-items:center;gap:clamp(10px,2vh,14px);border-color:#ffffff75;border-radius:var(--radius-button);background:#fffffff0;box-shadow:0 18px 42px #06284e24;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.participant-state-panel__copy{display:grid;justify-items:center;gap:6px}.participant-state-panel__kicker{color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:950;letter-spacing:.08em;text-transform:uppercase}.participant-state-panel__copy h2{margin:0;color:var(--color-heading);font-size:clamp(1.45rem,6vw,2.05rem);line-height:var(--line-height-tight)}.participant-state-panel__copy p{max-width:30ch;margin:0;color:var(--color-muted);font-size:clamp(.95rem,2.6vw,1.05rem);font-weight:750;line-height:var(--line-height-body)}.participant-state-panel__detail{display:grid;width:100%;justify-items:center;gap:10px}.participant-state-panel__actions{display:grid;width:100%;gap:8px}.participant-page>.ui-empty-state{width:min(100%,330px);max-width:330px;gap:12px;border-radius:var(--radius-button);padding:clamp(16px,2.4vw,22px);text-align:center}.participant-page>.ui-empty-state .ui-empty-state__copy{gap:6px}.participant-page>.ui-empty-state .ui-empty-state__copy h2{font-size:clamp(1.18rem,2vw,1.45rem);line-height:var(--line-height-tight)}.participant-page>.ui-empty-state .ui-empty-state__copy p{font-size:clamp(.92rem,1.4vw,1rem)}.participant-page>.ui-empty-state .ui-empty-state__action .ui-button{min-height:38px;padding-inline:16px;font-size:.9rem}.participant-shell:has(.participant-page--loading){background:radial-gradient(circle at 50% 42%,rgb(255 255 255 / 84%) 0 18%,transparent 42%),linear-gradient(135deg,var(--color-page) 0%,var(--color-primary-light) 54%,var(--color-primary-very-light) 100%)}.participant-shell:has(.participant-page--loading) .participant-shell__header{display:none}.participant-shell:has(.participant-page--loading) .participant-shell__main{min-height:100dvh;padding:clamp(24px,5vh,48px) var(--space-page)}.participant-page--loading{width:100%;min-height:100%;align-content:center;place-items:center}.participant-page--loading .taalroute-loading{min-height:auto;padding:0}.participant-page--loading .taalroute-loading__content{max-width:280px;gap:10px;padding:18px 20px}.participant-page--loading .taalroute-loading__lottie{width:112px;height:112px}.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-page--waiting .participant-card{width:min(100%,380px);gap:clamp(12px,2vh,var(--space-4))}.participant-page--waiting .participant-card.ui-card--padding-large{padding:clamp(16px,2.5vw,24px)}.participant-page--waiting .participant-state-panel{width:min(100%,380px)}.participant-waiting-logo{width:clamp(82px,18vw,104px);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-gradient);background-position: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__tools{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-page--join{width:100%}.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__error strong,.participant-form__error span{display:block}.participant-form__status{color:var(--color-muted)}.participant-pulse{width:50px;height:50px;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 9px #0090f217}.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:8px 12px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-primary-deep);font-size:clamp(1rem,3vw,1.22rem);font-weight:950}[data-visual-theme=quiz].participant-shell:has(.participant-page--waiting){background:radial-gradient(circle at 16% 14%,color-mix(in srgb,var(--theme-answer-b) 14%,transparent),transparent 26%),radial-gradient(circle at 84% 18%,color-mix(in srgb,var(--theme-answer-d) 16%,transparent),transparent 24%),linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 7%,white),color-mix(in srgb,var(--theme-secondary) 6%,white))}[data-visual-theme=quiz] .participant-page--waiting .participant-card{border-color:color-mix(in srgb,var(--theme-primary) 28%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 6%,transparent),transparent 56%),var(--color-surface)}[data-visual-theme=quiz] .participant-waiting-identity{border-color:color-mix(in srgb,var(--theme-primary) 46%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 12%,white),color-mix(in srgb,var(--theme-secondary) 10%,white));color:var(--color-heading)}.participant-session-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:9px 11px;background:var(--color-surface-soft)}.participant-session-summary span{color:var(--color-heading);font-size:var(--font-size-small);font-weight:900}.participant-page--waiting .ui-button--large{min-height:40px;font-size:.92rem}.circular-timer{--timer-size: 86px;--timer-color: var(--gameroom-timer);--timer-track: color-mix(in srgb, var(--timer-color) 14%, var(--gameroom-card-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(--gameroom-timer)}.circular-timer--paused,.circular-timer--waiting{--timer-color: var(--color-muted)}[data-visual-theme=quiz] .circular-timer{--timer-track: color-mix(in srgb, var(--timer-color) 18%, white);filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--timer-color) 14%,transparent))}[data-visual-theme=quiz] .circular-timer--running{--timer-color: var(--gameroom-timer)}[data-visual-theme=quiz] .circular-timer--warning{--timer-color: var(--gameroom-timer-warning)}[data-visual-theme=quiz] .circular-timer--expired{--timer-color: var(--gameroom-timer-expired)}.circular-timer--warning{--timer-color: var(--gameroom-timer-warning)}.circular-timer--expired{--timer-color: var(--gameroom-timer-expired)}.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:color-mix(in srgb,var(--timer-color) 62%,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:color-mix(in srgb,var(--timer-color) 34%,var(--color-heading));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: var(--color-answer-a);--answer-a-text: var(--color-answer-a-text);--answer-b: var(--color-answer-b);--answer-b-text: var(--color-answer-b-text);--answer-c: var(--color-answer-c);--answer-c-text: var(--color-answer-c-text);--answer-d: var(--color-answer-d);--answer-d-text: var(--color-answer-d-text);--answer-e: var(--color-answer-e);--answer-e-text: var(--color-answer-e-text);--answer-f: var(--color-answer-f);--answer-f-text: var(--color-answer-f-text)}.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;width:min(100%,390px);gap:clamp(10px,1.6vw,14px);overflow:hidden}.participant-result-card:before{position:absolute;inset:0;border-top:4px solid var(--color-primary);content:"";pointer-events:none}.participant-page--finished .participant-result-card.ui-card--padding-large{padding:clamp(14px,2vw,20px)}.participant-page--finished .participant-card__copy{gap:var(--space-2)}.participant-page--finished .participant-card__copy h1{font-size:clamp(1.65rem,3.4vw,2.15rem)}.participant-page--finished .participant-card__copy p{font-size:clamp(.92rem,1.8vw,1.02rem)}.participant-result-card__header{justify-content:center}.participant-result-score{display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border));border-radius:var(--radius-button);padding:clamp(10px,1.6vw,14px);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(1.55rem,6vw,2.25rem);font-weight:950;letter-spacing:0;line-height:1}.participant-result-score--empty{border-color:color-mix(in srgb,var(--color-muted) 24%,var(--color-border));background:color-mix(in srgb,var(--color-muted) 7%,var(--color-surface))}.participant-result-score--empty strong{color:var(--color-muted);font-size:clamp(1.32rem,5vw,1.75rem)}.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:6px;margin:0}.participant-result-details div{display:grid;gap:3px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:8px 7px;background:var(--color-surface-soft);text-align:center}.participant-result-details dt{color:var(--color-muted);font-size:.66rem;font-weight:850;text-transform:uppercase}.participant-result-details dd{display:inline-flex;gap:6px;align-items:center;justify-content:center;margin:0;color:var(--color-primary-deep);font-size:clamp(.9rem,2.4vw,1.04rem);font-weight:950}.participant-result-feedback{margin:0;color:var(--color-heading);font-size:clamp(.9rem,1.8vw,.98rem);line-height:var(--line-height-body)}.participant-page--finished .ui-button--large{min-height:42px;font-size:.92rem}.participant-page :where(.ui-empty-state__action .ui-button,.participant-page--waiting .ui-button,.participant-result-card .ui-button):hover,.participant-page :where(.ui-empty-state__action .ui-button,.participant-page--waiting .ui-button,.participant-result-card .ui-button):focus-visible{transform:none}[data-visual-theme=quiz] .participant-result-card{border-color:color-mix(in srgb,var(--theme-primary) 26%,var(--color-border));background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--theme-xp) 13%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 6%,transparent),transparent 54%),var(--color-surface)}[data-visual-theme=quiz] .participant-result-card:before{border-top-color:var(--theme-secondary)}[data-visual-theme=quiz] .participant-result-score{border-color:color-mix(in srgb,var(--theme-primary) 42%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 12%,white),color-mix(in srgb,var(--theme-secondary) 8%,white))}[data-visual-theme=quiz] .participant-result-xp{border-color:color-mix(in srgb,var(--theme-xp) 62%,var(--color-border));background:color-mix(in srgb,var(--theme-xp) 22%,white)}[data-visual-theme=quiz] .participant-result-details div:nth-child(1){border-color:color-mix(in srgb,var(--theme-streak) 42%,var(--color-border));background:color-mix(in srgb,var(--theme-streak) 13%,white)}[data-visual-theme=quiz] .participant-result-details div:nth-child(2){border-color:color-mix(in srgb,var(--theme-star-level-3) 38%,var(--color-border));background:color-mix(in srgb,var(--theme-star-level-2) 15%,white)}[data-visual-theme=quiz] .participant-result-details div:nth-child(3){border-color:color-mix(in srgb,var(--theme-answer-correct) 40%,var(--color-border));background:color-mix(in srgb,var(--theme-answer-correct) 12%,white)}.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-2);padding:12px;border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border));background:radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 24%),radial-gradient(circle at 96% 8%,color-mix(in srgb,var(--color-success) 9%,transparent),transparent 22%),var(--color-card-surface)}.results-dashboard-title{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between}.results-dashboard-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.results-dashboard-icon,.results-decision-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary-deep)}.results-dashboard-icon svg,.results-decision-icon svg,.results-next-step svg,.results-advice-status svg{width:20px;height:20px}.results-dashboard-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.results-dashboard-title h2{margin:2px 0 0;color:var(--color-heading);font-size:clamp(1rem,1.7vw,1.2rem)}.results-dashboard-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,.76fr) minmax(240px,.52fr);gap:var(--space-2)}.results-score-panel,.results-decision-panel,.results-donut-panel{display:grid;gap:var(--space-2);min-width:0;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 7%,transparent),transparent 62%),var(--color-surface-soft)}.results-decision-panel{align-content:start}.results-decision-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.results-decision-header h3{margin:2px 0 0;color:var(--color-heading);font-size:1rem;line-height:1.22}.results-next-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:9px 10px;background:var(--color-surface)}.results-next-step>span{display:grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface-soft));color:var(--color-primary-deep)}.results-next-step strong{display:block;color:var(--color-heading);font-size:var(--font-size-caption);font-weight:900}.results-next-step p{margin:2px 0 0;color:var(--color-muted);font-size:var(--font-size-caption);line-height:1.35}.results-score-panel .results-card-header h3{margin:0;color:color-mix(in srgb,var(--color-success) 54%,var(--color-primary-deep));font-size:clamp(1.85rem,4.2vw,2.85rem);line-height:.95}.results-score-panel .ui-progress{display:grid;gap:6px}.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:950;text-transform:uppercase}.ui-progress__track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-border) 70%,var(--color-surface))}.ui-progress--small .ui-progress__track{height:7px}.ui-progress__fill{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.ui-progress__fill--primary{background:linear-gradient(90deg,var(--color-primary),var(--color-streak))}.ui-progress__fill--success{background:linear-gradient(90deg,var(--color-success),var(--color-streak))}.ui-progress__fill--accent{background:linear-gradient(90deg,var(--color-warning),var(--color-xp))}.results-kpi-grid,.results-donut-legend{display:grid;gap:6px;margin:0}.results-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.results-kpi-grid div,.results-donut-legend div{display:grid;gap:2px;border:1px solid var(--result-kpi-border, var(--color-border));border-radius:var(--radius-button);padding:7px 8px;background:linear-gradient(135deg,var(--result-kpi-bg, transparent),transparent 64%),var(--color-surface)}.results-kpi-grid div:nth-child(1),.results-donut-legend div:nth-child(1){--result-kpi-border: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--color-primary) 11%, transparent)}.results-kpi-grid div:nth-child(2),.results-donut-legend div:nth-child(2){--result-kpi-border: color-mix(in srgb, var(--color-warning) 34%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--color-warning) 12%, transparent)}.results-kpi-grid div:nth-child(3){--result-kpi-border: color-mix(in srgb, var(--color-success) 34%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--color-success) 12%, transparent)}.results-kpi-grid div:nth-child(4){--result-kpi-border: color-mix(in srgb, var(--color-danger) 28%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--color-danger) 9%, transparent)}.results-kpi-grid div:nth-child(5){--result-kpi-border: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--color-primary) 8%, transparent)}.results-kpi-grid div:nth-child(6){--result-kpi-border: color-mix(in srgb, var(--color-muted) 24%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--color-muted) 8%, transparent)}.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(--result-kpi-color, var(--color-heading));font-size:1.02rem;font-weight:950}.results-kpi-grid div:nth-child(1) dd,.results-donut-legend div:nth-child(1) dd{--result-kpi-color: var(--color-primary-deep)}.results-kpi-grid div:nth-child(2) dd,.results-donut-legend div:nth-child(2) dd{--result-kpi-color: var(--color-warning-deep)}.results-kpi-grid div:nth-child(3) dd{--result-kpi-color: var(--color-success-deep)}.results-kpi-grid div:nth-child(4) dd{--result-kpi-color: var(--color-danger-deep)}.results-kpi-grid div:nth-child(5) dd{--result-kpi-color: var(--color-primary-deep)}.results-kpi-grid div:nth-child(6) dd{--result-kpi-color: var(--color-muted)}.results-donut-panel{grid-template-columns:auto minmax(0,1fr);align-items:center}.results-donut{--answered: 0%;position:relative;display:grid;width:112px;height:112px;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),color-mix(in srgb,var(--color-warning) 42%,var(--color-border)) var(--answered) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,var(--color-border)),0 10px 22px #092b5714;text-align:center}.results-donut strong{color:var(--color-success-deep);font-size:1.45rem;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 6px;color:var(--color-heading);font-size:.98rem}.results-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.results-insight-tile,.results-advice-card--compact{--result-insight-accent: var(--color-primary);display:grid;min-height:104px;align-content:start;gap:6px;padding:12px;border-color:color-mix(in srgb,var(--result-insight-accent) 24%,var(--color-border));border-left:4px solid var(--result-insight-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--result-insight-accent) 10%,transparent),transparent 62%),var(--color-card-surface)}.results-insight-tile--hard{--result-insight-accent: var(--color-warning)}.results-insight-tile--best{--result-insight-accent: var(--color-success)}.results-insight-tile h2{margin:0;color:color-mix(in srgb,var(--result-insight-accent) 62%,var(--color-heading));font-size:clamp(1.28rem,3vw,1.8rem);line-height:1}.results-insight-tile p,.results-advice-card--compact p{display:-webkit-box;margin:0;overflow:hidden;color:var(--color-muted);font-size:var(--font-size-caption);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.results-advice-card--compact{--result-insight-accent: var(--color-warning);grid-template-columns:auto minmax(0,1fr);align-items:start}.results-advice-status{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-warning) 18%,var(--color-surface));color:var(--color-warning-deep);font-size:1.2rem;font-weight:950}.results-group-card,.results-question-card,.results-participants-card,.results-advice-card,.results-teacher-report-card{display:grid;gap:var(--space-2)}.results-participants-card--compact{padding:12px;border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 6%,transparent),transparent 62%),var(--color-card-surface)}.results-card-header{display:grid;gap:3px}.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-card-kicker--with-info{display:flex;gap:6px;align-items:center}.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:6px}.results-secondary-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.results-secondary-summary div{display:grid;gap:2px;border:1px solid var(--result-summary-border, var(--color-border));border-radius:var(--radius-button);padding:7px 8px;background:linear-gradient(135deg,var(--result-summary-bg, transparent),transparent 62%),var(--color-surface-soft)}.results-secondary-summary div:nth-child(1){--result-summary-border: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));--result-summary-bg: color-mix(in srgb, var(--color-primary) 10%, transparent)}.results-secondary-summary div:nth-child(2),.results-secondary-summary div:nth-child(4){--result-summary-border: color-mix(in srgb, var(--color-success) 30%, var(--color-border));--result-summary-bg: color-mix(in srgb, var(--color-success) 10%, transparent)}.results-secondary-summary div:nth-child(3){--result-summary-border: color-mix(in srgb, var(--color-warning) 34%, var(--color-border));--result-summary-bg: color-mix(in srgb, var(--color-warning) 12%, transparent)}.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(--result-summary-color, var(--color-heading));font-weight:950}.results-secondary-summary div:nth-child(1) dd{--result-summary-color: var(--color-primary-deep)}.results-secondary-summary div:nth-child(2) dd,.results-secondary-summary div:nth-child(4) dd{--result-summary-color: var(--color-success-deep)}.results-secondary-summary div:nth-child(3) dd{--result-summary-color: var(--color-warning-deep)}.results-participant-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.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)}.results-participant-item--compact{grid-template-columns:34px minmax(170px,1fr) minmax(260px,.62fr) auto;padding:7px 9px}.results-participant-rank{display:grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-soft));color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:950}.results-participant-item:nth-child(4n+1){--participant-result-accent: var(--color-primary);--participant-result-strong: var(--color-primary-deep)}.results-participant-item:nth-child(4n+2){--participant-result-accent: var(--color-success);--participant-result-strong: var(--color-success-deep)}.results-participant-item:nth-child(4n+3){--participant-result-accent: var(--color-xp);--participant-result-strong: var(--color-warning-deep)}.results-participant-item:nth-child(4n){--participant-result-accent: var(--color-streak);--participant-result-strong: var(--color-streak-deep)}.results-participant-item h3{margin:0;color:var(--color-heading);font-size:.98rem}.results-participant-item p{margin:1px 0 0;color:var(--color-muted);font-size:var(--font-size-caption)}.results-participant-name{min-width:0}.results-participant-item dl{grid-template-columns:repeat(3,minmax(0,1fr))}.results-participant-item .ui-status-pill{justify-self:end;white-space:nowrap}[data-visual-theme=quiz] .results-dashboard-card{border-color:color-mix(in srgb,var(--theme-primary) 28%,var(--color-border));background:radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--theme-primary) 13%,transparent),transparent 24%),radial-gradient(circle at 96% 8%,color-mix(in srgb,var(--theme-answer-correct) 12%,transparent),transparent 22%),var(--color-card-surface)}[data-visual-theme=quiz] .results-score-panel{border-color:color-mix(in srgb,var(--theme-primary) 34%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 10%,transparent),transparent 62%),var(--color-surface-soft)}[data-visual-theme=quiz] .results-donut-panel{border-color:color-mix(in srgb,var(--theme-answer-correct) 28%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-answer-correct) 9%,transparent),transparent 62%),var(--color-surface-soft)}[data-visual-theme=quiz] .results-score-panel .results-card-header h3,[data-visual-theme=quiz] .results-score{color:color-mix(in srgb,var(--theme-answer-correct) 54%,var(--theme-primary))}[data-visual-theme=quiz] .ui-progress__track{background:color-mix(in srgb,var(--theme-primary) 13%,white)}[data-visual-theme=quiz] .ui-progress__fill--primary{background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary))}[data-visual-theme=quiz] .ui-progress__fill--success{background:linear-gradient(90deg,var(--theme-answer-correct),var(--theme-streak))}[data-visual-theme=quiz] .ui-progress__fill--accent{background:linear-gradient(90deg,var(--theme-time-expired),var(--theme-xp))}[data-visual-theme=quiz] .results-kpi-grid div:nth-child(1),[data-visual-theme=quiz] .results-donut-legend div:nth-child(1){--result-kpi-border: color-mix(in srgb, var(--theme-primary) 38%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--theme-primary) 13%, transparent);--result-kpi-color: var(--theme-primary)}[data-visual-theme=quiz] .results-kpi-grid div:nth-child(2),[data-visual-theme=quiz] .results-donut-legend div:nth-child(2){--result-kpi-border: color-mix(in srgb, var(--theme-time-expired) 42%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--theme-time-expired) 14%, transparent);--result-kpi-color: var(--color-warning-deep)}[data-visual-theme=quiz] .results-kpi-grid div:nth-child(3){--result-kpi-border: color-mix(in srgb, var(--theme-answer-correct) 42%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--theme-answer-correct) 14%, transparent);--result-kpi-color: var(--theme-answer-correct)}[data-visual-theme=quiz] .results-kpi-grid div:nth-child(4){--result-kpi-border: color-mix(in srgb, var(--theme-answer-incorrect) 38%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--theme-answer-incorrect) 11%, transparent);--result-kpi-color: var(--theme-answer-incorrect)}[data-visual-theme=quiz] .results-donut{background:radial-gradient(circle,var(--color-surface) 0 57%,transparent 58%),conic-gradient(var(--theme-answer-correct) 0 var(--answered),color-mix(in srgb,var(--theme-time-expired) 48%,var(--color-border)) var(--answered) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-primary) 20%,var(--color-border)),0 12px 24px color-mix(in srgb,var(--theme-primary) 12%,transparent)}[data-visual-theme=quiz] .results-donut strong{color:var(--theme-answer-correct)}[data-visual-theme=quiz] .results-insight-tile--hard{--result-insight-accent: var(--theme-time-expired)}[data-visual-theme=quiz] .results-insight-tile--best{--result-insight-accent: var(--theme-answer-correct)}[data-visual-theme=quiz] .results-advice-card--compact{--result-insight-accent: var(--theme-time-expired);border-color:color-mix(in srgb,var(--theme-time-expired) 34%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-time-expired) 12%,transparent),transparent 62%),var(--color-card-surface)}[data-visual-theme=quiz] .results-advice-status{background:color-mix(in srgb,var(--theme-time-expired) 22%,white);color:var(--color-warning-deep)}[data-visual-theme=quiz] .results-participants-card--compact{border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 8%,transparent),transparent 62%),var(--color-card-surface)}[data-visual-theme=quiz] .results-secondary-summary div:nth-child(1){--result-summary-border: color-mix(in srgb, var(--theme-primary) 38%, var(--color-border));--result-summary-bg: color-mix(in srgb, var(--theme-primary) 12%, transparent);--result-summary-color: var(--theme-primary)}[data-visual-theme=quiz] .results-secondary-summary div:nth-child(2),[data-visual-theme=quiz] .results-secondary-summary div:nth-child(4){--result-summary-border: color-mix(in srgb, var(--theme-xp) 42%, var(--color-border));--result-summary-bg: color-mix(in srgb, var(--theme-xp) 14%, transparent);--result-summary-color: var(--color-warning-deep)}[data-visual-theme=quiz] .results-secondary-summary div:nth-child(3){--result-summary-border: color-mix(in srgb, var(--theme-answer-e) 34%, var(--color-border));--result-summary-bg: color-mix(in srgb, var(--theme-answer-e) 10%, transparent);--result-summary-color: var(--theme-answer-e)}[data-visual-theme=quiz] .results-participant-item:nth-child(4n+1){--participant-result-accent: var(--theme-primary);--participant-result-strong: var(--theme-primary)}[data-visual-theme=quiz] .results-participant-item:nth-child(4n+2){--participant-result-accent: var(--theme-answer-correct);--participant-result-strong: var(--theme-answer-correct)}[data-visual-theme=quiz] .results-participant-item:nth-child(4n+3){--participant-result-accent: var(--theme-xp);--participant-result-strong: var(--color-warning-deep)}[data-visual-theme=quiz] .results-participant-item:nth-child(4n){--participant-result-accent: var(--theme-streak);--participant-result-strong: var(--theme-streak)}[data-visual-theme=quiz] .results-participant-rank{box-shadow:0 0 0 3px color-mix(in srgb,var(--participant-result-accent, var(--theme-primary)) 16%,transparent)}.results-actions-card{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:8px 10px}.results-analysis-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.52fr);gap:var(--space-3);align-items:start;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3)}.results-analysis-summary h2{margin:2px 0 0;color:var(--color-heading);font-size:clamp(1rem,1.8vw,1.18rem)}.results-analysis-summary p{margin:4px 0 0;color:var(--color-muted);font-size:var(--font-size-body-small);line-height:var(--line-height-body)}.results-analysis-actions{display:grid;gap:8px;justify-items:start;border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));border-radius:var(--radius-button);padding:10px;background:var(--color-surface-soft)}.results-detail-panel{display:grid;gap:var(--space-2)}.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-2)}.teacher-report{display:grid;gap:var(--space-2)}.teacher-report-section{display:grid;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:10px;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);align-items:flex-end}.result-export-toolbar__actions .ui-button{height:44px;min-height:44px}.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:var(--color-text);box-shadow:var(--shadow-card)}.result-export-header{--export-header-color: var(--color-primary);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: var(--color-text);background:var(--export-header-color)}.result-export-brand{display:flex;gap:14px;align-items:center;color:var(--color-primary-deep);font-weight:900}.result-export-brand img{width:142px;height:auto}.result-export-header h1{max-width:none;margin:0;color:var(--color-text);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:var(--color-primary-hover);font-size:.78rem;font-weight:900;text-transform:uppercase}.result-export-section{display:grid;gap:9px;border:1px solid var(--color-border);border-radius:2px;padding:12px;background:#fff}.result-export-section h2{margin:0;color:var(--color-text);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:var(--color-muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.result-export-metadata dd,.result-export-summary dd{margin:0;color:var(--color-text);font-weight:850}.result-export-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;border-left:5px solid var(--color-primary)}.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:var(--color-primary-deep);font-size:2.35rem;line-height:1}.result-export-score span{color:var(--color-muted);font-weight:850}.result-export-scorebar{height:10px;overflow:hidden;border-radius:999px;background:var(--color-primary-light)}.result-export-scorebar span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.result-export-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-export-section strong{color:var(--color-text)}.result-export-table-wrap{overflow-x:auto}.result-export-document table{width:100%;border-collapse:collapse;color:var(--color-text);font-size:.82rem}.result-export-document th,.result-export-document td{border-bottom:1px solid var(--color-border);padding:6px;text-align:left;vertical-align:top}.result-export-document th{color:var(--color-primary-deep);font-size:.74rem;font-weight:900;text-transform:uppercase}.result-export-repeat{border-left:5px solid var(--color-success);background:color-mix(in srgb,var(--color-success) 5%,var(--color-surface))}.result-export-details{background:var(--color-primary-very-light)}.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:var(--color-muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.result-export-details summary strong{color:var(--color-text)}.result-export-disclaimer{border-top:1px solid var(--color-border);padding-top:10px;color:var(--color-muted);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 var(--color-primary);padding-top:10px;color:var(--color-muted);font-size:.82rem;font-weight:800}.result-export-footer img{width:18px;height:18px;justify-self:end}@media(max-width:640px){.result-export-document{gap:12px;padding:20px}.result-export-document--header-colored .result-export-header,.result-export-document--header-dark .result-export-header,.result-export-header{grid-template-columns:1fr;gap:12px}.result-export-header h1{font-size:1.42rem}.result-export-metadata dl,.result-export-summary dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.result-export-metadata dt,.result-export-summary dt,.result-export-document th{font-size:.68rem;line-height:1.15;overflow-wrap:anywhere}.result-export-summary{grid-template-columns:1fr;align-items:start}.result-export-highlight-grid{grid-template-columns:1fr}.result-export-document table{min-width:520px;font-size:.76rem}.result-export-document th,.result-export-document td{padding:5px}.result-export-footer{grid-template-columns:1fr;gap:6px;justify-items:start}.result-export-footer img{justify-self:start}}.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:clamp(12px,1.8vw,18px)}.answer-review-panel__header{display:flex;flex-wrap:wrap;gap:clamp(10px,1.6vw,16px);align-items:start;justify-content:space-between}.answer-review-panel__header h2,.leaderboard-placeholder-card h2{margin:8px 0 0;color:var(--color-heading);font-size:clamp(1.45rem,2.7vw,2.25rem);line-height:1.05}.answer-review-panel__header p,.leaderboard-placeholder-card p{margin:6px 0 0;color:var(--color-muted);font-size:clamp(.9rem,1.2vw,1rem);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--reveal{justify-items:stretch}.correct-answer-reveal{display:grid;gap:10px;border:1px solid color-mix(in srgb,var(--color-success) 52%,var(--color-border));border-radius:var(--radius-card);padding:clamp(14px,2vh,20px);background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 9%,transparent),transparent 62%),var(--color-surface)}.correct-answer-reveal__eyebrow{color:var(--color-success-deep);font-size:var(--font-size-caption);font-weight:950;letter-spacing:.04em;text-transform:uppercase}.correct-answer-reveal__button{display:grid;grid-template-columns:clamp(46px,5vw,62px) minmax(0,1fr);gap:clamp(10px,1.5vw,16px);align-items:center;border:1px solid color-mix(in srgb,var(--color-success) 70%,var(--color-border));border-radius:var(--radius-button);padding:clamp(10px,1.5vh,14px);background:linear-gradient(180deg,#ffffffe5,#ffffff94),color-mix(in srgb,var(--color-success) 12%,var(--color-surface));box-shadow:0 10px 22px color-mix(in srgb,var(--color-success) 12%,transparent)}.correct-answer-reveal__button span{display:grid;aspect-ratio:1;place-items:center;border-radius:var(--radius-button);background:var(--color-success);color:var(--color-on-primary);font-size:clamp(1.35rem,2.8vw,2rem);font-weight:950}.correct-answer-reveal__button strong{color:var(--color-heading);font-size:clamp(1.15rem,2.3vw,1.75rem);line-height:1.12}.correct-answer-reveal p{margin:0;color:var(--color-heading);font-size:clamp(.9rem,1.2vw,1rem);font-weight:850}.correct-answer-reveal__explanation{border-top:1px solid color-mix(in srgb,var(--color-success) 30%,var(--color-border));padding-top:var(--space-3);color:var(--color-text)!important;font-weight:800!important}.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:10px}.answer-review-row{display:grid;gap:9px;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:clamp(10px,1.45vh,14px);background:var(--color-surface)}.answer-review-row--correct{border-color:color-mix(in srgb,var(--color-success) 52%,var(--color-border));background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface))}.answer-review-panel--reveal .answer-review-row:not(.answer-review-row--correct){opacity:.62}.answer-review-row__top{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto auto;gap:10px;align-items:center}.answer-review-row__letter{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-button);background:var(--color-primary);color:var(--color-on-primary);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:950}.answer-review-row__text{color:var(--color-heading);font-size:clamp(.95rem,1.45vw,1.12rem);font-weight:900;line-height:var(--line-height-body)}.answer-review-row__count,.answer-review-row__percentage{color:var(--color-heading);font-size:clamp(.86rem,1.2vw,1rem);font-weight:950;white-space:nowrap}.answer-review-row__percentage{min-width:3.4ch;color:var(--color-primary-deep);text-align:right}.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;justify-content:flex-end;gap:10px}.host-question-page--live .ui-modal{width:min(92vw,860px);max-height:min(82vh,760px);border-radius:20px}.host-question-page--live .ui-modal__header{align-items:center}.host-question-page--live .ui-modal__title{font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.15}.host-question-page--live .ui-modal__header-actions{gap:8px}.host-question-page--live .answer-review-panel{gap:clamp(10px,1.35vw,14px)}.host-question-page--live .answer-review-panel__header{gap:10px}.host-question-page--live .answer-review-panel__header h2{margin-top:6px;font-size:clamp(1.22rem,2vw,1.78rem)}.host-question-page--live .answer-review-panel__header p{margin-top:4px;font-size:clamp(.84rem,1.05vw,.96rem)}.host-question-page--live .correct-answer-reveal{gap:8px;border-color:color-mix(in srgb,var(--color-success) 34%,var(--color-border));border-radius:16px;padding:clamp(12px,1.7vw,16px);background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 7%,transparent),transparent 66%),var(--color-surface)}.host-question-page--live .correct-answer-reveal__button{grid-template-columns:44px minmax(0,1fr);gap:10px;border-radius:14px;padding:10px;box-shadow:0 8px 18px color-mix(in srgb,var(--color-success) 9%,transparent)}.host-question-page--live .correct-answer-reveal__button span{font-size:1.28rem}.host-question-page--live .correct-answer-reveal__button strong{font-size:clamp(1rem,1.7vw,1.38rem);line-height:1.16}.host-question-page--live .correct-answer-reveal p{font-size:.9rem;font-weight:750}.host-question-page--live .correct-answer-reveal__explanation{padding-top:8px;font-size:.9rem!important;font-weight:650!important}.host-question-page--live .answer-review-list{gap:8px}.host-question-page--live .answer-review-row{gap:7px;border-radius:14px;padding:10px}.host-question-page--live .answer-review-row__top{grid-template-columns:34px minmax(0,1fr) auto auto auto;gap:8px}.host-question-page--live .answer-review-row__letter{width:34px;height:34px;border-radius:10px;font-size:1rem}.host-question-page--live .answer-review-row__text{font-size:clamp(.9rem,1.22vw,1.02rem);font-weight:800}.host-question-page--live .answer-review-row__count,.host-question-page--live .answer-review-row__percentage{font-size:.86rem}.host-question-page--live .answer-review-row__percentage{font-size:.92rem}.host-question-page--live .answer-review-panel--reveal .answer-review-row:not(.answer-review-row--correct){opacity:.52}.host-question-page--live .answer-review-actions .button{min-height:40px;border-radius:12px}.celebration-panel{display:grid;gap:var(--space-5)}.celebration-panel__header{display:grid;gap:var(--space-2)}.celebration-panel__header span{width:fit-content;border:1px solid color-mix(in srgb,var(--color-streak) 34%,var(--color-border));border-radius:var(--radius-button);padding:5px 8px;background:color-mix(in srgb,var(--color-streak) 10%,var(--color-surface));color:var(--color-streak-deep);font-size:var(--font-size-caption);font-weight:950;text-transform:uppercase}.celebration-panel__header h2{margin:0;color:var(--color-heading);font-size:clamp(1.8rem,4vw,3.2rem);line-height:var(--line-height-tight)}.celebration-panel__header p,.celebration-panel__empty{margin:0;color:var(--color-muted);font-size:clamp(1rem,1.7vw,1.22rem);font-weight:800}.celebration-highlight-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.celebration-highlight-list li{display:grid;gap:var(--space-3);border:1px solid color-mix(in srgb,var(--color-success) 32%,var(--color-border));border-radius:var(--radius-card);padding:var(--space-4);background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 10%,transparent),transparent 64%),var(--color-surface)}.celebration-highlight-list li>span{display:grid;width:58px;height:58px;place-items:center;border-radius:var(--radius-button);background:linear-gradient(135deg,var(--color-primary),var(--color-success));color:var(--color-on-primary);font-size:1.2rem;font-weight:950}.celebration-highlight-list strong{color:var(--color-heading);font-size:clamp(1.15rem,2.1vw,1.55rem)}.celebration-highlight-list p{margin:var(--space-1) 0 0;color:var(--color-muted);font-weight:850}.celebration-panel__empty{border:1px dashed color-mix(in srgb,var(--color-primary) 30%,var(--color-border));border-radius:var(--radius-card);padding:var(--space-4);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}.celebration-actions{display:flex;justify-content:flex-end}.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(min-width:621px)and (max-width:980px){.continue-widget__body{grid-template-columns:1fr;row-gap:10px;align-items:start}.continue-widget__content{max-width:none}.mini-card__button{width:100%;grid-column:1;grid-row:auto}}@media(max-width:620px){.participant-shell:has(.participant-page--join){background-image:linear-gradient(135deg,#ffffffd1,#e7f6ffb8),var(--live-background-gradient);background-position:center}.participant-shell:has(.participant-page--join){background-image:linear-gradient(90deg,#ffffff57,#ffffff29),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:34px;height:34px;gap:5px;padding:0 9px 0 7px;font-size:.82rem}.xp-indicator__label-badge,.xp-indicator__star-badge{width:21px;min-width:21px;height:21px;padding-inline:0;font-size:.64rem}.xp-indicator__star-badge svg{width:13px;height:13px}.xp-indicator span,.xp-indicator strong{font-size:.78rem}.profile-summary{width:38px;height:38px}.notification-button{width:34px;height:34px}.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}.quiz-choice-card{min-height:64px}.settings-toggle-list--compact{grid-template-columns:1fr}.settings-segment-row__body{flex-direction:column}.settings-segment{flex-basis:96px}.theme-preview,.answer-style-preview,.timer-style-preview,.feedback-animation-preview{grid-column:2;width:min(100%,180px)}.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:54px minmax(0,1fr)}.answer-review-row__count,.answer-review-row__percentage,.answer-review-row__top .ui-badge{grid-column:2;justify-self:start}.celebration-highlight-list{grid-template-columns:1fr}.celebration-actions{display:grid}.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__tools{width:100%;justify-content:space-between}.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-3)}.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-2)}.quiz-editor-field{display:grid;gap:6px;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:38px;padding:8px 10px;font-weight:500}.quiz-editor-field textarea{resize:vertical}.quiz-editor-question-list{display:grid;gap:var(--space-2)}.quiz-editor-question-item{display:grid;gap:6px;width:100%;min-height:74px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-button);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-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-button)}.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:auto minmax(0,1fr) auto;gap:var(--space-2);align-items:end}.quiz-editor-correct-option{min-width:70px;min-height:38px}.quiz-editor-compact-settings{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-2);align-items:start}.quiz-editor-choice-group{display:grid;min-width:0;gap:6px;margin:0;border:0;padding:0}.quiz-editor-choice-group legend{color:var(--color-heading);font-size:var(--font-size-caption);font-weight:900}.quiz-editor-choice-buttons{gap:5px}.quiz-editor-choice-button{min-height:30px;padding-inline:9px}.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}.quiz-editor-compact-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@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-compact-settings,.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:var(--color-text)!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.5vh,14px);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:var(--color-text)}.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}body:has(.host-presentation-shell) .topbar,body:has(.host-presentation-shell) .app-footer,body:has(.host-page--lobby) .topbar,body:has(.host-page--lobby) .app-footer{display:none}.app-shell:has(.host-presentation-shell){min-height:100dvh;padding-block:0;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 24%),linear-gradient(135deg,var(--color-page),var(--color-primary-very-light))}.app-shell:has(.host-presentation-shell) .app-container{width:100%}.app-shell:has(.host-page--lobby){min-height:100dvh;padding-block:0}.app-shell:has(.host-page--lobby) .app-container{width:100%}.host-page--lobby{min-height:100dvh;padding:0}.host-invite-shell{--host-access-card-width: 460px;--host-access-card-min-height: clamp(260px, 34vh, 360px);--host-access-card-padding: clamp(18px, 3vh, 28px);--host-access-code-size: clamp(4.1rem, 8vw, 7.4rem);--host-access-qr-size: clamp(210px, 25vw, 300px);--host-bubble-area-min: clamp(62px, 11vh, 112px);--host-bubble-area-max: clamp(78px, 13vh, 126px);--host-bubble-gap: clamp(6px, .9vw, 10px);--host-bubble-max-width: clamp(108px, 14vw, 184px);--host-bubble-min-height: 34px;--host-bubble-padding: 7px 13px;--host-bubble-font-size: clamp(.9rem, 1.28vw, 1.05rem);position:relative;display:grid;min-height:100dvh;grid-template-rows:minmax(0,1fr) minmax(96px,auto) auto;gap:clamp(10px,1.6vh,18px);padding:clamp(16px,2.2vh,28px);background:var(--live-school-screen-background);color:var(--color-heading);overflow:hidden}.host-invite-shell--group-small{--host-access-card-width: 460px;--host-access-card-min-height: clamp(250px, 33vh, 350px);--host-access-code-size: clamp(4rem, 7.8vw, 7.1rem);--host-access-qr-size: clamp(208px, 24vw, 292px);--host-bubble-area-min: clamp(84px, 15vh, 142px);--host-bubble-area-max: clamp(98px, 17vh, 160px)}.host-invite-shell--group-medium{--host-access-card-width: 400px;--host-access-card-min-height: clamp(196px, 25vh, 292px);--host-access-card-padding: clamp(14px, 2.2vh, 22px);--host-access-code-size: clamp(3.35rem, 6.2vw, 5.6rem);--host-access-qr-size: clamp(184px, 18.5vw, 244px);--host-bubble-area-min: clamp(122px, 22vh, 190px);--host-bubble-area-max: clamp(142px, 25vh, 216px);--host-bubble-gap: clamp(5px, .7vw, 8px);--host-bubble-max-width: clamp(92px, 10.5vw, 146px);--host-bubble-min-height: 30px;--host-bubble-padding: 6px 10px;--host-bubble-font-size: clamp(.8rem, 1.06vw, .96rem)}.host-invite-shell--group-large{--host-access-card-width: 350px;--host-access-card-min-height: clamp(158px, 20vh, 226px);--host-access-card-padding: clamp(12px, 1.8vh, 18px);--host-access-code-size: clamp(2.85rem, 5.1vw, 4.6rem);--host-access-qr-size: clamp(150px, 15vw, 192px);--host-bubble-area-min: clamp(150px, 28vh, 250px);--host-bubble-area-max: clamp(170px, 32vh, 292px);--host-bubble-gap: clamp(4px, .6vw, 7px);--host-bubble-max-width: clamp(74px, 8vw, 112px);--host-bubble-min-height: 28px;--host-bubble-padding: 5px 9px;--host-bubble-font-size: clamp(.72rem, .9vw, .86rem)}.host-presentation-shell{background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 24%),radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--color-accent) 7%,transparent),transparent 23%),linear-gradient(135deg,var(--color-page),var(--color-primary-very-light))}[data-theme=dark] .host-presentation-shell{background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 24%),radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 23%),linear-gradient(135deg,var(--color-page),color-mix(in srgb,var(--color-primary-deep) 16%,var(--color-page)))}.host-invite-header,.host-invite-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.host-invite-header{align-items:flex-start;justify-content:flex-end}.host-invite-header span{display:block;color:var(--color-primary-deep);font-size:clamp(.78rem,1.3vw,.92rem);font-weight:950;letter-spacing:.04em;text-transform:uppercase}.host-invite-header h2{margin:0;font-size:clamp(1.25rem,2.4vw,2rem);line-height:1}.host-invite-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.host-invite-main{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(280px,1fr));gap:clamp(16px,2.6vw,28px);align-items:center;justify-items:center}.host-invite-pin,.host-invite-qr{display:grid;width:min(100%,var(--host-access-card-width));min-height:var(--host-access-card-min-height);justify-items:center;align-content:center;gap:clamp(10px,1.4vh,14px);border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));border-radius:var(--radius-card);padding:var(--host-access-card-padding);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:0 16px 36px #004e8a1a;text-align:center;transition:width var(--transition-slow),min-height var(--transition-slow),padding var(--transition-slow),transform var(--transition-slow)}.host-invite-shell--group-medium .host-invite-pin,.host-invite-shell--group-medium .host-invite-qr,.host-invite-shell--group-large .host-invite-pin,.host-invite-shell--group-large .host-invite-qr{transform:translateY(-4px)}.host-invite-pin>span,.host-invite-qr>span{color:var(--color-muted);font-size:clamp(.86rem,1.4vw,1rem);font-weight:950;letter-spacing:.06em;text-transform:uppercase}.host-invite-pin p,.host-invite-qr p{margin:0;color:var(--color-muted);font-size:clamp(.92rem,1.55vw,1.1rem);font-weight:850}.host-invite-status{justify-self:center;width:min(100%,680px);margin:0;text-align:center}.host-invite-pin .join-url{max-width:min(100%,760px);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));border-radius:var(--radius-button);padding:7px 11px;background:#ffffffb8;color:var(--color-primary-deep);font-size:clamp(.76rem,1.15vw,.92rem);text-overflow:ellipsis;white-space:nowrap}.host-invite-shell .join-code--board{display:block;width:auto;max-width:100%;border:0;padding:0;background:transparent;box-shadow:none;color:var(--color-heading);font-size:var(--host-access-code-size);font-weight:950;letter-spacing:.08em;line-height:1;transition:font-size var(--transition-slow)}.host-invite-shell .qr-code-visual{width:var(--host-access-qr-size);max-width:min(100%,31vh);border-width:clamp(8px,1.2vw,12px);box-shadow:none;transition:width var(--transition-slow)}.host-invite-shell .host-link-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.host-invite-shell .host-link-actions .ui-button{min-width:132px}.host-invite-instructions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.host-invite-instructions span{border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:9px 11px;background:#ffffffbd;color:var(--color-heading);font-size:clamp(.88rem,1.25vw,1rem);font-weight:900;text-align:center}.host-invite-participants{display:grid;min-height:0;border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));border-radius:var(--radius-card);padding:10px 12px;background:#ffffffbd}.host-invite-bubble-group{display:flex;min-height:var(--host-bubble-area-min);max-height:var(--host-bubble-area-max);flex-wrap:wrap;gap:var(--host-bubble-gap);align-content:center;align-items:center;justify-content:center;overflow:hidden;padding:2px;list-style:none;transition:min-height var(--transition-slow),max-height var(--transition-slow),gap var(--transition-slow)}.host-invite-bubble{display:inline-flex;max-width:var(--host-bubble-max-width);min-height:var(--host-bubble-min-height);align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:999px;padding:var(--host-bubble-padding);background:color-mix(in srgb,var(--color-surface) 92%,var(--color-primary-very-light));overflow:hidden;color:var(--color-heading);font-size:var(--host-bubble-font-size);font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap;transition:max-width var(--transition-slow),min-height var(--transition-slow),padding var(--transition-slow),font-size var(--transition-slow)}.host-invite-bubble--new{animation:participant-name-arrive .76s cubic-bezier(.2,.78,.2,1) both}.host-invite-bubble-group--empty{opacity:0}.host-invite-bubble-group--count-7 .host-invite-bubble,.host-invite-bubble-group--count-8 .host-invite-bubble,.host-invite-bubble-group--count-9 .host-invite-bubble,.host-invite-bubble-group--count-10 .host-invite-bubble,.host-invite-bubble-group--count-11 .host-invite-bubble,.host-invite-bubble-group--count-12 .host-invite-bubble,.host-invite-bubble-group--count-13 .host-invite-bubble,.host-invite-bubble-group--count-14 .host-invite-bubble,.host-invite-bubble-group--count-15 .host-invite-bubble,.host-invite-bubble-group--count-16 .host-invite-bubble,.host-invite-bubble-group--count-17 .host-invite-bubble,.host-invite-bubble-group--count-18 .host-invite-bubble,.host-invite-bubble-group--count-19 .host-invite-bubble,.host-invite-bubble-group--count-20 .host-invite-bubble,.host-invite-bubble-group--count-21 .host-invite-bubble{max-width:clamp(86px,10vw,138px);min-height:30px;padding:6px 10px;font-size:clamp(.78rem,1.04vw,.94rem)}.host-invite-bubble-group--count-21 .host-invite-bubble{max-width:clamp(74px,8vw,112px);min-height:28px;padding:5px 9px;font-size:clamp(.72rem,.9vw,.86rem)}.host-presentation-footer{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:var(--space-3);border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));border-radius:var(--radius-button);padding:6px 8px 6px 12px;background:#ffffffd6;color:var(--color-heading);box-shadow:0 10px 26px #004e8a12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.host-question-footer{align-self:end;min-height:38px;justify-content:space-between;padding-block:5px}.host-question-footer .host-presentation-footer__actions{flex-wrap:nowrap;gap:6px;margin-left:auto}.host-question-footer .host-presentation-footer__actions .ui-button{min-height:32px}.host-question-footer .host-stop-action{color:var(--color-muted);box-shadow:none}.host-question-footer .host-stop-action:hover,.host-question-footer .host-stop-action:focus-visible{color:var(--color-danger-deep)}.host-question-status{flex-basis:100%;margin:0;text-align:right}.host-presentation-footer__status,.host-presentation-footer__actions{display:flex;align-items:center;gap:8px}.host-presentation-footer__actions{flex-wrap:wrap;justify-content:flex-end}.host-presentation-footer__actions .ui-button{min-height:34px}.host-player-bar{--host-player-button-height: 40px;min-height:50px;padding:6px 8px 6px 12px}.host-player-bar__count{display:inline-flex;min-width:72px;min-height:var(--host-player-button-height);align-items:center;gap:8px;color:var(--color-heading);font-size:1.05rem;font-weight:950;line-height:1}.host-player-bar__count svg,.host-player-bar__button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1}.host-player-bar__count span{min-width:2ch}.host-player-bar__status{min-width:0;flex:1 1 auto;margin:0;overflow:hidden;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:850;text-align:center;text-overflow:ellipsis;white-space:nowrap}.host-player-bar__status--empty{pointer-events:none;visibility:hidden}.host-player-bar__actions{flex:0 0 auto;flex-wrap:nowrap;gap:4px}.host-player-bar__button{min-height:var(--host-player-button-height);border-color:transparent;border-radius:var(--radius-pill);padding-inline:10px;background:transparent;color:color-mix(in srgb,var(--color-primary-deep) 72%,var(--color-muted));font-size:var(--font-size-small);font-weight:950;line-height:1;box-shadow:none}.host-player-bar__button:hover,.host-player-bar__button:focus-visible{border-color:transparent;background:color-mix(in srgb,var(--color-primary) 11%,transparent);color:var(--color-primary-deep);transform:none}.host-player-bar__button:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent)}.host-player-bar__button:disabled,.host-player-bar__button[aria-disabled=true]{border-color:transparent;background:transparent;color:var(--color-muted);opacity:.52}.host-player-bar__button--icon{width:var(--host-player-button-height);min-width:var(--host-player-button-height);padding-inline:0}.host-player-bar__button--icon .ui-button__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.host-player-bar__button--volume{min-width:108px;gap:6px;justify-content:center}.host-player-bar__button--link{min-width:108px}.host-player-bar__volume-label{min-width:50px;text-align:left}.host-player-bar__button--active{border-color:transparent;background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary)}.host-player-bar__start{min-width:112px;background:var(--color-primary);color:var(--color-on-primary);text-shadow:none}.host-player-bar__start:hover,.host-player-bar__start:focus-visible{border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:var(--color-on-primary)}.host-toast{position:absolute;right:clamp(12px,2vw,28px);bottom:clamp(62px,8vh,76px);z-index:5;min-width:0;max-width:min(320px,calc(100vw - 32px));border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:8px 12px;background:color-mix(in srgb,var(--color-heading) 92%,transparent);color:var(--color-surface);font-size:var(--font-size-small);font-weight:900;line-height:1.1;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity var(--transition-base),transform var(--transition-base)}.host-toast--visible{opacity:1;transform:translateY(0)}.host-control-button{position:relative;display:inline-grid;width:36px;min-width:36px;height:34px;place-items:center;border-color:transparent;border-radius:var(--radius-pill);padding:0;background:transparent;color:color-mix(in srgb,var(--color-primary-deep) 66%,var(--color-muted))}.host-control-button .ui-button__icon{display:grid;width:20px;height:20px;place-items:center;margin:0}.host-control-button .ui-button__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1}.host-control-button .ui-button__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.host-control-button:hover,.host-control-button:focus-visible{border-color:transparent;background:color-mix(in srgb,var(--color-primary) 11%,transparent);color:var(--color-primary-deep);transform:none}.host-control-button:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent)}.host-control-button--active{border-color:transparent;background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary)}.host-control-button--active:hover,.host-control-button--active:focus-visible{border-color:transparent;background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary-deep)}.host-control-button[disabled]{transform:none}.host-control-button:after{position:absolute;right:50%;bottom:calc(100% + 8px);z-index:3;width:max-content;max-width:180px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:5px 7px;background:var(--color-heading);color:var(--color-surface);content:attr(data-tooltip);font-size:var(--font-size-caption);font-weight:900;line-height:1;opacity:0;pointer-events:none;transform:translate(50%,4px);transition:opacity var(--transition-base),transform var(--transition-base);white-space:nowrap}.host-control-button:hover:after,.host-control-button:focus-visible:after{opacity:1;transform:translate(50%)}.host-volume-control{position:relative;display:inline-grid}.host-volume-popover{position:absolute;right:0;bottom:calc(100% + 10px);z-index:6;display:grid;width:184px;gap:7px;border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));border-radius:var(--radius-button);padding:8px;background:#fffffff0;box-shadow:0 18px 42px #00264b29;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=dark] .host-volume-popover{background:color-mix(in srgb,var(--color-surface) 92%,var(--color-page));box-shadow:0 18px 42px #00000047}.host-volume-popover:after{position:absolute;right:14px;bottom:-6px;width:10px;height:10px;border-right:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));border-bottom:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));background:inherit;content:"";transform:rotate(45deg)}.host-volume-state{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.host-volume-state__button{min-height:30px}.host-volume-slider{--host-volume-percent: 35%;width:100%;min-width:0;height:24px;accent-color:var(--color-primary);appearance:none;background:transparent;cursor:pointer}.host-volume-slider:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 30%,transparent);outline-offset:3px}.host-volume-slider::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-button);background:linear-gradient(90deg,var(--color-primary) 0 var(--host-volume-percent),color-mix(in srgb,var(--color-muted) 18%,var(--color-surface-soft)) var(--host-volume-percent) 100%)}.host-volume-slider::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:2px solid var(--color-surface);border-radius:var(--radius-button);background:var(--color-primary);box-shadow:0 4px 10px #004e8a2e;appearance:none}.host-volume-slider::-moz-range-track{height:6px;border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-muted) 18%,var(--color-surface-soft))}.host-volume-slider::-moz-range-progress{height:6px;border-radius:var(--radius-button);background:var(--color-primary)}.host-volume-slider::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--color-surface);border-radius:var(--radius-button);background:var(--color-primary);box-shadow:0 4px 10px #004e8a2e}.host-presentation-count{color:var(--color-primary-deep);font-size:clamp(.92rem,1.25vw,1rem)}.host-invite-count{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-button);padding:7px 10px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.host-presentation-count,.host-invite-count{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-button);padding:6px 9px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.host-presentation-count .icon,.host-presentation-count svg,.host-invite-count .icon,.host-invite-count svg{width:18px;height:18px;flex:0 0 auto}.host-presentation-count span,.host-invite-count span{min-width:1.5ch;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1}.host-settings-backdrop{position:fixed;inset:0;z-index:44;background:#081a2e2e;opacity:0;pointer-events:none;transition:opacity .18s ease}.host-settings-backdrop--open{opacity:1;pointer-events:auto}.host-settings-panel{position:fixed;top:0;right:0;z-index:45;display:grid;width:min(390px,calc(100vw - 20px));height:100dvh;grid-template-rows:auto minmax(0,1fr);border-left:1px solid var(--color-border);padding:16px;background:color-mix(in srgb,var(--color-surface) 96%,white);box-shadow:-22px 0 42px #081a2e29;color:var(--color-heading);opacity:0;pointer-events:none;transform:translate(102%);visibility:hidden;transition:opacity .18s ease,transform .22s ease,visibility 0ms linear .22s}.host-settings-panel--open{opacity:1;pointer-events:auto;transform:translate(0);visibility:visible;transition:opacity .18s ease,transform .22s ease}[data-theme=dark] .host-settings-panel{background:color-mix(in srgb,var(--color-surface) 92%,#101928);box-shadow:-22px 0 42px #00000057}.host-settings-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:12px}.host-settings-panel__header span{display:block;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.host-settings-panel__header h2{margin:0;font-size:clamp(1.25rem,2vw,1.55rem)}.host-settings-panel__content{display:grid;gap:12px;min-height:0;padding-block:14px;overflow:auto}.host-settings-section{display:grid;gap:9px;border:1px solid color-mix(in srgb,var(--color-primary) 12%,var(--color-border));border-radius:var(--radius-button);padding:11px;background:#ffffff94}[data-theme=dark] .host-settings-section{background:#ffffff0d}.host-settings-section h3{margin:0;font-size:.98rem}.host-settings-choice{display:grid;gap:7px;min-width:0;border:0;margin:0;padding:0}.host-settings-choice legend{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900}.host-settings-choice__options{gap:6px}.host-settings-choice__button{min-height:32px;flex:0 1 auto;padding:7px 8px}.host-settings-choice__button:hover,.host-settings-choice__button:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.host-settings-choice__button--active,.host-settings-choice__button.compact-choice-button--selected{border-color:var(--compact-control-border-selected, var(--color-primary));background:var(--compact-control-bg-selected, var(--color-primary));color:var(--compact-control-text-selected, var(--color-primary-contrast))}.host-settings-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:7px 8px 7px 10px;background:var(--color-surface)}.host-settings-toggle span{overflow:hidden;color:var(--color-heading);font-size:var(--font-size-caption);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.host-settings-toggle__options{flex-wrap:nowrap;gap:4px}.host-settings-toggle__options .host-settings-choice__button{min-width:46px}.host-settings-volume{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px;align-items:center}.host-settings-volume span{min-width:4.5ch;color:var(--color-heading);font-weight:950;text-align:center}.host-invite-footer .host-info-card{display:none}.host-invite-footer .host-info-card[open]{position:absolute;right:clamp(16px,2.2vh,28px);bottom:82px;z-index:4;width:min(520px,calc(100vw - 32px))}.host-invite-footer .join-copy-status,.host-invite-footer .participant-form__error{flex-basis:100%;margin:0;text-align:right}@keyframes participant-name-arrive{0%{opacity:0;transform:scale(.94)}62%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.host-invite-bubble--new{animation:none}.host-invite-pin,.host-invite-qr,.host-invite-shell .join-code--board,.host-invite-shell .qr-code-visual,.host-invite-bubble-group,.host-invite-bubble{transition:none}}[data-visual-theme=quiz] .host-page--lobby .ui-card{border-color:color-mix(in srgb,var(--theme-primary) 22%,var(--color-border))}[data-visual-theme=quiz] .host-code-card{background:radial-gradient(circle at 12% 16%,color-mix(in srgb,var(--theme-answer-b) 14%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 7%,transparent),transparent 58%),var(--color-surface)}[data-visual-theme=quiz] .join-code--board{border-color:color-mix(in srgb,var(--theme-primary) 46%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 12%,white),color-mix(in srgb,var(--theme-secondary) 9%,white));color:var(--color-heading)}[data-visual-theme=quiz] .qr-code-visual{border-color:color-mix(in srgb,var(--theme-primary) 16%,white);box-shadow:0 16px 36px color-mix(in srgb,var(--theme-primary) 18%,transparent)}[data-visual-theme=quiz] .host-invite-shell .join-code--board,[data-visual-theme=quiz] .host-invite-shell .qr-code-visual{background:transparent;box-shadow:none}[data-visual-theme=quiz] .host-side-card{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-streak) 7%,transparent),transparent 60%),var(--color-surface)}[data-visual-theme=quiz] .participant-item{border-color:color-mix(in srgb,var(--theme-primary) 20%,var(--color-border));background:color-mix(in srgb,var(--theme-primary) 4%,var(--color-surface))}[data-visual-theme=quiz] .participant-avatar{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));color:var(--color-on-primary)}[data-visual-theme=quiz] .participant-item:nth-child(6n+1) .participant-avatar{background:var(--theme-answer-a);color:var(--theme-answer-a-text)}[data-visual-theme=quiz] .participant-item:nth-child(6n+2) .participant-avatar{background:var(--theme-answer-b);color:var(--theme-answer-b-text)}[data-visual-theme=quiz] .participant-item:nth-child(6n+3) .participant-avatar{background:var(--theme-answer-c);color:var(--theme-answer-c-text)}[data-visual-theme=quiz] .participant-item:nth-child(6n+4) .participant-avatar{background:var(--theme-answer-d);color:var(--theme-answer-d-text)}[data-visual-theme=quiz] .participant-item:nth-child(6n+5) .participant-avatar{background:var(--theme-answer-e);color:var(--theme-answer-e-text)}[data-visual-theme=quiz] .participant-item:nth-child(6n) .participant-avatar{background:var(--theme-answer-f);color:var(--theme-answer-f-text)}@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))}.host-invite-shell{min-height:100dvh;overflow:auto}.host-invite-main{grid-template-columns:1fr}.host-invite-instructions{grid-template-columns:repeat(2,minmax(0,1fr))}.host-invite-footer{align-items:stretch;flex-direction:column}.host-presentation-footer__actions,.host-invite-footer__actions{justify-content:flex-start}.host-player-bar{align-items:center;flex-wrap:wrap}.host-player-bar__status{order:3;flex-basis:100%;text-align:left}.host-player-bar__actions{margin-left:auto}}@media(min-width:981px)and (max-height:820px){.host-invite-shell{grid-template-rows:minmax(0,1fr) minmax(74px,auto) auto;gap:8px;padding:14px 18px}.host-invite-header h2{font-size:clamp(1.35rem,2.4vw,2.1rem)}.host-invite-shell .join-code--board{font-size:clamp(3.7rem,7vw,5.6rem)}.host-invite-shell .qr-code-visual{width:min(250px,31vh)}.host-invite-instructions span{padding-block:7px}.host-invite-footer,.host-presentation-footer{min-height:44px}.host-presentation-footer__actions .ui-button,.host-invite-footer__actions .ui-button{min-height:34px}}@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-invite-shell{--host-access-card-width: 100%;--host-access-card-min-height: 172px;--host-access-code-size: clamp(3.1rem, 15vw, 4.8rem);--host-access-qr-size: min(100%, 220px);--host-bubble-area-min: 78px;--host-bubble-area-max: 120px;gap:12px;padding:14px}.host-invite-header{align-items:flex-start;flex-direction:column}.host-invite-header__actions{width:100%;justify-content:flex-start}.host-invite-instructions{grid-template-columns:repeat(2,minmax(0,1fr))}.host-presentation-footer{align-items:stretch;flex-direction:column}.host-presentation-footer__status{justify-content:space-between}.host-presentation-footer__actions,.host-invite-footer__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.host-player-bar{display:grid;grid-template-columns:auto minmax(0,1fr)}.host-player-bar__count{min-height:var(--host-player-button-height)}.host-player-bar__status{order:initial;text-align:right}.host-player-bar__actions{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-left:0}.host-player-bar__button,.host-player-bar__button--icon,.host-player-bar__button--link,.host-player-bar__button--volume,.host-player-bar__start{width:100%;min-width:0}.host-player-bar__button--volume{padding-inline:8px}.host-player-bar__volume-label{display:none}.host-question-footer .host-presentation-footer__actions{display:flex;flex-wrap:nowrap;justify-content:flex-end}.host-info-card .host-meta-list{grid-template-columns:1fr}}.host-question-page--live{position:relative;display:grid;min-height:100dvh;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.2vh,12px);padding:clamp(10px,1.3vh,16px);overflow:hidden}.host-stage-topline{display:grid;min-height:54px;grid-template-columns:minmax(180px,1fr) auto;gap:clamp(10px,1.4vw,18px);align-items:center;padding-right:clamp(92px,9vw,118px)}.host-stage-timer{position:absolute;top:clamp(10px,1.3vh,16px);right:clamp(10px,1.3vh,16px);z-index:3}.host-stage-participants{position:absolute;top:50%;right:clamp(10px,1.3vh,16px);z-index:3;display:grid;min-width:clamp(80px,8vw,104px);justify-items:center;gap:3px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:8px 10px;background:#ffffffdb;box-shadow:0 12px 28px #004e8a14;color:var(--color-heading);text-align:center;transform:translateY(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.host-stage-participants span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:950;line-height:1;text-transform:uppercase}.host-stage-participants strong{color:var(--color-primary-deep);font-size:clamp(1.9rem,3.2vw,2.8rem);font-weight:950;line-height:.95}.host-stage-pin{display:inline-flex;align-items:center;min-height:34px;border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));border-radius:var(--radius-button);padding:4px 10px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-primary-deep);font-size:clamp(1.2rem,2.1vw,1.8rem);font-weight:950;letter-spacing:.12em;line-height:1}body:has(.host-question-page--live) .topbar,body:has(.host-question-page--live) .app-footer{display:none}.app-shell:has(.host-question-page--live){min-height:100dvh;padding-block:0}.app-shell:has(.host-question-page--live) .app-container{width:100%}.host-live-status{display:grid;grid-template-columns:minmax(180px,.82fr) auto minmax(150px,.34fr) minmax(132px,.26fr) auto;gap:clamp(8px,1.2vw,14px);align-items:center;padding:8px 10px}.host-live-status--timer-hidden{grid-template-columns:minmax(220px,1fr) minmax(150px,.34fr) minmax(132px,.26fr) auto}.host-live-action-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.host-live-primary-action,.host-live-skip-action,.host-presentation-primary-action{justify-self:end;min-width:clamp(150px,13vw,210px);min-height:50px;border-color:transparent;background:var(--color-primary);box-shadow:var(--shadow-primary-button);color:var(--color-on-primary)}.host-live-skip-action{min-width:clamp(104px,8vw,142px);border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));box-shadow:none;color:var(--color-heading)}.host-live-status__progress{display:grid;gap:var(--space-2);min-width:0}.host-live-status__progress strong{width:fit-content;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-button);padding:5px 8px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-heading);font-size:clamp(.95rem,1.7vw,1.22rem)}.host-live-status__progress span{display:none;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-progress--warning span{background:var(--color-warning)}.host-live-progress--expired span{background:var(--color-danger)}.host-live-timer{--timer-size: clamp(76px, 7.8vw, 96px);--timer-color: var(--color-primary);--timer-track: color-mix(in srgb, var(--color-primary) 13%, var(--color-surface-soft));justify-self:center}.host-live-timer.circular-timer--warning{--timer-color: var(--color-warning);--timer-track: color-mix(in srgb, var(--color-warning) 18%, var(--color-surface-soft))}.host-live-timer.circular-timer--expired{--timer-color: var(--color-danger);--timer-track: color-mix(in srgb, var(--color-danger) 16%, var(--color-surface-soft))}.host-live-timer.circular-timer--paused,.host-live-timer.circular-timer--waiting{--timer-color: var(--color-muted);--timer-track: color-mix(in srgb, var(--color-muted) 14%, var(--color-surface-soft))}.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-answer-counter{display:grid;gap:6px;min-width:0;border-left:1px solid var(--color-border);padding-left:var(--space-3);animation:host-answer-counter-pulse .42s ease-out}.host-answer-counter__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.host-answer-counter__meta strong{color:var(--color-heading);font-size:clamp(1rem,1.45vw,1.24rem);font-weight:950;white-space:nowrap}.host-answer-counter__meta span{overflow:hidden;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.host-answer-counter__track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface-soft))}.host-answer-counter__track span{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .22s ease}.host-answer-counter__dots{display:flex;gap:4px;align-items:center}.host-answer-counter__dot{width:7px;height:7px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-muted) 26%,var(--color-surface-soft))}.host-answer-counter__dot--active{background:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent)}@keyframes host-answer-counter-pulse{0%{transform:scale(.985)}45%{transform:scale(1.018)}to{transform:scale(1)}}[data-visual-theme=quiz] .host-live-status{border-color:color-mix(in srgb,var(--theme-primary) 22%,var(--color-border));background:linear-gradient(90deg,color-mix(in srgb,var(--theme-primary) 8%,transparent),color-mix(in srgb,var(--theme-secondary) 5%,transparent)),var(--color-surface)}[data-visual-theme=quiz] .host-live-status__progress strong{border-color:color-mix(in srgb,var(--theme-primary) 42%,var(--color-border));background:color-mix(in srgb,var(--theme-primary) 12%,var(--color-surface))}[data-visual-theme=quiz] .host-live-progress{background:color-mix(in srgb,var(--theme-primary) 14%,white)}[data-visual-theme=quiz] .host-live-progress span{background:var(--color-primary)}[data-visual-theme=quiz] .host-live-progress--warning span{background:var(--color-warning)}[data-visual-theme=quiz] .host-live-progress--expired span{background:var(--color-danger)}[data-visual-theme=quiz] .host-answer-counter__track span{background:var(--color-primary)}[data-visual-theme=quiz] .host-live-primary-action,[data-visual-theme=quiz] .host-presentation-primary-action{background:var(--theme-primary);box-shadow:0 16px 34px color-mix(in srgb,var(--theme-primary) 18%,transparent);color:var(--color-on-primary)}.host-live-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(10px,1.7vh,16px);align-items:stretch;min-height:0;padding-right:clamp(88px,8.8vw,122px)}.host-question-intro{position:relative;display:grid;min-height:min(62vh,620px);align-content:center;justify-items:center;gap:clamp(10px,1.8vh,18px);border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));border-radius:var(--radius-card);padding:clamp(28px,5vw,64px);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 38%),color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:0 18px 46px #004e8a1a;text-align:center}.host-question-intro__logo-moment,.host-question-intro__title-card,.host-question-intro__countdown{grid-area:1 / 1}.host-question-intro__logo-moment{display:grid;width:min(62vw,420px);min-height:clamp(150px,22vh,230px);place-items:center;animation:host-question-intro-item .62s cubic-bezier(.2,.78,.2,1) both}.host-question-intro__logo-moment img{display:block;width:min(100%,340px);height:auto}.host-question-intro__title-card{display:grid;min-width:min(100%,620px);justify-items:center;gap:clamp(8px,1.4vh,14px);border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));border-radius:var(--radius-card);padding:clamp(22px,4vw,42px) clamp(26px,5vw,58px);background:color-mix(in srgb,var(--color-surface) 96%,transparent);box-shadow:0 18px 42px #004e8a1f;opacity:0;transform:translateY(8px) scale(.98);animation:host-question-intro-item .62s cubic-bezier(.2,.78,.2,1) both}.host-question-intro__countdown{display:grid;min-width:min(100%,520px);min-height:clamp(170px,24vh,250px);place-items:center;pointer-events:none}.host-question-intro__countdown span{grid-area:1 / 1;opacity:0;color:var(--color-primary-deep);font-size:clamp(5.2rem,16vw,12rem);font-weight:950;letter-spacing:0;line-height:.9;text-shadow:0 16px 34px color-mix(in srgb,var(--color-primary) 16%,transparent);transform:scale(.92);animation:host-question-countdown-number .72s cubic-bezier(.2,.78,.2,1) both}.host-question-intro[data-intro-step=start] .host-question-intro__countdown span{border-radius:var(--radius-card);padding:.12em .32em .18em;background:var(--color-primary);box-shadow:0 18px 38px color-mix(in srgb,var(--color-primary) 24%,transparent);color:var(--color-on-primary);font-size:clamp(3.4rem,10vw,7.8rem);text-shadow:none;animation:host-question-countdown-start .62s cubic-bezier(.2,.78,.2,1) both}.host-question-intro__kicker{border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));border-radius:var(--radius-button);padding:6px 10px;background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary-deep);font-size:clamp(.9rem,1.25vw,1.05rem);font-weight:950;letter-spacing:.06em;text-transform:uppercase}.host-question-intro__title-card strong{color:var(--color-heading);font-size:clamp(2.6rem,6.8vw,6.8rem);font-weight:950;letter-spacing:0;line-height:1}.host-question-intro__title-card p{max-width:min(760px,100%);margin:0;color:var(--color-muted);font-size:clamp(1.1rem,2.2vw,1.8rem);font-weight:850;line-height:1.2}@keyframes host-question-intro-item{0%{opacity:0;transform:translateY(8px) scale(.97)}54%{opacity:1;transform:translateY(0) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes host-question-intro-logo-fade{0%,8%{opacity:0}10%,28%{opacity:1}34%,to{opacity:0}}@keyframes host-question-intro-item-fade{0%{opacity:0}to{opacity:1}}@keyframes host-question-intro-title-fade{0%,23%{opacity:0}31%,45%{opacity:1}52%,to{opacity:0}}@keyframes host-question-countdown-number{0%{opacity:0;transform:scale(.92)}42%{opacity:1;transform:scale(1.035)}86%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes host-question-countdown-start{0%{opacity:0;transform:scale(.92)}46%{opacity:1;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes host-question-countdown-fade{0%,to{opacity:0}35%,72%{opacity:1}}@keyframes host-question-countdown-start-fade{0%{opacity:0}to{opacity:1}}@media(min-width:981px){.host-question-page--live{overflow:hidden}}.host-live-main,.host-live-side{display:grid;min-height:0;gap:clamp(10px,1.7vh,16px)}.host-live-main{grid-template-rows:minmax(210px,1fr) auto}.host-live-question-card{display:grid;min-height:0;align-content:center;justify-items:center;gap:clamp(10px,1.4vh,16px);border-color:color-mix(in srgb,var(--color-primary) 16%,var(--color-border));background:var(--color-surface);text-align:center}.host-live-question-card>span{display:none}.host-live-question-card h2{max-width:min(1120px,100%);margin:0;color:#111827;font-size:clamp(3.1rem,6vw,6.1rem);line-height:var(--line-height-tight);text-wrap:balance}.host-live-question-media{display:block;width:min(100%,820px);max-height:min(32vh,320px);border-radius:var(--radius-button);object-fit:contain}.host-live-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vh,20px);align-self:end}.host-live-answer-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.host-live-answer-grid--3,.host-live-answer-grid--5,.host-live-answer-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}.host-answer-card--button{--answer-accent: var(--color-primary);--answer-on-accent: var(--color-on-primary);--answer-accent-soft: color-mix(in srgb, var(--answer-accent) 16%, var(--color-surface));position:relative;display:grid;grid-template-columns:clamp(56px,4.6vw,72px) minmax(0,1fr);width:100%;min-height:clamp(104px,13vh,148px);align-items:center;gap:clamp(12px,1.4vw,18px);border:2px solid color-mix(in srgb,var(--answer-accent) 44%,var(--color-border));border-radius:var(--radius-button);padding:clamp(12px,1.6vh,18px);background:linear-gradient(180deg,#ffffffd1,#ffffff5c),linear-gradient(90deg,var(--answer-accent-soft),transparent 66%),var(--color-surface);box-shadow:inset 0 -7px color-mix(in srgb,var(--answer-accent) 28%,transparent),inset 0 1px #ffffffd1,0 9px color-mix(in srgb,var(--answer-accent) 30%,#56718f),0 16px 28px #0e2e4c21;cursor:pointer;text-align:left;transform:translateY(0);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.host-answer-card--button:nth-child(1){--answer-accent: var(--gameroom-answer-a);--answer-on-accent: var(--gameroom-answer-a-text)}.host-answer-card--button:nth-child(2){--answer-accent: var(--gameroom-answer-b);--answer-on-accent: var(--gameroom-answer-b-text)}.host-answer-card--button:nth-child(3){--answer-accent: var(--gameroom-answer-c);--answer-on-accent: var(--gameroom-answer-c-text)}.host-answer-card--button:nth-child(4){--answer-accent: var(--gameroom-answer-d);--answer-on-accent: var(--gameroom-answer-d-text)}.host-answer-card--button:nth-child(5){--answer-accent: var(--gameroom-answer-e);--answer-on-accent: var(--gameroom-answer-e-text)}.host-answer-card--button:nth-child(6){--answer-accent: var(--gameroom-answer-f);--answer-on-accent: var(--gameroom-answer-f-text)}.host-answer-card--button:hover,.host-answer-card--button:focus-visible,.host-answer-card--selected{border-color:var(--answer-accent);box-shadow:inset 0 -7px color-mix(in srgb,var(--answer-accent) 34%,transparent),inset 0 1px #ffffffdb,0 9px color-mix(in srgb,var(--answer-accent) 38%,#465f7a),0 18px 30px color-mix(in srgb,var(--answer-accent) 18%,transparent)}.host-answer-card--button:active{box-shadow:inset 0 -3px color-mix(in srgb,var(--answer-accent) 30%,transparent),inset 0 1px #ffffffb3,0 4px color-mix(in srgb,var(--answer-accent) 36%,#465f7a),0 10px 20px #0e2e4c24;transform:translateY(5px)}.host-answer-card--correct{border-color:var(--gameroom-feedback-correct);background:linear-gradient(180deg,#ffffffdb,#ffffff70),linear-gradient(90deg,color-mix(in srgb,var(--gameroom-feedback-correct) 18%,var(--gameroom-card)),transparent 66%),var(--gameroom-card);box-shadow:inset 0 -7px color-mix(in srgb,var(--gameroom-feedback-correct) 30%,transparent),inset 0 1px #ffffffd1,0 12px color-mix(in srgb,var(--gameroom-feedback-correct) 42%,#41644c),0 18px 34px #0e4c2e29}.host-answer-card--button .host-answer-card__letter{width:clamp(54px,4.4vw,70px);height:clamp(54px,4.4vw,70px);border:2px solid color-mix(in srgb,var(--answer-on-accent) 38%,transparent);border-radius:var(--radius-button);background:linear-gradient(180deg,color-mix(in srgb,white 18%,transparent),transparent),var(--answer-accent);box-shadow:inset 0 -4px color-mix(in srgb,black 18%,transparent),0 5px 12px color-mix(in srgb,var(--answer-accent) 22%,transparent);color:var(--answer-on-accent);font-size:clamp(1.9rem,3.1vw,2.8rem);line-height:1}.host-answer-card--button .host-answer-card__text{display:-webkit-box;overflow:hidden;color:var(--color-heading);font-size:clamp(1.18rem,1.95vw,1.72rem);font-weight:950;line-height:1.12;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-visual-theme=quiz] .host-answer-card--button{border-color:color-mix(in srgb,var(--answer-accent) 72%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,white 18%,transparent),transparent),linear-gradient(135deg,color-mix(in srgb,var(--answer-accent) 92%,white),var(--answer-accent));box-shadow:inset 0 -7px color-mix(in srgb,black 16%,transparent),inset 0 1px #ffffff52,0 12px color-mix(in srgb,var(--answer-accent) 52%,#263b55),0 18px 34px color-mix(in srgb,var(--answer-accent) 22%,transparent);color:var(--answer-on-accent)}[data-visual-theme=quiz] .host-answer-card--button:hover,[data-visual-theme=quiz] .host-answer-card--button:focus-visible,[data-visual-theme=quiz] .host-answer-card--selected{border-color:color-mix(in srgb,var(--answer-accent) 76%,var(--color-heading));box-shadow:inset 0 -7px color-mix(in srgb,black 18%,transparent),inset 0 0 0 2px color-mix(in srgb,white 34%,transparent),0 0 0 4px color-mix(in srgb,var(--answer-accent) 24%,transparent),0 12px color-mix(in srgb,var(--answer-accent) 56%,#263b55),0 20px 36px color-mix(in srgb,var(--answer-accent) 24%,transparent)}[data-visual-theme=quiz] .host-answer-card--button .host-answer-card__letter{border-color:color-mix(in srgb,var(--answer-on-accent) 52%,transparent);background:color-mix(in srgb,var(--answer-on-accent) 14%,transparent);color:var(--answer-on-accent)}[data-visual-theme=quiz] .host-answer-card--button .host-answer-card__text{color:var(--answer-on-accent)}.host-live-side{grid-template-rows:minmax(0,1fr)}.host-live-participants{display:grid;min-height:0;gap:var(--space-3);border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 6%,transparent),transparent 54%),var(--color-surface)}.host-live-participants__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.host-live-participants__header div{display:grid;gap:2px}.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(2.7rem,6.4vw,4.2rem);line-height:.95}.host-live-participants__header p{margin:0;border:1px solid color-mix(in srgb,var(--color-success) 32%,var(--color-border));border-radius:var(--radius-button);padding:7px 9px;background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface));color:var(--color-success-deep);font-size:var(--font-size-caption);font-weight:950;text-transform:uppercase}[data-visual-theme=quiz] .host-live-participants{border-color:color-mix(in srgb,var(--theme-primary) 26%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 8%,transparent),transparent 54%),var(--color-surface)}[data-visual-theme=quiz] .host-live-participants__header strong{color:var(--theme-primary)}[data-visual-theme=quiz] .host-live-participants__header p{border-color:color-mix(in srgb,var(--theme-answer-correct) 40%,var(--color-border));background:color-mix(in srgb,var(--theme-answer-correct) 12%,white)}.host-question-page--live .host-question-participant-list{display:grid;gap:8px;max-height:none;margin:0;padding:0;overflow:auto;list-style:none}.host-question-page--live .host-question-participant-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-2);align-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:9px 10px;background:color-mix(in srgb,var(--gameroom-card) 72%,transparent)}[data-visual-theme=quiz] .host-question-page--live .host-question-participant-list li{border-color:color-mix(in srgb,var(--theme-primary) 20%,var(--color-border));background:color-mix(in srgb,var(--theme-primary) 4%,white)}[data-visual-theme=quiz] .host-question-page--live .host-question-participant-list li>span{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));color:var(--color-on-primary)}.host-question-page--live .host-question-participant-list li>span{display:grid;width:36px;height:36px;place-items:center;border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary-deep);font-size:.78rem;font-weight:950}.host-question-page--live .host-question-participant-list li:nth-child(6n+1)>span{background:color-mix(in srgb,var(--gameroom-answer-a) 14%,var(--gameroom-card));color:var(--gameroom-feedback-incorrect-strong)}.host-question-page--live .host-question-participant-list li:nth-child(6n+2)>span{background:color-mix(in srgb,var(--gameroom-answer-b) 14%,var(--gameroom-card));color:var(--gameroom-brand-dark)}.host-question-page--live .host-question-participant-list li:nth-child(6n+3)>span{background:color-mix(in srgb,var(--gameroom-answer-c) 14%,var(--gameroom-card));color:var(--gameroom-feedback-correct-strong)}.host-question-page--live .host-question-participant-list li:nth-child(6n+4)>span{background:color-mix(in srgb,var(--gameroom-answer-d) 16%,var(--gameroom-card));color:var(--gameroom-feedback-late-strong)}.host-question-page--live .host-question-participant-list li:nth-child(6n+5)>span{background:color-mix(in srgb,var(--gameroom-answer-e) 14%,var(--gameroom-card));color:var(--gameroom-xp-strong)}.host-question-page--live .host-question-participant-list li:nth-child(6n)>span{background:color-mix(in srgb,var(--gameroom-answer-f) 14%,var(--gameroom-card));color:var(--gameroom-streak-strong)}.host-question-page--live .host-question-participant-list li strong{overflow:hidden;color:var(--color-heading);font-size:clamp(1rem,1.6vw,1.16rem);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.host-question-participant-empty{margin:0;border:1px dashed color-mix(in srgb,var(--color-primary) 28%,var(--color-border));border-radius:var(--radius-button);padding:var(--space-4);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));color:var(--color-muted);font-size:var(--font-size-small);font-weight:850;text-align:center}.host-question-page--live .ui-modal{width:min(820px,calc(100vw - 32px));max-height:min(84vh,680px);overflow:auto}.host-question-page--live .ui-modal__header,.host-question-page--live .ui-modal__body{padding:clamp(14px,2vw,22px)}.host-question-page--live .ui-modal__title{font-size:clamp(1.05rem,1.8vw,1.35rem)}.host-question-page--live .answer-review-panel,.host-question-page--live .standings-panel{gap:clamp(12px,1.8vw,18px)}.host-skip-confirm{display:grid;gap:var(--space-4)}.host-skip-confirm p{margin:0;color:var(--color-muted);font-size:var(--font-size-body)}.host-skip-confirm__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media(max-width:980px){.host-live-layout{grid-template-columns:1fr}.host-stage-topline,.host-live-layout{padding-right:0}.host-stage-timer,.host-stage-participants{position:static;justify-self:end;transform:none}.host-stage-topline{grid-template-columns:minmax(0,1fr) auto auto}.host-stage-participants{min-width:86px;align-self:center;padding:8px 10px}.host-stage-participants strong{font-size:clamp(1.7rem,6vw,2.3rem)}.host-stage-topline .host-live-timer{order:2}.host-stage-topline .host-stage-participants{order:3}.host-live-layout{min-height:auto}.host-answer-counter{border-left:0;border-top:1px solid var(--color-border);padding:var(--space-2) 0 0}}@media(max-width:620px){.host-question-page--live{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:max-content 44px minmax(0,1fr) max-content;grid-template-areas:"progress timer participants" "actions actions actions" "main main main" "playerbar playerbar playerbar";gap:8px;padding:8px;overflow-x:hidden;overflow-y:auto}.host-stage-topline{display:contents;min-height:0;padding-right:0}.host-live-status__progress{grid-area:progress;align-self:center;gap:5px}.host-live-status__progress strong{width:fit-content;max-width:100%;border-radius:10px;padding:5px 8px;font-size:.92rem;line-height:1.08}.host-live-progress{height:7px;border-radius:999px}.host-live-action-group{grid-area:actions;display:flex;height:max-content;align-self:start;align-items:center;justify-content:flex-end;gap:6px}.host-live-primary-action,.host-live-skip-action{min-width:0;min-height:42px;border-radius:12px;padding-inline:12px;font-size:.9rem}.host-live-primary-action{flex:1 1 auto}.host-live-skip-action{flex:0 0 auto}.host-stage-timer,.host-stage-participants{position:static;transform:none}.host-stage-timer{grid-area:timer;--timer-size: 50px;align-self:center;justify-self:end}.host-stage-participants{grid-area:participants;min-width:54px;align-self:center;justify-self:end;gap:1px;border-radius:12px;padding:5px 7px}.host-stage-participants span{font-size:.58rem}.host-stage-participants strong{font-size:1.35rem}.host-live-layout{grid-area:main;min-height:0;padding-right:0}.host-live-main{grid-template-rows:auto auto;gap:10px}.host-live-question-card{min-height:clamp(120px,26vh,210px);border-radius:18px;padding:18px}.host-live-answer-grid{grid-template-columns:1fr;gap:10px}.host-answer-card--button{min-height:72px;grid-template-columns:46px minmax(0,1fr);gap:12px;border-radius:16px;padding:10px 12px;box-shadow:inset 0 -4px color-mix(in srgb,var(--answer-accent) 24%,transparent),inset 0 1px #ffffffc2,0 5px color-mix(in srgb,var(--answer-accent) 24%,#56718f),0 10px 18px #0e2e4c1c}.host-answer-card--button .host-answer-card__letter{width:46px;height:46px;border-radius:12px;font-size:1.55rem}.host-answer-card--button .host-answer-card__text{font-size:1rem;line-height:1.12}.host-live-question-card h2{font-size:clamp(1.55rem,9vw,2.4rem)}.host-question-playerbar{grid-area:playerbar;min-height:50px;gap:8px;border-radius:18px;padding:6px 8px}.host-stage-pin{min-height:34px;padding-inline:8px;font-size:1rem;letter-spacing:.08em}.host-question-playerbar__actions{gap:2px;overflow-x:auto;scrollbar-width:none}.host-question-playerbar__actions::-webkit-scrollbar{display:none}.host-control-button{width:44px;min-width:44px;height:44px}.host-question-status{position:fixed;right:10px;bottom:64px;left:10px;z-index:5;margin:0;text-align:center}.host-question-page--live .ui-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 84px);border-radius:18px}.host-question-page--live .ui-modal__header,.host-question-page--live .ui-modal__body{padding:12px}.host-question-page--live .ui-modal__header{gap:8px}.host-question-page--live .ui-modal__header-actions .ui-button{min-height:38px;padding-inline:10px}.host-question-page--live .answer-review-panel__header{display:grid}.host-question-page--live .answer-review-panel__header h2{font-size:1.18rem}.host-question-page--live .correct-answer-reveal__button{grid-template-columns:38px minmax(0,1fr)}.host-question-page--live .correct-answer-reveal__button span{font-size:1.08rem}.host-question-page--live .correct-answer-reveal__button strong{font-size:.98rem}.host-question-page--live .answer-review-row__top{grid-template-columns:32px minmax(0,1fr) auto;gap:7px}.host-question-page--live .answer-review-row__letter{width:32px;height:32px}.host-question-page--live .answer-review-row__count{grid-column:2;justify-self:start;color:var(--color-muted);font-size:.78rem;font-weight:800}.host-question-page--live .answer-review-row__percentage{grid-column:3;grid-row:1;font-size:.88rem}.host-question-page--live .answer-review-row__top .ui-badge{grid-column:3;grid-row:2;justify-self:end}}.participant-shell:has(.participant-page--question){background:var(--live-school-screen-background)}.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,1.8vh,18px);align-self:start}.participant-question-intro-card{width:min(100%,430px);min-height:auto;align-content:center;justify-self:center}.participant-question-intro-card.ui-card--padding-large{padding:clamp(16px,3vw,24px)}.participant-question-intro{display:grid;justify-items:center;gap:10px;padding-block:clamp(18px,5vh,34px);text-align:center}.participant-question-intro span{border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));border-radius:var(--radius-button);padding:6px 10px;background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:950;letter-spacing:.06em;text-transform:uppercase}.participant-question-intro h1{margin:0;color:var(--color-heading);font-size:clamp(2.1rem,11vw,3.8rem);font-weight:950;letter-spacing:0;line-height:.95}.participant-question-intro p{max-width:34ch;margin:0;color:var(--color-muted);font-size:clamp(.92rem,2.4vw,1.05rem);font-weight:850;line-height:1.2}.participant-play-topbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:clamp(8px,1.4vw,var(--space-3));align-items:center}.participant-play-topbar--no-timer{grid-template-columns:auto minmax(0,1fr)}.participant-play-identity{display:grid;min-width:clamp(110px,18vw,180px);gap:3px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:7px 9px;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface))}.participant-play-identity span{overflow:hidden;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.participant-play-identity strong{color:var(--color-heading);font-size:clamp(.86rem,1.6vw,1rem);font-weight:950;line-height:1.1}.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{border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-button);padding:4px 7px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));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:center}.participant-play-rewards span{border:1px solid var(--color-border);border-radius:var(--radius-button);padding:7px 9px;background:var(--color-surface-soft);color:var(--color-primary-deep);font-size:var(--font-size-caption);font-weight:950}.participant-play-rewards span:nth-child(1){border-color:color-mix(in srgb,var(--gameroom-xp) 44%,var(--gameroom-border));background:color-mix(in srgb,var(--gameroom-xp) 18%,var(--gameroom-card));color:var(--gameroom-xp-strong)}.participant-play-rewards span:nth-child(2){border-color:color-mix(in srgb,var(--gameroom-star-level-2) 42%,var(--gameroom-border));background:color-mix(in srgb,var(--gameroom-star-level-1) 22%,var(--gameroom-card));color:var(--gameroom-xp-strong)}.participant-play-rewards span:nth-child(3){border-color:color-mix(in srgb,var(--gameroom-streak) 42%,var(--gameroom-border));background:color-mix(in srgb,var(--gameroom-streak) 13%,var(--gameroom-card));color:var(--gameroom-streak-strong)}[data-visual-theme=quiz].participant-shell:has(.participant-page--question){background:var(--live-school-screen-background)}[data-visual-theme=quiz] .participant-play-card{border-color:color-mix(in srgb,var(--theme-primary) 22%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 5%,transparent),transparent 48%),var(--color-surface)}[data-visual-theme=quiz] .participant-play-progress__meta strong{border-color:color-mix(in srgb,var(--theme-primary) 42%,var(--color-border));background:color-mix(in srgb,var(--theme-primary) 12%,var(--color-surface))}[data-visual-theme=quiz] .participant-play-progress__track{background:color-mix(in srgb,var(--theme-primary) 14%,white)}[data-visual-theme=quiz] .participant-play-progress__track span{background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary),var(--theme-answer-c))}[data-visual-theme=quiz] .participant-play-rewards span:nth-child(1){border-color:color-mix(in srgb,var(--theme-xp) 64%,var(--color-border));background:color-mix(in srgb,var(--theme-xp) 24%,white)}[data-visual-theme=quiz] .participant-play-rewards span:nth-child(2){border-color:color-mix(in srgb,var(--theme-star-level-3) 42%,var(--color-border));background:color-mix(in srgb,var(--theme-star-level-2) 20%,white)}[data-visual-theme=quiz] .participant-play-rewards span:nth-child(3){border-color:color-mix(in srgb,var(--theme-streak) 48%,var(--color-border));background:color-mix(in srgb,var(--theme-streak) 16%,white)}.participant-play-question{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.participant-play-question--hidden{display:contents}.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(2,minmax(0,1fr));gap:clamp(10px,1.8vh,16px)}.participant-page--question .participant-answer-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-page--question .participant-answer-grid--3,.participant-page--question .participant-answer-grid--5,.participant-page--question .participant-answer-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}.participant-page--question .participant-answer-option{--answer-accent: var(--color-primary);--answer-on-accent: var(--color-on-primary);--answer-accent-soft: color-mix(in srgb, var(--answer-accent) 13%, var(--color-surface));min-height:clamp(104px,15vh,142px);grid-template-columns:58px minmax(0,1fr) auto;gap:clamp(10px,1.8vw,16px);align-items:center;border-color:color-mix(in srgb,var(--answer-accent) 46%,var(--color-border));border-radius:4px;padding:clamp(12px,2vh,18px);background:linear-gradient(90deg,var(--answer-accent-soft),transparent 62%),var(--color-surface);box-shadow:inset 5px 0 color-mix(in srgb,var(--answer-accent) 66%,transparent);font-size:clamp(1.08rem,2.4vw,1.5rem)}.participant-page--question .participant-answer-grid--has-selection .participant-answer-option:not(.participant-answer-option--selected){opacity:.82}.participant-answer-received{justify-self:center;width:min(100%,340px);margin:0;border:1px solid color-mix(in srgb,var(--color-success) 34%,var(--color-border));border-radius:var(--radius-button);padding:9px 12px;background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface));color:var(--color-success-deep);font-size:clamp(.95rem,2vw,1.1rem);font-weight:950;text-align:center}.participant-skip-notice{display:grid;width:min(100%,360px);justify-items:center;gap:4px;justify-self:center;margin:0;border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border));border-radius:var(--radius-button);padding:8px 10px;background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary-deep);text-align:center}.participant-skip-notice strong{font-size:clamp(.98rem,2.2vw,1.16rem);font-weight:950;line-height:1.1}.participant-skip-notice span{color:var(--color-muted);font-size:var(--font-size-small);font-weight:850}.participant-page--question .participant-answer-option--a{--answer-accent: var(--gameroom-answer-a);--answer-on-accent: var(--gameroom-answer-a-text)}.participant-page--question .participant-answer-option--b{--answer-accent: var(--gameroom-answer-b);--answer-on-accent: var(--gameroom-answer-b-text)}.participant-page--question .participant-answer-option--c{--answer-accent: var(--gameroom-answer-c);--answer-on-accent: var(--gameroom-answer-c-text)}.participant-page--question .participant-answer-option--d{--answer-accent: var(--gameroom-answer-d);--answer-on-accent: var(--gameroom-answer-d-text)}.participant-page--question .participant-answer-option--e{--answer-accent: var(--gameroom-answer-e);--answer-on-accent: var(--gameroom-answer-e-text)}.participant-page--question .participant-answer-option--f{--answer-accent: var(--gameroom-answer-f);--answer-on-accent: var(--gameroom-answer-f-text)}.participant-page--question .participant-answer-option__indicator{display:inline-flex;width:58px;height:58px;gap:6px;align-items:center;justify-content:center;border-color:var(--answer-accent);background:var(--answer-accent);border-radius:4px;color:var(--answer-on-accent);line-height:1}.participant-page--question .participant-answer-option__letter{color:currentColor;font-size:clamp(1.5rem,4.4vw,2.1rem);font-weight:950;line-height:1}.participant-page--question .participant-answer-option__text{min-width:0;font-weight:950;line-height:1.15}.participant-page--question .participant-answer-option__shape{display:inline-block;width:17px;height:17px;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:84px minmax(0,1fr) auto}.participant-page--question .participant-answer-option--quiz-shape .participant-answer-option__indicator{width:84px;justify-content:space-evenly}.participant-page--question .participant-answer-option--selected{transform:none;border-color:color-mix(in srgb,var(--answer-accent) 78%,var(--color-heading));background:linear-gradient(90deg,color-mix(in srgb,var(--answer-accent) 20%,transparent),transparent 58%),var(--color-surface);box-shadow:inset 5px 0 color-mix(in srgb,var(--answer-accent) 78%,transparent),0 0 0 3px color-mix(in srgb,var(--answer-accent) 18%,transparent),var(--shadow-card-hover)}.participant-page--question .participant-answer-option--selected .participant-answer-option__indicator{border-color:var(--answer-accent);background:var(--answer-accent);color:var(--answer-on-accent)}.participant-answer-option__selected-icon{display:inline-grid;width:34px;height:34px;place-items:center;justify-self:end;border:2px solid color-mix(in srgb,var(--answer-accent) 76%,var(--color-surface));border-radius:50%;background:color-mix(in srgb,var(--answer-accent) 14%,var(--color-surface));color:var(--answer-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--answer-accent) 12%,transparent)}.participant-answer-option__selected-check{display:block;width:13px;height:8px;border-bottom:3px solid currentColor;border-left:3px solid currentColor;transform:translateY(-1px) rotate(-45deg)}.participant-answer-option__state{color:color-mix(in srgb,var(--answer-accent) 72%,var(--color-heading))}[data-visual-theme=quiz] .participant-page--question .participant-answer-option{border-color:color-mix(in srgb,var(--answer-accent) 72%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--answer-accent) 95%,white),var(--answer-accent));box-shadow:inset 0 0 0 1px color-mix(in srgb,white 24%,transparent),var(--shadow-card);color:var(--answer-on-accent)}[data-visual-theme=quiz] .participant-page--question .participant-answer-option:hover:not(:disabled),[data-visual-theme=quiz] .participant-page--question .participant-answer-option:focus-visible{border-color:color-mix(in srgb,var(--answer-accent) 76%,var(--color-heading));box-shadow:inset 0 0 0 2px color-mix(in srgb,white 34%,transparent),0 0 0 4px color-mix(in srgb,var(--answer-accent) 22%,transparent),var(--shadow-card-hover)}[data-visual-theme=quiz] .participant-page--question .participant-answer-option__indicator{border-color:color-mix(in srgb,var(--answer-on-accent) 72%,transparent);background:color-mix(in srgb,var(--answer-on-accent) 16%,transparent);color:var(--answer-on-accent)}[data-visual-theme=quiz] .participant-page--question .participant-answer-option--selected{border-color:color-mix(in srgb,var(--answer-on-accent) 76%,var(--answer-accent));background:linear-gradient(135deg,color-mix(in srgb,var(--answer-accent) 92%,white),var(--answer-accent));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--answer-on-accent) 62%,transparent),0 0 0 5px color-mix(in srgb,var(--answer-accent) 24%,transparent)}[data-visual-theme=quiz] .participant-page--question .participant-answer-option--selected .participant-answer-option__indicator{border-color:var(--answer-on-accent);background:var(--answer-on-accent);color:var(--answer-accent)}[data-visual-theme=quiz] .participant-answer-option__selected-icon{border-color:color-mix(in srgb,var(--answer-on-accent) 72%,transparent);background:color-mix(in srgb,var(--answer-on-accent) 18%,transparent);color:var(--answer-on-accent)}[data-visual-theme=quiz] .participant-answer-option__state{color:var(--answer-on-accent)}.participant-play-status{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:min(100%,520px);align-items:center;justify-self:center;gap:10px;margin:0;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-button);padding:9px 10px;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface));color:var(--color-heading)}.participant-play-status div{display:grid;min-width:0;gap:2px}.participant-play-status strong{overflow:hidden;color:var(--color-heading);font-size:clamp(.98rem,2.5vw,1.08rem);font-weight:950;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.participant-play-status span:not(.ui-status-pill):not(.ui-status-pill__dot){overflow:hidden;color:var(--color-muted);font-size:clamp(.78rem,2.1vw,.9rem);font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.participant-play-status--connection-lost{border-color:color-mix(in srgb,var(--color-warning) 36%,var(--color-border));background:color-mix(in srgb,var(--color-warning) 12%,var(--color-surface))}.participant-play-status--question-closed{border-color:color-mix(in srgb,var(--color-muted) 28%,var(--color-border));background:color-mix(in srgb,var(--color-muted) 8%,var(--color-surface))}.participant-play-status--waiting-next,.participant-play-status--answer-sent{border-color:color-mix(in srgb,var(--color-success) 30%,var(--color-border));background:color-mix(in srgb,var(--color-success) 9%,var(--color-surface))}.student-feedback{position:fixed;inset:0;z-index:60;display:grid;place-items:center;overflow:hidden;padding:clamp(14px,3vw,var(--space-page));background:color-mix(in srgb,var(--gameroom-card-overlay) 82%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.student-feedback__sweep{position:absolute;inset:-30% -18%;opacity:calc(var(--gameroom-feedback-sweep-opacity) * .72);transform:translate3d(-120%,38%,0) rotate(-18deg);animation:student-feedback-sweep .62s cubic-bezier(.2,.82,.26,1) both}.student-feedback--correct .student-feedback__sweep{background:linear-gradient(135deg,color-mix(in srgb,var(--gameroom-feedback-correct) 88%,transparent),color-mix(in srgb,var(--gameroom-brand) 18%,transparent))}.student-feedback--incorrect .student-feedback__sweep{background:linear-gradient(135deg,color-mix(in srgb,var(--gameroom-feedback-incorrect) 88%,transparent),color-mix(in srgb,var(--gameroom-brand) 14%,transparent))}.student-feedback--late .student-feedback__sweep{background:linear-gradient(135deg,color-mix(in srgb,var(--gameroom-feedback-late) 82%,transparent),color-mix(in srgb,var(--gameroom-brand) 16%,transparent))}[data-visual-theme=quiz] .student-feedback--correct .student-feedback__sweep{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-answer-correct) 88%,transparent),color-mix(in srgb,var(--theme-primary) 18%,transparent))}[data-visual-theme=quiz] .student-feedback--incorrect .student-feedback__sweep{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-answer-incorrect) 88%,transparent),color-mix(in srgb,var(--theme-primary) 16%,transparent))}[data-visual-theme=quiz] .student-feedback--late .student-feedback__sweep{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-time-expired) 84%,transparent),color-mix(in srgb,var(--theme-primary) 18%,transparent))}.student-feedback__card{position:relative;display:grid;width:min(100%,340px);justify-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--gameroom-card) 58%,transparent);border-radius:var(--radius-button);padding:clamp(16px,4vh,24px);background:color-mix(in srgb,var(--gameroom-card) 94%,transparent);box-shadow:0 18px 48px #06182829;text-align:center;animation:student-feedback-card .32s ease-out .13s both}.student-feedback__icon{display:grid;width:46px;height:46px;place-items:center;border-radius:var(--radius-button);color:var(--gameroom-text-on-brand);font-size:1.55rem;font-weight:950;line-height:1}.student-feedback--correct .student-feedback__icon{background:var(--gameroom-feedback-correct-strong)}.student-feedback--incorrect .student-feedback__icon{background:var(--gameroom-feedback-incorrect)}.student-feedback--late .student-feedback__icon{background:var(--gameroom-feedback-late-strong)}[data-visual-theme=quiz] .student-feedback--correct .student-feedback__icon{background:var(--theme-answer-correct)}[data-visual-theme=quiz] .student-feedback--incorrect .student-feedback__icon{background:var(--theme-answer-incorrect)}[data-visual-theme=quiz] .student-feedback--late .student-feedback__icon{background:var(--theme-time-expired);color:var(--color-answer-d-text)}.student-feedback h2{margin:0;color:var(--color-heading);font-size:clamp(1.9rem,8vw,3rem);line-height:1}.student-feedback p{margin:0;color:var(--color-muted);font-size:clamp(.9rem,2.2vw,1rem);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--compact{max-width:250px;grid-template-columns:repeat(2,minmax(0,1fr))}.student-feedback__stats div{display:grid;gap:3px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:7px 6px;background:var(--color-surface-soft)}.student-feedback__stats div:nth-child(1){border-color:color-mix(in srgb,var(--gameroom-xp) 42%,var(--gameroom-border));background:color-mix(in srgb,var(--gameroom-xp) 17%,var(--gameroom-card))}.student-feedback__stats div:nth-child(2){border-color:color-mix(in srgb,var(--gameroom-streak) 40%,var(--gameroom-border));background:color-mix(in srgb,var(--gameroom-streak) 12%,var(--gameroom-card))}.student-feedback__stats div:nth-child(3){border-color:color-mix(in srgb,var(--gameroom-star-level-3) 36%,var(--gameroom-border));background:color-mix(in srgb,var(--gameroom-star-level-2) 13%,var(--gameroom-card))}.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:.92rem;font-weight:950}.student-feedback__stats div:nth-child(1) dd{color:var(--gameroom-xp-strong)}.student-feedback__stats div:nth-child(2) dd{color:var(--gameroom-streak-strong)}.student-feedback__stats div:nth-child(3) dd{color:var(--gameroom-star-level-3)}.student-feedback__answer-row{display:flex;width:100%;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900}.student-feedback-answer{--feedback-answer-accent: var(--color-primary);--feedback-answer-on-accent: var(--color-on-primary);display:inline-flex;min-width:0;max-width:min(100%,280px);gap:7px;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(--gameroom-answer-a);--feedback-answer-on-accent: var(--gameroom-answer-a-text)}.student-feedback-answer--b{--feedback-answer-accent: var(--gameroom-answer-b);--feedback-answer-on-accent: var(--gameroom-answer-b-text)}.student-feedback-answer--c{--feedback-answer-accent: var(--gameroom-answer-c);--feedback-answer-on-accent: var(--gameroom-answer-c-text)}.student-feedback-answer--d{--feedback-answer-accent: var(--gameroom-answer-d);--feedback-answer-on-accent: var(--gameroom-answer-d-text)}.student-feedback-answer--e{--feedback-answer-accent: var(--gameroom-answer-e);--feedback-answer-on-accent: var(--gameroom-answer-e-text)}.student-feedback-answer--f{--feedback-answer-accent: var(--gameroom-answer-f);--feedback-answer-on-accent: var(--gameroom-answer-f-text)}.student-feedback-answer__marker{display:inline-flex;min-width:34px;height:30px;gap:5px;align-items:center;justify-content:center;border-radius:var(--radius-button);background:var(--feedback-answer-accent);color:var(--feedback-answer-on-accent)}.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);margin-top:2px;padding:7px 10px;background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary-deep);font-size:var(--font-size-caption)}@keyframes student-feedback-sweep{0%{transform:translate3d(-120%,38%,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(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.host-question-intro__logo-moment,.host-question-intro__title-card{transform:none;animation:host-question-intro-item-fade .18s ease-out both}.host-question-intro__countdown span{transform:none;animation:host-question-countdown-fade .18s ease-out both}.host-question-intro[data-intro-step=start] .host-question-intro__countdown span{animation:host-question-countdown-start-fade .18s ease-out both}.host-answer-counter{animation:none}.circular-timer__value{transition:stroke var(--transition-fast)}.student-feedback__sweep{display:none}.student-feedback__card{animation:student-feedback-card .18s ease-out both}}.student-feedback--reduced-motion .student-feedback__sweep{display:none}.student-feedback--reduced-motion .student-feedback__card{animation:student-feedback-card .18s ease-out both}@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;padding:8px var(--space-page) 12px}.participant-shell:has(.participant-page--question) .participant-shell__header{padding-top:8px}.participant-shell:has(.participant-page--question) .participant-shell__brand img{width:calc(clamp(88px,28vw,112px) * var(--brand-logo-scale, .7))}.participant-page--question{align-content:start}.participant-play-card{gap:10px;border-radius:clamp(18px,6vw,var(--play-radius-panel))}.participant-play-card.ui-card--padding-large{padding:clamp(12px,3.4vw,16px)}.participant-play-topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.participant-play-identity{min-width:0;grid-column:auto;padding:6px 8px}.participant-play-identity span{font-size:.68rem}.participant-play-identity strong{font-size:clamp(.82rem,3.7vw,.94rem)}.participant-play-timer{--timer-size: clamp(46px, 13vw, 56px);justify-self:end}.participant-play-timer .circular-timer__track,.participant-play-timer .circular-timer__value{stroke-width:9}.participant-play-timer .circular-timer__time{font-size:clamp(1rem,5vw,1.18rem)}.participant-play-timer .circular-timer__unit{display:none}.participant-play-progress{grid-column:1 / -1;gap:5px}.participant-play-progress__meta{align-items:center;font-size:.76rem}.participant-play-progress__meta strong{padding:3px 6px}.participant-play-progress__track{height:7px}.participant-play-rewards{justify-content:flex-start;gap:5px}.participant-play-rewards span{border-radius:999px;padding:5px 7px;font-size:.7rem}.participant-play-question{gap:8px}.participant-play-question h1{max-width:100%;font-size:clamp(1.5rem,9vw,2.45rem);text-wrap:balance}.participant-play-question img{max-height:min(160px,24vh)}.participant-page--question .participant-answer-grid{grid-template-columns:1fr;gap:8px}.participant-page--question .participant-answer-option{min-height:66px;grid-template-columns:46px minmax(0,1fr) 28px;gap:9px;border-radius:12px;padding:9px 10px;font-size:clamp(.98rem,4.8vw,1.14rem);box-shadow:inset 4px 0 color-mix(in srgb,var(--answer-accent) 62%,transparent)}.participant-page--question .participant-answer-option__indicator{width:46px;height:46px;border-radius:10px}.participant-page--question .participant-answer-option__letter{font-size:clamp(1.35rem,7vw,1.7rem)}.participant-page--question .participant-answer-option__text{line-height:1.12}.participant-page--question .participant-answer-option--quiz-shape{grid-template-columns:58px minmax(0,1fr) 28px}.participant-page--question .participant-answer-option--quiz-shape .participant-answer-option__indicator{width:58px;justify-content:center}.participant-page--question .participant-answer-option__shape{width:12px;height:12px}.participant-answer-option__selected-icon{width:26px;height:26px;border-width:2px;box-shadow:0 0 0 2px color-mix(in srgb,var(--answer-accent) 12%,transparent)}.participant-answer-option__selected-check{width:10px;height:6px;border-bottom-width:2px;border-left-width:2px}.participant-answer-option__state{grid-column:2 / -1;font-size:.66rem}.participant-answer-received,.participant-skip-notice{width:min(100%,320px)}.participant-play-status{grid-template-columns:minmax(0,1fr) auto;gap:8px}.participant-play-status .ui-button{grid-column:1 / -1;width:100%}.participant-play-status strong,.participant-play-status span:not(.ui-status-pill):not(.ui-status-pill__dot){white-space:normal}.student-feedback{align-items:end;padding:12px}.student-feedback__card{width:min(100%,310px);gap:7px;padding:14px}.student-feedback__icon{width:40px;height:40px;font-size:1.25rem}.student-feedback h2{font-size:clamp(1.65rem,10vw,2.35rem)}.student-feedback__stats--compact{max-width:220px}.student-feedback-answer{max-width:100%}.student-feedback-answer__text{max-width:18ch}.participant-page--finished .participant-result-card{width:min(100%,340px)}.participant-result-details{grid-template-columns:1fr}.participant-result-details div{grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left}.participant-result-details dd{justify-content:flex-end}}.taalroute_live_app[data-live-context=teacher]{--radius-button: var(--control-radius-md);--radius-card: var(--control-radius-panel);--radius-small: var(--control-radius-sm);--radius-mini-card: var(--control-radius-panel);--radius-hero-action: var(--control-radius-lg);--color-card-surface: var(--control-surface);--color-panel-surface: var(--control-surface);--color-nav-surface: color-mix(in srgb, var(--color-surface) 94%, transparent)}.taalroute_live_app[data-live-context=teacher] :where(.topbar__inner,.status-card,.action-card,.info-card,.notice-bar,.mini-card,.modal-card,.settings-section,.settings-actions,.quiz-choice-card,.quick-route-card,.quick-focus-panel,.quick-quiz-card,.quick-route-details,.quiz-route-summary,.quiz-extra-preview,.visual-route-shell,.visual-route-point,.theme-route-summary,.theme-route-overview,.theme-route-section,.theme-route-details,.quiz-preview-summary,.quiz-preview-metadata,.quiz-preview-learning-goal,.quiz-preview-actions-card,.quiz-preview-questions,.quiz-preview-question,.results-dashboard-card,.results-score-panel,.results-donut-panel,.results-insight-tile,.results-advice-card--compact,.results-group-card,.results-question-card,.results-participants-card,.results-advice-card,.results-teacher-report-card,.results-session-card,.results-actions-card,.results-detail-panel,.teacher-report-section,.teacher-report-item){border-radius:var(--control-radius-panel);background-color:var(--control-surface);box-shadow:var(--control-shadow)}.taalroute_live_app[data-live-context=teacher] :where(.ui-card,.status-card,.action-card,.info-card,.mini-card,.settings-section,.settings-actions,.quiz-choice-card,.quick-route-card,.quick-focus-panel,.quick-quiz-card,.quick-route-details,.visual-route-shell,.visual-route-point,.results-dashboard-card,.results-score-panel,.results-donut-panel,.results-insight-tile,.results-advice-card--compact,.results-participant-item,.teacher-report-section,.teacher-report-item){border-color:var(--color-border)}.taalroute_live_app[data-live-context=teacher] :where(.button,.ui-button,.icon-button,.info-button,.profile-summary,.nav-link,.compact-choice-button,.compact-toggle,.settings-toggle,.settings-segment-row,.settings-range-control,.settings-note,.settings-status-item,.quick-select-field select,.quick-focus-chip,.quick-quiz-card span,.theme-route-kicker,.visual-route-point__status,.results-advice-status,.results-participant-rank,.teacher-badge){border-radius:var(--control-radius-md)}.taalroute_live_app[data-live-context=teacher] :where(.ui-badge,.ui-status-pill,.xp-indicator,.route-line span){border-radius:var(--radius-pill)}.taalroute_live_app[data-live-context=teacher] .topbar__inner{border-color:#d8e1eb;border-bottom-color:#d8e1eb;background:var(--color-nav-surface);box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .topbar{border-bottom:0;box-shadow:none}.taalroute_live_app[data-live-context=teacher] :where(.action-card,.mini-card,.info-card,.quick-route-card--play,.visual-route-shell,.results-dashboard-card){background-image:none}.taalroute_live_app[data-live-context=teacher] :where(.action-card:after,.hero-copy-block:after){display:none}.taalroute_live_app[data-live-context=teacher] :where(.button--primary,.ui-button--primary,.button--compact){background:var(--color-primary);box-shadow:var(--control-shadow)}.taalroute_live_app[data-live-context=teacher] :where(.button--secondary,.ui-button--secondary){background:var(--color-surface);box-shadow:var(--control-shadow)}.taalroute_live_app[data-live-context=teacher] .home-page :where(.button--hero){min-height:50px;box-shadow:var(--control-shadow)}.taalroute_live_app[data-live-context=teacher] .home-page .button--hero.button--primary{background:var(--color-primary)}.taalroute_live_app[data-live-context=teacher] .home-page .button--hero.button--secondary{border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border));background:var(--color-surface)}.taalroute_live_app[data-live-context=teacher] .home-hero{grid-template-columns:minmax(0,1fr) minmax(250px,330px)}.rotating-background[data-background-screen=home] .taalroute_live_app,.rotating-background[data-background-screen=home] .app-shell[data-live-context=teacher]{background:transparent}.rotating-background[data-background-screen=home] .home-page{min-height:calc(100vh - 210px)}.rotating-background[data-background-screen=home] .home-hero{min-height:clamp(330px,45vh,460px)}.taalroute_live_app[data-live-context=teacher] .home-hero :where(.eyebrow,h1){color:var(--color-hero-text);text-shadow:0 2px 14px rgb(0 0 0 / 24%)}.taalroute_live_app[data-live-context=teacher] .home-hero .hero-copy{color:var(--color-hero-copy);text-shadow:0 2px 12px rgb(0 0 0 / 20%)}.taalroute_live_app[data-live-context=teacher] .hero-mini-stack{gap:8px}.taalroute_live_app[data-live-context=teacher] .home-page{--teacher-bright-green: #22c55e;--teacher-bright-purple: #7c3aed;--teacher-bright-amber: #f59e0b;--teacher-bright-rose: #e11d48;--teacher-bright-blue: #0090f2}.taalroute_live_app[data-live-context=teacher] .home-page .mini-card,.taalroute_live_app[data-live-context=teacher] .home-page .action-card{border-color:color-mix(in srgb,var(--control-card-accent, var(--color-primary)) 32%,#d8e6f3);border-left:4px solid var(--control-card-accent, var(--color-primary));background:linear-gradient(135deg,color-mix(in srgb,var(--control-card-accent, var(--color-primary)) 7%,transparent),transparent 64%),#fffffff5;box-shadow:0 8px 18px #14416914;color:var(--color-text)}.taalroute_live_app[data-live-context=teacher] .home-page .action-card{grid-template-columns:74px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:8px;align-items:center;min-height:108px;padding:15px 16px}.taalroute_live_app[data-live-context=teacher] .home-page .xp-widget{--control-card-accent: var(--teacher-bright-purple);--control-card-accent-deep: #5b21b6;grid-template-columns:92px minmax(0,1fr);column-gap:22px}.taalroute_live_app[data-live-context=teacher] .home-page .continue-widget{--control-card-accent: var(--teacher-bright-amber);--control-card-accent-deep: #b45309;grid-template-columns:78px minmax(0,1fr);min-height:156px;column-gap:14px;padding:14px 14px 14px 16px}.taalroute_live_app[data-live-context=teacher] .home-page .action-card--green{--control-card-accent: var(--teacher-bright-green);--control-card-accent-deep: #15803d}.taalroute_live_app[data-live-context=teacher] .home-page .action-card--purple{--control-card-accent: var(--teacher-bright-purple);--control-card-accent-deep: #5b21b6}.taalroute_live_app[data-live-context=teacher] .home-page .action-card--orange{--control-card-accent: var(--teacher-bright-amber);--control-card-accent-deep: #92400e}.taalroute_live_app[data-live-context=teacher] .home-page .action-card--magenta{--control-card-accent: var(--teacher-bright-rose);--control-card-accent-deep: #9f1239}.taalroute_live_app[data-live-context=teacher] .home-page .xp-widget__badge{width:78px;height:78px;align-self:center;justify-self:center;background:transparent;color:inherit;box-shadow:none}.taalroute_live_app[data-live-context=teacher] .home-page .xp-widget__star--png{width:62px;height:62px;filter:drop-shadow(0 12px 14px rgb(15 23 42 / 15%))}.taalroute_live_app[data-live-context=teacher] .home-page .continue-widget__icon,.taalroute_live_app[data-live-context=teacher] .home-page .action-icon-wrap{border-color:color-mix(in srgb,var(--control-card-accent, var(--color-primary)) 36%,#d8e6f3);background:color-mix(in srgb,var(--control-card-accent, var(--color-primary)) 11%,#ffffff);color:var(--control-card-accent-deep, var(--color-primary-deep))}.taalroute_live_app[data-live-context=teacher] .home-page .continue-widget__icon{width:70px;height:70px;align-self:center;justify-self:center;border:0;background:transparent}.taalroute_live_app[data-live-context=teacher] .home-page .continue-widget__console--png{width:64px;height:64px;filter:drop-shadow(0 12px 14px rgb(15 23 42 / 15%))}.taalroute_live_app[data-live-context=teacher] .home-page .continue-widget__content{max-width:none;gap:7px}.taalroute_live_app[data-live-context=teacher] .home-page .continue-widget__content h2{max-width:100%;font-size:clamp(1.18rem,4.8vw,1.44rem)}.taalroute_live_app[data-live-context=teacher] .home-page .continue-widget__content p{font-size:.9rem}.taalroute_live_app[data-live-context=teacher] .home-page .continue-widget__meta{gap:14px;font-size:.88rem}.taalroute_live_app[data-live-context=teacher] .home-page .action-icon-wrap{grid-row:1 / span 2;width:66px;height:66px;align-self:center;justify-self:center;border:0;background:transparent;filter:drop-shadow(0 10px 12px rgb(15 23 42 / 14%))}.taalroute_live_app[data-live-context=teacher] .home-page .action-icon--png{width:62px;height:62px}.taalroute_live_app[data-live-context=teacher] .home-page .action-card h3{align-self:end;color:var(--control-card-accent-deep, var(--color-heading));line-height:1.1}.taalroute_live_app[data-live-context=teacher] .home-page .action-card p{align-self:start;max-width:none;line-height:1.25}.taalroute_live_app[data-live-context=teacher] .home-page .mini-progress-track{background:#e5eaf2}.taalroute_live_app[data-live-context=teacher] .home-page .mini-card__button{min-height:40px;background:var(--teacher-bright-blue);font-size:.9rem;box-shadow:0 8px 18px #0090f22e}.taalroute_live_app[data-live-context=teacher] .daily-challenge-bar{border-radius:var(--control-radius-panel);background:linear-gradient(90deg,#0090f2,#087fd3);box-shadow:0 8px 18px #1441691a}.taalroute_live_app[data-live-context=teacher] .daily-challenge-star{border:1px solid rgb(255 255 255 / 34%);background:#f59e0b;color:#fff;box-shadow:inset 0 1px #ffffff52}.taalroute_live_app[data-live-context=teacher] .daily-challenge-main h2{color:#fff;font-weight:850}.taalroute_live_app[data-live-context=teacher] .daily-challenge-main p{color:#ffffffd1;font-size:.84rem;font-weight:650}.taalroute_live_app[data-live-context=teacher] .daily-challenge-progress{background:#ffffff5c;box-shadow:inset 0 1px 2px #14416924}.taalroute_live_app[data-live-context=teacher] .daily-challenge-progress-fill{background:#b8e6ff}.taalroute_live_app[data-live-context=teacher] .daily-challenge-score{color:#fff;font-weight:850}.taalroute_live_app[data-live-context=teacher] .daily-challenge-gift{width:34px;height:34px;color:#f8c76a}.taalroute_live_app[data-live-context=teacher] .daily-challenge-gift .challenge-gift-icon{width:28px;height:28px;stroke-width:7}.taalroute_live_app[data-live-context=teacher] :where(.action-card:hover,.quick-quiz-card:hover,.quiz-choice-card:hover,.visual-route-point:hover,.ui-card--interactive:hover){box-shadow:var(--control-shadow-hover)}.taalroute_live_app[data-live-context=teacher] .results-participant-rank{border-radius:var(--control-radius-md)}.taalroute_live_app[data-live-context=host]{--radius-button: var(--host-radius-control);--radius-card: var(--host-radius-card)}.taalroute_live_app[data-live-context=host] :where(.host-presentation-shell,.host-invite-shell,.host-question-page--live){background:var(--live-school-screen-background)}.taalroute_live_app[data-live-context=host] :where(.host-invite-pin,.host-invite-qr,.host-live-question-card,.host-live-participants){border-radius:var(--host-radius-panel);box-shadow:var(--play-shadow-stage)}.taalroute_live_app[data-live-context=host] :where(.host-player-bar,.host-question-playerbar){border-radius:calc(var(--host-radius-control) + 8px)}.taalroute_live_app[data-live-context=participant]{--radius-button: var(--play-radius-answer);--radius-card: var(--play-radius-panel);--radius-mini-card: var(--play-radius-answer)}.taalroute_live_app[data-live-context=participant] :where(.participant-card,.participant-question-card,.participant-play-card){border-radius:var(--play-radius-panel);box-shadow:var(--play-shadow-stage)}.taalroute_live_app[data-live-context=participant] .participant-join-card{border-radius:var(--host-radius-card)}.taalroute_live_app[data-live-context=participant] :where(.participant-play-identity,.participant-session-summary,.participant-result-score,.participant-result-details div,.participant-answer-received,.participant-skip-notice){border-radius:var(--play-radius-answer)}.taalroute_live_app[data-live-context=participant] .participant-page--question .participant-answer-option{border-radius:var(--play-radius-answer);box-shadow:inset 6px 0 color-mix(in srgb,var(--answer-accent) 72%,transparent),0 12px 26px color-mix(in srgb,var(--answer-accent) 9%,transparent)}.taalroute_live_app[data-live-context=participant] .participant-page--question .participant-answer-option__indicator{border-radius:calc(var(--play-radius-answer) - 6px)}[data-visual-theme=quiz].taalroute_live_app[data-live-context=participant] .participant-page--question .participant-answer-option{border-radius:var(--play-radius-answer);box-shadow:inset 0 0 0 2px color-mix(in srgb,white 22%,transparent),0 16px 34px color-mix(in srgb,var(--answer-accent) 17%,transparent)}.taalroute_live_app[data-live-context=teacher]{--control-card-accent: var(--control-accent-blue);--control-card-accent-deep: var(--control-accent-blue-deep);--control-card-tint: color-mix(in srgb, var(--control-card-accent) 8%, var(--control-surface));--control-card-border: color-mix(in srgb, var(--control-card-accent) 28%, var(--color-border))}.taalroute_live_app[data-live-context=teacher] :where(.action-card,.mini-card,.info-card,.quick-route-card--play,.visual-route-shell,.results-dashboard-card){border-color:var(--control-card-border);border-left:4px solid var(--control-card-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--control-card-accent) 9%,transparent),transparent 68%),var(--control-surface)}.taalroute_live_app[data-live-context=teacher] :where(.settings-section,.quiz-choice-card,.quick-quiz-card,.visual-route-point,.results-insight-tile,.teacher-report-section,.teacher-report-item){border-color:var(--control-card-border);background:linear-gradient(180deg,color-mix(in srgb,var(--control-card-accent) 5%,transparent),transparent 54%),var(--control-surface)}.taalroute_live_app[data-live-context=teacher] .action-card--green,.taalroute_live_app[data-live-context=teacher] .results-insight-tile--best{--control-card-accent: var(--control-accent-green);--control-card-accent-deep: var(--chart-complete-deep)}.taalroute_live_app[data-live-context=teacher] .action-card--purple,.taalroute_live_app[data-live-context=teacher] .xp-widget{--control-card-accent: var(--control-accent-violet);--control-card-accent-deep: #5b21b6}.taalroute_live_app[data-live-context=teacher] .action-card--orange,.taalroute_live_app[data-live-context=teacher] .continue-widget,.taalroute_live_app[data-live-context=teacher] .results-insight-tile--hard,.taalroute_live_app[data-live-context=teacher] .results-advice-card--compact{--control-card-accent: var(--control-accent-amber);--control-card-accent-deep: var(--chart-warning-deep)}.taalroute_live_app[data-live-context=teacher] .action-card--magenta{--control-card-accent: var(--control-accent-rose);--control-card-accent-deep: #9f1239}.taalroute_live_app[data-live-context=teacher] .info-card,.taalroute_live_app[data-live-context=teacher] .quick-route-card--play,.taalroute_live_app[data-live-context=teacher] .visual-route-shell{--control-card-accent: var(--control-accent-teal);--control-card-accent-deep: #0e7490}.taalroute_live_app[data-live-context=teacher] .settings-grid .settings-section:nth-child(6n+1),.taalroute_live_app[data-live-context=teacher] .quiz-choice-card:nth-child(6n+1),.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:nth-child(6n+1),.taalroute_live_app[data-live-context=teacher] .visual-route-path>li:nth-child(6n+1) .visual-route-point{--control-card-accent: var(--control-accent-blue);--control-card-accent-deep: var(--control-accent-blue-deep)}.taalroute_live_app[data-live-context=teacher] .settings-grid .settings-section:nth-child(6n+2),.taalroute_live_app[data-live-context=teacher] .quiz-choice-card:nth-child(6n+2),.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:nth-child(6n+2),.taalroute_live_app[data-live-context=teacher] .visual-route-path>li:nth-child(6n+2) .visual-route-point{--control-card-accent: var(--control-accent-teal);--control-card-accent-deep: #0e7490}.taalroute_live_app[data-live-context=teacher] .settings-grid .settings-section:nth-child(6n+3),.taalroute_live_app[data-live-context=teacher] .quiz-choice-card:nth-child(6n+3),.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:nth-child(6n+3),.taalroute_live_app[data-live-context=teacher] .visual-route-path>li:nth-child(6n+3) .visual-route-point{--control-card-accent: var(--control-accent-green);--control-card-accent-deep: var(--chart-complete-deep)}.taalroute_live_app[data-live-context=teacher] .settings-grid .settings-section:nth-child(6n+4),.taalroute_live_app[data-live-context=teacher] .quiz-choice-card:nth-child(6n+4),.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:nth-child(6n+4),.taalroute_live_app[data-live-context=teacher] .visual-route-path>li:nth-child(6n+4) .visual-route-point{--control-card-accent: var(--control-accent-amber);--control-card-accent-deep: var(--chart-warning-deep)}.taalroute_live_app[data-live-context=teacher] .settings-grid .settings-section:nth-child(6n+5),.taalroute_live_app[data-live-context=teacher] .quiz-choice-card:nth-child(6n+5),.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:nth-child(6n+5),.taalroute_live_app[data-live-context=teacher] .visual-route-path>li:nth-child(6n+5) .visual-route-point{--control-card-accent: var(--control-accent-violet);--control-card-accent-deep: #5b21b6}.taalroute_live_app[data-live-context=teacher] .settings-grid .settings-section:nth-child(6n),.taalroute_live_app[data-live-context=teacher] .quiz-choice-card:nth-child(6n),.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:nth-child(6n),.taalroute_live_app[data-live-context=teacher] .visual-route-path>li:nth-child(6n) .visual-route-point{--control-card-accent: var(--control-accent-rose);--control-card-accent-deep: #9f1239}.taalroute_live_app[data-live-context=teacher] :where(.action-card h3,.theme-route-kicker,.visual-route-point__status,.quick-quiz-card span){color:var(--control-card-accent-deep)}.taalroute_live_app[data-live-context=teacher] :where(.action-icon-wrap,.method-logo-slot,.results-advice-status){border-color:color-mix(in srgb,var(--control-card-accent) 34%,var(--color-border));background:color-mix(in srgb,var(--control-card-accent) 12%,var(--control-surface));color:var(--control-card-accent-deep)}.taalroute_live_app[data-live-context=teacher] :where(.ui-progress__track,.mini-progress-track,.daily-challenge-progress){background:var(--chart-track)}.taalroute_live_app[data-live-context=teacher] :where(.ui-progress__fill,.ui-progress__fill--primary,.mini-progress-fill,.daily-challenge-progress-fill){background:var(--chart-progress)}.taalroute_live_app[data-live-context=teacher] .home-page .mini-progress-fill{background:var(--teacher-bright-blue)}.taalroute_live_app[data-live-context=teacher] .home-page .mini-progress-fill--xp{background:#4f6df5}.taalroute_live_app[data-live-context=teacher] .daily-challenge-progress .daily-challenge-progress-fill{background:#b8e6ff}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page{margin-inline:calc(var(--layout-gutter) * -.35);border-radius:var(--control-radius-lg);padding:clamp(18px,3vw,30px);background:linear-gradient(180deg,#f4f9fe,#eef5fb)}.taalroute_live_app[data-live-context=teacher] .quiz-selection-layout--quick .quiz-selection-main{width:min(100%,1120px)}.taalroute_live_app[data-live-context=teacher] .quick-route-card--play{position:relative;gap:clamp(16px,2.2vw,24px);overflow:hidden;border:1px solid #d8e6f3;border-left:0;border-radius:var(--control-radius-lg);padding:clamp(20px,2.8vw,30px);background:var(--color-surface);box-shadow:0 10px 28px #14416914}.taalroute_live_app[data-live-context=teacher] .quick-route-card--play:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--color-primary)}.taalroute_live_app[data-live-context=teacher] .quick-route-card__top{gap:14px}.taalroute_live_app[data-live-context=teacher] .method-logo-slot{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));border-radius:var(--control-radius-md);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-primary-deep);font-size:.86rem}.taalroute_live_app[data-live-context=teacher] .quick-route-card__top h2{font-size:clamp(1.35rem,2.6vw,2rem);letter-spacing:0}.taalroute_live_app[data-live-context=teacher] .quick-route-card__top p{color:var(--color-muted);font-size:.9rem;font-weight:650}.taalroute_live_app[data-live-context=teacher] .quick-flow-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:1px solid #d8e6f3;border-radius:var(--control-radius-md);padding:8px;background:#f8fbfe}.taalroute_live_app[data-live-context=teacher] .quick-flow-strip span{display:inline-flex;min-height:28px;align-items:center;border-radius:var(--control-radius-sm);padding:5px 9px;background:#fff;color:color-mix(in srgb,var(--color-primary-deep) 76%,var(--color-heading));font-size:.76rem;font-weight:720}.taalroute_live_app[data-live-context=teacher] .quick-flow-strip span+span:before{content:">";margin-right:8px;color:#8ca5bf;font-weight:700}.taalroute_live_app[data-live-context=teacher] .quick-select-field span,.taalroute_live_app[data-live-context=teacher] .quick-focus-panel .quiz-selection-step,.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__header .quiz-selection-step{color:color-mix(in srgb,var(--color-muted) 86%,var(--color-heading));font-size:.75rem;letter-spacing:.02em}.taalroute_live_app[data-live-context=teacher] .quick-select-field select{min-height:42px;border-color:#d5e3f1;border-radius:var(--control-radius-md);background:linear-gradient(180deg,#fff,#f9fbfd);color:var(--color-heading);font-size:.92rem;font-weight:760;box-shadow:inset 0 1px #ffffffc7}.taalroute_live_app[data-live-context=teacher] .quick-select-field select:hover{border-color:color-mix(in srgb,var(--color-primary) 26%,#d5e3f1)}.taalroute_live_app[data-live-context=teacher] .quick-select-field select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent);outline:0}.taalroute_live_app[data-live-context=teacher] .quick-focus-panel{grid-template-columns:minmax(130px,.22fr) minmax(0,1fr);border-color:#d8e6f3;border-radius:var(--control-radius-lg);padding:12px;background:#f8fbfe;box-shadow:inset 0 1px #ffffffd6}.taalroute_live_app[data-live-context=teacher] .quick-focus-panel strong{color:var(--color-heading);font-size:.92rem;font-weight:820}.taalroute_live_app[data-live-context=teacher] .quick-focus-panel small{display:block;max-width:30ch;margin-top:3px;color:#647084;font-size:.76rem;font-weight:500;line-height:1.25}.taalroute_live_app[data-live-context=teacher] .quick-focus-options{gap:7px}.taalroute_live_app[data-live-context=teacher] .quick-focus-chip{display:inline-flex;min-height:32px;gap:7px;align-items:center;border-color:#d5e3f1;border-radius:var(--control-radius-md);padding-inline:12px;background:#fff;color:color-mix(in srgb,var(--color-primary-deep) 82%,var(--color-heading));font-size:.82rem;font-weight:780;box-shadow:0 1px 1px #1441690a;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.taalroute_live_app[data-live-context=teacher] .quick-focus-chip span{display:inline-grid;min-width:20px;min-height:20px;place-items:center;border-radius:999px;padding-inline:6px;background:#eef5fb;color:inherit;font-size:.7rem;font-weight:820;line-height:1}.taalroute_live_app[data-live-context=teacher] .quick-focus-chip:hover,.taalroute_live_app[data-live-context=teacher] .quick-focus-chip:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 36%,#d5e3f1);background:color-mix(in srgb,var(--color-primary) 5%,#ffffff)}.taalroute_live_app[data-live-context=teacher] .quick-focus-chip--selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 6px 14px #0090f22e}.taalroute_live_app[data-live-context=teacher] .quick-focus-chip--selected:hover,.taalroute_live_app[data-live-context=teacher] .quick-focus-chip--selected:focus-visible,.taalroute_live_app[data-live-context=teacher] .quick-focus-chip--selected:active,.taalroute_live_app[data-live-context=teacher] .quick-focus-chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.taalroute_live_app[data-live-context=teacher] .quick-focus-chip--selected span,.taalroute_live_app[data-live-context=teacher] .quick-focus-chip[aria-pressed=true] span{background:#ffffff2e}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__header{padding-top:4px}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__header .ui-badge{border:1px solid #d5e3f1;background:#f3f7fb;color:color-mix(in srgb,var(--color-primary-deep) 72%,var(--color-heading))}.taalroute_live_app[data-live-context=teacher] .quick-quiz-list{gap:10px}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card{--quick-quiz-accent: var(--color-primary);--quick-quiz-text: var(--color-primary-deep);position:relative;min-height:104px;border-color:#d8e6f3;border-radius:var(--control-radius-lg);padding:14px 14px 13px;background:#fff;box-shadow:0 2px 7px #1441690d}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:var(--control-radius-lg) 0 0 var(--control-radius-lg);background:color-mix(in srgb,var(--quick-quiz-accent) 78%,#ffffff);opacity:0;transition:opacity .16s ease}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:hover,.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 34%,#d8e6f3);box-shadow:0 8px 20px #14416917}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:hover:before,.taalroute_live_app[data-live-context=teacher] .quick-quiz-card:focus-visible:before,.taalroute_live_app[data-live-context=teacher] .quick-quiz-card--selected:before{opacity:1}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card--selected{border-color:color-mix(in srgb,var(--color-primary) 46%,#d8e6f3);background:color-mix(in srgb,var(--color-primary) 3%,#ffffff);box-shadow:0 8px 20px #14416914}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card span{border-radius:var(--control-radius-md);padding:5px 8px;background:color-mix(in srgb,var(--quick-quiz-accent) 9%,#ffffff);color:var(--quick-quiz-text);font-size:.68rem;letter-spacing:.02em}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card strong{font-size:.96rem;font-weight:840}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card small{color:color-mix(in srgb,var(--color-muted) 82%,var(--color-heading));font-size:.78rem;font-weight:760}.taalroute_live_app[data-live-context=teacher] .quick-route-actions{gap:10px}.taalroute_live_app[data-live-context=teacher] .quick-route-actions__copy{color:#647084;font-size:.84rem;font-weight:560;line-height:1.35}.taalroute_live_app[data-live-context=teacher] .quick-route-actions .button{min-height:44px;border-radius:var(--control-radius-md);padding-inline:20px}.taalroute_live_app[data-live-context=teacher] .quick-route-alert{display:inline-grid;width:fit-content;max-width:min(100%,560px);gap:3px;margin:2px 0 0;border-color:color-mix(in srgb,var(--color-danger) 18%,#f2c9cf);border-radius:var(--control-radius-md);padding:10px 12px;background:color-mix(in srgb,var(--color-danger) 7%,#ffffff);color:var(--color-danger-deep);font-size:.84rem;line-height:1.35}.taalroute_live_app[data-live-context=teacher] .quick-route-alert strong{color:var(--color-danger-deep);font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.taalroute_live_app[data-live-context=teacher] .quick-route-details{border-color:#d8e6f3;background:#f8fbfe}.taalroute_live_app[data-live-context=teacher] .ui-progress__fill--success{background:var(--chart-complete)}.taalroute_live_app[data-live-context=teacher] .ui-progress__fill--accent{background:var(--chart-warning)}.taalroute_live_app[data-live-context=teacher] :where(.results-score-panel,.results-donut-panel){--control-card-accent: var(--chart-progress);--control-card-accent-deep: var(--chart-progress-deep);border-color:color-mix(in srgb,var(--chart-progress) 28%,var(--color-border))}.taalroute_live_app[data-live-context=teacher] .results-score-panel .results-card-header h3,.taalroute_live_app[data-live-context=teacher] .results-score,.taalroute_live_app[data-live-context=teacher] .results-donut strong{color:var(--chart-complete-deep)}.taalroute_live_app[data-live-context=teacher] .results-donut{background:radial-gradient(circle,var(--color-surface) 0 57%,transparent 58%),conic-gradient(var(--chart-complete) 0 var(--answered),var(--chart-warning) var(--answered) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chart-progress) 18%,var(--color-border)),0 10px 22px #092b5714}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(1),.taalroute_live_app[data-live-context=teacher] .results-donut-legend div:nth-child(1),.taalroute_live_app[data-live-context=teacher] .results-secondary-summary div:nth-child(1){--result-kpi-border: color-mix(in srgb, var(--chart-progress) 34%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--chart-progress) 10%, transparent);--result-kpi-color: var(--chart-progress-deep);--result-summary-border: color-mix(in srgb, var(--chart-progress) 34%, var(--color-border));--result-summary-bg: color-mix(in srgb, var(--chart-progress) 10%, transparent);--result-summary-color: var(--chart-progress-deep)}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(2),.taalroute_live_app[data-live-context=teacher] .results-donut-legend div:nth-child(2),.taalroute_live_app[data-live-context=teacher] .results-secondary-summary div:nth-child(3){--result-kpi-border: color-mix(in srgb, var(--chart-warning) 36%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--chart-warning) 11%, transparent);--result-kpi-color: var(--chart-warning-deep);--result-summary-border: color-mix(in srgb, var(--chart-warning) 36%, var(--color-border));--result-summary-bg: color-mix(in srgb, var(--chart-warning) 11%, transparent);--result-summary-color: var(--chart-warning-deep)}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(3),.taalroute_live_app[data-live-context=teacher] .results-secondary-summary div:nth-child(2),.taalroute_live_app[data-live-context=teacher] .results-secondary-summary div:nth-child(4){--result-kpi-border: color-mix(in srgb, var(--chart-complete) 36%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--chart-complete) 10%, transparent);--result-kpi-color: var(--chart-complete-deep);--result-summary-border: color-mix(in srgb, var(--chart-complete) 36%, var(--color-border));--result-summary-bg: color-mix(in srgb, var(--chart-complete) 10%, transparent);--result-summary-color: var(--chart-complete-deep)}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(4){--result-kpi-border: color-mix(in srgb, var(--chart-danger) 32%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--chart-danger) 8%, transparent);--result-kpi-color: var(--chart-danger-deep)}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(5){--result-kpi-border: color-mix(in srgb, var(--control-accent-teal) 34%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--control-accent-teal) 9%, transparent);--result-kpi-color: #0e7490}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(6){--result-kpi-border: color-mix(in srgb, var(--chart-neutral) 30%, var(--color-border));--result-kpi-bg: color-mix(in srgb, var(--chart-neutral) 8%, transparent);--result-kpi-color: var(--chart-neutral)}.taalroute_live_app[data-live-context=teacher]{--control-font-size-xs: .6875rem;--control-font-size-sm: .75rem;--control-font-size-base: .8125rem;--control-font-size-lg: .875rem;--control-font-size-xl: 1rem;--control-font-size-2xl: 1.25rem;--control-label-weight: 560;--control-value-weight: 650;--control-heading-weight: 680;--control-card-padding: 14px;--control-row-gap: 10px}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page){color:var(--color-heading);font-size:var(--control-font-size-base);line-height:1.45}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(.page-header,.ui-page-header){gap:8px}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(.page-header h1,.ui-page-header h1){font-size:clamp(1.55rem,2.5vw,2.15rem);font-weight:var(--control-heading-weight);line-height:1.08;letter-spacing:0}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(.page-header p,.ui-page-header p){color:var(--color-muted);font-size:var(--control-font-size-lg);font-weight:400;line-height:1.35}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(.eyebrow,.card-kicker,.quiz-selection-step,.quiz-preview-kicker,.results-card-kicker,.profile-kicker,.theme-route-kicker){color:#536173;font-size:var(--control-font-size-sm);font-weight:620;letter-spacing:.02em;line-height:1.25;text-transform:uppercase}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(h2,.quick-route-card__top h2,.profile-overview-card h2,.profile-links-card h2,.quiz-preview-summary h2,.quiz-preview-metadata h2,.results-card-header h2,.results-dashboard-title h2){color:#111827;font-size:var(--control-font-size-xl);font-weight:var(--control-heading-weight);line-height:1.18}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(h3,.quick-quiz-card strong,.profile-metric-card strong,.quiz-preview-metrics dd,.quiz-preview-metadata dd,.quiz-route-summary__list dd,.results-session-list dd,.results-mini-list dd,.results-participant-item dd){color:#111827;font-size:var(--control-font-size-lg);font-weight:var(--control-value-weight);line-height:1.25}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(p,small,.quick-route-card__top p,.quick-quiz-card small,.profile-metric-card p,.profile-metric-card__meta,.results-session-card p,.results-question-card p,.results-advice-card p){color:var(--color-muted);font-size:var(--control-font-size-base);font-weight:400;line-height:1.42}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(dt,.quick-select-field span,.quick-focus-panel .quiz-selection-step,.quick-play-chooser__header .quiz-selection-step,.profile-metric-card span,.results-session-list dt,.results-mini-list dt,.results-participant-item dt,.quiz-preview-metrics dt,.quiz-preview-metadata dt,.quiz-route-summary__list dt){color:#647084;font-size:var(--control-font-size-sm);font-weight:var(--control-label-weight);letter-spacing:.02em;line-height:1.25;text-transform:uppercase}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(.ui-badge,.ui-status-pill,.quick-quiz-card span,.route-line span,.results-dashboard-status span,.results-advice-status,.visual-route-point__status){min-height:24px;border-color:#d8e1eb;padding:4px 8px;background:#f4f8fc;color:#315f9e;font-size:var(--control-font-size-sm);font-weight:620;letter-spacing:0;line-height:1;text-transform:none}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(.button,.ui-button){min-height:36px;border-radius:var(--control-radius-md);padding-inline:14px;font-size:var(--control-font-size-base);font-weight:620;line-height:1}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(.quick-route-card--play,.quick-focus-panel,.quick-quiz-card,.profile-metric-card,.profile-overview-card,.profile-links-card,.profile-empty-card,.quiz-preview-summary,.quiz-preview-metadata,.quiz-preview-learning-goal,.quiz-preview-actions-card,.quiz-preview-questions,.quiz-preview-question,.results-dashboard-card,.results-score-panel,.results-donut-panel,.results-insight-tile,.results-advice-card--compact){gap:var(--control-row-gap);border:1px solid #d8e1eb;border-radius:var(--control-radius-panel);padding:var(--control-card-padding);background:#fff;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] :where(.settings-page,.profile-page,.quiz-selection-page,.theme-route-page,.quiz-preview-page,.results-page) :where(.quick-route-card--play,.quiz-preview-summary,.quiz-preview-metadata,.quiz-preview-learning-goal,.profile-overview-card,.results-dashboard-card){border-left:3px solid var(--control-card-accent, var(--color-primary))}.taalroute_live_app[data-live-context=teacher] .quick-route-card--play{padding:16px;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .quick-route-card--play:before{display:none}.taalroute_live_app[data-live-context=teacher] .quick-route-card__top{grid-template-columns:40px minmax(0,1fr);gap:10px}.taalroute_live_app[data-live-context=teacher] .method-logo-slot{width:38px;height:38px;border-style:solid;font-size:var(--control-font-size-base);font-weight:650}.taalroute_live_app[data-live-context=teacher] .method-logo-slot svg{width:19px;height:19px}.taalroute_live_app[data-live-context=teacher] :where(.quick-select-field select,.quick-focus-chip){min-height:34px;font-size:var(--control-font-size-base);font-weight:500}.taalroute_live_app[data-live-context=teacher] .quick-focus-panel{grid-template-columns:minmax(120px,.22fr) minmax(0,1fr);padding:10px;background:#f8fbfe}.taalroute_live_app[data-live-context=teacher] .quick-focus-panel strong{font-size:var(--control-font-size-lg);font-weight:var(--control-value-weight)}.taalroute_live_app[data-live-context=teacher] .quick-focus-chip--selected{background:var(--color-primary);color:var(--color-on-primary);font-weight:620}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card{min-height:86px;padding:12px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-badges{gap:8px}.taalroute_live_app[data-live-context=teacher] :where(.quiz-preview-metrics,.quiz-preview-metadata__list,.quiz-route-summary__list,.results-session-list,.results-mini-list){gap:12px}.taalroute_live_app[data-live-context=teacher] :where(.quiz-preview-metrics div,.quiz-preview-metadata__list div,.quiz-route-summary__list div){border-top:1px solid #e5ebf2;padding-top:10px}.taalroute_live_app[data-live-context=teacher] .results-score-panel .results-card-header h3,.taalroute_live_app[data-live-context=teacher] .results-score,.taalroute_live_app[data-live-context=teacher] .results-donut strong{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:680}.taalroute_live_app[data-live-context=teacher] .results-dashboard-card,.taalroute_live_app[data-live-context=teacher] .results-participants-card,.taalroute_live_app[data-live-context=teacher] .results-teacher-report-card{border:1px solid #d8e1eb;border-left:1px solid #d8e1eb;border-radius:var(--control-radius-panel);background:#fff;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .results-dashboard-card{gap:14px;padding:16px}.taalroute_live_app[data-live-context=teacher] .results-dashboard-icon,.taalroute_live_app[data-live-context=teacher] .results-decision-icon{border-color:#d8e6f3;background:#eef7ff;color:var(--color-primary)}.taalroute_live_app[data-live-context=teacher] .results-dashboard-icon svg,.taalroute_live_app[data-live-context=teacher] .results-decision-icon svg,.taalroute_live_app[data-live-context=teacher] .results-next-step svg,.taalroute_live_app[data-live-context=teacher] .results-advice-status svg{width:18px;height:18px;stroke-width:2.1}.taalroute_live_app[data-live-context=teacher] .results-dashboard-layout{grid-template-columns:minmax(320px,1fr) minmax(280px,.78fr) minmax(240px,.52fr);gap:12px}.taalroute_live_app[data-live-context=teacher] .results-score-panel,.taalroute_live_app[data-live-context=teacher] .results-decision-panel,.taalroute_live_app[data-live-context=teacher] .results-donut-panel{border:1px solid #d8e1eb;border-radius:var(--control-radius-panel);padding:14px;background:#fff;box-shadow:none}.taalroute_live_app[data-live-context=teacher] .results-score-panel .results-card-header h3{color:var(--chart-complete-deep);font-size:clamp(1.65rem,3.4vw,2.35rem)}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div,.taalroute_live_app[data-live-context=teacher] .results-donut-legend div,.taalroute_live_app[data-live-context=teacher] .results-secondary-summary div{border:1px solid #e2e8f0;border-radius:var(--control-radius-md);background:#f8fbfe}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(1) dd,.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(5) dd,.taalroute_live_app[data-live-context=teacher] .results-donut-legend div:nth-child(1) dd,.taalroute_live_app[data-live-context=teacher] .results-secondary-summary div:nth-child(1) dd{color:var(--color-primary-deep)}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(2) dd,.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(3) dd,.taalroute_live_app[data-live-context=teacher] .results-secondary-summary div:nth-child(2) dd,.taalroute_live_app[data-live-context=teacher] .results-secondary-summary div:nth-child(4) dd{color:var(--chart-complete-deep)}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(4) dd{color:var(--chart-danger-deep)}.taalroute_live_app[data-live-context=teacher] .results-kpi-grid div:nth-child(6) dd,.taalroute_live_app[data-live-context=teacher] .results-donut-legend div:nth-child(2) dd,.taalroute_live_app[data-live-context=teacher] .results-secondary-summary div:nth-child(3) dd{color:var(--chart-warning-deep)}.taalroute_live_app[data-live-context=teacher] .results-decision-header h3{font-size:var(--control-font-size-lg);font-weight:var(--control-heading-weight)}.taalroute_live_app[data-live-context=teacher] .results-next-step,.taalroute_live_app[data-live-context=teacher] .results-analysis-actions{border-color:#d8e6f3;background:#f8fbfe}.taalroute_live_app[data-live-context=teacher] .results-next-step>span{background:#eef7ff;color:var(--color-primary)}.taalroute_live_app[data-live-context=teacher] .results-donut{width:96px;height:96px;background:radial-gradient(circle,#ffffff 0 58%,transparent 59%),conic-gradient(var(--color-primary) 0 var(--answered),#e5ebf2 var(--answered) 100%);box-shadow:inset 0 0 0 1px #d8e1eb}.taalroute_live_app[data-live-context=teacher] .results-donut strong{color:var(--color-primary-deep);font-size:1.2rem}.taalroute_live_app[data-live-context=teacher] .results-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.taalroute_live_app[data-live-context=teacher] .results-insight-tile,.taalroute_live_app[data-live-context=teacher] .results-advice-card--compact{border:1px solid #d8e1eb;border-left:0;background:#fff;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .results-insight-tile--hard h2{color:var(--chart-warning-deep)}.taalroute_live_app[data-live-context=teacher] .results-insight-tile--best h2{color:var(--chart-complete-deep)}.taalroute_live_app[data-live-context=teacher] .results-advice-status{width:32px;height:32px;border:1px solid #f3d38b;border-radius:var(--control-radius-md);background:#fff7e6;color:var(--chart-warning-deep)}.taalroute_live_app[data-live-context=teacher] .results-participants-card{gap:12px;padding:16px}.taalroute_live_app[data-live-context=teacher] .results-secondary-summary{gap:8px}.taalroute_live_app[data-live-context=teacher] .results-participant-list--compact{gap:6px}.taalroute_live_app[data-live-context=teacher] .results-participant-item{border:1px solid #e2e8f0;border-radius:var(--control-radius-md);background:#fff}.taalroute_live_app[data-live-context=teacher] .results-participant-item:hover{background:#f8fbfe}.taalroute_live_app[data-live-context=teacher] .results-participant-rank{border-radius:var(--control-radius-md);background:#eef7ff;color:var(--color-primary-deep);box-shadow:none}.taalroute_live_app[data-live-context=teacher] .results-teacher-report-card{gap:14px;padding:16px}.taalroute_live_app[data-live-context=teacher] .results-analysis-summary{border-bottom-color:#e2e8f0}@media(max-width:1040px){.taalroute_live_app[data-live-context=teacher] .results-dashboard-layout,.taalroute_live_app[data-live-context=teacher] .results-insight-grid{grid-template-columns:1fr}}@media(max-width:860px){.taalroute_live_app[data-live-context=teacher] .results-kpi-grid,.taalroute_live_app[data-live-context=teacher] .results-secondary-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.taalroute_live_app[data-live-context=teacher] .results-participant-item--compact{grid-template-columns:34px minmax(0,1fr) auto}.taalroute_live_app[data-live-context=teacher] .results-participant-item--compact dl{grid-column:1 / -1}.taalroute_live_app[data-live-context=teacher] .results-analysis-summary{grid-template-columns:1fr}}.taalroute_live_app[data-live-context=teacher] .quiz-preview-page{margin-inline:calc(var(--layout-gutter) * -.35);border-radius:var(--control-radius-lg);padding:clamp(18px,3vw,30px);background:linear-gradient(180deg,#f4f9fe,#eef5fb)}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary{overflow:hidden;border:1px solid #d8e6f3;border-left:0;border-radius:var(--control-radius-lg);padding:clamp(16px,2.2vw,22px);background:#fff;box-shadow:0 10px 28px #14416914}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--color-primary)}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary__main{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(260px,330px);gap:16px;align-items:start}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary__icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 24%,#d8e1eb);border-radius:var(--control-radius-md);background:color-mix(in srgb,var(--color-primary) 8%,#ffffff);color:var(--color-primary-deep)}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary__icon svg{width:22px;height:22px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary__copy{display:grid;min-width:0;gap:10px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary__top{align-items:start}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary h2{font-size:clamp(1.2rem,2vw,1.55rem);font-weight:720}.taalroute_live_app[data-live-context=teacher] .quiz-preview-badges{gap:7px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-badges .ui-badge{min-height:24px;border-color:#d8e1eb;background:#f4f8fc;color:#315f9e;font-size:.72rem;font-weight:620}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metrics div{border-top:1px solid #e5ebf2;padding-top:9px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metrics dt{display:inline-flex;gap:5px;align-items:center;color:#647084;font-size:.7rem;font-weight:620;text-transform:uppercase}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metrics dt svg{width:14px;height:14px;color:#5f8fc8}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metrics dd{color:#111827;font-size:.92rem;font-weight:680}.taalroute_live_app[data-live-context=teacher] .quiz-preview-start-panel{display:grid;gap:8px;border:1px solid #d8e1eb;border-radius:var(--control-radius-panel);padding:12px;background:#f8fbfe}.taalroute_live_app[data-live-context=teacher] .quiz-preview-start-panel strong{color:#111827;font-size:.94rem;font-weight:680}.taalroute_live_app[data-live-context=teacher] .quiz-preview-start-panel>span{color:#647084;font-size:.78rem;line-height:1.3}.taalroute_live_app[data-live-context=teacher] .quiz-preview-start-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-start-actions .ui-button{width:100%}.taalroute_live_app[data-live-context=teacher] .quiz-preview-layout{grid-template-columns:1fr;gap:14px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-main{gap:14px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata,.taalroute_live_app[data-live-context=teacher] .quiz-preview-learning-goal{border-color:#d8e1eb;border-left:0;border-radius:var(--control-radius-panel);padding:14px;background:#fff;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .quiz-preview-card-heading{display:grid;gap:3px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-group{display:grid;gap:10px;border:1px solid #e5ebf2;border-radius:var(--control-radius-md);padding:12px;background:#fbfdff}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-group__header{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-group__icon{display:grid;width:30px;height:30px;place-items:center;border-radius:var(--control-radius-md);background:color-mix(in srgb,var(--color-primary) 8%,#ffffff);color:var(--color-primary-deep)}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-group__icon svg{width:16px;height:16px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-group h3{margin:0;color:#111827;font-size:.9rem;font-weight:680}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-group dl{display:grid;gap:7px;margin:0}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-group dl div{display:grid;gap:2px;border-top:1px solid #eef2f7;padding-top:7px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-group dt{color:#647084;font-size:.68rem;font-weight:620;letter-spacing:.02em;line-height:1;text-transform:uppercase}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-group dd{margin:0;color:#111827;font-size:.82rem;font-weight:560;line-height:1.25}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser{border:1px solid #d8e1eb;border-left:0;border-radius:var(--control-radius-panel);padding:14px;background:#fff;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__header{align-items:center;border-bottom:1px solid #e5ebf2;padding-bottom:10px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__summary{gap:6px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__summary span{border-color:#d8e1eb;background:#f4f8fc;color:#536173;font-size:.7rem;font-weight:620}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__tools{gap:10px;align-items:end}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-search{color:#647084;font-size:.68rem;font-weight:620;letter-spacing:.02em}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-search input{min-height:34px;border-color:#d8e1eb;border-radius:var(--control-radius-md);color:#111827;font-size:.82rem;font-weight:520}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-filter__button,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-range{min-height:32px;border-color:#d8e1eb;border-radius:var(--control-radius-md);background:#fff;color:#315f9e;font-size:.72rem;font-weight:620}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-filter__button--active,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-range--active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-ranges{border-top:1px solid #eef2f7;padding-top:10px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__body{grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:14px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-index{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 140px);overflow:auto;padding:2px 4px 2px 2px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-index__button{grid-template-columns:32px minmax(0,1fr);border-color:#e1e8f0;border-radius:var(--control-radius-md);padding:6px;background:#fbfdff}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-index__button span{width:28px;height:28px;border-radius:var(--control-radius-md);font-size:.78rem;font-weight:720}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-index__button small{color:#647084;font-size:.68rem;font-weight:620}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-index__button--active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 4%,#ffffff);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question--selected{border-color:#d8e1eb;border-left:3px solid var(--color-primary);border-radius:var(--control-radius-panel);padding:14px;background:#fff;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question__header{align-items:center}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question__status{color:#647084;font-size:.7rem;font-weight:620}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question h3{margin:0;color:#111827;font-size:clamp(1.05rem,1.8vw,1.28rem);font-weight:720;line-height:1.2}.taalroute_live_app[data-live-context=teacher] .quiz-preview-options{gap:8px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option{min-height:46px;border-color:#d8e1eb;border-radius:var(--control-radius-md);padding:8px 10px;background:#fbfdff;color:#111827;font-size:.84rem;font-weight:500}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option__label{width:26px;height:26px;border-radius:var(--control-radius-md);background:#eef5fb;color:#315f9e;font-size:.72rem;font-weight:720}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option--correct{border-color:color-mix(in srgb,var(--color-success) 34%,#d8e1eb);background:color-mix(in srgb,var(--color-success) 7%,#ffffff)}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option strong{background:color-mix(in srgb,var(--color-success) 14%,#ffffff);color:var(--color-success-deep);font-size:.68rem;font-weight:720}.taalroute_live_app[data-live-context=teacher] .quiz-preview-explanation{border-left:3px solid var(--color-primary);border-radius:var(--control-radius-md);padding:10px 12px;background:#eef7ff;color:#536173;font-size:.82rem;line-height:1.35}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question__actions{gap:8px;border-top-color:#e5ebf2;padding-top:10px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question__actions .ui-button{min-height:34px}@media(max-width:980px){.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary__main,.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-grid,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__body{grid-template-columns:1fr}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary__icon{display:none}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-index{position:static;display:flex;max-height:none;overflow-x:auto;padding-bottom:4px}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-index__button{min-width:116px}}@media(max-width:620px){.taalroute_live_app[data-live-context=teacher] .quiz-preview-metrics,.taalroute_live_app[data-live-context=teacher] .quiz-preview-start-actions{grid-template-columns:1fr}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__header,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__tools,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question__actions{align-items:stretch;flex-direction:column}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-filter,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-ranges,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question__actions .ui-button{width:100%}}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,auto);gap:12px;align-items:center;padding-top:2px}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__heading{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__selected{display:inline-flex;min-width:0;gap:10px;align-items:center;justify-content:flex-end}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__selected>div{display:grid;min-width:0;gap:2px;text-align:right}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__selected>div>span{color:#647084;font-size:.68rem;font-weight:620;letter-spacing:.02em;line-height:1;text-transform:uppercase}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__selected strong{overflow:hidden;max-width:28ch;color:#111827;font-size:.82rem;font-weight:680;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__selected .ui-button{min-height:34px;white-space:nowrap}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__selected .ui-button--primary{color:var(--color-on-primary)}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;gap:10px;align-items:start;min-height:112px;padding:12px}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__icon{display:grid;width:34px;min-width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--quick-quiz-accent) 24%,#d8e1eb);border-radius:var(--control-radius-md);padding:0;background:color-mix(in srgb,var(--quick-quiz-accent) 8%,#ffffff);color:var(--quick-quiz-text)}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__icon svg{width:18px;height:18px}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__content{display:grid;min-width:0;gap:7px;padding:0;background:transparent}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__eyebrow{width:fit-content;min-height:22px;border:1px solid #d8e1eb;border-radius:var(--control-radius-md);padding:4px 7px;background:#f4f8fc;color:#315f9e;font-size:.7rem;font-weight:620;line-height:1}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card strong{color:#111827;font-size:.9rem;font-weight:680;line-height:1.2}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__use{display:block;padding:0;background:transparent;color:#647084;font-size:.78rem;font-weight:500;letter-spacing:0;line-height:1.3}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__meta{display:flex;flex-wrap:wrap;gap:8px 12px;min-height:0;padding:0;background:transparent}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__meta small{display:inline-flex;gap:4px;align-items:center;color:#647084;font-size:.76rem;font-weight:500;line-height:1}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__meta svg{width:14px;height:14px;color:#5f8fc8}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__content>small{display:none}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__state{display:grid;width:22px;min-width:22px;height:22px;place-items:center;padding:0;background:transparent;color:var(--color-primary);opacity:0}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card__state svg{width:18px;height:18px}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card--selected .quick-quiz-card__state{opacity:1}.taalroute_live_app[data-live-context=teacher] .quick-quiz-card--selected .quick-quiz-card__icon{border-color:color-mix(in srgb,var(--color-primary) 34%,#d8e1eb);background:color-mix(in srgb,var(--color-primary) 10%,#ffffff);color:var(--color-primary-deep)}@media(max-width:980px){.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__header{grid-template-columns:1fr}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__selected{justify-content:space-between}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__selected>div{text-align:left}.taalroute_live_app[data-live-context=teacher] .quick-quiz-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__selected{align-items:stretch;flex-direction:column}.taalroute_live_app[data-live-context=teacher] .quick-play-chooser__selected .ui-button{width:100%}.taalroute_live_app[data-live-context=teacher] .quick-quiz-list{grid-template-columns:1fr}}.taalroute_live_app[data-live-context=teacher] .theme-route-page{margin-inline:calc(var(--layout-gutter) * -.35);border-radius:var(--control-radius-lg);padding:clamp(18px,3vw,30px);background:linear-gradient(180deg,#f4f9fe,#eef5fb)}.taalroute_live_app[data-live-context=teacher] .visual-route-shell{--control-card-accent: var(--color-primary);--control-card-accent-deep: var(--color-primary-deep);gap:clamp(16px,2.2vw,24px);overflow:hidden;border:1px solid #d8e6f3;border-left:0;border-radius:var(--control-radius-lg);padding:clamp(18px,2.4vw,28px);background:#fff;box-shadow:0 10px 28px #14416914}.taalroute_live_app[data-live-context=teacher] .visual-route-shell:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--color-primary)}.taalroute_live_app[data-live-context=teacher] .visual-route-hero{align-items:center;border-bottom:1px solid #e5ebf2;padding-bottom:14px}.taalroute_live_app[data-live-context=teacher] .visual-route-hero h2{color:#111827;font-size:1.02rem;font-weight:680}.taalroute_live_app[data-live-context=teacher] .visual-route-hero p{color:#647084;font-size:.82rem;font-weight:400}.taalroute_live_app[data-live-context=teacher] .theme-route-kicker{border-color:#d8e1eb;border-radius:var(--control-radius-md);background:#f4f8fc;color:#315f9e;font-size:.72rem;font-weight:620;letter-spacing:.02em}.taalroute_live_app[data-live-context=teacher] .visual-route-path{--route-line-color: #d8e6f3;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:6px 0 2px}.taalroute_live_app[data-live-context=teacher] .visual-route-path:before{top:35px;right:6%;left:6%;height:2px;background:var(--route-line-color)}.taalroute_live_app[data-live-context=teacher] .visual-route-point{--route-point-accent: #94a3b8;--route-point-strong: #475569;--route-point-text: #475569;--route-point-soft: #f8fafc;display:grid;min-height:154px;gap:10px;align-content:start;border-color:#d8e1eb;border-radius:var(--control-radius-panel);padding:12px;background:#fff;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .visual-route-point--active{--route-point-accent: var(--color-primary);--route-point-strong: var(--color-primary-deep);--route-point-text: var(--color-primary-deep);--route-point-soft: color-mix(in srgb, var(--color-primary) 8%, #ffffff);border-color:color-mix(in srgb,var(--color-primary) 44%,#d8e1eb);background:color-mix(in srgb,var(--color-primary) 3%,#ffffff);box-shadow:0 8px 20px #14416914}.taalroute_live_app[data-live-context=teacher] .visual-route-point--final{--route-point-accent: var(--chart-warning);--route-point-strong: var(--chart-warning-deep);--route-point-text: var(--chart-warning-deep);--route-point-soft: color-mix(in srgb, var(--chart-warning) 8%, #ffffff)}.taalroute_live_app[data-live-context=teacher] .visual-route-point:hover,.taalroute_live_app[data-live-context=teacher] .visual-route-point:focus-visible{border-color:color-mix(in srgb,var(--route-point-accent) 34%,#d8e1eb);box-shadow:0 8px 20px #14416917;transform:translateY(-1px)}.taalroute_live_app[data-live-context=teacher] .visual-route-point__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.taalroute_live_app[data-live-context=teacher] .visual-route-point__marker{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--route-point-accent) 30%,#d8e1eb);background:var(--route-point-soft);box-shadow:none;color:var(--route-point-strong);font-size:.86rem;font-weight:720}.taalroute_live_app[data-live-context=teacher] .visual-route-point__icon{display:grid;width:30px;height:30px;place-items:center;border-radius:var(--control-radius-md);background:var(--route-point-soft);color:var(--route-point-strong)}.taalroute_live_app[data-live-context=teacher] .visual-route-point__icon svg{width:16px;height:16px}.taalroute_live_app[data-live-context=teacher] .visual-route-point__copy{gap:7px}.taalroute_live_app[data-live-context=teacher] .visual-route-point__copy strong{color:#111827;font-size:.95rem;font-weight:680;line-height:1.18}.taalroute_live_app[data-live-context=teacher] .visual-route-point__status{width:fit-content;min-height:22px;border:1px solid color-mix(in srgb,var(--route-point-accent) 24%,#d8e1eb);border-radius:var(--control-radius-md);padding:4px 7px;background:var(--route-point-soft);color:var(--route-point-text);font-size:.7rem;font-weight:620;line-height:1;text-transform:none}.taalroute_live_app[data-live-context=teacher] .visual-route-point__use{color:#647084;font-size:.76rem;font-weight:500;line-height:1.3}.taalroute_live_app[data-live-context=teacher] .visual-route-point__copy>span:last-child{color:#647084;font-size:.76rem;font-weight:500;line-height:1.25}.taalroute_live_app[data-live-context=teacher] .visual-route-point__meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:#647084}.taalroute_live_app[data-live-context=teacher] .visual-route-point__meta small{display:inline-flex;gap:4px;align-items:center;font-size:.74rem;font-weight:500;line-height:1}.taalroute_live_app[data-live-context=teacher] .visual-route-point__meta svg{width:14px;height:14px;color:#5f8fc8}.taalroute_live_app[data-live-context=teacher] .theme-route-book-card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;align-items:center;border:1px solid #d8e1eb;border-radius:var(--control-radius-panel);padding:14px;background:linear-gradient(135deg,rgb(0 144 242 / 5%),transparent 62%),#fff;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .theme-route-book-cover{position:relative;overflow:hidden;display:grid;aspect-ratio:3 / 4;align-content:space-between;border:1px solid color-mix(in srgb,var(--color-primary) 22%,#d8e1eb);border-radius:var(--control-radius-md);padding:12px;background:linear-gradient(145deg,rgb(255 255 255 / 12%) 0 18%,transparent 19%),linear-gradient(160deg,#0090f2,#087fd3 58%,#005fa8);color:#fff;box-shadow:0 12px 22px #14416924}.taalroute_live_app[data-live-context=teacher] .theme-route-book-cover:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:#ffffff2e}.taalroute_live_app[data-live-context=teacher] .theme-route-book-cover span,.taalroute_live_app[data-live-context=teacher] .theme-route-book-cover small{position:relative;z-index:1;font-size:.68rem;font-weight:680;letter-spacing:.04em;line-height:1.1;text-transform:uppercase}.taalroute_live_app[data-live-context=teacher] .theme-route-book-cover strong{position:relative;z-index:1;max-width:9ch;font-size:1rem;font-weight:760;line-height:1.05}.taalroute_live_app[data-live-context=teacher] .theme-route-book-copy{display:grid;min-width:0;gap:8px}.taalroute_live_app[data-live-context=teacher] .theme-route-book-copy h3{margin:0;color:#111827;font-size:1rem;font-weight:680;line-height:1.18}.taalroute_live_app[data-live-context=teacher] .theme-route-book-copy p{margin:0;color:#647084;font-size:.84rem;font-weight:400;line-height:1.3}.taalroute_live_app[data-live-context=teacher] .theme-route-book-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 0}.taalroute_live_app[data-live-context=teacher] .theme-route-book-stats div{display:grid;gap:4px;border-top:1px solid #e5ebf2;padding-top:8px}.taalroute_live_app[data-live-context=teacher] .theme-route-book-stats dt{color:#647084;font-size:.68rem;font-weight:620;letter-spacing:.02em;line-height:1;text-transform:uppercase}.taalroute_live_app[data-live-context=teacher] .theme-route-book-stats dd{margin:0;color:#111827;font-size:.9rem;font-weight:680;line-height:1.1}.taalroute_live_app[data-live-context=teacher] .theme-route-details{border-color:#d8e1eb;border-radius:var(--control-radius-panel);background:#fff;box-shadow:0 1px 2px #0f172a0a}.taalroute_live_app[data-live-context=teacher] .theme-route-details summary{min-height:36px;color:#315f9e;font-size:.82rem;font-weight:650}.taalroute_live_app[data-live-context=teacher] .theme-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px 12px}.taalroute_live_app[data-live-context=teacher] .theme-detail-item{gap:12px;border-color:#d8e1eb;border-radius:var(--control-radius-panel);padding:14px;background:#fff;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .theme-detail-item__header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.taalroute_live_app[data-live-context=teacher] .theme-detail-item__icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 22%,#d8e1eb);border-radius:var(--control-radius-md);background:color-mix(in srgb,var(--color-primary) 8%,#ffffff);color:var(--color-primary-deep)}.taalroute_live_app[data-live-context=teacher] .theme-detail-item__icon svg{width:19px;height:19px}.taalroute_live_app[data-live-context=teacher] .theme-detail-item__count{display:inline-flex;width:fit-content;min-height:22px;align-items:center;border:1px solid #d8e1eb;border-radius:var(--control-radius-md);padding:4px 7px;background:#f4f8fc;color:#315f9e;font-size:.68rem;font-weight:620;line-height:1}.taalroute_live_app[data-live-context=teacher] .theme-detail-item h3{margin:7px 0 0;color:#111827;font-size:.98rem;font-weight:680;line-height:1.18}.taalroute_live_app[data-live-context=teacher] .theme-detail-item p{margin:5px 0 0;color:#647084;font-size:.82rem;font-weight:400;line-height:1.32}.taalroute_live_app[data-live-context=teacher] .theme-goal-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.taalroute_live_app[data-live-context=teacher] .theme-goal-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;border-top:1px solid #eef2f7;padding-top:8px;color:#475569;font-size:.82rem;font-weight:500;line-height:1.32}.taalroute_live_app[data-live-context=teacher] .theme-goal-list svg{width:16px;height:16px;color:var(--color-primary)}.taalroute_live_app[data-live-context=teacher] .theme-extra-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 12px 12px}.taalroute_live_app[data-live-context=teacher] .theme-extra-list a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;min-height:112px;border-color:#d8e1eb;border-radius:var(--control-radius-panel);padding:14px;background:#fff;box-shadow:0 1px 2px #0f172a0d}.taalroute_live_app[data-live-context=teacher] .theme-extra-list a:hover,.taalroute_live_app[data-live-context=teacher] .theme-extra-list a:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 34%,#d8e1eb);box-shadow:0 8px 20px #14416917;transform:translateY(-1px)}.taalroute_live_app[data-live-context=teacher] .theme-extra-card__icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--control-accent-violet) 24%,#d8e1eb);border-radius:var(--control-radius-md);background:color-mix(in srgb,var(--control-accent-violet) 8%,#ffffff);color:#5b21b6}.taalroute_live_app[data-live-context=teacher] .theme-extra-card__icon svg{width:19px;height:19px}.taalroute_live_app[data-live-context=teacher] .theme-extra-card__body{display:grid;min-width:0;gap:8px}.taalroute_live_app[data-live-context=teacher] .theme-extra-card__body strong{color:#111827;font-size:.95rem;font-weight:680;line-height:1.18}.taalroute_live_app[data-live-context=teacher] .theme-extra-card__body>span:not(.theme-extra-card__meta){width:fit-content;min-height:22px;border:1px solid #d8e1eb;border-radius:var(--control-radius-md);padding:4px 7px;background:#f4f8fc;color:#315f9e;font-size:.7rem;font-weight:620;line-height:1}.taalroute_live_app[data-live-context=teacher] .theme-extra-card__meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:#647084}.taalroute_live_app[data-live-context=teacher] .theme-extra-card__meta small{display:inline-flex;gap:4px;align-items:center;color:#647084;font-size:.74rem;font-weight:500;line-height:1}.taalroute_live_app[data-live-context=teacher] .theme-extra-card__meta svg{width:14px;height:14px;color:#5f8fc8}.taalroute_live_app[data-live-context=teacher] .theme-extra-card__action{align-self:center;border:1px solid color-mix(in srgb,var(--color-primary) 24%,#d8e1eb);border-radius:var(--control-radius-md);padding:6px 10px;background:color-mix(in srgb,var(--color-primary) 7%,#ffffff);color:var(--color-primary-deep);font-size:.76rem;font-weight:650;line-height:1}@media(max-width:620px){.taalroute_live_app[data-live-context=teacher] .visual-route-path{grid-template-columns:1fr;padding-left:10px}.taalroute_live_app[data-live-context=teacher] .visual-route-path:before{top:20px;bottom:20px;left:26px;width:2px;height:auto}.taalroute_live_app[data-live-context=teacher] .visual-route-point{min-height:120px}.taalroute_live_app[data-live-context=teacher] .theme-route-book-card{grid-template-columns:90px minmax(0,1fr);gap:12px}.taalroute_live_app[data-live-context=teacher] .theme-route-book-stats,.taalroute_live_app[data-live-context=teacher] .theme-detail-list,.taalroute_live_app[data-live-context=teacher] .theme-extra-list{grid-template-columns:1fr}.taalroute_live_app[data-live-context=teacher] .theme-extra-list a{grid-template-columns:38px minmax(0,1fr)}.taalroute_live_app[data-live-context=teacher] .theme-extra-card__action{grid-column:2;justify-self:start}}.taalroute_live_app[data-live-context=teacher]:has(.home-page--landing) .topbar__inner{grid-template-columns:auto minmax(0,1fr);border-color:#d8e6f3db;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.public-landing-nav{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.public-landing-nav .button{min-height:38px;border-radius:var(--control-radius-md);padding-inline:14px;font-size:.82rem;font-weight:650}.home-page--landing{gap:clamp(18px,3vw,34px);align-content:start;padding-top:clamp(26px,5vh,54px)}.home-page--landing .public-hero{display:grid;min-height:clamp(390px,58vh,570px);align-items:center;padding:clamp(22px,5vw,62px) 0}.public-hero__content{display:grid;max-width:760px;gap:14px;color:var(--color-hero-text)}.home-page--landing .eyebrow{margin:0;color:var(--color-hero-text);font-size:clamp(.78rem,1.4vw,.95rem);font-weight:720;letter-spacing:.04em;text-shadow:0 2px 14px rgb(0 0 0 / 22%)}.home-page--landing h1{max-width:760px;color:var(--color-hero-text);font-size:clamp(2.35rem,6.4vw,5.05rem);font-weight:820;line-height:.95;text-shadow:0 3px 18px rgb(0 0 0 / 24%)}.home-page--landing .hero-copy{max-width:58ch;margin:0;color:#ffffffe5;font-size:clamp(1rem,2vw,1.22rem);font-weight:450;line-height:1.45;text-shadow:0 2px 14px rgb(0 0 0 / 24%)}.home-page--landing .hero-actions{margin-top:8px}.home-page--landing .button--hero{min-height:48px;border-radius:var(--control-radius-md);padding-inline:18px;font-size:.96rem;font-weight:720}.public-flow,.public-feature-grid{border:1px solid #d8e1eb;border-radius:var(--control-radius-panel);background:#fffffff0;box-shadow:0 10px 28px #14416914}.public-flow{display:grid;gap:18px;padding:clamp(18px,3vw,26px)}.public-section-header{display:grid;gap:6px}.public-section-header .eyebrow{color:#536173;font-size:.76rem;font-weight:650;letter-spacing:.02em;text-shadow:none;text-transform:uppercase}.public-section-header h2{color:#111827;font-size:clamp(1.35rem,2.6vw,2.1rem);font-weight:720;line-height:1.08}.public-flow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.public-flow-step{display:grid;grid-template-columns:auto 42px minmax(0,1fr);gap:12px;align-items:start;border:1px solid #d8e1eb;border-radius:var(--control-radius-panel);padding:14px;background:#fff}.public-flow-step__number,.public-flow-step__icon,.public-feature-card__icon{display:grid;place-items:center;border-radius:var(--control-radius-md)}.public-flow-step__number{width:28px;height:28px;background:#eef7ff;color:var(--color-primary-deep);font-size:.78rem;font-weight:760}.public-flow-step__icon,.public-feature-card__icon{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--color-primary) 22%,#d8e1eb);background:color-mix(in srgb,var(--color-primary) 8%,#ffffff);color:var(--color-primary)}.public-flow-step svg,.public-feature-card svg{width:20px;height:20px;stroke-width:2.1}.public-flow-step h3,.public-feature-card h3{margin:0;color:#111827;font-size:.98rem;font-weight:720;line-height:1.18}.public-flow-step p,.public-feature-card p{margin:5px 0 0;color:#647084;font-size:.86rem;font-weight:400;line-height:1.4}.public-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden}.public-feature-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:clamp(16px,2.5vw,22px)}.public-feature-card+.public-feature-card{border-left:1px solid #e2e8f0}@media(max-width:900px){.taalroute_live_app[data-live-context=teacher]:has(.home-page--landing) .topbar__inner{grid-template-columns:1fr}.public-landing-nav{justify-content:flex-start}.public-flow-list,.public-feature-grid{grid-template-columns:1fr}.public-feature-card+.public-feature-card{border-top:1px solid #e2e8f0;border-left:0}}@media(max-width:560px){.home-page--landing h1{font-size:clamp(2.05rem,12.5vw,3.2rem)}.home-page--landing .hero-actions,.public-landing-nav{display:grid;width:100%}.home-page--landing .button--hero,.public-landing-nav .button{width:100%;justify-content:center}.public-flow-step,.public-feature-card{grid-template-columns:38px minmax(0,1fr)}.public-flow-step__number{display:none}}@media(max-width:520px){.taalroute_live_app[data-live-context=participant] .participant-shell__main{width:100%;padding-inline:12px}.taalroute_live_app[data-live-context=participant] :where(.participant-card,.participant-question-card,.participant-play-card,.participant-state-panel){width:min(100%,calc(100vw - 40px));max-width:calc(100vw - 40px)}.taalroute_live_app[data-live-context=participant] .participant-play-status{grid-template-columns:minmax(0,1fr)}.taalroute_live_app[data-live-context=participant] .participant-play-status .ui-status-pill{justify-self:start}}.route-board-page{display:grid;gap:clamp(16px,2vw,24px)}.route-board-page .ui-page-header{align-items:end;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4)}.route-board-filters{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.route-board-filter{display:grid;gap:6px}.route-board-filter label{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.route-board-filter select{width:100%;min-height:42px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:0 12px;background:var(--color-surface);color:var(--color-heading);font:inherit;font-weight:750}.route-board-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:start}.route-board-main,.route-board-side{display:grid;min-width:0;gap:clamp(16px,2vw,20px)}.route-board-section-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.route-board-section-heading>div{display:grid;gap:6px}.route-board-section-heading h2{margin:0;color:var(--color-heading);font-size:clamp(1.18rem,1.9vw,1.55rem);line-height:var(--line-height-tight)}.route-board-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.route-board-podium-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;gap:12px;align-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:var(--radius-card);padding:14px;background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.route-board-podium-card--rank-1{border-color:color-mix(in srgb,var(--color-warning) 42%,var(--color-border));background:color-mix(in srgb,var(--color-warning) 11%,var(--color-surface))}.route-board-podium-card__rank{display:grid;width:38px;height:38px;place-items:center;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-weight:950}.route-board-podium-card--rank-1 .route-board-podium-card__rank{background:var(--color-warning);color:var(--color-heading)}.route-board-podium-card__copy{display:grid;min-width:0;gap:3px}.route-board-podium-card h3,.route-board-extra-card h3,.route-board-source h2{margin:0;color:var(--color-heading);font-size:1rem;line-height:var(--line-height-tight)}.route-board-podium-card p,.route-board-podium-card span,.route-board-extra-card p,.route-board-source p{margin:0;color:var(--color-muted);font-size:var(--font-size-small);font-weight:700;line-height:1.35}.route-board-podium-card strong{display:grid;justify-items:end;color:var(--color-primary-deep);font-size:clamp(1.45rem,3vw,2rem);font-weight:950;line-height:1}.route-board-podium-card strong span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900}.route-board-extra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.route-board-extra-card,.route-board-source{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:12px;background:var(--color-surface-soft)}.route-board-extra-card__icon,.route-board-source__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-primary)}.route-board-extra-card__icon svg,.route-board-source__icon svg,.route-board-privacy svg{width:22px;height:22px}.route-board-extra-card strong{display:block;margin-top:2px;color:var(--color-primary-deep);font-size:1.05rem;line-height:1.1}.route-board-table-wrap{overflow-x:auto}.route-board-table{width:100%;min-width:860px;border-collapse:collapse;color:var(--color-text)}.route-board-table th{border-bottom:1px solid var(--color-border);padding:0 10px 10px;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-align:left;text-transform:uppercase}.route-board-table td{border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);padding:12px 10px;vertical-align:middle}.route-board-table td:first-child{min-width:190px}.route-board-table td:first-child strong,.route-board-table__points{display:block;color:var(--color-heading);font-weight:950}.route-board-table td:first-child span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:800}.route-board-table__points{color:var(--color-primary-deep);font-size:1.2rem}.route-board-meter{display:grid;min-width:128px;gap:5px}.route-board-meter span{color:var(--color-heading);font-size:var(--font-size-small);font-weight:900}.route-board-meter i{display:block;height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface-soft)}.route-board-meter b{display:block;height:100%;border-radius:inherit}.route-board-meter--blue b{background:var(--color-primary)}.route-board-meter--green b{background:var(--color-success)}.route-board-privacy{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-card);padding:12px 14px;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));color:var(--color-primary-deep);font-size:var(--font-size-small);font-weight:850}@media(min-width:1600px){.route-board-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.34fr)}.route-board-extra-grid{grid-template-columns:1fr}}@media(max-width:1100px){.route-board-filters,.route-board-podium,.route-board-extra-grid{grid-template-columns:1fr}}@media(max-width:640px){.route-board-page{width:min(100%,340px);max-width:340px;min-width:0;overflow-x:hidden}.route-board-page .ui-page-header{align-items:stretch;flex-direction:column;max-width:100%;overflow:hidden}.route-board-page .ui-page-header__copy{width:100%;max-width:none;min-width:0}.route-board-page .ui-page-header__title{max-width:100%;font-size:clamp(1.55rem,8vw,2rem);overflow-wrap:anywhere;white-space:normal}.route-board-page .ui-page-header__intro{max-width:100%;overflow-wrap:anywhere}.route-board-page .ui-page-header__actions{width:100%;flex-direction:column}.route-board-page .ui-page-header__actions .ui-button{width:100%}.route-board-podium-card{grid-template-columns:auto minmax(0,1fr)}.route-board-podium-card strong{grid-column:1 / -1;justify-items:start}}.route-sessions-page{display:grid;gap:clamp(16px,2vw,24px)}.route-sessions-page .ui-page-header{align-items:end;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4)}.route-sessions-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.route-sessions-kpis .ui-card{display:grid;gap:4px}.route-sessions-kpis span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.route-sessions-kpis strong{color:var(--color-heading);font-size:clamp(1.25rem,2.3vw,1.8rem);font-weight:950;line-height:1}.route-sessions-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:start}.route-sessions-main,.route-sessions-side{display:grid;min-width:0;gap:clamp(16px,2vw,20px)}.route-sessions-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.route-sessions-heading>div{display:grid;gap:6px}.route-sessions-heading h2{margin:0;color:var(--color-heading);font-size:clamp(1.12rem,1.8vw,1.45rem);line-height:var(--line-height-tight)}.route-sessions-table-wrap{overflow-x:auto}.route-sessions-table{width:100%;min-width:860px;border-collapse:collapse}.route-sessions-table th{border-bottom:1px solid var(--color-border);padding:0 10px 10px;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-align:left;text-transform:uppercase}.route-sessions-table td{border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);padding:12px 10px;color:var(--color-text);vertical-align:top}.route-sessions-table td strong{display:block;color:var(--color-heading);font-weight:950}.route-sessions-table td span{display:block;margin-top:2px;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:800;line-height:1.25}.route-sessions-points{color:var(--color-primary-deep);font-size:1.2rem}.route-sessions-reason{max-width:260px;color:var(--color-warning-deep)!important}.route-sessions-breakdown{position:sticky;top:18px}.route-sessions-score{display:grid;justify-items:end;color:var(--color-primary-deep);font-size:clamp(1.6rem,3vw,2.15rem);font-weight:950;line-height:1}.route-sessions-score span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900}.route-sessions-breakdown-list{display:grid;gap:10px;margin:0}.route-sessions-breakdown-list div{display:grid;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:10px;background:var(--color-surface-soft)}.route-sessions-breakdown-list dt{display:flex;justify-content:space-between;gap:10px;color:var(--color-heading);font-weight:900}.route-sessions-breakdown-list dt small{color:var(--color-muted);font-weight:850}.route-sessions-breakdown-list dd{display:grid;gap:5px;margin:0}.route-sessions-breakdown-list dd span{color:var(--color-primary-deep);font-size:var(--font-size-small);font-weight:900}.route-sessions-breakdown-list dd i{display:block;height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface)}.route-sessions-breakdown-list dd b{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.route-sessions-rule-list{display:grid;gap:8px;margin-top:14px}.route-sessions-rule-list span{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;color:var(--color-muted);font-size:var(--font-size-small);font-weight:800}.route-sessions-rule-list svg{width:20px;height:20px;color:var(--color-primary)}@media(min-width:1600px){.route-sessions-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.36fr)}}@media(max-width:1180px){.route-sessions-kpis{grid-template-columns:1fr}.route-sessions-breakdown{position:static}}@media(max-width:640px){.route-sessions-page{width:min(100%,340px);max-width:340px;overflow-x:hidden}.route-sessions-page .ui-page-header{align-items:stretch;flex-direction:column;max-width:100%;overflow:hidden}.route-sessions-page .ui-page-header__copy{width:100%;max-width:none;min-width:0}.route-sessions-page .ui-page-header__title{max-width:100%;font-size:clamp(1.55rem,8vw,2rem);overflow-wrap:anywhere;white-space:normal}.route-sessions-page .ui-page-header__intro{max-width:100%;overflow-wrap:anywhere}.route-sessions-page .ui-page-header__actions{width:100%;flex-direction:column}.route-sessions-page .ui-page-header__actions .ui-button{width:100%}}.org-admin-page{display:grid;width:min(100%,1280px);margin:0 auto;gap:clamp(16px,2vw,24px)}.org-admin-page .ui-page-header{align-items:flex-start}.org-admin-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.org-admin-kpis .ui-card{display:grid;gap:8px}.org-admin-kpis span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.org-admin-kpis strong{color:var(--color-heading);font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:950;line-height:1}.org-admin-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:start}.org-admin-main,.org-admin-side{display:grid;min-width:0;gap:clamp(16px,2vw,20px)}.org-admin-card-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.org-admin-card-heading>div{display:grid;gap:6px}.org-admin-card-heading h2{margin:0;color:var(--color-heading);font-size:clamp(1.08rem,1.7vw,1.4rem);line-height:var(--line-height-tight)}.org-admin-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.org-admin-context-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:12px;background:var(--color-surface-soft)}.org-admin-context-icon,.org-admin-large-icon{display:inline-grid;place-items:center;border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-primary) 12%,white);color:var(--color-primary-deep)}.org-admin-context-icon{width:40px;height:40px}.org-admin-context-icon svg,.org-admin-large-icon svg{width:21px;height:21px}.org-admin-context-item div{display:grid;min-width:0;gap:2px}.org-admin-context-item span:not(.org-admin-context-icon):not(.ui-badge){color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.org-admin-context-item strong{color:var(--color-heading);font-weight:950;overflow-wrap:anywhere}.org-admin-context-item small{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:750;line-height:1.3}.org-admin-boundary{display:grid;gap:10px}.org-admin-boundary span{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;color:var(--color-text);font-weight:750;line-height:1.45}.org-admin-boundary svg{width:20px;height:20px;color:var(--color-primary)}.org-admin-connection{display:grid;gap:12px}.org-admin-large-icon{width:54px;height:54px}.org-admin-large-icon svg{width:28px;height:28px}.org-admin-connection strong{color:var(--color-heading);font-size:1.1rem;font-weight:950}.org-admin-connection p{margin:0;color:var(--color-muted);font-weight:700;line-height:1.5}.org-admin-empty-state{text-align:left}.org-admin-table-wrap{overflow-x:auto}.org-admin-table{width:100%;min-width:820px;border-collapse:collapse}.org-admin-table th{border-bottom:1px solid var(--color-border);padding:0 10px 10px;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-align:left;text-transform:uppercase}.org-admin-table td{border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);padding:12px 10px;color:var(--color-text);vertical-align:top}.org-admin-table td strong{display:block;color:var(--color-heading);font-weight:950}.org-admin-table td span{display:block;margin-top:2px;color:var(--color-muted);font-size:var(--font-size-caption);font-weight:800;line-height:1.3}.org-admin-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.org-admin-rule-grid .ui-card{display:grid;gap:8px;align-content:start}.org-admin-rule-grid svg{width:24px;height:24px;color:var(--color-primary)}.org-admin-rule-grid strong{color:var(--color-heading);font-weight:950}.org-admin-rule-grid p{margin:0;color:var(--color-muted);font-size:var(--font-size-small);font-weight:750;line-height:1.45}.org-admin-notice{display:flex;gap:16px;align-items:center;justify-content:space-between}.org-admin-notice>div{display:grid;gap:6px}.org-admin-notice h2{margin:0;color:var(--color-heading);font-size:clamp(1.08rem,1.7vw,1.4rem)}.org-admin-notice p{max-width:76ch;margin:0;color:var(--color-muted);font-weight:750;line-height:1.45}.org-admin-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.org-admin-setting-card{display:grid;gap:14px;align-content:space-between}.org-admin-setting-card__head{display:flex;gap:10px;align-items:center;justify-content:space-between}.org-admin-setting-card__copy{display:grid;gap:4px}.org-admin-setting-card__copy span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.org-admin-setting-card__copy strong{color:var(--color-heading);font-size:1.15rem;font-weight:950}.org-admin-setting-card__copy p{margin:0;color:var(--color-muted);font-size:var(--font-size-small);font-weight:750;line-height:1.45}.org-admin-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.org-admin-definition-list{display:grid;gap:10px;margin:0}.org-admin-definition-list div{display:grid;grid-template-columns:minmax(130px,.34fr) minmax(0,1fr);gap:12px;border-top:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);padding-top:10px}.org-admin-definition-list dt{color:var(--color-heading);font-weight:950}.org-admin-definition-list dd{margin:0;color:var(--color-muted);font-weight:750;line-height:1.45}@media(min-width:1480px){.org-admin-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.34fr)}}@media(max-width:1040px){.org-admin-kpis,.org-admin-settings-grid,.org-admin-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-admin-context-grid,.org-admin-two-column{grid-template-columns:1fr}}@media(max-width:640px){.taalroute_live_app:has(.org-admin-page) .app-container{width:min(100%,calc(100% - 24px))}.taalroute_live_app:has(.org-admin-page) .topbar__inner{grid-template-columns:1fr;overflow:hidden}.taalroute_live_app:has(.org-admin-page) .primary-nav{justify-content:space-between;overflow-x:visible}.taalroute_live_app:has(.org-admin-page) .nav-link{min-width:0;width:100%}.taalroute_live_app:has(.org-admin-page) .topbar-actions{justify-content:flex-start}.org-admin-page{width:100%;max-width:100%;overflow-x:hidden}.org-admin-page,.org-admin-page .ui-page-header,.org-admin-page .ui-page-header__copy,.org-admin-page .ui-page-header__intro,.org-admin-notice,.org-admin-notice>div,.org-admin-notice p{min-width:0;max-width:calc(100vw - 24px)}.org-admin-page .ui-page-header{align-items:stretch;flex-direction:column;max-width:100%;overflow:hidden}.org-admin-page .ui-page-header__copy{width:100%;max-width:none;min-width:0}.org-admin-page .ui-page-header__title{max-width:100%;font-size:clamp(1.55rem,8vw,2rem);overflow-wrap:anywhere;white-space:normal}.org-admin-page .ui-page-header__intro{max-width:100%;overflow-wrap:anywhere;white-space:normal}.org-admin-notice p{overflow-wrap:anywhere;white-space:normal}.org-admin-page .ui-page-header__actions,.org-admin-notice{width:100%;flex-direction:column;align-items:stretch}.org-admin-page .ui-page-header__actions .ui-button,.org-admin-notice .ui-button{width:100%}.org-admin-kpis,.org-admin-settings-grid,.org-admin-rule-grid{grid-template-columns:1fr}.org-admin-context-item{grid-template-columns:40px minmax(0,1fr)}.org-admin-context-item .ui-badge{grid-column:2;justify-self:start}.org-admin-definition-list div{grid-template-columns:1fr;gap:4px}}.access-boundary-page{display:grid;width:min(100%,1180px);margin:0 auto;gap:clamp(16px,2vw,24px)}.access-boundary-page .ui-page-header{align-items:flex-start}.access-boundary-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.access-boundary-kpis .ui-card,.access-boundary-check{display:grid;gap:8px}.access-boundary-kpis span,.access-boundary-check span{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:900;text-transform:uppercase}.access-boundary-kpis strong,.access-boundary-check strong{color:var(--color-heading);font-size:clamp(1.2rem,2vw,1.65rem);font-weight:950;line-height:1.05}.access-boundary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.access-boundary-grid--checks{grid-template-columns:repeat(4,minmax(0,1fr))}.access-boundary-option{display:grid;gap:14px;align-content:space-between}.access-boundary-option__head{display:flex;gap:10px;align-items:center;justify-content:space-between}.access-boundary-icon,.access-boundary-large-icon{display:inline-grid;place-items:center;border-radius:var(--radius-button);background:color-mix(in srgb,var(--color-primary) 12%,white);color:var(--color-primary-deep)}.access-boundary-icon{width:42px;height:42px}.access-boundary-large-icon{flex:0 0 auto;width:56px;height:56px}.access-boundary-icon svg,.access-boundary-large-icon svg{width:23px;height:23px}.access-boundary-large-icon svg{width:30px;height:30px}.access-boundary-option h2,.access-boundary-card-heading h2,.access-boundary-notice h2{margin:0;color:var(--color-heading);font-size:clamp(1.06rem,1.7vw,1.35rem);line-height:var(--line-height-tight)}.access-boundary-option p,.access-boundary-copy,.access-boundary-notice p{margin:0;color:var(--color-muted);font-weight:750;line-height:1.45}.access-boundary-notice{display:flex;gap:16px;align-items:center;justify-content:space-between}.access-boundary-notice--blocked{border-color:color-mix(in srgb,var(--color-danger) 24%,var(--color-border))}.access-boundary-notice>div{display:grid;min-width:0;gap:7px}.access-boundary-notice p{max-width:76ch}.access-boundary-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.access-boundary-card-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.access-boundary-card-heading>div{display:grid;gap:6px}.access-boundary-list{display:grid;gap:10px}.access-boundary-list span{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;color:var(--color-text);font-weight:750;line-height:1.45}.access-boundary-list svg{width:20px;height:20px;color:var(--color-primary)}.access-boundary-empty-state{text-align:left}.access-boundary-empty-state svg{width:26px;height:26px}@media(max-width:1040px){.access-boundary-kpis,.access-boundary-grid,.access-boundary-grid--checks,.access-boundary-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.taalroute_live_app:has(.access-boundary-page) .app-container{width:min(100%,calc(100% - 24px))}.taalroute_live_app:has(.access-boundary-page) .topbar__inner{grid-template-columns:1fr;overflow:hidden}.taalroute_live_app:has(.access-boundary-page) .primary-nav{justify-content:space-between;overflow-x:visible}.taalroute_live_app:has(.access-boundary-page) .nav-link{min-width:0;width:100%}.taalroute_live_app:has(.access-boundary-page) .topbar-actions{justify-content:flex-start}.access-boundary-page{width:100%;max-width:100%;overflow-x:hidden}.access-boundary-page,.access-boundary-page .ui-page-header,.access-boundary-page .ui-page-header__copy,.access-boundary-page .ui-page-header__intro,.access-boundary-notice,.access-boundary-notice>div,.access-boundary-notice p{min-width:0;max-width:calc(100vw - 24px)}.access-boundary-page .ui-page-header{align-items:stretch;flex-direction:column;max-width:100%;overflow:hidden}.access-boundary-page .ui-page-header__copy{width:100%;max-width:none;min-width:0}.access-boundary-page .ui-page-header__title{max-width:100%;font-size:clamp(1.55rem,8vw,2rem);overflow-wrap:anywhere;white-space:normal}.access-boundary-page .ui-page-header__intro,.access-boundary-notice p{max-width:100%;overflow-wrap:anywhere;white-space:normal}.access-boundary-page .ui-page-header__actions,.access-boundary-notice{width:100%;flex-direction:column;align-items:stretch}.access-boundary-page .ui-page-header__actions .ui-button,.access-boundary-notice .ui-button{width:100%}.access-boundary-kpis,.access-boundary-grid,.access-boundary-grid--checks,.access-boundary-two-column{grid-template-columns:1fr}}.taalroute_live_app{--live-blue: var(--tl-primary);--live-blue-deep: var(--tl-brand-primary-dark);--live-blue-hover: var(--tl-primary-hover);--live-blue-soft: var(--tl-brand-primary-light);--live-blue-mist: var(--tl-brand-primary-mist);--live-school-screen-background: linear-gradient(90deg, rgb(255 255 255 / 22%), rgb(255 255 255 / 10%)), url(/assets/images/backgrounds/trotsbord-schoolscherm-background.avif) center / cover no-repeat, var(--color-surface);--live-background-gradient: var(--tl-live-bg);--live-glass-background: var(--tl-glass-bg);--live-glass-strong: var(--tl-glass-bg-strong);--live-card-radius: var(--tl-radius-live-card);--live-blob-radius: var(--tl-radius-blob);--live-button-radius: var(--tl-radius-lg);--live-button-height: var(--tl-live-button-height);--live-control-height: var(--tl-live-control-height);--live-spacing-sm: clamp(8px, 1vw, 12px);--live-spacing-md: clamp(14px, 1.8vw, 22px);--live-spacing-lg: clamp(22px, 3vw, 36px);--live-focus-ring: var(--tl-focus-ring);--live-shadow-soft: var(--tl-shadow-raised);--live-shadow-float: var(--tl-shadow-float);--live-glow: var(--tl-shadow-glow);--live-motion-fast: var(--tl-motion-fast);--live-motion-medium: var(--tl-motion-medium);--live-motion-slow: var(--tl-motion-slow);--live-motion-blob: .36s cubic-bezier(.16, 1.1, .28, 1);--live-motion-countdown: var(--tl-motion-countdown);--live-context-background: var(--tl-page-bg);--live-context-surface: var(--tl-card-bg);--live-context-text: var(--tl-text);--live-context-muted: var(--tl-text-muted);--live-context-border: var(--tl-border);color:var(--live-context-text);accent-color:var(--live-blue);background:var(--tl-app-bg);text-rendering:optimizeLegibility}.taalroute_live_app[data-live-context=teacher]{--teacher-text: #152033;--teacher-muted: #66738a;--teacher-subtle: #53627a;--teacher-title-weight: 650;--teacher-heading-weight: 600;--teacher-strong-weight: 600;--teacher-label-weight: 600;--teacher-body-weight: 430;color:var(--teacher-text)!important;font-size:14px!important;line-height:1.45!important}.taalroute_live_app[data-live-context=teacher] :where(p,li,dd,input,select,textarea){font-size:.875rem!important;font-weight:var(--teacher-body-weight)!important;line-height:1.45!important}.taalroute_live_app[data-live-context=teacher] :where(strong,b,dt,th){font-weight:var(--teacher-strong-weight)!important}.taalroute_live_app[data-live-context=teacher] :where(h1,.ui-page-header__title){font-size:clamp(1.55rem,1.55vw,1.9rem)!important;font-weight:var(--teacher-title-weight)!important;line-height:1.12!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] :where(h2){font-size:clamp(1.08rem,1.05vw,1.28rem)!important;font-weight:var(--teacher-heading-weight)!important;line-height:1.2!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] :where(h3){font-size:1rem!important;font-weight:var(--teacher-heading-weight)!important;line-height:1.25!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] :where(h4){font-size:.92rem!important;font-weight:var(--teacher-heading-weight)!important;line-height:1.25!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-page-header__eyebrow,.ui-eyebrow,.settings-section-eyebrow,.quiz-preview-eyebrow,label,.label,small){color:var(--teacher-subtle)!important;font-size:.72rem!important;font-weight:var(--teacher-label-weight)!important;letter-spacing:.04em!important;line-height:1.25!important}.taalroute_live_app[data-live-context=teacher] .ui-page-header__intro{max-width:62ch!important;color:var(--teacher-muted)!important;font-size:.92rem!important;font-weight:430!important;line-height:1.45!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-card,.settings-section,.quiz-card,.route-card,.access-boundary-option,.org-admin-setting-card){color:var(--teacher-text)!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-card h2,.ui-card h3,.settings-section h2,.settings-section h3,.access-boundary-option h2,.org-admin-card-heading h2,.quiz-card h2,.route-card h2){font-weight:var(--teacher-heading-weight)!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-card p,.settings-section p,.access-boundary-option p,.org-admin-setting-card p,.quiz-card p,.route-card p){color:var(--teacher-muted)!important;font-weight:430!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-badge,.ui-status-pill,.filter-chip,.quiz-filter-chip,.settings-status-pill){min-height:24px!important;padding:.2rem .55rem!important;border-radius:999px!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:0!important;line-height:1!important}.taalroute_live_app[data-live-context=teacher] .ui-status-pill__dot{width:.42rem!important;height:.42rem!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-button,button,.button,.quiz-card,.settings-choice-button,.compact-choice-button,.compact-toggle){letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] .ui-button{min-height:38px!important;border-radius:6px!important;padding:.55rem .9rem!important;font-size:.84rem!important;font-weight:620!important}.taalroute_live_app[data-live-context=teacher] .ui-button--small{min-height:32px!important;padding:.4rem .68rem!important;font-size:.78rem!important}.taalroute_live_app[data-live-context=teacher] :where(.settings-section-header h2,.settings-section__title){font-size:1.08rem!important;font-weight:620!important}.taalroute_live_app[data-live-context=teacher] :where(.settings-control-row,.settings-status-item,.settings-note){font-size:.84rem!important}.taalroute_live_app[data-live-context=teacher] :where(.settings-control-row strong,.settings-status-item strong,.settings-note strong){font-size:.86rem!important;font-weight:600!important}.taalroute_live_app[data-live-context=teacher] :where(.routeboard-page h1,.routeboard-page h2,.routeboard-page h3,.org-admin-page h1,.org-admin-page h2,.access-boundary-page h1,.access-boundary-page h2){font-weight:640!important}.taalroute_live_app[data-live-context=teacher] :where(.org-admin-kpis strong,.access-boundary-kpis strong,.metric-card strong,.result-metric strong){font-size:clamp(1.15rem,1.1vw,1.45rem)!important;font-weight:650!important}.taalroute_live_app[data-live-context=teacher] :where(.quiz-card h2,.quiz-selection-card h2){font-size:1rem!important;font-weight:640!important;line-height:1.18!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-empty-state h2,.ui-empty-state h3){font-size:1.1rem!important;font-weight:620!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge{min-height:22px!important;padding:.16rem .5rem!important;border-width:1px!important;border-radius:5px!important;font-size:.68rem!important;font-weight:520!important;line-height:1.05!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card:hover,.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card:focus-visible{border-color:#9fc5f5!important;box-shadow:0 10px 24px #284a7314!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__icon{grid-column:1!important;grid-row:1!important;width:38px!important;height:38px!important;border-radius:6px!important;align-self:start!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__topline{grid-column:2 / 3!important;grid-row:1!important;min-height:0!important;margin:0!important;align-self:center!important;display:flex!important;gap:.5rem!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge{min-height:22px!important;padding:.16rem .5rem!important;border-radius:5px!important;font-size:.68rem!important;font-weight:520!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:repeat(4,minmax(210px,1fr))!important;gap:1rem!important;align-items:stretch!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card{display:grid!important;grid-template-columns:42px 1fr 32px!important;grid-template-rows:42px minmax(3.2rem,auto) minmax(3.9rem,1fr) auto auto!important;column-gap:.85rem!important;row-gap:.72rem!important;min-height:238px!important;padding:1.05rem 1.05rem .95rem!important;border:1px solid #d7e1ef!important;border-radius:8px!important;background:#fff!important;box-shadow:0 8px 22px #0f172a09!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card--selected{border:2px solid #4f7df2!important;box-shadow:0 10px 26px #4f7df21a!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__icon{grid-column:1!important;grid-row:1!important;width:42px!important;height:42px!important;align-self:start!important;border-radius:7px!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__topline{grid-column:2 / 3!important;grid-row:1!important;min-height:42px!important;margin:0!important;align-self:start!important;display:flex!important;align-items:center!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge{min-height:25px!important;padding:.22rem .6rem!important;border-radius:5px!important;font-size:.74rem!important;font-weight:560!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__check{grid-column:3!important;grid-row:1!important;position:static!important;width:32px!important;height:32px!important;align-self:start!important;justify-self:end!important;box-shadow:0 8px 16px #5b82ea2e!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__check svg{width:15px!important;height:15px!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card>strong{grid-column:1 / -1!important;grid-row:2!important;max-width:100%!important;margin:.1rem 0 0!important;font-size:clamp(.92rem,.78vw,1.02rem)!important;font-weight:650!important;line-height:1.18!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__description{grid-column:1 / -1!important;grid-row:3!important;margin:0!important;align-self:start!important;color:#536581!important;font-size:.79rem!important;font-weight:420!important;line-height:1.32!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__footer{grid-column:1 / -1!important;grid-row:4!important;margin:0!important;padding-top:.72rem!important;border-top:1px solid #e8edf5!important;color:#69778d!important;font-size:.73rem!important;font-weight:500!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__meta{grid-column:1 / -1!important;grid-row:5!important;margin:0!important;gap:.72rem!important;color:#6380b3!important;font-size:.75rem!important;font-weight:520!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__meta>span{gap:.28rem!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__meta svg{width:14px!important;height:14px!important}@media(max-width:1180px){.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:repeat(3,minmax(210px,1fr))!important}}@media(max-width:620px){.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:1fr!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card{min-height:220px!important;padding:.95rem!important}}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge{min-height:22px!important;padding:.18rem .5rem!important;border-width:1px!important;border-radius:5px!important;font-size:.68rem!important;font-weight:520!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge--start{border-color:#c9dbff!important;background:#f1f6ff!important;color:#315ca8!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge--practice{border-color:#d3e4ff!important;background:#f3f8ff!important;color:#3567a7!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge--practical{border-color:#cfeadf!important;background:#f1fbf6!important;color:#287552!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge--repetition{border-color:#e3d7ff!important;background:#f7f3ff!important;color:#6845a8!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge--final{border-color:#ffd9bd!important;background:#fff7ef!important;color:#9a5a18!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge--default{border-color:#d6e2f1!important;background:#f6f9fd!important;color:#4f6483!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card{min-height:268px!important;padding:1.15rem 1.25rem 1.05rem!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__icon{width:40px!important;height:40px!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__topline{margin:-2.45rem 0 1.15rem 4.25rem!important;min-height:40px!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge{min-height:26px!important;padding:.24rem .65rem!important;font-size:.76rem!important;font-weight:560!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card>strong{font-size:clamp(.96rem,.86vw,1.08rem)!important;font-weight:650!important;line-height:1.18!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__description{margin:.95rem 0 1rem!important;color:#536581!important;font-size:.82rem!important;font-weight:430!important;line-height:1.32!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__footer{padding-top:.85rem!important;color:#667085!important;font-size:.76rem!important;font-weight:500!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__meta{gap:.7rem!important;margin-top:.75rem!important;color:#6b7c9a!important;font-size:.76rem!important;font-weight:520!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__check{top:1.15rem!important;right:1.15rem!important;width:40px!important;height:40px!important}@media(max-width:620px){.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card{min-height:230px!important;padding:1rem!important}}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card{position:relative!important;display:grid!important;grid-template-rows:auto auto auto 1fr auto auto!important;min-height:290px!important;padding:1.35rem 1.45rem 1.25rem!important;border:1px solid #d6e2f1!important;border-radius:10px!important;background:#fff!important;box-shadow:0 10px 28px #284a730f!important;color:#111827!important;text-align:left!important;transform:none!important;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card--selected{border:2px solid #4f7df2!important;box-shadow:0 0 0 1px #4f7df214,0 16px 34px #284a731a!important}.taalroute_live_app .quiz-library-page{min-height:calc(100dvh - 96px)!important;padding:clamp(20px,2.4vw,32px)!important;color:#151b33!important;background:radial-gradient(circle at 8% 0%,rgb(0 144 242 / 7%),transparent 28%),linear-gradient(180deg,#fff,#f7fbff)!important}.taalroute_live_app .quiz-library-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin-bottom:18px!important}.taalroute_live_app .quiz-library-header__title{display:inline-flex!important;align-items:center!important;gap:12px!important;min-width:0!important}.taalroute_live_app .quiz-library-header__title>span:first-child{color:#68738a!important;font-size:.92rem!important;font-weight:850!important;letter-spacing:.08em!important}.taalroute_live_app .quiz-library-header__title .ui-badge{min-height:34px!important;padding-inline:14px!important;border-color:#d4e3f5!important;background:#f4f8fd!important;color:#315d9d!important;font-size:.9rem!important}.taalroute_live_app .quiz-library-header__selected{display:grid!important;grid-template-columns:minmax(0,auto) auto!important;grid-template-areas:"label action" "title action"!important;align-items:center!important;column-gap:18px!important;row-gap:2px!important;min-width:0!important}.taalroute_live_app .quiz-library-header__selected>span{grid-area:label!important;justify-self:end!important;color:#68738a!important;font-size:.76rem!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important}.taalroute_live_app .quiz-library-header__selected>strong{grid-area:title!important;max-width:min(46vw,520px)!important;overflow:hidden!important;color:#10172e!important;font-size:clamp(1.05rem,1.45vw,1.4rem)!important;font-weight:850!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important}.taalroute_live_app .quiz-library-header__selected .ui-button{grid-area:action!important;min-height:52px!important;padding-inline:22px!important;border-radius:8px!important;background:#5b91eb!important;color:#fff!important;font-size:1rem!important;font-weight:850!important;box-shadow:0 10px 22px #005caa24!important}.taalroute_live_app .quiz-library-header__selected .ui-button svg{width:22px!important;height:22px!important}.taalroute_live_app .quiz-library-filters{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:18px!important}.taalroute_live_app .quiz-library-search{min-width:min(280px,34vw)!important}.taalroute_live_app .quiz-library-search input{width:100%!important;min-height:42px!important;padding:0 14px!important;border:1px solid #d5e3f3!important;border-radius:10px!important;color:#151b33!important;background:#fff!important;font:inherit!important;font-size:.94rem!important;font-weight:650!important;outline:none!important;box-shadow:0 8px 18px #1f44710f!important}.taalroute_live_app .quiz-library-search input:focus{border-color:#0090f2!important;box-shadow:0 0 0 4px #0090f224!important}.taalroute_live_app .quiz-library-filter-chips{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.taalroute_live_app .quiz-library-filter-chip{min-height:36px!important;padding:0 14px!important;border:1px solid #d5e3f3!important;border-radius:6px!important;color:#315d9d!important;background:#fff!important;font:inherit!important;font-size:.84rem!important;font-weight:600!important;line-height:1!important;cursor:pointer!important}.taalroute_live_app .quiz-library-filter-chip:hover,.taalroute_live_app .quiz-library-filter-chip:focus-visible{border-color:#9fc8f4!important;background:#eef6ff!important;outline:none!important}.taalroute_live_app .quiz-library-filter-chip--selected{border-color:#0090f2!important;color:#fff!important;background:#0090f2!important;box-shadow:0 6px 14px #0090f229!important}.taalroute_live_app .quiz-library-grid{display:grid!important;grid-template-columns:repeat(4,minmax(230px,1fr))!important;gap:18px!important}.taalroute_live_app .quiz-library-card{position:relative!important;min-height:232px!important;display:grid!important;grid-template-rows:auto auto minmax(44px,1fr) auto!important;align-content:start!important;gap:14px!important;padding:22px!important;border:1px solid #d7e5f5!important;border-radius:8px!important;color:#151b33!important;background:#fff!important;box-shadow:0 10px 24px #1f44710d!important;font:inherit!important;text-align:left!important;cursor:pointer!important}.taalroute_live_app .quiz-library-card:before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:0!important;border-radius:8px 0 0 8px!important;background:#0090f2!important}.taalroute_live_app .quiz-library-card:hover,.taalroute_live_app .quiz-library-card:focus-visible{border-color:#9fc8f4!important;box-shadow:0 16px 34px #1f447117!important;outline:none!important;transform:translateY(-1px)!important}.taalroute_live_app .quiz-library-card--selected{border:2px solid #5b9bea!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;box-shadow:0 18px 42px #005caa1f!important}.taalroute_live_app .quiz-library-card--selected:before{width:5px!important}.taalroute_live_app .quiz-library-card__topline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.taalroute_live_app .quiz-library-card__badge{min-height:32px!important;display:inline-flex!important;align-items:center!important;padding:0 12px!important;border:1px solid #d5e3f3!important;border-radius:6px!important;color:#315d9d!important;background:#f5f9fe!important;font-size:.86rem!important;font-weight:800!important}.taalroute_live_app .quiz-library-card__duration{color:#64718a!important;font-size:.8rem!important;font-weight:800!important;white-space:nowrap!important}.taalroute_live_app .quiz-library-card>strong{display:-webkit-box!important;overflow:hidden!important;color:#0f172e!important;font-size:clamp(1.15rem,1.35vw,1.45rem)!important;font-weight:900!important;line-height:1.13!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.taalroute_live_app .quiz-library-card__description{display:-webkit-box!important;overflow:hidden!important;color:#315d9d!important;font-size:clamp(.98rem,1.05vw,1.1rem)!important;font-weight:650!important;line-height:1.22!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.taalroute_live_app .quiz-library-card__footer{color:#657187!important;font-size:.92rem!important;font-weight:750!important;line-height:1.2!important}.taalroute_live_app .quiz-library-card__check{position:absolute!important;top:18px!important;right:18px!important;width:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;color:#315d9d!important;background:#eef6ff!important;box-shadow:inset 0 0 0 1px #b9d7f8!important}.taalroute_live_app .quiz-library-card__check svg{width:18px!important;height:18px!important}.taalroute_live_app .quiz-library-empty,.taalroute_live_app .quiz-library-alert{margin-top:18px!important}@media(max-width:1280px){.taalroute_live_app .quiz-library-grid{grid-template-columns:repeat(3,minmax(230px,1fr))!important}}@media(max-width:940px){.taalroute_live_app .quiz-library-header{align-items:stretch!important;flex-direction:column!important}.taalroute_live_app .quiz-library-header__selected{grid-template-columns:minmax(0,1fr) auto!important}.taalroute_live_app .quiz-library-header__selected>span{justify-self:start!important}.taalroute_live_app .quiz-library-header__selected>strong{max-width:100%!important}.taalroute_live_app .quiz-library-filters{align-items:stretch!important;flex-direction:column!important}.taalroute_live_app .quiz-library-search{min-width:0!important}.taalroute_live_app .quiz-library-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}}@media(max-width:620px){.taalroute_live_app .quiz-library-page{padding:16px!important}.taalroute_live_app .quiz-library-header__selected{grid-template-columns:1fr!important;grid-template-areas:"label" "title" "action"!important}.taalroute_live_app .quiz-library-header__selected .ui-button{width:100%!important}.taalroute_live_app .quiz-library-grid{grid-template-columns:1fr!important;gap:12px!important}.taalroute_live_app .quiz-library-card{min-height:206px!important;padding:18px!important}}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-selectors{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr))!important;gap:12px!important;margin:0 0 16px!important;padding:12px!important;border:1px solid #d8e5f5!important;border-radius:10px!important;background:#ffffffd1!important;box-shadow:0 10px 24px #1f44710d!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-select{min-width:0!important;display:grid!important;gap:6px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-select>span{color:#66738b!important;font-size:.72rem!important;font-weight:900!important;line-height:1!important;letter-spacing:.06em!important;text-transform:uppercase!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-select select{width:100%!important;height:42px!important;min-width:0!important;padding:0 34px 0 12px!important;border:1px solid #cfe0f3!important;border-radius:7px!important;color:#10172e!important;background:#f7fbff!important;font:inherit!important;font-size:.9rem!important;font-weight:800!important;line-height:1!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-select select:focus{border-color:#4f8fea!important;box-shadow:0 0 0 3px #4f8fea29!important;outline:none!important}.taalroute_live_app[data-live-context=teacher] .page-header h1,.taalroute_live_app[data-live-context=teacher] .quick-play-chooser h1,.taalroute_live_app[data-live-context=teacher] .quiz-preview-page h1{font-size:clamp(1.35rem,2vw,1.8rem)!important;line-height:1.12!important}.taalroute_live_app[data-live-context=teacher] h2{font-size:var(--teacher-font-lg)!important;line-height:1.2!important}.taalroute_live_app[data-live-context=teacher] h3{font-size:var(--teacher-font-md)!important;line-height:1.25!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary,.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata,.taalroute_live_app[data-live-context=teacher] .quiz-preview-learning-goal,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question--selected{padding:12px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question--selected{display:grid!important;gap:12px!important;border-left:1px solid var(--teacher-border)!important}.taalroute_live_app[data-live-context=teacher]{--teacher-font-xs: .72rem;--teacher-font-sm: .82rem;--teacher-font-md: .94rem;--teacher-font-lg: 1.12rem;--teacher-font-xl: 1.45rem;--teacher-card-radius: 8px;--teacher-border: #dbe4ef;--teacher-soft: #f6f9fd;--teacher-blue-soft: #edf6ff;--teacher-green-soft: #eaf8ee;--teacher-green-border: #a9dec0;--teacher-text: #152033;--teacher-muted: #66738a}.taalroute_live_app[data-live-context=teacher] .page-header,.taalroute_live_app[data-live-context=teacher] .quick-play-chooser,.taalroute_live_app[data-live-context=teacher] .quiz-preview-page,.taalroute_live_app[data-live-context=teacher] .results-page,.taalroute_live_app[data-live-context=teacher] .settings-page,.taalroute_live_app[data-live-context=teacher] .profile-page,.taalroute_live_app[data-live-context=teacher] .theme-route-page,.taalroute_live_app[data-live-context=teacher] .placeholder-route-page{color:var(--teacher-text)!important;font-size:var(--teacher-font-sm)!important;line-height:1.4!important}.taalroute_live_app[data-live-context=teacher] .page-header h1,.taalroute_live_app[data-live-context=teacher] .quick-play-chooser h1,.taalroute_live_app[data-live-context=teacher] .quiz-preview-page h1{font-size:clamp(1.35rem,2vw,1.8rem)!important;line-height:1.12!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] h2{font-size:var(--teacher-font-lg)!important;line-height:1.2!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] h3{font-size:var(--teacher-font-md)!important;line-height:1.25!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] p,.taalroute_live_app[data-live-context=teacher] li,.taalroute_live_app[data-live-context=teacher] dd,.taalroute_live_app[data-live-context=teacher] input,.taalroute_live_app[data-live-context=teacher] select,.taalroute_live_app[data-live-context=teacher] textarea{font-size:var(--teacher-font-sm)!important}.taalroute_live_app[data-live-context=teacher] .ui-button{min-height:36px!important;border-radius:8px!important;padding-inline:12px!important;font-size:var(--teacher-font-sm)!important;font-weight:700!important}.taalroute_live_app[data-live-context=teacher] .ui-button--large{min-height:42px!important;font-size:var(--teacher-font-md)!important}.taalroute_live_app[data-live-context=teacher] .ui-badge,.taalroute_live_app[data-live-context=teacher] .ui-status-pill{min-height:24px!important;border-radius:999px!important;padding-inline:10px!important;font-size:var(--teacher-font-xs)!important;font-weight:700!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-page{max-width:none!important;margin-inline:0!important;padding:clamp(14px,2vw,20px)!important;border-radius:0!important;background:#f5f8fc!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-page .page-header{margin-bottom:14px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary,.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata,.taalroute_live_app[data-live-context=teacher] .quiz-preview-learning-goal,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question{border:1px solid var(--teacher-border)!important;border-radius:var(--teacher-card-radius)!important;background:#fff!important;box-shadow:none!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary{padding:14px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary__main{grid-template-columns:40px minmax(0,1fr) minmax(220px,280px)!important;gap:12px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary__icon{width:36px!important;height:36px!important;border-radius:8px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary h2{font-size:1.12rem!important;font-weight:760!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-badges{gap:6px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metrics{gap:8px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metrics div{padding-top:7px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-start-panel{border-radius:8px!important;padding:10px!important;background:var(--teacher-soft)!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-layout,.taalroute_live_app[data-live-context=teacher] .quiz-preview-main{gap:10px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata,.taalroute_live_app[data-live-context=teacher] .quiz-preview-learning-goal,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser{padding:12px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-grid{gap:10px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-group{border-radius:8px!important;padding:10px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__header{padding-bottom:9px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__summary span{min-height:24px!important;border-radius:999px!important;padding-inline:10px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__body{grid-template-columns:minmax(160px,210px) minmax(0,1fr)!important;gap:12px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-index__button{min-height:38px!important;border-radius:8px!important;padding:5px 7px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-index__button span{width:26px!important;height:26px!important;border-radius:999px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question--selected{display:grid!important;gap:12px!important;border-left:1px solid var(--teacher-border)!important;padding:12px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question__header{display:flex!important;align-items:center!important;justify-content:space-between!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question h3{margin:2px 0 4px!important;font-size:1rem!important;font-weight:760!important;line-height:1.25!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-options{display:grid!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option{min-height:42px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;border:1px solid var(--teacher-border)!important;border-radius:3px!important;padding:9px 12px!important;background:#fff!important;color:var(--teacher-text)!important;font-size:var(--teacher-font-sm)!important;font-weight:520!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option--correct{border-color:var(--teacher-green-border)!important;background:var(--teacher-green-soft)!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option strong{justify-self:end!important;min-height:26px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding-inline:12px!important;background:#dff4e5!important;color:#2d723b!important;font-size:var(--teacher-font-xs)!important;font-weight:760!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-explanation{margin:2px 0 0!important;border:0!important;border-left:3px solid var(--color-primary)!important;border-radius:0!important;padding:10px 12px!important;background:var(--teacher-blue-soft)!important;color:var(--teacher-muted)!important;font-size:var(--teacher-font-sm)!important;line-height:1.35!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-explanation strong{color:#4f5f75!important;font-weight:760!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-question__actions{justify-content:flex-end!important;margin-top:2px!important;border-top:1px solid #edf2f7!important}@media(max-width:980px){.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary__main,.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata-grid,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser__body{grid-template-columns:1fr!important}}.taalroute_live_app[data-live-context=teacher],.taalroute_live_app .app-shell[data-live-context=teacher],.taalroute_live_app[data-live-context=admin],.taalroute_live_app .app-shell[data-live-context=admin]{--teacher-font-size-xs: .72rem;--teacher-font-size-sm: .82rem;--teacher-font-size-md: .92rem;--teacher-font-size-lg: 1.05rem;--teacher-font-size-xl: 1.35rem;--teacher-font-size-page-title: clamp(1.55rem, 2.1vw, 2rem);color:#151b33;font-size:var(--teacher-font-size-md);line-height:1.4}.taalroute_live_app[data-live-context=teacher] :where(.topbar,.app-footer,.app-shell),.taalroute_live_app[data-live-context=admin] :where(.topbar,.app-footer,.app-shell){font-size:var(--teacher-font-size-md)!important}.taalroute_live_app[data-live-context=teacher] :where(h1,.ui-page-header__title,.route-hero h1),.taalroute_live_app[data-live-context=admin] :where(h1,.ui-page-header__title,.route-hero h1){margin-block:0;color:#10172e;font-size:var(--teacher-font-size-page-title)!important;font-weight:850!important;line-height:1.12!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] :where(h2,.screen-card h2),.taalroute_live_app[data-live-context=admin] :where(h2,.screen-card h2){margin-block:0;color:#10172e;font-size:clamp(1.15rem,1.45vw,1.35rem)!important;font-weight:820!important;line-height:1.18!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] :where(h3,.info-card h3,.card-kicker),.taalroute_live_app[data-live-context=admin] :where(h3,.info-card h3,.card-kicker){margin-block:0;font-size:var(--teacher-font-size-lg)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] :where(p,li,dd,td,th,label,input,select,textarea,button,.hero-copy,.ui-page-header__intro),.taalroute_live_app[data-live-context=admin] :where(p,li,dd,td,th,label,input,select,textarea,button,.hero-copy,.ui-page-header__intro){font-size:var(--teacher-font-size-md)!important;line-height:1.38!important}.taalroute_live_app[data-live-context=teacher] :where(.eyebrow,.ui-page-header__eyebrow,.summary-label,.screen-card__audience,.screen-card__step),.taalroute_live_app[data-live-context=admin] :where(.eyebrow,.ui-page-header__eyebrow,.summary-label,.screen-card__audience,.screen-card__step){color:#5b74a6!important;font-size:var(--teacher-font-size-xs)!important;font-weight:850!important;line-height:1.1!important;letter-spacing:.08em!important;text-transform:uppercase!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-badge,.ui-status-pill,.badge,.notice-bar,.screen-card__note),.taalroute_live_app[data-live-context=admin] :where(.ui-badge,.ui-status-pill,.badge,.notice-bar,.screen-card__note){font-size:var(--teacher-font-size-sm)!important;line-height:1.2!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-button,.button,.nav-link,.profile-dropdown a,.profile-dropdown button),.taalroute_live_app[data-live-context=admin] :where(.ui-button,.button,.nav-link,.profile-dropdown a,.profile-dropdown button){font-size:var(--teacher-font-size-sm)!important;font-weight:780!important}.taalroute_live_app[data-live-context=teacher] :where(.quiz-library-card>strong),.taalroute_live_app[data-live-context=admin] :where(.quiz-library-card>strong){font-size:clamp(1.05rem,1.1vw,1.25rem)!important}.taalroute_live_app[data-live-context=teacher] :where(.quiz-library-card__description,.quiz-library-card__footer,.quiz-library-card__meta),.taalroute_live_app[data-live-context=admin] :where(.quiz-library-card__description,.quiz-library-card__footer,.quiz-library-card__meta){font-size:var(--teacher-font-size-sm)!important;line-height:1.25!important}.taalroute_live_app[data-live-context=teacher] :where(.route-summary strong,.info-card strong,.screen-card strong),.taalroute_live_app[data-live-context=admin] :where(.route-summary strong,.info-card strong,.screen-card strong){font-size:var(--teacher-font-size-md)!important}.taalroute_live_app[data-live-context=teacher] :where(.route-hero,.ui-page-header),.taalroute_live_app[data-live-context=admin] :where(.route-hero,.ui-page-header){gap:12px!important}.taalroute_live_app[data-live-context=participant]{overflow-x:hidden}.taalroute_live_app[data-live-context=participant] .participant-shell__main,.taalroute_live_app[data-live-context=participant] .participant-page{max-width:100vw;overflow-x:hidden}.taalroute_live_app[data-live-context=participant] :where(.participant-card,.participant-question-card,.participant-play-card,.participant-state-panel){max-width:calc(100vw - 32px)}.taalroute_live_app[data-live-context=participant] :where(.participant-form,.participant-join-field,.participant-join-field input,.participant-play-status,.participant-play-progress,.participant-answer-grid,.participant-answer-option){min-width:0;max-width:100%}.taalroute_live_app[data-live-context=participant] .participant-join-field input{width:100%}@media(max-width:520px){.taalroute_live_app[data-live-context=participant] .participant-shell__main{width:100%;padding-inline:12px}.taalroute_live_app[data-live-context=participant] :where(.participant-card,.participant-question-card,.participant-play-card,.participant-state-panel){width:min(100%,300px);max-width:300px}.taalroute_live_app[data-live-context=participant] .participant-play-status{grid-template-columns:minmax(0,1fr)}.taalroute_live_app[data-live-context=participant] .participant-play-status .ui-status-pill{justify-self:start}}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card{position:relative!important;min-width:0!important;min-height:244px!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:auto auto minmax(50px,1fr) auto auto!important;column-gap:18px!important;row-gap:14px!important;align-content:start!important;padding:22px 24px!important;border:1px solid #d8e5f5!important;border-radius:8px!important;color:#151b33!important;background:#fff!important;box-shadow:0 10px 24px #1f44710d!important;font:inherit!important;text-align:left!important;cursor:pointer!important;transform:none!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card:before{content:none!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card:hover,.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card:focus-visible{border-color:#9fc8f4!important;box-shadow:0 16px 34px #1f447117!important;outline:none!important;transform:none!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card--selected{border:2px solid #4f8fea!important;background:#fff!important;box-shadow:0 18px 42px #005caa1f!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__icon{grid-column:1!important;grid-row:1!important;width:50px!important;height:50px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #c7ddf6!important;border-radius:7px!important;color:#315d9d!important;background:#f1f7ff!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__icon svg{width:28px!important;height:28px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__topline{grid-column:2!important;grid-row:1!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding-right:36px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__badge{width:fit-content!important;min-height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;border:1px solid #dce7f4!important;border-radius:7px!important;color:#315d9d!important;background:#f3f8ff!important;font-size:.88rem!important;font-weight:800!important;line-height:1!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card>strong{grid-column:1 / -1!important;grid-row:2!important;display:-webkit-box!important;overflow:hidden!important;margin:0!important;color:#10172e!important;font-size:clamp(1.22rem,1.2vw,1.48rem)!important;font-weight:900!important;line-height:1.12!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__description{grid-column:1 / -1!important;grid-row:3!important;display:-webkit-box!important;overflow:hidden!important;margin:0!important;color:#315d9d!important;font-size:clamp(.98rem,1vw,1.08rem)!important;font-weight:650!important;line-height:1.23!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__footer{grid-column:1 / -1!important;grid-row:4!important;padding-top:14px!important;border-top:1px solid #e7edf5!important;color:#657187!important;font-size:.92rem!important;font-weight:750!important;line-height:1.2!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__meta{grid-column:1 / -1!important;grid-row:5!important;display:inline-flex!important;align-items:center!important;gap:14px!important;color:#5a74a5!important;font-size:.9rem!important;font-weight:800!important;line-height:1!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__meta>span{display:inline-flex!important;align-items:center!important;gap:7px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__meta svg{width:18px!important;height:18px!important;color:#5b8ed6!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__check{position:absolute!important;top:20px!important;right:20px!important;width:42px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(180deg,#5d8ff1,#3f6fd8)!important;box-shadow:0 10px 20px #3f6fd842!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__check svg{width:22px!important;height:22px!important}@media(max-width:620px){.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-selectors{grid-template-columns:1fr!important;gap:10px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:1fr!important;gap:12px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card{min-height:226px!important;padding:18px!important}}.taalroute_live_app .quiz-selection-page.quiz-library-page{color:#151b33!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-grid{display:grid!important;grid-template-columns:repeat(4,minmax(250px,1fr))!important;gap:18px!important;align-items:stretch!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card{position:relative!important;min-width:0!important;min-height:236px!important;display:grid!important;grid-template-rows:auto auto minmax(54px,1fr) auto!important;align-content:start!important;gap:14px!important;padding:22px!important;border:1px solid #d8e5f5!important;border-radius:8px!important;color:#151b33!important;background:#fff!important;box-shadow:0 10px 24px #1f44710d!important;font:inherit!important;text-align:left!important;cursor:pointer!important;transform:none!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card:before,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card:before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:0!important;border-radius:8px 0 0 8px!important;background:#0090f2!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card:hover,.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card:focus-visible,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card:hover,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card:focus-visible{border-color:#9fc8f4!important;box-shadow:0 16px 34px #1f447117!important;outline:none!important;transform:none!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card--selected,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card--selected{border:2px solid #4f8fea!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;box-shadow:0 18px 42px #005caa1f!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card--selected:before,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card--selected:before{width:5px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__topline{min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding-right:34px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__badge,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card__eyebrow{width:fit-content!important;min-height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 11px!important;border:1px solid #d5e3f3!important;border-radius:6px!important;color:#315d9d!important;background:#f5f9fe!important;font-size:.84rem!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__duration{color:#64718a!important;font-size:.78rem!important;font-weight:800!important;line-height:1.1!important;white-space:nowrap!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card>strong,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card strong{display:-webkit-box!important;overflow:hidden!important;margin:0!important;color:#10172e!important;font-size:clamp(1.12rem,1.15vw,1.35rem)!important;font-weight:900!important;line-height:1.14!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__description,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card__use{display:-webkit-box!important;overflow:hidden!important;margin:0!important;color:#315d9d!important;font-size:clamp(.94rem,.98vw,1.02rem)!important;font-weight:650!important;line-height:1.24!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__footer{color:#657187!important;font-size:.88rem!important;font-weight:750!important;line-height:1.2!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__check,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card__state{position:absolute!important;top:18px!important;right:18px!important;width:30px!important;height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:999px!important;color:#fff!important;background:#4f8fea!important;box-shadow:0 8px 18px #4f8fea38!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__check svg,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card__state svg{width:17px!important;height:17px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card__icon,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card__meta{display:none!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card__content{display:contents!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card__content>small{color:#657187!important;font-size:.88rem!important;font-weight:750!important}@media(max-width:1280px){.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:repeat(3,minmax(240px,1fr))!important}}@media(max-width:940px){.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}}@media(max-width:620px){.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:1fr!important;gap:12px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card,.taalroute_live_app .quiz-selection-page.quiz-library-page .quick-quiz-card{min-height:204px!important;padding:18px!important}}.taalroute_live_app[data-live-context=host] .host-game-dashboard{position:fixed!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard>.host-share-menu--dashboard{position:absolute!important;top:50%!important;left:clamp(190px,18vw,285px)!important;margin:0!important;transform:translateY(-50%)!important}@media(max-width:760px){.taalroute_live_app[data-live-context=host] .host-game-dashboard>.host-share-menu--dashboard{top:16px!important;right:14px!important;left:auto!important;transform:none!important}}.taalroute_live_app[data-live-context=host],.taalroute_live_app :where([data-live-context=host],.host-presentation-shell,.host-invite-shell){--live-context-background: var(--tl-live-bg);--live-context-surface: var(--tl-glass-bg-strong);--live-context-text: var(--tl-text-strong);--live-context-muted: var(--tl-text-muted);--live-context-border: color-mix(in srgb, var(--tl-primary) 16%, transparent);--live-card-radius: var(--host-radius-panel);--live-button-radius: var(--host-radius-control)}.taalroute_live_app[data-live-context=participant],.taalroute_live_app :where([data-live-context=participant],.participant-shell){--live-context-background: var(--tl-page-bg);--live-context-surface: var(--tl-card-bg);--live-context-text: var(--tl-text);--live-context-muted: var(--tl-text-muted);--live-context-border: var(--tl-border);--live-card-radius: var(--play-radius-panel);--live-button-radius: var(--play-radius-answer)}.taalroute_live_app[data-live-context=teacher],.taalroute_live_app :where([data-live-context=teacher],.app-shell){--live-context-background: var(--tl-page-bg);--live-context-surface: var(--tl-card-bg);--live-context-text: var(--tl-text);--live-context-muted: var(--tl-text-muted);--live-context-border: var(--tl-border);--live-card-radius: var(--control-radius-panel);--live-button-radius: var(--control-radius-md)}.taalroute_live_app[data-live-context=admin],.taalroute_live_app :where([data-live-context=admin],.quiz-editor-page){--live-context-background: var(--tl-page-bg);--live-context-surface: var(--tl-card-bg);--live-context-text: var(--tl-text);--live-context-muted: var(--tl-text-muted);--live-context-border: var(--tl-border);--live-card-radius: var(--tl-radius-card);--live-button-radius: var(--tl-radius-sm)}.taalroute_live_app :where([data-live-context]){color:var(--live-context-text)}.taalroute_live_app :where([data-live-context]) :where(h1,h2,h3,h4,h5,h6){color:var(--live-context-text)}.taalroute_live_app :where([data-live-context]) :where(p,li,dd){color:inherit}.taalroute_live_app .app-shell[data-live-context=teacher]{background:transparent;color:var(--live-context-text)}.taalroute_live_app .app-shell[data-live-context=host]{background:var(--live-context-background);color:var(--live-context-text)}.taalroute_live_app.participant-shell[data-live-context=participant],.taalroute_live_app .participant-shell[data-live-context=participant]{background-color:var(--live-context-background);color:var(--live-context-text)}.taalroute_live_app :where(.topbar,.app-footer){color:var(--tl-text)}.taalroute_live_app :where(.topbar a,.app-footer a){color:inherit}.taalroute_live_app :where(.host-presentation-shell,.participant-shell,.participant-page--waiting,.participant-page--question){--radius-card: var(--live-card-radius);--radius-button: var(--live-button-radius)}.taalroute_live_app :where(.host-presentation-shell,.host-invite-shell){background:var(--live-school-screen-background)}.taalroute_live_app :where(.host-stage-topline,.host-player-bar,.host-presentation-footer){align-items:center}.taalroute_live_app :where(.host-player-bar,.host-question-playerbar){border-radius:var(--live-control-height);background:var(--live-glass-background);box-shadow:var(--live-shadow-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.taalroute_live_app :where(.host-player-bar__button,.host-live-primary-action,.host-live-skip-action,.host-presentation-primary-action){min-height:var(--live-control-height);border-radius:var(--live-button-radius);transition:background var(--live-motion-fast),border-color var(--live-motion-fast),box-shadow var(--live-motion-fast),transform var(--live-motion-fast)}.taalroute_live_app :where(.host-player-bar__button,.host-live-skip-action):hover{transform:translateY(-1px)}.taalroute_live_app :where(.host-player-bar__button,.host-live-primary-action,.host-live-skip-action,.host-presentation-primary-action):focus-visible{outline:0;box-shadow:var(--live-focus-ring),var(--live-shadow-float)}.taalroute_live_app :where(.host-player-bar__start,.host-live-primary-action,.host-presentation-primary-action){border-color:transparent;background:var(--live-blue);color:#fff}.taalroute_live_app :where(.host-player-bar__start,.host-live-primary-action,.host-presentation-primary-action):hover,.taalroute_live_app :where(.host-player-bar__start,.host-live-primary-action,.host-presentation-primary-action):focus-visible{background:var(--live-blue-hover);color:#fff}.taalroute_live_app :where(.host-player-bar__button--icon){width:var(--live-control-height);min-width:var(--live-control-height)}.taalroute_live_app :where(.host-invite-pin,.host-invite-qr,.host-live-question-card,.host-live-participants,.participant-play-card,.participant-question-card){border-color:color-mix(in srgb,var(--live-blue) 14%,transparent);border-radius:var(--live-card-radius);background:var(--live-glass-strong);box-shadow:var(--live-shadow-soft)}.taalroute_live_app :where(.host-invite-pin,.host-invite-qr){width:min(100%,var(--host-access-card-width));min-height:var(--host-access-card-min-height)}.taalroute_live_app :where(.host-invite-bubble,.host-stage-participants,.host-live-participants .host-question-participant-list li>span){border-radius:var(--live-blob-radius)}.taalroute_live_app :where(.host-invite-bubble){background:color-mix(in srgb,var(--color-surface) 90%,var(--live-blue-soft));box-shadow:0 8px 18px #004e8a14}.taalroute_live_app :where(.host-live-answer-grid,.participant-answer-grid,.participant-question-actions){gap:clamp(12px,2vh,22px)}.taalroute_live_app :where(.host-answer-card--button,.participant-answer-option){border-radius:clamp(16px,1.8vw,24px);transition:border-color var(--live-motion-fast),box-shadow var(--live-motion-fast),transform var(--live-motion-fast),opacity var(--live-motion-fast)}.taalroute_live_app :where(.participant-answer-option--selected,.host-answer-card--selected){box-shadow:var(--live-focus-ring),0 18px 40px color-mix(in srgb,var(--answer-accent, var(--live-blue)) 18%,transparent)}@media(max-width:720px){.taalroute_live_app .participant-page--question :where(.participant-answer-grid){gap:8px}.taalroute_live_app .participant-page--question :where(.participant-answer-option){border-radius:12px}.taalroute_live_app .participant-page--question :where(.participant-answer-option--selected){box-shadow:0 0 0 3px color-mix(in srgb,var(--answer-accent, var(--live-blue)) 16%,transparent),0 8px 18px color-mix(in srgb,var(--answer-accent, var(--live-blue)) 10%,transparent)}}.taalroute_live_app :where(.host-settings-panel){border-radius:var(--live-card-radius) 0 0 var(--live-card-radius);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:-18px 0 52px #0e2e4c24}.taalroute_live_app [data-host-dashboard-theme=light]{--live-lobby-text: var(--color-heading);--live-lobby-muted: var(--color-muted);--live-lobby-card: color-mix(in srgb, var(--color-surface) 92%, transparent);--live-lobby-card-border: color-mix(in srgb, var(--live-blue) 16%, transparent);--live-lobby-control: linear-gradient(135deg, rgb(255 255 255 / 82%), rgb(232 245 255 / 62%));--live-lobby-control-text: var(--color-heading);--live-lobby-icon: var(--color-muted);--live-lobby-toast-bg: color-mix(in srgb, var(--color-heading) 92%, transparent);--live-lobby-toast-text: #ffffff}.taalroute_live_app [data-host-dashboard-theme=dark]{--live-lobby-text: #f7fbff;--live-lobby-muted: #b7c6d8;--live-lobby-card: rgb(21 32 51 / 78%);--live-lobby-card-border: rgb(255 255 255 / 16%);--live-lobby-control: linear-gradient(135deg, rgb(255 255 255 / 11%), rgb(0 144 242 / 14%));--live-lobby-control-text: #f7fbff;--live-lobby-icon: #d7e6f6;--live-lobby-toast-bg: rgb(247 251 255 / 96%);--live-lobby-toast-text: #081323}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-shell{--color-heading: #f7fbff;--color-muted: #b7c6d8;--color-surface: #152033;--color-border: rgb(255 255 255 / 14%);background:var(--live-school-screen-background);color:#f7fbff}.taalroute_live_app [data-host-dashboard-theme=dark] :where(.host-invite-pin,.host-invite-qr,.host-game-dashboard,.host-invite-bubble-group){border-color:var(--live-lobby-card-border);background:var(--live-lobby-card);box-shadow:0 18px 44px #00000038}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-access{border-color:#ffffff1a;background:radial-gradient(circle at 30% 16%,rgb(127 208 255 / 10%),transparent 42%),#ffffff0a}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-access-instruction{color:var(--live-lobby-muted)}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-access-instruction strong{color:#7fd0ff}.taalroute_live_app [data-host-dashboard-theme=dark] :where(.host-game-dashboard__code,.host-game-dashboard__timer,.host-game-dashboard__participants){border-color:transparent;background:transparent;color:#f7fbff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard{border-color:transparent}.taalroute_live_app [data-host-dashboard-theme=dark] :where(.host-invite-pin,.host-invite-qr):before{background:radial-gradient(circle at 28% 24%,rgb(71 183 255 / 16%),transparent 42%),linear-gradient(135deg,rgb(255 255 255 / 4%),transparent)}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-shell .join-code--board{color:#f7fbff;text-shadow:0 0 22px rgb(0 144 242 / 42%)}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-pin__code-button:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-pin__code-button:focus-visible,.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard__code-button:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard__code-button:focus-visible{color:#7fd0ff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-shell .qr-code-visual{border-color:#fff;background:#fff;box-shadow:0 0 0 1px #ffffffe5,0 18px 36px #00000042}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-link-action{border-color:#ffffff29;background:#ffffff1a;color:#f7fbff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-share-actions{background:#ffffff14;box-shadow:none}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-share-action{border:0;background:transparent;color:var(--live-theme-text);box-shadow:none}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-share-action:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-share-action:focus-visible{border:0;background:#ffffff26;color:#fff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-share-action--whatsapp{color:#6ee7b7}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-share-action--whatsapp:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-share-action--whatsapp:focus-visible{color:#bbf7d0}.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard__code-button{color:var(--live-lobby-control-text)}.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard__timer-ring{border-color:#7fd0ff9e;color:#7fd0ff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard .host-player-bar__button{border-color:transparent;background:transparent;color:var(--live-lobby-icon)}.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard .host-player-bar__button:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard .host-player-bar__button:focus-visible{border-color:transparent;background:#0090f22e;color:#fff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard .host-player-bar__button--active,.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard .host-player-bar__button--active:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard .host-player-bar__button--active:focus-visible{border-color:transparent;background:#0090f238;color:#fff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard__start,.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard__start:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard__start:focus-visible{border-color:transparent;background:var(--live-blue);color:#fff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard .host-player-bar__button--stop{color:#ffd1d1}.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard .host-player-bar__button--stop:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-game-dashboard .host-player-bar__button--stop:focus-visible{border-color:transparent;background:#ef444424;color:#fff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-toast{border-color:#7fd0ff57;background:var(--live-lobby-toast-bg);color:var(--live-lobby-toast-text);box-shadow:0 18px 40px #00000047}.taalroute_live_app :where(.host-settings-section){border-radius:var(--live-card-radius)}.taalroute_live_app .host-settings-close{min-height:36px}.taalroute_live_app .host-settings-actions{display:grid;grid-template-columns:1fr;gap:8px}.taalroute_live_app .host-settings-action{justify-content:center;min-height:40px;border-radius:var(--live-button-radius)}.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-backdrop--open{background:#030a147a}.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-panel{border-color:#ffffff24;background:radial-gradient(circle at 16% 0%,rgb(0 144 242 / 16%),transparent 34%),#0c1624f5;color:var(--live-lobby-text);box-shadow:-22px 0 54px #0000005c}.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-panel__header{border-color:#ffffff1f}.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-panel__header span,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-choice legend,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-range>span:last-child{color:var(--live-lobby-muted)}.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-panel__header h2,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-section h3,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-toggle span,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-range>span:first-child{color:var(--live-lobby-text)}.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-section,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-toggle,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-range{border-color:#ffffff21;background:#ffffff12}.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-choice__button,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-action,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-close{border-color:#ffffff26;background:#ffffff17;color:var(--live-lobby-text)}.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-choice__button:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-choice__button:focus-visible,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-action:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-action:focus-visible,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-close:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-close:focus-visible{border-color:#7fd0ff75;background:#0090f22e;color:#fff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-choice__button.compact-choice-button--selected,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-choice__button.compact-choice-button--selected:hover,.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-choice__button.compact-choice-button--selected:focus-visible{border-color:var(--live-blue);background:var(--live-blue);color:#fff}.taalroute_live_app [data-host-dashboard-theme=dark] .host-settings-range input[type=range]{accent-color:var(--live-blue)}.taalroute_live_app .host-settings-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1.2fr) auto;gap:8px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-button);padding:7px 8px 7px 10px;background:var(--color-surface)}.taalroute_live_app .host-settings-range span{color:var(--color-heading);font-size:var(--font-size-caption);font-weight:900;white-space:nowrap}.taalroute_live_app .host-settings-range input{width:100%;accent-color:var(--live-blue)}.taalroute_live_app :where(.compact-choice-button,.compact-toggle){min-height:var(--live-button-height);border-radius:var(--live-button-radius)}.taalroute_live_app .host-invite-shell{--host-access-card-width: clamp(300px, 30vw, 430px);--host-access-card-min-height: clamp(180px, 25vh, 310px);--host-access-card-padding: clamp(16px, 2.2vh, 26px);--host-access-code-size: clamp(3.3rem, 6.6vw, 6.6rem);--host-access-qr-size: clamp(158px, 20vw, 250px);--host-bubble-area-min: clamp(132px, 24vh, 230px);--host-bubble-area-max: clamp(150px, 31vh, 300px);--host-bubble-gap: clamp(8px, 1vw, 14px);--host-bubble-max-width: clamp(116px, 15vw, 210px);--host-blob-grid-min: clamp(150px, 14vw, 230px);--host-bubble-min-height: 42px;--host-bubble-padding: 10px 18px;--host-bubble-font-size: clamp(.95rem, 1.22vw, 1.2rem);grid-template-rows:minmax(0,auto) minmax(0,1fr) auto;gap:var(--live-spacing-md);padding:clamp(14px,2vh,26px);overflow:hidden}.taalroute_live_app .host-invite-shell--group-empty{--host-bubble-area-min: clamp(78px, 12vh, 130px);--host-bubble-area-max: clamp(90px, 15vh, 150px)}.taalroute_live_app .host-invite-shell--group-small{--host-access-card-width: clamp(292px, 29vw, 420px);--host-access-card-min-height: clamp(174px, 23vh, 294px);--host-access-code-size: clamp(3.15rem, 6.3vw, 6.2rem);--host-access-qr-size: clamp(154px, 19vw, 236px);--host-bubble-area-min: clamp(120px, 22vh, 210px);--host-bubble-area-max: clamp(140px, 27vh, 250px)}.taalroute_live_app .host-invite-shell--group-medium{--host-access-card-width: clamp(258px, 25vw, 360px);--host-access-card-min-height: clamp(148px, 20vh, 238px);--host-access-card-padding: clamp(12px, 1.8vh, 20px);--host-access-code-size: clamp(2.72rem, 5.3vw, 5rem);--host-access-qr-size: clamp(134px, 15.8vw, 196px);--host-bubble-area-min: clamp(170px, 30vh, 280px);--host-bubble-area-max: clamp(190px, 36vh, 350px);--host-bubble-gap: clamp(7px, .8vw, 12px);--host-bubble-max-width: clamp(102px, 12.5vw, 172px);--host-blob-grid-min: clamp(136px, 12vw, 204px);--host-bubble-min-height: 38px;--host-bubble-padding: 9px 15px;--host-bubble-font-size: clamp(.88rem, 1.08vw, 1.08rem)}.taalroute_live_app .host-invite-shell--group-large{--host-access-card-width: clamp(214px, 21vw, 304px);--host-access-card-min-height: clamp(124px, 16vh, 178px);--host-access-card-padding: clamp(10px, 1.4vh, 16px);--host-access-code-size: clamp(2.3rem, 4.4vw, 4rem);--host-access-qr-size: clamp(106px, 12vw, 150px);--host-bubble-area-min: clamp(220px, 42vh, 400px);--host-bubble-area-max: clamp(230px, 48vh, 470px);--host-bubble-gap: clamp(6px, .7vw, 10px);--host-bubble-max-width: clamp(88px, 10vw, 146px);--host-blob-grid-min: clamp(112px, 10vw, 172px);--host-bubble-min-height: 34px;--host-bubble-padding: 8px 13px;--host-bubble-font-size: clamp(.8rem, .96vw, .98rem)}.taalroute_live_app .host-invite-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--live-spacing-md);min-height:clamp(54px,7vh,66px);padding:8px 10px 8px 14px}.taalroute_live_app .host-invite-topbar__actions{display:flex;justify-content:flex-end;gap:8px}.taalroute_live_app .host-invite-access{display:grid;min-height:0;gap:var(--live-spacing-sm);align-self:center;justify-self:center;width:min(100%,calc((var(--host-access-card-width) * 2) + var(--live-spacing-md) + 24px));border:1px solid color-mix(in srgb,var(--live-blue) 8%,transparent);border-radius:calc(var(--live-card-radius) + 12px);padding:clamp(8px,1vw,12px);background:radial-gradient(circle at 30% 16%,rgb(255 255 255 / 54%),transparent 42%),color-mix(in srgb,var(--live-glass-background) 42%,transparent)}.taalroute_live_app .host-invite-main{grid-template-columns:repeat(2,minmax(220px,var(--host-access-card-width)));align-items:stretch;justify-content:center;gap:var(--live-spacing-md)}.taalroute_live_app :where(.host-invite-pin,.host-invite-qr){position:relative;isolation:isolate;overflow:hidden;align-content:center;border:1px solid color-mix(in srgb,var(--live-blue) 16%,transparent);background:linear-gradient(180deg,#ffffffb8,#ffffff75),var(--live-glass-strong);box-shadow:var(--live-shadow-soft)}.taalroute_live_app .host-invite-qr{display:grid;place-items:center}.taalroute_live_app :where(.host-invite-pin,.host-invite-qr):before{position:absolute;inset:12px;z-index:-1;border-radius:calc(var(--live-card-radius) - 8px);background:radial-gradient(circle at 28% 24%,rgb(0 144 242 / 9%),transparent 42%);content:""}.taalroute_live_app .host-invite-shell .join-code--board{color:var(--live-blue-deep);letter-spacing:.055em}.taalroute_live_app .host-invite-access-instruction{max-width:26ch;margin:0;color:var(--color-muted);font-size:clamp(.9rem,1.3vw,1.05rem);font-weight:850;line-height:1.25}.taalroute_live_app .host-invite-access-instruction strong{display:block;color:var(--live-blue-deep);font-weight:1000;white-space:nowrap}.taalroute_live_app .host-invite-pin__code-row{display:inline-flex;align-items:center;justify-content:center;gap:clamp(8px,1vw,12px)}.taalroute_live_app .host-invite-pin__code-button{border:0;padding:0;background:transparent;cursor:pointer;font:inherit}.taalroute_live_app .host-invite-pin__code-button:hover,.taalroute_live_app .host-invite-pin__code-button:focus-visible{color:var(--live-blue-hover);outline:0;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}.taalroute_live_app .host-invite-pin__copy{display:none}.taalroute_live_app .host-invite-shell .qr-code-visual{max-width:min(100%,27vh);margin:auto;border-color:#fff;border-radius:18px}.taalroute_live_app .host-invite-link-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.taalroute_live_app .host-invite-link-actions--dashboard{display:none}.taalroute_live_app .host-invite-link-action{min-width:128px;background:#ffffffb8}.taalroute_live_app .host-invite-share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:fit-content;max-width:100%;justify-self:center;border-radius:999px;padding:5px;background:#ffffff8a;box-shadow:0 12px 28px #1f61a414}.taalroute_live_app .host-invite-share-action{width:44px;min-width:44px;height:44px;min-height:44px;border:0;border-radius:999px;padding:0;background:transparent;color:color-mix(in srgb,var(--live-blue-deep) 78%,var(--color-muted));box-shadow:none;font-size:.86rem;font-weight:900;line-height:1}.taalroute_live_app .host-invite-share-action .ui-button__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.taalroute_live_app .host-invite-share-action svg{width:22px;height:22px}.taalroute_live_app .host-invite-share-action:hover,.taalroute_live_app .host-invite-share-action:focus-visible{border:0;background:color-mix(in srgb,var(--live-blue) 13%,transparent);color:var(--live-blue-hover);box-shadow:none;transform:none}.taalroute_live_app .host-invite-share-action--whatsapp{color:#128c63}.taalroute_live_app .host-invite-share-action--whatsapp:hover,.taalroute_live_app .host-invite-share-action--whatsapp:focus-visible{background:#128c631c;color:#075e44}.taalroute_live_app .host-invite-share-action--quiet{color:var(--color-muted)}.taalroute_live_app .host-invite-participants{align-self:stretch;min-height:0;border:0;padding:0;background:transparent}.taalroute_live_app .host-invite-bubble-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--host-blob-grid-min)),1fr));min-height:var(--host-bubble-area-min);max-height:var(--host-bubble-area-max);align-content:center;align-items:center;justify-items:center;padding:clamp(6px,1.1vw,16px);border:1px solid color-mix(in srgb,var(--live-blue) 8%,transparent);border-radius:var(--live-card-radius);background:radial-gradient(circle at 50% 36%,rgb(255 255 255 / 64%),transparent 54%),color-mix(in srgb,var(--live-glass-background) 54%,transparent)}.taalroute_live_app .host-invite-bubble-grid{gap:var(--host-bubble-gap)}.taalroute_live_app .host-invite-bubble-grid--normal{--host-blob-grid-min: clamp(158px, 14vw, 240px)}.taalroute_live_app .host-invite-bubble-grid--compact{--host-blob-grid-min: clamp(132px, 12vw, 206px)}.taalroute_live_app .host-invite-bubble-grid--dense{--host-blob-grid-min: clamp(108px, 10vw, 172px)}.taalroute_live_app .host-invite-bubble{--blob-skew: 0deg;position:relative;width:max-content;max-width:min(100%,42ch);justify-self:center;justify-content:center;gap:8px;border-color:color-mix(in srgb,var(--live-blue) 16%,transparent);border-radius:999px 999px 999px 32px;background:linear-gradient(145deg,#ffffffdb,#f4fbffc2),var(--color-surface);box-shadow:inset 0 1px #ffffffb8,0 10px 22px #004e8a17;filter:saturate(1) brightness(1);overflow:visible;text-overflow:clip;transform:skew(var(--blob-skew));transition:background var(--live-motion-medium),border-color var(--live-motion-medium),box-shadow var(--live-motion-medium),filter var(--live-motion-medium),opacity var(--live-motion-medium)}.taalroute_live_app .host-invite-bubble--shape-1{--blob-skew: -1.6deg;border-radius:999px 999px 34px;background:linear-gradient(145deg,#ffffffe0,#e8f5ffc7),var(--color-surface)}.taalroute_live_app .host-invite-bubble--shape-2{--blob-skew: 1.4deg;border-radius:999px 34px 999px 999px;background:linear-gradient(145deg,#ffffffe0,#ebfdffc2),var(--color-surface)}.taalroute_live_app .host-invite-bubble--shape-3{border-radius:36px 999px 999px}.taalroute_live_app .host-invite-bubble--new{animation:live-participant-blob-arrive var(--live-motion-blob) both}.taalroute_live_app .host-invite-bubble__content{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:8px;transform:skew(calc(var(--blob-skew) * -1))}.taalroute_live_app .host-invite-bubble__name{min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}.taalroute_live_app .host-invite-bubble__crown,.taalroute_live_app .host-invite-bubble__ready{display:inline-grid;flex:0 0 auto;place-items:center;color:#fff;line-height:1}.taalroute_live_app .host-invite-bubble__crown{width:1.35em;height:1.35em;animation:live-blob-crown-appear .22s ease-out both;border-radius:999px;background:#172033ad;box-shadow:inset 0 1px #ffffff47}.taalroute_live_app .host-invite-bubble__crown svg,.taalroute_live_app .host-invite-bubble__ready svg{width:.86em;height:.86em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.taalroute_live_app .host-invite-bubble__crown svg{width:.92em;height:.92em;fill:currentColor;stroke-width:0}.taalroute_live_app .host-invite-bubble__ready{position:absolute;right:-.28em;bottom:-.28em;width:1.25em;height:1.25em;border:2px solid rgb(255 255 255 / 86%);border-radius:999px;background:#26c485;box-shadow:0 4px 10px #004e8a24;animation:live-blob-ready-appear .42s cubic-bezier(.16,1.1,.28,1) both;transform:skew(calc(var(--blob-skew) * -1))}.taalroute_live_app .host-invite-bubble--blue{--blob-accent: #0090f2;--blob-accent-2: #47b7ff}.taalroute_live_app .host-invite-bubble--purple{--blob-accent: #7c4dff;--blob-accent-2: #47b7ff}.taalroute_live_app .host-invite-bubble--green{--blob-accent: #26c485;--blob-accent-2: #22c7b8}.taalroute_live_app .host-invite-bubble--pink{--blob-accent: #ff5c7a;--blob-accent-2: #7c4dff}.taalroute_live_app .host-invite-bubble--orange{--blob-accent: #ff9f2e;--blob-accent-2: #ffc83d}.taalroute_live_app .host-invite-bubble--yellow{--blob-accent: #ffc83d;--blob-accent-2: #ff9f2e}.taalroute_live_app .host-invite-bubble--turquoise{--blob-accent: #22c7b8;--blob-accent-2: #47b7ff}.taalroute_live_app .host-invite-bubble--blue,.taalroute_live_app .host-invite-bubble--purple,.taalroute_live_app .host-invite-bubble--green,.taalroute_live_app .host-invite-bubble--pink,.taalroute_live_app .host-invite-bubble--orange,.taalroute_live_app .host-invite-bubble--yellow,.taalroute_live_app .host-invite-bubble--turquoise{border-color:color-mix(in srgb,var(--blob-accent) 42%,rgb(255 255 255));background:radial-gradient(circle at 24% 18%,rgb(255 255 255 / 86%),transparent 24%),linear-gradient(135deg,color-mix(in srgb,var(--blob-accent-2) 48%,#ffffff),color-mix(in srgb,var(--blob-accent) 72%,#ffffff));box-shadow:inset 0 1px #ffffffb8,inset 0 -10px 18px #17203314,0 12px 24px color-mix(in srgb,var(--blob-accent) 20%,transparent);color:#172033}.taalroute_live_app .host-invite-bubble--disconnected{border-color:#8d9aab52;background:linear-gradient(145deg,#ffffffa8,#dae2eba8),#edf2f7;box-shadow:inset 0 1px #ffffff57,0 5px 12px #52607014;color:color-mix(in srgb,var(--color-muted) 78%,var(--color-heading));filter:grayscale(.88) saturate(.32) brightness(.96);opacity:.72}.taalroute_live_app [data-host-dashboard-theme=dark] .host-invite-bubble--disconnected{border-color:#afbccc42;background:linear-gradient(145deg,#e1e9f294,#818fa07a),#263242;color:#f7fbff;box-shadow:inset 0 1px #ffffff2e,0 5px 14px #0000002e;opacity:.64}.taalroute_live_app .host-invite-bubble--disconnected .host-invite-bubble__crown,.taalroute_live_app .host-invite-bubble--disconnected .host-invite-bubble__ready{filter:grayscale(1);opacity:.72}.taalroute_live_app .host-invite-bubble--reconnecting:after{position:absolute;right:.8em;top:50%;width:.48em;height:.48em;border-radius:999px;background:#ffffffe0;box-shadow:-.72em 0 #ffffff8a,.72em 0 #ffffff8a;content:"";animation:live-blob-reconnecting-breathe 1.2s ease-in-out infinite;transform:translateY(-50%)}.taalroute_live_app .host-invite-bubble--reconnecting .host-invite-bubble__content{padding-right:1.45em}.taalroute_live_app .host-invite-bubble--compact{gap:6px;min-height:34px;padding:8px 13px;font-size:.92em}.taalroute_live_app .host-invite-shell{--host-lobby-shell-max: min(94vw, 1660px);--host-lobby-main-height: minmax(0, 1fr);grid-template-rows:auto var(--host-lobby-main-height) auto;width:min(100%,var(--host-lobby-shell-max));margin-inline:auto;padding:clamp(20px,2.6vh,34px) clamp(26px,3.4vw,56px) clamp(18px,2.2vh,28px);background:radial-gradient(circle at 14% 38%,rgb(0 144 242 / 18%),transparent 22%),radial-gradient(circle at 91% 18%,rgb(34 199 184 / 30%),transparent 20%),radial-gradient(circle at 94% 86%,rgb(0 98 255 / 26%),transparent 22%),linear-gradient(135deg,#f8fcff,#edf7ff 45%,#f7fbff)}.taalroute_live_app .host-invite-brand{display:inline-flex;align-items:center;width:clamp(112px,10vw,168px);line-height:0}.taalroute_live_app .host-invite-brand__logo{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 18px rgb(0 93 168 / 12%))}.taalroute_live_app .host-invite-access{align-self:center;width:100%;border:0;border-radius:0;padding:0;background:transparent}.taalroute_live_app .host-invite-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,clamp(220px,19vw,330px));gap:clamp(24px,3.2vw,58px);align-items:center;justify-content:stretch}.taalroute_live_app :where(.host-invite-pin,.host-invite-qr){border-color:#ffffffb3;background:#ffffffc7;box-shadow:inset 0 1px #ffffffdb,0 22px 56px #0f437621}.taalroute_live_app .host-invite-pin{display:grid;min-height:clamp(250px,39vh,440px);align-content:center;justify-items:center;border-radius:clamp(34px,4vw,64px);padding:clamp(28px,4vw,66px)}.taalroute_live_app .host-invite-qr{min-height:clamp(250px,36vh,420px);border-radius:clamp(24px,2.4vw,36px);padding:clamp(18px,2vw,30px)}.taalroute_live_app .host-invite-pin:before{background:radial-gradient(circle at 50% 52%,rgb(255 255 255 / 82%),transparent 46%),linear-gradient(115deg,transparent 0 74%,rgb(34 199 184 / 9%) 74% 100%)}.taalroute_live_app .host-invite-qr:before{background:radial-gradient(circle at 50% 44%,rgb(255 255 255 / 92%),transparent 58%)}.taalroute_live_app .host-invite-pin>span,.taalroute_live_app .host-invite-qr>span{color:var(--live-blue);font-size:clamp(.96rem,1.22vw,1.34rem);font-weight:1000;letter-spacing:.12em;line-height:1;text-transform:uppercase}.taalroute_live_app .host-invite-shell .join-code--board{color:#081845;font-size:clamp(5.8rem,12.5vw,13.5rem);letter-spacing:.055em;line-height:.92;text-shadow:0 10px 22px rgb(8 24 69 / 8%)}.taalroute_live_app .host-invite-pin__code-row{margin-block:clamp(12px,1.9vh,22px)}.taalroute_live_app .host-invite-access-instruction{display:flex;flex-wrap:wrap;max-width:none;align-items:center;justify-content:center;gap:.35em;color:var(--color-heading);font-size:clamp(1.25rem,2vw,2.18rem);font-weight:760}.taalroute_live_app .host-invite-access-instruction:before{display:inline-grid;width:1.72em;height:1.72em;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--live-blue) 12%,#ffffff);color:var(--live-blue-deep);content:"🌐";font-size:.72em}.taalroute_live_app .host-invite-access-instruction strong{display:inline;color:var(--live-blue)}.taalroute_live_app .host-invite-access-instruction span{display:inline}.taalroute_live_app .host-invite-shell .qr-code-visual{width:min(100%,clamp(170px,16vw,270px));max-width:none;border-radius:18px;box-shadow:0 12px 28px #0f437624}.taalroute_live_app .host-invite-qr__hint{max-width:17ch;margin:12px auto 0;border-radius:999px;padding:9px 12px;background:color-mix(in srgb,var(--live-blue) 8%,#ffffff);color:var(--color-heading);font-size:clamp(.78rem,.9vw,.96rem);font-weight:850;line-height:1.15;text-align:center}.taalroute_live_app .host-invite-share-actions{position:absolute;right:clamp(18px,3vw,54px);top:clamp(18px,2.2vh,34px);z-index:5;background:#ffffffc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.taalroute_live_app .host-invite-participants{display:grid;align-content:start;gap:clamp(9px,1.2vh,14px);width:min(100%,1060px);justify-self:center}.taalroute_live_app .host-invite-participants__heading{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--live-blue);font-weight:950;letter-spacing:.12em;text-transform:uppercase}.taalroute_live_app .host-invite-participants__heading h2,.taalroute_live_app .host-invite-participants__heading span{margin:0;font-size:clamp(.9rem,1.12vw,1.1rem)}.taalroute_live_app .host-invite-participants__heading svg{width:20px;height:20px}.taalroute_live_app .host-invite-bubble-group{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));min-height:0;max-height:clamp(96px,18vh,180px);align-content:center;gap:clamp(8px,1vw,14px);border:0;border-radius:0;padding:0;background:transparent}.taalroute_live_app .host-invite-bubble{width:100%;max-width:none;min-height:44px;justify-content:flex-start;border:1px solid rgb(255 255 255 / 82%);border-radius:999px;padding:7px 13px;background:#ffffffd1;color:var(--color-heading);box-shadow:inset 0 1px #ffffffd6,0 10px 24px #0f43761c;transform:none}.taalroute_live_app .host-invite-bubble__content{width:100%;justify-content:flex-start;transform:none}.taalroute_live_app .host-invite-bubble__name{overflow:hidden;text-overflow:ellipsis}.taalroute_live_app .host-invite-bubble:before{display:inline-grid;width:2em;height:2em;flex:0 0 auto;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--blob-accent, var(--live-blue)) 22%,#ffffff);color:var(--color-heading);content:attr(data-initials);font-size:.82em;font-weight:1000}.taalroute_live_app .host-invite-bubble--blue,.taalroute_live_app .host-invite-bubble--purple,.taalroute_live_app .host-invite-bubble--green,.taalroute_live_app .host-invite-bubble--pink,.taalroute_live_app .host-invite-bubble--orange,.taalroute_live_app .host-invite-bubble--yellow,.taalroute_live_app .host-invite-bubble--turquoise{border-color:#ffffffd1;background:#ffffffd1;box-shadow:inset 0 1px #ffffffd6,0 10px 24px color-mix(in srgb,var(--blob-accent) 10%,transparent)}.taalroute_live_app .host-invite-bubble__crown{background:color-mix(in srgb,var(--live-blue-deep) 86%,transparent)}.taalroute_live_app .host-invite-bubble__ready{right:10px;bottom:50%;width:.62em;height:.62em;border:0;background:#39a852;transform:translateY(50%)}.taalroute_live_app .host-invite-bubble__ready svg{display:none}.taalroute_live_app .host-game-dashboard{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:minmax(220px,1.05fr) minmax(120px,.54fr) minmax(150px,.62fr) minmax(300px,auto);gap:clamp(8px,1vw,14px);align-items:center;min-height:clamp(58px,7vh,72px);border:0;border-radius:clamp(18px,2vw,28px);padding:8px;background:#ffffffa8;overflow:visible;box-shadow:0 18px 40px #0036691a}.taalroute_live_app .host-game-dashboard--timer-hidden{grid-template-columns:minmax(220px,1.14fr) minmax(150px,.62fr) minmax(300px,auto)}.taalroute_live_app .host-game-dashboard__code,.taalroute_live_app .host-game-dashboard__timer,.taalroute_live_app .host-game-dashboard__participants{display:inline-flex;min-width:0;min-height:var(--live-control-height);align-items:center;gap:8px;border:0;border-radius:0;padding:4px 8px;background:transparent;color:var(--color-heading);box-shadow:none}.taalroute_live_app .host-game-dashboard__code{transform:none}.taalroute_live_app .host-game-dashboard__code>*,.taalroute_live_app .host-game-dashboard__code-button{transform:none}.taalroute_live_app .host-game-dashboard__code svg,.taalroute_live_app .host-game-dashboard__timer svg,.taalroute_live_app .host-game-dashboard__participants svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1}.taalroute_live_app .host-game-dashboard__code-button{min-width:6ch;border:0;padding:0 2px;background:transparent;color:var(--color-heading);cursor:pointer;font:inherit;font-size:clamp(1.22rem,1.9vw,1.72rem);font-weight:1000;letter-spacing:.08em;line-height:1}.taalroute_live_app .host-game-dashboard__code-button:hover,.taalroute_live_app .host-game-dashboard__code-button:focus-visible{color:var(--live-blue-deep);outline:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.taalroute_live_app .host-game-dashboard__code-button+.host-player-bar__button--icon{display:none!important;width:0;min-width:0;height:0;min-height:0}.taalroute_live_app .host-game-dashboard__timer{justify-content:center}.taalroute_live_app .host-game-dashboard__timer-ring{display:inline-grid;width:34px;height:34px;place-items:center;border:2px solid color-mix(in srgb,var(--live-blue) 42%,transparent);border-radius:50%;color:var(--live-blue-deep)}.taalroute_live_app .host-game-dashboard__timer strong{min-width:5ch;font-size:clamp(1rem,1.35vw,1.24rem);font-weight:1000;letter-spacing:.04em;line-height:1}.taalroute_live_app .host-game-dashboard__participants{justify-content:center}.taalroute_live_app .host-game-dashboard__participants strong{font-size:clamp(1.35rem,2vw,1.8rem);font-weight:1000;line-height:1}.taalroute_live_app .host-game-dashboard__participants span{overflow:hidden;font-size:var(--font-size-caption);font-weight:950;text-overflow:ellipsis;white-space:nowrap}.taalroute_live_app .host-game-dashboard__actions{display:flex;min-width:0;justify-content:flex-end}.taalroute_live_app .host-game-dashboard .host-player-bar__button--icon{flex:0 0 auto}.taalroute_live_app .host-game-dashboard .host-player-bar__button--stop{color:var(--color-danger-deep)}.taalroute_live_app .host-game-dashboard .host-player-bar__button--stop:hover,.taalroute_live_app .host-game-dashboard .host-player-bar__button--stop:focus-visible{border-color:color-mix(in srgb,var(--color-danger) 32%,var(--color-border));background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface));color:var(--color-danger-deep)}.taalroute_live_app .host-game-dashboard__start{min-width:clamp(92px,9vw,132px);border-radius:999px 18px 999px 22px;padding-inline:16px 18px;box-shadow:var(--live-glow)}.taalroute_live_app .host-toast{top:clamp(72px,9vh,96px);right:clamp(18px,2.2vw,34px);bottom:auto;border-radius:var(--live-button-radius)}.taalroute_live_app .host-stop-confirm-backdrop{position:fixed;inset:0;z-index:48;background:#081a2e57;opacity:0;pointer-events:none;transition:opacity var(--live-motion-fast)}.taalroute_live_app .host-stop-confirm-backdrop--open{opacity:1;pointer-events:auto}.taalroute_live_app .host-stop-confirm{position:fixed;left:50%;top:50%;z-index:49;display:grid;width:min(360px,calc(100vw - 32px));gap:18px;border:1px solid color-mix(in srgb,var(--live-blue) 16%,transparent);border-radius:var(--live-card-radius);padding:22px;background:color-mix(in srgb,var(--color-surface) 96%,transparent);box-shadow:var(--live-shadow-soft);opacity:0;pointer-events:none;transform:translate(-50%,-46%) scale(.98);transition:opacity var(--live-motion-fast),transform var(--live-motion-fast)}.taalroute_live_app .host-stop-confirm--open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.taalroute_live_app .host-stop-confirm h2{margin:0;color:var(--color-heading);font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.25}.taalroute_live_app .host-stop-confirm__actions{display:flex;justify-content:flex-end;gap:10px}.taalroute_live_app [data-host-dashboard-theme=dark] .host-stop-confirm-backdrop{background:#030a1494}.taalroute_live_app [data-host-dashboard-theme=dark] .host-stop-confirm{border-color:#ffffff24;background:radial-gradient(circle at 16% 0%,rgb(0 144 242 / 16%),transparent 34%),#0c1624f5;box-shadow:0 24px 56px #00000061}.taalroute_live_app [data-host-dashboard-theme=dark] .host-stop-confirm h2{color:var(--live-lobby-text)}.taalroute_live_app .host-question-page--live{grid-template-rows:auto minmax(0,1fr) auto;gap:var(--live-spacing-md);padding:clamp(14px,2vh,26px);background:var(--live-school-screen-background);color:var(--color-heading)}.taalroute_live_app .host-stage-topline{min-height:clamp(54px,7vh,66px);grid-template-columns:minmax(180px,1fr) auto;gap:var(--live-spacing-md);border:1px solid color-mix(in srgb,var(--live-blue) 12%,transparent);border-radius:var(--live-control-height);padding:8px clamp(100px,9vw,118px) 8px 14px;background:var(--live-glass-background);box-shadow:var(--live-shadow-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.taalroute_live_app .host-live-status__progress{gap:7px}.taalroute_live_app .host-live-status__progress strong,.taalroute_live_app .host-stage-pin{border-color:color-mix(in srgb,var(--live-blue) 16%,transparent);border-radius:var(--live-button-radius);background:color-mix(in srgb,var(--live-blue) 9%,var(--color-surface));color:var(--live-blue-deep)}.taalroute_live_app .host-live-progress{height:8px;background:color-mix(in srgb,var(--live-blue) 12%,var(--color-surface))}.taalroute_live_app .host-live-action-group{flex-wrap:nowrap;align-items:center;gap:8px}.taalroute_live_app :where(.host-live-primary-action,.host-live-skip-action){min-height:var(--live-control-height);border-radius:var(--live-button-radius);padding-inline:18px}.taalroute_live_app .host-live-skip-action{background:#ffffffbd;color:var(--color-heading)}.taalroute_live_app .host-stage-timer{top:clamp(14px,2vh,26px);right:clamp(14px,2vh,26px)}.taalroute_live_app .host-stage-participants{right:clamp(14px,2vh,26px);border-color:color-mix(in srgb,var(--live-blue) 12%,transparent);border-radius:var(--live-card-radius);background:var(--live-glass-background);box-shadow:var(--live-shadow-float)}.taalroute_live_app .host-live-layout{padding-right:clamp(96px,9.4vw,132px)}.taalroute_live_app .host-live-main{grid-template-rows:minmax(220px,1fr) auto;gap:clamp(14px,2vh,22px)}.taalroute_live_app .host-live-question-card{align-content:center;border:1px solid color-mix(in srgb,var(--live-blue) 12%,transparent);border-radius:var(--live-card-radius);background:linear-gradient(180deg,#ffffffc2,#ffffff7a),var(--live-glass-strong);box-shadow:var(--live-shadow-soft)}.taalroute_live_app .host-live-question-card h2{color:var(--color-heading);letter-spacing:0}.taalroute_live_app .host-live-question-media{border-radius:calc(var(--live-card-radius) - 6px)}.taalroute_live_app .host-live-answer-grid{gap:clamp(14px,2vh,22px)}.taalroute_live_app .host-answer-card--button{min-height:clamp(108px,13vh,154px);gap:clamp(12px,1.6vw,20px);border-radius:clamp(16px,1.8vw,24px)}.taalroute_live_app .host-answer-card--button .host-answer-card__letter{border-radius:16px}.taalroute_live_app .host-question-playerbar{display:flex;min-height:clamp(52px,7vh,62px);align-items:center;justify-content:space-between;gap:var(--live-spacing-md);border:1px solid color-mix(in srgb,var(--live-blue) 12%,transparent);padding:8px 10px 8px 14px}.taalroute_live_app .host-question-playerbar__actions{display:flex;flex-wrap:nowrap;gap:4px;justify-content:flex-end}.taalroute_live_app .host-question-playerbar .host-control-button{width:var(--live-control-height);min-width:var(--live-control-height);height:var(--live-control-height);border-color:transparent;border-radius:var(--radius-pill);background:transparent;color:color-mix(in srgb,var(--live-blue-deep) 72%,var(--color-muted));box-shadow:none}.taalroute_live_app .host-question-playerbar .host-control-button:hover,.taalroute_live_app .host-question-playerbar .host-control-button:focus-visible{border-color:transparent;background:color-mix(in srgb,var(--live-blue) 11%,transparent);color:var(--live-blue-deep);transform:none}.taalroute_live_app .host-question-playerbar .host-control-button--active{border-color:transparent;background:color-mix(in srgb,var(--live-blue) 14%,transparent);color:var(--live-blue)}.taalroute_live_app .host-question-playerbar .host-stop-action{color:color-mix(in srgb,var(--color-muted) 82%,var(--color-danger))}.taalroute_live_app .host-question-status{flex-basis:auto;min-width:min(320px,36vw);margin-left:auto;text-align:right}@media(max-width:980px){.taalroute_live_app .host-stage-topline,.taalroute_live_app .host-live-layout{padding-right:0}.taalroute_live_app .host-stage-topline{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:620px){.taalroute_live_app .host-question-page--live{gap:8px;padding:8px}.taalroute_live_app .host-stage-topline{display:contents}.taalroute_live_app .host-stage-timer{--timer-size: 50px;top:auto;right:auto}.taalroute_live_app .host-stage-participants{right:auto;min-width:54px;border-radius:12px;padding:5px 7px}.taalroute_live_app .host-live-main{grid-template-rows:auto auto;gap:10px}.taalroute_live_app .host-live-question-card{min-height:clamp(120px,26vh,210px);border-radius:18px;padding:18px}.taalroute_live_app .host-live-question-card h2{font-size:clamp(1.55rem,9vw,2.4rem)}.taalroute_live_app .host-live-answer-grid{gap:10px}.taalroute_live_app .host-answer-card--button{min-height:72px;grid-template-columns:46px minmax(0,1fr);gap:12px;border-radius:16px;padding:10px 12px}.taalroute_live_app .host-answer-card--button .host-answer-card__letter{width:46px;height:46px;border-radius:12px;font-size:1.55rem}.taalroute_live_app .host-question-playerbar{min-height:50px;border-radius:18px;padding:6px 8px}.taalroute_live_app .host-question-playerbar .host-control-button{width:44px;min-width:44px;height:44px}}@keyframes live-participant-blob-arrive{0%{opacity:0;transform:skew(var(--blob-skew)) translateY(14px) scale(.82)}64%{opacity:1;transform:skew(var(--blob-skew)) translateY(-3px) scale(1.075)}to{opacity:1;transform:skew(var(--blob-skew)) translateY(0) scale(1)}}@keyframes live-blob-ready-appear{0%{opacity:0;transform:skew(calc(var(--blob-skew) * -1)) scale(.62)}58%{opacity:1;transform:skew(calc(var(--blob-skew) * -1)) scale(1.18)}to{opacity:1;transform:skew(calc(var(--blob-skew) * -1)) scale(1)}}@keyframes live-blob-crown-appear{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes live-blob-reconnecting-breathe{0%,to{opacity:.44}50%{opacity:.92}}@media(max-width:780px){.taalroute_live_app .host-page--lobby{min-height:100dvh;padding:0;overflow:hidden}.taalroute_live_app .host-settings-panel{top:auto;bottom:0;width:100vw;max-height:min(82dvh,680px);height:auto;border-top:1px solid var(--color-border);border-left:0;border-radius:var(--live-card-radius) var(--live-card-radius) 0 0;transform:translateY(102%)}.taalroute_live_app .host-settings-panel--open{transform:translateY(0)}.taalroute_live_app .host-invite-shell{--host-access-card-width: min(100%, 320px);--host-access-card-min-height: 136px;--host-access-code-size: clamp(2.35rem, 13vw, 3.7rem);--host-access-qr-size: clamp(108px, 31vw, 144px);--host-blob-grid-min: min(100%, 150px);gap:8px;grid-template-rows:auto minmax(0,1fr) auto;padding:10px}.taalroute_live_app .host-invite-topbar{grid-template-columns:auto 1fr}.taalroute_live_app .host-invite-topbar .host-player-bar__status{display:none}.taalroute_live_app .host-invite-main{grid-template-columns:1fr 1fr;gap:8px}.taalroute_live_app .host-invite-link-action{min-width:0}.taalroute_live_app .host-game-dashboard{grid-template-columns:1fr auto}.taalroute_live_app .host-game-dashboard__timer,.taalroute_live_app .host-game-dashboard__participants{display:none}.taalroute_live_app .host-game-dashboard__actions{gap:5px}.taalroute_live_app .host-game-dashboard__actions .host-player-bar__button--icon:nth-of-type(1),.taalroute_live_app .host-game-dashboard__actions .host-player-bar__button--icon:nth-of-type(2){display:none}}@media(max-width:520px){.taalroute_live_app .host-game-dashboard{grid-template-columns:1fr;gap:6px}.taalroute_live_app .host-game-dashboard__code,.taalroute_live_app .host-game-dashboard__actions{justify-content:center}.taalroute_live_app .host-game-dashboard__code,.taalroute_live_app .host-game-dashboard__actions{width:100%}.taalroute_live_app .host-invite-bubble{max-width:100%;overflow:hidden}.taalroute_live_app .host-invite-bubble__name{overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.taalroute_live_app{--live-motion-fast: 1ms linear;--live-motion-medium: 1ms linear;--live-motion-slow: 1ms linear;--live-motion-blob: 1ms linear;--live-motion-countdown: 1ms linear}.taalroute_live_app :where(.host-player-bar__button,.host-live-skip-action):hover{transform:none}.taalroute_live_app .host-invite-bubble--new{animation:live-participant-blob-arrive-reduced .18s linear both}.taalroute_live_app .host-invite-bubble__ready,.taalroute_live_app .host-invite-bubble__crown,.taalroute_live_app .host-invite-bubble--reconnecting:after{animation:none}}@keyframes live-participant-blob-arrive-reduced{0%{opacity:0}to{opacity:1}}.taalroute_live_app{--live-action-blue: var(--palette-brand-primary);--live-action-blue-hover: var(--palette-brand-primary-hover);--live-action-blue-deep: var(--palette-brand-primary-dark);--live-action-blue-soft: var(--palette-brand-primary-light)}.taalroute_live_app :where(.button,.ui-button,.compact-choice-button,.compact-toggle,.icon-button,.profile-summary,.choice-tile,.method-choice-card,.quick-focus-chip){transition:background-color var(--live-motion-fast),border-color var(--live-motion-fast),box-shadow var(--live-motion-fast),color var(--live-motion-fast),transform var(--live-motion-fast)}.taalroute_live_app :where(.ui-button,.button,.compact-choice-button,.compact-toggle){min-height:44px;border-radius:var(--control-radius-md, var(--tl-radius-sm));line-height:1}.taalroute_live_app :where(.ui-button--small){min-height:38px}.taalroute_live_app :where(.ui-button--large){min-height:52px}.taalroute_live_app :where(.ui-button:hover,.ui-button:focus-visible,.button:hover,.button:focus-visible){transform:none}.taalroute_live_app :where(.ui-button:focus-visible,.button:focus-visible,.compact-choice-button:focus-visible,.compact-toggle:focus-visible){outline:0;box-shadow:var(--live-focus-ring)}.taalroute_live_app :where(.ui-button:disabled,.ui-button[aria-disabled=true],.button:disabled,.button[aria-disabled=true]){color:color-mix(in srgb,var(--color-text) 48%,var(--color-muted));opacity:.68;transform:none}.taalroute_live_app :where(.host-player-bar,.host-question-playerbar){--live-player-control-size: 44px;--host-player-button-height: var(--live-player-control-size)}.taalroute_live_app :where(.host-player-bar__button,.host-control-button){position:relative;width:var(--live-player-control-size);min-width:var(--live-player-control-size);height:var(--live-player-control-size);min-height:var(--live-player-control-size);border:0;border-radius:var(--radius-pill);padding:0;background:transparent;color:color-mix(in srgb,var(--live-action-blue-deep) 62%,var(--color-muted));box-shadow:none;transform:none}.taalroute_live_app :where(.host-player-bar__button:hover,.host-player-bar__button:focus-visible,.host-control-button:hover,.host-control-button:focus-visible){border:0;background:color-mix(in srgb,var(--live-action-blue) 13%,transparent);color:var(--live-action-blue-deep);box-shadow:none;transform:none}.taalroute_live_app :where(.host-player-bar__button:focus-visible,.host-control-button:focus-visible){outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--live-action-blue) 28%,transparent)}.taalroute_live_app :where(.host-player-bar__button--active,.host-control-button--active),.taalroute_live_app :where(.host-player-bar__button--active:hover,.host-player-bar__button--active:focus-visible,.host-control-button--active:hover,.host-control-button--active:focus-visible){background:color-mix(in srgb,var(--live-action-blue) 16%,transparent);color:var(--live-action-blue)}.taalroute_live_app :where(.host-player-bar__button:disabled,.host-player-bar__button[aria-disabled=true],.host-control-button:disabled,.host-control-button[aria-disabled=true]){background:transparent;color:color-mix(in srgb,var(--color-muted) 72%,transparent);opacity:.56}.taalroute_live_app :where(.host-player-bar__button .ui-button__label,.host-control-button .ui-button__label){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.taalroute_live_app :where(.host-player-bar__button svg,.host-control-button svg){width:21px;height:21px}.taalroute_live_app :where(.host-player-bar__start,.host-live-primary-action,.host-presentation-primary-action){width:auto;min-width:112px;padding-inline:18px;border-radius:var(--live-button-radius)}.taalroute_live_app :where(.host-player-bar__start .ui-button__label,.host-live-primary-action .ui-button__label,.host-presentation-primary-action .ui-button__label){position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:nowrap}.taalroute_live_app[data-live-context=teacher] .quick-focus-chip{transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.taalroute_live_app[data-live-context=teacher] .quick-focus-chip--selected,.taalroute_live_app[data-live-context=teacher] .quick-focus-chip--selected:hover,.taalroute_live_app[data-live-context=teacher] .quick-focus-chip--selected:focus-visible,.taalroute_live_app[data-live-context=teacher] .quick-focus-chip--selected:active,.taalroute_live_app[data-live-context=teacher] .quick-focus-chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.taalroute_live_app[data-live-context=teacher] :where(.button--primary,.ui-button--primary,.button--compact,.button--hero.button--primary,.mini-card__button){border-color:var(--control-accent-blue);background:var(--control-accent-blue);color:#fff;box-shadow:var(--control-shadow-hover)}.taalroute_live_app[data-live-context=teacher] :where(.button--primary,.ui-button--primary,.button--compact,.button--hero.button--primary,.mini-card__button):hover,.taalroute_live_app[data-live-context=teacher] :where(.button--primary,.ui-button--primary,.button--compact,.button--hero.button--primary,.mini-card__button):focus-visible{border-color:var(--live-action-blue-hover);background:var(--live-action-blue-hover);color:#fff}.taalroute_live_app[data-live-context=teacher] :where(.button--secondary,.ui-button--secondary){border-color:color-mix(in srgb,var(--control-accent-blue) 32%,var(--color-border));background:linear-gradient(90deg,color-mix(in srgb,var(--control-accent-blue) 7%,transparent),transparent 72%),var(--control-surface);color:var(--control-accent-blue-deep);box-shadow:var(--control-shadow)}.taalroute_live_app[data-live-context=teacher] :where(.button--secondary,.ui-button--secondary):hover,.taalroute_live_app[data-live-context=teacher] :where(.button--secondary,.ui-button--secondary):focus-visible{border-color:color-mix(in srgb,var(--control-accent-blue) 50%,var(--color-border));background:linear-gradient(90deg,color-mix(in srgb,var(--control-accent-blue) 11%,transparent),transparent 72%),var(--control-surface);color:var(--control-accent-blue-deep)}.taalroute_live_app[data-live-context=teacher] :where(.ui-button--ghost,.button--ghost){border-color:transparent;background:transparent;color:var(--control-accent-blue-deep);box-shadow:none}.taalroute_live_app[data-live-context=teacher] :where(.ui-button--ghost,.button--ghost):hover,.taalroute_live_app[data-live-context=teacher] :where(.ui-button--ghost,.button--ghost):focus-visible{border-color:color-mix(in srgb,var(--control-accent-blue) 22%,var(--color-border));background:color-mix(in srgb,var(--control-accent-blue) 7%,var(--control-surface))}.taalroute_live_app[data-live-context=teacher] :where(.ui-button--danger){border-color:color-mix(in srgb,var(--chart-danger) 32%,var(--color-border));background:color-mix(in srgb,var(--chart-danger) 7%,var(--control-surface));color:var(--chart-danger-deep)}.taalroute_live_app[data-live-context=teacher] :where(.choice-tile,.method-choice-card){border-color:color-mix(in srgb,var(--control-card-accent, var(--control-accent-blue)) 28%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--control-card-accent, var(--control-accent-blue)) 8%,transparent),transparent 68%),var(--control-surface)}.taalroute_live_app[data-live-context=host] :where(.button--primary,.ui-button--primary,.button--compact,.button--hero.button--primary),.taalroute_live_app[data-live-context=participant] :where(.button--primary,.ui-button--primary,.button--compact,.button--hero.button--primary),.taalroute_live_app[data-live-context=host] :where(.host-game-dashboard__start,.host-live-primary-action,.host-presentation-primary-action){border-color:var(--live-action-blue);background:var(--live-action-blue);color:#fff;box-shadow:0 14px 30px #0090f242}.taalroute_live_app[data-live-context=host] :where(.button--primary,.ui-button--primary,.button--compact,.button--hero.button--primary):hover,.taalroute_live_app[data-live-context=host] :where(.button--primary,.ui-button--primary,.button--compact,.button--hero.button--primary):focus-visible,.taalroute_live_app[data-live-context=participant] :where(.button--primary,.ui-button--primary,.button--compact,.button--hero.button--primary):hover,.taalroute_live_app[data-live-context=participant] :where(.button--primary,.ui-button--primary,.button--compact,.button--hero.button--primary):focus-visible,.taalroute_live_app[data-live-context=host] :where(.host-game-dashboard__start,.host-live-primary-action,.host-presentation-primary-action):hover,.taalroute_live_app[data-live-context=host] :where(.host-game-dashboard__start,.host-live-primary-action,.host-presentation-primary-action):focus-visible{border-color:var(--live-action-blue-hover);background:var(--live-action-blue-hover);color:#fff}.taalroute_live_app[data-live-context=host] :where(.button--secondary,.ui-button--secondary,.host-invite-link-action,.host-settings-action),.taalroute_live_app[data-live-context=participant] :where(.button--secondary,.ui-button--secondary,.host-invite-link-action,.host-settings-action){border-color:color-mix(in srgb,var(--live-action-blue) 32%,var(--color-border));background:color-mix(in srgb,var(--live-action-blue-soft) 72%,#ffffff);color:var(--live-action-blue-deep)}.taalroute_live_app[data-live-context=host] :where(.button--secondary,.ui-button--secondary,.host-invite-link-action,.host-settings-action):hover,.taalroute_live_app[data-live-context=host] :where(.button--secondary,.ui-button--secondary,.host-invite-link-action,.host-settings-action):focus-visible,.taalroute_live_app[data-live-context=participant] :where(.button--secondary,.ui-button--secondary,.host-invite-link-action,.host-settings-action):hover,.taalroute_live_app[data-live-context=participant] :where(.button--secondary,.ui-button--secondary,.host-invite-link-action,.host-settings-action):focus-visible{border-color:color-mix(in srgb,var(--live-action-blue) 52%,var(--color-border));background:color-mix(in srgb,var(--live-action-blue-soft) 88%,#ffffff);color:var(--live-action-blue-deep)}.taalroute_live_app :where(.compact-choice-button--selected,.compact-toggle--on,.settings-segment.compact-choice-button--selected),.taalroute_live_app :where(.host-settings-choice__button.compact-choice-button--selected){border-color:var(--live-action-blue);background:var(--live-action-blue);color:#fff}.taalroute_live_app :where(.compact-choice-button--selected,.compact-toggle--on,.settings-segment.compact-choice-button--selected):hover,.taalroute_live_app :where(.compact-choice-button--selected,.compact-toggle--on,.settings-segment.compact-choice-button--selected):focus-visible,.taalroute_live_app :where(.host-settings-choice__button.compact-choice-button--selected):hover,.taalroute_live_app :where(.host-settings-choice__button.compact-choice-button--selected):focus-visible{border-color:var(--live-action-blue-hover);background:var(--live-action-blue-hover);color:#fff}.taalroute_live_app :where(.host-player-bar__button--active,.host-control-button--active){border-color:transparent;background:color-mix(in srgb,var(--live-action-blue) 14%,transparent);color:var(--live-action-blue)}.taalroute_live_app :where(.host-player-bar__button--active,.host-control-button--active):hover,.taalroute_live_app :where(.host-player-bar__button--active,.host-control-button--active):focus-visible{border-color:transparent;background:color-mix(in srgb,var(--live-action-blue) 18%,transparent);color:var(--live-action-blue-deep)}.taalroute_live_app[data-live-context=host] :where(.host-player-bar__button,.host-control-button),.taalroute_live_app[data-live-context=host] :where(.host-player-bar__button.ui-button--secondary,.host-player-bar__button.ui-button--ghost,.host-control-button.ui-button--secondary,.host-control-button.ui-button--ghost){width:var(--live-player-control-size);min-width:var(--live-player-control-size);height:var(--live-player-control-size);min-height:var(--live-player-control-size);border:0;border-radius:var(--radius-pill);padding:0;background:transparent;color:color-mix(in srgb,var(--live-action-blue-deep) 62%,var(--color-muted));box-shadow:none;transform:none}.taalroute_live_app[data-live-context=host] :where(.host-player-bar__button:hover,.host-player-bar__button:focus-visible,.host-control-button:hover,.host-control-button:focus-visible),.taalroute_live_app[data-live-context=host] :where(.host-player-bar__button.ui-button--secondary:hover,.host-player-bar__button.ui-button--secondary:focus-visible,.host-player-bar__button.ui-button--ghost:hover,.host-player-bar__button.ui-button--ghost:focus-visible,.host-control-button.ui-button--secondary:hover,.host-control-button.ui-button--secondary:focus-visible,.host-control-button.ui-button--ghost:hover,.host-control-button.ui-button--ghost:focus-visible){border:0;background:color-mix(in srgb,var(--live-action-blue) 13%,transparent);color:var(--live-action-blue-deep);box-shadow:none;transform:none}.taalroute_live_app[data-live-context=host] :where(.host-player-bar__button:focus-visible,.host-control-button:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--live-action-blue) 28%,transparent)}.taalroute_live_app[data-live-context=host] :where(.host-player-bar__button--active,.host-control-button--active),.taalroute_live_app[data-live-context=host] :where(.host-player-bar__button--active:hover,.host-player-bar__button--active:focus-visible,.host-control-button--active:hover,.host-control-button--active:focus-visible){background:color-mix(in srgb,var(--live-action-blue) 16%,transparent);color:var(--live-action-blue)}.taalroute_live_app[data-live-context=host] :where(.host-player-bar__button--stop,.host-stop-action){color:var(--color-danger-deep)}.taalroute_live_app[data-live-context=host] :where(.host-player-bar__button--stop:hover,.host-player-bar__button--stop:focus-visible,.host-stop-action:hover,.host-stop-action:focus-visible){background:color-mix(in srgb,var(--color-danger) 11%,transparent);color:var(--color-danger-deep)}.taalroute_live_app[data-live-context=host] :where(.host-player-bar__start,.host-game-dashboard__start){width:auto;min-width:112px;border:0;padding-inline:18px;background:var(--live-action-blue);color:#fff}.taalroute_live_app[data-live-context=host] :where(.host-player-bar__start:hover,.host-player-bar__start:focus-visible,.host-game-dashboard__start:hover,.host-game-dashboard__start:focus-visible){background:var(--live-action-blue-hover);color:#fff}.taalroute_live_app[data-live-context=host] .host-invite-pin__copy{display:none!important;width:0;min-width:0;height:0;min-height:0}.taalroute_live_app :where(.nav-link--active,.nav-link:hover,.nav-link:focus-visible){border-color:color-mix(in srgb,var(--live-action-blue) 28%,var(--color-border));background:var(--live-action-blue-soft);color:var(--live-action-blue-deep)}.taalroute_live_app .nav-link--active:after{background:var(--live-action-blue)}.taalroute_live_app :where(.icon-button:hover,.icon-button:focus-visible,.profile-summary:hover,.profile-summary:focus-visible){border-color:color-mix(in srgb,var(--live-action-blue) 34%,var(--color-border));background:var(--live-action-blue-soft);color:var(--live-action-blue-deep)}.taalroute_live_app[data-live-context=host] .host-page--lobby{overflow:hidden}.taalroute_live_app[data-live-context=host] .host-invite-shell{position:relative;min-height:min(100svh,1080px);padding-block:clamp(18px,2.6vh,34px) clamp(18px,2.2vh,28px);background:radial-gradient(ellipse at 3% 60%,rgb(0 74 179 / 34%) 0 18%,transparent 38%),radial-gradient(ellipse at 96% 14%,rgb(34 199 184 / 38%) 0 14%,transparent 30%),radial-gradient(ellipse at 88% 90%,rgb(0 98 255 / 34%) 0 18%,transparent 34%),radial-gradient(ellipse at 49% 14%,rgb(0 144 242 / 15%) 0 22%,transparent 42%),linear-gradient(135deg,#f8fcff,#edf7ff 46%,#f7fbff)}.taalroute_live_app[data-live-context=host] .host-invite-brand{z-index:2;width:clamp(118px,10vw,170px);padding-inline-start:clamp(10px,1.6vw,22px)}.taalroute_live_app[data-live-context=host] .host-invite-access{z-index:1;align-self:end}.taalroute_live_app[data-live-context=host] .host-invite-main{grid-template-columns:minmax(0,1fr) minmax(220px,clamp(235px,18vw,330px));max-width:min(100%,1320px);margin-inline:auto;gap:clamp(26px,4vw,72px)}.taalroute_live_app[data-live-context=host] .host-invite-pin{position:relative;min-height:clamp(310px,44vh,500px);border:0;border-radius:clamp(36px,4vw,74px);background:radial-gradient(ellipse at 50% 52%,#fffffff5 0 42%,#ffffffd1 70%),linear-gradient(135deg,#ffffffd6,#edf7ffa3);box-shadow:inset 0 1px #ffffffeb,0 28px 70px #0f437626}.taalroute_live_app[data-live-context=host] .host-invite-pin:before{background:linear-gradient(100deg,transparent 0 44%,rgb(34 199 184 / 42%) 44% 56%,transparent 56% 100%);block-size:4px;inline-size:min(330px,34%);inset:auto auto clamp(104px,11vh,126px) 50%;border-radius:999px;opacity:.75;transform:translate(-50%) rotate(-1deg)}.taalroute_live_app[data-live-context=host] .host-invite-pin>span{color:var(--live-blue);font-size:clamp(1rem,1.35vw,1.34rem);letter-spacing:.14em}.taalroute_live_app[data-live-context=host] .host-invite-shell .join-code--board{color:#081845;font-size:clamp(7.8rem,13.8vw,15rem);letter-spacing:.075em;text-shadow:0 1px 0 rgb(255 255 255 / 80%),0 14px 30px rgb(8 24 69 / 12%)}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-row{margin-block:clamp(16px,2.4vh,30px) clamp(22px,3.2vh,42px)}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction{gap:.42em;color:#111c38;font-size:clamp(1.35rem,1.9vw,2.05rem);line-height:1.18}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction:before{display:inline-block;width:1.65em;height:1.65em;border:3px solid color-mix(in srgb,var(--live-blue) 62%,#ffffff);border-radius:50%;background:linear-gradient(90deg,transparent 43%,color-mix(in srgb,var(--live-blue) 55%,transparent) 43% 57%,transparent 57%),linear-gradient(0deg,transparent 43%,color-mix(in srgb,var(--live-blue) 55%,transparent) 43% 57%,transparent 57%),color-mix(in srgb,var(--live-blue) 10%,#ffffff);content:""}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction strong{color:var(--live-blue);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--live-blue) 42%,transparent);text-decoration-thickness:3px;text-underline-offset:8px}.taalroute_live_app[data-live-context=host] .host-invite-qr{min-height:clamp(330px,43vh,470px);align-self:center;border:0;border-radius:34px;background:#ffffffe0;box-shadow:inset 0 1px #fffffff0,0 24px 54px #0f437626}.taalroute_live_app[data-live-context=host] .host-invite-qr>span{color:var(--live-blue);font-size:clamp(.82rem,.95vw,1rem);letter-spacing:.1em}.taalroute_live_app[data-live-context=host] .host-invite-shell .qr-code-visual{width:min(100%,clamp(190px,15vw,280px));border-radius:18px}.taalroute_live_app[data-live-context=host] .host-invite-qr__hint{max-width:18ch;margin-top:14px;border-radius:999px;padding:10px 14px;background:color-mix(in srgb,var(--live-blue) 7%,#ffffff);color:#1d2945;font-size:clamp(.78rem,.86vw,.94rem)}.taalroute_live_app[data-live-context=host] .host-invite-share-actions{top:clamp(20px,2.5vh,38px);right:clamp(26px,3.8vw,70px);display:inline-flex;gap:4px;border:1px solid rgb(255 255 255 / 74%);border-radius:999px;padding:6px;background:#ffffff8a;box-shadow:0 10px 28px #0f437617}.taalroute_live_app[data-live-context=host] .host-invite-share-action{width:42px;min-width:42px;height:42px;min-height:42px;border:0;border-radius:50%;padding:0;background:transparent;color:color-mix(in srgb,var(--live-blue-deep) 78%,var(--color-muted));box-shadow:none}.taalroute_live_app[data-live-context=host] .host-invite-share-action:hover,.taalroute_live_app[data-live-context=host] .host-invite-share-action:focus-visible{background:color-mix(in srgb,var(--live-blue) 12%,transparent);color:var(--live-blue-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--live-blue) 18%,transparent)}.taalroute_live_app[data-live-context=host] .host-invite-participants{width:min(100%,1060px);margin-block-start:clamp(2px,1vh,12px)}.taalroute_live_app[data-live-context=host] .host-invite-participants__heading{color:var(--live-blue)}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-height:clamp(114px,19vh,210px);gap:clamp(9px,1.1vw,16px)}.taalroute_live_app[data-live-context=host] .host-invite-bubble{min-height:48px;border-color:#ffffffd1;padding:8px 14px;background:#ffffffd6}.taalroute_live_app[data-live-context=host] .host-invite-bubble__name{font-size:clamp(.86rem,.95vw,1rem)}.taalroute_live_app[data-live-context=host] .host-game-dashboard{position:sticky;bottom:0;display:grid;grid-template-columns:minmax(260px,.95fr) minmax(178px,.74fr) minmax(210px,.72fr) minmax(430px,auto);gap:0;min-height:clamp(80px,9vh,106px);border:1px solid rgb(255 255 255 / 74%);border-radius:30px;padding:12px 18px;background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffffe5,0 20px 52px #002a5429}.taalroute_live_app[data-live-context=host] .host-game-dashboard--timer-hidden{grid-template-columns:minmax(260px,.95fr) minmax(210px,.72fr) minmax(430px,auto)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-height:62px;justify-content:center;gap:12px;border-right:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);padding-inline:clamp(12px,1.4vw,22px)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code-button{font-size:clamp(1.42rem,2vw,2.1rem);letter-spacing:.12em}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring{width:56px;height:56px;border-width:5px;box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--live-blue) 8%,transparent)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer strong{font-size:clamp(1.25rem,1.7vw,1.68rem)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants strong{font-size:clamp(1.7rem,2.4vw,2.35rem)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants span{font-size:clamp(.72rem,.82vw,.86rem);letter-spacing:.02em;text-transform:none}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions{align-items:center;gap:clamp(10px,1vw,16px);padding-inline-start:clamp(14px,1.6vw,26px)}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost{width:auto;min-width:74px;height:62px;min-height:62px;display:inline-flex!important;flex-direction:column;gap:5px;border:0;border-radius:20px;padding:7px 10px;background:transparent;color:#111c38;box-shadow:none}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__icon{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--live-blue) 10%,#ffffff)}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__icon svg{width:24px;height:24px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__label{position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;color:inherit;font-size:clamp(.72rem,.8vw,.82rem);font-weight:850;line-height:1.05;white-space:nowrap}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:hover,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:focus-visible{background:color-mix(in srgb,var(--live-blue) 7%,transparent);color:var(--live-blue-deep)}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:hover .ui-button__icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:focus-visible .ui-button__icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--active .ui-button__icon{background:color-mix(in srgb,var(--live-blue) 18%,#ffffff);color:var(--live-blue)}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop{min-width:128px;flex-direction:row;gap:10px;border-radius:999px;background:#d9463f;color:#fff}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop:hover,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop:focus-visible{background:#c93630;color:#fff}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{min-width:120px;height:62px;min-height:62px;border-radius:999px;padding-inline:22px;box-shadow:0 12px 26px #0090f23d}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start .ui-button__label{font-size:.96rem;font-weight:950}@media(max-width:1120px){.taalroute_live_app[data-live-context=host] .host-invite-main{grid-template-columns:minmax(0,1fr) minmax(210px,270px);gap:clamp(18px,3vw,34px)}.taalroute_live_app[data-live-context=host] .host-game-dashboard{grid-template-columns:minmax(180px,1fr) minmax(140px,auto) minmax(280px,auto)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer{display:none}}@media(max-width:780px){.taalroute_live_app[data-live-context=host] .host-invite-shell{min-height:100svh;padding-inline:14px}.taalroute_live_app[data-live-context=host] .host-invite-main{grid-template-columns:1fr}.taalroute_live_app[data-live-context=host] .host-invite-pin{min-height:220px;border-radius:30px}.taalroute_live_app[data-live-context=host] .host-invite-shell .join-code--board{font-size:clamp(4rem,18vw,7rem)}.taalroute_live_app[data-live-context=host] .host-invite-qr{min-height:230px}.taalroute_live_app[data-live-context=host] .host-invite-share-actions{position:static;justify-self:center;margin-block-start:10px}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group{max-height:150px;grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}.taalroute_live_app[data-live-context=host] .host-game-dashboard,.taalroute_live_app[data-live-context=host] .host-game-dashboard--timer-hidden{grid-template-columns:1fr;gap:8px;border-radius:24px;padding:10px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{display:inline-flex;min-height:48px;justify-content:center;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions{justify-content:center;flex-wrap:wrap;padding-inline-start:0}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions .host-player-bar__button--icon:nth-of-type(1),.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions .host-player-bar__button--icon:nth-of-type(2){display:inline-flex!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon{min-width:58px;height:54px;min-height:54px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__label{display:none}}@media(max-width:520px){.taalroute_live_app[data-live-context=host] .host-invite-brand{width:106px}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction{font-size:clamp(1rem,5vw,1.3rem)}.taalroute_live_app[data-live-context=host] .host-invite-qr{display:none}.taalroute_live_app[data-live-context=host] .host-invite-bubble{max-width:100%}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop,.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{min-width:96px}}.taalroute_live_app[data-live-context=host] .host-invite-shell{gap:clamp(8px,1.2vh,16px)}.taalroute_live_app[data-live-context=host] .host-invite-access{align-self:center}.taalroute_live_app[data-live-context=host] .host-invite-pin,.taalroute_live_app[data-live-context=host] .host-invite-qr{width:100%}.taalroute_live_app[data-live-context=host] .host-invite-pin{min-height:clamp(270px,36vh,420px);padding:clamp(24px,3.2vw,54px)}.taalroute_live_app[data-live-context=host] .host-invite-pin:before{inset-block-end:clamp(86px,10vh,118px)}.taalroute_live_app[data-live-context=host] .host-invite-shell .join-code--board{font-size:clamp(6.5rem,11vw,12.25rem)}.taalroute_live_app[data-live-context=host] .host-invite-qr{min-height:clamp(270px,34vh,400px)}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group{max-height:clamp(104px,16vh,170px)}.taalroute_live_app[data-live-context=host] .host-game-dashboard{min-height:clamp(76px,8.4vh,94px);padding-block:10px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-height:58px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost,.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{height:58px;min-height:58px}@media(min-width:1121px)and (max-height:820px){.taalroute_live_app[data-live-context=host] .host-invite-shell{padding-block:14px 14px}.taalroute_live_app[data-live-context=host] .host-invite-pin{min-height:300px}.taalroute_live_app[data-live-context=host] .host-invite-qr{min-height:286px}.taalroute_live_app[data-live-context=host] .host-invite-participants{margin-block-start:0}.taalroute_live_app[data-live-context=host] .host-invite-bubble{min-height:42px;padding-block:6px}.taalroute_live_app[data-live-context=host] .host-game-dashboard{min-height:84px}}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code{overflow:visible;gap:clamp(12px,1vw,18px)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-player-bar__button.ui-button--ghost{width:44px;min-width:44px;height:44px;min-height:44px;display:inline-flex!important;flex:0 0 44px;flex-direction:row;gap:0;border:0;border-radius:50%;padding:0;background:color-mix(in srgb,var(--live-blue) 10%,transparent);color:var(--live-blue-deep);box-shadow:none}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-player-bar__button--icon{display:none!important;width:0;min-width:0;height:0;min-height:0;flex-basis:0;padding:0}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-game-dashboard__code-button{flex:0 1 auto}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-game-dashboard__code-button:hover,.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-game-dashboard__code-button:focus-visible{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--live-blue) 48%,transparent);text-decoration-thickness:2px;text-underline-offset:5px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-player-bar__button--icon .ui-button__icon{width:100%;height:100%;display:inline-grid;place-items:center;border-radius:50%;background:transparent}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-player-bar__button--icon .ui-button__icon svg{width:24px;height:24px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-player-bar__button--icon .ui-button__label{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-player-bar__button--icon:hover,.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-player-bar__button--icon:focus-visible{background:color-mix(in srgb,var(--live-blue) 18%,transparent);color:var(--live-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--live-blue) 16%,transparent)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-width:190px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants span{overflow:visible;text-overflow:clip}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer{min-width:178px;padding-inline:clamp(18px,1.8vw,30px)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring{display:inline-grid;width:clamp(82px,7vw,112px);height:clamp(82px,7vw,112px);place-items:center;border:0;border-radius:50%;background:radial-gradient(circle,#ffffff 0 55%,transparent 56%),conic-gradient(from -88deg,var(--live-blue) 0 76%,color-mix(in srgb,var(--live-blue) 12%,#e7eef9) 76% 100%);color:#111c38;box-shadow:inset 0 0 0 1px #ffffffdb,0 10px 24px #0f43761f}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring strong{align-self:end;min-width:0;margin-top:10px;color:#111c38;font-size:clamp(1.05rem,1.65vw,1.55rem);font-weight:1000;letter-spacing:.02em;line-height:.9}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring span{align-self:start;color:color-mix(in srgb,var(--color-muted) 84%,#111c38);font-size:clamp(.58rem,.72vw,.72rem);font-weight:850;line-height:1}@media(max-width:1120px){.taalroute_live_app[data-live-context=host] .host-game-dashboard__code .host-player-bar__button--icon{width:42px;min-width:42px;height:42px;min-height:42px}}.taalroute_live_app[data-live-context=host] .host-settings-panel{width:min(92vw,430px);border-left:1px solid rgb(255 255 255 / 68%);background:linear-gradient(180deg,#fffffff0,#f7fbffe8),var(--color-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:-22px 0 56px #082a5229}.taalroute_live_app[data-live-context=host] .host-settings-panel__header{min-height:auto;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--live-blue) 12%,transparent);padding:18px 22px 16px;background:#ffffff9e}.taalroute_live_app[data-live-context=host] .host-settings-panel__header span{color:color-mix(in srgb,var(--color-muted) 84%,var(--live-blue));font-size:.72rem;font-weight:950;letter-spacing:.1em}.taalroute_live_app[data-live-context=host] .host-settings-panel__header h2{margin:2px 0 0;color:#111c38;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:1000;letter-spacing:-.035em;line-height:.98}.taalroute_live_app[data-live-context=host] .host-settings-close{width:auto;min-width:0;height:34px;min-height:34px;border:0;border-radius:999px;padding:0 4px;background:transparent;color:color-mix(in srgb,var(--color-muted) 82%,#111c38);box-shadow:none;font-size:.78rem;font-weight:950;letter-spacing:.06em}.taalroute_live_app[data-live-context=host] .host-settings-close:hover,.taalroute_live_app[data-live-context=host] .host-settings-close:focus-visible{background:color-mix(in srgb,var(--live-blue) 9%,transparent);color:var(--live-blue-deep)}.taalroute_live_app[data-live-context=host] .host-settings-panel__content{gap:12px;padding:18px 22px 22px}.taalroute_live_app[data-live-context=host] .host-settings-section{display:grid;gap:10px;border:1px solid color-mix(in srgb,var(--live-blue) 13%,transparent);border-radius:18px;padding:14px;background:#ffffffb8;box-shadow:inset 0 1px #ffffffdb,0 10px 26px #0f437612}.taalroute_live_app[data-live-context=host] .host-settings-section h3{margin:0;color:#111c38;font-size:1.02rem;font-weight:1000;letter-spacing:-.015em;line-height:1.1}.taalroute_live_app[data-live-context=host] .host-settings-choice{display:grid;gap:7px;margin:0;border:0;padding:0}.taalroute_live_app[data-live-context=host] .host-settings-choice legend{padding:0;color:color-mix(in srgb,var(--color-muted) 86%,#111c38);font-size:.82rem;font-weight:900}.taalroute_live_app[data-live-context=host] .host-settings-choice__options,.taalroute_live_app[data-live-context=host] .host-settings-toggle__options{display:inline-flex;width:max-content;max-width:100%;gap:4px;border:1px solid color-mix(in srgb,var(--live-blue) 13%,var(--color-border));border-radius:12px;padding:3px;background:color-mix(in srgb,var(--live-blue) 4%,#ffffff)}.taalroute_live_app[data-live-context=host] .host-settings-choice__button{min-width:68px;min-height:34px;height:34px;border:0;border-radius:9px;padding:0 12px;background:transparent;color:#111c38;box-shadow:none;font-size:.88rem;font-weight:900}.taalroute_live_app[data-live-context=host] .host-settings-choice__button.compact-choice-button--selected,.taalroute_live_app[data-live-context=host] .host-settings-choice__button.compact-choice-button--selected:hover,.taalroute_live_app[data-live-context=host] .host-settings-choice__button.compact-choice-button--selected:focus-visible{background:var(--live-blue);color:#fff;box-shadow:0 6px 16px #0090f238}.taalroute_live_app[data-live-context=host] .host-settings-choice__button:hover,.taalroute_live_app[data-live-context=host] .host-settings-choice__button:focus-visible{background:color-mix(in srgb,var(--live-blue) 10%,transparent);color:var(--live-blue-deep);box-shadow:none}.taalroute_live_app[data-live-context=host] .host-settings-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:48px;border:1px solid color-mix(in srgb,var(--live-blue) 10%,var(--color-border));border-radius:14px;padding:6px 8px 6px 12px;background:#ffffffad}.taalroute_live_app[data-live-context=host] .host-settings-toggle>span{color:#111c38;font-size:.92rem;font-weight:900;line-height:1.1}.taalroute_live_app[data-live-context=host] .host-settings-range{grid-template-columns:minmax(76px,.8fr) minmax(120px,1.5fr) auto;min-height:48px;border:1px solid color-mix(in srgb,var(--live-blue) 10%,var(--color-border));border-radius:14px;padding:6px 12px;background:#ffffffad}.taalroute_live_app[data-live-context=host] .host-settings-range span{color:#111c38;font-size:.9rem;font-weight:900}.taalroute_live_app[data-live-context=host] .host-settings-range input[type=range]{height:4px;accent-color:var(--live-blue)}.taalroute_live_app[data-live-context=host] .host-settings-actions{display:flex;flex-wrap:wrap;gap:8px}.taalroute_live_app[data-live-context=host] .host-settings-action{min-height:36px;border-radius:10px;padding-inline:12px;font-size:.85rem;font-weight:900}.taalroute_live_app[data-live-context=host] [data-host-dashboard-theme=dark] .host-settings-panel,.taalroute_live_app[data-live-context=host][data-host-dashboard-theme=dark] .host-settings-panel{border-left-color:#ffffff24;background:linear-gradient(180deg,#0c1830f5,#081226f0),#081226}.taalroute_live_app[data-live-context=host] [data-host-dashboard-theme=dark] .host-settings-section,.taalroute_live_app[data-live-context=host][data-host-dashboard-theme=dark] .host-settings-section,.taalroute_live_app[data-live-context=host] [data-host-dashboard-theme=dark] .host-settings-toggle,.taalroute_live_app[data-live-context=host][data-host-dashboard-theme=dark] .host-settings-toggle,.taalroute_live_app[data-live-context=host] [data-host-dashboard-theme=dark] .host-settings-range,.taalroute_live_app[data-live-context=host][data-host-dashboard-theme=dark] .host-settings-range{border-color:#ffffff24;background:#ffffff12}@media(max-width:560px){.taalroute_live_app[data-live-context=host] .host-settings-panel{width:100vw}.taalroute_live_app[data-live-context=host] .host-settings-panel__header,.taalroute_live_app[data-live-context=host] .host-settings-panel__content{padding-inline:16px}}.taalroute_live_app[data-live-context=host] .host-page--lobby{min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at -8% 64%,rgb(38 82 194 / 22%) 0 23%,transparent 46%),radial-gradient(ellipse at 105% 10%,rgb(34 199 184 / 24%) 0 20%,transparent 42%),radial-gradient(ellipse at 88% 95%,rgb(0 98 255 / 20%) 0 22%,transparent 44%),linear-gradient(135deg,#f7fbff,#edf6ff 48%,#f9fcff)}.taalroute_live_app[data-live-context=host] .host-invite-shell{width:min(100%,1440px);min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(12px,1.7vh,18px);margin-inline:auto;padding:clamp(18px,2.2vh,26px) clamp(22px,3vw,44px) clamp(14px,1.8vh,22px);background:radial-gradient(circle at 20% 12%,rgb(255 255 255 / 74%),transparent 28%),radial-gradient(circle at 52% 50%,rgb(255 255 255 / 60%),transparent 36%)}.taalroute_live_app[data-live-context=host] .host-invite-brand{width:clamp(118px,9vw,150px);justify-self:start;padding:0}.taalroute_live_app[data-live-context=host] .host-invite-access{width:min(100%,1120px);align-self:end;justify-self:center;border:0;border-radius:34px;padding:clamp(18px,2.2vw,34px);background:#ffffffd1;box-shadow:inset 0 1px #fffffff2,0 26px 70px #0f437621}.taalroute_live_app[data-live-context=host] .host-invite-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.58fr);gap:clamp(24px,3vw,46px);max-width:none;align-items:stretch}.taalroute_live_app[data-live-context=host] .host-invite-pin,.taalroute_live_app[data-live-context=host] .host-invite-qr{width:100%;min-height:0;border:0;border-radius:26px;background:transparent;box-shadow:none;transform:none}.taalroute_live_app[data-live-context=host] .host-invite-pin{display:grid;align-content:center;justify-items:center;padding:clamp(12px,1.6vw,24px)}.taalroute_live_app[data-live-context=host] .host-invite-pin:before,.taalroute_live_app[data-live-context=host] .host-invite-qr:before{display:none}.taalroute_live_app[data-live-context=host] .host-invite-pin>span,.taalroute_live_app[data-live-context=host] .host-invite-qr>span{color:var(--live-blue);font-size:clamp(.86rem,1vw,1rem);font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-row{margin:clamp(8px,1.3vh,14px) 0 clamp(10px,1.5vh,16px)}.taalroute_live_app[data-live-context=host] .host-invite-shell .join-code--board{color:#101a39;font-size:clamp(6.2rem,11.2vw,11.6rem);letter-spacing:.085em;line-height:.96;text-shadow:0 12px 26px rgb(16 26 57 / 10%)}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-button{border-radius:14px;padding-inline:10px}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-button:hover,.taalroute_live_app[data-live-context=host] .host-invite-pin__code-button:focus-visible{background:color-mix(in srgb,var(--live-blue) 7%,transparent);text-decoration:none}.taalroute_live_app[data-live-context=host] .host-invite-pin__copy{display:inline-grid!important;width:44px;min-width:44px;height:44px;min-height:44px;border:0;border-radius:50%;padding:0;background:color-mix(in srgb,var(--live-blue) 10%,#ffffff);color:var(--live-blue-deep);opacity:0;transform:translate(-8px) scale(.94);transition:opacity .16s ease,transform .16s ease,background-color .16s ease}.taalroute_live_app[data-live-context=host] .host-invite-pin__copy .ui-button__label{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.taalroute_live_app[data-live-context=host] .host-invite-pin__copy svg{width:25px;height:25px}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-row:hover .host-invite-pin__copy,.taalroute_live_app[data-live-context=host] .host-invite-pin__code-row:focus-within .host-invite-pin__copy{opacity:1;transform:translate(0) scale(1)}.taalroute_live_app[data-live-context=host] .host-invite-pin__copy:hover,.taalroute_live_app[data-live-context=host] .host-invite-pin__copy:focus-visible{background:color-mix(in srgb,var(--live-blue) 16%,#ffffff)}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction{display:block;max-width:none;color:#101a39;font-size:clamp(1.15rem,1.8vw,1.72rem);font-weight:850;line-height:1.1}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction:before{display:none}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction strong{color:var(--live-blue);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--live-blue) 38%,transparent);text-decoration-thickness:3px;text-underline-offset:7px}.taalroute_live_app[data-live-context=host] .host-invite-qr{display:grid;place-items:center;align-content:center;gap:12px;padding:clamp(14px,1.8vw,22px);background:#ffffffbd;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live-blue) 10%,transparent)}.taalroute_live_app[data-live-context=host] .host-invite-shell .qr-code-visual{width:min(100%,clamp(176px,14vw,240px));border-radius:18px;box-shadow:0 14px 30px #0f43761c}.taalroute_live_app[data-live-context=host] .host-invite-qr__hint{max-width:none;margin:0;border-radius:999px;padding:8px 12px;background:color-mix(in srgb,var(--live-blue) 7%,#ffffff);color:#24304b;font-size:.82rem;font-weight:850}.taalroute_live_app[data-live-context=host] .host-invite-share-actions{position:absolute;top:clamp(18px,2.4vh,30px);right:clamp(22px,3vw,44px);z-index:3;display:inline-flex;gap:4px;border:1px solid rgb(255 255 255 / 76%);border-radius:999px;padding:5px;background:#ffffff94;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px #0f437617}.taalroute_live_app[data-live-context=host] .host-invite-share-action{width:40px;min-width:40px;height:40px;min-height:40px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--live-blue-deep)}.taalroute_live_app[data-live-context=host] .host-invite-share-action .ui-button__label{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.taalroute_live_app[data-live-context=host] .host-invite-participants{width:min(100%,980px);align-self:start;justify-self:center;gap:10px;margin:0}.taalroute_live_app[data-live-context=host] .host-invite-participants__heading{justify-self:center;gap:9px;color:var(--live-blue);letter-spacing:.1em}.taalroute_live_app[data-live-context=host] .host-invite-participants__heading h2,.taalroute_live_app[data-live-context=host] .host-invite-participants__heading span{font-size:clamp(.86rem,1vw,1rem)}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 14px;max-height:clamp(92px,14vh,142px);min-height:0;align-content:center}.taalroute_live_app[data-live-context=host] .host-invite-bubble{min-height:42px;border:1px solid rgb(255 255 255 / 86%);border-radius:999px;padding:6px 12px;background:#ffffffdb;box-shadow:0 9px 22px #0f437614}.taalroute_live_app[data-live-context=host] .host-invite-bubble:before{width:1.85em;height:1.85em;font-size:.76em}.taalroute_live_app[data-live-context=host] .host-invite-bubble__name{color:#18223c;font-size:.9rem;font-weight:850}.taalroute_live_app[data-live-context=host] .host-game-dashboard{width:min(100%,1320px);justify-self:center;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(150px,.55fr) minmax(190px,.7fr) minmax(320px,auto) auto auto;gap:0;align-items:center;min-height:92px;border:1px solid rgb(255 255 255 / 80%);border-radius:28px;padding:10px 18px;background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffffe5,0 22px 54px #002a5429}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-height:68px;border-right:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);padding-inline:clamp(14px,1.5vw,24px)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code{gap:12px;justify-content:flex-start}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code-button{color:#101a39;font-size:clamp(1.55rem,2.2vw,2.2rem);font-weight:1000;letter-spacing:.1em}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer{min-width:150px;justify-content:center;overflow:visible}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring{width:86px;height:86px;display:inline-grid;place-items:center;border:0;border-radius:50%;background:radial-gradient(circle,#ffffff 0 55%,transparent 56%),conic-gradient(from -88deg,var(--live-blue) 0 76%,color-mix(in srgb,var(--live-blue) 12%,#e8eff9) 76% 100%);box-shadow:0 10px 24px #0f43761f}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring strong{align-self:end;margin-top:9px;color:#101a39;font-size:1.28rem;line-height:.9}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring span{align-self:start;color:color-mix(in srgb,var(--color-muted) 86%,#101a39);font-size:.65rem;font-weight:850;line-height:1}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-width:190px;gap:10px;justify-content:center}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants strong{color:#101a39;font-size:2rem;font-weight:1000}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants span{color:#18223c;font-size:.9rem;font-weight:900}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;padding-inline:16px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost{min-width:72px;height:62px;min-height:62px;display:inline-flex;flex-direction:column;gap:5px;border:0;border-radius:16px;padding:6px 8px;background:transparent;color:#18223c}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__icon{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--live-blue) 9%,#ffffff)}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__label{position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;font-size:.72rem;font-weight:850;line-height:1;white-space:nowrap}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop{min-width:118px;flex-direction:row;gap:9px;border-radius:999px;padding-inline:18px;background:#d9463f;color:#fff}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop .ui-button__icon{background:#ffffff2e;color:#fff}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{min-width:118px;height:62px;min-height:62px;border-radius:999px;padding-inline:22px;background:var(--live-blue);color:#fff}@media(max-width:980px){.taalroute_live_app[data-live-context=host] .host-invite-main{grid-template-columns:1fr}.taalroute_live_app[data-live-context=host] .host-invite-qr{display:none}.taalroute_live_app[data-live-context=host] .host-game-dashboard{grid-template-columns:1fr;gap:8px;border-radius:22px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions{justify-content:center;flex-wrap:wrap}}@media(min-width:981px)and (max-height:780px){.taalroute_live_app[data-live-context=host] .host-invite-shell{gap:8px;padding-block:14px 8px}.taalroute_live_app[data-live-context=host] .host-invite-access{padding-block:18px}.taalroute_live_app[data-live-context=host] .host-invite-shell .join-code--board{font-size:clamp(5.7rem,10.4vw,10.6rem)}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group{max-height:132px}.taalroute_live_app[data-live-context=host] .host-game-dashboard{min-height:104px;padding-block:8px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring{width:78px;height:78px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost,.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{height:56px;min-height:56px}}.taalroute_live_app[data-live-context=host] .host-question-page--live{--host-stage-panel: rgb(255 255 255 / 86%);--host-stage-panel-strong: rgb(255 255 255 / 94%);--host-stage-border: rgb(78 145 222 / 18%);position:relative;min-height:100svh;overflow:hidden;gap:clamp(10px,1.5vh,16px);padding:clamp(16px,2vw,26px);background:radial-gradient(circle at 10% 12%,rgb(0 144 242 / 12%),transparent 26%),radial-gradient(circle at 90% 7%,rgb(34 199 184 / 14%),transparent 28%),radial-gradient(circle at 95% 82%,rgb(69 99 231 / 18%),transparent 30%),var(--live-school-screen-background)}.taalroute_live_app[data-live-context=host] .host-stage-topline{min-height:92px;border:1px solid var(--host-stage-border);border-radius:34px;padding:14px clamp(126px,12vw,168px) 14px 20px;background:linear-gradient(180deg,#ffffffe0,#ffffffa8);box-shadow:0 18px 44px #1638661a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.taalroute_live_app[data-live-context=host] .host-live-status__progress strong{display:inline-flex;min-height:42px;align-items:center;border:1px solid rgb(0 144 242 / 18%);border-radius:15px;padding:0 14px;background:#0090f212;color:var(--live-blue-deep);font-size:clamp(1rem,1.3vw,1.22rem);line-height:1}.taalroute_live_app[data-live-context=host] .host-live-phase-card{display:grid;max-width:min(100%,520px);gap:4px;border:1px solid rgb(0 144 242 / 16%);border-radius:18px;padding:10px 12px;background:#ffffffb8}.taalroute_live_app[data-live-context=host] .host-live-phase-card>span{color:#65718a;font-size:.68rem;font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase}.taalroute_live_app[data-live-context=host] .host-live-phase-card strong{color:var(--live-blue-deep);font-size:clamp(1rem,1.4vw,1.28rem);font-weight:920;line-height:1.05}.taalroute_live_app[data-live-context=host] .host-live-phase-card p{overflow:hidden;margin:0;color:#475569;font-size:.82rem;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.taalroute_live_app[data-live-context=host] .host-live-phase-card__answers{display:grid;grid-template-columns:auto minmax(90px,1fr);gap:8px;align-items:center;margin-top:2px}.taalroute_live_app[data-live-context=host] .host-live-phase-card__answers span{color:#141b31;font-size:.78rem;font-weight:900}.taalroute_live_app[data-live-context=host] .host-live-phase-card__answers div{height:7px;overflow:hidden;border-radius:999px;background:#0090f21a}.taalroute_live_app[data-live-context=host] .host-live-phase-card__answers i{display:block;height:100%;border-radius:inherit;background:var(--live-blue)}.taalroute_live_app[data-live-context=host] .host-phase-rail{grid-column:1 / -1;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;align-items:center;border:1px solid var(--host-stage-border);border-radius:20px;padding:8px;background:#ffffffb3;box-shadow:0 14px 30px #16386614;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.taalroute_live_app[data-live-context=host] .host-phase-rail__item{display:grid;min-width:0;gap:4px;align-content:center;align-self:center;min-height:38px;border:1px solid transparent;border-radius:14px;padding:6px 7px;color:#647084;font-size:clamp(.62rem,.78vw,.76rem);font-weight:760;line-height:1.05;text-align:center}.taalroute_live_app[data-live-context=host] .host-phase-rail__item small{justify-self:center;display:grid;width:18px;height:18px;place-items:center;border-radius:999px;background:#64748b1c;color:inherit;font-size:.62rem;line-height:1}.taalroute_live_app[data-live-context=host] .host-phase-rail__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taalroute_live_app[data-live-context=host] .host-phase-rail__item--done{color:#2b7a66}.taalroute_live_app[data-live-context=host] .host-phase-rail__item--done small{background:#26c48526}.taalroute_live_app[data-live-context=host] .host-phase-rail__item--current{border-color:#0090f242;background:#0090f21a;color:var(--live-blue-deep);box-shadow:inset 0 0 0 1px #ffffff8a}.taalroute_live_app[data-live-context=host] .host-phase-rail__item--current small{background:var(--live-blue);color:#fff}.taalroute_live_app[data-live-context=host] .host-live-pause-banner{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-warning) 34%,var(--host-stage-border));border-radius:18px;padding:10px 14px;background:color-mix(in srgb,var(--color-warning) 12%,rgb(255 255 255 / 80%));color:#3f3b24;font-weight:740}.taalroute_live_app[data-live-context=host] .host-live-pause-banner strong{font-size:.92rem;text-transform:uppercase}.taalroute_live_app[data-live-context=host] .host-live-pause-banner span{font-size:.9rem}.taalroute_live_app[data-live-context=host] .host-live-progress{height:10px;border-radius:999px;overflow:hidden;background:#0090f217}.taalroute_live_app[data-live-context=host] .host-live-progress span{border-radius:inherit}.taalroute_live_app[data-live-context=host] .host-live-action-group{gap:10px}.taalroute_live_app[data-live-context=host] .host-live-skip-action,.taalroute_live_app[data-live-context=host] .host-live-primary-action{min-height:58px;border-radius:16px;padding-inline:clamp(18px,2.2vw,30px);font-size:clamp(.98rem,1.25vw,1.15rem)}.taalroute_live_app[data-live-context=host] .host-live-skip-action{border:1px solid rgb(0 144 242 / 24%);background:#ffffffa3;color:var(--live-blue-deep);box-shadow:none}.taalroute_live_app[data-live-context=host] .host-live-primary-action{background:linear-gradient(180deg,#5d99ed,var(--live-blue));color:#fff;box-shadow:0 14px 26px #0070d22e}.taalroute_live_app[data-live-context=host] .host-stage-timer{top:clamp(22px,2.3vw,34px);right:clamp(22px,2.3vw,34px);width:clamp(82px,7.2vw,108px);height:clamp(82px,7.2vw,108px);filter:drop-shadow(0 16px 28px rgb(22 56 102 / 13%))}.taalroute_live_app[data-live-context=host] .host-stage-participants{right:clamp(18px,2vw,28px);width:clamp(94px,8vw,120px);min-height:86px;border:1px solid var(--host-stage-border);border-radius:22px;background:var(--host-stage-panel-strong);box-shadow:0 18px 34px #1638661a}.taalroute_live_app[data-live-context=host] .host-stage-participants span{color:#65718a;font-size:.72rem;letter-spacing:.06em}.taalroute_live_app[data-live-context=host] .host-stage-participants strong{color:var(--live-blue-deep);font-size:clamp(2.15rem,3.4vw,3.6rem);line-height:.9}.taalroute_live_app[data-live-context=host] .host-live-layout{padding-right:clamp(108px,10vw,144px)}.taalroute_live_app[data-live-context=host] .host-live-main{grid-template-rows:minmax(180px,.88fr) minmax(230px,auto);gap:clamp(16px,2vh,24px)}.taalroute_live_app[data-live-context=host] .host-live-question-card{min-height:min(34vh,330px);border:1px solid var(--host-stage-border);border-radius:clamp(24px,2.2vw,34px);background:radial-gradient(circle at 50% 0%,#fff,#ffffffb3),var(--host-stage-panel);box-shadow:0 22px 48px #1638661f}.taalroute_live_app[data-live-context=host] .host-live-question-card h2{max-width:18ch;margin-inline:auto;color:#141b31;font-size:clamp(3.2rem,6.1vw,7rem);font-weight:950;line-height:.98;text-align:center}.taalroute_live_app[data-live-context=host] .host-live-answer-grid{gap:clamp(18px,2.2vh,28px)}.taalroute_live_app[data-live-context=host] .host-answer-card--button{min-height:clamp(112px,14vh,170px);border-width:2px;border-radius:clamp(22px,2.1vw,30px);padding:clamp(18px,2vw,28px);background:linear-gradient(180deg,#ffffffeb,#ffffffb3);box-shadow:0 12px color-mix(in srgb,currentColor 30%,#203050),0 22px 36px #1638661c}.taalroute_live_app[data-live-context=host] .host-answer-card--button:active{transform:translateY(5px);box-shadow:0 7px color-mix(in srgb,currentColor 26%,#203050),0 14px 24px #1638661a}.taalroute_live_app[data-live-context=host] .host-answer-card__letter{width:clamp(58px,5.6vw,82px);height:clamp(58px,5.6vw,82px);border-radius:18px;font-size:clamp(2rem,3.6vw,3.35rem);font-weight:1000}.taalroute_live_app[data-live-context=host] .host-answer-card__text{color:#141b31;font-size:clamp(1.65rem,2.55vw,3rem);font-weight:920;line-height:1.08}.taalroute_live_app[data-live-context=host] .host-live-summary{display:grid;min-height:min(58vh,620px);align-items:center;justify-items:center}.taalroute_live_app[data-live-context=host] .host-live-summary__card{display:grid;width:min(100%,860px);gap:clamp(16px,2.4vw,26px);border:1px solid var(--host-stage-border);border-radius:clamp(24px,2.2vw,34px);background:radial-gradient(circle at 50% 0%,#fff,#ffffffc2),var(--host-stage-panel);box-shadow:0 22px 48px #1638661f;text-align:center}.taalroute_live_app[data-live-context=host] .host-live-summary__kicker{justify-self:center;border:1px solid rgb(0 144 242 / 20%);border-radius:999px;padding:6px 12px;background:#0090f214;color:var(--live-blue-deep);font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.taalroute_live_app[data-live-context=host] .host-live-summary h2{margin:0;color:#141b31;font-size:clamp(3rem,6vw,6.4rem);font-weight:950;line-height:.98}.taalroute_live_app[data-live-context=host] .host-live-summary p{max-width:58ch;justify-self:center;margin:0;color:#475569;font-size:clamp(1rem,1.55vw,1.25rem);font-weight:650;line-height:1.42}.taalroute_live_app[data-live-context=host] .host-live-summary__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.taalroute_live_app[data-live-context=host] .host-live-summary__stats div{display:grid;gap:6px;border:1px solid rgb(0 144 242 / 16%);border-radius:18px;padding:14px;background:#ffffffad}.taalroute_live_app[data-live-context=host] .host-live-summary__stats dt{color:#65718a;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.taalroute_live_app[data-live-context=host] .host-live-summary__stats dd{margin:0;color:var(--live-blue-deep);font-size:clamp(1.5rem,2.2vw,2.4rem);font-weight:950}.taalroute_live_app[data-live-context=host] .host-question-playerbar{min-height:104px;border:1px solid rgb(0 144 242 / 14%);border-radius:28px;padding:12px clamp(14px,1.6vw,22px);background:linear-gradient(180deg,#ffffffeb,#ffffffbd);box-shadow:0 18px 44px #1638661f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.taalroute_live_app[data-live-context=host] .host-stage-pin{min-width:164px;border:0;border-radius:20px;padding:8px 18px;background:#0090f214;color:#141b31;font-size:clamp(1.55rem,2.2vw,2.2rem);font-weight:950;letter-spacing:.08em}.taalroute_live_app[data-live-context=host] .host-question-playerbar__actions{align-items:center;gap:clamp(8px,1vw,14px)}.taalroute_live_app[data-live-context=host] .host-question-playerbar .host-control-button{width:56px;min-width:56px;height:56px;min-height:56px;border:0;border-radius:50%;background:transparent;color:#3d5f91;box-shadow:none}.taalroute_live_app[data-live-context=host] .host-question-playerbar .host-control-button .ui-button__label{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.taalroute_live_app[data-live-context=host] .host-question-playerbar .host-control-button svg{width:28px;height:28px}.taalroute_live_app[data-live-context=host] .host-question-playerbar .host-control-button:hover,.taalroute_live_app[data-live-context=host] .host-question-playerbar .host-control-button:focus-visible{background:#0090f21c;color:var(--live-blue-deep);transform:none}.taalroute_live_app[data-live-context=host] .host-question-playerbar .host-control-button--active{background:#0090f226;color:var(--live-blue)}.taalroute_live_app[data-live-context=host] .host-question-playerbar .host-stop-action{color:#9c3940}.taalroute_live_app[data-live-context=host] .host-question-intro{min-height:100%;border:1px solid var(--host-stage-border);border-radius:clamp(28px,3vw,46px);background:radial-gradient(circle at 50% 8%,#ffffffe5,#fff9),#ffffffa8;box-shadow:0 24px 52px #1638661f}.taalroute_live_app[data-live-context=host] .host-question-intro__countdown span{color:var(--live-blue-deep);font-size:clamp(5.4rem,12vw,11rem);line-height:.9}.taalroute_live_app[data-live-context=host] .host-question-intro__title-card{border-radius:32px;background:#ffffffe0;box-shadow:0 22px 48px #16386621}.taalroute_live_app[data-live-context=host] .ui-modal{width:min(920px,calc(100vw - 48px));max-height:min(86vh,760px);border:1px solid rgb(0 144 242 / 15%);border-radius:28px;background:linear-gradient(180deg,#fffffff5,#f7fbfff0);box-shadow:0 30px 80px #0f264838}.taalroute_live_app[data-live-context=host] .ui-modal__header{min-height:72px;border-bottom:1px solid rgb(0 144 242 / 10%);padding:18px 22px}.taalroute_live_app[data-live-context=host] .ui-modal__title{color:#141b31;font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.05}.taalroute_live_app[data-live-context=host] .ui-modal__body{padding:18px 22px 22px}.taalroute_live_app[data-live-context=host] .answer-review-panel,.taalroute_live_app[data-live-context=host] .standings-panel,.taalroute_live_app[data-live-context=host] .celebration-panel{border:0;border-radius:22px;background:transparent;box-shadow:none;padding:0}.taalroute_live_app[data-live-context=host] .answer-review-panel__header h2,.taalroute_live_app[data-live-context=host] .standings-panel__header h2,.taalroute_live_app[data-live-context=host] .celebration-panel__header h2{color:#141b31;font-size:clamp(1.45rem,2vw,2rem);line-height:1.08}.taalroute_live_app[data-live-context=host] .answer-review-panel__header p,.taalroute_live_app[data-live-context=host] .standings-panel__header p,.taalroute_live_app[data-live-context=host] .celebration-panel__header p{color:#65718a;font-size:1rem}.taalroute_live_app[data-live-context=host] .correct-answer-reveal{border:1px solid rgb(38 196 133 / 24%);border-radius:20px;padding:16px;background:#26c48514}.taalroute_live_app[data-live-context=host] .correct-answer-reveal__button{min-height:72px;border-radius:18px;font-size:clamp(1.08rem,1.55vw,1.35rem)}.taalroute_live_app[data-live-context=host] .correct-answer-reveal__button span{width:52px;height:52px;font-size:1.5rem}.taalroute_live_app[data-live-context=host] .answer-review-list{gap:10px}.taalroute_live_app[data-live-context=host] .answer-review-row{border:1px solid rgb(0 144 242 / 12%);border-radius:16px;padding:12px;background:#ffffffb3}.taalroute_live_app[data-live-context=host] .answer-review-row__text,.taalroute_live_app[data-live-context=host] .answer-review-row__count,.taalroute_live_app[data-live-context=host] .answer-review-row__percentage{font-size:clamp(.95rem,1.15vw,1.08rem)}.taalroute_live_app[data-live-context=host] .answer-review-row__letter{width:38px;height:38px;border-radius:12px;font-size:1rem}.taalroute_live_app[data-live-context=host] .host-settings-panel{width:min(430px,calc(100vw - 24px));border-left:1px solid rgb(0 144 242 / 14%);background:linear-gradient(180deg,#fffffffa,#f5fafff5);box-shadow:-24px 0 64px #0f264833}.taalroute_live_app[data-live-context=host] .host-settings-panel__header{min-height:86px;padding:22px 24px 16px;border-bottom:1px solid rgb(0 144 242 / 10%)}.taalroute_live_app[data-live-context=host] .host-settings-panel__header span{color:var(--live-blue);font-size:.76rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.taalroute_live_app[data-live-context=host] .host-settings-panel__header h2{margin:2px 0 0;color:#141b31;font-size:clamp(1.75rem,4vw,2.45rem);line-height:1}.taalroute_live_app[data-live-context=host] .host-settings-close{width:44px;min-width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:#0090f214}.taalroute_live_app[data-live-context=host] .host-settings-close .ui-button__label{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.taalroute_live_app[data-live-context=host] .host-settings-panel__content{display:grid;gap:14px;padding:18px 18px 24px}.taalroute_live_app[data-live-context=host] .host-settings-section{border:1px solid rgb(0 144 242 / 13%);border-radius:20px;padding:16px;background:#ffffffb8;box-shadow:0 12px 28px #16386612}.taalroute_live_app[data-live-context=host] .host-settings-section h3{margin-bottom:12px;color:#141b31;font-size:1.05rem;line-height:1}.taalroute_live_app[data-live-context=host] .host-settings-choice{gap:8px}.taalroute_live_app[data-live-context=host] .host-settings-choice legend{color:#65718a;font-size:.76rem;font-weight:900;letter-spacing:.04em}.taalroute_live_app[data-live-context=host] .host-settings-choice__options{display:inline-flex;flex-wrap:wrap;gap:6px}.taalroute_live_app[data-live-context=host] .host-settings-toggle,.taalroute_live_app[data-live-context=host] .host-settings-range{min-height:52px;border:1px solid rgb(0 144 242 / 11%);border-radius:16px;padding:8px 10px 8px 14px;background:#ffffff9e}.taalroute_live_app[data-live-context=host] .host-settings-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.taalroute_live_app[data-live-context=host] .host-settings-toggle span,.taalroute_live_app[data-live-context=host] .host-settings-range>span:first-child{color:#141b31;font-size:.95rem;font-weight:850}.taalroute_live_app[data-live-context=host] .host-settings-toggle__options,.taalroute_live_app[data-live-context=host] .host-settings-actions{display:inline-flex;gap:6px}.taalroute_live_app[data-live-context=host] .host-settings-choice__button{min-height:38px;border-radius:11px;padding-inline:13px;font-size:.9rem}.taalroute_live_app[data-live-context=host] .host-settings-action{min-height:42px;border-radius:12px;padding-inline:14px;font-size:.9rem}.taalroute_live_app[data-live-context=host] .host-settings-range{grid-template-columns:minmax(80px,1fr) minmax(120px,1.4fr) 46px}.taalroute_live_app[data-live-context=host] .host-settings-range input[type=range]{accent-color:var(--live-blue)}@media(max-width:760px){.taalroute_live_app[data-live-context=host] .host-question-page--live{display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;align-content:start;gap:10px;overflow:auto;padding:10px}.taalroute_live_app[data-live-context=host] .host-stage-topline{order:1;display:grid;min-height:auto;grid-template-columns:1fr;border-radius:24px;padding:12px}.taalroute_live_app[data-live-context=host] .host-live-status__progress,.taalroute_live_app[data-live-context=host] .host-live-action-group,.taalroute_live_app[data-live-context=host] .host-stage-timer,.taalroute_live_app[data-live-context=host] .host-stage-participants,.taalroute_live_app[data-live-context=host] .host-live-layout,.taalroute_live_app[data-live-context=host] .host-question-playerbar{grid-area:auto}.taalroute_live_app[data-live-context=host] .host-live-phase-card{max-width:none}.taalroute_live_app[data-live-context=host] .host-live-phase-card p{white-space:normal}.taalroute_live_app[data-live-context=host] .host-phase-rail{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding-bottom:8px}.taalroute_live_app[data-live-context=host] .host-phase-rail__item{min-height:42px;padding:6px 4px;font-size:.62rem}.taalroute_live_app[data-live-context=host] .host-live-pause-banner{display:grid;justify-items:center;text-align:center}.taalroute_live_app[data-live-context=host] .host-live-action-group{justify-content:stretch}.taalroute_live_app[data-live-context=host] .host-live-primary-action,.taalroute_live_app[data-live-context=host] .host-live-skip-action{flex:1;min-height:48px;padding-inline:12px}.taalroute_live_app[data-live-context=host] .host-stage-timer{order:2;position:static;width:70px;height:70px;justify-self:end;transform:none}.taalroute_live_app[data-live-context=host] .host-stage-participants{order:2;position:static;width:100%;min-width:0;min-height:50px;display:inline-grid;grid-auto-flow:column;gap:10px;align-items:center;justify-content:center;justify-self:stretch;padding:8px 12px;transform:none}.taalroute_live_app[data-live-context=host] .host-live-layout{order:4;min-height:0;padding-right:0}.taalroute_live_app[data-live-context=host] .host-live-main{grid-template-rows:auto auto}.taalroute_live_app[data-live-context=host] .host-live-question-card{min-height:190px}.taalroute_live_app[data-live-context=host] .host-live-question-card h2{font-size:clamp(2.4rem,12vw,4.2rem)}.taalroute_live_app[data-live-context=host] .host-live-summary__stats{grid-template-columns:1fr}.taalroute_live_app[data-live-context=host] .host-question-intro{min-height:clamp(260px,44svh,430px)}.taalroute_live_app[data-live-context=host] .host-live-answer-grid{grid-template-columns:1fr}.taalroute_live_app[data-live-context=host] .host-answer-card--button{min-height:96px;box-shadow:0 7px color-mix(in srgb,currentColor 27%,#203050),0 14px 24px #1638661a}.taalroute_live_app[data-live-context=host] .host-question-playerbar{order:5;position:sticky;bottom:8px;min-height:76px;border-radius:22px;padding:10px}.taalroute_live_app[data-live-context=host] .host-stage-pin{min-width:0;font-size:1.2rem}.taalroute_live_app[data-live-context=host] .host-question-playerbar .host-control-button{width:48px;min-width:48px;height:48px;min-height:48px}.taalroute_live_app[data-live-context=host] .host-question-playerbar .host-control-button svg{width:24px;height:24px}.taalroute_live_app[data-live-context=host] .ui-modal{width:calc(100vw - 20px);max-height:calc(100svh - 20px);border-radius:22px}}.taalroute_live_app[data-live-context=host] .host-game-dashboard{position:sticky;bottom:0;display:grid;grid-template-columns:minmax(210px,.92fr) minmax(170px,.72fr) minmax(250px,.86fr) minmax(500px,auto);align-items:center;gap:0;min-height:118px;border:1px solid rgb(210 226 247 / 82%);border-radius:26px;padding:14px 20px;background:#fffffff2;box-shadow:inset 0 1px #fff,0 18px 48px #2a4b7824;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.taalroute_live_app[data-live-context=host] .host-game-dashboard--timer-hidden{grid-template-columns:minmax(210px,.92fr) minmax(250px,.86fr) minmax(500px,auto)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-height:86px;display:flex;align-items:center;justify-content:center;gap:14px;border-right:2px solid rgb(26 52 92 / 10%);padding-inline:clamp(16px,1.5vw,28px)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code{justify-content:flex-start}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code svg,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants svg{width:34px;height:34px;color:#10172f;stroke-width:2.35}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code-button{color:#11182f;font-size:clamp(2rem,3vw,3.2rem);font-weight:950;letter-spacing:.12em;line-height:1}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer{min-width:170px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring{width:98px;height:98px;border:8px solid rgb(84 132 232 / 24%);border-top-color:#4f79ef;border-right-color:#4f79ef;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 8px #5484e812,0 10px 24px #4067aa1f}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring strong{color:#121a34;font-size:clamp(1.4rem,2vw,2.15rem);font-weight:950;line-height:1;letter-spacing:.01em}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring span{color:#7a859a;font-size:.75rem;font-weight:850;letter-spacing:0;text-transform:none}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{justify-content:center}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants strong{color:#5c87f1;font-size:clamp(2rem,2.9vw,3.1rem);font-weight:980;line-height:1}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants span{color:#11182f;font-size:clamp(1rem,1.25vw,1.3rem);font-weight:880;letter-spacing:0;text-transform:none}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions{display:flex;align-items:center;justify-content:flex-end;gap:0;padding-inline-start:0}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions>.host-player-bar__button{position:relative}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions>.host-player-bar__button:not(:last-child):after{content:"";position:absolute;top:12px;right:-1px;width:2px;height:64px;background:#1a345c1a}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost{width:110px;min-width:110px;height:86px;min-height:86px;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;border-radius:0;padding:8px 14px;background:transparent;color:#11182f;box-shadow:none}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__icon{width:48px;height:48px;display:inline-grid;place-items:center;border-radius:50%;background:#5484e81a;color:#11182f}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon svg{width:30px;height:30px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__label{position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;color:#11182f;font-size:clamp(.86rem,1vw,1.05rem);font-weight:860;line-height:1;white-space:nowrap}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:hover,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:focus-visible{background:transparent;color:#11182f;transform:none}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:hover .ui-button__icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:focus-visible .ui-button__icon{background:#5484e82e}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:disabled,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon[aria-disabled=true]{opacity:.58}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop{width:150px;min-width:150px;height:72px;min-height:72px;flex-direction:row;gap:12px;border-radius:24px;margin-inline:24px 22px;padding-inline:22px;background:linear-gradient(180deg,#d94f47,#c73d37);color:#fff;box-shadow:0 14px 26px #ba36303d}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop:after{display:none}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop .ui-button__icon{width:28px;height:28px;background:transparent;color:#fff}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop .ui-button__label{color:#fff;font-size:clamp(.98rem,1.2vw,1.22rem);font-weight:850}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop:hover,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop:focus-visible{background:linear-gradient(180deg,#e25850,#bd352f);color:#fff;transform:none}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{width:176px;min-width:176px;height:72px;min-height:72px;display:inline-flex!important;flex-direction:row;gap:14px;border:0;border-radius:24px;padding-inline:28px;background:linear-gradient(180deg,#5e95f1,#4f79ef);color:#fff;box-shadow:0 14px 26px #426de13d}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start .ui-button__icon{width:34px;height:34px;background:transparent;color:#fff}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start svg{width:31px;height:31px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start .ui-button__label{position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;color:#fff;font-size:clamp(1.05rem,1.45vw,1.42rem);font-weight:900;line-height:1}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start:hover,.taalroute_live_app[data-live-context=host] .host-game-dashboard__start:focus-visible{background:linear-gradient(180deg,#679ef4,#456fe8);color:#fff;transform:none}@media(max-width:1180px){.taalroute_live_app[data-live-context=host] .host-game-dashboard{grid-template-columns:minmax(180px,.85fr) minmax(142px,.58fr) minmax(190px,.7fr) minmax(430px,auto);padding-inline:14px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon{width:86px;min-width:86px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--stop{width:128px;min-width:128px;margin-inline:16px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{width:148px;min-width:148px}}@media(max-width:820px){.taalroute_live_app[data-live-context=host] .host-game-dashboard{grid-template-columns:1fr;gap:10px;min-height:auto;border-radius:22px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-height:58px;border-right:0;border-bottom:1px solid rgb(26 52 92 / 10%);padding:8px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions{justify-content:center;flex-wrap:wrap}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions>.host-player-bar__button:not(:last-child):after{display:none}}.taalroute_live_app[data-live-context=host] .host-invite-access{width:min(100%,1180px);border:1px solid rgb(209 225 247 / 82%);border-radius:28px;padding:clamp(24px,3vw,44px);background:#fffffff0;box-shadow:inset 0 1px #fff,0 20px 54px #1740731f}.taalroute_live_app[data-live-context=host] .host-invite-main{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.78fr);gap:clamp(34px,4.5vw,72px);align-items:center}.taalroute_live_app[data-live-context=host] .host-invite-main:before{content:"";position:absolute;top:6%;bottom:6%;left:calc((100% - clamp(34px,4.5vw,72px)) * 1.55 / 2.33 + clamp(34px,4.5vw,72px) / 2);width:2px;border-radius:999px;background:#4c70a824}.taalroute_live_app[data-live-context=host] .host-invite-pin,.taalroute_live_app[data-live-context=host] .host-invite-qr{position:relative;z-index:1;min-height:310px;border:0;border-radius:0;background:transparent;box-shadow:none}.taalroute_live_app[data-live-context=host] .host-invite-pin{display:grid;align-content:center;justify-items:center;gap:clamp(12px,1.6vw,20px);padding:0 clamp(8px,1.5vw,24px) 0 0}.taalroute_live_app[data-live-context=host] .host-invite-pin>span,.taalroute_live_app[data-live-context=host] .host-invite-qr>span{color:#202943;font-size:clamp(1.35rem,2.1vw,2rem);font-weight:500;letter-spacing:0;line-height:1.1;text-transform:none}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction{order:2;margin:0;color:var(--live-blue);font-size:clamp(1.85rem,3vw,3.05rem);font-weight:900;line-height:1.05}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction strong{color:var(--live-blue);text-decoration:none}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-row{order:3;display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.2vw,28px);margin:clamp(16px,2vw,26px) 0 0}.taalroute_live_app[data-live-context=host] .host-invite-shell .join-code--board{color:#071337;font-size:clamp(5.6rem,10vw,10.8rem);font-weight:950;letter-spacing:.08em;line-height:.92;text-shadow:0 12px 24px rgb(7 19 55 / 11%)}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-button{border-radius:18px;padding-inline:4px}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-button:hover,.taalroute_live_app[data-live-context=host] .host-invite-pin__code-button:focus-visible{background:transparent}.taalroute_live_app[data-live-context=host] .host-invite-pin__copy{display:inline-grid!important;width:clamp(58px,5vw,76px);min-width:clamp(58px,5vw,76px);height:clamp(58px,5vw,76px);min-height:clamp(58px,5vw,76px);border:1px solid rgb(0 144 242 / 18%);border-radius:15px;padding:0;background:#ffffffc2;color:var(--live-blue-deep);opacity:1;transform:none;box-shadow:0 10px 24px #17407317}.taalroute_live_app[data-live-context=host] .host-invite-pin__copy svg{width:clamp(30px,2.8vw,42px);height:clamp(30px,2.8vw,42px)}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-row:hover .host-invite-pin__copy,.taalroute_live_app[data-live-context=host] .host-invite-pin__code-row:focus-within .host-invite-pin__copy{opacity:1;transform:none}.taalroute_live_app[data-live-context=host] .host-invite-qr{display:grid;place-items:center;align-content:center;gap:clamp(12px,1.6vw,18px);padding:0 0 0 clamp(8px,1.5vw,24px)}.taalroute_live_app[data-live-context=host] .host-invite-shell .qr-code-visual{width:clamp(220px,19vw,315px);max-width:100%;border:1px solid rgb(76 112 168 / 14%);border-radius:18px;padding:clamp(14px,1.5vw,20px);background:#fff;box-shadow:none}.taalroute_live_app[data-live-context=host] .host-invite-qr__hint{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin:0;border-radius:0;padding:0;background:transparent;color:#202943;font-size:clamp(1rem,1.55vw,1.45rem);font-weight:500}.taalroute_live_app[data-live-context=host] .host-invite-qr__hint svg{width:clamp(24px,2.2vw,34px);height:clamp(24px,2.2vw,34px);color:var(--live-blue-deep)}@media(max-width:900px){.taalroute_live_app[data-live-context=host] .host-invite-main{grid-template-columns:1fr;gap:28px}.taalroute_live_app[data-live-context=host] .host-invite-main:before{inset:auto 6% 50%;width:auto;height:2px}.taalroute_live_app[data-live-context=host] .host-invite-pin,.taalroute_live_app[data-live-context=host] .host-invite-qr{min-height:auto;padding:0}}@media(min-width:901px)and (max-height:780px){.taalroute_live_app[data-live-context=host] .host-invite-shell{gap:7px;padding-block:12px 7px}.taalroute_live_app[data-live-context=host] .host-invite-access{padding:22px 34px}.taalroute_live_app[data-live-context=host] .host-invite-pin,.taalroute_live_app[data-live-context=host] .host-invite-qr{min-height:246px}.taalroute_live_app[data-live-context=host] .host-invite-main{gap:44px}.taalroute_live_app[data-live-context=host] .host-invite-pin>span,.taalroute_live_app[data-live-context=host] .host-invite-qr>span{font-size:1.35rem}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction{font-size:2.18rem}.taalroute_live_app[data-live-context=host] .host-invite-shell .join-code--board{font-size:clamp(5rem,9vw,8.8rem)}.taalroute_live_app[data-live-context=host] .host-invite-pin__copy{width:58px;min-width:58px;height:58px;min-height:58px}.taalroute_live_app[data-live-context=host] .host-invite-shell .qr-code-visual{width:208px;padding:12px}.taalroute_live_app[data-live-context=host] .host-invite-qr__hint{font-size:1rem}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group{max-height:110px}.taalroute_live_app[data-live-context=host] .host-game-dashboard{min-height:100px;padding-block:6px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-height:70px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring{width:76px;height:76px;border-width:7px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost{height:70px;min-height:70px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop,.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{height:64px!important;min-height:64px!important}}.taalroute_live_app[data-live-context=host] .host-game-dashboard{min-height:96px;padding-block:7px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-height:66px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code svg,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants svg{width:29px;height:29px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code-button{font-size:clamp(1.8rem,2.65vw,2.85rem)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring{width:70px;height:70px;border-width:6px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring strong{font-size:clamp(1.15rem,1.7vw,1.7rem)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring span{font-size:.68rem}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants strong{font-size:clamp(1.75rem,2.5vw,2.65rem)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants span{font-size:clamp(.9rem,1.05vw,1.12rem)}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions{width:auto}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions>.host-player-bar__button:not(:last-child):after{top:8px;height:54px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost{width:92px;min-width:92px;height:66px;min-height:66px;gap:5px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__icon{width:38px;height:38px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon svg{width:24px;height:24px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__label{font-size:clamp(.78rem,.9vw,.95rem)}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop{width:136px!important;min-width:136px!important;height:60px!important;min-height:60px!important;gap:10px!important;border-radius:22px!important;margin-inline:16px!important;padding-inline:18px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop .ui-button__label{font-size:clamp(.92rem,1.05vw,1.08rem)!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{width:158px;min-width:158px;height:60px;min-height:60px;gap:12px;border-radius:22px;padding-inline:22px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start .ui-button__icon{width:28px;height:28px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start svg{width:27px;height:27px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start .ui-button__label{font-size:clamp(.98rem,1.28vw,1.22rem)}.taalroute_live_app[data-live-context=host] .host-game-dashboard{min-height:112px;padding-block:8px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-height:78px}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring{width:88px;height:88px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost{height:78px;min-height:78px}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop{width:150px!important;min-width:150px!important;height:72px!important;min-height:72px!important;display:inline-flex!important;flex-direction:row!important;gap:12px!important;border-radius:24px!important;margin-inline:24px 22px!important;padding-inline:22px!important;background:linear-gradient(180deg,#d94f47,#c73d37)!important;color:#fff!important;box-shadow:0 14px 26px #ba36303d!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop .ui-button__icon{width:28px!important;height:28px!important;background:transparent!important;color:#fff!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop .ui-button__label{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;color:#fff!important;font-size:clamp(.98rem,1.2vw,1.22rem)!important;font-weight:850!important;line-height:1!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop:hover,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop:focus-visible{background:linear-gradient(180deg,#e25850,#bd352f)!important;color:#fff!important;transform:none!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard{min-height:96px!important;padding-block:7px!important;border-radius:24px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-height:66px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code{gap:10px!important;padding-inline:12px 34px!important;justify-content:flex-start!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code-number{font-size:clamp(1rem,1.22vw,1.42rem)!important;letter-spacing:.065em!important;line-height:1!important;white-space:nowrap!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring{width:90px!important;height:90px!important;border-width:6px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-time{font-size:clamp(1.05rem,1.45vw,1.55rem)!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-sub{font-size:.68rem!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants-count{font-size:clamp(1.55rem,2vw,2.1rem)!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants-label{font-size:clamp(.82rem,1vw,.98rem)!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__divider{height:54px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost{width:86px!important;min-width:86px!important;height:66px!important;min-height:66px!important;gap:5px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary .ui-button__icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost .ui-button__icon{width:38px!important;height:38px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon svg,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary svg,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost svg{width:23px!important;height:23px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__label,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary .ui-button__label,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost .ui-button__label{font-size:clamp(.7rem,.88vw,.86rem)!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop{width:136px!important;min-width:136px!important;height:60px!important;min-height:60px!important;border-radius:22px!important;gap:10px!important;margin-inline:16px 18px!important;padding-inline:18px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop .ui-button__icon{width:24px!important;height:24px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop .ui-button__label{font-size:clamp(.88rem,1.05vw,1.05rem)!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{width:158px!important;min-width:158px!important;height:60px!important;min-height:60px!important;border-radius:22px!important;padding-inline:22px!important;gap:10px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start .ui-button__icon{width:25px!important;height:25px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start svg{width:24px!important;height:24px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start .ui-button__label{font-size:clamp(.92rem,1.1vw,1.08rem)!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:not(.host-player-bar__button--stop) .ui-button__icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary .ui-button__icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost .ui-button__icon{inline-size:38px!important;block-size:38px!important;min-inline-size:38px!important;max-inline-size:38px!important;min-block-size:38px!important;max-block-size:38px!important;aspect-ratio:1 / 1!important;padding:0!important;border-radius:999px!important;flex:0 0 38px!important;display:inline-grid!important;place-items:center!important;transform:none!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:not(.host-player-bar__button--stop):hover .ui-button__icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon:not(.host-player-bar__button--stop):focus-visible .ui-button__icon{transform:none!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;overflow:hidden!important;text-align:center!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring strong,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-time{display:block!important;inline-size:72px!important;max-inline-size:72px!important;font-size:clamp(.96rem,1.08vw,1.14rem)!important;line-height:1!important;letter-spacing:-.025em!important;white-space:nowrap!important;text-align:center!important;font-variant-numeric:tabular-nums!important;margin:0!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-ring span,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer-sub{display:block!important;inline-size:72px!important;max-inline-size:72px!important;margin:0!important;font-size:clamp(.47rem,.53vw,.54rem)!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;text-align:center!important;text-indent:0!important;padding-inline-start:1px!important}.taalroute_live_app[data-live-context=host] .host-invite-participants{display:block!important;align-self:stretch!important;width:min(100%,1180px)!important;margin-inline:auto!important;padding:clamp(14px,1.45vw,20px)!important;border:1px solid rgb(190 211 238 / 46%)!important;border-radius:22px!important;background:#ffffffc7!important;box-shadow:0 18px 44px #26528417,inset 0 1px #ffffffd1!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.taalroute_live_app[data-live-context=host] .host-invite-participants__heading{display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:12px!important;margin:0 0 clamp(11px,1.05vw,14px)!important;padding:0!important;color:var(--color-text)!important}.taalroute_live_app[data-live-context=host] .host-invite-participants__heading h2,.taalroute_live_app[data-live-context=host] .host-invite-participants__heading span{margin:0!important;line-height:1!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=host] .host-invite-participants__heading h2{font-size:clamp(1.15rem,1.55vw,1.7rem)!important;font-weight:850!important}.taalroute_live_app[data-live-context=host] .host-invite-participants__heading span{color:var(--live-blue)!important;font-size:clamp(1.16rem,1.55vw,1.72rem)!important;font-weight:900!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group,.taalroute_live_app[data-live-context=host] .host-invite-bubble-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:clamp(10px,1vw,14px)!important;min-height:0!important;max-height:none!important;align-content:start!important;align-items:stretch!important;justify-items:stretch!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group--empty{min-height:72px!important}.taalroute_live_app[data-live-context=host] .host-invite-participant-tile,.taalroute_live_app[data-live-context=host] .host-invite-bubble{--participant-tile-accent: #d8ecff;position:relative!important;display:flex!important;width:100%!important;max-width:none!important;min-height:58px!important;align-items:center!important;justify-content:flex-start!important;justify-self:stretch!important;gap:14px!important;padding:8px 16px!important;overflow:hidden!important;border:1px solid rgb(185 205 232 / 48%)!important;border-radius:12px!important;background:#ffffffd6!important;box-shadow:0 8px 18px #2048760f,inset 0 1px #ffffffd1!important;filter:none!important;text-overflow:clip!important;transform:none!important;transition:opacity var(--live-motion-medium),background var(--live-motion-medium),border-color var(--live-motion-medium),box-shadow var(--live-motion-medium)!important}.taalroute_live_app[data-live-context=host] .host-invite-participant-tile:before{content:none!important;display:none!important}.taalroute_live_app[data-live-context=host] .host-invite-participant-tile__initial{display:inline-grid!important;flex:0 0 40px!important;inline-size:40px!important;block-size:40px!important;place-items:center!important;border-radius:999px!important;background:radial-gradient(circle at 35% 28%,rgb(255 255 255 / 72%),transparent 48%),var(--participant-tile-accent)!important;color:#172033!important;font-size:1.14rem!important;font-weight:800!important;line-height:1!important;box-shadow:inset 0 1px 1px #ffffff94!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble__content{display:flex!important;min-width:0!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;transform:none!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble__name{min-width:0!important;overflow:hidden!important;color:var(--color-text)!important;font-size:clamp(1rem,1.2vw,1.22rem)!important;font-weight:760!important;line-height:1.15!important;text-overflow:ellipsis!important;white-space:nowrap!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble--blue{--participant-tile-accent: #d8ecff}.taalroute_live_app[data-live-context=host] .host-invite-bubble--purple{--participant-tile-accent: #e2dcff}.taalroute_live_app[data-live-context=host] .host-invite-bubble--green{--participant-tile-accent: #d8f4e6}.taalroute_live_app[data-live-context=host] .host-invite-bubble--pink{--participant-tile-accent: #ffe0ea}.taalroute_live_app[data-live-context=host] .host-invite-bubble--orange{--participant-tile-accent: #ffe2cf}.taalroute_live_app[data-live-context=host] .host-invite-bubble--yellow{--participant-tile-accent: #fff3bf}.taalroute_live_app[data-live-context=host] .host-invite-bubble--turquoise{--participant-tile-accent: #d4f4f2}.taalroute_live_app[data-live-context=host] .host-invite-bubble--disconnected{opacity:.58!important;border-color:#bec6d294!important;background:#f6f8fbc7!important;box-shadow:none!important;filter:grayscale(.7)!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble--reconnecting{border-color:#0090f247!important;background:#f8fcffdb!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble--new{animation:live-participant-tile-arrive .36s cubic-bezier(.18,1.18,.24,1) both!important}@keyframes live-participant-tile-arrive{0%{opacity:0;transform:translateY(10px) scale(.96)}72%{opacity:1;transform:translateY(0) scale(1.018)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.taalroute_live_app[data-live-context=host] .host-invite-participants{padding:16px!important;border-radius:18px!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group,.taalroute_live_app[data-live-context=host] .host-invite-bubble-grid{grid-template-columns:1fr!important;gap:10px!important}.taalroute_live_app[data-live-context=host] .host-invite-participant-tile,.taalroute_live_app[data-live-context=host] .host-invite-bubble{min-height:58px!important;padding:8px 14px!important}.taalroute_live_app[data-live-context=host] .host-invite-participant-tile__initial{flex-basis:40px!important;inline-size:40px!important;block-size:40px!important;font-size:1.1rem!important}}@media(prefers-reduced-motion:reduce){.taalroute_live_app[data-live-context=host] .host-invite-bubble--new{animation:live-participant-tile-arrive-reduced .18s linear both!important}}@keyframes live-participant-tile-arrive-reduced{0%{opacity:0}to{opacity:1}}@media(max-width:760px){.taalroute_live_app[data-live-context=host]{min-width:0!important;overflow-x:clip!important}.taalroute_live_app[data-live-context=host] .app-shell,.taalroute_live_app[data-live-context=host] .app-shell__content,.taalroute_live_app[data-live-context=host] .app-container{width:100%!important;max-width:100%!important;min-width:0!important;padding-inline:0!important}.taalroute_live_app[data-live-context=host] .host-page--lobby{width:100%!important;min-width:0!important;overflow-x:clip!important}.taalroute_live_app[data-live-context=host] .host-invite-shell{width:100%!important;max-width:100%!important;min-width:0!important;min-height:100svh!important;height:auto!important;padding:14px 12px 18px!important;gap:12px!important;overflow-x:clip!important;overflow-y:auto!important}.taalroute_live_app[data-live-context=host] .host-invite-brand{justify-self:center!important;margin:0 auto 2px!important;transform:none!important}.taalroute_live_app[data-live-context=host] .host-invite-brand__logo{width:min(128px,36vw)!important;height:auto!important}.taalroute_live_app[data-live-context=host] .host-invite-access,.taalroute_live_app[data-live-context=host] .host-invite-main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}.taalroute_live_app[data-live-context=host] .host-invite-main{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.taalroute_live_app[data-live-context=host] .host-invite-pin,.taalroute_live_app[data-live-context=host] .host-invite-qr{width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;padding:16px!important;border-radius:18px!important;overflow:hidden!important}.taalroute_live_app[data-live-context=host] .host-invite-pin{gap:8px!important}.taalroute_live_app[data-live-context=host] .host-invite-pin>span,.taalroute_live_app[data-live-context=host] .host-invite-qr>span{font-size:clamp(.9rem,4vw,1.08rem)!important;line-height:1.1!important}.taalroute_live_app[data-live-context=host] .host-invite-access-instruction{font-size:clamp(1rem,5.2vw,1.35rem)!important;line-height:1.1!important;word-break:break-word!important}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-row{display:flex!important;width:100%!important;min-width:0!important;align-items:center!important;justify-content:center!important;gap:10px!important}.taalroute_live_app[data-live-context=host] .host-invite-pin__code-button{min-width:0!important;max-width:calc(100% - 54px)!important;font-size:clamp(2.4rem,15vw,4.2rem)!important;letter-spacing:.08em!important;white-space:nowrap!important}.taalroute_live_app[data-live-context=host] .host-invite-pin__copy{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.taalroute_live_app[data-live-context=host] .host-invite-qr{justify-items:center!important;gap:10px!important}.taalroute_live_app[data-live-context=host] .host-invite-qr .qr-code-visual,.taalroute_live_app[data-live-context=host] .host-invite-qr canvas,.taalroute_live_app[data-live-context=host] .host-invite-qr svg{max-width:min(58vw,210px)!important;max-height:min(58vw,210px)!important}.taalroute_live_app[data-live-context=host] .host-invite-qr__hint{font-size:.9rem!important;line-height:1.1!important}.taalroute_live_app[data-live-context=host] .host-invite-participants{width:100%!important;max-width:100%!important;min-width:0!important;padding:14px!important;border-radius:18px!important}.taalroute_live_app[data-live-context=host] .host-invite-participants__heading{margin-bottom:10px!important;gap:8px!important}.taalroute_live_app[data-live-context=host] .host-invite-participants__heading h2,.taalroute_live_app[data-live-context=host] .host-invite-participants__heading span{font-size:clamp(1rem,4.4vw,1.22rem)!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group,.taalroute_live_app[data-live-context=host] .host-invite-bubble-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}.taalroute_live_app[data-live-context=host] .host-invite-participant-tile,.taalroute_live_app[data-live-context=host] .host-invite-bubble{min-height:50px!important;padding:7px 12px!important;gap:10px!important;border-radius:10px!important}.taalroute_live_app[data-live-context=host] .host-invite-participant-tile__initial{flex-basis:34px!important;inline-size:34px!important;block-size:34px!important;font-size:.98rem!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble__name{font-size:clamp(.94rem,4vw,1.05rem)!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard,.taalroute_live_app[data-live-context=host] .host-game-dashboard--timer-hidden{position:sticky!important;bottom:10px!important;z-index:20!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;gap:8px!important;padding:10px!important;border-radius:20px!important;overflow:visible!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code,.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer,.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{min-height:44px!important;padding:0!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code{grid-column:1!important;gap:8px!important;justify-content:start!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code svg{width:22px!important;height:22px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__code-number,.taalroute_live_app[data-live-context=host] .host-game-dashboard__code-button{font-size:clamp(1rem,5vw,1.28rem)!important;letter-spacing:.06em!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__timer{display:none!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants{grid-column:2!important;gap:6px!important;justify-content:end!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants svg{width:22px!important;height:22px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants strong{font-size:clamp(1.15rem,6vw,1.55rem)!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__participants span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions{grid-column:1 / -1!important;display:grid!important;grid-template-columns:repeat(4,minmax(42px,1fr)) minmax(98px,1.25fr)!important;width:100%!important;min-width:0!important;gap:6px!important;justify-content:stretch!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions>.host-player-bar__button:not(:last-child):after,.taalroute_live_app[data-live-context=host] .host-game-dashboard__divider{display:none!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;gap:0!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon .ui-button__label,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--secondary .ui-button__label,.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button.ui-button--ghost .ui-button__label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;margin-inline:0!important;padding-inline:0!important;border-radius:15px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard .host-player-bar__button--icon.host-player-bar__button--stop .ui-button__label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;border-radius:15px!important;padding-inline:12px!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard__start .ui-button__label{font-size:.96rem!important}}.taalroute_live_app[data-live-context=host] .host-settings-panel{width:min(760px,96vw)!important;max-width:96vw!important;height:min(100dvh,760px)!important;max-height:100dvh!important;overflow:hidden!important;border-radius:0!important}.taalroute_live_app[data-live-context=host] .host-settings-panel__header{min-height:0!important;padding:18px 24px 14px!important;border-bottom:1px solid rgb(190 211 238 / 44%)!important}.taalroute_live_app[data-live-context=host] .host-settings-panel__header span{font-size:.76rem!important;letter-spacing:.12em!important}.taalroute_live_app[data-live-context=host] .host-settings-panel__header h2{font-size:clamp(1.7rem,3.4vw,2.45rem)!important;line-height:.98!important}.taalroute_live_app[data-live-context=host] .host-settings-close{min-height:38px!important;height:38px!important;padding-inline:12px!important;font-size:.86rem!important}.taalroute_live_app[data-live-context=host] .host-settings-panel__content{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-auto-flow:dense!important;align-content:start!important;gap:12px!important;height:calc(100% - 86px)!important;padding:14px 24px 18px!important;overflow:hidden!important}.taalroute_live_app[data-live-context=host] .host-settings-section{display:grid!important;align-content:start!important;gap:10px!important;min-width:0!important;margin:0!important;padding:14px!important;border-radius:16px!important;box-shadow:0 10px 24px #2048760d!important}.taalroute_live_app[data-live-context=host] .host-settings-section:nth-of-type(1){grid-column:1!important}.taalroute_live_app[data-live-context=host] .host-settings-section:nth-of-type(2){grid-column:2!important;grid-row:span 2!important}.taalroute_live_app[data-live-context=host] .host-settings-section:nth-of-type(3){grid-column:1!important}.taalroute_live_app[data-live-context=host] .host-settings-section:nth-of-type(4){grid-column:2!important}.taalroute_live_app[data-live-context=host] .host-settings-section h3{margin:0!important;font-size:clamp(1.08rem,1.55vw,1.32rem)!important;line-height:1.05!important}.taalroute_live_app[data-live-context=host] .host-settings-choice{gap:6px!important;margin:0!important}.taalroute_live_app[data-live-context=host] .host-settings-choice legend{margin-bottom:4px!important;font-size:.86rem!important;line-height:1!important}.taalroute_live_app[data-live-context=host] .host-settings-choice__options,.taalroute_live_app[data-live-context=host] .host-settings-toggle__options{display:inline-flex!important;width:auto!important;min-width:0!important;gap:4px!important;padding:4px!important;border-radius:12px!important}.taalroute_live_app[data-live-context=host] .host-settings-choice__button{min-height:34px!important;height:34px!important;min-width:76px!important;padding:0 14px!important;border-radius:10px!important;font-size:.9rem!important;line-height:1!important}.taalroute_live_app[data-live-context=host] .host-settings-toggle,.taalroute_live_app[data-live-context=host] .host-settings-range{min-height:46px!important;gap:10px!important;padding:7px 10px!important;border-radius:13px!important}.taalroute_live_app[data-live-context=host] .host-settings-toggle>span,.taalroute_live_app[data-live-context=host] .host-settings-range>span:first-child{font-size:.92rem!important;line-height:1.05!important}.taalroute_live_app[data-live-context=host] .host-settings-range{grid-template-columns:minmax(70px,.7fr) minmax(120px,1fr) auto!important}.taalroute_live_app[data-live-context=host] .host-settings-range input[type=range]{width:100%!important;min-width:0!important}.taalroute_live_app[data-live-context=host] .host-settings-range>span:last-child{min-width:42px!important;font-size:.95rem!important;text-align:right!important}.taalroute_live_app[data-live-context=host] .host-settings-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.taalroute_live_app[data-live-context=host] .host-settings-action{min-height:38px!important;height:38px!important;padding-inline:12px!important;border-radius:11px!important;font-size:.86rem!important}.taalroute_live_app[data-live-context=host] .host-settings-action:last-child{grid-column:1 / -1!important}@media(max-width:620px),(max-height:680px){.taalroute_live_app[data-live-context=host] .host-settings-panel{width:100vw!important;height:100dvh!important}.taalroute_live_app[data-live-context=host] .host-settings-panel__content{grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;overflow:auto!important}.taalroute_live_app[data-live-context=host] .host-settings-section,.taalroute_live_app[data-live-context=host] .host-settings-section:nth-of-type(n){grid-column:1!important;grid-row:auto!important}}.taalroute_live_app[data-live-context=host] .host-invite-pin{position:relative!important}.taalroute_live_app[data-live-context=host] .host-invite-pin__copy{display:none!important}.taalroute_live_app[data-live-context=host] .host-share-menu{position:relative!important;z-index:45!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.taalroute_live_app[data-live-context=host] .host-invite-pin>.host-share-menu--pin{position:absolute!important;top:50%!important;right:clamp(1.25rem,6vw,4.25rem)!important;transform:translateY(8%)!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard>.host-share-menu--dashboard{align-self:center!important;justify-self:start!important;margin-left:-18px!important}.taalroute_live_app[data-live-context=host] .host-share-menu__trigger{width:46px!important;height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:0!important;border-radius:999px!important;color:#315d9d!important;background:#eef6ffeb!important;box-shadow:0 0 0 1px #8db9ef66,0 12px 24px #305c911a!important;cursor:pointer!important;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important}.taalroute_live_app[data-live-context=host] .host-share-menu__trigger svg{width:22px!important;height:22px!important}.taalroute_live_app[data-live-context=host] .host-share-menu__trigger:hover,.taalroute_live_app[data-live-context=host] .host-share-menu__trigger:focus-visible,.taalroute_live_app[data-live-context=host] .host-share-menu--open .host-share-menu__trigger{color:#fff!important;background:#0090f2!important;box-shadow:0 0 0 4px #0090f224,0 16px 30px #005caa29!important;outline:none!important}.taalroute_live_app[data-live-context=host] .host-share-menu__popover{position:absolute!important;right:0!important;bottom:calc(100% + 10px)!important;width:218px!important;display:grid!important;gap:4px!important;padding:8px!important;border:1px solid rgb(180 207 239 / 70%)!important;border-radius:14px!important;background:#fffffffa!important;box-shadow:0 22px 50px #21457029!important;opacity:0!important;pointer-events:none!important;transform:translateY(6px) scale(.98)!important;transform-origin:bottom right!important;transition:opacity .15s ease,transform .15s ease!important}.taalroute_live_app[data-live-context=host] .host-share-menu--open .host-share-menu__popover{opacity:1!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}.taalroute_live_app[data-live-context=host] .host-share-menu__item{width:100%!important;min-height:38px!important;display:grid!important;grid-template-columns:22px 1fr!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border:0!important;border-radius:10px!important;color:#14203a!important;background:transparent!important;font:inherit!important;font-size:.9rem!important;font-weight:750!important;line-height:1.1!important;text-align:left!important;cursor:pointer!important}.taalroute_live_app[data-live-context=host] .host-share-menu__item svg{width:20px!important;height:20px!important;color:#315d9d!important}.taalroute_live_app[data-live-context=host] .host-share-menu__item:hover,.taalroute_live_app[data-live-context=host] .host-share-menu__item:focus-visible{color:#0a4f91!important;background:#0090f217!important;outline:none!important}.taalroute_live_app[data-live-context=host] .host-share-menu__item--whatsapp svg{color:#1a9f64!important}@media(max-width:760px){.taalroute_live_app[data-live-context=host] .host-invite-pin>.host-share-menu--pin{right:1rem!important;transform:translateY(2%)!important}.taalroute_live_app[data-live-context=host] .host-share-menu__popover{right:auto!important;left:50%!important;bottom:calc(100% + 8px)!important;transform:translate(-50%,6px) scale(.98)!important;transform-origin:bottom center!important}.taalroute_live_app[data-live-context=host] .host-share-menu--open .host-share-menu__popover{transform:translate(-50%) scale(1)!important}}@media(prefers-reduced-motion:reduce){.taalroute_live_app[data-live-context=host] .host-share-menu__trigger,.taalroute_live_app[data-live-context=host] .host-share-menu__popover{transition:none!important}}.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions.host-player-bar__actions>.host-player-bar__button,.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions.host-player-bar__actions>.host-player-bar__button--icon,.taalroute_live_app[data-live-context=host] .host-game-dashboard__actions.host-player-bar__actions>.host-game-dashboard__start{height:66px!important;min-height:66px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card{min-height:244px!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:50px auto minmax(50px,1fr) auto auto!important;column-gap:18px!important;row-gap:13px!important;padding:22px 24px!important;border-radius:8px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card--selected{border-color:#3f73e6!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__icon{grid-column:1!important;grid-row:1!important;align-self:start!important;justify-self:start!important;width:50px!important;height:50px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__topline{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:start!important;padding-right:42px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__badge{min-height:32px!important;border-radius:7px!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__duration{display:none!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card>strong,.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__description,.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__footer,.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__meta{grid-column:1 / -1!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__footer{padding-top:14px!important;border-top:1px solid #e7edf5!important}.taalroute_live_app .quiz-selection-page.quiz-library-page .quiz-library-card__check{top:20px!important;right:20px!important;width:42px!important;height:42px!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-page{color:#152033!important;font-size:.82rem!important;line-height:1.4!important;background:#f5f8fc!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-page h1{font-size:clamp(1.35rem,2vw,1.8rem)!important;line-height:1.12!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-page h2{font-size:1.12rem!important;line-height:1.2!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-page h3{font-size:1rem!important;line-height:1.25!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary,.taalroute_live_app[data-live-context=teacher] .quiz-preview-metadata,.taalroute_live_app[data-live-context=teacher] .quiz-preview-learning-goal,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question-browser,.taalroute_live_app[data-live-context=teacher] .quiz-preview-question{border:1px solid #dbe4ef!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-summary:before{display:none!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option{min-height:42px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;border:1px solid #dbe4ef!important;border-radius:3px!important;padding:9px 12px!important;background:#fff!important;color:#152033!important;font-size:.82rem!important;font-weight:520!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option__label{display:none!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option--correct{border-color:#a9dec0!important;background:#eaf8ee!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-option strong{justify-self:end!important;min-height:26px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding-inline:12px!important;background:#dff4e5!important;color:#2d723b!important;font-size:.72rem!important;font-weight:760!important}.taalroute_live_app[data-live-context=teacher] .quiz-preview-explanation{border:0!important;border-left:3px solid #0090f2!important;border-radius:0!important;padding:10px 12px!important;background:#edf6ff!important;color:#66738a!important;font-size:.82rem!important}@media(min-width:901px){.taalroute_live_app[data-live-context=host] .host-page--lobby{min-height:100dvh!important}.taalroute_live_app[data-live-context=host] .host-invite-shell{width:100%!important;max-width:none!important;min-height:100dvh!important;display:grid!important;grid-template-areas:"brand" "access" "participants" "dashboard"!important;grid-template-rows:clamp(58px,6vh,74px) minmax(300px,clamp(340px,42vh,466px)) minmax(168px,clamp(178px,18vh,210px)) 112px!important;align-content:start!important;gap:clamp(8px,1.2vh,14px)!important;padding:clamp(18px,2vh,24px) clamp(44px,4.2vw,72px) clamp(16px,1.8vh,22px)!important;box-sizing:border-box!important;overflow:hidden!important}.taalroute_live_app[data-live-context=host] .host-invite-brand{grid-area:brand!important;align-self:start!important;justify-self:start!important;margin:0!important;transform:none!important}.taalroute_live_app[data-live-context=host] .host-invite-brand__logo{width:clamp(118px,10vw,164px)!important;height:auto!important}.taalroute_live_app[data-live-context=host] .host-invite-access{grid-area:access!important;align-self:stretch!important;justify-self:center!important;width:min(100%,1680px)!important;min-height:0!important;margin:0!important;padding:clamp(26px,3vh,42px) clamp(34px,4vw,64px)!important}.taalroute_live_app[data-live-context=host] .host-invite-main{height:100%!important;min-height:0!important;align-items:center!important;gap:clamp(42px,5vw,82px)!important}.taalroute_live_app[data-live-context=host] .host-invite-pin,.taalroute_live_app[data-live-context=host] .host-invite-qr{min-height:0!important;height:100%!important;align-content:center!important}.taalroute_live_app[data-live-context=host] .host-invite-participants{grid-area:participants!important;align-self:stretch!important;justify-self:center!important;width:min(100%,1680px)!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:clamp(14px,1.6vh,20px) clamp(20px,2.2vw,32px)!important;overflow:hidden!important}.taalroute_live_app[data-live-context=host] .host-invite-participants__heading{margin-bottom:clamp(10px,1.3vh,16px)!important}.taalroute_live_app[data-live-context=host] .host-invite-bubble-group,.taalroute_live_app[data-live-context=host] .host-invite-bubble-grid{align-content:start!important;max-height:100%!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard{grid-area:dashboard!important;bottom:clamp(18px,2.2vh,28px)!important;align-self:end!important;justify-self:center!important;width:min(100%,1840px)!important;margin:0!important}}.taalroute_live_app[data-live-context=host] .host-page--lobby{--host-lobby-background-image: url(/assets/images/backgrounds/live/live-bg-play-01.png);background:linear-gradient(180deg,#ffffff1a,#d6e7ff2e),var(--host-lobby-background-image) center center / cover no-repeat,linear-gradient(135deg,#eef8ff,#f8fbff,#d9ecff)!important}.taalroute_live_app[data-live-context=host] .host-invite-shell{background:transparent!important}.taalroute_live_app[data-live-context=host] .host-invite-access,.taalroute_live_app[data-live-context=host] .host-invite-participants{border:1px solid rgb(255 255 255 / .86)!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(16px) saturate(1.06)!important;backdrop-filter:blur(16px) saturate(1.06)!important;box-shadow:inset 0 1px #fffffff5,0 22px 56px #1f559124!important}.taalroute_live_app[data-live-context=host] .host-invite-qr{background:#ffffffa3!important}.taalroute_live_app[data-live-context=host] .host-game-dashboard{border:1px solid rgb(255 255 255 / .88)!important;background:#ffffffeb!important;-webkit-backdrop-filter:blur(18px) saturate(1.08)!important;backdrop-filter:blur(18px) saturate(1.08)!important}.taalroute_live_app[data-live-context=teacher]{--teacher-text: #152033;--teacher-muted: #66738a;--teacher-subtle: #53627a;color:var(--teacher-text)!important;font-size:14px!important;line-height:1.45!important}.taalroute_live_app[data-live-context=teacher] :where(h1,.ui-page-header__title){font-size:clamp(1.5rem,1.45vw,1.85rem)!important;font-weight:650!important;line-height:1.12!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] :where(h2){font-size:clamp(1.06rem,1vw,1.24rem)!important;font-weight:610!important;line-height:1.2!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] :where(h3){font-size:.98rem!important;font-weight:600!important;line-height:1.25!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] :where(p,li,dd,input,select,textarea){font-size:.875rem!important;font-weight:430!important;line-height:1.45!important}.taalroute_live_app[data-live-context=teacher] :where(strong,b,dt,th){font-weight:600!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-page-header__eyebrow,.ui-eyebrow,.settings-section-eyebrow,.quiz-preview-eyebrow,label,.label,small){color:var(--teacher-subtle)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.04em!important}.taalroute_live_app[data-live-context=teacher] .ui-page-header__intro,.taalroute_live_app[data-live-context=teacher] :where(.ui-card p,.settings-section p,.access-boundary-option p,.org-admin-setting-card p,.quiz-card p,.route-card p){color:var(--teacher-muted)!important;font-weight:430!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-badge,.ui-status-pill,.filter-chip,.quiz-filter-chip,.settings-status-pill){min-height:22px!important;padding:.2rem .55rem!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:0!important;line-height:1!important}.taalroute_live_app[data-live-context=teacher] .ui-status-pill__dot{width:.4rem!important;height:.4rem!important}.taalroute_live_app[data-live-context=teacher] .ui-button{min-height:36px!important;border-radius:6px!important;padding:.52rem .86rem!important;font-size:.84rem!important;font-weight:620!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] .ui-button--small{min-height:31px!important;padding:.38rem .64rem!important;font-size:.78rem!important}.taalroute_live_app[data-live-context=teacher] :where(.app-shell-nav__link,.nav-link,.app-shell-topbar button){font-size:.82rem!important;font-weight:600!important}.taalroute_live_app[data-live-context=teacher] :where(.settings-section-header h2,.settings-section__title,.org-admin-card-heading h2,.access-boundary-card-heading h2){font-size:1.06rem!important;font-weight:610!important}.taalroute_live_app[data-live-context=teacher] :where(.settings-control-row strong,.settings-status-item strong,.settings-note strong,.access-boundary-option h2,.org-admin-setting-card strong){font-size:.9rem!important;font-weight:600!important}.taalroute_live_app[data-live-context=teacher] :where(.org-admin-kpis strong,.access-boundary-kpis strong,.metric-card strong,.result-metric strong){font-size:clamp(1.12rem,1.05vw,1.4rem)!important;font-weight:650!important}.taalroute_live_app[data-live-context=teacher] :where(.org-admin-table,.routeboard-table,table){font-size:.84rem!important}.taalroute_live_app[data-live-context=teacher] :where(.org-admin-table th,.routeboard-table th,table th){color:var(--teacher-subtle)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.03em!important}.taalroute_live_app[data-live-context=teacher] :where(.quiz-card h2,.quiz-selection-card h2){font-size:1rem!important;font-weight:630!important;line-height:1.18!important}.taalroute_live_app[data-live-context=teacher] :where(.quiz-card__description,.quiz-selection-card__description){font-size:.84rem!important;font-weight:430!important}.taalroute_live_app[data-live-context=teacher] :where(.quiz-card__meta,.quiz-selection-card__meta){font-size:.78rem!important;font-weight:560!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-empty-state h2,.ui-empty-state h3){font-size:1.08rem!important;font-weight:610!important}.taalroute_live_app[data-live-context=teacher] :where(.ui-empty-state p){font-size:.9rem!important;font-weight:430!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem!important;align-items:stretch!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card{position:relative!important;display:grid!important;grid-template-rows:auto auto auto 1fr auto auto!important;min-height:290px!important;padding:1.35rem 1.45rem 1.25rem!important;border:1px solid #d6e2f1!important;border-radius:10px!important;background:#fff!important;box-shadow:0 10px 28px #284a730f!important;color:#111827!important;text-align:left!important;transform:none!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card:before{display:none!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card:hover,.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card:focus-visible{border-color:#9fc5f5!important;background:#fff!important;box-shadow:0 14px 32px #284a731a!important;transform:none!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card--selected{border:2px solid #4f7df2!important;box-shadow:0 16px 34px #284a731a!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__icon{width:46px!important;height:46px!important;border:1px solid #cfe0f5!important;border-radius:7px!important;background:#f4f9ff!important;color:#3d609f!important;box-shadow:none!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__icon svg{width:26px!important;height:26px!important;stroke-width:2.2!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__topline{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.75rem!important;margin:-2.85rem 0 1.35rem 4.85rem!important;min-height:46px!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:.3rem .8rem!important;border:1px solid #d6e2f1!important;border-radius:6px!important;background:#f5f9fd!important;color:#365b99!important;font-size:.84rem!important;font-weight:650!important;letter-spacing:0!important;line-height:1!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card>strong{display:block!important;max-width:92%!important;margin:.15rem 0 0!important;color:#10182b!important;font-size:clamp(1rem,.95vw,1.16rem)!important;font-weight:650!important;line-height:1.18!important;letter-spacing:0!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__description{display:block!important;margin:1.1rem 0!important;color:#49618c!important;font-size:.92rem!important;font-weight:500!important;line-height:1.28!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__footer{display:flex!important;align-items:center!important;gap:.35rem!important;margin-top:auto!important;padding-top:1rem!important;border-top:1px solid #e8edf5!important;color:#667085!important;font-size:.86rem!important;font-weight:610!important;line-height:1.2!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__meta{display:flex!important;align-items:center!important;gap:.85rem!important;margin-top:.95rem!important;color:#6075a2!important;font-size:.86rem!important;font-weight:650!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__meta>span{display:inline-flex!important;align-items:center!important;gap:.36rem!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__meta svg{width:18px!important;height:18px!important;color:#7da3df!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__check{position:absolute!important;top:1.35rem!important;right:1.35rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;border:0!important;border-radius:999px!important;background:#5b82ea!important;color:#fff!important;box-shadow:0 12px 24px #5b82ea38!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__check svg{width:18px!important;height:18px!important;stroke-width:2.8!important}@media(max-width:620px){.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:1fr!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card{min-height:250px!important;padding:1.15rem!important}}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:repeat(4,minmax(220px,1fr))!important;gap:.9rem!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card{display:grid!important;grid-template-columns:38px minmax(0,1fr) 28px!important;grid-template-rows:38px auto auto auto auto!important;column-gap:.8rem!important;row-gap:.68rem!important;min-height:205px!important;padding:1rem 1.05rem .95rem!important;border:1px solid #d8e3f0!important;border-radius:8px!important;background:#fff!important;box-shadow:0 8px 20px #284a730b!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card--selected{border:2px solid #4f7df2!important;box-shadow:0 12px 26px #284a7317!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__icon{grid-column:1!important;grid-row:1!important;width:38px!important;height:38px!important;align-self:start!important;border-radius:6px!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__icon svg{width:22px!important;height:22px!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__topline{grid-column:2 / 3!important;grid-row:1!important;display:flex!important;min-height:0!important;margin:0!important;align-self:center!important;gap:.5rem!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__badge{min-height:22px!important;padding:.16rem .5rem!important;border-radius:5px!important;font-size:.68rem!important;font-weight:520!important;line-height:1.05!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__duration{display:none!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card>strong{grid-column:1 / -1!important;grid-row:2!important;max-width:none!important;margin:.15rem 0 0!important;font-size:clamp(.96rem,.82vw,1.08rem)!important;font-weight:650!important;line-height:1.18!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__description{grid-column:1 / -1!important;grid-row:3!important;display:-webkit-box!important;min-height:2.5em!important;margin:0!important;overflow:hidden!important;color:#50627f!important;font-size:.82rem!important;font-weight:430!important;line-height:1.3!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__footer{grid-column:1 / -1!important;grid-row:4!important;margin-top:.2rem!important;padding-top:.7rem!important;border-top:1px solid #e9eef5!important;color:#69768a!important;font-size:.78rem!important;font-weight:500!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__meta{grid-column:1 / -1!important;grid-row:5!important;margin-top:0!important;gap:.65rem!important;color:#60749b!important;font-size:.78rem!important;font-weight:520!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__meta svg{width:15px!important;height:15px!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__check{top:1rem!important;right:1rem!important;width:28px!important;height:28px!important;box-shadow:0 8px 16px #5b82ea2e!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card__check svg{width:13px!important;height:13px!important}@media(max-width:1180px){.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:860px){.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-grid{grid-template-columns:1fr!important}.taalroute_live_app[data-live-context=teacher] .quiz-selection-page.quiz-library-page .quiz-library-card{min-height:190px!important}}