/* Game catalog and cinematic preview layer */
.game-library-page{--catalog-dark:#071326;--catalog-panel:#0d1b33;--catalog-line:rgba(156,190,242,.17);padding-bottom:20px}
.library-hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);min-height:465px;margin-bottom:22px;overflow:hidden;border:1px solid rgba(109,149,216,.25);border-radius:32px;background:radial-gradient(circle at 15% 12%,rgba(40,101,217,.34),transparent 34%),linear-gradient(135deg,#081427,#0c1a32 58%,#0b2946);box-shadow:0 30px 85px rgba(18,48,95,.24);color:#fff;isolation:isolate}
.library-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(113,158,228,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(113,158,228,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 68%)}
.library-hero:after{content:"";position:absolute;z-index:-1;left:43%;bottom:-310px;width:630px;height:630px;border:1px solid rgba(75,158,255,.18);border-radius:50%;box-shadow:0 0 110px rgba(35,133,255,.13),inset 0 0 90px rgba(26,115,255,.08)}
.library-hero-copy{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;padding:58px 18px 58px 58px}
.library-kicker{display:flex;align-items:center;gap:9px;color:#8fc7ff;font-size:9px;font-weight:950;letter-spacing:.18em}.library-kicker i,.catalog-chip i,.preview-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ae2a7;box-shadow:0 0 0 5px rgba(74,226,167,.12),0 0 17px #4ae2a7}
.library-hero h1{margin:22px 0 20px;color:#fff;font-size:clamp(54px,7vw,84px);line-height:.88;letter-spacing:-.065em}.library-hero h1 em{font-style:normal;background:linear-gradient(90deg,#70adff,#61e7dd 55%,#9b84ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.library-hero-copy>p{max-width:510px;margin:0;color:#aabbd2;font-size:13px;line-height:1.75}
.library-stats{display:flex;gap:0;margin-top:32px}.library-stats span{display:grid;min-width:112px;padding-right:24px}.library-stats span+span{padding-left:24px;border-left:1px solid rgba(255,255,255,.13)}.library-stats b{color:#fff;font-size:25px;line-height:1}.library-stats small{margin-top:7px;color:#7e93ae;font-size:7px;font-weight:950;letter-spacing:.14em}
.library-hero-visual{position:relative;min-width:0;isolation:isolate}.library-visual-main{position:absolute;z-index:3;left:8%;top:12%;width:82%;height:68%;object-fit:cover;border:1px solid rgba(207,230,255,.32);border-radius:25px;box-shadow:0 38px 75px rgba(0,0,0,.4);transform:perspective(1000px) rotateY(-8deg) rotateZ(1.5deg)}
.library-visual-main:after{content:"";position:absolute;inset:0}.library-visual-float{position:absolute;z-index:4;width:38%;height:32%;object-fit:cover;border:1px solid rgba(255,255,255,.3);border-radius:18px;box-shadow:0 25px 50px rgba(0,0,0,.4)}.library-visual-float.float-a{left:0;bottom:7%;transform:rotate(-6deg)}.library-visual-float.float-b{right:3%;bottom:4%;transform:rotate(7deg)}
.visual-orbit{position:absolute;z-index:1;border:1px solid rgba(74,161,255,.22);border-radius:50%}.visual-orbit.orbit-a{inset:4% -4% -22% 8%;animation:catalog-orbit 24s linear infinite}.visual-orbit.orbit-b{inset:20% 12% -5% 22%;border-style:dashed;animation:catalog-orbit 17s linear infinite reverse}@keyframes catalog-orbit{to{transform:rotate(360deg)}}

.library-toolbar{position:sticky;z-index:8;top:95px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:10px 12px;border-radius:19px;background:rgba(255,255,255,.86);box-shadow:0 14px 42px rgba(31,59,103,.12);backdrop-filter:blur(22px)}
.library-filters{display:flex;align-items:center;gap:5px}.library-filter{min-height:42px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:#718096;font-size:11px;font-weight:850;cursor:pointer;transition:.18s}.library-filter span{margin-left:5px;padding:3px 6px;border-radius:999px;background:#edf2f8;color:#8390a1;font-size:8px}.library-filter:hover{color:#215fc7;background:#f1f6fe}.library-filter.active{background:#10254a;color:#fff;box-shadow:0 8px 20px rgba(16,37,74,.2)}.library-filter.active span{background:rgba(255,255,255,.13);color:#bcd8ff}
.library-search{position:relative;display:flex;align-items:center;width:min(280px,100%);font-size:12px}.library-search>span{position:absolute;z-index:1;left:14px;color:#8090a8;font-size:21px}.library-search input{height:42px;min-height:42px;padding-left:41px;border-color:#dce5f0;background:#f7f9fc}

.premium-catalog{align-items:stretch;grid-auto-rows:1fr}.premium-catalog .premium-game{min-height:525px;border:1px solid rgba(139,164,202,.32);border-radius:25px;background:linear-gradient(180deg,#0c1b33,#0b172b);box-shadow:0 20px 50px rgba(25,49,88,.15);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;cursor:pointer}
.premium-catalog .premium-game:hover{transform:translateY(-7px);border-color:rgba(72,138,242,.63);box-shadow:0 28px 65px rgba(22,53,104,.25)}
.premium-catalog .catalog-cover{aspect-ratio:16/9;background:#09162a}.premium-catalog .catalog-cover:after{display:none}.premium-catalog .catalog-cover img{filter:saturate(.94) contrast(1.02);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.premium-catalog .premium-game:hover .catalog-cover img{transform:scale(1.07);filter:saturate(1.08) contrast(1.04)}
.catalog-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,13,27,.82));pointer-events:none}.premium-catalog .catalog-chip{top:16px;left:16px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-color:rgba(255,255,255,.2);background:rgba(7,17,34,.7);color:#d9e6f6}.premium-catalog .catalog-chip i{width:5px;height:5px;background:#82a0c6;box-shadow:0 0 0 4px rgba(130,160,198,.12)}.premium-catalog .catalog-chip.live{background:rgba(5,83,69,.73);color:#ddfff3}.premium-catalog .catalog-chip.live i{background:#50ecb0;box-shadow:0 0 0 4px rgba(80,236,176,.13),0 0 14px #50ecb0}
.catalog-number{position:absolute;z-index:2;right:16px;bottom:13px;color:rgba(255,255,255,.82);font-size:31px;font-weight:950;letter-spacing:-.06em;text-shadow:0 4px 14px rgba(0,0,0,.4)}
.premium-catalog .catalog-body{min-height:270px;padding:21px 21px 19px}.premium-catalog .catalog-meta i{color:#7e9cc4}.premium-catalog .catalog-meta b{border:1px solid rgba(74,225,170,.14);background:rgba(44,205,148,.11);color:#61deb0}.premium-catalog .is-soon .catalog-meta b{border-color:rgba(136,166,207,.13);background:rgba(136,166,207,.1);color:#91a8c6}.premium-catalog .catalog-title{color:#fff;font-size:23px}.premium-catalog .catalog-description{min-height:58px;color:#9dadc2;font-size:12px}.catalog-tags{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 16px}.catalog-tags i{padding:5px 7px;border:1px solid rgba(153,179,218,.13);border-radius:7px;background:rgba(124,156,204,.06);color:#8196b2;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.09em}.premium-catalog .catalog-action{border-top-color:rgba(145,174,217,.12);color:#6caaff}.premium-catalog .catalog-action i{background:rgba(82,140,229,.14);color:#84b8ff}.premium-catalog .catalog-action.preview{color:#b2c4db}.premium-catalog .catalog-action.preview i{background:rgba(166,187,217,.1);color:#c5d4e8}.catalog-empty{display:grid;gap:7px;place-items:center;padding:45px;color:#77879c}.catalog-empty b{color:#23344f;font-size:17px}

.home-upcoming{margin-top:40px}.home-section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px;padding:0 2px}.home-section-title h2{margin:7px 0 0;color:#12213d;font-size:30px;letter-spacing:-.04em}.upcoming-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.upcoming-poster{position:relative;min-width:0;aspect-ratio:3/4;overflow:hidden;padding:0;border:1px solid rgba(145,171,209,.34);border-radius:21px;background:#0c1a30;box-shadow:0 16px 38px rgba(30,56,98,.13);cursor:pointer;transition:.22s}.upcoming-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,13,27,.92))}.upcoming-poster img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease}.upcoming-poster:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(26,56,108,.22)}.upcoming-poster:hover img{transform:scale(1.07)}.upcoming-poster>span{position:absolute;z-index:2;right:15px;bottom:16px;left:15px;display:grid;gap:5px;text-align:left}.upcoming-poster small{color:#72b2ff;font-size:7px;font-weight:950;letter-spacing:.13em}.upcoming-poster b{overflow:hidden;color:#fff;font-size:16px;text-overflow:ellipsis;white-space:nowrap}

.preview-page{padding-bottom:20px}.preview-back{display:inline-flex;align-items:center;min-height:38px;margin:0 0 14px;padding:0 4px;border:0;background:transparent;cursor:pointer}.preview-hero{position:relative;min-height:590px;overflow:hidden;border:1px solid rgba(123,155,205,.3);border-radius:32px;background:#071326;box-shadow:0 30px 85px rgba(18,45,87,.25);color:#fff;isolation:isolate}.preview-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:preview-enter .7s ease both}@keyframes preview-enter{from{opacity:.6;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.preview-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,23,.96) 0,rgba(6,14,29,.78) 37%,rgba(6,13,26,.16) 72%),linear-gradient(0deg,rgba(4,10,23,.72),transparent 48%)}
.preview-topline{position:absolute;z-index:2;top:28px;right:30px;left:30px;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.66);font-size:8px;font-weight:950;letter-spacing:.13em}.preview-status{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,18,36,.54);backdrop-filter:blur(12px)}.preview-status i{width:6px;height:6px;background:#f5c75d;box-shadow:0 0 0 4px rgba(245,199,93,.12),0 0 13px #f5c75d}
.preview-copy{position:absolute;z-index:2;left:54px;bottom:52px;width:min(590px,calc(100% - 70px))}.preview-copy>span{color:#83bdff;font-size:9px;font-weight:950;letter-spacing:.17em}.preview-copy h1{margin:13px 0 15px;color:#fff;font-size:clamp(52px,7vw,84px);line-height:.94;letter-spacing:-.06em}.preview-copy>p{max-width:530px;margin:0;color:#c0cee0;font-size:14px;line-height:1.7}.preview-actions{display:flex;align-items:center;gap:17px;margin-top:25px}.preview-actions>span{color:#8698af;font-size:9px}.preview-disabled{min-height:46px;padding:0 19px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.1);color:#dce8f8;font-size:9px;font-weight:950;letter-spacing:.1em;backdrop-filter:blur(12px)}
.preview-info-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:18px;margin-top:18px}.preview-story,.preview-specs{padding:30px;border-radius:24px}.preview-story h2,.preview-more h2{margin:8px 0 12px;color:#12213d;font-size:31px;letter-spacing:-.04em}.preview-story>p{max-width:760px;margin:0;color:#6d7e94;line-height:1.75}.preview-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:26px}.preview-feature-grid>div{position:relative;min-height:160px;padding:19px;border:1px solid #dce5f0;border-radius:17px;background:linear-gradient(145deg,#fff,#f5f9ff)}.preview-feature-grid span{display:block;margin-bottom:20px;color:#3474df;font-size:10px;font-weight:950}.preview-feature-grid b{color:#223450;font-size:12px;letter-spacing:.04em}.preview-feature-grid p{margin:9px 0 0;color:#7a899d;font-size:10px;line-height:1.6}.preview-specs{background:linear-gradient(145deg,#0b1930,#102342);color:#fff}.preview-specs .eyebrow{color:#72adff}.preview-specs h3{margin:8px 0 23px;color:#fff;font-size:23px}.preview-spec-list{display:grid}.preview-spec-list>span{display:grid;grid-template-columns:34px 1fr;gap:3px 11px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}.preview-spec-list i{grid-row:1/3;align-self:center;color:#5e9ffb;font-size:10px;font-style:normal;font-weight:950}.preview-spec-list b{font-size:11px}.preview-spec-list small{color:#8295ae;font-size:9px}.preview-more{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:32px 3px 5px}.preview-more h2{margin-bottom:0}

@media(prefers-reduced-motion:reduce){.visual-orbit,.preview-hero>img{animation:none}.premium-catalog .premium-game,.upcoming-poster{transition:none}}
@media(max-width:1050px){.library-hero{grid-template-columns:.95fr 1.05fr}.library-hero-copy{padding-left:42px}.premium-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.upcoming-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-info-grid{grid-template-columns:1fr}.preview-spec-list{grid-template-columns:repeat(3,1fr);gap:12px}.preview-spec-list>span{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px}}
@media(max-width:800px){.library-hero{grid-template-columns:1fr;min-height:680px}.library-hero-copy{padding:40px 30px 20px}.library-hero-visual{min-height:310px}.library-visual-main{top:2%;left:12%;width:76%;height:72%}.library-toolbar{position:relative;top:auto;align-items:stretch;flex-direction:column}.library-search{width:100%}.preview-hero{min-height:520px}.preview-copy{left:28px;bottom:34px}.preview-feature-grid{grid-template-columns:1fr}.preview-feature-grid>div{min-height:0}.preview-spec-list{grid-template-columns:1fr}.upcoming-rail{display:flex;overflow-x:auto;padding:3px 2px 18px;scroll-snap-type:x mandatory}.upcoming-poster{flex:0 0 205px;scroll-snap-align:start}}
@media(max-width:560px){.library-hero{min-height:610px;border-radius:24px}.library-hero-copy{padding:31px 22px 14px}.library-hero h1{font-size:52px}.library-stats span{min-width:88px;padding-right:15px}.library-stats span+span{padding-left:15px}.library-hero-visual{min-height:270px}.library-visual-main{left:8%;width:84%;height:70%;border-radius:18px}.library-visual-float{width:42%;height:31%;border-radius:13px}.library-filters{display:grid;grid-template-columns:repeat(3,1fr)}.library-filter{padding:0 7px;font-size:9px}.premium-catalog{grid-template-columns:1fr}.premium-catalog .premium-game{min-height:0}.premium-catalog .catalog-body{min-height:250px}.home-section-title{align-items:flex-start}.home-section-title h2{font-size:25px}.home-section-title .btn{padding:9px 11px;font-size:10px}.preview-hero{min-height:500px;border-radius:24px}.preview-overlay{background:linear-gradient(0deg,rgba(4,10,23,.97),rgba(5,13,27,.4) 85%)}.preview-topline{top:19px;right:19px;left:19px}.preview-copy{left:21px;bottom:25px;width:calc(100% - 42px)}.preview-copy h1{font-size:48px}.preview-copy>p{font-size:12px}.preview-actions{align-items:flex-start;flex-direction:column;gap:10px}.preview-story,.preview-specs{padding:22px 19px}.preview-more{align-items:flex-start;flex-direction:column}.preview-more h2{font-size:26px}}