@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Outfit:wght@100..900&display=swap";:root{--primary:#f59e0b;--secondary:#6366f1;--accent:#ec4899;--background:#fffbeb;--card-bg:#fff;--text:#451a03;--correct:#10b981;--wrong:#ef4444;--font-main:"Outfit", sans-serif;--font-game:"Fredoka", sans-serif}body{background-color:var(--background);color:var(--text);font-family:var(--font-main);background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a 0,#0000 50%),radial-gradient(at 100% 0,#722741 0,#0000 50%);background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex}#app{width:100%;max-width:600px;padding:20px}.game-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border:4px solid var(--primary);background:#ffffffe6;border-radius:24px;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.title{font-family:var(--font-game);color:var(--secondary);text-shadow:2px 2px 0px var(--primary);margin-bottom:20px;font-size:2.5rem}.progress-bar{background:#e5e7eb;border-radius:6px;height:12px;margin-bottom:24px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;transition:width .3s}.quote-card{border:2px dashed var(--primary);background:#fffef2;border-radius:16px;margin-bottom:24px;padding:24px;font-size:1.25rem;font-style:italic;position:relative}.quote-card:before{content:"“";color:#f59e0b33;font-size:4rem;position:absolute;top:-10px;left:10px}.options-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.option-btn{cursor:pointer;font-size:1.1rem;font-weight:600;font-family:var(--font-game);color:var(--text);background:#fff;border:2px solid #e5e7eb;border-bottom-width:6px;border-radius:12px;padding:16px;transition:all .1s}.option-btn:hover{background:#f9fafb;transform:translateY(-2px)}.option-btn:active{border-bottom-width:2px;transform:translateY(2px)}.option-btn.correct{background:var(--correct);color:#fff;border-color:#059669}.option-btn.wrong{background:var(--wrong);color:#fff;border-color:#dc2626}.option-btn.disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.lifelines{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.lifeline-btn{background:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.lifeline-btn:hover:not(:disabled){background:#4f46e5;transform:scale(1.05)}.lifeline-btn:disabled{cursor:not-allowed;background:#9ca3af}.feedback{pointer-events:none;z-index:10;font-size:5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.hint-msg{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-top:10px;padding:12px;font-size:.9rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.leaderboard-table{border-collapse:collapse;width:100%;margin-top:20px}.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}.leaderboard-table tr:last-child td{border-bottom:none}.timer-box{background:var(--primary);color:#fff;border-radius:8px;padding:4px 12px;font-family:monospace;font-weight:700;position:absolute;top:20px;right:20px}.characters-img{border-radius:20px;width:100%;max-width:300px;margin-bottom:20px}@media (width<=600px){.game-container{padding:20px}.title{font-size:1.8rem}.options-grid{grid-template-columns:1fr}}.secondary-btn{color:var(--secondary);border:2px solid var(--secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px}.hint-msg{border:2px solid var(--primary);text-align:left;background:#fff;border-left-width:8px;margin-bottom:16px}.character-card{align-items:center;gap:12px;margin-bottom:12px;display:flex}.reference-tag{color:var(--primary);opacity:.8;text-align:right;margin-top:12px;font-size:.9rem;font-style:italic}.rtl .reference-tag{text-align:left}.rtl{direction:rtl}.rtl .title,.rtl p,.rtl .quote-card,.rtl .hint-msg{text-align:right}.rtl .timer-box{left:20px;right:auto}.rtl .quote-card:before{left:auto;right:10px}.input-name{border:2px solid #e5e7eb;border-radius:8px;width:100%;margin-bottom:16px;padding:12px;font-size:1rem}.submit-btn{background:var(--correct);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 24px;font-weight:700}