.member-category-context{display:flex;align-items:center;flex-wrap:wrap;gap:16px;width:100%;max-width:var(--category-page-width,1440px);margin:0 auto 16px;padding:12px;box-sizing:border-box;color:var(--brand-text,#18334d);font-size:calc(18px * var(--child-scale,1));overflow-wrap:anywhere}.member-category-context>div{flex:1;min-width:0}.member-category-context p{font-size:.8em;margin:0 0 4px;opacity:.75}.member-category-context h1{font-size:1.35em;line-height:1.4;margin:0}.member-category-context .button{font:inherit;min-height:48px;white-space:normal;line-height:1.4;flex:0 1 auto}.member-page{--member-row:32px;--member-gap:12px;--member-padding:16px;--member-font:18px;--member-background:#f4f6fc;--member-panel:#fff;--member-text:#18334d;--member-accent:var(--brand-accent,var(--accent,#4255c5));display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--member-gap);width:100%;margin:0 auto;padding:var(--member-padding);box-sizing:border-box;background:var(--member-background);color:var(--member-block-text,var(--member-text));font-size:calc(var(--member-font)*var(--child-scale,1));position:relative;isolation:isolate;container-name:member-page;container-type:inline-size;line-height:1.6}
.member-page *{box-sizing:border-box}.member-page .member-block{position:relative;min-width:0;min-height:0;overflow:hidden}.member-page .member-block-content{width:100%;height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;overflow-wrap:anywhere}.member-page-editor .member-block-content{pointer-events:none;user-select:none}.member-page h1,.member-page h2,.member-page p{margin:0}.member-page h1{font-size:clamp(24px,2.6em,44px);line-height:1.3}.member-page h2{font-size:1.2em;line-height:1.4}.member-page p{font-size:1em;line-height:1.7}.member-page .member-block-content .button,.member-page .member-block-content button,.member-page .member-block-content input,.member-page .member-block-content select{font:inherit;min-height:44px}.member-page .member-block-content .button{white-space:normal;text-align:center;line-height:1.4;padding:12px 16px;border-width:2px}.member-page .button.primary{background:var(--member-accent);color:#fff;border-color:var(--member-accent)}.member-page .member-hero{height:100%;min-height:0;position:relative;display:flex;align-items:center;overflow:hidden;padding:22px;border-radius:inherit;background:linear-gradient(120deg,color-mix(in srgb,var(--member-accent) 14%,var(--member-panel)),var(--member-panel));color:var(--member-block-text,var(--member-text))}.member-page .member-hero-copy{position:relative;z-index:1;max-width:78%}.member-page .member-hero-copy p{margin-top:12px}.member-page .member-hero-illustration{position:absolute;right:-24px;bottom:0;width:43%;max-height:95%;color:var(--member-accent);opacity:.85}.member-page .member-text{padding:8px}.member-page .member-text p{margin-top:10px;white-space:normal}.member-page .member-image,.member-page .member-image-link{display:block;width:100%;height:100%;min-height:0}.member-page .member-image{border-radius:inherit}.member-page .member-links{height:100%;padding:10px;background:var(--member-panel);border-radius:inherit}.member-page .member-links h2{margin-bottom:10px}.member-page .member-links p{margin-bottom:10px}.member-page .member-links nav{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}.member-page .member-quick-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;color:var(--member-block-text,var(--member-text));background:color-mix(in srgb,var(--member-accent) 10%,var(--member-panel));border:1px solid color-mix(in srgb,var(--member-accent) 22%,transparent);border-radius:12px;text-decoration:none;font-weight:600}.member-page .member-link-disabled{opacity:.65}.member-page .member-placeholder{height:100%;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:var(--member-panel);color:var(--member-block-text,var(--member-text));border:1px dashed color-mix(in srgb,var(--member-accent) 35%,transparent);border-radius:inherit;text-align:center}.member-page .member-placeholder small{font-size:.8em;color:inherit;opacity:.75}.member-page .member-login-preview{align-items:stretch;text-align:left}.member-page .member-login-preview label{font-size:.8em}.member-page .member-login-preview input{display:block;width:100%;margin-top:5px}.member-page .member-search-panel{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.member-page .member-search-panel .search-field{min-width:0;flex:1;max-width:560px}.member-page .member-search-panel h2{max-width:45%}.member-page .member-search-panel input{width:100%;min-width:0}.member-page .terminal-controls{margin:0;min-height:100%;border-radius:inherit;display:flex;flex-wrap:wrap;align-items:center;padding:12px;gap:12px;background:var(--member-panel)}.member-page .terminal-controls .automatic-terminal{font-size:1em;min-width:0;flex:1}.member-page .terminal-controls .button{width:auto;flex:0 1 auto}.member-page .lobby-tabs{margin:0;gap:8px}.member-page .lobby-tabs button{font-size:.9em;padding:8px 15px;color:var(--member-block-text,var(--member-text));background:var(--member-panel);border-color:color-mix(in srgb,var(--member-accent) 24%,transparent)}.member-page .lobby-tabs button.active{background:var(--member-accent);color:#fff}.member-page .category-breadcrumb{margin-top:9px}.member-page .member-games-section{height:100%;min-width:0}.member-page .member-games-title{padding:0 0 14px}.member-page .member-games-grid{display:grid;grid-template-columns:repeat(var(--member-columns,3),minmax(0,1fr));gap:18px;min-width:0}.member-page .game-card{min-width:0;background:var(--member-panel);border-radius:18px}.member-page .game-card-title h3{font-size:1.1em;color:var(--member-block-text,var(--member-text))}.member-page .game-card-info>p,.member-page .game-card-metrics{font-size:.85em;color:var(--member-block-text,var(--member-text))}.member-page .game-card-info>p{min-height:0}.member-page .game-card-actions .button{font-size:.95em}.member-page .game-card-info{padding:16px}.member-page .game-card-actions{padding:0 16px 16px;gap:8px}.member-page .game-category{font-size:.65em}.member-page .game-card-top{overflow:hidden}.member-page .game-card-top>.game-art{height:180px;width:100%}.member-page .game-card-top>.game-art img{height:100%;width:100%;object-fit:cover}.member-page .member-cards-list{grid-template-columns:1fr!important}.member-page .member-cards-list .game-card{display:grid;grid-template-columns:minmax(85px,26%) minmax(0,1fr);align-content:start}.member-page .member-cards-list .game-card-top{grid-row:1/span 2;height:100%}.member-page .member-cards-list .game-card-top>.game-art{height:100%;min-height:150px}.member-page .member-cards-list .game-card-info{padding:12px}.member-page .member-cards-list .game-card-actions{padding:0 12px 12px}.member-page .member-cards-list .game-card-metrics{gap:6px;flex-wrap:wrap}.member-page .member-cards-poster .game-card-top>.game-art{height:250px}.member-page .member-cards-poster .game-card-info>p{display:none}.member-page .member-hide-description .game-card-info>p{display:none}.member-page .member-hide-price .game-price{display:none}.member-layout-active.lobby-body{background:var(--member-body-background,#f4f6fc)}.member-layout-active .lobby-main{max-width:none;padding:0}.member-layout-active [hidden]{display:none!important}.member-login-layout.login-body{display:block;min-height:100dvh;height:auto;background:var(--member-body-background,#f4f6fc);overflow:auto}.member-login-layout>.login-brand,.member-login-layout>.login-panel{display:none!important}.member-login-layout>.member-login-root{min-height:100dvh;padding:20px 0}.member-page .member-login-slot{min-height:100%;padding:14px;background:var(--member-panel);border-radius:inherit}.member-page .login-box{width:100%;max-width:none;padding:0}.member-page .login-box h2{font-size:1.4em;margin-top:8px;color:var(--member-block-text,var(--member-text))}.member-page .login-box>.muted{font-size:.9em;color:var(--member-block-text,var(--member-text));margin-top:10px}.member-page #login-form{margin-top:22px}.member-page #login-form label{font-size:.9em;color:var(--member-block-text,var(--member-text))}.member-page #login-form input{width:100%;font-size:1em;padding:12px;color:var(--member-block-text,var(--member-text));background:var(--member-panel)}.member-page #login-form .password-field{margin-top:6px}.member-page .login-hint{font-size:.75em;gap:8px;flex-wrap:wrap}.member-page .login-hint .text-button{font-size:inherit}.member-page .login-policy{font-size:.75em;line-height:1.7;color:var(--member-block-text,var(--member-text))}.member-page .registration-entry{font-size:.8em}.member-page .login-submit{width:100%;font-size:1em}.member-page .welcome-icon{font-size:28px;color:var(--member-accent)}
@container member-page (max-width:700px){.member-page .member-search-panel{align-items:flex-start;flex-direction:column;justify-content:center;gap:10px}.member-page .member-search-panel h2{max-width:none;font-size:1.05em}.member-page .member-search-panel .search-field{width:100%;max-width:none;flex:0 0 auto}.member-page .member-games-grid{gap:12px}.member-page .member-hero{padding:15px}.member-page .member-hero-copy{max-width:94%}.member-page .member-hero-illustration{opacity:.22;width:58%}.member-page h1{font-size:1.4em}.member-page .game-card-actions .button{font-size:.85em}.member-page .terminal-controls{padding:8px}.member-page .terminal-controls .button{width:100%}.member-page .member-cards-list .game-card-title{gap:6px;flex-wrap:wrap}.member-page .member-cards-list .game-card-title h3{font-size:1em}.member-page .member-cards-list .game-card-info>p{font-size:.8em}}
.member-page .member-login-brand{display:flex;margin-bottom:18px;max-width:240px;color:var(--member-block-text,var(--member-text))}.member-page .member-login-brand .platform-logo{max-width:220px;width:100%}.member-page .member-login-brand .platform-logo img{max-width:100%;height:auto}.brand-custom.member-layout-active.lobby-body .member-page :is(.game-card,.terminal-controls){background:var(--member-panel);border-color:color-mix(in srgb,var(--member-accent) 20%,transparent)}.brand-custom.member-layout-active.lobby-body .member-page :is(.game-card-title h3,.game-card-info>p,.game-card-metrics,.automatic-terminal){color:var(--member-block-text,var(--member-text))}
.member-page .member-block-content{border-radius:inherit}.member-page .member-hero-copy{max-height:100%;overflow:auto}.member-page .member-login-slot .brand{max-width:100%}
.member-page .button.primary,.member-page .lobby-tabs button.active{color:var(--member-on-accent,#fff)}
.brand-custom.member-layout-active.lobby-body{background:var(--member-body-background,#f4f6fc)}.member-login-layout.login-body .member-page .button.primary,.member-layout-active.lobby-body .member-page .button.primary,.member-page.member-page-editor .button.primary{background:var(--member-accent);border-color:var(--member-accent);color:var(--member-on-accent,#fff)}.member-layout-active.lobby-body .member-page .lobby-tabs button.active{background:var(--member-accent);border-color:var(--member-accent);color:var(--member-on-accent,#fff)}
.member-page .member-hero{background:var(--member-block-surface,linear-gradient(120deg,color-mix(in srgb,var(--member-accent) 14%,var(--member-panel)),var(--member-panel)));color:var(--member-block-text,var(--member-text))}.member-page .member-links,.member-page .member-login-slot{background:var(--member-block-surface,var(--member-panel))}.member-page .member-quick-link{color:var(--member-block-text,var(--member-text))}.member-page .member-component-heading{margin-bottom:12px}.member-page .member-component-copy{margin-bottom:12px;white-space:pre-line}.member-page .member-block-login :is(.login-box h2,.login-box>.muted,#login-form label,.login-policy){color:var(--member-block-text,var(--member-text))}
.member-login-layout .member-login-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px 24px;margin:0 auto;box-sizing:border-box}.member-login-layout .member-login-page-header .brand{max-width:min(100%,320px)}.member-login-layout .member-login-page-header .button{min-height:44px;font-size:17px}.member-login-layout .member-login-page-footer{text-align:center;margin:0 auto;padding:24px;line-height:1.8;color:var(--brand-accent,#4255c5);box-sizing:border-box}.member-login-layout .member-login-page-footer small{font-size:13px}

@media(max-width:700px){.member-login-layout>.member-login-root{padding:0}}

/* Keep component typography independent of editor chrome and the legacy child/agency theme. */
.member-page .member-block-content,.member-page .terminal-controls .automatic-terminal,.member-page .category-breadcrumb,.member-page .game-card-info .game-category,.member-page .game-card-metrics :is(.free,.price){color:var(--member-block-text,var(--member-text))}
.member-page .member-block-content :is(input,select,textarea),.member-page .member-block-content button:not(.primary):not(.active),.member-page .member-block-content .button:not(.primary):not(.active){color:var(--member-block-text,var(--member-text))}
.member-page .member-block-login :is(.login-hint,.login-hint .text-button,.registration-entry){color:var(--member-block-text,var(--member-text))}
.member-category-context>div{flex:1 1 240px}.member-category-context .button{max-width:100%}
/* A narrow desktop window needs the same readable game cards as a handheld viewport. */
@container member-page (max-width:1000px){.member-page .member-games-grid:not(.member-cards-list){grid-template-columns:repeat(min(2,var(--member-columns,3)),minmax(0,1fr))}}
@container member-page (max-width:700px){.member-page .member-games-grid:not(.member-cards-list){grid-template-columns:1fr}}
