.app{min-height:100vh;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;overflow-x:hidden}.app-header{background-color:#1a1a1a;padding:1rem;text-align:center;border-bottom:2px solid #333}.app-header h1{margin:0;color:#fff;font-size:2rem}@media (prefers-color-scheme: light){.app-header{background-color:#f5f5f5;border-bottom:2px solid #ddd}.app-header h1{color:#333}}.app-main{flex:1;padding:2rem;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.script-selector{text-align:center;padding:2rem}.script-selector h2{margin-bottom:1rem;color:#ffffffde}.script-options{display:flex;flex-direction:column;gap:1rem;align-items:center}.script-dropdown{padding:.75rem 1rem;font-size:1.1rem;border:2px solid #333;border-radius:8px;background-color:#2a2a2a;color:#fff;min-width:300px}.script-dropdown:focus{outline:none;border-color:#646cff}.traveller-toggle{display:flex;align-items:center;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1rem;cursor:pointer}.traveller-checkbox{width:18px;height:18px;cursor:pointer}.traveller-checkbox:checked{accent-color:#646cff}.continue-button{padding:.75rem 2rem;font-size:1.1rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.continue-button:hover{background-color:#535bf2}.game-container{display:flex;flex-direction:column;gap:1rem}.back-button{align-self:flex-start;padding:.5rem 1rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.back-button:hover{background-color:#555}.flashcard-game{display:flex;flex-direction:column;gap:2rem}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#2a2a2a;border-radius:8px}.game-header h2{margin:0;color:#fff}.score{font-size:1.1rem;font-weight:700;color:#64ffda}.flashcard{background-color:#1a1a1a;border:2px solid #333;border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;max-width:100%;box-sizing:border-box}.character-details{text-align:center}.character-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.character-image-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.character-image-background{position:absolute;width:90px;height:90px;border-radius:50%;background-color:#2a2a2a;border:3px solid #333;z-index:1}.character-image{position:relative;width:95px;height:95px;object-fit:contain;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.character-name{margin:0;font-size:1.5rem;color:#fff;text-align:center}.character-type{margin:0;color:#888;text-transform:capitalize;font-style:italic}.question h4{text-align:center;color:#fff;margin:0;font-size:1.2rem}.ability-text{background-color:#2a2a2a;border:2px solid #333;border-radius:8px;padding:1rem;margin-top:1rem;font-style:italic;color:#fff;text-align:center;line-height:1.4}.options{display:flex;flex-direction:column;gap:1rem}.option-button{padding:1rem;font-size:1rem;border:2px solid #333;border-radius:8px;background-color:#2a2a2a;color:#fff;cursor:pointer;transition:all .2s;text-align:left;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.option-with-icon{display:flex;align-items:center;gap:.75rem}.option-icon-container{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-icon-background{position:absolute;width:48px;height:48px;border-radius:50%;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2);z-index:1}.option-icon{position:relative;width:52px;height:52px;object-fit:contain;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.option-text{flex:1}.option-button:hover:not(:disabled){background-color:#333;border-color:#555}.option-button:disabled{cursor:not-allowed}.option-button.correct{background-color:#2d5016;border-color:#4caf50;color:#fff}.option-button.incorrect{background-color:#5d1a1a;border-color:#f44336;color:#fff}.result{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:1rem;background-color:#2a2a2a;border-radius:8px}.result-message{font-size:1.3rem;font-weight:700;padding:.5rem 1rem;border-radius:4px}.result-message.correct{background-color:#4caf50;color:#fff}.result-message.incorrect{background-color:#f44336;color:#fff}.progress-info{color:#888;font-size:.9rem;text-align:center}.next-button{padding:.75rem 2rem;font-size:1.1rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.next-button:hover{background-color:#535bf2}.loading,.no-characters{text-align:center;padding:2rem;color:#888;font-size:1.1rem}.quiz-completed{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;text-align:center}.completion-message{display:flex;flex-direction:column;gap:1rem}.completion-message h3{margin:0;font-size:2rem;color:#fff}.final-score{display:flex;flex-direction:column;gap:.5rem}.score-percentage{font-size:3rem;font-weight:700;color:#64ffda}.score-message{font-size:1.5rem;color:#fff}.score-details{font-size:1.1rem;color:#888}.completion-actions{display:flex;gap:1rem}.return-button{padding:.75rem 2rem;font-size:1.1rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.return-button:hover{background-color:#535bf2}@media (prefers-color-scheme: light){.script-selector h2{color:#213547}.script-dropdown{background-color:#fff;color:#213547;border-color:#ccc}.script-dropdown:focus{border-color:#646cff}.checkbox-label{color:#213547}.back-button{background-color:#e5e5e5;color:#213547}.back-button:hover{background-color:#d0d0d0}.game-header{background-color:#f5f5f5;border-color:#ddd}.game-header h2{color:#213547}.flashcard{background-color:#fff;border-color:#ddd}.character-image-background{background-color:#f5f5f5;border-color:#ccc}.character-name{color:#213547}.character-type{color:#666}.question h4{color:#213547}.ability-text{background-color:#f5f5f5;border-color:#ccc;color:#213547}.option-button{background-color:#f5f5f5;color:#213547;border-color:#ccc}.option-icon-background{background-color:#0000000d;border-color:#0000001a}.option-button:hover:not(:disabled){background-color:#e5e5e5;border-color:#999}.option-button.correct{background-color:#d4edda;border-color:#4caf50;color:#155724}.option-button.incorrect{background-color:#f8d7da;border-color:#f44336;color:#721c24}.result{background-color:#f5f5f5}.progress-info,.loading,.no-characters{color:#666}.completion-message h3,.score-message{color:#213547}.score-details{color:#666}.score,.score-percentage{color:#1565c0!important}}@media (max-width: 768px){.app{max-width:100vw;margin:0}.app-main,.flashcard{padding:1rem}.character-info{flex-direction:row;align-items:center;gap:1rem;text-align:left;justify-content:center}.character-image-container{width:80px;height:80px;flex-shrink:0}.character-image-background{width:60px;height:60px}.character-image{width:70px;height:70px}.character-details{flex:0;display:flex;flex-direction:column;justify-content:center;gap:.25rem;align-items:baseline}.character-name{font-size:1.2rem;margin:0}.character-type{margin:0}.game-header{flex-direction:column;gap:.5rem}.option-button{padding:.75rem;font-size:.9rem}.option-icon-container{width:48px;height:48px}.option-icon-background{width:36px;height:36px}.option-icon{width:42px;height:42px}.result-message{font-size:1rem;padding:.4rem .8rem}.next-button{padding:.5rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.app{max-width:100vw;margin:0}.app-main{padding:.5rem}.flashcard{padding:.75rem}.character-image-container{width:70px;height:70px}.character-image-background{width:50px;height:50px}.character-image{width:60px;height:60px}.character-name{font-size:1.1rem}.option-button{padding:.5rem;font-size:.85rem}.option-icon-container{width:42px;height:42px}.option-icon-background{width:30px;height:30px}.option-icon{width:36px;height:36px}.game-header{padding:.75rem}.score{font-size:1rem}}#root{width:100vw}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100vw;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}