.logo{display:flex;justify-content:center;align-items:center;margin:var(--spacing-md) auto}.logo-image{width:100%;height:auto;object-fit:contain}.logo-small .logo-image{max-width:60px}.logo-medium .logo-image{max-width:120px}.logo-large .logo-image{max-width:200px}@media(max-width:768px){.logo-small .logo-image{max-width:50px}.logo-medium .logo-image{max-width:100px}.logo-large .logo-image{max-width:150px}}.timer{display:flex;justify-content:center;align-items:center;margin:var(--spacing-lg) 0}.timer-circle{position:relative;width:120px;height:120px}.timer-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-background{fill:none;stroke:var(--light-secondary);stroke-width:8}.timer-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset var(--transition-fast)}.timer-normal .timer-progress{stroke:var(--success)}.timer-warning .timer-progress{stroke:var(--warning)}.timer-danger .timer-progress{stroke:var(--error);animation:pulse 1s infinite}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-3xl);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.timer-normal .timer-text{color:var(--success)}.timer-warning .timer-text{color:var(--warning)}.timer-danger .timer-text{color:var(--error)}@media(max-width:768px){.timer-circle{width:100px;height:100px}.timer-text{font-size:var(--font-size-2xl)}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;gap:var(--spacing-md)}.spinner{width:50px;height:50px;border:4px solid var(--light-secondary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-message{font-size:var(--font-size-lg);color:var(--text-secondary);text-align:center}@keyframes spin{to{transform:rotate(360deg)}}.connection-status{position:fixed;top:0;left:0;right:0;padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-weight:500;z-index:9999;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);animation:slideDown .3s ease-out}.connection-status.error{background-color:var(--error);color:#fff}.connection-status.warning{background-color:var(--warning);color:var(--text-primary)}.status-icon{font-size:var(--font-size-lg)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.player-container{min-height:100vh;background:linear-gradient(135deg,var(--light) 0%,var(--light-secondary) 100%);padding:var(--spacing-md);display:flex;flex-direction:column}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--light-secondary)}.question-info{flex:1;text-align:center}.question-theme{background-color:var(--primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:600;display:inline-block;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.question-number{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:500}.welcome-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--spacing-lg);animation:fadeIn .5s ease-out}.welcome-section h1{color:var(--primary);margin-bottom:var(--spacing-sm)}.welcome-text{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px}.waiting-message{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--text-secondary);margin-top:var(--spacing-lg)}.pulse-dot{width:12px;height:12px;background-color:var(--primary);border-radius:50%;animation:pulse 1.5s infinite}.question-section{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:800px;margin:0 auto;width:100%}.question-text{font-size:var(--font-size-2xl);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-lg);line-height:1.4;font-weight:600;animation:slideUp .4s ease-out}.answers-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-lg);animation:slideUp .5s ease-out}.answer-button{background-color:#fff;border:3px solid var(--light-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:all var(--transition-normal);min-height:80px;box-shadow:var(--shadow-md)}.answer-button:hover:not(.disabled){transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.answer-button:active:not(.disabled){transform:translateY(-2px)}.answer-button.selected{background-color:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-lg)}.answer-button.disabled{opacity:.6;cursor:not-allowed}.answer-letter{background-color:var(--primary-light);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-2xl);font-weight:700;flex-shrink:0}.answer-button.selected .answer-letter{background-color:#fff;color:var(--primary)}.answer-text{flex:1;text-align:left;font-size:var(--font-size-lg);font-weight:500;line-height:1.4}.answer-feedback{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--border-radius-lg);text-align:center;font-weight:500;animation:slideUp .3s ease-out}.answer-feedback.success{background-color:var(--success);color:#fff}.answer-feedback.error{background-color:var(--error);color:#fff}.feedback-content{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg)}.feedback-icon{font-size:var(--font-size-2xl)}.waiting-next{margin-top:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-style:italic;animation:pulse 2s infinite}.final-score-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--spacing-lg);animation:fadeIn .5s ease-out}.final-score-section h1{color:var(--primary);margin-bottom:var(--spacing-md)}.score-display{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);min-width:300px;animation:slideUp .6s ease-out}.score-big{font-size:5rem;font-weight:700;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px rgba(0,0,0,.2)}.score-percentage{font-size:var(--font-size-xl);opacity:.95}.congratulations-message{font-size:var(--font-size-2xl);font-weight:600;color:var(--success);animation:slideUp .8s ease-out}.final-message{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px}.corrections-section{width:100%;max-width:800px;margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);animation:slideUp 1s ease-out}.corrections-section h2{color:var(--primary);text-align:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl)}.correction-item{background-color:var(--light);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--light-secondary)}.correction-item.correct{border-left-color:var(--success);background:linear-gradient(90deg,rgba(40,167,69,.05) 0%,var(--light) 100%)}.correction-item.incorrect{border-left-color:var(--error);background:linear-gradient(90deg,rgba(220,53,69,.05) 0%,var(--light) 100%)}.correction-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.correction-number{font-weight:700;color:var(--primary);font-size:var(--font-size-lg)}.correction-theme{background-color:var(--primary-light);color:#fff;padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.correction-badge{margin-left:auto;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600}.correction-badge.badge-correct{background-color:var(--success);color:#fff}.correction-badge.badge-incorrect{background-color:var(--error);color:#fff}.correction-question{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-md);line-height:1.5}.correction-answers{display:flex;flex-direction:column;gap:var(--spacing-xs)}.correction-answer{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:#fff;border-radius:var(--border-radius-sm);border:2px solid var(--light-secondary)}.correction-answer.answer-correct{border-color:var(--success);background-color:#28a7451a}.correction-answer.answer-wrong{border-color:var(--error);background-color:#dc35451a}.answer-key{background-color:var(--primary-light);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;flex-shrink:0}.correction-answer.answer-correct .answer-key{background-color:var(--success)}.correction-answer.answer-wrong .answer-key{background-color:var(--error)}.answer-value{flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.answer-icon{font-size:var(--font-size-xl);flex-shrink:0}.correction-note{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--warning);color:var(--text-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);text-align:center;font-weight:500}@media(max-width:768px){.player-container{padding:var(--spacing-sm)}.question-text{font-size:var(--font-size-xl)}.answer-button{min-height:70px;padding:var(--spacing-sm)}.answer-letter{width:40px;height:40px;font-size:var(--font-size-xl)}.answer-text{font-size:var(--font-size-base)}.score-big{font-size:4rem}.corrections-section{padding:var(--spacing-md)}.correction-item{padding:var(--spacing-sm)}.answer-key{width:28px;height:28px;font-size:var(--font-size-sm)}}@media(max-width:480px){.answer-button{min-height:60px}.score-display{padding:var(--spacing-lg);min-width:250px}.score-big{font-size:3rem}}.admin-container{min-height:100vh;background:linear-gradient(135deg,var(--dark) 0%,var(--dark-secondary) 100%);color:var(--text-light);padding:var(--spacing-lg)}.admin-header{position:relative;display:flex;align-items:center;justify-content:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--dark-tertiary)}.admin-header .logo{margin:0}.admin-header h1{position:absolute;left:50%;transform:translate(-50%);color:var(--text-light);font-size:var(--font-size-3xl);margin:0;white-space:nowrap}.auth-section{max-width:450px;margin:0 auto;padding:var(--spacing-xl);background-color:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);animation:slideUp .4s ease-out}.auth-section h1{color:var(--primary);text-align:center;margin-bottom:var(--spacing-xl)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--light-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-normal)}.form-input:focus{border-color:var(--primary);outline:none}.admin-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.admin-card{background-color:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);animation:slideUp .4s ease-out}.admin-card h2{color:var(--primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-xl)}.info-card{background:linear-gradient(135deg,var(--info) 0%,#1fb3cb 100%);color:#fff}.info-card h2{color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-item{background:linear-gradient(135deg,var(--light) 0%,var(--light-secondary) 100%);padding:var(--spacing-md);border-radius:var(--border-radius-md);text-align:center}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--primary)}.stat-value.status-active{color:var(--success)}.stat-value.status-idle{color:var(--text-secondary)}.timer-config{display:flex;flex-direction:column;gap:var(--spacing-md)}.timer-config label{font-weight:500;color:var(--text-primary)}.duration-input-group{display:flex;gap:var(--spacing-sm);align-items:center}.duration-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--light-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-2xl);font-weight:700;text-align:center;color:var(--primary);transition:border-color var(--transition-normal)}.duration-input:focus{border-color:var(--primary);outline:none}.timer-info{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--success-dark)}.btn-warning{background-color:var(--warning);color:var(--text-primary)}.btn-warning:hover:not(:disabled){background-color:var(--warning-dark)}.btn-secondary{background-color:var(--text-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--dark-secondary)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stats-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.progress-value{font-weight:700;color:var(--primary)}.progress-bar{width:100%;height:24px;background-color:var(--light-secondary);border-radius:var(--border-radius-lg);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success) 0%,var(--success-light) 100%);transition:width var(--transition-normal)}.answers-distribution h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--text-primary)}.distribution-grid{display:grid;gap:var(--spacing-sm)}.distribution-item{display:grid;grid-template-columns:30px 1fr 60px;gap:var(--spacing-sm);align-items:center}.distribution-label{font-weight:700;color:var(--primary)}.distribution-bar{height:28px;background-color:var(--light-secondary);border-radius:var(--border-radius-md);overflow:hidden}.distribution-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transition:width var(--transition-normal);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-xs);color:#fff;font-size:var(--font-size-sm);font-weight:700}.distribution-value{font-weight:700;text-align:right;color:var(--text-primary)}.instructions-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.instructions-list li{padding-left:var(--spacing-md);position:relative;color:#fff;line-height:1.6}.instructions-list li:before{content:"→";position:absolute;left:0;color:#fff;font-weight:700}.auto-progress-toggle{background-color:var(--light);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);border:2px solid var(--light-secondary)}.toggle-label{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-text{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.toggle-switch{position:relative;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--text-secondary);transition:var(--transition-normal);border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:var(--transition-normal);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(30px)}.toggle-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.auto-progress-message{background-color:var(--info);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);text-align:center;font-size:var(--font-size-base);font-weight:500;animation:pulse 2s infinite}@media(max-width:768px){.admin-container{padding:var(--spacing-md)}.admin-header{flex-direction:column;text-align:center}.stats-grid,.controls-grid{grid-template-columns:1fr}.distribution-item{grid-template-columns:25px 1fr 50px}}.display-container{min-height:100vh;max-height:100vh;background:linear-gradient(135deg,#000428,#004e92);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column}.display-header{position:relative;display:flex;align-items:center;justify-content:flex-start;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:2px solid rgba(255,255,255,.2);flex-shrink:0}.display-header .logo{margin:0}.display-title{position:absolute;left:50%;transform:translate(-50%);color:#fff;font-size:var(--font-size-3xl);text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0;white-space:nowrap}.question-header-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.question-theme-display{background-color:var(--warning);color:var(--text-primary);padding:2px var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:600;display:inline-block;text-transform:uppercase;letter-spacing:.5px}.question-number-display{font-size:var(--font-size-base);color:#ffffffe6;font-weight:500}.participants-info{text-align:right;font-size:var(--font-size-base);color:#ffffffe6;margin-left:auto}.stats-toggle-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:var(--spacing-sm);white-space:nowrap}.stats-toggle-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.stats-toggle-btn:active{transform:translateY(0)}.waiting-screen{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;justify-items:center;align-items:center;flex:1;gap:var(--spacing-xl);text-align:center;padding:var(--spacing-lg) 0}.waiting-screen h2{font-size:var(--font-size-2xl);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);margin:0}.pulse-animation{position:relative;width:60px;height:60px}.pulse-circle{position:absolute;width:100%;height:100%;border:4px solid var(--primary-light);border-radius:50%;opacity:0;animation:pulseExpand 3s ease-out infinite}.pulse-circle.delay-1{animation-delay:1s}.pulse-circle.delay-2{animation-delay:2s}@keyframes pulseExpand{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.participants-counter{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);background:#ffffff1a;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.counter-icon{font-size:var(--font-size-xl)}.player-url-section{width:100%;max-width:1200px;text-align:center;animation:slideUp 1s ease-out}.url-label{font-size:var(--font-size-base);color:#ffffffe6;margin-bottom:var(--spacing-xs);font-weight:500}.player-url{background:linear-gradient(135deg,#fffffff2,#fff);color:var(--primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);font-size:var(--font-size-2xl);font-weight:700;font-family:Courier New,monospace;letter-spacing:1px;box-shadow:0 8px 32px #0000004d;border:3px solid var(--primary);margin:var(--spacing-xs) auto;animation:pulse 2s ease-in-out infinite;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.url-hint{font-size:var(--font-size-sm);color:#fffc;margin-top:var(--spacing-xs);font-style:italic}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #0000004d}50%{transform:scale(1.02);box-shadow:0 12px 40px #06c6}}.question-display-section{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto}.question-top{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.question-text-display{font-size:var(--font-size-3xl);color:#fff;text-align:center;line-height:1.3;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.3);animation:slideUp .5s ease-out;margin:0;max-width:1600px}.answers-display-grid{display:flex;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-sm) auto;animation:slideUp .6s ease-out;width:100%}.answer-display-card{background:#fffffff2;border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);box-shadow:0 8px 24px #0003;transition:transform var(--transition-normal);align-items:center;justify-content:center;min-height:120px;flex:1 1 0}.answer-display-card:hover{transform:translateY(-2px)}.answer-display-letter{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-2xl);font-weight:700;box-shadow:var(--shadow-md);flex-shrink:0}.answer-display-text{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:500;line-height:1.3;text-align:center}.stats-display-section{background:#ffffff1a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .7s ease-out;flex-shrink:0}.stats-display-section h3{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs);text-align:center;margin-top:0}.stats-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-base)}.stats-count{font-weight:700;color:var(--warning)}.stats-distribution{display:grid;gap:var(--spacing-xs)}.stat-bar-item{display:grid;grid-template-columns:40px 1fr;gap:var(--spacing-sm);align-items:center}.stat-bar-label{font-size:var(--font-size-lg);font-weight:700;text-align:center;background:#fff3;padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.stat-bar{height:30px;background:#fff3;border-radius:var(--border-radius-md);overflow:visible;position:relative}.stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--success) 0%,var(--success-light) 100%);transition:width var(--transition-slow);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);color:#fff;border-radius:var(--border-radius-md)}.stat-bar-text-zero{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);font-weight:700;font-size:var(--font-size-sm);color:#fffc}.stats-hidden-message{background:#ffffff1a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;animation:slideUp .7s ease-out;border:2px dashed rgba(255,255,255,.3);flex-shrink:0}.stats-hidden-message p{margin:0;font-size:var(--font-size-base);color:#fff}.stats-hidden-message p:first-child{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs)}.stats-hint{opacity:.8;font-size:var(--font-size-sm)!important;font-style:italic}.results-display-section{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);animation:fadeIn .5s ease-out}.results-title{font-size:var(--font-size-3xl);text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.results-question-text{font-size:var(--font-size-2xl);color:#fffffff2;text-align:center;margin-bottom:var(--spacing-lg)}.answers-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.answer-result-card{background:#fffffff2;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:0 8px 24px #0003;transition:transform var(--transition-normal);border:3px solid transparent}.answer-result-card.correct{border-color:var(--success);background:linear-gradient(135deg,#28a74533,#fffffff2)}.answer-result-card.incorrect{opacity:.7}.answer-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.answer-result-letter{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-3xl);font-weight:700}.answer-result-card.correct .answer-result-letter{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%)}.correct-icon{font-size:var(--font-size-3xl)}.answer-result-text{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:500;margin-bottom:var(--spacing-md)}.answer-result-stats{display:flex;flex-direction:column;gap:var(--spacing-xs)}.result-bar{height:30px;background-color:var(--light-secondary);border-radius:var(--border-radius-md);overflow:hidden}.result-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transition:width var(--transition-slow)}.answer-result-card.correct .result-bar-fill{background:linear-gradient(90deg,var(--success) 0%,var(--success-light) 100%)}.result-stats-text{color:var(--text-secondary);font-size:var(--font-size-base);text-align:center}.success-rate{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);color:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-xl);text-align:center;box-shadow:var(--shadow-xl)}.success-rate-label{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.success-rate-value{font-size:4rem;font-weight:700;margin-bottom:var(--spacing-sm)}.success-rate-detail{font-size:var(--font-size-lg);opacity:.95}.final-stats-section{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);animation:fadeIn .5s ease-out}.final-title{font-size:5rem;text-align:center;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.3);margin-bottom:var(--spacing-lg)}.final-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.final-stat-card{background:#fffffff2;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-xl)}.final-stat-value{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary);margin-bottom:var(--spacing-sm)}.final-stat-label{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:500}.score-distribution-section,.question-results-section{background:#fffffff2;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl)}.score-distribution-section h2,.question-results-section h2{color:var(--primary);margin-bottom:var(--spacing-lg);text-align:center}.score-distribution-chart{display:grid;gap:var(--spacing-md)}.score-dist-item{display:grid;grid-template-columns:80px 1fr 60px;gap:var(--spacing-md);align-items:center}.score-dist-label{font-weight:700;color:var(--primary);font-size:var(--font-size-lg);text-align:center}.score-dist-bar{height:40px;background-color:var(--light-secondary);border-radius:var(--border-radius-md);overflow:hidden}.score-dist-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transition:width var(--transition-slow)}.score-dist-count{font-weight:700;font-size:var(--font-size-xl);color:var(--text-primary);text-align:center}.question-results-table{display:flex;flex-direction:column;gap:var(--spacing-xs)}.results-table-header{display:grid;grid-template-columns:100px 1fr 120px 120px;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--primary);color:#fff;border-radius:var(--border-radius-md);font-weight:700}.results-table-row{display:grid;grid-template-columns:100px 1fr 120px 120px;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--light);border-radius:var(--border-radius-md)}.results-table-cell{display:flex;align-items:center;justify-content:center}.success-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:700;color:#fff}.success-badge.good{background-color:var(--success)}.success-badge.low{background-color:var(--warning);color:var(--text-primary)}.final-thanks{font-size:var(--font-size-3xl);text-align:center;color:#fff;margin-top:var(--spacing-xl);text-shadow:0 2px 8px rgba(0,0,0,.3)}.waiting-message{text-align:center;font-size:var(--font-size-xl);color:#ffffffe6;font-style:italic;margin-top:var(--spacing-lg);animation:pulse 2s infinite}@media(max-width:1200px){.answers-results-grid,.final-stats-grid{grid-template-columns:repeat(2,1fr)}.results-table-header,.results-table-row{grid-template-columns:80px 1fr 100px 100px;font-size:var(--font-size-sm)}}@media(max-width:768px){.display-container{padding:var(--spacing-md)}.display-header{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.stats-toggle-btn{margin-left:0;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.player-url{font-size:var(--font-size-xl);padding:var(--spacing-md) var(--spacing-sm);max-width:95%}.url-label,.url-hint{font-size:var(--font-size-base)}.question-text-display{font-size:var(--font-size-2xl)}.final-title{font-size:var(--font-size-4xl)}.final-stats-grid{grid-template-columns:1fr}.score-dist-item{grid-template-columns:60px 1fr 50px}}.corrections-section{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.correction-item-display{background-color:var(--light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:3px solid var(--light-secondary);box-shadow:var(--shadow-md)}.correction-header-display{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.correction-number{font-weight:700;color:var(--primary);font-size:var(--font-size-xl)}.correction-theme{background-color:var(--primary-light);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase}.correction-question-display{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-md);line-height:1.6}.correction-stats-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.stats-label-display{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:500}.correction-answers-display{display:flex;flex-direction:column;gap:var(--spacing-sm)}.correction-answer-display{background-color:#fff;border-radius:var(--border-radius-md);padding:var(--spacing-md);border:2px solid var(--light-secondary);transition:all var(--transition-normal)}.correction-answer-display.answer-correct{border-color:var(--success);background-color:#28a7450d}.answer-header-display{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.correction-answer-display .answer-key{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0}.correction-answer-display.answer-correct .answer-key{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%)}.correction-answer-display .answer-value{flex:1;font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.correction-answer-display .answer-icon{font-size:var(--font-size-2xl);flex-shrink:0}.answer-stats-display{display:flex;align-items:center;gap:var(--spacing-sm)}.answer-bar-display{flex:1;height:24px;background-color:var(--light-secondary);border-radius:var(--border-radius-md);overflow:hidden}.answer-bar-fill-display{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transition:width var(--transition-slow)}.correction-answer-display.answer-correct .answer-bar-fill-display{background:linear-gradient(90deg,var(--success) 0%,var(--success-light) 100%)}.answer-percentage-display{min-width:90px;text-align:right;font-weight:700;color:var(--text-primary);font-size:var(--font-size-base)}@media(max-width:768px){.correction-item-display{padding:var(--spacing-md)}.correction-header-display{flex-direction:column;align-items:flex-start}.correction-question-display{font-size:var(--font-size-base)}.correction-answer-display .answer-key{width:32px;height:32px;font-size:var(--font-size-base)}.correction-answer-display .answer-value{font-size:var(--font-size-sm)}.answer-percentage-display{min-width:70px;font-size:var(--font-size-sm)}}:root{--primary: #0066CC;--primary-dark: #004C99;--primary-light: #3385D6;--secondary: #00A3E0;--secondary-dark: #0082B8;--secondary-light: #33B8E8;--success: #28A745;--success-dark: #1E7E34;--success-light: #5CB85C;--error: #DC3545;--error-dark: #C82333;--error-light: #E15361;--warning: #FFC107;--warning-dark: #E0A800;--warning-light: #FFCD39;--info: #17A2B8;--dark: #1a1a1a;--dark-secondary: #2d2d2d;--dark-tertiary: #404040;--light: #f8f9fa;--light-secondary: #e9ecef;--light-tertiary: #dee2e6;--text-primary: #212529;--text-secondary: #6c757d;--text-light: #ffffff;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--border-radius-xl: 1.5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--light)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}button{font-family:inherit;font-size:inherit;border:none;cursor:pointer;outline:none;transition:all var(--transition-normal)}input,textarea,select{font-family:inherit;font-size:inherit;outline:none;transition:all var(--transition-normal)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.error-message{background-color:var(--error-light);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;text-align:center;font-weight:500;box-shadow:var(--shadow-md)}.success-message{background-color:var(--success);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;text-align:center;font-weight:500;box-shadow:var(--shadow-md)}.warning-message{background-color:var(--warning);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;text-align:center;font-weight:500;box-shadow:var(--shadow-md)}.info-message{background-color:var(--info);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;text-align:center;font-weight:500;box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .4s ease-out}@media(max-width:768px){html{font-size:14px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media(max-width:480px){html{font-size:13px}}