.country-badge {
  display:inline-flex; align-items:center; gap:7px; width:max-content; max-width:100%;
  margin:0 0 10px; padding:5px 12px; border:1px solid #b696e9a6; border-radius:999px;
  background:linear-gradient(135deg,#30204a,#1b1428); color:#f4eaff;
  font-size:16px; font-weight:700; line-height:1.35; overflow-wrap:anywhere;
  box-shadow:0 0 13px #a45eea45,inset 0 1px #fff4ff14;
  text-shadow:0 0 7px #c49bffb3,0 0 16px #9851ed80;
}
.card .country-badge { margin-bottom:8px; font-size:15px; }
.profile-modal .modal-role { display:flex; flex-direction:column; align-items:flex-start; }
.profile-modal .modal-role .country-badge { margin:0 0 14px; font-size:21px; }
.country-badge { display:none !important; }
.profile-modal .modal-role { display:block !important; }
.inline-country-flag { vertical-align:middle; margin-left:7px; transform:translateY(-1px); }
.card .inline-country-flag { width:22px; height:15px; margin-left:5px; }
.card-country { display:flex; align-items:center; gap:6px; margin:-3px 0 10px; color:#e5d4ff; font-size:16px; font-weight:700; line-height:1.35; text-shadow:0 0 7px #b65cff99,0 0 16px #9539ff66; }
.card-country .inline-country-flag { margin-left:0; }
@media(max-width:760px) {
  .country-badge { font-size:15px; }
  .profile-modal .modal-role .country-badge { font-size:18px; }
}

/* Compact five-column directory and unmistakable graphic flags. */
.grid { grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:14px !important; }
.feature { grid-column:span 5 !important; }
.card { padding:14px !important; }
.card-photo { min-height:0 !important; margin-bottom:12px !important; }
.card:not(.feature) h3 { font-size:24px !important; margin-bottom:9px !important; }
.card .meta > span { padding:5px 10px !important; font-size:15px !important; }
.card .country-badge { margin-bottom:6px; padding:4px 9px; font-size:13px; gap:5px; }
.profile-modal .modal-info .profile-region { padding:5px 11px !important; font-size:18px !important; }
.profile-modal .modal-role .country-badge { font-size:17px !important; padding:4px 10px; }

.flag-icon {
  display:inline-block; flex:0 0 auto; width:25px; height:17px; border-radius:3px;
  position:relative; overflow:hidden; background:#777;
  box-shadow:0 0 0 1px #fff8, 0 2px 6px #0008;
}
.flag-thailand { background:linear-gradient(to bottom,#a51931 0 20%,#f4f5f8 20% 35%,#2d2a4a 35% 65%,#f4f5f8 65% 80%,#a51931 80%); }
.flag-malaysia { background:repeating-linear-gradient(to bottom,#c9223c 0 2px,#fff 2px 4px); }
.flag-malaysia::before { content:""; position:absolute; inset:0 45% 45% 0; background:#082b73; }
.flag-vietnam { background:#da251d; }
.flag-vietnam::before,.flag-china::before { content:"★"; position:absolute; color:#ffd447; font-size:11px; line-height:17px; left:8px; top:0; }
.flag-china { background:#de2910; }
.flag-singapore { background:linear-gradient(to bottom,#ed2939 0 50%,#fff 50%); }
.flag-singapore::before { content:""; position:absolute; width:7px; height:7px; left:4px; top:3px; border:2px solid #fff; border-radius:50%; }
.flag-japan { background:#fff; }
.flag-japan::before { content:""; position:absolute; width:9px; height:9px; left:8px; top:4px; border-radius:50%; background:#bc002d; }
.flag-korea { background:#fff; }
.flag-korea::before { content:"☯"; position:absolute; color:#c51f34; font-size:14px; line-height:16px; left:6px; top:0; }
.flag-indonesia { background:linear-gradient(to bottom,#e31d3b 0 50%,#fff 50%); }
.flag-philippines { background:linear-gradient(to bottom,#174a9c 0 50%,#d9283f 50%); }
.flag-philippines::before { content:"◆"; position:absolute; color:#fff; font-size:11px; left:2px; top:1px; }
.flag-india { background:linear-gradient(to bottom,#ff9933 0 33%,#fff 33% 66%,#138808 66%); }
.flag-india::before { content:"●"; position:absolute; color:#2455a4; font-size:8px; left:9px; top:3px; }
.flag-usa { background:repeating-linear-gradient(to bottom,#b22234 0 2px,#fff 2px 4px); }
.flag-usa::before { content:""; position:absolute; inset:0 52% 50% 0; background:#3c3b6e; }
.flag-uk { background:linear-gradient(33deg,transparent 43%,#fff 44% 56%,transparent 57%),linear-gradient(-33deg,transparent 43%,#fff 44% 56%,transparent 57%),linear-gradient(33deg,transparent 46%,#cf142b 47% 53%,transparent 54%),linear-gradient(-33deg,transparent 46%,#cf142b 47% 53%,transparent 54%),linear-gradient(to right,transparent 39%,#fff 40% 60%,transparent 61%),linear-gradient(to bottom,#012169 0 100%); }
.flag-australia { background:#012169; }
.flag-australia::before { content:"✦"; position:absolute; color:#fff; font-size:13px; right:4px; bottom:0; }
.flag-taiwan { background:#fe0000; }
.flag-taiwan::before { content:"★"; position:absolute; color:#fff; font-size:9px; left:5px; top:1px; background:#000095; padding:1px 4px 3px; }
.flag-spain { background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%); }
.flag-france { background:linear-gradient(to right,#0055a4 0 33%,#fff 33% 66%,#ef4135 66%); }
.flag-germany { background:linear-gradient(to bottom,#000 0 33%,#dd0000 33% 66%,#ffce00 66%); }
.flag-italy { background:linear-gradient(to right,#009246 0 33%,#fff 33% 66%,#ce2b37 66%); }
.flag-canada { background:linear-gradient(to right,#d80621 0 25%,#fff 25% 75%,#d80621 75%); }
.flag-canada::before { content:"✦"; position:absolute; color:#d80621; font-size:12px; left:9px; top:0; }
.flag-brazil { background:#009c3b; }
.flag-brazil::before { content:"◆"; position:absolute; color:#ffdf00; font-size:13px; left:7px; top:0; }
.flag-russia { background:linear-gradient(to bottom,#fff 0 33%,#0039a6 33% 66%,#d52b1e 66%); }
.flag-uae { background:linear-gradient(to right,#ce1126 0 25%,transparent 25%),linear-gradient(to bottom,#00732f 0 33%,#fff 33% 66%,#000 66%); }

@media(max-width:1300px) {
  .grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  .feature { grid-column:span 4 !important; }
}
@media(max-width:1000px) {
  .grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .feature { grid-column:span 3 !important; }
}
@media(max-width:760px) {
  .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .feature { grid-column:span 2 !important; }
  .card { padding:11px !important; }
  .card:not(.feature) h3 { font-size:21px !important; }
  .card-country { font-size:14px; }
}

.modal-country { display:flex; align-items:center; gap:7px; margin:0 0 12px; color:var(--global-text-color,#f4eaff); font-size:20px; font-weight:700; line-height:1.35; text-shadow:0 0 2px var(--global-text-color,#f4eaff),0 0 10px #b65cff99,0 0 22px #9539ff66; }
.modal-country .inline-country-flag { margin-left:0; }
.flag-spain::before { content:"✦"; position:absolute; color:#aa151b; font-size:7px; left:11px; top:4px; }
.flag-laos { background:linear-gradient(to bottom,#ce1126 0 25%,#002868 25% 75%,#ce1126 75%); }
.flag-laos::before { content:""; position:absolute; width:9px; height:9px; left:8px; top:4px; border-radius:50%; background:#fff; }
.flag-cambodia { background:linear-gradient(to bottom,#032ea1 0 25%,#e00025 25% 75%,#032ea1 75%); }
.flag-cambodia::before { content:"▥"; position:absolute; color:#fff; font-size:10px; left:9px; top:1px; }
.flag-myanmar { background:linear-gradient(to bottom,#fecb00 0 33%,#34b233 33% 66%,#ea2839 66%); }
.flag-myanmar::before { content:"★"; position:absolute; color:#fff; font-size:10px; left:8px; top:2px; }
.flag-bangladesh { background:#006a4e; }
.flag-bangladesh::before { content:""; position:absolute; width:9px; height:9px; left:8px; top:4px; border-radius:50%; background:#f42a41; }
.flag-nepal { background:#dc143c; clip-path:polygon(0 0,68% 0,42% 46%,72% 46%,45% 100%,0 100%); border-radius:0; }
.flag-srilanka { background:#ffb700; }
.flag-srilanka::before { content:"▐"; position:absolute; color:#8d153a; font-size:15px; left:9px; top:0; }
.flag-portugal { background:linear-gradient(to right,#046a38 0 40%,#da291c 40%); }
.flag-portugal::before { content:"●"; position:absolute; color:#f4c300; font-size:9px; left:8px; top:3px; }
.flag-netherlands { background:linear-gradient(to bottom,#ae1c28 0 33%,#fff 33% 66%,#21468b 66%); }
.flag-belgium { background:linear-gradient(to right,#000 0 33%,#fdda24 33% 66%,#ef3340 66%); }
.flag-switzerland { background:#d52b1e; }
.flag-switzerland::before { content:"✚"; position:absolute; color:#fff; font-size:13px; left:7px; top:0; }
.flag-turkey { background:#e30a17; }
.flag-turkey::before { content:"☾★"; position:absolute; color:#fff; font-size:8px; left:6px; top:3px; }
.flag-mexico { background:linear-gradient(to right,#006847 0 33%,#fff 33% 66%,#ce1126 66%); }
.flag-mexico::before { content:"●"; position:absolute; color:#9d6b30; font-size:8px; left:9px; top:3px; }
.flag-argentina { background:linear-gradient(to bottom,#75aadb 0 33%,#fff 33% 66%,#75aadb 66%); }
.flag-argentina::before { content:"●"; position:absolute; color:#f6b40e; font-size:8px; left:9px; top:3px; }
.flag-south-africa { background:linear-gradient(25deg,#de3831 0 26%,#fff 26% 34%,#002395 34% 66%,#fff 66% 74%,#007a4d 74%); }
.flag-new-zealand { background:#00247d; }
.flag-new-zealand::before { content:"✦"; position:absolute; color:#cc142b; font-size:12px; right:4px; bottom:0; }
.flag-saudi { background:#006c35; }
.flag-saudi::before { content:"—"; position:absolute; color:#fff; font-size:15px; left:8px; top:-2px; }
.flag-israel { background:linear-gradient(to bottom,#0038b8 0 20%,#fff 20% 35%,#fff 65% 80%,#0038b8 80%); }
.flag-israel::before { content:"✡"; position:absolute; color:#0038b8; font-size:10px; left:8px; top:2px; }
.flag-norway { background:linear-gradient(to right,transparent 0 30%,#fff 30% 43%,#00205b 43% 57%,#fff 57% 70%,transparent 70%),linear-gradient(to bottom,#ba0c2f 0 40%,#fff 40% 60%,#ba0c2f 60%); }
.flag-sweden { background:linear-gradient(to right,transparent 0 30%,#fecc00 30% 43%,#006aa7 43% 57%,#fecc00 57% 70%,transparent 70%),linear-gradient(to bottom,#006aa7 0 100%); }