/* 2026-10-15 approved: compact header, 3% gutters and six proportional halls. */
html[data-player-theme=light] .topbar :is(#brandName,#brandName span,#brandDomain,#brandDomain span,.brand-domain-row>.asen-copy-icon){color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none}
#memberTicker{left:5%!important;width:90%!important;display:flex;align-items:center;gap:6px;padding:0 8px;box-sizing:border-box;background:linear-gradient(90deg,rgb(0 0 0 / 50%),rgb(0 0 0 / 70%) 50%,rgb(0 0 0 / 50%))!important;color:#fff0cf!important}
#memberTicker[hidden]{display:none}
#memberTicker .announcement-viewport{display:block;flex:1;min-width:0;overflow:hidden;height:100%}
#memberTicker :is(.ticker-speaker,.ticker-envelope){position:relative;display:flex;align-items:center;flex:0 0 18px;width:18px;height:18px}
#memberTicker svg{display:block;width:18px;height:18px}
#memberTicker .inbox-dot{left:auto;right:-3px;top:-3px;width:6px;height:6px}
#homeCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
@media(max-width:1024px){
 html.asen-geometry-locked .home-content{box-sizing:border-box;padding-inline:11.7px}
 html.asen-geometry-locked .popular-games{width:100%;box-sizing:border-box}
 html.asen-geometry-locked .hero{width:366.6px;margin-inline:11.7px}
 html.asen-geometry-locked .bottom-nav{box-sizing:border-box;padding-left:3%;padding-right:3%}
 html.asen-geometry-locked .topbar{padding-top:calc(20px * var(--asen-geometry-scale) + env(safe-area-inset-top));padding-left:3%;padding-right:3%;padding-bottom:0}
 html.asen-geometry-locked .topbar .brand{display:grid;grid-template-columns:calc(41px * var(--asen-geometry-scale)) calc(40px * var(--asen-geometry-scale));grid-template-rows:calc(41px * var(--asen-geometry-scale)) calc(21px * var(--asen-geometry-scale));column-gap:calc(6px * var(--asen-geometry-scale));row-gap:0;flex:0 0 auto;align-items:start;justify-content:start}
 html.asen-geometry-locked .topbar .brand-copy{display:contents}
 html.asen-geometry-locked .topbar .brand-symbol{grid-column:1;grid-row:1;width:calc(41px * var(--asen-geometry-scale))!important;height:calc(41px * var(--asen-geometry-scale))!important;min-width:0;flex-basis:auto}
 html.asen-geometry-locked .topbar .brand-copy #brandName{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(40px * var(--asen-geometry-scale))!important;height:calc(41px * var(--asen-geometry-scale))!important;font-size:calc(14px * var(--asen-geometry-scale));line-height:1.12;letter-spacing:0;transform:none!important}
 #brandName>span{display:block}
 html.asen-geometry-locked #brandName>span:last-child{font-size:calc(17px * var(--asen-geometry-scale));letter-spacing:calc(3px * var(--asen-geometry-scale));padding-left:calc(3px * var(--asen-geometry-scale))}
 html.asen-geometry-locked .topbar .brand-domain-row{grid-column:1 / -1;grid-row:2;margin:0;align-self:end;gap:calc(4px * var(--asen-geometry-scale));max-width:none;line-height:1}
 html.asen-geometry-locked .topbar .brand-domain-row #brandDomain{font-size:calc(17px * var(--asen-geometry-scale));line-height:calc(19px * var(--asen-geometry-scale));letter-spacing:0}
 html.asen-geometry-locked .topbar .brand-domain-row>.asen-copy-icon{width:calc(13px * var(--asen-geometry-scale))!important;height:calc(13px * var(--asen-geometry-scale))!important;flex-basis:calc(13px * var(--asen-geometry-scale));opacity:.45}
 html.asen-geometry-locked .topbar .top-actions{width:calc(146px * var(--asen-geometry-scale))!important;flex-basis:calc(146px * var(--asen-geometry-scale))}
 html.asen-geometry-locked .topbar .action-grid{grid-template-rows:repeat(2,calc(29px * var(--asen-geometry-scale)))}
 html.asen-geometry-locked .topbar .header-action{height:calc(29px * var(--asen-geometry-scale))!important}
 html.asen-geometry-locked .quick-grid button>span{width:28.08px;height:28.08px;font-size:23.4px}
 html.asen-geometry-locked .quick-grid button>small{font-size:12.636px}
 html.asen-geometry-locked #homeCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 html.asen-geometry-locked:not(.asen-landscape) #homeCategoryGrid>.category-card.has-art{position:relative;display:block;box-sizing:border-box;width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1;align-self:stretch;padding:0;border-radius:12%;overflow:visible}
 html.asen-geometry-locked #homeCategoryGrid>.category-card.has-art>strong{position:absolute;left:3%;right:3%;top:7%;margin:0;text-align:center;font-size:13px;line-height:1.15}
 html.asen-geometry-locked #homeCategoryGrid>.category-card.has-art>small{position:absolute;left:3%;right:3%;bottom:6%;margin:0;text-align:center;font-size:9px;line-height:1.2}
 html.asen-geometry-locked #homeCategoryGrid>.category-card.has-art>.category-card-art{position:absolute;inset:auto;left:3%;top:25%;width:94%!important;height:57%!important;max-height:none!important;min-height:0;object-fit:contain;object-position:center bottom;translate:none!important;scale:1!important;transform:none!important}
 html.asen-geometry-locked #homeCategoryGrid>[data-hall=slots].category-card.has-art>.category-card-art{left:0;top:21%;width:100%!important;height:61%!important}
 /* Supplied lottery PNG has transparent side gutters; size by its visible artwork. */
 html.asen-geometry-locked #homeCategoryGrid>[data-hall=lottery].category-card.has-art>.category-card-art{left:-16%;width:132%!important;object-fit:contain}
}

/* Owner-approved: the announcement belongs directly below the navigation.
   Percentage positioning follows its real box through zoom, fonts and rotation. */
html .topbar > #memberTicker{position:absolute!important;top:calc(100% + 1px)!important;bottom:auto!important;left:5%!important;right:auto!important;width:90%!important;margin:0!important;transform:none!important;translate:none!important;scale:1!important}

/* Owner-approved 2026-11-02: compact backdrop bounded by the two icon centres. */
html .topbar > #memberTicker{
  height:24px!important;min-height:24px!important;line-height:24px!important;
  background-color:transparent!important;
  background-position:var(--ticker-panel-left,17px) 0!important;
  background-size:var(--ticker-panel-width,calc(100% - 34px)) 100%!important;
  background-repeat:no-repeat!important;
  overflow:visible;contain:none;
}