:root{--primary-color: #FF6B6B;--secondary-color: #4ECDC4;--accent-color: #FFC700;--text-color: #2C3E50;--bg-color: #F7F9FC;--card-bg: #FFFFFF;--font-main: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh}#app{max-width:100%;margin:0 auto;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:transparent}button{cursor:pointer;border:none;outline:none;transition:transform .1s ease}button:active{transform:scale(.95)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.app-container[data-v-c6df44cd]{width:100%;display:flex;flex-direction:column;align-items:center}.main-header[data-v-c6df44cd]{text-align:center;margin-bottom:30px;animation:slideDown-c6df44cd .5s ease;position:relative;width:100%;padding-bottom:20px}.main-header h1[data-v-c6df44cd]{font-size:3rem;color:var(--primary-color);margin-bottom:10px;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.main-header p[data-v-c6df44cd]{font-size:1.5rem;color:var(--text-color);opacity:.8}.mode-toggle-button[data-v-c6df44cd]{position:absolute;top:20px;right:20px;padding:10px 15px;background-color:#f0ad4e;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease}.mode-toggle-button[data-v-c6df44cd]:hover{background-color:#ec971f}.back-button-quiz[data-v-c6df44cd]{position:fixed;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));padding:10px 20px;background:#fffffff2;border:2px solid rgba(0,0,0,.1);border-radius:30px;color:var(--text-color);font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s ease;z-index:1000}.back-button-quiz[data-v-c6df44cd]:active{transform:scale(.95);box-shadow:0 1px 4px #0003}@keyframes slideDown-c6df44cd{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-enter-active[data-v-c6df44cd],.fade-leave-active[data-v-c6df44cd]{transition:opacity .3s ease}.fade-enter-from[data-v-c6df44cd],.fade-leave-to[data-v-c6df44cd]{opacity:0}@media(max-width:600px){.main-header[data-v-c6df44cd]{margin-bottom:20px;padding-bottom:0}.main-header h1[data-v-c6df44cd]{font-size:2rem;margin-bottom:15px}.main-header p[data-v-c6df44cd]{font-size:1.2rem;margin-bottom:10px}.mode-toggle-button[data-v-c6df44cd]{position:static;margin-top:10px;margin-bottom:20px;width:100%;max-width:200px}.back-button-quiz[data-v-c6df44cd]{top:10px;left:10px;padding:10px 18px;font-size:1rem;min-height:44px}}.letter-card[data-v-0e856f9e]{border-radius:20px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;box-shadow:0 4px 15px #0000001a;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden}.letter-card[data-v-0e856f9e]:hover{transform:scale(1.05) rotate(2deg);z-index:1}.letter-content[data-v-0e856f9e]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:space-between}.letter[data-v-0e856f9e]{font-size:4rem;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);line-height:1}.letter-image[data-v-0e856f9e]{width:60%;height:60%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.word[data-v-0e856f9e]{font-size:1.2rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-top:5px}@media(max-width:600px){.letter[data-v-0e856f9e]{font-size:3rem}.word[data-v-0e856f9e]{font-size:1rem}}.grid-container[data-v-a514e760]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;width:100%;max-width:1200px;padding:20px}@media(max-width:600px){.grid-container[data-v-a514e760]{grid-template-columns:repeat(2,1fr);gap:15px;padding:10px}}.detail-view[data-v-9278f4f3]{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));overflow-y:auto;background:linear-gradient(135deg,#667eea,#764ba2)}.back-btn[data-v-9278f4f3]{align-self:flex-start;background:#fffffff2;border:2px solid rgba(0,0,0,.1);padding:10px 20px;border-radius:30px;color:var(--text-color);font-size:1.2rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 8px #00000026;transition:all .2s ease}.back-btn[data-v-9278f4f3]:active{transform:scale(.95);box-shadow:0 1px 4px #0003}.content[data-v-9278f4f3]{display:flex;flex-direction:column;align-items:center;cursor:pointer;animation:popIn-9278f4f3 .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn-9278f4f3{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.letter-display[data-v-9278f4f3]{font-size:8rem;font-weight:900;color:#fff;text-shadow:4px 4px 8px rgba(0,0,0,.2);line-height:1}.main-image[data-v-9278f4f3]{width:300px;height:300px;object-fit:contain;margin:20px 0;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));transition:transform .3s ease}.content:active .main-image[data-v-9278f4f3]{transform:scale(.9)}.word-display[data-v-9278f4f3]{font-size:4rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hint[data-v-9278f4f3]{color:#fffc;margin-top:10px;font-size:1.2rem}.controls[data-v-9278f4f3]{width:100%;display:flex;justify-content:center;gap:20px;margin-top:30px;margin-bottom:20px;flex-wrap:wrap}.next-btn[data-v-9278f4f3],.game-btn[data-v-9278f4f3]{background:#fff;color:var(--text-color);border:none;padding:15px 30px;border-radius:50px;font-size:1.5rem;font-weight:700;box-shadow:0 4px 15px #0000001a}.game-btn[data-v-9278f4f3]{background:#ffc700;color:#2c3e50}@media(max-width:600px){.detail-view[data-v-9278f4f3]{padding:15px}.back-btn[data-v-9278f4f3]{padding:12px 24px;font-size:1.1rem;min-width:80px;min-height:44px}.letter-display[data-v-9278f4f3]{font-size:5rem}.main-image[data-v-9278f4f3]{width:200px;height:200px}.word-display[data-v-9278f4f3]{font-size:2.5rem}.controls[data-v-9278f4f3]{flex-direction:column;align-items:center}}.quiz-view[data-v-751658ff]{width:100%;max-width:600px;padding:30px;display:flex;justify-content:center;align-items:flex-start}.quiz-content[data-v-751658ff]{display:flex;flex-direction:column;align-items:center;width:100%;animation:slideUp-751658ff .5s ease}@keyframes slideUp-751658ff{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.image-container[data-v-751658ff]{position:relative;margin-bottom:30px}.quiz-image[data-v-751658ff]{width:clamp(180px,40vw,250px);height:auto;aspect-ratio:1 / 1;object-fit:contain;border-radius:20px;background-color:var(--card-bg);box-shadow:0 10px 20px #0000001a,0 3px 6px #00000014;border:4px solid white}.replay-button[data-v-751658ff]{margin:20px 0;padding:12px 24px;border-radius:25px;background-color:var(--secondary-color);color:#fff;font-size:1.1rem;font-weight:600;border:none;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:all .2s ease}.replay-button[data-v-751658ff]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background-color:#45b8af}.choices[data-v-751658ff]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;margin-bottom:25px}.choices button[data-v-751658ff]{padding:18px;font-size:1.3rem;font-weight:500;border-radius:12px;background-color:var(--card-bg);color:var(--text-color);border:2px solid #E0E0E0;transition:all .2s ease}.choices button[data-v-751658ff]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 4px 8px #0000001a;border-color:var(--secondary-color)}.choices button[data-v-751658ff]:disabled{cursor:not-allowed;opacity:.7}.choices button.correct-answer[data-v-751658ff]{background-color:#a7e9af;border-color:#64c36f;color:#1a5321;transform:scale(1.05);animation:pulse-751658ff .5s}@keyframes pulse-751658ff{0%{transform:scale(1.05)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}.choices button.incorrect-answer[data-v-751658ff]{background-color:#ffcbcb;border-color:#e88080;color:#7b2d2d;text-decoration:line-through;opacity:.6}.feedback-message[data-v-751658ff]{font-size:1.8rem;font-weight:700;height:30px;margin-bottom:20px}.correct-feedback[data-v-751658ff]{color:#388e3c}.incorrect-feedback[data-v-751658ff]{color:#d32f2f}.fade-enter-active[data-v-751658ff],.fade-leave-active[data-v-751658ff]{transition:opacity .3s ease}.fade-enter-from[data-v-751658ff],.fade-leave-to[data-v-751658ff]{opacity:0}@media(max-width:600px){.quiz-view[data-v-751658ff]{padding:10px}.image-container[data-v-751658ff]{margin-bottom:20px}.replay-button[data-v-751658ff]{margin:15px 0;font-size:1rem;padding:10px 20px}.choices[data-v-751658ff]{gap:10px}.choices button[data-v-751658ff]{padding:15px;font-size:1.1rem}.feedback-message[data-v-751658ff]{font-size:1.5rem}}.game-view[data-v-3b2b2ecc]{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));overflow-y:auto;background:linear-gradient(135deg,#667eea,#764ba2)}.back-btn[data-v-3b2b2ecc]{align-self:flex-start;background:#fffffff2;border:2px solid rgba(0,0,0,.1);padding:10px 20px;border-radius:30px;color:var(--text-color);font-size:1.2rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 8px #00000026;transition:all .2s ease}.back-btn[data-v-3b2b2ecc]:active{transform:scale(.95);box-shadow:0 1px 4px #0003}.game-content[data-v-3b2b2ecc]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:600px;flex:1;padding-top:20px;animation:popIn-3b2b2ecc .5s ease}.game-title[data-v-3b2b2ecc]{font-size:3rem;color:#fff;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.options-grid[data-v-3b2b2ecc]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.option-card[data-v-3b2b2ecc]{background:#fff;border-radius:20px;padding:15px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;cursor:pointer;transition:transform .2s;box-shadow:0 4px 10px #0000001a}.option-card[data-v-3b2b2ecc]:active{transform:scale(.95)}.option-image[data-v-3b2b2ecc]{width:100%;height:100%;object-fit:contain}.success-overlay[data-v-3b2b2ecc]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn-3b2b2ecc .3s ease}.success-content[data-v-3b2b2ecc]{background:#fff;padding:40px;border-radius:30px;text-align:center;animation:bounceIn-3b2b2ecc .5s cubic-bezier(.175,.885,.32,1.275)}.success-emoji[data-v-3b2b2ecc]{font-size:5rem;margin-bottom:10px}.success-text[data-v-3b2b2ecc]{font-size:3rem;font-weight:900;color:var(--primary-color)}@keyframes fadeIn-3b2b2ecc{0%{opacity:0}to{opacity:1}}@keyframes bounceIn-3b2b2ecc{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes popIn-3b2b2ecc{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:600px){.game-view[data-v-3b2b2ecc]{padding:15px}.back-btn[data-v-3b2b2ecc]{padding:12px 24px;font-size:1.1rem;min-width:80px;min-height:44px}.game-title[data-v-3b2b2ecc]{font-size:2rem}}