
/* V7.273 · compact composition pass based on real mobile screenshots */
.v7249-stage{
  min-height:1130px!important;
}
.v7249-live{
  top:1.35%!important;
  left:3%!important;
  right:3%!important;
}
.v7249-live-left:empty{display:block!important}
.v7249-pill.station{
  max-width:72%!important;
  white-space:nowrap!important;
}
.v7250-hero{
  top:8.6%!important;
  left:3%!important;
  right:3%!important;
  padding:14px 15px 13px!important;
  border-radius:20px!important;
}
.v7250-hero h1{
  font-size:clamp(31px,7.4vw,52px)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:.96!important;
}
.v7250-hero p{
  max-width:96%!important;
  font-size:clamp(11px,1.5vw,15px)!important;
}
.v7250-hero-stats{
  margin-top:10px!important;
}
.v7250-hero-stats span{
  padding:6px 9px!important;
  font-size:clamp(8px,1.15vw,10px)!important;
}

/* Compact 5-step rail – no long labels fighting for width */
.v7249-progress{
  top:37.5%!important;
  left:3%!important;
  right:3%!important;
  height:auto!important;
  padding:11px 13px 10px!important;
  border-radius:20px!important;
  display:block!important;
}
.v7253-progress-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:center;
  gap:0;
}
.v7249-step{
  position:relative;
}
.v7249-step:before{
  top:23px!important;
  left:-50%!important;
  right:50%!important;
  height:3px!important;
}
.v7249-step-circle{
  width:46px!important;
  height:46px!important;
  font-size:18px!important;
}
.v7249-step-name{display:none!important}
.v7253-current-stop{
  margin:9px auto 0;
  width:max-content;
  max-width:92%;
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid #5c7149;
  border-radius:999px;
  background:#061009e8;
  box-shadow:0 5px 14px #0007;
  color:#dbe8ce;
}
.v7253-current-stop span{
  color:#96b582;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.7px;
}
.v7253-current-stop b{
  color:#f0d998;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Move encounter up after shrinking progress rail */
.v7249-encounter{
  top:48.8%!important;
  min-height:10.5%!important;
  padding:12px 14px!important;
}
.v7249-encounter h3{
  font-size:clamp(27px,5vw,43px)!important;
}
.v7249-encounter p{
  font-size:clamp(10px,1.35vw,14px)!important;
}

/* Choices get more room and no wasted vertical block */
.v7249-actions{
  top:60.7%!important;
  bottom:8.2%!important;
}
.v7249-action{
  padding:13px 12px 11px!important;
}
.v7249-action h4{
  font-size:clamp(18px,3vw,25px)!important;
}
.v7249-action p{
  min-height:38px!important;
  font-size:clamp(9px,1.2vw,12px)!important;
}
.v7249-reward{
  padding:7px 4px!important;
}
.v7249-reward b{
  font-size:clamp(9px,1.4vw,12px)!important;
}
.v7249-action-btn{
  min-height:46px!important;
}

/* Cleaner bottom HUD */
.v7249-bottom{
  bottom:1.1%!important;
}
.v7249-status{
  padding:9px 10px!important;
}
.v7249-status p{
  display:none!important;
}
.v7249-status b{
  font-size:clamp(9px,1.5vw,12px)!important;
}

/* Route selector uses same compact hero composition */
.v7249-routes{
  top:35.5%!important;
  bottom:5.5%!important;
}
.v7249-route{
  padding:10px 11px!important;
}
.v7249-route h4{
  font-size:clamp(17px,3vw,23px)!important;
}

/* Result overlay follows same composition */
.v7249-result{
  top:55%!important;
  bottom:8.5%!important;
}

@media(max-width:560px){
  .v7249-stage{min-height:1080px!important}
  .v7249-live{top:1.2%!important;left:2.5%!important;right:2.5%!important}
  .v7249-pill.station{
    max-width:69%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .v7250-hero{
    top:8.3%!important;
    left:2.5%!important;
    right:2.5%!important;
    padding:11px!important;
  }
  .v7250-hero h1{
    font-size:36px!important;
    overflow-wrap:normal!important;
  }
  .v7250-hero p{font-size:11px!important}
  .v7250-hero-stats{gap:5px!important}
  .v7250-hero-stats span{font-size:8px!important;padding:5px 7px!important}

  .v7249-progress{
    top:37.2%!important;
    left:2.5%!important;
    right:2.5%!important;
    padding:9px 8px 8px!important;
    border-radius:16px!important;
  }
  .v7249-step-circle{
    width:40px!important;
    height:40px!important;
    font-size:16px!important;
  }
  .v7249-step:before{top:20px!important}
  .v7253-current-stop{
    margin-top:7px!important;
    padding:5px 8px!important;
  }
  .v7253-current-stop span{font-size:7px!important}
  .v7253-current-stop b{font-size:8px!important}

  .v7249-encounter{
    top:48.5%!important;
    left:2.4%!important;
    right:2.4%!important;
    min-height:11%!important;
    border-radius:17px!important;
  }
  .v7249-encounter h3{font-size:26px!important}
  .v7249-encounter p{font-size:10px!important}

  .v7249-actions{
    top:60.6%!important;
    left:2.1%!important;
    right:2.1%!important;
    bottom:7.5%!important;
    gap:8px!important;
  }
  .v7249-action{
    padding:10px 8px 9px!important;
    border-radius:16px!important;
  }
  .v7249-action-head{gap:5px!important}
  .v7249-action-icon{
    width:34px!important;
    height:34px!important;
    font-size:17px!important;
  }
  .v7249-action h4{font-size:15px!important}
  .v7249-action p{font-size:8px!important;min-height:35px!important}
  .v7249-risk{padding:5px!important;font-size:7px!important}
  .v7249-loot-label{font-size:7px!important}
  .v7249-loot{gap:3px!important}
  .v7249-reward{padding:5px 2px!important}
  .v7249-reward .ico{font-size:18px!important}
  .v7249-reward b{font-size:8px!important}
  .v7249-reward span{font-size:6px!important}
  .v7249-action-btn{
    min-height:40px!important;
    font-size:8px!important;
  }
  .v7249-bottom{
    left:2.2%!important;
    right:2.2%!important;
    bottom:.8%!important;
    gap:6px!important;
  }
  .v7249-status{
    padding:7px!important;
    border-radius:14px!important;
  }
  .v7249-status .ico{
    width:33px!important;height:33px!important;font-size:17px!important;
  }
}

/* V7.273 · compact route selector + no persistent end-card */
.v7254-route-select{
  min-height:980px!important;
}
.v7254-route-select .v7249-encounter[style*="top:31%"]{
  top:27.8%!important;
  left:2.5%!important;
  right:2.5%!important;
  min-height:10.2%!important;
  padding:10px 12px!important;
  border-radius:18px!important;
}
.v7254-route-select .v7249-encounter[style*="top:31%"] h3{
  font-size:clamp(27px,5.2vw,44px)!important;
}
.v7254-route-select .v7249-encounter[style*="top:31%"] p{
  font-size:clamp(10px,1.4vw,13px)!important;
}
.v7254-route-select .v7249-routes{
  top:39%!important;
  bottom:4.2%!important;
  gap:8px!important;
  align-content:start!important;
}
.v7254-route-select .v7249-route{
  padding:10px 10px!important;
  border-radius:16px!important;
  gap:8px!important;
}
.v7254-route-select .v7249-route p{
  line-height:1.26!important;
}
.v7254-route-select .v7249-route-tags{margin-top:4px!important}
.v7254-route-select .v7249-route-tags span{padding:3px 5px!important}
.v7254-route-select .v7249-route-side button{
  min-width:104px!important;
  min-height:34px!important;
}
@media(max-width:560px){
  .v7254-route-select{min-height:940px!important}
  .v7254-route-select .v7249-encounter[style*="top:31%"]{
    top:26.9%!important;
    left:2.5%!important;
    right:2.5%!important;
    min-height:9.6%!important;
    padding:9px 10px!important;
    border-radius:16px!important;
  }
  .v7254-route-select .v7249-encounter[style*="top:31%"] h3{font-size:24px!important}
  .v7254-route-select .v7249-encounter[style*="top:31%"] p{font-size:10px!important;line-height:1.3!important}
  .v7254-route-select .v7249-routes{
    top:37.2%!important;
    bottom:4%!important;
    left:2.4%!important;
    right:2.4%!important;
    gap:7px!important;
  }
  .v7254-route-select .v7249-route{
    padding:8px 8px!important;
    border-radius:15px!important;
    gap:7px!important;
    grid-template-columns:1fr auto!important;
  }
  .v7254-route-select .v7249-route h4{font-size:16px!important}
  .v7254-route-select .v7249-route p{font-size:8px!important}
  .v7254-route-select .v7249-route-tags{gap:3px!important;margin-top:4px!important}
  .v7254-route-select .v7249-route-tags span{font-size:6px!important;padding:3px 5px!important}
  .v7254-route-select .v7249-route-side b{font-size:14px!important}
  .v7254-route-select .v7249-route-side button{min-width:96px!important;min-height:36px!important;font-size:8px!important}
}

/* V7.273 · lighter route-selection layout */
.v7254-route-select{
  min-height:920px!important;
}
.v7254-route-select .v7250-hero{
  top:11.2%!important;
  left:3%!important;
  right:3%!important;
  min-height:auto!important;
  padding:14px 14px 12px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(6,18,10,.82),rgba(5,12,8,.68))!important;
  backdrop-filter:blur(7px)!important;
}
.v7254-route-select .v7250-hero .kicker{margin-bottom:8px!important}
.v7254-route-select .v7250-hero h1{
  font-size:clamp(34px,6vw,54px)!important;
  line-height:.98!important;
  margin-bottom:8px!important;
}
.v7254-route-select .v7250-hero p{
  max-width:92%!important;
  font-size:clamp(11px,1.8vw,15px)!important;
  line-height:1.32!important;
  margin-bottom:10px!important;
}
.v7254-route-select .v7250-hero-stats{gap:4px!important;margin-top:4px!important}
.v7254-route-select .v7250-hero-stats span{
  font-size:clamp(8px,1.35vw,11px)!important;
  padding:6px 10px!important;
}
.v7254-route-select .v7249-routes{
  top:31.8%!important;
  bottom:5%!important;
  left:2.8%!important;
  right:2.8%!important;
  gap:10px!important;
  align-content:start!important;
}
.v7254-route-select .v7249-route{
  padding:11px 12px!important;
  border-radius:18px!important;
  gap:9px!important;
  background:linear-gradient(180deg,rgba(8,22,12,.76),rgba(6,14,9,.58))!important;
  backdrop-filter:blur(6px)!important;
}
.v7254-route-select .v7249-route h4{margin-bottom:3px!important}
.v7254-route-select .v7249-route p{
  line-height:1.24!important;
  font-size:clamp(8px,1.2vw,10px)!important;
}
.v7254-route-select .v7249-route-tags{margin-top:5px!important;gap:4px!important}
.v7254-route-select .v7249-route-tags span{padding:3px 6px!important}
.v7254-route-select .v7249-route-side b{font-size:clamp(14px,2.6vw,19px)!important}
.v7254-route-select .v7249-route-side button{min-width:106px!important;min-height:36px!important}
@media(max-width:560px){
  .v7254-route-select{min-height:900px!important}
  .v7254-route-select .v7250-hero{
    top:10.6%!important;
    left:2.6%!important;
    right:2.6%!important;
    padding:12px 12px 10px!important;
    border-radius:18px!important;
  }
  .v7254-route-select .v7250-hero h1{font-size:31px!important}
  .v7254-route-select .v7250-hero p{font-size:10px!important;max-width:100%!important}
  .v7254-route-select .v7250-hero-stats{gap:5px!important}
  .v7254-route-select .v7250-hero-stats span{font-size:8px!important;padding:5px 8px!important}
  .v7254-route-select .v7249-routes{
    top:29.6%!important;
    bottom:4.4%!important;
    left:2.4%!important;
    right:2.4%!important;
    gap:8px!important;
  }
  .v7254-route-select .v7249-route{
    padding:10px 10px!important;
    border-radius:16px!important;
    gap:8px!important;
    grid-template-columns:1fr auto!important;
  }
  .v7254-route-select .v7249-route h4{font-size:15px!important}
  .v7254-route-select .v7249-route p{font-size:8px!important}
  .v7254-route-select .v7249-route-tags span{font-size:6px!important;padding:3px 5px!important}
  .v7254-route-select .v7249-route-side b{font-size:13px!important}
  .v7254-route-select .v7249-route-side button{min-width:92px!important;min-height:34px!important;font-size:8px!important}
}

/* V7.273 · more background + premium route cards */
.v7254-route-select{min-height:790px!important;background:radial-gradient(circle at 50% 0,rgba(211,145,63,.08),transparent 30%),linear-gradient(180deg,#4b2a14 0%,#2b170b 58%,#1f1008 100%)!important}
.v7254-route-select .v7250-hero{
  top:6.6%!important;
  left:5.2%!important;
  right:5.2%!important;
  padding:6px 10px 6px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(96,52,21,.88),rgba(55,29,13,.82))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22), inset 0 0 0 1px rgba(212,177,91,.22)!important;
}
.v7254-route-select .v7250-hero h1{font-size:clamp(24px,4.6vw,38px)!important;margin:2px 0!important}
.v7254-route-select .v7250-hero p{font-size:clamp(8px,1.2vw,11px)!important;line-height:1.18!important;margin-bottom:4px!important;max-width:94%!important}
.v7254-route-select .v7250-hero-stats{gap:6px!important}
.v7254-route-select .v7250-hero-stats span{padding:3px 6px!important;font-size:clamp(6.5px,.95vw,8px)!important;background:#35200fe8!important;border-color:#76512b!important}
.v7254-route-select .v7249-routes{
  top:25.8%!important;
  left:3.5%!important;
  right:3.5%!important;
  bottom:6.4%!important;
  gap:12px!important;
}
.v7254-route-select .v7249-route{
  position:relative;
  overflow:hidden;
  padding:12px 12px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(76,42,18,.86) 0%,rgba(45,24,11,.78) 100%)!important;
  border:1px solid rgba(190,135,67,.42)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,240,190,.07)!important;
}
.v7254-route-select .v7249-route::before{
  content:''; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg,rgba(110,195,95,.95),rgba(215,175,86,.92)); opacity:.95;
}
.v7254-route-select .v7249-route:nth-child(2)::before{background:linear-gradient(90deg,rgba(211,150,74,.95),rgba(234,198,100,.92));}
.v7254-route-select .v7249-route:nth-child(3)::before{background:linear-gradient(90deg,rgba(239,186,76,.95),rgba(255,220,140,.94));}
.v7254-route-select .v7249-route h4{font-size:clamp(17px,2.9vw,25px)!important;margin:0 0 4px!important}
.v7254-route-select .v7249-route p{font-size:clamp(8px,1.12vw,9px)!important;line-height:1.22!important;color:#d0d8cb!important}
.v7254-route-select .v7249-route-tags{gap:4px!important;margin-top:6px!important}
.v7254-route-select .v7249-route-tags span{padding:4px 7px!important;border-color:rgba(214,180,97,.26)!important;background:rgba(6,12,8,.24)!important}
.v7254-route-select .v7249-route-side{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;min-width:108px!important}
.v7254-route-select .v7249-route-side b{
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  padding:8px 10px!important; border-radius:999px!important;
  background:rgba(50,27,13,.72)!important; border:1px solid rgba(190,135,67,.42)!important;
  color:#f0d58b!important; font-size:clamp(14px,2.4vw,18px)!important;
}
.v7254-route-select .v7249-route-side button{
  min-width:108px!important; min-height:40px!important; border-radius:14px!important;
  font-size:11px!important; letter-spacing:.06em!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.v7254-route-select .v7249-route:nth-child(1) .v7249-route-side button{background:linear-gradient(180deg,#56bb47,#347e2d)!important}
.v7254-route-select .v7249-route:nth-child(2) .v7249-route-side button{background:linear-gradient(180deg,#c8943c,#946022)!important}
.v7254-route-select .v7249-route:nth-child(3) .v7249-route-side button{background:linear-gradient(180deg,#dbaf49,#a9751d)!important}
@media(max-width:560px){
  .v7254-route-select{min-height:750px!important}
  .v7254-route-select .v7250-hero{top:6.2%!important;left:4.2%!important;right:4.2%!important;padding:6px 9px 6px!important}
  .v7254-route-select .v7250-hero h1{font-size:21px!important}
  .v7254-route-select .v7250-hero p{font-size:8px!important;max-width:100%!important;margin-bottom:3px!important}
  .v7254-route-select .v7250-hero-stats span{font-size:6px!important;padding:3px 5px!important}
  .v7254-route-select .v7249-routes{top:24.2%!important;left:3%!important;right:3%!important;bottom:6%!important;gap:9px!important}
  .v7254-route-select .v7249-route{padding:10px 10px!important;border-radius:18px!important;gap:8px!important}
  .v7254-route-select .v7249-route h4{font-size:14px!important}
  .v7254-route-select .v7249-route p{font-size:7px!important}
  .v7254-route-select .v7249-route-tags span{font-size:6px!important;padding:3px 5px!important}
  .v7254-route-select .v7249-route-side{min-width:92px!important;gap:6px!important}
  .v7254-route-select .v7249-route-side b{font-size:12px!important;padding:7px 8px!important}
  .v7254-route-select .v7249-route-side button{min-width:92px!important;min-height:36px!important;font-size:9px!important}
}
