/* One logo-and-wordmark treatment for every public header. */
body.unified-store>header .store-brand{display:inline-flex!important;align-items:center;gap:12px!important;flex:0 0 auto;min-width:0;min-height:46px;text-decoration:none!important}
body.unified-store>header .store-brand-logo{display:block!important;width:46px!important;height:46px!important;flex:0 0 46px;object-fit:contain;border-radius:50%;mix-blend-mode:screen;filter:drop-shadow(0 0 12px #9c4eed20)}
body.unified-store>header .store-brand .wordmark{display:block;font-family:Orbitron,sans-serif!important;font-size:24px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:.3px!important;white-space:nowrap;color:#f7f3ff!important;text-shadow:0 0 22px #a855f730}
body.unified-store>header .store-brand .wordmark>span{color:#b877f4;text-shadow:none}
body.purchase-review-page>.review-header{padding:16px var(--store-gutter,22px);min-height:var(--store-header,78px)}
body.unified-store>header .store-brand:focus-visible{outline:2px solid #c89bf5;outline-offset:5px;border-radius:9px}
/* Center the link group independently of the logo and invite widths. */
body.unified-store>.topbar .nav-menu{display:contents}
@media(min-width:1101px){
 body.unified-store>.topbar .nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:20px;max-width:none!important}
 body.unified-store>.topbar .store-brand{justify-self:start}
 body.unified-store>.topbar .hamb{display:none!important}
 body.unified-store>.topbar .navlinks{display:contents!important}
 body.unified-store>.topbar .nav-menu{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
 body.unified-store>.topbar .navlinks .discord{position:static;justify-self:end;margin:0!important}
}
/* The footer shell already supplies the shared page gutter. */
body.unified-store>.site-footer{padding-inline:0!important}
/* Switch navigation before the wider branded header can crowd its links. */
@media(max-width:1100px){
 body.unified-store>.topbar .hamb{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px}
 body.unified-store>.topbar .navlinks:not(.open):not(.preview-menu-open){display:none!important}
 body.unified-store>.topbar .navlinks:is(.open,.preview-menu-open){display:flex!important;position:absolute;left:14px!important;right:14px!important;top:calc(100% + 8px)!important;flex-direction:column;align-items:stretch;padding:10px!important;gap:4px!important;border:1px solid #a77bd72e;border-radius:16px;background:#110c19!important;box-shadow:0 18px 44px #0007;max-height:calc(100dvh - 110px);overflow-y:auto}
 body.unified-store>.topbar .navlinks:is(.open,.preview-menu-open) a{width:100%;min-height:44px;text-align:left;justify-content:flex-start;padding:11px 14px}
 body.unified-store>.topbar .navlinks:is(.open,.preview-menu-open) .discord{justify-content:center}
}
@media(max-width:760px){
 body.unified-store>header .store-brand{gap:9px!important;min-height:44px}
 body.unified-store>header .store-brand-logo{width:35px!important;height:35px!important;flex-basis:35px}
 body.unified-store>header .store-brand .wordmark{font-size:19px!important;letter-spacing:0!important}
 body.purchase-review-page>.review-header{padding:10px 18px;gap:10px}
}
@media(max-width:600px){
 body.mg-storefront .modal{padding:12px!important}
 body.mg-storefront .modalbox{width:100%!important;max-width:460px!important;padding:22px 18px!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 body.mg-storefront :is(.modalbox,.support-chat-panel) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;min-height:44px}
 body.mg-storefront .modalbox :is(.btn,button[type=submit]){min-height:44px}
 body.mg-storefront .support-chat-panel{left:8px!important;right:8px!important;width:auto!important;max-width:none}
 body.mg-storefront .support-chat-close{width:44px;height:44px;flex:0 0 44px}
 body.mg-storefront .site-footer{padding-bottom:max(76px,calc(env(safe-area-inset-bottom) + 60px))!important}
 body.mg-storefront .site-footer .footer-shell{padding-bottom:0}
 body.mg-storefront .site-footer .footer-main{padding:26px 20px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:20px;row-gap:28px}
 body.mg-storefront .site-footer :is(.footer-brand-block,.footer-links){grid-column:1/-1;min-width:0}
 body.mg-storefront .site-footer .footer-bottom{padding-bottom:20px}
 body.mg-storefront .site-footer .footer-column a{display:flex;align-items:center;min-height:36px}
 body.purchase-review-page>.site-footer{padding-bottom:28px!important}
}
/* Match the benefits to the centered button row on phones only. */
@media(max-width:680px){
 body.mg-storefront .home-benefits{justify-content:center;width:100%;text-align:center}
 body.mg-storefront .home-benefits span{white-space:nowrap}
}
/* Comfortable phone controls, including short landscape/keyboard viewports. */
@media(max-width:700px),(max-width:980px) and (max-height:500px){
 body.mg-storefront .modalbox>.x,
 body.mg-storefront .heist-picker-close{width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;padding:0}
 body.mg-storefront .modalbox>h2{padding-right:44px;overflow-wrap:anywhere}
 body.mg-storefront .heist-picker{padding:12px}
 body.mg-storefront .heist-picker-panel{max-height:calc(100dvh - 24px);overscroll-behavior:contain}
 body.mg-storefront .heist-quantity-stepper{grid-template-columns:44px minmax(0,1fr) 44px}
 body.mg-storefront .heist-quantity-stepper :is(button,input){min-width:0;min-height:44px;height:44px;font-size:16px}
 body.mg-storefront .heist-picker-cancel,
 body.mg-storefront .success-status-refresh{min-height:44px}
 body.mg-storefront .support-chat-head,
 body.mg-storefront .support-chat-status,
 body.mg-storefront .support-chat-compose,
 body.mg-storefront .support-chat-tools{flex-shrink:0}
 body.mg-storefront .support-chat-messages{min-height:0}
 body.mg-storefront .support-chat-compose{grid-template-columns:44px minmax(0,1fr) 44px}
 body.mg-storefront .support-chat-attach,
 body.mg-storefront .support-chat-send{width:44px;min-width:44px;height:48px;min-height:48px}
 body.mg-storefront .support-chat-close{width:44px;min-width:44px;height:44px;flex:0 0 44px}
 body.mg-storefront .support-chat-tools{flex-wrap:wrap;gap:4px 8px;align-items:center}
 body.mg-storefront .support-chat-tools :is(button,a),
 body.mg-storefront .support-chat-back,
 body.mg-storefront .support-chat-confirm-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 body.mg-storefront .support-chat-panel :is(input:not([type=file]),textarea){min-width:0;font-size:16px}
}
@media(max-width:980px) and (max-height:500px){
 body.mg-storefront .support-chat-panel{bottom:max(8px,env(safe-area-inset-bottom));height:calc(100dvh - max(8px,env(safe-area-inset-bottom)) - 8px);max-height:calc(100dvh - max(8px,env(safe-area-inset-bottom)) - 8px)}
 body.mg-storefront .support-chat-panel.is-landing{height:auto}
}
@media(max-width:350px){
 body.unified-store>header .store-brand .wordmark{font-size:17px!important}
 body.unified-store>header .store-brand-logo{width:32px!important;height:32px!important;flex-basis:32px}
 body.purchase-review-page .review-header .header-support{padding:8px 0;border:0}
 body.mg-storefront .site-footer .footer-main{grid-template-columns:minmax(0,1fr)!important}
}