body{color:#191b22;background-color:#fffcfd;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Be Vietnam,sans-serif;font-size:15px}.com-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards overlayFadeIn;display:flex;position:fixed;inset:0}.modal-content-box{animation:.3s cubic-bezier(.16,1,.3,1) forwards modalScaleUp}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header2{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.modal-header2 h2{color:#064e3b;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:16px;font-weight:700}.content{box-sizing:border-box;margin-left:80px;padding:10px 20px 30px;transition:margin-left .3s,width .3s}.input-field{color:#191b22;font-size:14px}.label{font-family:Be Vietnam,sans-serif;font-size:14px}.signup-text{color:#191b22;text-align:center;justify-content:center;align-items:center;gap:10px;margin-top:30px;margin-bottom:30px;font-size:14px;display:flex}.link-text{color:#a60212;font-size:14px}.forgot-link{font-size:12px;text-decoration:none}.error-message{color:#d02738;align-items:center;gap:8px;margin-top:6px;margin-bottom:-15px;font-family:Be Vietnam,sans-serif;font-size:12px;display:flex}.success-message{color:#159017;align-items:center;gap:8px;margin-top:6px;margin-bottom:-15px;font-family:Be Vietnam,sans-serif;font-size:12px;display:flex}.success-message i{font-size:12px}.input-field{position:relative}.register-password-input{z-index:1;position:relative}.preview-badge{text-align:center;color:#92400e;background:#fef3c7;border-radius:clamp(8px,1.5vw,12px);justify-content:center;align-items:center;gap:clamp(6px,1vw,7px);width:clamp(130px,25vw,180px);margin-left:clamp(6px,1.5vw,12px);padding:clamp(10px,.8vw,6px) clamp(8px,1.5vw,10px);font-size:clamp(.8rem,2vw,1rem);font-weight:600;display:flex}.preview-badge p{margin:-1px 0 0;padding:0}.preview-badge svg{margin-top:clamp(1px,.3vw,2px);width:clamp(18px,2.5vw,20px)!important;height:clamp(18px,2.5vw,20px)!important}.preview-badge svg path{stroke:#92400e;stroke-width:2px}@keyframes eyeBlink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.preview-icon{transform-origin:50%;animation:3s ease-in-out infinite eyeBlink}.offline-banner{z-index:9999;color:#fff;text-align:center;background-color:#dc2626;justify-content:center;padding:14px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.25s ease-out slideDown;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 6px -1px #0003}.offline-banner-content{justify-content:center;align-items:center;gap:20px;width:100%;max-width:600px;display:flex}.offline-message{letter-spacing:.3px;font-size:16px;font-weight:500}.offline-retry-btn{color:#dc2626;cursor:pointer;background-color:#fff;border:none;border-radius:6px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #0000001a}.offline-retry-btn:hover:not(:disabled){background-color:#f3f4f6;transform:scale(1.02)}.offline-retry-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes slideDown{0%{opacity:0;max-height:0;margin-top:0;padding:0 16px;transform:translateY(-10px)}to{opacity:1;max-height:400px;margin-top:16px;padding:16px;transform:translateY(0)}}@media (width<=640px){.offline-banner{padding:12px 16px}.offline-banner-content{flex-direction:column;gap:10px}.offline-message{font-size:15px}.offline-retry-btn{width:100%;max-width:200px;padding:10px}}.login-card{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.main-header{background-color:#f3eced;background-size:cover;background-image:var(--bg-desktop);border-radius:12px 12px 0 0;justify-content:center;align-items:center;height:100px;padding:10px;display:flex}.password-holder{justify-content:space-between;display:flex}.input-wrapper,.password-input-wrapper{width:100%;display:block;position:relative}.input-wrapper .input-icon{color:#191b22;pointer-events:none;z-index:2;font-size:18px;line-height:1;position:absolute;top:60%;left:14px;transform:translateY(-50%)}.password-input-wrapper .input-icon{color:#191b22;pointer-events:none;z-index:2;font-size:18px;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrapper input,.input-wrapper .login-email-input{box-sizing:border-box;width:100%;padding-left:42px!important}.input-wrapper:focus-within .input-icon{color:#a60212}.password-input-wrapper input,.password-input-wrapper .login-password-input{box-sizing:border-box;width:100%;padding-left:42px!important}.password-input-wrapper:focus-within .input-icon{color:#a60212}.alab-logo{z-index:1;object-fit:contain;z-index:1;width:350px;height:auto;margin-top:-5px;position:relative}.download-button{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;align-items:center;gap:5px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;text-decoration:none;display:flex;text-decoration:none!important}.download-wrapper{z-index:999;position:fixed;top:20px;right:20px}.login-container{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;width:100%;max-width:540px;height:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.login-content{padding:0 40px}.login-header{margin-bottom:25px;font-family:Be Vietnam Pro,sans-serif}.login-title{margin-bottom:-15px;font-size:22px;font-weight:700}.login-email-input,.login-password-input{border:1px solid #b7b7b7;border-radius:12px;width:100%;height:44px;margin-top:8px;padding:0 14px;font-family:Be Vietnam,sans-serif;font-size:14px;line-height:1.4}.login-email-input:focus,.login-password-input:focus{border-color:#a60212;outline:none}.password-input-wrapper{width:100%;margin-top:8px;position:relative}.password-input-wrapper1{width:100%;position:relative}.login-password-input{margin-top:0;padding:0 45px 0 14px}.login-password-input::-ms-reveal{display:none}.login-password-input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none}.password-toggle-btn{cursor:pointer;color:#94a3b8;touch-action:manipulation;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#a60212;background:#0d4b280d}.password-toggle-btn:active{transform:translateY(-50%)scale(.9)}.password-toggle-btn:focus{outline:none}.password-toggle-btn svg{width:20px;height:20px;display:block}.input-adress,.input-password{flex-direction:column;margin-top:22px;font-family:Be Vietnam,sans-serif;font-size:14px;line-height:1.4;display:flex}.options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:30px;margin-bottom:5px;font-size:12px;display:flex}.options span{margin-top:-5px;font-size:12px}.checkbox-container{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.checkbox-container input{cursor:pointer;margin:0}.login-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;width:100%;height:50px;margin-top:30px;margin-bottom:20px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:18px;font-weight:700;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.login-btn:hover{filter:brightness(1.1)}.login-btn:active{filter:brightness(1.1);border:1px solid #a60212;transform:translateY(2px)scale(1)}.forgot-link{color:#a60212;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.signup-text{text-align:center;color:#64748b;margin-top:20px;font-size:14px}@media (width<=768px){.login-content{padding:0 20px}.main-header{background-image:var(--bg-mobile)}.password-toggle-btn{padding:10px;right:10px}.password-toggle-btn svg{width:24px;height:24px}.login-password-input{padding:0 50px 0 14px}}.register-card{justify-content:center;align-items:center;min-height:100vh;padding:20px 15px;display:flex}.register-container{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;width:100%;max-width:540px;height:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.register-content{padding:0 40px}.register-header{margin-bottom:25px;font-family:Be Vietnam Pro,sans-serif}.register-title{margin-bottom:-15px;font-size:22px;font-weight:700}.role-options{justify-content:space-between;gap:25px;width:100%;margin-top:40px;display:flex}.role-card{cursor:pointer;background:#f3f6f5;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;height:120px;font-size:35px;transition:transform .15s,box-shadow .15s,outline .15s,color .2s;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.role-card.selected label{font-weight:700}.role-card label{margin-top:5px;font-size:20px}.teacher-role,.student-role{flex:1;display:flex}.teacher-role .role-card:hover{transform:translateY(4px)scale(1.02)rotate(2deg)}.student-role .role-card:hover{transform:translateY(-4px)scale(1.02)rotate(-2deg)}.teacher-role .role-card.selected{z-index:11;background:#f9b302;border-color:#a37001;transform:scale(1.02)rotate(2deg);box-shadow:0 15px 30px #00000026,0 0 20px #ffe97a99}.student-role .role-card.selected{z-index:11;background:#f9b302;border-color:#a37001;transform:scale(1.02)rotate(-2deg);box-shadow:0 15px 30px #00000026,0 0 20px #ffe97a99}.register-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;width:100%;height:50px;margin-top:40px;margin-bottom:30px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:18px;font-weight:700;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.back-btn1{align-items:center;gap:8px;display:flex}.register-btn:hover{filter:brightness(1.1)}.register-btn:active{filter:brightness(1.1);border:1px solid #a60212;transform:translateY(2px)scale(1)}.register-btn:disabled{opacity:.6;cursor:not-allowed}.fa-arrow-left-long{color:#191b22;cursor:pointer;padding-top:15px;font-size:20px}.fa-arrow-left-long:hover{color:#1a306b;transform:scale(1.04)}.password-row{gap:16px;width:100%;display:flex}.password-row .input-field{flex:1}.password-wrapper{width:100%;margin-top:8px;position:relative}.register-password-input,.confirm-password-input,.register-lastName-input,.register-firstName-input,.register-email-input{color:#191b22;border:1px solid #b7b7b7;border-radius:12px;width:100%;height:42px;margin-top:8px;padding:0 12px;font-family:Be Vietnam,sans-serif;font-size:14px;line-height:1.4}.register-password-input:focus,.confirm-password-input:focus,.register-lastName-input:focus,.register-firstName-input:focus,.register-email-input:focus{border-color:#a60212;outline:none}.register-password-input,.confirm-password-input{margin-top:0;padding:0 45px 0 12px}.register-option{margin-top:10px;font-size:12px}.error-message{color:#dc3545;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.error-message i{font-size:12px}.input-error{border-color:#dc3545!important}.signup-text{text-align:center;color:#64748b;margin-top:10px;margin-bottom:20px;font-size:14px}.resend-text{text-align:center;margin:0;padding-bottom:20px}.link-text{color:#a60212;font-weight:600;text-decoration:none}.link-text:hover{text-decoration:underline}@media (width<=540px){.register-content{padding:0 20px}.password-row{flex-direction:column;gap:0}.register-password-input,.confirm-password-input{padding:0 50px 0 14px}.role-options{gap:16px}.register-title{font-size:18px}}@media (width<=380px){.register-content{padding:0 16px}.register-title{font-size:16px}.register-btn{height:44px;margin-top:30px;font-size:16px}.role-card{height:80px;font-size:28px}.role-card label{font-size:16px}}.forgot-otp-box{text-align:center;box-sizing:border-box;color:#222;caret-color:#a60212;-webkit-text-size-adjust:100%;background:#fff;border:1px solid #ccc;border-radius:8px;outline:none;width:clamp(15px,9vw,52px);height:clamp(30px,12vw,50px);font-size:clamp(14px,4vw,22px);font-weight:600;transition:border-color .15s,box-shadow .15s}.forgot-otp-box:focus{border-color:#a60212;outline:none}.forgot-otp-box:disabled{opacity:.7;background:#f5f5f5}.forgot-password-card{justify-content:center;align-items:center;min-height:100vh;padding:20px 15px;display:flex}.forgot-password-container{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;width:100%;max-width:540px;height:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.forgot-password-header{margin-bottom:25px;font-family:Be Vietnam Pro,sans-serif}.forgot-password-title{margin-bottom:-15px;font-size:22px;font-weight:700}.forgot-password-text{color:#666;margin-top:5px;font-family:Be Vietnam,sans-serif;font-size:14px}.forgot-password-text small{color:#888;margin-top:4px;font-size:12px;display:block}.forgot-password-email-input{border:1px solid #b7b7b7;border-radius:12px;width:100%;height:42px;margin-top:8px;padding:0 12px;font-family:Be Vietnam,sans-serif;font-size:14px;line-height:1.4}.forgot-password-email-input:focus{border-color:#a60212;outline:none}.forgot-password-email-input:disabled{cursor:not-allowed;background-color:#f5f5f5}.email-message{text-align:center;flex-direction:column;align-items:center;gap:15px;margin-top:40px;display:flex}.email-message strong{font-size:22px}.user-email{color:#a60212;margin:0;padding:0}.email-icon{background-color:#fff;justify-content:center;align-items:center;margin:0 auto;display:flex}.resend-text span{font-weight:600;text-decoration:none!important}.login-back-btn,.login-back-btn1{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:10px;margin-bottom:10px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.login-back-btn1{margin-bottom:25px}.back-btn1{color:#191b22;margin-bottom:20px;text-decoration:none}.forgot-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:40px;margin-bottom:30px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.forgot-btn:hover{filter:brightness(1.1)}.forgot-btn:active{filter:brightness(1.1);transform:translateY(2px)scale(1)}.back-to-login{color:#191b22;margin-top:20px;font-family:Be Vietnam,sans-serif;font-size:14px}@media (width<=540px){.alab-logo{width:250px;height:auto;margin-top:-5px}.forgot-password-title{font-size:24px}}*,:before,:after{box-sizing:border-box}.reset-password-card{justify-content:center;align-items:center;min-height:100vh;padding:20px 15px;display:flex}.reset-password-container{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;width:100%;max-width:540px;height:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.reset-password-header{margin-bottom:25px;font-family:Be Vietnam Pro,sans-serif}.reset-password-title{margin-bottom:-10px;font-size:28px;font-weight:700}.reset-password-text{color:#666;margin-top:5px;font-family:Be Vietnam,sans-serif;font-size:14px}.reset-password-text small{color:#888;margin-top:4px;font-size:12px;display:block}.label{font-family:Be Vietnam,sans-serif;font-size:14px;font-weight:500}.input-field{flex-direction:column;margin-top:22px;font-family:Be Vietnam,sans-serif;font-size:14px;line-height:1.4;display:flex}.reset-password-input{border:1px solid #b7b7b7;border-radius:12px;width:100%;height:40px;margin-top:8px;padding:0 12px;font-family:Be Vietnam,sans-serif;font-size:14px;line-height:1.4}.forgot-message{color:#1d8435;align-items:flex-start;gap:8px;width:100%;margin-top:12px;font-family:Be Vietnam,sans-serif;font-size:12px;font-weight:100;display:flex}.forgot-message i{margin-top:3px;font-size:13px}.forgot-message strong{margin-bottom:4px;display:block}.forgot-message p{color:#155724;margin:4px 0}.success-note{color:#155724;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.reset-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:40px;margin-bottom:30px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.reset-btn:hover{filter:brightness(1.1)}.reset-btn:active{filter:brightness(1.1);transform:translateY(2px)scale(1)}.resend-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:10px;margin-bottom:30px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.resend-btn:hover{filter:brightness(1.1)}.resend-btn:active{filter:brightness(1.1);transform:translateY(2px)scale(1)}.back-to-login{margin-top:20px;font-family:Be Vietnam,sans-serif;font-size:14px}.back-to-login a{color:#005da7;font-weight:500;text-decoration:none}.back-to-login a:hover{text-decoration:underline}.back-to-login i{margin-right:6px}.class-code-main-container{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.class-code-container{text-align:left;box-sizing:border-box;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:8px;width:100%;max-width:450px;height:auto;margin:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-13px)}to{transform:translateY(0)}}@keyframes heartbeatGlow{0%{box-shadow:0 6px #003461,0 0 #0096ff00}25%{box-shadow:0 6px #003461,0 0 15px #0096ff99}40%{box-shadow:0 6px #003461,0 0 #0096ff00}60%{box-shadow:0 6px #003461,0 0 15px #0096ff99}to{box-shadow:0 6px #003461,0 0 #0096ff00}}.code-header{text-align:center;margin-bottom:25px;font-family:Be Vietnam Pro,sans-serif}.code-title{margin-bottom:-15px;font-size:22px;font-weight:700}.fa-solid.fa-qrcode{margin-top:10px}.qr-area{cursor:pointer;justify-content:center;margin-top:30px;margin-bottom:30px;display:flex}@keyframes sparkle{0%{border-color:#ccc}50%{border-color:#68abff}to{border-color:#ccc}}.qr-preview-container{flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:relative}.remove-qr-icon{cursor:pointer;z-index:10;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:auto;height:auto;transition:color .3s,transform .2s;display:flex;position:absolute;top:-8px;right:-8px}.remove-qr-icon i.fa-times{color:#fff;font-size:20px}.remove-qr-icon:hover i.fa-times{color:#e63946;transform:scale(1.2)}.qr-preview-image{object-fit:contain;border-radius:10px;width:200px;height:150px;box-shadow:0 4px 8px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qr-area.drag-over{background-color:#005da71a;border:2px dashed #a60212}.qr-box{text-align:center;cursor:pointer;box-sizing:border-box;background:#fdfdfd;border:2px dashed #ccc;border-radius:8px;width:100%;padding:20px;transition:border-color .3s,box-shadow .3s,transform .2s;position:relative}.qr-box:hover{border-color:#a60212;transform:scale(1.05);box-shadow:0 0 15px #a60212}.qr-box i{color:#a60212;margin-bottom:12px;font-size:48px;transition:color .3s}.qr-box:hover i{color:#a60212}.qr-text{color:#333;font-size:18px;font-weight:700}.qr-subtext{color:#777;font-size:14px}.qr-upload{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.input-with-icon{background:#fff;border:2px solid #ccc;border-radius:10px;align-items:center;padding:10px 14px;transition:all .3s;display:flex}.input-with-icon i{color:#888;margin-right:10px;transition:color .3s}.class-code-input{color:#191b22;box-sizing:border-box;border:1px solid #b7b7b7;border-radius:8px;width:100%;height:40px;margin-top:8px;padding:0 12px;font-family:Be Vietnam,sans-serif;font-size:14px;line-height:1.4}.join-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;cursor:pointer;box-sizing:border-box;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:30px;margin-bottom:20px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.join-btn:hover{filter:brightness(1.1)}.join-btn:active{filter:brightness(1.1);transform:translateY(2px)scale(1)}@media (width<=576px){.alab-logo-header{align-items:center;width:200px;height:auto;display:block}.class-code-main-container{padding:16px}.class-code-container{margin:auto}.code-title{font-size:24px}.qr-box{padding:20px 15px}.qr-box i{font-size:38px}.qr-text{font-size:16px}.qr-subtext{font-size:13px}.join-btn{height:46px;font-size:16px}}.back-to-login-text{text-align:center;color:#64748b;margin-top:20px;font-size:14px}.back-to-login-link{color:#a60212;cursor:pointer;font-weight:600;text-decoration:none}.back-to-login-link:hover{text-decoration:underline}@media (width<=540px){.back-to-login-text{font-size:13px}}.assessment-main-container{box-sizing:border-box;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0;display:flex}@supports (height:100dvh){.assessment-main-container{min-height:100dvh}}.assessment-main-container *{box-sizing:border-box}.alab-logo-header{width:250px;height:auto;margin-top:-5px}.desktop-text{color:#888;margin-top:-10px;font-family:Be Vietnam Pro,sans-serif;font-size:1rem;line-height:1.4;display:block}.mobile-text{display:none}.assessment-header{text-align:center;margin-top:75px;margin-bottom:30px;padding:0 24px;font-family:Be Vietnam Pro,sans-serif}.assessment-header h3{text-transform:uppercase;color:#2d3748;margin:0 0 10px;font-family:Be Vietnam Pro,sans-serif;font-size:1.5rem;font-weight:900}.cards-wrapper1{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.cards-container{grid-column-gap:90px;grid-template-columns:repeat(3,1fr);align-items:stretch;column-gap:90px;width:100%;margin:0 auto;display:grid}.level-card{text-align:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:290px;height:350px;margin-top:40px;margin-bottom:20px;padding:40px 24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background-color .25s,border-color .25s;display:flex;position:relative}.rookie.level-card{color:#0d1a46;--glow-rgb:61, 139, 255;--glow-color:#3d8bff66;background:#3d8bff;border-bottom:8px solid #183e82}.prepared.level-card{color:#3a1f00;--glow-rgb:245, 185, 66;--glow-color:#f5b94266;background:#f5b942;border-bottom:8px solid #7a4b00}.elite.level-card{color:#541010;--glow-rgb:240, 77, 35;--glow-color:#f04d2366;background:#f04d23;border-bottom:8px solid #771010}.rookie .level-title,.rookie .level-description,.rookie .card-text{color:#0d1a46}.prepared .level-title,.prepared .level-description,.prepared .card-text{color:#3a1f00}.elite .level-title,.elite .level-description,.elite .card-text{color:#541010}.rookie svg path{stroke:#0d1a46;stroke-width:1.5px!important}.elite svg path{stroke:#541010!important;fill:#541010!important;stroke-width:.5px!important}.prepared svg path{stroke:#3a1f00!important;fill:#3a1f00!important;stroke-width:6px!important}.card-icon1 svg{width:60px;height:60px}.card-icon1 img{object-fit:contain;width:34px;height:34px}@media (hover:hover){.level-card:hover{transform:scale(1.06)}}.level-card.selected{box-shadow:0px 20px 25px -5px #0000001a, 0px 8px 10px -6px #0000001a, 0 0 20px var(--glow-color), 0 0 40px var(--glow-color), 0 0 60px rgba(var(--glow-rgb), .2), 0 0 80px rgba(var(--glow-rgb), .1);animation:2s ease-in-out infinite alternate levelCardGlow;transform:scale(1.08)}@keyframes levelCardGlow{0%{box-shadow:0px 20px 25px -5px #0000001a, 0px 8px 10px -6px #0000001a, 0 0 20px var(--glow-color), 0 0 40px var(--glow-color), 0 0 60px rgba(var(--glow-rgb), .2)}to{box-shadow:0px 20px 25px -5px #0000001a, 0px 8px 10px -6px #0000001a, 0 0 30px var(--glow-color), 0 0 60px var(--glow-color), 0 0 90px rgba(var(--glow-rgb), .3), 0 0 120px rgba(var(--glow-rgb), .15)}}@media (prefers-reduced-motion:reduce){.level-card.selected{box-shadow:0px 20px 25px -5px #0000001a, 0px 8px 10px -6px #0000001a, 0 0 20px var(--glow-color), 0 0 40px var(--glow-color)!important;animation:none!important}}.level-title{color:#1e2228;letter-spacing:.6px;text-shadow:0 1px 2px #00000026;margin-bottom:12px;font-family:Be Vietnam Pro,sans-serif;font-weight:800}.card-text{color:#262a31;text-shadow:0 1px 1px #0000001a;font-family:Be Vietnam Pro,sans-serif;font-size:1.02rem;font-weight:500;line-height:1.5}.assessment-arrow,.mobile-pagination1{display:none}.begin-btn-wrapper{justify-content:center;align-items:center;width:100%;margin-top:50px;display:flex}.begin-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;appearance:none;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;width:200px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:20px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.begin-btn:active:not(:disabled){transform:translateY(3px)}.begin-btn:disabled{opacity:.6;cursor:not-allowed}@media (hover:hover){.begin-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}}@media (width<=768px),(height<=500px) and (pointer:coarse){.assessment-header h3{letter-spacing:.5px;margin-bottom:4px;font-size:1.2rem}.mobile-text{text-align:center;color:#888;margin-top:-2px;font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;line-height:1.4;display:block}.desktop-text{display:none}.level-title{font-size:1.1rem!important}.card-text{font-size:.85rem!important}.assessment-main-container,.content1,.assessment-level-container,.assessment-container,.carousel-header{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.cards-wrapper1{box-sizing:border-box;z-index:1;width:100%;min-width:0;max-width:100%;min-height:368px;padding-left:0;padding-right:0;display:block;position:relative;overflow:visible}.cards-container.mobile-scroll-snap{-webkit-overflow-scrolling:touch;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;align-items:center;width:100%;min-width:0;height:auto;min-height:0;margin:0;padding:34px 0;display:flex;overflow:auto hidden}.cards-container.mobile-scroll-snap::-webkit-scrollbar{width:0;height:0;display:none}.cards-container.mobile-scroll-snap:before,.cards-container.mobile-scroll-snap:after{content:"";flex:0 0 calc(50% - 150px);width:calc(50% - 150px);min-width:0;height:1px;display:block}.cards-container.mobile-scroll-snap .level-card{-webkit-scroll-snap-align:center;scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 250px;width:250px;height:300px;min-height:0;margin:0 25px}.cards-container.mobile-scroll-snap .level-card.selected{box-shadow:0px 20px 25px -5px #0000001a, 0px 8px 10px -6px #0000001a, 0 0 15px var(--glow-color), 0 0 30px rgba(var(--glow-rgb), .2)!important;animation:none!important;transform:scale(1.05)!important}.cards-wrapper1 .assessment-arrow{color:#a60212;cursor:pointer;z-index:20;visibility:visible;opacity:1;appearance:none;-webkit-tap-highlight-color:transparent;background:#fffffff2;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;display:flex!important}.cards-wrapper1 .assessment-arrow svg{stroke:currentColor;stroke-width:2.5px;width:20px;height:20px}.cards-wrapper1 .assessment-arrow:active:not(:disabled){transform:translateY(-50%)scale(.9)!important}.cards-wrapper1 .assessment-arrow:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.cards-wrapper1 .left-arrow{left:8px}.cards-wrapper1 .right-arrow{right:8px}.mobile-pagination1{justify-content:center;align-items:center;width:100%;margin-top:0;margin-bottom:24px;display:flex}.pagination-dot1{cursor:pointer;appearance:none;background-color:#d1d5db;border:none;border-radius:999px;flex-shrink:0;width:14px;height:6px;margin:0 7px;padding:0;transition:background-color .25s}.pagination-dot1.active{background-color:#a60212;box-shadow:0 2px 6px #a602124d}.begin-btn-wrapper{margin-top:0}}@media (height<=500px) and (pointer:coarse){.assessment-header{margin-top:16px;margin-bottom:6px}.alab-logo-header{width:180px}.cards-wrapper1{min-height:290px}.cards-container.mobile-scroll-snap{padding:20px 0}.cards-container.mobile-scroll-snap .level-card{height:250px;margin-top:0;margin-bottom:0;padding:20px 16px}.card-icon1 svg{width:44px;height:44px}.mobile-pagination1{margin-bottom:8px}}.module-body-wrapper{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;width:100%;font-family:Be Vietnam Pro,sans-serif;display:flex;position:relative}.content1{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px 30px 0;display:flex;overflow:hidden}@supports (height:100dvh){.content1{min-height:100dvh}}.header-name{color:#005da7;letter-spacing:1.5px;font-family:Be Vietnam Pro,sans-serif;font-size:26px;font-weight:900!important}.module-loading,.module-empty{color:#ffffffd9;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;font-family:Be Vietnam Pro,sans-serif;display:flex}@keyframes lm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lm-modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.carousel-header{text-align:center;margin-top:30px;margin-bottom:20px;padding:0 24px}.carousel-header1{text-align:center;margin-top:25px;padding:0 24px}.carousel-header h3,.carousel-header1 h3{text-transform:uppercase;color:#2d3748;margin:0 0 10px;font-family:Be Vietnam Pro,sans-serif;font-size:1.5rem;font-weight:900}.desktop-p{color:#888;margin-top:-10px;font-size:1rem;line-height:1.4;display:block}.mobile-p{display:none}.profile-nav-btn{padding:5px}.profile-nav-btn svg{width:30px;height:30px}.settings-icon-btn{color:#005da7;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:all .2s;display:flex}.settings-icon-btn:hover{color:#4de1ff;transform:rotate(30deg)}.settings-icon-btn svg{width:24px;height:24px}.settings-modal{background:#fff;border:1px solid #e4e1d8;border-radius:16px;width:90%;max-width:400px;padding:30px;font-family:Be Vietnam Pro,sans-serif;position:relative;box-shadow:0 20px 60px #00000026}.settings-modal-close-btn{color:#9a917d;cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;transition:color .2s;position:absolute;top:12px;right:16px}.settings-modal-close-btn:hover{color:#a60212}.settings-modal-header{border-bottom:1px solid #edeae0;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.settings-modal-header h2{color:#1a1a1a;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:20px;font-weight:600}.settings-modal-content{flex-direction:column;margin-bottom:24px;display:flex}.settings-modal-content>*{margin-bottom:16px}.settings-modal-content>:last-child{margin-bottom:0}.settings-info-row{background:#faf8f2;border:1px solid #edeae0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.settings-label{color:#9a917d;text-transform:uppercase;letter-spacing:.05em;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:500}.settings-value{color:#1a1a1a;word-break:break-all;text-align:right;max-width:60%;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:600}.settings-leave-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#c0392b;border:none;border-radius:6px;width:100%;padding:12px;font-family:Be Vietnam Pro,sans-serif;font-size:16px;font-weight:600;transition:all .2s}.settings-leave-btn:hover{background:#ff554f;transform:scale(1.02)}.settings-leave-btn:active{transform:scale(.98)}.dispatch{z-index:99;background-size:cover;background-image:var(--bg-desktop);box-sizing:border-box;border-bottom:1px solid #ddd7;justify-content:space-between;align-items:center;width:100%;height:70px;padding:10px;display:flex;position:fixed;top:0;left:0}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.customize-btn{z-index:10;letter-spacing:1.5px;color:#a60212;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;margin-top:30px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;position:absolute;top:60px;right:30px;text-decoration:none!important}.customize-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}.customize-btn:active{filter:brightness(.92);transform:translateY(2px)}.carousel-container{cursor:grab;scrollbar-width:none;-ms-overflow-style:none;-webkit-touch-callout:none;touch-action:pan-y;background:0 0;width:100%;max-width:2100px;margin-top:10px;margin-bottom:35px;padding:3px;position:relative;overflow:visible!important}.carousel-container::-webkit-scrollbar{display:none}.carousel-container:active{cursor:grabbing}.carousel-container img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.carousel-track{will-change:transform;margin-top:10px;display:flex;transform:translate(0,0)}.slide-container{flex-shrink:0;justify-content:center;align-items:center;width:370px;height:460px;display:flex;position:relative}.card-inner{box-sizing:border-box;transform-origin:50%;isolation:isolate;--glow-intensity:0;border-radius:12px;flex-direction:column;justify-content:flex-start;min-height:460px;margin-top:5px;margin-bottom:5px;padding:25px;transition:box-shadow .25s,background-color .25s,border-color .25s;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden!important}.module-card-top-row{border-radius:8px;flex-shrink:0;margin:-15px -15px 0;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.module-image-holder{width:100%;position:relative}.module-card-image-container{justify-content:center;align-items:center;width:100%;display:flex}.card-module-image{object-fit:cover;-webkit-user-drag:none;width:100%;height:230px;display:block}.card-status{letter-spacing:.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;border-radius:20px;padding:8px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-weight:700;position:absolute;top:15px;right:15px;box-shadow:0 2px 8px #00000026;color:#fff!important;background:#ffffff24!important}.module-card-bottom-row{border-radius:0 0 6px 6px;flex-shrink:0;margin:0 -25px -25px;padding:30px 25px 15px}.card-title{letter-spacing:.6px;z-index:2;margin-top:-5px;margin-bottom:8px;font-family:Be Vietnam Pro,sans-serif;font-size:1.35rem;font-weight:800}.card-description1{z-index:2;margin-top:15px;font-family:Be Vietnam Pro,sans-serif;font-size:1.02rem;font-weight:600;line-height:1.5}.card-glow-overlay{pointer-events:none;z-index:-2;opacity:0;will-change:opacity;border-radius:34px;transition:opacity .15s ease-out;position:absolute;inset:-4px}.card-glow-overlay:before{content:"";background:radial-gradient(circle at center, rgba(var(--glow-rgb), .28) 0%, rgba(var(--glow-rgb), .16) 45%, transparent 75%);filter:blur(18px);border-radius:34px;position:absolute;inset:0}.card-glow-overlay:after{content:"";background:radial-gradient(circle at center, rgba(var(--glow-rgb), .12) 0%, transparent 65%);filter:blur(26px);border-radius:40px;position:absolute;inset:-4px}.card-inner .card-glow-overlay{opacity:calc(var(--glow-intensity) * .85)}.module-CommonAccidents{--glow-rgb:245, 185, 66;--card-shadow-color:#7a4b00;background-color:#f5b942;box-shadow:0 12px #7a4b00}.module-CommonAccidents .card-title{color:#3a1f00}.module-CommonAccidents .card-description1{color:#5a3604}.module-Fire{--glow-rgb:240, 77, 35;--card-shadow-color:#771010;background-color:#f04d23;box-shadow:0 12px #771010}.module-Fire .card-title{color:#541010}.module-Fire .card-description1{color:#631818}.module-Earthquake{--glow-rgb:138, 156, 71;--card-shadow-color:#3e4d1f;background-color:#6fa34a;box-shadow:0 12px #3e4d1f}.module-Earthquake .card-title{color:#03281e}.module-Earthquake .card-description1{color:#054634}.module-Flood{--glow-rgb:61, 139, 255;--card-shadow-color:#183e82;background-color:#3d8bff;box-shadow:0 12px #183e82}.module-Flood .card-title{color:#0d1a46}.module-Flood .card-description1{color:#18275d}.module-StormSurge{--glow-rgb:198, 77, 217;--card-shadow-color:#702152;background-color:#c64dd9;box-shadow:0 12px #702152}.module-StormSurge .card-title{color:#4a1239}.module-StormSurge .card-description1{color:#4d183c}.card-inner>:not(.card-glow-overlay):not(.card-lock-overlay){z-index:2;position:relative}.card-inner[style*=--glow-intensity]{transition:box-shadow .1s linear}.card-inner[style*=--glow-intensity]:not([style*="--glow-intensity: 0"]){box-shadow:0px 12px 0px var(--card-shadow-color,#00000040), 0 0 30px rgba(var(--glow-rgb), calc(var(--glow-intensity) * .6))}.card-inner.locked{filter:grayscale(.3)brightness(.85)}.card-lock-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:2px;text-transform:uppercase;z-index:50;pointer-events:auto;background:#0a0a0ec7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:700;display:flex;inset:0;box-shadow:0 10px 40px #00000073;position:absolute!important}.lock-icon-container{margin-bottom:12px}.card-lock-overlay span{color:#fff;text-shadow:0 2px 8px #00000080;letter-spacing:3px;z-index:2;font-family:Be Vietnam Pro,sans-serif;font-size:16px;position:relative}.card-inner.locked .card-lock-overlay *{pointer-events:none}.lock-icon-container{box-sizing:border-box;z-index:2;background:#ffffff1f;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:14px;display:flex;position:relative;box-shadow:0 0 30px #0000004d}.lock-icon-container svg{color:#fff;width:100%;height:100%}.removal-popup-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.removal-popup{text-align:center;color:#fff;background:#14161e;border:2px solid #ee0101;border-radius:24px;width:100%;max-width:400px;padding:32px 28px 28px;font-family:Be Vietnam Pro,sans-serif;animation:.25s lm-modal-pop;box-shadow:0 12px #0006}.removal-popup-icon{margin-bottom:10px;font-size:46px}.removal-popup h2{text-transform:uppercase;letter-spacing:.5px;color:#ff5c5c;margin:0 0 12px;font-family:Be Vietnam Pro,sans-serif;font-size:1.2rem;font-weight:900}.removal-popup p{color:#ffffffbf;margin:0 0 22px;font-family:Be Vietnam Pro,sans-serif;font-size:.92rem;line-height:1.55}.removal-popup-btn{letter-spacing:.5px;color:#fff;cursor:pointer;background:linear-gradient(#ee8937 0%,#ee0101 100%);border:2px solid #69000f;border-radius:9999px;padding:13px 32px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 6px #69000f}.removal-popup-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px #69000f}.removal-popup-btn:active{transform:translateY(2px);box-shadow:0 3px #69000f}.mobile-nav-controls{z-index:10;background:0 0;justify-content:center;align-items:center;padding:16px 20px;display:none;position:absolute;bottom:-10px;left:0;right:0}.assessment-arrow{color:#a60212;cursor:pointer;appearance:none;background:#fffffff2;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.assessment-arrow:hover{transform:scale(1.05)}.assessment-arrow:active{transform:scale(.95)}.assessment-arrow:disabled{opacity:.35;pointer-events:none}.assessment-arrow svg{stroke:currentColor;width:20px;height:20px}.pagination-dots-track-wrapper{margin:0 16px}.pagination-dots{align-items:center;display:flex;position:relative}.pagination-dot{cursor:pointer;appearance:none;background:#d1d5db;border:none;border-radius:999px;flex-shrink:0;width:14px;height:6px;margin:0 5px;padding:0}.pagination-dot-indicator{pointer-events:none;background:#a60212;border-radius:999px;height:6px;margin-top:-3px;position:absolute;top:50%}.mobile-nav-controls.desktop-only{display:none!important}.skeleton-dot{background:#e5e7eb}@media (width<=1024px) and (width>=769px){.slide-container{width:340px;height:420px}.card-module-image{height:200px}.card-title{font-size:1.2rem}.card-description1{font-size:1rem}.card-inner{padding:24px}.module-card-top-row{margin:-24px -24px 0}.module-card-bottom-row{margin:0 -24px -24px;padding:24px 24px 16px}.card-status{padding:8px 16px;font-size:.8rem;top:16px;right:16px}}@media (width<=768px){.alab-logo-header{width:200px;height:auto;display:block}.dispatch{background-size:cover;background-image:var(--bg-mobile)}.content1{width:100%;padding:60px 0 0}.carousel-header{margin-top:5px!important}.carousel-header h3,.carousel-header1 h3{letter-spacing:.5px;margin-bottom:4px;font-size:1.2rem}.mobile-p{color:#888;margin-top:-2px;font-size:.8rem;line-height:1.4;display:block}.desktop-p{display:none}.mobile-carousel-container{box-sizing:border-box;width:100%;min-width:0;max-width:100%;position:relative}.mobile-carousel-wrapper{justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;margin:0 auto;padding:0;display:flex;position:relative}.mobile-carousel-track{box-sizing:border-box;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;-webkit-scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;align-items:center;width:100%;min-width:0;margin-top:-20px;padding:16px 0 22px;display:flex;overflow:auto hidden}.mobile-carousel-track::-webkit-scrollbar{width:0;height:0;display:none}.mobile-carousel-track:before,.mobile-carousel-track:after{content:"";flex:0 0 calc(50% - 161px);width:calc(50% - 161px);min-width:0;height:1px;display:block}.mobile-slide{cursor:pointer;scroll-snap-align:center;-webkit-scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 310px;justify-content:center;align-items:center;width:310px;height:clamp(380px,60vh,480px);margin:0 6px;display:flex}.mobile-slide .card-inner{transition:transform .25s,box-shadow .25s,background-color .25s,border-color .25s;width:275px;min-height:370px;-webkit-transition:-webkit-transform .25s,box-shadow .25s;border-radius:20px!important;margin:0!important;padding:18px!important}.mobile-slide .card-inner.selected{transform:scale(1.05)}.card-status{font-size:.6rem!important}.mobile-slide .module-card-top-row{border-radius:16px;margin:-10px -10px 0!important}.mobile-slide .card-module-image{height:170px!important}.mobile-slide .module-card-bottom-row{margin:0 -18px -18px!important;padding:16px 18px 14px!important}.mobile-slide .card-title{margin-top:5px!important;font-size:1.1rem!important}.mobile-slide .card-description1{font-size:.85rem!important}.mobile-nav-btn{cursor:pointer;z-index:20;appearance:none;background:#fffffff2;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-top:-20px;padding:0;transition:opacity .2s;display:flex;position:absolute;top:50%;box-shadow:0 2px 8px #0000001a;color:#a60212!important}.mobile-nav-btn svg{stroke:currentColor}.mobile-nav-btn.left-btn{left:5px}.mobile-nav-btn.right-btn{right:5px}.mobile-nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.mobile-pagination2{justify-content:center;align-items:center;width:100%;margin-top:8px;padding-top:20px;display:flex}.pagination-dot1{cursor:pointer;appearance:none;background:#d1d5db;border:none;border-radius:999px;flex-shrink:0;width:14px;height:6px;margin:0 7px;padding:0;transition:background-color .25s,width .25s}.pagination-dot1.active{background:#a60212;box-shadow:0 2px 6px #a602124d}.desktop-only,.mobile-nav-controls.desktop-only{display:none!important}}:root{--skeleton-base:#f5f5f7;--skeleton-highlight:#e7e7e7;--skeleton-duration:1.8s}.skeleton,.skeleton *{background-color:var(--skeleton-base)!important;fill:var(--skeleton-base)!important;stroke:var(--skeleton-base)!important;color:var(--skeleton-base)!important}.skeleton--shimmer,.skeleton--shimmer *{background-image:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-highlight) 50%, var(--skeleton-base) 75%)!important;background-size:200% 100%!important}.skeleton{background-color:var(--skeleton-base);vertical-align:middle;border-radius:4px;display:inline-block;position:relative;overflow:hidden}.skeleton--shimmer{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-highlight) 50%, var(--skeleton-base) 75%);animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;background-size:200% 100%}.skeleton--pulse{animation:skeleton-pulse var(--skeleton-duration) ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton--shimmer,.skeleton--pulse{animation:none}}.skeleton-text{width:100%}.skeleton-card{background:var(--skeleton-card-bg,#fff);border:1px solid var(--skeleton-card-border,#0000000f);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:14px;width:100%;padding:16px;display:flex;box-shadow:0 4px 12px #0000000a}.skeleton-card__header{align-items:center;gap:10px;display:flex}.skeleton-card__header-text{flex:1;min-width:0}.skeleton-card__image,.skeleton-card__body{width:100%}.skeleton-card__actions{gap:10px;padding-top:4px;display:flex}.skeleton-table{border:1px solid var(--skeleton-table-border,#0000000f);border-radius:10px;width:100%;overflow:hidden}.skeleton-table__row{border-bottom:1px solid var(--skeleton-table-border,#0000000f);align-items:center;gap:16px;padding:12px 16px;display:flex}.skeleton-table__row:last-child{border-bottom:none}.skeleton-table__row--header{background:var(--skeleton-table-header-bg,#00000005)}.skeleton-table__cell{flex:1;min-width:0}.skeleton-form{flex-direction:column;gap:16px;width:100%;display:flex}.skeleton-form__field{width:100%}.skeleton-form__actions{gap:10px;padding-top:4px;display:flex}.skeleton-avatar,.skeleton-button,.skeleton-image{max-width:100%}.attempt-modal-content{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;width:450px;max-width:500px;max-height:90vh;padding:30px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.modal-close-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0 4px;font-size:28px;line-height:1;transition:color .2s}.attempt-modal-message{color:#374151;padding:10px;font-size:14px;line-height:1.6}.attempt-modal-message strong{color:#0f172a}.attempt-modal-progress{margin:16px 0 24px;padding:0 10px}.attempt-modal-progress-track{background:#f1f5f9;border-radius:4px;width:100%;height:8px;margin-bottom:6px;overflow:hidden}.attempt-modal-progress-fill{background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:4px;height:100%;transition:width .4s}.attempt-modal-progress-fill.full{background:#ef4444;width:100%!important}.attempt-modal-progress-label{color:#94a3b8;text-align:center;font-size:12px;display:block}.modal-buttons1 button{letter-spacing:1.5px;cursor:pointer;border-radius:12px;padding:10px 24px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.primary-btn{color:#fff;background-color:#a60212;border:1px solid #a60212!important}.primary-btn:hover:not(:disabled){filter:brightness(1.1)}.primary-btn:active:not(:disabled){filter:brightness(1.1);box-shadow:none;transform:translateY(2px)scale(1)}.primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-btn{color:#64748b;background-color:#f1f5f9}.cancel-btn:hover:not(:disabled){color:#0f172a;background-color:#e2e8f0}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.attempt-modal-content::-webkit-scrollbar{width:6px}.attempt-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.attempt-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.attempt-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (width<=640px){.attempt-modal-content{width:95%;padding:20px}.modal-buttons1{flex-direction:column}.modal-buttons1 button{justify-content:center;width:100%}}.answer-review-modal{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;width:100%;max-width:750px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.answer-review-header{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:12px;padding:24px 28px 0;display:flex}.answer-review-header-content{border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;padding-top:5px;padding-bottom:20px}.student-question-text{color:#0f172a;margin:0;padding-bottom:10px;font-size:clamp(1rem,.5rem + .3vw,.9375rem);font-weight:600;line-height:1.6}.question-header-container span{color:#0f172a;font-size:clamp(.8rem,.8rem + .2vw,1.125rem);font-weight:400;line-height:1.6}.answer-review-header-content h2{color:#064e3b;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:16px;font-weight:700}.answer-review-header-content .student-name-title{color:#242930;text-align:center;margin:0 0 8px;font-size:18px;font-weight:700}.answer-review-meta{color:#6b7280;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:clamp(.8rem,.8rem + .2vw,1.125rem);display:flex}.meta-item{align-items:center;gap:4px;display:inline-flex}.meta-item i{color:#9ca3af;font-size:12px}.meta-separator{color:#d1d5db}.answer-review-body{flex:1;padding:28px;overflow-y:auto}.answer-review-body::-webkit-scrollbar{width:12px}.answer-review-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.answer-review-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.answer-review-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.questions-list{flex-direction:column;gap:24px;display:flex}.question-review-card{border:1px solid #e5e7eb;border-radius:12px;padding:20px}.question-review-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.question-number-text{font-size:15px;font-weight:600}.question-status-badge{border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.question-status-badge.correct{color:#059669;background:#ecfdf5}.question-status-badge.incorrect{color:#dc2626;background:#fef2f2}.question-status-badge.unanswered{color:#6b7280;background:#f3f4f6}.scenario-context{color:#0f172a;margin:0;font-size:clamp(1rem,.5rem + .3vw,.9375rem);font-weight:600;line-height:1.6}.options-breakdown{margin-top:15px;margin-bottom:20px}.correct-option-card{background:#f0fdf4;border-color:#22c55e}.option-label-badge{text-align:center;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;height:30px;padding:5px 12px;font-size:14px;font-weight:600}.incorrect-answer-badge{text-align:center;color:#b45309;white-space:nowrap;background:#ffedd5;border:1px solid #ff98004d;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.answer-review-footer{border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-start;padding:16px 28px;display:flex}.btn-close-footer{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.btn-close-footer:hover{background:#e2e8f0}.answer-review-loading{flex-direction:column;gap:24px;display:flex}.review-question-skeleton{border:1px solid #e5e7eb;border-radius:12px;padding:20px}.answer-review-error,.answer-review-empty{text-align:center;color:#6b7280;padding:40px 20px}.answer-review-error p{color:#dc2626;margin-bottom:16px}.option-metrics-wrapper-mobile{display:none}.retry-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:8px 16px;font-size:14px}.spacer{display:none}@media (width<=600px){.answer-review-modal{border-radius:12px;max-width:100%}.option-metrics-wrapper{display:none!important}.mobile-option-container{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.option-label-badge{height:30px}.answer-review-header{flex-direction:column;gap:8px;padding:20px 20px 0}.answer-review-body{flex:1;padding:20px;overflow-y:auto}.option-card-content{grid-template-columns:15% auto;align-items:stretch;gap:8px 15px;width:100%}.option-metrics-wrapper-mobile{flex-shrink:0;align-items:center;gap:8px;display:flex}.spacer{background-color:#0000;width:30px;display:block}.answer-review-footer{padding:16px}.modal-close-btn{align-self:flex-end;margin-top:-40px}.btn-close-footer{text-align:center;width:100%}}.module-page{box-sizing:border-box;height:auto;padding:16px;overflow-y:auto!important}.module-container{box-sizing:border-box;grid-template-columns:45% 1fr;align-items:start;gap:20px;width:100%;margin-top:20px;padding-bottom:8px;display:grid}.right-container{flex-direction:column;gap:20px;display:flex}.right-row{flex-direction:column;display:flex}.back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-bottom:20px;padding:10px 20px;font-size:14px;transition:all .3s}.back-btn:hover{background:#fff3;transform:translate(-5px)}.module-info-content{text-align:left;width:100%;max-width:600px;padding:0}.module-header{border-bottom:8px solid #0003;border-radius:16px;flex-direction:column;align-items:flex-start;width:100%;height:615px;padding:25px 20px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.module-header:before{display:none}.header-overlay{z-index:1;position:relative}.header-badges{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.difficulty,.time{color:#666;background:#0000000d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.back-btn3{z-index:10;color:#a60212;cursor:pointer;white-space:nowrap;background-color:#fdfaf6;border:none;border-radius:12px;align-items:center;gap:6px;padding:5px 12px 5px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:12px;left:12px}.module-stats-row{background:#fff;border-bottom:8px solid #0003;border-radius:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;padding:8px 20px;display:grid;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.module-stat{text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:75px;padding:14px 10px;display:flex;position:relative}.module-stat p{color:#666;margin:0;font-size:12px}.stat-icon svg path{stroke:#333!important;stroke-width:1.5px!important}.stat-icon svg{width:35px;height:35px}.stat-icon{font-size:18px;line-height:1}.stat-text{color:#333;white-space:nowrap;font-size:14px;font-weight:500}@media (width<=768px){.module-stats-row{grid-template-columns:1fr;gap:8px}.module-stat{padding:6px 12px}.stat-text{font-size:13px}}@media (width<=480px){.module-stats-row{grid-template-columns:1fr}}.module-header h1{letter-spacing:2px;color:#1e2228;margin:0;padding:0;font-size:28px;font-weight:800}.badge-hover-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out badgeOverlayFadeIn;display:flex;position:fixed;inset:0}.badge-hover-content{flex-direction:column;align-items:center;gap:20px;animation:.25s ease-out badgePopIn;display:flex;position:relative}.badge-hover-image{object-fit:contain;filter:drop-shadow(0 12px 40px #ff000059);transform-origin:50%;width:clamp(280px,80vw,380px);height:clamp(280px,80vw,380px);animation:.8s ease-out .18s both badgePopIn}.badge-hover-missing{color:#cbd5e1;font-size:80px;font-weight:700}.badge-hover-name{color:#fff;letter-spacing:.5px;text-align:center;text-shadow:0 2px 8px #0009;margin:0;font-size:22px;font-weight:700}@keyframes badgeOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes badgePopIn{0%{opacity:0;transform:scale(.1)}50%{opacity:1}to{opacity:1;transform:scale(1)}}.module-header p{text-align:justify;color:#666;margin-top:10px;padding:0;font-size:16px;font-weight:600}.content-grid{grid-template-columns:1fr 380px;gap:24px;display:grid}.left-content{flex-direction:column;gap:24px;display:flex}.card{background:#fff;border-bottom:8px solid #0003;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.card:hover{transform:translateY(-2px);box-shadow:0 25px 30px -5px #00000026,0 10px 12px -6px #0000001a}.progress-bar-container{box-sizing:border-box;border-top:1px solid #f1f3f5;grid-column:1/-1;align-items:center;gap:16px;width:100%;margin-top:4px;margin-bottom:4px;padding-top:16px;display:flex}.progress-bar{background:#e6e8ea;border-radius:5px;flex:1;height:15px;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg,#fbb55f 0%,#a60212 100%);border-radius:5px;height:100%;transition:width .5s}.progress-text{white-space:nowrap;text-align:right;font-size:13px;font-weight:600}.info-circle{color:#666;cursor:pointer;background:#e6e8ea;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.info-circle:hover{background:#d1d5d8}.briefing-card p{color:#555;margin:0;font-size:15px;line-height:1.6}.badge-container{background:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.module-img-holder,.module-img-holder2{width:100%;position:relative}.module-img,.module-img2{object-fit:cover;border-radius:12px;width:100%;height:380px;margin-bottom:16px;display:block}.mission-path h3{color:#333;margin-bottom:16px;font-size:18px;font-weight:600}.mission-steps-list{flex-direction:column;display:flex;position:relative}.path-item-wrapper{flex-direction:column;align-items:center;display:flex}.path-card{z-index:2;background:#fff;border-bottom:8px solid #0003;border-radius:16px;align-items:center;gap:20px;width:100%;padding:16px;transition:all .3s;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.path-card.locked{pointer-events:none;background:#efeded;border-bottom:8px solid #bcbcbc;cursor:not-allowed!important}.path-icon-box.locked{opacity:.5;filter:grayscale();position:relative}.path-icon-box.pre-test{background-color:#eaf4ff!important}.path-icon-box.lesson-proper{background-color:#fff2e6!important}.path-icon-box.post-test{background-color:#ffeaea!important}.path-icon-box.pre-test svg path{stroke:#2f80ed!important}.path-icon-box.lesson-proper svg path{stroke:#f28c28!important}.path-icon-box.post-test svg path{stroke:#ff554f!important}.stat-icon svg path{stroke:#a60212!important}.path-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.path-icon-box svg{width:50px!important;height:50px!important}.path-icon-box svg path{stroke-width:1.5px}.path-content{flex-direction:column;flex:1;gap:10px;display:flex}.path-content h4{color:#333;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;font-size:16px;font-weight:600;display:grid}.path-content p{color:#666;margin:0;font-size:14px}.path-status-badge{flex-shrink:0;margin-left:auto}.path-connector{z-index:10;background:#e8bfbf;border-left:3px dotted #94a3b8;align-self:flex-start;width:10px;height:20px;margin:4px 0 4px 23px}.path-connector.completed{border-left:2px solid #a60212}.circle{color:#999;background:#fff;border:2px solid #e6e8ea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.circle.active{color:#005da7;background:#e8f2ff;border-color:#68abff}.circle.completed{color:#5cb85a;background:#e8f5e9;border-color:#5cb85a}.circle.locked{color:#ccc;border-color:#e6e8ea}.line{background:#e6e8ea;flex:1;width:2px;min-height:20px;margin:4px 0}.line.completed{background:#5cb85a}.path-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px #0000001f,0 4px 6px -4px #00000014}.step-icon{font-size:18px}.available-badge{color:#005da7;letter-spacing:.5px;white-space:nowrap;background:#e8f2ff;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:600}.completed-badge{color:#5cb85a;letter-spacing:.5px;white-space:nowrap;background:#e8f5e9;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:600}.locked-badge{color:#999;letter-spacing:.5px;white-space:nowrap;letter-spacing:.5px;white-space:nowrap;background:#f0f0f0;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:600}.right-content{flex-direction:column;gap:24px;display:flex}.stats-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stats-header h3{color:#333;margin:0;font-size:16px;font-weight:600}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-box{text-align:center;background:#f8f9fa;border:1px solid #e6e8ea;border-radius:8px;padding:16px}.stat-box svg{color:#666}.stat-box h2{margin:8px 0 4px;font-size:24px;font-weight:700}.stat-box span{color:#999;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:600}.stat-box.green h2{color:#5cb85a}.stat-box.red h2{color:#f44336}.stat-box.blue h2{color:#005da7}.action-card{text-align:center;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.action-card h3{color:#333;margin:0 0 8px;font-size:18px;font-weight:600}.action-card p{color:#666;margin:0 0 20px;font-size:14px;line-height:1.5}.action-card p strong{color:#005da7}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(#005da7 0%,#68abff 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #005da74d}.start-btn:disabled{opacity:.5;cursor:not-allowed}.results-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #e6e8ea;border-radius:8px;width:100%;margin-top:10px;padding:10px;font-size:14px;transition:all .3s}.results-btn:hover{background:#f8f9fa;border-color:#d1d5d8}.tip-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tip-header svg{color:#005da7}.tip-header span{color:#005da7;letter-spacing:1px;font-size:12px;font-weight:600}.tip-card p{color:#666;margin:0;font-size:14px;font-style:italic}.content5{box-sizing:border-box;min-height:100vh;padding:60px 10px 0;transition:margin-left .3s,width .3s}.module-loading,.module-error{color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.module-error button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-top:16px;padding:10px 24px;transition:all .3s}.module-error button:hover{background:#fff3}@media (width<=1024px){.content-grid{grid-template-columns:1fr}.module-header h1{font-size:36px}}@media (width<=768px){.module-header{height:auto;padding:20px 17px 10px}.primary-btn{margin-left:auto!important}.module-img2{height:200px}.module-image-holder{height:160px!important}.content5{box-sizing:border-box;min-height:100vh;padding:60px 0 0;transition:margin-left .3s,width .3s}.module-stats-row{box-sizing:border-box;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;display:grid;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.module-stat{text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70px;padding:12px 8px;display:flex;position:relative}.progress-bar-container{box-sizing:border-box;border-top:1px solid #e6e8ea;grid-column:1/-1;align-items:center;gap:16px;width:100%;margin-top:4px;padding-top:14px;display:flex}.progress-bar{background:#e6e8ea;border-radius:6px;flex:1;height:12px;overflow:hidden}.progress-bar-fill{border-radius:6px;height:100%;transition:width .5s}.progress-text{white-space:nowrap;text-align:right;color:#333;font-size:13px;font-weight:600}.module-img-holder{height:250px!important}.module-header h1{font-size:24px}.module-header p{font-size:15px}.stats-grid{grid-template-columns:1fr 1fr}.module-container{grid-template-columns:1fr}}.create-modal,.delete-confirm-modal{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;width:450px;max-width:500px;max-height:90vh;padding:30px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.delete-confirm-modal p{color:#374151;padding:10px}.delete-btn{letter-spacing:1.5px;letter-spacing:1.5px;color:#991b1b;cursor:pointer;background-color:#ecd5d5;border:1px solid #991b1b;border-radius:12px;justify-content:center;align-items:center;min-height:32px;padding:5px 22px;font-family:Be Vietnam Pro,sans-serif;font-weight:600;transition:all .1s;position:relative;overflow:hidden;text-decoration:none!important}.delete-btn:hover:not(:disabled){filter:brightness(1.1)}.delete-btn:active:not(:disabled){filter:brightness(1.1);box-shadow:none;border:1px solid #991b1b;transform:translateY(2px)scale(1)}.delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.archive-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 24px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.archive-btn:hover:not(:disabled){filter:brightness(1.1)}.archive-btn:active:not(:disabled){filter:brightness(1.1);box-shadow:none;border:none;transform:translateY(2px)scale(1)}.archive-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-modal::-webkit-scrollbar{width:6px}.delete-confirm-modal::-webkit-scrollbar{width:6px}.create-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.delete-confirm-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.create-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.delete-confirm-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.create-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}.delete-confirm-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (width<=640px){.create-modal,.delete-confirm-modal{width:95%;padding:20px!important}.color-grid{grid-template-columns:repeat(6,1fr)}.color-option{width:28px;height:28px}.modal-buttons1{flex-direction:column}.modal-buttons1 button{width:100%}.customize-dropdown{min-width:180px;right:0}}.cpm-modal{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:85vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.profile-modal-body::-webkit-scrollbar{width:12px}.profile-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.profile-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.profile-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.cpm-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:28px;transition:color .2s}.cpm-close-btn:hover{color:#a60212}.cpm-modal::-webkit-scrollbar{width:6px}.cpm-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.cpm-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.cpm-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}.cpm-form-group{margin-bottom:18px}.cpm-form-group label{color:#1f2937;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.cpm-form-group input{box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.cpm-form-group input:focus{border-color:#a60212;outline:none}.cpm-form-group input:disabled{cursor:not-allowed;opacity:.7;background:#f3f4f6}.cpm-input-error,.cpm-input-error:focus{border-color:#dc3545!important}.cpm-input-disabled{cursor:not-allowed!important;opacity:.7!important;background:#f3f4f6!important}.cpm-helper-text{color:#6b7280;margin-top:4px;font-size:12px;font-style:italic;display:block}.cpm-current-password-row{align-items:center;gap:10px;display:flex}.cpm-current-password-row .password-input-wrapper{flex:1}.cpm-verify-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;white-space:nowrap;background-color:#a60212;border:1px solid #a60212;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:10px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.cpm-verify-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(2px)scale(1)}.cpm-verify-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cpm-verified-badge{color:#059669;white-space:nowrap;background:#ecfdf5;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.cpm-password-requirements{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 4px 6px -1px #0000001a}.cpm-requirement-item{align-items:center;gap:8px;padding:3px 0;display:flex}.cpm-requirement-icon{color:#9ca3af;font-size:14px;transition:color .2s}.cpm-requirement-icon.fulfilled{color:#059669}.cpm-requirement-text{color:#6b7280;font-size:13px;transition:color .2s}.cpm-requirement-text.fulfilled{color:#059669}.cpm-error-text{color:#dc3545;margin-top:4px;font-size:13px;display:block}.cpm-form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:12px;padding:10px}.cpm-actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;display:flex}.cpm-cancel-btn{letter-spacing:1.5px;color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:12px;justify-content:center;align-items:center;padding:10px 24px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;text-decoration:none!important}.cpm-cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.cpm-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.cpm-save-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;padding:10px 24px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.cpm-save-btn:hover:not(:disabled){filter:brightness(1.1)}.cpm-save-btn:active:not(:disabled){filter:brightness(1.1);transform:translateY(2px)scale(1)}.cpm-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spm-divider{align-items:center;gap:12px;margin:8px 0 16px;display:flex}.spm-divider:before,.spm-divider:after{content:"";background:#e0e4e8;flex:1;height:1px}.spm-divider span{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:13px;font-weight:600}@media (width<=768px){.cpm-modal{height:80vh}.profile-modal-body::-webkit-scrollbar{width:6px}.cpm-current-password-row{flex-direction:column}.cpm-current-password-row input,.cpm-current-password-row .password-input-wrapper{width:100%}.cpm-verify-btn,.cpm-actions button{justify-content:center;width:100%}.cpm-password-requirements{margin-top:4px;position:relative;top:auto}}.profile-wrapper{padding:80px 20px 20px;top:100px}.profile-header-row{flex-direction:column;gap:30px;max-width:100%;margin-bottom:30px;display:flex}.profile-avatar-section{text-align:center;justify-content:center;align-items:center;gap:20px;display:flex}.profile-avatar-placeholder{background:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;box-shadow:0 6px 15px #0000000d}.profile-avatar-placeholder:after{content:"📷";color:#fff;background:#1e5a99;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:absolute;bottom:0;right:0}.profile-name-area{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.profile-name-row{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.profile-user-name{font-size:32px;font-weight:700}.profile-edit-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:14px;font-weight:500;display:flex}.profile-edit-btn svg{width:20px;height:20px;stroke:#a60212!important}.profile-name-edit{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-name-input{box-sizing:border-box;border:1px solid #b0c4de;border-radius:6px;width:100%;max-width:300px;margin-top:10px;padding:6px 12px;font-size:20px;font-weight:700}.profile-subtext{color:#6b7280;align-items:center;gap:20px;font-size:15px;display:flex}.profile-subtext span{font-size:20px}.earned-badge-image,.available-badge-image{object-fit:contain;width:140px;height:140px;display:block}.earned-badge-missing,.available-badge-missing{color:#cbd5e1;justify-content:center;align-items:center;width:100px;height:100px;font-size:20px;font-weight:700;display:flex}.profile-cancel-btn{letter-spacing:1.5px;color:#48505de8;cursor:pointer;background-color:#eeeeeed6;border:1px solid #48505de8;border-radius:12px;justify-content:center;align-items:center;margin-top:9px;padding:10px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:background .18s,transform .18s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.profile-cancel-btn:hover{filter:brightness(1.1);transform:translateY(2px)scale(1)}.profile-save-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;margin-top:9px;padding:10px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:background .18s,transform .18s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.profile-save-btn:hover{filter:brightness(1.1);border:1px solid #a60212;transform:translateY(2px)scale(1)}.leave-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;padding:10px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:background .18s,transform .18s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.leave-btn:hover{filter:brightness(1.1);border:1px solid #a60212;transform:translateY(2px)scale(1)}.profile-level-badges{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.level-pill{color:#7a5a16;letter-spacing:.5px;background:#fdf6e9;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700}.certified-pill{color:#1e5a99;letter-spacing:.5px;background:#dee8f5;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700}.header-logout-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.profile-content-row{flex-wrap:wrap;gap:30px;display:flex}.profile-left-card,.profile-right-card{background-color:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;flex:1;min-width:280px;padding:25px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.profile-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.profile-card-header h3{color:#0b1524;margin:0;font-size:20px;font-weight:700}.badge-count{color:#fff;background:#1e5a99;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.earned-badges-grid,.available-badges-grid{grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:20px;display:grid}.earned-badge-card,.available-badge-row{border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative}.badge-icon-placeholder{background:#fdf6e9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.badge-hint-toast{color:#fff;z-index:1200;text-align:center;pointer-events:none;background:#a60212;border-radius:999px;width:clamp(280px,90vw,360px);padding:12px 22px;font-size:14px;font-weight:500;animation:2.5s forwards badgeHintFade;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}@keyframes badgeHintFade{0%{opacity:0;transform:translate(-50%)translateY(8px)}15%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(8px)}}.badge-hint-toast.is-alab-ready{background:#a60212}.badge-name{text-align:center;color:#1c2a41;margin:8px 0 2px;font-size:14px;font-weight:600}.badge-earned-label{color:#1e5a99;text-transform:uppercase;font-size:10px;font-weight:700}.no-badges{color:#888;font-size:14px;font-style:italic}.badge-lock-icon{z-index:2;background:#a60212a9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:10px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.profile-content-row{flex-direction:column}.profile-wrapper{padding:70px 10px 10px;top:0}.earned-badges-grid,.available-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-user-name{font-size:26px}.profile-avatar-placeholder{width:80px;height:80px}}.modal-backdrop{z-index:9999;box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.settings-modal{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:30px;position:relative}.settings-modal-close-btn{cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:15px;right:20px}.settings-modal-header h2{margin:0 0 20px;font-size:22px}.settings-info-row{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0;display:flex}.settings-label{color:#666}.settings-value{font-weight:600}.settings-leave-btn{color:#fff;cursor:pointer;background:#d93025;border:none;border-radius:8px;width:100%;margin-top:20px;padding:12px;font-weight:600}.settings-no-class{text-align:center;color:#666;margin-top:20px}.back-btn6{-webkit-backdrop-filter:blur(4px);color:#a60212;cursor:pointer;z-index:3;white-space:nowrap;background-color:#0000;border:none;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:all .2s;display:flex;position:absolute}@media (width<=768px){.profile-content-row{flex-direction:column}}@media (width<=480px){.profile-wrapper{padding:70px 10px 10px;top:0}.earned-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-user-name{font-size:26px}.profile-avatar-placeholder{width:80px;height:80px}}.edit-profile-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;padding:30px;animation:.3s modalSlideIn;position:relative;box-shadow:0 20px 60px #0003}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.edit-profile-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.edit-profile-header h2{color:#0b1524;margin:0;font-size:22px;font-weight:700}.edit-profile-close-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;font-size:24px;transition:background .2s;display:flex;position:absolute;top:15px;right:20px}.edit-profile-close-btn:hover{background:#f0f0f0}.edit-profile-close-btn svg{width:24px;height:24px}.edit-profile-body{flex-direction:column;gap:16px;display:flex}.edit-profile-field{flex-direction:column;gap:6px;display:flex}.edit-profile-field label{color:#1c2a41;font-size:14px;font-weight:600}.edit-profile-input{box-sizing:border-box;border:1.5px solid #e0e4e8;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:15px;transition:border-color .2s}.edit-profile-input:focus{border-color:#a60212}.edit-profile-input::placeholder{color:#a0a0a0}.edit-profile-divider{align-items:center;gap:12px;margin:8px 0 4px;display:flex}.edit-profile-divider:before,.edit-profile-divider:after{content:"";background:#e0e4e8;flex:1;height:1px}.edit-profile-divider span{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:13px;font-weight:600}.edit-profile-error{color:#d93025;background:#fff5f5;border:1px solid #fcc;border-radius:8px;padding:10px 14px;font-size:14px}.edit-profile-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.edit-profile-cancel-btn{letter-spacing:1.5px;color:#48505de8;cursor:pointer;background:#eee;border:1px solid #48505de8;border-radius:12px;padding:10px 24px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .18s}.edit-profile-cancel-btn:hover{filter:brightness(1.1);transform:translateY(2px)scale(1)}.edit-profile-save-btn{letter-spacing:1.5px;color:#a60212;cursor:pointer;background:#a60212;border:1px solid #a60212;border-radius:12px;padding:10px 28px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .18s}.edit-profile-save-btn:hover:not(:disabled){filter:brightness(1.1);border:1px solid #a60212;transform:translateY(2px)scale(1)}.edit-profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.header-change-password-btn{color:#a60212;cursor:pointer;background:#fff;border:1px solid #a60212;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.header-change-password-btn:hover{background:#f0f7ec}.profile-header-logout{align-items:center;gap:12px;display:flex}.recent-activity-list{padding:8px 0}.activity-feed{flex-direction:column;gap:8px;display:flex}.activity-feed-item{border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background-color .15s;display:flex}.activity-feed-item:hover{background:#f2fcf7}.activity-feed-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-feed-icon i{font-size:12px}.activity-feed-content{flex-direction:column;gap:2px;display:flex}.activity-feed-text{color:#1a202c;font-size:13px;font-weight:600}.activity-feed-desc{color:#6b7280;font-size:12px}.activity-feed-date{color:#7d8ca8;font-size:11px}.activity-filter-wrapper{align-items:center;display:flex}.activity-filter-select{color:#a60212;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:140px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.activity-filter-select:hover{border-color:#a60212}.activity-filter-select:focus{border-color:#a60212;box-shadow:0 0 0 3px #0d4b281a}.recent-activity-list{max-height:320px;padding-right:4px;overflow-y:auto}.recent-activity-list::-webkit-scrollbar{width:4px}.recent-activity-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.recent-activity-list::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:4px}.recent-activity-list::-webkit-scrollbar-thumb:hover{background:#a0a7ad}@media (width<=1024px){.profile-wrapper{padding:90px 20px 20px}}@media (width<=900px){.profile-content-row{flex-direction:column;gap:10px}.profile-header-logout{justify-content:flex-end;width:100%;margin-top:0;display:flex}}@media (width<=1026px){.profile-name-area{align-items:center;width:100%;padding-top:10px}}@media (width<=900px){.profile-wrapper{padding-top:100px}.logout-btn{margin-left:auto!important}}@media (width<=600px){.profile-name-row{justify-content:center}.profile-edit-btn{font-size:13px}.profile-user-name{font-size:26px}.profile-subtext{font-size:14px}.profile-level-badges{justify-content:center}.profile-header-logout{flex-wrap:wrap;justify-content:center}.profile-left-card,.profile-right-card{padding:20px 15px}.earned-badge-card{width:80px}.badge-icon-placeholder{width:50px;height:50px;font-size:22px}.badge-name{font-size:12px}.profile-name-input{width:180px;font-size:20px}.badge-info .badge-name{font-size:14px}.badge-info .badge-module-name{font-size:11px}.edit-profile-modal{border-radius:16px;max-width:100%;margin:10px;padding:20px}.edit-profile-header h2{font-size:20px}.edit-profile-footer{flex-direction:column}.edit-profile-cancel-btn,.edit-profile-save-btn{justify-content:center;width:100%;padding:12px}.header-change-password-btn,.header-logout-btn{font-size:12px}.profile-wrapper{padding:80px 10px 10px}.profile-header-row{flex-direction:column;align-items:stretch}.profile-avatar-section{text-align:center;flex-direction:column;align-items:center;width:100%}.profile-name-area{align-items:center;width:100%}.profile-name-row{justify-content:center;width:100%}.profile-subtext{justify-content:center;align-items:center;gap:20px;display:flex}.earned-badges-grid{justify-content:center;gap:10px}}.cc-dashboard{color:#2d3436;box-sizing:border-box;flex-direction:column;width:100%;padding:24px 16px 16px;font-family:Be Vietnam,Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.cc-main-content{flex-direction:column-reverse;flex:1;gap:20px;width:100%;padding:0;display:flex}.cc-controls-panel{text-align:left;box-sizing:border-box;background-color:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;flex-direction:column;width:100%;padding:20px 16px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.cc-panel-title{color:#2d3436;letter-spacing:1px;flex-shrink:0;margin-bottom:16px;font-size:clamp(18px,4vw,20px);font-weight:700}.cc-tabs{-webkit-overflow-scrolling:touch;background-color:#f1f3f5;border-radius:10px;flex-shrink:0;gap:6px;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.cc-tab-btn{cursor:pointer;color:#6c7a89;background:0 0;border:none;border-radius:8px;flex:1;min-width:max-content;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.cc-tab-btn:hover{color:#2d3436}.cc-tab-btn.cc-active{color:#2d3436;background-color:#fff;box-shadow:0 2px 6px #00000014}.cc-tab-content-wrapper{flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.cc-tab-content-wrapper::-webkit-scrollbar{width:5px}.cc-tab-content-wrapper::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.cc-tab-content-wrapper::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:4px}.cc-tab-content{padding-bottom:8px;animation:.25s fadeIn;display:block}.cc-tab-content.cc-hidden{display:none}.cc-asset-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:10px;margin-bottom:16px;display:grid}.cc-asset-card{cursor:pointer;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:95px;padding:8px;transition:all .2s;display:flex}.cc-asset-card:hover{border-color:#d0d5dd;transform:translateY(-2px);box-shadow:0 4px 8px #0000000f}.cc-asset-card.cc-selected{background-color:#f0edff;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.cc-asset-card img{object-fit:contain;width:100%;max-width:65px;height:65px;display:block}.cc-none-card{border-style:dashed;border-color:#d0d5dd}.cc-none-card div{color:#6c7a89;font-size:24px;line-height:1}.cc-asset-name{color:#6c7a89;text-transform:lowercase;letter-spacing:.3px;text-align:center;word-break:break-word;font-size:10px;font-weight:500}.cc-selected .cc-asset-name{color:#2d3436;font-weight:600}.cc-color-controls{background:#fff;border-top:1px solid #e9ecef;flex-shrink:0;margin-top:4px;padding-top:12px}.cc-color-picker-group{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cc-color-picker-group label{color:#2d3436;cursor:pointer;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.cc-color-picker{cursor:pointer;background:0 0;border:2px solid #e9ecef;border-radius:8px;width:40px;height:40px;padding:2px}.cc-color-picker::-webkit-color-swatch-wrapper{padding:2px}.cc-color-picker::-webkit-color-swatch{border:none;border-radius:6px}.cc-reset-btn{color:#6c7a89;cursor:pointer;background-color:#f1f3f5;border:1px solid #e9ecef;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.cc-reset-btn:hover{color:#2d3436;background-color:#e9ecef}.cc-preview-panel{box-sizing:border-box;background-color:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:16px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.cc-preview-container{aspect-ratio:3/4;width:100%;max-width:450px;height:auto;position:relative}.cc-layer{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;transition:background-color .3s;position:absolute;top:0;left:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media screen and (width>=960px){.cc-dashboard{padding:90px 30px 30px;overflow:hidden}.cc-main-content{flex-direction:row;grid-template-columns:60% 40%;gap:20px;display:grid}.cc-controls-panel{max-height:570px;padding:20px 30px 30px}.cc-preview-panel{max-height:560px;padding:20px}.cc-asset-grid{grid-template-columns:repeat(4,1fr)}.cc-asset-card{min-height:120px;padding:10px}.cc-asset-card img{max-width:80px;height:80px}}.game-section{text-align:center;background:#fafafa;border:2px dashed #ddd;border-radius:10px;margin:0 10px 0 0;padding:20px}.game-section-title{margin:0}.start-game-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4500,#cc3700);border:none;border-radius:25px;padding:15px 30px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #ff45004d}.start-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff450066}.game-completed-badge{color:#fff;background:#5cb85a;border-radius:25px;padding:12px 24px;font-size:1rem;font-weight:700;display:inline-block}.game-modal{background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;width:100%;max-width:700px;max-height:85vh;padding:20px;animation:.3s ease-out modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0000004d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hazard-area{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:12px;width:100%;height:350px;margin:20px 0;position:relative;overflow:hidden}.room-visualization{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.room-icon{opacity:.3;font-size:6rem}.hazard-hotspot{cursor:pointer;color:#fff;background:#ff9800;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;transition:all .3s;display:flex;position:absolute;box-shadow:0 2px 8px #0003}.hazard-hotspot:hover{transform:scale(1.2)}.hazard-hotspot.found{background:#5cb85a;animation:.5s hazardFound}@keyframes hazardFound{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.hazard-list{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.hazard-item{color:#666;background:#f5f5f5;border-radius:20px;padding:8px 15px;font-size:13px;font-weight:600}.hazard-item.found{color:#fff;background:#5cb85a}.cards-grid{gap:20px;width:100%;margin:15px 0;padding:10px;display:flex;overflow:clip!important}.lesson-card-image-container{justify-content:center;align-items:center;width:220px;display:flex}.lesson-card-image-container.no-width{width:auto}.lesson-card-image{object-fit:cover;width:100%;height:100%;display:block}.card-item{perspective:1000px;cursor:pointer;background:0 0;border:none;flex:1 0 0;min-width:180px;height:250px;padding:0;display:block}.card-item-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative}.card-item.flipped .card-item-inner{transform:rotateY(180deg)}.card-item-front,.card-item-back{backface-visibility:hidden;text-align:center;will-change:transform;contain:layout style paint;-webkit-contain:layout style paint;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0);box-shadow:0 4px 12px #0000001a}.card-item-front:hover,.card-item-back:hover{box-shadow:0 8px 24px #00000026}.card-item-front{transform:rotateY(0)translateZ(0)}.card-item-back{justify-content:flex-start;padding:0;transform:rotateY(180deg)translateZ(0)}.card-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:clamp(1.4rem,2vw + .5rem,1.8rem);font-weight:700;display:flex;box-shadow:0 4px 12px #0003}.card-item.card-class .card-icon{background:#ff4500}.card-item.card-element .card-icon{background:#ff9800}.card-item.card-step .card-icon,.card-item.card-action .card-icon{background:#2196f3}.card-front-text-container{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:20px;display:flex}.card-front-text{color:#fff;text-shadow:0 2px 8px #0003;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin:0;font-size:clamp(3rem,10vw + 2rem,7rem);font-weight:800;line-height:1;transform:translateY(-10px)}.card-front-text.text-size-xl{font-size:clamp(4rem,12vw + 3rem,8rem)}.card-front-text.text-size-md{font-size:clamp(2.5rem,6vw + 1.5rem,5.5rem)}.card-front-text.text-size-sm{font-size:clamp(2.2rem,2vw + 1rem,4.5rem)}.card-front-text.text-size-xs{font-size:clamp(1rem,1vw + .6rem,2.6rem)}.card-front-subtext{color:#ffffffe6;text-shadow:0 1px 4px #00000026;font-size:clamp(.9rem,1.5vw + .3rem,1.2rem);font-weight:500}.card-title{color:#333;margin:0;font-size:clamp(.95rem,1.2vw + .3rem,1.1rem);font-weight:700}.card-subtitle{color:#666;margin:0;font-size:clamp(.75rem,1vw + .2rem,.85rem)}.flip-hint{color:#fff;white-space:nowrap;margin:0;font-size:clamp(.6rem,.8vw + .8rem,.8rem);position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.card-item-back-header{color:#fff;background:0 0;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:15px 20px;display:flex}.card-item.card-class .card-item-back-header,.card-item.card-element .card-item-back-header,.card-item.card-step .card-item-back-header,.card-item.card-action .card-item-back-header{background:0 0}.card-item-back-icon{font-size:clamp(1.2rem,1.5vw + .3rem,1.5rem)}.card-item-back-title{color:#fff;margin:0;font-size:clamp(1rem,1.5vw + .4rem,1.2rem);font-weight:700}.card-item-back-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;padding:0 20px 20px;display:flex}.card-item-back-content .card-subtitle{color:#fff;margin:0;font-size:clamp(.75rem,1vw + .2rem,.85rem);font-weight:700}.card-item-back-content .card-examples{color:#fff;margin:0;font-size:clamp(.7rem,.9vw + .2rem,.8rem)}.card-item-back-content .card-examples strong{color:#ff4500}.card-item-back-content .card-techniques{color:#555;margin:0;font-size:clamp(.7rem,.9vw + .2rem,.8rem)}.card-item-back-content .card-techniques strong{color:#ff4500}.card-item-back-content .card-techniques ul{text-align:left;margin:5px 0 0;padding-left:15px}.card-item-back-content .card-techniques li{margin:3px 0;font-size:clamp(.7rem,.9vw + .2rem,.8rem)}.card-item-back-content .card-description1{color:#fff;margin:0;font-size:clamp(.85rem,1.2vw + .3rem,1rem);line-height:1.5}.lesson-image-container{align-items:top;justify-content:center;margin-right:0;display:flex;overflow:hidden}.lesson-image{object-fit:contain;width:110%;height:auto;transition:transform .3s;display:block}.image-error{text-align:center;color:#999;background:#f9f9f9;padding:40px 20px;font-size:.9rem}@media (width<=768px){.cards-grid{flex-direction:column!important;overflow-y:auto!important}.card-front-text.text-size-xs{font-size:clamp(1rem,1vw + 2rem,4rem)}.card-item{height:220px;flex:unset!important;width:100%!important}.lesson-card-image-container{justify-content:center;align-items:center;padding:10px;display:flex;width:100%!important;height:210px!important}.lesson-card-image{display:block;width:100%!important;height:100%!important;max-height:180px!important}.lesson-card-image.object-fit-contain{object-fit:contain}.lesson-card-image-container.no-padding{padding:0!important}.lesson-card-image-container.no-width{width:auto!important}.lesson-card-image-container.no-height{height:auto!important}.lesson-card-image.no-height{height:auto!important;max-height:none!important}}@media (width<=480px){.cards-grid{flex-direction:column!important;overflow-y:auto!important}}.image-cards-grid{grid-template-columns:repeat(auto-fit,minmax(max(130px,20% - clamp(12px,2vw,20px)),1fr));place-items:stretch center;gap:clamp(12px,2vw,20px);width:100%;margin-top:30px;margin-bottom:15px;display:grid}.image-card-title{text-align:center;word-wrap:break-word;overflow-wrap:break-word;justify-content:center;align-items:center;width:100%;max-width:180px;min-height:2.8em;margin-bottom:12px;font-size:clamp(.7rem,1.2vw + .2rem,.85rem);line-height:1.4;display:flex}.image-card-item.no-flip{cursor:default;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;display:flex}.image-card-item.no-flip .card-item-inner{justify-content:center;align-items:center;width:100%;transition:none!important;transform:none!important}.image-card-item.no-flip .card-item-back{display:none}.image-card-item.no-flip .image-card-item-front{z-index:1;aspect-ratio:1/1.1;box-sizing:border-box;gap:clamp(8px,1.5vw,12px);width:100%;height:auto;padding:16px;transition:transform .3s,box-shadow .3s;position:relative;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important;transform:none!important}.image-card-title{text-align:center;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:none;margin-bottom:0;font-size:clamp(.7rem,1.2vw + .2rem,.85rem);line-height:1.4;display:block}.image-lesson-card-image-container{align-self:center;margin:0 auto}.card-subtitle,.card-text{text-align:center;width:100%;min-height:4em;margin:0}.image-card-item.no-flip .image-card-item-front{justify-content:center!important;align-items:center!important}.image-card-item.no-flip .flip-hint{display:none}.image-card-item.no-flip .card-item-front:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0003}.image-card-item-inner{margin:0}.image-lesson-card-image-container{background:0 0;flex-shrink:0;width:clamp(120px,50vw,180px);height:clamp(120px,50vw,180px);display:flex;overflow:hidden}.image-lesson-card-image{object-fit:contain;border-radius:8px;transition:transform .3s;display:block}.image-card-item.no-flip .card-item-front:hover .image-lesson-card-image{transform:scale(1.05)}.image-lesson-card-image.small{object-fit:contain;width:80px;height:80px}.image-lesson-card-image.medium{object-fit:contain;width:120px;height:120px}.image-lesson-card-image.large{object-fit:contain;width:160px;height:160px}.image-lesson-card-image.xlarge{object-fit:contain;width:200px;height:200px}.image-lesson-card-image.full{object-fit:contain;width:100%;height:100%}.image-card-icon{flex-shrink:0;justify-content:center;align-items:center;width:clamp(80px,30vw,140px);height:clamp(80px,30vw,140px);display:flex}.image-card-icon span{font-size:clamp(50px,10vw,70px);line-height:1;display:block}@media (width<=1080px){.image-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.image-card-item.no-flip{max-width:100%}.image-lesson-card-image-container{width:clamp(100px,40vw,140px);height:clamp(100px,40vw,140px)}.image-card-item.no-flip .card-item-front{padding:14px}.image-lesson-card-image.small{width:60px;height:60px}.image-lesson-card-image.medium{width:90px;height:90px}.image-lesson-card-image.large{width:120px;height:120px}.image-lesson-card-image.xlarge{width:140px;height:140px}.image-card-icon{width:clamp(60px,30vw,100px);height:clamp(60px,30vw,100px)}.image-card-icon span{font-size:clamp(40px,8vw,50px)}}@media (width<=480px){.image-cards-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 30px}.image-card-item.no-flip .card-item-front{aspect-ratio:1/1.2;padding:12px}.image-lesson-card-image.small{width:50px;height:50px}.image-lesson-card-image.medium{width:70px;height:70px}.image-lesson-card-image.large{width:90px;height:90px}.image-lesson-card-image.xlarge{width:100px;height:100px}.image-card-title{font-size:clamp(.65rem,2.5vw,.75rem)}.image-card-icon{width:clamp(50px,25vw,80px);height:clamp(50px,25vw,80px)}.image-card-icon span{font-size:clamp(35px,8vw,45px)}}@media (width<=360px){.image-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.image-lesson-card-image-container{width:clamp(60px,40vw,115px);height:clamp(60px,40vw,115px)}.image-card-item.no-flip .card-item-front{padding:8px}.image-card-title{font-size:.6rem}.image-card-icon span{font-size:30px}}.pass-container{justify-content:center!important;align-items:center!important;width:min(700px,82vw)!important;min-width:min(350px,70vw)!important;height:min(380px,60vw)!important;min-height:min(350px,55vw)!important;padding:clamp(8px,1.5vw,20px)!important;display:flex!important;overflow:visible!important}.image-lesson-card-image.pass-image-class{object-fit:contain!important;width:min(700px,82vw)!important;max-width:100%!important;height:min(420px,60vw)!important;max-height:100%!important;display:block!important}.image-card-item.pass-image{width:100%!important;max-width:min(700px,92vw)!important;margin:0 auto!important}.image-cards-grid:has(.pass-image){justify-content:center!important;align-items:center!important;width:100%!important;padding:clamp(8px,2vw,25px) 0!important;display:flex!important}.image-card-item.pass-image,.pass-container,.image-lesson-card-image.pass-image-class{margin-top:0!important;margin-bottom:0!important}.image-cards-grid:has(.pass-image){margin-top:0!important;margin-bottom:0!important}@media (width<=768px){.pass-container{width:min(500px,88vw)!important;min-width:min(280px,70vw)!important;height:min(360px,60vw)!important;min-height:min(280px,50vw)!important;padding:clamp(8px,1.8vw,16px)!important}.image-lesson-card-image.pass-image-class{width:min(470px,82vw)!important;height:min(330px,55vw)!important}.image-card-item.pass-image{max-width:min(550px,90vw)!important}}@media (width<=480px){.pass-container{width:min(380px,85vw)!important;min-width:min(220px,60vw)!important;height:min(280px,55vw)!important;min-height:min(220px,45vw)!important;padding:clamp(6px,1.5vw,12px)!important}.image-lesson-card-image.pass-image-class{width:min(350px,80vw)!important;height:min(250px,50vw)!important}.image-card-item.pass-image{max-width:min(420px,88vw)!important}}@media (width<=360px){.pass-container{width:min(300px,82vw)!important;min-width:min(180px,55vw)!important;height:min(230px,50vw)!important;min-height:min(180px,40vw)!important;padding:clamp(5px,1.2vw,10px)!important}.image-lesson-card-image.pass-image-class{width:min(280px,78vw)!important;height:min(210px,45vw)!important}.image-card-item.pass-image{max-width:min(340px,85vw)!important}}.card-dropdown{background:#fff;border-radius:12px;width:100%;margin-bottom:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.card-dropdown:hover{box-shadow:0 4px 16px #00000026}.card-dropdown-header{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:100px;padding:10px 20px;transition:all .3s;display:flex}.card-dropdown-header:hover{filter:brightness(1.05)}.card-dropdown-left{flex:1;align-items:center;gap:15px;min-width:0;display:flex}.card-dropdown-image-container{flex-shrink:0;width:80px;height:100%;overflow:hidden}.card-dropdown-image{object-fit:cover;width:100%;height:100%;display:block}.card-dropdown-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:clamp(1.2rem,2vw + .5rem,1.5rem);display:flex}.card-dropdown-title-section{flex:1;min-width:0}.card-dropdown-title{color:#fff;word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:clamp(1rem,1.2vw + .3rem,1.3rem);font-weight:700}.card-dropdown-subtitle{color:#fff;word-wrap:break-word;overflow-wrap:break-word;margin:4px 0 0;font-size:clamp(.75rem,1vw + .2rem,1rem)}.card-dropdown-arrow{color:#fff;flex-shrink:0;margin-left:10px;font-size:clamp(.7rem,.9vw + .2rem,.8rem);transition:transform .3s}.card-dropdown-arrow.open{transform:rotate(180deg)}.card-dropdown-content{box-sizing:border-box;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;width:100%;padding:20px;animation:.2s ease-out slideDown;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dropdown-flipcards-container{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.dropdown-flipcards-container .cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px;display:grid}.card-dropdown-description{color:#333;margin:0 0 12px;font-size:clamp(.95rem,1.5vw + .5rem,1.2rem);line-height:1.6}.card-dropdown-content strong{color:#ff4500}.card-dropdown-examples{color:#333;margin:0 0 12px;font-size:clamp(.95rem,1.5vw + .5rem,1.2rem);line-height:1.6}.card-dropdown-techniques{color:#333;font-size:clamp(.95rem,1.5vw + .5rem,1.2rem)}.card-dropdown-techniques ul{margin:8px 0 0;padding-left:20px}.card-dropdown-techniques li{margin:4px 0;font-size:clamp(.95rem,1.5vw + .5rem,1.2rem);line-height:1.5}@media (width<=768px){.card-dropdown-header{height:80px;padding:12px 15px}.card-dropdown-left{gap:10px}.card-dropdown-icon{width:40px;height:40px}.card-dropdown-image-container{width:50px}.card-dropdown-content{padding:15px}.dropdown-flipcards-container .cards-grid{grid-template-columns:1fr}}@media (width<=360px){.card-dropdown-header{height:80px!important}}@media (width<=480px){.card-dropdown-header{height:70px}.card-dropdown-arrow{margin-top:4px}}@media (width<=768px){.card-dropdown-content>div:first-child{align-items:center!important}.card-dropdown-content>div:first-child>div:last-child{flex:0 0 100%!important;order:3!important;justify-content:center!important;width:100%!important;margin:10px 0!important;display:flex!important}.card-dropdown-content>div:first-child>div:first-child{order:1!important;width:100%!important}.card-dropdown-content img{max-width:300px!important;margin:0 auto!important;display:block!important}}.card-dropdown-bullets{background:#fff;border-radius:12px;width:100%;margin-bottom:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.card-dropdown-bullets:hover{box-shadow:0 4px 16px #00000026}.card-dropdown-bullets-header{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s;display:flex}.card-dropdown-bullets-header:hover{filter:brightness(1.05)}.card-dropdown-bullets-left{flex:1;align-items:center;display:flex}.card-dropdown-bullets-image-container{flex-shrink:0;width:70px;height:100%;overflow:hidden}.card-dropdown-bullets-image{object-fit:cover;width:100%;height:100%;display:block}.card-dropdown-bullets-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.card-dropdown-bullets-title-section{flex:1}.card-dropdown-bullets-title{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.card-dropdown-bullets-subtitle{color:#fffe;margin:4px 0 0;font-size:.9rem}.card-dropdown-bullets-arrow{color:#fff;margin-left:10px;font-size:.8rem;transition:transform .3s}.card-dropdown-bullets-arrow.open{transform:rotate(180deg)}.card-dropdown-bullets-content{background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;width:100%;padding:20px;animation:.2s ease-out slideDown;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.card-dropdown-bullets-content strong{color:#ff4500}.card-dropdown-bullets-description{color:#333;margin:0 0 12px;font-size:.95rem;line-height:1.6}.card-dropdown-bullets-sections{flex-direction:column;gap:12px;display:flex}.card-dropdown-bullets-section{margin-bottom:0}.card-dropdown-bullets-section-title{color:#1a1a1a;margin-bottom:4px;font-size:.95rem;font-weight:600;display:block}.card-dropdown-bullets-list{margin:8px 0 0;padding-left:20px;list-style-type:disc}.card-dropdown-bullets-list li{color:#333;margin:4px 0;font-size:.95rem;line-height:1.6}.card-dropdown-bullets-list li:last-child{margin-bottom:0}.card-dropdown-bullets-simple{margin-top:0}.card-dropdown-bullets-simple-title{color:#1a1a1a;margin-bottom:4px;font-size:.95rem;font-weight:600;display:block}.card-dropdown-bullets-techniques{margin-top:12px}.card-dropdown-bullets-techniques strong{color:#1a1a1a;margin-bottom:4px;font-size:.95rem;font-weight:600;display:block}.card-dropdown-bullets-techniques ul{margin:8px 0 0;padding-left:20px;list-style-type:disc}.card-dropdown-bullets-techniques li{color:#333;margin:4px 0;font-size:.95rem;line-height:1.6}@media (width<=768px){.card-dropdown-bullets-header{padding:12px 16px}.card-dropdown-bullets-image-container,.card-dropdown-bullets-icon{width:40px;height:40px;font-size:1.2rem}.card-dropdown-bullets-title{font-size:.95rem}.card-dropdown-bullets-subtitle{font-size:.75rem}.card-dropdown-bullets-content{padding:15px}.card-dropdown-bullets-description,.card-dropdown-bullets-section-title,.card-dropdown-bullets-list li,.card-dropdown-bullets-techniques li{font-size:.85rem}}@media (width<=480px){.card-dropdown-bullets-header{padding:10px 12px}.card-dropdown-bullets-image-container,.card-dropdown-bullets-icon{width:35px;height:35px;font-size:1rem}.card-dropdown-bullets-title{font-size:1.1rem}.card-dropdown-bullets-content{padding:12px}.card-dropdown-bullets-description,.card-dropdown-bullets-section-title,.card-dropdown-bullets-list li,.card-dropdown-bullets-techniques li{font-size:.8rem}.card-dropdown-bullets-list{padding-left:16px}}.dropdown-layout{flex-direction:row;align-items:flex-start;gap:24px;margin-bottom:0;margin-right:400px;display:flex}.dropdown-content-wrapper{flex:1;min-width:0}.dropdown-image-wrapper{text-align:center;flex:0 0 500px}.dropdown-image{object-fit:contain;border-radius:8px;width:100%;max-width:350px;height:auto}@media (width<=768px){.dropdown-layout{flex-direction:column;align-items:center;gap:16px}.dropdown-image-wrapper{flex:none;order:1;width:100%;max-width:150px}.dropdown-image{max-width:150px}.dropdown-content-wrapper{order:2;width:100%}}@media (width<=480px){.dropdown-image-wrapper{max-width:120px}.dropdown-image{max-width:350px}}.drag-drop-container{width:100%;margin:16px 0;font-family:inherit}.drag-drop-title{color:#1a1a1a;margin:0 0 8px;font-size:20px;font-weight:700}.drag-drop-instruction{color:#6c757d;margin:0 0 20px;font-size:14px}.drag-drop-grid-3col{grid-template-columns:1fr 1.8fr 1fr;align-items:stretch;gap:16px;display:grid}.drag-drop-zone-col{flex-direction:column;display:flex}.drop-zone{background:#fafafa;border:2px dashed #ccc;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;min-height:350px;padding:16px;transition:all .3s;display:flex;position:relative}.drop-zone.drag-over{transform:scale(1.02);box-shadow:0 4px 16px #4caf5026;background:#e8f5e9!important;border-color:#5cb85a!important}.drop-zone.error-drop{animation:.5s shake;background:#ffebee!important;border-color:#f44336!important}.drop-zone.has-items{border-style:solid}.drop-zone.zone-complete{background:#f1f8e9;border-color:#5cb85a}.drop-zone.all-complete{opacity:.9}.drop-zone.feedback-show .drop-zone-items,.drop-zone.feedback-show .drop-zone-hint,.drop-zone.feedback-show .drop-zone-description{opacity:.3}.drop-zone-header{color:#1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.drop-zone-count{color:#6c757d;background:#e9ecef;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.zone-check{margin-left:6px;font-size:16px}.drop-zone-items{flex-direction:column;flex:1;gap:8px;min-height:80px;padding:4px 0;transition:opacity .3s;display:flex}.dropped-item{color:#fff;border-radius:8px;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;animation:.3s dropIn;display:flex;box-shadow:0 2px 4px #0000001a}@keyframes dropIn{0%{opacity:0;transform:scale(.8)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropped-item-label{text-align:center;width:100%;font-size:13px;font-weight:500}.drop-zone-hint{color:#adb5bd;text-align:center;width:100%;padding:20px 0;font-size:14px;transition:opacity .3s}.drop-zone-description{color:#6c757d;text-align:center;border-top:1px dashed #e9ecef;flex-shrink:0;margin-top:8px;padding-top:8px;font-size:12px;transition:opacity .3s}.drop-zone-feedback{text-align:center;z-index:10;pointer-events:none;border-radius:12px;min-width:150px;padding:12px 24px;font-size:18px;font-weight:700;animation:.3s feedbackPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000026}.drop-zone-feedback.success{color:#2e7d32;background:#e8f5e9;border:3px solid #5cb85a}.drop-zone-feedback.error{color:#c62828;background:#ffebee;border:3px solid #f44336}@keyframes feedbackPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.drag-drop-items-col{flex-direction:column;display:flex}.drag-drop-items{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;flex:1;height:100%;min-height:350px;padding:16px;display:flex}.drag-drop-items h4{color:#495057;text-align:center;flex-shrink:0;margin:0 0 12px;font-size:14px;font-weight:600}.items-grid-2col{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.items-col{flex-direction:column;gap:8px;display:flex}.drag-item{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none;text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}.drag-item:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 4px 12px #0003}.drag-item:active{cursor:grabbing;transform:scale(.95)}.drag-item.dragging{opacity:.5;transform:scale(.95)}.drag-item-label{font-size:13px;font-weight:500}.empty-message{text-align:center;color:#28a745;flex:1;justify-content:center;align-items:center;padding:30px;font-size:16px;font-weight:600;display:flex}.drag-drop-progress{flex-shrink:0;align-items:center;gap:12px;margin-top:16px;display:flex}.progress-text{color:#495057;text-align:right;min-width:80px;font-size:12px;font-weight:600}.drag-ghost{color:#fff;pointer-events:none;z-index:9999;opacity:.9;text-align:center;border-radius:8px;min-width:120px;padding:12px 20px;font-size:13px;font-weight:500;position:fixed;transform:scale(1.05)rotate(-2deg);box-shadow:0 8px 24px #00000040}.drag-ghost-label{font-size:13px;font-weight:500}.drag-complete-message{color:#2e7d32;text-align:center;background:#e8f5e9;border:2px solid #a5d6a7;border-radius:12px;margin-top:16px;padding:16px 20px;font-size:16px;font-weight:600;animation:.5s dropIn}.items-col::-webkit-scrollbar{width:4px}.items-col::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.items-col::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.items-col::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (width<=1024px){.drag-drop-grid-3col{grid-template-columns:1fr 1.5fr 1fr;gap:12px}}@media (width<=768px){.drag-drop-grid-3col{grid-template-columns:1fr;gap:16px}.drag-drop-container{padding:12px}.drop-zone{height:auto;min-height:120px}.drag-drop-items{height:auto;min-height:200px}.items-grid-2col{grid-template-columns:1fr 1fr}.drag-drop-title{font-size:18px}.drag-item{min-height:38px;padding:10px 12px;font-size:12px}.drag-item-label{font-size:12px}.dropped-item{padding:6px 10px;font-size:12px}.dropped-item-label{font-size:12px}.drop-zone-feedback{min-width:100px;padding:8px 16px;font-size:14px}}@media (width<=480px){.items-grid-2col{grid-template-columns:1fr}.drag-item{min-height:36px;padding:8px 10px;font-size:12px}.drag-complete-message{padding:12px 16px;font-size:14px}.drop-zone-feedback{min-width:80px;padding:6px 12px;font-size:12px}.drop-zone{min-height:100px;padding:12px}}.quickcheck-modal{background-color:#fff;border:none;border-bottom:6px solid #e6e8ea;border-radius:12px;width:600px;max-height:95vh;padding:clamp(14px,2vw,20px);position:relative;overflow-y:auto;box-shadow:0 10px 20px -5px #00000014}.quickcheck-container{margin:0 auto;padding:10px}.quickcheck-error{text-align:center;color:#666;padding:20px;font-size:16px}.quickcheck-header{margin-bottom:20px}.quickcheck-title{color:#fff;margin:0;font-size:16px;font-weight:700}.quickcheck-progress-info{color:#666;justify-content:space-between;align-items:center;font-size:14px;display:flex}.quickcheck-question-number{font-weight:500}.quickcheck-score{color:#5cb85a;font-weight:600}.quickcheck-badge{color:#fff;white-space:nowrap;box-sizing:border-box;background:#a60212;border-radius:50px;gap:clamp(8px,2vw,16px);width:fit-content;max-width:100%;padding:clamp(8px,1.5vw,10px) clamp(16px,3vw,24px);font-size:clamp(.75rem,1.5vw,1rem);font-weight:700;position:relative;transform:none;box-shadow:0 4px 10px #16653440}.quickcheck-question{text-align:center;box-sizing:border-box;margin:0 0 clamp(16px,3vh,24px);padding:0 8px;font-size:clamp(1.15rem,1.5vw,1.5rem);font-weight:700;line-height:1.5}.quickcheck-options{flex-direction:column;gap:15px;padding-top:10px;display:flex}.quickcheck-option{appearance:none;box-sizing:border-box;cursor:pointer;background:#fff;border:none;border-bottom:6px solid #e6e8ea;border-radius:12px;align-items:center;width:100%;padding:clamp(14px,2vw,12px);transition:all .2s;position:relative;box-shadow:0 10px 20px -5px #00000014}.quickcheck-holder{color:#111;text-align:left;box-sizing:border-box;grid-template-columns:auto 1fr;align-items:center;gap:clamp(30px,2vw,30px);font-family:Be Vietnam,sans-serif;font-size:clamp(.95rem,1.8vw,1.2rem);font-weight:500;line-height:1.4;display:grid}.quickcheck-option-text{align-items:center;font-size:clamp(.95rem,1.8vw,1rem)}.quickcheck-option-label{min-width:24px;margin-right:10px;font-weight:700}.quicknext-btn{float:right;letter-spacing:1px;cursor:pointer;color:#fff;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;margin-top:20px;margin-bottom:10px;margin-left:auto;padding:clamp(10px,1.5vh,12px) clamp(16px,2.5vw,24px);font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:700;transition:all .1s;display:flex;text-decoration:none!important}.quicknext-btn:hover{opacity:.9;transform:translateY(-1px)}.quickcheck-option.quickcheck-selected{z-index:11;background:#f9b302;border-color:#a37001;transform:scale(1.02);box-shadow:0 15px 30px #00000026,0 0 20px #ffe97a99}.quickcheck-option.quickcheck-selected .option-letter-box,.quickcheck-option.quickcheck-correct-answer .option-letter-box,.quickcheck-option.quickcheck-incorrect-answer .option-letter-box{color:#111;background:#a37001}.quickcheck-option.quickcheck-correct-answer{z-index:11;background:#f9b302;border-color:#a37001;transform:scale(1.02);box-shadow:0 15px 30px #00000026,0 0 20px #ffe97a99}.quickcheck-option.quickcheck-incorrect-answer{z-index:11;background:#f9b302;border-color:#a37001;transform:scale(1.02)rotate(2deg);box-shadow:0 15px 30px #00000026,0 0 20px #ffe97a99}.quickcheck-score-summary{text-align:center;background:#f5f5f5;border-radius:8px;padding:20px}.quickcheck-complete-message{margin-bottom:8px;font-size:18px}.quickcheck-score-result{color:#5cb85a;font-size:24px;font-weight:700}.quickcheck-inline-feedback{border-radius:12px;margin-top:20px;padding:14px;animation:.3s quickcheck-slide-in}.try-again-btn{letter-spacing:1px;cursor:pointer;color:#991b1b;box-sizing:border-box;background-color:#ecd5d5;border:1px solid #991b1b;border-radius:12px;justify-content:center;align-items:center;padding:clamp(10px,1.5vh,12px) clamp(16px,2.5vw,24px);font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:700;transition:all .1s;display:inline-flex;position:relative;overflow:hidden;text-decoration:none!important}@keyframes quickcheck-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quickcheck-inline-correct{background:#f0fdf4;border:1px solid #5cb85a}.quickcheck-inline-incorrect{background:#fef2f2;border:1px solid #f44336}.quickcheck-feedback-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.quickcheck-feedback-icon{font-size:20px;font-weight:700}.quickcheck-feedback-title-inline{margin:0;font-size:16px;font-weight:700}.quickcheck-feedback-explanation-inline{color:#1b1b1b;margin:0;font-family:Be Vietnam,sans-serif;font-size:14px;line-height:1.5}.perfect-details{padding-top:10px}.quickcheck-feedback-actions-inline{justify-content:flex-end;gap:12px;width:100%;display:flex}.quickcheck-container:empty{visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.quickcheck-container:not(:empty){visibility:visible!important;height:auto!important;min-height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0 auto!important;padding:10px!important;display:block!important;overflow:visible!important}.quickcheck-card:empty{visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.quickcheck-card:not(:empty){visibility:visible!important;height:auto!important;min-height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.quickcheck-container{pointer-events:auto;z-index:10;position:relative}.quickcheck-modal{z-index:10!important;position:relative!important}.list-card-wrapper{flex-wrap:wrap;justify-content:center;gap:20px;margin:15px 0;display:flex}.list-card{cursor:pointer;background:#fff;border-radius:16px;flex:280px;width:100%;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.list-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.list-card:active{transform:scale(.97)}.list-card-header{color:#fff;background:#5cb85a;align-items:center;gap:12px;padding:16px 20px;font-weight:700;display:flex}.list-card-icon{flex-shrink:0;font-size:clamp(1.4rem,2vw + .5rem,1.8rem)}.list-card-title{flex:1;font-size:clamp(.95rem,1.2vw + .3rem,1.1rem)}.list-card-progress{background:#ffffff40;border-radius:20px;padding:4px 12px;font-size:clamp(.7rem,.9vw + .2rem,.8rem);font-weight:600}.list-card-content{justify-content:center;align-items:center;max-height:600px;padding:10px;display:flex;overflow-y:auto}.list-card-items{padding-bottom:10px}.list-card-prompt{color:#999;flex-direction:column;align-items:center;gap:8px;display:flex}.prompt-text{padding:20px;font-size:clamp(.95rem,1.2vw + .3rem,1.1rem);font-weight:500}.prompt-icon{font-size:clamp(1.6rem,2.5vw + .5rem,2.2rem);animation:1.5s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.list-card-items{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;animation:.3s ease-out slideIn;display:grid}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.list-card-item{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:130px;transition:all .2s;animation:.3s ease-out fadeInItem;display:flex}@keyframes fadeInItem{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.list-card-item:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.list-card-item-image{object-fit:contain;width:100%;margin-bottom:2px;display:block}.item-text{color:#333;word-break:break-word;font-size:clamp(.65rem,.6vw + 1rem,.9rem);line-height:1.3}.list-card-more-hint{text-align:center;color:#5cb85a;border-top:1px dashed #e0e0e0;grid-column:1/-1;margin-top:6px;padding:15px 8px;font-size:clamp(.7rem,.8vw + .2rem,.8rem);font-weight:600;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.list-card-complete-hint{text-align:center;color:#5cb85a;border-top:1px solid #e0e0e0;grid-column:1/-1;margin-top:6px;margin-bottom:6px;padding:10px 8px 4px;font-size:clamp(.75rem,.9vw + .2rem,.85rem);font-weight:600}@media (width<=1024px){.list-card-items{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.list-card-wrapper{flex-direction:column;align-items:center}.list-card{flex:unset;width:100%;max-width:100%}.list-card-items{grid-template-columns:repeat(3,1fr)}.list-card-item-image{width:100%}}@media (width<=576px){.list-card-items{grid-template-columns:repeat(2,1fr)}.list-card-item-image{width:100%}}@media (width<=400px){.list-card-items{grid-template-columns:1fr}}.score-display{z-index:9999;-webkit-user-select:none;user-select:none;cursor:grab;font-family:inherit;transition:transform .15s,opacity .3s;animation:.4s cubic-bezier(.16,1,.3,1) slideIn}.score-display.dragging{opacity:.9;cursor:grabbing;transform:scale(1.02)}.score-card{pointer-events:auto;background:#fff;border-bottom:8px solid #d7d7d8;border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.score-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px -6px #0000001f,0 0 1px 1px #0000000f}.score-header{pointer-events:none;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.score-header-left{pointer-events:none;align-items:center;display:flex}.score-level-badge{font-size:clamp(1rem,1.2vw + .5rem,18px);font-weight:800;display:inline-flex}.score-level-emoji{font-size:14px}.score-header-actions{pointer-events:auto;align-items:center;display:flex}.score-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-top:4px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.score-action-btn:hover{color:#334155;background:#0000000d}.score-main-row{pointer-events:none;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.score-points-container{align-items:baseline;gap:6px;display:flex}.score-number{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1rem,1vw + 1rem,1.75rem);font-weight:800;line-height:1}.score-label{color:#a60212;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1.25rem,1.2vw + 1rem,1.75rem);font-weight:600;line-height:1.2}.score-sparkle{opacity:.85;font-size:16px}.score-description{color:#64748b;text-align:justify;text-justify:inter-word;width:clamp(120px,15vw + 100px,200px);margin-bottom:14px;font-size:clamp(.75rem,.5vw + .65rem,.875rem);line-height:1.4}.score-breakdown-toggle{color:#475569;cursor:pointer;pointer-events:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.score-breakdown-toggle:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.toggle-arrow{font-size:14px;transition:transform .2s}.toggle-arrow.open{transform:rotate(180deg)}.score-breakdown{border-top:1px dashed #e2e8f0;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;animation:.2s ease-out fadeIn;display:flex}.score-breakdown-item{color:#64748b;justify-content:space-between;font-size:12px;display:flex}.score-breakdown-item .pts{color:#334155;font-weight:600}.score-breakdown-total{color:#0f172a;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;font-size:13px;display:flex}.score-display.minimized .score-card{cursor:pointer;opacity:.6;width:auto;padding:10px 16px}.score-display.minimized .score-card:hover{opacity:1}.score-display.minimized .score-description,.score-display.minimized .score-breakdown-toggle,.score-display.minimized .score-breakdown,.score-display.minimized .score-sparkle,.score-display.minimized .score-header-actions{display:none}.score-display.minimized .score-main-row{margin-bottom:0}.score-display.collapsed .score-card{border-radius:30px;width:auto;padding:8px 14px}.score-display.collapsed .score-body{display:none}.score-display.collapsed .score-header{margin-bottom:0}.score-description{white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:230px}.badge-modal{text-align:left;z-index:9999;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.badge-modal-header{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:8px;padding:24px 28px 0;display:flex}.badge-header-content{border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;padding-top:5px;padding-bottom:20px}.badge-header-content .pt-complete-title{color:#16233b;letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:800}.badge-header-content .pt-complete-sub{color:#52627e;margin:0;font-size:13px;font-weight:600}.badge-modal-body{flex:1;padding:10px 28px;overflow-y:auto}.score-count{flex-direction:column;display:flex}.badge-modal-body::-webkit-scrollbar{width:12px}.badge-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.badge-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.badge-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.badge-modal-footer{background:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 28px;display:flex}.badge-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;margin-top:2px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.badge-btn:hover{filter:brightness(1.1)}.pt-complete-screen{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.pt-complete-right{text-align:center;align-items:center;height:100%;display:flex;position:relative}.pt-complete-glow{filter:blur(12px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ffdc50bf 0%,#ffc10773 22%,#ffb70033 45%,#0000 72%);width:clamp(200px,70vw,310px);height:clamp(200px,70vw,270px);animation:2.4s ease-in-out infinite badgeGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes badgeGlow{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.92)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.pt-badge-medal-wrap{justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 8px;animation:.5s cubic-bezier(.22,1,.36,1) ptBadgePop;display:flex;position:relative}.pt-badge-medal-stage{z-index:1;width:140px;height:140px;position:relative}@keyframes badge-star-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ptBadgePop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.pt-stat-track{justify-content:center;align-items:center;gap:0;width:100%;margin-bottom:8px;padding:0 18px;display:flex}.pt-stat-dot{border-radius:50%;flex:none;width:8px;height:8px}.pt-stat-line{opacity:.7;background:#c2dafb;flex:auto;min-width:24px;height:2px}.pt-dot-score{background:#2c5fa8}.pt-dot-perf{background:#7a4fc2}.pt-dot-badge{background:#a8791e}.pt-complete-stats{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-bottom:20px;display:grid}.pt-stat-card{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:60px;padding:12px 6px;display:flex}.pt-stat-value{font-size:15px;font-weight:800;line-height:1.1}.pt-stat-label{letter-spacing:.03em;text-transform:uppercase;opacity:.85;font-size:10px;font-weight:700}.pt-stat-score{color:#2c5fa8;background:#dcebff}.pt-stat-performance{color:#7a4fc2;background:#eae1fb}.pt-stat-badge{color:#a8791e;background:#fbeac6}.pt-stat-badge .pt-badge-name{font-size:12px}.pt-complete-left{flex-direction:column;display:flex}.pt-breakdown-title{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#52627e;margin-bottom:12px;font-size:11.5px;font-weight:800;display:block}.pt-totals-card{background:#f5f8fe;border:1px solid #eef1f5;border-radius:16px;justify-content:space-between;align-items:stretch;margin-bottom:16px;padding:8px 12px;display:flex}.pt-totals-col{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;display:flex;position:relative}.pt-totals-col:not(:last-child):after{content:"";background:#eef1f5;width:1px;position:absolute;top:4px;bottom:4px;right:0}.pt-totals-label{color:#52627e;font-size:11px;font-weight:600}.pt-totals-value{color:#16233b;font-size:16px;font-weight:800}.pt-breakdown-list{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:0;display:grid}.pt-breakdown-row{background:#fff;border:1px solid #eef1f5;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 2px 6px #16233b0a}.pt-breakdown-icon-circle{border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pt-breakdown-icon-circle svg{width:20px;height:20px}.pt-icon-full{background:#5cb85a}.pt-icon-partial{background:#f9ae12}.pt-icon-zero{background:#8a94a6}.pt-icon-fatal{background-color:#ff554f}.pt-breakdown-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.pt-breakdown-label{color:#16233b;text-align:center;justify-content:center;align-items:center;font-size:12px;font-weight:700}.pt-breakdown-count{color:#52627e;font-size:11px;font-weight:600}.pt-breakdown-pts{white-space:nowrap;flex:none;font-size:12px;font-weight:800}.pt-row-full .pt-breakdown-pts{color:#2e9e5b}.pt-row-partial .pt-breakdown-pts{color:#c6902e}.pt-row-zero .pt-breakdown-pts{color:#52627e}.pt-row-fatal .pt-breakdown-pts{color:#c4462e}@media (width<=768px){.badge-modal{border-radius:12px;max-height:90vh}.pt-breakdown-list{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.pt-badge-layer{width:200px!important;height:200px!important}.badge-modal-header{padding:16px 20px 0}.badge-modal-body{padding:20px}.badge-modal-footer{flex-wrap:wrap;justify-content:center;padding:12px 20px}.badge-modal-footer .modal-back-btn,.badge-modal-footer .badge-btn{text-align:center;flex:1;justify-content:center;min-width:80px}.pt-complete-screen{grid-template-rows:35% 65%;grid-template-columns:100%;gap:0!important}.pt-breakdown-row{background:#fff;border:1px solid #eef1f5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 2px 6px #16233b0a}.pt-complete-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.badge-modal{max-height:95vh}.badge-modal-header{padding:24px 28px 0}.badge-modal-body{padding:16px}.badge-modal-footer{gap:8px;padding:10px 16px}.badge-modal-footer,.badge-modal-footer .badge-btn{width:100%;padding:12px}.pt-badge-medal-wrap,.pt-badge-medal-stage{width:120px;height:120px}.badge-header-content .pt-complete-title{font-size:20px}.pt-stat-value{font-size:14px}.pt-complete-stats{grid-template-columns:1fr 1fr}.pt-stat-card:last-child{grid-column:1/-1}}.com-badge-overlay{cursor:pointer;-webkit-user-select:none;user-select:none;background:#000000c7;justify-content:center;align-items:center;display:flex;z-index:2147483647!important;pointer-events:auto!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.com-badge-confetti{z-index:0!important;pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.com-badge-confetti>*{pointer-events:none!important;width:100%!important;height:100%!important}.badge-hover-content{justify-content:center;align-items:center;display:flex;z-index:2!important;pointer-events:none!important;position:relative!important}.badge-overlay-medal-wrap{flex-direction:column;justify-content:center;align-items:center;display:flex;pointer-events:none!important}.com-badge-hover-image{object-fit:contain;filter:drop-shadow(0 12px 40px #ffb700ef);transform-origin:50%;width:340px;height:340px;animation:.8s ease-out .18s both badgePopIn}.com-text{color:#fff;text-align:center;margin-top:20px;font-size:16px;font-weight:500;pointer-events:none!important}.badge-hover-missing{pointer-events:none!important}.lesson-wrapper{color:#333;height:100vh;padding:95px 20px 20px;overflow:hidden}.lesson-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:100vh;display:flex}.module-content{background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;width:100%;height:calc(100vh - 170px);display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.module-content-inner{flex:1;grid-template-rows:1fr;grid-template-columns:20% 80%;align-items:stretch;height:100%;min-height:0;animation:.3s ease-out fadeIn}.back-btn7{color:#a60212;cursor:pointer;z-index:3;white-space:nowrap;background-color:#0000;border:none;align-items:center;gap:6px;padding-top:20px;padding-left:20px;font-size:12px;font-weight:600;transition:all .2s;display:flex;position:absolute}.module-content-left{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex-direction:column;min-height:0;padding:20px;display:flex;overflow:hidden auto}.module-content-right{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex-direction:column;flex:1;height:100%;min-height:0;max-height:100%;padding-right:5px;display:flex;position:relative;top:0;overflow:hidden auto}.module-content-right::-webkit-scrollbar{width:10px}.module-content-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.module-content-right::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.module-content-right::-webkit-scrollbar-thumb:hover{background:#9ca3af}.module-image-holder{background-color:#0000;border-radius:10px;flex-direction:column;flex:1;width:100%;display:flex}.module-text-content{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-top:30px;padding:20px}.content-paragraph{text-align:justify;margin-bottom:15px;font-size:clamp(.95rem,1.5vw + .5rem,1.2rem);line-height:1.6}.content-subheader{color:#252423;margin:0;font-size:clamp(1.1rem,2vw + .5rem,1.4rem);font-weight:700}.bullet-list-container{grid-template-columns:1fr 1fr;gap:8px 20px;margin:10px 0;display:grid}.bullet-item{color:#333;margin-left:20px;padding:8px 0;font-size:clamp(.95rem,1.5vw + .5rem,1.2rem);list-style-type:disc;display:list-item}.ordered-list-container{grid-template-columns:1fr 1fr;gap:8px 20px;margin:10px 0;display:grid}.ordered-item{color:#333;break-inside:avoid;margin-left:20px;padding:8px 0;font-size:clamp(.95rem,1.5vw + .5rem,1.2rem);list-style-type:decimal;display:list-item}.bullet-item.long-text{grid-column:1/-1}.navigation-buttons{justify-content:space-between;align-items:center;gap:20px;max-width:100%;margin:20px 0;display:flex}.replay-minigame-btn{color:#fff;text-align:center;background:#a6021299;justify-content:center;align-items:center}.nav-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex:1;align-items:center;min-width:120px;font-size:clamp(.85rem,1vw + .4rem,1rem);font-weight:600;transition:all .3s;width:50px!important;height:45px!important}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.prev-btn{color:#495057;background:#e9ecef}.prev-btn:hover:not(:disabled){background:#dee2e6;transform:translate(-2px)}.btn-icon{display:none}.btn-icon svg{width:24px;height:24px}.lesson-progress-bar-wrapper{background:#e9ecef;border-radius:100px;width:100%;height:40px;position:relative;overflow:hidden}.lesson-progress-container{justify-content:center;align-items:center;width:100%;margin-top:20px;display:flex}.lesson-progress-wrapper{align-items:center;gap:12px;width:100%;display:flex}.lesson-progress-slide-text{color:#a60212;text-align:center;min-width:24px;font-size:clamp(14px,1.5vw + .5rem,18px);font-weight:600}.lesson-progress-bar-fill{background:linear-gradient(135deg,#fbb55f 0%,#a60212 100%);border-radius:4px;height:100%;transition:width .5s;position:relative}.lesson-progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;inset:0}.progress-text{color:#6c757d;font-size:12px;font-weight:500}.nav-left-group{gap:5px;display:flex}@media (width<=1200px){.lesson-wrapper{padding:95px 10px 10px;height:100vh!important;overflow:hidden!important}.content-paragraph{text-align:justify}.module-content{flex-direction:column!important;height:calc(100vh - 170px)!important;display:flex!important;overflow:hidden!important}.module-content-inner{flex-direction:column!important;height:100%!important;display:flex!important;overflow:hidden!important}.module-content-left{flex:none!important;width:100%!important;max-height:35vh!important;display:flex!important;overflow-y:auto!important}.module-content-right{flex:auto!important;width:100%!important;height:auto!important;max-height:none!important;display:flex!important;overflow-y:auto!important}}@media (width<=768px){.bullet-list-container,.ordered-list-container{grid-template-columns:1fr;gap:4px 0}.module-content-right::-webkit-scrollbar{width:6px}.lesson-progress-wrapper{gap:4px}.btn-text{display:none}.btn-icon{font-size:1.2rem;line-height:1;display:inline-block}.nav-btn{width:auto;min-width:unset!important;flex:unset!important;padding:10px 15px!important}.lesson-progress-container{padding:0 5px}.navigation-buttons{justify-content:center!important}.lesson-image{max-height:250px}.lesson-image-container{border-radius:8px;margin:15px 0}}@media (width<=480px){.lesson-image{max-height:200px}.lesson-image-container{margin:10px 0}}.html-content-wrapper{width:100%}.html-content-wrapper img{object-fit:contain;border-radius:8px;max-width:100%;height:auto;margin:15px 0;display:block}@media (width>=769px){.html-content-wrapper img{width:180px!important;height:180px!important}}@media (width<=768px){.html-content-wrapper img{width:140px!important;height:140px!important}}@media (width<=480px){.html-content-wrapper img{width:100px!important;height:100px!important}}.html-content-wrapper .evac-item{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;margin:15px 0;padding:12px 16px;display:flex}.html-content-wrapper .evac-item .evac-text{flex:1;font-size:1rem;line-height:1.6}.html-content-wrapper .evac-item img{flex-shrink:0;margin:0}@media (width<=480px){.html-content-wrapper .evac-item{text-align:center;flex-direction:column}}.html-content-wrapper ul{margin:10px 0;padding-left:20px}.html-content-wrapper ul li{margin:5px 0;line-height:1.6}.html-content-wrapper h3{margin:20px 0 10px;font-size:1.2rem;font-weight:600}.html-content-wrapper p{margin:10px 0;line-height:1.6}.minigame-shell{touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;height:100%;padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right));padding-bottom:max(0px, env(safe-area-inset-bottom));background:0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}.minigame-shell-prompt{color:#1f2937;text-align:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-bottom:1px solid #00000014;flex-shrink:0;justify-content:center;align-items:center;padding:8px 16px;font-family:Be Vietnam Pro,sans-serif;font-size:.9rem;font-weight:600;display:flex}.minigame-shell-canvas{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.minigame-shell-feedback{color:#fff;text-align:center;z-index:10;background:#a60212;flex-shrink:0;padding:10px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-weight:500}@media (height<=500px) and (orientation:landscape){.minigame-shell-prompt{text-overflow:ellipsis;white-space:nowrap;max-height:30px;padding:3px 12px;font-size:.78rem;line-height:1.25;overflow:hidden}.minigame-shell-feedback{text-overflow:ellipsis;white-space:nowrap;max-height:30px;padding:3px 12px;font-size:.75rem;line-height:1.25;overflow:hidden}}.interactable{-webkit-user-select:none;user-select:none;box-sizing:border-box;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex;position:relative}.interactable-drag{touch-action:none}.interactable-drag,.interactable-drag img{-webkit-user-drag:none}.interactable-highlighted:not(.interactable-disabled){animation:2.4s ease-in-out infinite interactablePulse}@keyframes interactablePulse{0%,to{box-shadow:0 0 0 2px #f59e0b66,0 0 8px #f59e0b33}50%{box-shadow:0 0 0 3px #f59e0bbf,0 0 16px #f59e0b59}}.interactable-pressed:not(.interactable-disabled){transform:scale(.96)}.interactable-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none!important;animation:none!important}.interactable-dragging{opacity:.95;filter:drop-shadow(0 12px 20px #0006);z-index:1000!important;cursor:grabbing!important;touch-action:none!important;transition:none!important;animation:none!important;box-shadow:0 14px 28px #00000040,0 10px 10px #00000026!important}.interactable-target{transition:all .2s}.interactable-target-receptive{animation:1.8s ease-in-out infinite targetReceptivePulse!important;box-shadow:0 0 0 2px #10b9818c,0 0 14px #10b98140!important}@keyframes targetReceptivePulse{0%,to{box-shadow:0 0 0 2px #10b98173,0 0 10px #10b98133}50%{box-shadow:0 0 0 3px #10b981cc,0 0 20px #10b98159}}.interactable-target-hover{transform:scale(1.02);box-shadow:0 0 0 3px #10b981,0 0 24px #10b9818c!important}.interactable-holding{transform:scale(.97);animation:none!important;box-shadow:0 0 0 4px #3b82f6,0 0 20px #3b82f666!important}.fire-game-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex;position:relative;overflow:hidden;container:fireWrap/size}.fire-game-stage{aspect-ratio:16/9;box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:10px;flex-shrink:0;width:min(100cqw,177.778cqh,1200px);height:auto;position:relative;overflow:hidden;box-shadow:0 12px 36px #0009,0 0 0 1px #ffffff14;container:fireStage/inline-size}.fire-ambient-glow{pointer-events:none;z-index:10;opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.fire-ambient-growing{opacity:1;background:radial-gradient(circle at 50% 55%,#f973162e 0%,#d9770614 50%,#0000 80%);animation:2s ease-in-out infinite alternate ambientFlicker}.fire-ambient-unsafe{opacity:1;background:radial-gradient(circle,#ef444447 0%,#b91c1c29 55%,#1e141459 90%);animation:1.4s ease-in-out infinite alternate ambientEmergencyPulse}@keyframes ambientFlicker{0%{opacity:.75}to{opacity:1}}@keyframes ambientEmergencyPulse{0%{opacity:.7;box-shadow:inset 0 0 3.3cqw #dc26264d}to{opacity:1;box-shadow:inset 0 0 6.6cqw #dc2626a6}}.fire-smoke-layer{pointer-events:none;z-index:20;opacity:0;transition:opacity 1.5s ease-in-out;position:absolute;inset:0}.fire-smoke-growing{opacity:.35;background:linear-gradient(#37415199 0%,#4b55634d 35%,#0000 70%);animation:6s ease-in-out infinite alternate smokeDrift}.fire-smoke-unsafe{opacity:.85;background:linear-gradient(#0f172aeb 0%,#1e293bcc 40%,#33415573 70%,#47556926 100%);animation:4s ease-in-out infinite alternate smokeRoll}@keyframes smokeDrift{0%{transform:translateY(0)}to{transform:translateY(-.5cqw)}}@keyframes smokeRoll{0%{filter:blur();transform:translateY(0)scale(1)}50%{filter:blur(1px);transform:translateY(-.8cqw)scale(1.02)}to{filter:blur(.5px);transform:translateY(-.3cqw)scale(1.01)}}.fire-object-label{white-space:nowrap;pointer-events:none;letter-spacing:.3px;z-index:18;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:1px solid #ffffff26;border-radius:1cqw;padding:.1cqw .6cqw;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(7px,.95cqw,12px);font-weight:600;transition:all .2s;position:absolute;bottom:-1.6cqw;left:50%;transform:translate(-50%);box-shadow:0 .15cqw .35cqw #0000004d}.fire-contact-shadow{filter:blur(.25cqw);pointer-events:none;z-index:-1;background:#00000059;border-radius:50%;width:50%;height:.7cqw;position:absolute;bottom:-.35cqw;left:25%}.fire-interactable-exit{z-index:20;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:.5cqw;flex-direction:column;justify-content:flex-start;align-items:center;width:11%;height:48%;padding-top:.7cqw;display:flex;position:absolute;top:19.5%;left:17%}.fire-exit-sign{color:#ecfdf5;letter-spacing:.8px;pointer-events:none;background:#065f46;border:1px solid #10b981;border-radius:.35cqw;align-items:center;gap:.4cqw;padding:.25cqw .85cqw;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(8px,1cqw,13px);font-weight:700;transition:all .3s;display:flex;box-shadow:0 .15cqw .5cqw #00000059,0 0 .85cqw #05966966}.fire-exit-urgent .fire-exit-sign{background:#059669;animation:1s ease-in-out infinite alternate exitPulse;box-shadow:0 0 1.3cqw #10b981cc,0 0 2.5cqw #05966980}@keyframes exitPulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.25);transform:scale(1.06)}}.fire-interactable-alarm{z-index:30;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:.35cqw;width:2.8%;height:6.8%;position:absolute;top:34.2%;left:29.7%}.fire-interactable-alarm:before{content:"";cursor:pointer;z-index:2;width:max(44px,3.7cqw);height:max(44px,3.7cqw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fire-alarm-img{object-fit:contain;filter:drop-shadow(0 .15cqw .35cqw #00000080);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.fire-alarm-strobe{pointer-events:none;background:#ef4444;border-radius:50%;width:.5cqw;min-width:4px;height:.5cqw;min-height:4px;animation:.5s infinite alternate strobeFlash;position:absolute;top:-.5cqw;left:50%;transform:translate(-50%);box-shadow:0 0 .7cqw #ef4444}@keyframes strobeFlash{0%{opacity:.2;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1.4);box-shadow:0 0 1cqw #f87171}}.fire-interactable-phone{z-index:40;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:.5cqw;position:absolute;top:60.5%;left:23%}.fire-interactable-phone:before{content:"";cursor:pointer;z-index:50;width:max(50px,8.3cqw);height:max(50px,8.3cqw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fire-phone-img{object-fit:contain;filter:drop-shadow(0 .35cqw .5cqw #0006);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:12.7cqw;height:12.7cqw;display:block}.fire-phone-active-indicator{color:#fff;pointer-events:none;z-index:30;background:#10b981;border:clamp(2px,.25cqw,4px) solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(28px,3.6cqw,54px);height:clamp(28px,3.6cqw,54px);font-size:clamp(14px,1.8cqw,26px);font-weight:800;animation:.4s cubic-bezier(.34,1.56,.64,1) phoneIndicatorPop;display:flex;position:absolute;box-shadow:0 0 .8cqw #10b981e6,0 .3cqw .6cqw #00000059}@keyframes phoneIndicatorPop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.fire-interactable-towel{z-index:25;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:.7cqw;position:absolute;top:65.5%;left:43%}.fire-interactable-towel:before{content:"";cursor:grab;z-index:2;position:absolute;inset:-.7cqw}.fire-towel-img{object-fit:contain;filter:drop-shadow(0 .35cqw .7cqw #00000059);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:11.7cqw;height:11.7cqw;display:block}.fire-interactable-water{z-index:25;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:.7cqw;position:absolute;top:55%;left:65%}.fire-interactable-water:before{content:"";cursor:grab;z-index:2;position:absolute;inset:-.7cqw}.fire-real-canvas{pointer-events:none;z-index:21;width:100%;height:100%;position:absolute;inset:0}.fire-water-img{object-fit:contain;filter:drop-shadow(0 .35cqw .7cqw #00000059);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:15cqw;height:auto;display:block}.fire-interactable-wastebasket{z-index:14;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;justify-content:flex-end;align-items:center;width:17%;height:42%;display:flex;position:absolute;top:32%;left:85.5%}.fire-wastebasket-container{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;align-items:center;display:flex;position:relative}.fire-wastebasket-img{object-fit:contain;filter:drop-shadow(0 .5cqw 1cqw #00000080);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:15.7cqw;height:auto}.fire-flame-overlay{pointer-events:none;z-index:15;object-fit:contain;transition:opacity .5s,transform .5s;position:absolute}.fire-flame-growing-basket{width:10%;height:19%;animation:.4s ease-in-out infinite alternate flameFlicker;top:42%;left:86%}.fire-flame-unsafe-basket{width:13%;height:29%;animation:.35s ease-in-out infinite alternate flameSurge;top:33%;left:84.5%}.fire-curtain-flame-lower{width:6.5%;height:12%;animation:.45s ease-in-out infinite alternate flameFlicker;top:43%;left:91%}.fire-curtain-flame-mid{width:7.5%;height:14%;animation:.38s ease-in-out infinite alternate flameSurge;top:26%;left:91.5%}.fire-curtain-flame-upper{width:8.5%;height:16%;animation:.42s ease-in-out infinite alternate flameFlicker;top:12%;left:89.5%}@keyframes flameFlicker{0%{transform:scale(.98)rotate(-1deg)}to{transform:scale(1.02)rotate(1deg)}}@keyframes flameSurge{0%{filter:brightness(1.05);transform:scale(.97)rotate(-1.5deg)}to{filter:brightness(1.25);transform:scale(1.04)rotate(1.5deg)}}.fire-outcome-overlay{z-index:50;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f19c7;justify-content:center;align-items:center;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:absolute;inset:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fire-outcome-card{box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:1px solid #e2e8f0;border-bottom:6px solid #cbd5e1;border-radius:16px;width:100%;max-width:480px;max-height:100%;padding:24px 28px;overflow-y:auto;box-shadow:0 20px 40px -10px #00000080}.fire-outcome-icon-badge{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:26px;display:flex}.fire-outcome-icon-success{background:#ecfdf5;border:1px solid #a7f3d0}.fire-outcome-icon-warning{background:#fffbeb;border:1px solid #fde68a}.fire-outcome-icon-danger{background:#fef2f2;border:1px solid #fecaca}.fire-outcome-title{color:#0f172a;margin:0 0 6px;font-family:Be Vietnam Pro,sans-serif;font-size:1.3rem;font-weight:800}.fire-outcome-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-family:Be Vietnam Pro,sans-serif;font-size:.85rem;font-weight:600}.fire-outcome-desc{color:#334155;text-align:left;background:#f8fafc;border-radius:8px;margin:0 0 20px;padding:12px 16px;font-family:Be Vietnam,sans-serif;font-size:.92rem;line-height:1.55}.fire-outcome-stats{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;margin-bottom:22px;padding:10px 14px;font-size:.82rem;display:flex}.fire-outcome-stat-item{flex-direction:column;flex:1;align-items:center;display:flex}.fire-outcome-stat-item:not(:last-child){border-right:1px solid #f1f5f9}.fire-outcome-stat-item strong{color:#0f172a;margin-top:3px;font-size:.95rem}.fire-outcome-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.fire-btn{cursor:pointer;touch-action:manipulation;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;padding:10px 22px;font-family:Be Vietnam Pro,sans-serif;font-size:.92rem;font-weight:600;transition:all .15s}.fire-btn:active{transform:translateY(2px)}.fire-btn-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.fire-btn-secondary:hover{background:#e2e8f0}.fire-btn-primary{color:#fff;background:#a60212;box-shadow:0 4px 12px #0d4b2840}.fire-btn-primary:hover{filter:brightness(1.1)}.fire-level-nav{z-index:45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #ffffff26;border-radius:20px;gap:6px;max-width:calc(100% - 16px);padding:2px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.fire-level-pill{color:#31343b;cursor:pointer;touch-action:manipulation;white-space:nowrap;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#e1e1e1;border:none;border-radius:14px;padding:4px 12px;font-family:Be Vietnam Pro,sans-serif;font-size:.75rem;font-weight:700;transition:all .2s}.fire-level-pill:hover{color:#fff}.fire-level-pill-active{color:#fff;background:#059669}.fire-pass-steps-bar{z-index:30;pointer-events:none;-webkit-user-select:none;user-select:none;gap:.5cqw;display:flex;position:absolute;top:1cqw;left:1.2cqw}.fire-pass-step-badge{color:#31343b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ffffff1f;border-radius:.5cqw;align-items:center;padding:.35cqw .7cqw;font-size:clamp(9px,.9cqw,12px);font-weight:700;transition:all .2s;display:flex}.fire-pass-step-badge span{color:#f1be23}.fire-pass-step-badge.fire-step-active{color:#fff;background:#52b1f9b8;border-color:#38bdf8;box-shadow:0 0 10px #38bdf880}.fire-pass-step-badge.fire-step-done{color:#a7f3d0;background:#064e3bd9;border-color:#10b981}.fire-extinguisher-unit{z-index:25;transform-origin:50% 85%;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1),filter .3s;display:flex;position:absolute;top:12%;left:35%;transform:translateY(70%)scale(1.4)}.fire-pin-ring{box-sizing:border-box;background:0 0;border:max(2px,.25cqw) solid #cbd5e1;border-radius:50%;width:100%;height:100%;box-shadow:0 .15cqw .35cqw #0006}.fire-extinguisher-unit.fire-extinguisher-equipped{filter:drop-shadow(0 1.2cqw 2.3cqw #000000a6);top:15%;transform:translateY(70%)scale(1.6)rotate(3deg)}.fire-extinguisher-unit.fire-extinguisher-squeezing{top:16%;transform:translate(-10%,70%)scale(1.6)rotate(4.5deg)}.fire-extinguisher-equipped .fire-contact-shadow{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(1cqw)scale(.6)}.fire-extinguisher-img{object-fit:contain;filter:drop-shadow(0 .7cqw 1.3cqw #00000080);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:35.7cqw;height:35.25cqw;display:block}.fire-extinguisher-pin{cursor:grab;z-index:35;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;justify-content:center;align-items:center;width:3cqw;height:3cqw;animation:1.5s ease-in-out infinite alternate pinPulse;display:flex;position:absolute;top:51%;left:34%}.fire-extinguisher-pin:after{content:"";cursor:grab;z-index:2;width:max(44px,4cqw);height:max(44px,4cqw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fire-extinguisher-pin:active{cursor:grabbing}@keyframes pinPulse{0%{filter:drop-shadow(0 0 .2cqw #38bdf8);transform:scale(1)}to{filter:drop-shadow(0 0 .7cqw #38bdf8);transform:scale(1.15)}}.fire-pin-seal-tag{color:#fff;letter-spacing:.5px;pointer-events:none;background:#f59e0b;border-radius:.17cqw;padding:.08cqw .25cqw;font-size:clamp(6px,.65cqw,9px);font-weight:800;position:absolute;top:-2.2cqw;left:-1cqw;box-shadow:0 1px 3px #0000004d}.fire-pin-armed-status{color:#fff;pointer-events:none;z-index:30;white-space:nowrap;background:#059669;border-radius:.35cqw;padding:.17cqw .5cqw;font-size:clamp(6px,.72cqw,10px);font-weight:800;position:absolute;top:5%;left:50%;transform:translate(-50%);box-shadow:0 0 .7cqw #10b981b3}.fire-extinguisher-handle-hitbox{cursor:pointer;z-index:32;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:.7cqw;justify-content:center;align-items:center;width:48%;height:28%;transition:all .15s;display:flex;position:absolute;top:40%;left:20%}.fire-extinguisher-handle-hitbox:hover{background:#ffffff26;outline:2px dashed #38bdf899}.fire-handle-hint{white-space:nowrap;pointer-events:none;background:#fff;border:1px solid #fff3;border-radius:100px;padding:.17cqw .42cqw;font-size:clamp(6px,.65cqw,9px);font-weight:700;position:absolute;bottom:-1.3cqw}.fire-handle-depressed{transform:translateY(.25cqw)scale(.97);background:#10b98140!important}.fire-base-target-box{z-index:18;box-sizing:border-box;cursor:crosshair;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:2px dashed #ffffff59;border-radius:1cqw;justify-content:center;align-items:flex-end;width:15%;height:40%;padding-bottom:.5cqw;transition:all .25s;display:flex;position:absolute;top:40%;left:87.5%}.fire-base-target-box:hover,.fire-base-target-highlighted{background:#10b9811f;border-color:#10b981;box-shadow:0 0 1.3cqw #10b98159}.fire-base-label{letter-spacing:.5px;pointer-events:none;background:#fff;border-radius:100px;padding:.17cqw .5cqw;font-size:clamp(6px,.65cqw,9px);font-weight:700}.fire-wastebasket-display{z-index:14;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;width:17%;height:42%;display:flex;position:absolute;top:32%;left:85.5%}.fire-spray-canvas{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.fire-discharge-spray-svg{pointer-events:none;z-index:28;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fire-spray-cone-fill{fill:url(#sprayGradient);opacity:0;transform-origin:0%;transition:opacity .15s ease-out}.fire-spray-active .fire-spray-cone-fill{opacity:1;animation:.35s ease-in-out infinite alternate spraySway}.fire-spray-core{fill:url(#sprayCoreGradient);opacity:0;transform-origin:0%}.fire-spray-active .fire-spray-core{opacity:1;animation:.18s ease-in-out infinite alternate sprayCorePulse}.fire-spray-particles circle{opacity:0}.fire-spray-active .fire-spray-particles circle{animation:.9s ease-out infinite sprayParticle}.fire-spray-active .fire-spray-particles circle:first-child{animation-delay:0s}.fire-spray-active .fire-spray-particles circle:nth-child(2){animation-delay:.12s}.fire-spray-active .fire-spray-particles circle:nth-child(3){animation-delay:.24s}.fire-spray-active .fire-spray-particles circle:nth-child(4){animation-delay:.36s}.fire-spray-active .fire-spray-particles circle:nth-child(5){animation-delay:.48s}.fire-spray-active .fire-spray-particles circle:nth-child(6){animation-delay:.6s}.fire-spray-active .fire-spray-particles circle:nth-child(7){animation-delay:.72s}.fire-spray-active .fire-spray-particles circle:nth-child(8){animation-delay:.84s}.fire-spray-fog{fill:radial-gradient(circle, #ffffff8c 0%, #dcf0ff40 40%, transparent 75%);opacity:0;transform-origin:100%}.fire-spray-active .fire-spray-fog{opacity:1;animation:.5s ease-in-out infinite alternate sprayFogPulse}@keyframes spraySway{0%{transform:scaleY(.94)rotate(-.6deg)}to{transform:scaleY(1.02)rotate(.6deg)}}@keyframes sprayCorePulse{0%{opacity:.85;transform:scaleY(.96)}to{opacity:1;transform:scaleY(1.04)}}@keyframes sprayParticle{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:.85}to{opacity:0;transform:translate(var(--dx,3cqw), var(--dy,-2cqw)) scale(1.6)}}@keyframes sprayFogPulse{0%{opacity:.55;transform:scale(.95)}to{opacity:.85;transform:scale(1.08)}}.fire-suppression-hud{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;pointer-events:none;background:#fff;border:1px solid #fff3;border-radius:1.2cqw;flex-direction:column;align-items:center;gap:.5cqw;min-width:18cqw;max-width:24cqw;padding:.8cqw 1.2cqw;display:flex;position:absolute;top:1.5cqw;right:1.5cqw}.fire-suppression-label{color:#31343b;justify-content:space-between;width:100%;font-size:clamp(8px,1.1cqw,14px);font-weight:600;display:flex}.fire-suppression-label strong{color:#34d399}.fire-suppression-bar{background:#8d606026;border-radius:.5cqw;width:100%;height:max(4px,.7cqw);overflow:hidden}.fire-suppression-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:.5cqw;height:100%;transition:width .1s ease-out;box-shadow:0 0 .6cqw #34d399}@media (width<=820px),(height<=500px) and (orientation:landscape){.fire-level-nav{gap:3px;padding:2px 4px;top:6px}.fire-extinguisher-unit{top:11.5%;left:30%}.fire-extinguisher-unit.fire-extinguisher-equipped{filter:drop-shadow(0 1.2cqw 2.3cqw #000000a6);top:15%;transform:translateY(70%)scale(1.6)rotate(3deg)}.fire-extinguisher-unit.fire-extinguisher-squeezing{top:15%;transform:translate(-10%,70%)scale(1.6)rotate(4.5deg)}.fire-level-pill{padding:2px 8px;font-size:.68rem}}@media (height<=500px) and (orientation:landscape){.fire-game-wrapper{padding:2px 4px}}@container fireStage (width<=768px){.fir-game-stage{aspect-ratio:16/9;width:auto;max-width:100%;height:100%}.fire-outcome-overlay{padding:6px}.fire-outcome-card{border-radius:12px;max-width:460px;padding:10px 18px}.fire-outcome-icon-badge{width:34px;height:34px;margin:0 auto 6px;font-size:18px}.fire-outcome-title{margin:0 0 2px;font-size:1.05rem}.fire-outcome-subtitle{margin:0 0 6px;font-size:.72rem}.fire-outcome-desc{margin:0 0 10px;padding:6px 10px;font-size:.78rem;line-height:1.35}.fire-outcome-stats{margin-bottom:10px;padding:6px 10px;font-size:.74rem}.fire-outcome-actions{gap:8px}.fire-btn{padding:6px 16px;font-size:.8rem}}@container fireStage (width<=480px){.fire-outcome-card{padding:8px 12px}.fire-outcome-desc{font-size:.7rem}.fire-btn{padding:5px 12px;font-size:.72rem}}.earthquake-game-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex;position:relative;overflow:hidden}.earthquake-game-stage{aspect-ratio:16/9;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-touch-callout:none;border-radius:12px;width:100%;max-width:1200px;max-height:100%;position:relative;overflow:hidden;box-shadow:0 16px 40px #000000bf,0 0 0 1px #ffffff1a}.earthquake-world-layer{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.earthquake-ui-layer{pointer-events:none;z-index:30;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:absolute;inset:0}.earthquake-ui-layer>*{pointer-events:auto}.earthquake-shake-light{animation:.22s ease-in-out infinite alternate seismicShakeLight}.earthquake-shake-strong{animation:.2s ease-in-out infinite alternate seismicShakeStrong}.earthquake-shake-peak{animation:.18s ease-in-out infinite alternate seismicShakePeak}.earthquake-shake-settling{animation:.35s ease-out forwards seismicShakeSettling}@keyframes seismicShakeLight{0%{transform:translate(.8px,.6px)}25%{transform:translate(-.8px,-.6px)}50%{transform:translate(.6px,-.8px)}75%{transform:translate(-.6px,.8px)}to{transform:translate(.8px,-.4px)}}@keyframes seismicShakeStrong{0%{transform:translate(1.8px,1.2px)}25%{transform:translate(-1.6px,-1.4px)}50%{transform:translate(1.5px,-1.8px)}75%{transform:translate(-1.8px,1.5px)}to{transform:translate(1.2px,-1.6px)}}@keyframes seismicShakePeak{0%{transform:translate(2.4px,1.8px)}20%{transform:translate(-2.6px,-2px)}40%{transform:translate(2.5px,-2.4px)}60%{transform:translate(-2.2px,2.4px)}80%{transform:translate(2.6px,-2px)}to{transform:translate(-1.8px,2px)}}@keyframes seismicShakeSettling{0%{transform:translate(1.5px,1.2px)}50%{transform:translate(-.8px,-.6px)}to{transform:translate(0)}}.earthquake-ambient-layer{pointer-events:none;z-index:25;opacity:0;transition:opacity .8s;position:absolute;inset:0}.earthquake-ambient-tremor{opacity:1;background:radial-gradient(circle,#dc262614 0%,#b453091f 50%,#0f172a40 90%);animation:1.2s ease-in-out infinite alternate tremorFlash}.earthquake-ambient-peak{opacity:1;background:radial-gradient(circle at 50% 45%,#ef44442e 0%,#d9770638 50%,#0f172a66 95%);animation:.8s ease-in-out infinite alternate peakEmergencyPulse}.earthquake-ambient-calm{opacity:.2;background:radial-gradient(circle,#22c55e14 0%,#0000 70%)}@keyframes tremorFlash{0%{opacity:.6}to{opacity:1}}@keyframes peakEmergencyPulse{0%{opacity:.7;box-shadow:inset 0 0 30px #ef444440}to{opacity:1;box-shadow:inset 0 0 70px #ef44448c}}.earthquake-debris-layer{pointer-events:none;z-index:30;position:absolute;inset:0;overflow:hidden}.earthquake-debris-cluster{pointer-events:none;opacity:.92;filter:drop-shadow(0 4px 6px #00000080);width:130px;height:130px;position:absolute}.earthquake-debris-c1{animation:1.8s linear infinite debrisFall;left:32%}.earthquake-debris-c2{animation:2.2s linear .7s infinite debrisFall;left:62%}.earthquake-debris-c3{animation:1.5s linear .3s infinite debrisFall;left:48%}@keyframes debrisFall{0%{opacity:0;top:-15%;transform:translateY(0)rotate(0)scale(.65)}15%{opacity:.95}85%{opacity:.85}to{opacity:0;top:95%;transform:translateY(0)rotate(320deg)scale(1)}}.earthquake-dust-haze{pointer-events:none;z-index:28;background:radial-gradient(at bottom,#d6d3d138 0%,#a8a29e1f 40%,#0000 80%);animation:4s ease-in-out infinite alternate dustSwirl;position:absolute;inset:0}@keyframes dustSwirl{0%{opacity:.4;transform:scale(.98)translateY(0)}to{opacity:.8;transform:scale(1.02)translateY(-8px)}}.earthquake-fixture-projector{z-index:12;pointer-events:none;transform-origin:top;filter:drop-shadow(0 4px 8px #0006);width:6.5%;position:absolute;top:1%;left:46.5%}.earthquake-projector-wobble{animation:.35s ease-in-out infinite alternate overheadSway}@keyframes overheadSway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.earthquake-wall-frame{z-index:11;pointer-events:none;transform-origin:40% 18%;filter:drop-shadow(0 2px 5px #00000059);width:7.2%;position:absolute;top:20%;left:65.5%}.earthquake-wallshelf-frame{z-index:11;pointer-events:none;transform-origin:40% 18%;filter:drop-shadow(0 2px 5px #00000059);width:12.2%;position:absolute;top:12%;left:63.5%}.earthquake-wallshelf-frame1{z-index:11;pointer-events:none;transform-origin:40% 18%;filter:drop-shadow(0 2px 5px #00000059);width:9.2%;position:absolute;top:23%;left:63.7%}.earthquake-frame-wobble{animation:.5s ease-in-out infinite alternate frameSwivel}@keyframes frameSwivel{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.earthquake-table-foreground{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.earthquake-avatar{pointer-events:none;filter:drop-shadow(0 8px 12px #0009);transition:all .35s cubic-bezier(.2,.8,.2,1);position:absolute}.earthquake-avatar-standing{z-index:18;width:6.8%;height:auto;animation:3s ease-in-out infinite standingBreathing;top:40%;left:28%}@keyframes standingBreathing{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.earthquake-avatar-crouch-floor{z-index:18;width:8.8%;height:auto;animation:.12s ease-in-out infinite alternate crouchShiver;top:54%;left:28.5%}.earthquake-avatar-running{z-index:22;filter:drop-shadow(0 0 12px #ef4444cc);will-change:transform;height:auto;animation:2.5s linear forwards runPanic;top:17%;left:23%}@keyframes runPanic{0%{opacity:1;transform:translate(0)scale(1)}60%{opacity:1;transform:translate(-35vw)scale(.95)translateY(-2px)}to{opacity:0;transform:translate(-50vw)scale(.85)}}@keyframes crouchShiver{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-1px)rotate(-.5deg)}}.earthquake-avatar-sheltered-center{z-index:15;width:13.5%;animation:.12s ease-in-out infinite alternate crouchHoldShiver;top:48.5%;left:39.5%}@keyframes crouchHoldShiver{0%{transform:translateY(0)}to{transform:translateY(1.5px)}}.earthquake-avatar-shadow{background:radial-gradient(#0009 0%,#0000 75%);border-radius:50%;width:70%;height:8px;position:absolute;bottom:-4px;left:15%}.earthquake-drop-qte-zone{z-index:35;cursor:pointer;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:20%;height:80%;position:absolute;top:18%;left:68%}.earthquake-drop-btn{color:#334155;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:manipulation;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #fecaca;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-height:36px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;animation:.5s ease-in-out infinite alternate dropBtnPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006}@keyframes dropBtnPulse{0%{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 12px #ef444499}to{transform:translate(-50%,-50%)scale(1.06);box-shadow:0 0 26px #ef4444f2}}.earthquake-run-mistake-btn{z-index:35;color:#334155;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:manipulation;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border:none;border-radius:999px;align-items:center;gap:4px;min-height:36px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;position:absolute;top:25%;left:14%;box-shadow:0 4px 12px #0006}.earthquake-run-mistake-btn:before{content:"";position:absolute;inset:-6px}.earthquake-shelter-target{z-index:32;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.earthquake-shelter-target:hover{background:#22c55e26;border:2px dashed #22c55e;box-shadow:0 0 16px #22c55e80}.earthquake-shelter-target-active{background:#22c55e14;border:2px dashed #22c55ed9;animation:1.2s ease-in-out infinite alternate shelterTargetPulse}@keyframes shelterTargetPulse{0%{border-color:#22c55e80;box-shadow:0 0 8px #22c55e4d}to{border-color:#22c55e;box-shadow:0 0 20px #22c55eb3}}.earthquake-shelter-badge{color:#334155;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:manipulation;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #fecaca;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-height:36px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;animation:.5s ease-in-out infinite alternate dropBtnPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006}.shelter-target-center{width:19%;height:23%;top:50%;left:39%}.shelter-target-left{width:19%;height:23%;top:47%;left:3.5%}.shelter-target-table{width:19%;height:23%;top:47%;left:53%}.earthquake-hazard-target{z-index:32;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.earthquake-hazard-target:hover{background:#ef444433;border:2px dashed #ef4444;box-shadow:0 0 16px #ef444480}.hazard-target-window{width:18%;height:35%;top:5%;right:5%}.hazard-target-bookshelf{width:13%;height:28%;top:11%;right:24%}.hazard-target-doorway{width:12%;height:38%;top:12%;left:17%}.hazard-target-openfloor{width:19%;height:45%;top:54%;left:67%}.earthquake-hazard-badge{color:#ef4444;letter-spacing:clamp(.02em,.01em + .1vw,.06em);white-space:nowrap;pointer-events:none;opacity:0;background:#fff;border:clamp(1px,.05vw + 1px,2px) solid #ef4444;border-radius:999px;padding:clamp(2px,.15rem + .25vw,5px) clamp(6px,.3rem + .5vw,10px);font-size:clamp(.55rem,.45rem + .5vw,.75rem);font-weight:600;transition:opacity .2s;box-shadow:0 clamp(1px,.15vw,3px) clamp(2px,.3vw,6px) #0006}.earthquake-hazard-target:hover .earthquake-hazard-badge{opacity:1}.earthquake-hold-zone{z-index:36;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.earthquake-hold-zone-center{top:65%;left:66%}.earthquake-hold-button-wrapper{-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.earthquake-hold-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.earthquake-hold-circle-bg{fill:#0f172ad9;stroke:#ffffff26;stroke-width:6px}.earthquake-hold-circle-fill{fill:none;stroke:#3b82f6;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 80ms linear,stroke .2s}.earthquake-hold-circle-active{stroke:#22c55e}.earthquake-hold-inner-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:2px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .1s,background .15s;display:flex;box-shadow:0 4px 14px #0009,0 0 18px #2563eb80}.earthquake-hold-inner-btn:active,.earthquake-hold-inner-btn-holding{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);transform:scale(.94);box-shadow:0 0 24px #22c55ecc}.earthquake-hold-icon{font-size:1.4rem;line-height:1}.earthquake-hold-label{letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:.68rem;font-weight:800}.earthquake-hold-timer-tag{color:#334155;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#fff;border:1px solid #ffffff1f;border-radius:9999px;padding:4px 12px;font-size:.82rem;font-weight:800;animation:1s ease-in-out infinite alternate timerPulse;box-shadow:0 4px 12px #0006}@keyframes timerPulse{0%{transform:scale(1)}to{color:#334155;border-color:#334155;transform:scale(1.04)}}.earthquake-hud-status{z-index:34;align-items:center;gap:8px;display:flex;position:absolute;top:10px;right:12px}.earthquake-intensity-badge{color:#334155;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-transform:uppercase;letter-spacing:.05em;background:#fff;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0006}.earthquake-intensity-dot{background:#64748b;border-radius:50%;width:8px;height:8px}.intensity-dot-light{background:#eab308;box-shadow:0 0 8px #eab308}.intensity-dot-strong{background:#f97316;animation:.4s infinite alternate dotBlink;box-shadow:0 0 10px #f97316}.intensity-dot-peak{background:#ef4444;animation:.2s infinite alternate dotBlink;box-shadow:0 0 12px #ef4444}.intensity-dot-settled{background:#22c55e;box-shadow:0 0 8px #22c55e}@keyframes dotBlink{0%{opacity:.4}to{opacity:1}}.earthquake-outcome-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f19c7;justify-content:center;align-items:center;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) outcomeModalFadeIn;display:flex;position:absolute;inset:0}@keyframes outcomeModalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.earthquake-outcome-card{box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:1px solid #e2e8f0;border-bottom:6px solid #cbd5e1;border-radius:16px;width:100%;max-width:480px;padding:24px 28px;box-shadow:0 20px 40px -10px #00000080}.earthquake-outcome-icon-badge{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:26px;display:flex}.earthquake-outcome-icon-success{background:#ecfdf5;border:1px solid #a7f3d0}.earthquake-outcome-title{color:#0f172a;margin:0 0 6px;font-family:Be Vietnam Pro,sans-serif;font-size:1.3rem;font-weight:800}.earthquake-outcome-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-family:Be Vietnam Pro,sans-serif;font-size:.85rem;font-weight:600}.earthquake-outcome-desc{color:#334155;text-align:left;border-radius:8px;margin:0 0 20px;padding:12px 16px;font-family:Be Vietnam,sans-serif;font-size:.92rem;line-height:1.55}.earthquake-outcome-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.earthquake-btn{cursor:pointer;touch-action:manipulation;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;padding:10px 22px;font-family:Be Vietnam Pro,sans-serif;font-size:.92rem;font-weight:600;transition:all .15s}.earthquake-btn:active{transform:translateY(2px)}.earthquake-btn-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.earthquake-btn-secondary:hover{background:#e2e8f0}.earthquake-btn-primary{color:#fff;background:#a60212;box-shadow:0 4px 12px #0d4b2840}.earthquake-btn-primary:hover{filter:brightness(1.1)}@media (width<=768px){.earthquake-drop-btn{padding:6px 14px;font-size:.95rem}.earthquake-wallshelf-frame{z-index:11;pointer-events:none;transform-origin:40% 18%;filter:drop-shadow(0 2px 5px #00000059);width:12.2%;position:absolute;top:10%;left:63.5%}.earthquake-wallshelf-frame1{z-index:11;pointer-events:none;transform-origin:40% 18%;filter:drop-shadow(0 2px 5px #00000059);width:9.2%;position:absolute;top:10%;left:63.7%}.earthquake-game-stage{aspect-ratio:16/9;width:auto;max-width:100%;height:100%}.earthquake-hold-button-wrapper{width:80px;height:80px}.earthquake-hold-inner-btn{width:60px;height:60px}.earthquake-hold-icon{font-size:1.15rem}.earthquake-shelter-badge{padding:2px 6px;font-size:.68rem}.earthquake-outcome-card{max-width:90%;padding:18px 20px}.earthquake-outcome-title{font-size:1.15rem}.earthquake-outcome-desc{margin-bottom:14px;padding:10px 12px;font-size:.82rem}.earthquake-btn{padding:8px 16px;font-size:.82rem}}@media (height<=500px) and (orientation:landscape){.earthquake-game-wrapper{padding:2px 4px}.hazard-target-bookshelf{width:13%;height:28%;top:17%;right:24%}.hazard-target-window{width:18%;height:35%;top:13%;right:5%}.hazard-target-doorway{width:12%;height:38%;top:20%;left:17%}.earthquake-wallshelf-frame{z-index:11;pointer-events:none;transform-origin:40% 18%;filter:drop-shadow(0 2px 5px #00000059);width:12.2%;position:absolute;top:20%;left:63.5%}.earthquake-wallshelf-frame1{z-index:11;pointer-events:none;transform-origin:40% 18%;filter:drop-shadow(0 2px 5px #00000059);width:9.2%;position:absolute;top:30%;left:63.7%}.earthquake-game-stage{aspect-ratio:16/9;width:auto;max-width:100%;height:100%}.earthquake-run-mistake-btn{padding:4px 10px;font-size:.72rem;top:18%;left:10%}.earthquake-drop-btn{padding:5px 12px;font-size:.55rem}.earthquake-hold-zone{gap:4px}.earthquake-hold-button-wrapper{width:72px;height:72px}.earthquake-hold-inner-btn{width:54px;height:54px}.earthquake-hold-icon{font-size:1.05rem}.earthquake-hold-label{font-size:.58rem}.earthquake-hold-timer-tag{padding:2px 8px;font-size:.72rem}.earthquake-shelter-badge{padding:2px 6px;font-size:.65rem}.earthquake-outcome-overlay{padding:6px}.earthquake-outcome-card{max-width:460px;max-height:calc(100% - 12px);padding:10px 18px;overflow-y:auto}.earthquake-outcome-icon-badge{width:34px;height:34px;margin:0 auto 6px;font-size:18px}.earthquake-outcome-title{margin:0 0 2px;font-size:1.05rem}.earthquake-outcome-subtitle{margin:0 0 6px;font-size:.72rem}.earthquake-outcome-desc{margin:0 0 10px;padding:6px 10px;font-size:.78rem;line-height:1.35}.earthquake-outcome-actions{gap:8px}.earthquake-btn{padding:6px 16px;font-size:.8rem}}.flood-game-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:6px;display:flex;position:relative;overflow:hidden}.flood-game-stage{aspect-ratio:16/9;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-touch-callout:none;border-radius:12px;width:100%;max-width:1200px;max-height:100%;position:relative;overflow:hidden;box-shadow:0 16px 40px #000c,0 0 0 1px #ffffff1a}.flood-world-layer{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.flood-ui-layer{pointer-events:none;z-index:30;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:absolute;inset:0}.flood-ui-layer>*{pointer-events:auto}.flood-water-layer{pointer-events:none;z-index:4;opacity:.88;mix-blend-mode:normal;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.flood-water-layer img{object-fit:fill;width:100%;height:100%;display:block}.flood-ambient-storm{pointer-events:none;z-index:8;background:radial-gradient(circle at 50% 45%,#0f172a1f 0%,#02061766 85%);transition:background .8s;position:absolute;inset:0}.flood-lightning-flash{pointer-events:none;z-index:25;background:#e0f2fe47;animation:.35s ease-out lightningBolt;position:absolute;inset:0}@keyframes lightningBolt{0%{opacity:0}20%{opacity:.85}35%{opacity:.15}50%{opacity:.7}to{opacity:0}}.flood-game-stage .interactable-highlighted{box-shadow:none!important;animation:none!important}.flood-prop{pointer-events:auto;cursor:pointer;transform-origin:bottom;filter:drop-shadow(0 4px 8px #00000073);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:filter .2s,transform .2s;position:absolute}.flood-prop:before{content:"";cursor:pointer;position:absolute;inset:-8px}.flood-prop:hover{filter:drop-shadow(0 0 10px #38bdf8cc)drop-shadow(0 4px 8px #00000080)}.flood-prop-barricade{z-index:10;width:7.8%;top:48%;left:46.2%}.flood-prop-debris{z-index:9;width:10.5%;top:58%;left:63%}.flood-prop-fallen-wire{z-index:12;width:15%;top:6.5%;left:24.5%}.flood-prop-fallen-wire:hover{filter:drop-shadow(0 0 12px #facc15d9)}.flood-wire-spark{z-index:14;pointer-events:none;background:radial-gradient(circle,#fef08a 0%,#38bdf8 60%,#0000 80%);border-radius:50%;width:16px;height:16px;animation:1.6s infinite sparkFlicker;position:absolute;top:45.4%;left:36.6%;box-shadow:0 0 12px #38bdf8,0 0 20px #60a5fa}@keyframes sparkFlicker{0%,to{opacity:.15;transform:scale(.7)}35%{opacity:.95;transform:scale(1.3)}40%{opacity:.2;transform:scale(.8)}75%{opacity:.9;transform:scale(1.2)}85%{opacity:.1}}.flood-water-interact-zone{pointer-events:auto;cursor:pointer;z-index:5;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;width:60%;height:48%;position:absolute;bottom:0;left:20%}.flood-player-container{pointer-events:none;z-index:20;transform-origin:bottom;height:100%;transition:left .8s cubic-bezier(.25,1,.5,1),top .8s cubic-bezier(.25,1,.5,1);position:absolute;top:130px!important;left:10px!important}.flood-player-sprite{justify-content:center;align-items:flex-end;width:auto;height:100%;display:flex;position:relative}.flood-player-sprite img{filter:drop-shadow(0 4px 10px #00000080);width:auto;height:100%;display:block}.flood-player-container.flood-player-running{position:relative;top:clamp(-40px,-2vh,10px);left:clamp(-60px,-1vw,5px);transform:scale(1.05)}.flood-player-sprite.flood-player-standing{position:relative;top:0;left:0}.flood-player-standing{animation:2.8s ease-in-out infinite playerBreathing}@keyframes playerBreathing{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.flood-player-running{animation:.24s ease-in-out infinite alternate playerSprint;position:absolute;right:100px}@keyframes playerSprint{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.flood-player-shadow{filter:blur(2.5px);background:#00000073;border-radius:50%;width:80%;height:6px;position:absolute;bottom:6px;left:10%}.flood-callout-panel{color:#334155;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #fff3;border-radius:12px;width:calc(100% - 28px);max-width:380px;padding:14px 16px;animation:.22s ease-out slideInCallout;position:absolute;bottom:14px;right:14px;box-shadow:0 10px 25px #0000008c}@keyframes slideInCallout{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flood-callout-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.flood-callout-title-group{align-items:center;gap:8px;display:flex}.flood-callout-badge-icon{font-size:18px;line-height:1}.flood-callout-title{color:#334155;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:.98rem;font-weight:700}.flood-callout-close{color:#94a3b8;cursor:pointer;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px}.flood-callout-close:hover{color:#fff;background:#ffffff1a}.flood-callout-body{color:#334155;margin:0 0 10px;font-family:Be Vietnam,sans-serif;font-size:.85rem;line-height:1.48}.flood-callout-rule{color:#1d9a32;background:#38f8681a;border-radius:6px;margin-bottom:10px;padding:6px 10px;font-family:Be Vietnam Pro,sans-serif;font-size:.78rem;font-weight:500}.flood-callout-dismiss-btn{color:#f1f5f9;cursor:pointer;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#1e293b;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:6px 12px;font-family:Be Vietnam Pro,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s}.flood-callout-dismiss-btn:hover{background:#334155}.flood-hazard-tracker{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#334155;pointer-events:none;z-index:35;background:#fff;border:1px solid #ffffff29;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:.82rem;font-weight:500;transition:all .3s;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 14px #0006}.flood-tracker-label{color:#334155;letter-spacing:.2px;font-weight:500}.flood-tracker-count{color:#26a5db;font-variant-numeric:tabular-nums;font-weight:700}.flood-hazard-tracker-ready{background:#0d4b28e0;border-color:#34d3998c;box-shadow:0 4px 16px #10b9814d}.flood-hazard-tracker-ready .flood-tracker-label{color:#f1f5f9}.flood-hazard-tracker-ready .flood-tracker-count{color:#34d399}.flood-tracker-status-check{color:#34d399;margin-left:2px;font-size:.85rem;font-weight:800}.flood-retreat-action-bar{z-index:38;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:absolute;bottom:16px;left:16px}.flood-retreat-btn{cursor:pointer;touch-action:manipulation;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(10px,1.05vw,13px);font-weight:700;transition:all .2s;display:flex}.flood-retreat-btn-gated{color:#334155;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff;border:1.5px solid #fff3;box-shadow:0 4px 14px #00000073}.flood-retreat-btn-gated:hover{filter:brightness(1.1)}.flood-retreat-btn-ready{color:#fff;background:#a60212;animation:1.8s ease-in-out infinite retreatPulse}@keyframes retreatPulse{0%,to{box-shadow:0 0 0 2px #34d39966,0 6px 16px #00000080}50%{box-shadow:0 0 0 4px #34d399d9,0 8px 24px #34d39966}}.flood-transition-overlay{z-index:48;text-align:center;color:#f8fafc;background:#090e17e0;flex-direction:column;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:absolute;inset:0}.flood-transition-icon{margin-bottom:10px;font-size:38px}.flood-transition-text{margin:0 0 6px;font-family:Be Vietnam Pro,sans-serif;font-size:1.15rem;font-weight:700}.flood-transition-sub{color:#94a3b8;margin:0;font-family:Be Vietnam,sans-serif;font-size:.85rem}.flood-safehouse-destination{z-index:10;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;align-items:center;width:17.5%;display:flex;position:absolute;top:20%;left:47%}.flood-safehouse-destination img{pointer-events:none;width:100%;height:auto;display:block}.flood-safehouse-shadow{filter:blur(3px);pointer-events:none;z-index:-1;background:#00000080;border-radius:50%;width:70%;height:8px;position:absolute;bottom:0;left:15%}.flood-safehouse-interactive{cursor:pointer;transition:transform .2s,filter .2s;animation:2.4s ease-in-out infinite safehouseGlowPulse}.flood-safehouse-interactive:hover{filter:drop-shadow(0 0 12px #34d399a6);transform:scale(1.05)}.flood-safehouse-interactive:active{transform:scale(.96)}.flood-safehouse-confirmed{cursor:default;filter:drop-shadow(0 0 8px #34d39966)}@keyframes safehouseGlowPulse{0%,to{filter:drop-shadow(0 0 4px #34d39940)}50%{filter:drop-shadow(0 0 14px #34d3998c)}}.flood-outcome-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#020617c7;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:absolute;inset:0}.flood-outcome-card{text-align:center;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90%;padding:24px 22px;animation:.26s ease-out popIn;overflow-y:auto;box-shadow:0 20px 40px #00000073}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.flood-outcome-icon-badge{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 10px;font-size:24px;display:flex}.flood-outcome-title{color:#0f172a;margin:0 0 4px;font-family:Be Vietnam Pro,sans-serif;font-size:1.25rem;font-weight:800}.flood-outcome-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-weight:600}.flood-outcome-desc{color:#334155;text-align:left;border-radius:8px;margin:0 0 18px;padding:12px 14px;font-family:Be Vietnam,sans-serif;font-size:.88rem;line-height:1.5}.flood-outcome-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.flood-btn{cursor:pointer;touch-action:manipulation;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;padding:9px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:.88rem;font-weight:600;transition:all .15s}.flood-btn:active{transform:translateY(2px)}.flood-btn-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.flood-btn-secondary:hover{background:#e2e8f0}.flood-btn-primary{color:#fff;background:#a60212;box-shadow:0 4px 12px #0d4b2840}@media (width<=900px){.flood-hazard-tracker{gap:5px;padding:4px 10px;font-size:.72rem;top:8px;right:8px}.flood-player-container{pointer-events:none;z-index:20;transform-origin:bottom;height:100%;transition:left .8s cubic-bezier(.25,1,.5,1),top .8s cubic-bezier(.25,1,.5,1);position:absolute;top:50px!important;left:10px!important}.flood-callout-panel{max-width:320px;padding:10px 12px;bottom:8px;right:8px}.flood-callout-title{font-size:.88rem}.flood-callout-body{font-size:.78rem;line-height:1.4}.flood-retreat-action-bar{bottom:8px;left:8px}.flood-retreat-btn{padding:8px 14px;font-size:11px}.flood-outcome-card{max-height:95%;padding:14px 16px}.flood-outcome-icon-badge{width:38px;height:38px;margin:0 auto 6px;font-size:20px}.flood-outcome-title{margin:0 0 2px;font-size:1.1rem}.flood-outcome-subtitle{margin:0 0 6px;font-size:.72rem}.flood-outcome-desc{margin:0 0 12px;padding:8px 10px;font-size:.8rem;line-height:1.4}.flood-btn{padding:7px 16px;font-size:.82rem}}@media (height<=768px) and (orientation:landscape){.flood-game-wrapper{padding:2px 4px}.flood-safehouse-destination{z-index:10;pointer-events:auto;flex-direction:column;justify-content:flex-end;align-items:center;width:17.5%;display:flex;position:absolute;top:20%;left:47%}.flood-game-stage{aspect-ratio:16/9;width:auto;max-width:100%;height:100%}.flood-hazard-tracker{gap:4px;padding:3px 8px;font-size:.68rem;top:6px;right:8px}.flood-retreat-action-bar{z-index:45;bottom:6px;left:8px}.flood-retreat-btn{padding:6px 12px;font-size:11px}.flood-callout-panel{z-index:42;max-width:min(290px,46%);max-height:calc(100% - 44px);padding:8px 10px;bottom:6px;right:8px;overflow-y:auto}.flood-callout-header{gap:6px;margin-bottom:4px}.flood-callout-title{font-size:.84rem}.flood-callout-body{margin-bottom:6px;font-size:.74rem;line-height:1.35}.flood-callout-rule{margin-bottom:6px;padding:4px 8px;font-size:.72rem}.flood-callout-dismiss-btn{padding:4px 8px;font-size:.75rem}.flood-outcome-overlay{padding:6px}.flood-outcome-card{max-width:460px;max-height:calc(100% - 12px);padding:10px 18px;overflow-y:auto}.flood-outcome-icon-badge{width:34px;height:34px;margin:0 auto 6px;font-size:18px}.flood-outcome-title{margin:0 0 2px;font-size:1.05rem}.flood-outcome-subtitle{margin:0 0 6px;font-size:.72rem}.flood-outcome-desc{margin:0 0 10px;padding:6px 10px;font-size:.78rem;line-height:1.35}.flood-outcome-actions{gap:8px}.flood-btn{padding:6px 16px;font-size:.8rem}}.surge-game-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(4px,1.5vw,12px);display:flex;position:relative;overflow:hidden}.fire-game-stage{aspect-ratio:16/9;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:10px;flex-direction:row;align-items:stretch;gap:clamp(6px,1.2vw,16px);max-width:1200px;max-height:100%;padding:clamp(6px,1.2vw,16px);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #0009,0 0 0 1px #ffffff14}.surge-stage-background{object-position:center;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;position:absolute;inset:0}.surge-storm-column,.surge-supplies-column,.surge-bag-column{z-index:1;position:relative}.surge-storm-column{flex-direction:column;flex:0 0 35%;min-width:120px;max-width:480px;height:100%;display:flex}.surge-storm-window{background:#1e293b;border:2px solid #94a3b8;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0006,0 2px 6px #0000001a}.surge-storm-bg{object-fit:cover;object-position:center bottom;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.surge-overlay{object-fit:cover;object-position:center bottom;opacity:0;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .6s ease-in-out;position:absolute;inset:0}.surge-overlay-active{opacity:1}.surge-stage-badge{color:#f8fafc;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;white-space:normal;background:#0f172ad1;border:1px solid #ffffff26;border-radius:6px;padding:4px 6px;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.55rem,.8vw,.8rem);font-weight:700;line-height:1.2;position:absolute;top:6px;left:6px;right:6px;box-shadow:0 2px 4px #0000004d}.surge-stage-badge-critical{color:#fff;background:#dc2626e6;border-color:#fca5a5;animation:1.2s ease-in-out infinite pulseBadge}@keyframes pulseBadge{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.02)}}.surge-supplies-column{flex-direction:column;flex:44%;min-width:0;height:100%;padding:0 2px;display:flex}.surge-supplies-header{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 2px;display:flex}.surge-supplies-title{color:#334155;text-transform:uppercase;letter-spacing:.04em;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.6rem,.9vw,.85rem);font-weight:700}.surge-supplies-hint{color:#64748b;font-family:Be Vietnam,sans-serif;font-size:clamp(.55rem,.75vw,.72rem)}.surge-supplies-grid{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));align-content:stretch;gap:clamp(8px,1.2vw,16px);min-height:0;display:grid}.surge-item-slot{width:100%;height:100%;min-height:0;position:relative}.surge-item-card{box-sizing:border-box;cursor:grab;touch-action:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffffd9;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(2px,.4vw,5px);transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000f}.surge-item-card:hover{border-color:#38bdf8;box-shadow:0 3px 8px #38bdf833}.surge-item-card:active{cursor:grabbing}.surge-item-img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;max-width:100%;height:80%;max-height:100%}.surge-item-label{color:#1e293b;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;margin-top:2px;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.4rem,.6vw,.68rem);font-weight:600;line-height:1.1;overflow:hidden}.surge-slot-packed{box-sizing:border-box;color:#059669;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f1f5f9b3;border:1.5px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;font-family:Be Vietnam Pro,sans-serif;font-weight:700;display:flex}.surge-slot-packed-icon{font-size:clamp(.65rem,.85vw,.95rem)}.surge-battery-placeholder{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:55%;display:flex;position:relative}.surge-battery-svg{pointer-events:none;width:80%;height:80%}.surge-bag-column{box-sizing:border-box;flex-direction:column;flex:0 0 21%;justify-content:space-between;align-items:center;min-width:110px;max-width:220px;height:100%;padding:0;display:flex}.surge-bag-drop-target{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#ffffffd9;border:2px dashed #0000;border-radius:12px;grid-template-rows:20% 60% 20%;place-items:center;width:100%;height:100%;padding:8px;transition:all .2s;display:grid;position:relative}.surge-bag-counter-badge{color:#065f46;pointer-events:none;-webkit-user-select:none;user-select:none;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;grid-row:1;align-items:center;gap:4px;padding:4px 10px;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.6rem,.8vw,.8rem);font-weight:700;display:flex;box-shadow:0 1px 2px #0000000d}.surge-bag-target-wrapper{grid-row:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.surge-bag-img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 10px #0f172a33);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;transition:transform .2s}.surge-bag-status-hint{color:#212121;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-row:3;font-family:Be Vietnam,sans-serif;font-size:clamp(.55rem,.7vw,.68rem);line-height:1.1}.surge-bag-drop-target-active{background:#10b98114;border-color:#10b981;transform:scale(1.02)}.surge-bag-ready-tag{color:#fff;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;background:#059669;border-radius:6px;padding:2px 8px;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.55rem,.75vw,.72rem);font-weight:700;position:absolute;bottom:8px;box-shadow:0 2px 4px #0003}.surge-outcome-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f19c7;justify-content:center;align-items:center;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:absolute;inset:0}.surge-outcome-card{box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:1px solid #e2e8f0;border-bottom:6px solid #cbd5e1;border-radius:16px;width:100%;max-width:460px;padding:clamp(14px,2vw,24px);box-shadow:0 20px 40px -10px #00000080}.surge-outcome-icon-badge{border-radius:50%;justify-content:center;align-items:center;width:clamp(36px,4vw,48px);height:clamp(36px,4vw,48px);margin:0 auto 10px;font-size:clamp(18px,2vw,24px);display:flex}.surge-outcome-icon-success{background:#ecfdf5;border:1px solid #a7f3d0}.surge-outcome-icon-danger{background:#fef2f2;border:1px solid #fecaca}.surge-outcome-title{color:#0f172a;margin:0 0 4px;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:800}.surge-outcome-subtitle{color:#64748b;margin:0 0 10px;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.72rem,1vw,.82rem);font-weight:600}.surge-outcome-desc{margin:0 0 14px;font-family:Be Vietnam,sans-serif;font-size:clamp(.72rem,1vw,.82rem);line-height:1.45}.surge-outcome-desc-success{color:#065f46}.surge-outcome-desc-danger{color:#991b1b}.surge-outcome-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-around;margin-bottom:16px;padding:8px 12px;display:flex}.surge-outcome-stat-item{flex-direction:column;align-items:center;gap:2px;display:flex}.surge-outcome-stat-item span{color:#64748b;font-size:clamp(.6rem,.8vw,.68rem);font-weight:500}.surge-outcome-stat-item strong{color:#0f172a;font-size:clamp(.8rem,1.2vw,.95rem);font-weight:700}.surge-outcome-actions{justify-content:center;gap:10px;display:flex}.surge-btn{cursor:pointer;touch-action:manipulation;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;min-height:34px;padding:6px 16px;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.75rem,1vw,.85rem);font-weight:600;transition:all .2s}.surge-btn-primary{color:#fff;background:#a60212;border:none;box-shadow:0 2px 4px #0d4b2840}.surge-btn-primary:hover{filter:brightness(1.1)}.surge-btn-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.surge-btn-secondary:hover{background:#e2e8f0}@media (width<=768px) and (orientation:portrait){.surge-storm-column{flex:0 0 25%;max-width:100%}.surge-supplies-column{flex:auto}.surge-bag-column{flex-direction:row;flex:0 0 20%;width:100%;max-width:100%}.surge-bag-target-wrapper{height:100%}}@media (height<=520px){.surge-item-card{padding:2px}.surge-outcome-card{max-width:400px;padding:10px 16px}.surge-outcome-desc{margin-bottom:8px}.surge-outcome-stats{margin-bottom:8px;padding:4px 8px}}.animal-bite-game-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(4px,1.5vw,12px);display:flex;position:relative;overflow:hidden}.animal-bite-game-stage{aspect-ratio:16/9;box-sizing:border-box;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:10px;flex-direction:row;align-items:stretch;gap:clamp(6px,1.2vw,16px);width:100%;max-width:1200px;max-height:100%;padding:clamp(6px,1.2vw,16px);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #0009,0 0 0 1px #ffffff14}.animal-bite-game-stage .interactable,.animal-bite-game-stage button{-webkit-tap-highlight-color:transparent}.animal-bite-game-stage .interactable:focus:not(:focus-visible),.animal-bite-game-stage button:focus:not(:focus-visible){outline:none}.animal-bite-game-stage .interactable-highlighted:not(.animal-bite-phone-card){animation:none;box-shadow:none!important}.animal-bite-world-layer{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:absolute;inset:0}.animal-bite-ambient-overlay{pointer-events:none;background:radial-gradient(circle at 60% 30%,#ffffff26 0%,#0000001a 100%);width:100%;height:100%;position:absolute;top:0;left:0}.animal-bite-prompt-banner{z-index:25;box-sizing:border-box;background:#fffffff5;border:1.5px solid #a6021240;border-radius:9999px;align-items:center;gap:10px;padding:8px 24px;animation:.3s ease-out bitePromptSlideDown;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.animal-bite-prompt-icon{flex-shrink:0;font-size:1.15rem}.animal-bite-prompt-text{color:#1f2937;text-align:center;margin:0;font-size:.9rem;font-weight:600;line-height:1.35}@keyframes bitePromptSlideDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.animal-bite-distance-line{pointer-events:none;z-index:5;border-top:2px dashed #dc262699;width:4%;height:2px;position:absolute;bottom:24%;left:55%;transform:rotate(-8deg)}.animal-bite-distance-label{color:#fff;white-space:nowrap;background:#000000a6;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.animal-bite-char-label{color:#fff;white-space:nowrap;pointer-events:none;z-index:16;background:#111827d1;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.animal-bite-player-wrapper .animal-bite-char-label{bottom:-20px}.animal-bite-victim-wrapper .animal-bite-char-label{bottom:2px}.animal-bite-dog-wrapper{z-index:8;cursor:pointer;flex-direction:column;align-items:center;transition:transform .2s;display:flex;position:absolute;bottom:30%;left:60%}.animal-bite-dog-wrapper:hover{transform:scale(1.05)}.animal-bite-dog-img{object-fit:contain;filter:drop-shadow(0 4px 6px #00000059);width:44px;height:44px}.animal-bite-dog-badge{color:#fff;white-space:nowrap;letter-spacing:.2px;background:#ef4444e6;border-radius:4px;margin-top:2px;padding:2px 6px;font-size:.62rem;font-weight:700}.animal-bite-player-wrapper{z-index:10;pointer-events:none;flex-direction:column;align-items:center;height:48%;display:flex;position:absolute;bottom:7%;left:29%}.animal-bite-player-img{object-fit:contain;filter:drop-shadow(0 6px 10px #0000004d);width:auto;height:100%}.animal-bite-victim-wrapper{z-index:12;cursor:pointer;flex-direction:column;align-items:center;height:28%;display:flex;position:absolute;bottom:3%;left:39%}.animal-bite-victim-img{object-fit:contain;filter:drop-shadow(0 6px 10px #0000004d);width:auto;height:100%}.animal-bite-victim-active{animation:1.8s infinite biteVictimPulse!important}@keyframes biteVictimPulse{0%,to{filter:drop-shadow(0 0 #ef444400)}50%{filter:drop-shadow(0 0 16px #ef4444cc)}}.animal-bite-wound-indicator{z-index:16;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:54%;left:28%;transform:translate(-7px,-50%)}.animal-bite-wound-dot{background:#dc2626;border:2px solid #fff;border-radius:50%;width:14px;height:14px;animation:1.5s infinite biteDotPing;box-shadow:0 0 10px #ef4444}@keyframes biteDotPing{0%{transform:scale(.95);box-shadow:0 0 4px #ef4444}50%{transform:scale(1.2);box-shadow:0 0 14px #ef4444}to{transform:scale(.95);box-shadow:0 0 4px #ef4444}}.animal-bite-wound-tag{color:#fff;white-space:nowrap;letter-spacing:.3px;background:#dc2626e6;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:700;box-shadow:0 2px 4px #0003}.animal-bite-water-wrapper{z-index:14;cursor:pointer;flex-direction:column;align-items:center;transition:transform .2s;display:flex;position:absolute;bottom:7%;left:54%}.animal-bite-water-wrapper:hover{transform:scale(1.08)}.animal-bite-water-active{animation:1.6s ease-in-out infinite biteWaterGlow!important}@keyframes biteWaterGlow{0%,to{filter:drop-shadow(0 0 4px #2563eb66)}50%{filter:drop-shadow(0 0 16px #2563ebe6)}}.animal-bite-water-img{object-fit:contain;width:58px;height:auto}.animal-bite-water-badge{color:#fff;white-space:nowrap;background:#0284c7;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:.62rem;font-weight:700}.animal-bite-washing-fx{z-index:18;pointer-events:none;position:absolute;top:54%;left:28%;transform:translate(-50%,-50%)}.animal-bite-water-stream{background:radial-gradient(circle,#38bdf8cc 0%,#0284c766 60%,#0000 80%);border-radius:50%;width:48px;height:48px;animation:1s linear infinite biteWaterSpin}.animal-bite-foam-bubble{opacity:.85;background:#fff;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in infinite biteBubbleFloat;position:absolute;box-shadow:0 0 6px #38bdf8}.bubble-1{animation-delay:.1s;top:4px;left:8px}.bubble-2{animation-delay:.4s;top:18px;left:24px}.bubble-3{animation-delay:.7s;top:28px;left:10px}@keyframes biteWaterSpin{0%{transform:scale(.9)rotate(0)}50%{transform:scale(1.1)rotate(180deg)}to{transform:scale(.9)rotate(360deg)}}@keyframes biteBubbleFloat{0%{opacity:.9;transform:translateY(0)scale(.8)}to{opacity:0;transform:translateY(-24px)scale(1.3)}}.animal-bite-hold-zone{z-index:24;flex-direction:column;align-items:center;gap:8px;animation:.3s ease-out biteFadeIn;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.animal-bite-hold-timer-tag{color:#38bdf8;letter-spacing:.5px;background:#111827eb;border:1px solid #38bdf866;border-radius:9999px;padding:5px 14px;font-family:monospace;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #00000040}.animal-bite-hold-button-wrapper{cursor:pointer;touch-action:none;outline:none;width:88px;height:88px;position:relative}.animal-bite-hold-svg{width:100%;height:100%;transform:rotate(-90deg)}.animal-bite-hold-circle-bg{fill:none;stroke:#ffffff40;stroke-width:8px}.animal-bite-hold-circle-fill{fill:none;stroke:#0284c7;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 50ms linear}.animal-bite-hold-circle-active{stroke:#38bdf8;filter:drop-shadow(0 0 8px #38bdf8)}.animal-bite-hold-inner-btn{background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .15s,background .15s;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 14px #0000004d}.animal-bite-hold-inner-btn-holding{background:linear-gradient(135deg,#0369a1,#075985);transform:scale(.94);box-shadow:0 0 18px #38bdf8cc}.animal-bite-hold-label{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700;line-height:1.1}.animal-bite-phone-zone{z-index:24;cursor:pointer;flex-direction:column;align-items:center;gap:10px;animation:.3s ease-out biteFadeIn;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.animal-bite-phone-card{background:#fffffff2;border:2px solid #0284c7;border-radius:16px;align-items:center;gap:14px;padding:12px 20px;transition:transform .2s;display:flex;box-shadow:0 8px 24px #00000040;animation:1.8s infinite bitePhonePulse!important}.animal-bite-phone-card:hover{transform:scale(1.04)}@keyframes bitePhonePulse{0%,to{box-shadow:0 8px 24px #0284c740}50%{box-shadow:0 8px 30px #0284c7a6}}.animal-bite-phone-img{object-fit:contain;width:44px;height:auto}.animal-bite-phone-text-group{text-align:left}.animal-bite-phone-title{color:#111827;margin:0;font-size:.88rem;font-weight:700}.animal-bite-phone-subtitle{color:#4b5563;margin:2px 0 0;font-size:.75rem}.animal-bite-callout-panel{z-index:26;box-sizing:border-box;background:#fffffff7;border:1.5px solid #0000001f;border-radius:16px;width:90%;max-width:520px;padding:18px 22px;animation:.3s ease-out biteFadeIn;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.animal-bite-callout-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.animal-bite-callout-icon{font-size:1.35rem}.animal-bite-callout-title{color:#111827;margin:0;font-size:.95rem;font-weight:700}.animal-bite-callout-body{color:#374151;margin:0 0 14px;font-size:.82rem;line-height:1.45}.animal-bite-callout-btn{color:#fff;cursor:pointer;background:#a60212;border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:.85rem;font-weight:600;transition:background .2s}.animal-bite-callout-btn:hover{background:#87010e}.animal-bite-outcome-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;box-sizing:border-box;background:#0f172aad;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.3s ease-out biteFadeIn;display:flex;position:absolute;top:0;left:0}.animal-bite-outcome-card{box-sizing:border-box;text-align:center;background:#fff;border-radius:18px;width:100%;max-width:480px;padding:24px 28px;box-shadow:0 20px 40px #0000004d}.animal-bite-outcome-icon-badge{background:#ecfdf5;border:2px solid #10b981;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:1.6rem;display:flex}.animal-bite-outcome-title{color:#111827;margin:0 0 4px;font-size:1.15rem;font-weight:700}.animal-bite-outcome-subtitle{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:.78rem;font-weight:600}.animal-bite-outcome-desc{color:#374151;text-align:left;background:#f8fafc;border-left:4px solid #10b981;border-radius:10px;margin:0 0 18px;padding:12px 16px;font-size:.84rem;line-height:1.5}.animal-bite-outcome-desc ul{margin:6px 0 0;padding-left:18px}.animal-bite-outcome-desc li{margin-bottom:4px}.animal-bite-outcome-actions{justify-content:center;gap:12px;display:flex}.animal-bite-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.animal-bite-btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.animal-bite-btn-secondary:hover{background:#e5e7eb}.animal-bite-btn-primary{color:#fff;background:#a60212;box-shadow:0 4px 12px #a6021240}.animal-bite-btn-primary:hover{background:#87010e}@keyframes biteFadeIn{0%{opacity:0}to{opacity:1}}@media (height<=500px) and (orientation:landscape){.animal-bite-game-wrapper{padding:2px 4px}.animal-bite-game-stage{height:100%}.animal-bite-prompt-banner{padding:4px 16px;top:8px}.animal-bite-prompt-text{font-size:.78rem}.animal-bite-prompt-icon{font-size:.95rem}.animal-bite-distance-label{padding:1px 6px;font-size:.58rem;top:-16px}.animal-bite-water-wrapper{bottom:5%;left:54%}.animal-bite-water-img{width:46px}.animal-bite-hold-zone{bottom:6%}.animal-bite-hold-button-wrapper{width:72px;height:72px}.animal-bite-hold-inner-btn{width:56px;height:56px;top:8px;left:8px}.animal-bite-hold-label{font-size:.65rem}.animal-bite-hold-timer-tag{padding:3px 10px;font-size:.75rem}.animal-bite-phone-zone{bottom:6%}.animal-bite-phone-card{border-radius:12px;padding:8px 14px}.animal-bite-phone-img{width:32px}.animal-bite-callout-panel{padding:12px 16px;bottom:6%}.animal-bite-callout-body{margin-bottom:8px;font-size:.75rem}.animal-bite-outcome-card{max-width:440px;max-height:calc(100% - 12px);padding:10px 18px;overflow-y:auto}.animal-bite-outcome-desc{margin-bottom:12px;padding:8px 12px;font-size:.76rem}.animal-bite-outcome-icon-badge{width:40px;height:40px;margin-bottom:6px;font-size:1.2rem}}.cpr-game-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex;position:relative;overflow:hidden}.cpr-game-stage{aspect-ratio:16/9;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-touch-callout:none;border-radius:12px;width:100%;max-width:1200px;max-height:100%;position:relative;overflow:hidden;box-shadow:0 16px 40px #000000bf,0 0 0 1px #ffffff1a}.cpr-world-layer{will-change:opacity;backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.cpr-world-layer--back{z-index:1;opacity:1}.cpr-world-layer--front{z-index:2;opacity:1}.cpr-world-layer--front.is-fading{animation:.28s forwards cprWorldFadeIn}@keyframes cprWorldFadeIn{0%{opacity:0}to{opacity:1}}.cpr-ui-layer{pointer-events:none;z-index:30;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:absolute;inset:0}.cpr-ui-layer>*{pointer-events:auto}.cpr-hud-status{z-index:34;align-items:center;gap:8px;display:flex;position:absolute;top:3%;right:3%}.cpr-status-badge{color:#334155;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-transform:uppercase;letter-spacing:.05em;background:#fff;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:6px;padding:.4em .9em;font-size:clamp(.65rem,1.2vw,.75rem);font-weight:700;display:flex;box-shadow:0 4px 12px #0006}.cpr-status-dot{background:#64748b;border-radius:50%;width:8px;height:8px}.cpr-status-dot-active{background:#ef4444;animation:.4s infinite alternate cprDotBlink;box-shadow:0 0 10px #ef4444}.cpr-status-dot-done{background:#22c55e;box-shadow:0 0 8px #22c55e}@keyframes cprDotBlink{0%{opacity:.4}to{opacity:1}}.cpr-progress-tag{color:#334155;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#fff;border:1px solid #ffffff1f;border-radius:9999px;padding:.3em 1em;font-size:clamp(.7rem,1.4vw,.82rem);font-weight:800;box-shadow:0 4px 12px #0006}.cpr-bottom-action{z-index:35;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:8px;width:auto;display:flex;position:absolute;bottom:30%;left:25%;transform:translate(-50%)}.cpr-top-action{z-index:35;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:8px;width:auto;display:flex;position:absolute;top:35%;left:30%;transform:translate(-50%)}.cpr-pill-btn{color:#334155;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:manipulation;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #fecaca;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-height:36px;padding:.6em 1.5em;font-size:clamp(.6rem,1.1vw,.75rem);font-weight:700;transition:all .2s;animation:.6s ease-in-out infinite alternate cprBtnPulseRed;display:flex;box-shadow:0 4px 12px #0006}@keyframes cprBtnPulseGreen{0%{box-shadow:0 0 10px #22c55e66}to{box-shadow:0 0 20px #22c55ed9}}.cpr-rate-display{text-align:center;border-radius:12px;margin-bottom:6px;padding:4px 10px;font-size:clamp(.7rem,1.3vw,.85rem);font-weight:600}.cpr-rate-good{color:#16a34a;background:#22c55e26}.cpr-rate-bad{color:#ca8a04;background:#eab30826}.cpr-aed-banner{color:#dc2626;text-align:center;margin-bottom:12px;font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:700;animation:1s ease-in-out infinite cpr-aed-pulse}@keyframes cpr-aed-pulse{0%,to{opacity:1}50%{opacity:.5}}.cpr-aed-instructions{color:#1e293b;background:#ffffffe6;border-radius:10px;margin-bottom:12px;padding:12px 16px;font-size:clamp(.75rem,1.4vw,.9rem);line-height:1.6}.cpr-aed-instructions p{margin:2px 0}.cpr-outcome-list{text-align:left;color:#475569;margin:8px 0 16px;padding-left:20px;font-size:.85rem;line-height:1.6}.cpr-outcome-list li{margin-bottom:4px}.cpr-compressions-hud{z-index:35;pointer-events:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:clamp(4px,1.2vh,8px);width:min(88%,380px);display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.cpr-compressions-hud>*{pointer-events:auto}.cpr-compressions-count{color:#334155;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border:1px solid #ffffff1f;border-radius:9999px;padding:clamp(2px,.5vh,4px) clamp(10px,2vw,18px);font-size:clamp(.8rem,2.5vw,1.3rem);font-weight:800;line-height:1.2;box-shadow:0 4px 12px #0006}.cpr-rhythm-bar{background:#4817178c;border:1px solid #ffffff26;border-radius:999px;width:100%;height:clamp(10px,2vh,16px);position:relative;overflow:hidden;box-shadow:0 4px 12px #0006}.cpr-rhythm-zone-good{background:#facc15c4;position:absolute;top:0;bottom:0}.cpr-rhythm-zone-perfect{background:#6dde4ab6;position:absolute;top:0;bottom:0}.cpr-rhythm-indicator{will-change:left;background:#fff;border-radius:3px;width:clamp(3px,.8vw,5px);height:clamp(14px,2.8vh,22px);position:absolute;top:-2px;transform:translate(-50%);box-shadow:0 0 8px #ffffffd9}.cpr-tap-layer{z-index:5;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;position:absolute;inset:0}.cpr-compression-feedback{letter-spacing:.05em;text-shadow:0 2px 6px #0009;pointer-events:none;margin-top:-5px;font-size:clamp(.85rem,2.2vw,1.3rem);font-weight:800;animation:.8s forwards cprFeedbackPop}.cpr-compression-feedback-perfect{color:#6dde4a}.cpr-compression-feedback-good{color:#facc15}.cpr-compression-feedback-miss{color:#f87171}@keyframes cprFeedbackPop{0%{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1)}}.cpr-hint-text{color:#fff;text-align:center;text-shadow:0 1px 3px #0009;-webkit-backdrop-filter:blur(1.5px);background:0 0;border-radius:8px;padding:clamp(3px,.8vh,6px) clamp(8px,1.5vw,12px);font-size:clamp(.6rem,1.4vw,.78rem);line-height:1.25}@media (width<=640px),(height<=500px){.cpr-compressions-hud{gap:3px;top:5%}.cpr-rhythm-bar{height:12px}.cpr-rhythm-indicator{height:14px;top:-2px}.cpr-bottom-action{position:absolute;bottom:25%;left:16%;transform:translate(-50%)}.cpr-top-action{position:absolute;top:26%;left:30%;transform:translate(-50%)}}.cpr-outcome-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f19c7;justify-content:center;align-items:center;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) cprOutcomeModalFadeIn;display:flex;position:absolute;inset:0}@keyframes cprOutcomeModalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cpr-outcome-card{box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:1px solid #e2e8f0;border-bottom:6px solid #cbd5e1;border-radius:16px;width:100%;max-width:480px;padding:24px 28px;box-shadow:0 20px 40px -10px #00000080}.cpr-outcome-icon-badge{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:26px;display:flex}.cpr-outcome-title{color:#0f172a;margin:0 0 6px;font-family:Be Vietnam Pro,sans-serif;font-size:1.3rem;font-weight:800}.cpr-outcome-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-family:Be Vietnam Pro,sans-serif;font-size:.85rem;font-weight:600}.cpr-outcome-desc{color:#334155;text-align:left;border-radius:8px;margin:0;padding:12px 16px;font-family:Be Vietnam,sans-serif;font-size:.92rem;line-height:1.55}.cpr-outcome-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cpr-btn{cursor:pointer;touch-action:manipulation;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;padding:10px 22px;font-family:Be Vietnam Pro,sans-serif;font-size:.92rem;font-weight:600;transition:all .15s}.cpr-btn:active{transform:translateY(2px)}.cpr-btn-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.cpr-btn-secondary:hover{background:#e2e8f0}.cpr-btn-primary{color:#fff;background:#a60212;box-shadow:0 4px 12px #0d4b2840}.cpr-btn-primary:hover{filter:brightness(1.1)}@media (width<=768px){.cpr-outcome-card{max-width:90%;padding:18px 20px}.cpr-outcome-title{font-size:1.15rem}.cpr-outcome-desc{margin-bottom:14px;padding:10px 12px;font-size:.82rem}.cpr-btn{padding:8px 16px;font-size:.82rem}}@media (height<=500px) and (orientation:landscape){.cpr-game-wrapper{padding:2px 4px}.cpr-game-stage{aspect-ratio:16/9;width:auto;max-width:100%;height:100%}.cpr-outcome-overlay{padding:6px}.cpr-outcome-card{max-width:460px;max-height:calc(100% - 12px);padding:10px 18px;overflow-y:auto}.cpr-outcome-icon-badge{width:34px;height:34px;margin:0 auto 6px;font-size:18px}.cpr-outcome-title{margin:0 0 2px;font-size:1.05rem}.cpr-outcome-subtitle{margin:0 0 6px;font-size:.72rem}.cpr-outcome-desc{margin:0 0 10px;padding:6px 10px;font-size:.78rem;line-height:1.35}.cpr-outcome-actions{gap:8px}.cpr-btn{padding:6px 16px;font-size:.8rem}}.minigame-host-container{z-index:10000;box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none;overscroll-behavior:none;width:100vw;height:100dvh;padding-top:max(0px, env(safe-area-inset-top));padding-bottom:max(0px, env(safe-area-inset-bottom));padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right));background-color:#fdfaf6;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}html.minigame-active,body.minigame-active{overscroll-behavior:none;overflow:hidden}.minigame-host-header{padding:12px max(24px, env(safe-area-inset-right)) 12px max(24px, env(safe-area-inset-left));z-index:2;background:#a60212;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;box-shadow:0 1px 3px #0000000d}.minigame-host-title-group{align-items:center;gap:12px;display:flex}.minigame-host-title{color:#fff;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:1.1rem;font-weight:700}.minigame-host-badge{color:#92400e;background:#fef3c7;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.minigame-host-exit-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 16px;font-family:Be Vietnam Pro,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;position:relative}.minigame-host-exit-btn:before{content:"";position:absolute;inset:-4px}.minigame-host-content{flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.minigame-host-content>*{width:100%;height:100%}.minigame-host-fs-prompt{z-index:99998;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#4b0d0dd9;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-family:Be Vietnam Pro,sans-serif;font-size:1.05rem;font-weight:600;animation:.25s ease-out fadeIn;display:flex;position:absolute;inset:0}.minigame-host-fs-prompt-icon{font-size:2rem}.minigame-orientation-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;text-align:center;color:#fff;background:#4b0d0df2;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.minigame-orientation-icon{margin-bottom:16px;animation:2s ease-in-out infinite rotateHint;rotate:45deg}.minigame-orientation-icon svg{fill:#fff;width:100px;height:auto}@keyframes rotateHint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}.minigame-orientation-title{margin:0 0 8px;font-family:Be Vietnam Pro,sans-serif;font-size:1.25rem;font-weight:700}.minigame-orientation-desc{opacity:.9;max-width:320px;margin:0;font-family:Be Vietnam,sans-serif;font-size:.9rem}.minigame-host-error-card{text-align:center;background:#fff;border:1px solid #fee2e2;border-bottom:6px solid #fca5a5;border-radius:16px;width:90%;max-width:520px;padding:36px;box-shadow:0 10px 25px -5px #0000001a}.minigame-host-error-icon{margin-bottom:16px;font-size:3rem}.minigame-host-error-title{color:#991b1b;margin:0 0 12px;font-family:Be Vietnam Pro,sans-serif;font-size:1.35rem;font-weight:700}.minigame-host-error-desc{color:#4b5563;margin:0 0 24px;font-family:Be Vietnam,sans-serif;font-size:.95rem;line-height:1.5}.minigame-host-error-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#a60212;border:none;border-radius:10px;padding:12px 24px;font-family:Be Vietnam Pro,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.minigame-host-error-btn:hover{background:#0a3a1f}@media (height<=500px) and (orientation:landscape){.minigame-host-header{padding:4px max(14px, env(safe-area-inset-right)) 4px max(14px, env(safe-area-inset-left));min-height:35px;max-height:35px}.minigame-host-title-group{gap:8px}.minigame-host-title{font-size:.92rem}.minigame-host-badge{padding:2px 7px;font-size:.68rem}.minigame-host-exit-btn{min-height:32px;padding:4px 10px;font-size:.78rem}}.score-result{flex-direction:column;justify-content:center;align-items:center;margin:20px auto 22px;padding:5px 0;display:flex;position:relative}.score-circle{border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:20px;transition:background .4s,box-shadow .4s;animation:2.2s ease-in-out infinite scorePulse;display:flex;position:relative}.score-circle-inner{text-align:center;z-index:2;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.score-circle .score-number{color:#111827;letter-spacing:-1.5px;justify-content:center;align-items:baseline;margin:0;padding:0;font-size:42px;font-weight:800;line-height:1;display:flex}.score-circle .score-number span{color:#374151;letter-spacing:-.5px;margin-left:3px;font-size:24px;font-weight:500}.score-correct{color:#374151;margin-top:8px;font-size:16px;font-weight:500;line-height:1}.score-percentage{text-align:center;margin-top:17px;font-size:15px;font-weight:700;line-height:1;transition:color .3s}@keyframes scorePulse{0%{box-shadow:0 0 0 8px var(--score-glow-light), 0 0 20px var(--score-glow);transform:scale(1)}50%{box-shadow:0 0 0 13px var(--score-glow-light), 0 0 35px var(--score-glow);transform:scale(1.025)}to{box-shadow:0 0 0 8px var(--score-glow-light), 0 0 20px var(--score-glow);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.score-circle{animation:none}}.description-text{margin-top:-25px;padding:0}.description-text p{margin:0;padding:10px 0;font-size:15px;line-height:1.6}.pretest-back-btn{letter-spacing:1.5px;cursor:pointer;color:#48505de8;background-color:#eee;border:1px solid #48505de8;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .15s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.view-btn{color:#fff;background:#e8f3e8;border:1px solid #a60212;border-radius:12px}.delete-confirm-modal::-webkit-scrollbar{width:6px}.delete-confirm-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.delete-confirm-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.delete-confirm-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (prefers-reduced-motion:reduce){.score-circle{animation:none}}.pre-test-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.pre-test-page .dispatch{flex-shrink:0}.pre-test-page .content5{flex-direction:column;flex:1;min-height:0;display:flex}.content5{box-sizing:border-box}.pre-test-main{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.back-btn5{color:#a60212;background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;margin-top:30px;margin-right:auto;font-size:12px;font-weight:600;display:flex}.pre-test-wrapper{box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden auto}.pre-test-container{width:clamp(350px,90%,1200px);margin:auto 0}.pretest-navigation{padding:12px 20px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex;position:static}.modal-back-btn{letter-spacing:1.5px;color:#48505de8;cursor:pointer;background-color:#eeeeeed6;border:1px solid #48505de8;border-radius:12px;justify-content:center;align-items:center;margin-top:2px;margin-left:auto;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.question-card{text-align:center;box-sizing:border-box;align-items:center;width:100%;margin:0;transition:all .2s;position:relative}.question-badge{color:#fff;white-space:nowrap;box-sizing:border-box;background:#a60212;border-radius:20px;justify-content:center;gap:clamp(8px,2vw,16px);width:fit-content;max-width:100%;margin:0 auto 20px;padding:clamp(8px,1.5vw,10px) clamp(16px,3vw,24px);font-size:clamp(.79rem,1.5vw,1rem);font-weight:700;display:flex;position:relative;left:auto;transform:none;box-shadow:0 4px 10px #16653440}.question-badge .seg{align-items:center;gap:4px;display:inline-flex}.question-badge .seg:not(:last-child):after{content:"•";color:#fff9;margin-left:clamp(6px,1.5vw,12px)}.question-badge b{font-weight:700}.question-text{color:#65010b;text-align:center;box-sizing:border-box;margin:0 0 clamp(16px,3vh,24px);padding:0 8px;font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:800;line-height:1.5}.options-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;padding:10px;display:grid}.pre-option-choice{appearance:none;box-sizing:border-box;cursor:pointer;background:#fff;border:none;border-bottom:6px solid #e6e8ea;border-radius:12px;padding:clamp(14px,2vw,20px);transition:all .2s;position:relative;box-shadow:0 10px 20px -5px #00000014}.pre-option-choice.selected{z-index:11;background:#f9b302;border-color:#a37001;transform:scale(1.02);box-shadow:0 15px 30px #00000026,0 0 20px #ffe97a99}.option-text-content{color:#111;text-align:left;box-sizing:border-box;grid-template-columns:auto 1fr;align-items:center;gap:clamp(30px,2vw,30px);font-family:Be Vietnam,sans-serif;font-size:clamp(.95rem,1.8vw,1.2rem);font-weight:500;line-height:1.4;display:grid}.pre-option-choice.selected .option-text-content{color:#111;font-weight:600}.option-letter-box{color:#a60212;background:#ed313129;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(38px,4vw,46px);height:clamp(38px,4vw,46px);font-weight:700;display:flex}.pre-option-choice.selected .option-letter-box{z-index:11;color:#111;background:#a37001;font-weight:600;box-shadow:0 15px 30px #00000026,0 0 20px #ffe97a99}.pre-test-loading,.pre-test-error{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:20px;display:flex}.error-btn{color:#064583;cursor:pointer;background:#fff;border:none;border-radius:24px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 10px 15px -3px #0000001a}.error-btn:hover{transform:translateY(-2px);box-shadow:0 15px 20px -5px #00000026}.next-btn,.previous-btn{letter-spacing:1px;cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;padding:clamp(10px,1.5vh,12px) clamp(16px,2.5vw,24px);font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:700;transition:all .1s;display:inline-flex;position:relative;overflow:hidden;text-decoration:none!important}.next-btn{color:#fff;background-color:#a60212;border:1px solid #a60212;border-radius:12px}.previous-btn{color:#48505de8;background-color:#eee;border:1px solid #48505de8;border-radius:12px}.next-btn:hover,.previous-btn:hover{opacity:.9;transform:translateY(-1px)}@media (width<=768px){.pre-test-wrapper{padding:8px 12px}.pre-test-container{padding:0}.back-btn5{margin-top:20px;padding-left:12px}.pretest-navigation{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.question-text{margin:0}.options-grid{grid-template-columns:1fr;gap:12px;margin:0;padding:10px}.question-card{padding:5px 0}.pre-option-choice{padding:14px 16px}.answers-modal-footer{flex-direction:column-reverse}.retry-from-answers-btn,.back-from-answers-btn{width:100%}}:root{--paper:#eef1ec;--card:#fff;--ink:#1b2024;--ink-soft:#5b6570;--line:#d9ded9;--blue:#005da7;--blue-deep:#003461;--orange:#d9711f;--red:#b4201c;--green:#1c7a52;--gold:#9a6b00}.scene-background img{object-fit:contain!important;width:100%!important;height:100%!important}.scene-background{aspect-ratio:16/9;background:0 0;width:100%;position:relative;overflow:hidden}.scenario-frame{background:var(--paper);grid-template-rows:1fr auto;grid-template-columns:1fr;width:100%;min-height:100vh;padding-top:70px;display:grid}.scenario-image-row{background-color:#f9f1f1;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.scenario-content-row{box-sizing:border-box;text-align:left;z-index:10;background-color:#ffffff76;flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin:0;padding:14px 35px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 10px #0000000d}@media (width<=640px){.scenario-content-row{padding:20px 20px 18px}}@media (width<=1200px){.scenario-image-row{position:relative;overflow:hidden;padding:0!important}.scene-background{white-space:nowrap;width:100%;height:100%;display:block;position:relative;overflow:auto hidden}.scene-background::-webkit-scrollbar{background:#c2c1c1;border-radius:100px;height:8px}.scene-background::-webkit-scrollbar-thumb{background:#a60212;border-radius:10px}.scene-background img{max-width:none;display:block;object-fit:initial!important;width:auto!important;height:100%!important}}.scroll-indicator{pointer-events:none;border-radius:24px;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:700;animation:2s ease-in-out infinite pulseHint;position:fixed;box-shadow:0 4px 12px #0006;color:#fff!important;z-index:9999!important;opacity:1!important;visibility:visible!important;display:flex!important}@keyframes pulseHint{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (width>=641px){.scroll-indicator{display:none!important}}@media (width<=640px){.scroll-indicator{opacity:1!important;visibility:visible!important;display:flex!important}}.pre-test-loading,.pre-test-error{text-align:center;background:#f9f1f1;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100vh;padding:24px;font-family:Be Vietnam,sans-serif;display:flex}.pre-test-error h2{color:var(--red);text-transform:uppercase;letter-spacing:.5px;margin:0;font-family:Be Vietnam Pro,sans-serif;font-weight:800}.pre-test-error p{color:var(--ink-soft);max-width:420px;margin:0;font-size:1rem}.error-btn{letter-spacing:.4px;background:var(--blue);border:none;border-bottom:3px solid var(--blue-deep);color:#fff;cursor:pointer;border-radius:6px;padding:13px 32px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:transform .12s,filter .12s;display:inline-block}.error-btn:hover{filter:brightness(1.08)}.error-btn:active{border-bottom-width:1px;transform:translateY(2px)}.fullscreen-scene{background:var(--paper);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.scene-icon-large{filter:drop-shadow(0 4px 10px #1b20241f);font-size:88px}.scene-code{letter-spacing:3px;text-transform:uppercase;color:var(--orange);font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:800}.scene-caption{color:var(--ink-soft);text-align:center;margin-top:16px;padding:0 24px;font-family:Be Vietnam,sans-serif;font-size:15px;font-weight:500}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:#a60212;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:700}.stitle{color:var(--ink);text-transform:uppercase;letter-spacing:.2px;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:1.3rem;font-weight:800}.narr{color:var(--ink-soft);margin:0;padding:0;font-family:Be Vietnam,sans-serif;font-size:1rem;line-height:1.5}.btn.ghost{color:var(--blue);border:1px solid var(--blue);border-bottom:1px solid var(--blue);background:0 0}.btn.ghost:hover{background:#005da70f}.btn-continue{letter-spacing:1.5px;color:#fff;cursor:pointer;background:linear-gradient(#005da7 0%,#68abff 100%);border:2px solid #003461;border-radius:8px;justify-content:center;align-items:center;height:50px;margin-left:auto;padding:10px 22px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #003461;text-decoration:none!important}.btn-continue:hover{filter:brightness(1.1)}.btn-continue:active{filter:brightness(1.1);box-shadow:none;border:none;transform:translateY(2px)scale(1)}.btn-start-decision{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;margin-top:2px;margin-left:auto;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.btn-start-decision:hover{filter:brightness(1.1)}.btn-start-decision:active{filter:brightness(1.1);transform:translateY(2px)scale(1)}.conditional-context-banner{box-sizing:border-box;background:#d9711f1a;border:1px solid #d9711f4d;border-radius:8px;align-items:flex-start;gap:10px;width:100%;margin:4px 0 6px;padding:10px 16px;display:flex}.conditional-context-text{color:#7e3106;margin:0;font-family:Be Vietnam,sans-serif;font-size:.95rem;font-weight:600;line-height:1.45}.options-overlay-full{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;z-index:1000;background:#ffffffb5;justify-content:center;align-items:center;padding:clamp(12px,3vw,24px);display:flex;position:fixed;inset:0;overflow-y:auto}.options-overlay-content{pointer-events:none;box-sizing:border-box;background:0 0;flex-direction:column;gap:clamp(14px,2vh,22px);width:100%;max-width:1450px;margin:auto;animation:.2s modal-pop;display:flex}.options-overlay-content .option-choice{pointer-events:auto}.options-top-bar{text-align:center;flex-direction:column;align-items:center;gap:clamp(15px,3vh,30px);width:100%;display:flex}.options-timer{align-self:center}.options-question{color:#65010b;text-align:center;box-sizing:border-box;margin:0 0 clamp(16px,3vh,24px);padding:0 8px;font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:700;line-height:1.5;max-width:1300px!important}.options-choices{pointer-events:none;box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2vw,40px);width:100%;margin:0 auto;padding-top:clamp(10px,2vh,25px);display:grid}.options-choices .option-choice{pointer-events:auto}.option-choice{cursor:pointer;box-sizing:border-box;width:100%;color:var(--ink);appearance:none;-webkit-text-fill-color:var(--ink);-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;align-items:stretch;margin-bottom:20px;padding:0;font-family:Be Vietnam Pro,sans-serif;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 15px 20px -5px #00000014,0 6px 8px -4px #00000014}.option-row-1{padding:8px 8px 0}.option-row-2{box-sizing:border-box;padding:clamp(10px,2vw,15px)}.option-choice:hover{transform:translateY(-4px);box-shadow:0 24px 30px -5px #00000026,0 10px 12px -6px #0000001f}.option-choice.selected{z-index:11;background:#f9b302;border-color:#a37001;transform:scale(1.03);box-shadow:0 15px 30px #00000026,0 0 20px #ffe97a99}.option-choice-visual{aspect-ratio:16/8;background-color:#e7f6e2;border-radius:8px;width:100%;display:block;overflow:hidden}.option-choice-visual img{object-fit:cover;width:100%;height:100%;display:block}.option-choice-icon{opacity:.5;font-size:clamp(24px,4vw,32px)}.option-choice-label{text-align:center;box-sizing:border-box;color:var(--ink);-webkit-text-fill-color:var(--ink);padding:clamp(10px,2vh,15px) 10px;font-size:clamp(.9rem,1.5vw,1rem);line-height:1.35}.options-take-action-bar{z-index:10;justify-content:center;align-items:center;width:100%;margin-top:-20px;padding:16px 0 10px;display:flex;pointer-events:auto!important}.btn-take-action{letter-spacing:1.5px;color:#fff;cursor:pointer;z-index:20;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;min-width:180px;margin:0 auto;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:18px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden;pointer-events:auto!important;text-decoration:none!important}.btn-take-action:hover:not(:disabled){filter:brightness(1.1)}.btn-take-action:active:not(:disabled){filter:brightness(1.05);transform:translateY(2px)scale(.98)}.btn-take-action:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);pointer-events:none}@keyframes pulseTakeAction{0%,to{box-shadow:0 0 #0d4b2866}50%{box-shadow:0 0 0 8px #0d4b2800}}.btn-take-action:not(:disabled){animation:2s ease-in-out infinite pulseTakeAction}@media (width<=640px){.btn-take-action{width:100%;max-width:300px;margin-top:-15px;padding:10px 16px;font-size:16px}.timer-display{padding:0;margin-top:20px!important;margin-bottom:0!important}.options-question{margin:0 0 clamp(0px,3vh,10px)!important}}@media (width<=380px){.btn-take-action{min-width:150px;padding:8px 14px;font-size:14px}}@media (width<=1024px){.options-choices{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.options-overlay-full{align-items:flex-start;margin-top:70px;padding:10px}.options-choices{grid-template-columns:1fr;gap:18px;padding:10px}.option-choice-visual{aspect-ratio:20/9}}.btn-try-again{letter-spacing:1.5px;color:#fff;cursor:pointer;text-transform:none;background:linear-gradient(#dc2626 0%,#f87171 100%);border:2px solid #991b1b;border-radius:8px;justify-content:center;align-items:center;width:auto;min-height:32px;padding:0 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #991b1b;text-decoration:none!important}.btn-try-again:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-try-again:active{filter:brightness(.95);box-shadow:none;border:2px solid #991b1b;transform:translateY(2px)scale(1)}.btn-modal-secondary{border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:0 0;border-radius:6px;margin-left:12px;padding:12px 30px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:background .12s,color .12s}.consequence-modal-label,.feedback-modal-label,.tier-label{letter-spacing:.8px;text-transform:uppercase;border-radius:999px;margin-bottom:10px;padding:5px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:700;display:inline-block}.consequence-modal-label.full,.feedback-modal-header.full .feedback-modal-label,.tier-label.full{color:var(--green);background:#1c7a521a}.consequence-modal-label.partial,.feedback-modal-header.partial .feedback-modal-label,.tier-label.partial{color:var(--gold);background:#9a6b001f}.consequence-modal-label.zero,.feedback-modal-header.zero .feedback-modal-label,.tier-label.zero{color:var(--ink-soft);background:#5b65701f}.consequence-modal-label.fatal,.feedback-modal-header.fatal .feedback-modal-label,.tier-label.fatal{color:var(--red);background:#b4201c1a}.consequence-modal-text,.feedback-modal-outcome{color:var(--ink);margin:0;font-family:Be Vietnam,sans-serif;font-size:1.05rem;line-height:1.55}.consequence-modal-source,.feedback-modal-source{margin-top:6px;margin-bottom:18px}.feedback-modal-body,.feedback-modal-outcome{text-align:center}.feedback-modal-corrective{text-align:left;margin-top:14px}.corrective-title{letter-spacing:.8px;text-transform:uppercase;color:#a60212;margin-bottom:6px;font-family:Be Vietnam Pro,sans-serif;font-size:11px;font-weight:700}.corrective-text{color:var(--ink-soft);margin:0 0 8px;font-family:Be Vietnam,sans-serif;font-size:.95rem;line-height:1.55}.fatal-modal-label{letter-spacing:.8px;text-transform:uppercase;color:#fff;background:var(--red);border-radius:999px;margin-bottom:12px;padding:5px 16px;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:800;display:inline-block}.fatal-modal-text,.fatal-feedback-text{color:var(--ink);margin:0 0 12px;font-family:Be Vietnam,sans-serif;font-size:1.05rem;line-height:1.6}.fatal-feedback-title{color:var(--ink);text-transform:uppercase;margin-bottom:10px;font-family:Be Vietnam Pro,sans-serif;font-size:1.6rem;font-weight:800}.fatal-feedback-actions{flex-wrap:wrap;gap:20px;margin-left:auto;display:flex}@media (width<=768px){.fatal-feedback-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-right:0;display:grid}}.outcome{background:var(--card);border:1px solid var(--line);border-radius:10px;max-width:480px;margin-bottom:20px;padding:20px 24px}.outcome.full{border-left:3px solid var(--green)}.outcome.partial{border-left:3px solid var(--gold)}.outcome.zero{border-left:3px solid var(--ink-soft)}.otext{color:var(--ink);margin:10px 0;font-family:Be Vietnam,sans-serif;font-size:1rem}.osrc{letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.options-feedback-full{z-index:50;background:#1b202459;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.options-feedback-inner{background:var(--card);text-align:center;max-width:420px;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:26px 28px}.options-feedback-inner.correct{border-top:3px solid var(--green)}.options-feedback-inner.incorrect{border-top:3px solid var(--red)}.options-feedback-inner .ct{margin:0 0 8px;font-family:Be Vietnam Pro,sans-serif;font-size:1.05rem;font-weight:700}.options-feedback-inner.correct .ct{color:var(--green)}.options-feedback-inner.incorrect .ct{color:var(--red)}.options-feedback-inner p{color:var(--ink-soft);font-family:Be Vietnam,sans-serif;font-size:.95rem;line-height:1.55}.badge-screen{text-align:center;background:var(--paper);width:100%;min-height:100vh;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:80px 24px 40px;display:flex}.badge-gold{background:#fbf3dc}.badge-silver{background:#f1f3f4}.badge-bronze{background:#f7e9dc}.badge-none{background:var(--paper)}.medallion{background:var(--card);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:10px 0 14px;font-size:56px;display:flex}.medallion.none{background:#e7e9e7}.badge-screen .eyebrow{color:var(--ink-soft)}.badge-screen .stitle{color:var(--ink);font-size:1.7rem}.score-table{border-collapse:separate;border-spacing:0 6px;width:340px;max-width:90vw;margin-top:24px;font-family:Be Vietnam,sans-serif}.score-table td{background:var(--card);border:1px solid var(--line);padding:10px 18px;font-size:.92rem;font-weight:500}.score-table td:first-child{text-align:left;border-right:none;border-radius:8px 0 0 8px}.score-table td:last-child{text-align:right;border-left:none;border-radius:0 8px 8px 0;font-weight:700}.btnrow{gap:16px;margin-top:32px;padding-bottom:40px;display:flex}.timer-display{color:#fff;white-space:nowrap;box-sizing:border-box;background:#a60212;border-radius:20px;justify-content:center;align-items:center;gap:clamp(8px,2vw,16px);width:fit-content;max-width:100%;padding:2px 20px;font-size:clamp(.75rem,1.5vw,1rem);font-weight:700;display:flex;position:relative;left:auto;transform:none;box-shadow:0 4px 10px #16653440}.time-icon svg{stroke-width:2px;width:30px;height:30px}@media (width<=900px){.options-choices{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.scene-icon-large{font-size:60px}.stitle{font-size:1.5rem}.options-overlay-content{padding:0 4px}.options-choices{grid-template-rows:none;grid-template-columns:1fr}.consequence-modal-icon,.fatal-modal-icon,.feedback-modal-header,.fatal-feedback-badge{min-height:220px;font-size:84px}.score-table{width:100%}.btnrow{flex-direction:column;width:80%}.btn-modal-secondary{margin-top:10px;margin-left:0}}.modal-backdrop.mission-briefing-backdrop{z-index:100;background:#1b202466;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mission-briefing-modal,.no-attempts-modal{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;width:450px;max-width:560px;height:auto;padding:30px;font-family:Be Vietnam,sans-serif;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.no-attemps-modal{z-index:10000!important}.mission-briefing-header,.no-attempts-header{border-bottom:1px solid var(--line);align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.mission-icon,.lock-icon{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--orange);border-radius:6px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.mission-briefing-header h2,.no-attempts-header h2{color:#a60212;margin:0;font-size:16px;font-weight:700}.attempt-card{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;display:flex}.attempt-left{flex-direction:column;gap:4px;display:flex}.attempt-subtitle{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-weight:700}.attempt-title{text-transform:uppercase;color:var(--ink);margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:1.15rem;font-weight:700}.attempt-right{flex-direction:column;align-items:center;gap:4px;display:flex}.attempt-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-weight:700}.attempt-badge{background:#ecf5fd;border:1px solid #005da7;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.attempt-number{color:#a60212;font-family:Be Vietnam Pro,sans-serif;font-size:2.1rem;font-weight:800;line-height:1;display:block}.warning-banner{color:#a60212;background:#a6021227;border:1px solid #a60212;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:1rem;font-size:.9rem;line-height:1.5;display:flex}.warning-banner i{align-items:center;font-size:1.05rem;display:flex}.briefing-message p{color:var(--ink-soft);margin:.5rem 0;font-size:1rem;line-height:1.6}.briefing-message .fatal-warning{color:var(--ink);font-weight:700}.pt-badge-medal-stage{z-index:1;width:160px;height:160px;margin:0 auto;position:relative}.pt-badge-burst{transform-origin:50%;will-change:transform;animation:10s linear infinite badge-star-rotate}.mission-briefing-footer,.no-attempts-footer{border-top:1px solid var(--line);grid-template-columns:repeat(2,auto);justify-content:end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:grid}@media (width<=640px){.mission-briefing-footer,.no-attempts-footer{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;justify-items:center;gap:10px;display:grid}.mission-briefing-footer button,.mission-briefing-footer a,.no-attempts-footer button,.no-attempts-footer a{text-align:center;width:100%}}.btn-back{letter-spacing:1.5px;color:#374151;cursor:pointer;text-transform:none;background:linear-gradient(#e5e7eb 0%,#f3f4f6 100%);border:2px solid #9ca3af;border-radius:8px;justify-content:center;align-items:center;padding:10px 22px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #b4b7bd;text-decoration:none!important}.btn-back:hover{filter:brightness(.98)}.btn-back:active{filter:brightness(.95);box-shadow:none;border:none;transform:translateY(2px)scale(1)}.btn-start{letter-spacing:1.5px;color:#fff;cursor:pointer;background:linear-gradient(#005da7 0%,#68abff 100%);border:2px solid #003461;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:10px 22px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #003461;text-decoration:none!important}.btn-start:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-start:active{filter:brightness(.95);box-shadow:none;border:2px solid #1d4ed8;transform:translateY(2px)scale(1)}.no-attempts-modal .status-badge.locked{border:1px solid var(--red);color:var(--red);text-transform:uppercase;background:#b4201c14;border-radius:999px;margin-bottom:1rem;padding:.25rem 1rem;font-family:Be Vietnam Pro,sans-serif;font-size:.7rem;font-weight:700;display:inline-block}.no-attempts-message{color:var(--ink);margin-bottom:.5rem;font-family:Be Vietnam,sans-serif;font-size:1rem}.no-attempts-help{color:var(--ink-soft);font-family:Be Vietnam,sans-serif;font-size:.875rem}.btn-close{background:var(--paper);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:.75rem 2rem;font-family:Be Vietnam Pro,sans-serif;font-weight:700;transition:background .15s}.header-profile1{z-index:50;box-sizing:border-box;background:#fff 0 0/cover;background-image:var(--bg-desktop);border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding:10px 20px;display:flex;position:sticky;top:10px}.header-profile1:before{content:"";background-image:var(--bg-desktop);z-index:-1;background-position:bottom;background-size:cover;border-radius:12px;position:absolute;inset:0;transform:scaleX(-1)}.header-profile{z-index:10;background-size:cover;background-image:var(--bg-desktop);box-sizing:border-box;border-radius:12px;align-items:center;width:100%;margin-bottom:20px;padding:10px 10px 0 15px;position:sticky;top:10px}.header-profile:before{content:"";background-image:var(--bg-desktop);z-index:-1;background-position:bottom;background-size:cover;border-radius:12px;position:absolute;inset:0;transform:scaleX(-1)}.header-text{-webkit-backdrop-filter:blur(1px);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;background:0 0;margin:0;padding:6px 16px;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(1rem,2.5vw + .3rem,1.25rem);font-weight:700;overflow:hidden}.stats-grid1{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.stat-card1{text-align:center;box-sizing:border-box;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:25px 20px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.stat-card1 h3{color:#a60212;margin:0;font-size:34px;font-weight:500}.stat-card1 small{color:#434343;margin-top:10px}.stat-card1 h2{color:#1a1a2e;margin:0;font-size:18px;font-weight:600}.dashboard-main{grid-template-columns:2fr .9fr 1fr;gap:20px;display:grid}.charts-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;width:100%;margin-top:24px;display:grid}.dashboard-chart-container{box-sizing:border-box;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;min-width:0;max-width:100%;padding:15px 18px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dashboard-chart-container h4{color:#2c3e50;word-break:break-word;margin:0 0 8px;font-size:16px;font-weight:600}.chart-detail-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chart-detail-group label{color:#334155;white-space:nowrap;margin-top:-1px;font-size:14px;font-weight:600}.logo-holder{gap:5px;display:flex}.chart-container{width:100%;max-width:100%;overflow:hidden}.chart-container canvas{max-width:100%!important;height:auto!important}.charts-empty-state .no-data-sub{color:#bdc3c7;font-size:12px}.badge-number{color:#2c3e50;font-size:14px;font-weight:700}.badge-text{color:#7f8c8d;font-size:13px}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.dashboard-chart-container p{color:#64748b;margin:0 0 20px;font-size:14px}.no-data-message1{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;grid-column:1/-1;padding:180px 20px}.no-data-message1 p{color:#64748b;font-size:16px;text-align:center!important;justify-content:center!important;align-items:center!important}.no-data-sub1{color:#94a3b8;font-size:14px}.charts-grid p{margin-top:0}.chart-header h2{color:#1a1a2e;margin:0;font-size:18px}.filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;max-width:200px;padding:4px;font-size:14px}@media (width<=1024px){.charts-grid{grid-template-columns:1fr;gap:20px}.header-profile{background-image:var(--bg-mobile);box-sizing:border-box}.header-profile1{background-size:cover;background-image:var(--bg-mobile)}.header-profile1:before,.header-profile:before{content:"";background-image:var(--bg-mobile);z-index:-1;background-position:bottom;background-size:cover;border-radius:12px;position:absolute;inset:0;transform:scaleX(-1)}}@media (width<=768px){.charts-grid{gap:16px}.header-profile{background-image:var(--bg-mobile);box-sizing:border-box;border-radius:0;width:calc(100% + 40px);margin:-20px -20px 20px;top:0;padding:10px 20px 0 15px!important}.header-profile1{background-size:cover;background-image:var(--bg-mobile);box-sizing:border-box;width:calc(100% + 40px);margin:-20px -20px 20px;top:0;padding:10px 20px!important}.header-profile1:before,.header-profile:before{content:"";background-image:var(--bg-mobile);z-index:-1;background-position:bottom;background-size:cover;border-radius:12px;position:absolute;inset:0;transform:scaleX(-1)}.charts-grid p{margin-top:10px;font-size:14px}.dashboard-chart-container{padding:16px}}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.add-class-btn{color:#fff;cursor:pointer;background:#003b8f;border:none;border-radius:8px;padding:10px 18px}.class-card{background:#f8f9fc;border-radius:10px;margin-bottom:12px;padding:12px 20px}.class-card h4{margin-bottom:4px}.class-card p{color:#777;font-size:13px}.right-panel{flex-direction:column;gap:20px;display:flex}.request-item{background:#f8f9fc;border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px;display:flex}.activity-item{background:#f8f9fc;border-radius:10px;margin-top:10px;padding:12px}.mobile-badge-text{display:none}@media (width<=1200px){.dashboard-main{grid-template-columns:1fr}.stats-grid1{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.records-header h3{margin:0;padding:0}.header-profile{background-image:var(--bg-mobile);box-sizing:border-box;border-radius:0;width:calc(100% + 40px);margin:-20px -20px 20px;top:0}.header-profile1{background-size:cover;background-image:var(--bg-mobile);box-sizing:border-box;width:calc(100% + 40px);margin:-20px -20px 20px;top:0}.badge-number{font-size:clamp(.6rem,.5vw + .65rem,.875rem)}.badge-text{display:none}.mobile-badge-text{font-size:clamp(.6rem,.5vw + .65rem,.875rem);display:inline}.content{margin-left:0;padding:10px 10px 95px!important}.stats-grid1{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stat-card1{min-height:auto;padding:12px 8px!important}.stat-card1 small{letter-spacing:.3px;font-size:11px}.stat-card1 h2{font-size:16px}.stat-card1 h3{font-size:20px}.chart-header h2{font-size:15px}.chart-header p{font-size:14px}.profile-info,.dropdown-icon{display:none}}.modal-buttons3{grid-template-columns:repeat(2,auto);justify-content:end;align-items:center;gap:12px;display:grid}.modal-buttons4{display:none}.modal-header2{justify-content:space-between;align-items:center;display:flex}.profile-image-section{flex-direction:column;align-items:center;display:flex}.otp-box{text-align:center;box-sizing:border-box;color:#222;caret-color:#a60212;-webkit-text-size-adjust:100%;background:#fff;border:1px solid #ccc;border-radius:8px;outline:none;width:clamp(15px,8vw,40px);height:clamp(30px,10vw,50px);font-size:clamp(14px,4vw,22px);font-weight:600;transition:border-color .15s,box-shadow .15s}.otp-box:focus{border-color:#a60212;outline:none}.otp-box:disabled{opacity:.7;background:#f5f5f5}.otp-boxes-container{justify-content:center;gap:5px;margin-top:16px;display:flex}.verify-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:8px;height:42px;padding:2px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.verify-btn1{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:8px;height:42px;margin-top:7px;padding:2px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.verify-btn1:hover:not(:disabled){filter:brightness(1.1);transform:translateY(2px)scale(1)}.verify-btn1:disabled{opacity:.6;cursor:not-allowed}.verify-column{gap:10px;display:flex}@media (width<=768px){.profile-modal-content{height:80vh;margin:10px}.verify-column{flex-direction:column;gap:10px;display:flex}.modal-buttons4{grid-template-columns:repeat(2,auto);justify-content:end;align-items:center;gap:12px;display:grid}.password-input-wrapper{display:inline}.profile-modal-footer{padding:10px 20px}.profile-modal-body{flex:1;padding:20px;overflow-y:auto}.profile-modal-header{flex-direction:column;gap:8px;padding:20px 20px 0}.profile-image-wrapper{width:100px;height:100px}.modal-tab{padding:8px 12px;font-size:13px}.modal-buttons1{flex-direction:column}.modal-buttons1 button{width:100%}.current-password-row{flex-direction:column}.current-password-row input{width:100%}.verify-btn{justify-content:center;width:100%}.password-input-wrapper input{padding-right:50px}.modal-header2 h2{font-size:clamp(16px,2.5vw,14px)}}.profile-modal-content{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:95vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.profile-modal-header{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:12px;padding:24px 28px 0;display:flex}.profile-modal-body{flex:1;padding:10px 28px;overflow-y:auto}.profile-modal-footer{border-top:1px solid #e2e8f0;justify-content:end;align-items:center;gap:16px;padding:18px 28px}.modal-header2 h2{color:#a60212;font-size:clamp(17px,2.5vw,22px);font-weight:700}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:28px;transition:color .2s}.profile-image-section{flex-direction:column;align-items:center;margin:15px 0 20px;display:flex}.profile-image-wrapper{cursor:pointer;border:5px solid #a60212;border-radius:50%;width:120px;height:120px;transition:border-color .2s;position:relative;overflow:visible}.profile-image-wrapper:hover{border-color:#a60212}.profile-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-image-placeholder{color:#9ca3af;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.edit-icon{z-index:3;color:#fff;cursor:pointer;background-color:#a60212;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:14px;line-height:1;transition:all .2s;display:flex;position:absolute;bottom:-4px;right:-4px}.edit-icon:hover{background:#7a0210;transform:scale(1.08)}.edit-icon i{font-size:14px}.modal-tabs{border-bottom:1px solid #e2e8f0;gap:4px;margin-bottom:16px;display:flex}.modal-tab{appearance:none;cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;gap:6px;padding:10px 16px;font-size:14px;transition:color .2s;display:flex;position:relative}.modal-tab i{font-size:16px}.modal-tab:hover{color:#475569}.modal-tab:after{content:"";background:0 0;border-radius:2px;height:2px;transition:background .2s;position:absolute;bottom:-1px;left:0;right:0}.modal-tab.active{color:#a60212}.modal-tab.active:after{background:#a60212}.tab-panel{animation:.2s fadeIn}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{border:1px solid #b7b7b7;border-radius:12px;width:100%;height:42px;padding:0 14px;font-family:Be Vietnam,sans-serif;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#a60212;outline:none}.form-group input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.password-input-wrapper{gap:10px;width:100%;display:flex}.password-input-wrapper input{padding-right:45px}.success-text{color:#10b981;margin-top:4px;font-size:13px}.form-error{color:#dc3545;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:12px;padding:10px;font-size:14px}.form-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;margin-top:12px;padding:10px;font-size:14px}.current-password-row{align-items:center;gap:10px;display:flex}.current-password-row input{flex:1}.verify-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(2px)scale(1)}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.verified-badge{color:#059669;white-space:nowrap;background:#ecfdf5;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.verified-badge:before{content:"✓";font-weight:700}.password-requirements{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;padding:12px 16px;animation:.2s ease-out fadeIn;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000001a}.password-requirement-item{color:#64748b;align-items:center;gap:8px;padding:3px 0;font-size:12px;display:flex}.requirement-icon{color:#94a3b8;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;transition:all .2s;display:inline-flex}.requirement-icon.fulfilled{color:#22c55e}.requirement-text{transition:color .2s}.requirement-text.fulfilled{color:#22c55e}.modal-buttons1{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #b7b7b7;border-radius:12px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn:hover{background:#f1f5f9}.btn-save{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;padding:10px 24px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.btn-save:hover:not(:disabled){filter:brightness(1.1)}.btn-save:active:not(:disabled){filter:brightness(1.1);transform:translateY(2px)scale(1)}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-modal-logout-btn{display:none}.profile-modal-content::-webkit-scrollbar{width:6px}.profile-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.profile-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.profile-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (width<=768px){.modal-buttons3{display:none}.password-input-wrapper{display:inline}.profile-modal-footer{padding:10px 20px}.profile-modal-body{flex:1;padding:20px;overflow-y:auto}.profile-modal-header{flex-direction:column;gap:8px;padding:20px 20px 0}.profile-image-wrapper{width:110px;height:110px}.modal-tab{padding:8px 12px;font-size:13px}.modal-buttons1{flex-direction:column}.modal-buttons1 button{width:100%}.current-password-row{flex-direction:column}.current-password-row input{width:100%}.verify-btn{justify-content:center;width:100%}.password-input-wrapper input{padding-right:50px}.profile-modal-logout-btn{color:#fff;letter-spacing:1.5px;cursor:pointer;background:#a60212;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:8px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:background .2s,color .2s;display:flex}.profile-modal-logout-btn:active{color:#fff;background:#a60212}}.header-right{flex-direction:column;align-items:center;gap:16px;margin-left:auto;display:flex}.teacher-profile-container{cursor:pointer;flex-direction:column;align-items:center;gap:12px;margin-top:15px;transition:background .2s;display:flex}.profile-info{flex-direction:column;align-items:flex-end;display:flex}.user-name{color:#fff;font-size:14px;font-weight:700}.profile-avatar{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;display:flex;overflow:hidden}@media (width<=768px){.profile-info,.dropdown-icon{display:none}}.sidebar{z-index:100;background:0 0;border-radius:0;flex-direction:column;justify-content:space-between;align-items:stretch;width:70px;height:calc(100vh - 32px);padding:0;transition:width .3s;display:flex;position:fixed;top:10px;left:10px;overflow:visible}.sidebar .profile-info,.sidebar .dropdown-icon,.sidebar .user-name{display:none}.sidebar:hover .profile-info,.sidebar:hover .dropdown-icon,.sidebar:hover .user-name{display:block}.sidebar:hover{width:170px}.ntsp-logo{width:clamp(40px,5vw,50px);height:auto;display:block}.ntsp-logo1{width:clamp(45px,5.5vw,57px);height:auto;display:block}.logo-main,.logo-sub{color:#f9f0f0;text-align:center;font-family:Be Vietnam Pro,sans-serif;font-size:26px;font-weight:900;transition:all .3s;display:block}.sidebar .logo-main:after{content:"AL"}.sidebar .logo-sub:after{content:"RE"}.sidebar:hover .logo-main:after{content:"ALAB"}.sidebar:hover .logo-sub:after{content:"READY"}.logout-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.logout-btn:hover{filter:brightness(1.1)}.profile{text-align:center;margin-bottom:30px}.profile-pic{border-radius:50%;width:50px;height:50px}.profile-name{opacity:0;font-size:14px;font-weight:700;transition:opacity .3s}.sidebar:hover .profile-name{opacity:1}.sidebar-nav{flex-direction:column;gap:10px;width:100%;height:100%;padding:0;display:flex}.sidebar-top,.sidebar-bottom{box-sizing:border-box;background:#a60212;border-radius:12px;flex-direction:column;gap:15px;padding:10px;display:flex;overflow:hidden}.sidebar-top{flex:auto;min-height:0}.sidebar-bottom{flex:none}.nav-group,.profile-group{display:contents}.logout-btn1{cursor:pointer;text-align:left;color:#1e293b;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;margin-top:5px;font-size:15px;font-weight:550;text-decoration:none;transition:background .2s,transform .2s;display:flex}.nav-btn4{cursor:pointer;text-align:left;background:0 0;border:3px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px;font-size:15px;font-weight:550;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;display:flex}.nav-btn4 i{min-width:24px;font-size:18px}.nav-text{opacity:0;color:#f9f0f0;text-decoration:none;transition:opacity .3s}.sidebar:hover .nav-text{opacity:1}.nav-btn4:hover{color:#f9f0f0;background:#ed313129;padding-left:8px}.nav-btn4 svg{margin-left:-10px}.nav-btn4.active{color:#a60212;background:#fff}.nav-btn4.active svg path{fill:#a60212!important}.nav-btn4.active .nav-text{color:#a60212}.nav-btn4 i{margin-left:8px;display:flex}.sidebar-nav svg,.signout-btn svg{flex-shrink:0;width:30px!important;height:30px!important}.sidebar .sidebar-nav svg path{fill:#f9f0f0}.mobile-profile-btn{display:none}.mobile-profile-avatar{background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin:0;padding:0;display:inline-flex;overflow:hidden}.mobile-profile-avatar img{object-fit:cover;background:#fff;border:2px solid #f9f0f0;border-radius:50%;width:100%;height:100%;display:block}.mobile-profile-label{color:#f9f0f0;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.2}.footer{text-align:center;border-top:1px solid #ddd7;margin-top:auto;padding:20px 12px}.footer-text{color:gray;opacity:0;white-space:normal;word-wrap:break-word;margin:0;font-size:10px;line-height:1.4;transition:opacity .3s}.sidebar:hover .footer-text{opacity:1}.footer:before{content:"©";color:#095928;opacity:0;margin-bottom:5px;font-size:14px;transition:opacity .3s;display:block}.sidebar:hover .footer:before{opacity:1}.logout-modal-content{background:#fffcfc;border-radius:12px;width:400px;max-width:90%;animation:.3s ease-in-out slideIn;box-shadow:0 10px 40px #0003}.logout-modal-header{background:#fffcfc;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:5px 24px;display:flex}.modal-header h3{color:#333;margin:0;font-size:1.25rem;font-weight:600}.logout-modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:28px;line-height:1;transition:color .2s}.logout-modal-close:hover{color:#333}.logout-modal-body{padding:30px 24px}.logout-modal-body p{color:#555;margin:0;font-size:1rem;line-height:1.5}.logout-modal-footer{background:#fffcfc;border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.confirm-btn{color:#fff;background-color:#dc3545}.confirm-btn:hover{background-color:#c82333}.modal-btn:focus{outline:none;box-shadow:0 0 0 2px #dc354580}@media (width<=768px){.sidebar{height:66px;box-shadow:none;z-index:1000;box-sizing:border-box;background:0 0;border-radius:0;flex-direction:row;justify-content:center;align-items:stretch;margin:10px;padding:0;display:flex;position:fixed;inset:auto 0 0;overflow:visible;width:auto!important}.sidebar:hover{width:auto!important}.sidebar-logo,.mobile-toggle-btn,.sidebar-backdrop{display:none!important}.sidebar-top,.sidebar-bottom{display:contents}.sidebar-nav{box-sizing:border-box;flex-direction:row;align-items:stretch;gap:10px;width:100%;height:100%;margin:0;padding:0;display:flex}.nav-group,.profile-group{box-sizing:border-box;background:#a60212;border-radius:12px;flex-direction:row;align-items:center;padding:0 4px;display:flex;box-shadow:0 4px 20px #0000001f}.nav-group{flex:auto;justify-content:space-between;min-width:0}.profile-group{flex:0 0 76px;justify-content:center}.nav-btn4,.logout-btn1,.mobile-profile-btn{cursor:pointer;box-sizing:border-box;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;min-width:0;padding:10px;text-decoration:none;display:flex;margin-top:0!important}.logout-btn1{display:none!important}.mobile-profile-btn{display:flex}.mobile-profile-avatar{background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;margin:0;padding:0;display:inline-flex;overflow:hidden}.mobile-profile-avatar img{object-fit:cover;background:#fff;border:2px solid #f9f0f0;border-radius:50%;width:100%;height:100%;display:block}.mobile-profile-label{color:#f9f0f0;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.2}.nav-btn4 i,.logout-btn1 i{justify-content:center;align-items:center}.nav-btn4 svg,.logout-btn1 svg{width:22px!important;height:22px!important}.nav-btn4 svg path,.logout-btn1 svg path{fill:#f9f0f0;transition:fill .2s}.nav-text{color:#f9f0f0;white-space:nowrap;text-align:center;font-size:11px;font-weight:500;line-height:1.2;transition:color .2s;display:block;opacity:1!important}.nav-btn4.active .nav-text{font-weight:600}.nav-btn4.active svg path{fill:#f9f0f0}.nav-btn4:hover,.logout-btn1:hover,.mobile-profile-btn:hover{background:0 0;border:none;padding-left:10px}}.charts-empty-state{color:#7f8c8d;flex-direction:column;justify-content:center;align-items:center;height:250px;display:flex}.charts-empty-state p{margin:4px 0;font-size:14px}.chart-wrapper-box{background:#fafbfc;border-radius:8px;width:100%}.chart-container{position:relative;width:100%!important;height:350px!important}.chart-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot.moderate{background:#f9ae12}@media (width<=768px){.chart-container{width:100%!important;height:400px!important}.post-test-module-chart .y-axis-labels text,.pre-test-module-chart .y-axis-labels text{font-family:Inter,-apple-system,sans-serif!important;font-size:100px!important}.chart-legend{gap:10px}.legend-item{font-size:10px}.dot{width:10px;height:10px}.chart-wrapper-box{padding:0}.pre-test-module-chart .x-axis-labels,.post-test-module-chart .x-axis-labels,.pre-test-module-chart>div>canvas+div,.post-test-module-chart>div>canvas+div,.chart-wrapper-box .chart-container.pre-test-module-chart ul.x-axis-labels,.chart-wrapper-box .chart-container.post-test-module-chart ul.x-axis-labels{display:none!important}}.response-modal-content{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;width:100%;max-width:750px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.response-modal-content::-webkit-scrollbar{width:12px}.response-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.response-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.response-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.response-modal-header{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:12px;padding:24px 28px 0;display:flex}.response-modal-body{flex:1;padding:20px 30px;overflow-y:auto}.response-modal-body::-webkit-scrollbar{width:12px}.response-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.response-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.response-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-header3{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-module-title{color:#064e3b;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:16px;font-weight:700}.modal-question-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.modal-close-btn:hover{color:#475569}.scenario-description{color:#0f172a;margin-bottom:24px;font-size:16px;font-weight:500;line-height:1.6}.section-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.partial-credit-badge{color:#f5c61d;background-color:#ff98001a;border:1px solid #ff98004d;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.scoring-info-container{position:relative}.scoring-info-icon-btn{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;transition:all .2s;display:flex}.scoring-info-icon-btn:hover{color:#a60212;border-color:#a60212}.scoring-overlay{z-index:999;position:fixed;inset:0}.scoring-popover{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;width:320px;max-height:400px;animation:.2s popoverIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 12px #0000001a}@keyframes popoverIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.scoring-popover-header{flex-shrink:0;justify-content:space-between;align-items:stretch;gap:12px;padding:clamp(16px,3vw,24px) clamp(20px,3.5vw,28px) 0;display:flex}.scoring-popover-header h5{color:#111827;margin:0;font-size:14px;font-weight:600}.scoring-popover-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-top:-5px;padding:0;font-size:28px;line-height:1;transition:color .2s;display:flex}.scoring-popover-close:hover{background:#e5e7eb}.scoring-tiers{flex:1;padding:clamp(16px,3vw,24px) clamp(20px,3.5vw,28px);overflow-y:auto}.scoring-tiers::-webkit-scrollbar{width:6px}.scoring-tiers::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.scoring-tiers::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.scoring-tiers::-webkit-scrollbar-thumb:hover{background:#9ca3af}.scoring-tier{border-bottom:1px solid #f9fafb;padding:12px 0}.scoring-tier:last-child{border-bottom:none;padding-bottom:0}.scoring-tier:first-child{padding-top:0}.scoring-tier-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.scoring-tier-badge{color:#fff;letter-spacing:.3px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.scoring-tier-pts{color:#6b7280;background:#f3f4f6;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:600}.scoring-tier-desc{color:#6b7280;margin:0;font-size:12px;line-height:1.6}.test-type-badge{color:#fff;background-color:#fff3;border-radius:4px;margin-top:4px;padding:2px 8px;font-size:12px;display:inline-block}.scenario-context-text,.question-label-text{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.6}.question-description-text{color:#0f172a;margin:0 0 24px;font-size:16px;font-weight:400;line-height:1.6}.most-selected-warning-badge{color:#e65100;background-color:#ff980014;border:1px solid #ff980033;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.correct-answer-badge{color:#2e7d32;background-color:#4caf5014;border:1px solid #4caf5033;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.correct-option-card{background-color:#4caf5008;border-left:3px solid #5cb85a}.chart-performance-wrapper{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;padding-right:35px;display:grid}.chart-container-box{flex-direction:column;align-items:center;display:flex}.pie-chart-wrapper{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:260px;margin:0 auto;display:flex;position:relative}.no-responses-chart-placeholder{color:#94a3b8;background:#f1f5f9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.no-responses-icon{margin-bottom:4px;font-size:32px}.no-responses-chart-placeholder p{margin:0;font-size:14px;font-weight:500}.performance-summary-wrapper{flex-direction:column;justify-content:center;display:flex}.perf-stats{flex-direction:column;gap:12px;display:flex}.perf-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:8px 0;display:flex}.perf-item:last-child{border-bottom:none}.perf-label{color:#64748b;font-size:14px}.perf-value{color:#0f172a;font-size:14px;font-weight:600}.options-breakdown{margin-bottom:20px}.option-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:16px 10px;transition:all .2s}.option-card:last-child{margin-bottom:0}.option-card.correct-option-card{background:#f0fdf4;border-color:#22c55e}.option-card-content{grid-template-rows:1fr;grid-template-columns:auto auto 20%;align-items:center;gap:30px;width:100%;display:grid}.option-text-wrapper{flex:1;align-items:center;gap:12px;min-width:200px;display:flex}.option-label-badge{text-align:center;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:70px;padding:5px 12px;font-size:14px;font-weight:600;display:flex}.option-text{color:#0f172a;font-size:clamp(.8rem,.8rem + .2vw,1.125rem);line-height:1.4}.option-metrics-wrapper{flex-shrink:0;align-items:center;gap:12px;display:flex}.correct-answer-badge{text-align:center;color:#278804;white-space:nowrap;background:#ccfbc3;border:1px solid #51eb0465;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.most-selected-warning-badge{text-align:center;color:#b45309;white-space:nowrap;background:#ffedd5;border:1px solid #ff98004d;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.explanation-box{border-radius:10px;margin-top:4px}.explanation-box h4{color:#1e293b;margin:0 0 6px;font-size:14px;font-weight:600}.explanation-box p{color:#334155;margin:0;font-size:clamp(.8rem,.8rem + .2vw,1.125rem);line-height:1.6}.response-modal-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.footer-left,.footer-right{gap:8px;display:flex}.btn-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:background .2s}.btn-close:hover{background:#e2e8f0}.btn-nav-footer{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;padding:10px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .2s;text-decoration:none!important}.btn-nav-footer:hover{filter:brightness(1.1);transform:translateY(2px)scale(1)}.btn-nav-footer:active{transform:translateY(0)}.btn-nav-footer:disabled{opacity:.5;cursor:not-allowed;transform:none}.option-card-content-tier{grid-template-rows:1fr;grid-template-columns:10% auto 18%;align-items:center;gap:20px;width:100%;display:grid}.tier-header{align-items:center;gap:8px;min-width:120px;display:flex}.tier-badge{text-align:center;border-radius:4px;min-width:60px;padding:4px 12px;font-size:13px;font-weight:600}.tier-points{color:#666;font-size:12px;font-weight:500}.option-text-tier{color:#333;flex:1;min-width:150px;font-size:14px}.tier-spacer{flex:1}@media (width<=768px){.chart-container-box{justify-content:center;align-items:center;padding-top:10px;padding-bottom:10px}.response-modal-footer{padding:10px 20px}.response-modal-body::-webkit-scrollbar{width:10px}.response-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.response-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.response-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.response-modal-body{padding:10px 25px}.response-modal-header{padding:25px 25px 0}.response-modal-content{border-radius:12px;max-width:100%;padding:0}.options-breakdown{margin-top:30px!important}.chart-performance-wrapper{grid-template-columns:1fr;justify-content:center;align-items:center;gap:30px;margin:0;padding:0}.option-card-content-tier,.option-card-content{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.pie-chart-wrapper{max-width:200px}.scoring-popover{width:260px}}@media (width<=480px){.modal-header3{flex-direction:column;gap:8px}.modal-close-btn{align-self:flex-end;margin-top:-40px}.modal-footer{flex-direction:column-reverse;gap:12px}.footer-left,.footer-right{width:100%}.btn-close,.btn-nav-footer{text-align:center;justify-content:center;width:100%}}.analytics-content{min-height:0;padding:0 0 30px;overflow-y:auto}.analytics-content::-webkit-scrollbar{width:10px}.analytics-content::-webkit-scrollbar-track{background:#e2e8f0;border-radius:6px;box-shadow:inset 0 0 6px #0000001a}.analytics-content::-webkit-scrollbar-thumb{background:#64748b;border:2px solid #e2e8f0;border-radius:6px}.analytics-content::-webkit-scrollbar-thumb:hover{background:#475569}.analytics-cards-row{grid-template-columns:50% 50%;gap:20px;width:100%;margin-bottom:24px;display:grid}.scenario-grid{flex:1;grid-template-columns:1fr;gap:.5rem;max-height:300px;padding-right:4px;display:grid;overflow-y:auto}.scenario-grid::-webkit-scrollbar{width:6px}.scenario-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.scenario-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.scenario-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.analytics-question-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;padding:.65rem;transition:transform .15s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000014}.analytics-question-card:hover{border-color:#506686;box-shadow:0 4px 12px #0000001a}.scenario-title{color:#0f172a;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-height:84px;margin-bottom:.4rem;font-size:14px;font-weight:500;line-height:1.5;display:block;overflow-y:auto}.analytics-question-card::-webkit-scrollbar{width:6px}.analytics-question-card::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.analytics-question-card:-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.analytics-question-card:-webkit-scrollbar-thumb:hover{background:#64748b}.scenario-result{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.scenario-action{color:#475569;flex:1;font-size:14px}.scenario-details-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;white-space:nowrap;background-color:#a60212;border:1px solid #a60212;border-radius:12px;padding:10px 16px;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:500;transition:all .2s;text-decoration:none!important}.scenario-details-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.scenario-details-btn:active{transform:translateY(0)}.queal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:380px;max-height:85vh;animation:.25s slideUp;display:flex;box-shadow:0 25px 50px -12px #00000040}.ai-analytics-wrapper{background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.pre-test-charts{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.chart-container{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;height:350px;margin-top:10px;margin-bottom:20px;padding:.65rem;transition:transform .15s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.charts-empty-state{text-align:center;color:#666;background:#f9f9f9;border-radius:8px;padding:40px}.pre-test-summary{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.summary-item{background:#f8f9fa;border-radius:6px;flex-direction:column;align-items:center;padding:10px;display:flex}.summary-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.summary-value{margin-top:5px;font-size:20px;font-weight:700}.response-analysis-table-wrapper{background:#fff;border-radius:8px;margin-top:20px;padding:20px;overflow-x:auto;box-shadow:0 2px 4px #0000001a}.response-analysis-table-wrapper h4{color:#333;margin-top:0;margin-bottom:15px}.response-analysis-table{border-collapse:collapse;width:100%;font-size:14px}.response-analysis-table thead{background:#f8f9fa}.response-analysis-table th{text-align:left;white-space:nowrap;border-bottom:2px solid #dee2e6;padding:12px 8px;font-weight:600}.response-analysis-table td{vertical-align:top;border-bottom:1px solid #e9ecef;padding:10px 8px}.response-analysis-table tbody tr:hover{background-color:#f9f0f1}@media (width<=768px){.pre-test-charts{grid-template-columns:1fr}.chart-container{height:300px}.summary-grid{grid-template-columns:1fr 1fr}}.ai-analytics-select{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.ai-analytics-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.ai-analytics-loading{background-color:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:30px 20px;display:flex}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.ai-analytics-title{color:#1e293b;margin:0;font-size:20px;font-weight:600}.ai-analytics-selector{flex:auto;min-width:200px;max-width:400px}.ai-analytics-select{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.ai-analytics-select:focus{border-color:#3b82f6}.ai-analytics-empty{text-align:center;background-color:#fff;border:2px dashed #cbd5e1;border-radius:8px;padding:40px 20px}.ai-analytics-empty-text{color:#64748b;margin:0;font-size:16px}.ai-analytics-loading-container{background-color:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:30px 20px;display:flex}.ai-analytics-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:28px;height:28px;animation:1s linear infinite ai-spin}.queule-badge{color:#475569;background:#e2e8f0;border-radius:12px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.no-data-message{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;grid-column:1/-1;height:769px;padding:320px 20px}.no-data-message p{color:#64748b;font-size:16px;text-align:center!important;justify-content:center!important;align-items:center!important}.no-data-sub{color:#94a3b8;font-size:14px}.queal-queule-badge{color:#64748b;font-size:14px;font-weight:400}.no-options-message{text-align:center;color:#94a3b8;padding:20px;font-size:14px}.response-analysis-card{box-sizing:border-box;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;padding:20px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.chart-container{width:100%!important}.response-count-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;width:fit-content;padding:clamp(3px,.4vw,6px) clamp(5px,1.5vw,20px) clamp(3px,.4vw,6px) clamp(5px,1vw,14px);font-size:clamp(.75rem,.5vw + .65rem,.875rem);display:inline-flex}.badge-number{color:#0f172a;margin-right:3px;font-weight:700}.chart-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;padding-top:6px;padding-left:2px;display:flex}.legend-item{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.dot{border-radius:4px;width:12px;height:12px}.dot.strong{background:#22c55e}.dot.queerate{background:#eab308}.dot.needs-improvement{background:#f97316}.dot.critical{background:#ef4444}.accuracy-percent{color:#0f172a;font-weight:600}.accuracy-ratio{color:#94a3b8;font-weight:400}.analytics-filters{align-items:center;margin-bottom:15px;display:flex}.filter-group{align-items:center;gap:12px;width:100%;display:flex}.filter-group label{color:#334155;white-space:nowrap;font-size:14px;font-weight:600}.filter-select:hover{border-color:#94a3b8}.export-excel-btn{letter-spacing:1.5px;color:#a60212;cursor:pointer;white-space:nowrap;background-color:#a60212;border:1px solid #a60212;border-radius:12px;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:background-color .2s,box-shadow .2s;text-decoration:none!important}.export-excel-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(2px)scale(1)}.export-excel-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background-color:#e2e8f0}@media (width<=768px){.analytics-content{margin-left:0;padding:0}.response-analysis-card{gap:16px}.response-analysis-card p{margin-top:10px;font-size:14px}.analytics-cards-row{gap:12px;width:100%;flex-direction:column!important;display:flex!important}.chart-legend{grid-template-columns:repeat(2,1fr);gap:4px 16px;margin-top:12px;padding:4px 8px;display:grid}.response-analysis-card{flex:100%;width:100%;max-width:100%;max-height:none;padding:16px}.response-time-stats{flex-direction:column;gap:12px}.response-time-table{font-size:12px}.response-time-table thead th,.response-time-table tbody td{padding:8px 10px}.legend-items{flex-direction:column;gap:8px}.filter-group{align-items:flex-start;gap:8px}.filter-group label{margin-top:5px;margin-right:0}.filter-select{width:100%}}.response-time-container{box-sizing:border-box;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;width:100%;max-width:100%;margin-top:24px;padding:28px;font-family:inherit;overflow:hidden;box-shadow:0 4px 20px -2px #0000000d}.response-time-header{margin-bottom:24px}.response-time-header h2{color:#0f172a;margin:0 0 6px;font-size:20px;font-weight:700}.analytics-subtitle{color:#454f5e;margin:0 0 20px;font-size:14px;line-height:1.4}.response-time-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;display:grid}.stat-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.6px;text-align:center;font-size:11px;font-weight:600}.stat-value{color:#0f172a;margin-top:6px;font-size:26px;font-weight:700}.response-time-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-top:20px;overflow-x:auto}.response-time-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:14px}.response-time-table thead th{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-weight:600;transition:background .2s,color .2s}.response-time-table thead th:hover{color:#0f172a;background:#f1f5f9}.response-time-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.response-time-table tbody tr:last-child td{border-bottom:none}.response-time-table tbody tr{transition:background .15s}.response-time-table tbody tr:hover{background-color:#f9f0f1}.module-name-cell{color:#0f172a;text-overflow:ellipsis;max-width:250px;overflow:hidden}.students-cell,.questions-cell{color:#475569;text-align:center;font-weight:500}.accuracy-cell,.time-cell{min-width:150px}.accuracy-value,.time-value{color:#0f172a;margin-bottom:6px;font-weight:600;display:block}.accuracy-bar-container,.time-bar-container{background:#e2e8f0;border-radius:3px;width:100%;height:6px;overflow:hidden}.accuracy-bar,.time-bar{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.time-bar-label{color:#64748b;margin-top:4px;font-size:11px;display:inline-block}.speed-badge{text-align:center;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.sort-arrow{color:#3b82f6;margin-left:4px;font-size:11px}.response-time-legend{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;margin-top:24px;padding:18px 20px}.response-time-legend h4{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.legend-items{flex-wrap:wrap;gap:20px;display:flex}.legend-item{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.legend-color{border-radius:3px;flex-shrink:0;width:12px;height:12px}.no-data-message,.loading-state,.analytics-error{text-align:center;color:#64748b;padding:40px 20px}.no-data-sub{color:#94a3b8;margin-top:4px;font-size:13px}@media screen and (width<=1024px){.response-time-stats{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=768px){.response-time-container{border-radius:8px;margin-top:16px;padding:16px}.response-time-header h2{font-size:18px}.analytics-subtitle{font-size:13px}.response-time-stats{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;display:grid}.stat-item{justify-content:space-between;padding:12px 16px}.stat-value{margin-top:0;font-size:22px}.legend-items{flex-direction:column;gap:10px}}.status-toggle-container{justify-content:flex-end;margin-bottom:24px;display:flex}.status-toggle{background:#f4f4f4;border:1px solid #e9edf2;border-radius:12px;gap:3px;padding:2px;display:flex;box-shadow:0 1px 2px #0000000a}.status-btn{color:#6b7a8f;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:Be Vietnam,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.status-btn i{font-size:14px;transition:all .2s}.status-btn .badge{color:#6b7a8f;background:#eef2f6;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:600;line-height:1.4;transition:all .2s}.status-btn.active{color:#a60212;background:#fff;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.status-btn.active .badge{color:#a60212;background:#eef2f6}.status-btn.active i{color:#a60212}.status-btn:hover:not(.active){color:#1a2634;background:#fff9}.status-btn:hover:not(.active) .badge{color:#1a2634;background:#e2e8f0}.error-banner{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.error-banner i{font-size:18px}.error-close{color:#991b1b;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:16px}.alab-logo-mobile-only{align-items:center;width:220px;height:auto;margin-left:70px;display:block}.header-text.desktop-only{display:inline-block}@media (width<=768px){.header-text.desktop-only{display:none}}.section-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;display:grid}.section-card{background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.section-card:hover{background:#f8fbff;transform:translateY(-4px)}.section-cover{justify-content:center;align-items:center;height:115px;display:flex;position:relative;overflow:hidden}.section-cover h2{color:#fff;text-align:center;z-index:1;text-shadow:0 2px 8px #0000004d;font-size:clamp(1.5rem,2.5vw + 1rem,2.8rem);font-weight:700}.section-info{padding:14px;position:relative}.section-name{align-items:center;gap:15px;display:flex}.section-name span{font-weight:600}.section-name small{color:#8b8b8b}.student-count-badge{color:#747272;padding:0 20px;font-size:12px}.create-class-card{cursor:pointer;background-color:#fff;border:3px dashed #a60212;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:145px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.create-class-card:hover{transform:translateY(-4px)}.create-class-card i{color:#a60212;background-color:#ed313129;border-radius:50%;justify-content:center;align-items:center;margin-top:-18px;padding:14px;font-size:1.4rem;display:flex}.create-class-card h3{color:#a60212;margin:0;font-size:1.1rem;font-weight:700}.create-class-card p{color:#94a3b8;margin:0;font-size:.9rem}.card-menu{z-index:2;color:#374151;position:absolute;bottom:8px;right:8px}.menu-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:all .2s;display:flex}.menu-btn:hover{background:#5c5b5b2a}.menu-dropdown{z-index:10;background:#fff;border-radius:8px;min-width:150px;position:absolute;bottom:10px;right:30px;overflow:hidden;box-shadow:0 4px 12px #00000026}.menu-item{cursor:pointer;color:#374151;background:#fff;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.9rem;transition:all .2s;display:flex}.menu-item:hover{background:#f3f4f6}.menu-item.edit{border-bottom:1px solid #e5e7eb}.menu-item.delete{color:#ef4444}.menu-item.delete:hover{background:#fef2f2}.menu-item i{font-size:1.1rem}.no-archived-message{text-align:center;color:#6b7280;border-radius:12px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-archived-message i{color:#d1d5db;margin-bottom:16px;font-size:48px}.no-archived-message h3{color:#374151;margin:0 0 8px;font-size:18px}.no-archived-message p{color:#9ca3af;margin:0;font-size:14px}@media (width<=1200px){.dashboard-main{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.create-class-card,.section-cover{height:145px}.status-toggle-container{justify-content:center}.status-toggle{flex-wrap:wrap;justify-content:center;width:100%}.status-btn{flex:1;justify-content:center;min-width:0;padding:8px 14px;font-size:12px}.create-class-card{border-width:2px;gap:2px;min-height:190px}.create-class-card i{margin-top:-10px;padding:10px;font-size:1.5rem}.create-class-card h3{font-size:1rem}.create-class-card p{text-align:center;padding:0 10px;font-size:.825rem}}.create-modal{text-align:left;box-sizing:border-box;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;max-width:500px;max-height:90vh;padding:30px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.cover-preview{border-radius:10px;justify-content:center;align-items:center;width:100%;height:180px;margin-top:20px;margin-bottom:8px;display:flex;position:relative;overflow:hidden}.cover-image{border-radius:8px;width:100%;height:100%}.icon-controls{z-index:5;justify-content:flex-end;gap:10px;margin-top:-50px;margin-bottom:30px;padding-right:10px;display:flex;position:relative}.icon-group{display:inline-block;position:relative}.icon-btn{color:#fff;cursor:pointer;background:#0000008e;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.icon-btn:hover{background:#000c;transform:scale(1.05)}.customize-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:200px;padding:16px;position:absolute;bottom:calc(100% + 20px);right:-30%;transform:translate(10px);box-shadow:0 4px 12px #00000026}.customize-dropdown:after{content:"";filter:drop-shadow(0 2px 2px #0000001a);border-top:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;right:30px}.customize-section{flex-direction:column;gap:10px;display:flex}.required{color:#dc3545;font-weight:600}.helper-text{color:#3c4554;margin-top:4px;font-size:12px;font-style:italic;display:block}.section-label{color:#374151;margin-bottom:4px;font-size:13px;font-weight:500}.color-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:all .2s}.color-option:hover{border-color:#4f86d8;transform:scale(1.1)}#cover-image-upload{border-radius:10px;display:none}.upload-label{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.upload-label:hover{background:#e5e7eb}.upload-label i{font-size:14px}.remove-image-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.remove-image-btn:hover{background:#fecaca}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:disabled{cursor:not-allowed;background:#f3f4f6}.form-group input.input-error{border-color:#dc3545}.form-group input.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.error-text{color:#dc3545;margin-top:4px;font-size:13px}.modal-buttons1{border-top:1px solid #e5e7eb;flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;padding-top:15px;display:flex}.modal-buttons1 button,.modal-buttons1 .cancel-btn,.modal-buttons1 .create-btn,.modal-buttons1 .done-btn{box-sizing:border-box;white-space:nowrap;width:auto;min-width:110px;margin:0;padding:10px 20px;font-size:15px}.done-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 24px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.done-btn:hover:not(:disabled){filter:brightness(1.1)}.done-btn:active:not(:disabled){filter:brightness(1.1);box-shadow:none;border:1px solid #a60212;transform:translateY(2px)scale(1)}.done-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-btn{letter-spacing:1.5px;background-color:#eeeD5;color:#48505de8;cursor:pointer;border:1px solid #48505de8;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.cancel-btn:hover{filter:brightness(.98)}.cancel-btn:active{filter:brightness(1.1);box-shadow:none;border:1px solid #48505de8;transform:translateY(2px)scale(1)}.create-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.create-btn:hover:not(:disabled){filter:brightness(1.1)}.create-btn:active:not(:disabled){filter:brightness(1.1);box-shadow:none;border:1px solid #a60212;transform:translateY(2px)scale(1)}.create-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-modal::-webkit-scrollbar{width:6px}.create-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.create-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.create-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (width<=640px){.helper-text{font-size:10px}.cover-preview{height:150px}.color-grid{grid-template-columns:repeat(6,1fr)}.color-option{width:28px;height:28px}.modal-buttons1{justify-content:space-between;gap:8px;flex-direction:row!important}.modal-buttons1 button,.modal-buttons1 .cancel-btn,.modal-buttons1 .create-btn{min-width:unset;flex:1;padding:8px 10px;font-size:14px;width:50%!important}.customize-dropdown{min-width:180px;right:0}}.overview-content{flex-direction:column;gap:20px;min-height:0;padding:0 0 30px;display:flex;overflow-y:auto}.overview-stats{box-sizing:border-box;grid-template-columns:repeat(5,1fr);gap:20px;width:100%;padding:5px;display:grid}.access-card{color:#a60212;box-sizing:border-box;background:linear-gradient(135deg,#f2f3e6 0%,#a60212 100%);border-bottom:8px solid #a56c6c;border-radius:16px;flex-direction:column;grid-column:span 1;justify-content:center;padding:18px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.access-card:hover{transform:translateY(-4px)}.access-card:before{content:"";background:#ffffff14;border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-60px}.access-card:after{content:"";background:#ffffff0d;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-40px;left:-40px}.access-card h2{z-index:2;margin:0 0 16px;font-family:Be Vietnam Pro,sans-serif;font-size:18px;font-weight:700;position:relative}.save-btn1{letter-spacing:1.5px;color:#a60212;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:background .18s,transform .18s;display:block;position:relative;overflow:hidden;text-decoration:none!important}.code-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;box-sizing:border-box;background:#ffffff6b;border:1px solid #a60212;border-radius:14px;padding:10px 20px;position:relative}.code-label{letter-spacing:2px;color:#a60212;text-align:center;margin-bottom:10px;font-family:Be Vietnam,sans-serif;font-size:12px;font-weight:700;display:block}.code-row{justify-content:center;align-items:center;gap:10px;font-family:Be Vietnam,sans-serif;display:flex}.code-row h1{letter-spacing:4px;margin:0;font-size:clamp(1rem,.93rem + .35vw,1.125rem);font-weight:700}.qr-actions{gap:5px;display:flex}.copy-btn,.qr-btn{color:#a60212;cursor:pointer;border:1px solid #a60212bd;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .25s;display:flex;position:relative}.copy-btn:after{content:"Copied!";color:#a60212;opacity:0;pointer-events:none;white-space:nowrap;background:#000c;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500;transition:all .25s;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.copy-btn.copied:after{opacity:1}.fa-solid.fa-qrcode,.fa-solid.fa-qrcode:hover{margin-top:2px;font-size:20px}.hidden-qr{position:absolute;left:-9999px}.stat-card{box-sizing:border-box;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;grid-column:span 1;justify-content:center;align-items:center;padding:24px;transition:all .25s;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.stat-card:hover{transform:translateY(-4px)}.stat-card h3{color:#a60212;margin:0;font-size:34px;font-weight:500}.stat-card h2{color:#1a1a2e;margin:0;font-size:18px;font-weight:600}.stat-card small{color:#434343;margin-top:10px}.student-progress-container{margin-top:18px}.student-progress-bar{background:#ececec;border-radius:999px;height:8px;overflow:hidden}.student-progress-fill{background:linear-gradient(90deg,#2d7df6,#4f86d8);border-radius:999px;height:100%;transition:all .35s}.student-progress-text{color:#777;text-align:right;margin-top:8px;font-size:13px;display:block}.student-details{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.student-detail-text{color:#777;font-size:13px}.status-badge{border-radius:999px;justify-content:center;align-items:center;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.full,.status-badge.active{color:#155724;background:#d4edda}.status-badge.enrolling{color:#0056b3;background:#d6ebff}.status-badge.archived{color:#856404;background:#fff3cd}.status-badge.rejectd{color:#721c24;background:#f8d7da}.rejoin-requests-section{box-sizing:border-box;text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;grid-column:1/-1;width:100%;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.rejoin-requests-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.rejoin-requests-header h3{color:#a60212;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.rejoin-requests-header h3 i{color:#f9ae12}.request-badge{color:#fff;background:#f9ae12;border-radius:999px;margin-left:8px;padding:4px 15px;font-weight:700}.request-badge p{margin:0;padding:0;font-size:12px}.refresh-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:18px;transition:all .25s}.refresh-btn:hover:not(:disabled){color:#1f3d6d;background:#f1f3f5}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .fa-spin{animation:1s linear infinite fa-spin}.request-error{color:#721c24;box-sizing:border-box;background:#f8d7da;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.request-error i{font-size:18px}.requests-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.loading-spinner-small{border:3px solid #e9ecef;border-top-color:#0d4fb8;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.requests-loading p{color:#6c757d;margin:0;font-size:14px}.no-requests{text-align:center;color:#6c757d;padding:30px 20px}.no-requests p{margin:0;font-size:14px}.request-item{box-sizing:border-box;background:#f8f9fa;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-bottom:12px;padding:16px 20px;transition:all .25s;animation:.3s ease-out fadeIn;display:grid}.request-item:last-child{margin-bottom:0}.request-item:nth-child(2){animation-delay:50ms}.request-item:nth-child(3){animation-delay:.1s}.request-item:nth-child(4){animation-delay:.15s}.request-item:nth-child(5){animation-delay:.2s}.request-item:hover{background:#f1f3f5;transform:translate(4px)}.request-info{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.student-avatar{color:#fff;background:#ed3131a3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.request-details{flex:1;min-width:0}.student-name{margin-bottom:2px;font-size:15px;font-weight:600}.student-email{color:#6c757d;word-break:break-all;margin-bottom:4px;font-size:13px}.request-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.request-date{color:#9ca3af;align-items:center;gap:4px;font-size:12px;display:flex}.request-date i{font-size:12px}.request-status{color:#856404;text-transform:uppercase;letter-spacing:.5px;background:#fff3cd;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.request-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.accept-btn,.reject-btn{cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:100px;padding:8px 16px;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.accept-btn{color:#fff;background-color:#a60212;border:1px solid #a60212}.accept-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.reject-btn{color:#991b1b;background-color:#fee2e2;border:1px solid #991b1b}.reject-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.accept-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=900px){.access-card{min-height:unset;grid-column:1/-1;padding:20px}}@media (width<=768px){.qr-actions{margin-left:auto;margin-right:0;display:flex}.overview-content{margin:0;padding:0}.overview-stats{margin-top:0}.rejoin-requests-section{padding:16px}.rejoin-requests-header h3{font-size:16px}.request-item{grid-template-columns:1fr;gap:14px;padding:14px}.request-actions{gap:8px;width:100%;display:flex}.accept-btn,.reject-btn{flex:1;min-width:0;padding:10px 12px;font-size:12px}}@media (width<=480px){.student-avatar{width:38px;height:38px;font-size:16px}.student-name{font-size:14px}.student-email{font-size:12px}.request-meta{gap:8px}}@media (width<=1300px){.overview-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.overview-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){body,html{height:100%;overflow-y:auto!important}.overview-stats{grid-template-columns:repeat(2,1fr);gap:16px}.access-card{min-height:unset;grid-column:1/-1;padding:20px}.stat-card{min-height:unset;grid-column:span 1;padding:18px}.stat-card h2{font-size:16px}.stat-card h3{font-size:20px}.student-count-display{font-size:28px!important}.access-card h2{margin-bottom:12px;font-size:18px}.access-buttons{flex-direction:column;gap:10px}.rejoin-requests-section{border-radius:14px;grid-column:1/-1;padding:16px}.request-item{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.request-actions{justify-content:flex-end;gap:8px;width:100%}}@media (width<=480px){.overview-stats{gap:12px}.stat-card p{font-size:20px}}.student-view-modal{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;flex-direction:column;width:100%;max-width:750px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.student-view-header{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:12px;padding:24px 28px 0;display:flex}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0 4px;font-size:28px;line-height:1;transition:color .2s;display:flex}.modal-close-btn:hover{background:#e5e7eb}.student-info-header{text-align:center;flex-shrink:0;margin-top:20px;margin-bottom:16px;padding-bottom:16px}.student-name-title{color:#242930;text-align:center;margin:0 0 8px;font-size:18px;font-weight:700}.student-meta-row{color:#6b7280;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.student-tabs{border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:24px;padding-bottom:8px;display:flex}@media (width<=768px){.student-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;padding-bottom:8px;overflow:auto hidden}.student-tabs::-webkit-scrollbar{display:none}}.student-tab-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:4px 0;font-size:15px;font-weight:500;transition:color .2s;position:relative}.student-tab-btn:hover{color:#1a202c}.student-tab-btn.active{color:#a60212;font-weight:600}.student-tab-btn.active:after{content:"";background-color:#a60212;width:100%;height:2px;position:absolute;bottom:-9px;left:0}.student-tabs-skeleton{flex-shrink:0;gap:24px;margin-bottom:20px;padding-bottom:8px;display:flex}.student-view-body{flex:1;padding:24px 28px;overflow-y:auto}.student-view-body::-webkit-scrollbar{width:10px}.student-view-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.student-view-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.student-view-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.student-progress-error{text-align:center;color:#dc3545;padding:24px}.retry-btn{color:#a60212;cursor:pointer;background:#a60212;border:1px solid #a60212;border-radius:12px;margin-top:12px;padding:8px 24px;font-weight:600}.retry-btn:hover{filter:brightness(1.1)}.no-modules-text{text-align:center;color:#6b7280;padding:24px 0}.module-progress-card-wrapper{flex-direction:column;flex-shrink:0;gap:5px;display:flex}.module-progress-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.module-progress-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.module-progress-card-header h3{color:#1a202c;margin:0;font-size:16px;font-weight:600}.module-hero-banner{color:#fff;background:linear-gradient(135deg,#a60212 0%,#1a6b3b 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 10px;padding:16px 24px;display:flex;position:relative;box-shadow:0 4px 12px #0d4b2826}.module-hero-left{align-items:center;gap:16px;display:flex}.module-hero-icon-circle{color:#fff;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.module-hero-text h3{color:#fff;margin:0 0 4px;font-size:18px;font-weight:700}.module-hero-text p{color:#fffc;margin:0;font-size:13px}.module-hero-right{align-items:center;display:flex}.hero-completed-badge{color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.module-hero-progress-container{background:#0003;border-radius:999px;width:100%;height:8px;margin-top:16px;position:relative;overflow:hidden}.module-hero-progress-bar{background:#86efac;border-radius:999px;height:100%;transition:width .4s}.module-hero-progress-percentage{color:#fff;font-size:12px;font-weight:600;position:absolute;top:-24px;right:12px}.view-answers-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;justify-self:end;align-items:center;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.view-answers-btn:hover{filter:brightness(1.1);transform:translateY(2px)scale(1)}.view-answers-btn:disabled{letter-spacing:1.5px;color:#9fa4aa;opacity:.6;cursor:not-allowed;background-color:#f1f5f9;border:1px solid #9fa4aa;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:700;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.view-answers-btn:disabled:hover{filter:none;transform:none}.components-grid-3{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=768px){.components-grid-3{grid-template-columns:1fr}.student-view-body{padding-top:10px;padding-bottom:10px}.student-info-header{margin-top:10px;margin-bottom:10px;padding:0}.view-answers-btn{width:100%;margin-top:15px;font-size:12px}}.component-card-vertical{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;padding:20px 16px;transition:box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.component-card-vertical:hover{box-shadow:0 4px 12px #00000014}.component-card-icon-wrapper{text-align:center;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;font-size:18px;display:flex}.component-card-icon-wrapper.pre{stroke:#2f80ed;background-color:#eaf4ff}.component-card-icon-wrapper.lesson{stroke:#f28c28;background-color:#fff2e6}.component-card-icon-wrapper.post{background-color:#ffeaea}.component-card-icon-wrapper.pre svg path{stroke:#2f80ed;stroke-width:2.5px}.component-card-icon-wrapper.lesson svg path{stroke:#f28c28;stroke-width:2px}.component-card-icon-wrapper.post svg path{stroke:#ff554f;stroke-width:2px}.component-card-title{text-align:center;color:#374151;margin-bottom:8px;font-size:12px;font-weight:600}.component-card-badge{width:100%;margin:0 0 14px}.component-card-badge .student-status-badge{text-align:center;box-sizing:border-box;border-radius:999px;width:100%;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.component-card-badge .student-status-badge.completed{color:#065f46;background:#dcfce7}.component-card-badge .student-status-badge.in-progress{color:#1d4ed8;background:#dbeafe}.component-card-badge .student-status-badge.not-started{color:#94a3b8;background:#f1f5f9}.component-card-score{display:none}.lesson-xp-display{color:#065f46;box-sizing:border-box;background:#dcfce7;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.lesson-xp-label{color:#1a5a1a;font-weight:600}.lesson-xp-value{color:#a60212;font-weight:700}.attempt-indicator-pill{color:#4f46e5;cursor:pointer;background:#eef2ff;border:none;border-radius:12px;align-items:center;gap:5px;padding:3px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.attempt-indicator-pill:hover{opacity:.8}.attempt-indicator-pill.neutral{color:#94a3b8;cursor:default;background:#f1f5f9}.attempt-indicator-pill.neutral:hover{opacity:1}.attempt-indicator-pill svg path{fill:#4f46e5!important}.lesson-status-pill{color:#15803d;background:#dcfce7;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.attempt-history-section{opacity:0;flex-shrink:0;max-height:0;margin-top:0;padding:0;transition:max-height .4s ease-in-out,opacity .3s ease-in-out,margin .3s ease-in-out,padding .3s ease-in-out;overflow:hidden}.attempt-history-section.expanded{opacity:1;max-height:2000px;padding:20px 0;overflow:visible}.attempt-history-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.attempt-history-header h4{color:#1e293b;margin:0;font-size:16px;font-weight:600}.attempt-history-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;transition:color .2s}.attempt-history-close:hover{color:#475569}.attempt-history-grid{flex-direction:column;gap:12px;padding:0 10px 10px;display:flex}.attempt-history-empty{text-align:center;color:#6b7280;padding:20px;font-size:14px}.attempt-card{background:#fcfcfd;border:1px solid #e5e7eb;border-radius:10px;padding:18px 20px;transition:border-color .2s;position:relative;overflow:visible;box-shadow:0 2px 8px #00000008}.attempt-card-content{grid-template-columns:auto minmax(100px,auto) auto auto;align-items:center;width:100%;display:grid}@media (width<=640px){.attempt-card-content{grid-template-columns:1fr;gap:14px}}.attempt-circle{color:#16a34a;background:#eef7ef;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.attempt-circle span{font-size:14px}.border-in-progress .attempt-circle{color:#3b82f6;background:#edf3ff}.attempt-score-column{text-align:center;width:120px}@media (width<=640px){.attempt-score-column{text-align:left;flex-direction:column;align-items:flex-start;width:100%;display:flex}}.attempt-score-column strong{color:#111827;margin:0;padding-top:4px;font-size:14px}.student-status-badge{letter-spacing:.04em;border-radius:999px;width:max-content;padding:6px 14px;font-size:11px;font-weight:700}.pill-completed{color:#15803d;background:#dcfce7}.pill-in-progress{color:#2563eb;background:#dbeafe}.pill-neutral{color:#6b7280;background:#f3f4f6}.attempt-info-column{flex-direction:column;display:flex}@media (width<=640px){.attempt-info-column{flex-flow:wrap;align-items:center;gap:4px}}.info-title{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.border-completed .info-title i{color:#16a34a}.border-in-progress .info-title i{color:#3b82f6}.attempt-info-column strong{color:#111827;font-size:14px}@media (width<=640px){.attempt-info-column strong{font-size:13px}}.attempt-info-column small{color:#6b7280;font-size:12px}@media (width<=640px){.attempt-info-column small{font-size:11px}}.component-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;flex-direction:column;gap:12px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.component-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.component-title{color:#1a202c;font-size:14px;font-weight:600}.component-badge-wrapper{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attempt-indicator{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .2s}.attempt-indicator-pill svg{transition:transform .3s}.attempt-indicator-pill:hover svg{transform:scale(1.1)}.attempt-indicator:hover{background:#f1f5f9}.attempt-history-container{opacity:0;border-top:1px solid #0000;max-height:0;margin-top:0;transition:max-height .4s ease-in-out,opacity .3s,margin .3s;overflow:hidden}.attempt-history-container.expanded{opacity:1;border-top-color:#e5e7eb;max-height:none;margin-top:12px;padding-top:12px}.student-status-badge{letter-spacing:.5px;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.student-status-badge.completed{color:#065f46;background:#dcfce7}.student-status-badge.in-progress{color:#d97706;background:#fef3c7}.student-status-badge.not-started{color:#94a3b8;background:#f1f5f9}.test-status{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.test-status.completed{color:#16a34a;background:#dcfce7}.test-status.not-started{color:#94a3b8;background:#f1f5f9}.test-right-wrapper{margin-bottom:20px}.lesson-status.completed{color:#16a34a;background:#dcfce7}.lesson-status.in-progress{color:#d97706;background:#fef3c7}.lesson-status.not-started{color:#94a3b8;background:#f1f5f9}.xp-overview-card{background:#fff;border:1px solid #0000001a;border-radius:12px;margin-top:-20px;margin-bottom:10px;padding:16px 20px}.xp-stats-row{justify-content:space-around;gap:16px;margin-bottom:12px;display:flex}.xp-stat-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.xp-stat-label{color:#000000b3;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:12px;font-weight:600}.xp-stat-value{color:#000;text-align:center;font-size:16px;font-weight:700}.xp-progress-bar{background:#eee;border-radius:4px;width:100%;height:10px;margin:8px 0;overflow:hidden}.xp-progress-fill{border-radius:4px;height:100%;transition:width .5s}.xp-level-description{color:#0009;text-align:center;margin:10px 0 0;font-size:12px}.module-xp-grid{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:8px;padding-top:10px;display:grid}.module-xp-item{flex-direction:column;gap:2px;display:flex}.module-xp-label{color:#fffc;justify-content:space-between;font-size:11px;display:flex}.module-xp-label span:last-child{color:#ffffff80;font-size:10px}.module-xp-bar{background:#ffffff26;border-radius:4px;width:100%;height:4px;overflow:hidden}.module-xp-fill{background:linear-gradient(90deg,#86efac,#4ade80);border-radius:4px;height:100%;transition:width .3s}@media (width<=640px){.xp-overview-card{border-radius:10px;margin:0 0 10px;padding:14px 16px}.student-view-header{gap:8px;padding:20px 20px 0}.xp-stats-row{flex-flow:wrap;gap:8px;margin-bottom:10px}.xp-stat-item{flex:1;min-width:60px}.xp-stat-label{letter-spacing:.3px;font-size:10px}.xp-stat-value{font-size:16px}.xp-progress-bar{height:5px;margin:6px 0}.xp-level-description{margin:2px 0 0;font-size:11px}.module-xp-grid{grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:6px;padding-top:8px}.module-xp-label{font-size:10px}.module-xp-label span:last-child{font-size:9px}.module-xp-bar{height:3px}}@media (width<=400px){.xp-stats-row{flex-direction:column;gap:0}.xp-stat-item{border-bottom:1px solid #ffffff0d;flex-direction:row;justify-content:space-between;padding:2px 0}.xp-stat-item:last-child{border-bottom:none}.xp-stat-label{text-align:left;font-size:11px}.xp-stat-value{font-size:15px}.module-xp-grid{grid-template-columns:1fr;gap:4px 0}}@media (width<=640px){.student-view-modal{border-radius:16px;width:100%;max-height:95vh}.student-progress-body{padding:0;overflow-y:auto!important}.student-progress-body:not(:has(.attempt-history-section.expanded))::-webkit-scrollbar{width:8px!important;display:block!important}.student-progress-body::-webkit-scrollbar{width:8px!important;display:block!important}.student-progress-body::-webkit-scrollbar-track{border-radius:10px}.component-card-vertical{gap:12px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:16px 20px!important;display:flex!important}.test-right-wrapper{flex-direction:column;gap:8px;display:flex}.test-left-wrapper{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.component-card-icon-wrapper{margin-bottom:0!important}.component-card-title{text-align:center!important;margin-bottom:0!important}.component-card-badge{width:auto!important;margin:0!important}.component-card-badge .student-status-badge{min-width:80px;width:auto!important}.student-progress-body::-webkit-scrollbar-thumb{border-radius:10px}.student-name-title{font-size:16px}.student-meta-row{gap:10px;display:block;font-size:13px!important}.student-tabs{gap:16px}.student-tab-btn{font-size:14px}.module-hero-banner{margin:0 5px;padding:14px 16px}.module-hero-left{gap:12px}.module-hero-icon-circle{width:40px;height:40px;font-size:18px}.module-hero-text h3{font-size:16px}.module-hero-text p{font-size:12px}.components-grid-3{gap:12px;margin:16px 5px 0}.module-progress-card{padding:14px 16px}.component-card{padding:12px 14px}.attempt-card-content{gap:8px 16px;grid-template-rows:1fr!important;grid-template-columns:1fr 1fr!important;align-items:center!important;display:grid!important}.attempt-info-column{flex-flow:column wrap;align-items:flex-start;gap:4px}.attempt-card{flex-direction:column;padding:14px 16px;display:flex}.attempt-circle{width:50px;height:50px;font-size:24px}.attempt-history-grid{padding:0 5px 10px}}.students-header{align-items:center;display:flex;gap:0!important}.records-header h3{color:#1a202c;margin:0 0 20px;font-size:22px;font-weight:700;padding:0!important}.students-content{min-height:0;padding:0 0 30px;overflow-y:auto}.search-container{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-row{margin-top:-10px;margin-bottom:20px}.search-field-group{background:#fff;border:1px solid #e8e8e8;border-radius:12px;align-items:center;gap:8px;min-width:180px;padding:0 15px;transition:all .3s;display:flex;overflow:hidden}.search-select{color:#4a5568;cursor:pointer;background:#f8fafc;border:none;border-right:1px solid #e2e8f0;outline:none;min-width:90px;padding:10px 14px;font-size:14px;font-weight:500}.search-select:hover{background:#f1f5f9}.student-count{color:#4a5568;white-space:nowrap;background:#edf2f7;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500}.students-table{box-sizing:border-box;background:#fff;border:none;border-radius:16px;width:100%;min-width:600px;margin-bottom:0;transition:all .3s}.students-table thead{background:#cecdcd1c}.students-table th{text-align:left;color:#000;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #0000000b;border-right:1px solid #0000000b;padding:14px 20px;font-size:12px;font-weight:600}.students-table td{color:#334155;border-bottom:1px solid #0000000b;border-right:1px solid #0000000b;padding:16px 20px;font-size:14px}.students-table tbody tr{transition:background-color .15s}.students-table tbody tr:hover{background-color:#f9f0f0}.students-table tbody tr:last-child td{border-bottom:none}.student-cell .student-name{color:#1a202c;font-size:14px;font-weight:700}.student-cell .student-email{color:#7d8ca8;font-size:13px}.btn-holder{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.btn-holder .view-btn,.btn-holder .remove-btn{white-space:nowrap;flex:none}.view-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;min-height:32px;padding:0 20px;font-family:Be Vietnam Pro,sans-serif;transition:all .1s;display:inline-flex;position:relative;overflow:hidden;text-decoration:none!important}.view-btn:hover{filter:brightness(1.1)}.view-btn:active{filter:brightness(1.1);box-shadow:none;border:1px solid #a60212;transform:translateY(2px)scale(1)}.view-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.no-results-cell{text-align:center;color:#64748b;padding:40px 20px!important}.no-results-cell p{margin:0;font-size:14px}.students-table th:nth-child(2),.students-table td:nth-child(2){background-color:#fff;left:0}.students-table thead th:nth-child(2){background-color:#fafafa}.students-table tbody tr:hover td:nth-child(2){background-color:#f9f0f0}.students-table th:nth-child(2):after,.students-table td:nth-child(2):after{content:"";pointer-events:none;width:5px;height:100%;position:absolute;top:0;right:5px}@media (width<=768px){.students-content{margin:0;padding:0}.students-header{flex-direction:column;align-items:stretch}.students-header h3,.records-header h3{font-size:18px!important}}.search-container{flex-direction:column;align-items:stretch}.search-field-group,.search-input1{width:100%}.students-table{min-width:520px}.students-table th,.students-table td{padding:12px 14px;font-size:13px}.student-cell .student-email{font-size:12px}@media (width<=480px){.students-table{min-width:460px}.students-table th,.students-table td{padding:10px 12px;font-size:12px}}.modules-content{min-height:0;padding:0 0 30px;overflow-y:auto}.modules-content h3{color:#1f3d6d;margin:0 0 24px;font-size:20px;font-weight:600}.module-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 20px;margin-top:20px;display:grid}.module-card{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;flex-direction:column;margin-bottom:30px;padding:20px 20px 16px;transition:all .25s;display:flex;position:relative;top:0;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.module-card:hover{transform:translateY(-4px)}.module-card>.status-badge{margin:0;position:absolute;top:16px;right:16px}.module-card h4{color:#1a202c;margin:0 0 12px;font-family:Be Vietnam Pro,sans-serif;font-size:16px;font-weight:600}.module-card p{color:#434b5b;align-items:center;gap:8px;margin:0 0 3px;font-family:Be Vietnam,sans-serif;font-size:14px;display:flex}.module-card-content{align-items:flex-start;gap:20px;display:flex}.module-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;padding:8px;transition:all .3s;display:flex}.module-icon-wrapper svg{object-fit:contain;width:100%;height:100%;fill:#fff!important}.module-info{flex:1;min-width:0}.module-info h4{color:#333;margin:8px 0 4px;font-size:18px;font-weight:600}.module-info p{color:#666;margin:4px 0 12px;font-size:14px;line-height:1.4}.status-badge{text-align:center;text-transform:uppercase;border-radius:20px;align-items:center;font-family:Be Vietnam,sans-serif;font-size:12px;font-weight:500}.status-badge.active{color:#2e7d32;background-color:#e8f5e9}.status-badge.inactive{color:#757575;background-color:#f5f5f5}.status-badge.locked{color:#c62828;background-color:#fce4ec}.module-status-row{text-align:center;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;margin:-10px 0 16px;padding:12px 0 0;display:flex}.module-status-row>div{flex-direction:column;flex:1}.module-status-row>div:first-child{align-items:flex-end}.module-status-row>div:last-child{align-items:flex-start}.status-label{color:#9aa5b8;text-transform:uppercase;letter-spacing:.4px;font-size:10.5px;font-weight:600}.module-status-row .status-badge{width:fit-content;margin-right:0;padding:2px 9px;font-size:10px}.manage-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:background .18s,transform .18s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.manage-btn svg path{fill:#fff;font-weight:900}.manage-btn:hover{filter:brightness(1.1)}.manage-btn:active{filter:brightness(1.1);box-shadow:none;border:none;transform:translateY(2px)scale(1)}.status-badge1,.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.status-badge.not_started{color:#92400e;background:#fef3c7}@media (width<=768px){.modules-content{margin:0;padding:0}}.ai-analytics-container{color:#334155;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px;margin:0 auto;display:grid}.ai-analytics-fallback-note{color:#92400e;background-color:#fef3c7;border-radius:8px;margin:0;padding:10px 16px;font-size:13px;font-weight:500}.ai-analytics-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.ai-analytics-section:hover{transform:translateY(-2px);box-shadow:0 6px 12px -2px #0000000d}.ai-analytics-section-title{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;font-weight:700;display:flex}.ai-analytics-section-content{color:#475569;margin:0;font-size:14px;line-height:1.6}.ai-clickable-scenario{color:#2563eb;cursor:pointer;background-color:#eff6ff;border-radius:4px;padding:2px 6px;font-weight:500;transition:background-color .15s,color .15s}.ai-clickable-scenario:hover{color:#1d4ed8;background-color:#dbeafe;text-decoration:underline}.ai-analytics-findings-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.ai-analytics-finding-item{color:#475569;font-size:14px;line-height:1.5}.ai-analytics-performance-bars{background-color:#e2e8f0;border-radius:6px;gap:2px;height:24px;margin-bottom:10px;display:flex;overflow:hidden}.ai-analytics-performance-bar{color:#fff;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;transition:width .4s ease-in-out;display:flex;overflow:hidden}.ai-analytics-bar-high{background-color:#10b981}.ai-analytics-bar-moderate{background-color:#f59e0b}.ai-analytics-bar-low{background-color:#ef4444}.ai-analytics-performance-labels{color:#64748b;justify-content:space-between;font-size:12px;font-weight:500;display:flex}.ai-analytics-loading,.ai-analytics-error,.ai-analytics-placeholder{text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.ai-analytics-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:.8s linear infinite ai-spin}.ai-analytics-loading-text,.ai-analytics-placeholder-text,.ai-analytics-error-text{color:#64748b;margin:0 0 16px;font-size:14px}.ai-analytics-retry-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:background-color .2s}.ai-analytics-retry-btn:hover{background-color:#2563eb}.ai-analytics-header-actions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.ai-analytics-stat{color:#6b7280;font-size:.9em;font-weight:500}.ai-analytics-status{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.status-badge.ready{color:#166534;background:#dcfce7}.status-badge.generating{color:#92400e;background:#fef3c7;animation:1.5s ease-in-out infinite pulse-badge}.status-badge.locked{color:#991b1b;background:#fee2e2}.status-badge.error{color:#dc2626;background:#fef2f2}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.generated-at{color:#64748b;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-size:12px}.cached-badge{color:#475569;background:#e2e8f0;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.ai-analytics-regenerate-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:background .2s,transform .1s;display:inline-flex}.ai-analytics-regenerate-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.ai-analytics-regenerate-btn:active:not(:disabled){transform:scale(.98)}.ai-analytics-regenerate-btn:disabled{opacity:.6;cursor:not-allowed}.ai-analytics-locked{text-align:center;background:#fef2f2;border:2px dashed #fca5a5;border-radius:12px;margin:16px 0;padding:32px 24px}.ai-analytics-locked-icon{margin-bottom:12px;font-size:48px;display:block}.ai-analytics-locked-title{color:#1e293b;margin-bottom:8px;font-size:20px;font-weight:600}.ai-analytics-locked-message{color:#475569;margin-bottom:8px;font-size:16px}.ai-analytics-locked-detail{color:#64748b;margin-bottom:16px;font-size:14px}.ai-analytics-completion-status{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:12px;display:flex}.completion-item{border-radius:8px;justify-content:center;gap:8px;min-width:140px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.completion-item.complete{color:#166534;background:#dcfce7;border:1px solid #86efac}.completion-item.pending{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.ai-analytics-loading{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:48px 20px}.ai-analytics-loading-text{color:#1e293b;margin:12px 0 4px;font-size:16px;font-weight:500}.ai-analytics-loading-subtext{color:#94a3b8;margin-top:4px;font-size:13px}.ai-analytics-error{text-align:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;padding:32px 24px}.ai-analytics-error-text{color:#dc2626;margin:0 0 8px;font-size:16px;font-weight:600}.ai-analytics-error-detail{color:#64748b;margin:8px 0 16px;font-size:13px}.ai-analytics-placeholder{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:48px 20px}.ai-analytics-placeholder-text{color:#94a3b8;margin:0;font-size:14px}.ai-analytics-fallback-note{color:#d97706;background:#fef3c7;border-radius:6px;margin-bottom:16px;padding:8px 12px;font-size:13px}.ai-analytics-section-indigo .ai-analytics-section-title{color:#4f46e5}.ai-analytics-section-blue .ai-analytics-section-title{color:#2563eb}.ai-analytics-section-purple .ai-analytics-section-title{color:#7c3aed}.ai-analytics-section-green .ai-analytics-section-title{color:#16a34a}.ai-analytics-section-amber .ai-analytics-section-title{color:#d97706}.ai-analytics-freshness-note{border-radius:6px;margin-bottom:12px;padding:6px 12px;font-size:.85rem}.ai-analytics-freshness-new{color:#047857;background:#ecfdf5}.ai-analytics-freshness-cached{color:#475569;background:#f1f5f9}.ai-analytics-section-teal .ai-analytics-section-title{color:#0d9488}.ai-analytics-section-red .ai-analytics-section-title{color:#dc2626}.ai-analytics-locked-progress{text-align:center;margin:16px 0}.ai-analytics-progress-bar{background-color:#e5e7eb;border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.ai-analytics-progress-fill{background:linear-gradient(135deg,#fbb55f 0%,#a60212 100%);border-radius:4px;height:100%;transition:width .5s}.ai-analytics-progress-text{color:#6b7280;font-size:14px;font-weight:500}.ai-analytics-info-tooltip{margin-left:10px;display:inline-block;position:relative}.ai-analytics-info-btn{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex}.ai-analytics-info-btn:hover{color:#374151;background-color:#f3f4f6;border-color:#9ca3af}.ai-analytics-tooltip-content{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:320px;margin-top:8px;padding:16px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000001a}.ai-analytics-popover-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.ai-analytics-tooltip-content h4{color:#111827;margin:0;font-size:15px}.ai-analytics-tooltip-content p{color:#6b7280;margin:0;font-size:12px;line-height:1.6}.ai-analytics-tooltip-content ul{margin:0 0 8px;padding:0;list-style:none}.ai-analytics-tooltip-content ul li{color:#6b7280;padding:2px 0;font-size:12px;line-height:1.6}.ai-analytics-tooltip-example{font-weight:600;color:#a60212!important}.ai-analytics-tooltip-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0 4px;font-size:28px;line-height:1;transition:color .2s;display:flex}.ai-analytics-tooltip-close:hover{background:#e5e7eb}.ai-analytics-status{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.ai-analytics-status.complete{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.ai-analytics-status.pending{color:#854d0e;background-color:#fefce8;border:1px solid #fef08a}.ai-analytics-status.ready{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe}.ai-analytics-status-icon{flex-shrink:0;font-size:18px}.ai-analytics-locked{text-align:center;background:#fafafa;border:2px dashed #e5e7eb;border-radius:12px;padding:40px 20px}.ai-analytics-locked-icon{margin-bottom:16px;font-size:48px}.ai-analytics-locked-title{color:#374151;margin:0 0 12px;font-size:18px;font-weight:600}.ai-analytics-locked-text{color:#6b7280;max-width:400px;margin:0 auto;font-size:14px;line-height:1.5}@media (width<=768px){.ai-analytics-container{grid-template-columns:1fr;gap:16px}.ai-analytics-header-actions{flex-direction:column;align-items:stretch;gap:12px}.ai-analytics-status{flex-wrap:wrap;justify-content:center}.ai-analytics-regenerate-btn{justify-content:center;width:100%}.ai-analytics-completion-status{flex-direction:column;align-items:center;gap:8px}.completion-item{width:100%;max-width:250px}.ai-analytics-performance-labels{flex-direction:column;align-items:center;gap:4px;font-size:13px}.ai-analytics-section{padding:12px}}@media (width<=480px){.ai-analytics-locked{padding:20px 16px}.ai-analytics-locked-title{font-size:18px}.ai-analytics-locked-message{font-size:14px}.ai-analytics-performance-bars{height:20px}.ai-analytics-performance-bar{padding:0 4px;font-size:9px}}html,body{margin:0;padding:0;overflow-x:hidden}.class-content{box-sizing:border-box;flex:1;min-height:100vh;margin-left:70px;padding:0 30px 30px;transition:margin-left .3s,width .3s}.class-header-bar{z-index:5;box-sizing:border-box;background:#a60212;flex-direction:column;justify-content:space-between;align-items:stretch;gap:0;width:100%;margin-top:0;padding:0 0 0 90px;transition:padding-left .3s;display:flex;position:fixed;top:0;left:0}.class-header-top{box-sizing:border-box;flex-wrap:nowrap;align-items:center;gap:20px;width:100%;margin-top:0;padding-top:12px;padding-bottom:4px;padding-left:0;display:flex}.back{cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:color .2s;display:flex}.back:hover{filter:brightness(1.1)}.class-info{flex:1;align-items:baseline;gap:10px;min-width:0;padding:0 8px;display:flex;overflow:hidden}.class-info h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:22px;font-weight:600;line-height:1.2;overflow:hidden}.class-info p{white-space:nowrap;flex-shrink:0;margin:0;font-size:14px}.tabs{background:0 0;border-radius:12px 12px 0 0;align-self:flex-start;gap:3px;display:inline-flex}.tabs::-webkit-scrollbar{display:none}.tab{-webkit-backdrop-filter:blur(1px);color:#423f3f;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px 10px 0 0;align-items:center;padding:8px 16px;font-family:Be Vietnam,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab:hover{color:#fff}.tab:hover:not(.active),.tab:hover:not(.active) .badge{color:#a60212}.tab.active{color:#000;background:#fff}.class-tab-content{box-sizing:border-box;width:100%;overflow-y:auto}.class-description{box-sizing:border-box;background-color:#fff;border-radius:8px;margin-bottom:20px;padding:20px}.students-table{border-collapse:collapse;width:100%}.error-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.error-container p{color:#dc3545;margin:0;font-size:18px}.error-container button{color:#fff;cursor:pointer;background:#4f86d8;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.error-container button:hover{background:#3a6cb0;transform:translateY(-1px)}.empty-state{text-align:center;color:#7d8ca8;padding:60px 20px}.empty-state p{margin:0;font-size:14px}.tab-error{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.tab-error i{color:#ef4444;margin-bottom:16px;font-size:48px}.tab-error p{margin:0 0 16px;font-size:16px}.tab-error button{color:#fff;cursor:pointer;background:#4f86d8;border:none;border-radius:6px;padding:8px 24px;font-size:14px;transition:background .2s}.tab-error button:hover{background:#3a6fb5}@media (width<=1200px){.class-header-bar{padding:0 20px 0 85px}.class-header-top{gap:15px}.class-info h1{font-size:20px}}@media (width<=768px){.module-list{margin-top:0}.class-content{margin-left:0;padding:0 16px}.class-header-bar{padding:0 10px;left:0}.class-header-top{flex-wrap:wrap;gap:10px;padding-top:10px}.back{padding:4px 8px;font-size:13px}.class-info h1{font-size:18px}.class-info p{font-size:13px}.header-right{order:0;margin-left:auto}.tab{padding:8px 10px;font-size:13px}.stats-container,.stats-grid{gap:16px}}.info-group{grid-template-columns:40% 1fr;gap:20px;display:grid}.module-desc-left{justify-content:center;align-items:flex-start;display:flex}.objectives-list{flex-direction:column;gap:6px;margin:6px 0 0;padding-left:18px;display:flex}.objectives-list li{line-height:1.45}.reward-line{margin-top:12px}.module-preview-card{box-sizing:border-box;transform-origin:50%;isolation:isolate;cursor:default;border-radius:12px;flex-direction:column;justify-content:flex-start;width:100%;padding:25px;transition:box-shadow .25s,background-color .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.module-preview-card .module-card-top-row{border-radius:8px;flex-shrink:0;margin:-15px -15px 0;position:relative;overflow:hidden}.module-preview-card .module-image-holder{width:100%;position:relative}.module-preview-card .module-card-image-container{justify-content:center;align-items:center;width:100%;display:flex}.module-preview-card .card-module-image{object-fit:cover;width:100%;height:320px;display:block}.module-preview-card .card-status{letter-spacing:.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;border-radius:20px;padding:8px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-weight:700;position:absolute;top:15px;right:15px;box-shadow:0 2px 8px #00000026;color:#fff!important;background:#ffffff24!important}.module-preview-card .module-card-bottom-row{border-radius:0 0 6px 6px;flex-shrink:0;margin:0 -25px -25px;padding:30px 25px 15px}.module-preview-card .module-icon-wrapper{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;display:flex}.module-preview-card .module-icon-wrapper svg{width:30px;height:30px}.module-preview-card .card-title{letter-spacing:.6px;z-index:2;margin-top:-5px;margin-bottom:8px;font-family:Be Vietnam Pro,sans-serif;font-size:1.35rem;font-weight:800}.module-preview-card .card-description1{z-index:2;margin-top:-2px;font-family:Be Vietnam Pro,sans-serif;font-size:1.02rem;font-weight:600;line-height:1.5}.module-preview-card .card-glow-overlay{pointer-events:none;z-index:-2;opacity:.85;will-change:opacity;border-radius:34px;position:absolute;inset:-4px}.module-preview-card .card-glow-overlay:before{content:"";background:radial-gradient(circle at center, rgba(var(--glow-rgb), .28) 0%, rgba(var(--glow-rgb), .16) 45%, transparent 75%);filter:blur(18px);border-radius:34px;position:absolute;inset:0}.module-preview-card .card-glow-overlay:after{content:"";background:radial-gradient(circle at center, rgba(var(--glow-rgb), .12) 0%, transparent 65%);filter:blur(26px);opacity:1;border-radius:40px;position:absolute;inset:-4px}.module-desc-right{flex-direction:column;gap:10px;display:flex}.info-item{box-sizing:border-box;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;width:100%;max-width:100%;padding:28px;font-family:inherit;overflow:hidden;box-shadow:0 4px 20px -2px #0000000d}.module-desc-right .info-item{flex-direction:column;gap:8px;display:flex}.module-desc-right .info-item label{color:#1a1a2e;text-transform:uppercase;letter-spacing:.8px;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:700}.module-desc-right .info-item p{color:#444;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:15px;line-height:1.7}@media (width<=900px){.info-group{grid-template-columns:1fr;gap:24px;padding-top:10px}.module-preview-card .module-card-top-row{border-radius:8px;flex-shrink:0;margin:-3px -3px 0;position:relative;overflow:hidden}}@media (width<=480px){.module-preview-card{padding:16px}.module-preview-card .card-module-image{height:220px}.module-desc-right .info-item p{font-size:14px}}.controls-content{min-height:0;overflow-y:auto}.control-card{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:16px;flex-direction:column;height:auto;min-height:230px;padding:20px;transition:all .25s;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.card-content{flex:1}.assessment-columns{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;padding-bottom:30px;display:grid}.advanced-settings{transform-origin:top;background:#f9fafb;border:1px solid #a60212;border-radius:12px;margin-top:16px;padding:16px;animation:.3s ease-in-out forwards slideDown}.control-card:hover{transform:none}.save-btn1{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;margin:20px auto 20px 0;padding:12px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:background .18s,transform .18s;display:block;position:relative;overflow:hidden;text-decoration:none!important}.save-btn1:hover{filter:brightness(1.1);border:1px solid #a60212;transform:translateY(2px)scale(1)}.save-btn1:active{filter:brightness(1.1);transform:translateY(2px)scale(1)}.save-btn1:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pre-icon,.lesson-icon,.post-icon{border-radius:clamp(8px,1.5vw,12px);flex-shrink:0;width:clamp(80px,12vw,100px);height:clamp(80px,12vw,100px);display:flex;justify-content:center!important;align-items:center!important}.lesson-icon svg{margin-top:clamp(12px,1vw,-300px);transform:translate(clamp(13px,1.5vw,-10px))!important}.pre-icon{background-color:#eaf4ff}.post-icon{background-color:#ffeaea}.lesson-icon{background-color:#fff2e6}.pre-icon svg,.lesson-icon svg,.post-icon svg{width:clamp(55px,10vw,80px)!important;height:clamp(55px,10vw,80px)!important}.pre-icon svg path{stroke:#2f80ed;stroke-width:1.5px}.lesson-icon svg path{stroke:#f28c28;stroke-width:1.5px}.post-icon svg path{stroke:#ff554f;stroke-width:1.5px}.test-actions-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.test-actions-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.test-actions-right{align-items:center;display:flex}.toggle-container{letter-spacing:1.5px;color:#a60212;cursor:pointer;border:1px solid #a60212;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.toggle-label{color:#494949;font-size:11px;font-weight:500;transition:color .2s}.toggle-label.active{color:#a60212}.toggle-label.inactive{color:#9ca3af}.toggle-switch{flex-shrink:0;width:400px;height:20px;display:inline-block;position:relative}.toggle-switch.small{width:38px;height:18px;margin-top:-.1px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#d1d5db;border-radius:34px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border:1.5px solid #a60212;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:-.5px;left:0}.toggle-switch.small .toggle-slider:before{width:20px;height:20px;top:-.8px;left:0}.toggle-switch input:checked+.toggle-slider{background-color:#a60212}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.preview-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.preview-btn:hover{filter:brightness(1.1)}.preview-btn svg path{stroke:#fff;stroke-width:2px}.advanced-settings-wrapper{min-height:0;transition:min-height .3s;display:block}.advanced-btn svg path{fill:#a60212}.advanced-btn svg{transition:transform .3s}.advanced-btn-eme{color:#fff;text-align:center;background-color:#0000;border:12px solid #fff;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.advanced-btn{color:#fff;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.advanced-btn:hover{filter:brightness(1.1)}.advanced-btn svg:hover{fill:#a60212;transform:rotate(45deg)}.advanced-btn svg.active{fill:#fff}.advanced-btn:disabled{opacity:.4;cursor:not-allowed}.try-limit-display{align-items:center;gap:6px;margin-top:4px;display:flex}.try-limit-label{color:#6b7280;font-size:12px}.try-limit-value{color:#a60212;font-size:12px;font-weight:600}.test-info-left{flex-shrink:0;justify-content:center;align-items:center;gap:clamp(20px,3vw,25px);display:flex}.text-content{box-sizing:border-box;flex-direction:column;gap:4px;display:flex}.test-label{color:#1f2937;font-size:18px;font-weight:700}.test-description{color:#6b7280;margin:4px 0 0;font-size:14px}.advanced-header{margin-bottom:12px}.advanced-title{color:#1f2937;font-size:13px;font-weight:600}.try-limit-options{flex-direction:column;gap:10px;margin:0;display:flex}.try-limit-option{color:#1f2937;cursor:pointer;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.try-limit-option input[type=radio]{cursor:pointer;flex-shrink:0;width:16px;height:16px}.try-limit-custom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.try-limit-custom input[type=radio]{cursor:pointer;flex-shrink:0;width:16px;height:16px}.custom-try-input{text-align:center;border:1px solid #d1d5db;border-radius:4px;width:70px;padding:4px 8px;font-size:13px}.custom-try-input:focus{border-color:#1f2937;outline:none}.custom-try-input.error{border-color:#ef4444}.custom-try-input:disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}.custom-label{color:#6b7280;font-size:13px}.try-limit-helper{margin-top:2px;font-size:12px}.try-limit-helper.error{color:#ef4444}.try-limit-helper.warning{color:#d97706}@media (width<=1024px){.assessment-columns{grid-template-columns:repeat(2,1fr)}}@media (width<=1512px){.hide-text{display:none}}@media (width<=768px){.save-btn1{margin-top:10px;margin-bottom:0}.test-actions-row{flex-direction:column;align-items:flex-start;gap:12px}.test-actions-left{justify-content:flex-start;width:100%}.test-actions-right{justify-content:flex-end;width:100%}.assessment-columns{grid-template-columns:1fr}.control-card{min-height:0;padding:20px}.test-actions-row{grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.test-actions-left{display:contents}.test-actions-right{justify-content:center;display:flex}.preview-btn{letter-spacing:.5px;text-align:center;white-space:nowrap;gap:3px;padding:10px 6px;font-size:11px}.preview-btn svg{width:15px!important;height:15px!important}.toggle-container{gap:4px;width:auto;margin-top:-1px;padding:9.1px 8px}.advanced-btn{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}}.module-records-content{min-height:0;padding:0 0 30px;overflow-y:auto}.records-header1 h3{color:#1a202c;margin:0 0 20px;font-size:22px;font-weight:700;padding:0!important}.search-row1{grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:100%;margin-top:-10px;margin-bottom:20px;display:grid}.search-icon{color:#8a8a9a;margin-right:8px;font-size:16px}.search-input1{color:#1a1a2e;background:#fff;border:none;border-radius:8px;outline:none;width:100%;height:47px;margin-top:2px;font-size:14px;transition:border-color .15s}.search-field-group i{color:#5c5b5b}.search-input1:focus{border-color:#a60212}.clear-search-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;font-size:14px;display:flex;position:absolute;right:10px}.clear-search-btn:hover{color:#4a5568;background:#f1f5f9}.toggle-missing-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;transition:all .2s;display:inline-flex}.toggle-missing-btn:hover{background:#e5e7eb}.toggle-missing-btn.has-active-filters{background:#f0fdf4;border-color:#a60212}.filter-icon{font-size:16px}.filter-dot{background:#a60212;border-radius:50%;width:8px;height:8px;display:inline-block}.export-wrapper{display:inline-block;position:relative}.export-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:-5px;padding:10px 20px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:background .18s,transform .18s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.export-btn:hover{filter:brightness(1.1)}.export-btn:active{filter:brightness(1.1);box-shadow:none;border:none;transform:translateY(2px)scale(1)}.export-btn svg path{fill:#fff}.attempt-indicator svg path{fill:#4f46e5}.export-menu{z-index:100;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:220px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.export-menu-item{cursor:pointer;color:#1f2937;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;width:100%;padding:10px 16px;font-size:13px;transition:background .15s;display:flex}.export-menu-item:hover{background:#f3f4f6}.export-menu-item-count{color:#6b7280;font-size:11px;font-weight:400}.record-summary{color:#4a5568;background:#edf2f7;border-radius:6px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-block}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;border-bottom:8px solid #e6e8ea;border-radius:16px;width:100%;margin-bottom:16px;position:relative;overflow-x:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.records-table th:nth-child(2),.records-table td:nth-child(2){background-color:#fff;left:0}.records-table thead th:nth-child(2){z-index:3;background-color:#fbfbfb}.records-table tbody tr:hover td:nth-child(2){background-color:#f9f0f0}.records-table th:nth-child(2):after,.records-table td:nth-child(2):after{content:"";pointer-events:none;width:10px;height:100%;position:absolute;top:0;right:-10px}.records-table{box-sizing:border-box;border-collapse:collapse;background:#fff;border:none;border-radius:16px 16px 0 0;width:100%;min-width:700px;margin-bottom:0;transition:all .3s}.records-table thead{background:#cecdcd1c}.records-table th{text-align:left;color:#000;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #0000000b;border-right:1px solid #0000000b;padding:14px 20px;font-size:12px;font-weight:600}.records-table td{color:#334155;border-bottom:1px solid #0000000b;border-right:1px solid #0000000b;padding:16px 20px;font-size:14px}.records-table tbody tr{transition:background-color .15s}.records-table tbody tr:hover{background-color:#f9f0f0}.records-table tbody tr:last-child td{border-bottom:none}.number-cell{color:#6b7280;text-align:center;font-size:14px;font-weight:600}.pagination-container{z-index:10;box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px;justify-content:flex-end;width:100%;margin-left:auto;padding:16px 20px;display:flex;position:sticky;left:0;box-shadow:0 -4px 12px #0000000d}.pagination-wrapper{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.pagination-btn{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#e5e7eb}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#6b7280;font-size:13px}.no-results-cell{text-align:center;padding:40px 20px!important}.no-results-cell p{color:#6b7280;margin:0;font-size:16px;font-weight:500}.attempt-indicator{color:#4f46e5;cursor:pointer;background:#eef2ff;border:none;border-radius:12px;align-items:center;gap:5px;padding:3px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.test-display{justify-content:center;align-items:center;gap:4px;display:flex}.student-cell,.student-info{flex-direction:column;gap:3px;display:flex}.student-name-display{color:#1a202c;font-size:14px;font-weight:700}.student-email-display{color:#7d8ca8;font-size:13px}.level-cell{text-align:center;color:#1f2937;font-weight:500}.test-cell{text-align:center}.test-display{grid-template-columns:1fr auto;place-items:center}.test-status{white-space:nowrap;border-radius:12px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.test-status.status-locked{color:#6b7280;background:#f3f4f6}.test-status.status-not-taken{color:#92400e;background:#fef3c7}.test-status.status-completed{color:#065f46;background:#dcfce7}.test-status.status-failed{color:#991b1b;background:#fee2e2}.test-score{margin-top:2px;font-size:12px;font-weight:600}.lesson-cell{text-align:center;vertical-align:middle}.lesson-icon{font-size:28px;line-height:1;display:inline-block}.status-cell{text-align:center}.lesson-badge{letter-spacing:.3px;white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.badge-lesson-not-started{color:#6b7280;background:#f3f4f6}.test-status.status-in-progress,.badge-lesson-in-progress{color:#1d4ed8;background:#dbeafe}.badge-lesson-completed{color:#065f46;background:#d1fae5}.lesson-cell{min-width:140px}@media (width<=768px){.lesson-badge{padding:3px 8px;font-size:11px}}.status-badge{white-space:nowrap;border-radius:12px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.status-badge.badge-completed{color:#065f46;background:#d1fae5}.status-badge.badge-not-started{color:#92400e;background:#fef3c7}.status-badge.badge-needs-review{color:#991b1b;background:#fee2e2}.status-badge.badge-in-progress{color:#1e40af;background:#dbeafe}.status-badge.badge-locked{color:#6b7280;background:#f3f4f6}.loading-container,.error-container,.empty-container{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#a60212;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.retry-btn{color:#fff;cursor:pointer;background:#a60212;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.retry-btn:hover{background:#0a6a3a}.no-results{text-align:center;color:#6b7280;padding:40px}.no-results .clear-filters-btn{margin-top:12px}@media (width<=768px){.search-field-group{max-width:100%;margin-top:10px}.records-table{min-width:600px}.records-table th,.records-table td{padding:12px 14px;font-size:13px}}@media (width<=480px){.records-table{min-width:520px}.records-table th,.records-table td{padding:10px 12px;font-size:12px}}@media (width<=768px){.records-header1 h3{margin-top:10px;font-size:18px!important}.module-records-content{margin:0;padding:0 0 30px}.toggle-missing-btn,.export-wrapper,.export-btn{justify-content:center;width:100%}.export-menu{width:100%;left:0;right:auto}.controls-row{grid-template-columns:1fr auto!important;gap:8px!important}.export-wrapper{width:auto!important}.export-btn{margin-top:6px;justify-content:center!important;align-items:center!important;width:46px!important;height:51px!important;min-height:46px!important;padding:0!important;font-size:0!important;display:flex!important}.export-btn svg{color:#fff!important;margin:0!important;font-size:16px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}.table-scroll-wrapper{position:relative;overflow-x:auto}@media (width<=768px){.pagination-container{flex-direction:column;align-items:center;gap:10px;width:100%;padding:12px 14px}.pagination-wrapper{justify-content:space-between;width:100%;margin-left:0}}.lesson-display{justify-content:center;align-items:center;gap:4px;display:flex}.lesson-xp-badge{color:#065f46;white-space:nowrap;background:#dcfce7;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.test-status.status-in-progress{color:#004085;background:#cce5ff;border:1px solid #b8daff}.test-status.status-completed{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.test-status.status-locked{color:#6c757d;background:#e9ecef;border:1px solid #dee2e6}.module-detail-page{display:flex}.module-detail-content{flex:1;padding:0;overflow-y:auto}.module-detail-header-bar{background:#fff;border-bottom:1px solid #e0e0e0;flex-direction:column;gap:0;margin-left:70px;padding:3.5px 20px;display:flex}.module-detail-header-top{flex-wrap:wrap;align-items:center;gap:30px;width:100%;padding-left:0;display:flex}.module-detail-header-top .back{color:#005da7;cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-family:Be Vietnam,sans-serif;font-size:14px;font-weight:500;transition:color .2s;display:flex}.module-detail-header-top .back:hover{color:#1f3d6d;background:#f0f4ff}.module-detail-info{flex:1;align-items:baseline;gap:16px;min-width:0;display:flex}.module-detail-info h1{color:#005da7;white-space:nowrap;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:24px;font-weight:600;line-height:1.2}.status-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.status-badge.active{color:#065f46;background:#d1fae5}.status-badge.inactive{color:#991b1b;background:#fee2e2}.status-badge.in_progress{color:#1e40af;background:#dbeafe}.status-badge.completed{color:#065f46;background:#d1fae5}.status-badge.draft{color:#92400e;background:#fef3c7}.profile-avatar{background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex;overflow:hidden}.profile-avatar i{color:#6b7280;font-size:18px}.dropdown-icon{color:#6b7280;font-size:16px}.module-detail-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;color:#fff;flex-wrap:nowrap;gap:2px;width:100%;padding-left:0;display:flex;overflow-x:auto}.module-detail-tabs .tab{cursor:pointer;white-space:nowrap;border-bottom:3px solid #0000;flex-shrink:0;padding:12px 25px;font-size:14px;font-weight:500;transition:all .3s;position:relative}.module-detail-tabs .tab:hover{color:#fff}.module-detail-tabs .tab.active{color:#fff;border-bottom-color:#ebf1dd}.module-detail-tab-content{min-height:500px;margin-left:70px;padding:20px}@media (width<=1200px){.assessment-columns{grid-template-columns:1fr 1fr}}@media (width<=992px){.module-detail-header-bar{margin-left:0}.module-detail-tab-content{margin-left:0;padding:16px}.module-loading,.module-error{margin-left:0}}@media (width<=768px){.module-detail-header-bar{padding:12px 16px 0}.module-detail-header-top{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:5px}.module-detail-header-top .back{padding:6px 10px;font-size:13px}.module-detail-info h1{font-size:18px}.module-detail-info{flex-wrap:wrap}.module-detail-tabs{flex-wrap:nowrap;gap:0;overflow-x:auto}.module-detail-tabs .tab{white-space:nowrap;padding:10px 16px;font-size:13px}.module-detail-tab-content{padding:12px}.assessment-columns,.info-group{grid-template-columns:1fr}.assessment-header{flex-direction:column;align-items:flex-start}.unsaved-indicator{margin-left:0}.profile-info{display:none}.module-class-info-bar{flex-direction:column;align-items:flex-start;padding:10px 14px}.class-info-display{gap:8px;width:100%;font-size:13px}.class-info-name{font-size:14px}}@media (width<=480px){.module-detail-header-bar{padding:10px 12px 0}.module-detail-info h1{font-size:16px}.module-detail-tabs .tab{font-size:12px}.module-detail-tab-content{padding:8px}.test-item{padding:14px}.test-actions-row{flex-direction:column;align-items:flex-start;gap:8px}.test-actions-right{align-self:flex-end}}.module-detail-tabs::-webkit-scrollbar{height:6px}.module-detail-tabs::-webkit-scrollbar-track{background:#f8faf9;border-radius:4px}.module-detail-tabs::-webkit-scrollbar-thumb{background:#a60212;border-radius:4px}.module-detail-tabs::-webkit-scrollbar-thumb:hover{background:#a60212}.download-card{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.download-container{text-align:left;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;width:100%;max-width:540px;height:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.platform-block{text-align:center;margin:24px 0}.platform-title{color:#a60212;margin-bottom:12px;font-size:1.2rem}.platform-hint{color:#666;max-width:420px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:.85rem;line-height:1.5}.platform-success{color:#0a7d2c;font-weight:600}.ios-modal-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.ios-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;padding:28px 22px 22px;animation:.25s slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000059}.ios-modal-title{color:#a60212;text-align:center;margin:0 0 6px;font-size:1.35rem;font-weight:700}.ios-modal-sub{color:#666;text-align:center;margin:0 0 20px;font-size:.9rem}.ios-step{color:#333;align-items:center;gap:14px;margin-bottom:18px;font-size:.95rem;line-height:1.5;display:flex}.ios-step-icon{text-align:center;margin-top:6px;font-size:1.6rem}.ios-step-hint{color:#888;font-size:.8rem}.ios-modal-warning{color:#a06a00;background:#fff8e1;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:.8rem;line-height:1.5}.ios-modal-close{color:#fff;cursor:pointer;background:#a60212;border:none;border-radius:10px;width:100%;margin-top:16px;padding:12px;font-size:1rem;font-weight:600;transition:background .15s}.download-divider2{justify-content:center;align-items:center;gap:20px;display:flex}.ios-modal-close:hover{background:#8a020f}.download-main-header{background-color:#a60212;border-radius:12px 12px 0 0;justify-content:center;align-items:center;height:100px;padding:10px;display:flex}.download-alab-logo{width:350px;height:auto;margin-top:-5px}.download-content{padding:0 40px 40px}.download-header{margin-bottom:15px;font-family:Be Vietnam Pro,sans-serif}.download-title{margin-bottom:-15px;font-size:22px;font-weight:700}.download-description{color:#444;margin-top:15px;font-family:Be Vietnam,sans-serif;font-size:14px;line-height:1.7}.download-description p{margin-bottom:12px}.download-divider{border:none;border-top:1px solid #e6e8ea;margin:20px 0}.download-btn-main{letter-spacing:1.5px;color:#fff;cursor:pointer;background-color:#a60212;border:1px solid #a60212;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:200px;height:110px;padding:10px;font-family:Be Vietnam Pro,sans-serif;font-size:18px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.download-btn-main:hover{filter:brightness(1.1)}.download-btn-main:active{filter:brightness(1.1);border:1px solid #a60212;transform:translateY(2px)scale(1)}.download-btn-main svg{flex-shrink:0}.download-back-wrapper{text-align:center;margin-top:25px}.download-back-text{color:#666;font-family:Be Vietnam Pro,sans-serif;font-size:14px}.download-back-link{color:#a60212;margin-left:4px;font-family:Be Vietnam Pro,sans-serif;font-weight:600;text-decoration:none;transition:all .3s}.download-back-link:hover{text-decoration:underline}@media (width<=768px){.download-content{padding:0 20px 30px}.download-btn-main{width:130px;height:100px;padding:10px}.download-btn-main svg{width:35px;height:35px}.download-header{padding-top:20px}.download-title{font-size:20px}.download-description{font-size:13px}}@media (width<=400px){.download-title{font-size:18px}.download-description{font-size:12px}}.activity-logs-container{width:100%;margin:0 auto}.activity-logs-header{margin-bottom:24px}.activity-logs-header h2{color:#232c52;margin:0 0 8px;font-size:28px;font-weight:600}.activity-logs-header p{color:#7d8ca8;margin:0;font-size:14px}.activity-filters{background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;margin-top:30px;margin-bottom:20px;padding:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.filter-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.filter-row:last-child{margin-bottom:0}.search-box{flex:1;min-width:200px;position:relative}.search-box i{color:#7d8ca8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:14px;transition:border-color .3s}.search-box input:focus{border-color:#2f955b}.top-filter-row,.bottom-filter-row{gap:10px;display:flex}.filter-select{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;min-width:140px;padding:10px 12px;font-size:14px}.date-filter{align-items:center;gap:3px;display:flex}.date-filter label{color:#7d8ca8;white-space:nowrap;font-size:14px}.date-filter input{border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:clamp(6px,.8vw,10px) clamp(10px,1.2vw,16px);font-size:clamp(.75rem,.5vw + .65rem,.875rem)}.clear-filters-btn{color:#7d8ca8;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:10px 16px;font-size:14px;transition:all .3s;display:flex}.clear-filters-btn:hover{color:#232c52;background:#e5e7eb}.activity-logs-loading{flex-direction:column;gap:12px;display:flex}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;border-bottom:8px solid #e6e8ea;border-radius:16px;width:100%;margin-bottom:16px;overflow-x:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.table-scroll-wrapper::-webkit-scrollbar{height:6px}.table-scroll-wrapper::-webkit-scrollbar-track{background:#f0f2f5}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#a0aec0}.activity-table-container{-webkit-overflow-scrolling:touch;border-bottom:8px solid #e6e8ea;border-radius:16px;width:100%;margin-bottom:16px;overflow-x:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.activity-table{box-sizing:border-box;border-collapse:collapse;background:#fff;border:none;border-radius:16px;width:100%;min-width:700px;margin-bottom:0;font-size:14px;transition:all .3s}.activity-table thead{background:#cecdcd1c}.activity-table th{text-align:left;color:#000;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #0000000b;border-right:1px solid #0000000b;padding:14px 20px;font-size:12px;font-weight:600}.activity-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #0000000b;border-right:1px solid #0000000b;padding:16px 20px;font-size:14px}.activity-table tbody tr{transition:background-color .15s}.activity-table tbody tr:hover{background-color:#f9f0f1}.activity-table tbody tr:last-child td{border-bottom:none}.date-cell{white-space:nowrap;color:#7d8ca8}.activity-cell{color:#232c52;align-items:center;gap:8px;font-weight:500;display:flex}.category-badge{color:#fff;text-transform:capitalize;white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.description-cell{color:#7d8ca8;max-width:300px;line-height:1.4}.empty-state{text-align:center;background:#fff;border-bottom:8px solid #e6e8ea;border-radius:12px;padding:60px 20px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.empty-state i{color:#e5e7eb;margin-bottom:16px;font-size:48px}.empty-state h3{color:#232c52;margin:0 0 8px;font-size:20px}.empty-state p{color:#7d8ca8;margin:0;font-size:14px}@media (width<=768px){.top-filter-row,.bottom-filter-row,.search-box,.filter-select{width:100%}.activity-table{min-width:520px}.activity-table th,.activity-table td{padding:12px 14px;font-size:13px}}@media (width<=480px){.activity-table{min-width:460px}.activity-table th,.activity-table td{padding:10px 12px;font-size:12px}}