@layer components {
  .document-layout>article,.document-layout>.prose{min-width:0;max-width:100%}.table-scroll{width:100%;max-width:100%;overflow-x:auto}.prose code{overflow-wrap:anywhere;word-break:break-word}
  .catalogue-filters a{display:inline-flex;align-items:center;text-decoration:none;padding:9px 14px;border:1px solid var(--border);border-radius:7px;background:#251b3d;font-size:11px;font-weight:650}.catalogue-filters a[aria-current=page]{border-color:#df8fc7;background:#6c356b44;color:#ffd0e8}
  .welcome-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:55px 0 25px;background:radial-gradient(ellipse at 27% 70%,#7543ff2b,transparent 47%),radial-gradient(ellipse at 76% 77%,#ff59ae24,transparent 40%),radial-gradient(ellipse at 57% 93%,#ffb55b16,transparent 35%)}
  .welcome-hero-copy{position:relative;z-index:2;max-width:840px}.welcome-hero .eyebrow{margin-bottom:13px}.welcome-hero h1{font-size:clamp(37px,4.5vw,65px);line-height:1.03;margin-bottom:20px}.welcome-hero h1 span{background:var(--gradient);background-clip:text;-webkit-text-fill-color:transparent}.welcome-hero-copy>p{max-width:500px;margin:0 auto 22px;font-size:17px;color:#d4c0de;line-height:1.65}.welcome-hero-copy strong{color:#fff0da}.hero-main-action{min-width:245px}.hero-login{display:flex;justify-content:center;align-items:center;gap:5px;margin:16px auto 0;font-size:11px;color:#c8b5d6;text-decoration:none}.hero-login .icon{width:13px;height:13px}
  .hero-centrepiece{position:relative;width:min(800px,90vw);height:610px;margin:8px auto 0;display:flex;justify-content:center;align-items:flex-end}.hero-centrepiece>img{width:auto;height:100%;position:relative;z-index:1;filter:drop-shadow(0 15px 40px #190a3260);object-fit:contain}.hero-orbit{position:absolute;left:50%;top:56%;width:90%;height:50%;border:1px solid #f599f02b;border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg);box-shadow:0 0 60px #ba6cff0d,inset 0 0 50px #f855a50c}.hero-orbit--two{width:105%;height:65%;border-color:#ffb55b12;transform:translate(-50%,-50%) rotate(18deg)}.hero-caption{position:relative;font-size:10px;color:#baa7cb;margin:20px 15px 0;letter-spacing:.04em}
  .home-introduction{text-align:center;max-width:920px;padding-top:65px;padding-bottom:20px}.home-introduction h2{font-size:clamp(30px,3.3vw,44px);margin-bottom:25px}.home-introduction>p{max-width:800px;margin:0 auto 15px;color:var(--muted);font-size:14px;line-height:1.9}.home-introduction a{color:#ffbdde}.home-games{padding-top:30px;padding-bottom:30px}.home-games .section-heading h2{font-size:29px}.home-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.home-benefits article>img{width:100%;height:200px;object-fit:cover;border-radius:15px;margin-bottom:23px;border:1px solid #f1b9ff18}.home-benefits h3{font-size:23px;margin-bottom:14px}.home-benefits p{font-size:13px;color:var(--muted);line-height:1.9}.home-benefits .subtle-link{font-size:12px}
  .home-why{background:linear-gradient(120deg,#321a4d55,#43233c22,#37233133);border-block:1px solid #edc8ff0b}.home-why>.container{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.why-scene{height:410px;overflow:hidden;border-radius:18px;border:1px solid #e5b2ff25;box-shadow:0 25px 60px #0905104d}.why-scene img{height:100%;width:100%;object-fit:cover;object-position:27% center}.why-copy h2{margin-bottom:25px}.why-list{padding-left:19px;color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 20px}.why-list li{padding-left:5px;margin-bottom:14px}.why-list li::marker{color:#ff88bf}.why-list strong{color:#f8e7ff}
  .member-benefits{text-align:center}.member-intro{max-width:620px;color:var(--muted);margin:20px auto 35px;font-size:14px}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:left;margin:0 0 35px}.member-grid article{padding:20px 15px}.member-grid .step-symbol{margin-bottom:20px;background:linear-gradient(140deg,#8552d8,#b854a1 55%,#da9b68);color:white;border:1px solid #ffd7f26b;box-shadow:inset 0 2px 3px #ffffff55,0 5px 0 #442252,0 15px 25px #11072055;width:55px;height:55px}.member-grid h3{font-size:23px;margin-bottom:14px}.member-grid p{font-size:13px;color:var(--muted);line-height:1.85}
  .footer-invitation{position:relative;min-height:240px;padding-right:230px}.footer-invitation::after{content:'';position:absolute;right:0;bottom:0;width:180px;height:235px;background:url("/art/hero-center.webp") center top/contain no-repeat;pointer-events:none}.footer-explore{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;padding-block:40px;border-top:1px solid var(--border)}.footer-explore h3{font-size:15px;letter-spacing:0;margin-bottom:17px}.footer-explore nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-explore a{font-size:11px;color:#c9b3d8;text-decoration:none}.footer-explore p{font-size:12px;color:#bba7c9;max-width:280px;margin-top:16px}.category-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.category-links a{font-size:11px;text-decoration:none;padding:8px 12px;border:1px solid var(--border);border-radius:7px}.category-links a[aria-current=page]{border-color:#e89ac7;color:#ffcee8;background:#5e2d6344}
  .shelf-tabs{display:flex;gap:8px;flex-wrap:wrap}.shelf-tabs button{border:1px solid var(--border);background:#2c2045;border-radius:8px;padding:10px 18px;font-size:12px;box-shadow:inset 0 1px 0 #ffffff10,0 3px 0 #0e081d}.shelf-tabs button[aria-pressed=true]{background:var(--gradient);border-color:#f7b3d47a;color:white;box-shadow:inset 0 1px 0 #ffffff44,0 3px 0 #573160}
}
@layer responsive {
  @media(max-width:680px){.catalogue-tools{display:block}.catalogue-search{width:100%;max-width:100%;flex:none;margin-bottom:15px}.catalogue-search input[type=search]{flex:1;width:0;min-width:0}.catalogue-search button{flex-shrink:0}.catalogue-filters a{font-size:10px;min-height:40px;padding:9px 12px}}
  @media(max-width:680px){.header-main{gap:12px}.brand img{width:140px}.header-actions{gap:7px}.header-actions .account-button{display:none}.header-actions .credit-pill{max-width:105px;padding:5px 9px;gap:7px}.credit-pill>.icon{width:18px;height:18px}.credit-pill strong{font-size:13px}.credit-pill small{font-size:8px}.menu-button{width:34px;min-width:34px;height:36px}}
  @media(max-width:1000px){.hero-centrepiece{height:540px}.home-benefits{gap:22px}.home-benefits article>img{height:170px}.home-why>.container{gap:30px}.footer-invitation{padding-right:180px}.footer-invitation::after{width:150px;height:200px}.member-grid{gap:18px}}
  @media(max-width:680px){.welcome-hero{padding-top:35px}.welcome-hero .eyebrow{font-size:8px;letter-spacing:.14em}.welcome-hero h1{font-size:36px;line-height:1.08;letter-spacing:-.055em}.welcome-hero-copy>p{font-size:13px;max-width:300px;margin-bottom:20px}.hero-main-action{font-size:13px;min-width:220px}.hero-login{font-size:10px}.hero-centrepiece{height:440px;width:100%;margin-top:20px}.hero-centrepiece>img{max-width:95%}.hero-caption{font-size:8px;line-height:1.8;max-width:290px;margin:15px auto 0}.home-introduction{padding-top:35px}.home-introduction h2{font-size:29px}.home-introduction>p{font-size:12px;line-height:1.9}.home-benefits{grid-template-columns:1fr;gap:35px}.home-benefits article>img{height:220px}.home-benefits h3{font-size:25px}.home-benefits p{font-size:13px}.home-why>.container{grid-template-columns:1fr;gap:30px}.why-scene{height:260px}.why-copy h2{font-size:30px}.why-list{font-size:12px}.member-grid{grid-template-columns:1fr;gap:15px}.member-grid article{padding:10px 0}.member-grid .step-symbol{float:left;margin:0 20px 15px 0;width:45px;height:45px}.member-grid h3{font-size:22px;padding-top:6px}.member-grid p{clear:both}.member-intro{font-size:13px}.footer-invitation{padding-right:105px;min-height:220px;display:block}.footer-invitation::after{width:115px;height:170px;right:-13px}.footer-invitation h2{font-size:25px;margin-bottom:22px}.footer-invitation .button{font-size:10px;padding-inline:12px;gap:6px}.footer-explore{grid-template-columns:1fr 1fr;gap:30px;padding-block:30px}.footer-explore>div:first-child{grid-column:1/-1}.footer-explore>div:first-child p{max-width:100%}.footer-explore h3{font-size:14px}.footer-explore a{font-size:10px}.home-games .section-heading{flex-wrap:wrap;gap:18px}.home-games .section-heading h2{font-size:25px}.shelf-tabs{gap:6px}.shelf-tabs button{font-size:10px;padding:9px 10px}}
  @media(max-width:370px){.welcome-hero h1{font-size:31px}.hero-centrepiece{height:375px}.footer-invitation h2{font-size:23px}}
}