.flags-picker{max-width:850px;margin:25px auto 0}.flags-picker-intro{color:var(--muted);font-size:14px;text-align:center;margin-bottom:23px}.flags-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.flags-mode-card{border:1px solid var(--border);border-radius:18px;padding:29px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s,border-color .2s}.flags-mode-card:hover{transform:translateY(-4px);border-color:#d6a18b;box-shadow:0 16px 42px #2036300e}.flags-mode-card:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.flags-mode-card h2{font-size:34px;margin:12px 0}.flags-mode-card p{font-size:13px;line-height:1.8;color:var(--muted);flex:1}.flags-mode-card .button{font-size:12px;align-self:stretch;margin-top:24px}.flags-mode-card .eyebrow{font-size:10px}.flags-mode-icon{width:66px;height:66px;border-radius:16px;background:var(--soft-orange);color:#b85531;font-size:18px;font-weight:800;letter-spacing:.16em;line-height:1.4;display:grid;place-content:center;margin-bottom:25px}.flags-mode-hard .flags-mode-icon{background:var(--soft-green);color:var(--green);font-size:30px;letter-spacing:-.06em;position:relative}.flags-mode-hard .flags-mode-icon>span{font-size:16px;position:absolute;right:9px;bottom:8px}.flags-mode-detail{font-size:11px;font-weight:600;margin-top:20px;color:var(--ink)}.flags-game{max-width:760px;margin:0 auto}.flags-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:23px 0 16px}.flags-difficulty{display:flex;gap:5px;height:auto;padding:4px;background:#e8eade;border:1px solid var(--border);border-radius:13px}.flags-difficulty a{font-size:12px;border-radius:9px;padding:9px 13px;display:flex;align-items:center;gap:8px;white-space:nowrap}.flags-difficulty a>span{font-size:9px;font-weight:800;letter-spacing:.04em;color:var(--muted)}.flags-difficulty a.active{background:var(--surface);box-shadow:0 2px 5px #2036300a}.flags-difficulty a.active:after{display:none}.flags-difficulty a.active>span{color:var(--orange)}.flags-session{display:flex;padding:4px;gap:3px;background:#e8eade;border-radius:30px;border:1px solid var(--border)}.flags-session button{font-size:11px;font-weight:600;padding:7px 13px;border-radius:24px;transition:background .16s,color .16s;white-space:nowrap}.flags-session button.active{color:var(--surface);background:var(--ink)}.flags-quiz{padding:30px}.flags-progress{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:17px 0 0}.flags-progress>span{height:5px;border-radius:8px;background:#e9eae1}.flags-progress>span.current{background:#c4c8b5}.flags-progress>span.correct{background:var(--green)}.flags-progress>span.wrong{background:var(--orange)}.flags-flag-stage{min-height:285px;display:flex;flex-direction:column;gap:22px;justify-content:center;padding:25px 0 29px}.flags-flag-stage>.eyebrow{font-size:10px;justify-content:center;color:var(--muted)}.flags-flag-stage img{width:280px;max-width:75%;height:auto;max-height:210px;object-fit:contain;filter:drop-shadow(0 9px 14px #20363014);border-radius:2px}.flags-answer-grid .answer-option{white-space:normal;text-align:left;line-height:1.5;min-height:62px;font-size:13px}.flags-answer-grid .answer-option>span{flex:0 0 auto}.flags-answer-grid .answer-option:disabled{opacity:1;cursor:default}.flags-answer-grid .answer-option:disabled:not(.correct):not(.wrong){opacity:.55}.flags-input-tabs{display:flex;justify-content:center;gap:5px;width:fit-content;max-width:100%;margin:0 auto 23px;padding:4px;border-radius:12px;border:1px solid var(--border);background:#f0f1e9}.flags-input-tabs button{font-size:11px;font-weight:600;display:flex;gap:8px;align-items:center;padding:9px 14px;border-radius:8px;line-height:1.4}.flags-input-tabs button>span{color:var(--muted);font-size:15px;font-weight:700}.flags-input-tabs button.active{background:var(--surface);box-shadow:0 2px 6px #2036300c}.flags-input-tabs button.active>span{color:var(--orange)}.flags-guess-form{display:flex;align-items:flex-end;gap:11px}.flags-field{flex:1;min-width:0}.flags-field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.flags-field input,.flags-field select{display:block;width:100%;border:1px solid var(--border);border-radius:9px;background:#fffefa;color:var(--ink);padding:13px 14px;font-size:13px;min-height:48px}.flags-field input::placeholder{color:var(--muted)}.flags-field select{padding-right:28px}.flags-guess-form>.button{min-height:48px;padding:11px 19px;font-size:12px;white-space:nowrap}.flags-input-hint{font-size:10px;color:var(--muted);line-height:1.65;margin-top:11px}.flags-error{font-size:12px;min-height:0}.flags-error:not(:empty){margin-top:9px}.flags-submitted{display:grid;grid-template-columns:1fr auto;gap:2px 15px;align-items:center;border:1px solid var(--border);border-radius:11px;padding:16px 18px;background:#f7f7ef}.flags-submitted>span:first-child{grid-column:1;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.flags-submitted>strong{font-size:15px;grid-column:1}.flags-submitted-status{grid-row:1/3;grid-column:2;font-size:24px;font-weight:700;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.flags-submitted-status.correct{background:var(--soft-green);color:var(--green)}.flags-submitted-status.wrong{background:var(--soft-orange);color:#b85b35}.flags-feedback{margin-top:20px}.flags-feedback-title{display:flex;align-items:center;gap:9px;font-size:14px}.flags-feedback-title>span{font-size:20px;line-height:1}.flags-feedback p{font-size:12px;margin:6px 0 17px}.flags-feedback .button{font-size:12px;padding:10px 17px}.flags-feedback-slot{min-height:0}.flags-results .eyebrow{justify-content:center}.flags-results>p{margin:10px auto 0;max-width:420px}.flags-result-grid{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:24px 0 7px}.flags-result-grid>span{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-weight:700;font-size:14px}.flags-result-grid>span.correct{background:var(--soft-green);color:var(--green)}.flags-result-grid>span.wrong{background:var(--soft-orange);color:#af5432}.flags-results .game-note{margin-top:21px}.flags-legacy-note{font-size:11px;color:var(--muted)}.flags-return{display:block;width:fit-content;margin:24px auto 0;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.flags-return:hover{color:var(--ink)}
@media(max-width:760px){.flags-mode-card{padding:24px}.flags-quiz{padding:24px}.flags-toolbar{margin-top:19px}.flags-flag-stage{min-height:250px}.flags-flag-stage img{width:250px}.flags-mode-card h2{font-size:31px}}
@media(max-width:520px){.flags-mode-grid{grid-template-columns:1fr;gap:15px}.flags-mode-card{padding:23px;position:relative}.flags-mode-icon{width:55px;height:55px;margin-bottom:20px;font-size:15px}.flags-mode-hard .flags-mode-icon{font-size:26px}.flags-mode-card h2{font-size:31px}.flags-mode-card p{max-width:100%;font-size:12px}.flags-mode-card .button{margin-top:19px}.flags-toolbar{flex-direction:column;align-items:stretch;gap:11px}.flags-difficulty{justify-content:center;align-self:center}.flags-difficulty a{padding:9px 17px}.flags-session{align-self:center}.flags-session button{padding:7px 19px}.flags-quiz{padding:20px 17px}.flags-flag-stage{min-height:225px;gap:18px;padding-top:24px;padding-bottom:27px}.flags-flag-stage img{width:235px;max-width:88%}.flags-answer-grid{gap:9px}.flags-answer-grid .answer-option{font-size:11px;padding:11px 9px;gap:7px;min-height:62px}.flags-answer-grid .answer-option>span{font-size:10px;width:22px;height:22px}.flags-guess-form{flex-direction:column;align-items:stretch;gap:11px}.flags-guess-form>.button{justify-content:center}.flags-input-tabs button{font-size:10px;padding:8px 10px;gap:6px}.flags-field label{font-size:11px}.flags-input-tabs{margin-bottom:20px}.flags-result-grid{gap:5px}.flags-result-grid>span{width:25px;height:25px;font-size:12px}.flags-results .result-actions{flex-direction:column;align-items:stretch;gap:10px}.flags-feedback-title{font-size:12px}.flags-feedback p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.flags-mode-card,.flags-session button{transition:none}.flags-mode-card:hover{transform:none}}