/* Nara Plus areas visual update 2026-09-19
   Kashihara visual + /areas/ 2-column layout
*/

/* Kashihara colors and generated illustration */
.quick-area.area-kashihara{
  border-left:4px solid #9a7a48;
}
.region-row.area-kashihara{
  border-left-color:#9a7a48;
}
.area-card.area-kashihara{
  border-top:4px solid #9a7a48;
}
.area-card.area-kashihara::after{
  background:#f5efe4;
}
.quick-area.area-kashihara .quick-area-visual,
.region-row.area-kashihara .region-visual{
  background-image:url('/assets/images/areas/kashihara.webp');
}
.region-row.area-kashihara .region-status-dot{
  background:#9a7a48;
  box-shadow:0 0 0 4px #f5efe4;
}
.region-row.area-kashihara .region-title-line span{
  background:#f6f0e5;
  border-color:#e6d7bd;
  color:#775d36;
}

/* /areas/ becomes a visual 2-column directory */
#areas-json.region-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
#areas-json .region-row{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
  padding:14px;
  border-radius:22px;
  background:#fff;
  height:100%;
}
#areas-json .region-visual{
  width:100%;
  aspect-ratio:16/10;
  border-radius:16px;
  flex:0 0 auto;
  background-position:center;
  background-size:cover;
}
#areas-json .region-info{
  display:flex;
  flex-direction:column;
  gap:9px;
  min-width:0;
  flex:1 1 auto;
}
#areas-json .region-label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.88rem;
}
#areas-json .region-title-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
#areas-json .region-title-line h3{
  margin:0;
  font-size:clamp(1.05rem,3vw,1.35rem);
  line-height:1.3;
}
#areas-json .region-title-line span{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  font-size:.7rem;
  font-weight:800;
}
#areas-json .region-copy p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:7px 0 0;
  min-height:4.7em;
  color:#6c746e;
  line-height:1.55;
  font-size:.86rem;
}
#areas-json .region-link{
  width:100%;
  justify-content:center;
  margin-top:auto;
  min-height:44px;
}
#areas-json .placeholder{
  grid-column:1/-1;
}

/* Home quick panel: Kashihara is now the sixth region.
   Keep the existing list feeling, only ensure every image stays compact. */
#home-quick-grid .quick-area .quick-area-visual{
  flex:0 0 auto;
}

/* Tablet */
@media (max-width:760px){
  #areas-json.region-list{
    gap:12px;
  }
  #areas-json .region-row{
    padding:10px;
    gap:9px;
    border-radius:18px;
  }
  #areas-json .region-visual{
    border-radius:13px;
    aspect-ratio:4/3;
  }
  #areas-json .region-label{
    font-size:.76rem;
  }
  #areas-json .region-title-line{
    display:block;
  }
  #areas-json .region-title-line h3{
    font-size:.98rem;
  }
  #areas-json .region-title-line span{
    margin-top:5px;
    font-size:.65rem;
  }
  #areas-json .region-copy p{
    -webkit-line-clamp:2;
    min-height:3.2em;
    font-size:.75rem;
  }
  #areas-json .region-link{
    min-height:40px;
    padding:9px 8px;
    font-size:.82rem;
  }
}

/* Very small phones still retain two columns, per Nara Plus layout rule */
@media (max-width:390px){
  #areas-json.region-list{
    gap:9px;
  }
  #areas-json .region-row{
    padding:8px;
  }
  #areas-json .region-title-line h3{
    font-size:.9rem;
  }
  #areas-json .region-copy p{
    font-size:.7rem;
  }
}

/* Sakurai Plus: seventh live region */
.quick-area.area-sakurai{
  border-left:4px solid #1B5E3A;
}
.region-row.area-sakurai{
  border-left-color:#1B5E3A;
}
.area-card.area-sakurai{
  border-top:4px solid #1B5E3A;
}
.area-card.area-sakurai::after{
  background:#f6ebdc;
}
.quick-area.area-sakurai .quick-area-visual,
.region-row.area-sakurai .region-visual{
  background-image:url('/assets/images/areas/sakurai.webp?v=20260926-1');
}
.region-row.area-sakurai .region-status-dot{
  background:#1B5E3A;
  box-shadow:0 0 0 4px #eef5ef;
}
.region-row.area-sakurai .region-title-line span{
  background:#f9eef1;
  border-color:#f4cad4;
  color:#7c3b4d;
}



/* Kashiba Plus: eighth live region */
.quick-area.area-kashiba{
  border-left:4px solid #78956b;
}
.region-row.area-kashiba{
  border-left-color:#78956b;
}
.area-card.area-kashiba{
  border-top:4px solid #78956b;
}
.area-card.area-kashiba::after{
  background:#eef4ea;
}
.quick-area.area-kashiba .quick-area-visual,
.region-row.area-kashiba .region-visual{
  background-image:url('/assets/images/areas/kashiba.webp?v=20261003-1');
}
.region-row.area-kashiba .region-status-dot{
  background:#78956b;
  box-shadow:0 0 0 4px #eef4ea;
}
.region-row.area-kashiba .region-title-line span{
  background:#f0f5ed;
  border-color:#d7e4cf;
  color:#536b49;
}

/* Kanmaki Plus: ninth live region */
.quick-area.area-kanmaki{border-left:4px solid #527e65;}
.region-row.area-kanmaki{border-left-color:#527e65;}
.area-card.area-kanmaki{border-top:4px solid #527e65;}
.area-card.area-kanmaki::after{background:#edf4ee;}
.quick-area.area-kanmaki .quick-area-visual,
.region-row.area-kanmaki .region-visual{
  background-image:url('/assets/images/areas/kanmaki.webp?v=20261008-1');
}
.region-row.area-kanmaki .region-status-dot{background:#527e65;box-shadow:0 0 0 4px #edf4ee;}
.region-row.area-kanmaki .region-title-line span{background:#edf4ee;border-color:#d2e2d5;color:#3c624b;}

/* Miyake Plus: town illustration and regional color */
.quick-area.area-miyake{border-left:4px solid #07565a;}
.region-row.area-miyake{border-left-color:#07565a;}
.area-card.area-miyake{border-top:4px solid #07565a;}
.area-card.area-miyake::after{background:#eaf3ef;}
.quick-area.area-miyake .quick-area-visual,
.region-row.area-miyake .region-visual{background-image:url('/assets/images/areas/miyake.webp?v=20261008-1');}
.region-row.area-miyake .region-status-dot{background:#07565a;box-shadow:0 0 0 4px #eaf3ef;}
.region-row.area-miyake .region-title-line span{background:#eaf3ef;border-color:#cbe1dd;color:#07565a;}


/* Kawanishi Plus: existing regional artwork, uploaded and verified */
.quick-area.area-kawanishi {
  border-left: 4px solid #243d65;
}
.region-row.area-kawanishi {
  border-left-color: #243d65;
}
.area-card.area-kawanishi {
  border-top: 4px solid #243d65;
}
.area-card.area-kawanishi::after {
  background: #eef3ef;
}
.quick-area.area-kawanishi .quick-area-visual,
.region-row.area-kawanishi .region-visual {
  background-image: url('https://kawanishi.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261011-1');
}
.region-row.area-kawanishi .region-status-dot {
  background: #243d65;
  box-shadow: 0 0 0 4px #eef3ef;
}
.region-row.area-kawanishi .region-title-line span {
  background: #eef3ef;
  border-color: #d5dece;
  color: #243d65;
}

/* Gose Plus: existing regional artwork, uploaded and verified */
.quick-area.area-gose {
  border-left: 4px solid #315e42;
}
.region-row.area-gose {
  border-left-color: #315e42;
}
.area-card.area-gose {
  border-top: 4px solid #315e42;
}
.area-card.area-gose::after {
  background: #eef3ea;
}
.quick-area.area-gose .quick-area-visual,
.region-row.area-gose .region-visual {
  background-image: url('https://gose.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261011-1');
}
.region-row.area-gose .region-status-dot {
  background: #315e42;
  box-shadow: 0 0 0 4px #eef3ea;
}
.region-row.area-gose .region-title-line span {
  background: #eef3ea;
  border-color: #d2dfcd;
  color: #315e42;
}

/* Yamatokoriyama Plus: existing regional artwork, uploaded and verified */
.quick-area.area-yamatokoriyama {
  border-left: 4px solid #284f70;
}
.region-row.area-yamatokoriyama {
  border-left-color: #284f70;
}
.area-card.area-yamatokoriyama {
  border-top: 4px solid #284f70;
}
.area-card.area-yamatokoriyama::after {
  background: #edf3f7;
}
.quick-area.area-yamatokoriyama .quick-area-visual,
.region-row.area-yamatokoriyama .region-visual {
  background-image: url('https://yamatokoriyama.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261011-1');
}
.region-row.area-yamatokoriyama .region-status-dot {
  background: #284f70;
  box-shadow: 0 0 0 4px #edf3f7;
}
.region-row.area-yamatokoriyama .region-title-line span {
  background: #edf3f7;
  border-color: #cedfe8;
  color: #284f70;
}

/* Oji Plus: shared portal artwork */
.quick-area.area-oji { border-left:4px solid #974b42; }
.region-row.area-oji { border-left-color:#974b42; }
.area-card.area-oji { border-top:4px solid #974b42; }
.area-card.area-oji::after { background:#f7eeea; }
.quick-area.area-oji .quick-area-visual,
.region-row.area-oji .region-visual {
  background-image:url('https://oji.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261011-1');
}
.region-row.area-oji .region-status-dot { background:#974b42; box-shadow:0 0 0 4px #f7eeea; }
.region-row.area-oji .region-title-line span { background:#f7eeea; border-color:#e6cdc5; color:#974b42; }

/* Ando Plus: shared portal artwork */
.quick-area.area-ando { border-left:4px solid #4f6547; }
.region-row.area-ando { border-left-color:#4f6547; }
.area-card.area-ando { border-top:4px solid #4f6547; }
.area-card.area-ando::after { background:#f4ecd7; }
.quick-area.area-ando .quick-area-visual,
.region-row.area-ando .region-visual {
  background-image:url('https://ando.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261011-1');
}
.region-row.area-ando .region-status-dot { background:#4f6547; box-shadow:0 0 0 4px #f4ecd7; }
.region-row.area-ando .region-title-line span { background:#f4ecd7; border-color:#d9dfce; color:#4f6547; }

/* Katsuragi Plus: verified regional artwork */
.quick-area.area-katsuragi { border-left:4px solid #3e7051; }
.region-row.area-katsuragi { border-left-color:#3e7051; }
.area-card.area-katsuragi { border-top:4px solid #3e7051; }
.area-card.area-katsuragi::after { background:#eef4eb; }
.quick-area.area-katsuragi .quick-area-visual,
.region-row.area-katsuragi .region-visual {
  background-image:url('https://katsuragi.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261012-1');
}
.region-row.area-katsuragi .region-status-dot { background:#3e7051; box-shadow:0 0 0 4px #eef4eb; }
.region-row.area-katsuragi .region-title-line span { background:#eef4eb; border-color:#d2e0cc; color:#3e7051; }

/* Tenri Plus: verified regional artwork */
.quick-area.area-tenri { border-left:4px solid #314e79; }
.region-row.area-tenri { border-left-color:#314e79; }
.area-card.area-tenri { border-top:4px solid #314e79; }
.area-card.area-tenri::after { background:#edf1f7; }
.quick-area.area-tenri .quick-area-visual,
.region-row.area-tenri .region-visual {
  background-image:url('https://tenri.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261012-1');
}
.region-row.area-tenri .region-status-dot { background:#314e79; box-shadow:0 0 0 4px #edf1f7; }
.region-row.area-tenri .region-title-line span { background:#edf1f7; border-color:#d1dbea; color:#314e79; }

/* Sango Plus: verified regional artwork */
.quick-area.area-sango { border-left:4px solid #315f60; }
.region-row.area-sango { border-left-color:#315f60; }
.area-card.area-sango { border-top:4px solid #315f60; }
.area-card.area-sango::after { background:#edf4f0; }
.quick-area.area-sango .quick-area-visual,
.region-row.area-sango .region-visual {
  background-image:url('https://sango.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261012-1');
}
.region-row.area-sango .region-status-dot { background:#315f60; box-shadow:0 0 0 4px #edf4f0; }
.region-row.area-sango .region-title-line span { background:#edf4f0; border-color:#d0e0d9; color:#315f60; }

/* Heguri Plus: verified regional artwork */
.quick-area.area-heguri { border-left:4px solid #805469; }
.region-row.area-heguri { border-left-color:#805469; }
.area-card.area-heguri { border-top:4px solid #805469; }
.area-card.area-heguri::after { background:#f5eff2; }
.quick-area.area-heguri .quick-area-visual,
.region-row.area-heguri .region-visual {
  background-image:url('https://heguri.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261012-1');
}
.region-row.area-heguri .region-status-dot { background:#805469; box-shadow:0 0 0 4px #f5eff2; }
.region-row.area-heguri .region-title-line span { background:#f5eff2; border-color:#e5d4dd; color:#805469; }

/* Asuka Plus: verified regional artwork */
.quick-area.area-asuka { border-left:4px solid #283f59; }
.region-row.area-asuka { border-left-color:#283f59; }
.area-card.area-asuka { border-top:4px solid #283f59; }
.area-card.area-asuka::after { background:#eef1e8; }
.quick-area.area-asuka .quick-area-visual,
.region-row.area-asuka .region-visual {
  background-image:url('https://asuka.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261014-1');
}
.region-row.area-asuka .region-status-dot { background:#283f59; box-shadow:0 0 0 4px #eef1e8; }
.region-row.area-asuka .region-title-line span { background:#eef1e8; border-color:#d0d9df; color:#283f59; }

/* Gojo Plus: verified regional artwork */
.quick-area.area-gojo { border-left:4px solid #94512d; }
.region-row.area-gojo { border-left-color:#94512d; }
.area-card.area-gojo { border-top:4px solid #94512d; }
.area-card.area-gojo::after { background:#faf0e8; }
.quick-area.area-gojo .quick-area-visual,
.region-row.area-gojo .region-visual {
  background-image:url('https://gojo.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261014-1');
}
.region-row.area-gojo .region-status-dot { background:#94512d; box-shadow:0 0 0 4px #faf0e8; }
.region-row.area-gojo .region-title-line span { background:#faf0e8; border-color:#e8cfbd; color:#94512d; }

/* Ikoma Plus: verified regional artwork */
.quick-area.area-ikoma { border-left:4px solid #426b5e; }
.region-row.area-ikoma { border-left-color:#426b5e; }
.area-card.area-ikoma { border-top:4px solid #426b5e; }
.area-card.area-ikoma::after { background:#eef3eb; }
.quick-area.area-ikoma .quick-area-visual,
.region-row.area-ikoma .region-visual {
  background-image:url('https://ikoma.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261014-2');
}
.region-row.area-ikoma .region-status-dot { background:#426b5e; box-shadow:0 0 0 4px #eef3eb; }
.region-row.area-ikoma .region-title-line span { background:#eef3eb; border-color:#cddbd0; color:#426b5e; }

/* Nara City Plus: verified regional artwork; canonical city ID narashi */
.quick-area.area-narashi { border-left:4px solid #9d4936; }
.region-row.area-narashi { border-left-color:#9d4936; }
.area-card.area-narashi { border-top:4px solid #9d4936; }
.area-card.area-narashi::after { background:#faf0e6; }
.quick-area.area-narashi .quick-area-visual,
.region-row.area-narashi .region-visual {
  background-image:url('https://naracity.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261014-1');
}
.region-row.area-narashi .region-status-dot { background:#9d4936; box-shadow:0 0 0 4px #faf0e6; }
.region-row.area-narashi .region-title-line span { background:#faf0e6; border-color:#e4c9b8; color:#9d4936; }

/* Oyodo Plus: verified regional artwork; canonical city ID oyodo */
.quick-area.area-oyodo { border-left:4px solid #27675e; }
.region-row.area-oyodo { border-left-color:#27675e; }
.area-card.area-oyodo { border-top:4px solid #27675e; }
.area-card.area-oyodo::after { background:#edf3df; }
.quick-area.area-oyodo .quick-area-visual,
.region-row.area-oyodo .region-visual {
  background-image:url('https://oyodo.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261015-1');
}
.region-row.area-oyodo .region-status-dot { background:#27675e; box-shadow:0 0 0 4px #edf3df; }
.region-row.area-oyodo .region-title-line span { background:#edf3df; border-color:#c8dacb; color:#27675e; }


/* Uda Plus: verified regional watercolor and canonical region ID uda. */
.quick-area.area-uda { border-left:4px solid #74516c; }
.region-row.area-uda { border-left-color:#74516c; }
.area-card.area-uda { border-top:4px solid #74516c; }
.area-card.area-uda::after { background:#f2eaf1; }
.quick-area.area-uda .quick-area-visual,
.region-row.area-uda .region-visual { background-image:url('https://uda.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261015-1'); }
.region-row.area-uda .region-status-dot { background:#74516c; box-shadow:0 0 0 4px #f2eaf1; }
.region-row.area-uda .region-title-line span { background:#f2eaf1; border-color:#d9cbd6; color:#74516c; }


/* Yoshino Plus: verified regional artwork; canonical city ID yoshino */
.quick-area.area-yoshino { border-left:4px solid #a34661; }
.region-row.area-yoshino { border-left-color:#a34661; }
.area-card.area-yoshino { border-top:4px solid #a34661; }
.area-card.area-yoshino::after { background:#f8e8ec; }
.quick-area.area-yoshino .quick-area-visual,
.region-row.area-yoshino .region-visual {
  background-image:url('https://yoshino.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261015-1');
}
.region-row.area-yoshino .region-status-dot { background:#a34661; box-shadow:0 0 0 4px #f8e8ec; }
.region-row.area-yoshino .region-title-line span { background:#f8e8ec; border-color:#e0c8d0; color:#a34661; }


/* Nara home: three compact image-first columns, with municipality names below. */
#home-quick-grid.quick-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
#home-quick-grid .quick-area.is-live{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
  min-height:0;
  padding:8px;
  border-left-width:3px;
  border-radius:14px;
  text-align:center;
}
#home-quick-grid .quick-area .quick-area-visual{
  width:100%;
  max-width:144px;
  height:60px;
  aspect-ratio:auto;
  flex:0 0 auto;
  border-radius:10px;
}
#home-quick-grid .quick-area-copy{
  width:100%;
  min-width:0;
}
#home-quick-grid .quick-area-copy strong{
  font-size:14px;
  line-height:1.35;
  color:var(--ink);
  white-space:normal;
  overflow-wrap:anywhere;
}
#home-quick-grid .quick-more{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  grid-column:1/-1;
  min-height:44px;
  padding:9px 12px;
  border-radius:14px;
  text-align:center;
}
#home-quick-grid .quick-more span{
  margin:0;
  font-size:11px;
}
#home-quick-grid .placeholder{grid-column:1/-1}
@media(max-width:580px){
  #home-quick-grid.quick-grid{gap:8px}
  #home-quick-grid .quick-area.is-live{padding:6px;gap:4px;border-radius:12px}
  #home-quick-grid .quick-area .quick-area-visual{height:48px;border-radius:8px}
  #home-quick-grid .quick-area-copy strong{font-size:12px;line-height:1.3}
}


/* Yamazoe Plus: verified tea fields, sheep and forest watercolor. */
.quick-area.area-yamazoe { border-left:4px solid #416b42; }
.region-row.area-yamazoe { border-left-color:#416b42; }
.area-card.area-yamazoe { border-top:4px solid #416b42; }
.area-card.area-yamazoe::after { background:#edf2df; }
.quick-area.area-yamazoe .quick-area-visual,
.region-row.area-yamazoe .region-visual {
  background-image:url('https://yamazoe.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261016-1');
}
.region-row.area-yamazoe .region-status-dot { background:#416b42; box-shadow:0 0 0 4px #edf2df; }
.region-row.area-yamazoe .region-title-line span { background:#edf2df; border-color:#cbd8b8; color:#416b42; }


/* Soni Plus: susuki highland and rock-cliff watercolor montage. */
.quick-area.area-soni { border-left:4px solid #96712e; }
.region-row.area-soni { border-left-color:#96712e; }
.area-card.area-soni { border-top:4px solid #96712e; }
.area-card.area-soni::after { background:#f4eddb; }
.quick-area.area-soni .quick-area-visual,
.region-row.area-soni .region-visual {
  background-image:url('https://soni.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261016-1');
}
.region-row.area-soni .region-status-dot { background:#96712e; box-shadow:0 0 0 4px #f4eddb; }
.region-row.area-soni .region-title-line span { background:#f4eddb; border-color:#ded0ae; color:#624b28; }


/* Mitsue Plus: forest ridge, Ise Honkaido lane and stream watercolor montage. */
.quick-area.area-mitsue { border-left:4px solid #376c63; }
.region-row.area-mitsue { border-left-color:#376c63; }
.area-card.area-mitsue { border-top:4px solid #376c63; }
.area-card.area-mitsue::after { background:#e8f0e8; }
.quick-area.area-mitsue .quick-area-visual,
.region-row.area-mitsue .region-visual {
  background-image:url('https://mitsue.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261016-1');
}
.region-row.area-mitsue .region-status-dot { background:#376c63; box-shadow:0 0 0 4px #e8f0e8; }
.region-row.area-mitsue .region-title-line span { background:#e8f0e8; border-color:#b6cbbd; color:#254f48; }


/* Shimoichi Plus: plum orchard, timber market town and stream watercolor montage. */
.quick-area.area-shimoichi { border-left:4px solid #80515e; }
.region-row.area-shimoichi { border-left-color:#80515e; }
.area-card.area-shimoichi { border-top:4px solid #80515e; }
.area-card.area-shimoichi::after { background:#f3e9eb; }
.quick-area.area-shimoichi .quick-area-visual,
.region-row.area-shimoichi .region-visual {
  background-image:url('https://shimoichi.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261017-1');
}
.region-row.area-shimoichi .region-status-dot { background:#80515e; box-shadow:0 0 0 4px #f3e9eb; }
.region-row.area-shimoichi .region-title-line span { background:#f3e9eb; border-color:#d8bec6; color:#593844; }

/* Kurotaki Plus: cedar forest, clear stream and reddish rocks. */
.quick-area.area-kurotaki { border-left:4px solid #225f52; }
.region-row.area-kurotaki { border-left-color:#225f52; }
.area-card.area-kurotaki { border-top:4px solid #225f52; }
.area-card.area-kurotaki::after { background:#e7f0e9; }
.quick-area.area-kurotaki .quick-area-visual,
.region-row.area-kurotaki .region-visual {
  background-image:url('https://kurotaki.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261017-1');
}
.region-row.area-kurotaki .region-status-dot { background:#225f52; box-shadow:0 0 0 4px #e7f0e9; }
.region-row.area-kurotaki .region-title-line span { background:#e7f0e9; border-color:#b7d0c3; color:#163f37; }

/* Tenkawa Plus: clear stream, mountains and onsen town. */
.quick-area.area-tenkawa { border-left:4px solid #315f83; }
.region-row.area-tenkawa { border-left-color:#315f83; }
.area-card.area-tenkawa { border-top:4px solid #315f83; }
.area-card.area-tenkawa::after { background:#e8eff5; }
.quick-area.area-tenkawa .quick-area-visual,
.region-row.area-tenkawa .region-visual {
  background-image:url('https://tenkawa.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261017-1');
}
.region-row.area-tenkawa .region-status-dot { background:#315f83; box-shadow:0 0 0 4px #e8eff5; }
.region-row.area-tenkawa .region-title-line span { background:#e8eff5; border-color:#bccfdf; color:#23445f; }

/* Nosegawa Plus: sea of clouds and mountain ridges. */
.quick-area.area-nosegawa { border-left:4px solid #555b83; }
.region-row.area-nosegawa { border-left-color:#555b83; }
.area-card.area-nosegawa { border-top:4px solid #555b83; }
.area-card.area-nosegawa::after { background:#eeedf5; }
.quick-area.area-nosegawa .quick-area-visual,
.region-row.area-nosegawa .region-visual {
  background-image:url('https://nosegawa.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261017-1');
}
.region-row.area-nosegawa .region-status-dot { background:#555b83; box-shadow:0 0 0 4px #eeedf5; }
.region-row.area-nosegawa .region-title-line span { background:#eeedf5; border-color:#cbc9df; color:#393f61; }

/* Totsukawa Plus: suspension bridge and emerald gorge. */
.quick-area.area-totsukawa { border-left:4px solid #246a68; }
.region-row.area-totsukawa { border-left-color:#246a68; }
.area-card.area-totsukawa { border-top:4px solid #246a68; }
.area-card.area-totsukawa::after { background:#e8f1ed; }
.quick-area.area-totsukawa .quick-area-visual,
.region-row.area-totsukawa .region-visual {
  background-image:url('https://totsukawa.ragnarok.ne.jp/assets/images/town-illustration.webp?v=20261017-1');
}
.region-row.area-totsukawa .region-status-dot { background:#246a68; box-shadow:0 0 0 4px #e8f1ed; }
.region-row.area-totsukawa .region-title-line span { background:#e8f1ed; border-color:#b8d2ca; color:#174b49; }