.flag-panel{padding:26px;background:#fff;border:1px solid #cbd8d2;border-radius:22px;margin-bottom:36px}.flag-settings{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:18px}.flag-settings label{display:grid;gap:6px}.flag-settings select,#flag-search{padding:10px;border:1px solid #b8cec3;border-radius:10px;background:white;color:#17473e;max-width:100%}#flag-search{display:block;width:100%;max-width:500px;margin:10px 0}#flag-play{margin-top:25px;border-top:1px solid #dbe6dc;padding-top:20px}#flag-question{text-align:center;margin:20px 0}#flag-question img{width:min(240px,100%);height:170px;object-fit:contain}#flag-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}#flag-answers button{background:#edf3e6;border:2px solid transparent;color:#183e35;min-height:75px}#flag-answers button.correct{background:#c9e8d3;border-color:#275e42;opacity:1}#flag-answers img{width:100px;height:75px;object-fit:contain}#flag-feedback,#flag-complete{font-weight:bold;margin-top:20px}.flag-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.flag-card{border:1px solid #cbd8d2;background:white;border-radius:16px;padding:20px;text-align:center}.flag-card img{width:90px;height:68px;object-fit:contain;display:block;margin:0 auto 12px}.flag-card h3{font-size:1.05rem;margin:0 0 4px}.flag-card p{margin:0;font-size:.95rem}@media(max-width:600px){.flag-panel{padding:18px}.flag-library{grid-template-columns:1fr 1fr;gap:10px}.flag-card{padding:14px 8px}.flag-card img{width:72px;height:54px}.flag-settings label{width:100%}#flag-answers button{padding:10px;font-size:.95rem}}body.high-contrast .flag-panel,body.high-contrast .flag-card{background:black;color:white}