html.modal-open,body.modal-open{overflow:hidden!important}.game-launch-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center}.game-launch-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-launch-modal__content{position:relative;background:#fff;border-radius:var(--radius-modal, 16px);padding:2rem;max-width:620px;width:90%;min-height:auto;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.game-launch-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base, 4px);transition:background .2s}.game-launch-modal__close:hover{background:#f1f5f9;color:#4b5563}.game-launch-modal__title{margin:0 0 .5rem;font-size:1.5rem;color:#667eea}.game-launch-modal__description{margin:0 0 2rem;color:#64748b;line-height:1.6}.game-launch-modal__actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.game-launch-modal__btn{width:100%;padding:1rem 1.5rem;border:none;border-radius:var(--radius-lg, 8px);font-size:1rem;font-weight:500;cursor:pointer;transition:transform .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.game-launch-modal__btn i{font-size:1.1rem}.game-launch-modal__btn:hover{transform:translateY(-2px)}.game-launch-modal__btn:active{transform:translateY(0)}.game-launch-modal__btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.game-launch-modal__btn--secondary{background:#f1f5f9;color:#4b5563}.game-launch-modal__btn--secondary:hover{background:#e2e8f0}.game-launch-modal__btn--tertiary{background:transparent;color:#64748b;border:1px solid #e2e8f0}.game-launch-modal__btn--tertiary:hover{background:#f8fafc}.game-launch-modal__btn--danger{background:#ef4444;color:#fff}.game-launch-modal__btn--danger:hover{background:#dc2626;transform:translateY(-2px)}.game-launch-modal__info{padding:1rem;background:#f8fafc;border-radius:8px;font-size:.875rem}.game-launch-modal__info p{margin:.5rem 0;color:#64748b}.game-launch-modal__info strong{color:#4b5563}.progress-warning-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10001;animation:fadeIn .2s ease-out}.progress-warning-modal{background:#fff;border-radius:var(--radius-modal, 16px);padding:2rem;max-width:450px;width:90%;box-shadow:0 8px 32px #0000004d;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-warning-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite;color:#f59e0b}.progress-warning-icon i{font-size:4rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.progress-warning-title{font-size:1.5rem;font-weight:600;color:#4b5563;margin:0 0 1rem}.progress-warning-text{color:#475569;line-height:1.6;margin:0 0 1rem}.progress-warning-question{color:#4b5563;font-weight:500;margin:1rem 0 2rem}.progress-warning-buttons{display:flex;gap:1rem;justify-content:center}.progress-warning-buttons .game-launch-modal__btn{flex:1;max-width:180px}.scroll-indicator{position:sticky;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#fff,#ffffffe6 40%,#fff0);display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:10;margin-top:-80px}.scroll-indicator.hidden{opacity:0;pointer-events:none}.scroll-indicator__icon{color:#94a3b8;font-size:1.5rem;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.multi-select-dropdown{position:relative;width:100%}.multi-select-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-lg, 8px);cursor:pointer;transition:border-color .2s,box-shadow .2s}.multi-select-dropdown__trigger:hover{border-color:#cbd5e1}.multi-select-dropdown.open .multi-select-dropdown__trigger{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.multi-select-dropdown__placeholder{color:#64748b;font-size:.95rem}.multi-select-dropdown__arrow{color:#94a3b8;font-size:.875rem;transition:transform .2s ease}.multi-select-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-lg, 8px);box-shadow:0 10px 40px #00000026;max-height:300px;overflow-y:auto;scrollbar-gutter:stable;z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.multi-select-dropdown.open .multi-select-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.multi-select-dropdown__group-header{padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;background:#f8fafc;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.multi-select-dropdown__item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;cursor:pointer;transition:background .15s;min-height:40px;box-sizing:border-box}.multi-select-dropdown__item:hover{background:#f1f5f9}.multi-select-dropdown__item label{flex:1;cursor:pointer;font-size:.9rem;color:#4b5563;line-height:1.4}.multi-select-dropdown__divider{height:1px;background:#e2e8f0;margin:.25rem 0}.multi-select-dropdown__item--custom{background:linear-gradient(135deg,#faf5ff,#f5f3ff)}.multi-select-dropdown__item--custom:hover{background:linear-gradient(135deg,#f3e8ff,#ede9fe)}.multi-select-dropdown__item-count{font-size:.75rem;color:#9ca3af;margin-left:.25rem}.multi-select-checkbox{width:18px;height:18px;min-width:18px;min-height:18px;accent-color:#667eea;cursor:pointer;flex-shrink:0;margin:0}.selected-lists-container{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.375rem;margin-top:.75rem;min-height:58px;max-height:90px;overflow-y:auto;scrollbar-gutter:stable}.selected-list-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .375rem .25rem .625rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:14px;font-size:.75rem;font-weight:500;animation:chipIn .2s ease-out}@keyframes chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.selected-list-chip__text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-list-chip__remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:.65rem;line-height:1;padding:0;cursor:pointer;transition:background .15s}.selected-list-chip__remove:hover{background:#ffffff59}.selected-list-chip--custom{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.selected-list-chip__icon{font-size:.7rem;opacity:.9}#quiz-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;max-width:800px;flex-grow:1}@media(orientation:landscape)and (max-height:700px){#quiz-area{gap:0}}@media(orientation:portrait)and (min-height:900px){#quiz-area{gap:0}}#quiz-options-container{margin-bottom:clamp(3rem,8vh,6rem)}@media(orientation:landscape)and (max-height:700px){#quiz-options-container{margin-bottom:clamp(2rem,6vh,4rem)}}@media(orientation:portrait)and (min-height:900px){#quiz-options-container{margin-bottom:clamp(4rem,10vh,8rem)}}#progress-dots-container,#presentation-progress-dots-container{position:relative;padding:clamp(1rem,2.5vh,2rem) var(--spacing-3);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);width:100%;max-width:800px;z-index:10;order:3}#presentation-progress-dots-container{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:15;padding:.5rem}#screen-exercise .slides-wrapper{margin:0 auto;max-height:45vh}#screen-exercise .main-content-area{justify-content:center;padding-top:2vh}@media(orientation:landscape)and (max-height:700px){#progress-dots-container,#presentation-progress-dots-container{padding:clamp(.5rem,1.5vh,1rem) var(--spacing-3)}}.progress-dot{width:12px;height:12px;background:var(--color-border, #cbd5e1);border-radius:50%;transition:all var(--transition-base, .3s ease);box-shadow:inset 0 1px 2px #0000001a}.progress-dot.active{background:var(--color-primary, #10b981);transform:scale(1.6);box-shadow:0 0 0 3px var(--color-primary-light, #d1fae5),0 2px 8px #10b98166}.progress-dot.completed{background:var(--color-primary, #10b981);transform:scale(1.2)}.progress-dot.incorrect{background:#ef4444;transform:scale(1.2)}#quiz-sound-button{position:relative;width:100px;height:100px;background:#fff;background-image:url(/assets/lautsprecher-DpGntFS5.png);background-repeat:no-repeat;background-position:center;background-size:90%;border:3px solid #e2e8f0;border-radius:50%;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;flex-shrink:0;z-index:10;order:2;margin-bottom:clamp(.5rem,1vh,1rem)}#bottom-controls-container .sound-button{position:static;transform:none;width:100px;height:100px;background:#fff;background-image:url(/assets/lautsprecher-DpGntFS5.png);background-repeat:no-repeat;background-position:center;background-size:90%;border:3px solid #e2e8f0;border-radius:50%;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .2s,border-color .2s,box-shadow .2s;flex-shrink:0}#quiz-sound-button:hover:not(:disabled),#bottom-controls-container .sound-button:hover:not(:disabled){background-color:#dbeafe;border-color:#3b82f6;box-shadow:0 8px 16px #00000026}#quiz-sound-button:hover:not(:disabled){transform:scale(1.05)}#quiz-sound-button:disabled,#bottom-controls-container .sound-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(80%)}#bottom-controls-container .sound-button.hidden{display:none}#bottom-controls-container .sound-button.invisible{opacity:0;pointer-events:none}@media(orientation:landscape)and (max-height:700px){#quiz-sound-button{margin-bottom:clamp(.25rem,.5vh,.5rem)}}@media(orientation:portrait)and (min-height:900px){#quiz-sound-button{margin-bottom:clamp(.75rem,1.5vh,1.5rem)}}#bottom-controls-container{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;padding:0 var(--spacing-4);z-index:10}#game-controls{position:fixed;top:80px;right:20px;display:flex;gap:var(--spacing-2, .5rem);z-index:999;flex-direction:row;align-items:center}@media(orientation:portrait){#game-controls{top:80px;left:50%;transform:translate(-50%);right:auto}}@media(max-width:768px){#game-controls{top:70px;right:10px;gap:var(--spacing-1, .25rem)}@media(orientation:portrait){#game-controls{top:70px}}}@media(max-width:768px){#quiz-sound-button,.sound-button{width:70px;height:70px}#bottom-controls-container{bottom:40px}}@media(orientation:landscape)and (max-height:500px){#quiz-sound-button,.sound-button{width:60px;height:60px}#progress-dots-container,#presentation-progress-dots-container{padding:var(--spacing-1, .5rem)}.progress-dot{width:8px;height:8px}.progress-dot.active{transform:scale(1.3)}}@media(orientation:landscape)and (min-height:501px)and (max-height:800px){#quiz-sound-button,.sound-button{width:100px;height:100px}.progress-dot{width:10px;height:10px}}@media(orientation:landscape)and (min-height:801px){#quiz-sound-button,.sound-button{width:110px;height:110px}}.arrow-group.hidden,.sound-button.hidden{display:none}.sound-button.invisible{opacity:0;pointer-events:none}#btn-pause-auto-mode{background:#f1f5f9;color:#64748b;width:80px;height:80px;border-radius:50%;font-size:2rem;font-family:Lexend,sans-serif;border:none;cursor:pointer;box-shadow:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center}#btn-pause-auto-mode.hidden{display:none}#btn-pause-auto-mode:hover{background:#e2e8f0;color:#475569;transform:scale(1.05)}#btn-pause-auto-mode:active{transform:scale(.95);background:#cbd5e1}.game-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center}.game-preview-modal.active{display:flex}.preview-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.preview-container{position:relative;width:90%;max-width:1200px;height:90%;max-height:800px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.preview-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600}.preview-icon{font-size:1.5rem}.preview-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:6px;color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease}.preview-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.preview-close-btn:active{transform:scale(.95)}.preview-content{flex:1;overflow:hidden;background:#f5f7fa;position:relative}.preview-game-container{width:100%;height:100%;overflow:auto}.preview-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.125rem;color:#64748b;animation:pulse 1.5s ease-in-out infinite}.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.preview-error-icon{font-size:4rem;margin-bottom:1rem}.preview-error-message{font-size:1.125rem;color:#dc2626;margin-bottom:1.5rem;max-width:500px}.preview-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.preview-complete-icon{font-size:4rem;margin-bottom:1rem;animation:bounceIn .5s ease-out}.preview-complete-title{font-size:1.75rem;font-weight:600;color:#4b5563;margin-bottom:.75rem}.preview-complete-text{font-size:1.125rem;color:#64748b;margin-bottom:1.5rem;max-width:500px}.preview-complete-actions{display:flex;gap:1rem;margin-top:1.5rem}.preview-results{background:#fff;border-radius:8px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 2px 8px #0000001a;max-width:400px}.preview-result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.preview-result-item:last-child{border-bottom:none}.preview-result-label{font-weight:500;color:#475569}.preview-result-value{font-weight:600;color:#4b5563;font-size:1.125rem}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-top:1px solid #e2e8f0;gap:1rem}.preview-info{display:flex;align-items:center;gap:.75rem}.preview-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#fef3c7;color:#92400e;border-radius:6px;font-size:.875rem;font-weight:600}.preview-hint{color:#64748b;font-size:.875rem}.preview-controls{display:flex;gap:.75rem}.preview-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.preview-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.preview-btn:active{transform:translateY(0)}.preview-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.preview-btn-close-footer{background:#667eea;color:#fff}.preview-btn-close-footer:hover{background:#5568d3}.preview-btn-restart{background:#f1f5f9;color:#475569}.preview-btn-restart:hover{background:#e2e8f0}.preview-btn-settings{background:#f1f5f9;color:#475569}.preview-btn-settings:hover{background:#e2e8f0}.preview-btn-retry{background:#667eea;color:#fff;padding:.75rem 1.5rem;font-size:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.preview-container{width:95%;height:95%}.preview-header{padding:1rem}.preview-title{font-size:1.125rem}.preview-footer{flex-direction:column;align-items:stretch}.preview-info{flex-direction:column;align-items:flex-start;gap:.5rem}.preview-controls{width:100%;justify-content:stretch}.preview-btn{flex:1}.preview-complete-actions{flex-direction:column;width:100%}.preview-complete-actions .preview-btn{width:100%}}@media(max-width:480px){.preview-container{width:100%;height:100%;max-height:100%;border-radius:0}.preview-header{padding:.875rem 1rem}.preview-title{font-size:1rem}.preview-icon{font-size:1.25rem}.preview-footer{padding:.875rem 1rem}.preview-btn{padding:.5rem 1rem;font-size:.875rem}.preview-complete-icon{font-size:3rem}.preview-complete-title{font-size:1.5rem}.preview-complete-text{font-size:1rem}.preview-hint{display:none}}@media(prefers-color-scheme:dark){.preview-container{background:#1e293b;color:#e2e8f0}.preview-content{background:#0f172a}.preview-footer{background:#1e293b;border-top-color:#334155}.preview-loading{color:#94a3b8}.preview-complete-title{color:#f1f5f9}.preview-complete-text{color:#94a3b8}.preview-results{background:#1e293b;border:1px solid #334155}.preview-result-item{border-bottom-color:#334155}.preview-result-label{color:#94a3b8}.preview-result-value{color:#f1f5f9}.preview-btn-restart,.preview-btn-settings{background:#334155;color:#e2e8f0}.preview-btn-restart:hover,.preview-btn-settings:hover{background:#475569}.preview-hint{color:#94a3b8}}.dark-mode .preview-container{background:#1e293b;color:#e2e8f0}.dark-mode .preview-content{background:#0f172a}.dark-mode .preview-footer{background:#1e293b;border-top-color:#334155}.dark-mode .preview-loading{color:#94a3b8}.dark-mode .preview-complete-title{color:#f1f5f9}.dark-mode .preview-complete-text{color:#94a3b8}.dark-mode .preview-results{background:#1e293b;border:1px solid #334155}.dark-mode .preview-result-item{border-bottom-color:#334155}.dark-mode .preview-result-label{color:#94a3b8}.dark-mode .preview-result-value{color:#f1f5f9}.dark-mode .preview-btn-restart,.dark-mode .preview-btn-settings{background:#334155;color:#e2e8f0}.dark-mode .preview-btn-restart:hover,.dark-mode .preview-btn-settings:hover{background:#475569}.dark-mode .preview-hint{color:#94a3b8}@media(prefers-contrast:high){.preview-container,.preview-btn{border:2px solid currentColor}.preview-backdrop{background:#000000e6;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.preview-backdrop,.preview-container,.preview-btn,.preview-close-btn,.preview-loading,.preview-complete-icon{animation:none!important;transition:none!important}.preview-btn:hover{transform:none}}.preview-close-btn:focus-visible,.preview-btn:focus-visible{outline:3px solid #667eea;outline-offset:2px}@media print{.game-preview-modal{display:none!important}}#quiz-options-wrapper{width:100%;display:flex;justify-content:center;align-items:center}#quiz-options-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(8px,1.5vmin,20px);width:100%;max-height:100%;justify-items:stretch;align-items:stretch;order:1}@media(orientation:portrait){#quiz-options-container{max-width:min(90vw,800px);max-height:min(90vh,700px);aspect-ratio:1 / 1;gap:clamp(10px,2vmin,25px)}@media(max-width:600px){#quiz-options-container{max-width:min(92vw,450px);max-height:min(80vh,450px);gap:clamp(8px,1.8vmin,18px)}}@media(min-width:601px)and (min-height:900px){#quiz-options-container{gap:clamp(15px,2.5vmin,35px)}}}@media(orientation:landscape){#quiz-options-container{grid-template-columns:repeat(4,auto);grid-template-rows:auto;width:100%;gap:0;max-width:none;justify-content:space-evenly}.quiz-option{height:clamp(150px,35vh,350px);width:auto}#quiz-options-container.word-only-mode{grid-template-columns:repeat(2,auto);grid-template-rows:auto auto;width:auto;max-width:95%;max-height:none;aspect-ratio:unset;gap:clamp(16px,3vmin,32px);justify-content:center;align-content:center;margin-bottom:0}#quiz-options-container.word-only-mode .quiz-option{height:auto;width:auto;min-width:clamp(150px,20vw,280px);max-width:clamp(200px,35vw,400px);min-height:0;aspect-ratio:unset;padding:clamp(1.5rem,4vmin,3rem) clamp(2rem,5vmin,4rem);overflow:visible}#quiz-options-container.word-only-mode .quiz-option .quiz-word{font-size:clamp(1.5rem,4vmin,3rem);font-weight:600;white-space:nowrap;overflow:visible;text-overflow:clip}}@media(orientation:landscape)and (max-height:500px){#quiz-options-container{gap:clamp(8px,1.5vmin,18px)}}@media(orientation:landscape)and (min-width:1200px){#quiz-options-container{gap:clamp(18px,2.2vmin,40px)}}.quiz-option{cursor:pointer;border:4px solid transparent;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(.5rem,1.5vmin,1.5rem);min-height:0;width:100%;min-width:0;box-sizing:border-box;aspect-ratio:1 / 1;--card-rotation: 0deg;--card-tx: 0px;--card-ty: 0px;transform:rotate(var(--card-rotation)) translate(var(--card-tx),var(--card-ty))}.quiz-option img:only-child{width:100%;height:100%;object-fit:contain;display:block}.quiz-option img:not(:only-child){width:100%;flex:1;min-height:0;max-height:none;object-fit:contain;display:block}.quiz-option .quiz-word{font-family:Lexend,sans-serif;font-size:clamp(1.2rem,3vmin,2.2rem);font-weight:600;color:#4b5563;text-align:center;padding:.5rem .75rem;width:100%;flex-shrink:0;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}@media(orientation:landscape){.quiz-option .quiz-word{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:200px}}.quiz-option img+.quiz-word{margin-top:.5rem}.quiz-option .quiz-word:only-child{font-size:clamp(1.5rem,5cqi,4rem);flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;line-height:1.1;word-break:break-word;hyphens:auto;-webkit-hyphens:auto}@supports (container-type: inline-size){.quiz-option{container-type:inline-size;container-name:quiz-card}.quiz-option .quiz-word:only-child{font-size:clamp(1.2rem,15cqi,6rem)}}@media(orientation:landscape){@supports not (container-type: inline-size){#quiz-options-container.word-only-mode .quiz-option .quiz-word:only-child{font-size:clamp(1.2rem,3vw,2.5rem)}}}@supports not (container-type: inline-size){@media(max-width:600px){.quiz-option .quiz-word:only-child{font-size:clamp(1.2rem,6vw,2rem)}}@media(min-width:601px)and (max-width:1200px){.quiz-option .quiz-word:only-child{font-size:clamp(1.5rem,4vw,2.5rem)}}@media(min-width:1201px){.quiz-option .quiz-word:only-child{font-size:clamp(2rem,3vw,4rem)}}}.quiz-option.correct{border-color:#4ade80;transform:rotate(var(--card-rotation)) translate(var(--card-tx),var(--card-ty)) scale(1.02)}.quiz-option.incorrect{border-color:#ef4444;opacity:.7;transform:rotate(var(--card-rotation)) translate(var(--card-tx),var(--card-ty))}@keyframes spam-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}#quiz-options-container.spam-warning{animation:spam-shake .5s ease-in-out;pointer-events:none}#quiz-options-container.spam-warning .quiz-option{border-color:#f97316;opacity:.6}.quiz-option.faded{opacity:.5;transform:rotate(var(--card-rotation)) translate(var(--card-tx),var(--card-ty)) scale(.95);pointer-events:none}#quiz-options-container.disabled .quiz-option{pointer-events:none}@keyframes quiz-fade-out{0%{opacity:1;transform:rotate(var(--card-rotation)) translate(var(--card-tx),var(--card-ty)) scale(1)}to{opacity:0;transform:rotate(var(--card-rotation)) translate(var(--card-tx),var(--card-ty)) scale(.95)}}@keyframes quiz-fade-in{0%{opacity:0;transform:rotate(var(--card-rotation)) translate(var(--card-tx),var(--card-ty)) scale(.95)}to{opacity:1;transform:rotate(var(--card-rotation)) translate(var(--card-tx),var(--card-ty)) scale(1)}}.quiz-option.fading-out{animation:quiz-fade-out .5s ease-out forwards;pointer-events:none}.quiz-option.fading-in{opacity:0;animation:quiz-fade-in .5s ease-out forwards}