/* A game-first mobile layout; desktop remains in portal.css. */
.site-header__inner{min-height:58px;padding:7px 14px}
.site-header .nav{display:none}
.mobile-nav{display:block;position:relative;margin-left:auto}
.mobile-nav summary{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dbe2ed;border-radius:12px;background:#fff;color:#243759;cursor:pointer;list-style:none;font-size:23px;line-height:1;touch-action:manipulation}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav[open] summary{background:#edf2ff}
.mobile-nav nav{position:absolute;right:0;top:49px;width:min(230px,calc(100vw - 28px));padding:8px;display:grid;gap:2px;border:1px solid #dbe2ed;border-radius:14px;background:#fff;box-shadow:0 18px 40px #15284a29;z-index:30}
.mobile-nav nav a{display:block;padding:13px 14px;border-radius:9px;font-size:14px;font-weight:700;color:#263552}
.mobile-nav nav a:hover,.mobile-nav nav a:focus-visible{background:#edf2ff}
.content-wrap{padding:0 14px 45px}
.portal-home .hero{display:none}
.portal-home .content-wrap{display:flex;flex-direction:column}
.portal-home .content-wrap>.section-heading{order:1;margin:42px 0 13px}
.portal-home .content-wrap>.game-grid{order:2}
.portal-home .content-wrap>.ad-unit:first-child{order:3}
.portal-home .content-wrap>.category-banner{order:4}
.portal-home .content-wrap>.ad-unit:last-child{order:5}
.section-heading{align-items:center;gap:10px}
.section-heading h2{font-size:25px;margin-top:4px}
.section-heading .eyebrow{font-size:9px;letter-spacing:.1em}
.section-heading>a{font-size:11px;white-space:nowrap}
.game-grid,.game-grid--related{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}
.game-card{border:0;border-radius:0;background:transparent;box-shadow:none}
.game-card:hover{box-shadow:none;border-color:transparent}
.game-card__art{aspect-ratio:1;border-radius:16px;background:#edf2ff}
.game-card__art img{display:block;width:100%;height:100%;border-radius:16px;object-fit:cover;box-shadow:none}
.game-card__copy{padding:7px 2px 6px;gap:0}
.game-card strong{font-size:14px;line-height:1.22}
.game-card__category,.game-card__play{display:none}
.portal-home .category-banner{margin-top:27px;padding:25px 22px;gap:16px}
.portal-home .category-banner h2{font-size:27px}
.portal-home .category-banner .button{width:100%}
.catalog-intro{padding-top:25px}
.catalog-intro h1{font-size:35px;margin:10px 0}
.catalog-intro p{font-size:14px}
.catalog-toolbar{margin:22px 0 16px;gap:12px}
.filters{gap:7px}
.filter-pill{padding:9px 13px}
.breadcrumbs{padding:17px 0 14px}
.detail-hero{gap:15px;padding:16px}
.detail-hero__art{min-height:0;aspect-ratio:1.7;border-radius:17px}
.detail-hero__art img{width:min(54%,190px);border-radius:21px}
.detail-hero__body{display:flex;flex-direction:column}
.detail-hero__body>.eyebrow{order:0}
.detail-hero h1{order:1;font-size:36px;margin:8px 0 0}
.detail-hero__actions{order:2;margin:16px 0 0;align-items:stretch}
.detail-hero__actions .button{width:100%;min-height:50px}
.detail-hero__actions .text-link{width:100%;text-align:center;padding:5px}
.detail-hero__body>p:not(.detail-hero__hint){order:3;margin:15px 0 0;font-size:14px}
.detail-hero__hint{order:4;margin:9px 0 0}
.game-info{margin:31px auto}
.player-header{display:none}
@media(max-width:340px){.content-wrap{padding-left:10px;padding-right:10px}.site-header__inner{padding-left:10px;padding-right:10px}.game-grid{gap:10px 8px}.game-card strong{font-size:13px}.section-heading h2{font-size:23px}}
@media(max-width:319px){.ad-unit--rect{display:none}}
@media(max-width:700px){.portal-home .content-wrap{max-width:352px}}
