.start-screen{background:linear-gradient(135deg,#0d2340 0%,#1a4a6b 100%);justify-content:center;align-items:center;width:100%;height:100vh;min-height:100vh;display:flex}.start-container{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:430px;padding:40px 24px;display:flex}.start-header{margin-bottom:60px}.start-title{letter-spacing:-1px;margin-bottom:12px;font-size:48px;font-weight:800}.start-tagline{opacity:.9;font-size:18px;font-weight:300}.start-form{flex-direction:column;gap:32px;width:100%;display:flex}.form-group{text-align:left;flex-direction:column;gap:12px;display:flex}.form-group label{color:#fff;font-size:16px;font-weight:600}.form-group input{color:#fff;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;width:100%;padding:16px;font-size:16px;transition:all .2s}.form-group input::placeholder{color:#fff9}.form-group input:focus{background:#ffffff26;border-color:#2abfbf;outline:none}.gender-buttons{gap:12px;display:flex}.gender-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;flex:1;padding:14px 20px;font-weight:600;transition:all .2s}.gender-btn:hover{border-color:#2abfbf}.gender-btn.active{color:#0d2340;background:#2abfbf;border-color:#2abfbf}.start-btn{color:#0d2340;cursor:pointer;background:#2abfbf;border:none;border-radius:8px;width:100%;margin-top:16px;padding:18px 32px;font-size:18px;font-weight:700;transition:all .2s}.start-btn:hover{background:#1fa5a5;transform:translateY(-2px);box-shadow:0 8px 20px #2abfbf4d}.start-btn:active{transform:translateY(0)}.error-message{color:#ff6b6b;margin-top:-8px;font-size:14px}.gender-selection-screen{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.gender-selection-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.95;z-index:-1;background:linear-gradient(135deg,#0d2340 0%,#1a4a6b 100%);position:absolute;inset:0}.gender-selection-container{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:48px;display:flex}.gender-selection-label{color:#fff;margin:0;font-size:28px;font-weight:600}.gender-selection-buttons{gap:32px;display:flex}.gender-selection-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:20px;font-weight:700;transition:all .3s;display:flex}.gender-selection-btn:hover{background:#fff3;border-color:#2abfbf;transform:scale(1.08)}.gender-selection-btn:active{transform:scale(.96)}@media (width<=768px){.start-container{padding:30px 20px}.start-title{font-size:40px}.start-tagline{font-size:16px}.gender-selection-buttons{gap:24px}.gender-selection-btn{width:100px;height:100px;font-size:18px}.gender-selection-label{font-size:24px}}.book-select{background:#fafaf8;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex}.book-select-container{width:100%;max-width:430px}.book-select-container h1{color:#0d2340;text-align:center;margin-bottom:32px;font-size:32px;font-weight:800}.book-grid{flex-direction:column;gap:20px;display:flex}.book-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;gap:16px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.book-card:hover{border-color:#2abfbf;transform:translateY(-4px);box-shadow:0 8px 20px #2abfbf33}.book-cover{background:#e0e0e0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:110px;display:flex;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%}.book-info{flex-direction:column;flex:1;justify-content:center;display:flex}.book-info h3{color:#0d2340;margin-bottom:6px;font-size:18px;font-weight:700}.book-info p{color:#666;font-size:14px;line-height:1.4}.error-container,.loading-container{text-align:center;padding:40px}.error-container h2,.loading-container h2{color:#0d2340;margin-bottom:16px}.error-container p,.loading-container p{color:#666;margin-bottom:24px}.error-container button,.loading-container button{color:#fff;cursor:pointer;background:#2abfbf;border:none;border-radius:8px;padding:12px 32px;font-weight:600;transition:all .2s}.error-container button:hover{background:#1fa5a5}@media (width<=768px){.book-select-container h1{font-size:28px}}.chapter-select{background:#fafaf8;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding:20px;display:flex;overflow-y:auto}.chapter-select-container{width:100%;max-width:430px;margin:0 auto}.chapter-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.back-btn{cursor:pointer;color:#0d2340;background:0 0;border:none;padding:8px;font-size:24px;transition:all .2s}.back-btn:hover{color:#2abfbf}.chapter-header h1{color:#0d2340;flex:1;font-size:28px;font-weight:800}.search-box{margin-bottom:24px}.search-box input{border:2px solid #ddd;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:all .2s}.search-box input:focus{background:#f0fffe;border-color:#2abfbf;outline:none}.chapter-grid{flex-direction:column;gap:16px;display:flex}.chapter-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.chapter-card:hover{border-color:#2abfbf;transform:translateY(-4px);box-shadow:0 8px 20px #2abfbf33}.chapter-thumbnail{background:#e0e0e0;justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.chapter-thumbnail img{object-fit:cover;width:100%;height:100%}.chapter-info{padding:16px}.chapter-number{color:#2abfbf;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:12px;font-weight:700}.chapter-info h3{color:#0d2340;margin-bottom:8px;font-size:18px;font-weight:700}.chapter-desc{color:#666;margin-bottom:12px;font-size:14px;line-height:1.4}.chapter-downloads{color:#999;font-size:13px;font-weight:600}.no-results{text-align:center;color:#999;padding:40px 20px}.no-results p{font-size:16px}@media (width<=768px){.chapter-header h1{font-size:24px}.chapter-thumbnail{height:160px}}.archive-loader{background:#fafaf8;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.loader-container{text-align:center;width:100%;max-width:380px;padding:40px}.chapter-title{color:#0d2340;margin-bottom:32px;font-size:24px;font-weight:700}.loading-message{color:#666;min-height:24px;margin-bottom:32px;font-size:16px}.progress-container{margin-bottom:32px}.progress-bar{background:#e0e0e0;border-radius:4px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2abfbf 0%,#2ecc71 100%);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:#999;font-size:14px;font-weight:600}.cancel-btn{color:#0d2340;cursor:pointer;background:#f0f0f0;border:2px solid #ddd;border-radius:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.cancel-btn:hover{color:#2abfbf;border-color:#2abfbf}.error-container{text-align:center}.error-container h2{color:#c0392b;margin-bottom:16px;font-size:20px}.error-container p{color:#666;margin-bottom:24px;line-height:1.5}@media (width<=768px){.loader-container{padding:30px 20px}.chapter-title{font-size:20px}}.character-frame{z-index:2;width:60%;transition:opacity .2s;position:absolute;bottom:50vh}.character-frame.left{left:0}.character-frame.right{right:0}.character-image{width:100%;height:auto;display:block}.scene-container{z-index:0;background:#000;position:absolute;inset:0;overflow:hidden}.background-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.background-image{object-fit:cover;width:auto;min-width:100%;height:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0}.dialogue-bubble-image{width:100%;position:relative}.bubble-png{width:100%;height:auto;display:block}.bubble-name{color:#fff;pointer-events:none;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.2;position:absolute}.bubble-text{color:#2d2d2d;word-wrap:break-word;overflow-wrap:break-word;pointer-events:none;font-size:17px;line-height:1.3;position:absolute;bottom:8%;overflow:hidden}.speech-bubble{background:linear-gradient(#fffde7 0%,#fff 100%);border:2.5px solid #2abfbf;border-radius:10px;align-items:center;min-height:80px;padding:14px 16px;animation:.15s ease-in fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bubble-content{color:#2d2d2d;word-wrap:break-word;white-space:pre-wrap;font-size:16px;line-height:1.5}.bubble-content b{color:#0d2340;font-weight:700}.bubble-content i{color:#666;font-style:italic}.left-speech{border-color:#2abfbf;margin-left:0;margin-right:32px}.left-speech:before{content:"";border-bottom:14px solid #2abfbf;border-left:12px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;top:-1px;left:12px}.left-speech:after{content:"";border-bottom:12px solid #fffde7;border-left:10px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;top:2.5px;left:13px}.right-speech{border-color:#2abfbf;margin-left:32px;margin-right:0}.right-speech:before{content:"";border-bottom:14px solid #2abfbf;border-left:0 solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;top:-1px;right:12px}.right-speech:after{content:"";border-bottom:12px solid #fffde7;border-left:0 solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:2.5px;right:13px}.center-speech{border-color:#e87c6b;max-width:90%;margin-left:auto;margin-right:auto}.center-speech:before,.center-speech:after{display:none}@media (width<=430px){.speech-bubble{min-height:70px;padding:12px 14px;font-size:15px}.left-speech{margin-right:24px}.right-speech{margin-left:24px}.bubble-content{font-size:14px}}.answer-options{flex-direction:column;gap:10px;margin-top:16px;animation:.3s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.option-button{color:#1a4a7a;cursor:pointer;text-align:left;background:#ffffffe6;border:1.5px solid #2abfbfb3;border-radius:24px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.option-button:hover:not(.disabled){background:#f0fffff2;border-color:#2abfbf;transform:none}.option-button:active:not(.disabled){background:#d4f0f0}.option-button.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;border-color:#ddd}.option-text{white-space:pre-wrap;word-wrap:break-word;flex:1}.option-points{color:#f5a623;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}@media (width<=430px){.answer-options{gap:8px;margin-top:12px}.option-button{min-height:42px;padding:11px 14px;font-size:14px}}.multi-select-container{flex-direction:column;gap:16px;margin-top:16px;animation:.3s slideUp;display:flex}.multi-select-instructions{color:#0d2340;text-align:center;background:#e8f8f8;border-radius:8px;padding:12px;font-size:14px;font-weight:600}.selection-count{color:#2abfbf;font-weight:700}.multi-select-options{flex-direction:column;gap:10px;display:flex}.multi-option{color:#2d2d2d;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:15px;transition:all .2s;display:flex}.multi-option:hover:not(:disabled){background:#e8f8f8;border-color:#2abfbf}.multi-option.selected{color:#0d2340;background:#e8f8f8;border-color:#2abfbf;font-weight:500}.checkbox{border:2px solid #2abfbf;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.multi-option.selected .checkbox{color:#fff;background:#2abfbf;font-weight:700}.option-text{word-wrap:break-word;flex:1}.submit-multi-btn{color:#fff;cursor:pointer;background:#2abfbf;border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .2s}.submit-multi-btn:hover:not(:disabled){background:#1fa5a5;transform:translateY(-2px);box-shadow:0 8px 20px #2abfbf4d}.submit-multi-btn:disabled{cursor:not-allowed;opacity:.6;background:#ccc}@media (width<=430px){.multi-select-container{gap:12px}.multi-select-instructions{padding:10px;font-size:13px}.multi-option{gap:10px;padding:11px 12px;font-size:14px}.submit-multi-btn{padding:12px 20px;font-size:15px}}.feedback-options{flex-direction:column;gap:10px;margin-top:16px;animation:.3s slideUp;display:flex}.feedback-item{color:#2d2d2d;text-align:left;background:#fff;border:1.5px solid #ddd;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;display:flex}.feedback-item.correct{background:#f0fdf4;border-color:#2ecc71}.feedback-item.correct .feedback-icon{color:#2ecc71}.feedback-item.incorrect{background:#fef5f5;border-color:#e74c3c}.feedback-item.incorrect .feedback-icon{color:#e74c3c}.feedback-icon{text-align:center;flex-shrink:0;width:22px;font-size:18px;font-weight:700}.feedback-text{word-wrap:break-word;flex:1}@media (width<=430px){.feedback-options{gap:8px}.feedback-item{gap:10px;padding:11px 12px;font-size:14px}.feedback-icon{font-size:16px}}.info-image-container{justify-content:center;width:100%;margin:12px 0;animation:.3s fadeIn;display:flex}.info-image{border:1px solid #ddd;border-radius:8px;max-width:100%;max-height:300px;box-shadow:0 2px 8px #0000001a}@media (width<=430px){.info-image{max-height:250px}}.property-icon{z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #0003}.bubble-with-icon--instruction .property-icon{width:28px;height:28px;top:8px;right:8px}.property-icon img{object-fit:contain;width:24px;height:24px}@media (width<=430px){.property-icon{width:28px;height:28px;top:-8px;right:-8px}.property-icon img{width:20px;height:20px}}.dialogue-area{z-index:8;max-height:65vh;padding:0 12px 20px;position:absolute;bottom:calc(20vh - 20px);left:0;right:0;overflow-y:auto}.dialogue-area--centered{max-height:none;top:50%;bottom:auto;transform:translateY(-50%)}.dialogue-area--no-options{bottom:calc(20vh + 100px)}.bubble-with-icon{width:100%;position:relative}.utility-bar{z-index:20;display:flex;position:absolute;top:8px;left:12px}.utility-items{gap:8px;display:flex}.utility-item{background:#fff;border:2px solid #2abfbf;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.utility-item:hover{box-shadow:0 4px 12px #2abfbf33}.utility-item img{object-fit:cover;width:100%;height:100%}.utility-placeholder{color:#2abfbf;background:#f0fffe;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;font-weight:700;display:flex}@media (width<=430px){.utility-bar{top:6px;left:10px}.utility-item{border-width:1.5px;width:44px;height:44px}.utility-items{gap:6px}}.score-display{z-index:20;background:#fff;border-radius:6px;justify-content:flex-end;align-items:center;gap:2px;min-width:21px;padding:2px 3px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000001a}.score-icon{font-size:6px}.score-number{color:#f5a623;font-size:5px;font-weight:700}@media (width<=430px){.score-display{gap:1px;padding:2px 3px;top:10px;left:10px}.score-icon,.score-number{font-size:5px}}.progress-bar-container{z-index:10;background:#e0e0e0;width:100%;height:3px;position:absolute;top:0;left:0;right:0}.progress-bar{background:0 0;width:100%;height:100%;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2abfbf 0%,#2ecc71 100%);width:0%;height:100%;transition:width .3s}@media (width<=430px){.progress-bar-container{height:2px}}.timer{z-index:20;background:#fff;border:1.5px solid #2abfbf;border-radius:8px;justify-content:center;align-items:center;height:24px;display:flex;position:absolute;top:12px;left:70px;right:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.timer.warning{background:#fff8e1;border-color:#f5a623}.timer-bar{background:linear-gradient(90deg,#2abfbf 0%,#2ecc71 100%);height:100%;transition:width .3s linear;position:absolute;top:0;left:0}.timer.warning .timer-bar{background:linear-gradient(90deg,#f5a623 0%,#e67e22 100%)}.timer-text{z-index:2;color:#0d2340;font-size:12px;font-weight:700;position:relative}.timer.warning .timer-text{color:#d97706}@media (width<=430px){.timer{height:22px;top:10px;left:60px;right:10px}.timer-text{font-size:11px}}.tap-indicator{z-index:10;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;animation:1s infinite tap-bounce;display:flex;position:absolute;bottom:20px;right:20px}.tap-icon-img{object-fit:contain;width:36px;height:36px}.tap-icon-fallback{color:#fff;font-size:20px}@keyframes tap-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-8px)}}@media (width<=430px){.tap-indicator{width:36px;height:36px;bottom:16px;right:16px}.tap-indicator svg{width:20px;height:20px}}.game-engine{background:#1a1a1a;width:100%;height:100vh;position:relative}.game-content{background:#000;width:100%;max-width:430px;height:100vh;margin:0 auto;position:relative;overflow:hidden}.tap-advance{cursor:pointer;z-index:10;position:absolute;inset:0}@media (width<=430px){.game-content{max-width:100%}}@media (width>=1024px){.game-engine{justify-content:center;align-items:center;display:flex}.game-content{max-width:430px;height:100vh;max-height:100vh}}.chapter-complete{background:linear-gradient(135deg,#0d2340 0%,#1a4a6b 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.complete-container{text-align:center;color:#fff;width:100%;max-width:380px;padding:40px}.complete-container h1{margin-bottom:40px;font-size:36px;font-weight:800}.score-display{margin-bottom:40px}.score-number{letter-spacing:-1px;margin-bottom:16px;font-size:48px;font-weight:800;display:block}.score-percentage{margin-bottom:16px;font-size:32px;font-weight:700;display:block}.score-tier{opacity:.9;font-size:20px;font-weight:600;display:block}.button-group{flex-direction:column;gap:12px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:700;transition:all .2s}.primary-btn{color:#0d2340;background:#2abfbf}.primary-btn:hover{background:#1fa5a5;transform:translateY(-2px);box-shadow:0 8px 20px #2abfbf4d}.secondary-btn{color:#fff;background:#ffffff1a;border:2px solid #ffffff4d}.secondary-btn:hover{background:#2abfbf1a;border-color:#2abfbf}@media (width<=768px){.complete-container{padding:30px 20px}.complete-container h1{font-size:30px}.score-number{font-size:40px}.score-percentage{font-size:28px}}.scene-transition{cursor:pointer;z-index:100;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scene-transition__name{color:#fff;text-align:center;margin:0;padding:0 32px;font-size:28px;font-weight:700;line-height:1.4;animation:.8s fadeInText}@keyframes fadeInText{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.item-select{z-index:100;background:#1a1a2e 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.item-select__panel{background:#1e1e32eb;border-radius:16px;flex-direction:column;gap:16px;width:90%;max-width:400px;max-height:85vh;padding:24px 16px;display:flex;overflow-y:auto}.item-select__title{color:#fff;text-align:center;margin:0;font-size:18px;font-weight:600;line-height:1.4}.item-select__grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.item-select__item{cursor:pointer;background:#ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px;transition:background .15s;display:flex;position:relative}.item-select__item--selected{background:#ffffff2e}.item-select__item img{object-fit:contain;width:56px;height:56px}.item-select__placeholder{color:#fff;background:#ffffff26;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex}.item-select__check{color:#fff;background:#4caf50;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:26px;right:6px}.item-select__label{color:#e0e0e0;text-align:center;font-size:11px;line-height:1.2}.item-select__done{color:#fff;cursor:pointer;opacity:1;background:#e8834a;border:none;border-radius:24px;align-self:flex-end;padding:10px 28px;font-size:16px;font-weight:700;transition:opacity .15s}.item-select__done:disabled{opacity:.4;cursor:default}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafaf8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{background:#fafaf8;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d2d2d;background:#fafaf8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;height:100%}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s}input{border:2px solid #ddd;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}input:focus{border-color:#2abfbf;outline:none}