/* V23 — surgical homepage game correction.
   Purpose: remove the old three-band scene, make the current Thane landmark obvious,
   and keep the game centered/compact. Nothing outside the hero game is changed. */

.hero-game-first-wrap .hero-breath-card{
  width:min(920px,100%) !important;
  margin:0 auto 34px !important;
  transform:none !important;
  padding:15px 18px 13px !important;
  border-radius:26px !important;
}

/* One clean landmark panel — no fake sky/water bands or decorative scene layers. */
.hero-breath-scene{
  height:88px !important;
  min-height:88px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
  background-image:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:none !important;
}
.hero-breath-scene::before,
.hero-breath-scene::after{
  content:none !important;
  display:none !important;
}

.hero-landmark-label{
  position:static !important;
  z-index:2 !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  backdrop-filter:none !important;
  color:#f4a66f !important;
  font:800 8px/1 "DM Sans",sans-serif !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
}

.hero-place-lockup{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:0;
  max-width:96%;
}
.hero-place-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(244,166,111,.13);
  border:1px solid rgba(244,166,111,.28);
  font-size:25px;
  line-height:1;
  box-shadow:0 5px 14px rgba(0,0,0,.10);
}
#hero-game-place{
  position:static !important;
  inset:auto !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  background:none !important;
  backdrop-filter:none !important;
  color:#fff !important;
  font-family:"Newsreader",Georgia,serif !important;
  font-size:clamp(42px,5vw,56px) !important;
  font-weight:600 !important;
  line-height:.92 !important;
  letter-spacing:-.035em !important;
  text-transform:none !important;
  text-align:center !important;
  white-space:nowrap !important;
}

/* Keep the action clear and balanced after narrowing the card. */
.hero-breath__copy{
  grid-template-columns:minmax(0,1fr) 132px !important;
  gap:16px !important;
  align-items:center !important;
  padding:12px 2px 9px !important;
}
.hero-breath__copy h2{font-size:30px !important;line-height:.98 !important}
.hero-breath__copy>div>p:last-child{font-size:12px !important;line-height:1.3 !important}

/* Preserve readable journey icons/labels even if an older game stylesheet is cached. */
.hero-map{height:74px !important;margin:0 2px 8px !important;border-radius:14px !important}
.hero-map__path{height:52px !important;bottom:2px !important}
.hero-route{inset:17px 4px 1px !important}
.hero-route li{font-size:6.7px !important;line-height:1 !important;gap:2px !important}
.hero-route li span{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  max-width:72px !important;
  white-space:normal !important;
}
.hero-route li span::before{
  content:attr(data-icon) !important;
  display:block !important;
  margin:0 0 1px !important;
  font-size:12px !important;
  line-height:1 !important;
}
.hero-route li i{width:22px !important;height:22px !important;font-size:7px !important}

@media(max-width:700px){
  .hero-game-first-wrap .hero-breath-card{
    width:100% !important;
    padding:12px 12px 10px !important;
    margin-bottom:26px !important;
    border-radius:22px !important;
  }
  .hero-breath-scene{height:78px !important;min-height:78px !important;border-radius:15px !important}
  .hero-place-lockup{gap:8px;max-width:98%}
  .hero-place-icon{width:34px;height:34px;font-size:20px}
  #hero-game-place{font-size:clamp(32px,9.2vw,43px) !important;max-width:calc(100vw - 105px);overflow:hidden;text-overflow:ellipsis}
  .hero-landmark-label{font-size:7px !important}
  .hero-breath__copy{grid-template-columns:minmax(0,1fr) 112px !important;gap:9px !important;padding:9px 0 7px !important}
  .hero-breath__copy h2{font-size:24px !important}
  .hero-breath__copy>div>p:last-child{font-size:10px !important}
  .hero-map{height:66px !important}
  .hero-map__path{height:46px !important}
  .hero-route{inset:12px 0 0 !important}
  .hero-route li{font-size:5.7px !important;gap:1px !important}
  .hero-route li span{max-width:50px !important}
  .hero-route li span::before{font-size:9px !important}
  .hero-route li i{width:18px !important;height:18px !important;font-size:6px !important}
}