.regional-entry{display:flex;align-items:center;gap:10px;margin:14px 0;flex-wrap:wrap}.regional-entry h2{font-size:var(--kz-fs-lg);margin:0;flex:1}.regional-open{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px}.regional-open .ui-icon{width:18px;height:18px}.regional-entry-progress{flex:0 0 100%}.regional-entry-progress .regional-progress{border-color:var(--wood);background:var(--surface-muted);color:var(--text)}.regional-entry-compact{margin:0}.regional-progress{display:inline-flex;align-items:center;gap:10px;border:1px solid #bda67888;border-radius:var(--kz-r-sm);background:#19392ad9;color:#f5e7c5;padding:4px 6px;white-space:nowrap;font-size:var(--kz-fs-xs)}.regional-progress>span{display:inline-flex;align-items:center;gap:4px}.regional-progress b{font-weight:900;font-variant-numeric:tabular-nums}.regional-progress .ui-icon{width:14px;height:14px;display:inline-flex;flex:none}.regional-progress svg{width:100%;height:100%;fill:currentColor}
html body dialog.regional-picker{width:min(680px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:2px solid #bda678;border-radius:var(--kz-r-lg);overflow:auto;background:#203b32;color:#f5e7c5;box-shadow:0 7px #101e18;font-family:var(--kz-font)}.regional-picker::backdrop{background:#0b1715cc;backdrop-filter:blur(3px)}.regional-modal-head{display:flex;align-items:center;gap:4px;padding:14px 18px 5px}.regional-modal-head h2{flex:1;font-family:var(--kz-font);font-weight:900;font-size:var(--kz-fs-lg);margin:0;color:inherit}.regional-picker button:not(.context-help-trigger){font-family:var(--kz-font)}.regional-close{width:44px;height:44px;min-height:44px;display:grid;place-items:center;border:0;background:transparent;color:inherit;box-shadow:none;padding:10px}.regional-close .ui-icon{width:18px;height:18px}.regional-current{margin:0!important;padding:0 22px;color:#c6cfb5;font-size:var(--kz-fs-xs)}.regional-carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;margin:16px 18px 4px}.regional-arrow{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:1px solid #bda67865;border-radius:var(--kz-r-md);background:#2b483c;color:#f5e7c5;box-shadow:none}.regional-arrow .ui-icon{width:16px;height:16px}.regional-arrow[data-region-direction="-1"] .ui-icon{transform:rotate(180deg)}.regional-arrow:disabled{opacity:.4}.regional-stage{position:relative;height:284px;overflow:hidden;padding:4px}.regional-card{position:absolute;left:calc(50% - 92px);top:10px;width:184px;height:266px;border:2px solid #dec28a;border-radius:var(--kz-r-md);overflow:hidden;padding:0;min-height:0;text-align:left;background:#1a302a;color:#f5e7c5;box-shadow:0 0 0 3px #70925f70,0 5px #101e18;transition:left .18s,width .18s,height .18s,opacity .18s}.regional-card>img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:auto}.regional-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0e231ba3,transparent 32%,transparent 52%,#0e231bf2)}.regional-card-name{position:absolute;top:13px;left:12px;z-index:1;font-family:var(--kz-font);font-weight:900;font-size:var(--kz-fs-xl);font-weight:900;text-shadow:0 2px #14271f}.regional-card-progress{position:absolute;left:12px;bottom:45px;z-index:1}.regional-card-status{position:absolute;left:12px;bottom:14px;z-index:1;font-size:var(--kz-fs-xs);font-weight:900;color:#e3edcf}.regional-neighbor{left:calc(50% + var(--relative-index,1)*202px - 72px);width:145px;height:234px;top:26px;opacity:.55;border-color:#bda6786a;box-shadow:none}.regional-neighbor .regional-card-name{font-size:var(--kz-fs-lg)}.regional-neighbor .regional-card-progress{left:8px;bottom:20px}.regional-neighbor .regional-progress{gap:6px;font-size:var(--kz-fs-xs);padding:3px 4px}.regional-neighbor .regional-card-status{display:none}.regional-soon>img{filter:brightness(.18) saturate(0)}.regional-soon:after{background:linear-gradient(#181e3f55,#181e3f30);mix-blend-mode:multiply}.regional-coming{position:absolute;bottom:20px;left:12px;z-index:1;display:flex;align-items:center;gap:5px;background:#10261bd9;border:1px solid #bda67866;border-radius:var(--kz-r-sm);padding:4px 6px;font-size:var(--kz-fs-xs)}.regional-coming .ui-icon{width:12px;height:12px}.regional-dots{display:flex;justify-content:center;gap:6px;height:20px;color:#bda678;font-size:var(--kz-fs-xs)}.regional-dots .selected{color:#e5aa4b}.regional-summary{margin:0 22px;border-top:1px solid #bda67850;padding:15px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.regional-summary strong{font-size:var(--kz-fs-md)}.regional-summary small{display:block;margin-top:3px;color:#c6cfb5;font-size:var(--kz-fs-xs)}.regional-modal-footer{padding:0 22px 20px;position:sticky;bottom:0;background:#203b32;z-index:2}.regional-modal-footer .regional-confirm{width:100%;min-height:46px;background:#dec28a;color:#293e34;border:2px solid #a97832;box-shadow:0 3px #70503a;font-weight:900}.regional-confirm:disabled{opacity:.6;box-shadow:none}.regional-picker button:focus-visible{outline:3px solid #e5aa4b;outline-offset:2px}.regional-picker .regional-card:focus-visible{outline-offset:-5px}
@media(max-width:760px){.regional-modal-head{padding:12px 12px 2px}.regional-modal-head h2{font-size:var(--kz-fs-lg)}.regional-current{padding:0 16px}.regional-carousel{margin:12px 8px 2px;grid-template-columns:36px minmax(0,1fr) 36px;gap:2px}.regional-arrow{width:36px;min-width:36px}.regional-stage{height:256px}.regional-card{width:146px;height:238px;left:calc(50% - 73px);top:7px}.regional-card-name{font-size:var(--kz-fs-xl);left:10px;top:11px}.regional-card-progress{left:10px;bottom:43px}.regional-progress{font-size:var(--kz-fs-xs);gap:7px;padding:3px 5px}.regional-progress .ui-icon{width:13px;height:13px}.regional-card-status{left:10px;font-size:var(--kz-fs-xs)}.regional-neighbor{left:calc(50% + var(--relative-index,1)*148px - 59px);width:119px;height:210px;top:22px}.regional-neighbor .regional-card-name{font-size:var(--kz-fs-lg)}.regional-summary{margin:0 16px;padding:12px 0}.regional-summary strong{font-size:var(--kz-fs-md)}.regional-summary small{font-size:var(--kz-fs-xs)}.regional-modal-footer{padding:0 16px 16px}.regional-confirm{font-size:var(--kz-fs-xs)}}
@media(max-width:340px){.regional-card{width:130px;left:calc(50% - 65px)}.regional-neighbor{width:112px;left:calc(50% + var(--relative-index,1)*139px - 56px)}.regional-modal-head h2{font-size:var(--kz-fs-lg)}.regional-progress{gap:6px;font-size:var(--kz-fs-xs);padding:3px 4px}}
@media(prefers-reduced-motion:reduce){.regional-card{transition:none}}
@media(max-width:760px){.regional-neighbor .regional-progress{gap:5px;font-size:var(--kz-fs-xs);padding:3px}.regional-neighbor .regional-progress>span{gap:3px}.regional-neighbor .regional-progress .ui-icon{width:11px;height:11px}}
/* Match the approved region dialog without changing the shared modal theme. */
@layer priority {

html body dialog.regional-picker{background:#203b32!important;color:#f5e7c5!important;border:2px solid #bda678!important;box-shadow:0 7px #101e18!important;border-radius:var(--kz-r-lg)!important;font-family:var(--kz-font) !important}
.regional-picker::backdrop{background:#0b1715cc!important;backdrop-filter:blur(3px)!important}
html body .regional-picker :is(button,p,small,.regional-progress){font-family:var(--kz-font) !important}
html body .regional-picker h2,html body .regional-picker .regional-card-name{font-family:var(--kz-font) !important;font-weight:900 !important;color:#f5e7c5!important}
html body .regional-picker .regional-card{background:#1a302a!important;color:#f5e7c5!important;padding:0!important;border:2px solid #dec28a!important;box-shadow:0 0 0 3px #70925f70,0 5px #101e18!important}
html body .regional-picker .regional-neighbor{border-color:#bda6786a!important;box-shadow:none!important}
html body .regional-picker .regional-arrow{background:#2b483c!important;color:#f5e7c5!important;border:1px solid #bda67865!important;box-shadow:none!important}
html body .regional-picker .regional-close{background:transparent!important;color:#f5e7c5!important;border:0!important;box-shadow:none!important}
html body .regional-picker .context-help-trigger{color:#f5e7c5!important}
html body .regional-picker .regional-confirm{background:#dec28a!important;color:#293e34!important;border:2px solid #a97832!important;box-shadow:0 3px #70503a!important;border-radius:var(--kz-r-md)}
html body .regional-picker .regional-confirm:disabled{box-shadow:none!important}
html body .regional-picker-inline{width:100%;max-width:680px;box-sizing:border-box;margin:14px auto;border:2px solid #bda678;border-radius:var(--kz-r-lg);background:#203b32;color:#f5e7c5;overflow:hidden;font-family:var(--kz-font)}
.regional-picker-inline .regional-modal-footer{position:static}
.regional-stage{touch-action:pan-y;user-select:none}
html body .regional-picker .regional-card:disabled{opacity:1;cursor:default}
html body .regional-picker .regional-neighbor:disabled{opacity:.55}

}