.landing-root{background-size:cover;background-position:center;position:relative}.landing-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:24px;text-align:center;background:radial-gradient(circle at center,rgba(0,0,0,.2),transparent 60%)}.landing-title{font-family:var(--font-display);font-size:clamp(80px,6vw,64px);letter-spacing:.3em;text-transform:uppercase;color:#fff}.landing-buttons .gradient-button{font-family:var(--font-body)}.landing-buttons{display:flex;gap:250px;flex-wrap:wrap;justify-content:center;width:100%;max-width:90vw}.gradient-button{min-width:200px;padding:18px 40px;border-radius:24px;border:none;outline:none;cursor:pointer;font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(145deg,#f9c66b,#f38f43);box-shadow:0 14px 24px #00000059,0 0 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease}.gradient-button:hover{transform:translateY(-2px);box-shadow:0 18px 30px #00000073,0 0 0 1px #ffffff59}.gradient-button:active{transform:translateY(1px);box-shadow:0 10px 18px #00000059,0 0 0 1px #ffffff40}.soft-card{background:linear-gradient(180deg,#f4efe8,#f0d5a2);border-radius:var(--radius-large);padding:32px;box-shadow:0 18px 30px #00000040,0 0 0 1px #ffffffb3}.classroom-root{display:grid;grid-template-columns:2.8fr 1fr}.classroom-left{padding:32px 40px;display:flex;flex-direction:column;background:linear-gradient(180deg,#f4bc7a,#f1e6dc 60%,#e2e1e0)}.classroom-right{background:linear-gradient(180deg,#ea8c2f,#f6c678);display:flex;flex-direction:column;align-items:flex-end;padding:24px;position:relative}.icon-menu:before{content:"";display:block;width:18px;height:2px;background:#fff;box-shadow:0 6px #fff,0 -6px #fff;margin:20px auto 0}*/ .classroom-duck{position:absolute;bottom:24px;right:24px;max-height:45%}.back-arrow{border:none;background:none;color:#fff;font-size:32px;cursor:pointer;margin-bottom:12px}.back-arrow:before{content:"❮"}.classroom-header{display:flex;align-items:center;gap:24px;color:#fff;margin-bottom:24px;font-size:26px}.classroom-label{text-transform:uppercase;letter-spacing:.12em}.classroom-name-pill{padding:12px 40px;border-radius:24px;background:linear-gradient(145deg,#f7c270,#f38f43);box-shadow:0 12px 22px #00000040;font-size:24px}.permissions-card{align-self:center;margin-top:32px;width:min(640px,90%)}.card-title{font-size:32px;font-weight:700;margin:0 0 24px;text-align:center;color:#7e410f}.permissions-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:24px;font-size:24px;color:#7e410f}.permissions-list label{display:flex;align-items:center;gap:16px}.permissions-list input[type=checkbox]{width:24px;height:24px;accent-color:#ea8c2f}.permissions-actions{display:flex;justify-content:center}.save-pill{margin-top:12px;padding:14px 32px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(145deg,#f9c66b,#f38f43);color:#fff;font-weight:700;font-size:18px;box-shadow:0 14px 24px #00000059,0 0 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease}.save-pill:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0006,0 0 0 1px #ffffff4d}.classroom-students-body{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 120px);padding-right:40px}.students-title{font-size:32px;margin:8px 0 16px;color:#fff}.students-list{list-style:disc;margin:0 0 40px 24px;padding:0;color:#fff;font-size:22px;display:flex;flex-direction:column;gap:12px}.classroom-code-pill{display:flex;align-items:center;justify-content:flex-start;gap:32px;margin-top:auto;border-radius:999px;padding:18px 36px;background:#fff;box-shadow:0 18px 30px #00000059}.classroom-code-label{font-size:26px;color:#c0b0a0}.classroom-code-value{font-size:18px;color:#a3a3a3}.popup-box h1,.popup-box h2,.popup-box h3,.popup-box p{margin-top:0}.sim-screen .app-screen-inner{max-width:none;width:100%;height:100vh;border-radius:0;box-shadow:none}.sim-root{background-size:cover;background-position:center;position:relative;height:100vh}.sim-back{position:absolute;top:24px;left:24px;z-index:1000;color:#000}.sim-toolbar{position:absolute;top:24px;right:32px}.sim-toolbar-card{width:110px;height:180px;border-radius:var(--radius-large);background:linear-gradient(180deg,#f7c270,#f3e2cf);box-shadow:0 18px 28px #00000059,0 0 0 1px #ffffffbf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.sim-duck{position:absolute;inset:0;margin:auto;height:60%;object-fit:contain}.quiz-popup{position:absolute;left:50%;transform:translate(-50%);bottom:40px;width:min(720px,90%);padding:24px 28px;background:linear-gradient(180deg,#f7c270,#f3e2cf);border-radius:24px;box-shadow:0 18px 28px #00000059,0 0 0 1px #ffffff80}.question{color:#5a3000;font-family:var(--font-body, system-ui, sans-serif);font-size:28px;font-weight:700;line-height:1.2;margin:0 0 16px}.quiz-narrative{color:#7e410f;font-family:var(--font-body, system-ui, sans-serif);font-size:17px;line-height:1.45;margin:0 0 16px;white-space:pre-wrap;text-align:left}.quiz-prompt{color:#7e410f;font-family:var(--font-body, system-ui, sans-serif);font-size:20px;line-height:1.3;margin:0 0 12px}.quiz-popup ol{margin:0;padding-left:1.2rem}.answer{margin:6px 0;font-size:20px;line-height:1.2;color:#5a3000;font-family:var(--font-body, system-ui, sans-serif)}.answer button{border:none;background:transparent;cursor:pointer;font:inherit;color:inherit;padding:4px 8px;border-radius:999px;transition:background .15s ease;text-align:left}.answer button:hover{background:#ffffff59}.answer button:disabled{opacity:.5;cursor:not-allowed}.popup-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,#00000073,#000000bf);display:flex;justify-content:center;align-items:center;z-index:999}.popup-box{max-width:600px;width:90%;background:linear-gradient(180deg,#f4efe8,#f0d5a2);border-radius:28px;padding:32px 28px 28px;box-shadow:0 28px 40px #00000073;text-align:center;color:#7e410f;font-family:var(--font-body, system-ui, sans-serif)}.popup-feedback{font-size:19px;line-height:1.35;color:#5a3a14;margin:0 0 24px;white-space:pre-wrap;text-align:center}.introduction-box{max-width:600px;width:90%}.introduction-box h2{color:#f8770d;font-size:40px;font-weight:700;line-height:1.1;margin:0 0 12px}.introduction-box p{margin:6px 0;font-size:20px;line-height:1.25;color:#7e410f}.success-box{max-width:600px;width:90%}.success-box h2{font-size:42px;font-weight:800;line-height:1.1;margin:0 0 16px;color:#3f7d3f}.success-box p,.success-box .popup-feedback{margin:0 0 24px;font-size:19px;line-height:1.35;color:#5a3a14}.incorrect-box h2{font-family:var(--font-body, system-ui, sans-serif);font-weight:700;font-size:40px;line-height:1.1;margin:0 0 12px;color:#c0392b}.incorrect-box p,.incorrect-box .popup-feedback{margin:0 0 20px;font-size:19px;line-height:1.3;color:#5a3a14}.incorrect-box .popup-close{margin-top:8px}.gameover-box h2{font-family:var(--font-body, system-ui, sans-serif);font-weight:800;font-size:42px;line-height:1.1;margin:0 0 14px;color:#c0392b}.gameover-box p,.gameover-box .popup-feedback{margin:0 0 20px;font-size:19px;line-height:1.3;color:#5a3a14}.popup-close,.close-button{margin-top:12px;padding:14px 32px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(145deg,#f9c66b,#f38f43);color:#fff;font-weight:700;font-size:18px;box-shadow:0 14px 24px #00000059,0 0 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease}.popup-close:hover,.close-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0006,0 0 0 1px #ffffff4d}.close-button{background:linear-gradient(145deg,#f9c66b,#f38f43);margin-left:auto;margin-right:auto;display:inline-block}.sim-landing-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1200px,95%);text-align:center}.sim-landing-title{color:#fff;font-size:48px;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.sim-level-selection{display:flex;flex-direction:row;gap:20px;align-items:stretch;justify-content:center;flex-wrap:wrap}.sim-level-button{flex:1;min-width:200px;max-width:250px;min-height:180px;padding:24px 20px;border-radius:16px;border:none;cursor:pointer;text-align:center;transition:all .3s ease;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;justify-content:space-between;position:relative}.classroom-card{position:relative}.classroom-delete-button{position:absolute;top:8px;right:8px;background:#0000004d;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;padding:0;margin:0}.delete-x{font-size:20px;font-weight:300;color:#fff;line-height:1;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;text-align:center;width:100%;height:100%}.classroom-delete-button:hover{background:#dc0505cc;transform:scale(1.1)}.classroom-delete-button:active{transform:scale(.95)}@media(max-width:768px){.sim-level-selection{flex-direction:column}.sim-level-button{max-width:100%;width:100%}}.classroom-input{width:100%;height:64px;padding:0 22px;font-size:20px;border:none;border-radius:18px;outline:none;box-sizing:border-box;background:#fff;box-shadow:0 10px 24px #0000002e}.classroom-input::placeholder{color:#9aa3ad}.classroom-input:focus{box-shadow:0 12px 26px #00000038,0 0 0 4px #e3a53859}.sim-level-button.primary{background:linear-gradient(135deg,#e3a538,#f7c270);color:#fff}.sim-level-button.primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0000004d}.sim-level-button.completed{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff}.sim-level-button.completed:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0000004d}.sim-level-button.available{background:linear-gradient(135deg,#c4651a,#e8945a);color:#fff}.sim-level-button.available:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0000004d}.sim-level-button.locked{background:linear-gradient(135deg,#9e9e9e,#bdbdbd);color:#fff;cursor:not-allowed;opacity:.6}.sim-level-header{display:flex;flex-direction:column;align-items:center;margin-bottom:12px;gap:8px}.sim-level-header h2{margin:0;font-size:20px;font-weight:600}.sim-level-button p{margin:auto 0 0;font-size:14px;opacity:.9}.completed-badge{background:#ffffff4d;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.locked-badge{background:#0003;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.sim-coming-soon-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(600px,90%);text-align:center;background:#f3e8dd;padding:48px 32px;border-radius:16px;box-shadow:0 16px 32px #0000004d}.sim-coming-soon-title{color:#333;font-size:36px;margin-bottom:24px;font-weight:600}.sim-coming-soon-message{color:#e3a538;font-size:48px;font-weight:700;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.sim-coming-soon-description{color:#666;font-size:18px;margin-bottom:32px;line-height:1.6}.duck-chat-toggle{position:fixed;bottom:32px;right:32px;z-index:1000;width:80px;height:80px;border-radius:50%;border:3px solid #e8945a;background:linear-gradient(180deg,#f5c97e,#e8945a);box-shadow:0 4px 12px #00000040;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:transform .2s ease,box-shadow .2s ease}.duck-chat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 18px #0000004d}.duck-chat-toggle{width:80px;height:80px}.duck-chat-icon{width:120px;height:auto}.chatbot-container{position:fixed;bottom:124px;right:20px;width:340px;height:350px;background:linear-gradient(170deg,#fdf6ec,#fce8cc,#f8d9a8);border-radius:20px;box-shadow:0 10px 30px #00000040,0 4px 10px #0000001a;z-index:999;display:flex;flex-direction:column;overflow:hidden}.chatbot-header{background:linear-gradient(135deg,#f5a623,#e8913a,#d4782e);color:#fff;padding:14px 16px;font-weight:700;font-size:1.05rem;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.15)}.chatbot-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;min-height:0}.message{padding:10px 16px;margin:6px 0;border-radius:18px;max-width:80%;font-size:.95rem;line-height:1.45}.message.bot{background-color:#f9c66b;color:#fff;align-self:flex-start;border-bottom-left-radius:4px}.message.user{background-color:#f38f43;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chatbot-input-area{display:flex;padding:12px 14px;border-top:1px solid #f0dfc4;background:linear-gradient(180deg,#fdf6ec,#f8e8d0);margin-top:auto}.chatbot-input-area input{flex:1;border:1px solid #e0cdb5;border-radius:12px;padding:8px 12px;outline:none;color:#000;background:#fff;font-size:.95rem}.chatbot-input-area input::placeholder{color:#999}.chatbot-input-area button{margin-left:8px;background:linear-gradient(135deg,#f5a623,#e8913a,#d4782e);color:#fff;border:none;border-radius:12px;padding:8px 16px;cursor:pointer;font-weight:600;transition:opacity .2s ease}.chatbot-input-area button:hover{opacity:.9}.profile-root{background:linear-gradient(180deg,var(--color-bg-top) 0%,var(--color-bg-bottom) 100%);display:flex;align-items:center;justify-content:center;position:relative}.profile-back{position:absolute;top:24px;left:24px}.profile-content{display:flex;flex-direction:column;align-items:center;gap:40px}.profile-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-avatar{width:120px;height:120px;border-radius:999px;background:#f3b867;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 28px #00000059}.profile-edit-badge{position:absolute;bottom:6px;right:6px;width:32px;height:32px;border-radius:999px;border:none;background:#f78f3f;color:#fff;font-size:18px;cursor:pointer;box-shadow:0 8px 14px #0000004d}.profile-name-block{text-align:center}.profile-name{font-size:22px;font-weight:600}.profile-handle{font-size:16px;opacity:.8}.profile-settings-card{width:min(480px,100%);background:#f7c270;background:linear-gradient(180deg,#f8c777,#f1d8a9)}.profile-settings-list{list-style:none;margin:0;padding:12px 0}.profile-settings-item{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;font-size:16px;color:#5b4b3a;border-bottom:1px solid rgba(255,255,255,.4)}.profile-settings-item:last-child{border-bottom:none}.profile-settings-chevron{font-size:20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, sans-serif);background-color:#000;color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:600}p{line-height:1.5}ul,ol{padding-left:1.5rem}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:none;background:none;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:999px}.chatbot-float{position:fixed;bottom:20px;right:20px}:root{--color-orange: #FF8400;--color-orange-light: #f7c270;--color-cream: #f9e7d3;--color-cream-soft: #f3e8dd;--color-gray-light: #dedede;--color-bg-top: #f2b46d;--color-bg-bottom: #FFD7AC;--color-shadow-soft: rgba(0, 0, 0, .2);--radius-large: 32px;--radius-medium: 24px;--radius-small: 16px;--font-display: "Aboreto", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}body{margin:0;font-family:var(--font-body);color:#fff;background:#000}.app-screen{min-height:100vh;display:flex;justify-content:center;align-items:stretch;padding:16px;box-sizing:border-box}.app-screen-inner{width:100%;height:100vh;max-width:none;border-radius:0;box-shadow:none}.app-shell{min-height:100%;display:grid;place-items:center;padding:16px;background:linear-gradient(180deg,var(--color-bg-top, #f4b873) 0%,var(--color-bg-bottom, #e2e0dd) 100%)}.login-wrap,.sign-up-wrap{width:100%;max-width:520px;padding:24px}.card{background:linear-gradient(180deg,#f4efe8,#f0d5a2);border-radius:var(--radius-large, 32px);padding:32px 32px 28px;box-shadow:0 22px 40px #00000059,0 0 0 1px #ffffffb3;color:#c06a00}.brand{margin:0;font-size:28px;text-align:center;letter-spacing:.2em;text-transform:uppercase}.card form{margin-top:24px}.field{margin-bottom:16px}.name-fields{display:flex;gap:1rem}.name-fields .field{flex:1}.field label{display:block;font-size:15px;margin-bottom:6px;color:#c06a00}.field input{width:100%;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.85);outline:none;font-size:14px;background:#fffffff5;color:#333;box-sizing:border-box;box-shadow:0 6px 14px #0000001f}.field input:focus{border-color:#f39a45;box-shadow:0 0 0 2px #ffffffe6,0 0 0 4px #f39a4566}.field input::placeholder{color:#999}.error{margin:6px 0 0;color:#b91c1c;font-size:12px}.btn{width:100%;margin-top:18px;padding:12px 16px;border:none;border-radius:999px;background:linear-gradient(145deg,#f9c66b,#f38f43);color:#fff;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 24px #00000059,0 0 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 18px 30px #00000073,0 0 0 1px #fff6}.btn:active{transform:translateY(1px);box-shadow:0 10px 18px #00000059,0 0 0 1px #ffffff40}.btn-signin{width:100%;margin-top:12px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:#ffffff26;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 10px 18px #0000002e}.links{margin-top:14px;text-align:center;font-size:14px;color:#fff}.links a{color:#fff;text-decoration:none;font-weight:600}.links a:hover{text-decoration:underline}.links span{margin:0 4px}.dash-wrap{text-align:center;padding:24px}