/* LuRana V6.2 FINAL MEGA POLISH
   Add-on for V6.1. No backend changes. */

:root{
  --v62-nav-offset: 142px;
  --v62-glow: rgba(54,200,242,.18);
}

/* Smooth navigation */
html{
  scroll-behavior:smooth!important;
  scroll-padding-top:var(--v62-nav-offset)!important;
}
body.lurana-v61 [id]{
  scroll-margin-top:var(--v62-nav-offset)!important;
}

/* Sticky game navigation */
body.lurana-v61 header,
body.lurana-v61 .topbar{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.lurana-v61 .nav{
  position:sticky!important;
  top:58px!important;
  z-index:995!important;
  box-shadow:0 12px 30px rgba(0,0,0,.35)!important;
}

/* Active section feedback */
body.lurana-v61 .nav-btn.v62-active,
body.lurana-v61 header nav a.v62-active{
  background:linear-gradient(180deg,#0aa7db,#066f94)!important;
  border-color:#65ddff!important;
  color:#fff!important;
  box-shadow:inset 0 -2px 0 #62e0ff,0 0 24px var(--v62-glow)!important;
}

/* Scroll progress */
#v62-scroll-progress{
  position:fixed;
  left:0;
  top:0;
  height:2px;
  width:0;
  z-index:2000;
  background:linear-gradient(90deg,#48d9ff,#68e292,#f0b54c);
  box-shadow:0 0 10px rgba(72,217,255,.55);
  pointer-events:none;
}

/* Hero polish: closer to confirmed mockup */
body.lurana-v61 .v61-hero{
  min-height:380px!important;
  background:
    linear-gradient(90deg,rgba(0,5,8,.90) 0%,rgba(0,6,9,.62) 42%,rgba(0,6,9,.04) 76%,rgba(0,6,9,.10)),
    url('/dashboard/assets-v61/hero-survivor-coast.webp') center/cover no-repeat!important;
}
body.lurana-v61 .v61-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 34%,rgba(0,0,0,.18)),
    radial-gradient(circle at 76% 28%,rgba(255,182,93,.10),transparent 24%);
  pointer-events:none;
}
body.lurana-v61 .v61-hero-copy{z-index:3!important}
body.lurana-v61 .v61-hero h1{
  text-shadow:0 5px 30px #000,0 0 2px rgba(255,255,255,.24)!important;
}

/* More visible cinematic side art */
body.lurana-v61{
  background:
    linear-gradient(rgba(1,5,7,.73),rgba(1,5,7,.92)),
    url('/dashboard/assets-v61/shipwreck-coast.webp') center top/cover fixed no-repeat!important;
}
body.lurana-v61.v61-portal{
  background:
    linear-gradient(rgba(1,5,7,.72),rgba(1,5,7,.92)),
    url('/portal/static/assets-v61/shipwreck-coast.webp') center top/cover fixed no-repeat!important;
}

/* Richer status cards */
body.lurana-v61 .v61-status{
  min-height:132px!important;
  box-shadow:inset 0 0 35px rgba(0,0,0,.18),0 8px 22px rgba(0,0,0,.18);
}
body.lurana-v61 .v61-status:before{
  filter:saturate(1.06) contrast(1.04);
}
body.lurana-v61 .v61-status strong{font-size:16px!important}
body.lurana-v61 .v61-status-icon{
  box-shadow:inset 0 0 15px rgba(54,200,242,.06);
}

/* Live map panel */
body.lurana-v61 .v61-map{
  height:535px!important;
}
body.lurana-v61 .v61-map img{
  height:535px!important;
}
body.lurana-v61 .v61-map-legend{
  background:rgba(0,7,10,.94)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.62)!important;
}

/* Dispatch larger and more cinematic */
body.lurana-v61 .v61-dispatch-image{
  height:255px!important;
  background-position:center 56%!important;
  filter:saturate(1.06) contrast(1.04);
}
body.lurana-v61 .v61-dispatch-body{
  background:linear-gradient(180deg,rgba(3,11,14,.88),rgba(2,8,11,.98));
}
body.lurana-v61 .v61-reward{
  box-shadow:inset 0 0 22px rgba(240,181,76,.04);
}

/* Bottom cards get stronger image presence */
body.lurana-v61 .v61-info{
  min-height:118px!important;
}
body.lurana-v61 .v61-info:before{
  background:
    linear-gradient(90deg,rgba(2,8,11,.90),rgba(2,8,11,.42)),
    var(--bg) center/cover no-repeat!important;
  filter:saturate(1.05);
}

/* Portal visual match polish */
body.lurana-v61.v61-portal .v61-portal-hero{
  min-height:350px!important;
  background:
    linear-gradient(90deg,rgba(0,6,9,.91),rgba(0,7,10,.58) 44%,rgba(0,6,9,.06) 80%),
    url('/portal/static/assets-v61/hero-survivor-coast.webp') center/cover no-repeat!important;
}
body.lurana-v61.v61-portal .v61-survivor-art{
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18)),
    url('/portal/static/assets-v61/hero-survivor-coast.webp') 17% center/auto 112% no-repeat!important;
}
body.lurana-v61.v61-portal .v61-intel-image{
  height:235px!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.00),rgba(0,0,0,.12)),
    url('/portal/static/assets-v61/shipwreck-coast.webp') center/cover no-repeat!important;
}

/* Floating utility buttons */
#v62-top-btn{
  position:fixed;
  right:18px;
  bottom:72px;
  z-index:1200;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  border:1px solid rgba(73,213,255,.55);
  background:rgba(2,13,18,.91);
  color:#d9f5fc;
  font-weight:900;
  cursor:pointer;
  transition:.2s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
#v62-top-btn.v62-show{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
#v62-top-btn:hover{
  background:#086f95;
  border-color:#5adeff;
}

/* Keep lower-right helper from covering cards where possible */
body.lurana-v61 [style*="position: fixed"][style*="bottom"]{
  max-width:min(360px,calc(100vw - 90px));
}

/* Tablet/mobile */
@media(max-width:1150px){
  :root{--v62-nav-offset:132px}
  body.lurana-v61 .nav{top:54px!important;overflow-x:auto!important;white-space:nowrap!important}
}
@media(max-width:760px){
  :root{--v62-nav-offset:118px}
  body.lurana-v61 .v61-hero{min-height:330px!important}
  body.lurana-v61 .v61-map,body.lurana-v61 .v61-map img{height:370px!important}
  body.lurana-v61 .v61-dispatch-image{height:210px!important}
  #v62-top-btn{right:12px;bottom:62px}
}