:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100%;height:100%}body{margin:0;padding:0;width:100%;min-height:100vh}#root{width:100%;min-height:100vh;margin:0;padding:0}:root{--brand-primary: #75ab55;--brand-secondary: #6d6e70;--brand-white: #ffffff;--brand-dark: #2c2c2c;--brand-light-gray: #f8f9fa;--brand-shadow: rgba(0, 0, 0, .1);--brand-shadow-hover: rgba(0, 0, 0, .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--border-radius: 12px;--border-radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--brand-light-gray) 0%,var(--brand-white) 100%);color:var(--brand-dark);line-height:1.6;min-height:100vh;margin:0;padding:0;width:100%;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;width:100%;max-width:100vw;margin:0;padding:0}.rtl{direction:rtl;text-align:right}.rtl .option-letter,.rtl .question-counter{margin-left:.5rem;margin-right:0}.language-toggle{position:fixed;top:20px;right:20px;z-index:1000;background:var(--brand-primary);color:var(--brand-white);border:none;padding:8px 16px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--brand-shadow)}.language-toggle:hover{background:#5d8c44;transform:translateY(-2px);box-shadow:0 6px 16px var(--brand-shadow-hover)}.rtl .language-toggle{right:auto;left:20px}.logo-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;text-align:center}.logo-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:4rem}.company-logo{width:200px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px var(--brand-shadow))}.company-info{max-width:600px}.company-name{font-size:2.5rem;font-weight:700;color:var(--brand-primary);margin-bottom:1rem;letter-spacing:-.02em}.company-description{font-size:1.25rem;color:var(--brand-secondary);font-weight:500}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--brand-secondary)}.loading-dots{display:flex;gap:.5rem}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.quiz-game{max-width:900px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;width:100%}.quiz-header{margin-bottom:2rem}.progress-bar{width:100%;height:8px;background:#75ab5533;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),#5d8c44);transition:width .5s ease}.question-counter{text-align:center;font-size:1.1rem;font-weight:600;color:var(--brand-secondary)}.question-container{flex:1;display:flex;flex-direction:column;gap:2rem}.question-image{text-align:center;margin-bottom:1rem}.question-image img{max-width:100%;max-height:300px;object-fit:cover;border-radius:var(--border-radius-lg);box-shadow:0 12px 32px var(--brand-shadow)}.question-text{font-size:1.75rem;font-weight:700;color:var(--brand-dark);text-align:center;margin-bottom:2rem;line-height:1.4}.options-container{display:grid;gap:1rem;margin-bottom:2rem}.option-button{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--brand-white);border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:1.1rem;text-align:left;box-shadow:0 4px 12px var(--brand-shadow)}.rtl .option-button{text-align:right}.option-button:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-shadow-hover)}.option-button.selected{border-color:var(--brand-primary);background:#75ab551a}.option-button.correct{border-color:var(--brand-primary);background:#75ab5533}.option-button.incorrect{border-color:#dc3545;background:#dc35451a}.option-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--brand-primary);color:var(--brand-white);border-radius:50%;font-weight:700;flex-shrink:0}.option-text{flex:1;font-weight:500}.result-display{text-align:center;margin:1rem 0}.result-text{font-size:1.5rem;font-weight:700;padding:1rem 2rem;border-radius:var(--border-radius)}.result-text.correct{color:var(--brand-primary);background:#75ab551a}.result-text.incorrect{color:#dc3545;background:#dc35451a}.quiz-actions{text-align:center;margin-top:2rem}.submit-button{background:linear-gradient(135deg,var(--brand-primary),#5d8c44);color:var(--brand-white);border:none;padding:1rem 3rem;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--brand-shadow)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-shadow-hover)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.score-display{text-align:center;font-size:1.25rem;font-weight:600;color:var(--brand-secondary);margin-top:1rem}.design-matching{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;width:100%}.matching-header{text-align:center;margin-bottom:3rem}.matching-header h2{font-size:2rem;font-weight:700;color:var(--brand-primary);margin-bottom:1rem}.instruction{font-size:1.1rem;color:var(--brand-secondary)}.matching-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2rem;min-height:500px}@media (max-width: 1200px){.matching-container{gap:2rem}.design-item{min-height:220px;cursor:pointer}.category-drop-zone{min-height:160px;padding:2rem}.designs-grid,.categories-grid{gap:1.5rem}}@media (max-width: 768px){.matching-container{gap:1rem;grid-template-columns:1fr 1fr}.design-item{min-height:160px}.category-drop-zone{min-height:120px;padding:1rem}.designs-section h3,.categories-section h3{font-size:1.2rem}}.designs-section h3,.categories-section h3{font-size:1.5rem;font-weight:700;color:var(--brand-dark);margin-bottom:1.5rem;text-align:center}.designs-grid{display:grid;gap:1rem}.design-item{position:relative;border-radius:var(--border-radius);overflow:hidden;cursor:move;transition:var(--transition);box-shadow:0 4px 12px var(--brand-shadow);border:3px solid transparent;background:var(--brand-white);min-height:200px}.design-item:hover,.design-item:active{transform:translateY(-4px);box-shadow:0 8px 24px var(--brand-shadow-hover)}.design-item.selected{opacity:1;transform:scale(1.05);border-color:var(--brand-primary);z-index:1000;box-shadow:0 12px 36px var(--brand-shadow-hover);background:#75ab551a}.design-item.matched{border-color:var(--brand-primary);background:#75ab550d}.design-item img{width:100%;height:160px;object-fit:cover;display:block}.design-number{font-weight:700;font-size:1.1rem}.design-item img{width:100%;height:200px;object-fit:cover}.design-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:1rem;color:#fff;font-weight:600;text-align:center}.matched-category{font-size:.9rem;margin-top:.5rem;color:var(--brand-primary);background:#fffffff2;padding:.5rem 1rem;border-radius:var(--border-radius);display:inline-block;font-weight:700;border:2px solid var(--brand-primary)}.categories-grid{display:grid;gap:1rem}.category-drop-zone{border:3px dashed var(--brand-secondary);border-radius:var(--border-radius-lg);padding:2rem;text-align:center;transition:var(--transition);cursor:pointer;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:var(--brand-white)}.category-drop-zone:hover,.category-drop-zone:active,.category-drop-zone.active-selection{border-color:var(--brand-primary);background:#75ab551a;transform:scale(1.02);box-shadow:0 8px 24px var(--brand-shadow)}.category-drop-zone.has-match{border-color:var(--brand-primary);border-style:solid;background:#75ab5533;transform:scale(1.02)}.tap-hint{position:absolute;top:.5rem;right:.5rem;background:var(--brand-primary);color:var(--brand-white);padding:.5rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;animation:pulse 1.5s ease-in-out infinite}.selection-indicator{background:var(--brand-primary);color:var(--brand-white);padding:1rem 2rem;border-radius:var(--border-radius);margin:1rem 0;font-weight:600;animation:pulse 2s ease-in-out infinite}.selection-indicator-overlay{background:var(--brand-primary);color:var(--brand-white);padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:700;margin-top:.5rem;animation:pulse 1.5s ease-in-out infinite}.selection-instructions{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--brand-primary);color:var(--brand-white);padding:1rem 2rem;border-radius:var(--border-radius);font-weight:600;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.category-drop-zone h4{font-size:1.2rem;font-weight:700;color:var(--brand-dark);margin-bottom:.5rem}.drop-indicator{font-size:2rem;color:var(--brand-primary)}.matching-actions{text-align:center;margin-top:2rem}.submit-matching-button{background:linear-gradient(135deg,var(--brand-primary),#5d8c44);color:var(--brand-white);border:none;padding:1rem 3rem;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--brand-shadow);margin-bottom:1rem}.submit-matching-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-shadow-hover)}.submit-matching-button:disabled{opacity:.5;cursor:not-allowed}.progress-indicator{font-size:1rem;color:var(--brand-secondary);font-weight:600}.spin-wheel{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.wheel-header{margin-bottom:3rem}.wheel-header h2{font-size:2.5rem;font-weight:700;color:var(--brand-primary);margin-bottom:1rem}.wheel-header p{font-size:1.2rem;color:var(--brand-secondary)}.wheel-container{position:relative;margin-bottom:3rem;transition:var(--transition)}.wheel-container.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.wheel-pointer{position:absolute;top:-15px;left:50%;transform:translate(-50%) rotateX(180deg) translateY(-10px);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:40px solid var(--brand-dark);z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.wheel-text{font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.7);font-family:Inter,sans-serif}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.spin-button{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),#5d8c44);color:var(--brand-white);border:8px solid var(--brand-white);font-size:1.2rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 8px 20px var(--brand-shadow)}.spin-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 16px var(--brand-shadow-hover)}.spin-button:disabled{opacity:.7;cursor:not-allowed}.prize-result{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.prize-card{background:var(--brand-white);padding:3rem;border-radius:var(--border-radius-lg);text-align:center;max-width:400px;box-shadow:0 20px 40px #0000004d}.prize-card h3{color:var(--brand-primary);font-size:1.5rem;margin-bottom:1rem}.prize-card h2{color:var(--brand-dark);font-size:2rem;font-weight:700;margin-bottom:1rem}.prize-card p{color:var(--brand-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.continue-to-qr-button{background:linear-gradient(135deg,var(--brand-primary),#5d8c44);color:var(--brand-white);border:none;padding:1rem 2rem;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--brand-shadow)}.continue-to-qr-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-shadow-hover)}.continue-to-qr-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.barcode-display{max-width:900px;margin:0 auto;padding:2rem;min-height:100vh;width:100%}.barcode-header{text-align:center;margin-bottom:3rem}.barcode-header h2{font-size:2rem;font-weight:700;color:var(--brand-primary);margin-bottom:1rem}.single-qrcode-container{display:flex;justify-content:center;margin:3rem 0}.big-qrcode{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:var(--brand-white);padding:3rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px var(--brand-shadow)}.qr-code-image{width:300px;height:300px;border:4px solid var(--brand-primary);border-radius:12px;background:var(--brand-white);padding:1rem}.qr-loading{width:300px;height:300px;border:4px solid var(--brand-primary);border-radius:12px;background:var(--brand-white);display:flex;align-items:center;justify-content:center;color:var(--brand-secondary)}.qr-text-large{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700;color:var(--brand-dark);letter-spacing:1px;text-align:center}.voting-message{text-align:center;margin:2rem 0}.vote-instruction{font-size:1.4rem;font-weight:600;color:var(--brand-primary);background:#75ab551a;padding:1.5rem;border-radius:var(--border-radius);border:2px solid var(--brand-primary);margin-bottom:1rem}.form-description{font-size:1rem;font-weight:500;color:var(--brand-secondary);font-style:italic;margin-top:.5rem;margin-bottom:1rem}.form-link{margin-top:1rem;padding:1rem;background:#75ab550d;border-radius:var(--border-radius)}.link-text{font-size:.9rem;color:var(--brand-secondary);margin-bottom:.5rem}.voting-link{display:inline-block;padding:.75rem 2rem;background:linear-gradient(135deg,var(--brand-primary),#5d8c44);color:var(--brand-white);text-decoration:none;border-radius:var(--border-radius);font-weight:600;transition:var(--transition);box-shadow:0 4px 12px var(--brand-shadow)}.voting-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-shadow-hover)}.completion-actions{text-align:center;margin-bottom:2rem}.complete-button,.play-again-btn{background:linear-gradient(135deg,var(--brand-primary),#5d8c44);color:var(--brand-white);border:none;padding:1rem 3rem;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--brand-shadow)}.complete-button:hover,.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-shadow-hover)}.thank-you-message{margin-top:1rem;font-size:1.2rem;font-weight:600;color:var(--brand-primary);text-align:center}.company-footer{text-align:center;padding-top:2rem;border-top:2px solid var(--brand-light-gray);color:var(--brand-secondary)}.company-footer p:first-child{font-weight:700;color:var(--brand-primary);font-size:1.1rem}.game-over-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.game-results{background:var(--brand-white);padding:3rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px var(--brand-shadow);margin-bottom:2rem}.quiz-summary h2,.prize-summary h2{color:var(--brand-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}@media (max-width: 768px){.company-name{font-size:1.8rem}.company-description{font-size:1rem}.question-text{font-size:1.4rem}.options-container{gap:.75rem}.option-button{padding:1rem;font-size:1rem}.wheel-header h2{font-size:2rem}}.quiz-results{max-width:600px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.results-header{margin-bottom:3rem}.score-label{font-size:1.2rem;color:var(--brand-secondary);font-weight:600}.results-message{margin-bottom:3rem}.qualification-text{font-size:1.3rem;font-weight:600;padding:1.5rem;border-radius:var(--border-radius)}.qualification-text.qualified{color:var(--brand-primary);background:#75ab551a;border:2px solid var(--brand-primary)}.qualification-text.not-qualified{color:#f39c12;background:#f39c121a;border:2px solid #f39c12}.results-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.spin-wheel-btn,.skip-btn{padding:1rem 2rem;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);border:none;box-shadow:0 4px 12px var(--brand-shadow)}.spin-wheel-btn.primary{background:linear-gradient(135deg,var(--brand-primary),#5d8c44);color:var(--brand-white)}.spin-wheel-btn.secondary{background:linear-gradient(135deg,#f39c12,#e67e22);color:var(--brand-white)}.skip-btn{background:var(--brand-white);color:var(--brand-secondary);border:2px solid var(--brand-secondary)}.spin-wheel-btn:hover,.skip-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-shadow-hover)}@media (max-width: 768px){.score-number,.total-number{font-size:3rem}.score-divider,.results-header h2{font-size:2rem}.qualification-text{font-size:1.1rem}.qr-code-image{width:250px;height:250px;padding:.75rem}.qr-loading{width:250px;height:250px}.qr-text-large{font-size:1rem}}.matching-results{max-width:1000px;margin:0 auto;padding:2rem;min-height:100vh;width:100%}.results-header{text-align:center;margin-bottom:3rem}.score-summary{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.score-large,.total-large{font-size:3.5rem;font-weight:800;color:var(--brand-primary)}.score-divider{font-size:2.5rem;font-weight:400;color:var(--brand-secondary)}.score-label{position:absolute;margin-top:4rem;font-size:1.1rem;color:var(--brand-secondary);font-weight:600}.overall-result{padding:1.5rem;border-radius:var(--border-radius-lg);margin:2rem auto;max-width:500px}.perfect-score{background:#75ab551a;border:2px solid var(--brand-primary);color:var(--brand-primary)}.partial-score{background:#f39c121a;border:2px solid #f39c12;color:#d68910}.result-icon{font-size:2rem;display:block;margin-bottom:.5rem}.overall-result p{font-size:1.2rem;font-weight:600;margin:0}.results-breakdown h3{font-size:1.8rem;font-weight:700;color:var(--brand-dark);text-align:center;margin-bottom:2rem}.results-grid{display:grid;gap:1.5rem;margin-bottom:3rem}.result-item{display:grid;grid-template-columns:200px 1fr;gap:2rem;background:var(--brand-white);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:0 4px 12px var(--brand-shadow);border:3px solid transparent}.result-item.correct{border-color:var(--brand-primary);background:#75ab550d}.result-item.incorrect{border-color:#e74c3c;background:#e74c3c0d}.design-preview{text-align:center}.design-preview img{width:100%;height:120px;object-fit:cover;border-radius:var(--border-radius);margin-bottom:.5rem}.design-label{font-weight:700;color:var(--brand-dark);font-size:1rem}.match-comparison{display:flex;flex-direction:column;gap:1rem}.user-answer,.correct-answer{padding:1rem;border-radius:var(--border-radius);border:2px solid transparent}.user-answer.correct{background:#75ab551a;border-color:var(--brand-primary)}.user-answer.incorrect{background:#e74c3c1a;border-color:#e74c3c}.correct-answer{background:#75ab551a;border-color:var(--brand-primary)}.answer-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.answer-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.user-answer.correct .answer-icon{background:var(--brand-primary);color:#fff}.user-answer.incorrect .answer-icon{background:#e74c3c;color:#fff}.correct-answer .answer-icon{background:var(--brand-primary);color:#fff}.answer-label{font-weight:600;color:var(--brand-dark);font-size:.9rem}.answer-value{font-size:1.1rem;font-weight:700;color:var(--brand-dark)}.results-actions{text-align:center}.continue-button{background:linear-gradient(135deg,var(--brand-primary),#5d8c44);color:var(--brand-white);border:none;padding:1rem 3rem;border-radius:var(--border-radius);font-size:1.2rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--brand-shadow)}.continue-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-shadow-hover)}@media (max-width: 768px){.result-item{grid-template-columns:1fr;gap:1rem;text-align:center}.design-preview img{height:100px}.score-large,.total-large{font-size:2.5rem}.score-divider{font-size:2rem}}.quiz-results-screen{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.results-header h2{font-size:2.5rem;font-weight:700;color:var(--brand-primary);margin-bottom:2rem}.score-display-large{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.score-number,.total-number{font-size:4rem;font-weight:800;color:var(--brand-primary)}.score-divider{font-size:3rem;font-weight:400;color:var(--brand-secondary)}.score-label{font-size:1.2rem;color:var(--brand-secondary);font-weight:600;margin-bottom:3rem}.qualification-status{width:100%;max-width:600px;margin-bottom:3rem}.qualified-message,.not-qualified-message{padding:2rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px var(--brand-shadow)}.qualified-message{background:#75ab551a;border:3px solid var(--brand-primary)}.not-qualified-message{background:#f39c121a;border:3px solid #f39c12}.success-icon,.try-again-icon{font-size:3rem;margin-bottom:1rem}.qualified-message h3,.not-qualified-message h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.qualified-message h3{color:var(--brand-primary)}.not-qualified-message h3{color:#d68910}.qualified-message p,.not-qualified-message p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:var(--brand-dark)}.wheel-button{background:linear-gradient(135deg,var(--brand-primary),#5d8c44);color:var(--brand-white);border:none;padding:1rem 3rem;border-radius:var(--border-radius);font-size:1.3rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--brand-shadow)}.wheel-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-shadow-hover)}.not-qualified-actions{display:flex;flex-direction:column;gap:2rem;align-items:center}.skip-button{background:var(--brand-secondary);color:var(--brand-white);border:none;padding:1rem 2rem;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.skip-button:hover{background:#5a5a5a;transform:translateY(-1px)}.moderator-section{border-top:2px dashed #f39c12;padding-top:1.5rem;margin-top:1rem;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.moderator-divider{margin-bottom:1rem}.moderator-divider span{background:#f39c12;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.moderator-override-button{background:linear-gradient(135deg,#e67e22,#d35400);color:var(--brand-white);border:none;padding:.75rem 2rem;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #e67e224d;margin-bottom:.5rem}.moderator-override-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e67e2266;background:linear-gradient(135deg,#d35400,#c0392b)}.moderator-note{font-size:.85rem;color:#d68910;font-style:italic;margin:0}.score-breakdown{background:var(--brand-light-gray);padding:1.5rem;border-radius:var(--border-radius);width:100%;max-width:500px}.score-breakdown h4{margin-bottom:1rem;color:var(--brand-dark);font-size:1.2rem}.answers-summary{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.answer-summary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:600}.answer-summary.correct{background:#75ab551a;color:var(--brand-primary)}.answer-summary.incorrect{background:#e74c3c1a;color:#e74c3c}.answer-status{font-size:1.1rem;font-weight:700}@media (max-width: 768px){.quiz-results-screen{padding:1rem}.score-number,.total-number{font-size:3rem}.results-header h2{font-size:2rem}.qualified-message,.not-qualified-message{padding:1.5rem}}