@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");

:root{--paper:#fdfbf7;--cream-2:#f7f0e7;--ink:#37334a;--muted:#77738a;--line:#e7e0ed;--mint:#dff4e9;--lavender:#eae4fb;--butter:#fff0bd;--peach:#ffdcd2;--sky:#d8eff9;--pink:#f4dced;--accent:#7666c8;--accent-dark:#5e50ad;--clay-shadow:inset 2px 2px 5px rgba(255,255,255,.95),inset -2px -2px 5px rgba(89,74,116,.08),6px 6px 12px rgba(0,0,0,.10),-4px -4px 10px rgba(255,255,255,.78);--clay-pressed:inset 3px 3px 7px rgba(88,73,116,.15),inset -2px -2px 5px rgba(255,255,255,.88),2px 2px 6px rgba(0,0,0,.06);--shadow:var(--clay-shadow);--shadow-hover:inset 2px 2px 5px rgba(255,255,255,.96),inset -2px -2px 5px rgba(89,74,116,.06),8px 9px 18px rgba(69,55,94,.15),-4px -4px 10px rgba(255,255,255,.85);--shell:min(1180px,calc(100% - 40px));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,Arial,sans-serif;line-height:1.45}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:absolute;left:12px;top:-48px;background:var(--accent);color:#fff;padding:9px 12px;border-radius:16px;z-index:9}.skip-link:focus{top:12px}.masthead{background:rgba(253,251,247,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:8;backdrop-filter:blur(12px)}.nav-wrap{min-height:70px;display:flex;align-items:center;gap:25px}.wordmark{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);line-height:1}.wordmark .mark{display:grid;place-items:center;width:38px;height:38px;background:var(--lavender);border-radius:14px;color:var(--accent-dark);font:800 12px "Plus Jakarta Sans",sans-serif;box-shadow:var(--shadow)}.wordmark strong,.wordmark em{display:block;font:800 18px/1 "Plus Jakarta Sans",sans-serif;font-style:normal;letter-spacing:0}.wordmark em{font:700 9px/1.2 Nunito,sans-serif;color:var(--accent);margin-top:4px;text-transform:uppercase;letter-spacing:.14em}.site-nav{margin-left:auto;display:flex;gap:7px;align-items:center}.site-nav a{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;padding:8px 10px;border-radius:16px}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--lavender);color:var(--accent-dark)}.menu-toggle{display:none;margin-left:auto;background:var(--lavender);border:0;border-radius:16px;padding:8px 11px;color:var(--accent-dark);font:700 12px Nunito}.eyebrow{font:800 10px "Plus Jakarta Sans",sans-serif;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin:0}.eyebrow span{color:#db7e7a;margin-left:7px}.portal-hero{background:var(--paper);padding:18px 0 10px;overflow:hidden}.portal-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;align-items:stretch}.portal-copy{background:var(--lavender);border-radius:16px;padding:28px;min-height:390px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.hero-kicker{font:800 10px "Plus Jakarta Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dark);display:flex;align-items:center;gap:8px}.kicker-dot{width:8px;height:8px;background:#fa9f8f;display:inline-block;border-radius:50%}.portal-copy h1{font:800 clamp(42px,5vw,68px)/.98 "Plus Jakarta Sans",sans-serif;letter-spacing:0;margin:14px 0 13px;max-width:560px}.portal-copy h1 span{color:var(--accent)}.portal-copy>p{color:#5f5a74;max-width:430px;font-size:15px;margin:0}.hero-actions{display:flex;align-items:center;gap:10px;margin:20px 0}.primary-action,.quiet-action{border-radius:16px;font-weight:800;text-decoration:none;font-size:13px;padding:11px 14px}.primary-action{background:var(--accent);color:#fff;box-shadow:0 6px 14px rgba(118,102,200,.22)}.primary-action:hover{background:var(--accent-dark)}.quiet-action{background:rgba(255,255,255,.65);color:var(--accent-dark)}.game-search{max-width:430px}.game-search label{display:block;font-size:11px;font-weight:800;color:#675f7a;margin-bottom:6px}.game-search div{display:flex;align-items:center;background:#fff;border:1px solid rgba(118,102,200,.15);border-radius:16px;padding-right:10px}.game-search input{border:0;background:transparent;color:var(--ink);width:100%;padding:10px 12px;outline:0;font:13px Nunito,sans-serif}.game-search input::placeholder{color:#aaa4b4}.game-search span{color:var(--accent);font-size:19px}.hero-collage{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:11px;align-items:stretch}.hero-collage .game-tile{border:0;box-shadow:var(--shadow)}.collage-main .game-tile-featured{display:block;background:var(--peach);color:var(--ink);height:100%;border-radius:16px;overflow:hidden}.collage-main .game-tile-featured .tile-image{aspect-ratio:1.25/1}.collage-main .game-tile-featured .tile-copy{padding:13px 15px 15px}.collage-main .game-tile-featured .tile-copy h3{font-size:25px;min-height:0;margin:7px 0 9px}.collage-side{display:grid;gap:11px}.collage-side .game-tile{background:var(--mint);border-radius:16px;overflow:hidden}.collage-side .game-tile:nth-child(2){background:var(--butter)}.collage-side .tile-copy{padding:9px 10px 10px}.collage-side .tile-copy h3{font-size:16px;min-height:34px}.collage-sticker{position:absolute;right:-9px;top:-9px;width:62px;height:62px;border-radius:50%;background:var(--butter);color:#6b5b20;display:grid;place-items:center;text-align:center;font:800 18px/.8 "Plus Jakarta Sans",sans-serif;box-shadow:var(--shadow);z-index:2}.collage-sticker small{font:800 8px Nunito,sans-serif;text-transform:uppercase;letter-spacing:.06em}.tile-image{display:block;aspect-ratio:1.28/1;overflow:hidden;background:var(--sky);border-radius:16px 16px 0 0}.tile-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.game-tile:hover .tile-image img{transform:scale(1.05)}.game-tile{background:#fff;border:1px solid rgba(110,95,140,.08);border-radius:16px;overflow:hidden;min-width:0;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.game-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.tile-copy{padding:9px 10px 10px}.tile-copy .eyebrow{font-size:9px}.tile-copy h3{font:800 17px/1.1 "Plus Jakarta Sans",sans-serif;letter-spacing:0;margin:5px 0 8px;min-height:37px}.tile-copy h3 a{color:inherit;text-decoration:none}.tile-link,.section-link{font-size:11px;color:var(--accent-dark);font-weight:800;text-decoration:none}.tile-link:hover,.section-link:hover{color:#e57e77}.collection-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:10px auto 0}.collection-link{display:flex;flex-direction:column;min-height:76px;gap:2px;padding:11px;border-radius:16px;text-decoration:none;color:var(--ink);background:var(--mint);box-shadow:var(--shadow)}.collection-link:nth-child(2n){background:var(--lavender)}.collection-link:nth-child(3n){background:var(--butter)}.collection-link:nth-child(5n){background:var(--peach)}.collection-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.collection-link span{font:800 9px "Plus Jakarta Sans",sans-serif;color:var(--accent)}.collection-link strong{font:800 14px/1.05 "Plus Jakarta Sans",sans-serif}.collection-link small{font-size:10px;color:var(--muted)}.section{padding:28px 0}.trending-band{background:transparent}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.section-head h2{font:800 26px/1.05 "Plus Jakarta Sans",sans-serif;letter-spacing:0;margin:4px 0 0}.section-head>p{margin:0;color:var(--muted);font-size:12px;text-align:right}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.game-grid-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.game-grid-five .game-tile:nth-child(1){background:var(--mint)}.game-grid-five .game-tile:nth-child(2){background:var(--lavender)}.game-grid-five .game-tile:nth-child(3){background:var(--butter)}.game-grid-five .game-tile:nth-child(4){background:var(--peach)}.game-grid-five .game-tile:nth-child(5){background:var(--sky)}.mood-band{background:var(--pink);padding:26px 0;margin-top:4px}.mood-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.mood-grid .collection-link{background:rgba(255,255,255,.66);min-height:88px}.mood-grid .collection-link:hover{background:#fff}.shelves{padding-bottom:38px}.shelf{padding:27px 0 0}.shelf+.shelf{margin-top:27px;border-top:1px solid var(--line)}.page-intro{background:var(--lavender);padding:32px 0 25px}.page-intro h1{font:800 clamp(40px,5vw,64px)/.98 "Plus Jakarta Sans",sans-serif;letter-spacing:0;margin:11px 0 9px}.page-intro>p{font-size:15px;color:#615b74;max-width:610px;margin:0}.collection-shelf{padding-top:25px}.article-hero{padding:24px 0 28px;background:var(--paper)}.crumbs{font-size:12px;color:var(--muted);margin:0 0 14px}.crumbs a{color:var(--accent-dark)}.article-hero-grid{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:26px;align-items:center}.article-hero img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--sky);border-radius:16px;box-shadow:var(--shadow)}.article-hero h1{font:800 clamp(39px,5vw,67px)/.98 "Plus Jakarta Sans",sans-serif;letter-spacing:0;margin:9px 0 13px}.dek{font-size:15px;color:#625d71;max-width:620px}.play-button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;border-radius:16px;padding:12px 15px;margin-top:7px;box-shadow:0 6px 14px rgba(118,102,200,.22)}.play-button:hover{background:var(--accent-dark)}.external-note{font-size:11px;color:var(--muted);margin:10px 0 0}.guide-body{display:grid;grid-template-columns:.65fr 1.35fr;gap:34px;background:var(--cream-2);border-radius:16px;padding:26px;margin-top:4px}.fact-strip{border-left:4px solid #e4a79b;padding-left:13px;font-size:12px;color:var(--muted)}.fact-strip strong{display:block;color:var(--ink)}.guide-section{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:19px}.guide-section h2,.faq h2{font:800 26px/1.05 "Plus Jakarta Sans",sans-serif;letter-spacing:0;margin:4px 0 7px}.guide-section p,.prose p,.prose li{font-size:14px;color:#615b72}.faq details{border-top:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:800}.related{padding:26px 0 42px}.site-footer{background:var(--lavender);color:var(--ink);padding:30px 0 16px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px}.footer-label{font:800 10px "Plus Jakarta Sans",sans-serif;letter-spacing:.1em;color:var(--accent);margin:0}.site-footer p{max-width:430px;font-size:13px;color:#625d72}.site-footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.site-footer a{color:var(--accent-dark);font-size:13px;font-weight:700}.footer-base{border-top:1px solid #d8d0ea;margin-top:22px;padding-top:13px;display:flex;justify-content:space-between;color:#7a748d;font-size:10px}.prose{max-width:820px;padding:30px 0 48px}.prose h2{font:800 26px/1.05 "Plus Jakarta Sans",sans-serif;margin:29px 0 7px}.prose a{color:var(--accent-dark)}.notice{padding:16px;border:0;border-radius:16px;background:var(--butter);color:#625722;font-size:13px;box-shadow:var(--shadow)}.player{padding:32px 0 52px}.player-shell{aspect-ratio:16/9;background:var(--lavender);border-radius:16px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.player-shell iframe{border:0;width:100%;height:100%}.player-message{padding:30px;color:var(--ink);text-align:center}.not-found{min-height:55vh;display:grid;place-items:center;text-align:center}.not-found h1{font:800 60px "Plus Jakarta Sans",sans-serif;margin:0}.not-found p{color:var(--muted)}
@media(max-width:1000px){.portal-hero-grid{grid-template-columns:1fr;gap:12px}.portal-copy{min-height:0}.hero-collage{max-width:720px}.game-grid-five{grid-template-columns:repeat(4,minmax(0,1fr))}.mood-grid,.collection-rail{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){:root{--shell:min(100% - 24px,1180px)}.nav-wrap{min-height:64px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:12px var(--shell);margin:0;flex-direction:column;align-items:start;gap:5px;box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.portal-hero{padding-top:12px}.portal-copy{padding:22px;border-radius:16px}.portal-copy h1{font-size:43px}.portal-copy>p{font-size:14px}.hero-actions{margin:16px 0;flex-wrap:wrap}.hero-collage{grid-template-columns:1.1fr .9fr;gap:10px}.collage-side{gap:10px}.collage-sticker{right:-6px;top:-6px;width:53px;height:53px;font-size:16px}.collage-sticker small{font-size:7px}.collage-main .game-tile-featured .tile-copy{padding:11px}.collage-main .game-tile-featured .tile-copy h3{font-size:20px}.collage-side .tile-copy{padding:7px 8px 8px}.collage-side .tile-copy h3{font-size:13px;min-height:28px;margin:4px 0}.collection-rail{grid-template-columns:repeat(2,1fr);gap:8px}.collection-link{min-height:70px;padding:10px}.collection-link strong{font-size:13px}.section{padding:24px 0}.section-head{display:block;margin-bottom:11px}.section-head h2{font-size:24px}.section-head>p{text-align:left;margin-top:6px}.game-grid,.game-grid-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-grid-five .game-tile:nth-child(5){display:none}.tile-copy{padding:8px}.tile-copy h3{font-size:15px;min-height:33px}.mood-band{padding:23px 0}.mood-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mood-grid .collection-link{min-height:78px}.shelf{padding-top:24px}.shelf+.shelf{margin-top:24px}.page-intro{padding:28px 0 22px}.page-intro h1{font-size:42px}.article-hero{padding:18px 0 24px}.article-hero-grid,.guide-body,.footer-grid{grid-template-columns:1fr;gap:22px}.article-hero img{max-width:360px}.article-hero h1{font-size:42px}.guide-body{padding:20px;margin-top:0}.related{padding-bottom:35px}.footer-base{display:block}.footer-base span{display:block;margin:5px 0}.site-footer nav{grid-template-columns:1fr 1fr}}

/* Clay and papercut material layer */
.wordmark .mark,.menu-toggle,.site-nav a[aria-current=page],.portal-copy,.game-search div,.primary-action,.quiet-action,.game-tile,.collection-link,.collage-sticker,.play-button,.guide-body,.notice,.player-shell,.not-found>div{border-radius:16px;box-shadow:var(--clay-shadow);border:1px solid rgba(255,255,255,.58)}
.portal-copy,.game-tile,.collection-link,.guide-body,.notice{position:relative;isolation:isolate}
.portal-copy:after,.game-tile:after,.collection-link:after,.guide-body:after,.notice:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.45);border-radius:12px;pointer-events:none;z-index:-1}
.tile-image,.tile-image img,.article-hero img{border-radius:16px}
.tile-image{margin:6px 6px 0;aspect-ratio:1.28/1;box-shadow:inset 2px 2px 5px rgba(255,255,255,.78),3px 4px 8px rgba(72,60,91,.12);border:2px solid rgba(255,255,255,.72)}
.collage-main .tile-image,.collage-side .tile-image{margin:7px 7px 0}
.game-tile{overflow:visible;padding:1px}.tile-copy{padding:8px 11px 11px}.game-tile:hover,.collection-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.primary-action,.quiet-action,.play-button,.menu-toggle{border:0;transition:transform .16s ease,box-shadow .16s ease}.primary-action:hover,.quiet-action:hover,.play-button:hover,.menu-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.primary-action:active,.quiet-action:active,.play-button:active,.menu-toggle:active{transform:translateY(1px);box-shadow:var(--clay-pressed)}
.game-search div:focus-within{box-shadow:var(--clay-pressed);outline:2px solid rgba(118,102,200,.22);outline-offset:2px}.game-search input{border-radius:16px}
.collection-rail,.game-grid,.game-grid-five,.mood-grid,.hero-collage,.collage-side{gap:10px}.shelf .game-grid,.collection-shelf .game-grid,.related .game-grid{gap:12px}
.mood-band{border-radius:16px;margin-inline:10px;box-shadow:inset 2px 2px 5px rgba(255,255,255,.88),inset -2px -2px 5px rgba(94,80,130,.08)}
.page-intro{margin:12px auto 0;width:var(--shell);border-radius:16px;box-shadow:var(--clay-shadow);padding-inline:24px}.article-hero-grid>div{background:var(--butter);border-radius:16px;padding:22px;box-shadow:var(--clay-shadow)}
.fact-strip{background:var(--peach);border:0;border-radius:16px;padding:15px;box-shadow:var(--clay-shadow)}.guide-section,.faq{background:rgba(255,255,255,.48);border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:inset 2px 2px 5px rgba(255,255,255,.9),3px 4px 8px rgba(75,62,97,.07)}
.site-footer{margin:10px;border-radius:16px 16px 0 0;box-shadow:inset 2px 2px 5px rgba(255,255,255,.8),-4px -4px 10px rgba(255,255,255,.7)}
.hero-collage{height:470px}.collage-main{min-height:0}.collage-main .game-tile-featured{display:grid;grid-template-rows:minmax(0,1fr) auto}.collage-main .game-tile-featured .tile-image{aspect-ratio:auto;height:100%;min-height:0}.collage-side{grid-template-rows:repeat(2,minmax(0,1fr))}.collage-side .game-tile{display:grid;grid-template-rows:minmax(0,1fr) auto}.collage-side .tile-image{aspect-ratio:auto;height:100%;min-height:0}
@media(max-width:1000px){.hero-collage{height:450px}}
@media(max-width:640px){.portal-copy{padding:19px}.portal-copy h1{font-size:40px}.hero-collage{height:360px}.article-hero-grid>div{padding:17px}.page-intro{padding-inline:18px}.mood-band,.site-footer{margin-inline:6px}.game-grid,.game-grid-five,.mood-grid,.collection-rail{gap:10px}}

/* Hexagonal Hive homepage skin */
body:has(.hive-hero){background:#12131c;color:#f7fbff;font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif}
body:has(.hive-hero) .masthead{background:rgba(18,19,28,.94);border-bottom:1px solid rgba(56,189,248,.25)}
body:has(.hive-hero) .wordmark{color:#f7fbff}.wordmark .mark{background:#1e202e;color:#38bdf8;border-color:rgba(56,189,248,.55)}.wordmark em{color:#f97316}
body:has(.hive-hero) .app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;width:min(1480px,100%);height:auto;min-height:0;margin:0 auto;padding:10px 16px 30px;overflow:visible}.app-sidebar{position:sticky;top:80px;height:max-content;max-height:calc(100vh - 96px);overflow:auto;background:#1a1d29;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:14px 12px}.sidebar-brand{border-bottom-color:rgba(56,189,248,.18)}.sidebar-brand strong{color:#f7fbff}.app-search input{background:#12131c;color:#f7fbff;border:1px solid rgba(56,189,248,.24);box-shadow:none}.sidebar-label{color:#aab4c4}.sidebar-filters a{color:#dce6f1}.sidebar-filters a span{color:#38bdf8}.sidebar-filters a:hover,.sidebar-filters a:focus-visible{background:linear-gradient(135deg,#f97316,#e54818);color:#fff}.sidebar-leaderboard{border-top-color:rgba(56,189,248,.18)}.leaderboard-item{color:#dce6f1;border-bottom-color:rgba(56,189,248,.14)}.leaderboard-item>span{color:#f97316}.app-main{overflow:visible;padding:0}
.hive-hero{padding:18px 0 8px}.hive-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.hive-heading h1{font:800 clamp(30px,4vw,54px)/.96 "Plus Jakarta Sans",sans-serif;margin:7px 0 0}.hive-heading h1 span{color:#f97316}.hive-summary{max-width:340px;color:#aab4c4;font-size:12px;margin:0 0 3px;text-align:right}.hive-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:148px;gap:10px;padding:5px 4px 14px;overflow:visible}.hive-card{position:relative;min-width:0;z-index:1}.hive-card:hover{z-index:5}.hive-link{display:block;position:relative;height:100%;text-decoration:none;color:#f7fbff;background:#1e202e;border:1px solid rgba(56,189,248,.25);border-radius:14px;padding:5px;box-shadow:0 8px 18px rgba(0,0,0,.24);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hive-media{display:block;position:relative;height:100%;clip-path:polygon(25% 3%,75% 3%,98% 50%,75% 97%,25% 97%,2% 50%);overflow:hidden;background:#252838}.hive-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,19,28,.02) 30%,rgba(18,19,28,.75) 100%)}.hive-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease;filter:saturate(.92) contrast(1.04)}.hive-info{position:absolute;left:10px;right:10px;bottom:8px;display:flex;flex-direction:column;gap:2px;background:rgba(18,19,28,.82);backdrop-filter:blur(8px);border:1px solid rgba(56,189,248,.25);border-radius:9px;padding:6px 7px}.hive-info strong{font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hive-info small{font-size:8px;color:#aab4c4}.hive-info b{font-size:8px;color:#f97316;text-transform:uppercase;letter-spacing:.06em}.hive-link:hover,.hive-link:focus-visible{transform:scale(1.1);border-color:#f97316;box-shadow:0 0 0 1px #f97316,0 12px 28px rgba(249,115,22,.28);outline:0}.hive-link:hover .hive-media img,.hive-link:focus-visible .hive-media img{transform:scale(1.08)}
body:has(.hive-hero) .home-editorial{border:1px solid rgba(56,189,248,.2);background:#1e202e;border-radius:12px;padding:16px 18px;margin-top:4px}.home-editorial h2{color:#f7fbff}.home-editorial p:last-child{color:#aab4c4;font-size:12px}.body:has(.hive-hero) .magazine-hero{display:none}body:has(.hive-hero) .magazine-hero{display:none}.app-game-grid,.shelf .game-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto;gap:10px}.app-game-grid .game-tile,.shelf .game-tile{background:#1e202e;border:1px solid rgba(56,189,248,.2);border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.2);overflow:hidden}.app-game-grid .tile-image,.shelf .tile-image{aspect-ratio:16/10;border-radius:0;background:#252838}.app-game-grid .tile-copy h3,.shelf .tile-copy h3{font-size:13px;color:#f7fbff;min-height:29px}.app-game-grid .tile-link,.shelf .tile-link{color:#38bdf8}.app-game-grid .eyebrow,.shelf .eyebrow{color:#f97316}.shelves{padding-top:12px}.shelf{padding-top:22px}.shelf+.shelf{border-top-color:rgba(56,189,248,.2)}
@media(max-width:1080px){body:has(.hive-hero) .app-layout{grid-template-columns:190px minmax(0,1fr);padding-inline:10px}.hive-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:138px}.app-game-grid,.shelf .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){body:has(.hive-hero) .app-layout{display:block;padding:8px 12px 24px}.app-sidebar{position:static;max-height:none;overflow:visible;margin-bottom:10px;padding:11px}.sidebar-brand{display:block}.sidebar-leaderboard{display:none}.app-search{padding:10px 0}.sidebar-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.sidebar-filters a{padding:7px 6px;font-size:10px}.hive-heading{display:block;margin-bottom:10px}.hive-heading h1{font-size:32px}.hive-summary{text-align:left;margin-top:7px}.hive-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:142px;gap:8px;padding-inline:0}.hive-link{border-radius:12px}.hive-link:hover,.hive-link:focus-visible{transform:none}.app-game-grid,.shelf .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.section-head{display:block}.section-head>p{text-align:left;margin-top:5px}}

/* Bento mosaic: editorial sections use a compact, irregular six-column rhythm. */
.game-grid,.game-grid-five{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:170px;gap:10px;align-items:stretch}
.game-grid .game-tile,.game-grid-five .game-tile{display:flex;flex-direction:column;min-height:0;height:100%;grid-row:span 2}
.game-grid .game-tile .tile-image,.game-grid-five .game-tile .tile-image{flex:1;min-height:0;aspect-ratio:auto}
.game-grid .bento-featured,.game-grid-five .bento-featured{grid-column:span 2;grid-row:span 2}
.game-grid .bento-featured .tile-copy,.game-grid-five .bento-featured .tile-copy{padding:11px 13px 13px}
.game-grid .bento-featured .tile-copy h3,.game-grid-five .bento-featured .tile-copy h3{font-size:20px}
@media(max-width:1000px){.game-grid,.game-grid-five{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:160px}}
@media(max-width:640px){.game-grid,.game-grid-five{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:168px;gap:10px}.game-grid .bento-featured,.game-grid-five .bento-featured{grid-column:span 2;grid-row:span 1}.game-grid .bento-featured .tile-image,.game-grid-five .bento-featured .tile-image{min-height:105px}.game-grid .bento-featured .tile-copy h3,.game-grid-five .bento-featured .tile-copy h3{font-size:17px}}

/* High-density game magazine homepage */
.magazine-home{padding:10px 0 30px}.magazine-hero{padding:0}.magazine-slider{height:560px;position:relative;overflow:hidden;background:var(--ink);border-radius:16px;box-shadow:var(--clay-shadow)}.magazine-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease}.magazine-slide.is-active{opacity:1;visibility:visible}.magazine-slide img{display:block;width:100%;height:100%;object-fit:cover}.magazine-slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,49,55,.88) 0%,rgba(23,49,55,.54) 44%,rgba(23,49,55,.05) 78%),linear-gradient(0deg,rgba(23,49,55,.65),transparent 55%)}.magazine-slide-copy{position:absolute;left:42px;bottom:52px;width:min(620px,70%);color:#fff}.magazine-slide-copy .eyebrow{color:#b9ebe3}.magazine-slide-copy h2{font:800 clamp(48px,7vw,94px)/.9 "Plus Jakarta Sans",sans-serif;letter-spacing:-.03em;margin:12px 0 16px}.magazine-slide-copy>p:not(.eyebrow){font-size:17px;max-width:540px;color:#eef4ef;margin:0 0 18px}.magazine-cta{display:inline-block;color:inherit;text-decoration:none;font-weight:800;font-size:13px;padding:11px 15px;border-radius:16px;background:var(--coral);box-shadow:0 7px 16px rgba(0,0,0,.18)}.magazine-arrow{position:absolute;top:50%;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(23,49,55,.42);color:#fff;font-size:18px;cursor:pointer}.magazine-prev{left:16px}.magazine-next{right:16px}.magazine-dots{position:absolute;right:24px;bottom:23px;display:flex;gap:7px}.magazine-dots button{width:28px;height:4px;border:0;border-radius:4px;background:rgba(255,255,255,.45);padding:0;cursor:pointer}.magazine-dots button.is-active{background:#fff}.magazine-split{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:10px}.magazine-showcase{min-height:420px;position:relative;display:block;overflow:hidden;background:var(--ink);border-radius:16px;color:#fff;text-decoration:none;box-shadow:var(--clay-shadow)}.magazine-showcase img{display:block;width:100%;height:100%;object-fit:cover}.magazine-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,49,55,.88),rgba(23,49,55,.02) 72%)}.magazine-showcase-copy{position:absolute;z-index:1;left:24px;right:24px;bottom:22px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.magazine-showcase-copy .eyebrow{color:#b9ebe3}.magazine-showcase-copy strong{font:800 clamp(30px,4vw,54px)/.95 "Plus Jakarta Sans",sans-serif}.magazine-showcase-copy>span:not(.eyebrow){font-size:14px;color:#e9f0ec;max-width:560px}.magazine-showcase-copy em{font-style:normal;color:#fff;font-size:12px;font-weight:800}.magazine-top-five{background:var(--cream-2);border-radius:16px;padding:20px;box-shadow:var(--clay-shadow)}.magazine-block-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.magazine-block-heading h2{font:800 27px/1 "Plus Jakarta Sans",sans-serif;margin:4px 0 0;letter-spacing:-.02em}.magazine-list-item{display:grid;grid-template-columns:25px 72px 1fr;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(55,51,74,.12);text-decoration:none;color:var(--ink)}.magazine-list-item img{width:72px;height:52px;object-fit:cover;border-radius:10px}.magazine-rank{font:800 11px "Plus Jakarta Sans",sans-serif;color:var(--coral)}.magazine-list-item strong,.magazine-list-item small{display:block}.magazine-list-item strong{font:800 14px/1.15 "Plus Jakarta Sans",sans-serif}.magazine-list-item small{font-size:10px;color:var(--muted);margin-top:4px}.magazine-strip{margin-top:10px}.magazine-strip-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.magazine-strip-item{display:block;min-width:0;color:var(--ink);text-decoration:none}.magazine-strip-item img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px}.magazine-strip-item span{display:block;font:800 12px/1.15 "Plus Jakarta Sans",sans-serif;padding:7px 2px 0}.magazine-context{margin-top:28px;padding:20px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}.magazine-context h2{font:800 34px/1 "Plus Jakarta Sans",sans-serif;margin:5px 0 8px}.magazine-context p:last-child{max-width:760px;color:#615b74;font-size:14px;margin:0}.magazine-home .collection-rail{margin-top:10px}
@media(max-width:900px){.magazine-slider{height:480px}.magazine-split{grid-template-columns:1.2fr 1fr}.magazine-strip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.magazine-home{padding-top:7px}.magazine-slider{height:470px;border-radius:14px}.magazine-slide-shade{background:linear-gradient(0deg,rgba(23,49,55,.9),rgba(23,49,55,.04) 78%)}.magazine-slide-copy{left:20px;right:20px;bottom:44px;width:auto}.magazine-slide-copy h2{font-size:48px}.magazine-slide-copy>p:not(.eyebrow){font-size:14px}.magazine-arrow{top:auto;bottom:15px;width:34px;height:34px}.magazine-prev{left:20px}.magazine-next{right:20px}.magazine-dots{right:50%;bottom:30px;transform:translateX(50%)}.magazine-split{display:block}.magazine-showcase{min-height:360px}.magazine-top-five{margin-top:10px;padding:15px}.magazine-block-heading h2{font-size:23px}.magazine-list-item{grid-template-columns:23px 62px 1fr;padding:8px 0}.magazine-list-item img{width:62px;height:46px}.magazine-list-item strong{font-size:13px}.magazine-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.magazine-context{margin-top:22px}.magazine-context h2{font-size:28px}}
.magazine-slide-copy h1{font:800 clamp(48px,7vw,94px)/.9 "Plus Jakarta Sans",sans-serif;letter-spacing:-.03em;margin:12px 0 16px}
@media(max-width:640px){.magazine-slide-copy h1{font-size:48px}}

/* App Store shell: fixed utility rail plus an independently scrolling catalog. */
.app-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:10px;width:min(1440px,100%);margin:0 auto;padding:10px;overflow:visible}.app-sidebar{min-width:0;overflow:auto;background:var(--cream-2);border-radius:16px;padding:17px 14px;box-shadow:var(--clay-shadow)}.sidebar-brand{display:flex;flex-direction:column;gap:3px;padding:0 4px 16px;border-bottom:1px solid rgba(55,51,74,.12)}.sidebar-brand strong{font:800 21px/1.05 "Plus Jakarta Sans",sans-serif}.app-search{padding:14px 0}.app-search label{display:block;font:800 10px "Plus Jakarta Sans",sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.app-search input{width:100%;border:0;border-radius:12px;background:#fff;padding:10px 11px;color:var(--ink);font:700 12px Nunito,sans-serif;box-shadow:var(--clay-pressed);outline:0}.app-search input:focus{outline:2px solid rgba(118,102,200,.25)}.sidebar-label{font:800 10px "Plus Jakarta Sans",sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 7px}.sidebar-filters{display:flex;flex-direction:column;gap:4px}.sidebar-filters a{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:10px;text-decoration:none;color:var(--ink);font:800 12px "Plus Jakarta Sans",sans-serif}.sidebar-filters a:hover{background:var(--lavender);color:var(--accent-dark)}.sidebar-filters a span{font:800 9px "Plus Jakarta Sans",sans-serif;color:var(--accent)}.sidebar-leaderboard{margin-top:20px;padding-top:15px;border-top:1px solid rgba(55,51,74,.12)}.leaderboard-item{display:grid;grid-template-columns:20px 38px minmax(0,1fr);gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(55,51,74,.1);color:var(--ink);text-decoration:none}.leaderboard-item>span{font:800 9px "Plus Jakarta Sans",sans-serif;color:var(--coral)}.leaderboard-item img{width:38px;height:29px;object-fit:cover;border-radius:7px}.leaderboard-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 11px/1.1 "Plus Jakarta Sans",sans-serif}.app-main{min-width:0;overflow:auto;padding-right:2px}.app-main .magazine-hero{width:100%;margin:0}.app-main .magazine-slider{height:360px;border-radius:14px}.app-main .magazine-slide-copy{left:30px;bottom:34px}.app-main .magazine-slide-copy h1,.app-main .magazine-slide-copy h2{font-size:clamp(38px,4.5vw,68px)}.app-section{padding:22px 0 0}.app-section .section-head{margin-bottom:10px}.app-game-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:115px;gap:10px}.app-game-grid .game-tile{grid-row:span 2}.app-game-grid .bento-featured{grid-column:span 2;grid-row:span 2}.app-game-grid .tile-copy h3{font-size:14px;min-height:30px}.app-game-grid .bento-featured .tile-copy h3{font-size:18px}.app-main .magazine-strip-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.app-main .shelves{padding-top:10px}.app-main .shelf{padding-top:20px}.app-main .shelf+.shelf{margin-top:20px}
@media(max-width:1080px){.app-layout{grid-template-columns:220px minmax(0,1fr)}.app-game-grid,.app-main .magazine-strip-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.app-layout{display:block;height:auto;overflow:visible;padding:8px 12px}.app-sidebar{overflow:visible;margin-bottom:10px;padding:13px}.sidebar-brand{display:none}.app-search{padding:0 0 10px}.sidebar-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.sidebar-filters a{padding:7px 6px;font-size:10px}.sidebar-leaderboard{display:none}.app-main{overflow:visible}.app-main .magazine-slider{height:390px}.app-main .magazine-slide-copy{left:19px;right:19px;bottom:40px}.app-main .magazine-slide-copy h1,.app-main .magazine-slide-copy h2{font-size:42px}.app-game-grid,.app-main .magazine-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:10px}.app-game-grid .bento-featured{grid-column:span 2;grid-row:span 1}.app-game-grid .game-tile{grid-row:span 1}.app-game-grid .tile-image{min-height:0}.app-main .section{padding-top:20px}}

/* Richer app-shell hierarchy: cool rail, white cards, and category-coded accents. */
.app-sidebar{background:#f2f3f8;border-right:1px solid #e1e4ed}
.sidebar-filters a{transition:background .18s ease,color .18s ease,transform .18s ease}.sidebar-filters a:hover,.sidebar-filters a:focus-visible{background:linear-gradient(135deg,#8b5cf6 0%,#4f46e5 100%);color:#fff;transform:translateX(2px);outline:0}.sidebar-filters a:hover span,.sidebar-filters a:focus-visible span{color:#ede9fe}
.app-game-grid .game-tile{background:#fff;border:1px solid rgba(225,228,235,.8);box-shadow:0 4px 16px rgba(0,0,0,.04);transition:transform .2s ease,box-shadow .2s ease}.app-game-grid .game-tile:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.app-game-grid .game-tile:before{content:"";position:absolute;z-index:3;left:12px;right:12px;top:-1px;height:3px;border-radius:4px;background:linear-gradient(90deg,#8b5cf6,#22d3ee);opacity:0;transition:opacity .2s ease}.app-game-grid .game-tile:hover:before{opacity:1}
.app-game-grid .category-casual-style .eyebrow{display:inline-block;width:max-content;padding:3px 7px;border-radius:8px;background:#ffeff5;color:#d63384}.app-game-grid .category-puzzle .eyebrow{display:inline-block;width:max-content;padding:3px 7px;border-radius:8px;background:#e6fcf5;color:#0ca678}.app-game-grid .category-sports .eyebrow,.app-game-grid .category-arcade-action .eyebrow{display:inline-block;width:max-content;padding:3px 7px;border-radius:8px;background:#fff4e6;color:#f76707}.app-game-grid .category-quick-play .eyebrow{display:inline-block;width:max-content;padding:3px 7px;border-radius:8px;background:#eef2ff;color:#4f46e5}.app-game-grid .category-editors-picks .eyebrow{display:inline-block;width:max-content;padding:3px 7px;border-radius:8px;background:#f3e8ff;color:#9333ea}
.app-main .magazine-slider{background:radial-gradient(circle at 82% 18%,rgba(168,85,247,.34),transparent 33%),radial-gradient(circle at 22% 88%,rgba(20,184,166,.28),transparent 36%),#25243a}.app-main .magazine-slide-shade{background:radial-gradient(circle at 78% 22%,rgba(129,95,255,.28),transparent 32%),radial-gradient(circle at 18% 90%,rgba(36,211,180,.2),transparent 38%),linear-gradient(90deg,rgba(23,49,55,.88) 0%,rgba(23,49,55,.5) 44%,rgba(23,49,55,.08) 78%),linear-gradient(0deg,rgba(23,49,55,.68),transparent 58%)}
.menu-toggle,.magazine-arrow,.magazine-dots button,.play-button,.primary-action,.quiet-action,.tile-link,.section-link,.site-nav a{min-height:44px}

/* Final homepage overrides (kept last so the DD base theme cannot override them). */
body:has(.hive-hero){background:#12131c;color:#f7fbff}
body:has(.hive-hero) .masthead{background:rgba(18,19,28,.94);border-bottom-color:rgba(56,189,248,.25)}
body:has(.hive-hero) .app-layout{height:auto;min-height:0;overflow:visible;grid-template-columns:220px minmax(0,1fr)}
body:has(.hive-hero) .app-sidebar{background:#1a1d29;color:#f7fbff;border:1px solid rgba(56,189,248,.2);border-right:1px solid rgba(56,189,248,.35);overflow:auto}
body:has(.hive-hero) .app-sidebar .sidebar-label,body:has(.hive-hero) .app-sidebar .app-search label{color:#aab4c4}
body:has(.hive-hero) .app-sidebar .sidebar-filters a,body:has(.hive-hero) .app-sidebar .leaderboard-item{color:#f7fbff}
body:has(.hive-hero) .app-sidebar .sidebar-filters a span,body:has(.hive-hero) .app-sidebar .leaderboard-item>span{color:#38bdf8}
body:has(.hive-hero) .app-sidebar .leaderboard-item strong{color:#f7fbff}
body:has(.hive-hero) .app-main{overflow:visible}
body:has(.hive-hero) .magazine-hero{display:none}
body:has(.hive-hero) .app-game-grid,.shelves .game-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto;gap:10px}
body:has(.hive-hero) .app-game-grid .game-tile,body:has(.hive-hero) .shelves .game-tile{background:#1e202e;border-color:rgba(56,189,248,.2);border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.22)}
body:has(.hive-hero) .app-game-grid .tile-copy h3,body:has(.hive-hero) .shelves .tile-copy h3{color:#f7fbff}
body:has(.hive-hero) .app-game-grid{grid-auto-rows:220px;align-items:stretch}
body:has(.hive-hero) .app-game-grid .game-tile{grid-column:span 1;grid-row:span 1;display:flex;flex-direction:column;height:220px;min-height:0}
body:has(.hive-hero) .app-game-grid .bento-featured{grid-column:span 1;grid-row:span 1}
body:has(.hive-hero) .app-game-grid .tile-image{flex:1;min-height:0;aspect-ratio:auto;margin:0;border-radius:0}
body:has(.hive-hero) .app-game-grid .tile-copy{flex:0 0 auto;padding:8px 9px 9px}
body:has(.hive-hero) .app-game-grid .tile-copy h3{font-size:13px;line-height:1.15;min-height:30px;margin:5px 0 6px}
body:has(.hive-hero) .shelves .game-grid{grid-auto-rows:220px;align-items:stretch}
body:has(.hive-hero) .shelves .game-tile{grid-column:span 1;grid-row:span 1;display:flex;flex-direction:column;height:220px;min-height:0}
body:has(.hive-hero) .shelves .bento-featured{grid-column:span 1;grid-row:span 1}
body:has(.hive-hero) .shelves .tile-image{flex:1;min-height:0;aspect-ratio:auto;margin:0;border-radius:0}
body:has(.hive-hero) .shelves .tile-copy{flex:0 0 auto;padding:8px 9px 9px}
@media(max-width:1080px){body:has(.hive-hero) .app-layout{grid-template-columns:190px minmax(0,1fr)}body:has(.hive-hero) .app-game-grid,body:has(.hive-hero) .shelves .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){body:has(.hive-hero) .app-layout{display:block;height:auto;overflow:visible}body:has(.hive-hero) .app-sidebar{position:static;max-height:none;overflow:visible}body:has(.hive-hero) .hive-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:142px}body:has(.hive-hero) .app-game-grid,body:has(.hive-hero) .shelves .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.hive-hero) .app-game-grid,body:has(.hive-hero) .shelves .game-grid{grid-auto-rows:190px}body:has(.hive-hero) .app-game-grid .game-tile,body:has(.hive-hero) .shelves .game-tile{height:190px}}
