/* Secondary geography uses the same quiet metadata scale as the game plates. */
.region-label{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;color:#aabdc8;font-size:11px;font-weight:500;line-height:1.4;vertical-align:middle;white-space:nowrap}
.region-label>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.region-label>span:first-child{font-size:13px;color:#c4af7b;flex:none}
.region-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;max-width:152px;padding:0 10px;border:1px solid #8b784b7a;border-radius:18px;background:#172738;color:#dac69a;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer}
.region-chip>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.entry-heading .region-chip{margin-left:auto;flex:0 1 auto}
.entry-heading h2{min-width:0;flex:1}
.region-settings strong{max-width:66%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.region-overlay{z-index:1100;background:#08111fc7;backdrop-filter:blur(7px)}
.region-dialog{box-sizing:border-box;width:min(380px,calc(100vw - 28px));max-height:calc(var(--app-height,100dvh) - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid #a78b50;border-radius:18px;background:linear-gradient(150deg,#213246,#152333);padding:16px;color:#f1e5ca;box-shadow:0 18px 56px #0008;text-align:left}
.region-dialog header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.region-dialog h2{margin:0;font-size:18px;line-height:1.3;font-weight:700;color:#eed39b}
.region-dialog .nav-back{width:44px;min-height:44px;border:1px solid #8798a74f;border-radius:50%;background:#162534;color:#f4d9a0;font-size:22px;cursor:pointer}
.region-note{font-size:12px;line-height:1.6;color:#b4c2cc;margin:0 0 14px}
.region-suggestion{padding:10px 12px;border-left:2px solid #cfad6d;background:#f5cf8d0b;margin-bottom:12px}
.region-suggestion .region-label{font-size:14px;color:#f2dca9}
.region-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;color:#b7c7d2}
.region-field select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #8396a75e;border-radius:9px;padding:0 12px;background:#142536;color:#f0e2c4;font-family:inherit;font-size:14px;line-height:1.3;color-scheme:dark}
.region-field select:focus-visible,.region-dialog button:focus-visible,.region-chip:focus-visible{outline:2px solid #f2d498;outline-offset:3px}
.region-secondary-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 8px}
.region-secondary-actions button,.region-dialog footer>.link-btn{min-height:44px;font-size:12px}
.region-secondary-actions [aria-pressed="true"]{color:#f4d69a;text-decoration:underline;text-underline-offset:5px}
.region-error{color:#edbb9c;font-size:12px;line-height:1.6;margin:8px 0 4px}
.region-saved{font-size:11px;line-height:1.5;color:#aabcc8;margin:0 0 12px}
.region-dialog footer{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.region-dialog footer .gold-btn{width:100%;min-height:46px;font-size:15px}
.region-loading{font-size:13px;line-height:1.6;min-height:44px;color:#b1c1cf}
.region-loading button{margin-left:10px}
.fighter .fighter-region{display:flex;max-width:100%;justify-content:center;margin-top:2px;font-size:10px;line-height:1.2}
.fighter .fighter-region>span:first-child{font-size:10px}
.player-region-detail{margin:10px 0;text-align:center}
.player-region-detail .region-label{font-size:13px}
.leaderboard-podium .region-label{max-width:100%;margin:4px auto 0;font-size:10px}
.rank-name>.region-label{display:flex;margin-top:2px;font-size:10px}
.leaderboard-mine .region-label{display:flex;margin-top:3px}
.room-seat .region-label{font-size:10px}
@media(max-width:359px){.entry-heading{gap:5px}.entry-heading h2{font-size:16px}.region-chip{max-width:120px;padding:0 8px}.region-dialog{padding:12px}.region-dialog h2{font-size:17px}}
@media(prefers-reduced-motion:no-preference){.region-dialog{animation:region-reveal .16s ease-out}@keyframes region-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}

@media(orientation:landscape) and (max-height:520px){.battle-page .fighter-region{display:none}}
