.Vue-Toastification__container{z-index:9999;box-sizing:border-box;color:#fff;pointer-events:none;flex-direction:column;width:600px;min-height:100%;padding:4px;display:flex;position:fixed}@media only screen and (min-width:600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{flex-direction:column-reverse;bottom:1em}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not ((-moz-appearance:none)){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not ((-moz-appearance:none)){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{margin-left:-300px;left:50%}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{width:100vw;margin:0;padding:0;left:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{flex-direction:column-reverse;bottom:0}}.Vue-Toastification__toast{box-sizing:border-box;pointer-events:auto;direction:ltr;border-radius:8px;justify-content:space-between;min-width:326px;max-width:600px;min-height:64px;max-height:800px;margin-bottom:1rem;padding:22px 24px;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 1px 10px rgba(0,0,0,.1),0 2px 15px rgba(0,0,0,.05)}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{color:#fff;background-color:#1976d2}.Vue-Toastification__toast--info{color:#fff;background-color:#2196f3}.Vue-Toastification__toast--success{color:#fff;background-color:#4caf50}.Vue-Toastification__toast--error{color:#fff;background-color:#ff5252}.Vue-Toastification__toast--warning{color:#fff;background-color:#ffc107}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{word-break:break-word;white-space:pre-wrap;flex:1;font-size:16px;line-height:24px}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{cursor:pointer;color:#fff;opacity:.3;background:0 0;border:none;outline:none;align-items:center;padding:0 0 0 10px;font-size:24px;font-weight:700;line-height:24px;transition:visibility,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{z-index:10000;transform-origin:0;background-color:rgba(255,255,255,.7);width:100%;height:5px;animation:linear forwards scale-x-frames;position:absolute;bottom:0;left:0}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:100%}.Vue-Toastification__icon{background:0 0;border:none;outline:none;align-items:center;width:20px;height:100%;margin:auto 18px auto 0;padding:0;transition:all .3s}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate(-20px)}to{opacity:0;transform:translate(1000px)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate(20px)}to{opacity:0;transform:translate(-2000px)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes bounceOutUp{20%{transform:translateY(-10px)}40%,45%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translateY(10px)}40%,45%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}@keyframes fadeOutTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@keyframes fadeOutBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}@keyframes slideInBlurredLeft{0%{transform-origin:100%;filter:blur(40px);opacity:0;transform:translate(-1000px)scaleX(2.5)scaleY(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}}@keyframes slideInBlurredTop{0%{transform-origin:50% 0;filter:blur(240px);opacity:0;transform:translateY(-1000px)scaleY(2.5)scaleX(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}}@keyframes slideInBlurredRight{0%{transform-origin:0%;filter:blur(40px);opacity:0;transform:translate(1000px)scaleX(2.5)scaleY(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}}@keyframes slideInBlurredBottom{0%{transform-origin:50% 100%;filter:blur(240px);opacity:0;transform:translateY(1000px)scaleY(2.5)scaleX(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}}@keyframes slideOutBlurredTop{0%{transform-origin:50% 0;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}to{transform-origin:50% 0;filter:blur(240px);opacity:0;transform:translateY(-1000px)scaleY(2)scaleX(.2)}}@keyframes slideOutBlurredBottom{0%{transform-origin:50%;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}to{transform-origin:50% 100%;filter:blur(240px);opacity:0;transform:translateY(1000px)scaleY(2)scaleX(.2)}}@keyframes slideOutBlurredLeft{0%{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}to{transform-origin:100%;filter:blur(40px);opacity:0;transform:translate(-1000px)scaleX(2)scaleY(.2)}}@keyframes slideOutBlurredRight{0%{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}to{transform-origin:0%;filter:blur(40px);opacity:0;transform:translate(1000px)scaleX(2)scaleY(.2)}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400 800;src:url(/fonts/montserrat-latin-wght-400-800-v31.woff2)format("woff2")}@font-face{font-display:swap;font-family:Quicksand;font-style:normal;font-weight:600 700;src:url(/fonts/quicksand-latin-wght-600-700-v37.woff2)format("woff2")}:root{--surface:#f8f9ff;--surface-low:#eff4ff;--surface-container:#e6eeff;--surface-high:#dee9fc;--surface-highest:#d9e3f6;--card:#fff;--text:#121c2a;--muted:#4a4455;--outline:#7b7487;--outline-soft:#ccc3d8;--primary:#630ed4;--primary-strong:#4c0bb5;--primary-soft:#eaddff;--primary-mid:#7c3aed;--blue:#39b8fd;--blue-strong:#006591;--green:#007650;--green-soft:#76ffc2;--orange:#ff9f1c;--orange-strong:#b85f00;--yellow:#ffd166;--danger:#ba1a1a;--danger-soft:#ffdad6;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.rankings-page{gap:22px;width:100%;min-width:0;display:grid}.rankings-page-hero{border:2px solid var(--surface-highest);border-bottom-width:7px;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;min-width:0;padding:max(24px,min(4vw,44px));display:flex;position:relative;overflow:hidden}.rankings-page-hero.teacher{background:linear-gradient(135deg,#fff,#e8f3ff)}.rankings-page-hero.student{color:#fff;background:linear-gradient(125deg,#5310c8 0%,#762ee9 52%,#087ba2 100%);border-color:#3f009e}.rankings-page-hero>div:first-child{z-index:1;gap:8px;min-width:0;max-width:720px;display:grid;position:relative}.rankings-page-hero h1{font-size:max(2rem,min(4vw,3.4rem));line-height:1.05}.rankings-page-hero p{font-weight:700;line-height:1.55}.rankings-page-hero.student h1,.rankings-page-hero.student p,.rankings-page-hero.student .eyebrow{color:#fff}.rankings-page-hero.teacher>.app-icon{color:var(--primary);opacity:.2;font-size:max(68px,min(10vw,126px))}.ranking-hero-kart{background:rgba(255,255,255,.12);border:3px solid rgba(255,255,255,.29);border-radius:50%;flex:none;justify-content:center;align-items:center;width:max(112px,min(15vw,170px));height:max(112px,min(15vw,170px));display:flex;position:relative}.ranking-hero-kart:after{background:repeating-conic-gradient(#fff 0 25%, transparent 0 50%) 0 / 20px 20px;content:"";opacity:.45;width:140px;height:18px;position:absolute;bottom:-24px;right:-44px;transform:skew(-20deg)}.ranking-hero-kart .app-icon{color:#fff;font-size:max(60px,min(9vw,100px));transform:rotate(-8deg)}.ranking-category-tabs,.ranking-mission-tabs,.ranking-scope-tabs{border:2px solid var(--surface-highest);background:#fff;border-radius:16px;gap:8px;min-width:0;padding:8px;display:flex}.ranking-category-tabs button,.ranking-mission-tabs button,.ranking-scope-tabs button{box-shadow:none;color:var(--muted);background:0 0;border:0;flex:1;min-width:0}.ranking-category-tabs button.active,.ranking-mission-tabs button.active,.ranking-scope-tabs button.active{background:var(--primary);color:#fff}.ranking-filter-panel{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:6px;border-radius:20px;gap:16px;min-width:0;padding:18px;display:grid}.ranking-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:14px;min-width:0;display:grid}.ranking-filter-grid.scope-room{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.ranking-filter-grid.scope-quiz{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.ranking-filter-grid label{text-transform:uppercase;gap:7px;min-width:0;font-size:.78rem;font-weight:800;display:grid}.ranking-filter-grid select,.ranking-filter-grid input{width:100%;min-width:0}.ranking-search-field>span{align-items:center;min-width:0;display:flex;position:relative}.ranking-search-field>span>.app-icon{color:var(--muted);position:absolute;left:12px}.ranking-search-field input{padding-left:40px}.ranking-refresh-button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:flex}.ranking-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ranking-summary-grid article{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:6px;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.ranking-summary-grid article>.app-icon{background:var(--primary-soft);color:var(--primary);border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ranking-summary-grid article:nth-child(2)>.app-icon{color:#006591;background:#c9e6ff}.ranking-summary-grid article:nth-child(3)>.app-icon{color:#9a5b00;background:#ffefc7}.ranking-summary-grid article:nth-child(4)>.app-icon{color:#006b47;background:#d9fbea}.ranking-summary-grid article div{gap:3px;min-width:0;display:grid}.ranking-summary-grid small{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.ranking-summary-grid strong{color:var(--primary);font-family:Quicksand,sans-serif;font-size:1.75rem}.ranking-podium{background:linear-gradient(#f2ecff,#fff);border:2px solid #d7c7ff;border-bottom-width:7px;border-radius:26px;gap:24px;min-width:0;padding:30px 30px 0;display:grid;position:relative;overflow:hidden}.ranking-podium header{text-align:center}.ranking-podium header h2{color:var(--primary);font-size:max(1.8rem,min(3vw,2.7rem))}.ranking-checkered-strip{background:repeating-conic-gradient(#172033 0 25%, #fff 0 50%) 0 / 22px 22px;opacity:.12;height:14px;position:absolute;top:0;left:0;right:0}.ranking-podium-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;width:100%;max-width:840px;margin:auto;display:grid}.ranking-podium-grid.count-1{grid-template-columns:minmax(0,280px);justify-content:center}.ranking-podium-grid.count-2{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center}.ranking-podium-place{text-align:center;place-items:center;gap:7px;min-width:0;display:grid;position:relative}.ranking-podium-place.current .ranking-avatar{box-shadow:0 0 0 6px #fff,0 0 0 10px #7c3aed}.ranking-podium-place>strong{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;display:flex}.ranking-podium-place>strong small{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:.66rem}.ranking-podium-place>span:not(.ranking-crown){color:var(--muted);font-weight:800}.ranking-crown{color:#d49b00;margin-bottom:-4px;font-size:42px}.ranking-avatar{background:var(--primary-soft);border:3px solid var(--primary);color:var(--primary);border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-family:Quicksand,sans-serif;font-weight:700;display:inline-flex}.ranking-podium-place.place-1 .ranking-avatar{background:#fff0ad;border-color:#c68a00;width:82px;height:82px}.ranking-podium-place.place-2 .ranking-avatar{background:#d9efff;border-color:#278cc0;width:68px;height:68px}.ranking-podium-place.place-3 .ranking-avatar{background:#f5ded1;border-color:#a85b30;width:62px;height:62px}.ranking-podium-block{background:var(--primary);color:#fff;border:2px solid #4000a1;border-bottom:0;border-radius:20px 20px 0 0;align-content:center;justify-items:center;width:100%;height:190px;display:grid}.ranking-podium-block b{font-family:Quicksand,sans-serif;font-size:3.2rem}.ranking-podium-block small{letter-spacing:.12em;font-weight:800}.place-2 .ranking-podium-block{background:#198fc8;border-color:#006591;height:135px}.place-3 .ranking-podium-block{background:#c97849;border-color:#87401d;height:105px}.race-leaderboard{gap:16px;min-width:0;display:grid}.ranking-you-card{border:3px solid var(--primary);background:#efe5ff;border-bottom-width:7px;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:16px;display:grid}.ranking-you-card>div:nth-child(2){gap:3px;min-width:0;display:grid}.ranking-you-card>div:nth-child(2)>span,.ranking-you-card small{color:var(--muted);font-size:.78rem;font-weight:800}.ranking-you-card>.app-icon{color:var(--primary);font-size:42px}.ranking-you-card.unclassified{border-color:var(--surface-highest);grid-template-columns:auto minmax(0,1fr)}.race-track{background:#222a38;border:4px solid #131925;border-bottom-width:9px;border-radius:24px;gap:0;min-width:0;padding-top:28px;display:grid;position:relative;overflow:hidden}.race-finish-line{background:repeating-conic-gradient(#fff 0 25%, #1c2431 0 50%) 0 / 24px 24px;color:#fff;height:24px;position:absolute;top:0;left:0;right:0}.race-finish-line span{letter-spacing:.15em;background:#101622;border-radius:0 0 8px;padding:4px 8px;font-size:.65rem;font-weight:800;position:absolute;top:0;left:0}.race-lane{--racer-color:#8c48ef;color:#fff;border-bottom:2px dashed rgba(255,255,255,.24);grid-template-columns:48px 48px minmax(150px,.75fr) minmax(180px,1.25fr) auto;align-items:center;gap:12px;min-width:0;padding:14px 18px;display:grid}.race-lane:last-child{border-bottom:0}.race-lane.current{background:rgba(124,58,237,.25);box-shadow:inset 5px 0 #d2bbff}.race-lane.tone-1{--racer-color:#39b8fd}.race-lane.tone-2{--racer-color:#4edea3}.race-lane.tone-3{--racer-color:#ffad37}.race-lane.tone-4{--racer-color:#f4678a}.race-lane.tone-5{--racer-color:#c9dc52}.race-lane .ranking-avatar{background:color-mix(in srgb, var(--racer-color) 30%, white);border-color:var(--racer-color);color:#111a28;width:44px;height:44px}.race-position{color:var(--racer-color);font-family:Quicksand,sans-serif;font-size:1.35rem}.race-student-copy{gap:4px;min-width:0;display:grid}.race-student-copy strong{overflow-wrap:anywhere}.race-student-copy strong span{color:var(--primary);text-transform:uppercase;background:#fff;border-radius:999px;margin-left:4px;padding:3px 6px;font-size:.62rem}.race-student-copy small{color:#d7deeb;font-size:.7rem;font-weight:700}.race-progress{background:rgba(255,255,255,.11);border:2px solid rgba(255,255,255,.19);border-radius:999px;min-width:0;height:24px;position:relative;overflow:visible}.race-progress>span{background:linear-gradient(90deg, color-mix(in srgb, var(--racer-color) 58%, #222a38), var(--racer-color));border-radius:999px;min-width:30px;max-width:calc(100% - 17px);height:100%;display:block;position:relative}.race-progress i{color:var(--racer-color);text-shadow:0 2px #000;font-size:34px;font-style:normal;position:absolute;top:-8px;right:-18px}.race-lane>b{color:var(--racer-color);white-space:nowrap;font-family:Quicksand,sans-serif}.rankings-page>.ranking-data-panel.portal-panel{grid-column:auto;min-width:0}.teacher-ranking-table-wrap{max-width:100%}.teacher-ranking-table{min-width:840px}.ranking-table-position{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.ranking-table-student{align-items:center;gap:10px;min-width:180px;display:flex}.ranking-table-student .ranking-avatar{width:40px;height:40px}.ranking-points{color:var(--primary);font-family:Quicksand,sans-serif;font-size:1.15rem}.ranking-empty-state{border:3px dashed var(--surface-highest);text-align:center;background:#fff;border-radius:22px;align-content:center;justify-items:center;gap:10px;min-height:250px;padding:30px;display:grid}.ranking-empty-state .app-icon{color:var(--primary);font-size:64px}.ranking-empty-state p{color:var(--muted);max-width:520px;font-weight:700}.ranking-pagination{justify-content:space-between;align-items:center;gap:16px;display:flex}.ranking-pagination>span{color:var(--muted);font-size:.78rem;font-weight:800}.ranking-pagination>div{align-items:center;gap:12px;display:flex}.ranking-pagination button{align-items:center;gap:4px;display:inline-flex}.ranking-pagination button .app-icon{font-size:18px}.ranking-loading-state{border:2px solid var(--surface-highest);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:120px;font-weight:800;display:flex}.ranking-loading-state .app-icon{color:var(--primary);animation:1s linear infinite ranking-spin}@keyframes ranking-spin{to{transform:rotate(360deg)}}.room-readiness-panel{overflow:visible;container-type:inline-size}.room-readiness-panel .readiness-student-row{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;width:100%;min-width:0;display:grid}.room-student-identity{gap:3px;min-width:0;display:grid}.room-student-identity strong,.room-student-identity span{overflow-wrap:anywhere}.room-student-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.room-student-controls .ready-pill{white-space:nowrap;margin-left:0}.room-student-controls .mini-button{white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:5px;min-width:0;display:inline-flex}.room-student-controls .mini-button .app-icon{color:currentColor;font-size:17px}@container (width<=500px){.room-readiness-panel .readiness-student-row{grid-template-columns:auto minmax(0,1fr)}.room-student-controls{grid-column:2;justify-content:space-between}}@container (width<=350px){.room-student-controls{grid-column:1/-1}.room-student-controls .mini-button{flex:1}}@media (max-width:1100px){.ranking-filter-grid,.ranking-filter-grid.scope-room,.ranking-filter-grid.scope-quiz{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-refresh-button{min-height:48px}.ranking-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.race-lane{grid-template-columns:42px 44px minmax(130px,1fr) minmax(150px,1fr) auto;padding-left:12px;padding-right:12px}}@media (max-width:760px){.rankings-page-hero{flex-direction:column;align-items:flex-start}.ranking-hero-kart{align-self:flex-end;width:92px;height:92px}.ranking-category-tabs,.ranking-mission-tabs,.ranking-scope-tabs{flex-direction:column}.ranking-filter-grid,.ranking-filter-grid.scope-room,.ranking-filter-grid.scope-quiz,.ranking-summary-grid{grid-template-columns:1fr}.ranking-podium{padding:26px 14px 0}.ranking-podium-grid{grid-template-columns:1fr;align-items:stretch}.ranking-podium-place{border:2px solid var(--surface-highest);text-align:left;background:#fff;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;justify-items:start;padding:12px}.ranking-podium-place.place-1{order:-1}.ranking-podium-place>strong{justify-content:flex-start}.ranking-podium-place .ranking-avatar,.ranking-podium-place.place-1 .ranking-avatar,.ranking-podium-place.place-2 .ranking-avatar,.ranking-podium-place.place-3 .ranking-avatar{width:52px;height:52px}.ranking-crown{display:none}.ranking-podium-block{border:0;border-radius:12px;grid-column:1/-1;width:100%;padding:8px;height:auto!important}.ranking-podium-block b{font-size:1.5rem}.race-lane{grid-template-columns:38px 42px minmax(0,1fr) auto}.race-progress{grid-column:2/-1}.race-student-copy small{line-height:1.4}.ranking-you-card{grid-template-columns:auto minmax(0,1fr)}.ranking-you-card>.app-icon{display:none}.ranking-pagination{flex-direction:column;align-items:stretch}.ranking-pagination>div{justify-content:space-between}}@media (max-width:430px){.ranking-you-card{grid-template-columns:1fr}.ranking-you-card .ranking-avatar{display:none}.race-lane{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:12px 9px}.race-lane .ranking-avatar{display:none}.race-progress{grid-column:2/-1}.ranking-pagination>div{flex-direction:column;align-items:stretch}.ranking-pagination>div strong{text-align:center}}.room-game-layout,.game-results-layout,.student-game-screen{gap:24px;width:100%;min-width:0;display:grid}.room-game-layout{grid-template-columns:minmax(0,1fr);gap:24px 0;container-type:inline-size}.room-game-layout>.portal-panel,.room-game-layout>.portal-panel.wide{grid-column:auto}.room-game-overview{grid-template-columns:minmax(0,1fr) 220px;justify-self:stretch;align-items:stretch;gap:24px;width:100%;min-width:0;display:grid}.room-game-header{color:#fff;background:linear-gradient(135deg,#5b10dc,#7c32f5);border:2px solid #4100a8;border-bottom-width:7px;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px;display:grid}.room-game-header .portal-back-button{color:var(--primary);background:#fff}.room-game-live-icon{color:var(--primary);background:#fff;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:34px;display:flex}.room-game-header .eyebrow,.room-game-header p{color:#eadcff}.room-game-header h1{color:#fff;font-size:max(1.7rem,min(4vw,2.7rem))}.room-game-timer{color:var(--primary);background:#fff;border:2px solid #d7c7ff;border-bottom-width:6px;border-radius:16px;align-items:center;gap:12px;min-width:170px;padding:12px 16px;display:flex}.room-game-timer .app-icon{font-size:32px}.room-game-timer div{display:grid}.room-game-timer small{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.room-game-timer strong{font-family:Quicksand,sans-serif;font-size:1.75rem;line-height:1}.room-game-timer.urgent{color:#c31936;border-color:#ff7a86;animation:1s infinite timer-pulse}@keyframes timer-pulse{50%{transform:translateY(-2px)}}.room-game-stat-grid{grid-template-columns:1fr;gap:18px;display:grid}.room-game-stat-grid article{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:6px;border-radius:14px;align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.room-game-stat-grid .app-icon{background:var(--primary-soft);color:var(--primary);border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:30px;display:flex}.room-game-stat-grid div{min-width:0;display:grid}.room-game-stat-grid small{color:var(--muted);overflow-wrap:anywhere;font-weight:800}.room-game-stat-grid strong{color:var(--primary);font-family:Quicksand,sans-serif;font-size:1.8rem}.room-game-participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.room-game-participant-grid>article{background:var(--surface-low);border:2px solid var(--surface-highest);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.room-game-student-avatar{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-family:Quicksand,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.room-game-participant-grid article>div:nth-child(2){gap:4px;min-width:0;display:grid}.room-game-participant-grid small{color:var(--muted);font-weight:700}.room-game-progress{background:#dbe5f8;border-radius:999px;width:100%;height:9px;overflow:hidden}.room-game-progress span{background:linear-gradient(90deg, var(--primary), #2f9cff);border-radius:inherit;height:100%;transition:width .25s;display:block}.room-game-footer-actions{border:2px solid var(--surface-highest);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.room-game-footer-actions p{color:var(--muted);font-weight:700}@container (width<=820px){.room-game-overview{grid-template-columns:1fr}.room-game-header{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.room-game-header .room-game-timer{grid-column:1/-1;width:100%}.room-game-participant-grid{grid-template-columns:1fr}.room-game-footer-actions{flex-direction:column;align-items:stretch}}.game-launch-summary{background:var(--primary-soft);color:var(--primary);border:2px solid #d6c1ff;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.game-launch-summary .app-icon{font-size:34px}.game-launch-summary div{gap:3px;display:grid}.game-launch-summary small{color:var(--muted);font-weight:700}.game-quiz-selector{gap:10px;margin:16px 0;display:grid}.game-quiz-selector label{border:2px solid var(--surface-highest);cursor:pointer;border-radius:14px;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:14px;display:grid}.game-quiz-selector label.selected{background:var(--primary-soft);border-color:var(--primary)}.game-quiz-selector .app-icon{color:var(--primary);font-size:30px}.game-quiz-selector label div{gap:3px;display:grid}.game-quiz-selector small{color:var(--muted);font-weight:700}.student-game-screen{background:#f5f7ff;border-radius:20px;padding:20px}.student-game-topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.student-game-topbar>div:first-child{gap:8px;display:grid}.student-game-topbar>div:first-child>strong{color:var(--navy);font-family:Quicksand,sans-serif;font-size:1.4rem}.student-game-content{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;display:grid}.student-game-question-card{color:#fff;background:linear-gradient(145deg,#5612cf,#843df6);border:3px solid #3f009e;border-bottom-width:8px;border-radius:24px;align-content:center;gap:16px;min-height:420px;padding:34px;display:grid}.student-game-question-card>.app-icon{opacity:.8;font-size:52px}.student-game-question-card h1{color:#fff;font-size:max(1.7rem,min(3.5vw,2.55rem))}.student-game-question-card p{color:#eadcff;font-weight:700;line-height:1.5}.student-game-context{background:rgba(255,255,255,.14);border-radius:14px;max-height:150px;padding:14px;overflow:auto;color:#fff!important}.student-game-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.student-game-options button{color:#fff;text-align:left;border:3px solid rgba(0,0,0,.18);border-bottom-width:8px;border-radius:18px;justify-content:flex-start;align-items:center;gap:14px;min-height:150px;padding:22px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800;display:flex}.student-game-options button span{background:rgba(255,255,255,.22);border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-family:Quicksand,sans-serif;font-size:1.45rem;display:flex}.student-game-options button.answer-1{background:#e83b4e}.student-game-options button.answer-2{background:#1676d2}.student-game-options button.answer-3{background:#dc9b00}.student-game-options button.answer-4{background:#078a56}.student-game-options button.selected{outline:5px solid #29104d;transform:translateY(3px)}.student-game-footer{border:2px solid var(--surface-highest);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px;display:grid}.student-game-waiting-card{border:2px solid var(--surface-highest);text-align:center;background:#fff;border-bottom-width:7px;border-radius:24px;align-content:center;justify-items:center;gap:12px;min-height:390px;padding:32px;display:grid}.student-game-waiting-card .app-icon{color:var(--primary);font-size:62px}.student-game-waiting-card h1{color:var(--primary);font-size:2.2rem}.student-game-waiting-card p{color:var(--muted);max-width:520px;font-weight:700}.student-game-excluded-banner{color:#6b4c00;background:#fff3cd;border:2px solid #efc65f;border-bottom-width:6px;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.student-game-excluded-banner .app-icon{font-size:34px}.student-game-excluded-banner div{gap:4px;display:grid}.results-header{background:linear-gradient(135deg,#006f4d,#00a66f);border-color:#005239}.results-trophy{color:#a86400;background:#fff0ad;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.results-trophy .app-icon{font-size:42px}.game-results-tabs{border:2px solid var(--surface-highest);background:#fff;border-radius:14px;gap:8px;padding:8px;display:flex}.game-results-tabs button{box-shadow:none;color:var(--muted);background:0 0;border:0;flex:1}.game-results-tabs button.active{background:var(--primary);color:#fff}.student-result-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.student-result-summary article{border:2px solid var(--surface-highest);text-align:center;background:#fff;border-bottom-width:6px;border-radius:16px;gap:6px;padding:20px;display:grid}.student-result-summary small{color:var(--muted);text-transform:uppercase;font-weight:800}.student-result-summary strong{color:var(--primary);font-family:Quicksand,sans-serif;font-size:2.2rem}.game-results-grid{gap:20px;display:grid}.game-ranking-table{gap:10px;display:grid}.game-ranking-row{background:var(--surface-low);border:2px solid var(--surface-highest);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.game-ranking-row>div{gap:3px;display:grid}.game-ranking-row small{color:var(--muted);font-weight:700}.game-ranking-row>span{color:var(--primary);font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:700}.game-ranking-position{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.answer-review-list{gap:12px;display:grid}.answer-review-list article{background:#fff0f2;border:2px solid #ffc4cc;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.answer-review-list article.correct{background:#eafff3;border-color:#9ee4bf}.answer-review-list article>.app-icon{color:#c31936}.answer-review-list article.correct>.app-icon{color:#00864f}.answer-review-list article div{gap:5px;display:grid}.answer-review-list p,.answer-review-list small{color:var(--muted);font-weight:700}.room-game-history-list{gap:10px;display:grid}.room-game-history-list article{background:var(--surface-low);border:2px solid var(--surface-highest);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.room-game-history-list article>.app-icon{color:var(--primary);font-size:30px}.room-game-history-list article div{gap:3px;display:grid}.room-game-history-list small{color:var(--muted);font-weight:700}.daily-mission-layout{gap:22px;width:100%;min-width:0;display:grid}.daily-admin-hero,.daily-student-hero,.daily-play-header,.daily-result-header,.daily-detail-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.daily-admin-hero h2,.daily-student-hero h1,.daily-play-header h1,.daily-result-header h1,.daily-detail-header h1{margin:4px 0}.daily-student-hero{color:#fff;background:linear-gradient(135deg,#5b10dc,#007f95);border:2px solid #3f009e;border-bottom-width:7px;border-radius:22px;min-height:350px;padding:max(24px,min(5vw,48px))}.daily-student-hero h1,.daily-student-hero p,.daily-student-hero .eyebrow{color:#fff}.daily-student-hero button{color:var(--primary);background:#fff;border-color:#d7c7ff;width:min(280px,100%)}.daily-admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.daily-action-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.daily-admin-summary article{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:6px;border-radius:16px;gap:6px;padding:18px;display:grid}.daily-admin-summary small{color:var(--muted);text-transform:uppercase;font-weight:800}.daily-admin-summary strong{color:var(--primary);font-family:Quicksand,sans-serif;font-size:2rem}.daily-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;display:grid}.daily-question-list,.daily-bank-list{gap:12px;display:grid}.daily-question-list article,.daily-bank-list button{border:2px solid var(--surface-highest);text-align:left;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.daily-question-list article>div,.daily-bank-list button>span{min-width:0}.daily-question-list p{color:var(--muted);margin:8px 0}.daily-bank-list{max-height:440px;overflow:auto}.daily-bank-list button{color:var(--text);cursor:pointer}.daily-bank-list button.selected{background:var(--primary-soft);border-color:var(--primary)}.daily-bank-list span,.daily-bank-list small{display:block}.daily-question-number{background:var(--primary-soft);color:var(--primary);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-right:10px;font-family:Quicksand,sans-serif;font-size:1.25rem;font-weight:700;display:inline-flex}.daily-play-header,.daily-result-header,.daily-detail-header{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:6px;border-radius:18px;padding:20px}.daily-question-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:20px;display:grid}.daily-question-copy{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:7px;border-radius:22px;gap:14px;padding:max(22px,min(4vw,34px));display:grid}.daily-question-copy h2{margin:0;font-size:max(1.45rem,min(3vw,2.3rem));line-height:1.1}.daily-question-copy p{color:var(--muted);margin:0;font-weight:700}.daily-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.daily-answer-grid button{color:#fff;text-align:left;white-space:normal;border:3px solid rgba(0,0,0,.18);border-bottom-width:8px;border-radius:18px;justify-content:flex-start;align-items:flex-start;min-height:140px;padding:22px;font-size:1.02rem;font-weight:800;line-height:1.25}.daily-answer-grid button:first-child{background:#e83b4e}.daily-answer-grid button:nth-child(2){background:#1676d2}.daily-answer-grid button:nth-child(3){background:#dc9b00}.daily-answer-grid button:nth-child(4){background:#078a56}.daily-empty-state{text-align:center;align-content:center;justify-items:center;min-height:280px;display:grid}.daily-empty-state .app-icon{color:var(--primary);font-size:64px}.radio-line{align-items:center;gap:8px;margin-top:8px;display:flex}@media (max-width:820px){.room-game-header{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.room-game-header .room-game-timer,.room-game-header .results-trophy{grid-column:1/-1;width:100%}.room-game-stat-grid,.student-result-summary,.room-game-participant-grid,.student-game-content,.student-game-options{grid-template-columns:1fr}.daily-admin-hero,.daily-student-hero,.daily-play-header,.daily-result-header,.daily-detail-header{flex-direction:column;align-items:stretch}.daily-admin-summary,.daily-action-row,.daily-detail-grid,.daily-question-stage,.daily-answer-grid{grid-template-columns:1fr}.daily-answer-grid button{min-height:98px}.student-game-question-card{min-height:300px}.student-game-options button{min-height:100px}.room-game-footer-actions,.student-game-topbar{flex-direction:column;align-items:stretch}.student-game-footer{grid-template-columns:1fr}}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 10%,rgba(124,58,237,.18),transparent 28%),radial-gradient(circle at 92% 8%,rgba(57,184,253,.24),transparent 26%),linear-gradient(#f8f9ff 0%,#eff4ff 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{background:var(--primary);border:0;border-bottom:4px solid var(--primary-strong);color:#fff;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:800;transition:transform .12s,border-bottom-width .12s,filter .12s;display:inline-flex}button:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-1px)}button:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}button:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.5}button.secondary{background:var(--blue);border-bottom-color:var(--blue-strong);color:#001e2f}button.danger{background:var(--danger);border-bottom-color:#93000a}button.mini-button{min-height:38px;padding:0 12px;font-size:.8rem}input,select,textarea{border:2px solid var(--outline-soft);color:var(--text);background:#fff;border-radius:14px;outline:none;width:100%;min-height:46px;padding:11px 13px;transition:border-color .14s,box-shadow .14s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(99,14,212,.14)}.password-input{width:100%;position:relative}.password-input input{padding-right:52px}.password-visibility-toggle{color:var(--muted);background:0 0;border:0;border-radius:10px;min-height:36px;padding:8px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-visibility-toggle:hover:not(:disabled){background:var(--surface-low);color:var(--primary);filter:none;transform:translateY(-50%)}.password-visibility-toggle:active:not(:disabled){border:0;transform:translateY(-50%)}.password-visibility-toggle:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(99,14,212,.14)}label{color:var(--muted);gap:8px;font-size:.86rem;font-weight:800;display:grid}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;font-family:Quicksand,Montserrat,sans-serif}h1{color:#fff;max-width:850px;font-size:max(2.2rem,min(5vw,4.1rem));line-height:.98}h2{color:var(--text);font-size:1.45rem;line-height:1.15}h3{font-size:1.25rem}.app-icon{vertical-align:middle;flex:none;width:1em;height:1em;font-size:24px;line-height:1;display:inline-block}.app-shell{max-width:1440px;margin:0 auto;padding:28px}.gateway-shell{flex-direction:column;max-width:none;min-height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.gateway-shell:before,.gateway-shell:after{content:"";filter:blur(4px);opacity:.45;z-index:-1;border-radius:999px;position:absolute}.gateway-shell:before{background:var(--primary-soft);width:280px;height:280px;top:120px;left:-120px}.gateway-shell:after{background:#c9e6ff;width:240px;height:240px;bottom:140px;right:-90px}.gateway-nav{border-bottom:4px solid var(--surface-highest);z-index:50;background:rgba(248,249,255,.92);width:100%;position:sticky;top:0;left:0;right:0}.gateway-nav-inner{justify-content:center;align-items:center;max-width:1280px;margin:0 auto;padding:22px 24px;display:flex}.gateway-logo{color:var(--primary);letter-spacing:-.04em;font-family:Quicksand,sans-serif;font-size:2rem;font-weight:700}.gateway-actions,.gateway-card-actions{align-items:center;gap:14px;display:flex}.ghost-button{color:var(--primary);background:0 0;border-bottom-color:transparent;min-height:42px}.light-button{background:var(--surface-highest);color:var(--primary);border:2px solid rgba(99,14,212,.2);border-bottom:4px solid rgba(0,0,0,.14)}.light-button.blue{color:var(--blue-strong);border-color:rgba(0,101,145,.2)}.gateway-main{flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.gateway-content{flex-direction:column;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:80px 24px;display:flex}.gateway-alert{width:100%;max-width:760px}.gateway-hero{text-align:center;justify-items:center;gap:12px;margin-bottom:48px;padding:0;display:grid}.gateway-hero h1{color:var(--text);max-width:900px;font-size:max(2.4rem,min(5vw,3rem));line-height:1.16;animation:4s ease-in-out infinite gateway-float}.gateway-hero h1 span{color:var(--primary)}.gateway-hero p:not(.eyebrow){color:var(--muted);max-width:672px;font-size:1.125rem;font-weight:600;line-height:1.55}.gateway-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;width:100%;max-width:1024px;margin:0 auto;display:grid}.gateway-card{background:var(--surface-low);border:2px solid var(--surface-highest);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:48px;transition:border-color .14s,transform .14s;display:flex;box-shadow:0 6px rgba(0,0,0,.1)}.gateway-card:hover{border-color:rgba(99,14,212,.35);transform:translateY(-4px)}.gateway-card.student{background:rgba(57,184,253,.09);border-color:rgba(57,184,253,.3)}.gateway-icon{color:var(--primary);background:rgba(99,14,212,.1);border-radius:999px;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:24px;display:inline-flex}.gateway-icon .app-icon{font-size:48px}.gateway-card.student .gateway-icon{color:var(--blue-strong);background:rgba(57,184,253,.2)}.gateway-card h2{margin-bottom:12px;font-size:2rem;line-height:1.25}.gateway-card p{color:var(--muted);margin-bottom:48px;font-weight:600;line-height:1.5}.gateway-card-actions{flex-direction:row;gap:24px;width:100%;margin-top:auto}.gateway-card-actions button{flex:1;min-height:56px}.gateway-visual-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;margin-top:80px;display:grid}.gateway-image-card{aspect-ratio:16/9;border:2px solid var(--surface-highest);border-radius:12px;margin:0;overflow:hidden;box-shadow:0 6px rgba(0,0,0,.1)}.gateway-image-card img{object-fit:cover;width:100%;height:100%;display:block}.desktop-only{display:block}.gateway-footer{background:var(--card);border-top:4px solid var(--surface-highest);color:var(--muted);width:100%;margin-top:auto}.gateway-footer-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:48px 24px;display:flex}.gateway-footer strong{color:var(--text);font-family:Quicksand,sans-serif;font-size:1.5rem}.gateway-footer p{color:var(--muted);text-align:center;font-size:1rem}.gateway-footer div:last-child{gap:24px;display:flex}.gateway-footer a{color:var(--muted);font-size:.9rem;font-weight:800;text-decoration:none}.gateway-footer a:hover{color:var(--primary);text-decoration:underline}.modal-backdrop{z-index:100;background:rgba(18,28,42,.42);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.registration-modal{background:var(--surface);border:2px solid var(--surface-highest);border-radius:12px;gap:16px;width:min(100%,460px);max-width:460px;max-height:min(80dvh,760px);padding:48px;display:grid;position:relative;overflow-y:auto;box-shadow:0 6px rgba(0,0,0,.1)}.registration-modal-wide{width:min(100%,720px);max-width:720px}.modal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.modal-grid-full{grid-column:1/-1}.modal-symbol{color:var(--primary);justify-self:center;font-size:48px}.student-symbol{color:var(--blue-strong)}.registration-modal h2,.registration-modal p{text-align:center}.registration-modal p{color:var(--muted);font-weight:600}.close-button{color:var(--muted);background:0 0;border:0;width:40px;height:40px;min-height:auto;padding:0;font-size:2rem;position:absolute;top:12px;right:18px}@keyframes gateway-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.hero{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:20px;margin-bottom:22px;display:grid}.brand-card,.live-status-card,.panel,.metric-card{border:2px solid rgba(18,28,42,.08);border-bottom-width:6px}.brand-card{background:linear-gradient(135deg,rgba(99,14,212,.96),rgba(124,58,237,.9)),radial-gradient(circle at 85% 20%,rgba(118,255,194,.42),transparent 30%);border-color:#4c0bb5;border-radius:30px;grid-template-columns:auto 1fr;gap:22px;padding:max(24px,min(4vw,44px));display:grid;position:relative;overflow:hidden}.brand-card:after{content:"";opacity:.28;pointer-events:none;background:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%) 0 0/28px 28px,linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%) 0 0/28px 28px;position:absolute;top:0;bottom:0;left:0;right:0}.brand-mark{background:var(--green-soft);color:#002113;z-index:1;border:3px solid #002113;border-bottom-width:7px;border-radius:24px;justify-content:center;align-items:center;width:74px;height:74px;display:inline-flex;position:relative}.brand-card>div:not(.brand-mark){z-index:1;position:relative}.hero-copy{color:#ede0ff;max-width:760px;margin-top:18px;font-size:1.05rem;font-weight:600;line-height:1.65}.session-strip{z-index:1;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex;position:relative}.session-strip span{color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:800}.session-logout{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26)}.live-status-card{background:var(--card);border-color:var(--surface-highest);border-radius:30px;align-content:center;justify-items:start;gap:12px;padding:26px;display:grid}.live-status-card strong{color:var(--primary);font-family:Quicksand,sans-serif;font-size:3.3rem;line-height:1}.live-status-card small,.muted{color:var(--muted);font-weight:600}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:.74rem;font-weight:800}.brand-card .eyebrow{color:var(--green-soft)}.status-pill,.chip,.soft-chip,.timer-pill{border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.status-pill{background:var(--surface-container);color:var(--muted)}.status-pill.live{background:var(--green-soft);color:#002113}.alert{border-bottom:4px solid;border-radius:18px;margin-bottom:16px;padding:14px 18px;font-weight:800}.alert.error{background:var(--danger-soft);border-color:var(--danger);color:#93000a}.alert.success{border-color:var(--green);color:#00391f;background:#d9ffe9}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.metric-card{background:var(--card);border-color:var(--surface-highest);border-radius:22px;gap:8px;min-height:144px;padding:20px;display:grid}.metric-card svg{box-sizing:content-box;border-radius:14px;padding:10px}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{font-family:Quicksand,sans-serif;font-size:2.2rem}.metric-card.purple svg{background:var(--primary-soft);color:var(--primary)}.metric-card.blue svg{color:#004c6e;background:#c9e6ff}.metric-card.green svg{background:var(--green-soft);color:#002113}.metric-card.orange svg{color:var(--orange-strong);background:#ffefc7}.workspace{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.panel{border-color:var(--surface-highest);background:rgba(255,255,255,.92);border-radius:26px;gap:18px;min-width:0;padding:22px;display:grid}.teacher-panel,.editor-panel,.host-panel,.daily-panel,.admin-panel,.player-panel{grid-column:span 4}.ranking-panel{grid-column:span 8}.panel-heading{align-items:center;gap:12px;display:flex}.title-icon{background:var(--primary-soft);border:2px solid var(--primary-mid);color:var(--primary);border-bottom-width:5px;border-radius:16px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.title-icon.blue{border-color:var(--blue-strong);color:var(--blue-strong);background:#c9e6ff}.title-icon.green{background:var(--green-soft);border-color:var(--green);color:#002113}.title-icon.orange{border-color:var(--orange-strong);color:var(--orange-strong);background:#ffefc7}.title-icon.yellow{color:#7a5300;background:#fff4c2;border-color:#d09b00}.room-list,.action-stack,.ranking-list{gap:12px;display:grid}.room-card,.quiz-summary,.player-card,.live-box,.leader-card,.mission-card,.form-card,.quiz-play-card{background:var(--surface-low);border:2px solid var(--surface-highest);border-bottom-width:5px;border-radius:20px;gap:10px;padding:16px;display:grid}.room-card{grid-template-columns:minmax(0,1fr) auto}.room-card strong,.quiz-summary strong,.player-card strong{color:var(--text);font-weight:800}.room-card span,.room-card small,.quiz-summary span,.player-card span,.live-box span{color:var(--muted);font-size:.9rem;font-weight:700}.room-card small{grid-column:1/-1}.switch-row{align-items:center;gap:8px;display:flex}.switch-row input{accent-color:var(--primary);width:auto;min-height:auto}.form-card{background:var(--card)}.quiz-summary{background:#f6f0ff}.progress-track{background:var(--surface-highest);border-radius:999px;height:16px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, rgba(255,255,255,.3), transparent), var(--blue);border-radius:inherit;height:100%;transition:width .2s;display:block}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.live-box{background:#e8fff3}.live-box strong{color:var(--green);font-family:Quicksand,sans-serif;font-size:3rem;line-height:1}.question-preview{color:#61440b;background:#fff4c2;border:2px solid #ffd166;border-bottom-width:5px;border-radius:18px;padding:14px;font-weight:800}.mission-card{background:radial-gradient(circle at 90% 10%, rgba(255,209,102,.5), transparent 28%), var(--primary);border-color:var(--primary-strong);color:#fff}.mission-card h3{font-size:1.7rem}.mission-card p{color:#ede0ff;font-weight:700;line-height:1.5}.chip{background:var(--green-soft);color:#002113}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.soft-chip{color:#fff;background:rgba(255,255,255,.16)}.streak-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.streak-grid div{background:rgba(255,255,255,.14);border-radius:18px;gap:4px;padding:14px;display:grid}.streak-grid strong{font-family:Quicksand,sans-serif;font-size:2rem}.streak-grid span{color:#ede0ff;font-size:.82rem;font-weight:800}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.admin-stats span{background:var(--surface-low);border:2px solid var(--surface-highest);color:var(--muted);border-bottom-width:5px;border-radius:16px;padding:12px;font-size:.82rem;font-weight:800}.quiz-play-card{background:var(--card)}.timer-pill{background:var(--danger-soft);color:#93000a}.answers{gap:10px;display:grid}.answers button{text-align:left;justify-content:flex-start;min-height:58px}.answers button span{background:rgba(255,255,255,.22);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:inline-flex}.answers button:first-child{background:var(--primary);border-bottom-color:var(--primary-strong)}.answers button:nth-child(2){background:var(--blue);border-bottom-color:var(--blue-strong);color:#001e2f}.answers button:nth-child(3){background:var(--orange);border-bottom-color:var(--orange-strong);color:#251300}.answers button:nth-child(4){background:var(--green);border-bottom-color:#005236}.leader-card{background:#fff8db;justify-content:space-between;align-items:center;display:flex}.leader-card svg{color:#b98500}.leader-card div{flex:1;gap:2px;display:grid}.leader-card span{color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:800}.leader-card strong,.leader-card b{font-family:Quicksand,sans-serif;font-size:1.35rem}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list li{background:var(--surface-low);border:2px solid var(--surface-highest);border-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:800;display:flex}.ranking-list li:first-child{background:#fff8db;border-color:#ffd166}.ranking-list strong{color:var(--primary)}.portal-shell{background:var(--surface);color:var(--text);min-height:100vh;display:flex}.portal-sidebar{background:var(--surface-low);border-right:4px solid var(--surface-highest);z-index:50;flex-direction:column;gap:8px;width:256px;height:100vh;padding:12px;display:flex;position:fixed;top:0;left:0}.portal-sidebar-backdrop,.portal-sidebar-close,.mobile-menu-button{display:none}.portal-brand{border-bottom:1px solid var(--outline-soft);text-align:center;place-items:center;gap:6px;margin-bottom:8px;padding:24px 8px;display:grid}.portal-brand-icon{background:var(--primary-mid);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.portal-brand strong{color:var(--primary);font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:700}.portal-brand span,.portal-room-main span,.portal-room-meta,.portal-table th{color:var(--muted);font-size:.78rem;font-weight:800}.portal-nav{gap:10px;display:grid}.portal-nav a,.portal-logout-link{color:var(--muted);background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;min-height:44px;padding:10px 14px;font-size:.88rem;font-weight:800;text-decoration:none;display:flex}.portal-nav a.active{background:var(--primary);color:#fff;transform:translateY(2px);box-shadow:0 4px rgba(0,0,0,.1)}.portal-nav a:not(.active):hover,.portal-logout-link:hover{background:var(--surface-high);color:var(--primary)}.portal-sidebar-footer{gap:12px;margin-top:auto;padding-top:24px;display:grid}.portal-sidebar-action{width:100%}.portal-logout-link{justify-content:flex-start;min-height:44px}.portal-main{width:calc(100% - 256px);min-height:100vh;margin-left:256px}.portal-topbar{border-bottom:4px solid var(--surface-highest);z-index:40;background:rgba(248,249,255,.96);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.portal-search,.portal-user{align-items:center;gap:14px;display:flex}.portal-search{color:var(--muted)}.portal-search input{box-shadow:none;background:0 0;border:0;width:min(30vw,320px);min-height:40px;padding:0}.portal-top-action{border-radius:10px;min-height:40px;font-size:.84rem}.portal-avatar{background:var(--primary-soft);border:2px solid var(--primary);color:var(--primary);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex}.portal-avatar-button{background:0 0;border:0;border-radius:999px;align-items:center;min-height:auto;padding:0;display:inline-flex}.avatar-badge{background:var(--primary-soft);border:3px solid var(--primary);color:var(--primary);border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden}.avatar-badge img{object-fit:cover;width:100%;height:100%}.avatar-small{width:42px;height:42px}.avatar-large{width:116px;height:116px;font-size:2.4rem}.avatar-large .app-icon{font-size:50px}.avatar-frame-electric-purple{border-color:#8038ee;box-shadow:0 0 0 4px #e8dcff,0 0 16px #8038ee}.avatar-frame-ocean-blue{border-color:#1596db;box-shadow:0 0 0 4px #d5f2ff,0 0 16px #1596db}.avatar-frame-trophy-gold{border-color:#d99000;box-shadow:0 0 0 4px #fff1bf,0 0 16px #e5a500}.avatar-frame-neon-green{border-color:#1aaf67;box-shadow:0 0 0 4px #d9ffe9,0 0 16px #1aaf67}.portal-search{position:relative}.portal-search-results{border:2px solid var(--surface-highest);z-index:90;background:#fff;border-radius:12px;gap:4px;min-width:min(460px,100vw - 32px);max-height:300px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 28px rgba(18,28,42,.16)}.portal-search-results button{color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:start;gap:2px;min-height:auto;padding:10px;display:grid}.portal-search-results button:hover{background:var(--surface-low)}.portal-search-results span{color:var(--muted);font-size:.78rem;font-weight:700}.profile-layout{gap:24px;display:grid}.profile-header{align-items:center;gap:16px;display:flex}.profile-header h1{color:var(--text);margin:4px 0 0}.profile-grid{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:24px;display:grid}.profile-preview-panel{text-align:center;align-content:start;justify-items:center;gap:14px;display:grid}.profile-preview-panel h2{color:var(--text);margin:4px 0 0}.profile-preview-panel p,.profile-preview-panel small{color:var(--muted)}.profile-form-panel{gap:16px;display:grid}.profile-form-panel h2,.profile-form-panel h3{color:var(--text);margin:0}.profile-form-panel h3{margin-top:8px;font-size:1rem}.avatar-upload{color:var(--primary);cursor:pointer;align-items:center;gap:8px;font-weight:800;display:flex}.avatar-upload input{display:none}.profile-choice-grid,.profile-icon-grid,.profile-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.profile-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-choice-grid button,.profile-icon-grid button,.profile-frame-grid button{border:2px solid var(--surface-highest);color:var(--text);background:#fff;border-bottom-width:4px;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:64px;padding:8px;display:flex}.profile-choice-grid button.active,.profile-icon-grid button.active,.profile-frame-grid button.active{border-color:var(--primary);color:var(--primary)}.profile-frame-grid .avatar-frame-electric-purple{background:#f6f0ff}.profile-frame-grid .avatar-frame-ocean-blue{background:#effaff}.profile-frame-grid .avatar-frame-trophy-gold{background:#fff9e6}.profile-frame-grid .avatar-frame-neon-green{background:#effff5}.portal-canvas{max-width:1280px;margin:0 auto;padding:24px}.portal-hero{grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin-bottom:24px;display:grid}.portal-hero-copy{background:var(--primary-mid);border:2px solid var(--primary-strong);color:var(--primary-soft);border-bottom-width:6px;border-radius:12px;padding:max(28px,min(4vw,48px));position:relative;overflow:hidden}.portal-hero-book{color:rgba(255,255,255,.16);position:absolute;bottom:-58px;right:-20px}.portal-hero-copy>.eyebrow{color:#fff}.portal-hero-copy h1{color:#fff;max-width:760px;font-size:max(2rem,min(4vw,3rem));line-height:1.08}.portal-hero-copy p:not(.eyebrow){color:#ede0ff;max-width:700px;margin-top:12px;font-size:1.06rem;font-weight:650;line-height:1.6}.portal-identity-chip{color:var(--primary);background:#ede0ff;border-radius:999px;margin-top:22px;padding:9px 14px;font-weight:800;display:inline-flex}.portal-live-card{background:var(--green);color:var(--green-soft);border:2px solid #005236;border-bottom-width:6px;border-radius:12px;align-content:center;gap:12px;padding:28px;display:grid}.portal-live-card strong{color:#fff;font-family:Quicksand,sans-serif;font-size:3.2rem;line-height:1}.portal-live-card small{color:#d9ffe9;font-weight:800}.portal-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.portal-stat-card{background:var(--card);border:2px solid var(--surface-highest);border-bottom-width:6px;border-radius:12px;gap:8px;min-height:132px;padding:20px;display:grid}.portal-stat-card .app-icon{box-sizing:content-box;border-radius:12px;width:fit-content;padding:9px}.portal-stat-card small{color:var(--muted);font-weight:800}.portal-stat-card strong{font-family:Quicksand,sans-serif;font-size:2.1rem}.portal-stat-card.purple .app-icon{background:var(--primary-soft);color:var(--primary)}.portal-stat-card.blue .app-icon{color:var(--blue-strong);background:#c9e6ff}.portal-stat-card.green .app-icon{background:var(--green-soft);color:#002113}.portal-stat-card.orange .app-icon,.portal-stat-card.yellow .app-icon{color:var(--orange-strong);background:#ffefc7}.portal-dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.portal-panel{background:var(--surface-low);border:2px solid var(--surface-highest);border-bottom-width:6px;border-radius:12px;grid-column:span 4;gap:18px;min-width:0;padding:24px;display:grid}.portal-panel.wide,.portal-panel.spotlight{grid-column:span 8}.portal-section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.portal-section-title>div{align-items:center;gap:12px;display:flex}.portal-section-title .app-icon{color:var(--primary);font-size:32px}.portal-section-title h2{font-size:1.65rem}.portal-text-action{color:var(--primary);background:0 0;border:0;min-height:40px;padding:0 10px;font-size:.88rem}.portal-room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.portal-room-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-room-tile,.portal-create-tile{background:var(--surface-container);border:2px solid var(--surface-highest);text-align:left;border-radius:12px;gap:14px;min-height:220px;padding:18px;display:grid}.portal-room-tile:hover{border-color:var(--primary)}.portal-room-main h3{margin-top:4px;font-size:1.25rem}.portal-room-main p{color:var(--muted);margin-top:8px;font-weight:650;line-height:1.45}.portal-switch{align-items:center;gap:10px;display:flex}.portal-switch input{accent-color:var(--green);width:auto;min-height:auto}.portal-room-meta{flex-wrap:wrap;gap:8px;display:flex}.portal-room-meta span,.portal-status-badge{background:#fff;border-radius:999px;padding:6px 10px;display:inline-flex}.portal-status-badge.active,.portal-status-badge.published{background:var(--green-soft);color:#002113}.portal-status-badge.inactive,.portal-status-badge.draft,.portal-status-badge.scheduled{background:var(--surface-highest);color:var(--muted)}.portal-status-badge.archived,.portal-status-badge.cancelled,.portal-status-badge.finished{background:var(--danger-soft);color:var(--danger)}.portal-status-badge.closed{color:var(--orange-strong);background:#ffefc7}.portal-room-actions{border-top:1px solid var(--outline-soft);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.portal-link-danger{color:var(--danger);background:0 0;border:0;min-height:auto;padding:0;font-size:.8rem}.portal-create-tile{border-color:var(--primary);color:var(--primary);cursor:pointer;text-align:center;background:#fff;border-style:dashed;place-items:center}.portal-create-tile .app-icon{background:var(--primary-soft);border-radius:999px;padding:10px;font-size:34px}.portal-create-tile small{color:var(--muted);font-weight:650;line-height:1.45}.portal-action-stack,.portal-form-grid,.portal-rule-list{gap:12px;display:grid}.portal-live-box{border:2px solid var(--green-soft);background:#e8fff3;border-radius:12px;gap:4px;padding:16px;display:grid}.portal-live-box span{color:var(--muted);font-weight:800}.portal-live-box strong{color:var(--green);font-family:Quicksand,sans-serif;font-size:3rem}.portal-mission-card{background:var(--primary);border:2px solid var(--primary-strong);color:#fff;border-bottom-width:6px;border-radius:12px;gap:14px;padding:24px;display:grid}.portal-mission-card h3{font-size:2rem}.portal-mission-card p{color:#ede0ff;font-weight:750}.portal-streak-grid,.portal-admin-summary,.portal-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.portal-streak-grid div,.portal-admin-summary article{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:5px;border-radius:12px;gap:6px;padding:16px;display:grid}.portal-streak-grid strong,.portal-admin-summary strong{color:var(--primary);font-family:Quicksand,sans-serif;font-size:2.2rem}.portal-admin-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-table-wrap{overflow-x:auto}.portal-table{border-collapse:collapse;width:100%;min-width:640px}.portal-table th,.portal-table td{border-bottom:1px solid var(--surface-highest);text-align:left;padding:14px 12px}.portal-table td{font-weight:700}.portal-modal-backdrop{z-index:100;background:rgba(18,28,42,.5);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.portal-modal{background:var(--surface);border-radius:16px;width:min(100%,620px);max-width:620px;max-height:90vh;padding:28px;overflow:auto;box-shadow:0 24px 80px rgba(18,28,42,.26)}.portal-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.portal-modal-header p{color:var(--muted);margin-top:6px;font-weight:650;line-height:1.5}.room-detail-layout{gap:24px;display:grid}.room-detail-topbar{background:var(--surface);border:2px solid var(--surface-highest);border-bottom-width:6px;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.room-detail-topbar>div{flex:1}.room-detail-topbar h2{color:var(--primary)}.room-detail-status-stack{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.realtime-status-badge{border:2px solid var(--surface-highest);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:8px 11px;font-size:.76rem;font-weight:800;line-height:1;display:inline-flex}.realtime-status-badge.compact{justify-self:start}.realtime-status-dot{box-shadow:0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);background:currentColor;border-radius:999px;width:8px;height:8px}.realtime-status-badge.connected{background:var(--green-soft);border-color:var(--green);color:#005c33}.realtime-status-badge.connecting{border-color:var(--orange);color:var(--orange-strong);background:#ffefc7}.realtime-status-badge.unavailable,.realtime-status-badge.disabled{background:var(--surface-container);color:var(--muted)}.portal-back-button{background:var(--surface-low);border:2px solid var(--surface-highest);color:var(--primary);border-bottom-width:4px;border-radius:999px;flex:none;width:44px;height:44px;min-height:44px;padding:0}.room-detail-hero{grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:24px;display:grid}.room-detail-summary,.room-detail-actions{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:6px;border-radius:12px;gap:18px;padding:28px;display:flex}.room-detail-summary{align-items:center}.room-detail-icon{background:var(--blue);color:#001e2f;border-radius:18px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex}.room-detail-icon .app-icon{font-size:38px}.room-detail-summary h1{color:var(--text);font-size:max(1.8rem,min(3vw,2.6rem))}.room-detail-summary p{color:var(--muted);margin-top:8px;font-weight:700;line-height:1.55}.room-detail-actions{background:var(--primary-soft);color:var(--primary);align-content:center}.room-detail-action-stack{gap:16px;min-width:0;display:grid}.room-detail-action-stack .room-detail-actions{min-height:0}.room-detail-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.room-detail-main-panel,.room-detail-primary-panel{grid-column:span 8}.room-detail-control-panel{grid-column:span 4}.room-detail-secondary-panel{grid-column:span 6}.room-detail-full-panel{grid-column:1/-1}.room-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.room-info-grid div,.room-document-card,.room-student-row,.room-quiz-card{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:5px;border-radius:12px;padding:14px}.room-info-grid span,.room-student-row span,.room-quiz-card span{color:var(--muted);font-size:.78rem;font-weight:800}.room-info-grid strong{margin-top:4px;font-family:Quicksand,sans-serif;font-size:1.2rem;display:block}.room-document-card{align-items:center;gap:14px;display:flex}.room-document-card .app-icon{color:var(--primary);font-size:34px}.room-document-card p,.room-quiz-card p{color:var(--muted);margin-top:4px;font-weight:650;line-height:1.45}.room-student-list,.room-quiz-list{gap:12px;display:grid}.room-student-row{align-items:center;gap:12px;display:flex}.room-student-avatar{background:var(--primary-soft);border:2px solid var(--primary);color:var(--primary);border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:800;display:inline-flex}.room-code-card,.room-readiness-panel{align-content:start;min-width:0}.room-readiness-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.room-readiness-actions>button{flex:none}.room-code-card{overflow:hidden;container-type:inline-size}.room-code-display{box-sizing:border-box;color:#fff;letter-spacing:.06em;text-align:center;white-space:nowrap;background:#101828;border:2px solid #101828;border-bottom-width:6px;border-radius:16px;inline-size:100%;max-inline-size:100%;padding:18px 12px;font-family:Quicksand,sans-serif;font-size:max(2.1rem,min(8vw,3.25rem));font-weight:700;line-height:1;display:block;overflow:hidden}@supports (font-size:1cqw){.room-code-display{letter-spacing:max(.02em,min(.9cqw,.1em));padding:max(14px,min(4cqw,22px)) max(8px,min(3cqw,16px));font-size:max(2rem,min(15cqw,4.4rem))}}.room-code-display.expired{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.room-code-meta{border:2px solid var(--surface-highest);background:#fff;border-radius:999px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.room-code-meta span{color:var(--muted);font-weight:800}.room-code-meta strong{color:var(--primary);font-family:Quicksand,sans-serif;font-size:1.3rem}.readiness-score{background:var(--green-soft);border:2px solid var(--green);border-bottom-width:6px;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:flex}.readiness-score strong{color:#002113;font-family:Quicksand,sans-serif;font-size:1.6rem}.readiness-score span{color:#214534;font-size:.85rem;font-weight:800}.readiness-list .room-student-row{gap:10px}.ready-pill{background:var(--surface-highest);color:var(--muted);border-radius:999px;margin-left:auto;padding:7px 10px;font-size:.74rem;font-weight:800}.ready-pill.ready{background:var(--green-soft);color:#002113}.student-ready-card{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:6px;border-radius:14px;gap:12px;padding:18px;display:grid}.student-ready-card h3{color:var(--primary);font-size:1.45rem}.student-ready-card p{color:var(--muted);font-weight:750}.student-rooms-layout{gap:24px;display:grid}.teacher-rooms-layout{inline-size:100%;flex-direction:column;align-items:stretch;gap:24px;width:100%;max-width:none;display:flex}.student-rooms-hero{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:6px;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:26px;display:flex}.teacher-rooms-hero{border:2px solid var(--surface-highest);box-sizing:border-box;inline-size:100%;background:#fff;border-bottom-width:6px;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;width:100%;min-width:0;max-width:none;padding:26px;display:grid}.teacher-rooms-hero-copy{align-content:center;justify-items:start;gap:22px;min-width:0;display:grid}.student-rooms-hero h2,.teacher-rooms-hero h2{color:var(--primary);font-size:max(1.7rem,min(3vw,2.4rem))}.student-rooms-hero p:last-child,.teacher-rooms-hero p:last-child{color:var(--muted);margin-top:8px;font-weight:700;line-height:1.5}.teacher-room-summary-grid{inline-size:100%;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:14px;min-width:0;display:grid}.teacher-room-summary-grid article{border:2px solid var(--surface-highest);box-sizing:border-box;background:#fff;border-bottom-width:6px;border-radius:12px;align-items:center;gap:14px;width:100%;min-width:0;padding:16px;display:flex}.teacher-room-summary-grid .app-icon{background:var(--primary-soft);color:var(--primary);border-radius:14px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:30px;display:inline-flex}.teacher-room-summary-grid article:nth-child(2) .app-icon{color:#0071b8;background:#d7edff}.teacher-room-summary-grid article:nth-child(3) .app-icon{color:#007c46;background:#e8fff3}.teacher-room-summary-grid article:nth-child(4) .app-icon{color:var(--orange-strong);background:#ffefc7}.teacher-room-summary-grid div{gap:4px;min-width:0;display:grid}.teacher-room-summary-grid small{color:var(--muted);font-size:.82rem;font-weight:800;line-height:1.15;display:block}.teacher-room-summary-grid strong{color:var(--primary);font-family:Quicksand,sans-serif;font-size:2rem;line-height:1}.teacher-rooms-panel{box-sizing:border-box;inline-size:100%;flex:none;width:100%;min-width:0;max-width:none}.student-room-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.student-room-card{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:6px;border-radius:14px;gap:14px;min-width:0;padding:18px;display:grid}.student-room-card-top,.student-room-card-meta{justify-content:space-between;align-items:center;display:flex}.student-room-card-top .app-icon{background:var(--primary-soft);color:var(--primary);border-radius:12px;padding:10px;font-size:32px}.student-room-card h3{color:var(--text);font-size:1.35rem}.student-room-card p{color:var(--muted);margin-top:6px;font-weight:700;line-height:1.45}.student-room-card-meta{background:var(--surface-container);color:var(--muted);border-radius:12px;padding:10px 12px;font-size:.82rem;font-weight:800}.student-room-card-meta strong{color:var(--primary)}.student-room-ready-action{align-items:stretch;gap:12px;display:grid}.joined-room-list{gap:10px;display:grid}.joined-room-button{border:2px solid var(--surface-highest);color:var(--text);text-align:left;background:#fff;border-bottom-width:5px;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:auto;padding:12px 14px;display:flex}.joined-room-button strong{color:var(--primary);white-space:nowrap;font-size:.82rem}.room-quiz-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.room-quiz-card h3{color:var(--text);margin-top:4px}.room-quiz-actions>strong{color:var(--primary);white-space:nowrap;font-family:Quicksand,sans-serif;font-size:1.6rem}.room-quiz-actions{flex:none;align-items:center;gap:12px;display:flex}.readiness-list{grid-template-columns:repeat(2,minmax(0,1fr))}.list-pagination{justify-content:space-between;align-items:center;gap:16px;display:flex}.list-pagination>span{color:var(--muted);font-size:.78rem;font-weight:800}.list-pagination>div,.list-pagination button{align-items:center;gap:8px;display:flex}.list-pagination button .app-icon{font-size:18px}.quiz-workspace-card{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:5px;border-radius:12px;gap:10px;padding:18px;display:grid}.quiz-workspace-card .app-icon{color:var(--primary);font-size:38px}.quiz-workspace-card p{color:var(--muted);font-weight:650;line-height:1.45}.quiz-manager-layout,.quiz-detail-layout{gap:24px;display:grid}.quiz-manager-grid,.quiz-detail-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.quiz-list-panel{grid-column:span 4}.quiz-builder-panel{grid-column:span 8}.quiz-edit-panel{grid-column:span 12}.quiz-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.quiz-index-card{border:2px solid var(--surface-highest);color:var(--text);text-align:left;background:#fff;border-bottom-width:6px;border-radius:12px;place-items:start;gap:12px;min-height:210px;padding:18px;display:grid}.quiz-index-card:hover{border-color:var(--primary)}.quiz-index-card span,.quiz-index-card small,.quiz-index-card em{color:var(--muted);font-size:.78rem;font-style:normal;font-weight:800}.quiz-index-card strong{margin-top:4px;font-family:Quicksand,sans-serif;font-size:1.25rem;display:block}.quiz-index-card b{color:var(--primary);font-family:Quicksand,sans-serif}.quiz-manager-list{gap:12px;display:grid}.quiz-manager-item{border:2px solid var(--surface-highest);color:var(--text);text-align:left;background:#fff;border-bottom-width:5px;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-height:auto;padding:14px;display:flex}.quiz-manager-item.active,.quiz-manager-item:hover{border-color:var(--primary)}.quiz-manager-item span,.quiz-manager-item small{color:var(--muted);font-size:.78rem;font-weight:800;display:block}.quiz-manager-item strong{color:var(--text);margin-top:4px;display:block}.quiz-manager-item b{color:var(--primary);white-space:nowrap;font-family:Quicksand,sans-serif;font-size:1rem}.quiz-question-list{gap:14px;display:grid}.quiz-detail-summary{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:20px;display:grid}.quiz-detail-summary p{color:var(--muted);margin:10px 0 0;font-weight:650;line-height:1.45}.quiz-detail-summary dl{flex-wrap:wrap;gap:12px;margin:0;display:flex}.quiz-detail-summary dl div{background:var(--surface-low);border-radius:10px;min-width:108px;padding:10px 12px}.quiz-detail-summary dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.quiz-detail-summary dd{color:var(--text);margin:4px 0 0;font-size:.86rem;font-weight:800}.quiz-detail-actions{justify-content:flex-end}.quiz-question-list.compact{gap:12px}.quiz-question-row{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:5px;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.quiz-question-row span{color:var(--primary);text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.quiz-question-row strong{color:var(--text);margin-top:4px;line-height:1.35;display:block}.quiz-question-card{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:5px;border-radius:12px;gap:12px;padding:16px;display:grid}.quiz-question-card header{gap:4px;display:grid}.quiz-question-card header span{color:var(--primary);text-transform:uppercase;font-size:.78rem;font-weight:800}.quiz-question-card header strong{color:var(--text);line-height:1.35}.quiz-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-option-chip{background:var(--surface-low);border:2px solid var(--surface-highest);color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:10px;font-weight:800;display:flex}.quiz-option-chip span{color:var(--primary);background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-weight:800;display:inline-flex}.quiz-option-chip.correct{border-color:var(--green-soft);color:#002113;background:#e8fff3}.portal-button-row{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:1180px){.portal-hero,.portal-room-grid,.portal-admin-summary,.student-room-card-grid{grid-template-columns:1fr 1fr}.portal-panel,.portal-panel.wide,.portal-panel.spotlight{grid-column:span 6}.room-detail-hero,.room-info-grid{grid-template-columns:1fr 1fr}.room-detail-main-panel,.room-detail-primary-panel,.room-detail-control-panel,.room-detail-secondary-panel{grid-column:span 6}.room-detail-full-panel{grid-column:1/-1}.quiz-list-panel,.quiz-builder-panel{grid-column:span 6}.quiz-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-cards{gap:24px}.gateway-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-panel,.editor-panel,.host-panel,.daily-panel,.admin-panel,.player-panel,.ranking-panel{grid-column:span 6}}@media (max-width:760px){.portal-sidebar{z-index:80;max-width:calc(100vw - 54px);transition:transform .18s;transform:translate(-105%);box-shadow:10px 0 30px rgba(18,28,42,.22)}.portal-shell.mobile-nav-open .portal-sidebar{transform:translate(0)}.portal-sidebar-backdrop{z-index:70;background:rgba(18,28,42,.42);border:0;border-radius:0;width:100%;min-height:0;padding:0;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.portal-sidebar-close{border:2px solid var(--surface-highest);color:var(--primary);background:#fff;border-bottom-width:4px;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;min-height:42px;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.portal-main{width:100%;margin-left:0}.portal-topbar{padding:0 16px}.portal-search input,.portal-top-action{display:none}.mobile-menu-button{border:2px solid var(--surface-highest);color:var(--primary);background:#fff;border-bottom-width:4px;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;min-height:42px;padding:0;display:inline-flex}.portal-canvas{padding:16px}.portal-hero,.portal-stat-grid,.portal-dashboard-grid,.portal-room-grid,.portal-room-grid.compact,.portal-admin-summary,.portal-streak-grid,.portal-two-columns,.student-room-card-grid,.room-detail-hero,.room-info-grid,.room-detail-grid{grid-template-columns:1fr}.room-detail-main-panel,.room-detail-primary-panel,.room-detail-control-panel,.room-detail-secondary-panel{grid-column:span 1}.quiz-manager-grid,.quiz-detail-grid,.quiz-index-grid{grid-template-columns:1fr}.quiz-detail-summary{grid-template-columns:1fr;align-items:start}.quiz-detail-actions{justify-content:flex-start}.quiz-list-panel,.quiz-builder-panel,.quiz-edit-panel{grid-column:span 1}.room-detail-topbar,.room-detail-summary,.room-quiz-card,.student-rooms-hero,.teacher-rooms-hero{flex-direction:column;align-items:flex-start}.teacher-rooms-hero{grid-template-columns:1fr}.room-detail-status-stack{align-items:flex-start}.portal-panel,.portal-panel.wide,.portal-panel.spotlight{grid-column:span 1}.app-shell{padding:16px}.gateway-actions{width:100%}.gateway-actions button{flex:1}.gateway-content{padding:48px 16px}.gateway-cards,.gateway-visual-grid{grid-template-columns:1fr}.gateway-card{padding:32px 24px}.gateway-card-actions{flex-direction:column}.desktop-only{display:none}.registration-modal{padding:32px 20px}.gateway-footer-inner{text-align:center;flex-direction:column;align-items:center}.gateway-footer div:last-child{flex-direction:column;gap:12px}.brand-card,.metric-grid,.workspace,.option-grid,.streak-grid{grid-template-columns:1fr}.teacher-panel,.editor-panel,.host-panel,.daily-panel,.admin-panel,.player-panel,.ranking-panel{grid-column:span 1}.admin-stats,.room-card{grid-template-columns:1fr}}@media (max-width:900px){.room-detail-layout{min-width:0}.room-detail-hero,.room-detail-grid,.room-info-grid{grid-template-columns:minmax(0,1fr)}.room-detail-grid>.portal-panel,.room-detail-grid>.room-detail-control-panel{grid-column:1/-1}.readiness-list{grid-template-columns:1fr}}@media (max-width:560px){.room-readiness-actions,.list-pagination,.list-pagination>div{flex-direction:column;align-items:stretch}.list-pagination>div{gap:8px}.list-pagination button{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.room-wizard-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.room-wizard-steps li{border-bottom:3px solid var(--line,#d8d5ea);color:var(--muted,#706b85);padding:0 0 8px;font-size:.82rem;font-weight:800}.room-wizard-steps li.active,.room-wizard-steps li.completed{border-color:var(--primary,#6d3df5);color:var(--primary,#6d3df5)}.wizard-heading{align-items:center;gap:12px;display:flex}.wizard-heading>svg{color:#6d3df5;background:#eee8ff;border-radius:12px;width:24px;height:24px;padding:10px}.wizard-heading h3,.wizard-heading p,.curriculum-subtopic-card h4{margin:0}.wizard-heading p{color:var(--muted,#706b85);margin-top:3px;font-size:.9rem}.curriculum-choice{border:1px solid var(--line,#dedbea);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;display:flex}.curriculum-choice.selected{background:#f4f0ff;border-color:#8b6af8}.curriculum-choice input{accent-color:#6d3df5;margin-top:4px}.curriculum-choice span,.curriculum-choice small{display:block}.curriculum-choice small{color:var(--muted,#706b85);margin-top:4px;line-height:1.35}.curriculum-choice.compact{margin-top:8px;padding:10px}.curriculum-subtopic-card,.ai-question-review-card{border:1px solid var(--line,#dedbea);border-radius:14px;padding:16px}.quiz-suggestion-review{max-height:min(70dvh,880px);padding-right:4px;overflow-y:auto}.ai-question-review-card{gap:12px;display:grid}.ai-question-review-card header{justify-content:space-between;align-items:center;display:flex}.ai-question-review-card .section-title{margin:0}.ai-option-grid{gap:10px}.ai-option-editor{background:#faf9ff;border:1px solid #ebe8f8;border-radius:10px;gap:7px;padding:10px;display:grid}.correct-option-toggle{color:var(--muted,#706b85);align-items:center;gap:6px;font-size:.82rem;display:flex}.metric-reports-page{grid-template-columns:minmax(0,1fr);gap:24px;width:100%;min-width:0;display:grid}.metric-reports-page>.portal-panel.wide,.metric-report-student-grid>.portal-panel{grid-column:auto}.metric-reports-hero{color:#fff;background:linear-gradient(135deg,#5210c7,#7f35ee 58%,#1676d2);border:3px solid #3f009e;border-bottom-width:8px;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;min-width:0;padding:max(24px,min(4vw,42px));display:flex}.metric-reports-hero>div{gap:8px;min-width:0;max-width:720px;display:grid}.metric-reports-hero h1,.metric-reports-hero p,.metric-reports-hero .eyebrow,.metric-reports-hero small{color:#fff}.metric-reports-hero h1{font-size:max(2rem,min(4vw,3.2rem));line-height:1.05}.metric-reports-hero p{font-weight:700;line-height:1.55}.metric-reports-hero small{opacity:.82;font-weight:800}.metric-reports-hero button{color:var(--primary);white-space:nowrap;background:#fff;flex:none;justify-content:center;align-items:center;gap:8px;display:inline-flex}.metric-reports-hero button .app-icon,.metric-report-loading .app-icon{font-size:20px}.metric-reports-hero button:disabled .app-icon,.metric-report-loading .app-icon{animation:1s linear infinite spin}.metric-report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-report-summary-card{border:2px solid var(--surface-highest);background:#fff;border-bottom-width:6px;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.metric-report-summary-card>.app-icon{background:var(--primary-soft);color:var(--primary);border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:27px;display:flex}.metric-report-summary-card.blue>.app-icon{color:#007ca7;background:#dff3ff}.metric-report-summary-card.green>.app-icon{color:var(--green);background:#d8f8e8}.metric-report-summary-card.orange>.app-icon{color:var(--orange-strong);background:#fff0d8}.metric-report-summary-card.performance>.app-icon{color:#a76600;background:#fff2c9}.metric-report-summary-card.activity>.app-icon{color:#3e52be;background:#e3eaff}.metric-report-summary-card div{gap:3px;min-width:0;display:grid}.metric-report-summary-card small,.metric-report-table td small{color:var(--muted);font-weight:700}.metric-report-summary-card strong{color:var(--primary);font-family:Quicksand,sans-serif;font-size:1.55rem;line-height:1}.metric-report-loading,.metric-report-empty{border:2px solid var(--surface-highest);color:var(--muted);text-align:center;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:110px;margin:0;padding:18px;font-weight:700;display:flex}.metric-report-panel{gap:18px;display:grid}.metric-report-table-wrap{overflow-x:auto}.metric-report-table td:first-child{min-width:190px}.metric-report-table td small{margin-top:3px;font-size:.72rem;display:block}.metric-report-status,.metric-report-delivery-status{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:800;display:inline-flex}.metric-report-status.healthy,.metric-report-delivery-status.sent{color:#007650;background:#daf8e8}.metric-report-status.requires_attention,.metric-report-status.without_activity,.metric-report-delivery-status.failed{color:var(--danger);background:#ffded9}.metric-report-status.without_students,.metric-report-delivery-status.pending{color:#9a5700;background:#fff0d7}.metric-report-student-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0;display:grid}.metric-report-student-list,.metric-report-history-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.metric-report-student-list li,.metric-report-history-list article{background:var(--surface-low);border:2px solid var(--surface-highest);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:12px;display:grid}.metric-report-student-avatar{background:var(--primary-soft);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:Quicksand,sans-serif;font-weight:800;display:flex}.metric-report-student-list li>div,.metric-report-history-list article>div{gap:3px;min-width:0;display:grid}.metric-report-student-list small,.metric-report-history-list small{color:var(--muted);overflow-wrap:anywhere;font-size:.72rem;font-weight:700}.metric-report-student-result{text-align:right;justify-items:end}.metric-report-student-result>strong{color:var(--primary);font-family:Quicksand,sans-serif}.metric-report-history-list article{grid-template-columns:auto minmax(0,1fr) auto auto}.metric-report-history-list article>.app-icon{color:var(--primary);font-size:26px}.metric-report-pagination{justify-content:space-between;align-items:center;gap:14px;padding-top:6px;font-size:.8rem;font-weight:700;display:flex}.metric-report-pagination>div{align-items:center;gap:8px;display:flex}.metric-report-detail{gap:22px;padding-top:8px;display:grid}.metric-report-detail>.metric-report-student-grid>div{gap:12px;display:grid}@media (max-width:760px){.modal-backdrop{align-items:flex-start;padding:16px;overflow-y:auto}.registration-modal,.registration-modal-wide{max-height:80dvh;margin:auto 0;padding:28px 20px}.modal-form-grid,.profile-grid,.profile-choice-grid,.profile-icon-grid,.profile-frame-grid{grid-template-columns:1fr}.modal-grid-full{grid-column:auto}.portal-search input{width:min(54vw,260px);display:block}.portal-search-results{min-width:min(94vw,460px);left:-50px}.metric-reports-hero{flex-direction:column;align-items:stretch}.metric-reports-hero button{width:100%}.metric-report-summary-grid,.metric-report-student-grid{grid-template-columns:1fr}.metric-report-history-list article{grid-template-columns:auto minmax(0,1fr);align-items:start}.metric-report-history-list article>.metric-report-delivery-status,.metric-report-history-list article>button{grid-column:2;justify-self:start}.metric-report-pagination{flex-direction:column;align-items:stretch}.metric-report-pagination>div{justify-content:space-between}}