/* Receiver v0.7.0 spotlight / inherits existing theme variables. */
.receiver-spotlight-shell{isolation:isolate}
.receiver-spotlight{padding-top:85px;padding-bottom:100px}
.receiver-spotlight-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}
.receiver-spotlight-head .section-intro{max-width:690px;margin-bottom:0}
.receiver-spotlight-head .section-intro strong{color:var(--ink)}
.receiver-release-stamp{display:flex;flex-direction:column;min-width:155px;gap:5px;border:1px solid var(--line);padding:17px 21px;transform:translateY(-4px)}
.receiver-release-stamp span,.receiver-release-stamp small{font:700 10px var(--mono);letter-spacing:1.2px;color:var(--cyan)}
.receiver-release-stamp strong{font:900 64px/.95 var(--display);color:var(--acid)}
.receiver-showcase{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);border:1px solid var(--line);background:linear-gradient(120deg,rgba(20,44,57,.44),rgba(14,20,27,.74));padding:clamp(18px,3vw,36px);gap:clamp(26px,4vw,53px);overflow:hidden}
.receiver-showcase-media{min-width:0;align-self:center}.receiver-photo-frame{border:1px solid rgba(194,223,239,.21);background:#0d1520;box-shadow:0 15px 50px rgba(0,0,0,.3);border-radius:14px;overflow:hidden}
.preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:42px;padding:0 14px;border-bottom:1px solid rgba(200,220,230,.16);font:650 10px var(--mono);color:#9eafc0;letter-spacing:.3px}
.preview-topbar-lights{display:flex;gap:6px}.preview-topbar-lights i{width:8px;height:8px;border:1px solid #8da5b8;border-radius:50%;display:block}.preview-topbar-lights i:first-child{background:#ae6c8c;border-color:transparent}.preview-topbar-lights i:nth-child(2){background:#d2ae7d;border-color:transparent}.preview-topbar-lights i:last-child{background:#7bbfb1;border-color:transparent}
.receiver-image-area{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,rgba(84,141,205,.23),transparent 65%),linear-gradient(135deg,#0d172c,#101e30 65%,#0b1325)}
.receiver-image-area img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;z-index:2;position:absolute;inset:0}
.receiver-image-area img[hidden]{display:none}
.receiver-image-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;min-height:100%;padding:26px;color:#e0f6ff}
.receiver-image-pending>strong{font:900 clamp(20px,2.7vw,31px) var(--display);letter-spacing:1px}.receiver-image-pending .pending-version{font:850 12px var(--mono);color:#a4eaff;letter-spacing:2px}.receiver-image-pending small{max-width:295px;color:#a3b6c7;font:12px/1.6 var(--sans)}
.placeholder-orbit{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(151,230,252,.38);box-shadow:inset 0 0 35px rgba(119,187,229,.1),0 0 0 14px rgba(97,141,216,.04)}
.placeholder-orbit span{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;color:#d3f8ff;font:900 32px var(--display);background:linear-gradient(135deg,rgba(174,243,255,.28),rgba(99,115,219,.24));border:1px solid rgba(211,245,255,.27)}
.preview-caption{display:flex;align-items:center;gap:10px;min-height:42px;color:var(--muted);font:700 10px var(--mono);letter-spacing:.5px}.preview-caption .status-dot{flex:0 0 7px}
.preview-expand{margin-left:auto;font:750 10px var(--mono);color:var(--cyan);background:transparent;border:0;text-decoration:underline;cursor:pointer}.preview-expand[hidden]{display:none}
.receiver-showcase-copy{padding:13px 0 0;display:flex;flex-direction:column;align-items:flex-start}
.receiver-edition{color:var(--cyan);margin:0 0 13px}.receiver-showcase-copy h3{font:900 clamp(40px,4.7vw,65px)/.96 var(--display);margin:0 0 24px;letter-spacing:.1px}.receiver-showcase-copy h3 span{color:var(--acid)}
.receiver-showcase-copy>p{font:14px/1.7 var(--sans);margin:0 0 18px;color:#acbbc5;max-width:395px}.receiver-spec-row{display:flex;gap:15px;align-items:start;width:100%;max-width:380px;border-top:1px solid var(--line);padding:14px 0}.receiver-spec-row>span{font:800 11px var(--mono);color:var(--cyan)}.receiver-spec-row>div{display:flex;flex-direction:column;gap:6px}.receiver-spec-row strong{font:720 13px var(--sans)}.receiver-spec-row small{font:11px var(--mono);color:var(--muted)}
.receiver-preview-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 19px;background:var(--acid);color:#08141b;font:900 11px var(--mono);text-transform:uppercase;letter-spacing:.2px;margin-top:18px;transition:transform .2s}.receiver-preview-link:hover{transform:translateY(-2px)}
.receiver-showcase-copy .receiver-source-note{font-size:11px;line-height:1.55;color:var(--muted);margin:13px 0 0}
.receiver-lightbox{max-width:min(96vw,1400px);max-height:94vh;background:#08121e;border:1px solid rgba(191,229,255,.45);padding:16px;box-shadow:0 35px 100px #000}
.receiver-lightbox[open]{display:grid;place-items:center}.receiver-lightbox::backdrop{background:rgba(3,7,18,.90);backdrop-filter:blur(9px)}.receiver-lightbox img{display:block;max-width:calc(95vw - 35px);max-height:calc(90vh - 40px);object-fit:contain}.receiver-lightbox-close{position:absolute;right:4px;top:4px;border:1px solid #506a81;color:#fff;background:#182b42;padding:8px 12px;font-size:15px;cursor:pointer}
html[data-theme="glass"] .receiver-showcase{border-radius:28px;background:linear-gradient(130deg,rgba(185,222,255,.18),rgba(74,100,177,.13));border:1px solid rgba(232,246,255,.3);backdrop-filter:blur(24px);box-shadow:0 25px 60px rgba(2,13,41,.28)}
html[data-theme="glass"] .receiver-photo-frame{border-radius:21px;background:rgba(17,29,57,.54);border-color:rgba(230,245,255,.4);box-shadow:0 18px 50px rgba(0,10,35,.35)}
html[data-theme="glass"] .receiver-release-stamp{border-radius:16px;background:rgba(188,221,255,.09);border-color:rgba(210,240,255,.28)}
html[data-theme="glass"] .receiver-preview-link{border-radius:13px;background:linear-gradient(120deg,#c3f7ff,#b9c6ff);box-shadow:0 8px 30px rgba(92,156,238,.22)}
html[data-theme="glass"] .receiver-showcase-copy>p{color:#c3d4e1}html[data-theme="glass"] .receiver-showcase-copy .receiver-source-note{color:#aabecd}
html[data-theme="dark"] .receiver-showcase{background:linear-gradient(130deg,#241b3d,#130f26);border-color:#504365;border-radius:20px}
html[data-theme="dark"] .receiver-release-stamp{border-color:#53426f;border-radius:12px}
html[data-theme="dark"] .receiver-showcase-copy h3 span,html[data-theme="dark"] .receiver-release-stamp strong{color:#bb94ff}
html[data-theme="dark"] .receiver-preview-link{background:#ba85ff;border-radius:10px}
html[data-theme="light"] .receiver-showcase{background:linear-gradient(135deg,#fff,#f0f4f4);border:1px solid #dce1e3;border-radius:20px;box-shadow:0 12px 35px rgba(27,56,66,.08)}
html[data-theme="light"] .receiver-showcase-copy h3 span,html[data-theme="light"] .receiver-release-stamp strong{color:#dd574b}
html[data-theme="light"] .receiver-showcase-copy>p,html[data-theme="light"] .receiver-showcase-copy .receiver-source-note{color:#52656e}
html[data-theme="light"] .receiver-edition,html[data-theme="light"] .receiver-spec-row>span{color:#007a90}
html[data-theme="light"] .receiver-preview-link{background:#e24e3e;color:white;border-radius:11px}
html[data-theme="light"] .receiver-release-stamp{border:1px solid #d5dedf;border-radius:13px}html[data-theme="light"] .receiver-release-stamp small,html[data-theme="light"] .receiver-release-stamp span{color:#59737b}
@media(max-width:960px){.receiver-showcase{grid-template-columns:1fr}.receiver-showcase-copy{padding:0 4px}.receiver-spec-row{max-width:none}.receiver-showcase-copy>p{max-width:600px}}
@media(max-width:690px){.receiver-spotlight-head{align-items:flex-start;flex-direction:column;gap:15px}.receiver-release-stamp{flex-direction:row;align-items:center;gap:11px;padding:12px 16px;transform:none}.receiver-release-stamp strong{font-size:35px}.receiver-spotlight-head h2{font-size:clamp(46px,12vw,75px)}.receiver-showcase{padding:15px;gap:25px}.receiver-image-area{aspect-ratio:16/11}.preview-topbar{font-size:8px}.receiver-showcase-copy h3{font-size:clamp(38px,12vw,55px)}.receiver-source-note{font-size:11px}}
.receiver-image-pending[hidden]{display:none}

/* Real receiver WebP screenshot has its own native window chrome; display the complete original. */
.receiver-image-area{aspect-ratio:1362/923;background:radial-gradient(ellipse at 70% 0%,#173a4e,#071322 80%);}
.receiver-image-area img{object-fit:contain;cursor:zoom-in;}
.receiver-image-area img[hidden]{cursor:default;}
html[data-theme="glass"] .receiver-photo-frame{overflow:hidden;border-radius:21px;}
@media(max-width:690px){.receiver-image-area{aspect-ratio:1362/923}}
