/* v26.19.0.4 snag pass. Kept separate so Studio+ remains untouched. */

/* 2 — keep the final R in ANOTHER inside the hero's paint area. */
#page-home .hero-copy{min-width:0!important;overflow:visible!important;padding-right:clamp(8px,1vw,18px)!important}
#page-home .hero-copy h1{
  box-sizing:border-box!important;
  width:max-content!important;
  max-width:100%!important;
  padding-right:.14em!important;
  overflow:visible!important;
  letter-spacing:-.055em!important;
}
#page-home .hero-copy h1 em{
  display:inline-block!important;
  box-sizing:content-box!important;
  padding-right:.24em!important;
  margin-right:-.24em!important;
  overflow:visible!important;
  -webkit-box-decoration-break:clone!important;
  box-decoration-break:clone!important;
}

/* Homepage artwork: 80% visibility under a 20% dark overlay. */
#page-home{
  background:
    linear-gradient(180deg,rgba(2,6,12,.20) 0%,rgba(2,7,13,.20) 23%,rgba(2,7,13,.20) 56%,rgba(2,6,11,.20) 100%),
    url("/assets/world/worlds-v26.2.0.6.jpg") center 86px/cover fixed no-repeat!important;
}

/* 3–5 — one complete, clipped player shell; the release and guest controls share one toolbar. */
#page-home .featured-player-wrap{
  overflow:hidden!important;
  border:1px solid rgba(124,151,188,.54)!important;
  border-radius:27px!important;
  background:#020407!important;
  background-clip:padding-box!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 22px 72px rgba(0,0,0,.52)!important;
  isolation:isolate!important;
}
#page-home .featured-player-wrap>.featured-top{display:none!important}
#page-home #iwWorldStage{margin:0!important;border-radius:26px!important;overflow:hidden!important;background:#020407!important}
#page-home #iwInlinePlayer{border-radius:26px!important;overflow:hidden!important;background:#020407!important}
#page-home .iw-home-feature-window{display:none!important}

/* A Lite Player may only exist while audio is live, except when the listener
   intentionally paused from the Lite Player and has not closed it. */
#iwLitePlayer:not(.iw-has-live-audio):not(.iw-lite-paused-hold){display:none!important;visibility:hidden!important;pointer-events:none!important}
#iwLitePlayer.iw-lite-player{
  position:fixed!important;left:50%!important;right:auto!important;top:auto!important;margin:0!important;
}
#iwLitePlayer[data-iw-authoritative-visibility="hide"]{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,24px)!important;
}
#iwLitePlayer[data-iw-authoritative-visibility="show"]{
  display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important;
}
#iwLitePlayer.iw-lite-paused-hold:not(.iw-user-closed){
  display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:translate(-50%,0)!important;transition:none!important;
}
/* The Lite Player is fixed, so showing it must never change the page height. */
body.iw-lite-visible{padding-bottom:0!important}
/* Studio and Studio+ use elevated full-page workspaces; keep the portable
   player above those workspaces while leaving global drawers above it. */
html.iw-f80-active #iwLitePlayer,
body.iw-world-studio-active #iwLitePlayer{z-index:2147481500!important}

/* 14 — generic light/dark SIDES artwork rather than Apache's release covers. */
#page-home .iw-v2610-side{overflow:hidden!important}
#page-home .iw-v2610-side .iw-generic-sides-art{
  position:absolute!important;
  top:0!important;
  width:200%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:fill!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
#page-home .iw-v2610-side .iw-generic-sides-art-light{left:0!important}
#page-home .iw-v2610-side .iw-generic-sides-art-dark{left:-100%!important}

/* 10–11 — settings stays fixed; the cog visibly owns the open state. */
#settingsDrawer.settings-drawer{
  position:fixed!important;
  top:max(8px,env(safe-area-inset-top))!important;
  right:max(8px,env(safe-area-inset-right))!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;
  left:auto!important;
  box-sizing:border-box!important;
  width:min(420px,calc(100vw - 16px))!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid #2a3442!important;
  border-radius:18px 0 0 18px!important;
}
#settingsBtn.active,#settingsBtn[aria-expanded="true"]{
  border-color:#f1bd4e!important;
  background:rgba(241,189,78,.13)!important;
  color:#ffd263!important;
  box-shadow:0 0 0 2px rgba(241,189,78,.09),0 0 20px rgba(241,189,78,.12)!important;
}
#loginModal.iw-login-modal.open{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  top:max(12px,env(safe-area-inset-top))!important;
  right:14px!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  left:14px!important;
  width:min(620px,calc(100% - 28px))!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto!important;
  overflow:hidden!important;
  transform:none!important;
}
#loginModal.iw-login-modal>.modal-head,#loginModal.iw-login-modal>.iw-login-tabs{flex:0 0 auto!important}
#loginModal.iw-login-modal>.modal-body{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important}

/* 17 — WORLD sits above Studio without changing Studio+. */
.site-header [data-iw-world-studio-nav]{
  flex-direction:column!important;
  gap:1px!important;
  line-height:.92!important;
}
.site-header [data-iw-world-studio-nav]::before{
  content:"WORLD";
  display:block;
  color:#f3bd54;
  font-size:6px;
  font-weight:850;
  letter-spacing:.12em;
  line-height:1;
  text-shadow:0 0 12px rgba(243,189,84,.35);
}

/* Make both DISK separators unmissable at the compact label size. */
#page-home .iw-v2610-disk-hint{display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}
#page-home .iw-v2610-disk-hint b{color:#f6c554!important;font-size:13px!important;font-weight:900!important;line-height:.5!important;text-shadow:0 0 8px rgba(246,197,84,.65)!important}

/* 7 — SETS and SESSIONS artwork is a spring-back room pan. */
.iwal-format-art[data-iwal-pan-art]{
  position:relative!important;
  background-position:var(--iwal-pan-x,50%) var(--iwal-pan-y,50%)!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  transition:background-position .48s cubic-bezier(.2,.8,.2,1),filter .2s ease!important;
}
.iwal-format-art[data-iwal-pan-art].iwal-panning{cursor:grabbing!important;transition:none!important;filter:brightness(1.08)!important}
.iwal-pan-hint{
  position:absolute;
  right:8px;
  bottom:8px;
  left:8px;
  z-index:2;
  padding:6px 7px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:5px;
  background:rgba(1,7,13,.72);
  color:#dce9f2;
  font-size:7px;
  font-weight:800;
  letter-spacing:.09em;
  text-align:center;
  pointer-events:none;
}

/* 18, 21, 22 — admin identity, explicit first SIDES post and two-state availability. */
.iwal-admin-badge{
  display:inline-flex;
  margin-left:5px;
  padding:2px 5px;
  border:1px solid rgba(241,189,78,.48);
  border-radius:999px;
  color:#f1bd4e;
  font-size:7px;
  font-style:normal;
  letter-spacing:.1em;
  vertical-align:2px;
}
.iwal-admin-title{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:0 8px;
  border:1px solid rgba(241,189,78,.55);
  border-radius:999px;
  color:#f1bd4e;
  font-size:8px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.iwal-availability{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.iwal-availability i{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(142,165,184,.28);
  border-radius:8px;
  background:rgba(6,17,27,.66);
  color:#8fa0ad;
  font-style:normal;
  font-size:11px;
  font-weight:750;
}
.iwal-availability i.active{border-color:#45dc78;background:rgba(34,154,76,.15);color:#bff7cf;box-shadow:inset 3px 0 #45dc78}

/* 16 — UI-level download deterrence for artwork without disabling normal text selection. */
img,picture,svg image{-webkit-user-drag:none!important;user-select:none!important}
[style*="background-image"]{-webkit-user-drag:none!important}
.page :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,blockquote,pre),
.site-footer :where(span,strong,p,a,button){-webkit-user-select:text!important;user-select:text!important}

@media(max-width:760px){
  #page-home{background-attachment:scroll!important}
  #page-home .hero-copy h1{font-size:clamp(43px,15.2vw,72px)!important;letter-spacing:-.045em!important;padding-right:.18em!important}
  #settingsDrawer.settings-drawer{right:6px!important;left:6px!important;width:auto!important;border-radius:16px!important}
  .iwal-pan-hint{font-size:6px}
}

/* Medium-window Lite Player: once the world mark is hidden, let the release
   copy and controls use the full row instead of collapsing into its old
   36px artwork column. */
@media(min-width:641px) and (max-width:760px){
  #iwLitePlayer.iw-lite-player{
    width:min(620px,calc(100% - clamp(28px,14vw,100px)))!important;
  }
  #iwLitePlayer .iw-lite-inner{
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
    padding:14px 10px 8px!important;
  }
  #iwLitePlayer .iw-lite-copy,
  #iwLitePlayer .iw-lite-controls{
    grid-column:1!important;
    min-width:0!important;
  }
  #iwLitePlayer .iw-lite-copy{padding-right:28px!important}
  #iwLitePlayer .iw-lite-controls{
    grid-template-columns:auto minmax(96px,1fr) auto!important;
    gap:7px!important;
    margin-top:3px!important;
  }
}
@media(max-width:640px){
  #iwLitePlayer.iw-lite-player{
    width:min(550px,calc(100% - 28px))!important;
  }
}

@media(prefers-reduced-motion:reduce){.iwal-format-art[data-iwal-pan-art]{transition:none!important}}
