.quiz-container{position:relative;background:linear-gradient(135deg,#0f0a14f2,#140f1ef2);border:1px solid hsl(var(--primary) / .4);padding:2rem;min-height:400px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 30px hsl(var(--primary) / .15),inset 0 1px hsl(var(--primary) / .1)}.quiz-container:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.quiz-container:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:1}.quiz-lens-flare{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,hsl(var(--primary) / .2) 15%,hsl(var(--primary) / .6) 50%,hsl(var(--secondary) / .2) 85%,transparent 100%);filter:blur(4px);z-index:1;animation:flare-pulse 3s ease-in-out infinite}@keyframes flare-pulse{0%,to{opacity:.5}50%{opacity:1}}.quiz-progress-container{position:absolute;top:0;left:0;right:0;height:2px;background:hsl(var(--primary) / .1);z-index:10}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--secondary)));box-shadow:0 0 10px hsl(var(--primary)),0 0 20px hsl(var(--primary) / .5),0 0 40px hsl(var(--primary) / .3);transition:width .1s ease-out}.quiz-progress-glitch{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,hsl(var(--secondary) / .8) 50%,transparent 100%);animation:glitch-flicker .15s infinite}@keyframes glitch-flicker{0%,to{opacity:0;transform:translate(0)}25%{opacity:.8;transform:translate(-2px)}75%{opacity:.5;transform:translate(3px)}}.quiz-hook{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;text-align:center;z-index:2}.quiz-title{font-family:Courier New,monospace;font-size:2rem;font-weight:700;letter-spacing:.3em;color:hsl(var(--foreground));margin-bottom:.5rem;text-shadow:0 0 10px hsl(var(--primary) / .8),0 0 20px hsl(var(--primary) / .5),0 0 40px hsl(var(--primary) / .3);will-change:transform}.quiz-subtitle{font-family:Courier New,monospace;font-size:.875rem;color:hsl(var(--muted-foreground));letter-spacing:.2em;text-transform:uppercase;margin-bottom:2rem}.quiz-start-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,hsl(var(--primary) / .2),hsl(var(--secondary) / .1));border:1px solid hsl(var(--primary) / .6);color:hsl(var(--foreground));font-family:Courier New,monospace;font-size:.875rem;letter-spacing:.2em;cursor:pointer;transition:all .3s ease;border-radius:0!important;box-shadow:0 0 15px hsl(var(--primary) / .3),inset 0 1px hsl(var(--primary) / .2)}.quiz-start-btn:hover{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary));box-shadow:0 0 25px hsl(var(--primary) / .6),0 0 50px hsl(var(--primary) / .3);transform:translateY(-2px)}.quiz-question-container{position:relative;z-index:2;padding:1rem 0}.quiz-question-number{font-family:Courier New,monospace;font-size:.75rem;color:hsl(var(--primary));letter-spacing:.3em;margin-bottom:1rem;text-shadow:0 0 10px hsl(var(--primary) / .5)}.quiz-question-title{font-family:Courier New,monospace;font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));letter-spacing:.15em;margin-bottom:2rem;text-shadow:0 0 20px hsl(var(--primary) / .3)}.quiz-options{display:flex;flex-direction:column;gap:.75rem}.quiz-option{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,hsl(var(--primary) / .05),hsl(var(--secondary) / .03));border:1px solid hsl(var(--primary) / .3);color:hsl(var(--foreground));font-family:Courier New,monospace;font-size:.875rem;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d,inset 0 1px hsl(var(--primary) / .1);border-radius:0!important}.quiz-option:hover{background:linear-gradient(135deg,hsl(var(--primary) / .3),hsl(var(--secondary) / .2));border-color:hsl(var(--primary));box-shadow:0 0 20px hsl(var(--primary) / .4),0 4px 20px #0000004d;transform:translate(4px)}.quiz-option:hover .quiz-option-arrow{color:hsl(var(--primary));transform:translate(4px)}.quiz-option-label{text-transform:uppercase}.quiz-option-arrow{width:1rem;height:1rem;color:hsl(var(--muted-foreground));transition:all .2s ease}.quiz-loading{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;z-index:2}.quiz-scanner{position:relative;width:120px;height:120px;border:1px solid hsl(var(--primary) / .5);margin-bottom:2rem;box-shadow:0 0 20px hsl(var(--primary) / .2),inset 0 0 20px hsl(var(--primary) / .1)}.quiz-scanner-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--primary)),hsl(var(--secondary)),transparent);box-shadow:0 0 10px hsl(var(--primary)),0 0 20px hsl(var(--primary) / .5);animation:scanner-sweep 1.5s ease-in-out infinite}@keyframes scanner-sweep{0%,to{top:0}50%{top:calc(100% - 2px)}}.quiz-scanner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:10px;height:100%}.quiz-scanner-cell{background:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .2)}.quiz-loading-text{font-family:Courier New,monospace;font-size:.75rem;color:hsl(var(--primary));letter-spacing:.3em;text-shadow:0 0 10px hsl(var(--primary) / .5);animation:loading-pulse 1s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.5}}.quiz-result{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.quiz-result-label{font-family:Courier New,monospace;font-size:.75rem;color:hsl(var(--secondary));letter-spacing:.3em;margin-bottom:1rem;text-shadow:0 0 10px hsl(var(--secondary) / .5)}.quiz-result-card{display:flex;gap:1.5rem;width:100%;background:linear-gradient(135deg,hsl(var(--primary) / .08),hsl(var(--secondary) / .05));border:1px solid hsl(var(--primary) / .3);padding:1rem;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000004d}.quiz-result-card:hover{border-color:hsl(var(--primary));box-shadow:0 0 30px hsl(var(--primary) / .3),0 4px 30px #0000004d;transform:translateY(-2px)}.quiz-result-image-container{position:relative;flex-shrink:0;width:100px;height:140px;overflow:hidden;border:1px solid hsl(var(--primary) / .4);box-shadow:0 0 15px hsl(var(--primary) / .2)}.quiz-result-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.quiz-result-overlay{position:absolute;inset:0;background:linear-gradient(to top,hsl(var(--background) / .8) 0%,transparent 50%,hsl(var(--primary) / .1) 100%)}.quiz-result-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.quiz-result-title{font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:hsl(var(--foreground));letter-spacing:.05em;line-height:1.3;text-shadow:0 0 10px hsl(var(--primary) / .3)}.quiz-result-alt-title{font-family:Courier New,monospace;font-size:.75rem;color:hsl(var(--muted-foreground))}.quiz-result-stats{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.5rem}.quiz-stat{font-family:Courier New,monospace;font-size:.625rem;color:hsl(var(--primary));letter-spacing:.1em;text-shadow:0 0 5px hsl(var(--primary) / .3)}.quiz-result-genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.quiz-genre-tag{font-family:Courier New,monospace;font-size:.625rem;padding:.25rem .5rem;border:1px solid hsl(var(--secondary) / .5);color:hsl(var(--secondary));letter-spacing:.1em;text-transform:uppercase;background:hsl(var(--secondary) / .1);box-shadow:0 0 10px hsl(var(--secondary) / .2)}.quiz-view-details{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,hsl(var(--primary) / .2),hsl(var(--secondary) / .1));border:1px solid hsl(var(--primary) / .5);color:hsl(var(--primary));font-family:Courier New,monospace;font-size:.625rem;letter-spacing:.2em;width:-moz-fit-content;width:fit-content;transition:all .3s ease}.quiz-result-card:hover .quiz-view-details{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 0 15px hsl(var(--primary) / .5)}.quiz-restart-btn{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid hsl(var(--primary) / .4);color:hsl(var(--primary));font-family:Courier New,monospace;font-size:.75rem;letter-spacing:.2em;cursor:pointer;transition:all .3s ease;border-radius:0!important}.quiz-restart-btn:hover{border-color:hsl(var(--primary));background:hsl(var(--primary) / .1);box-shadow:0 0 20px hsl(var(--primary) / .3)}.quiz-no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;color:hsl(var(--muted-foreground));font-family:Courier New,monospace}@media (max-width: 640px){.quiz-container{padding:1.5rem}.quiz-title{font-size:1.5rem;letter-spacing:.2em}.quiz-question-title{font-size:1rem}.quiz-result-card{flex-direction:column;align-items:center;text-align:center}.quiz-result-info{align-items:center}.quiz-result-genres{justify-content:center}}