:root{--purple: #7C3AED;--purple-light: #A78BFA;--purple-bg: #F5F0FF;--green: #10B981;--red: #EF4444;--orange: #F59E0B;--white: #FFFFFF;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-500: #6B7280;--gray-700: #374151;--gray-900: #111827}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--purple-bg);color:var(--gray-900);max-width:375px;margin:0 auto;min-height:100dvh;overflow-x:hidden;-webkit-user-select:none;user-select:none}#root{min-height:100dvh;display:flex;flex-direction:column}button{border:none;cursor:pointer;font-family:inherit;font-size:16px;border-radius:12px;transition:all .15s ease;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.97)}.app{flex:1;display:flex;flex-direction:column;padding:16px}.menu{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:32px}.menu-logo{font-size:48px;margin-bottom:4px}.menu-title{font-size:28px;font-weight:800;color:var(--purple)}.menu-subtitle{font-size:14px;color:var(--gray-500);margin-bottom:12px}.menu-highscore{font-size:14px;color:var(--purple-light);font-weight:600}.mode-section{width:100%;margin-top:8px}.mode-section h3{font-size:13px;color:var(--gray-500);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.mode-btn{width:100%;padding:16px;background:var(--white);border:2px solid var(--gray-200);text-align:left;margin-bottom:8px;display:flex;align-items:center;gap:12px}.mode-btn:hover{border-color:var(--purple-light)}.mode-btn .icon{font-size:28px}.mode-btn .info{flex:1}.mode-btn .info .name{font-weight:700;font-size:16px}.mode-btn .info .desc{font-size:12px;color:var(--gray-500);margin-top:2px}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.cat-btn{padding:14px 8px;background:var(--white);border:2px solid var(--gray-200);text-align:center;font-weight:600;font-size:14px}.cat-btn:hover{border-color:var(--purple);color:var(--purple)}.cat-btn .cat-icon{font-size:24px;display:block;margin-bottom:4px}.shop-btn{width:100%;padding:12px;background:var(--gray-100);color:var(--gray-700);font-size:13px;margin-top:8px}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.game-header .back-btn{background:none;font-size:20px;padding:4px 8px}.game-info{display:flex;gap:16px;align-items:center}.game-info .badge{background:var(--white);padding:4px 10px;border-radius:20px;font-size:13px;font-weight:600;color:var(--purple);border:1px solid var(--purple-light)}.progress-bar{height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:var(--purple);border-radius:3px;transition:width .3s ease}.timer-bar{height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden;margin-bottom:16px}.timer-fill{height:100%;border-radius:2px;transition:width 1s linear}.timer-fill.safe{background:var(--green)}.timer-fill.warn{background:var(--orange)}.timer-fill.danger{background:var(--red)}.question-card{background:var(--white);border-radius:20px;padding:24px 20px;margin-bottom:16px;box-shadow:0 2px 12px #7c3aed14}.q-meta{display:flex;gap:8px;margin-bottom:12px}.q-tag{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.q-tag.cat{background:#ede9fe;color:var(--purple)}.q-tag.diff-easy{background:#d1fae5;color:#065f46}.q-tag.diff-medium{background:#fef3c7;color:#92400e}.q-tag.diff-hard{background:#fee2e2;color:#991b1b}.q-number{font-size:13px;color:var(--gray-500);margin-bottom:8px}.q-text{font-size:18px;font-weight:700;line-height:1.5}.choices{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.choice-btn{width:100%;padding:16px 20px;background:var(--white);border:2px solid var(--gray-200);text-align:left;font-size:15px;font-weight:500;display:flex;align-items:center;gap:12px}.choice-btn .choice-label{width:28px;height:28px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--gray-700);flex-shrink:0}.choice-btn.eliminated{opacity:.3;pointer-events:none}.choice-btn.correct{border-color:var(--green);background:#d1fae5}.choice-btn.correct .choice-label{background:var(--green);color:#fff}.choice-btn.wrong{border-color:var(--red);background:#fee2e2}.choice-btn.wrong .choice-label{background:var(--red);color:#fff}.choice-btn:not(.correct):not(.wrong):not(.eliminated):hover{border-color:var(--purple-light)}.hint-row{display:flex;gap:8px;justify-content:center}.hint-btn{padding:10px 16px;background:var(--white);border:1px solid var(--gray-200);font-size:13px;color:var(--gray-700);display:flex;align-items:center;gap:6px}.hint-btn:disabled{opacity:.4;pointer-events:none}.hint-btn .ad-tag{font-size:10px;color:var(--orange);font-weight:700}.score-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:800;color:var(--green);animation:popUp .8s ease forwards;pointer-events:none;z-index:100}@keyframes popUp{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-60%) scale(1.2)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.next-btn{width:100%;padding:16px;background:var(--purple);color:#fff;font-size:16px;font-weight:700;margin-top:auto}.result{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:40px;gap:12px}.result-emoji{font-size:64px}.result-title{font-size:24px;font-weight:800;color:var(--purple)}.result-score{font-size:48px;font-weight:800;color:var(--gray-900)}.result-label{font-size:14px;color:var(--gray-500)}.result-stats{display:flex;gap:24px;margin:8px 0}.result-stat{text-align:center}.result-stat .val{font-size:20px;font-weight:700}.result-stat .lbl{font-size:11px;color:var(--gray-500)}.new-record{color:var(--orange);font-weight:700;font-size:14px}.result-actions{width:100%;margin-top:16px;display:flex;flex-direction:column;gap:8px}.result-actions .primary{padding:16px;background:var(--purple);color:#fff;font-weight:700;width:100%}.result-actions .secondary{padding:14px;background:var(--white);color:var(--gray-700);font-weight:600;width:100%;border:1px solid var(--gray-200)}.leaderboard{width:100%;background:var(--white);border-radius:16px;padding:16px;margin-top:8px}.leaderboard h3{font-size:15px;font-weight:700;margin-bottom:12px;color:var(--purple)}.lb-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-100);gap:12px}.lb-row:last-child{border:none}.lb-rank{width:28px;font-weight:700;font-size:14px;color:var(--gray-500);text-align:center}.lb-rank.gold{color:#f59e0b}.lb-rank.silver{color:#9ca3af}.lb-rank.bronze{color:#b45309}.lb-name{flex:1;font-size:14px;font-weight:500}.lb-score{font-size:14px;font-weight:700;color:var(--purple)}.lives{display:flex;gap:2px}.lives .heart{font-size:16px}.lives .heart.lost{opacity:.2}.streak-badge{background:linear-gradient(135deg,var(--orange),#F97316);color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}