@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;700&display=swap";:root{--bg: #0A0A0A;--surface: #1A1A1A;--primary: #F59E0B;--primary-dark: #D97706;--accent: #FBBF24;--text: #FAFAFA;--text-muted: #A0A0A0;--border: #2A2A2A;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--radius: 12px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #F59E0B26}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at 50% 100%,#F59E0B26 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,#FBBF241a 0%,transparent 50%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-blend-mode:overlay;position:relative}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:999;font-size:1.2rem;color:var(--text-muted)}.start-page{width:100%;max-width:520px;padding:2rem;text-align:center}.start-overlay{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.5rem 1.5rem;position:relative;overflow:hidden}.start-badge{width:80px;height:80px;margin:0 auto 1rem}.start-badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px var(--primary))}.start-title{font-family:Bebas Neue,sans-serif;font-size:3rem;line-height:1.1;text-shadow:0 0 20px var(--accent);margin-bottom:.5rem}.start-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.start-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.stat-item{display:flex;align-items:center;gap:.4rem;background:#ffffff0d;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;color:var(--text-muted)}.start-btn{margin-bottom:2rem}.start-books{width:140px;margin:0 auto;opacity:.6}.start-books img{width:100%;object-fit:contain}.playing-page{width:100%;max-width:560px;padding:.8rem}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.badge-cloud{background:#ffffff0f;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;color:var(--text-muted)}.top-right{display:flex;gap:1rem;align-items:center;font-size:.9rem}.stat-score,.stat-time{display:flex;align-items:center;gap:.3rem}.stat-lives{display:flex;gap:.2rem}.progress-bar-wrap{height:4px;background:var(--border);border-radius:2px;margin-bottom:1rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;transition:width .4s ease}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;position:relative}.question-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:.5rem}.question-text{font-size:1.3rem;font-weight:600;margin-bottom:1rem;line-height:1.4}.hint-area{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:1rem}.btn-hint{background:#f59e0b26;border:1px solid #F59E0B55;color:var(--primary);padding:.3rem .8rem;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-hint:hover{background:#f59e0b4d}.btn-hint:disabled{opacity:.4;cursor:default}.hint-text{font-size:.85rem;color:var(--accent);padding:.3rem .6rem;background:#fbbf241a;border-radius:6px}.options{display:flex;flex-direction:column;gap:.6rem}.option-btn{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;color:var(--text);font-size:1rem;cursor:pointer;text-align:left;transition:all .2s}.option-btn:hover{background:#f59e0b14;border-color:var(--primary)}.option-btn:disabled{opacity:.5;cursor:default}.fill-form{display:flex;gap:.6rem;margin-bottom:1rem}.fill-form input{flex:1;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius);padding:.8rem;color:var(--text);font-size:1rem;outline:none}.fill-form input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #f59e0b33}.btn-submit{background:var(--primary);border:none;color:#000;font-weight:600;padding:.8rem 1.5rem;border-radius:var(--radius);cursor:pointer;transition:.2s}.btn-submit:hover{background:var(--primary-dark)}.btn-submit:disabled{opacity:.4;cursor:default}.feedback{margin-top:1rem;padding:.8rem;border-radius:var(--radius);font-weight:600;text-align:center}.feedback.correct{background:#10b98122;color:var(--success);border:1px solid #10B98144}.feedback.wrong{background:#ef444422;color:var(--danger);border:1px solid #EF444444}.new-mystery{margin-top:1rem;background:#f59e0b1a;border:1px solid #F59E0B55;border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.unlock-icon{width:64px;height:64px}.unlock-icon img{width:100%;height:100%;object-fit:contain}.unlock-text{font-weight:700;color:var(--accent)}.unlock-desc{font-size:.85rem;color:var(--text-muted);text-align:center}.gameover-page{width:100%;max-width:480px;padding:1rem}.gameover-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1.5rem;text-align:center}.gameover-badge{width:80px;height:80px;margin:0 auto .5rem}.gameover-badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px var(--primary))}.gameover-title{font-family:Bebas Neue,sans-serif;font-size:2.5rem;text-shadow:0 0 20px var(--accent);margin-bottom:.5rem}.gameover-stars{display:flex;justify-content:center;gap:.3rem;margin-bottom:.8rem}.gameover-score{margin:.8rem 0}.gameover-score .label{display:block;font-size:.85rem;color:var(--text-muted)}.gameover-score .value{font-size:3rem;font-weight:700;color:var(--primary);text-shadow:0 0 20px var(--primary)}.gameover-detail{display:flex;justify-content:center;gap:1.5rem;font-size:.95rem;color:var(--text-muted);margin-bottom:.6rem}.gameover-highscore{margin:.8rem 0;font-size:1rem;color:var(--accent)}.gameover-unlocked{margin:1rem 0;padding:.8rem;background:#ffffff08;border-radius:var(--radius)}.unlocked-list{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.3rem}.unlocked-item{background:#10b98126;color:var(--success);padding:.2rem .6rem;border-radius:12px;font-size:.8rem}.gameover-actions{display:flex;gap:1rem;justify-content:center;margin:1.2rem 0 1rem}.btn-primary{background:var(--primary);border:none;color:#000;font-weight:700;padding:.8rem 2rem;border-radius:var(--radius);cursor:pointer;font-size:1rem;box-shadow:0 0 24px var(--primary);transition:.2s}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text);padding:.8rem 2rem;border-radius:var(--radius);cursor:pointer;font-size:1rem;transition:.2s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.book-deco{width:100px;margin:0 auto;opacity:.5}.book-deco img{width:100%}@media (max-width: 480px){.start-title{font-size:2.2rem}.question-text{font-size:1.1rem}.gameover-score .value{font-size:2.2rem}}