.player{ position:fixed; z-index:80; right:clamp(10px,2vw,24px); bottom:calc(clamp(10px,2.2vh,20px) + 62px);
  width:min(420px, calc(100vw - 20px)); padding:8px 8px 9px;
  background:rgba(6,11,20,.9); border:1px solid rgba(var(--rfc,96,215,255),.38);
  border-radius:16px 19px 15px 18px / 18px 15px 19px 16px;
  box-shadow:0 18px 50px rgba(0,0,0,.6), 0 0 30px rgba(var(--rfc,96,215,255),.14);
  -webkit-backdrop-filter:blur(14px) saturate(1.2); backdrop-filter:blur(14px) saturate(1.2);
  opacity:0; transform:translateY(14px); transition:opacity .25s ease, transform .25s ease; }
.player.on{ opacity:1; transform:none; }
.realm-stone .player{ background:rgba(22,6,6,.9); }
.pl-head{ display:flex; align-items:center; gap:8px; padding:0 2px 7px 6px; }
.pl-now{ flex:1 1 auto; min-width:0; margin:0; display:flex; align-items:baseline; gap:8px; overflow:hidden; white-space:nowrap;
  font-family:var(--display); font-size:.78rem; letter-spacing:.06em; color:#eaf6ff; }
.pl-note{ flex:0 0 auto; color:rgb(var(--rfc,96,215,255)); }
.pl-title{ flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.pl-by{ flex:0 10 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; font-size:.68rem; color:#9db9cc; }
.pl-close{ flex:0 0 auto; display:grid; place-items:center; width:32px; height:32px; padding:0; border-radius:50%;
  color:#eaf6ff; background:rgba(255,255,255,.05); border:1px solid rgba(217,205,191,.22); font-size:1.25rem; line-height:1;
  cursor:var(--cur-hand); transition:border-color .2s ease, background .2s ease; }
.pl-close:hover, .pl-close:focus-visible{ outline:none; border-color:var(--accent); background:rgba(255,255,255,.1); }
.pl-frame{ height:166px; border-radius:10px; overflow:hidden; background:#000; }
.pl-frame iframe{ display:block; width:100%; height:100%; border:0; }
.pl-frame--video{ height:auto; aspect-ratio:16 / 9; }
@media (max-width:640px){
  .player{ left:8px; right:8px; width:auto; bottom:calc(64px + env(safe-area-inset-bottom)); }
}
html.has-player #release .wrap{ padding-bottom:calc(clamp(104px,17vh,150px) + 214px); }
@media (prefers-reduced-motion: reduce){ .player{ transition:none; } }

.latest-rel{ width:min(640px,100%); margin:0 auto clamp(26px,5vh,44px); }
.lr-card{ display:flex; align-items:center; gap:clamp(14px,3vw,22px); padding:clamp(12px,2.4vw,18px); text-align:left;
  background:linear-gradient(135deg, rgba(var(--rfc,96,215,255),.11), rgba(255,255,255,.02) 70%);
  border:1px solid rgba(var(--rfc,96,215,255),.3); border-radius:18px 22px 17px 21px / 21px 17px 22px 18px;
  box-shadow:0 18px 44px rgba(0,0,0,.35); }
.lr-cover{ position:relative; flex:0 0 auto; display:grid; place-items:center; width:clamp(104px,27vw,152px); aspect-ratio:1 / 1;
  padding:0; overflow:hidden; border:0; border-radius:8px; background:#0a0a0c; cursor:var(--cur-hand);
  box-shadow:0 10px 26px rgba(0,0,0,.5), 0 0 24px rgba(var(--rfc,96,215,255),.24); }
.lr-cover img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.lr-cover .rel-glyph{ font-size:2rem; color:rgba(var(--rfc,96,215,255),.8); }
@media (hover:hover){ .lr-cover:hover img{ transform:scale(1.04); } }
.lr-cover:focus-visible{ outline:none; box-shadow:0 0 0 2px var(--accent-ring), 0 10px 26px rgba(0,0,0,.5); }
.lr-text{ min-width:0; }
.lr-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 6px; font-family:var(--display);
  font-size:.62rem; letter-spacing:.2em; text-transform:uppercase; color:rgb(var(--rfc,96,215,255)); }
.lr-title{ margin:0; font-family:var(--display); font-weight:400; font-size:clamp(1.1rem,3.8vw,1.55rem); line-height:1.1;
  color:#f1ece2; overflow-wrap:anywhere; text-shadow:0 1px 3px rgba(0,0,0,.6); }
.lr-by{ display:inline-block; margin:6px 0 0; font-family:var(--display); font-size:.84rem; color:#cfe0ee; text-decoration:none; }
a.lr-by:hover{ color:#fff; text-decoration:underline; }
a.lr-by:focus-visible{ color:#fff; outline:2px solid var(--accent-ring); outline-offset:3px; border-radius:4px; }
.lr-do{ display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0; }
.lr-play, .lr-all{ display:inline-flex; align-items:center; gap:7px; padding:8px 15px; font-family:var(--display); font-size:.74rem;
  letter-spacing:.08em; border-radius:14px 17px 13px 16px / 16px 13px 17px 14px; cursor:var(--cur-hand);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.lr-play{ color:#06101c; background:rgb(var(--rfc,96,215,255)); border:0; box-shadow:0 0 16px rgba(var(--rfc,96,215,255),.35); }
.lr-all{ color:#eaf6ff; background:rgba(255,255,255,.04); border:1px solid rgba(217,205,191,.22); }
.lr-play:hover, .lr-play:focus-visible{ outline:none; transform:translateY(-1px); box-shadow:0 0 24px rgba(var(--rfc,96,215,255),.6); }
.lr-all:hover{ background:rgba(255,255,255,.09); border-color:var(--accent); }
.lr-all:focus-visible{ outline:none; background:rgba(255,255,255,.09); border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft); }
@media (max-width:420px){ .lr-card{ align-items:flex-start; } }
