@import"https://fonts.googleapis.com/css2?family=OpenDyslexic:wght@400;700&display=swap";:root{--jump-height: -30px;--color-primary: #6366F1;--color-primary-dark: #4338CA;--color-primary-light: #818CF8;--color-secondary: #EC4899;--color-secondary-dark: #BE185D;--color-secondary-light: #F472B6;--color-accent: #F59E0B;--color-accent-dark: #B45309;--color-bg: #0F172A;--color-bg-light: #1E293B;--color-bg-lighter: #334155;--color-text: #F1F5F9;--color-text-secondary: #CBD5E1;--color-white: #FFFFFF;--color-black: #000000;--shadow-btn-primary: 0 6px 0 #4338CA;--shadow-btn-secondary: 0 6px 0 #BE185D;--shadow-btn-tertiary: 0 6px 0 rgba(255, 255, 255, .2);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-warm: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-cool: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-nature: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--font-primary: "Baloo 2", cursive;--font-secondary: "Baloo 2", cursive;--font-accent: "Baloo 2", cursive;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--border-radius-sm: .5rem;--border-radius-md: 1rem;--border-radius-lg: 1.5rem;--border-radius-xl: 2rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(99, 102, 241, .5);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);background:linear-gradient(-45deg,#0f172a,#1e293b,#312e81,#4c1d95);background-size:400% 400%;animation:gradientBG 15s ease infinite;background-attachment:fixed;color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.screen{display:none;min-height:100vh}.screen.active{display:flex;flex-direction:column;animation:screenEntrance .6s cubic-bezier(.34,1.56,.64,1) both}.hidden{display:none!important;content-visibility:hidden;contain-intrinsic-size:0px 0px}@keyframes screenEntrance{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{flex:1;max-width:1400px;margin:0 auto;padding:var(--spacing-lg);width:100%}.header{text-align:center;margin-bottom:var(--spacing-xl);animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.main-title{font-family:var(--font-primary);font-size:clamp(2rem,5vw,4rem);font-weight:800;background:#1e1b4b;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 15px rgba(0,0,0,.3);letter-spacing:.05em;margin-bottom:var(--spacing-sm);line-height:1.2}.main-title.high-contrast{color:#1e1b4b;background:none;-webkit-text-fill-color:initial;text-shadow:2px 2px 0px rgba(255,255,255,.5),0 4px 12px rgba(79,70,229,.2)}.main-title.map-title{background:linear-gradient(135deg,#0369a1,#075985)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.main-title.store-title{background:linear-gradient(135deg,#b45309,#991b1b)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.main-title.parents-title{background:linear-gradient(135deg,#6366f1,#a855f7)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.main-title.guide-title{background:linear-gradient(135deg,#047857,#065f46)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.title-underline{width:150px;height:6px;background:var(--gradient-warm);margin:var(--spacing-sm) auto;border-radius:3px;box-shadow:0 4px 10px #fa709a66;animation:expandWidth .8s ease-out}@keyframes expandWidth{0%{width:0}to{width:150px}}.welcome-message{background:#ffffff26;backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-xl) auto;max-width:800px;text-align:center;box-shadow:var(--shadow-lg);animation:scaleIn .5s ease-out .3s both}#welcomeScreen{background-image:linear-gradient(#f8fafcbf,#f8fafcbf),url(./welcome_bg-B6K8wTE9.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#configScreen{background-image:url(./bg_contexts-BT2Nlkj5.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;transition:background-image .5s ease-in-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.message-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-text{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:500;line-height:1.8;color:var(--color-white)}.btn-audio-inline{background:transparent;border:none;padding:4px 8px;cursor:pointer;font-size:1.2rem;color:var(--color-accent);transition:all var(--transition-base);vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}.btn-audio-inline:hover{transform:scale(1.15);color:var(--color-primary)}.btn-audio-inline:active{transform:scale(.95)}.step-navigation-message{background:#6366f11a;border:2px solid var(--color-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin:var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-sm);animation:fadeIn .5s ease}.step-navigation-message p{margin:0;color:var(--color-white);font-size:var(--font-size-base);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.step-indicator{cursor:pointer;transition:all var(--transition-base)}.step-indicator:hover{transform:scale(1.05)}.step-indicator:active{transform:scale(.98)}.main-nav{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:500px;margin:var(--spacing-xl) auto;animation:slideUp .6s ease-out .5s both}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:20px;cursor:pointer;transition:transform .1s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;-webkit-tap-highlight-color:transparent}.btn:before{display:none}.btn:active{transform:translateY(6px);box-shadow:none!important}.btn:focus{outline:none}.btn-primary{background:var(--color-primary);color:#000;box-shadow:var(--shadow-btn-primary),0 10px 20px #6366f166;margin-bottom:6px}.btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px #3730a3,0 15px 25px #6366f180}.btn-primary:active{transform:translateY(6px);box-shadow:0 0 #3730a3,inset 0 4px 8px #0003!important}.btn-secondary{background:var(--color-secondary);color:#000;box-shadow:var(--shadow-btn-secondary),0 10px 20px #ec489966;margin-bottom:6px}.btn-secondary:hover{background:#db2777;transform:translateY(-2px);box-shadow:0 8px #9d174d,0 15px 25px #ec489980}.btn-secondary:active{transform:translateY(6px);box-shadow:0 0 #9d174d,inset 0 4px 8px #0003!important}.btn-tertiary{background:#334155;color:var(--color-white);border:none;box-shadow:0 6px #1e293b,0 10px 20px #0000004d;margin-bottom:6px}.btn-tertiary:hover{background:#475569;transform:translateY(-2px);box-shadow:0 8px #1e293b,0 15px 25px #0006}.btn-tertiary:active{transform:translateY(6px);box-shadow:0 0 #1e293b,inset 0 4px 8px #0003!important}.btn-icon{font-size:1.4em;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}.language-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#fffffff2;backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl);z-index:1000;opacity:0;pointer-events:none;transition:all var(--transition-base)}.language-menu:not(.hidden){opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.language-menu:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:-1}.language-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-bg-lighter)}.language-menu-header h2{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--color-bg)}.close-btn{background:var(--color-secondary);color:#000;border:none;width:40px;height:40px;border-radius:50%;font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-secondary-dark);transform:rotate(90deg)}.language-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.language-option{padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-lighter) 100%);border:2px solid transparent;border-radius:var(--border-radius-md);color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-align:center}.language-option:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.language-option.active{background:var(--gradient-primary);border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.contexts-preview{margin-top:var(--spacing-xxl);animation:fadeIn var(--transition-slow) .7s both}.contexts-preview.hidden{display:none}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.context-card{position:relative;height:140px;border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.context-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--context-color, #667eea) 0%,color-mix(in srgb,var(--context-color, #667eea) 70%,black) 100%);z-index:1}.context-card-content{position:relative;z-index:2;height:100%;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.context-card-title{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-xs)}.context-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.context-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}.footer{display:none!important}#sswork-brand{position:fixed;bottom:30px;right:155px;left:auto;z-index:999;pointer-events:none;text-align:right;white-space:nowrap}#sswork-brand .branding{display:inline-block;font-size:11px;color:#1e293b;font-weight:700;letter-spacing:.12em;opacity:.35;text-transform:uppercase;text-shadow:1px 1px 3px rgba(255,255,255,.9);transition:opacity .3s ease;pointer-events:auto;cursor:default;user-select:none}#sswork-brand .branding:hover{opacity:.75}body:has(.modal:not(.hidden)) #sswork-brand,body:has(.problem-help-modal:not(.hidden)) #sswork-brand,body:has(#problemHelpModalV2:not(.hidden)) #sswork-brand,body:has(.abn-modal:not(.hidden)) #sswork-brand,body:has(.error-help-modal:not(.hidden)) #sswork-brand,body:has(.number-table-modal:not(.hidden)) #sswork-brand,body:has(.detective-modal-overlay.active) #sswork-brand{display:none!important}body{padding-bottom:25px!important}@media(max-width:768px){#sswork-brand{bottom:15px;right:115px}#sswork-brand .branding{font-size:9px}}.loading-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}@keyframes spin{to{transform:rotate(360deg)}}#loadingScreen{justify-content:center;align-items:center;text-align:center;font-size:var(--font-size-xl);font-weight:600}.config-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);position:relative}.btn-back{position:absolute;left:0;background:#ffffffe6;border:2px solid rgba(30,41,59,.2);color:#1e293b;font-size:var(--font-size-lg);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);transition:all var(--transition-base);box-shadow:0 2px 4px #0003}.btn-back:hover{transform:translate(-5px);background:#fff;color:var(--color-primary);box-shadow:0 4px 8px #0003}.config-title{font-family:var(--font-primary);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;text-align:center;background-color:#1e293bf2;color:var(--color-white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000004d;border:2px solid rgba(255,255,255,.2);display:inline-block}.btn-mini-play{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:6px 12px;border-radius:12px;font-size:.85rem;font-family:var(--font-primary);font-weight:700;box-shadow:0 4px #047857;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;margin-top:4px;cursor:pointer}.btn-mini-play:hover{transform:translateY(-2px);box-shadow:0 6px #047857;filter:brightness(1.1)}.btn-mini-play:active{transform:translateY(2px);box-shadow:0 0 #047857}.bridge-input:focus{outline:4px solid var(--color-primary);background:#fff}.btn-exit{position:absolute;right:0;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#f4433633;border:2px solid rgba(244,67,54,.5);border-radius:var(--border-radius-md);color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-exit:hover{background:#f4433666;transform:translate(5px);border-color:#f44336cc}.config-title{font-family:var(--font-primary);font-size:clamp(1.5rem,4vw,3rem);font-weight:800;color:var(--color-white);text-align:center}.config-section{display:none;animation:fadeIn var(--transition-base) forwards}.config-section.active{display:block}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) auto;max-width:1000px;justify-content:center}.option-card{position:relative;padding:var(--spacing-xl);background:#ffffff1a;backdrop-filter:blur(10px);border:3px solid transparent;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.option-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:var(--shadow-xl);border-color:#fff6}.option-card.selected{background:#ffffff40;border-color:var(--color-accent);box-shadow:0 0 30px #f59e0b99}.option-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.option-title{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.option-desc{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.5}.option-card .audio-btn{position:absolute;bottom:12px;right:12px;width:32px;height:32px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;z-index:10}.config-nav{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-xxl);max-width:800px;margin-left:auto;margin-right:auto}.config-nav .btn{flex:1;max-width:300px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.context-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.filter-btn{padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{background:#fff3;transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-cool);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.context-categories-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.context-category{position:relative;display:flow-root;background:#ffffff14;backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);min-height:80px;height:auto!important;width:100%;margin-bottom:0;contain:layout;flex-shrink:0}.context-category{margin-bottom:var(--spacing-md);border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0}.context-category:hover{box-shadow:var(--shadow-lg)}.category-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:#831843e6;border:3px solid rgba(244,114,182,.5);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);user-select:none;min-height:80px;height:auto;margin-bottom:var(--spacing-xs);box-shadow:0 4px 6px #0003}.category-header:hover{background:#9d174d;border-color:#fff;transform:translate(5px)}.category-header-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;flex-wrap:nowrap;overflow:hidden}.category-icon{font-size:2.5rem;line-height:1;flex-shrink:0;text-shadow:0 2px 2px rgba(0,0,0,.3)}.category-title{font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white);margin:0;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0;text-shadow:0 2px 2px rgba(0,0,0,.5)}.category-expand-icon{font-size:var(--font-size-xl);color:var(--color-white);transition:transform var(--transition-base);flex-shrink:0}.category-content{max-height:0;overflow:hidden;transition:max-height .5s ease;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.category-content.expanded{max-height:5000px;padding:var(--spacing-md)}.category-content .context-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#4c1d95d9;backdrop-filter:blur(10px);border:2px solid rgba(167,139,250,.4);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);min-height:100px;height:auto;box-shadow:0 2px 4px #0003}.category-content .context-card:hover{background:#5b21b6f2;border-color:#fff;transform:translate(8px);box-shadow:var(--shadow-md)}.category-content .context-card.selected{background:#5b21b6;border-color:var(--color-accent)!important;border-width:4px!important;box-shadow:0 0 25px #f59e0bb3,0 0 40px #f59e0b66!important;transform:translate(8px) scale(1.02)}.category-content .context-card:before{display:none}.context-icon{font-size:2.5rem;flex-shrink:0;line-height:1}.category-content .context-card-content{flex:1;background:none;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:var(--spacing-xs);min-width:0}.category-content .context-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-white);margin:0;white-space:normal;word-wrap:break-word;min-width:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.category-content .context-card-description{font-size:var(--font-size-sm);color:#fffc;line-height:1.4;white-space:normal;word-wrap:break-word;margin:0;min-width:0}.context-card-btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);white-space:nowrap;min-width:auto;margin-left:auto}.context-card-btn:hover{transform:scale(1.05)}.category-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:2px solid rgba(255,255,255,.1);display:flex;justify-content:center}.category-continue-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-width:200px;animation:fadeIn .5s ease-in}#contextSelectionGrid{display:flex!important;flex-direction:column!important;gap:var(--spacing-md);margin-top:var(--spacing-lg);max-height:70vh;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}#contextSelectionGrid::-webkit-scrollbar{width:8px}#contextSelectionGrid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}#contextSelectionGrid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}#contextSelectionGrid::-webkit-scrollbar-thumb:hover{background:#ffffff80}.category-continue-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){:root{--font-size-3xl: 2rem;--font-size-4xl: 2.5rem}.container{padding:var(--spacing-md)}.btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.context-grid{grid-template-columns:1fr}.language-list{grid-template-columns:repeat(2,1fr)}.option-grid{grid-template-columns:1fr}.btn-back{position:static;margin-bottom:var(--spacing-md)}.config-header{flex-direction:column}}@media(max-width:480px){.main-nav{gap:var(--spacing-sm);flex-wrap:wrap}.secondary-nav-row{flex-wrap:wrap!important;gap:10px!important}.home-action-item{min-width:130px!important;flex:1 1 40%!important}.language-list{grid-template-columns:1fr}.btn,button{min-height:44px;padding:12px 20px!important}.btn-audio-inline,.audio-btn{width:44px!important;height:44px!important;font-size:1.5rem!important}.option-grid{grid-template-columns:1fr!important;gap:15px}.option-card{padding:15px!important}.main-title{font-size:1.8rem!important}}.narrative-container{max-width:900px;margin:0 auto;padding:var(--spacing-2xl);text-align:center}#narrativeScreen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);background-image:url(./bg_contexts-BT2Nlkj5.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;transition:background .5s ease-in-out}#narrativeScreen:before{display:none}.narrative-container{position:relative;z-index:2;max-width:900px;width:100%;margin:0 auto}.narrative-content{background:#fffffff2;backdrop-filter:blur(5px);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);box-shadow:0 20px 50px #0000004d;border:1px solid rgba(255,255,255,.2)}.narrative-image{max-width:100%;max-height:250px;width:auto;border-radius:var(--border-radius-md);margin:0 auto var(--spacing-xs) auto;box-shadow:var(--shadow-sm);display:block;object-fit:contain;border:4px solid var(--color-white)}.narrative-text{font-size:var(--font-size-xl);line-height:1.8;color:var(--color-bg);font-weight:500;text-align:justify;padding:var(--spacing-md);background:#f3f4f680;border-radius:var(--border-radius-md);margin:0 auto}.narrative-footer{display:flex;justify-content:center}.btn-adventure{font-size:var(--font-size-xl);padding:var(--spacing-lg) var(--spacing-2xl);min-width:300px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);transition:all var(--transition-base)}.btn-adventure .arrow{font-size:var(--font-size-2xl);transition:transform var(--transition-base)}.btn-adventure:hover .arrow{transform:translate(8px)}.problem-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.problem-counter{background:var(--gradient-warm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:700;color:var(--color-white)}.context-banner{background:linear-gradient(135deg,#ffffff26,#ffffff0d);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-md)}.context-banner-icon{font-size:3rem;animation:bounce 2s infinite}.context-banner-title{font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white)}.problem-statement-section{background:#ffffff1a;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg)}.statement-header{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-md);width:100%}.statement-header-content{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.section-title{font-family:var(--font-primary);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;text-align:center;margin-bottom:0;background-color:var(--color-bg);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000004d;display:inline-block;width:fit-content;max-width:90%}.config-section{display:flex;flex-direction:column;align-items:center}#problemTypeTitle{background-color:#1e1b4bf2;border:2px solid rgba(165,180,252,.5)}#levelTitle{background-color:#115e59f2;border:2px solid rgba(94,234,212,.5)}#contextSelectionTitle{background-color:#831843f2;border:2px solid rgba(244,114,182,.5)}.btn-audio{background:var(--gradient-cool);border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);font-size:var(--font-size-2xl)}.btn-audio:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.statement-box{background:#0003;border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);min-height:120px}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.option-card{backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 6px #0003}#problemTypeGrid .option-card{background:#1e1b4be6;border:3px solid rgba(165,180,252,.5)}#problemTypeGrid .option-card:hover{background:#312e81f2;border-color:#fff;transform:translateY(-5px);box-shadow:0 10px 25px #312e8180}#problemTypeGrid .option-card.selected{background:#312e81;border-color:var(--color-accent);box-shadow:0 0 0 4px #f59e0b4d}#levelGrid .option-card{background:#115e59e6;border:3px solid rgba(94,234,212,.5)}#levelGrid .option-card:hover{background:#134e4af2;border-color:#fff;transform:translateY(-5px);box-shadow:0 10px 25px #115e5980}#levelGrid .option-card.selected{background:#134e4a;border-color:var(--color-accent);box-shadow:0 0 0 4px #f59e0b4d}.option-icon{font-size:3rem;margin-bottom:var(--spacing-md);transition:transform var(--transition-base);text-shadow:0 2px 4px rgba(0,0,0,.3)}.option-card:hover .option-icon{transform:scale(1.1) rotate(5deg)}.option-title{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-sm);text-shadow:0 2px 2px rgba(0,0,0,.5)}.option-desc{font-size:var(--font-size-sm);color:#fffc;line-height:1.5}.statement-box{background:#0009;border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);min-height:120px}.statement-box p{font-size:var(--font-size-xl);line-height:1.8;color:var(--color-white);font-family:var(--font-secondary)}.statement-question{background:#ffffff0d;border-left:4px solid var(--color-accent);padding:var(--spacing-md);border-radius:var(--border-radius-sm)}.statement-question strong{color:var(--color-accent);font-size:var(--font-size-lg)}.statement-question p{color:var(--color-white);font-size:var(--font-size-xl);margin-top:var(--spacing-xs);font-weight:600}.problem-image-container{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:center}.problem-image{max-width:100%;max-height:400px;width:auto;border-radius:var(--border-radius-md);box-shadow:var(--shadow-xl);display:inline-block;object-fit:contain;background:#fffffff2;padding:var(--spacing-md);transition:transform var(--transition-base)}.problem-image:hover{transform:scale(1.05);box-shadow:0 0 30px #ffffff4d}.problem-image-inline{display:inline-flex;align-items:center;justify-content:center}.problem-image-small{max-height:200px;max-width:350px;width:auto;height:auto;border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #0006;object-fit:contain;background:#fffffff2;padding:2px;transition:transform var(--transition-base)}.problem-image-small:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000080}.answer-section{background:#ffffff1a;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg)}.answer-input-group{margin-bottom:var(--spacing-lg)}.answer-input-group label{display:block;color:var(--color-white);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);font-family:var(--font-primary)}.answer-input{width:100%;max-width:300px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-2xl);font-weight:700;text-align:center;border:3px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);background:#ffffffe6;color:var(--color-bg);transition:all var(--transition-base);font-family:var(--font-primary)}.answer-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 20px #6366f180;transform:scale(1.05)}.answer-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.answer-feedback{margin-top:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--border-radius-md);display:flex;align-items:center;gap:var(--spacing-md);animation:slideIn .5s ease-out}.answer-feedback.correct{background:linear-gradient(135deg,#43e97b,#38f9d7)}.answer-feedback.incorrect{background:linear-gradient(135deg,#fa709a,#fee140)}.feedback-icon{font-size:3rem;font-weight:700}.answer-feedback p{font-size:var(--font-size-xl);font-weight:600;color:var(--color-white);font-family:var(--font-primary)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.problem-nav{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-xxl)}.problem-nav .btn{flex:1;max-width:300px}.summary-content{max-width:800px;margin:0 auto;text-align:center}.summary-score{background:#ffffff1a;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:var(--border-radius-xl);padding:var(--spacing-xxl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-xl)}.score-icon{font-size:6rem;margin-bottom:var(--spacing-md);animation:bounce 2s infinite}.summary-score h2{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--color-white);margin-bottom:var(--spacing-lg)}.score-display{font-family:var(--font-primary);font-size:5rem;font-weight:800;color:var(--color-white);text-shadow:0 4px 20px rgba(255,255,255,.5)}.score-number{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-total{color:#ffffffb3}.summary-message{margin-bottom:var(--spacing-xl)}.summary-message p{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-white);font-family:var(--font-primary)}.summary-actions{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:500px;margin:0 auto}.resolution-wizard{background:#ffffff0d;border-radius:var(--border-radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden;z-index:1}.wizard-steps-indicator{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xxl);gap:var(--spacing-xs)}.step-indicator{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);position:relative;cursor:pointer;transition:all var(--transition-base)}.step-indicator:hover .step-number{transform:scale(1.15);box-shadow:0 4px 12px #6366f166}.step-indicator:after{content:"";position:absolute;top:20px;left:50%;width:100%;height:2px;background:#fff3;z-index:-1}.step-indicator:last-child:after{display:none}.step-number{width:40px;height:40px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.6);display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900;font-size:18px!important;line-height:1!important;padding:0!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.8);transition:all var(--transition-base)}.step-indicator.active .step-number{background:var(--gradient-cool);border-color:var(--color-primary);transform:scale(1.2);box-shadow:0 0 20px #6366f199;color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.5);display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}.step-indicator.completed .step-number{background:var(--gradient-warm);border-color:var(--color-success);color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.5);display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}.step-label{font-size:var(--font-size-xs);color:#ffffffb3;text-align:center;font-weight:600}.number-table-selector{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.selected-number-display{font-size:var(--font-size-3xl);font-weight:900;color:var(--color-accent);min-width:80px;min-height:60px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:3px solid rgba(99,102,241,.3);border-radius:var(--border-radius-md);padding:var(--spacing-sm);transition:all .3s ease}.selected-number-display:not(:empty){border-color:var(--color-primary);box-shadow:0 0 15px #6366f166}.btn-show-table{padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:var(--color-white);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d}.btn-show-table:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.number-table-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.number-table-overlay{position:absolute;inset:0;background:transparent;backdrop-filter:none}.number-table-container{position:relative;background:linear-gradient(135deg,#fff,#f3f4f6);padding:var(--spacing-xxl);border-radius:var(--border-radius-xl);max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;z-index:2001;animation:modalSlideIn .4s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.number-table-container h3{color:var(--color-bg);text-align:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl)}.number-table-grid{border-collapse:separate;border-spacing:4px;margin:0 auto var(--spacing-lg)}.number-table-grid td{width:55px;height:55px;text-align:center;border:2px solid #d1d5db;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-xl);font-weight:700;background:var(--color-white);transition:all .2s ease;position:relative}.number-table-grid td:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633);transform:scale(1.15);box-shadow:0 6px 16px #00000040;border-color:var(--color-primary);z-index:10}.number-table-grid td:active{transform:scale(1.05)}.digit-tens{color:#dc2626;font-weight:900}.digit-units{color:#2563eb;font-weight:900}.abn-number-table td.abn-wrong{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;animation:shake .5s ease-in-out;transform-origin:center}@keyframes shake{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-8px) scale(1.05)}50%{transform:translate(8px) scale(1.05)}75%{transform:translate(-8px) scale(1.05)}}.btn-close-table-x{position:absolute;top:15px;right:15px;background:#dc26261a;border:2px solid #dc2626;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:var(--font-size-xl);font-weight:700;color:#dc2626;transition:all .2s ease;z-index:2002}.btn-close-table-x:hover{background:#dc2626;color:var(--color-white);transform:rotate(90deg)}.btn-close-table{display:block;margin:0 auto;padding:var(--spacing-sm) var(--spacing-xxl);background:var(--color-bg);color:var(--color-white);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:600;transition:all .3s ease}.btn-close-table:hover{background:#1e3a8a;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.abn-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center}.abn-overlay{position:absolute;inset:0;background:#0006;backdrop-filter:none}.abn-container{position:relative;background:linear-gradient(135deg,#fff,#f0f9ff);padding:var(--spacing-xl);border-radius:var(--border-radius-xl);max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;z-index:3001;animation:modalSlideIn .4s ease-out;display:flex;flex-direction:column}.abn-container h3{color:var(--color-bg);text-align:center;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.abn-container h4{color:#1e40af;font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.btn-close-abn{position:absolute;top:15px;right:15px;background:#dc26261a;border:2px solid #dc2626;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:var(--font-size-xl);font-weight:700;color:#dc2626;transition:all .2s ease;z-index:3002}.btn-close-abn:hover{background:#dc2626;color:#fff;transform:rotate(90deg)}.abn-operation{text-align:center;font-size:var(--font-size-xl);font-weight:700;color:#1e40af;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#3b82f61a;border-radius:var(--border-radius-md)}.abn-operation span{color:#dc2626;font-size:var(--font-size-2xl)}.abn-table-wrapper{overflow-x:auto;margin:var(--spacing-lg) 0;max-height:400px;overflow-y:auto}.abn-number-table{border-collapse:separate;border-spacing:3px;margin:0 auto}.abn-number-table td{width:50px;height:50px;text-align:center;border:2px solid #e5e7eb;border-radius:8px;font-size:var(--font-size-lg);font-weight:700;background:#fff;transition:all .3s ease}.abn-number-table td.abn-start{background:#22c55e80!important;color:#1f2937!important;transform:scale(1.15);box-shadow:0 0 20px #22c55e99;border-color:#22c55e;border-width:3px;font-weight:900}.abn-number-table td.abn-path{background:#fbbf2480!important;color:#1f2937!important;border-color:#f59e0b;border-width:3px;font-weight:900}.abn-number-table td.abn-result{background:#10b98199!important;color:#1f2937!important;transform:scale(1.2);box-shadow:0 0 25px #10b981b3;border-color:#10b981;border-width:4px;font-weight:900;animation:pulse 1.5s ease-in-out infinite}.abn-steps{background:#3b82f60d;padding:var(--spacing-md);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;border:2px solid rgba(59,130,246,.2)}.abn-step{padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-xs) 0;border-left:3px solid transparent;transition:all .3s ease;font-size:var(--font-size-md);color:#1f2937;line-height:1.4}.abn-step.completed{border-left-color:#10b981;color:#059669}.abn-step.completed strong{color:#047857}.abn-step.active{border-left-color:#f59e0b;background:#fbbf2426;font-weight:600;color:#92400e}.abn-step.active strong{color:#b45309}.step-controls{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);justify-content:flex-end;padding-top:var(--spacing-xs);border-top:1px solid rgba(59,130,246,.2)}.btn-step-prev,.btn-step-next{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;border:2px solid;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease}.btn-step-prev{background:#fff;color:#6b7280;border-color:#d1d5db}.btn-step-prev:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-step-next{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border-color:#3b82f6}.btn-step-next:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e3a8a);transform:translateY(-1px)}.btn-step-prev:disabled,.btn-step-next:disabled{opacity:.4;cursor:not-allowed}.abn-controls{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.abn-controls .btn{min-width:140px}.abn-controls .btn:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-abn-helper{padding:calc(var(--spacing-sm) * 1.25) calc(var(--spacing-md) * 1.25);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:calc(var(--font-size-md) * 1.25);font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);width:fit-content;align-self:center}.btn-abn-helper:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.btn-abn-helper .btn-icon{font-size:var(--font-size-lg)}.calculation-row-inline{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-lg)}.calculation-row-inline .calc-number,.calculation-row-inline .calc-operator,.calculation-row-inline .calc-equals{font-size:var(--font-size-3xl);font-weight:900;color:var(--color-bg)}.calculation-row-inline .calc-operator{color:var(--color-primary);margin:0 var(--spacing-xs)}.calculation-row-inline .calc-equals{color:var(--color-accent);margin:0 var(--spacing-sm) 0 var(--spacing-xs)}.number-table-selector-inline{display:flex;align-items:center;gap:var(--spacing-sm)}.number-table-selector-inline .selected-number-display{min-width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#fff;border:4px solid var(--color-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-3xl);font-weight:900;color:var(--color-bg);box-shadow:0 4px 12px #00000026}.number-table-selector-inline .btn-show-table{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);white-space:nowrap}.calculation-row-inline .btn-abn-helper{margin-left:var(--spacing-md)}.abn-content-grid{display:grid;grid-template-columns:1fr 450px;gap:var(--spacing-lg);min-height:500px;margin-top:var(--spacing-md)}.abn-table-section{position:relative;overflow:visible;display:flex;flex-direction:column;gap:var(--spacing-md)}.abn-table-wrapper{max-height:450px;overflow-y:auto}.abn-increment-display{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);box-shadow:0 6px 20px #1e40af66;min-height:70px}.abn-increment-display.hidden{display:none}.increment-label{font-size:var(--font-size-lg);font-weight:700;opacity:.9}.increment-value{font-size:var(--font-size-3xl);font-weight:900;padding:var(--spacing-sm) var(--spacing-lg);background:#fff3;border-radius:var(--border-radius-md);min-width:100px;text-align:center}.abn-controls{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:auto}.abn-steps-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.abn-arrow{position:absolute;pointer-events:none;z-index:100}.abn-arrow svg{width:80px;height:80px;overflow:visible}.abn-arrow.vertical svg{transform:rotate(90deg)}.arrow-label{position:absolute;background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff;padding:6px 12px;border-radius:16px;font-size:16px;font-weight:900;box-shadow:0 4px 12px #1e40af66;white-space:nowrap;top:50%;transform:translateY(-50%)}.abn-arrow.vertical .arrow-label[data-label^="+"]{left:-60px}.abn-arrow.vertical .arrow-label[data-label^="-"]{right:-60px;left:auto}.abn-arrow.horizontal .arrow-label{left:50%;top:-35px;transform:translate(-50%)}@media(max-width:1024px){.abn-content-grid{grid-template-columns:1fr}.abn-container{max-width:95vw}}.step-indicator.active .step-label{color:var(--color-white);font-weight:700}.wizard-step{font-family:var(--font-accent);background:#ffffff1a;backdrop-filter:blur(2px);border:2px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);padding:var(--spacing-xxl);margin-bottom:var(--spacing-lg);animation:fadeIn .5s ease-out;position:relative;z-index:2}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wizard-step-title{font-family:var(--font-accent);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-md)}.wizard-step-instruction{font-size:var(--font-size-lg);color:#fffc;margin-bottom:var(--spacing-xl);line-height:1.6}.comprehension-check{text-align:center}.comprehensio.narrative-text{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-white);margin-bottom:var(--spacing-lg);text-align:center;padding:1.5cm;margin:0 auto;max-width:800px}.comprehension-question{font-size:var(--font-size-xl);font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-lg)}.comprehension-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.highlighting-toolbar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.highlight-btn{padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);color:var(--color-white);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs)}.highlight-btn:hover{background:#fff3;transform:translateY(-2px)}.highlight-btn.active{border-color:var(--color-primary);background:#6366f14d;box-shadow:0 0 15px #6366f180}.highlight-color{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.5)}.question-color{background:#ffd700b3}.useful-color{background:#00ff7fb3}.distractor-color{background:#ff6347b3}.highlightable-text{background:transparent;padding:var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-lg);line-height:2;color:var(--color-white);user-select:none;cursor:pointer}.highlightable-text span{padding:2px 0;border-radius:3px;transition:all .2s ease}.highlightable-text span.highlight-question{background:#ffd70080;color:#000;font-weight:700}.highlightable-text span.highlight-useful{background:#00ff7f80;color:#000;font-weight:700}.highlightable-text span.highlight-distractor{background:#ff634780;color:#000;font-weight:700}.highlight-segment{cursor:pointer;padding:4px 6px;margin:0 2px;border-radius:6px;transition:all .2s ease;display:inline-block}.highlight-segment:hover{background:#ffffff1a;transform:scale(1.02)}.representation-section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.bar-container{background:#0003;padding:var(--spacing-2xl);border-radius:var(--border-radius-md)}.bar-label{font-size:var(--font-size-lg);font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-xl);text-align:center}.bar-dato-label{font-weight:700;margin-right:10px}.bar-interactive{position:relative;margin-top:var(--spacing-2xl)}.bar-track{position:relative;width:100%;height:60px;background:#ffffff1a;border-radius:var(--border-radius-md);cursor:pointer}.bar-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,#ef4444,#dc2626);border:4px solid white;border-radius:50%;cursor:grab;box-shadow:0 4px 12px #dc262680,0 0 20px #dc26264d;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.bar-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.bar-value-display{font-size:var(--font-size-xl);font-weight:800;color:var(--color-white)}.slider-scale-with-ticks{position:absolute;bottom:-40px;left:0;right:0;height:30px}.scale-tick{position:absolute;bottom:0;transform:translate(-50%)}.scale-tick.main-tick{width:2px;height:20px;background:var(--color-accent)}.scale-tick.main-tick .tick-number{position:absolute;top:22px;left:50%;transform:translate(-50%);font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);white-space:nowrap}.scale-tick.sub-tick{width:1px;height:10px;background:#fff6}@media(max-width:768px){.bar-handle{width:40px;height:40px}.bar-value-display{font-size:var(--font-size-lg)}}.bars-container{display:flex;flex-direction:column;gap:var(--spacing-xxl);padding:var(--spacing-md)}.bar-wrapper{background:#0003;padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.bar-wrapper .bar-label{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600;color:var(--color-white);text-align:center}.bar-track-with-scale{position:relative;height:80px;background:linear-gradient(to right,#6366f11a,#f59e0b1a);border-radius:var(--border-radius-sm);border:2px solid rgba(255,255,255,.2)}.integrated-scale{position:absolute;bottom:8px;left:10px;right:10px;height:20px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.scale-number{font-size:var(--font-size-xs);color:#ffffffe6;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);background:transparent;padding:2px 4px;border-radius:3px}.bar-input-group{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.bar-slider{flex:1;height:8px;border-radius:4px;background:#fff3;outline:none;cursor:pointer}.bar-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gradient-cool);cursor:pointer;box-shadow:var(--shadow-md)}.bar-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gradient-cool);cursor:pointer;box-shadow:var(--shadow-md);border:none}.bar-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-white);min-width:50px;text-align:center}.slider-scale{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:0 10px;font-size:var(--font-size-sm);color:#ffffffb3;font-family:var(--font-secondary)}.slider-scale span{min-width:20px;text-align:center;font-weight:500}.bar-visual{height:40px;background:var(--gradient-warm);border-radius:var(--border-radius-sm);transition:width .3s ease;box-shadow:var(--shadow-md);min-width:2%}.reasoning-section{text-align:center}.reasoning-question{font-size:var(--font-size-xl);font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-xl)}.reasoning-options{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.bar-track{position:relative;width:100%;height:60px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);cursor:pointer}.bar-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#6366f199,#8b5cf699);border-radius:var(--border-radius-sm);transition:width .3s ease;pointer-events:none;z-index:0}.reasoning-btn{flex:1;min-width:150px;max-width:200px;padding:var(--spacing-xl);background:#ffffff1a;border:3px solid rgba(255,255,255,.3);border-radius:var(--border-radius-lg);color:var(--color-white);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.reasoning-btn:hover{background:#fff3;transform:translateY(-5px);box-shadow:var(--shadow-xl)}.reasoning-btn.selected{border-color:var(--color-primary);background:#6366f14d;box-shadow:0 0 30px #6366f1cc}.reasoning-icon{font-size:3rem}.reasoning-btn span:last-child{font-size:var(--font-size-lg);font-weight:600}.reasoning-intro{font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--spacing-lg);line-height:1.6}.substep-intro{font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--spacing-md);line-height:1.6}.inline-text{font-size:var(--font-size-lg);color:var(--color-white);font-weight:500;margin:0 var(--spacing-sm)}.confirmed-value{font-size:var(--font-size-lg);color:#000;font-weight:700}.useful-data-list{font-weight:700;color:#000}.reasoning-select{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-xl);font-weight:600;border:3px solid rgba(99,102,241,.4);border-radius:var(--border-radius-md);background:linear-gradient(135deg,#fffffff2,#f0f8fff2);color:var(--color-bg);cursor:pointer;transition:all .3s ease;min-width:220px;min-height:50px}.reasoning-select:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 8px 16px #6366f14d}.reasoning-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 20px #f59e0b80;transform:scale(1.05)}.reasoning-select option{padding:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600}.reasoning-input-group{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.btn-validate{animation:pulse 2s ease-in-out infinite}.help-tooltip-container{position:relative;margin-bottom:var(--spacing-lg);text-align:center}.btn-help{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#f59e0b,#f97316);color:var(--color-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b4d}.btn-help:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-help span:first-child{font-size:var(--font-size-xl)}.help-bubble{position:absolute;top:60px;left:50%;transform:translate(-50%);width:90%;max-width:500px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 8px 24px #0000004d;z-index:100;animation:bounceIn .5s ease-out}.help-bubble p{color:var(--color-bg);font-size:var(--font-size-lg);line-height:1.6;margin:0;text-align:left}.help-bubble .highlight-number{color:#dc2626;font-weight:900;font-size:var(--font-size-xl)}.btn-close-help{position:absolute;top:8px;right:8px;background:#0000001a;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:var(--font-size-lg);transition:background .2s ease}.btn-close-help:hover{background:#0003}@keyframes bounceIn{0%{opacity:0;transform:translate(-50%) scale(.3)}50%{transform:translate(-50%) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}.substep-question-reminder{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:linear-gradient(135deg,#6366f133,#7c3aed33);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);font-weight:600;color:var(--color-white)}.question-highlight{color:#fde68a;font-weight:700;font-size:var(--font-size-xl);font-style:italic}.interactive-table-section{margin-bottom:var(--spacing-xxl);padding:var(--spacing-xl);background:#0003;border-radius:var(--border-radius-lg)}.table-instruction{text-align:center;font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--spacing-lg);font-weight:600}.table-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.calc-table{border-collapse:collapse;background:#fffffff2;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.calc-table td{width:60px;height:60px;border:2px dashed #333;text-align:center;vertical-align:middle;font-size:var(--font-size-2xl);font-weight:700;color:#000;cursor:pointer;transition:all .2s ease;position:relative;user-select:none}.calc-table td:hover:not(.no-input){background:#6366f11a;transform:scale(1.05)}.calc-table td.no-input{cursor:default;background:#c8c8c84d}.calc-table td.filled{background:#6366f10d}.calc-table td.operator-cell{background:#f59e0b33;font-size:var(--font-size-3xl)}.calc-table td.corrected{color:#dc2626!important;font-weight:900!important;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.check-table-btn{min-width:180px;font-size:var(--font-size-lg);animation:pulse 2s ease-in-out infinite}.table-solution{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:var(--border-radius-md);text-align:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-bg);animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.number-selector{background:#fffffffa;border-radius:var(--border-radius-md);padding:var(--spacing-sm);box-shadow:0 8px 32px #0000004d;animation:popIn .2s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}.number-btn{width:50px;height:50px;border:2px solid rgba(99,102,241,.3);border-radius:var(--border-radius-sm);background:linear-gradient(135deg,#fff,#f0f8ff);color:var(--color-bg);font-size:var(--font-size-xl);font-weight:700;cursor:pointer;transition:all .2s ease}.number-btn:hover{background:var(--gradient-cool);color:var(--color-white);transform:scale(1.1);box-shadow:0 4px 12px #6366f166}.number-btn:active{transform:scale(.95)}.calculation-section{display:flex;justify-content:center;padding:var(--spacing-xxl) 0}.calculation-table{background:transparent;padding:var(--spacing-xxl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl)}.calc-row{display:flex;align-items:center;gap:var(--spacing-lg);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-white)}.calc-number,.calc-operator,.calc-equals{padding:var(--spacing-md);background:#ffffff1a;border-radius:var(--border-radius-md);min-width:60px;text-align:center}.calc-operator{background:var(--gradient-cool);color:var(--color-white);font-size:var(--font-size-4xl)}.calc-input{width:90px;min-width:90px;height:80px;padding:var(--spacing-md);border:3px solid rgba(99,102,241,.3);border-radius:var(--border-radius-md);font-size:var(--font-size-3xl);font-weight:900;text-align:center;background:#fffffff2;color:var(--color-bg);transition:all .3s ease}.calc-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 20px #6366f166;transform:scale(1.05)}.final-answer-section{text-align:center}.answer-template{margin-bottom:var(--spacing-xl)}.answer-template p{font-size:var(--font-size-2xl);color:var(--color-white);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.calc-table{border-collapse:separate;border-spacing:var(--spacing-xs);margin:0 auto}.calc-table td{width:50px;height:60px;text-align:center;vertical-align:middle;font-size:var(--font-size-2xl);font-weight:700;border-bottom:2px solid rgba(0,0,0,.1);border-radius:var(--border-radius-sm);background:#fff;color:var(--color-bg)}.calc-text-units{color:#2563eb!important}.calc-text-tens{color:#dc2626!important}.calc-header-cell{background:transparent!important;border:none!important;font-size:var(--font-size-xl)!important;font-weight:800!important;padding-bottom:var(--spacing-xs);height:auto!important}.calc-header-units{color:#2563eb!important}.calc-header-tens{color:#dc2626!important}.no-input{background:transparent}.separator-cell{background-color:#000;height:6px!important;padding:0!important;border:none!important}.final-answer-input{width:120px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-2xl);font-weight:700;text-align:center;border:3px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);background:#ffffffe6;color:var(--color-bg);transition:all var(--transition-base)}.final-answer-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 20px #6366f199;transform:scale(1.05)}.answer-label{font-size:var(--font-size-2xl);color:var(--color-white);font-weight:600;margin-bottom:var(--spacing-md)}.answer-inputs-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.final-answer-number{width:100px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-2xl);font-weight:700;text-align:center;border:3px solid rgba(76,175,80,.5);border-radius:var(--border-radius-md);background:#fffffff2;color:var(--color-bg);transition:all var(--transition-base)}.final-answer-number:focus{outline:none;border-color:#4caf50;box-shadow:0 0 20px #4caf5099;transform:scale(1.05)}.final-answer-text{width:180px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-xl);font-weight:600;text-align:center;border:3px solid rgba(33,150,243,.5);border-radius:var(--border-radius-md);background:#fffffff2;color:var(--color-bg);transition:all var(--transition-base)}.final-answer-text:focus{outline:none;border-color:#2196f3;box-shadow:0 0 20px #2196f399;transform:scale(1.05)}.answer-hint{font-size:var(--font-size-sm);color:#ffffffb3;font-style:italic;margin-top:var(--spacing-sm)}.answer-summary{background:transparent;padding:var(--spacing-lg);border-radius:var(--border-radius-md);text-align:left}.answer-summary h4{font-size:var(--font-size-xl);color:var(--color-white);margin-bottom:var(--spacing-md)}.answer-summary p{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--spacing-sm)}.contextual-prompt{font-size:var(--font-size-xl);line-height:1.6;color:#fffffff2;margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:#0003;border-radius:var(--border-radius-md);border-left:4px solid var(--color-accent);text-align:center}.operation-verb{font-weight:800;font-size:var(--font-size-2xl);color:#10b981;text-shadow:0 2px 4px rgba(0,0,0,.3)}.operation-verb.subtraction{color:#ef4444}.operated-element{font-weight:700;font-size:var(--font-size-2xl);color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3)}.element-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg);width:100%;max-width:500px}.element-option{position:relative;display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:#fffffff2;border:3px solid rgba(99,102,241,.3);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);user-select:none}.element-option:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003;border-color:var(--color-primary);background:#fff}.element-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.element-option-label{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;cursor:pointer;font-size:var(--font-size-lg);font-weight:600;color:var(--color-bg)}.element-option-label:before{content:"";width:24px;height:24px;border:3px solid var(--color-primary);border-radius:50%;background:#fff;flex-shrink:0;transition:all var(--transition-base)}.element-option input[type=radio]:checked+.element-option-label:before{background:var(--color-primary);box-shadow:inset 0 0 0 5px #fff}.element-option input[type=radio]:checked~.element-option-label{color:var(--color-primary)}.element-option:has(input[type=radio]:checked){background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:var(--color-primary);border-width:4px;box-shadow:0 0 20px #6366f166}@media(max-width:768px){.element-options{grid-template-columns:1fr}.contextual-prompt{font-size:var(--font-size-lg)}.operation-verb,.operated-element{font-size:var(--font-size-xl)}}.wizard-feedback{margin-top:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius-md);display:flex;align-items:center;gap:var(--spacing-md);animation:slideIn .5s ease-out}.wizard-feedback.correct{background:linear-gradient(135deg,#43e97b,#38f9d7)}.wizard-feedback.incorrect{background:linear-gradient(135deg,#fa709a,#fee140)}.wizard-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.wizard-navigation{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid rgba(255,255,255,.1)}.hidden{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.success-animation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.success-animation-overlay.active{opacity:1;pointer-events:all}.success-animation-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2rem;padding:3rem;text-align:center;max-width:600px;width:90%;box-shadow:0 30px 60px #00000080,0 0 100px #667eea99;transform:scale(.7);opacity:0;animation:successPopIn .5s cubic-bezier(.175,.885,.32,1.275) .1s forwards;position:relative;overflow:hidden}.success-animation-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotateGlow 3s linear infinite}@keyframes successPopIn{0%{transform:scale(.7);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{font-size:8rem;margin-bottom:1.5rem;animation:successBounce .8s ease .3s;display:inline-block;position:relative;z-index:1}@keyframes successBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-30px) scale(1.1)}50%{transform:translateY(0) scale(.95)}75%{transform:translateY(-15px) scale(1.05)}}.mentor-accessory{position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:4rem;z-index:10;filter:drop-shadow(0 4px 5px rgba(0,0,0,.4));pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:transparent!important}.mentor-accessory.pop-in{animation:accessoryPop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes accessoryPop{0%{transform:translate(-50%) scale(0) rotate(-45deg)}70%{transform:translate(-50%) scale(1.4) rotate(10deg)}to{transform:translate(-50%) scale(1) rotate(0)}}.success-title{font-family:var(--font-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);animation:successSlideIn .6s ease .4s backwards;position:relative;z-index:1}@keyframes successSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-message{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:500;color:#fde68a;line-height:1.6;margin-bottom:2rem;animation:successSlideIn .6s ease .6s backwards;position:relative;z-index:1}.success-sparkles{display:flex;justify-content:center;gap:1.5rem;font-size:3rem;animation:successSlideIn .6s ease .8s backwards;position:relative;z-index:1}.sparkle{display:inline-block;animation:sparkleFloat 2s ease-in-out infinite}.sparkle:nth-child(1){animation-delay:0s}.sparkle:nth-child(2){animation-delay:.2s}.sparkle:nth-child(3){animation-delay:.4s}.sparkle:nth-child(4){animation-delay:.6s}.sparkle:nth-child(5){animation-delay:.8s}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:1}50%{transform:translateY(-20px) rotate(180deg) scale(1.3);opacity:.7}}.problem-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px solid rgba(255,255,255,.1)}.problem-nav .btn{flex:0 1 auto;min-width:200px}.problem-nav #prevProblemBtn{margin-right:auto}.problem-nav #nextProblemBtn,.problem-nav #finishSessionBtn{margin-left:auto}@media(max-width:768px){.problem-nav{flex-direction:column;gap:var(--spacing-sm)}.problem-nav .btn{width:100%;margin:0!important}}.bar-fill{background:#991b1b!important;opacity:.9}.integrated-scale{position:absolute;bottom:0;left:0;right:0;height:100%;pointer-events:none}.scale-tick{position:absolute;bottom:0;width:1px;background:#ffffff80;transform:translate(-50%)}.scale-tick-major{height:15px;background:#ffffffe6;width:2px}.scale-tick-minor{height:8px}.scale-number{position:absolute;bottom:2px;font-size:.8rem;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.separator-cell{background:#000!important;background-color:#000!important;height:6px!important;padding:0!important;border:none!important;border-radius:4px;opacity:1!important}.calc-table tr:last-child td{border-top:none!important}.step-controls{display:flex;justify-content:space-between;margin-top:10px;gap:10px}.btn-step-next,.btn-step-prev,.btn-step-finish{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}.btn-step-next{background:var(--color-primary);color:#fff;margin-left:auto}.btn-step-prev{background:var(--color-bg-lighter);color:var(--color-text);border:1px solid var(--color-text-secondary)}.btn-step-finish{background:var(--color-secondary);color:#fff}.btn-step-next:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.btn-step-next:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px)}.btn-step-prev:hover{background:var(--color-bg-light)}.btn-step-finish:hover{background:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ec489966}.feedback-overlay{position:absolute;font-size:1.2rem;font-weight:800;pointer-events:none;animation:feedbackFloat 1s ease-out forwards;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.5)}.feedback-center{top:50%;left:50%;transform:translate(-50%,-50%);color:#fbbf24}.feedback-left{top:50%;left:-15px;transform:translateY(-50%);color:#34d399}.feedback-right{top:50%;right:-15px;transform:translateY(-50%);color:#ef4444}@keyframes feedbackFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1.5)}}.number-table-grid td{position:relative;overflow:visible}#numericTableScreen{background:var(--gradient-primary);background-attachment:fixed}.table-screen-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);position:relative}.table-screen-header .btn-back{position:absolute;left:0}.operation-display{background:#fffffff2;backdrop-filter:blur(10px);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:3px solid rgba(99,102,241,.5)}.operation-display span{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:900;color:var(--color-bg);text-shadow:none}.table-main-content{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-2xl);align-items:start}.table-section{background:#fffffff2;backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl)}.numeric-table-100{width:100%;border-collapse:separate;border-spacing:4px;table-layout:fixed}.numeric-table-100 td{width:10%;aspect-ratio:1;text-align:center;vertical-align:middle;font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:700;border:2px solid rgba(0,0,0,.1);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-base);background:#fff;position:relative}.numeric-table-100 td.unit-color{color:#1e40af}.numeric-table-100 td.tens-color{color:#991b1b;font-weight:800}.numeric-table-100 td:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003;z-index:10;border-color:var(--color-primary);background:#6366f11a}.numeric-table-100 td.clicked{background:linear-gradient(135deg,#fef3c7,#fde047);border-color:var(--color-accent);border-width:3px;transform:scale(1.05);box-shadow:0 0 20px #f59e0b80}.numeric-table-100 td.start-number{background:linear-gradient(135deg,#d1fae5,#10b981);border-color:#059669;border-width:3px;color:#fff!important}.numeric-table-100 td.target-number{background:linear-gradient(135deg,#dbeafe,#3b82f6);border-color:#1e40af;border-width:3px;color:#fff!important}.help-section{position:sticky;top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.btn-toggle-help{padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:700;text-transform:uppercase;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.btn-toggle-help:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.btn-toggle-help.active{background:linear-gradient(135deg,#dc2626,#991b1b)}.help-panel{background:#fffffff2;backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);border:2px solid rgba(99,102,241,.3);max-height:600px;overflow-y:auto}.help-panel.hidden,.help-step{display:none}.help-step.wizard-step{display:none;animation:fadeIn .5s ease;position:relative;z-index:1}.help-step.active{display:block;animation:fadeIn .3s ease-in}.step-number{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:900;color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--spacing-sm);letter-spacing:.05em;display:inline;margin-right:var(--spacing-xs)}.step-instruction{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-bg);margin-bottom:var(--spacing-lg);display:inline-block}.step-instruction strong{color:var(--color-primary);font-size:var(--font-size-xl)}.result-display{background:#6366f11a;border-left:4px solid var(--color-primary);padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg)}.result-display strong{color:var(--color-accent);font-size:var(--font-size-2xl);font-weight:900}.step-navigation{display:flex;gap:var(--spacing-md);justify-content:flex-end}.btn-step-back,.btn-step-next,.btn-step-finish{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);min-width:120px}@media(max-width:1200px){.table-main-content{grid-template-columns:1fr}.help-section{position:static}}@media(max-width:768px){.numeric-table-100 td{font-size:var(--font-size-base)}.operation-display span{font-size:var(--font-size-2xl)}.table-section{padding:var(--spacing-md)}}.table-error-overlay{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease;border-radius:var(--border-radius-lg)}.table-error-overlay.visible{opacity:1;pointer-events:all}.error-message{background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:400px;text-align:center}.error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.error-text{font-size:var(--font-size-lg);font-weight:600;color:#dc2626;margin-bottom:var(--spacing-md)}.error-hint{font-size:var(--font-size-base);color:var(--color-bg);background:#3b82f61a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border-left:4px solid #3b82f6}.result-display{background:#6366f126;border-left:4px solid var(--color-primary);padding:var(--spacing-lg);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg);color:#000;font-weight:600}.result-display strong{color:#1e40af;font-size:var(--font-size-2xl);font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.1)}.numeric-table-100 td.selected-help{background:linear-gradient(135deg,#fef3c7,#fde047);border-color:#f59e0b;border-width:3px;box-shadow:0 0 15px #f59e0b66}.table-section{position:relative}.narrative-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;min-height:100vh;justify-content:center}.narrative-header{text-align:center;margin-bottom:var(--spacing-lg)}.narrative-title{font-family:var(--font-primary);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--color-white);text-shadow:0 4px 10px rgba(0,0,0,.5)}.narrative-content{background:#fffffff2;backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);width:100%;max-width:900px;display:flex;flex-direction:column;gap:var(--spacing-sm)}.narrative-image{max-width:650px;height:auto;border-radius:var(--border-radius-lg);margin:var(--spacing-xl) auto var(--spacing-sm) auto;box-shadow:0 8px 20px #0000004d;transition:transform var(--transition-base);display:block}.narrative-image:hover{transform:scale(1.02)}.narrative-text-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.narrative-audio-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:0}.btn-audio{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #4facfe66;font-size:1.25rem}.btn-audio:hover{transform:scale(1.1);box-shadow:0 6px 20px #4facfe99}.btn-audio:active{transform:scale(.95)}.btn-audio.muted{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #dc262666}.btn-audio.muted:hover{box-shadow:0 6px 20px #dc262699}.narrative-text{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-bg);font-weight:500;text-align:justify;padding:0;margin:0}.narrative-footer{margin-top:var(--spacing-lg);text-align:center}@keyframes pulse-adventure{0%,to{transform:scale(1);box-shadow:0 10px 25px #fa709a66}50%{transform:scale(1.05);box-shadow:0 15px 40px #fa709a99}}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.btn-adventure{font-size:var(--font-size-2xl);padding:var(--spacing-lg) var(--spacing-xxl);min-width:350px;position:relative;overflow:visible;animation:pulse-adventure 2s ease-in-out infinite}.btn-adventure:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shine 3s ease-in-out infinite;border-radius:var(--border-radius-md);z-index:1}.btn-adventure:after{content:"✨";position:absolute;right:-15px;top:-15px;font-size:1.5rem;animation:sparkle 1.5s ease-in-out infinite;z-index:2}.btn-adventure span{position:relative;z-index:3}.btn-adventure:hover{transform:translateY(-5px) scale(1.08)!important;box-shadow:0 20px 50px #fa709acc!important;animation:none}.btn-adventure .arrow{display:inline-block;transition:transform var(--transition-base)}.btn-adventure:hover .arrow{transform:translate(5px)}@media(max-width:768px){.narrative-container{padding:var(--spacing-md)}.narrative-content{padding:var(--spacing-lg)}.narrative-image{max-width:100%;margin-top:var(--spacing-lg)}.btn-audio{width:40px;height:40px;font-size:1.1rem}.narrative-text{font-size:var(--font-size-base)}}.quick-answer-box{background:#ffffff1a;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.quick-answer-label{color:var(--color-white);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-sm);text-align:center}.quick-answer-content{display:flex;align-items:center;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.quick-answer-number{display:flex;align-items:center;justify-content:center;min-width:60px;min-height:60px;background:#fffffff2;border:3px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-bg);font-size:var(--font-size-3xl);font-weight:900;box-shadow:0 4px 12px #0000004d}.btn-submit-answer{padding:var(--spacing-md) var(--spacing-xl);font-weight:700;font-size:var(--font-size-md)}.btn-submit-answer:disabled{opacity:.5;cursor:not-allowed}.btn-select-number,.selected-number-display{display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:70px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);font-size:var(--font-size-2xl);font-weight:800;border:3px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md),0 0 15px #6366f14d;margin:0 10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn-select-number:hover,.selected-number-display:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg),0 0 25px #6366f180;border-color:var(--color-white)}.btn-select-number:active,.selected-number-display:active{transform:scale(.95)}.operation-display-simple{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0;font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:800;color:var(--color-white)}.calc-num{background:#ffffff1a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);box-shadow:inset 0 2px 4px #0003}.calc-operator{color:var(--color-accent);font-size:1.5em}.final-number-display{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));box-shadow:var(--shadow-md),0 0 15px #ec48994d}.final-number-display:hover{box-shadow:var(--shadow-lg),0 0 25px #ec489980}.calculation-method{margin-bottom:var(--spacing-md);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:2px solid rgba(255,255,255,.2)}.calculation-method:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.method-1{background:linear-gradient(135deg,#3b82f626,#60a5fa1a);border-top:4px solid #3b82f6}.method-2{background:linear-gradient(135deg,#10b98126,#34d3991a);border-top:4px solid #10b981}.method-3{background:linear-gradient(135deg,#f9731626,#fb923c1a);border-top:4px solid #f97316}.method-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff1a;border-radius:var(--border-radius-sm)}.method-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-warm);color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:800;border-radius:50%;box-shadow:var(--shadow-md);flex-shrink:0}.method-title{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:700;color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.3}.interactive-table-section,.calculation-section{margin-top:0;padding-top:0}.narrative-container{max-width:900px;margin:0 auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);height:100vh;justify-content:center}.narrative-content{background:#fffffff2;backdrop-filter:blur(10px);border-radius:var(--border-radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.narrative-image{width:100%;height:350px;object-fit:cover;border-radius:var(--border-radius-lg);margin-bottom:0}.narrative-text-container{position:relative;padding-top:var(--spacing-xs)}.narrative-audio-header{position:absolute;top:-40px;left:50%;transform:translate(-50%);z-index:10}.btn-audio{background:var(--gradient-warm);border:none;width:56px;height:56px;border-radius:50%;font-size:1.8rem;cursor:pointer;transition:transform var(--transition-base);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}.btn-audio:hover{transform:translate(-50%) scale(1.1)}.btn-audio:active{transform:translate(-50%) scale(.95)}.narrative-text{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-bg);text-align:justify;padding:0 var(--spacing-sm)}.narrative-footer{display:flex;justify-content:center;margin-top:var(--spacing-md)}.btn-adventure{padding:var(--spacing-lg) var(--spacing-xxl);font-size:var(--font-size-2xl);font-weight:800;text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-base)}.btn-adventure:hover{background:linear-gradient(135deg,#f093fb,#f5576c);transform:scale(1.08)}.btn-adventure:active{transform:scale(.98)}.btn-adventure .arrow{font-size:var(--font-size-3xl);margin-left:var(--spacing-sm)}.success-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;pointer-events:none}.success-feedback.hidden{display:none}.success-star{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);width:320px;height:320px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 60px #f59e0bcc,0 0 100px #f59e0b80,0 0 140px #f59e0b4d;animation:starZoomBounce .8s cubic-bezier(.68,-.55,.265,1.55);border:8px solid #ffffff}@keyframes starZoomBounce{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.15) rotate(180deg)}to{transform:scale(1) rotate(360deg);opacity:1}}.star-icon{font-size:8rem;animation:starPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.success-message{font-family:var(--font-primary);font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.5);margin-top:var(--spacing-sm);text-transform:uppercase;letter-spacing:.15em}.success-submessage{font-family:var(--font-secondary);font-size:1.2rem;font-weight:600;color:#fffbeb;text-shadow:0 2px 4px rgba(0,0,0,.4);margin-top:var(--spacing-xs)}#wizardNextManualBtn{display:none}body.wizard-step-5 #wizardNextManualBtn{display:flex}.operation-indicator{position:absolute;font-family:var(--font-primary);font-size:1rem;font-weight:800;background:#f59e0bf2;color:#fff;padding:4px 8px;border-radius:6px;box-shadow:0 2px 6px #0000004d;z-index:100;pointer-events:none;animation:indicatorPop .3s ease-out}@keyframes indicatorPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.indicator-tens{font-size:1.1rem;background:linear-gradient(135deg,#dc2626,#991b1b)}.indicator-units{font-size:.9rem;background:linear-gradient(135deg,#2563eb,#1e40af)}.indicator-left{left:-45px;top:50%;transform:translateY(-50%)}.indicator-right{right:-45px;top:50%;transform:translateY(-50%)}.indicator-top{top:-32px;left:50%;transform:translate(-50%)}.numeric-table-100 td{position:relative}.btn-reset-table{width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--color-white);border:2px solid #f59e0b;border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.05em}.btn-reset-table:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-reset-table:active{transform:translateY(0)}.help-panel{padding:var(--spacing-sm);margin-top:var(--spacing-sm)}.help-step{padding:var(--spacing-xs);margin-bottom:0}.step-number{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);font-weight:800;color:var(--color-accent);display:flex;align-items:center;gap:var(--spacing-xs)}.step-number span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:var(--gradient-warm);color:var(--color-white);border-radius:50%;font-size:var(--font-size-lg);font-weight:900;padding:0 var(--spacing-xs)}.step-instruction{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);line-height:1.4}.step-navigation{margin-top:var(--spacing-sm);gap:var(--spacing-sm)}.answer-error-bubble{position:relative;width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md);background:#dc2626f2;border:3px solid #dc2626;border-radius:var(--border-radius-md);box-shadow:0 10px 30px #00000080;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.btn-close-bubble{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#fff3;border:2px solid rgba(255,255,255,.5);border-radius:50%;color:var(--color-white);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:0}.btn-close-bubble:hover{background:#ffffff4d;border-color:#fffc;transform:scale(1.1)}.btn-close-bubble:active{transform:scale(.95)}.error-icon{font-size:2rem;margin:0 0 var(--spacing-xs) 0;text-align:center}.answer-error-bubble .error-message{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0;font-weight:600;color:var(--color-white);text-align:center}.answer-error-bubble .error-hint{font-size:var(--font-size-xs);margin:0;color:#ffffffe6;text-align:center;line-height:1.4}.mode-selector-container{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-xs)}.mode-toggle{position:relative;width:200px;height:50px;user-select:none}.mode-switch-checkbox{opacity:0;width:0;height:0}.mode-switch-label{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff3;border-radius:50px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:5px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.mode-option{flex:1;text-align:center;z-index:2;font-weight:700;color:var(--color-white);display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.1rem;padding:0 10px;transition:color .3s ease}.mode-switch-slider{position:absolute;top:5px;left:5px;width:calc(50% - 5px);height:calc(100% - 10px);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:40px;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55);z-index:1;box-shadow:0 2px 5px #0003}.mode-switch-checkbox:checked+.mode-switch-label .mode-switch-slider{transform:translate(100%);background:linear-gradient(135deg,#10b981,#059669)}.mode-description{color:#ffffffe6;font-size:.95rem;font-weight:500;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-top:5px;min-width:200px;text-align:center}.golden-star-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;min-width:200px;min-height:200px;display:flex;align-items:center;justify-content:center;background:#ffd70026;border:3px solid rgba(255,215,0,.5);z-index:1000;opacity:0;pointer-events:none;transition:opacity .4s ease;border-radius:24px;padding:30px}.golden-star-overlay.active{opacity:1;pointer-events:auto}.golden-star-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);animation:starBounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.golden-star{position:relative;display:flex;align-items:center;justify-content:center}.star-shape{font-size:8rem;color:gold;text-shadow:0 0 30px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.5),0 4px 8px rgba(0,0,0,.3);animation:starPulse 1s ease-in-out infinite}.star-sparkles{position:absolute;width:100%;height:100%;pointer-events:none}.star-sparkles .sparkle{position:absolute;font-size:1.5rem;animation:sparkleFloat 1.5s ease-in-out infinite}.star-sparkles .sparkle:nth-child(1){top:-10px;left:50%;animation-delay:0s}.star-sparkles .sparkle:nth-child(2){top:30%;right:-15px;animation-delay:.3s}.star-sparkles .sparkle:nth-child(3){bottom:-10px;left:50%;animation-delay:.6s}.star-sparkles .sparkle:nth-child(4){top:30%;left:-15px;animation-delay:.9s}.star-message{font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:700;color:#fff;text-align:center;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;padding:var(--spacing-md);max-width:300px}@keyframes starBounceIn{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes sparkleFloat{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-10px) scale(1.3);opacity:.7}}.error-help-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s ease}.error-help-modal.active{opacity:1;pointer-events:auto}.error-help-content{position:absolute!important;background:linear-gradient(145deg,#fff5f5,#ffe8e8);border:3px solid #FF6B6B;border-radius:20px;padding:1.5rem;max-width:300px;width:auto;box-shadow:0 10px 40px #0000004d;animation:modalPopIn .3s cubic-bezier(.175,.885,.32,1.275);transform:translate(-50%);margin-top:0!important}@keyframes modalPopIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.error-help-content:after{content:"";position:absolute;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent}.error-help-content[data-pointing=up]:after{bottom:-15px;left:50%;transform:translate(-50%);border-top:15px solid #FF6B6B}.error-help-content[data-pointing=down]:after{top:-15px;left:50%;transform:translate(-50%);border-bottom:15px solid #FF6B6B}@keyframes errorPulse{0%,to{box-shadow:0 8px 25px #ff6b6b66,0 0 0 4px #ff6b6b1a}50%{box-shadow:0 8px 30px #ff6b6b80,0 0 0 8px #ff6b6b26}}.error-help-close{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:#ff6b6b;color:#000;border:2px solid white;border-radius:50%;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #0003}.error-help-close:hover{background:#e63946;transform:scale(1.1)}.error-help-illustration{text-align:center;margin-bottom:.25rem;font-size:1.8rem;line-height:1}.error-help-title{font-family:var(--font-primary);font-size:.95rem;font-weight:700;color:#e63946;text-align:center;margin-bottom:.25rem}.error-help-message{font-family:var(--font-secondary);font-size:.85rem;line-height:1.3;color:#4a4a4a;text-align:center}.error-help-message strong{color:#ff6b6b}.error-help-tip{margin-top:.35rem;padding:.35rem;background:#ff6b6b1a;border-radius:8px;font-size:.8rem;color:#666}.error-help-tip:before{content:"💡 "}@keyframes modalSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.useful-data-display,.useful-data-list,.reminder-bars-container .reminder-bar-title,.reasoning-data span{color:#000!important;font-weight:700!important}.problem-help-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.problem-help-modal.hidden{display:none!important}.problem-help-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(4px)}.problem-help-content{position:relative;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;padding:2rem;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d,0 0 0 4px #6366f14d;animation:modalSlideIn .4s ease-out}.problem-help-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:linear-gradient(135deg,#ff6b6b,#e63946);color:#000;border:3px solid white;border-radius:50%;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #e6394666;z-index:10}.problem-help-close:hover{background:linear-gradient(135deg,#e63946,#c41d2e);transform:scale(1.1) rotate(90deg)}.problem-help-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:800;color:#4f46e5;text-align:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid #E0E7FF}.help-image-container{margin-bottom:1.5rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001f;background:#fff;border:2px solid #E0E7FF}.help-image{width:100%;height:auto;display:block;max-height:200px;object-fit:contain}.problem-help-section{margin-bottom:1rem;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014}.section-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:var(--font-primary);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.section-icon{font-size:1.3rem}.section-label{color:inherit}.section-body{padding:1rem;background:#fffc}.section-text{font-family:var(--font-secondary);font-size:1.1rem;font-weight:500;color:#1e293b;margin-bottom:.75rem;line-height:1.5}.section-inicio .section-header{background:linear-gradient(135deg,#86efac,#22c55e);color:#14532d}.section-inicio .section-body{background:linear-gradient(180deg,#f0fdf4,#dcfce7)}.section-cambio .section-header{background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#1e3a8a}.section-cambio .section-body{background:linear-gradient(180deg,#eff6ff,#dbeafe)}.section-pregunta .section-header{background:linear-gradient(135deg,#fdba74,#f97316);color:#7c2d12}.section-pregunta .section-body{background:linear-gradient(180deg,#fff7ed,#ffedd5)}.emoji-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:.5rem}.emoji-container img.twemoji{width:36px;height:36px;transition:transform .2s ease}.emoji-container img.twemoji:hover{transform:scale(1.15)}.cambio-operator{font-size:2rem;font-weight:900;margin-right:.5rem;display:flex;align-items:center}.cambio-operator.plus{color:#22c55e}.cambio-operator.minus{color:#ef4444}.cambio-images{display:flex;flex-wrap:wrap;gap:8px}.problem-help-confirm{width:100%;margin-top:1.5rem;padding:1rem 2rem;font-size:1.2rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 6px 20px #22c55e66}.problem-help-confirm:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 8px 25px #22c55e80}@media(max-width:600px){.problem-help-content{padding:1.5rem;margin:1rem}.problem-help-title{font-size:1.25rem}.section-text{font-size:1rem}.emoji-container img.twemoji{width:28px;height:28px}}.btn-ai-mode{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:80px;height:80px;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-family:var(--font-primary);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.btn-ai-mode:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #667eea99;border-color:#fff9}.btn-ai-mode:active{transform:translateY(-2px) scale(1.02)}.btn-ai-mode.active{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 15px #43e97b66}.btn-ai-mode.active:hover{box-shadow:0 8px 25px #43e97b99}.ai-icon{font-size:1.75rem;line-height:1}.ai-text{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}body:not(:has(#welcomeScreen.active)) .btn-ai-mode{display:none}@media(max-width:768px){.btn-ai-mode{width:70px;height:70px;bottom:1.5rem;right:1.5rem}.ai-icon{font-size:1.5rem}.ai-text{font-size:.65rem}}.btn-adventure{font-size:var(--font-size-2xl)!important;padding:var(--spacing-lg) var(--spacing-xxl)!important;min-width:350px!important;position:static!important;overflow:hidden!important;animation:none!important;transition:all .3s ease!important}.btn-adventure:before,.btn-adventure:after{display:none!important;content:none!important}.btn-adventure span{position:static!important;z-index:auto!important}.btn-adventure:hover{background:linear-gradient(135deg,#f093fb,#f5576c)!important;transform:scale(1.08)!important;box-shadow:0 10px 30px #fa709a80!important;animation:none!important}.btn-adventure .arrow{display:inline-block!important;transition:transform .3s ease!important}.btn-adventure:hover .arrow{transform:translate(5px)!important}.btn-toggle-problem{width:100%;padding:var(--spacing-md) var(--spacing-lg)!important;font-size:var(--font-size-lg)!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:var(--spacing-sm)!important;background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6)!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:var(--border-radius-md)!important;color:#fff!important;cursor:pointer!important;transition:all .3s ease!important;margin-bottom:var(--spacing-md)!important;box-shadow:0 4px 12px #6366f14d!important}.btn-toggle-problem:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #6366f180!important}.btn-toggle-problem .btn-icon{font-size:var(--font-size-xl)!important}.btn-toggle-problem .toggle-arrow{margin-left:auto!important;transition:transform .3s ease!important;font-size:var(--font-size-md)!important}.btn-toggle-problem.expanded .toggle-arrow{transform:rotate(180deg)!important}.problem-text-container{max-height:2000px;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin-top .3s ease;opacity:1;margin-top:var(--spacing-md)}.problem-text-container.collapsed{max-height:0!important;opacity:0!important;margin-top:0!important;pointer-events:none}#wizardStep1.active~.problem-statement-section .btn-toggle-problem{display:none!important}#wizardStep1.active~.problem-statement-section .problem-text-container{max-height:2000px!important;opacity:1!important;margin-top:0!important;pointer-events:auto!important}body.wizard-step-1 .problem-statement-section .btn-toggle-problem{display:none!important}body.wizard-step-1 .problem-statement-section .problem-text-container,body.wizard-step-1 .problem-statement-section .problem-text-container.collapsed{max-height:2000px!important;opacity:1!important;margin-top:0!important;pointer-events:auto!important}body.wizard-step-2 .problem-statement-section .btn-toggle-problem{display:none!important}body.wizard-step-2 .problem-statement-section .problem-text-container,body.wizard-step-2 .problem-statement-section .problem-text-container.collapsed{max-height:2000px!important;opacity:1!important;margin-top:0!important;pointer-events:auto!important}body.wizard-step-3 .problem-statement-section .btn-toggle-problem,body.wizard-step-4 .problem-statement-section .btn-toggle-problem,body.wizard-step-5 .problem-statement-section .btn-toggle-problem,body.wizard-step-6 .problem-statement-section .btn-toggle-problem{display:flex!important}body.wizard-step-2 .problem-statement-section .problem-text-container.collapsed,body.wizard-step-3 .problem-statement-section .problem-text-container.collapsed,body.wizard-step-4 .problem-statement-section .problem-text-container.collapsed,body.wizard-step-5 .problem-statement-section .problem-text-container.collapsed,body.wizard-step-6 .problem-statement-section .problem-text-container.collapsed{max-height:0!important;opacity:0!important;margin-top:0!important;pointer-events:none!important}.resolution-wizard{padding:var(--spacing-md) 0!important}.wizard-step{padding:var(--spacing-md)!important;margin-bottom:var(--spacing-sm)!important}.wizard-step-title{margin-bottom:var(--spacing-sm)!important;padding:var(--spacing-sm)!important;font-size:var(--font-size-xl)!important}.wizard-step-instruction{margin-bottom:var(--spacing-md)!important;padding:var(--spacing-xs) var(--spacing-sm)!important}.highlighting-section,.representation-section,.reasoning-section,.calculation-section,.final-answer-section{padding:var(--spacing-sm)!important;margin-bottom:var(--spacing-sm)!important}.highlighting-toolbar{padding:var(--spacing-sm)!important;gap:var(--spacing-xs)!important;margin-bottom:var(--spacing-sm)!important}.highlight-btn{padding:var(--spacing-xs) var(--spacing-sm)!important}.wizard-actions{margin-top:var(--spacing-md)!important;padding:var(--spacing-sm) 0!important}.reasoning-substep{margin-bottom:var(--spacing-sm)!important;padding:var(--spacing-xs)!important}.calculation-method{margin-bottom:var(--spacing-md)!important;padding:var(--spacing-sm)!important}.method-header{padding:var(--spacing-sm) var(--spacing-md)!important;margin-bottom:var(--spacing-sm)!important}.problem-statement-section{padding:var(--spacing-sm)!important;margin-bottom:var(--spacing-md)!important}.wizard-steps-indicator{margin-bottom:var(--spacing-md)!important;padding:var(--spacing-sm) 0!important}.step-navigation-message{padding:var(--spacing-sm) var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}.bars-container{padding:var(--spacing-sm)!important;margin:var(--spacing-sm) 0!important}.comprehension-check{padding:var(--spacing-md)!important;margin:var(--spacing-sm) 0!important}.comprehension-buttons{gap:var(--spacing-sm)!important;margin-top:var(--spacing-sm)!important}.category-content .context-card.selected{background:linear-gradient(135deg,#5b21b6f2,#7c3aedd9,#8b5cf6e6)!important;border-color:var(--color-accent)!important;border-width:4px!important;box-shadow:0 0 25px #f59e0bb3,0 0 40px #f59e0b66,0 8px 16px #0000004d!important;transform:translate(8px) scale(1.02)!important;position:relative!important}.category-content .context-card.selected:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,#ffffff1a,#f59e0b1a,#ffffff0d)!important;border-radius:var(--border-radius-md)!important;pointer-events:none!important;z-index:0!important;display:block!important}.category-content .context-card.selected .context-icon,.category-content .context-card.selected .context-card-content,.category-content .context-card.selected .context-card-btn{position:relative!important;z-index:1!important}.category-content .context-card:hover{background:linear-gradient(135deg,#5b21b6e6,#6d28d9d9)!important;border-color:#fff!important;transform:translate(8px)!important;box-shadow:var(--shadow-md)!important}.category-content .context-card{background:#4c1d95d9!important;border:2px solid rgba(167,139,250,.4)!important;transition:all .3s ease!important}.reasoning-bars-reminder{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);padding:var(--spacing-sm);margin:var(--spacing-xs) 0}.bars-reminder-title{color:var(--color-white);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs);text-align:center}.bars-reminder-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.reminder-bar-wrapper{background:#ffffff14;border-radius:var(--border-radius-sm);padding:var(--spacing-xs)}.reminder-bar-title{color:var(--color-white);font-size:var(--font-size-md);font-weight:600;margin-bottom:2px;text-align:center}.reminder-bar-container{background:#0003;border-radius:var(--border-radius-sm);height:40px;position:relative;overflow:hidden}.reminder-bar-fill{height:100%;transition:width .6s ease;display:flex;align-items:center;justify-content:center;position:relative;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0003}.reminder-bar-value{color:#fff;font-weight:700;font-size:var(--font-size-lg);text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:1}@media(max-width:768px){.reasoning-bars-reminder{padding:var(--spacing-sm)}.reminder-bar-container{height:35px}.reminder-bar-value{font-size:var(--font-size-md)}}.highlighting-audio-btn{display:inline-flex!important;vertical-align:middle!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6)!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:50%!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;cursor:pointer!important;transition:all .3s ease!important;margin:0 20px 0 0!important;padding:0!important;box-shadow:0 2px 8px #6366f14d!important;flex-shrink:0!important}.highlighting-audio-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;transform:scale(1.1)!important;box-shadow:0 4px 12px #6366f180!important}.highlighting-audio-btn span{font-size:1.2rem!important;line-height:1!important}#highlightableText{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px!important;line-height:1.8!important}#highlightableText .highlighting-audio-btn{align-self:center!important}.wizard-step-instruction{font-size:1.3rem!important;font-weight:700!important;color:var(--color-white)!important;text-align:center;margin-bottom:var(--spacing-md);line-height:1.4}label[for=largestDataSelect],.reasoning-intro{font-size:1.3rem!important;font-weight:500!important;color:var(--color-white)!important;margin-bottom:var(--spacing-sm);display:block;line-height:1.5}#storeGrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:.5rem!important;width:100%!important;padding:.5rem!important;box-sizing:border-box!important;overflow-x:hidden!important}.store-item-card{width:100%!important;min-height:auto!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:.5rem!important;box-shadow:0 4px 6px #0000001a!important;background:#fff!important;border-radius:12px!important}.store-item-card .item-icon{font-size:2.5rem!important;margin-bottom:.25rem!important}.store-item-card .item-name{font-size:.9rem!important;margin:.25rem 0!important}.store-item-card .item-price,.store-item-card .item-owned-badge{font-size:.8rem!important;margin-bottom:.5rem!important}.store-item-card button{padding:.4rem .8rem!important;font-size:.8rem!important}@media(max-width:1200px){#storeGrid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:768px){#storeGrid{grid-template-columns:repeat(2,1fr)!important}}.island-game-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:9999;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.island-game-modal.active{display:flex}.island-game-content{background:#fff;max-width:800px;border-radius:32px;padding:2rem;text-align:center;border:8px solid var(--color-primary);box-shadow:0 20px 50px #00000080;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.island-game-header{margin-bottom:1.5rem}.island-icon{font-size:4rem;display:block;margin-bottom:10px}.island-game-body h3{color:var(--color-primary)!important;font-family:"Baloo 2",cursive!important;font-size:1.8rem!important;margin-bottom:.5rem}.mission-desc{font-size:1.25rem;color:#334155;margin:1rem 0;line-height:1.4}.btn-info-small{background:#f1f5f9;border:3px solid #cbd5e1;border-radius:12px;padding:8px 16px;font-size:.9rem;font-weight:900;cursor:pointer;transition:all .2s;margin:10px 0}.btn-info-small:hover{background:#e2e8f0;transform:scale(1.05)}.island-reward-icon{transition:transform .3s,filter .3s,box-shadow .3s}.island-reward-icon:hover{transform:scale(1.2);z-index:10}.island-reward-icon.completed{animation:pulseGold 2s infinite}@keyframes pulseGold{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 15px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.mini-game-container{width:100%;height:400px;background:#e0f2fe;border-radius:16px;position:relative;overflow:hidden;margin:1rem 0;border:4px solid #bae6fd}.bubble-target{font-size:6rem;font-weight:900;color:var(--color-primary);position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;background:#fff;padding:10px 30px;border-radius:20px;box-shadow:0 4px 15px #0000001a}.game-bubble{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#3b82f699);border:2px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 10px #3b82f64d;animation:floatUp 4s linear forwards;user-select:none}.game-bubble:hover{transform:scale(1.1)}.game-bubble.popped{animation:popBubble .2s ease-out forwards!important}@keyframes floatUp{0%{bottom:-70px}to{bottom:350px}}@keyframes popBubble{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.sequence-container{display:flex;gap:15px;justify-content:center;align-items:center;height:100%}.sequence-card{width:80px;height:100px;background:#fff;border:3px solid #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#334155}.sequence-card.missing{background:#f1f5f9;border-style:dashed;color:transparent;cursor:pointer}.sequence-card.missing:hover{background:#e2e8f0}.number-options{position:absolute;bottom:20px;width:100%;display:flex;justify-content:center;gap:20px}.option-btn{padding:10px 20px;font-size:1.5rem;background:var(--color-primary);border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px #ca8a04;transition:transform .1s}.option-btn:active{transform:translateY(4px);box-shadow:none}.tens-container{display:flex;height:100%;padding:20px;gap:20px}.tens-zone{flex:1;border-radius:10px;padding:10px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;overflow-y:auto}.tens-container{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.tens-zone{width:250px;height:180px;border-radius:12px;display:flex;flex-wrap:wrap;align-content:flex-start;padding:15px;gap:10px;position:relative;transition:all .3s}.tens-source{background:#fff;border:3px solid #cbd5e1;box-shadow:inset 0 2px 10px #0000000d}.tens-target{background:#f0f9ff;border:4px dashed #3b82f6;display:flex;justify-content:center;align-items:center}.unit-stick{width:14px;height:60px;background:#3b82f6;border-radius:4px;cursor:grab;box-shadow:0 4px #2563eb,0 8px 15px #0000001a;transition:transform .2s}.unit-stick:hover{transform:translateY(-5px) scale(1.1)}.estimation-container{display:flex;gap:50px;height:300px;align-items:flex-end;justify-content:center;margin:20px 0}.estimation-jar{width:160px;height:240px;background:#fff6;border:5px solid #94a3b8;border-top:none;border-radius:0 0 30px 30px;position:relative;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(5px)}.estimation-jar:hover{transform:translateY(-10px) scale(1.05);border-color:#3b82f6;box-shadow:0 15px 30px #3b82f633}.jar-content{display:flex;flex-wrap:wrap;padding:20px 15px;gap:5px;height:100%;align-content:flex-end;transition:opacity .5s ease-in-out}.marble{width:18px;height:18px;border-radius:50%;box-shadow:inset -3px -3px 6px #0003,inset 3px 3px 6px #ffffff4d}.jar-label{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-size:2rem;font-weight:900;color:#475569}.bridge-container{display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px}.bridge-plank{background:#8b4513;padding:30px 60px;border-radius:15px;color:#fff;font-size:3rem;font-weight:800;box-shadow:0 12px #5d4037,0 20px 40px #0003;display:flex;align-items:center;gap:20px}.bridge-input{width:120px;height:80px;font-size:3rem;text-align:center;border:none;border-radius:12px;color:#334155;background:#fff;box-shadow:inset 0 4px 8px #0000001a}.island-game-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000}.island-game-content{max-width:1000px!important;width:95%;background:#fff;border-radius:20px;padding:3rem!important;box-shadow:0 5px 30px #00000080;position:relative;display:flex;flex-direction:column}.mini-game-container{height:500px!important;width:100%;background:#e0f2fe;border-radius:16px;position:relative;overflow:hidden;margin:1rem 0;border:4px solid #bae6fd}.island-game-header{text-align:center;margin-bottom:20px}.win-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;animation:fadeIn .5s ease-out}.win-title{font-size:3.5rem;color:var(--color-primary);margin-bottom:1rem;text-transform:uppercase;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.win-btn{font-size:1.5rem;padding:15px 40px;margin-top:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 5px 15px #10b98166;transition:transform .2s}.win-btn:hover{transform:scale(1.1)}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.island-game-footer{display:flex;justify-content:center;gap:30px;margin-top:2rem}.island-game-footer .btn{padding:15px 30px;font-size:1.2rem}.bubble-target{font-size:6rem!important;bottom:30px!important}.game-bubble{width:70px!important;height:70px!important;font-size:2rem!important}.sequence-card{width:80px!important;height:100px!important;font-size:2.5rem!important}.unit-stick{width:14px!important;height:60px!important}.estimation-jar{width:160px!important;height:240px!important;border-width:5px!important}.marble{width:16px!important;height:16px!important}.bridge-plank{height:90px!important;font-size:2.5rem!important}.bridge-input{width:100px!important;height:60px!important;font-size:2.2rem!important}.work-board-container{background:#fff;width:95%;height:95vh;border-radius:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;border:8px solid var(--color-primary);box-shadow:0 20px 50px #00000080;margin:auto}.work-header{background:var(--color-primary);padding:.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-shrink:0}.work-header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.work-area{flex:1;background-color:#f0f9ff;position:relative;overflow:hidden;touch-action:none;display:flex;flex-direction:column}.work-regions-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;display:flex;flex-direction:column}.work-row{display:flex;box-sizing:border-box}.work-row-top{height:50%;border-bottom:3px dashed #000}.work-row-bottom{height:50%}.work-region{flex:1;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;position:relative}.work-region-start{border-right:3px dashed #000}.work-toolbar{height:120px;background:#f8fafc;border-top:4px solid #E2E8F0;padding:10px 20px;display:flex;align-items:center;gap:25px;overflow-x:auto;flex-shrink:0}@media(max-width:768px){.work-board-container{width:100%;height:100vh;border-radius:0;border-width:4px}.work-header{padding:.5rem;flex-direction:column;align-items:stretch}.work-header h2{font-size:1.2rem!important;text-align:center}.work-header-actions{justify-content:center}.work-header-actions .btn{padding:6px 10px!important;font-size:.8rem!important}.work-row-top{flex-direction:column;height:66%;border-bottom:none}.work-row-bottom{height:33%}.work-region-start{border-right:none;border-bottom:2px dashed #000}.work-toolbar{height:100px;gap:15px;padding:5px 10px}}@media(max-width:480px){.work-header-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.work-header-actions button:last-child{grid-column:span 2}.work-toolbar{height:90px}.work-region{padding:8px}.work-region .count-result-display{top:5px!important;right:5px!important}.work-toolbar-hint{font-size:.85rem!important;padding:0 10px!important;margin-left:10px!important;min-width:200px}.counter-source{min-width:60px!important;padding:5px!important}.counter-source div{font-size:2rem!important;height:40px!important}.mentor-speech-bubble{width:calc(100vw - 40px)!important;max-width:320px;right:-10px!important;bottom:120%!important;font-size:1.1rem!important}.mentor-bubble-audio,.mentor-bubble-close{width:44px!important;height:44px!important;font-size:1.2rem!important}.btn-back,.btn-back-global{min-height:44px!important;font-size:1rem!important;padding:10px 15px!important}}.mentor-avatar{position:fixed;bottom:30px;right:30px;width:150px!important;height:150px!important;z-index:1000;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.mentor-avatar.visible{opacity:1;transform:translateY(0);pointer-events:auto}.mentor-avatar .mentor-image{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));background:transparent!important;background-color:transparent!important}.mentor-avatar{background:transparent!important;background-color:transparent!important;isolation:isolate}.mentor-accessory{position:absolute;pointer-events:none;z-index:10;font-size:3rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));transition:all .3s ease;width:60px;height:60px}.acc-on-head{top:-5px;left:45px;font-size:3.5rem}.acc-on-head-high{top:-25px;left:45px;font-size:3.5rem}.acc-on-head-wizard{top:-35px;left:45px;font-size:4rem}.acc-on-eyes{top:35px;left:55px;font-size:2rem}.acc-in-hand{bottom:30px;left:10px;font-size:2.5rem;transform:rotate(-15deg)}.acc-side-pet{bottom:5px;right:-30px;font-size:3rem}.acc-background{top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;opacity:.15;z-index:-1}.acc-on-back{top:40px;left:50%;transform:translate(-50%);font-size:4rem;z-index:-1}.char-girl.acc-on-head{left:42px;top:-10px}.char-girl.acc-on-eyes{left:52px;top:32px}.char-girl.acc-in-hand{left:5px;bottom:25px}.pop-in{animation:accPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes accPop{0%{transform:scale(0) rotate(-30deg);opacity:0}70%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:768px){.mentor-avatar{width:100px!important;height:100px!important;bottom:15px;right:15px}.mentor-accessory{font-size:2rem;width:40px;height:40px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shake .5s ease-in-out}.pulse{animation:pulse .6s ease-in-out infinite}.bounce{animation:bounce .8s ease-in-out}.fade-in-up{animation:fadeInUp .5s ease-out}.audio-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;vertical-align:middle}.audio-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea80}.audio-btn:active{transform:scale(.95)}.audio-btn.playing{background:linear-gradient(135deg,#f093fb,#f5576c);animation:pulse 1s ease-in-out infinite}.audio-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.audio-toggle{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:12px;margin:12px 0}.audio-toggle label{flex:1;font-size:1rem;color:var(--text-primary)}.audio-toggle input[type=checkbox]{width:48px;height:24px;appearance:none;background:#ccc;border-radius:12px;position:relative;cursor:pointer;transition:background .3s ease}.audio-toggle input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2)}.audio-toggle input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.audio-toggle input[type=checkbox]:checked:before{transform:translate(24px)}#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}@keyframes detectiveNoticeMe{0%{transform:scale(1)}25%{transform:scale(1.15) rotate(5deg)}50%{transform:scale(1.15) rotate(-5deg)}75%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1)}}.mentor-notice-me{animation:detectiveNoticeMe .8s ease-in-out}.feedback-bubble-detective{position:fixed;right:180px;bottom:80px;width:320px;background:#fff;border-radius:20px 20px 0;padding:25px;box-shadow:0 12px 35px #00000040;z-index:2000;font-family:var(--font-primary);border:3px solid var(--color-primary);animation:fadeInUp .4s cubic-bezier(.175,.885,.32,1.275)}.feedback-bubble-detective:before{content:"";position:absolute;bottom:-3px;right:-18px;width:0;height:0;border-left:18px solid var(--color-primary);border-bottom:18px solid transparent}.feedback-bubble-detective:after{content:"";position:absolute;bottom:0;right:-14px;width:0;height:0;border-left:14px solid white;border-bottom:14px solid transparent}.feedback-bubble-detective.is-error{border-color:#f44336}.feedback-bubble-detective.is-error .bubble-title{color:#f44336}.feedback-bubble-detective.is-error:before{border-left-color:#f44336}.feedback-bubble-detective.is-success{border-color:#4caf50;background:#f1f8e9}.feedback-bubble-detective.is-success:before{border-left-color:#4caf50}.feedback-bubble-detective.is-success .bubble-title{color:#2e7d32;font-size:1.8rem;font-weight:900}.feedback-bubble-detective.is-success .bubble-message{font-size:1.6rem;font-weight:800;color:#1b5e20}.golden-star-overlay{z-index:1500!important}.feedback-bubble-detective.is-success:after{border-left-color:#f1f8e9}.feedback-bubble-detective .bubble-title{font-weight:800;margin-bottom:12px;font-size:1.5rem;display:block;color:inherit}.feedback-bubble-detective .bubble-message{font-size:1.4rem;line-height:1.4;color:#333;font-weight:500}.bubble-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;width:100%;gap:10px}.header-spacer{width:32px}.bubble-header .bubble-title{margin-bottom:0!important;text-align:center;flex:1}.bubble-audio-btn,.error-help-close{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease;padding:0;flex-shrink:0}.error-help-close{border:2px solid #B91717;color:#b91717}.bubble-audio-btn{border:2px solid var(--color-primary);color:var(--color-primary)}.bubble-audio-btn:hover{background:#f0f0f0;transform:scale(1.1);border-color:var(--color-primary)}.error-help-close:hover{background:#ef4444;color:#000;border-color:#ef4444;transform:scale(1.1)}.feedback-bubble-detective .bubble-tip{margin-top:15px;font-size:1.15rem;font-style:italic;color:#444;background:#fff9c4;padding:8px 15px;border-radius:12px;display:block;border-left:4px solid #fbc02d}.near-detective-mode{background:transparent!important;pointer-events:none!important}.near-detective-mode>div{display:none!important}#substep2 .inline-text,#substep2 .confirmed-value{color:#fde68a!important;font-weight:700!important;font-size:var(--font-size-xl)!important;font-style:italic!important;font-family:var(--font-primary)!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}#substep2 .inline-text{margin:0 10px}.mentor-backpack-item{position:absolute;font-size:2.5rem;z-index:5;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:backpackItemPop .6s cubic-bezier(.175,.885,.32,1.275);transition:all .3s ease}.bp-top-left{top:-40px;left:-40px}.bp-top-right{top:-40px;right:-40px}.bp-left{top:50%;left:-50px;transform:translateY(-50%)}.bp-right{top:50%;right:-50px;transform:translateY(-50%)}.bp-bottom-left{bottom:-40px;left:-40px}.bp-bottom-right{bottom:-40px;right:-40px}.bp-bottom{bottom:-50px;left:50%;transform:translate(-50%)}.bp-top{top:-50px;left:50%;transform:translate(-50%)}@keyframes backpackItemPop{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.mentor-backpack-item:hover{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@media(max-width:768px){.mentor-backpack-item{font-size:1.8rem}.bp-top-left,.bp-top-right,.bp-bottom-left,.bp-bottom-right{inset:auto}.bp-top-left{top:-30px;left:-30px}.bp-top-right{top:-30px;right:-30px}.bp-left{left:-35px}.bp-right{right:-35px}.bp-bottom-left{bottom:-30px;left:-30px}.bp-bottom-right{bottom:-30px;right:-30px}.bp-bottom{bottom:-35px}.bp-top{top:-35px}}.gamification-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border-radius:16px;backdrop-filter:blur(10px);margin-bottom:1rem}.user-level{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#f59e0b;font-size:1rem}.level-badge-small{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:800;font-size:.9rem;box-shadow:0 2px 8px #f59e0b4d}.xp-bar-container{flex:1;min-width:200px}.xp-bar{width:100%;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #8b5cf680}.xp-text{font-size:.75rem;color:#ffffffb3;margin-top:.25rem;display:block}.user-stars{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#fbbf24;font-size:1.1rem}.level-up-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease}.level-up-modal.active{opacity:1}.level-up-content{background:#fff;border:4px solid #F59E0B;padding:3rem;border-radius:24px;text-align:center;max-width:400px;box-shadow:0 10px 40px #0006;animation:levelUpBounce .6s cubic-bezier(.68,-.55,.265,1.55);color:#1e293b}@keyframes levelUpBounce{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.level-up-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 1s ease-in-out infinite}.level-up-content h2{color:#b45309;font-size:2.2rem;font-weight:900;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px}.level-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:1rem auto;box-shadow:0 10px 30px #f59e0b80;border:4px solid #ffffff}.level-number{font-size:3rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.level-title{color:#334155;font-size:1.3rem;margin:1rem 0 2rem;font-weight:800}.badge-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease}.badge-modal.active{opacity:1}.badge-content{background:#fff;border:4px solid #10B981;padding:3rem;border-radius:24px;text-align:center;max-width:400px;box-shadow:0 10px 40px #0006;animation:badgeBounce .6s cubic-bezier(.68,-.55,.265,1.55);color:#1e293b}@keyframes badgeBounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.badge-icon-large{font-size:5rem;margin-bottom:1rem;animation:pulse 1s ease-in-out infinite}.badge-content h2{color:#047857;font-size:1.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:900}.badge-content h3{color:#1e293b;font-size:1.8rem;margin-bottom:.5rem;font-weight:800}.badge-content p{color:#475569;font-size:1rem;margin-bottom:2rem;font-weight:600}@keyframes xpFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-50px) scale(1.2);opacity:0}}.xp-float{position:absolute;color:#8b5cf6;font-weight:900;font-size:1.5rem;animation:xpFloat 1s ease-out forwards;pointer-events:none;z-index:1000}@media(max-width:768px){.gamification-header{flex-direction:column;gap:.75rem;padding:.5rem 1rem}.xp-bar-container{width:100%;min-width:unset}.level-up-content,.badge-content{padding:2rem;max-width:90%}.level-up-content h2,.badge-content h2{font-size:1.5rem}}.adventure-map{width:100%;max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #0000004d}.map-header{text-align:center;margin-bottom:3rem;color:#fff}.map-header h2{font-size:2.5rem;margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.map-subtitle{font-size:1.1rem;opacity:.9;margin:0}.islands-grid{display:flex;flex-direction:column;gap:2rem;position:relative;padding:2rem 0;max-width:800px;margin:0 auto 3rem}.islands-grid:before{content:"";position:absolute;top:2rem;bottom:2rem;left:50%;width:6px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) 15px,transparent 15px,transparent 30px);transform:translate(-50%);z-index:0}.island-card{display:flex;align-items:center;gap:1.5rem;background:#fff;border-radius:24px;padding:1.5rem;width:45%;border:4px solid transparent;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.island-card:nth-of-type(odd){align-self:flex-start;margin-right:auto;border-radius:30px 30px 30px 4px;text-align:right;flex-direction:row-reverse}.island-card:nth-of-type(2n){align-self:flex-end;margin-left:auto;border-radius:30px 30px 4px}.island-card:after{content:"";position:absolute;top:50%;width:20px;height:20px;background:#fff;border:4px solid var(--color-primary, #6366F1);border-radius:50%;z-index:2;transition:all .3s ease}.island-card:nth-of-type(odd):after{right:-2rem;transform:translate(50%,-50%)}.island-card:nth-of-type(2n):after{left:-2rem;transform:translate(-50%,-50%)}.island-card:nth-of-type(odd):hover:after,.island-card:nth-of-type(2n):hover:after{background:var(--color-accent, #F59E0B);transform:translate(50%,-50%) scale(1.5)}.island-card:nth-of-type(2n):hover:after{transform:translate(-50%,-50%) scale(1.5)}.island-card.unlocked{cursor:pointer;box-shadow:0 4px 12px #00000026}.island-card.unlocked:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #00000040}.island-card.locked{opacity:.6;filter:grayscale(60%)}.island-card.current{border-width:5px;box-shadow:0 8px 30px #ffd70066;animation:currentPulse 2s ease-in-out infinite}@keyframes currentPulse{0%,to{box-shadow:0 8px 30px #ffd70066}50%{box-shadow:0 8px 40px #ffd70099}}.island-icon{font-size:4rem;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.island-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.island-number{font-size:.9rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.island-name{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.island-desc{font-size:1rem;color:#7f8c8d;margin:0}.island-locked{font-size:1rem;color:#95a5a6;font-weight:600}.current-marker{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,gold,orange);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 2px 8px #ffd70066;animation:markerFloat 2s ease-in-out infinite}@keyframes markerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.island-path{display:none}.island-path.unlocked{color:#ffffffe6}.map-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;background:#ffffff1a;backdrop-filter:blur(10px);border-radius:16px;padding:2rem}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff}.stat-icon{font-size:2.5rem}.stat-value{font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.stat-label{font-size:.9rem;opacity:.9;text-align:center}.island-unlock-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:5000;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.unlock-modal-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:3rem;text-align:center;max-width:500px;color:#fff;animation:unlockBounce .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 20px 60px #0006}@keyframes unlockBounce{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.unlock-icon{font-size:6rem;margin-bottom:1rem;animation:iconSpin 1s ease-in-out}@keyframes iconSpin{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0) scale(1)}}.unlock-modal-content h2{margin:0 0 1rem;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.unlock-modal-content h3{margin:0 0 .5rem;font-size:1.8rem}.unlock-modal-content p{font-size:1.2rem;opacity:.95;margin-bottom:2rem}.btn-explore{background:linear-gradient(135deg,gold,orange);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffa50066}.btn-explore:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffa50099}.btn-explore:active{transform:translateY(0)}@media(max-width:768px){.adventure-map{padding:1rem}.map-header h2{font-size:2rem}.island-card{flex-direction:column;text-align:center}.island-icon{font-size:3rem;width:80px;height:80px}.current-marker{position:static;margin-top:.5rem}.map-summary{grid-template-columns:1fr}}.streak-notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff1a;z-index:10000;opacity:0;transition:all .3s ease;max-width:90vw}.streak-notification.visible{opacity:1;transform:translate(-50%) translateY(0)}.streak-notification .streak-icon{font-size:2.5rem;animation:pulse 1s ease-in-out infinite}.streak-notification .streak-text{flex:1}.streak-notification .streak-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.streak-notification .streak-subtitle{font-size:.9rem;color:#fffc}.streak-notification .streak-actions{display:flex;gap:.5rem}.streak-notification.success-streak{border:2px solid #f59e0b;background:linear-gradient(135deg,#1a1a2e,#2d1f0c)}.streak-notification.success-streak .streak-icon{filter:drop-shadow(0 0 10px #f59e0b)}.streak-notification.struggle-notification{border:2px solid #6366f1;background:linear-gradient(135deg,#1a1a2e,#1e1b4b)}.streak-notification.tutorial-notification{border:2px solid #10b981;background:linear-gradient(135deg,#1a1a2e,#0d3331)}.streak-notification.tutorial-notification .streak-icon{animation:bounce .5s ease infinite}.streak-notification .btn-small{padding:.4rem .8rem;font-size:.8rem;border-radius:8px}.error-modal-enhanced{background:linear-gradient(135deg,#1a1a2e,#16213e)}.error-modal-enhanced .hint-section{margin-top:1rem;padding:.75rem 1rem;background:#6366f126;border-radius:12px;border-left:4px solid #6366f1}.error-modal-enhanced .hint-icon{display:inline-block;margin-right:.5rem}.error-modal-enhanced .hint-text{color:#ffffffe6;font-size:.95rem;line-height:1.5}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:600px){.streak-notification{bottom:80px;flex-direction:column;text-align:center;padding:1rem}.streak-notification .streak-actions{margin-top:.5rem}}.gate-content{background:#fff;box-shadow:0 25px 50px -12px #00000040}.gate-input:focus{outline:none;border-color:#6366f1!important;box-shadow:0 0 0 4px #6366f133}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.dash-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px #0000000d;text-align:center;transition:transform .2s ease}.dash-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.dash-label{color:#64748b;font-size:.9rem;text-transform:uppercase;font-weight:600;margin-bottom:.5rem}.dash-value{color:#1e293b;font-size:2rem;font-weight:800}.store-grid{padding-bottom:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;max-height:calc(100vh - 200px);overflow-y:auto}.store-item{background:#fff;border:2px solid #E2E8F0;border-radius:12px;padding:.4rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:.2rem}.store-item:hover{transform:translateY(-3px);background:#ffffff26;border-color:#fff6;box-shadow:0 5px 15px #0000001a}.store-item.owned{background:linear-gradient(135deg,#10b98133,#065f4633);border-color:#10b981}.store-item-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.store-item:hover .store-item-icon{transform:scale(1.1)}.store-item-name{font-weight:800;font-size:.7rem;color:#1e293b;margin:.15rem 0;line-height:1.1}.store-item-price{background:#0000004d;padding:.1rem .4rem;border-radius:50px;font-size:.65rem;margin-bottom:2px;color:#fbbf24;font-weight:600}.store-item.owned .store-item-price{color:#065f46}.btn-buy{width:100%;padding:.3rem;border-radius:8px;font-size:.7rem;border:none;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;box-shadow:0 2px #b45309;transition:all .1s ease;font-size:.75rem}.btn-buy:active{transform:translateY(4px);box-shadow:0 0 #b45309}.btn-buy:disabled{background:#4b5563;color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.store-item.owned .btn-buy{background:#10b981;color:#000;box-shadow:0 4px #059669}.guide-section-premium{display:flex;align-items:center;gap:3rem;margin-bottom:4rem;background:#fff;padding:4rem;border-radius:40px;box-shadow:0 15px 45px #00000014;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.guide-section-premium:hover{transform:translateY(-10px) scale(1.02)}.guide-section-premium.reverse{flex-direction:row-reverse}.guide-illustration-new{width:250px;height:250px;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,.15))}.guide-text-content{flex:1}.guide-text-content h3{font-size:2.2rem;color:#1e293b;margin-bottom:1.5rem;font-weight:800}.guide-text-content p{font-size:1.4rem;color:#475569;line-height:1.8}#moreNavMenu{animation:slideDown .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.guide-section-premium,.guide-section-premium.reverse{flex-direction:column;text-align:center;gap:2rem;padding:2rem}.guide-illustration-new{width:180px;height:180px}.guide-text-content h3{font-size:1.8rem}}.teacher-tabs{display:flex;gap:.5rem;background:#fff;padding:.4rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.tab-btn{flex:1;padding:.6rem 1rem;border:none;background:transparent;border-radius:8px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#f1f5f9;color:#334155}.tab-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 8px #6366f166}.tab-content{display:block}.student-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.student-card{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #E2E8F0;border-radius:16px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease}.student-card:hover{transform:translateY(-4px);border-color:#6366f1;box-shadow:0 8px 20px #6366f133}.student-card .student-avatar{font-size:2.5rem;margin-bottom:.5rem}.student-card .student-name{font-size:.9rem;font-weight:700;color:#334155;margin-bottom:.25rem}.student-card .student-progress{font-size:.75rem;color:#64748b}.student-report-modal{padding:1.5rem}.student-report-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #E2E8F0}.report-avatar{font-size:3rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:16px}.report-header-info h2{margin:0;font-size:1.3rem;color:#1e293b}.report-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;background:linear-gradient(135deg,#6366f1,#4f46e5);padding:1rem;border-radius:12px;margin-bottom:1rem}.quick-stat{text-align:center;color:#fff}.quick-stat .stat-label{display:block;font-size:.65rem;text-transform:uppercase;opacity:.8;margin-bottom:.2rem}.quick-stat .stat-value{display:block;font-size:1.2rem;font-weight:800}.report-section{margin-bottom:1rem}.report-section h4{font-size:.95rem;color:#334155;margin:0 0 .75rem}.competency-bars{display:flex;flex-direction:column;gap:.5rem}.competency-row{display:grid;grid-template-columns:110px 1fr 45px;align-items:center;gap:.5rem}.competency-label{font-size:.75rem;color:#64748b;font-weight:500}.competency-bar-bg{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.competency-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .8s ease}.competency-percent{font-size:.75rem;font-weight:700;color:#334155;text-align:right}.report-difficulties,.report-proposals{background:#fff7ed;padding:.75rem 1rem;border-radius:10px;border-left:4px solid #F59E0B}.report-proposals{background:#ecfdf5;border-left-color:#10b981}.report-difficulties ul,.report-proposals ul{margin:0;padding-left:1.25rem}.report-difficulties li,.report-proposals li{font-size:.8rem;color:#475569;margin-bottom:.25rem}.class-user-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:10px;margin-bottom:.5rem}.class-user-info{display:flex;align-items:center;gap:.75rem}.class-user-details h4{margin:0;font-size:.95rem;color:#1e293b}.no-students-message{text-align:center;padding:2rem;color:#64748b;font-style:italic}.btn-criteria-info{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.4rem .75rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-criteria-info:hover{transform:scale(1.05);box-shadow:0 2px 8px #6366f166}.criteria-modal{padding:1.5rem}.criteria-section{background:#f8fafc;border-radius:10px;padding:1rem;margin-bottom:1rem}.criteria-section h4{margin:0 0 .75rem;font-size:.95rem;color:#1e293b}.criteria-section ul{margin:0;padding-left:1.25rem}.criteria-section li{font-size:.8rem;color:#475569;margin-bottom:.3rem;line-height:1.4}.criteria-highlight{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left:4px solid #6366F1}.criteria-highlight h4{color:#4338ca}.criteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.criteria-item{background:#fff;padding:.75rem;border-radius:8px;border:1px solid #E2E8F0}.criteria-item strong{font-size:.85rem;color:#334155;display:block;margin-bottom:.3rem}.criteria-item p{font-size:.75rem;color:#64748b;margin:0;line-height:1.4}.criteria-item ul{margin-top:.5rem;padding-left:1rem}.criteria-item li{font-size:.75rem}.standards-table,.criteria-table{width:100%;border-collapse:collapse;font-size:.75rem;background:#fff;border-radius:8px;overflow:hidden}.standards-table th,.criteria-table th{background:#6366f1;color:#fff;padding:.5rem;text-align:left;font-weight:600}.standards-table td,.criteria-table td{padding:.5rem;border-bottom:1px solid #E2E8F0;color:#334155}.standards-table tr:last-child td,.criteria-table tr:last-child td{border-bottom:none}.standards-table tr:nth-child(2n),.criteria-table tr:nth-child(2n){background:#f8fafc}.glass-panel{background:#1e1b4bb3!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 8px 32px #0000005e;padding:24px 40px}.glass-text-box{background:#1e1b4b99!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 30px;color:#fff!important;font-weight:800;font-size:1.8rem;margin-bottom:2rem}.splash-container{display:flex;flex-direction:column;align-items:center;padding-top:5vh}.splash-header{margin-bottom:2.5rem;width:fit-content}.splash-title{font-size:clamp(2.2rem,8vw,4.5rem);color:#fff!important;-webkit-text-fill-color:white!important;margin-bottom:0;text-shadow:none!important;cursor:default}.splash-underline{width:200px;height:6px;margin:10px auto 0;box-shadow:none}.login-header{margin-bottom:2rem;padding:16px 32px;display:inline-block}.login-title{cursor:default;font-size:2.8rem;margin-bottom:0}.center-login-container{text-align:center;margin-bottom:1.5rem}.icon-margin{margin-right:8px}.premium-blue-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;padding:10px 30px;border-radius:12px;font-weight:800;font-size:1rem;box-shadow:0 4px #1e3a8a,0 8px 15px #0003!important;transition:transform .2s,box-shadow .2s;border:none!important;color:#fff!important}.premium-pink-btn{background:linear-gradient(135deg,#ec4899,#be185d)!important;box-shadow:0 6px #9d174d,0 10px 20px #0003!important;color:#fff!important;font-weight:900!important;min-width:130px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:16px;border:none!important;transition:transform .2s,box-shadow .2s}.premium-purple-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 6px #5b21b6,0 10px 20px #0003!important;color:#fff!important;font-weight:900!important;min-width:130px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:16px;border:none!important;transition:transform .2s,box-shadow .2s}.premium-blue-btn:hover,.premium-pink-btn:hover,.premium-purple-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.premium-blue-btn:active,.premium-pink-btn:active,.premium-purple-btn:active{transform:translateY(4px);box-shadow:0 0 0 transparent!important}.pulse-hover{margin-top:4.5rem;transform:scale(1.15);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.pulse-hover:hover{transform:scale(1.25);animation:none}.admin-login-buttons{display:flex;gap:20px;justify-content:center;width:100%}.step-future{opacity:.4;filter:grayscale(80%);pointer-events:auto!important;transition:all .3s ease}@keyframes pulse-highlight{0%{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.pulse-next{animation:pulse-highlight 1.5s infinite;opacity:1!important;filter:none!important;pointer-events:auto!important;z-index:10;position:relative;border-color:#3b82f6!important;background-color:#3b82f61a!important}@keyframes shake-error{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes bounce-success{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.table-error-message.active{animation:shake-error .4s ease-in-out;background-color:#fee2e2;border:2px solid #ef4444;color:#b91c1c}.wizard-feedback.success{animation:bounce-success .5s cubic-bezier(.175,.885,.32,1.275);background-color:#dcfce7;border:2px solid #22c55e;color:#15803d}@media(max-width:768px){.number-table-container,.work-board-container{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:100%!important;transform:translateY(100%);border-radius:24px 24px 0 0!important;margin:0!important;padding-bottom:30px!important;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);max-height:85vh;overflow-y:auto}.number-table-modal.active .number-table-container,#workBoardModal.active .work-board-container{transform:translateY(0)}#workBoardModal{align-items:flex-end!important}.table-layout-horizontal{flex-direction:column!important}.table-controls-side{width:100%!important;margin-top:15px;padding:10px!important}.btn-float.bubble-btn{z-index:900!important}}.context-card,.option-card{box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a!important;border:1px solid #e2e8f0!important;transition:all .2s ease-in-out!important}.context-card:hover,.option-card:hover{box-shadow:0 10px 15px #00000014,0 4px 6px #0000000a!important;transform:translateY(-2px)!important}.locked-card{filter:grayscale(100%);opacity:.6;background-color:#f8fafc!important;pointer-events:auto!important}.wizard-actions .btn-primary,.btn-adventure{padding:12px 24px!important;font-size:1.1rem!important;box-shadow:0 4px #1d4ed8,0 4px 6px #0000001a!important}.btn-adventure{max-width:300px!important}.btn-primary,.premium-blue-btn,.premium-purple-btn,.premium-pink-btn{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important}.high-contrast{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important}.glass-panel p,.glass-panel h2,.glass-panel h3,.glass-panel label,.login-subtitle,.empty-profiles{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.6)!important}.btn[style*="background: linear-gradient"][style*="#64748b"],.btn[style*="background: linear-gradient"][style*="#0891b2"],.btn[style*="background: linear-gradient"][style*="#059669"]{color:#fff!important}.context-description,.option-desc{color:#334155!important}.stat-value{color:#0f172a!important}:root{--base-font-size: clamp(13px, .95vw, 18px);--scale-factor: .85}@media(min-width:1440px){:root{--scale-factor: .95}}@media(min-width:1920px){:root{--scale-factor: 1.1}}html{font-size:var(--base-font-size)}.btn{padding:calc(var(--spacing-md) * var(--scale-factor)) calc(var(--spacing-xl) * var(--scale-factor))!important;font-size:calc(var(--font-size-lg) * var(--scale-factor))!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important}.option-grid,.context-grid{grid-template-columns:repeat(auto-fit,minmax(calc(180px * var(--scale-factor)),1fr))!important;gap:calc(20px * var(--scale-factor))!important}.option-card,.context-card{padding:calc(var(--spacing-lg) * var(--scale-factor))!important}.card-title,.option-title{font-size:calc(var(--font-size-xl) * var(--scale-factor))!important}.section-title{font-size:calc(var(--font-size-2xl) * var(--scale-factor))!important;margin-bottom:calc(var(--spacing-xl) * var(--scale-factor))!important}#welcomeScreen .main-nav{max-width:calc(1000px * var(--scale-factor))!important;gap:calc(var(--spacing-md) * var(--scale-factor))!important}#welcomeScreen .main-title{font-size:clamp(1.2rem,3vw,2.5rem)!important;margin-bottom:.25rem!important}.secondary-nav-row{display:flex;gap:calc(16px * var(--scale-factor))!important}.home-action-item{transition:transform .3s ease!important}.home-action-item:hover{transform:scale(1.05)}.btn-home,.btn-back-global,.btn-exit-global{padding:.8rem 1.5rem!important;font-size:1rem!important}.editor-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;justify-content:center;align-items:center}.editor-modal.hidden{display:none}.editor-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(4px)}.editor-container{position:relative;background:#fff;width:95%;max-width:850px;max-height:95vh;border-radius:20px;box-shadow:0 10px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.editor-header{background:#6366f1;flex-shrink:0;color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.editor-header h2{margin:0;font-family:"Baloo 2",cursive;font-size:1.5rem}.btn-close-editor{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:transform .2s}.btn-close-editor:hover{transform:scale(1.1) rotate(90deg)}.editor-body{padding:1.5rem;overflow-y:auto;flex:1}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-group{flex:1;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-weight:600;color:#374151;font-size:.9rem}.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-family:"Baloo 2",cursive;font-size:1rem;transition:border-color .2s}.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;outline:none}.input-hint{font-size:.8rem;color:#6b7280;margin-top:.25rem}.analysis-box{background:#f3f4f6;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;border-left:4px solid #6366f1}.analysis-box p{margin:.25rem 0;color:#4b5563}.analysis-box strong{color:#1f2937}.editor-actions-container{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding-bottom:.5rem}.editor-actions-main{display:flex;justify-content:space-between;gap:1rem}.editor-actions-secondary{display:flex;justify-content:center}#loginScreen{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;justify-content:flex-start}.mobile-scroll-container{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;padding:1rem;box-sizing:border-box;align-items:center}.login-main{flex:1;display:flex;flex-direction:column;align-items:center;width:100%}.login-subtitle{font-family:"Baloo 2",cursive;font-size:1.5rem;margin-bottom:2rem;color:#ffffffe6;text-align:center}.profiles-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;width:100%;margin-bottom:3rem}.profile-card{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:15px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(5px);position:relative;max-width:150px;margin:0 auto}.profile-card:hover{transform:translateY(-5px);background:#fff3;border-color:gold;box-shadow:0 8px 20px #0003}.profile-avatar-container{width:80px;height:80px;border-radius:50%;margin-bottom:10px;background:#f0f4f8;border:3px solid white;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 4px 10px #0000001a}.profile-name{font-weight:700;font-size:1.1rem;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);word-break:break-word}.profile-badge{position:absolute;top:-5px;right:-5px;background:gold;color:#1a1a2e;font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:700}.profile-delete-btn{position:absolute;top:-5px;left:-5px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#000;border:none;font-size:.8rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer}.profile-card:hover .profile-delete-btn{opacity:1}.login-actions{display:flex;flex-direction:column;gap:15px;width:100%;max-width:300px}.btn-login-action{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:12px;border:none;font-family:"Baloo 2",cursive;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn-new-profile{background:#4caf50;color:#fff;box-shadow:0 4px #388e3c}.btn-new-profile:hover{transform:translateY(-2px);box-shadow:0 6px #388e3c}.btn-guest{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4)}.btn-guest:hover{background:#ffffff4d}.profile-creation-modal{background:#fff;color:#1a1a2e;border-radius:20px;padding:2rem;text-align:center;max-width:400px;width:90%;box-shadow:0 10px 40px #00000080;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.profile-creation-modal h3{margin-top:0;color:#2a5298}.avatar-selector{margin:20px 0}.selected-avatar-preview{display:flex;justify-content:center;margin-bottom:15px}.avatar-preview-emoji{width:100px;height:100px;border-radius:50%;border:4px solid #2a5298;background:#f0f4f8;font-size:4rem;display:flex;align-items:center;justify-content:center}.avatar-options{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.avatar-option{width:40px;height:40px;border-radius:50%;border:2px solid #ddd;background:#fff;font-size:1rem;cursor:pointer;transition:all .2s;padding:0;display:flex;align-items:center;justify-content:center}.avatar-option.selected{border-color:#2a5298;background:#e3f2fd;transform:scale(1.1)}.profile-name-input{width:100%;padding:12px;border:2px solid #ddd;border-radius:10px;font-size:1.1rem;text-align:center;margin-bottom:20px;font-family:inherit;box-sizing:border-box}.profile-name-input:focus{border-color:#2a5298;outline:none;background:#f0f4f8}.modal-actions{display:flex;gap:15px;justify-content:center;padding:0 20px;width:100%;box-sizing:border-box}.modal-actions button{flex:1;max-width:150px;min-width:100px}.login-footer{padding:1rem;text-align:center;opacity:.8;font-size:.8rem;margin-top:auto;width:100%}.btn-text-only{background:none;border:none;color:#ffffffe6;cursor:pointer;text-decoration:underline;border:1px solid rgba(255,255,255,.5);padding:8px 16px;border-radius:20px;transition:all .2s;font-weight:600}.btn-text-only:hover{background:#ffffff1a;color:#fff}.challenge-modal{text-align:center}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}@media(max-width:480px){.challenge-grid{grid-template-columns:repeat(2,1fr)}}.challenge-item{background:#f8fafc;border:2px solid transparent;border-radius:10px;padding:8px;cursor:pointer;transition:all .2s ease}.challenge-item:hover{transform:scale(1.05);background:#f1f5f9}.challenge-item img{width:100%;height:auto;display:block}.avatar-selector{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}.avatar-preview-large{width:100px;height:100px;background:#f1f5f9;border-radius:50%;padding:10px;border:4px solid #6366f1}.avatar-preview-large img{width:100%;height:100%;object-fit:contain}.avatar-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-height:200px;overflow-y:auto;padding:10px;background:#f8fafc;border-radius:12px;width:100%}.avatar-option{border:2px solid transparent;border-radius:8px;padding:5px;background:#fff;cursor:pointer;transition:all .2s}.avatar-option img{width:40px;height:40px;display:block}.avatar-option.selected{border-color:#6366f1;background:#eef2ff}.class-users-list{display:flex;flex-direction:column;gap:12px}.class-user-row{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.class-user-info{display:flex;align-items:center;gap:15px}.class-user-avatar{width:50px;height:50px;background:#fff;border-radius:50%;padding:5px;border:2px solid #6366f1}.class-user-avatar img{width:100%;height:100%;object-fit:contain}.class-user-details h4{margin:0;font-size:1.1rem;color:#1e293b}.class-user-details p{margin:0;font-size:.8rem;color:#64748b}.modal-content img{max-width:100%}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}:root{--color-vitamin-yellow: #FFD60A;--color-vitamin-yellow-dark: #D9B300;--color-vitamin-cyan: #00F0FF;--color-vitamin-cyan-dark: #00B8CC;--color-vitamin-magenta: #FF00FF;--color-vitamin-magenta-dark: #CC00CC;--color-vitamin-lime: #CCFF00;--color-vitamin-lime-dark: #99CC00;--color-primary: var(--color-vitamin-yellow);--color-primary-dark: var(--color-vitamin-yellow-dark);--color-secondary: var(--color-vitamin-cyan);--color-secondary-dark: var(--color-vitamin-cyan-dark);--color-accent: var(--color-vitamin-magenta);--btn-3d-depth: 6px;--border-radius-juicy: 24px;--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-heading: #0F172A}body{color:var(--color-text-primary)!important}h1,h2,h3,h4,.section-title,.wizard-step-title,.problem-card h3,.context-banner-title,.main-title{color:#1e293b!important;text-shadow:none!important}.problem-statement,.statement-box,.statement-box p,#statementText,.substep-intro,.strong-text,.inline-text,.step-instruction,.wizard-step-instruction,.wizard-step p{color:#000!important;font-weight:600!important}p,.narrative-bubble,.instruction-text{color:#000}.welcome-text,.xp-text{color:var(--color-text-secondary)!important}.step-navigation-message p{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.level-badge-small{color:#4a3b00!important}.problem-statement,.problem-card p,.narrative-bubble{font-family:"Baloo 2",cursive!important;line-height:1.5;font-size:1.25rem}button,.btn-primary,.btn-secondary,.start-btn,.action-btn,.choice-btn{border:none!important;border-radius:var(--border-radius-juicy)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:1px;transition:all .1s cubic-bezier(.4,0,.2,1)!important;position:relative;transform:translateY(0)}.btn-primary,.start-btn{background-color:var(--color-vitamin-yellow)!important;color:#4a3b00!important;box-shadow:0 var(--btn-3d-depth) 0 var(--color-vitamin-yellow-dark),0 calc(var(--btn-3d-depth) + 4px) 10px #0003!important}.btn-secondary,.nav-btn,.btn-float{background-color:var(--color-vitamin-cyan)!important;color:#045!important;box-shadow:0 var(--btn-3d-depth) 0 var(--color-vitamin-cyan-dark),0 calc(var(--btn-3d-depth) + 4px) 10px #0003!important}.btn-accent,.validate-btn{background-color:var(--color-vitamin-magenta)!important;color:#fff!important;box-shadow:0 var(--btn-3d-depth) 0 var(--color-vitamin-magenta-dark),0 calc(var(--btn-3d-depth) + 4px) 10px #0003!important}button:active,.btn-primary:active,.btn-secondary:active,.start-btn:active{transform:translateY(var(--btn-3d-depth))!important;box-shadow:0 0 0 var(--color-primary-dark),0 0 #0000!important}button:hover{filter:brightness(1.1)}.btn-stack{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-align:center!important;line-height:1!important;padding:8px 4px!important;overflow:visible!important}.btn-stack .btn-icon{font-size:1.6rem!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;line-height:1}.btn-stack span:not(.btn-icon){font-size:.85rem!important;font-weight:800!important;display:block!important;width:100%;margin-top:2px;white-space:normal!important;overflow:visible!important}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.start-btn{animation:bounce-soft 2s infinite ease-in-out}@keyframes pop-success{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}body{background-color:#f0f4f8;background-image:radial-gradient(circle at 10% 20%,rgba(0,240,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,0,255,.1) 0%,transparent 20%);background-attachment:fixed}.highlight,.highlight-text,.question-highlight,.useful-data-highlight{background-color:#ffd60a4d;color:#000!important;padding:2px 6px;border-radius:4px;font-weight:700;box-shadow:0 2px #ffd60a80}.question-highlight{background-color:#00f0ff33;box-shadow:0 2px #00f0ff80}.problem-card,.config-section,.narrative-container{background:#ffffffe6!important;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 10px 30px #0000000d}select,input{background-color:#fff!important;color:#1e293b!important;border:2px solid #E2E8F0!important}.section-title{background:transparent!important;box-shadow:none!important;color:var(--color-text-heading)!important;border:none!important;text-shadow:none!important;padding:1rem 0!important}.main-title{color:#1e293b!important;text-shadow:0 2px 0 rgba(255,255,255,.8)!important}.option-card{background:#fff!important;color:#1e293b!important;border:3px solid #CBD5E1!important;box-shadow:0 4px #94a3b8!important}.option-card h3,.option-card span{color:#1e293b!important;font-weight:800!important}.option-card.selected{background:var(--color-vitamin-yellow)!important;color:#000!important;border-color:#000!important;transform:translateY(4px)!important;box-shadow:none!important}.option-card.selected h3,.option-card.selected span{color:#000!important}.option-card:hover:not(.selected){border-color:var(--color-vitamin-cyan)!important;background:#f0f9ff!important}.bar-wrapper{background-color:#f8fafc!important;border:2px solid #CBD5E1!important;border-radius:16px!important;padding:20px!important;box-shadow:0 4px 6px #0000000d!important;margin-bottom:20px}.bar-label{color:#0f172a!important;font-weight:700!important;font-size:1.1rem!important;margin-bottom:1.5rem!important;font-family:"Baloo 2",cursive!important}.bar-dato-label{background-color:var(--color-vitamin-yellow)!important;color:#000!important;padding:2px 8px;border-radius:4px;margin-right:8px;text-transform:uppercase;font-size:.9em}.bar-interactive{margin-top:2rem!important}.bar-track-with-scale{background:#e2e8f0!important;height:40px!important;border-radius:20px!important;border:2px solid #94A3B8!important}.scale-tick{background-color:#64748b!important}.scale-number{color:#475569!important;font-weight:700!important;font-size:1rem!important;bottom:-30px!important}.bar-fill{background-color:var(--color-vitamin-cyan)!important;opacity:.6;border-radius:20px 0 0 20px}.bar-handle{background:#dc2626!important;width:32px!important;height:32px!important;top:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 4px 6px #0000004d!important;border:2px solid white!important}.bar-value-display{color:#fff!important;font-weight:800!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.btn-audio-inline{width:36px!important;height:36px!important;font-size:1.2rem!important;background:var(--color-vitamin-yellow)!important;color:#000!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px #d9b300!important}#closeMoreMenuBtn{transition:transform .2s ease}#closeMoreMenuBtn:hover{transform:scale(1.2) rotate(90deg);color:#ffd60a!important}.step-indicator{background:#0f172a99!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:16px;padding:10px 5px!important}.step-indicator.active{background:#fff!important;border:2px solid var(--color-vitamin-cyan)!important;transform:scale(1.05);box-shadow:0 4px 15px #0000001a}.step-number{background:#fff!important;color:#1e293b!important;border:2px solid #CBD5E1;font-weight:800}.step-indicator.active .step-number{background:var(--color-vitamin-cyan)!important;color:#000!important;border-color:#000}.step-label{color:#fff!important;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.step-indicator.active .step-label{color:#0f172a!important;font-weight:800;text-shadow:none}.drag-hint{color:#1e293b!important;font-weight:700!important}.speech-bubble,.mentor-bubble,.feedback-alert{background:#fff!important;color:#1e293b!important;border:3px solid #CBD5E1!important;box-shadow:0 4px #0000001a!important}.gamification-header{background:#fff!important;border:1px solid #E2E8F0;box-shadow:0 2px 4px #0000000d}.level-badge-small,.xp-text,.user-stars{color:#0f172a!important;text-shadow:none!important}.xp-bar{background:#e2e8f0!important;border:2px solid #CBD5E1!important}.context-banner{background:#fff!important;color:#1e293b!important;border:3px solid #CBD5E1!important;background-image:none!important}.context-banner-title{color:#0f172a!important;text-shadow:none!important}.calc-table td,.calc-table th{border-color:#cbd5e1!important;color:#1e293b!important}.calc-table input,.calc-input{background:#fff!important;color:#0f172a!important;border:2px solid #94A3B8!important}.swal2-popup,.modal-content,.custom-modal{background:#fff!important;color:#1e293b!important}.swal2-title,.swal2-content,.modal-title,.modal-body{color:#1e293b!important}.btn-back,.btn-float-back{background-color:var(--color-vitamin-cyan)!important;color:#000!important;font-weight:800!important}.btn-primary,.start-btn{color:#000!important}.statement-box{background-color:#f8fafc!important;border:2px solid #E2E8F0!important;color:#1e293b!important;box-shadow:none!important}.statement-box p{color:#0f172a!important}.bar-fill{background-color:#00b8cc!important;opacity:1!important;border-right:2px solid #000!important}.highlight-btn{background:#fff!important;color:#1e293b!important;border:2px solid #CBD5E1!important;font-weight:700!important}.highlight-btn[data-type=question].active{background-color:var(--color-vitamin-cyan)!important;color:#000!important;border-color:#000!important}.highlight-btn[data-type=useful].active{background-color:var(--color-vitamin-yellow)!important;color:#000!important;border-color:#000!important}.highlight-btn[data-type=distractor].active{background-color:#b91c1c!important;color:#fff!important;border-color:#7f1d1d!important}.section-label{background:var(--color-vitamin-yellow)!important;color:#000!important;font-weight:800!important}.number-table-container{background:#fff!important;border:4px solid #CBD5E1!important}.number-btn{background:#fff!important;color:#1e293b!important;border:1px solid #94A3B8!important;font-weight:700!important}.number-btn:hover{background:#f1f5f9!important;border-color:#64748b!important}.number-btn.selected{background:var(--color-vitamin-cyan)!important;color:#000!important;border-color:#000!important;font-weight:800!important}.table-selected-number{background:#f8fafc!important;color:#000!important;border:2px solid #CBD5E1!important}.btn-ai-mode{background:linear-gradient(135deg,#ffd60a,#d9b300)!important;color:#000!important;border:2px solid #FFF!important;box-shadow:0 4px 10px #0000004d!important}.ai-text{font-weight:800!important}:focus-visible{outline:4px solid var(--color-vitamin-magenta)!important;outline-offset:2px!important;box-shadow:0 0 0 6px #fff!important}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#e2e8f0;border-left:2px solid #CBD5E1}::-webkit-scrollbar-thumb{background-color:#64748b;border:3px solid #E2E8F0;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#1e293b}.problem-counter{background:#fff!important;color:#1e293b!important;border:2px solid #CBD5E1!important;box-shadow:0 4px #0000001a!important}.btn-float{background-color:var(--color-vitamin-yellow)!important;color:#000!important;border:2px solid #D9B300!important}.btn-float:hover{transform:scale(1.1);box-shadow:0 0 0 4px #ffd60a66!important}::placeholder{color:#64748b!important;opacity:1}.user-level,.level-badge{color:#0f172a!important;text-shadow:none!important;font-weight:800!important}.btn-success,.btn-abn-helper{background:var(--color-vitamin-lime)!important;color:#000!important;border:2px solid var(--color-vitamin-lime-dark)!important;font-weight:800!important;box-shadow:0 4px 0 var(--color-vitamin-lime-dark)!important}.golden-star-overlay{background:#fff!important;border:4px solid #FFD700!important;box-shadow:0 10px 40px #0003!important;opacity:1!important}.golden-star-overlay:not(.active){display:none!important}.star-message{background:none!important;-webkit-text-fill-color:initial!important;color:#0f172a!important;text-shadow:none!important}.star-shape{text-shadow:none!important;filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))}.btn-print{background:#475569!important;color:#fff!important;border:2px solid #1E293B!important;font-weight:700!important}.modal-actions{display:flex;justify-content:center;gap:16px;padding:20px 10px;width:100%;margin-top:20px;box-sizing:border-box}.profile-creation-modal .modal-actions button{min-width:120px;padding:12px 24px;max-width:45%}@media(max-width:480px){.modal-actions{flex-direction:column;align-items:center;gap:12px}.profile-creation-modal .modal-actions button{width:100%;max-width:100%;margin:0}}.btn-exit-app,.btn-exit-global{background:#fff!important;color:#b91c1c!important;border:3px solid #B91C1C!important;font-weight:800!important;pointer-events:auto!important}.btn-exit-app:hover,.btn-exit-global:hover{background:#fef2f2!important;color:#b91c1c!important}.btn-home,.btn-back-global{background:#fff!important;color:#1e293b!important;border:2px solid #CBD5E1!important;font-weight:800!important;pointer-events:auto!important}.btn-home:hover,.btn-back-global:hover{background:#f1f5f9!important;border-color:#94a3b8!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--color-vitamin-magenta)!important;outline-offset:2px!important}#languageMenu:not(.hidden),.language-menu:not(.hidden){background:#fff!important;color:#1e293b!important;border:4px solid #CBD5E1!important;border-radius:24px!important;padding:20px!important;box-shadow:0 20px 50px #0006!important;z-index:11000!important;max-height:90vh!important;width:95%!important;max-width:550px!important;display:flex!important;flex-direction:column!important;overflow-y:hidden!important}.language-menu-header{margin-bottom:15px!important;padding-bottom:10px!important;border-bottom:2px solid #F1F5F9!important}.language-menu-header h2{font-size:1.25rem!important;margin:0!important}.language-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;overflow-y:auto!important;padding:5px!important;max-height:60vh!important;background:transparent!important}.language-option.btn{background:#f8fafc!important;color:#1e293b!important;border:2px solid #E2E8F0!important;padding:10px 15px!important;font-size:.9rem!important;font-weight:700!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:15px!important;text-align:left!important;min-height:50px!important;box-shadow:none!important;transform:none!important}.lang-flag{font-size:1.4rem!important;width:30px!important;display:flex!important;justify-content:center!important;flex-shrink:0!important}.lang-name{flex-grow:1!important}.language-option.btn:hover{background:#f0f9ff!important;border-color:#6366f1!important;transform:translateY(-2px)!important}.language-option.btn.selected{background:#eef2ff!important;border-color:#6366f1!important;color:#4338ca!important;box-shadow:0 4px 12px #6366f133!important}.modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000d9!important;z-index:9999!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:hidden!important;padding:20px!important;pointer-events:auto!important}.modal.hidden{display:none!important}.modal-content,.profile-creation-modal,.challenge-modal{position:relative!important;margin:auto!important;max-height:90vh!important;overflow-y:auto!important;background:#fff!important;pointer-events:auto!important;border-radius:24px!important;box-shadow:0 20px 50px #00000080!important;animation:pop-success .3s cubic-bezier(.175,.885,.32,1.275)!important;top:auto!important;left:auto!important;transform:none!important}.challenge-modal{max-width:480px!important;padding:1.6rem!important;width:85%!important}#languageMenu .close-btn{background:#ff4757!important;color:#fff!important;border:none!important;width:44px!important;height:44px!important;border-radius:50%!important;font-size:1.5rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 10px #0003!important;transition:all .2s ease!important}#languageMenu .close-btn:hover{transform:rotate(90deg) scale(1.1)!important;background:#ff6b81!important}.language-menu h2{color:#0f172a!important}.language-btn{background:#fff!important;color:#1e293b!important;border:1px solid #94A3B8!important}.store-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:1.5rem!important}.store-item,.sticker-item{background:#f8fafc!important;border:2px solid #E2E8F0!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem 1rem;border-radius:20px!important;height:100%!important;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s;min-height:280px}.store-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.store-item-icon{font-size:3.5rem;margin-bottom:1rem}.store-item-name{font-weight:800;color:#1e293b;text-align:center;line-height:1.3;font-size:.95rem;margin-bottom:.5rem;min-height:2.6em;display:flex;align-items:center;justify-content:center}.store-item-price{margin-bottom:1rem;font-weight:700;color:#64748b}.btn-buy{background-color:#f59e0b!important;color:#000!important;font-weight:800!important;border-radius:99px!important;padding:.5rem 1.5rem!important;width:100%!important;border:none!important;margin-top:auto!important;box-shadow:0 4px #d97706!important;text-transform:uppercase}.btn-buy:active{transform:translateY(4px);box-shadow:none!important}.btn-buy:disabled{background-color:#cbd5e1!important;color:#64748b!important;box-shadow:none!important;cursor:default}.sticker-item img{filter:drop-shadow(0 4px 4px rgba(0,0,0,.1))}.btn-adventure{background:var(--color-vitamin-magenta)!important;color:#fff!important;border:3px solid var(--color-vitamin-magenta-dark)!important;box-shadow:0 6px 0 var(--color-vitamin-magenta-dark)!important;font-weight:800!important}.btn-adventure:hover{filter:brightness(1.1);transform:scale(1.05) translateY(-2px)!important}.narrative-container{background:#fff!important;color:#1e293b!important;border:3px solid #CBD5E1!important}.store-balance-display{background:#fff!important;color:#0f172a!important;border:3px solid #FFD60A!important;box-shadow:0 4px 10px #0000001a!important}.store-balance-display span{color:#0f172a!important;font-weight:800!important}.guide-section-premium{background:#fff!important;color:#1e293b!important;border:3px solid #CBD5E1!important;border-radius:24px!important;padding:2rem!important}.guide-text-content h3{color:#0f172a!important}.dash-section{background:#fff!important;color:#1e293b!important;border:2px solid #E2E8F0!important}.strong-text{font-family:"Baloo 2",cursive!important;font-size:1.25rem!important;font-weight:700!important;color:#000!important}.class-users-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:10px}.class-user-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border:2px solid #E2E8F0;border-radius:12px}.class-user-info{display:flex;align-items:center;gap:1rem}.class-user-avatar img{width:50px;height:50px;border-radius:50%;border:2px solid #CBD5E1}.class-user-details h4{margin:0;color:#0f172a;font-size:1.1rem}.class-user-details p{margin:0;font-size:.9rem;color:#64748b}.success-premium-modal{max-width:500px!important;background:linear-gradient(135deg,#fff,#f0f9ff)!important;border:4px solid var(--color-vitamin-yellow)!important;box-shadow:0 20px 40px #0000004d,inset 0 0 50px #ffd60a1a!important;overflow:hidden;padding:0!important}.success-header{background:var(--color-vitamin-yellow);padding:2rem 1rem;text-align:center;position:relative}.success-badge{font-size:4rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 0 rgba(0,0,0,.1))}.success-header h2{margin:0!important;font-size:2.5rem!important;font-weight:900!important;color:#4a3b00!important}.success-divider{height:4px;background:#0000001a;width:60px;margin:1rem auto 0;border-radius:2px}.rewards-section{display:flex;gap:1rem;padding:2rem;justify-content:center}.reward-card{background:#fff;border-radius:20px;padding:1rem;display:flex;align-items:center;gap:1rem;border:2px solid #e2e8f0;box-shadow:0 4px 10px #0000000d;flex:1}.reward-card .reward-icon{font-size:2rem}.reward-info{display:flex;flex-direction:column}.reward-val{font-size:1.5rem;font-weight:900;line-height:1}.reward-label{font-size:.7rem;font-weight:700;color:#64748b}.adventure-progress-card{margin:0 2rem;background:#1e293b;border-radius:20px;padding:1rem;display:flex;align-items:center;gap:1rem;color:#fff}.island-preview{font-size:2.5rem;background:#ffffff1a;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:15px}.island-details{flex:1}.progress-label{font-size:.6rem;font-weight:700;color:var(--color-vitamin-cyan);margin:0}.island-name{font-size:1rem;font-weight:900;margin:2px 0 6px}.mini-progress-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.mini-progress-fill{height:100%;background:var(--color-vitamin-cyan);box-shadow:0 0 10px var(--color-vitamin-cyan)}.mentor-final-tip{padding:2rem;text-align:center;font-style:italic;color:#475569;font-weight:600}.success-actions-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 2rem 2rem}.success-actions-layout .large-btn{grid-column:span 1}.tab-btn{background:#fff!important;border:2px solid #E2E8F0!important;color:#475569!important;padding:.8rem 2rem!important;border-radius:99px!important;font-weight:800!important;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px #cbd5e1!important;transform:translateY(0)}.tab-btn:hover{background:#f8fafc!important;transform:translateY(-2px);box-shadow:0 6px #cbd5e1!important}.tab-btn.active{background:var(--color-vitamin-cyan)!important;color:#045!important;border-color:#00b8cc!important;box-shadow:0 4px #00b8cc!important;transform:translateY(2px)}.tab-btn.active:hover{transform:translateY(2px)}.btn-equip{background-color:var(--color-vitamin-cyan)!important;box-shadow:0 4px 0 var(--color-vitamin-cyan-dark)!important}.store-item.equipped{border:3px solid var(--color-vitamin-yellow)!important;background:#fffbeb!important}.store-item.equipped .btn-buy:disabled{background-color:#f8fafc!important;color:#94a3b8!important;cursor:default;border:2px solid #E2E8F0!important;box-shadow:none!important}.adventure-progress-card{background:#f0f9ff!important;border:3px solid #00B8CC!important;border-radius:16px!important;padding:15px!important;color:#1e293b!important;box-shadow:0 4px #00b8cc33!important;margin-top:15px!important;display:flex!important;align-items:center!important;gap:15px!important}.adventure-progress-card .island-preview{font-size:2.5rem!important;background:#fff!important;border:2px solid #BAE6FD!important;border-radius:12px!important;width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px #0000000d!important}.adventure-progress-card .progress-label{color:#475569!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1px!important;margin-bottom:4px!important}.adventure-progress-card .island-name{color:#0f172a!important;font-size:1.2rem!important;font-weight:900!important;margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-shadow:none!important}.adventure-progress-card .mini-progress-track{background:#e2e8f0!important;height:10px!important;border-radius:5px!important;border:1px solid #CBD5E1!important;width:100%!important;overflow:hidden!important}.adventure-progress-card .mini-progress-fill{background:linear-gradient(90deg,#00b8cc,#00f0ff)!important;height:100%!important;border-radius:5px!important}.calc-input-spinner{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:#0000000d;padding:5px;border-radius:16px;vertical-align:middle}.spinner-btn{background:#6d28d9;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .2s;box-shadow:0 2px 4px #0003}.spinner-btn:hover{background:#5b21b6;transform:scale(1.1)}.spinner-btn:active{transform:scale(.9)}.spinner-value{font-family:"Baloo 2",cursive;font-weight:800;font-size:2rem;color:#333;min-width:60px;text-align:center;padding:0 10px;background:#fff;border:2px solid #CBD5E1;border-radius:12px;margin:5px 0;box-shadow:inset 0 2px 4px #0000001a}.spinner-value.filled{color:#4f46e5;border-color:#818cf8;background:#eef2ff}.audio-btn.playing,.btn-audio-inline.playing{background-color:#ff4757;border-color:#ff4757;animation:pulse 1.5s infinite}.mentor-speech-bubble{position:absolute;bottom:110%;right:10%;width:220px;padding:20px 25px 20px 20px;background:#fff;border-radius:20px;border:3px solid #334155;box-shadow:0 4px 15px #00000026;font-family:"Baloo 2",cursive;font-size:1rem;line-height:1.4;color:#1e293b;text-align:center;z-index:9999;opacity:0;transform:translateY(20px) scale(.9);transition:all .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;visibility:hidden}.mentor-speech-bubble.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}.mentor-bubble-close{position:absolute;top:5px;right:5px;width:24px;height:24px;background:#ef4444;color:#fff;border-radius:50%;border:none;font-weight:700;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:transform .2s;z-index:10001}.mentor-bubble-close:hover{transform:scale(1.1);background:#dc2626}.mentor-speech-bubble:after{content:"";position:absolute;bottom:-12px;right:40px;width:20px;height:20px;background:#fff;border-bottom:3px solid #334155;border-right:3px solid #334155;transform:rotate(45deg)}.mentor-speech-bubble.success{border-color:#10b981;background:#ecfdf5;color:#065f46}.mentor-speech-bubble.success:after{border-color:#10b981;background:#ecfdf5}.mentor-speech-bubble.error{border-color:#f43f5e;background:#fff1f2;color:#881337}.mentor-speech-bubble.error:after{border-color:#f43f5e;background:#fff1f2}.mentor-avatar{overflow:visible!important}.mentor-bubble-audio{position:absolute;top:5px;left:10px;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:50%;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:all .2s;z-index:10001}.mentor-bubble-audio:hover{transform:scale(1.1);background:#2563eb}.mentor-speech-bubble.error .mentor-bubble-audio{background:#f43f5e}.mentor-speech-bubble.success .mentor-bubble-audio{background:#10b981}#problemHelpModalV2{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000000d9!important;backdrop-filter:blur(5px);z-index:99999!important;display:flex!important;justify-content:center!important;align-items:center!important}#problemHelpModalV2.hidden{display:none!important}.problem-help-content{background:#fff!important;width:90%!important;max-width:600px!important;max-height:90vh!important;height:auto!important;overflow-y:auto!important;border-radius:20px!important;padding:1rem!important;box-shadow:0 25px 50px -12px #00000080!important;border:4px solid #CBD5E1!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;margin:auto!important}.problem-help-title{font-size:1.25rem!important;text-align:center!important;margin:0!important;padding-bottom:.5rem!important;color:#1e293b!important;font-weight:800!important;border-bottom:2px solid #E2E8F0!important;flex-shrink:0!important}.help-content-body{flex:1!important;overflow-y:auto!important;padding-right:5px!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;min-height:0!important}.help-image-container{display:flex!important;justify-content:center!important;flex-shrink:0!important}.help-image-container img{max-height:200px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;border-radius:12px!important;border:3px solid #E2E8F0!important;box-shadow:0 4px 12px #0000001a!important}@media(max-height:700px){.help-image-container{display:none!important}}.help-decomposition{display:flex!important;flex-direction:column!important;gap:.5rem!important}.problem-help-section{background:#f8fafc!important;border:1px solid #E2E8F0!important;border-radius:8px!important;padding:.5rem!important;display:flex!important;flex-direction:column!important;gap:.25rem!important}.section-part{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important}.section-label{background:#ffd60a!important;color:#000!important;font-weight:800!important;padding:2px 8px!important;border-radius:12px!important;font-size:.8rem!important;white-space:nowrap!important;flex-shrink:0!important}.section-label.cambio{background:#00f0ff!important}.section-label.pregunta{background:#f0f!important;color:#fff!important}.section-text{font-weight:600!important;font-size:.95rem!important;color:#334155!important;line-height:1.2!important}.cambio-operator{font-weight:900!important;font-size:1.2rem!important;color:#000!important}.visual-emojis{display:flex!important;flex-wrap:wrap!important;gap:2px!important;justify-content:center!important;margin-top:2px!important}.visual-emojis img.twemoji{width:20px!important;height:20px!important}.help-modal-footer{padding-top:.5rem!important;flex-shrink:0!important;text-align:center!important}.btn-close-modal{background:#10b981!important;color:#fff!important;width:100%!important;max-width:300px!important;padding:.75rem!important;font-size:1rem!important;text-transform:uppercase!important;font-weight:800!important;border:none!important;border-radius:12px!important;cursor:pointer!important;box-shadow:0 4px #059669!important;transition:transform .1s!important;display:inline-block!important}.btn-close-modal:hover{background:#059669!important;transform:translateY(-2px)!important}.btn-close-modal:active{transform:translateY(0)!important;box-shadow:0 2px #059669!important}.problem-image-small,.problem-image-inline img{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;cursor:zoom-in;position:relative;z-index:10}.problem-image-small:hover,.problem-image-inline img:hover{transform:scale(1.5) translateY(25px);z-index:1000;box-shadow:0 10px 40px #00000080;border-radius:8px}.problem-image-inline{overflow:visible!important}.image-zoom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ad9;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;cursor:zoom-out}.image-zoom-overlay.active{opacity:1;pointer-events:auto}.image-zoom-content{max-width:90vw;max-height:90vh;border-radius:16px;box-shadow:0 20px 50px #00000080;transform:scale(.8);transition:transform .3s cubic-bezier(.34,1.56,.64,1);object-fit:contain;background:#fff;padding:10px}.image-zoom-overlay.active .image-zoom-content{transform:scale(1)}.image-zoom-close{position:absolute;top:20px;right:20px;background:#fff;color:#0f172a;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .2s ease}.image-zoom-close:hover{transform:scale(1.1)}@media(max-width:1024px){:root{--font-size-4xl: 2.8rem;--font-size-3xl: 2.2rem;--font-size-2xl: 1.8rem;--spacing-xxl: 3rem;--spacing-xl: 2rem}.container{padding:var(--spacing-md);max-width:100%!important}}@media(max-width:900px){.wizard-steps-indicator{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;padding:15px!important;background:#fffffff2!important;border-radius:20px!important;box-shadow:0 4px 15px #0000001a!important;border:2px solid #E2E8F0!important;margin-bottom:1.5rem!important}.step-indicator{flex-direction:column!important;padding:8px 4px!important;border-radius:12px!important;margin:0!important;min-height:80px!important;justify-content:center!important;background:#fff!important;border:1px solid #E2E8F0!important}.step-number{width:32px!important;height:32px!important;font-size:1rem!important;margin:0 0 5px!important;border-width:3px!important;display:flex!important;align-items:center;justify-content:center}.step-label{font-size:.7rem!important;font-weight:800!important;text-transform:uppercase!important;white-space:nowrap!important;display:block!important}.step-indicator.active{background:#f0f9ff!important;border-color:var(--color-primary)!important;transform:scale(1.05)!important;z-index:2}}@media(max-width:600px){.main-title{font-size:1.8rem!important;line-height:1.2!important;margin-bottom:.5rem!important}.title-underline{width:120px!important;height:5px!important}.statement-box{padding:18px!important;font-size:1.15rem!important;border-radius:18px!important}#problemTextContainer{max-height:45vh!important;overflow-y:auto!important;border-bottom:2px solid #E2E8F0!important;background:#f8fafc!important;padding:10px!important;border-radius:12px!important}.btn{padding:1.2rem 1.5rem!important;font-size:1.1rem!important;border-radius:20px!important}.btn-audio-inline{width:44px!important;height:44px!important;font-size:1.4rem!important}}@media(max-width:768px){.option-grid{grid-template-columns:1fr!important;gap:15px!important}.option-card{padding:15px!important;min-height:80px!important;flex-direction:row!important;text-align:left!important;justify-content:flex-start!important;gap:15px!important}.option-card h3{font-size:1.2rem!important;margin:0!important}.context-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.context-card{height:120px!important}.context-card-title{font-size:1.1rem!important}}@media(max-width:768px){.island-game-content{width:96%!important;padding:1.5rem!important;border-width:6px!important;max-height:90vh!important;overflow-y:auto!important}.mini-game-container{height:350px!important}.win-title{font-size:2.2rem!important}.island-game-footer{flex-direction:column!important;gap:15px!important;width:100%!important}.island-game-footer .btn{width:100%!important;margin:0!important}}@media(max-width:600px){.global-nav{padding:.5rem 1rem!important;height:55px!important}.btn-home,.btn-back-global,.btn-exit-global{padding:.5rem 1rem!important;font-size:.8rem!important;border-radius:12px!important}.screen{padding-top:60px!important}.btn-float{width:60px!important;height:60px!important;font-size:1.8rem!important;bottom:15px!important;left:15px!important}}@media(max-width:500px){#splashScreen .main-title{font-size:2.2rem!important}.welcome-message{padding:1.2rem!important;margin:1rem auto!important}.welcome-text{font-size:1.05rem!important}.main-nav{gap:12px!important}}@media(max-width:768px){.calc-table{font-size:1.2rem!important;width:100%!important}.calc-input{width:55px!important;height:55px!important;font-size:1.5rem!important}.methods-grid{grid-template-columns:1fr!important}}.swal2-popup{width:90%!important;max-width:450px!important;padding:1.5rem!important;border-radius:24px!important}@media(max-width:480px){.swal2-title{font-size:1.5rem!important}}.btn-go-to-calc{display:block;margin-top:10px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.btn-go-to-calc:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-go-to-calc.hidden{display:none!important}.success-buttons{display:flex;gap:15px;margin-top:20px;justify-content:center;flex-wrap:wrap}.success-btn{padding:14px 28px;font-size:1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.success-btn.btn-inicio{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.success-btn.btn-inicio:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c757d66}.success-btn.btn-siguiente{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.success-btn.btn-siguiente:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.success-btn.btn-finalizar{background:linear-gradient(135deg,#ffc107,#ff9800);color:#212529}.success-btn.btn-finalizar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc10766}.number-table-modal:not(.hidden){position:fixed!important;inset:0!important;display:flex!important;justify-content:center!important;align-items:flex-end!important;padding-bottom:10px!important;z-index:1000}.number-table-modal .number-table-overlay{position:absolute!important;inset:0!important;background:#0006!important;cursor:pointer}.number-table-compact{position:relative!important;max-width:98%!important;width:auto!important;padding:12px 20px!important;margin:0 auto!important;border-radius:16px 16px 0 0!important;background:linear-gradient(135deg,#1a1a2e,#16213e)!important;box-shadow:0 -5px 30px #00000080!important;z-index:1001}.number-table-compact h3{font-size:1rem!important;margin-bottom:10px!important;padding:5px 30px!important;text-align:center;color:#fff}.modal-operation,.modal-operation-side{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);padding:10px 20px;border-radius:12px;font-weight:800;font-size:1.5rem;margin-right:8px;color:#fff;box-shadow:0 4px 15px #667eea66}#tableOperationContainer{display:flex;align-items:center;justify-content:center}.table-layout-horizontal{display:flex;flex-direction:row;align-items:flex-start;gap:20px;justify-content:center}.number-table-compact-grid{flex-shrink:0}.number-table-compact-grid td{width:36px!important;height:36px!important;font-size:.95rem!important;padding:2px!important;position:relative!important;cursor:pointer}.table-controls-side{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;background:#ffffff0d;border-radius:12px;min-width:120px}.table-controls-side .selection-label{color:#fff;font-size:.9rem;font-weight:600;text-align:center}.table-selected-number{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.8rem;font-weight:800;border-radius:12px;box-shadow:0 4px 15px #667eea66}.btn-table-submit{padding:12px 20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:.95rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;width:100%}.btn-table-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #28a74566}.btn-table-submit:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.table-controls-side .table-error-message{flex-direction:column;padding:8px;font-size:.8rem;text-align:center;margin:0}.table-error-message{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px;background:linear-gradient(135deg,#dc3545,#c82333);border-radius:8px;color:#fff;font-size:.85rem;animation:shake .5s ease-in-out}.table-error-message .error-icon{font-size:1rem}.table-error-message .error-text{text-align:center}.table-error-message.hidden{display:none!important}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.table-controls-side .btn-close-table{padding:10px 15px!important;font-size:.85rem!important;margin-top:5px!important;width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease}.table-controls-side .btn-close-table:hover{background:#fff3}#numberTable td.selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;transform:scale(1.1);box-shadow:0 4px 15px #667eea80;z-index:10;position:relative}#numberTable td.selected span{color:#fff!important}.feedback-overlay{position:absolute;font-size:.65rem;font-weight:800;padding:2px 4px;border-radius:4px;z-index:100;pointer-events:none;white-space:nowrap}.feedback-center{top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 6px #4caf5066}.feedback-left{top:50%;left:-18px;transform:translateY(-50%);background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 2px 6px #2196f366}.feedback-right{top:50%;right:-18px;transform:translateY(-50%);background:linear-gradient(135deg,#ff5722,#e64a19);color:#fff;box-shadow:0 2px 6px #ff572266}.number-table-compact .btn-close-table-x{position:absolute!important;top:8px!important;right:8px!important;background:#fff3!important;border:none!important;color:#fff!important;font-size:1.2rem!important;width:30px!important;height:30px!important;border-radius:50%!important;cursor:pointer!important;z-index:1002!important;display:flex!important;align-items:center!important;justify-content:center!important}.number-table-compact .btn-close-table-x:hover{background:#fff6!important}@media(max-width:600px){.table-layout-horizontal{flex-direction:column;align-items:center}.table-controls-side{flex-direction:row;flex-wrap:wrap;justify-content:center;min-width:auto;width:100%}}@font-face{font-family:OpenDyslexicLocal;src:url(https://cdn.jsdelivr.net/npm/opendyslexic@3.0.0/fonts/OpenDyslexic-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}body.dyslexia-mode,body.dyslexia-mode *,body.dyslexia-mode h1,body.dyslexia-mode h2,body.dyslexia-mode h3,body.dyslexia-mode p,body.dyslexia-mode button,body.dyslexia-mode input{font-family:OpenDyslexic,OpenDyslexicLocal,Comic Sans MS,sans-serif!important;letter-spacing:.05em!important;line-height:1.6!important;word-spacing:.1em!important}body.high-contrast-mode{--color-bg-primary: #000000 !important;--color-bg-secondary: #1a1a1a !important;--color-text-primary: #ffffff !important;--color-text-secondary: #ffff00 !important;--color-accent: #ffff00 !important;--color-primary: #ffffff !important;--color-primary-dark: #cccccc !important;background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}body.high-contrast-mode .screen,body.high-contrast-mode .modal-content,body.high-contrast-mode .dash-section,body.high-contrast-mode .wizard-step,body.high-contrast-mode .dash-card{background:var(--color-bg-secondary)!important;border:2px solid var(--color-text-primary)!important;box-shadow:none!important;color:var(--color-text-primary)!important}body.high-contrast-mode p,body.high-contrast-mode h1,body.high-contrast-mode h2,body.high-contrast-mode h3,body.high-contrast-mode span,body.high-contrast-mode label{color:var(--color-text-primary)!important;text-shadow:none!important}body.high-contrast-mode button.btn-primary{background:var(--color-text-secondary)!important;color:#000!important;border:2px solid #ffffff!important;box-shadow:none!important}body.high-contrast-mode button.btn-secondary,body.high-contrast-mode button.tab-btn{background:#000!important;color:var(--color-text-secondary)!important;border:2px solid var(--color-text-secondary)!important;box-shadow:none!important}body.high-contrast-mode button:hover,body.high-contrast-mode button:focus-visible{filter:invert(1)}body.high-contrast-mode .progress-track,body.high-contrast-mode .mini-progress-track{background:#333!important;border:1px solid #ffffff!important}body.high-contrast-mode .progress-fill,body.high-contrast-mode .mini-progress-fill{background:var(--color-text-secondary)!important}body.high-contrast-mode .success-confetti-bg,body.high-contrast-mode .animated-bg,body.high-contrast-mode .particles-container{display:none!important}*:focus-visible{outline:4px solid #FF007F!important;outline-offset:4px!important;border-radius:4px;z-index:10000;position:relative;box-shadow:0 0 0 8px #ff007f4d!important;transition:outline-offset .1s ease-in-out}body.high-contrast-mode *:focus-visible{outline:4px solid #ffff00!important;outline-offset:4px!important;box-shadow:0 0 0 8px #ffff0080!important}.mentor-avatar{width:150px!important;height:150px!important}@media(max-width:768px){.mentor-avatar{width:100px!important;height:100px!important}}.audio-btn,.btn-audio-inline{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#fff3;border:2px solid white;color:#fff;cursor:pointer;transition:all .2s ease;opacity:1!important;visibility:visible!important;z-index:100!important}.audio-btn:hover,.btn-audio-inline:hover{transform:scale(1.1);background-color:#fff6}.audio-btn.playing,.btn-audio-inline.playing,.mentor-bubble-audio.playing{background-color:#ff4757!important;border-color:#ff4757!important;animation:pulse 1.5s infinite}.btn-audio-narrative.playing{background-color:#3b82f6!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 0 15px #3b82f680;animation:pulse-blue 1.5s infinite}.btn-audio-narrative.muted-mode{background-color:#f8fafc!important;color:#94a3b8!important;border-color:#cbd5e1!important}@keyframes pulse-blue{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes pulse{0%{box-shadow:0 0 #ff475766}70%{box-shadow:0 0 0 10px #ff475700}to{box-shadow:0 0 #ff475700}}.print-problem-section{margin-top:1rem;margin-bottom:1rem;text-align:center}.btn-print{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#607d8b,#455a64);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026;position:relative}.btn-print:hover{background:linear-gradient(135deg,#4caf50,#388e3c);transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.btn-print:hover #printProblemText{visibility:hidden}.btn-print:hover:after{content:"DESCARGAR";position:absolute;left:50%;transform:translate(-50%);font-weight:600}.btn-print .btn-icon{font-size:1.2rem}.btn-exit-app{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#e57373,#c62828);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-exit-app:hover{background:linear-gradient(135deg,#c62828,#b71c1c);transform:translateY(-2px)}.config-nav{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.config-nav #nextStepBtn{transform:scale(1.21);transform-origin:center}.global-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:1rem 2rem!important;background:transparent!important;z-index:1000!important;height:60px!important;pointer-events:none!important}.nav-left,.nav-right{display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem!important;pointer-events:auto!important}.btn-home,.btn-back-global,.btn-exit-global{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:2px solid #2c3e50;border-radius:8px;background:#fff;color:#2c3e50;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0000001a;pointer-events:auto}.btn-home:hover,.btn-back-global:hover,.btn-exit-global:hover{background:#2c3e50;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-home:active,.btn-back-global:active,.btn-exit-global:active{transform:translateY(0);box-shadow:0 2px 4px #00000026}.btn-back-global{visibility:hidden}.btn-back-global.visible{visibility:visible}html,body{height:100%;margin:0;padding:0!important;overflow:hidden}body{overflow-x:hidden}body:has(#splashScreen.active) .global-nav,body:has(#welcomeScreen.active) .global-nav,body:has(#guideScreen.active) .global-nav,body:has(#storeScreen.active) .global-nav,body:has(#mapScreen.active) .global-nav{display:none!important}body:has(.screen.active:not(#welcomeScreen):not(#splashScreen)) .global-nav{display:flex}.screen{height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:80px 20px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}#splashScreen,#welcomeScreen,#loginScreen{justify-content:center;padding-top:20px}#splashScreen{padding-top:0;background-image:linear-gradient(#0f172a66,#0f172a66),url(./welcome_bg-B6K8wTE9.png);background-size:cover;background-position:center;background-attachment:fixed;text-align:center;color:#fff}#splashScreen .main-title{background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 5px 20px rgba(0,0,0,.5);margin-bottom:2rem}.btn-start-investigation{animation:pulse-glow 2s infinite;padding:1.5rem 3rem!important;font-size:1.5rem!important}@keyframes pulse-glow{0%{box-shadow:0 0 #ffd60ab3;transform:scale(1)}50%{box-shadow:0 0 0 20px #ffd60a00;transform:scale(1.05)}to{box-shadow:0 0 #ffd60ab3;transform:scale(1)}}#loginScreen{background-image:linear-gradient(#0f172ab3,#0f172ab3),url(./welcome_bg-B6K8wTE9.png);background-size:cover;background-position:center;background-attachment:fixed}.screen>.container,.screen>.narrative-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;height:auto;flex-shrink:0}.login-main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.8rem;width:100%}.login-footer{margin-top:10px!important;padding-top:10px}.login-actions{display:flex;flex-direction:column;gap:.6rem;align-items:center}.center-login-container{margin-bottom:.2rem!important}.login-subtitle{margin-bottom:.5rem!important}#profesBtn,#padresBtn{min-width:98px!important;padding:9px!important;gap:3px!important;border-radius:12px!important;font-size:.7rem!important}#profesBtn .btn-icon,#padresBtn .btn-icon{font-size:1.1rem!important}#profesBtn{box-shadow:0 4px #be185d,0 8px 15px #0003!important}#padresBtn{box-shadow:0 4px #7c3aed,0 8px 15px #0003!important}#profesBtn:active,#padresBtn:active{transform:translateY(4px)!important;box-shadow:none!important}@media(max-height:700px){.login-main{gap:.5rem}.login-footer{padding-top:10px}#loginScreen .main-title{font-size:1.8rem!important}.login-subtitle{font-size:1.2rem!important;margin-bottom:.5rem!important}}