.enhanced-quiz-box{background:var(--color-card);border-radius:var(--border-radius-large);padding:var(--spacing-lg);box-shadow:var(--shadow-medium);border:1px solid rgba(255,255,255,.1);margin-bottom:var(--spacing-lg);overflow:hidden}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.quiz-mode{font-weight:600;color:var(--color-accent-light);font-size:var(--font-size-md);background:rgba(0,0,0,.2);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-medium)}.quiz-status{display:flex;align-items:center;gap:var(--spacing-md)}.lives-container{display:flex;gap:2px}.life-heart{opacity:.5;transition:all var(--transition-fast)}.life-heart.active{opacity:1}.life-heart.lost{filter:grayscale(1)}.infinity-lives{font-size:var(--font-size-lg)}.quiz-progress{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quiz-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.question h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);line-height:1.5}.options{display:flex;flex-direction:column;gap:var(--spacing-md)}.option-btn{background:var(--color-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-medium);padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-medium);position:relative;overflow:hidden}.option-btn:hover:not(:disabled){background:var(--color-surface-hover);transform:translateY(-2px)}.option-btn.selected{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1)}.option-btn.correct{border-color:#4CAF50;background:rgba(76,175,80,.1)}.option-btn.incorrect{border-color:#F44336;background:rgba(244,67,54,.1)}.option-btn:disabled{cursor:default}.feedback{padding:var(--spacing-md);border-radius:var(--border-radius-medium);font-weight:500;text-align:center;animation:fadeIn .3s ease-in-out}.correct-feedback{background:rgba(76,175,80,.1);color:#4CAF50;border:1px solid rgba(76,175,80,.3)}.incorrect-feedback{background:rgba(244,67,54,.1);color:#F44336;border:1px solid rgba(244,67,54,.3)}.next-btn,.restart-btn,.submit-btn{background:var(--gradient-accent);color:white;border:none;border-radius:var(--border-radius-medium);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-medium);margin-top:var(--spacing-md);align-self:center}.next-btn:hover:not(:disabled),.restart-btn:hover,.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-medium)}.next-btn:disabled,.submit-btn:disabled{background:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed}.quiz-results{text-align:center;padding:var(--spacing-xl) 0;animation:fadeIn .5s ease-in-out}.quiz-results h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);background:linear-gradient(90deg,var(--color-accent-light),var(--color-secondary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quiz-results p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.restart-btn{margin-top:var(--spacing-lg)}@media (max-width:768px){.quiz-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.quiz-status{width:100%;justify-content:space-between}}@media (max-width:480px){.enhanced-quiz-box{padding:var(--spacing-md)}.question h3{font-size:var(--font-size-md)}.option-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}.xp-system{background:var(--color-card);border-radius:var(--border-radius-large);padding:var(--spacing-lg);box-shadow:var(--shadow-medium);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin-bottom:var(--spacing-lg);width:100%;position:relative;overflow:hidden}.xp-level{margin-bottom:var(--spacing-md)}.level-badge,.xp-level{display:flex;align-items:center}.level-badge{width:50px;height:50px;border-radius:var(--border-radius-circle);background:var(--gradient-accent);justify-content:center;margin-right:var(--spacing-md);box-shadow:var(--shadow-small),0 0 10px rgba(179,136,255,.5);transition:transform .3s ease,box-shadow .3s ease}.level-badge.level-up{transform:scale(1.2);box-shadow:var(--shadow-medium),0 0 20px rgba(179,136,255,.8);animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:var(--shadow-small),0 0 10px rgba(179,136,255,.5)}50%{box-shadow:var(--shadow-medium),0 0 20px rgba(179,136,255,.8)}to{box-shadow:var(--shadow-small),0 0 10px rgba(179,136,255,.5)}}.level-number{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.level-info{flex:1}.level-info h3{font-family:var(--font-heading);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.level-info__placeholder{display:block;border-radius:6px;background:rgba(255,255,255,.12)}.level-info h3.level-info__placeholder{width:8ch;height:1em;margin-bottom:var(--spacing-xs)}.level-info p.level-info__placeholder{width:12ch;height:.9rem}.user-rank{font-size:var(--font-size-sm);color:var(--color-accent);margin-bottom:var(--spacing-xs);font-weight:600}.level-info p{margin:0;font-size:.9rem;color:rgba(255,255,255,.7)}.xp-remaining{font-size:.8rem;color:rgba(255,255,255,.6);font-style:italic;font-family:var(--font-display);margin:.25rem 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.xp-multiplier{color:#4CAF50;font-weight:600;background:rgba(76,175,80,.1);padding:2px 6px;border-radius:4px;font-style:normal;animation:glow 1.5s infinite alternate;white-space:nowrap}@keyframes glow{0%{box-shadow:0 0 2px rgba(76,175,80,.5)}to{box-shadow:0 0 8px rgba(76,175,80,.8)}}.xp-progress-container{width:100%}.xp-progress-bar{height:10px;background:rgba(255,255,255,.1)}.xp-progress,.xp-progress-bar{border-radius:var(--border-radius-small);overflow:hidden;position:relative}.xp-progress{height:100%;background:var(--gradient-accent);transition:width .5s ease-out}.xp-progress.level-up-progress{animation:progressPulse 1.5s infinite}@keyframes progressPulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.xp-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 50%,rgba(255,255,255,0));animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.level-up-animation{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s ease-in;border-radius:var(--border-radius-large)}.level-up-text{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--spacing-md);text-shadow:0 0 10px rgba(179,136,255,.8);animation:scaleIn .5s ease-out}.level-up-details{font-size:var(--font-size-md);color:var(--color-text-primary);animation:slideUp .5s ease-out .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.xp-system{padding:var(--spacing-md)}.level-badge{width:40px;height:40px}.level-number{font-size:var(--font-size-md)}}