/* Shared masthead: identical viewport position and dimensions on every page. */
:root{--masthead-width:min(600px,calc(100vw - 24px));--masthead-top:24px}
@media(min-width:1024px) and (max-height:800px){:root{--masthead-width:480px;--masthead-top:16px}}
@media(max-width:1023px){:root{--masthead-width:min(520px,calc(100vw - 24px));--masthead-top:16px}}
body:has(.site-masthead){position:relative;padding-top:calc(var(--masthead-top) + var(--masthead-width)*0.31839258114374036 + 24px)!important}
.site-masthead{position:absolute!important;top:var(--masthead-top)!important;left:50%!important;transform:translateX(-50%);display:block!important;width:var(--masthead-width)!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;line-height:0;z-index:30}
.site-masthead img{display:block;width:100%;height:auto;object-fit:contain}
body:has(.site-masthead)>.page-shell,body:has(.site-masthead)>.games-shell{padding-top:0!important}

.brand-intro{max-width:580px;margin:18px auto;text-align:center;color:#e7e5cc;padding:0 12px}.brand-intro h1{font:400 18px/1.4 Anton,sans-serif;margin:0 0 6px}.brand-intro p{font:14px/1.6 system-ui,sans-serif;margin:0;opacity:.85}