@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.film-quiz{font-family:var(--fq-font-family, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif);font-size:var(--fq-font-size, 16px);color:var(--fq-text-color, #23282d);line-height:1.6}.film-quiz *{box-sizing:border-box}.film-quiz h1,.film-quiz h2,.film-quiz h3,.film-quiz h4,.film-quiz h5,.film-quiz h6{font-family:var(--fq-heading-font-family, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif);font-weight:600;margin:0 0 var(--fq-element-spacing, 15px);color:var(--fq-primary-color, #0073aa)}.film-quiz h2{font-size:var(--fq-heading-font-size, 24px)}.film-quiz h3{font-size:18px}.film-quiz p{margin:0 0 var(--fq-element-spacing, 15px)}.film-quiz strong{font-weight:600}.film-quiz .text-success{color:var(--fq-success-color, #46b450)}.film-quiz .text-error{color:var(--fq-error-color, #dc3232)}.film-quiz .text-warning{color:#ffb900}.film-quiz .text-center{text-align:center}.film-quiz__container{max-width:800px;margin:0 auto;padding:var(--fq-container-padding, 20px);animation:fadeIn .3s ease}.film-quiz__difficulty-selector{text-align:center;padding:30px 0}.film-quiz__difficulty-selector h2{margin-bottom:30px}.film-quiz__difficulty-options{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;margin-bottom:30px}@media(max-width: 576px){.film-quiz__difficulty-options{grid-template-columns:1fr}}.film-quiz__difficulty-option{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:none}.film-quiz__difficulty-option:focus{outline:2px solid var(--fq-primary-color, #0073aa);outline-offset:2px}.film-quiz__difficulty-option{background:var(--fq-background-color, #ffffff);border-radius:var(--fq-border-radius, 8px);padding:var(--fq-container-padding, 20px);box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;padding:30px 20px;border:2px solid #ddd;transition:all .3s ease;cursor:pointer}.film-quiz__difficulty-option:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.film-quiz__difficulty-option.active{border-width:3px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.film-quiz__difficulty-option .film-quiz__difficulty-label{font-size:18px;font-weight:600;color:var(--fq-text-color, #23282d)}.film-quiz__difficulty-option .film-quiz__difficulty-points{font-size:24px;font-weight:700}.film-quiz__difficulty-hint{font-size:14px;color:#666;margin-top:20px}.film-quiz__question{animation:fadeIn .3s ease}.fq-question{background-color:var(--fq-question-bg-color, #f7f7f7);padding:var(--fq-container-padding, 20px);border-radius:var(--fq-border-radius, 8px);margin-bottom:var(--fq-element-spacing, 20px)}.fq-question h3{margin-bottom:15px;color:var(--fq-primary-color, #0073aa)}.fq-question p{margin-bottom:15px;font-size:18px;line-height:1.7}.film-quiz__difficulty-badge{margin-top:15px}.film-quiz__difficulty-badge .badge{display:inline-block;padding:5px 15px;border-radius:4px;font-size:14px;font-weight:600;text-transform:uppercase}.film-quiz__difficulty-badge .badge.badge--easy{background-color:rgb(214.68,239.32,216.92);color:rgb(55.72,143.28,63.68)}.film-quiz__difficulty-badge .badge.badge--medium{background-color:rgb(255,234,178.5);color:#996f00}.film-quiz__difficulty-badge .badge.badge--hard{background-color:rgb(249.75,224.25,224.25);color:rgb(187.0625,31.9375,31.9375)}.film-quiz__answers{display:flex;flex-direction:column;gap:15px}.fq-answer{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:none}.fq-answer:focus{outline:2px solid var(--fq-primary-color, #0073aa);outline-offset:2px}.fq-answer{display:flex;align-items:center;gap:15px;padding:calc(var(--fq-element-spacing, 15px)*.75);border:2px solid var(--fq-primary-color, #0073aa);border-radius:var(--fq-border-radius, 8px);background:var(--fq-background-color, #ffffff);transition:all .3s ease;cursor:pointer;text-align:left;font-size:18px}.fq-answer:hover:not(:disabled){background-color:var(--fq-answer-hover-color, #e8f4f8);transform:translateX(5px)}.fq-answer:disabled{opacity:.6;cursor:not-allowed}.fq-answer .fq-answer__icon{font-size:32px;flex-shrink:0}.fq-answer .fq-answer__text{flex:1}.film-quiz__answer-result{background:var(--fq-background-color, #ffffff);border-radius:var(--fq-border-radius, 8px);padding:var(--fq-container-padding, 20px);box-shadow:0 2px 4px rgba(0,0,0,.1);animation:fadeIn .3s ease;margin-top:20px;border-left:4px solid}.film-quiz__answer-result.correct{border-left-color:var(--fq-success-color, #46b450)}.film-quiz__answer-result.incorrect{border-left-color:var(--fq-error-color, #dc3232)}.film-quiz__result-header{margin-bottom:20px}.film-quiz__result-header h3{margin-bottom:5px}.film-quiz__points-earned{font-size:24px;font-weight:700;color:var(--fq-success-color, #46b450);margin:0}.film-quiz__explanation{margin-bottom:20px;padding:15px;background-color:#f9f9f9;border-radius:4px}.film-quiz__correct-answer{font-weight:600;margin-bottom:10px}.film-quiz__explanation-text{color:#666;font-size:14px;line-height:1.6}.film-quiz__game-over-notice{font-size:18px;font-weight:600;color:var(--fq-error-color, #dc3232);text-align:center;margin:20px 0}.film-quiz__result{text-align:center;animation:fadeIn .3s ease}.film-quiz__result h2{margin-bottom:30px}.film-quiz__final-score{background:var(--fq-background-color, #ffffff);border-radius:var(--fq-border-radius, 8px);padding:var(--fq-container-padding, 20px);box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:30px}.film-quiz__final-score .fq-score{font-size:64px;font-weight:700;color:var(--fq-success-color, #46b450);margin:0;line-height:1}.film-quiz__final-score p{margin:10px 0;color:#666}.film-quiz__total-questions{font-size:18px;font-weight:600;color:var(--fq-text-color, #23282d)}.film-quiz__actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:30px}.film-quiz__highscores{animation:fadeIn .3s ease}.film-quiz__highscores h2{text-align:center;margin-bottom:30px}.film-quiz__highscore-filter{display:flex;gap:10px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.film-quiz__highscore-filter .fq-button{padding:10px 15px;font-size:14px}.film-quiz__highscore-filter .fq-button.active{background-color:var(--fq-primary-color, #0073aa);color:#fff}.fq-highscore-table{width:100%;border-collapse:collapse;margin-bottom:30px;background:var(--fq-background-color, #ffffff);border-radius:var(--fq-border-radius, 8px);overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.fq-highscore-table thead{background-color:var(--fq-primary-color, #0073aa);color:#fff}.fq-highscore-table th,.fq-highscore-table td{padding:calc(var(--fq-element-spacing, 15px)*.5);text-align:left;border-bottom:1px solid #e0e0e0}.fq-highscore-table th{font-weight:600;text-transform:uppercase;font-size:14px;letter-spacing:.5px}.fq-highscore-table tbody tr{transition:background-color .2s ease}.fq-highscore-table tbody tr:hover{background-color:var(--fq-answer-hover-color, #e8f4f8)}.fq-highscore-table tbody tr:last-child td{border-bottom:none}.fq-highscore-table td:first-child,.fq-highscore-table th:first-child{padding-left:20px}.fq-highscore-table td:last-child,.fq-highscore-table th:last-child{padding-right:20px}.fq-highscore-table .fq-date{font-size:14px;color:#666;white-space:nowrap}@media(max-width: 576px){.fq-highscore-table{font-size:14px}.fq-highscore-table th,.fq-highscore-table td{padding:5px 10px}.fq-highscore-table .fq-date,.fq-highscore-table th:nth-child(5){display:none}}.film-quiz__highscore-form{background:var(--fq-background-color, #ffffff);border-radius:var(--fq-border-radius, 8px);padding:var(--fq-container-padding, 20px);box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:400px;margin:0 auto 30px}.film-quiz__highscore-form h3{margin-bottom:20px;text-align:center}.film-quiz__highscore-success{background:var(--fq-background-color, #ffffff);border-radius:var(--fq-border-radius, 8px);padding:var(--fq-container-padding, 20px);box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;padding:30px;margin-bottom:30px;border:2px solid var(--fq-success-color, #46b450)}.film-quiz__highscore-success h3{color:var(--fq-success-color, #46b450);margin-bottom:15px}.film-quiz__highscore-success strong{color:var(--fq-primary-color, #0073aa);font-size:24px}.film-quiz__empty-state{text-align:center;padding:40px;color:#999}.film-quiz__header{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#f9f9f9;border-radius:var(--fq-border-radius, 8px);margin-bottom:var(--fq-element-spacing, 20px);flex-wrap:wrap;gap:15px}@media(max-width: 576px){.film-quiz__header{flex-direction:column;text-align:center}}.fq-lives{display:flex;align-items:center;gap:5px}.fq-lives .fq-lives__label{font-weight:600;margin-right:10px;color:var(--fq-text-color, #23282d)}.fq-lives .fq-lives__heart{font-size:24px;transition:opacity .2s ease,transform .2s ease}.fq-lives .fq-lives__heart.active{opacity:1;animation:heartbeat 1s ease infinite}.fq-lives .fq-lives__heart.lost{opacity:.3;filter:grayscale(100%)}@keyframes heartbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.film-quiz__score-display{display:flex;align-items:center;gap:10px}.film-quiz__score-display .film-quiz__score-label{font-weight:600;color:var(--fq-text-color, #23282d)}.film-quiz__score-display .fq-score{font-size:24px;font-weight:700;color:var(--fq-success-color, #46b450)}.film-quiz__score-display .film-quiz__question-count{font-size:14px;color:#666}.film-quiz-loading{text-align:center;padding:40px}.film-quiz-spinner{display:inline-block;width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--fq-primary-color, #0073aa);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.film-quiz__loading{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;min-height:200px}.film-quiz__error{background-color:rgb(253.46875,246.03125,246.03125);border-left:4px solid var(--fq-error-color, #dc3232);color:rgb(187.0625,31.9375,31.9375);padding:15px 20px;border-radius:4px;margin-bottom:20px;animation:fadeIn .3s ease}.film-quiz__error-banner{display:flex;align-items:center;justify-content:space-between;background-color:rgb(253.46875,246.03125,246.03125);border:2px solid var(--fq-error-color, #dc3232);border-radius:var(--fq-border-radius, 8px);padding:15px 20px;margin-bottom:20px;animation:fadeIn .3s ease}.film-quiz__error-content{display:flex;align-items:center;gap:15px;flex:1}.film-quiz__error-icon{font-size:24px;flex-shrink:0}.film-quiz__error-message{flex:1;font-weight:600;color:rgb(187.0625,31.9375,31.9375)}.film-quiz__error-close{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:none}.film-quiz__error-close:focus{outline:2px solid var(--fq-primary-color, #0073aa);outline-offset:2px}.film-quiz__error-close{font-size:24px;color:var(--fq-error-color, #dc3232);padding:0 10px;transition:transform .2s ease}.film-quiz__error-close:hover{transform:scale(1.2)}.fq-button{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:none}.fq-button:focus{outline:2px solid var(--fq-primary-color, #0073aa);outline-offset:2px}.fq-button{display:inline-block;padding:var(--fq-button-padding, 12px) calc(var(--fq-button-padding, 12px)*2);font-size:var(--fq-button-font-size, 16px);font-weight:600;text-align:center;border:var(--fq-button-border-width, 2px) solid var(--fq-primary-color, #0073aa);border-radius:var(--fq-border-radius, 8px);background-color:var(--fq-primary-color, #0073aa);color:#fff;transition:all .3s ease;cursor:pointer}.fq-button:hover:not(:disabled){background-color:var(--fq-secondary-color, #23282d);border-color:var(--fq-secondary-color, #23282d);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.fq-button:active:not(:disabled){transform:translateY(0)}.fq-button:disabled{opacity:.6;cursor:not-allowed}.fq-button--success{background-color:var(--fq-success-color, #46b450);border-color:var(--fq-success-color, #46b450)}.fq-button--success:hover:not(:disabled){background-color:rgb(55.72,143.28,63.68);border-color:rgb(55.72,143.28,63.68)}.fq-button--error{background-color:var(--fq-error-color, #dc3232);border-color:var(--fq-error-color, #dc3232)}.fq-button--error:hover:not(:disabled){background-color:rgb(187.0625,31.9375,31.9375);border-color:rgb(187.0625,31.9375,31.9375)}.fq-button--secondary{background-color:rgba(0,0,0,0);color:var(--fq-primary-color, #0073aa)}.fq-button--secondary:hover:not(:disabled){background-color:var(--fq-primary-color, #0073aa);color:#fff}.fq-button--small{padding:5px 15px;font-size:14px}.fq-button--large{padding:15px 30px;font-size:18px;min-width:200px}.film-quiz__input{width:100%;padding:15px;border:2px solid #ddd;border-radius:var(--fq-border-radius, 8px);font-size:16px;font-family:inherit;transition:border-color .2s ease;margin-bottom:15px}.film-quiz__input:focus{outline:none;border-color:var(--fq-primary-color, #0073aa);box-shadow:0 0 0 3px rgba(0,115,170,.1)}.film-quiz__input::placeholder{color:#999}.film-quiz__input:invalid{border-color:var(--fq-error-color, #dc3232)}textarea.film-quiz__input{min-height:100px;resize:vertical}