/* ============================================================
   RENTAL_PAGE_UI_ASSETS_v1
   Rental adventurer selection page visual asset integration.
   Scope: #dungeonRental only. No rental/dungeon/save logic changes.
   Dynamic text, values and character portraits remain HTML/runtime.
   ============================================================ */

#dungeonRental{
  --rent-ui-path: "../assets/ui/rental_page/";
}

/* ---------- Page title ---------- */
#dungeonRental .rental-title-line{
  position:relative!important;
  isolation:isolate!important;
  min-height:clamp(30px,2.15vw,42px)!important;
  padding:0 clamp(10px,.75vw,16px)!important;
  overflow:visible!important;
}
#dungeonRental .rental-title-line::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  box-sizing:border-box;
  border-style:solid;
  border-color:transparent;
  border-width:14px 24px;
  border-image-source:url("../assets/ui/rental_page/RENT_FRAME_001_NORMAL_01.png");
  border-image-slice:14 24 14 24 fill;
  border-image-width:14px 24px;
  border-image-repeat:stretch;
}
#dungeonRental .rental-title-line > *{position:relative!important;z-index:1!important;}
#dungeonRental .rental-title-line h2{color:#f3d58d!important;text-shadow:0 1px 1px #000!important;}

/* ---------- Header search ---------- */
#dungeonRental .rental-head-search-input-wrap{position:relative!important;}
#dungeonRental .rental-head-search-input-wrap input{
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url("../assets/ui/rental_page/RENT_SEARCH_001_NORMAL_01.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
  padding-left:clamp(12px,.75vw,18px)!important;
  padding-right:clamp(12px,.75vw,18px)!important;
}
#dungeonRental .rental-head-search-input-wrap input:focus{
  background-image:url("../assets/ui/rental_page/RENT_SEARCH_001_FOCUS_01.png")!important;
  box-shadow:0 0 .45vw rgba(77,177,222,.13)!important;
}

/* Header auxiliary actions use the same rental-page design language. */
#dungeonRental #rentalHeaderFavorite,
#dungeonRental .rental-no-rental-head-action{
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
}
#dungeonRental #rentalHeaderFavorite{
  position:relative!important;
  padding-left:clamp(26px,1.85vw,34px)!important;
  background-image:url("../assets/ui/rental_page/RENT_FILTER_001_NORMAL_01.png")!important;
}
#dungeonRental #rentalHeaderFavorite:hover,
#dungeonRental #rentalHeaderFavorite.active{
  background-image:url("../assets/ui/rental_page/RENT_FILTER_001_HOVER_01.png")!important;
}
#dungeonRental #rentalHeaderFavorite::before{
  content:"";
  position:absolute;
  left:clamp(6px,.45vw,9px);
  top:50%;
  width:clamp(16px,1.1vw,20px);
  height:clamp(16px,1.1vw,20px);
  transform:translateY(-50%);
  background:url("../assets/ui/rental_page/HUD_ICON_STAR_ORNAMENT_LARGE.png") center/contain no-repeat;
  pointer-events:none;
}
#dungeonRental .rental-no-rental-head-action{
  background-image:url("../assets/ui/rental_page/RENT_BTN_001_NORMAL_01.png")!important;
  color:#d8eef7!important;
}
#dungeonRental .rental-no-rental-head-action:hover{
  background-image:url("../assets/ui/rental_page/RENT_BTN_001_HOVER_01.png")!important;
}
#dungeonRental .rental-no-rental-head-action:active{
  background-image:url("../assets/ui/rental_page/RENT_BTN_001_PRESSED_01.png")!important;
}

/* ---------- T1 lineage tabs ---------- */
#dungeonRental #rentalBrowser .rental-search-row-all button{
  position:relative!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url("../assets/ui/rental_page/RENT_TAB_001_NORMAL_01.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
  color:#cfeaf5!important;
}
#dungeonRental #rentalBrowser .rental-search-row-all button:hover{
  filter:brightness(1.10)!important;
}
#dungeonRental #rentalBrowser .rental-search-row-all button.active{
  background-image:url("../assets/ui/rental_page/RENT_TAB_002_SELECTED_01.png")!important;
  color:#fff0b0!important;
  filter:none!important;
}
#dungeonRental #rentalBrowser .rental-search-row-all button:first-child span{
  display:inline-block!important;
  width:clamp(13px,.9vw,18px)!important;
  height:clamp(13px,.9vw,18px)!important;
  margin-right:.18em!important;
  color:transparent!important;
  font-size:0!important;
  vertical-align:middle!important;
  background:url("../assets/ui/rental_page/HUD_ICON_COMPASS_LARGE.png") center/contain no-repeat!important;
}

/* ---------- Select filters ---------- */
#dungeonRental #rentalBrowser .rental-search-row-all .rental-inline-select{
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url("../assets/ui/rental_page/RENT_FILTER_001_NORMAL_01.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  color:#d6e7ee!important;
  box-shadow:none!important;
}
#dungeonRental #rentalBrowser .rental-search-row-all .rental-inline-select:hover,
#dungeonRental #rentalBrowser .rental-search-row-all .rental-inline-select:focus{
  background-image:url("../assets/ui/rental_page/RENT_FILTER_001_HOVER_01.png")!important;
  outline:none!important;
}

/* ---------- Candidate card normal / hover / selected frame ---------- */
#dungeonRental .rental-character-card{
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(10,24,32,.97),rgba(5,13,18,.98))!important;
  isolation:isolate!important;
}
#dungeonRental .rental-character-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  border:20px solid transparent!important;
  border-image-source:url("../assets/ui/rental_page/RENT_CARD_001_NORMAL_01.png")!important;
  border-image-slice:20!important;
  border-image-width:20px!important;
  border-image-repeat:stretch!important;
}
#dungeonRental .rental-character-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:21!important;
  pointer-events:none!important;
  border:0!important;
  border-radius:0!important;
  background:url("../assets/ui/rental_page/RENT_CARD_002_HOVER_01.png") center/100% 100% no-repeat!important;
  opacity:0!important;
  transition:opacity .12s ease!important;
}
#dungeonRental .rental-character-card:hover::after{opacity:1!important;}
#dungeonRental .rental-character-card:focus-within::after{
  opacity:1!important;
  background-image:url("../assets/ui/rental_page/RENT_CARD_002_SELECTED_01.png")!important;
}

/* ---------- Portrait frame ---------- */
#dungeonRental .rental-card-portrait{
  border:0!important;
  border-right:0!important;
  isolation:isolate!important;
}
#dungeonRental .rental-card-portrait::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  border-style:solid!important;
  border-color:transparent!important;
  border-width:16px 12px!important;
  border-image-source:url("../assets/ui/rental_page/RENT_CARD_010_NORMAL_01.png")!important;
  border-image-slice:16 12 16 12!important;
  border-image-width:16px 12px!important;
  border-image-repeat:stretch!important;
}
#dungeonRental .rental-card-portrait::after{z-index:2!important;}
#dungeonRental .rental-card-tier-badge{z-index:6!important;}

/* ---------- HP / MP ---------- */
#dungeonRental .rental-vital-track{
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  padding:1px!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
}
#dungeonRental .rental-vital-row.hp .rental-vital-track{
  background-image:url("../assets/ui/rental_page/RENT_CARD_030_NORMAL_01.png")!important;
}
#dungeonRental .rental-vital-row.mp .rental-vital-track{
  background-image:url("../assets/ui/rental_page/RENT_CARD_032_NORMAL_01.png")!important;
}

/* ---------- Adventure skill cells ---------- */
#dungeonRental .rental-card-skill{
  position:relative!important;
  isolation:isolate!important;
}
#dungeonRental .rental-card-skill::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  box-sizing:border-box;
  border-style:solid;
  border-color:transparent;
  border-width:8px 10px;
  border-image-source:url("../assets/ui/rental_page/RENT_CARD_050_NORMAL_01.png");
  border-image-slice:8 10 8 10;
  border-image-width:8px 10px;
  border-image-repeat:stretch;
}
#dungeonRental .rental-card-skill > *{position:relative!important;z-index:3!important;}
#dungeonRental .rental-card-skill-title{
  display:grid!important;
  grid-template-columns:auto minmax(24px,1fr)!important;
  align-items:center!important;
  gap:.3vw!important;
}
#dungeonRental .rental-card-skill-title::after{
  content:"";
  display:block;
  min-width:24px;
  height:clamp(4px,.35vw,7px);
  background:url("../assets/ui/rental_page/RENT_LINE_001_NORMAL_01.png") center/100% 100% no-repeat;
  opacity:.88;
}

/* ---------- Rental price coin ---------- */
#dungeonRental .rental-card-price b{
  display:inline-flex!important;
  align-items:center!important;
  gap:.15em!important;
}
#dungeonRental .rental-card-price b::before{
  content:"";
  width:clamp(13px,.9vw,17px);
  height:clamp(13px,.9vw,17px);
  flex:0 0 auto;
  background:url("../assets/ui/rental_page/HUD_ICON_GOLD_COINS.png") center/contain no-repeat;
}

/* ---------- Favorite star ---------- */
#dungeonRental .rental-card-favorite{
  border:0!important;
  background-color:transparent!important;
  background-image:url("../assets/ui/rental_page/HUD_ICON_STAR_ORNAMENT_LARGE.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:82% 82%!important;
  color:transparent!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
#dungeonRental .rental-card-favorite.active{
  background-color:transparent!important;
  filter:brightness(1.25) drop-shadow(0 0 3px rgba(235,188,78,.45))!important;
}

/* ---------- Detail / Rent action buttons ---------- */
#dungeonRental .rental-card-actions button{
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
}
#dungeonRental .rental-card-detail-btn{
  background-image:url("../assets/ui/rental_page/RENT_BTN_001_NORMAL_01.png")!important;
  color:#d8eef7!important;
}
#dungeonRental .rental-card-detail-btn:hover{
  background-image:url("../assets/ui/rental_page/RENT_BTN_001_HOVER_01.png")!important;
}
#dungeonRental .rental-card-detail-btn:active{
  background-image:url("../assets/ui/rental_page/RENT_BTN_001_PRESSED_01.png")!important;
}
#dungeonRental .rental-card-rent-btn{
  background-image:url("../assets/ui/rental_page/RENT_BTN_002_NORMAL_01.png")!important;
  color:#ffe9a8!important;
}
#dungeonRental .rental-card-rent-btn:hover:not(:disabled){
  background-image:url("../assets/ui/rental_page/RENT_BTN_002_HOVER_01.png")!important;
}
#dungeonRental .rental-card-rent-btn:active:not(:disabled){
  background-image:url("../assets/ui/rental_page/RENT_BTN_002_PRESSED_01.png")!important;
}
#dungeonRental .rental-card-rent-btn:disabled{
  opacity:1!important;
  filter:none!important;
  color:#8b846f!important;
  background-image:url("../assets/ui/rental_page/RENT_BTN_002_DISABLED_01.png")!important;
}

/* ---------- Carousel arrow assets ---------- */
#dungeonRental .rental-carousel-arrow{
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url("../assets/ui/rental_page/RENT_NAV_001_NORMAL_01.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
  color:#ffe7a2!important;
}
#dungeonRental .rental-carousel-arrow:hover{
  background-image:url("../assets/ui/rental_page/RENT_NAV_001_HOVER_01.png")!important;
  box-shadow:none!important;
}
#dungeonRental .rental-carousel-arrow:active{
  background-image:url("../assets/ui/rental_page/RENT_NAV_001_PRESSED_01.png")!important;
}

/* ---------- Browser outer card: let dedicated rental assets be the ornament ---------- */
#dungeonRental .rental-browser-card{
  border-color:rgba(166,126,48,.62)!important;
  background:rgba(4,13,18,.42)!important;
}

/* Keep compact 4k/launcher scaling readable. */
@media (max-width:900px) and (orientation:landscape){
  #dungeonRental .rental-title-line{padding-left:8px!important;padding-right:8px!important;}
  #dungeonRental #rentalHeaderFavorite{padding-left:23px!important;}
  #dungeonRental #rentalHeaderFavorite::before{left:5px;width:14px;height:14px;}
  #dungeonRental #rentalBrowser .rental-search-row-all button:first-child span{width:12px!important;height:12px!important;}
  #dungeonRental .rental-card-skill-title::after{height:4px;}
}