.flag-screen{max-width:800px;margin:0 auto}.flag-level-select{padding:24px 16px;margin-bottom:16px;background:var(--bg-primary);border-radius:12px}.flag-level-label{margin-bottom:16px;font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center}.flag-level-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 auto}@media (min-width: 768px){.flag-level-options{grid-template-columns:repeat(3,1fr)}}.flag-level-option{display:flex;gap:8px;align-items:center;padding:12px 16px;cursor:pointer;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;transition:background-color .2s,border-color .2s}.flag-level-option:has(input:checked){border-color:var(--primary-color);background:var(--item-answered)}.flag-level-option:hover{background:#e8e5e1}.flag-level-option input[type=radio]{flex-shrink:0;width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.flag-level-option input[type=radio]:checked+.flag-level-text{color:var(--primary-color);font-weight:600}.flag-level-text{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.3}.flag-level-count{font-size:.875rem;font-weight:400;color:var(--text-secondary)}@media (max-width: 767px){.flag-level-count{display:block}}.flag-last-result{padding:12px 16px;margin-top:16px;font-size:.875rem;color:var(--text-secondary);text-align:center;background:var(--bg-primary);border-radius:8px}.flag-quiz-header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:16px}.flag-progress{font-size:1.125rem;font-weight:600;color:var(--text-secondary)}.flag-progress span{font-size:1.375rem;font-weight:700;color:var(--text-primary)}.flag-quiz-header .btn-giveup{width:auto;padding:10px 24px;margin:0;font-size:1rem}.flag-question-area{padding:24px 16px;margin-bottom:16px;text-align:center;background:var(--bg-primary);border-radius:12px}.flag-question-label{margin-bottom:16px;font-size:1rem;font-weight:500;color:var(--text-secondary)}.flag-img-wrap{position:relative;margin:0 auto 4px}.flag-img{display:block;width:min(80%,400px);height:auto;margin:0 auto;border:1px solid var(--border);border-radius:4px;box-shadow:var(--shadow)}@media (min-width: 600px){.flag-img{width:220px}}.flag-correct-answer{min-height:1.8em;margin-top:12px;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.flag-correct-answer.is-correct{color:var(--success-color)}.flag-correct-answer.is-incorrect{color:var(--error-color)}.flag-choices{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:16px}@media (min-width: 500px){.flag-choices{grid-template-columns:repeat(2,1fr)}}.flag-choice-btn{display:flex;gap:8px;align-items:center;padding:16px 12px;font-size:1.125rem;font-weight:500;color:var(--text-primary);cursor:pointer;background:var(--bg-primary);border:2px solid var(--border);border-radius:8px;transition:background-color .15s,border-color .15s,transform .1s;min-height:56px;text-align:left}.flag-choice-icon{flex-shrink:0;width:24px;height:24px;visibility:hidden}.flag-choice-icon.is-visible{visibility:visible}.flag-choice-label{flex:1}.flag-choice-btn:hover:not(:disabled){background:var(--item-hover);border-color:#bbb}.flag-choice-btn:active:not(:disabled){transform:scale(.98)}.flag-choice-btn.correct{color:var(--success-color);background:var(--item-answered);border-color:var(--success-color);font-weight:700}.flag-choice-btn.incorrect{color:var(--error-color);background:var(--item-unanswered);border-color:var(--error-color);font-weight:700}.flag-choice-btn:disabled{cursor:default}.flag-next-wrap{text-align:center;padding-bottom:16px}.flag-end-content{padding:40px 16px;text-align:center;background:var(--bg-primary);border-radius:12px}.flag-end-score{margin:16px 0 24px;font-size:1.375rem;font-weight:700;color:var(--text-primary)}.flag-end-score .flag-end-correct{font-size:2.5rem;color:var(--text-attention);line-height:1}.flag-share-btn{display:inline-flex;margin-bottom:24px}