/* Owned components and narrowly scoped PeepSo thumbnail icons only. */
.ssc-video-preview { display:grid; position:relative; place-items:center; width:100%; aspect-ratio:16/9; overflow:hidden; background:#101113; border-radius:8px; text-decoration:none; }
.ssc-video-preview > img { width:100%; height:100%; object-fit:contain; position:absolute; inset:0; }
.ssc-preview-play { display:grid; place-items:center; width:64px; height:64px; padding-left:4px; box-sizing:border-box; border:2px solid #ffe189; border-radius:50%; background:#171510df; color:#ffe189; z-index:1; font-size:26px; }
.ssc-media-widget { position:relative; }
.ssc-media-link { display:block; overflow:hidden; border-radius:6px; background:#161719; }
/* Native PeepSo containers reserve a square with their :before element.
   Keep our link out of normal flow so it cannot add a second square. */
.ssc-media-widget > .ssc-media-link,
.ssc-media-page .ps-media__page-list-item-inner > .ssc-media-link { position:absolute; inset:0; width:100%; height:100%; }
.ssc-media-widget > .ssc-media-link > img,
.ssc-media-page .ps-media__page-list-item-inner > .ssc-media-link > img { display:block; width:100%; max-width:100%; height:100%; object-fit:cover; }
.ssc-small-play { position:absolute; inset:0; display:grid; place-items:center; color:#ffe189; font-size:20px; text-shadow:0 1px 3px #000; }
/* Gold viewers keep PeepSo's native thumbnail and click handler. */
.ps-js-video > .ps-media__video-thumb > i.ps-video-play { color:#ffe189; border:2px solid #ffe189; background:#171510df; box-sizing:border-box; }
.ps-js-video > .ps-media__video-thumb:hover > i.ps-video-play { color:#ffe189; border-color:#ffe189; background:#171510; }
.psw-media__video .psw-media__link > a > .psw-media__play,
.ps-media__page-list-item.ps-js-video .ps-media__page-list-item-inner > a > i.gci-play { color:#ffe189; }
.psw-media__video .psw-media__link > a > .psw-media__play::before { content:'\25B6'; font:normal 20px/1 system-ui,sans-serif; color:#ffe189; text-shadow:0 1px 3px #000; }
.ps-media--video .video-thumbnail > a > .image > .play { color:#ffe189; border-color:#ffe189; }
.ps-media--video .video-thumbnail > a > .image > .play > span { border-left-color:#ffe189; }
.ssc-media-page { position:relative; }
.ssc-media-page .ps-media__page-list-item-title { pointer-events:none; }
.ssc-author { display:none; }
.ssc-author-floating { position:fixed; z-index:100000; pointer-events:none; max-width:min(280px, calc(100vw - 16px)); padding:8px 12px; border:1px solid #e7bf53; border-radius:6px; background:#18191c; color:#fff; font:500 14px/1.4 system-ui,sans-serif; overflow-wrap:anywhere; box-shadow:0 3px 12px #0006; }
.ssc-author-floating[hidden] { display:none; }
#ssc-upgrade-dialog { width:min(680px, calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); overflow:auto; padding:0; border:0; border-radius:24px; background:#0b0b0d; color:#fff; box-shadow:0 20px 80px #0009; }
#ssc-upgrade-dialog:not([open]) { display:none; }
#ssc-upgrade-dialog::backdrop { background:rgb(0 0 0 / .7); }
.ssc-upgrade-card { --ssc-gold:#ffe189; position:relative; box-sizing:border-box; padding:clamp(24px, 5vw, 44px); border:2px solid var(--ssc-gold); border-radius:24px; background:radial-gradient(ellipse at top, #302409 0, #101113 40%, #08090a 100%); box-shadow:inset 0 0 12px #b77e2233; color:#fff; text-align:center; font-family:inherit; }
.ssc-upgrade-card .ssc-crown { display:block; width:clamp(90px, 22vw, 150px); height:auto; margin:0 auto 16px; }
.ssc-upgrade-card h2 { margin:0 0 18px; font-size:clamp(24px, 5vw, 36px); line-height:1.2; font-weight:800; color:#ffe189; overflow-wrap:anywhere; }
.ssc-upgrade-card p { margin:0 0 28px; font-size:clamp(16px, 3.5vw, 21px); line-height:1.5; color:#fff; overflow-wrap:anywhere; }
.ssc-upgrade-card .ssc-upgrade-button { display:block; padding:16px 22px; border:2px solid #fff0ac; border-radius:999px; background:linear-gradient(#fff7b3 0%, #ffdb53 32%, #ce8a17 75%, #ffde65 100%); box-shadow:0 0 16px #cc921b55,inset 0 0 0 2px #a36b10; color:#231400; font-weight:800; font-size:clamp(16px, 3.5vw, 21px); line-height:1.3; text-decoration:none; overflow-wrap:anywhere; }
.ssc-upgrade-card .ssc-close { position:absolute; top:10px; right:10px; display:grid; place-items:center; min-width:44px; min-height:44px; border:0; border-radius:50%; background:#111; color:#ffe189; font-size:28px; cursor:pointer; }
.ssc-upgrade-card a:focus-visible,.ssc-upgrade-card button:focus-visible,.ssc-video-preview:focus-visible,.ssc-media-link:focus-visible { outline:3px solid #fff; outline-offset:3px; }
@media (prefers-reduced-motion:no-preference) { #ssc-upgrade-dialog[open] { animation:ssc-dialog-in .15s ease-out; } @keyframes ssc-dialog-in { from { opacity:0; } to { opacity:1; } } }