/* Shared shell */
:root{--muted:#a6b2b7}
#main{padding-top:28px}.topbar{gap:24px}.notification-button,.header-rule{display:none}.global-search{max-width:490px}.profile-link{white-space:nowrap}.sidebar .brand{margin-bottom:18px}.sidebar .nav-item{min-height:43px}.side-feature{background:linear-gradient(120deg,#203d31,#172523)}.side-feature-icon{color:#f6ab6c}
.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 18px}.section{margin-top:34px}.section .game-grid .game-card{display:block}.game-art-button{aspect-ratio:1.14}.portfolio-card .game-art-button{background:#20372e;border:1px solid #ffffff0e}.portfolio-tag{position:absolute;left:14px;top:14px;font-size:10px;font-weight:700;letter-spacing:.35px;color:#fff;background:#101b24b8;padding:5px 9px;border-radius:5px;backdrop-filter:blur(8px)}
.portfolio-cover-title{position:absolute;left:18px;bottom:19px;right:14px;display:grid;gap:5px;pointer-events:none}.portfolio-cover-title small{font-size:8px;letter-spacing:1.7px;font-weight:700;color:#e4d8c6}.portfolio-cover-title strong{font:700 clamp(20px,2vw,30px)/1.05 var(--display);letter-spacing:-.7px;color:#fff}.portfolio-card .favorite-button{opacity:1;right:10px;top:10px;background:#121c25c9;width:33px;height:33px}.portfolio-card .portfolio-tag{max-width:calc(100% - 58px)}.card-meta{padding-top:12px}.card-sub{font-size:11px;gap:7px}.portfolio-card .card-sub>span:last-child{color:#93d3b2;white-space:nowrap}.portfolio-card .game-title{font-size:15px}.portfolio-card .play-hover{background:#0b141049}.portfolio-card .play-hover>span{background:#ff792b;color:#160c05}.portfolio-card:hover .portfolio-cover{filter:brightness(1.07)}
.portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.portal-welcome .eyebrow{font-size:9px;color:#b4c0bd;letter-spacing:1.8px}.portal-welcome h1{font:600 clamp(25px,2.6vw,38px)/1.2 var(--display);letter-spacing:-1.1px;margin:7px 0 0}.portal-pill{display:flex;align-items:center;gap:7px;color:#b6c5bd;font-size:11px;white-space:nowrap}.portal-pill svg{width:16px;height:16px;color:#8dcfad}.portal-spotlights{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(220px,1fr);gap:18px}.portal-hero{position:relative;border-radius:17px;overflow:hidden;min-height:385px;border:1px solid #ffffff16}.portal-hero .cover-scenery{background-position:55% 42%}.portal-hero .cover-character{width:49%;left:auto;right:1%;bottom:0}.portal-hero .cover-shade{background:linear-gradient(90deg,#10241eed 0%,#152e27ad 42%,transparent 76%),linear-gradient(0deg,#0e1f21cc,transparent 45%)}.portal-hero-content{position:relative;z-index:1;padding:31px 30px 35px;max-width:70%}.spotlight-kicker{font-size:9px;letter-spacing:1.35px;color:#ffe4bd;font-weight:700}.portal-hero h2{font:700 clamp(48px,5vw,76px)/.96 var(--display);letter-spacing:-3px;margin:21px 0 17px}.portal-hero h2 em{color:#ffab6b;font-style:normal}.portal-hero p{color:#e0e7dc;line-height:1.6;font-size:13px;margin:0 0 23px}.portal-hero .hero-actions{gap:16px}.portal-hero .hero-secondary{background:transparent;padding:0;border:0;font-size:11px;gap:6px;white-space:nowrap}.hero-secondary svg{width:16px}.portal-spotlight-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.portal-mini{position:relative;overflow:hidden;border-radius:14px;border:1px solid #ffffff16;min-height:170px}.portal-mini>div:last-child{position:relative;padding:21px 18px;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:end;z-index:1}.portal-mini h3{font:700 24px/1.05 var(--display);letter-spacing:-.6px;margin:9px 0}.portal-mini .spotlight-kicker{font-size:8px;letter-spacing:1px;max-width:130px}.mini-link{display:flex;align-items:center;gap:8px;font-size:10px;color:#dce8df}.mini-link svg{width:13px;height:13px}.portal-mini .cover-character{width:57%;left:auto;right:0;bottom:0}.portal-mini .cover-shade{background:linear-gradient(90deg,#101623ce,transparent 95%),linear-gradient(0deg,#111a2788,transparent)}.portal-mini .cover-food{display:none!important}.portal-mini .cover-orbit{left:48%}
.portal-benefits{display:flex;justify-content:space-between;gap:15px;padding:19px 0;border-bottom:1px solid var(--line);font-size:11px;color:#b7c3bd}.portal-benefits>span,.portal-benefits>a{display:flex;align-items:center;gap:8px}.portal-benefits svg{width:16px;height:16px;color:#a4cbb2}.portal-benefits>a{color:#efb683}.portal-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.play-your-way{margin-top:36px}.portal-category-grid>a{position:relative;padding:23px;border-top:1px solid #4b6357;background:linear-gradient(135deg,#1a2924,#151d20);border-radius:9px}.portal-category-grid>a>svg{width:27px;height:27px;color:#b9d5c5}.category-number{position:absolute;right:17px;top:20px;color:#71867a;font-size:11px}.portal-category-grid h3{font:600 17px var(--display);margin:18px 0 8px}.portal-category-grid>a>span:last-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b5c0ba}.portal-category-grid>a>span:last-child svg{width:16px;height:16px}
.portal-membership{display:grid;grid-template-columns:1fr 1.15fr;min-height:305px;margin-top:38px;border:1px solid #34443b;background:#16241e;border-radius:15px;overflow:hidden}.membership-art{position:relative;min-height:280px}.membership-art .cover-shade{background:linear-gradient(90deg,transparent 65%,#16241e)}.membership-art .cover-character{bottom:0;width:120%;left:-10%}.membership-art .cover-scenery{background:radial-gradient(ellipse,#625238,#16241e 70%)}.portal-membership>div:last-child{padding:31px 32px}.portal-membership h2{font:600 30px/1.1 var(--display);letter-spacing:-1px;margin:12px 0}.portal-membership p{font-size:13px;line-height:1.7;color:#b6c4ba;max-width:480px}.portal-membership small{display:block;font-size:10px;color:#9caca2;margin-top:13px}.demo-shelf{display:flex;justify-content:space-between;gap:15px;margin:26px 0 10px;font-size:12px;color:var(--muted)}.demo-shelf a{display:flex;gap:9px;align-items:center;color:#eee6d8}.demo-shelf svg{width:16px;height:16px}
.collection-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:25px;overflow:auto}.collection-tabs a{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:16px 0;color:#a9b7b0;font-size:13px;border-bottom:2px solid transparent}.collection-tabs a[aria-current]{color:#ffa565;border-color:#ff792b}.collection-tabs span{font-size:10px;background:#26322b;border-radius:4px;padding:2px 6px}.catalogue-page .page-heading{margin-bottom:10px}.catalogue-controls{justify-content:space-between;margin-bottom:24px}.catalogue-controls .results-label{margin-left:auto}.category-pills{gap:9px}.category-pill{font-size:12px}
.portal-game-detail{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:35px;align-items:center;margin:20px 0 30px}.portal-detail-art{position:relative;aspect-ratio:1.35;overflow:hidden;border-radius:16px}.portal-detail-art .portfolio-cover-title strong{font-size:clamp(32px,4vw,55px)}.portal-detail-art .cover-character{width:66%;left:17%;bottom:6%}.portal-detail-art .cover-waiter-inspection .cover-character{width:100%;left:0}.portal-game-info h1{font:600 clamp(30px,3.5vw,46px)/1.05 var(--display);letter-spacing:-1.5px;margin:14px 0 18px}.portal-game-info>p{color:var(--muted);font-size:14px;line-height:1.7}.game-facts{display:flex;gap:20px;font-size:11px;color:#b4d2bf;margin:20px 0 25px}.game-facts span{display:flex;gap:6px;align-items:center}.game-facts svg{width:16px;height:16px}.portal-game-info>.button{display:flex;width:100%;margin:10px 0;justify-content:center}.portal-game-info .game-account-hint{font-size:11px;line-height:1.6}.instructions .instruction-card p{color:var(--muted)}
.account-layout{max-width:none;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:45px;margin:10px 0 42px}.account-intro h1{font-size:clamp(32px,3.5vw,48px);margin:14px 0}.account-intro>p{font-size:13px;line-height:1.7;max-width:470px}.account-feature{position:relative;display:block;overflow:hidden;border-radius:14px;height:245px;margin-top:25px}.account-feature>div:last-child{position:absolute;bottom:24px;left:24px}.account-feature small{font-size:10px;color:#e1d5bf}.account-feature h2{font:600 30px var(--display);margin:6px 0}.account-feature>div:last-child>span{display:flex;align-items:center;gap:8px;font-size:11px}.account-feature svg{width:15px;height:15px}.account-feature .cover-character{width:44%;left:auto;right:0;bottom:-10%}.account-feature .cover-shade{background:linear-gradient(90deg,#0a221bc4,transparent),linear-gradient(0deg,#10211caa,transparent)}.account-intro .account-promise{font-size:11px;color:#aec0b4}.account-panel{border-color:#34423a;background:linear-gradient(150deg,#1b2722,#141c1f)}.account-panel h2{font-size:25px;letter-spacing:-.5px}.account-panel>p{font-size:13px;color:var(--muted);line-height:1.6}.account-actions{gap:13px 20px}.account-actions .text-link{font-size:11px}.account-panel label{font-size:12px}.account-panel #auth-submit{width:100%;justify-content:center}.account-panel #auth-error:empty,.account-panel #auth-status:empty{display:none}.account-panel input{min-height:45px}.account-panel small{font-size:11px}
@media(min-width:1700px){.portal-hero{min-height:440px}.portal-hero-content{padding:40px}.portfolio-card .game-art-button{aspect-ratio:1.22}}
@media(max-width:1270px){.game-grid{gap:20px 13px}.card-sub{flex-wrap:wrap}.portal-hero-content{padding:26px 23px}.portal-spotlights{grid-template-columns:minmax(0,2fr) minmax(205px,1fr)}.portal-hero{min-height:355px}.portal-mini h3{font-size:21px}.portal-hero h2{font-size:60px}.portal-hero .hero-secondary{display:none}.portfolio-cover-title{left:13px;bottom:16px}}
@media(max-width:1050px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar{gap:18px}.portal-welcome h1{font-size:32px}}
@media(max-width:820px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-welcome h1{font-size:28px}.portal-spotlights{grid-template-columns:minmax(0,1fr)}.portal-spotlight-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.portal-hero{min-height:340px}.portal-hero .cover-character{width:44%;right:3%}.portal-hero .hero-secondary{display:flex}.portal-mini{min-height:165px}.portal-benefits{flex-wrap:wrap;gap:14px}.portal-membership>div:last-child{padding:27px 22px}.portal-membership h2{font-size:26px}.portal-category-grid{grid-template-columns:repeat(2,1fr)}.account-layout{gap:25px;grid-template-columns:1fr 1fr}.account-feature{height:210px}.account-feature .cover-character{width:65%;bottom:7%;right:-12%}.account-feature h2{font-size:24px}.account-panel{padding:23px}.portal-game-detail{grid-template-columns:1fr;gap:25px}.portal-detail-art{aspect-ratio:1.7}.portal-detail-art .cover-character{width:50%;left:25%;bottom:0}}
@media(max-width:600px){#main{padding:23px 16px 12px}.portal-welcome{margin-bottom:20px}.portal-welcome h1{font-size:27px;max-width:270px}.portal-pill{display:none}.portal-welcome .eyebrow{font-size:8px}.portal-hero{min-height:360px}.portal-hero-content{padding:25px 22px;max-width:85%}.portal-hero h2{font-size:57px;margin-top:24px}.portal-hero p{font-size:12px}.portal-hero .cover-character{width:64%;right:-11%;bottom:14%}.portal-hero .cover-shade{background:linear-gradient(90deg,#10241ee6,#152e2744 65%,transparent),linear-gradient(0deg,#112523,transparent 80%)}.portal-hero .hero-actions{gap:14px}.portal-hero .hero-secondary{display:none}.portal-spotlights,.portal-spotlight-side{gap:12px}.portal-mini{min-height:155px}.portal-mini>div:last-child{padding:16px 13px}.portal-mini .spotlight-kicker{font-size:7px;max-width:100px}.portal-mini h3{font-size:20px;max-width:100px}.portal-mini .cover-character{width:90%;right:-15%;bottom:6%}.mini-link{font-size:9px}.portal-benefits{font-size:10px;justify-content:start;gap:12px 20px;padding:16px 0}.portal-benefits svg{width:14px;height:14px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.portfolio-card .game-art-button{aspect-ratio:.83}.portfolio-cover-title strong{font-size:23px}.portfolio-cover-title small{font-size:7px;letter-spacing:1.1px}.portfolio-tag{font-size:8px;left:9px;top:9px;padding:4px 6px}.portfolio-card .favorite-button{width:29px;height:29px;top:7px;right:7px}.portfolio-card .favorite-button svg{width:15px;height:15px}.portfolio-card .game-title{font-size:13px}.portfolio-card .card-sub{font-size:10px;display:grid;gap:3px}.portfolio-cover-title{left:12px;bottom:16px}.section-heading{align-items:start;gap:15px}.section-heading h2{font-size:21px}.section-heading p{font-size:12px;max-width:240px}.section-heading>.text-link{font-size:10px;white-space:nowrap;padding-top:5px}.section-heading>.text-link svg{width:14px;height:14px}.portal-category-grid{gap:12px}.portal-category-grid>a{padding:20px 16px}.portal-category-grid h3{font-size:15px}.portal-membership{grid-template-columns:1fr}.membership-art{min-height:200px}.membership-art .cover-character{width:100%;height:240px;left:0;bottom:-25px}.membership-art .cover-shade{background:linear-gradient(0deg,#16241e,transparent 60%)}.portal-membership>div:last-child{padding:10px 24px 26px}.portal-membership h2{font-size:29px}.demo-shelf{flex-direction:column;gap:8px}.collection-tabs{gap:22px;margin-bottom:18px}.collection-tabs a{font-size:11px;gap:6px}.collection-tabs span{font-size:9px}.catalogue-controls{gap:15px}.catalogue-controls .results-label{font-size:10px;max-width:110px}.account-layout{display:flex;flex-direction:column;gap:22px}.account-intro,.account-panel{width:100%}.account-intro h1{font-size:34px}.account-feature{height:185px;margin-top:19px}.account-feature .cover-character{width:46%;right:0;bottom:-5%}.account-intro .account-promise{margin-bottom:0}.account-panel{padding:24px}.account-actions .button{width:auto}.portal-game-info h1{font-size:35px}.portal-detail-art{aspect-ratio:1.14}.portal-detail-art .cover-character{width:78%;left:11%;bottom:8%}.portal-detail-art .portfolio-cover-title strong{font-size:36px}.game-facts{gap:18px}.portal-game-info>.button{min-height:47px}.footer-top{gap:24px}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:9px 0;margin:0;font-size:9px}.mobile-bottom-nav .nav-count{display:none}.mobile-bottom-nav svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.portfolio-card *{transition:none!important;animation:none!important}}
/* The complete connected catalogue remains visible at every viewport size. */
.section .game-grid .game-card:nth-child(n+5),.game-grid .game-card:nth-child(6):last-child{display:block}
#main:focus{outline:none}
@media(max-width:600px){.mobile-bottom-nav .nav-item.active:before{display:none}.portfolio-card .favorite-button{width:44px;height:44px;right:2px;top:2px;background:radial-gradient(circle,#121c25e8 54%,transparent 57%)}}
@media(max-width:370px){.topbar{gap:9px}.header-actions{gap:6px}.join-button{padding:10px 12px;font-size:10px}.join-button svg{display:none}.portal-welcome h1{font-size:24px}.collection-tabs{gap:17px}.collection-tabs a{font-size:10px}.portfolio-cover-title strong{font-size:21px}.portal-category-grid h3{font-size:14px}}