@import url(https://fonts.googleapis.com/css2?family=Lexend&family=Paytone+One&display=swap);
@import url(https://fonts.googleapis.com/css?family=Paytone+One|ABeeZee);
@font-face{font-family:"Quickbrush";src:url(./fonts/QuickBrush-0700a0ac62ee9e356832.woff2) format("woff2");font-weight:normal}@font-face{font-family:"Work Sans";src:url(./fonts/WorkSans-Bold-192ded64f49caf3707c3.woff2) format("woff2");font-weight:700}@font-face{font-family:"Work Sans";src:url(./fonts/WorkSans-Medium-b0ad3154b9ac55c95729.woff2) format("woff2");font-weight:500}@font-face{font-family:"Work Sans";src:url(./fonts/WorkSans-Regular-9b2d600bfd1585982aff.woff2) format("woff2");font-weight:400}@font-face{font-family:"Work Sans";src:url(./fonts/WorkSans-SemiBold-3adf8db307631f1a074f.woff2) format("woff2");font-weight:600}@font-face{font-family:"Prodigy Sans";src:url(./fonts/ProdigySans-Bold-4b9482243cf0ac6185a3.woff2) format("woff2");font-weight:700}@font-face{font-family:"Prodigy Sans";src:url(./fonts/ProdigySans-Regular-fce775472855807fd1f2.woff2) format("woff2");font-weight:500}:root{--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #007bff;--secondary: #6c757d;--success: #28a745;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #343a40;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box;font-family:Prodigy Sans,sans-serif}html,body{width:100%;margin:0;padding:0;background-color:#a9e7f5;color:#212529;display:flex;flex-direction:row;flex-grow:1;overscroll-behavior-y:none;background-image:url(./images/clouds-96f2eda32229ef0b23b0.png);background-repeat:repeat-x,no-repeat;background-position-y:calc(100vh - 25vw);background-position-x:-10vw;background-size:125%}body{position:relative;min-height:100vh}#launcher{display:none}.modal{padding-top:60px}img{max-width:100%;max-height:100%}img.ela-game-icon{object-position:left}.top-nav{height:60px;width:100%;z-index:1000;position:fixed;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;background-color:#fff;top:0;left:0;right:0}.img-container{flex-grow:1;margin-left:8px;width:98px;height:100%;padding:8px 16px}#user-label{display:none;font-family:"Work Sans",sans-serif;font-size:18px;letter-spacing:-0.5px;color:#2b2a29;margin-right:14px}.user-info{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;column-gap:10px;padding:0 14px}.avatar-wrapper{display:flex;align-items:center}#menu-arrow-down{width:0;height:0;display:inline-block;vertical-align:middle;border-style:solid;border-width:5px 5px 0 5px;border-color:#2b2a29 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}#menu-arrow-down-wrapper{padding:22px 22px 22px 30px;margin:-22px -14px -22px -30px;display:revert;background:rgba(0,0,0,0);border:0}.avatar-container{width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;background-color:rgba(0,0,0,0);visibility:hidden;font-weight:600;font-size:20px;margin-right:10px}.avatar-container[data-show]{visibility:visible}.dropdown-popup{position:absolute;visibility:hidden;box-shadow:0 1px 4px rgba(43,42,41,.3);background-color:#fff;max-width:8.5rem;min-width:7rem;z-index:2000;border:1px solid #ebeae8;border-radius:.25rem}.menu-dropdown-inner{position:relative;background:inherit;width:100%;height:100%;padding:.5rem 0}.menu-dropdown-inner *{vertical-align:middle;line-height:1}.menu-dropdown-inner button:hover{background-color:#e9ecef}.menu-dropdown-inner button{padding:.25rem 1.5rem;border-radius:0}.menu-dropdown-inner svg{width:1em}.dropdown-popup[data-show]{visibility:visible}.dropdown-popup>.arrow,.arrow::before{position:absolute;width:7px;height:7px;background:inherit;box-shadow:0 1px 4px rgba(43,42,41,.3);z-index:-1}.dropdown-popup>.arrow{visibility:hidden}.dropdown-popup>.arrow::before{content:"";transform:rotate(45deg);border-top:1px solid #ebeae8;border-left:1px solid #ebeae8}.dropdown-popup[data-show]>.arrow::before{visibility:visible}.dropdown-popup[data-popper-placement^=bottom]>.arrow{top:-4px}.user-avatar{width:48px;margin:auto;background-color:rgba(0,0,0,0);padding:7px;border-radius:50%}.logout-button{font-size:14px;color:#2b2a29;border:none;background:none;box-sizing:border-box;border-radius:4px;padding:8px 16px;cursor:pointer;margin:0}.dropdown-popup .logout-button{font-size:16px;color:#2b2a29;border:none;background:none;box-sizing:border-box;cursor:pointer;margin:0}.top-nav .logout-button{display:none}.bau{display:none}.bau .container{width:100%;margin:0;padding:0;background-color:#a9e7f5;color:#212529;display:flex;flex-direction:row;flex-grow:1;overscroll-behavior-y:none;background-image:url(./images/clouds-96f2eda32229ef0b23b0.png);background-repeat:repeat-x,no-repeat;background-position-y:calc(100vh - 25vw);background-position-x:-10vw;background-size:125%;padding-top:60px}.bau .img{border:none}.bau .img-container{flex-grow:1;margin-left:8px;width:98px;height:100%;padding:8px 16px}.top-nav .img-container img.logo{max-width:unset;max-height:unset;width:110px;margin-top:5px}.bau .game-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 0;width:100%}.bau .game-header{font-family:"Prodigy Sans",sans-serif;color:#2b2a29;font-size:18px;line-height:40px;text-align:center;margin:0;font-weight:bold;width:100%}.bau .game-buttons{position:relative;flex-wrap:wrap;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-bottom:28px;min-height:120px}.bau .game-button-container img{object-fit:cover;border-radius:6px}.bau .game-button-container{position:relative;border-radius:6px;cursor:pointer;min-width:280px;min-height:186px;max-width:600px;max-height:400px;margin:16px;display:none}.bau .game-button-container:hover .img-outline-container{visibility:visible}.bau .img-outline-container{border:solid 5px #ff5c0b;border-radius:6px;visibility:hidden}.bau .img-outline-container>*{visibility:visible}.bau .game-button{font-family:"Paytone One",sans-serif;border-radius:7px;background:#f1d8a4 linear-gradient(to bottom, #fcfcfc, #cecece);color:#363636;cursor:pointer;box-sizing:border-box;border:2px solid #363636;box-shadow:0 4px 0 0 rgba(37,21,45,.5);text-decoration:none}.bau .game-icon{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.3));min-height:236px}.bau .game-button-container:active img{box-shadow:0 5px #666}.bau .game-button-img-container{overflow:hidden;margin:8px;position:relative;border-radius:6px;min-height:236px}.bau .game-button-container:hover .game-button-img-container{transform:scale(1.01);background-color:#fff}.bau .game-button-container:hover{transform:scale(1, 1)}.bau .game-button-container:hover .game-button{visibility:visible}@media(hover: none){.bau .game-button-container .game-button{visibility:visible}}.bau .game-button-container:hover .game-button.hide{visibility:hidden}.bau .game-button-container:hover img{opacity:.6;filter:drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));transform:scale(1.1)}.bau .game-button-container:hover .new-label{opacity:.6}.bau .game-button{visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(180deg, #45a0dd 0%, #4162c8 100%);border-radius:7px;border:2px solid #353c7d;color:#fff;font-family:"Paytone One",sans-serif;font-weight:normal;font-style:normal;text-align:center;font-size:24px}.bau .game-button-text{padding:8px 16px;border-radius:4px;background:linear-gradient(180deg, #4887d5 0%, #45addc 100%)}.bau .game-button:hover{visibility:visible}.bau .game-button-text-ela{font-family:Lexend,sans-serif;background:#0072b5;border-radius:10px;padding:4px 42px;font-weight:600}.bau .game-button-text-math{font-family:"Paytone One",sans-serif;padding:4px 42px;border-radius:4px;background:linear-gradient(180deg, #4887d5 0%, #45addc 100%);font-weight:600}.bau .game-label{font-family:Work Sans,sans-serif;font-size:16px;text-align:center;letter-spacing:-0.5px;color:#2b2a29}.bau .new-label{position:absolute;top:0;left:0;border-radius:6px 0 6px 0;background:#ff5c0b;padding:16px;font-family:Quickbrush,sans-serif;font-size:16px;text-align:center;color:#fff;transition:all .2s ease-in-out}.bau #ela-play-button{background:#09c;border:2px solid #005b96;border-radius:16px;top:89%;width:95%;height:44px;font-size:18px;padding:0;padding-top:5px;padding-left:5px;padding-right:5px;white-space:nowrap}.bau #math-play-button{top:89%;width:95%;height:44px;font-size:18px;padding:0;padding-top:4px;padding-left:5px;padding-right:5px;white-space:nowrap}@media screen and (max-width: 550px){.bau #math-play-button,.bau #ela-play-button{top:85%}}.modal{position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1001;display:flex;flex-direction:row;align-items:center;justify-content:center;visibility:hidden;height:100%;min-height:-webkit-fill-available;min-height:-moz-available;min-height:fill-available}.modal.show-modal{visibility:visible}.modal-container{position:relative;display:flex;flex-direction:column;min-width:280px;max-width:600px;margin:0 24px}.modal-img-container img{object-fit:cover;object-position:bottom;height:294px;max-height:294px;min-width:100%;border-radius:10px 10px 0 0}.modal-content-container{background:#fff;text-align:center;padding:44px 5%;transform:translateY(-10px);border-radius:0 0 10px 10px;box-shadow:0 3px 3px 5px rgba(0,0,0,.1)}.close-container{border-radius:50%;background:#fff;position:absolute;top:12px;right:12px;padding:18px;max-width:24px;max-height:24px;cursor:pointer}.close-container img{top:50%;left:50%;transform:translate(-50%, -50%);position:absolute;width:24px;height:24px}.coming-soon-title{font-family:Quickbrush,sans-serif;font-size:44px;line-height:40px;color:#fe6026;padding:8px 0;margin-bottom:24px}.coming-soon-content{font-size:18px;text-align:center;letter-spacing:-0.5px;color:#2b2a29}.modal.error .modal-content-container{border-radius:6px}.modal.error .cta-button{box-sizing:border-box;background:#ff5c0b;border:3px solid #ff5c0b;border-radius:4px;color:#fff;font-family:"Prodigy Sans",sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:25px;padding:0 30px}.modal.error .modal-title{font-family:"Work Sans",sans-serif;font-style:normal;font-weight:700;font-size:22px;line-height:32px;margin-bottom:25px;text-align:center;letter-spacing:-0.5px;color:#2b2a29}.modal.error .modal-message{font-family:"Work Sans",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:22px;text-align:center;letter-spacing:-0.2px}.modal.error .modal-image img{max-width:32px}.modal-cta{margin-top:25px}@media only screen and (min-width: 568px){#user-label{display:block}.top-nav .logout-button{font-size:18px;color:#fff;border:2px solid #ff5c0b;background:#ff5c0b;display:initial;font-weight:700}#menu-dropdown-popup{display:none}#menu-arrow-down-wrapper{display:none}.bau .game-header{font-size:24px}}@media only screen and (min-width: 1024px){.bau .game-header{font-size:36px}.bau .game-label{font-size:32px}.bau .game-icon{transition:all .2s ease-in-out}.bau .game-buttons{margin-top:16px}}.experiment-minigame{display:none}.experiment-minigame .container{width:100%;margin:0;padding:0;background-color:#a9e7f5;color:#212529;overscroll-behavior-y:none;background-image:url(./images/clouds-96f2eda32229ef0b23b0.png);background-repeat:repeat-x,no-repeat;background-position-y:calc(100vh - 25vw);background-position-x:-10vw;background-size:125%;padding-top:60px}.experiment-minigame h1{text-align:center}.exp-minigame-content-wrapper{display:flex;flex-direction:column;gap:30px;margin:20px}.exp-minigame-card{background:#fff;border:1px solid #ebeae8;border-bottom-width:5px;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;cursor:pointer;outline:none;padding:8px;padding-bottom:4px;flex:0 0 calc(50% - 10px);max-width:340px}.exp-minigame-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.exp-minigame-card:focus{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);outline:3px solid #ff5c0b;outline-offset:2px}.exp-minigame-card:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.2)}.exp-minigame-image-placeholder{width:100%;height:200px;position:relative;overflow:hidden;border-radius:14px}.exp-minigame-image-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.exp-minigame-card-footer{display:flex;align-items:center;gap:8px;padding:10px}.exp-minigame-card-footer-game{margin-right:auto}.exp-minigame-card-footer-subject{font-size:14px;padding:3px 8px;border-radius:40px;background-repeat:no-repeat;background-position:8px center;background-size:14px 14px;padding-left:28px}.exp-minigame-card-footer-subject--math{color:#86005f;background-color:#fee6ef;background-image:url(./images/subject-math-fb13e3ee4fc7d05ba11e.svg)}.exp-minigame-card-footer-subject--science{color:#396810;background-color:#f2f8e8;background-image:url(./images/subject-science-bb73d223761c7f071b3d.svg)}.exp-minigame-card-footer-subject--english{color:#4139b4;background-color:#f0ebfb;background-image:url(./images/subject-english-53f456d8e07a98a348f4.svg)}.exp-minigame-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:700px;margin:0 auto}.exp-minigame-section-label{text-align:center;font-size:18px;color:#333;font-weight:500;margin-top:5px}.exp-minigame--science-inactive{display:block}.exp-minigame--science-active{display:none}.exp-minigame-beta-flag{position:absolute;background-color:#ffc901;padding:8px 14px;font-size:.9em;left:0;color:#2b2a29;text-transform:uppercase;border-bottom-right-radius:10px;font-weight:bold}.exp-minigame-mini-game-card,.exp-minigame-fact-fluency-card{display:none}@media(max-width: 900px),(max-height: 800px){.exp-minigame-image-placeholder{height:150px}.exp-minigame-card{padding:6px;padding-bottom:3px}.exp-minigame-card-footer{padding:8px}.experiment-minigame h1{font-size:24px;margin:10px 0 15px}.exp-minigame-content-wrapper{gap:15px;margin:15px 20px}.exp-minigame-group{gap:15px}}@media(max-width: 650px){.exp-minigame-group{flex-direction:column}.exp-minigame-card{flex:0 0 100%;max-width:100%}.exp-minigame-image-placeholder{height:180px}h1{font-size:24px}}@media(max-width: 480px){body{padding:15px}.exp-minigame-content-wrapper{gap:20px}}.exp-minigame--with-overlay-buttons{cursor:default;pointer-events:auto}.exp-minigame--with-overlay-buttons:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.exp-minigame--with-overlay-buttons .exp-minigame-image-placeholder::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,0);transition:background-color .3s ease;pointer-events:none}.exp-minigame--with-overlay-buttons:hover .exp-minigame-image-placeholder::after{background-color:hsla(0,0%,100%,.5)}.exp-minigame--with-overlay-buttons:focus{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1);outline:none}.exp-minigame--with-overlay-buttons:active{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.exp-minigame--with-overlay-buttons .exp-minigame-image-placeholder{position:relative}.exp-minigame-overlay-buttons{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.exp-minigame--with-overlay-buttons:hover .exp-minigame-overlay-buttons{opacity:1;visibility:visible}.exp-minigame-subject-button{position:relative;min-width:180px}.exp-minigame-subject-button--math::before,.exp-minigame-subject-button--science::before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1);z-index:1}.exp-minigame-subject-button--math::before{background-image:url(./images/subject-math-fb13e3ee4fc7d05ba11e.svg)}.exp-minigame-subject-button--science::before{background-image:url(./images/subject-science-bb73d223761c7f071b3d.svg)}.exp-minigame-game-button{display:inline-flex;justify-content:stretch;padding:0;box-sizing:border-box;border:2px solid #363636;box-shadow:0 4px 0 0 rgba(37,21,45,.5);border-radius:12px;text-decoration:none;cursor:pointer;transition:all .2s ease}.exp-minigame-game-button:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 0 0 rgba(37,21,45,.5)}.exp-minigame-game-button:active{transform:translateY(2px);box-shadow:0 2px 0 0 rgba(37,21,45,.5)}.exp-minigame-game-button-inner{font-family:"Paytone One",sans-serif;flex-grow:1;text-align:center;margin:4px;border-radius:6px;padding:6px 10px 7px;font-size:18px;line-height:1.22;position:relative;z-index:0}.exp-minigame-game-button-medium .exp-minigame-game-button-inner{padding:10px 10px 11px 10px;padding-left:38px}.exp-minigame-game-button-sapphire{background-image:linear-gradient(to bottom, #45a0dd, #4162c0);color:#fff;border-color:#353c7d}.exp-minigame-game-button-sapphire .exp-minigame-game-button-inner{background-image:linear-gradient(to bottom, #4887d5, #45addc)}.exp-minigame-game-button-sapphire:hover{background-image:linear-gradient(to bottom, #477cc9, #303c80);color:#fff}.exp-minigame-game-button-sapphire:hover .exp-minigame-game-button-inner{background-image:linear-gradient(to bottom, #3659ba, #4883cf)}.exp-minigame-game-button-sapphire:active{background-image:linear-gradient(to bottom, #4160be, #45abdb)}.exp-minigame-game-button-sapphire:active .exp-minigame-game-button-inner{background-image:linear-gradient(to bottom, #45b1de, #4886d4)}.exp-minigame-game-button-emerald{background-image:linear-gradient(to bottom, #68D3A8, #236366);color:#fff;border-color:#174160}.exp-minigame-game-button-emerald .exp-minigame-game-button-inner{background-image:linear-gradient(to bottom, #12A586, #5CC2A8)}.exp-minigame-game-button-emerald:hover{background-image:linear-gradient(to bottom, #78E3B8, #337376);color:#fff}.exp-minigame-game-button-emerald:hover .exp-minigame-game-button-inner{background-image:linear-gradient(to bottom, #22B596, #6CD2B8)}.exp-minigame-game-button-emerald:active{background-image:linear-gradient(to bottom, #58C398, #135356)}.exp-minigame-game-button-emerald:active .exp-minigame-game-button-inner{background-image:linear-gradient(to bottom, #029576, #4CB298)}@media(hover: none),(hover: on-demand){.exp-minigame-overlay-buttons{opacity:1;visibility:visible}.exp-minigame--with-overlay-buttons .exp-minigame-image-placeholder::after{background-color:hsla(0,0%,100%,.5)}}@media(max-width: 480px){.exp-minigame-game-button-medium .exp-minigame-game-button-inner{padding:8px 8px 9px 8px;padding-left:32px;font-size:16px}.exp-minigame-subject-button--math::before,.exp-minigame-subject-button--science::before{left:8px;width:20px;height:20px}.exp-minigame-overlay-buttons{gap:10px}}
.mini-subject-panel{width:196px}@media only screen and (max-width: 568px){.mini-subject-panel{width:142px}}.mini-subject-panel .outer-border{border:2px #746e67;padding:2px;border-radius:12px;border-style:solid;background-clip:padding-box;position:relative;background:#fbf4ed}.mini-subject-panel .outer-border #new-subject-badge{position:absolute;top:-8px;right:-8px;width:48px;opacity:1;z-index:1}.mini-subject-panel .outer-border #new-subject-badge.hide{opacity:0}.mini-subject-panel .outer-border .inner-border{border:2px #e2d4b8;padding:12px;border-radius:10px;border-style:solid;background-clip:padding-box;position:relative}.mini-subject-panel .outer-border:hover{background:#f7e9db}.mini-subject-panel .play-button-row{display:flex;justify-content:center}.mini-subject-panel .outer-play-button{border:2px solid #353c7d;border-radius:6px;background:linear-gradient(180deg, #45A0DD 0%, #4162C0 100%);padding:4px;box-shadow:0 4px 0 0 rgba(37,21,45,.5);width:100%;height:44px}.mini-subject-panel .outer-play-button .inner-play-button{border-radius:4px;background:linear-gradient(180deg, #4887D5 0%, #45ADDC 100%);height:100%;width:100%}.mini-subject-panel .outer-play-button .inner-play-button .play-button-text{display:grid;font-family:"Paytone One",sans-serif;font-size:18px;color:#fff;place-items:center;font-style:normal;letter-spacing:.02em;height:100%}.mini-subject-panel .subject-content{align-self:stretch;color:#000;font-feature-settings:"liga" off,"clig" off;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-0.5px}.mini-subject-panel .subject-content .subject-header{font-family:"Paytone One";font-size:18px;margin-bottom:12px}@media only screen and (max-width: 568px){.mini-subject-panel .subject-content .subject-header{font-size:14px}}.mini-subject-panel .subject-content .subject-text{font-family:"Prodigy Sans";font-size:14px;margin-bottom:12px}@media only screen and (max-width: 568px){.mini-subject-panel .subject-content .subject-text{font-size:12px}}.mini-subject-panel .subject-glyph{border:2px #70d7ed;border-radius:13.3px;border-style:solid;background-clip:padding-box;position:relative;background:#a9e7f5;width:40px;height:40px;justify-content:center;align-items:center;display:flex}#math-and-science-panel{visibility:hidden;position:absolute;top:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}#math-and-science-panel .mini-subject-panel{margin-left:6px;margin-right:6px}.bau .game-button-container:hover #math-and-science-panel.with-science{visibility:visible}
:root{--font-display: 'Paytone One', sans-serif;--font-body: 'ABeeZee', sans-serif;--color-text-primary: #363636;--color-text-secondary: #212529;--color-text-muted: #666;--color-border: #d1d5db;--color-border-focus: #45a0dd;--emerald-outer-light: #68d376;--emerald-outer-dark: #236366;--emerald-inner-light: #1da38a;--emerald-inner-dark: #5ec38a;--emerald-hover-outer-light: #1b9885;--emerald-hover-outer-dark: #174160;--emerald-hover-inner-light: #266a70;--emerald-hover-inner-dark: #1d9c88;--emerald-active-outer-light: #226167;--emerald-active-outer-dark: #77d686;--emerald-active-inner-light: #66c88a;--emerald-active-inner-dark: #1a967d;--marble-outer-light: #fcfcfc;--marble-outer-dark: #cecece;--marble-inner-light: #e9e9e9;--marble-inner-dark: #f7f7f7;--marble-hover-outer-light: #ebebeb;--marble-hover-outer-dark: #a6a6a6;--marble-hover-inner-light: #cbcbcb;--marble-hover-inner-dark: #e9e9e9;--marble-active-outer-light: #c3c4c3;--marble-active-outer-dark: #fff;--marble-active-inner-light: #e9e9e9;--marble-active-inner-dark: #f7f7f7;--sapphire-outer-light: #45a0dd;--sapphire-outer-dark: #4162c0;--sapphire-inner-light: #4887d5;--sapphire-inner-dark: #45addc;--sapphire-hover-outer-light: #477cc9;--sapphire-hover-outer-dark: #303c80;--sapphire-hover-inner-light: #3659ba;--sapphire-hover-inner-dark: #4883cf;--sapphire-active-outer-light: #4160be;--sapphire-active-outer-dark: #45abdb;--sapphire-active-inner-light: #45b1de;--sapphire-active-inner-dark: #4886d4;--ruby-outer-light: #ef6c6e;--ruby-outer-dark: #ab3a49;--ruby-inner-light: #dd4658;--ruby-inner-dark: #f67071;--ruby-hover-outer-light: #d0445a;--ruby-hover-outer-dark: #6e2843;--ruby-hover-inner-light: #ad3e4f;--ruby-hover-inner-dark: #ee475b;--ruby-active-outer-light: #a33240;--ruby-active-outer-dark: #f86668;--ruby-active-inner-light: #f87272;--ruby-active-inner-dark: #dc4456;--disabled-outer: #989898;--disabled-outer-end: #656766;--disabled-inner: #9f9f9f;--disabled-inner-end: #989598;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 30px;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 8px;--radius-xl: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);--shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.2);--shadow-button: 0 4px 0 0 rgba(37, 21, 45, 0.5);--shadow-hover: 0 4px 8px rgba(0, 0, 0, 0.2);--paper-border-width: 28px;--paper-border-image-width: 40px;--breakpoint-tablet: 768px;--breakpoint-mobile: 640px;--breakpoint-small: 480px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,100%{content:"..."}}.hidden{display:none !important}.show{display:block !important}.loading{pointer-events:none;opacity:.6}.onboarding-game-button,.grade-modal .modal-footer .continue-button,.curriculum-modal .modal-footer .continue-button,.curriculum-modal .back-button{display:inline-flex;justify-content:stretch;padding:0;box-sizing:border-box;border:2px solid var(--color-text-primary);box-shadow:var(--shadow-button);border-radius:var(--radius-md);font-family:var(--font-display);text-decoration:none;cursor:pointer;background:none}.onboarding-game-button:hover,.grade-modal .modal-footer .continue-button:hover,.curriculum-modal .modal-footer .continue-button:hover,.curriculum-modal .back-button:hover{text-decoration:none}.onboarding-game-button-full-width,.grade-modal .modal-footer .continue-button,.curriculum-modal .modal-footer .continue-button,.curriculum-modal .back-button{width:100%;margin:6px 0}.onboarding-game-button-inner{flex-grow:1;text-align:center;margin:var(--space-xs);border-radius:var(--radius-sm);padding:6px 10px 7px;font-size:18px;line-height:1.22;font-family:var(--font-display)}.onboarding-game-button-emerald,.grade-modal .modal-footer .continue-button,.curriculum-modal .modal-footer .continue-button{background-image:linear-gradient(to bottom, var(--emerald-outer-light), var(--emerald-outer-dark));color:#fff}.onboarding-game-button-emerald .onboarding-game-button-inner,.grade-modal .modal-footer .continue-button .onboarding-game-button-inner,.curriculum-modal .modal-footer .continue-button .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--emerald-inner-light), var(--emerald-inner-dark))}.onboarding-game-button-emerald:hover,.grade-modal .modal-footer .continue-button:hover,.curriculum-modal .modal-footer .continue-button:hover{background-image:linear-gradient(to bottom, var(--emerald-hover-outer-light), var(--emerald-hover-outer-dark));color:#fff}.onboarding-game-button-emerald:hover .onboarding-game-button-inner,.grade-modal .modal-footer .continue-button:hover .onboarding-game-button-inner,.curriculum-modal .modal-footer .continue-button:hover .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--emerald-hover-inner-light), var(--emerald-hover-inner-dark))}.onboarding-game-button-emerald:active,.grade-modal .modal-footer .continue-button:active,.curriculum-modal .modal-footer .continue-button:active{background-image:linear-gradient(to bottom, var(--emerald-active-outer-light), var(--emerald-active-outer-dark))}.onboarding-game-button-emerald:active .onboarding-game-button-inner,.grade-modal .modal-footer .continue-button:active .onboarding-game-button-inner,.curriculum-modal .modal-footer .continue-button:active .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--emerald-active-inner-light), var(--emerald-active-inner-dark))}.onboarding-game-button-marble,.curriculum-modal .back-button{background-image:linear-gradient(to bottom, var(--marble-outer-light), var(--marble-outer-dark));color:var(--color-text-primary)}.onboarding-game-button-marble .onboarding-game-button-inner,.curriculum-modal .back-button .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--marble-inner-light), var(--marble-inner-dark))}.onboarding-game-button-marble:hover,.curriculum-modal .back-button:hover{background-image:linear-gradient(to bottom, var(--marble-hover-outer-light), var(--marble-hover-outer-dark));color:var(--color-text-primary)}.onboarding-game-button-marble:hover .onboarding-game-button-inner,.curriculum-modal .back-button:hover .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--marble-hover-inner-light), var(--marble-hover-inner-dark))}.onboarding-game-button-marble:active,.curriculum-modal .back-button:active{background-image:linear-gradient(to bottom, var(--marble-active-outer-light), var(--marble-active-outer-dark))}.onboarding-game-button-marble:active .onboarding-game-button-inner,.curriculum-modal .back-button:active .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--marble-active-inner-light), var(--marble-active-inner-dark))}.onboarding-game-button-sapphire{background-image:linear-gradient(to bottom, var(--sapphire-outer-light), var(--sapphire-outer-dark));color:#fff}.onboarding-game-button-sapphire .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--sapphire-inner-light), var(--sapphire-inner-dark))}.onboarding-game-button-sapphire:hover{background-image:linear-gradient(to bottom, var(--sapphire-hover-outer-light), var(--sapphire-hover-outer-dark));color:#fff}.onboarding-game-button-sapphire:hover .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--sapphire-hover-inner-light), var(--sapphire-hover-inner-dark))}.onboarding-game-button-sapphire:active{background-image:linear-gradient(to bottom, var(--sapphire-active-outer-light), var(--sapphire-active-outer-dark))}.onboarding-game-button-sapphire:active .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--sapphire-active-inner-light), var(--sapphire-active-inner-dark))}.onboarding-game-button-ruby{background-image:linear-gradient(to bottom, var(--ruby-outer-light), var(--ruby-outer-dark));color:#fff}.onboarding-game-button-ruby .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--ruby-inner-light), var(--ruby-inner-dark))}.onboarding-game-button-ruby:hover{background-image:linear-gradient(to bottom, var(--ruby-hover-outer-light), var(--ruby-hover-outer-dark));color:#fff}.onboarding-game-button-ruby:hover .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--ruby-hover-inner-light), var(--ruby-hover-inner-dark))}.onboarding-game-button-ruby:active{background-image:linear-gradient(to bottom, var(--ruby-active-outer-light), var(--ruby-active-outer-dark))}.onboarding-game-button-ruby:active .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--ruby-active-inner-light), var(--ruby-active-inner-dark))}.onboarding-game-button-disabled,.grade-modal .modal-footer .continue-button:disabled,.curriculum-modal .modal-footer .continue-button:disabled{background-image:linear-gradient(to bottom, var(--disabled-outer) 0%, var(--disabled-outer-end) 100%);color:#fff;cursor:not-allowed}.onboarding-game-button-disabled .onboarding-game-button-inner,.grade-modal .modal-footer .continue-button:disabled .onboarding-game-button-inner,.curriculum-modal .modal-footer .continue-button:disabled .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--disabled-inner) 0.16%, var(--disabled-inner-end) 99.74%)}.onboarding-game-button-disabled:hover,.grade-modal .modal-footer .continue-button:hover:disabled,.curriculum-modal .modal-footer .continue-button:hover:disabled{background-image:linear-gradient(to bottom, var(--disabled-outer) 0%, var(--disabled-outer-end) 100%);color:#fff}.onboarding-game-button-disabled:hover .onboarding-game-button-inner,.grade-modal .modal-footer .continue-button:hover:disabled .onboarding-game-button-inner,.curriculum-modal .modal-footer .continue-button:hover:disabled .onboarding-game-button-inner{background-image:linear-gradient(to bottom, var(--disabled-inner) 0.16%, var(--disabled-inner-end) 99.74%)}.modal-heading,.education-onboarding-loader .loader-content h3,.grade-modal .modal-header h2,.curriculum-modal .modal-header h2{font-family:var(--font-display);font-style:normal;font-weight:700;font-size:28px;line-height:38px;text-align:center;margin-bottom:16px;overflow-wrap:break-word;color:var(--color-text-secondary)}.modal-description,.education-onboarding-loader .loader-content p,.grade-modal .modal-header #curriculum-info,.curriculum-modal .modal-header p{font-family:var(--font-body);color:var(--color-text-primary);font-size:16px;text-align:center;margin:16px 24px}@media screen and (min-height: 600px){.modal-description,.education-onboarding-loader .loader-content p,.grade-modal .modal-header #curriculum-info,.curriculum-modal .modal-header p{margin-bottom:24px;font-size:18px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);z-index:1001;display:flex;align-items:center;justify-content:center;visibility:hidden}.modal.show-modal{visibility:visible}.modal .modal-container{border:var(--paper-border-width) solid;border-image-source:url(./images/paper-354fa00d28af6135c207.png);border-image-slice:40 fill;border-image-width:var(--paper-border-image-width);border-image-repeat:repeat;max-width:700px;width:90%;max-height:80vh;padding:30px;margin:0 auto;overflow-y:auto}.modal .modal-container::-webkit-scrollbar{width:6px}.modal .modal-container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.modal .modal-container::-webkit-scrollbar-thumb{background:rgba(54,54,54,.3);border-radius:var(--radius-sm)}.modal .modal-container::-webkit-scrollbar-thumb:hover{background:rgba(54,54,54,.5)}@media(max-width: var(--breakpoint-tablet)){.modal .modal-container{width:95%;max-width:calc(100% - 20px);padding:20px;border-width:20px}}@media(max-width: var(--breakpoint-small)){.modal .modal-container{width:98%;padding:16px;border-width:16px}}.loading-spinner{text-align:center;padding:32px 0}.loading-spinner.loading-spinner-dots .spinner-text{font-family:var(--font-body);font-size:16px;color:var(--color-text-primary);margin:0}.loading-spinner.loading-spinner-dots .spinner-text::after{content:"";display:inline-block;animation:dots 1.5s steps(4, end) infinite}.loading-spinner.loading-spinner-circle{display:flex;justify-content:center;align-items:center;padding:40px 20px;font-family:var(--font-body);font-weight:400;color:var(--color-text-muted);font-size:16px}.loading-spinner.loading-spinner-circle::before{content:"";width:20px;height:20px;border:2px solid rgba(54,54,54,.2);border-top:2px solid var(--color-text-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}@media(max-width: var(--breakpoint-tablet)){.curriculum-modal .modal-header{margin-bottom:16px}.curriculum-modal .modal-header h2{font-size:24px;line-height:32px}.curriculum-modal .modal-header p{font-size:14px}.curriculum-modal .modal-content .selection-step h3{font-size:18px}}@media(max-width: var(--breakpoint-small)){.curriculum-modal .modal-header{margin-bottom:12px}.curriculum-modal .modal-header h2{font-size:20px;line-height:28px}.curriculum-modal .modal-header p{font-size:12px;margin:0}.curriculum-modal .onboarding-game-button-full-width,.grade-modal .modal-footer .curriculum-modal .continue-button,.curriculum-modal .modal-footer .continue-button,.curriculum-modal .back-button{margin:4px 0}.curriculum-modal .onboarding-game-button-inner{font-size:16px;padding:8px 12px 9px}}.curriculum-modal .modal-header{text-align:center;margin-bottom:20px}.curriculum-modal .modal-header h2{margin-bottom:8px}.curriculum-modal .modal-header p{margin:0}.curriculum-modal .modal-content .selection-step{display:none}.curriculum-modal .modal-content .selection-step.active{display:block}.curriculum-modal .modal-content .selection-step h3{font-family:var(--font-display);font-size:20px;color:var(--color-text-primary);margin:0 0 16px;text-align:center}.curriculum-modal .country-list,.curriculum-modal .subdivision-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:0;margin:0}.curriculum-modal .country-list::-webkit-scrollbar,.curriculum-modal .subdivision-list::-webkit-scrollbar{width:6px}.curriculum-modal .country-list::-webkit-scrollbar-track,.curriculum-modal .subdivision-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.curriculum-modal .country-list::-webkit-scrollbar-thumb,.curriculum-modal .subdivision-list::-webkit-scrollbar-thumb{background:rgba(54,54,54,.3);border-radius:var(--radius-sm)}.curriculum-modal .country-list::-webkit-scrollbar-thumb:hover,.curriculum-modal .subdivision-list::-webkit-scrollbar-thumb:hover{background:rgba(54,54,54,.5)}@media(max-width: var(--breakpoint-tablet)){.curriculum-modal .country-list,.curriculum-modal .subdivision-list{max-height:250px}}.curriculum-modal .country-item,.curriculum-modal .subdivision-item{padding:12px 16px;border:2px solid var(--color-text-primary);border-radius:8px;cursor:pointer;background:hsla(0,0%,100%,.9)}.curriculum-modal .country-item:hover,.curriculum-modal .subdivision-item:hover{background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2)}.curriculum-modal .country-item:focus,.curriculum-modal .subdivision-item:focus{outline:3px solid var(--color-border-focus);outline-offset:2px}.curriculum-modal .country-item.selected,.curriculum-modal .subdivision-item.selected{background:rgba(26,163,138,.2);border-color:var(--color-emerald-main);box-shadow:0 2px 8px rgba(29,163,138,.3)}.curriculum-modal .country-item .country-name,.curriculum-modal .country-item .subdivision-name,.curriculum-modal .subdivision-item .country-name,.curriculum-modal .subdivision-item .subdivision-name{font-family:var(--font-body);font-weight:600;color:var(--color-text-primary);margin-bottom:4px;font-size:16px}.curriculum-modal .country-item .country-curriculum,.curriculum-modal .country-item .subdivision-curriculum,.curriculum-modal .subdivision-item .country-curriculum,.curriculum-modal .subdivision-item .subdivision-curriculum{font-family:var(--font-body);font-weight:400;font-size:14px;color:var(--color-text-muted);line-height:1.3}.curriculum-modal .back-button{margin-top:16px;font-size:16px}.curriculum-modal .modal-footer{text-align:center;margin-top:20px}.curriculum-modal .modal-footer .continue-button{font-size:18px}@media(max-width: var(--breakpoint-tablet)){.grade-modal .modal-header{margin-bottom:16px}.grade-modal .modal-header h2{font-size:24px;line-height:32px}.grade-modal .modal-header p{font-size:14px}.grade-modal .modal-content .selection-step h3{font-size:18px}}@media(max-width: var(--breakpoint-small)){.grade-modal .modal-header{margin-bottom:12px}.grade-modal .modal-header h2{font-size:20px;line-height:28px}.grade-modal .modal-header p{font-size:12px;margin:0}.grade-modal .onboarding-game-button-full-width,.grade-modal .modal-footer .continue-button,.grade-modal .curriculum-modal .back-button,.curriculum-modal .grade-modal .back-button,.curriculum-modal .modal-footer .grade-modal .continue-button{margin:4px 0}.grade-modal .onboarding-game-button-inner{font-size:16px;padding:8px 12px 9px}}.grade-modal .modal-header{text-align:center;margin-bottom:20px}.grade-modal .modal-header h2{margin-bottom:8px}.grade-modal .modal-header #curriculum-info{margin:0}.grade-modal .modal-content .grade-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;max-height:450px;overflow-y:auto;padding:8px;margin:0}.grade-modal .modal-content .grade-grid::-webkit-scrollbar{width:6px}.grade-modal .modal-content .grade-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.grade-modal .modal-content .grade-grid::-webkit-scrollbar-thumb{background:rgba(54,54,54,.3);border-radius:var(--radius-sm)}.grade-modal .modal-content .grade-grid::-webkit-scrollbar-thumb:hover{background:rgba(54,54,54,.5)}@media(max-width: var(--breakpoint-tablet)){.grade-modal .modal-content .grade-grid{grid-template-columns:repeat(3, 1fr);gap:16px;max-height:350px;padding:6px}}@media(max-width: var(--breakpoint-small)){.grade-modal .modal-content .grade-grid{grid-template-columns:repeat(2, 1fr);gap:12px;padding:4px}}.grade-modal .modal-content .grade-item{padding:16px;background:#fff;border:1px solid #ebeae8;border-bottom-width:5px;border-radius:16px;text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;box-shadow:var(--shadow-sm)}.grade-modal .modal-content .grade-item:hover{box-shadow:var(--shadow-md)}.grade-modal .modal-content .grade-item:focus{box-shadow:var(--shadow-md);outline:3px solid #ff5c0b;outline-offset:2px}.grade-modal .modal-content .grade-item:active{box-shadow:0 2px 6px rgba(0,0,0,.2)}.grade-modal .modal-content .grade-item.selected{outline:3px solid #ff5c0b;outline-offset:2px}.grade-modal .modal-content .grade-item .grade-number{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.grade-modal .modal-content .grade-item .grade-name{display:none}.grade-modal .modal-footer{text-align:center;margin-top:20px}.grade-modal .modal-footer .continue-button{font-size:18px}.class-code-modal .modal-footer{text-align:center;margin-top:20px}.class-code-modal .modal-footer .action-buttons{display:flex;gap:16px;justify-content:center;align-items:center}.class-code-modal .modal-footer .action-buttons .onboarding-game-button,.class-code-modal .modal-footer .action-buttons .curriculum-modal .back-button,.curriculum-modal .class-code-modal .modal-footer .action-buttons .back-button,.class-code-modal .curriculum-modal .modal-footer .action-buttons .continue-button,.curriculum-modal .class-code-modal .modal-footer .action-buttons .continue-button,.class-code-modal .grade-modal .modal-footer .action-buttons .continue-button,.grade-modal .class-code-modal .modal-footer .action-buttons .continue-button{min-width:150px}@media(max-width: var(--breakpoint-mobile)){.class-code-modal .modal-footer .action-buttons{flex-direction:column;gap:12px}.class-code-modal .modal-footer .action-buttons .onboarding-game-button,.class-code-modal .modal-footer .action-buttons .curriculum-modal .back-button,.curriculum-modal .class-code-modal .modal-footer .action-buttons .back-button,.class-code-modal .curriculum-modal .modal-footer .action-buttons .continue-button,.curriculum-modal .class-code-modal .modal-footer .action-buttons .continue-button,.class-code-modal .grade-modal .modal-footer .action-buttons .continue-button,.grade-modal .class-code-modal .modal-footer .action-buttons .continue-button{width:100%}}.class-code-modal .onboarding-game-button:disabled,.class-code-modal .curriculum-modal .back-button:disabled,.curriculum-modal .class-code-modal .back-button:disabled,.class-code-modal .curriculum-modal .modal-footer .continue-button:disabled,.curriculum-modal .modal-footer .class-code-modal .continue-button:disabled,.class-code-modal .grade-modal .modal-footer .continue-button:disabled,.grade-modal .modal-footer .class-code-modal .continue-button:disabled{cursor:not-allowed;opacity:.6}.learn-more-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10002;display:flex;align-items:center;justify-content:center}.learn-more-dialog .dialog-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.learn-more-dialog .dialog-content{border:var(--paper-border-width) solid;border-image-source:url(./images/paper-354fa00d28af6135c207.png);border-image-slice:40 fill;border-image-width:var(--paper-border-image-width);border-image-repeat:repeat;max-width:400px;width:90%;padding:24px;text-align:center}.learn-more-dialog .dialog-content h3{font-family:var(--font-display);font-size:20px;color:var(--color-text-secondary);margin:0 0 16px 0}.learn-more-dialog .dialog-content p{font-family:var(--font-body);font-size:16px;color:var(--color-text-primary);margin:0 0 16px 0;line-height:1.5}.learn-more-dialog .dialog-content ul{margin:0 0 24px 0;padding-left:20px;color:var(--color-text-primary);font-size:15px;line-height:1.5;text-align:left;font-family:var(--font-body)}.learn-more-dialog .dialog-content ul li{margin-bottom:8px}.learn-more-dialog .dialog-content .close-dialog-btn{width:100%}.class-code-input-container{text-align:center;margin:24px 0}.class-code-input-container .input-label{display:block;font-family:var(--font-body);font-weight:normal;font-size:18px;color:var(--color-text-primary);margin-bottom:12px;text-align:center}.class-code-input-container .input-group{position:relative;display:inline-block;max-width:300px;width:100%;margin:0 auto 16px}.class-code-input-container .class-code-input{width:100%;height:56px;padding:16px 20px;font-size:18px;font-weight:600;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--color-border);border-radius:8px;background:#fff;font-family:var(--font-display);box-sizing:border-box;text-align:center}.class-code-input-container .class-code-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 4px rgba(69,160,221,.2)}.class-code-input-container .class-code-input.error{border-color:#e74c3c;background:#fff5f5}.class-code-input-container .class-code-input.error:focus{border-color:#e74c3c;box-shadow:0 0 0 4px rgba(231,76,60,.2)}.class-code-input-container .class-code-input.valid,.class-code-input-container .class-code-input.success{border-color:var(--color-emerald-main);background:#f0fff4}.class-code-input-container .class-code-input.valid:focus,.class-code-input-container .class-code-input.success:focus{border-color:var(--color-emerald-main);box-shadow:0 0 0 4px rgba(29,163,138,.2)}.class-code-input-container .class-code-input.success{color:#065f46}.class-code-input-container .class-code-input::placeholder{color:#9ca3af;font-weight:400;letter-spacing:normal;text-transform:none;font-family:var(--font-body)}.class-code-input-container .class-code-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:var(--color-border)}.class-code-input-container .error-container{margin-top:8px;text-align:center}.class-code-input-container .error-container .error-message{display:inline-flex;align-items:center;gap:8px;color:#e74c3c;font-size:14px;font-weight:600;font-family:var(--font-body);justify-content:center}.class-code-input-container .error-container .error-message .error-icon{font-size:16px;flex-shrink:0}body.education-onboarding-active .bau .game-selection,body.education-onboarding-active .experiment-minigame,body.education-onboarding-active #math-game-button,body.education-onboarding-active #english-game-button,body.education-onboarding-active #science-game-button,body.education-onboarding-active .game-button-container,body.education-onboarding-active .exp-minigame-card,body.education-onboarding-active .exp-minigame-mini-game-card{display:none;opacity:0;pointer-events:none}.education-onboarding-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);z-index:1002;display:flex;align-items:center;justify-content:center}.education-onboarding-loader .loader-content{border:var(--paper-border-width) solid;border-image-source:url(./images/paper-354fa00d28af6135c207.png);border-image-slice:40 fill;border-image-width:var(--paper-border-image-width);border-image-repeat:repeat;max-width:400px;width:90%;padding:30px;text-align:center}.education-onboarding-loader .loader-content .spinner{width:40px;height:40px;border:4px solid rgba(54,54,54,.2);border-top:4px solid var(--color-text-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.education-onboarding-loader .loader-content h3{font-size:24px;margin:0 0 12px}.education-onboarding-loader .loader-content p{margin:0;font-size:16px}@media(max-width: var(--breakpoint-tablet)){.curriculum-modal .country-item,.curriculum-modal .subdivision-item{padding:10px 12px}.curriculum-modal .country-item .country-name,.curriculum-modal .country-item .subdivision-name,.curriculum-modal .subdivision-item .country-name,.curriculum-modal .subdivision-item .subdivision-name{font-size:14px}.curriculum-modal .country-item .country-curriculum,.curriculum-modal .country-item .subdivision-curriculum,.curriculum-modal .subdivision-item .country-curriculum,.curriculum-modal .subdivision-item .subdivision-curriculum{font-size:12px}.grade-modal .grade-item{padding:12px;min-height:70px}.grade-modal .grade-item .grade-number{font-size:20px}.grade-modal .grade-item .grade-name{font-size:12px}.class-code-modal .class-code-input-container{margin:16px 0}.class-code-modal .class-code-input-container .input-group{max-width:100%}.class-code-modal .class-code-input-container .class-code-input{font-size:16px;height:48px;padding:12px 16px}.education-onboarding-loader .loader-content{padding:20px;border-width:20px}.education-onboarding-loader .loader-content h3{font-size:20px}.education-onboarding-loader .loader-content p{font-size:14px}}@media(max-width: var(--breakpoint-small)){.grade-modal .grade-item{padding:10px;min-height:60px}.grade-modal .grade-item .grade-number{font-size:18px}.grade-modal .grade-item .grade-name{font-size:11px}.education-onboarding-loader .loader-content{padding:16px;border-width:16px}}@media(prefers-contrast: high){.class-code-input{border-width:2px !important}.class-code-input.error{border-color:#d00 !important}.class-code-input.valid,.class-code-input.success{border-color:#080 !important}}@media(prefers-reduced-motion: reduce){.class-code-input,.loading-spinner .spinner-text::after,.education-onboarding-loader .spinner{transition:none !important;animation:none !important}}