/* Monolith premium game detail & cross-site CTA — November 2026 */
.premium-game-detail{background:radial-gradient(ellipse 60% 460px at 84% 120px,#dfedff 0%,#f8fbff 47%,transparent 80%);overflow:hidden}
.premium-game-detail .breadcrumbs{padding-top:30px;gap:11px;font-size:13px}
.premium-game-detail .detail-hero-premium{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(26px,4.2vw,66px);min-height:560px;padding:41px 0 65px}
.detail-hero-premium .detail-copy{min-width:0;padding-right:0;position:relative;z-index:2}
.detail-hero-premium .detail-copy .eyebrow{color:#176af3;letter-spacing:.2em}
.detail-hero-premium .detail-copy h1{font-size:clamp(44px,5vw,74px);line-height:1.08;letter-spacing:-.071em;margin:26px 0 25px;overflow-wrap:anywhere}
.detail-hero-premium .detail-copy h1 span{color:#226df0;background:linear-gradient(110deg,#2477f8,#3979c9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.detail-hero-premium .detail-copy>p{font-size:clamp(15px,1.2vw,18px);line-height:1.72;color:#546b8b;max-width:595px;margin-bottom:27px}
.detail-hero-premium .detail-actions{gap:13px;flex-wrap:wrap;margin-top:30px}
.detail-hero-premium .detail-actions .btn{min-height:55px;padding:0 24px;border-radius:13px;box-shadow:0 9px 20px #132e4b12}
.detail-hero-premium .detail-actions .btn-primary{background:#061a31;box-shadow:0 12px 22px #0b274527}
.detail-hero-premium .detail-actions .btn-secondary{background:#fff8;border-color:#b8cde8}
.detail-hero-premium .detail-smallprint{margin-top:26px;gap:9px;color:#637d9d;font-size:12px;flex-wrap:wrap}
.detail-art-premium{height:auto;aspect-ratio:1103/527;min-height:360px;max-height:520px;background:linear-gradient(130deg,#82b5ee,#063b72);border:1px solid #b4d3ff;border-radius:29px;box-shadow:0 31px 65px #2960a529,0 5px 9px #1c406c12;transition:box-shadow .4s ease,transform .7s cubic-bezier(.22,1,.36,1);isolation:isolate;overflow:hidden}
.detail-art-premium:hover{transform:translateY(-5px);box-shadow:0 36px 75px #2960a53d}
.detail-art-cs2 img.detail-cs2-visual{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}
.detail-art-premium:not(.detail-art-cs2) {background:radial-gradient(circle at 52% 30%,#559ce1,#0d3562 82%)}
.detail-art-premium .detail-visual-world{position:absolute;inset:0;background:url('assets/world.svg') center/cover;opacity:.22;filter:saturate(1.2)}
.detail-art-premium .detail-game-card{position:absolute;width:34%;height:75%;left:27%;top:10%;transform:perspective(900px) rotateY(-8deg) rotateZ(-6deg);z-index:2;filter:drop-shadow(0 25px 22px #001b3f91);transition:transform .55s cubic-bezier(.2,1,.3,1)}
.detail-art-premium:hover .detail-game-card{transform:perspective(900px) translateY(-8px) rotateY(-5deg) rotateZ(-4deg)}
.detail-art-premium .detail-game-card .game-art{width:100%;height:100%;border-radius:22px;border:1px solid #a4ceff;box-shadow:0 0 0 3px #57aaff33,0 0 27px #50abff84;background-size:cover;background-position:center}
.detail-art-features{position:absolute;right:4%;width:33%;top:21%;display:flex;flex-direction:column;gap:12px;z-index:3}
.detail-art-features span{display:flex;align-items:center;gap:8px;color:#ecf6ff;padding:12px 10px;border:1px solid #98caff4d;background:linear-gradient(120deg,#428fe578,#193e6e85);box-shadow:inset 0 1px 0 #fff2;border-radius:14px;backdrop-filter:blur(8px);font-weight:700;font-size:clamp(9px,.86vw,13px)}
.detail-art-premium .detail-art-caption{bottom:21px;left:25px;font-size:11px}
.premium-game-detail .detail-benefits{margin-top:10px}
/* CTA: real semantic text and buttons on top of an artwork-only image crop. */
.premium-cta-section{padding-top:65px;padding-bottom:96px}
.premium-cta{position:relative;isolation:isolate;overflow:hidden;min-height:426px;border-radius:27px;color:#fff;background:linear-gradient(120deg,#071c35 0%,#0b3158 54%,#1861a9 100%);box-shadow:0 24px 50px #0e3b6b20;display:flex;flex-direction:column;justify-content:space-between}
.premium-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071b33 0%,#081f3b 35%,#08284bd9 51%,transparent 78%),radial-gradient(circle at 66% 38%,#1e74df55,transparent 48%)}
.premium-cta-art{position:absolute;z-index:-2;inset:0 0 83px auto;width:65%;background:url('assets/sections/game-server-cta-art.webp') center right/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 17%);pointer-events:none;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.premium-cta:hover .premium-cta-art{transform:scale(1.025)}
.premium-cta-copy{padding:59px 62px 34px;position:relative;z-index:2;max-width:900px}
.premium-cta .eyebrow{color:#95cbff;letter-spacing:.21em}
.premium-cta h2{font-size:clamp(33px,3.2vw,53px);font-weight:800;line-height:1.15;letter-spacing:-.065em;max-width:750px;margin:18px 0 17px;text-wrap:balance}
.premium-cta p{font-size:15px;line-height:1.7;color:#b8cee5;max-width:650px;margin:0}
.premium-cta-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.premium-cta-actions .btn{min-height:50px;border-radius:13px;padding:0 24px;box-shadow:none;font-size:13px}
.premium-cta-actions .btn-white{background:#fff!important;color:#102745!important;border:1px solid #fff!important;box-shadow:0 0 0 1px #fff7,0 0 18px #c0deff19}
.premium-cta-actions .btn-secondary{background:#09243a72!important;color:#fff!important;border:1px solid #8dbde9!important}
.premium-cta-features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:21px 33px;border-top:1px solid #9bc9fc39;background:linear-gradient(180deg,#09244380,#061c34e8)}
.premium-cta-features li{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;font-size:12px;font-weight:800;color:#f2f8ff}
.premium-cta-features li+li{border-left:1px solid #a2c7e54a}
.premium-cta-features svg{color:#a2d4ff}
.premium-cta-features li span{white-space:nowrap}
@media(max-width:1100px){.premium-game-detail .detail-hero-premium{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.detail-hero-premium .detail-copy h1{font-size:clamp(40px,5vw,58px)}.detail-art-premium{min-height:330px}.premium-cta-art{width:60%;background-position:45% center}.premium-cta-copy{padding:44px 42px 31px;max-width:700px}.premium-cta::before{background:linear-gradient(90deg,#071b33 0%,#081f3b 39%,#08284be8 57%,transparent 100%)}}
@media(max-width:850px){.premium-game-detail .detail-hero-premium{grid-template-columns:1fr;gap:32px;min-height:0;padding:40px 0 43px}.detail-hero-premium .detail-copy h1{font-size:clamp(43px,8vw,65px)}.detail-art-premium{min-height:0;aspect-ratio:1103/527;max-height:none;width:100%}.premium-cta{min-height:450px}.premium-cta-copy{padding:43px 34px 38px}.premium-cta-art{width:100%;inset:auto 0 78px 0;height:75%;background-position:right center;opacity:.6;mask-image:linear-gradient(0deg,black,transparent 83%)}.premium-cta::before{background:linear-gradient(180deg,#071b33 0%,#081f3be9 43%,#081c36a0 75%,#061c35 100%)}.premium-cta p{max-width:570px}.premium-cta-features{padding:17px 12px}.premium-cta-features li{font-size:10px;gap:7px}.premium-cta-features li svg{width:19px;height:19px}}
@media(max-width:570px){.premium-game-detail .breadcrumbs{font-size:11px;flex-wrap:wrap}.premium-game-detail .detail-hero-premium{padding-top:31px;gap:27px}.detail-hero-premium .detail-copy h1{font-size:clamp(37px,10.2vw,53px);overflow-wrap:anywhere}.detail-hero-premium .detail-copy>p{font-size:14px}.detail-hero-premium .detail-actions{gap:9px}.detail-hero-premium .detail-actions .btn{min-height:48px;padding:0 15px;font-size:11px}.detail-hero-premium .detail-smallprint{font-size:10px}.detail-art-premium{border-radius:18px;aspect-ratio:1.48;min-height:0}.detail-art-features{gap:6px;top:19%;right:3%}.detail-art-features span{padding:7px 4px;font-size:8px;gap:3px;border-radius:8px}.detail-art-features svg{height:13px;width:13px}.detail-art-premium .detail-art-caption{font-size:8px;bottom:12px;left:14px}.premium-cta-section{padding-top:35px;padding-bottom:65px}.premium-cta{border-radius:19px;min-height:476px}.premium-cta-copy{padding:30px 24px}.premium-cta h2{font-size:clamp(30px,9vw,43px)}.premium-cta p{font-size:13px}.premium-cta-actions{gap:9px}.premium-cta-actions .btn{min-height:43px;padding:0 12px;font-size:11px}.premium-cta-art{inset:auto 0 110px 0;height:62%;opacity:.6}.premium-cta-features{grid-template-columns:repeat(2,1fr);row-gap:15px;padding:18px 13px}.premium-cta-features li{border:0!important;justify-content:start;padding-left:12px}.premium-cta-features li:nth-child(2n){border-left:1px solid #a2c7e54a!important}.premium-cta-features li span{white-space:normal}}
@media(prefers-reduced-motion:reduce){.detail-art-premium,.detail-art-premium .detail-game-card,.premium-cta-art{transition:none!important;transform:none!important}}