:root{color-scheme:dark;--bg:#080d18;--panel:#121e30;--text:#f3f7ff;--muted:#aab9ce;--jade:#68f0ce;--line:#27364e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'Outfit','Noto Sans Thai',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--jade);outline-offset:5px}.wrap{max-width:1360px;margin:auto;padding:0 5%}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;font-size:30px;font-weight:700;letter-spacing:5px}.mark{display:block;width:24px;height:32px;background:var(--jade);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}nav{display:flex;gap:34px;font-size:15px;color:var(--muted)}nav a:hover{color:var(--jade)}.nav-end{border:1px solid var(--line);padding:7px 14px;border-radius:6px;font-size:14px}.hero{position:relative;margin-top:28px;min-height:470px;border-radius:18px;overflow:hidden;background:#122638;isolation:isolate}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,34,.97),rgba(6,16,34,.65) 40%,transparent 75%);z-index:-1}.hero-copy{padding:65px 5%;width:59%}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--jade);font-weight:600}.hero h1{font-size:clamp(32px,4vw,54px);line-height:1.4;font-weight:600;letter-spacing:-1px;margin:17px 0}.hero h1 span{color:var(--jade)}.hero p{color:#cad6e8;max-width:370px;margin-bottom:30px}.primary{display:inline-flex;align-items:center;gap:28px;background:var(--jade);color:#052c31;padding:12px 24px;border-radius:7px;font-weight:600;border:0}.hero-label{position:absolute;right:28px;bottom:23px;color:#d0dded;font-size:12px;letter-spacing:2px}.catalog{padding:48px 0 50px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2{font-size:30px;margin:0;font-weight:600}.section-head p{color:var(--muted);font-size:14px;margin:5px 0 0}.count{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-4px);border-color:#4bbcb6}.card>button{display:block;width:100%;text-align:left;background:transparent;border:0;color:inherit;padding:0}.cover{position:relative;aspect-ratio:2/1;overflow:hidden;background:#17273b}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.04)}.card-body{padding:17px 20px 19px}.card h3{font-size:20px;line-height:1.3;margin:0 0 8px}.meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.plus{border:1px solid #3a5670;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:var(--jade);font-size:20px}.info{border-top:1px solid var(--line);padding:34px 0 44px;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.info h2{font-size:25px;margin:6px 0}.info p{color:var(--muted);font-size:15px;margin:5px 0 14px}.info a{color:var(--jade);font-size:14px}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:20px;color:var(--text)}.age{border:1px solid #637b98;border-radius:50%;display:inline-grid;place-items:center;min-width:36px;height:36px;margin-right:10px}dialog{width:min(720px,92vw);border:1px solid #3c617b;border-radius:16px;padding:0;background:var(--panel);color:var(--text);max-height:88vh}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog img{width:100%;display:block}dialog .detail{padding:24px 28px}dialog h2{margin:0;font-size:27px}dialog p{color:var(--muted)}.close{position:absolute;right:10px;top:10px;background:#0a1426ed;color:white;border:1px solid #718ba6;border-radius:50%;width:40px;height:40px;font-size:25px}.detail .small{font-size:13px}.detail .primary{font-size:14px}@media(min-width:1500px){.hero{min-height:500px}}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{width:75%}.hero{min-height:430px}.hero-copy{padding:44px 6%}.hero:after{background:linear-gradient(90deg,#091529f0,#09152990 65%,#09152920)}nav{gap:18px}.info{gap:30px}.hero-label{display:none}}@media(max-width:540px){.wrap{padding:0 5%}header{height:75px}.brand{font-size:24px}nav{gap:16px;font-size:14px}.nav-end{display:none}.hero{margin-top:18px;min-height:440px}.hero>img{object-position:65% center}.hero-copy{width:100%;padding:34px 24px}.hero h1{font-size:36px}.hero p{max-width:240px;font-size:15px}.hero:after{background:linear-gradient(90deg,#08162af5,#08162a99)}.catalog{padding-top:32px}.section-head h2{font-size:25px}.grid{gap:13px}.cover{aspect-ratio:1.45}.cover img{object-position:62%}.card-body{padding:13px 12px}.card h3{font-size:17px;min-height:44px}.meta{font-size:12px}.plus{width:24px;height:24px}.info{grid-template-columns:1fr;gap:10px}footer{flex-wrap:wrap}.count{font-size:12px}.section-head p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Shared navigation and interior pages */
header{height:auto;min-height:92px;flex-wrap:wrap;padding:18px 0;column-gap:24px;row-gap:16px}header nav{flex-wrap:wrap;gap:12px 25px}nav a[aria-current="page"]{color:var(--jade)}.signup-button{font-size:15px;padding:10px 18px;white-space:nowrap}.page-main{padding-top:38px}.page-intro{padding:40px 0 38px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(40px,6vw,68px);line-height:1.3;font-weight:600;margin:14px 0}.page-intro p{font-size:18px;color:var(--muted);margin:0;line-height:1.8}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px 0 48px}.guide-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--jade);padding:28px;border-radius:12px}.category-number{font-size:14px;letter-spacing:2px;color:var(--jade)}.guide-card h2{font-size:28px;margin:22px 0 12px}.guide-card p,.page-note p{font-size:16px;color:var(--muted)}.promotion-empty{margin:34px 0 48px;background:linear-gradient(120deg,#143344,#121e30);border:1px solid #2e6372;border-radius:18px;padding:48px}.status-label{display:inline-block;border:1px solid #377b82;border-radius:30px;padding:5px 15px;color:var(--jade);font-size:14px}.promotion-empty h2{font-size:30px;line-height:1.5;margin:22px 0 12px}.promotion-empty p{color:var(--muted);max-width:580px;margin-bottom:28px}.signup-detail{padding:54px 30px 32px!important}.signup-detail h2{margin-top:14px}.signup-detail .primary{margin-top:12px}#signup-dialog{max-width:520px}
@media(max-width:850px){header .brand{font-size:26px}header nav{order:3;width:100%;justify-content:center;padding-top:12px;border-top:1px solid var(--line);gap:10px 24px}.guide-grid{grid-template-columns:1fr;gap:18px}.page-main{padding-top:10px}.guide-card h2{margin-top:12px}.promotion-empty{padding:30px}}
@media(max-width:540px){header{min-height:75px;padding:16px 0}header nav{gap:10px 20px;font-size:14px}.signup-button{font-size:14px;padding:9px 15px}.page-intro{padding:28px 0}.page-intro p{font-size:16px}.promotion-empty{padding:25px}.promotion-empty h2{font-size:25px}.guide-card{padding:24px}.signup-detail h2{font-size:25px}.info p{font-size:16px}}

/* Midnight navy, mint and cyan palette */
body{background:radial-gradient(ellipse at 85% 0,rgba(40,114,151,.12),transparent 45%),var(--bg)}
.mark{background:linear-gradient(145deg,#68f0ce,#64caff)}
.primary{background:linear-gradient(110deg,#68f0ce,#64caff);box-shadow:0 4px 20px rgba(61,209,209,.12);transition:filter .2s,box-shadow .2s}
.primary:hover{filter:brightness(1.08);box-shadow:0 6px 26px rgba(61,209,209,.23)}
.primary:active{filter:brightness(.95)}
.card,.guide-card{background:linear-gradient(145deg,#16243a,#101a2a);box-shadow:0 8px 26px rgba(0,0,0,.13)}
.plus{background:#182f42}.card:hover .plus{background:#234959;border-color:#4bbcb6}
.page-intro h1{color:#f3f7ff}.guide-card:nth-child(2){border-top-color:#64caff}.guide-card:nth-child(3){border-top-color:#93aaff}
.promotion-empty{background:radial-gradient(ellipse at top right,rgba(100,202,255,.12),transparent 65%),linear-gradient(120deg,#143344,#121e30)}
.status-label{background:rgba(104,240,206,.07)}
nav a{transition:color .2s}nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:#68f0ce;text-underline-offset:8px}
dialog{box-shadow:0 24px 80px #0008}dialog::backdrop{background:#030916c9}
@media(prefers-reduced-motion:reduce){.primary,nav a{transition:none}}

/* Keep the wider brand name readable on small screens. */
header .brand{white-space:nowrap;font-size:28px;letter-spacing:2px;gap:9px}
@media(max-width:540px){header{column-gap:10px}header .brand{font-size:22px;letter-spacing:1px;gap:7px}header .mark{width:18px;height:26px}.signup-button{padding:9px 12px}}

/* Horizontal PG SLOT wordmark, scaled for each navigation layout. */
.logo-window{display:block;position:relative;width:200px;aspect-ratio:1950/350;overflow:hidden;flex:none}
.logo-window .brand-logo{position:absolute;display:block;width:106.0513%;max-width:none;height:auto;left:-2.5641%;top:-57.1429%}
header .brand{line-height:1;flex-shrink:0}footer .logo-window{width:142px}
@media(max-width:540px){header .logo-window{width:148px}footer .logo-window{width:125px}}

.game-play{display:inline-flex;justify-content:center;align-items:center;min-width:72px;min-height:44px;padding:8px 18px;border-radius:8px;background:linear-gradient(110deg,#68f0ce,#64caff);color:#052c31;font-size:16px;font-weight:700}.card:hover .game-play{filter:brightness(1.1)}.meta{gap:8px;flex-wrap:wrap}

/* Casino provider artwork supplied by the site owner. */
.casino-gallery{padding:32px 0 8px}.casino-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.casino-provider{margin:0;min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:14px}.casino-provider-image{position:relative;aspect-ratio:2/3;overflow:hidden;background:#080d18;display:flex;align-items:center;justify-content:center}.casino-provider-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.casino-provider figcaption{padding:14px 12px;text-align:center;font-size:16px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}@media(max-width:850px){.casino-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(max-width:540px){.casino-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.casino-provider figcaption{font-size:14px;padding:12px 8px}.casino-gallery{padding-top:26px}}

/* Casino header artwork with readable live text. */
.casino-hero{position:relative;isolation:isolate;overflow:hidden;min-height:360px;aspect-ratio:2.5/1;border:1px solid #314951;border-radius:18px;padding:36px 40px;display:flex;align-items:center;background:#0a1524;box-shadow:0 12px 36px #0003}.casino-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.casino-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,30,.86),rgba(6,16,30,.56) 35%,rgba(6,16,30,.06) 62%),linear-gradient(0deg,rgba(8,13,24,.35),transparent 45%);z-index:-1}.casino-hero-copy{max-width:47%}.casino-hero p{color:#e1ebf5;text-shadow:0 2px 8px #0009}.casino-hero h1{margin:12px 0 18px;text-shadow:0 2px 12px #0006}.casino-hero .eyebrow{line-height:1.8}@media(max-width:850px){.casino-hero{padding:30px 26px;min-height:320px;aspect-ratio:auto}.casino-hero-copy{max-width:52%}.casino-hero-art{object-position:60% center}}@media(max-width:540px){.casino-hero{padding:24px 22px;min-height:440px;align-items:flex-end}.casino-hero-copy{max-width:100%}.casino-hero-art{object-position:68% center}.casino-hero:after{background:linear-gradient(0deg,rgba(6,16,30,.98),rgba(6,16,30,.86) 30%,rgba(6,16,30,.12) 65%)}.casino-hero h1{font-size:42px;margin:8px 0 12px}.casino-hero p{font-size:16px}.casino-hero .eyebrow{font-size:12px;letter-spacing:2px}}

/* White, blush pink and coral palette matched to the supplied reference. */
:root{color-scheme:light;--bg:#fff;--panel:#fff;--text:#574268;--muted:#6d6069;--jade:#ae4b42;--line:#ffc4bf}
body{background:linear-gradient(180deg,#fff 65%,#fff7f7);color:var(--text)}
header{position:relative;isolation:isolate;background:#ffe8e6;border-bottom-color:#ffdedb}
header:before{content:'';position:absolute;inset:0 calc(50% - 50vw);background:linear-gradient(180deg,#fff1ef,#ffe3e1);z-index:-1;pointer-events:none}
header nav{color:#a34b43}
nav a:hover,nav a[aria-current="page"]{color:#953b35}
nav a[aria-current="page"]{text-decoration-color:#ec8880}
footer{background:transparent}
.logo-window .brand-logo{filter:brightness(.42) sepia(1) saturate(2.5) hue-rotate(305deg)}
.mark{background:linear-gradient(135deg,#ffb9ad,#ea6d63)}
.primary,.game-play{background:linear-gradient(135deg,#ffd4c8,#f4a296);color:#71332e;box-shadow:0 4px 14px #e9756924;border-radius:24px}
.primary:hover,.card:hover .game-play{filter:brightness(.93);box-shadow:0 6px 20px #e9756935}
.signup-button{background:#fff;color:#574268;border:1px solid #81708e;box-shadow:none}
.card,.casino-provider{background:#fff;box-shadow:0 6px 24px #c9786b0c;border-color:#ffdad6}
.card:hover{border-color:#ef9188}
.guide-card{background:linear-gradient(135deg,#fff5f1,#ffe4e0 60%,#fff9f7);box-shadow:0 6px 24px #c9786b0c}
.guide-card:nth-child(2){border-top-color:#ee938c}.guide-card:nth-child(3){border-top-color:#edb16e}
.cover,.casino-provider-image{background:#fff1ef}
.plus{background:#fff1ed;border-color:#f1aaa1;color:#ae4b42}
.card:hover .plus{background:#ffe0d9;border-color:#e58478}
.page-intro h1,.section-head h2,.info h2,.guide-card h2{color:#574268}
.promotion-empty{background:linear-gradient(125deg,#fff7ed,#ffe6e0 60%,#fff2f5);border-color:var(--line)}
.status-label{background:#fff1db;border-color:#f1c38f;color:#994e38}
dialog{background:#fff;border-color:var(--line);box-shadow:0 24px 80px #68435d35}
dialog::backdrop{background:#382c4480}
.close{background:#fff;color:#984e48;border-color:#f1b7b0}
.age{border-color:#b99099}
.hero,.casino-hero{background:#fff1ed;border:1px solid var(--line);box-shadow:0 10px 30px #c9786b0c}
.hero:after{background:linear-gradient(90deg,#fff4f0fa,#ffece8ed 38%,#ffe6e170 60%,transparent 85%)}
.hero p,.casino-hero p{color:#6b5159;text-shadow:none}
.hero-label{color:#754e65;background:#fff2efed;padding:4px 10px;border-radius:6px}
.casino-hero:after{background:linear-gradient(90deg,#fff4f0fa,#ffece8ed 34%,#ffe6e180 53%,transparent 75%)}
.casino-hero h1{text-shadow:none}
@media(max-width:850px){.hero:after{background:linear-gradient(90deg,#fff4f0fa,#ffece8ed 50%,#ffe6e150)}}
@media(max-width:540px){.hero:after{background:linear-gradient(90deg,#fff4f0f5,#ffece8e6 62%,#ffe6e190)}.casino-hero:after{background:linear-gradient(0deg,#fff3ef,#fff0ebf5 35%,#ffe6e120 78%)}}

/* Owner-supplied promotion banners retain their complete artwork. */
.promotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:32px 0 48px}
.promotion-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 24px #c9786b10}
.promotion-card>img{display:block;width:100%;height:auto;background:#fff1ef}
.promotion-card-body{padding:18px 20px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.promotion-card h2{font-size:18px;line-height:1.6;margin:0;color:var(--text)}
.promotion-claim{justify-content:center;flex-shrink:0;min-height:44px;font-size:16px;padding:10px 18px}
#promotion-dialog{width:min(850px,94vw)}
#promotion-dialog .detail{padding:24px}
@media(max-width:1050px){.promotion-card-body{align-items:stretch;flex-direction:column}.promotion-claim{width:100%}}
@media(max-width:650px){.promotion-grid{grid-template-columns:1fr;gap:20px;padding-top:24px}.promotion-card-body{padding:16px}.promotion-card h2{font-size:18px}}

/* Full PG SOFT image catalog. */
.all-games-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}
.all-games-intro h1{font-size:clamp(32px,5vw,52px);margin:10px 0}
.game-total{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:112px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff0ec;color:#ae4b42;font-size:16px}
.game-total strong{font-size:32px;line-height:1.2}
.all-games-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:32px 0 48px}
.all-game{margin:0;min-width:0;border:1px solid #ffdad6;border-radius:14px;overflow:hidden;background:#fff3ef;box-shadow:0 5px 20px #c9786b12}
.all-game img{display:block;width:100%;height:auto;aspect-ratio:249/361;object-fit:contain}
@media(max-width:1050px){.all-games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
@media(max-width:750px){.all-games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.all-games-intro{align-items:flex-start}.game-total{min-width:80px;padding:12px}}
@media(max-width:480px){.all-games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.all-games-intro{display:block}.game-total{display:inline-flex;flex-direction:row;gap:8px;margin-top:18px;padding:8px 16px}.game-total strong{font-size:24px}}

.game-login-trigger{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;border-radius:inherit;cursor:pointer}
.game-login-trigger:hover{filter:brightness(1.06)}
.game-login-trigger:focus-visible{outline:3px solid #953b35;outline-offset:-4px}
#game-login-dialog{width:min(420px,92vw)}
.game-login-detail{text-align:center;padding:58px 24px 30px!important}
.game-login-detail h2{font-size:26px;margin:0 0 26px}
.game-login-detail .primary{min-width:140px;justify-content:center}

/* Catalog header follows the casino banner reference. */
.games-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.45;letter-spacing:0}
.games-hero .casino-hero-copy{max-width:54%}
@media(max-width:850px){.games-hero .casino-hero-copy{max-width:62%}}
@media(max-width:540px){.games-hero .casino-hero-copy{max-width:100%}.games-hero h1{font-size:clamp(28px,8vw,38px)}.games-hero p{font-size:16px}}

/* Dedicated slot and promotion artwork, with copy over the quiet left area. */
.games-hero:after,.promotions-hero:after{background:linear-gradient(90deg,#fff4f0b3,#fff4f040 43%,transparent 65%)}
@media(max-width:540px){.games-hero:after,.promotions-hero:after{background:linear-gradient(0deg,#fff3effa,#fff0ebeb 34%,transparent 76%)}.games-hero .casino-hero-art,.promotions-hero .casino-hero-art{object-position:72% center}}

/* Keep the collage visible beside the catalog heading. */
.games-hero .casino-hero-copy{max-width:46%}
.games-hero h1{font-size:clamp(30px,3.6vw,48px)}
@media(max-width:850px){.games-hero .casino-hero-copy{max-width:56%}}
@media(max-width:540px){.games-hero .casino-hero-copy{max-width:100%}.games-hero h1{font-size:clamp(28px,8vw,38px)}}
.games-hero{background:#fff0e9}
.games-hero .casino-hero-art{width:85%;left:15%;object-fit:contain;object-position:center}
.games-hero .casino-hero-copy{max-width:38%}
.games-hero:after{background:linear-gradient(90deg,#fff2edf2,#fff2edbb 24%,transparent 44%)}
@media(max-width:850px){.games-hero .casino-hero-copy{max-width:42%}.games-hero h1{font-size:32px}}
@media(max-width:540px){.games-hero{min-height:450px}.games-hero .casino-hero-art{width:100%;left:0;height:270px;object-fit:cover;object-position:68% center}.games-hero .casino-hero-copy{max-width:100%}.games-hero:after{background:linear-gradient(0deg,#fff2ed 0%,#fff2ed 34%,#fff2ed00 65%)}.games-hero h1{font-size:clamp(28px,8vw,38px)}}

/* Compact mobile header and spacious, accessible navigation cards. */
.mobile-menu-toggle{display:none}
@media(max-width:850px){
  header{min-height:80px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:14px 0}
  header .logo-window{width:154px;max-width:100%}
  header .brand{min-width:0}
  header .signup-button{grid-column:2;grid-row:1;min-height:44px;border-radius:14px;padding:10px 15px;font-size:14px;box-shadow:0 3px 9px #b3534210}
  .mobile-menu-ready .mobile-menu-toggle{display:flex;grid-column:3;grid-row:1;align-items:center;justify-content:center;gap:8px;min-width:78px;min-height:44px;padding:10px 12px;border:1px solid #e6aca6;border-radius:14px;background:#fffaf9;color:#953b35;font-size:14px;font-weight:600}
  .menu-toggle-icon{position:relative;display:block;width:18px;height:16px}
  .menu-toggle-icon span{position:absolute;left:0;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s,top .2s}
  .menu-toggle-icon span:nth-child(1){top:1px}.menu-toggle-icon span:nth-child(2){top:7px}.menu-toggle-icon span:nth-child(3){top:13px}
  .menu-open .menu-toggle-icon span:nth-child(1){top:7px;transform:rotate(45deg)}
  .menu-open .menu-toggle-icon span:nth-child(2){opacity:0}
  .menu-open .menu-toggle-icon span:nth-child(3){top:7px;transform:rotate(-45deg)}
  header nav{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px;margin:0;padding:14px 0 2px;border-top:1px solid #efc4bf}
  header.mobile-menu-ready nav{display:none}
  header.mobile-menu-ready.menu-open nav{display:grid}
  header nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:14px 16px;border:1px solid #f2d5d1;border-radius:16px;background:#fffbfa;color:#75423f;font-size:15px;font-weight:500;line-height:1.5;text-decoration:none;box-shadow:0 3px 10px #974a3e05}
  header nav a::after{content:'›';font-size:22px;line-height:1;color:#b7756e}
  header nav a:hover{background:#fff0ec;border-color:#dc9990;color:#873c35}
  header nav a[aria-current="page"]{background:linear-gradient(120deg,#ffd7cf,#ffeae4);border-color:#d99085;color:#79352f;box-shadow:inset 3px 0 #bf5c4f;font-weight:700;text-decoration:none}
  .mobile-menu-toggle:focus-visible,header nav a:focus-visible{outline:3px solid #ad5149;outline-offset:3px}
}
@media(max-width:540px){
  header{gap:8px;min-height:74px;padding:12px 0}
  header .logo-window{width:120px}
  header .signup-button{padding:9px 11px}
  .mobile-menu-ready .mobile-menu-toggle{min-width:68px;padding:10px;gap:6px}
  header nav{grid-template-columns:1fr;gap:8px;padding-top:12px}
  header nav a{min-height:54px;padding:13px 16px;border-radius:13px}
}
@media(max-width:360px){header .logo-window{width:94px}header .signup-button{padding:9px 8px}.mobile-menu-ready .mobile-menu-toggle{min-width:62px;padding:9px 8px}}

/* Collection discovery and shared wayfinding. */
[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;padding:12px 18px;border-radius:12px;background:#fff;color:#79352f;border:2px solid #ad5149}
.skip-link:focus{top:16px}
.catalog-search{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px 24px;padding:20px;margin:0 0 24px;border:1px solid #f1d1cb;border-radius:18px;background:#fff8f6}
.search-field{flex:1;min-width:0}.search-field label{display:block;font-size:15px;font-weight:600;margin-bottom:8px;color:#574268}
.search-input-row{display:flex;gap:10px}.search-input-row input{width:100%;min-width:0;min-height:48px;font:inherit;color:#574268;background:#fff;border:1px solid #dcb4ac;border-radius:12px;padding:11px 14px}
.search-input-row input:focus-visible{outline:3px solid #ad5149;outline-offset:2px}
.search-input-row input::placeholder{color:#806e79;font-size:14px}
.search-reset{flex-shrink:0;border:1px solid #dcb4ac;background:#fff;color:#873c35;border-radius:12px;padding:10px 14px;font-size:14px}
.search-count{margin:0 0 12px;font-size:14px;color:#6d6069}.search-empty{width:100%;margin:4px 0;color:#75423f}
.faq-section{padding:40px 0 48px;border-top:1px solid #f1d1cb}.faq-section details{border:1px solid #edd3ce;border-radius:15px;margin:12px 0;background:#fffaf9;overflow:hidden}
.faq-section summary{cursor:pointer;padding:18px 22px;font-weight:600;line-height:1.7;color:#574268}.faq-section summary:focus-visible{outline:3px solid #ad5149;outline-offset:-4px}
.faq-section details[open] summary{background:#fff0ec}.faq-section details p{padding:0 22px;margin:16px 0 22px;color:#6d6069;font-size:16px}.faq-section a{color:#953b35;text-decoration:underline;text-underline-offset:4px}
footer{flex-wrap:wrap}.footer-links{flex-basis:100%;display:flex;flex-wrap:wrap;gap:12px 26px;padding-bottom:20px;border-bottom:1px solid #f1d1cb;font-size:14px;color:#873c35}
.back-to-top{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));right:20px;z-index:20;width:48px;height:48px;display:grid;place-items:center;border:1px solid #d58e83;border-radius:16px;background:#fff3ee;color:#873c35;font-size:25px;box-shadow:0 5px 20px #9e574323}
@media(min-width:851px){header{column-gap:16px}header nav{gap:12px 16px;font-size:14px}}
@media(max-width:540px){.catalog-search{padding:16px;gap:10px}.search-field{flex-basis:100%}.search-count{margin:0}.search-input-row{flex-wrap:wrap}.search-reset{min-height:44px}.faq-section summary{padding:16px}.faq-section details p{padding:0 16px}.back-to-top{right:14px}.footer-links{gap:14px 22px}}

/* Readable editorial sections, below the visual collections. */
.guide-jump{display:flex;justify-content:flex-end;margin:14px 0 8px;font-size:14px;color:#953b35}.guide-jump a{padding:8px 2px;text-decoration:underline;text-underline-offset:5px}.guide-jump span{margin-left:8px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px;font-size:14px;color:#6d6069}.breadcrumbs a{color:#953b35}
.editorial{padding:44px 0 48px;margin-top:24px;border-top:1px solid #efd1cb}.editorial-heading{max-width:860px;margin-bottom:30px}.editorial-heading h2{font-size:clamp(25px,3vw,36px);line-height:1.5;margin:10px 0 16px;font-weight:600}.editorial-lead{font-size:18px;line-height:1.9;color:#6d6069;margin:0}
.editorial-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;align-items:start}.article-toc{display:flex;flex-direction:column;gap:0;background:#fff7f4;border:1px solid #eed3cc;border-radius:16px;padding:20px;position:sticky;top:24px;color:#75423f;font-size:14px;line-height:1.7}.article-toc strong{font-size:16px;margin-bottom:10px;color:#574268}.article-toc a{padding:12px 0;border-top:1px solid #efd9d4}.article-toc a:hover{color:#953b35;text-decoration:underline}
.editorial-body{max-width:820px;min-width:0}.editorial-body section+section{border-top:1px solid #f0dfda;margin-top:32px;padding-top:28px}.editorial-body h2{font-size:26px;font-weight:600;line-height:1.55;margin:0 0 16px}.editorial-body h3{font-size:20px;font-weight:600;line-height:1.6;margin:26px 0 12px}.editorial-body p,.editorial-body li{font-size:16px;line-height:1.95;color:#6d6069}.editorial-body p{margin:0 0 18px}.editorial-body li{padding-left:4px;margin:10px 0}.editorial-body ul,.editorial-body ol{padding-left:24px}.editorial-body a{color:#953b35;text-decoration:underline;text-underline-offset:4px}.editorial-body strong{color:#574268}
.article-table-wrap{overflow-x:auto;border:1px solid #edd3cc;border-radius:14px;margin:24px 0}.article-table-wrap table{border-collapse:collapse;width:100%;min-width:500px;font-size:15px;line-height:1.8}.article-table-wrap caption{text-align:left;padding:16px;font-weight:600;background:#fff9f7;color:#574268}.article-table-wrap th,.article-table-wrap td{text-align:left;padding:14px 16px;border-top:1px solid #edd3cc;vertical-align:top}.article-table-wrap thead{background:#ffe9e2;color:#75423f}.article-table-wrap tbody th{font-weight:600;white-space:nowrap}.article-table-wrap td{color:#6d6069}
@media(max-width:850px){.editorial-layout{grid-template-columns:1fr;gap:28px}.article-toc{position:static}.editorial-body{max-width:none}.editorial-heading{max-width:none}}
@media(max-width:540px){.editorial{padding:32px 0}.editorial-lead{font-size:16px}.editorial-body h2{font-size:23px}.editorial-body h3{font-size:19px}.editorial-heading h2{font-size:26px}.guide-jump{justify-content:flex-start}.breadcrumbs{margin-bottom:12px}}


/* Game artwork belongs within the homepage reading flow. */
.article-art{margin:24px 0 30px;border:1px solid #edc7bd;border-radius:18px;overflow:hidden;background:#fff7f2}
.article-art img{display:block;width:100%;height:auto;object-fit:contain}
.article-art figcaption{padding:12px 18px;font-size:14px;line-height:1.7;color:#75423f;background:#fff7f2}
.article-art-wide{margin:0 0 34px}
@media(max-width:540px){.article-art{border-radius:14px}.article-art figcaption{padding:11px 14px}}

/* Homepage hero: generous type and a dedicated artwork panel. */
.hero.home-hero{display:grid;grid-template-columns:48% 52%;min-height:480px;margin-top:28px;border:1px solid #efd0c8;border-radius:28px;background:linear-gradient(135deg,#fffaf7,#ffede6);overflow:hidden;box-shadow:0 16px 40px #70433b0c;isolation:isolate}
.hero.home-hero:after{display:none}
.home-hero .home-hero-visual{grid-column:2;grid-row:1;position:relative;min-width:0;min-height:100%;overflow:hidden}
.home-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% center}
.home-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff1e9 0%,#fff1e925 18%,transparent 38%);pointer-events:none}
.home-hero .hero-copy{grid-column:1;grid-row:1;width:auto;min-width:0;align-self:center;padding:44px 20px 44px 40px;position:relative;z-index:1}
.home-hero .eyebrow{font-size:14px;letter-spacing:2px;color:#984238}
.home-hero h1{margin:16px 0 20px;letter-spacing:0;line-height:1.25;font-weight:600}
.home-hero h1 .home-title-brand{display:block;font-size:clamp(48px,5.6vw,76px);font-weight:700;line-height:1.12;letter-spacing:-2px;color:#574268}
.home-hero h1 .home-title-topic{display:block;margin-top:14px;font-size:clamp(25px,2.8vw,36px);font-weight:500;line-height:1.55;color:#a94d42}
.home-hero .hero-copy p{font-size:16px;line-height:1.85;margin:0 0 26px;max-width:none;color:#6b5b65}
.home-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}
.home-hero-actions .primary{min-height:50px;padding:12px 22px;border-radius:14px;gap:22px;font-size:16px}
.home-guide-link{font-size:14px;color:#87453d;text-decoration:underline;text-underline-offset:5px;padding:10px 0}
@media(max-width:850px){.hero.home-hero{min-height:440px;grid-template-columns:50% 50%}.home-hero .hero-copy{padding:32px 14px 32px 26px}.home-hero h1 .home-title-brand{font-size:52px}.home-hero h1 .home-title-topic{font-size:27px}.home-hero-actions{gap:6px 16px}}
@media(max-width:600px){
 .hero.home-hero{display:flex;flex-direction:column;min-height:0;margin-top:18px;border-radius:22px}
 .home-hero .home-hero-visual{order:0;width:100%;height:clamp(230px,62vw,330px);min-height:0;flex:none}
 .home-hero-visual img{object-position:100% 46%}
 .home-hero-visual:after{background:linear-gradient(0deg,#fff2eb,transparent 30%)}
 .home-hero .hero-copy{order:1;width:100%;padding:12px 24px 28px;background:#fff2eb}
 .home-hero .eyebrow{font-size:13px;letter-spacing:1.5px}
 .home-hero h1{margin:12px 0 16px}
 .home-hero h1 .home-title-brand{font-size:clamp(42px,12vw,58px);letter-spacing:-1px}
 .home-hero h1 .home-title-topic{font-size:clamp(24px,6.4vw,30px);margin-top:10px;line-height:1.5}
 .home-hero .hero-copy p{font-size:16px;line-height:1.8;margin-bottom:22px;max-width:none}
 .home-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}
 .home-hero-actions .primary{width:100%;justify-content:center;min-height:52px}
 .home-guide-link{text-align:center;min-height:44px}
}

/* Purple lounge homepage inspired by the supplied mobile reference. */
body.purple-home{--text:#f7efff;--muted:#c6b6d5;--line:#4e286a;--jade:#e9bbff;--panel:#21102e;background:radial-gradient(ellipse at 50% 0,#321049,transparent 850px),#100818;color:var(--text)}
.purple-home header{background:#1a0b27;border-color:#4d2562}.purple-home header:before{background:linear-gradient(180deg,#281036,#160920)}
.purple-home .brand-logo{filter:brightness(0) invert(1)}.purple-home header nav{color:#e3cfef}.purple-home header nav a:hover,.purple-home header nav a[aria-current="page"]{color:#fff;text-decoration-color:#eabdff}
.purple-home .primary{background:linear-gradient(135deg,#b756e9,#7415ad);color:#fff;box-shadow:0 5px 18px #8204b33b;border:1px solid #bf68e5}.purple-home .signup-button{background:#f5d28b;color:#321342;border-color:#f9dfab}
.lounge-notice{display:flex;align-items:center;gap:10px;margin:16px 0 12px;padding:10px 14px;border:1px solid #51256b;border-radius:10px;background:#24102f;color:#e6d4ef;font-size:14px}.lounge-notice>span{color:#f2cf89}
.lounge-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:20px}
.lounge-shortcuts a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:76px;padding:12px 8px;border:1px solid #75329d;border-radius:12px;background:linear-gradient(145deg,#8529b5,#460a6c);box-shadow:inset 0 1px #cf80ed30,0 5px 12px #0002;color:#fff;font-size:15px;font-weight:600;line-height:1.4}
.lounge-shortcuts a>span:first-child{font-size:29px;color:#ffe1a1;line-height:1}.lounge-shortcuts small{display:block;color:#e6c7f5;font-size:12px;font-weight:400;margin-top:4px}.lounge-shortcuts a:hover{background:linear-gradient(145deg,#a33acd,#65208b);border-color:#dd9cff}
.lounge-feature{border:1px solid #672c87;border-radius:20px;overflow:hidden;background:#241032;box-shadow:0 12px 34px #0003}.lounge-feature>a{display:block}.lounge-feature img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain;background:#241032}.lounge-feature-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 18px;color:#d8c4e5;font-size:13px}.lounge-feature-footer a{color:#ffe2a8;font-weight:600;white-space:nowrap}
.lounge-intro{text-align:center;padding:30px 0 4px}.lounge-intro .eyebrow{color:#ecc67d;font-size:12px;letter-spacing:2px}.lounge-intro h1{font-size:clamp(26px,3.4vw,42px);line-height:1.5;margin:8px 0;color:#fff;font-weight:600}.lounge-intro p{margin:0 0 22px;color:#c7b5d5;font-size:16px}.mobile-break{display:none}
.lounge-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lounge-categories a{position:relative;display:flex;align-items:end;justify-content:center;height:170px;border:1px solid #70308e;border-radius:14px;overflow:hidden;background:#3d1057}.lounge-categories img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.88;transition:transform .2s}.lounge-categories a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#27083efa,transparent 85%)}.lounge-categories a span{position:relative;z-index:1;color:#fff;font-size:19px;font-weight:600;padding:14px}.lounge-categories a:hover img{transform:scale(1.04)}
.purple-home .section-head h2,.purple-home .info h2,.purple-home .editorial h2,.purple-home .editorial h3{color:#f7edff}.purple-home .card{background:#231130;border-color:#522567;box-shadow:0 8px 24px #0002}.purple-home .card h3{color:#fff}.purple-home .card:hover{border-color:#b570d6}.purple-home .plus{background:#472059;border-color:#80518d;color:#f1d4ff}
.purple-home .catalog-search,.purple-home .article-toc,.purple-home .faq-section details{background:#21102e;border-color:#532969}.purple-home .search-field label,.purple-home .article-toc strong,.purple-home .editorial-body strong,.purple-home .faq-section summary{color:#f3e5fb}.purple-home .search-input-row input{background:#13091d;border-color:#704783;color:#fff}.purple-home .search-input-row input::placeholder{color:#bda6cb}.purple-home .search-reset{background:#43204f;border-color:#865497;color:#f3e3fc}.purple-home .search-empty,.purple-home .search-count{color:#d7bde4}
.purple-home .editorial,.purple-home .editorial-body section+section,.purple-home .faq-section,.purple-home .info,.purple-home footer,.purple-home .footer-links,.purple-home .article-toc a{border-color:#4b295d}.purple-home .editorial-lead,.purple-home .editorial-body p,.purple-home .editorial-body li,.purple-home .faq-section details p{color:#cdbcd9}.purple-home .article-toc,.purple-home .editorial-body a,.purple-home .faq-section a,.purple-home .footer-links{color:#e7b9ff}.purple-home .faq-section details[open] summary{background:#361644}.purple-home .article-art{border-color:#66377a;background:#281132}.purple-home .article-art figcaption{background:#281132;color:#d7bfdf}
.purple-home dialog{background:#fff;color:#574268}.purple-home dialog p{color:#6d6069}.purple-home .back-to-top{background:#582473;border-color:#a163ba;color:#fff}
@media(max-width:1000px){.lounge-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.lounge-shortcuts a{min-height:66px}}
@media(max-width:850px){.purple-home header .mobile-menu-toggle{background:#3c184e;border-color:#815090;color:#f7e8ff}.purple-home header nav{border-color:#4d285d}.purple-home header nav a{background:#30113f;border-color:#68357e;color:#efdcfa}.purple-home header nav a[aria-current="page"]{background:linear-gradient(120deg,#702691,#46165e);border-color:#a761c2;color:#fff;box-shadow:inset 3px 0 #e4bcff}.purple-home header nav a::after{color:#ddb1f3}}
@media(max-width:540px){.purple-home .wrap{padding:0 12px}.lounge-notice{font-size:12px;padding:8px 10px;margin-top:12px;line-height:1.6}.lounge-shortcuts{gap:6px;margin-bottom:14px}.lounge-shortcuts a{min-height:64px;padding:9px 5px;gap:5px;border-radius:9px;font-size:13px}.lounge-shortcuts a>span:first-child{font-size:23px}.lounge-shortcuts small{font-size:12px;margin-top:2px}.lounge-feature{border-radius:13px}.lounge-feature-footer{padding:10px;font-size:12px;gap:10px}.lounge-intro{padding-top:22px}.lounge-intro h1{font-size:27px}.lounge-intro p{font-size:14px;margin-bottom:16px}.mobile-break{display:block}.lounge-categories{gap:7px}.lounge-categories a{height:104px;border-radius:10px}.lounge-categories a span{font-size:14px;padding:10px 3px}.purple-home .catalog{padding-top:30px}.purple-home .section-head h2{font-size:23px}}

/* Keep the reference layout in the established white/blush palette. */
.lounge-home .lounge-notice{background:#fff4f0;border-color:#efc8bf;color:#75423f}
.lounge-home .lounge-notice>span{color:#ae4b42}
.lounge-home .lounge-shortcuts a{background:linear-gradient(145deg,#fff5f0,#ffdfd7);border-color:#f0bcb0;color:#793d37;box-shadow:inset 0 1px #fff,0 5px 12px #bc6b4910}
.lounge-home .lounge-shortcuts a>span:first-child{color:#ae4b42}
.lounge-home .lounge-shortcuts small{color:#855d58}
.lounge-home .lounge-shortcuts a:hover{background:linear-gradient(145deg,#ffece3,#ffcfc2);border-color:#d99483;color:#71332e}
.lounge-home .lounge-feature{border-color:#efbfb3;background:#fff6f1;box-shadow:0 12px 34px #b6714f12}
.lounge-home .lounge-feature img{background:#fff6f1}
.lounge-home .lounge-feature-footer{color:#6d6069}
.lounge-home .lounge-feature-footer a{color:#953b35}
.lounge-home .lounge-intro .eyebrow{color:#ae4b42}
.lounge-home .lounge-intro h1{color:#574268}
.lounge-home .lounge-intro p{color:#6d6069}
.lounge-home .lounge-categories a{background:#fff0e9;border-color:#efbfb3;box-shadow:0 5px 16px #b56b4510}
.lounge-home .lounge-categories img{opacity:1}
.lounge-home .lounge-categories a:after{background:linear-gradient(0deg,#fff0e9 0%,#fff0e9f0 18%,#fff0e922 65%,transparent 85%)}
.lounge-home .lounge-categories a span{color:#713d37;text-shadow:0 1px #fff8}

/* Article collection uses the site's existing blush palette. */
.reading-intro{position:relative;padding:40px;border:1px solid #f0c6bd;border-radius:24px;background:linear-gradient(125deg,#fff9f5,#ffe4dd);margin:0 0 32px}
.reading-intro h1{font-size:clamp(36px,5vw,56px);line-height:1.35;margin:12px 0;color:#574268;font-weight:600}
.reading-intro p{font-size:18px;color:#6d6069;line-height:1.85;margin:0 0 20px}
.reading-total{display:inline-block;padding:6px 14px;background:#ffffffb0;border:1px solid #eec2b6;border-radius:30px;font-size:14px;color:#87453d}
.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:50px}
.reading-card{overflow:hidden;border:1px solid #efd0c7;border-radius:20px;background:#fff;box-shadow:0 8px 26px #a3634310}
.reading-card-link{display:flex;flex-direction:column;height:100%}
.reading-card-link:focus-visible{outline-offset:-4px}
.reading-cover{aspect-ratio:2.5;overflow:hidden;background:#fff1e8}
.reading-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.reading-card:hover .reading-cover img{transform:scale(1.025)}
.reading-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:24px}
.reading-category{padding:4px 12px;border-radius:20px;background:#fff0e9;color:#953b35;font-size:14px}
.reading-copy h2{font-size:24px;line-height:1.55;font-weight:600;color:#574268;margin:14px 0 12px}
.reading-copy p{font-size:16px;line-height:1.8;color:#6d6069;margin:0 0 22px}
.reading-more{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding-top:14px;border-top:1px solid #f3ddd6;margin-top:auto;font-size:15px;color:#953b35;font-weight:600}
@media(max-width:650px){.reading-grid{grid-template-columns:1fr;gap:20px}.reading-intro{padding:28px 22px;border-radius:18px;margin-bottom:24px}.reading-intro p{font-size:16px}.reading-copy{padding:20px}.reading-copy h2{font-size:22px}.reading-card{border-radius:16px}}

/* Dedicated illustrated cover for the article collection. */
.reading-intro.reading-intro-illustrated{padding:0;overflow:hidden;background:linear-gradient(125deg,#fffaf7,#ffeae3)}
.reading-hub-cover{display:block;width:100%;height:auto;object-fit:contain;border-bottom:1px solid #f0c6bd}
.reading-intro-copy{padding:30px 36px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
.reading-intro-copy .eyebrow,.reading-intro-copy h1,.reading-intro-copy p{grid-column:1}
.reading-intro-copy h1{font-size:clamp(32px,4vw,48px);margin:8px 0 12px}
.reading-intro-copy p{margin-bottom:0}
.reading-intro-copy .reading-total{grid-column:2;grid-row:1/4;align-self:center}
@media(max-width:650px){.reading-intro-copy{padding:22px;display:block}.reading-intro-copy .reading-total{margin-top:18px}.reading-intro-copy h1{font-size:34px}}

/* Full article within the existing collection route. */
.published-story{scroll-margin-top:28px;border:1px solid #efd0c7;border-radius:24px;background:#fff;overflow:hidden;margin:20px 0 56px}
.story-heading{padding:36px 40px 28px;background:linear-gradient(125deg,#fffaf7,#fff0eb)}
.story-heading h2{font-size:clamp(26px,3.5vw,38px);line-height:1.55;color:#574268;margin:18px 0}
.story-description{font-size:18px;line-height:1.9;color:#6d6069;max-width:850px}
.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.story-tags span{font-size:14px;padding:5px 12px;border:1px solid #ecc8bf;border-radius:30px;color:#87453d;background:#fff}
.story-image{margin:0}.story-image img{display:block;width:100%;height:auto}.story-image figcaption{padding:10px 24px;font-size:14px;color:#6d6069;background:#fff7f3}
.story-body{max-width:840px;margin:auto;padding:24px 32px;font-size:17px;line-height:2;color:#6d6069;overflow-wrap:anywhere}.story-body h3{font-size:24px;line-height:1.6;color:#574268;margin:32px 0 12px}.story-body p{margin:0 0 20px}.story-body li{margin-bottom:12px}.story-body ul{padding-left:24px}.story-body a,.story-back{color:#953b35;text-decoration:underline;text-underline-offset:4px}.story-back{display:block;width:fit-content;margin:0 auto 32px;font-size:16px}
@media(max-width:650px){.published-story{border-radius:16px}.story-heading{padding:24px 20px}.story-description{font-size:16px}.story-body{padding:8px 20px 24px;font-size:16px}.story-body h3{font-size:22px}.story-image figcaption{padding:10px 20px}}

/* Three image homepage carousel with full artwork visible on small screens. */
.home-banner-window{overflow:hidden;touch-action:pan-y}.home-banner-track{display:flex;transform:translateX(0);transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.home-banner-slide{display:block;flex:0 0 100%;min-width:0;line-height:0}.home-banner-slide:focus-visible{outline:3px solid #953b35;outline-offset:-4px}
.lounge-home .home-banner-carousel .home-banner-slide img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:2.5;object-fit:contain;background:#fff4ef}
.home-banner-controls{display:flex;justify-content:center;align-items:center;gap:6px;padding:7px 12px;background:#fff7f3}.home-banner-controls button{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:5px 10px;border:0;border-radius:12px;background:transparent;color:#87453d;font:inherit;cursor:pointer}.home-banner-controls button:hover{background:#ffe4db}.home-banner-controls button:focus-visible{outline:2px solid #953b35;outline-offset:1px}.home-banner-controls .home-banner-prev,.home-banner-controls .home-banner-next{font-size:28px}.home-banner-dots{display:flex;gap:0}.home-banner-dots button{padding:8px;min-width:38px}.home-banner-dots span{width:18px;height:5px;border-radius:8px;background:#e8bdb2;transition:background .2s}.home-banner-dots button[aria-pressed=true] span{background:#ae4b42}.home-banner-controls .home-banner-pause{font-size:14px;margin-left:12px}.home-banner-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:540px){.home-banner-controls{gap:0;padding:3px 5px}.home-banner-controls .home-banner-pause{margin-left:3px;font-size:14px}.home-banner-dots button{min-width:32px}.home-banner-carousel{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.home-banner-track{transition:none}}

/* Dedicated category artwork with clear titles below each image. */
.lounge-home .category-art-grid{gap:18px;margin-top:24px}
.lounge-home .category-art-grid a{height:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:#fffaf7;border:1px solid #edc3b8;border-radius:18px;box-shadow:0 8px 24px #a55c3c12;transition:transform .2s,box-shadow .2s}
.lounge-home .category-art-grid a:after{display:none}
.lounge-home .category-art-grid img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:center;opacity:1;border-bottom:1px solid #f0d4ca}
.lounge-home .category-art-grid a span{padding:13px 8px;font-size:18px;line-height:1.5;color:#713d37;text-shadow:none;background:linear-gradient(110deg,#fffaf7,#fff0e9);text-align:center}
.lounge-home .category-art-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 26px #a55c3c22}.lounge-home .category-art-grid a:hover img{transform:none}
.lounge-home .category-art-grid a:focus-visible{outline:3px solid #ae4b42;outline-offset:3px}
@media(max-width:650px){.lounge-home .category-art-grid{gap:8px;margin-top:18px}.lounge-home .category-art-grid a{border-radius:12px}.lounge-home .category-art-grid a span{font-size:14px;padding:10px 2px}.lounge-home .category-art-grid img{aspect-ratio:1.5}}
@media(prefers-reduced-motion:reduce){.lounge-home .category-art-grid a{transition:none}}

/* Sculpted coral mobile navigation. */
.mobile-action-dock{display:none}
@media(max-width:850px){
 body.has-mobile-dock{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}
 .mobile-action-dock{position:fixed;z-index:40;left:8px;right:8px;bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:520px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1.18fr 1fr 1fr;align-items:end;gap:0;padding:10px 3px 9px;min-height:83px;border:1px solid #ffffff;border-radius:27px;background:linear-gradient(110deg,#fffaf7 0%,#ffe9df 48%,#fff5ef 100%);box-shadow:0 12px 35px #71332c2b,0 2px 6px #71332c12,inset 0 -2px 0 #f3c7bb;isolation:isolate}
 .mobile-action-dock>a,.mobile-action-dock>button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:64px;padding:0 1px;border:0;border-radius:16px;background:transparent;color:#75413b;font-family:inherit;font-size:14px;line-height:1.45;font-weight:600;text-decoration:none;letter-spacing:0;transition:transform .18s,color .18s}
 .mobile-action-dock .dock-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(145deg,#fff,#ffebe2);border:1px solid #fff;box-shadow:0 3px 7px #a9593820,inset 0 -2px 3px #edb9a32b;color:#bd5a49;transition:background .18s,box-shadow .18s}
 .mobile-action-dock svg{display:block;width:25px;height:25px;filter:drop-shadow(0 1px 0 #fff9)}
 .mobile-action-dock .dock-play{align-self:start;margin-top:-30px;gap:5px;font-weight:700;color:#a33e34}
 .mobile-action-dock .dock-play .dock-icon{position:relative;width:72px;height:72px;border-radius:50%;border:5px solid #fff8f3;background:radial-gradient(circle at 32% 18%,#ffbd98,transparent 53%),linear-gradient(150deg,#f88d73,#db5149 78%);color:#fff;box-shadow:0 0 0 1px #f0c4b5,0 7px 15px #b84b3c42,inset 0 2px 2px #ffe0c7,inset 0 -3px 5px #a7383436}
 .mobile-action-dock .dock-play svg{width:35px;height:35px;filter:drop-shadow(0 2px 1px #a13f364a)}
 .mobile-action-dock a[aria-current=page]{color:#a23b30}
 .mobile-action-dock a[aria-current=page]:not(.dock-play) .dock-icon{background:linear-gradient(145deg,#f7a087,#d95b4c);color:white;border-color:#ffe2d4;box-shadow:0 3px 8px #b7493933}
 .mobile-action-dock a[aria-current=page]>span:last-child{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
 .mobile-action-dock>a:active,.mobile-action-dock>button:active{transform:translateY(2px) scale(.96)}
 .mobile-action-dock>a:focus-visible,.mobile-action-dock>button:focus-visible{outline:2px solid #833b34;outline-offset:2px}
 .has-mobile-dock .back-to-top{bottom:calc(122px + env(safe-area-inset-bottom,0px))}
 .dock-notice{max-width:420px}
}
@media(max-width:360px){.mobile-action-dock{left:4px;right:4px;padding-left:1px;padding-right:1px}.mobile-action-dock .dock-play .dock-icon{width:64px;height:64px}.mobile-action-dock .dock-icon{width:34px;height:34px}.mobile-action-dock>a,.mobile-action-dock>button{font-size:13px}}

/* Playful mobile dock: luminous center, glossy keys and touch feedback. */
@media(max-width:850px){
 .mobile-action-dock{padding-top:12px;padding-bottom:11px;border:1px solid #fff4ee;background:linear-gradient(115deg,#ffd7c6,#fff0e6 43%,#ffc2b2);box-shadow:0 10px 30px #8c3c3538,inset 0 2px 0 #fff,inset 0 -3px 0 #d9816d25;animation:dock-arrive .55s cubic-bezier(.2,.8,.2,1) both}
 .mobile-action-dock .dock-icon{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#fffdfa 8%,#ffdcc6 65%,#edaf94);border-color:#fff7ed;box-shadow:0 4px 0 #c7775d22,0 6px 12px #a55a3d20,inset 0 2px 1px #fff;color:#b64b38}
 .mobile-action-dock>button:nth-child(2) .dock-icon{background:linear-gradient(145deg,#fffaf6,#ffc5b7);color:#ad4355}
 .mobile-action-dock>a:nth-child(4) .dock-icon{background:linear-gradient(145deg,#fff8e4,#f7cc98);color:#a86222}
 .mobile-action-dock>button:nth-child(5) .dock-icon{background:linear-gradient(145deg,#fff8f6,#efc4d0);color:#9c5276}
 .mobile-action-dock>:not(.dock-play) svg{animation:dock-greet .8s ease-out both;transform-origin:50% 75%}
 .mobile-action-dock>:nth-child(2) svg{animation-delay:.12s}
 .mobile-action-dock>:nth-child(4) svg{animation-delay:.24s}
 .mobile-action-dock>:nth-child(5) svg{animation-delay:.36s}
 .mobile-action-dock .dock-play{margin-top:-34px;gap:5px}
 .mobile-action-dock .dock-play .dock-icon{width:76px;height:76px;isolation:isolate;overflow:visible;border:5px solid #fff7ec;background:radial-gradient(circle at 30% 15%,#ffd09b,transparent 45%),linear-gradient(145deg,#ff9b78,#e0524a 70%,#b93c43);box-shadow:0 0 0 1px #eeb79a,0 8px 18px #b44d4047,inset 0 2px 3px #ffe2b5,inset 0 -4px 6px #a32d354d}
 .mobile-action-dock .dock-play .dock-icon:before{content:'';position:absolute;inset:-8px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,transparent 15%,#fff7d5 28%,#ed956a 42%,transparent 58%,#fff7d5 76%,transparent 90%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:dock-orbit 3s linear 2}
 .mobile-action-dock .dock-play .dock-icon:after{content:'';position:absolute;inset:3px;border-radius:50%;background:linear-gradient(110deg,transparent 25%,#fff8 46%,transparent 62%);opacity:0;pointer-events:none;animation:dock-gloss 3s ease-in-out 2}
 .mobile-action-dock .dock-play svg{animation:dock-float 2.4s ease-in-out 2;filter:drop-shadow(0 3px 1px #a43a3e60)}
 .mobile-action-dock .dock-play>span:last-child{padding:1px 12px 2px;border-radius:20px;color:#fff;background:linear-gradient(110deg,#d26751,#b94a43);box-shadow:0 2px 5px #a44e3220;font-size:14px;line-height:1.5}
 .mobile-action-dock .dock-tapped .dock-icon{animation:dock-press .5s cubic-bezier(.2,.8,.3,1)}
 .mobile-action-dock .dock-tapped .dock-icon:after{content:'';position:absolute;inset:-8px;border:2px solid #d5765b;border-radius:50%;pointer-events:none;background:none;animation:dock-ripple .55s ease-out both}
 .mobile-action-dock .dock-icon{position:relative}
 .mobile-action-dock>a:active,.mobile-action-dock>button:active{transform:translateY(1px)}
}
@keyframes dock-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes dock-greet{0%,100%{transform:rotate(0)}35%{transform:rotate(-12deg) scale(1.1)}65%{transform:rotate(8deg)}}
@keyframes dock-orbit{to{transform:rotate(360deg)}}
@keyframes dock-gloss{0%,65%,100%{opacity:0}78%{opacity:.7}88%{opacity:.1}}
@keyframes dock-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@keyframes dock-press{0%,100%{transform:scale(1)}35%{transform:scale(.88)}70%{transform:scale(1.1)}}
@keyframes dock-ripple{from{opacity:.75;transform:scale(.75)}to{opacity:0;transform:scale(1.3)}}
@media(max-width:360px){.mobile-action-dock .dock-icon{width:35px;height:35px}.mobile-action-dock .dock-play .dock-icon{width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){.mobile-action-dock,.mobile-action-dock *,.mobile-action-dock *:before,.mobile-action-dock *:after{animation:none!important;transition:none!important}}

/* Compact homepage introduction above the category cards. */
@media(max-width:650px){
 .lounge-home .lounge-intro{padding-top:12px}
 .lounge-home .lounge-intro>.eyebrow{display:block;font-size:12px;line-height:1.4;letter-spacing:1px}
 .lounge-home .lounge-intro>h1{font-size:clamp(18px,5.1vw,24px);line-height:1.45;margin:5px 0;font-weight:600;letter-spacing:-.3px}
 .lounge-home .lounge-intro>h1 .mobile-break{display:none}
 .lounge-home .lounge-intro>p{font-size:14px;line-height:1.5;margin:0 auto;max-width:36em}
 .lounge-home .lounge-intro>.category-art-grid{margin-top:12px}
}

/* Homepage hierarchy: quick routes, game collection, feature and editorial list. */
.lounge-home .lounge-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lounge-home .lounge-shortcuts a{justify-content:center;padding:12px 8px}
.lounge-home .lounge-shortcuts small{display:none}
.lounge-home #games .card{border:1px solid #f0dcd5;box-shadow:none;border-radius:16px;background:white}
.lounge-home #games .cover{aspect-ratio:2/1}
.lounge-home #games .cover img{object-fit:cover;width:100%;height:100%}
.lounge-home #games .card h3{min-height:0;font-size:19px;line-height:1.4;margin-bottom:12px}
.game-theme{display:inline-block;padding:3px 10px;border-radius:20px;background:#fff0e9;color:#955349;font-size:14px}
.section-more{font-size:14px;color:#a34439;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
.home-promo{display:grid;grid-template-columns:1.15fr 1fr;margin:4px 0 46px;background:#fff0e9;border-radius:22px;overflow:hidden;align-items:center;border:1px solid #f1cfc1}
.home-promo-art{display:block;height:100%;min-height:260px}
.home-promo-art img{display:block;width:100%;height:100%;object-fit:cover}
.home-promo-copy{padding:32px 36px}
.home-promo-copy .eyebrow,.home-latest .eyebrow{color:#a34e40}
.home-promo-copy h2{font-size:28px;line-height:1.5;color:#574268;margin:10px 0}
.home-promo-copy p{font-size:16px;color:#77616a;margin:0 0 20px}
.home-latest{padding:0 0 46px}
.home-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.home-story{border-top:1px solid #efd3c8;padding-top:18px}
.home-story>a{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:start}
.home-story img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:10px}
.story-kicker{font-size:12px;color:#aa5849;font-weight:600}
.home-story h3{font-size:18px;color:#574268;line-height:1.6;margin:5px 0 8px}
.home-story p{font-size:14px;line-height:1.7;color:#74636c;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.story-read{font-size:14px;color:#a34439}
@media(max-width:850px){.home-stories{grid-template-columns:1fr;gap:20px}.home-story>a{grid-template-columns:95px minmax(0,1fr)}.home-promo-copy{padding:24px}.home-promo-copy h2{font-size:23px}}
@media(max-width:540px){
 .lounge-home .lounge-shortcuts{gap:6px;margin-bottom:12px}
 .lounge-home .lounge-shortcuts a{min-height:62px;flex-direction:column;gap:3px;padding:7px 2px;font-size:14px;text-align:center}
 .lounge-home .lounge-shortcuts a>span:first-child{font-size:22px;line-height:1.1}
 .lounge-home #games .grid{gap:12px}
 .lounge-home #games .card-body{padding:12px 10px}
 .lounge-home #games .card h3{font-size:16px;min-height:45px;margin-bottom:8px}
 .lounge-home #games .meta{gap:6px;flex-wrap:wrap}
 .game-theme{font-size:12px;padding:3px 7px}
 .home-promo{grid-template-columns:1fr;margin-bottom:32px;border-radius:16px}
 .home-promo-art{min-height:0;aspect-ratio:2.2}
 .home-promo-art img{height:100%}
 .home-promo-copy{padding:20px}
 .home-promo-copy h2{font-size:23px;margin:6px 0 10px}
 .home-promo-copy h2 br{display:none}
 .home-latest{padding-bottom:32px}
 .home-latest .section-head h2{font-size:25px}
 .home-story h3{font-size:17px}
}
/* Keep the requested carousel and touch response; remove entrance decoration. */
.mobile-action-dock,.mobile-action-dock>:not(.dock-play) svg,.mobile-action-dock .dock-play svg,.mobile-action-dock .dock-play .dock-icon:before,.mobile-action-dock .dock-play .dock-icon:after{animation:none}

/* A slightly deeper coral palette, retaining the white canvas. */
:root{--text:#4f3b60;--muted:#655761;--jade:#9d4039;--line:#e7a397}
header{background:#ffd5ce;border-bottom-color:#eeb3a8}
header:before{background:linear-gradient(180deg,#ffe4dc,#ffd0c8)}
header nav{color:#8e3933}
.primary,.game-play{background:linear-gradient(135deg,#ba5648,#a9413b);color:#fff;box-shadow:0 4px 14px #ad493027}
.signup-button{background:#fff5ef;color:#803930;border-color:#c77d6d;box-shadow:none}
.lounge-home .lounge-shortcuts a{background:linear-gradient(145deg,#ffe5d9,#f5b7a9);border-color:#dc9888;color:#71332e}
.lounge-home .lounge-shortcuts a:hover{background:linear-gradient(145deg,#ffdbcb,#eea291);border-color:#bd6f5d;color:#612b28}
.lounge-home .lounge-notice{background:#ffebe3;border-color:#e2aa9b;color:#743b32}
.lounge-home .category-art-grid a{border-color:#dfa594}
.lounge-home .category-art-grid a span{background:linear-gradient(110deg,#ffede2,#f7c9b9);color:#71372f}
.lounge-home #games .card,.casino-provider,.reading-card{border-color:#e5b9ab}
.game-theme{background:#f9d7c9;color:#834037}
.home-promo,.reading-intro{background:linear-gradient(125deg,#ffe6d9,#f6c5b4);border-color:#dda18e}
.home-story{border-top-color:#dfa998}
.section-more,.story-read{color:#973c32}
@media(max-width:850px){
 .mobile-action-dock{background:linear-gradient(115deg,#f5b9a3,#ffe0ce 43%,#eda58f);border-color:#ffe9dc;box-shadow:0 10px 30px #82362d35,inset 0 2px 0 #fff4e8,inset 0 -3px 0 #ba705330}
 .mobile-action-dock>a,.mobile-action-dock>button{color:#6b332c}
 .mobile-action-dock .dock-play .dock-icon{background:radial-gradient(circle at 30% 15%,#ffbd89,transparent 45%),linear-gradient(145deg,#ee8162,#ca443e 70%,#ab343e)}
 .mobile-action-dock .dock-play>span:last-child{background:linear-gradient(110deg,#b7513f,#9c3934)}
}