:root{--mpg-ink:#0b2e56;--mpg-ink-deep:#071d36;--mpg-blue:#148fca;--mpg-cyan:#64d8e8;--mpg-muted:#66788b;--mpg-line:#e4eaf0;--mpg-paper:#fff;--mpg-soft:#f5f9fc}
body.mpg-universal-background-live{background:var(--mpg-paper)}
.mpg-shared-header,.mpg-shared-footer{font-family:Inter,Arial,sans-serif;box-sizing:border-box;position:relative;z-index:80}
.mpg-shared-header *,.mpg-shared-footer *{box-sizing:border-box}
.mpg-shared-header{width:100%;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(11,46,86,.08);box-shadow:0 8px 30px rgba(11,46,86,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mpg-shared-header__inner{width:min(1180px,calc(100% - 48px));min-height:78px;margin:0 auto;display:grid;grid-template-columns:260px 1fr 190px;align-items:center;gap:28px}
.mpg-shared-header__brand{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-decoration:none;min-width:0;color:var(--mpg-ink)}

.mpg-shared-header__brand-name{font-size:18px;line-height:1.05;font-weight:750;letter-spacing:-.02em;white-space:nowrap;color:var(--mpg-ink)}
.mpg-shared-header__logo{display:block;width:auto;height:auto;max-width:74px;max-height:58px;object-fit:contain;transition:transform .18s ease}
.mpg-shared-header__brand:hover .mpg-shared-header__logo{transform:translateY(-1px)}
.mpg-shared-header__nav{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.mpg-shared-header__nav a{position:relative;color:#253c53;text-decoration:none;font-size:14px;line-height:1;font-weight:650;padding:11px 13px;border-radius:12px;transition:background .18s ease,color .18s ease,transform .18s ease}
.mpg-shared-header__nav a:hover,.mpg-shared-header__nav a.is-active{background:#eef8fc;color:var(--mpg-ink);text-decoration:none}
.mpg-shared-header__nav a:hover{transform:translateY(-1px)}
.mpg-shared-header__island-link{display:flex;align-items:center;justify-content:flex-end;text-decoration:none;min-width:0;padding:4px 0}
.mpg-shared-header__island-logo{display:block;width:auto;height:auto;max-width:174px;max-height:58px;object-fit:contain;transition:transform .18s ease,filter .18s ease}
.mpg-shared-header__island-link:hover .mpg-shared-header__island-logo{transform:translateY(-1px) scale(1.015);filter:drop-shadow(0 5px 10px rgba(11,46,86,.12))}
.mpg-shared-island-fallback{font:400 20px/1 'Luckiest Guy',cursive;color:var(--mpg-ink);white-space:nowrap}

.mpg-shared-logo-fallback{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,var(--mpg-cyan),var(--mpg-blue));color:#fff;font-size:20px}

.mpg-shared-footer{width:100%;overflow:hidden;background:var(--mpg-ink-deep);color:#fff;padding:72px 24px 28px;border-top:0}
.mpg-shared-footer:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--mpg-blue),var(--mpg-cyan),#9ce3df)}
.mpg-shared-footer:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-240px;background:radial-gradient(circle,rgba(100,216,232,.15),rgba(100,216,232,0) 70%);pointer-events:none}
.mpg-shared-footer__inner{position:relative;z-index:1;width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(300px,1.35fr) 2fr;gap:58px 100px}
.mpg-shared-footer__brand-lockup{display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-size:20px;font-weight:750;letter-spacing:-.02em;margin-bottom:18px}
.mpg-shared-footer__logo{display:block;width:auto;height:auto;max-width:58px;max-height:52px;object-fit:contain;filter:drop-shadow(0 5px 16px rgba(0,0,0,.15))}
.mpg-shared-footer__brand p{max-width:440px;line-height:1.75;color:#b9c8d7;margin:0;font-size:15px}
.mpg-shared-footer__columns{display:grid;grid-template-columns:repeat(3,minmax(125px,1fr));gap:42px}
.mpg-shared-footer__columns section{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.mpg-shared-footer__columns strong{display:block;margin:0 0 5px;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.mpg-shared-footer__columns a{color:#c7d5e2;text-decoration:none;font-size:14px;line-height:1.4;transition:color .18s ease,transform .18s ease}
.mpg-shared-footer__columns a:hover{color:#fff;transform:translateX(2px)}
.mpg-shared-footer__copyright{grid-column:1/-1;padding-top:26px;border-top:1px solid rgba(255,255,255,.11);font-size:12px;color:#8fa5b9;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

.mpg-shared-design-document{margin:0;background:#fff;min-height:100vh}
.mpg-shared-design-stage{min-height:780px;display:flex;flex-direction:column;justify-content:center;background:#f6f9fc}
.mpg-shared-design-stage--header{justify-content:flex-start;padding-top:150px}.mpg-shared-design-stage--footer{justify-content:flex-end;padding-bottom:80px}
.mpg-shared-background-preview{min-height:780px;width:100%;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#f3f8fb)}
.mpg-shared-background-preview__sample{width:min(720px,calc(100% - 40px));padding:56px;border-radius:30px;background:rgba(255,255,255,.96);box-shadow:0 18px 60px rgba(16,47,88,.1);text-align:center;color:var(--mpg-ink)}
.mpg-shared-background-preview__sample span{font:400 20px/1 'Luckiest Guy',cursive;display:block;margin-bottom:12px}.mpg-shared-background-preview__sample strong{font-size:32px}.mpg-shared-background-preview__sample p{line-height:1.7;color:var(--mpg-muted)}

@media(max-width:980px){.mpg-shared-header__inner{grid-template-columns:210px 1fr 145px;gap:16px}.mpg-shared-header__logo{max-width:62px}.mpg-shared-header__island-logo{max-width:140px}.mpg-shared-header__nav{gap:4px}.mpg-shared-header__nav a{padding:10px 9px;font-size:13px}.mpg-shared-footer__inner{grid-template-columns:1fr;gap:48px}.mpg-shared-design-stage--header{padding-top:80px}}
@media(max-width:680px){.mpg-shared-header__inner{width:min(100% - 28px,1180px);grid-template-columns:150px 1fr 105px;gap:8px;min-height:68px}.mpg-shared-header__logo{max-width:48px;max-height:46px}.mpg-shared-header__brand-name{font-size:14px;white-space:normal;max-width:88px}.mpg-shared-header__island-logo{max-width:100px;max-height:46px}.mpg-shared-header__nav{gap:2px}.mpg-shared-header__nav a{font-size:12px;padding:8px 7px}.mpg-shared-footer{padding:58px 20px 24px}.mpg-shared-footer__columns{grid-template-columns:1fr 1fr}.mpg-shared-footer__copyright{flex-direction:column;gap:6px}}
@media(max-width:460px){.mpg-shared-header__inner{grid-template-columns:115px 1fr 84px;width:min(100% - 18px,1180px)}.mpg-shared-header__logo{max-width:40px}.mpg-shared-header__brand-name{font-size:12px;max-width:66px}.mpg-shared-header__island-logo{max-width:82px}.mpg-shared-header__nav a{font-size:11px;padding:7px 5px}.mpg-shared-footer__columns{grid-template-columns:1fr}}

/* 0.5.0 — understated MPG potion-lab background. It stays deliberately subtle
   behind content and only reaches live MPG pages after the Background workspace
   has actually been published from Studio. */
body.mpg-universal-background-live{position:relative;background:#f7fbfd!important;background-image:radial-gradient(circle at 8% 18%,rgba(100,216,232,.16) 0 90px,transparent 92px),radial-gradient(circle at 93% 12%,rgba(20,143,202,.09) 0 150px,transparent 152px),radial-gradient(circle at 88% 74%,rgba(156,227,223,.12) 0 120px,transparent 122px),linear-gradient(180deg,#fbfdff 0%,#f4fafc 48%,#f8fbfd 100%)!important;background-attachment:fixed!important}
body.mpg-universal-background-live:before,body.mpg-universal-background-live:after{content:"";position:fixed;z-index:0;pointer-events:none;border-radius:999px;border:1px solid rgba(20,143,202,.09);box-shadow:0 0 0 18px rgba(100,216,232,.025),0 0 0 42px rgba(20,143,202,.018)}
body.mpg-universal-background-live:before{width:110px;height:110px;left:-34px;top:42vh}
body.mpg-universal-background-live:after{width:78px;height:78px;right:3vw;bottom:8vh}
body.mpg-universal-background-live>.mpg-shared-header,body.mpg-universal-background-live>.mpg-shared-footer,body.mpg-universal-background-live main,body.mpg-universal-background-live #page{position:relative;z-index:1}
.mpg-shared-background-preview{position:relative;overflow:hidden;background:#f7fbfd;background-image:radial-gradient(circle at 8% 18%,rgba(100,216,232,.22) 0 90px,transparent 92px),radial-gradient(circle at 93% 12%,rgba(20,143,202,.12) 0 150px,transparent 152px),radial-gradient(circle at 88% 74%,rgba(156,227,223,.16) 0 120px,transparent 122px),linear-gradient(180deg,#fbfdff 0%,#f4fafc 48%,#f8fbfd 100%)}
.mpg-shared-background-preview:before,.mpg-shared-background-preview:after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(20,143,202,.11);box-shadow:0 0 0 18px rgba(100,216,232,.035),0 0 0 42px rgba(20,143,202,.022)}
.mpg-shared-background-preview:before{width:130px;height:130px;left:-38px;bottom:18%}.mpg-shared-background-preview:after{width:82px;height:82px;right:8%;top:13%}
.mpg-shared-background-preview__sample{position:relative;z-index:2;border:1px solid rgba(11,46,86,.06);box-shadow:0 22px 70px rgba(16,47,88,.10)}

/* 0.5.1 — shared shell takes its palette from the existing Elementor homepage. */
.mpg-shared-header{
  background:color-mix(in srgb,var(--mpg-home-bg-a,#eef8fb) 88%,white 12%);
  border-bottom-color:color-mix(in srgb,var(--mpg-home-accent,#148fca) 15%,transparent);
}
.mpg-shared-header__nav a:hover,.mpg-shared-header__nav a.is-active{
  background:color-mix(in srgb,var(--mpg-home-bg-b,#dff3f7) 72%,white 28%);
}
.mpg-shared-footer{
  background:linear-gradient(135deg,color-mix(in srgb,var(--mpg-home-accent,#148fca) 28%,#071d36 72%),#071d36 72%);
}
.mpg-shared-footer:before{
  background:linear-gradient(90deg,var(--mpg-home-accent,#148fca),color-mix(in srgb,var(--mpg-home-bg-b,#dff3f7) 60%,#64d8e8 40%));
}
body.mpg-universal-background-live{
  background:var(--mpg-home-bg-a,#eef8fb)!important;
  background-image:linear-gradient(180deg,var(--mpg-home-bg-a,#eef8fb) 0%,var(--mpg-home-bg-b,#dff3f7) 100%)!important;
}
.mpg-shared-background-preview{
  background:linear-gradient(180deg,var(--mpg-home-bg-a,#eef8fb) 0%,var(--mpg-home-bg-b,#dff3f7) 100%);
}


/* 0.5.2 — footer rollout and brand parity with the universal header. */
.mpg-shared-footer__brand-lockup{gap:12px}
.mpg-shared-footer__logo{max-width:72px;max-height:56px}
.mpg-shared-footer__world{min-width:170px}
.mpg-shared-footer__island-link{display:inline-flex;align-items:center;justify-content:flex-start;min-height:48px;padding:2px 0;text-decoration:none}
.mpg-shared-footer__island-logo{display:block;width:auto;height:auto;max-width:168px;max-height:58px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(0,0,0,.12));transition:transform .18s ease,filter .18s ease}
.mpg-shared-footer__island-link:hover .mpg-shared-footer__island-logo{transform:translateY(-1px) scale(1.015);filter:drop-shadow(0 7px 18px rgba(0,0,0,.18))}
.mpg-shared-footer__world .mpg-shared-island-fallback{color:#fff;font-size:22px}
@media(max-width:680px){.mpg-shared-footer__island-logo{max-width:145px}}


/* 0.5.4 — roll the homepage cyan-blue visual language across the MPG shell. */
body.mpg-universal-background-live{
  background:var(--mpg-home-bg-a,#59add3)!important;
  background-image:linear-gradient(180deg,var(--mpg-home-bg-a,#59add3) 0%,var(--mpg-home-bg-b,#4ca4ce) 100%)!important;
  background-attachment:fixed!important;
}
body.mpg-universal-background-live:before,body.mpg-universal-background-live:after{display:none!important}
.mpg-shared-header{
  background:color-mix(in srgb,var(--mpg-home-bg-a,#59add3) 16%,white 84%);
  border-bottom:1px solid color-mix(in srgb,var(--mpg-home-bg-b,#4ca4ce) 26%,transparent);
  box-shadow:0 8px 28px rgba(18,72,108,.08);
}
.mpg-shared-header__nav a:hover,.mpg-shared-header__nav a.is-active{
  background:color-mix(in srgb,var(--mpg-home-bg-a,#59add3) 18%,white 82%);
}
.mpg-shared-footer{
  background:linear-gradient(180deg,color-mix(in srgb,var(--mpg-home-bg-b,#4ca4ce) 82%,#164f72 18%),color-mix(in srgb,var(--mpg-home-bg-b,#4ca4ce) 68%,#123c58 32%));
}
.mpg-shared-footer:before{background:var(--mpg-home-accent,#f5a43a)}
.mpg-shared-footer:after{background:radial-gradient(circle,rgba(255,255,255,.10),rgba(255,255,255,0) 70%)}
.mpg-shared-footer__brand p,.mpg-shared-footer__columns a{color:rgba(255,255,255,.86)}
.mpg-shared-footer__copyright{color:rgba(255,255,255,.66);border-top-color:rgba(255,255,255,.18)}
.mpg-shared-background-preview{
  background:linear-gradient(180deg,var(--mpg-home-bg-a,#59add3) 0%,var(--mpg-home-bg-b,#4ca4ce) 100%);
}
.mpg-shared-background-preview:before,.mpg-shared-background-preview:after{display:none}

/* 0.5.5 — header stays inside the homepage cyan-blue family instead of fading to white. */
.mpg-shared-header{
  background:linear-gradient(180deg,color-mix(in srgb,var(--mpg-home-bg-a,#59add3) 96%,#67b8dc 4%),var(--mpg-home-bg-a,#59add3))!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 9px 28px rgba(20,82,119,.14)!important;
}
.mpg-shared-header__brand,.mpg-shared-header__brand-name,.mpg-shared-header__nav a{color:#fff!important}
.mpg-shared-header__nav a:hover,.mpg-shared-header__nav a.is-active{background:rgba(255,255,255,.17)!important;color:#fff!important}
.mpg-shared-header__nav a.is-active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}

/* Legal pages: text is untouched; only the presentation is wrapped as a readable document. */
body.page-template-default.page .mpg-legal-document-shell,
body.page .mpg-legal-document-shell{
  width:min(1040px,calc(100% - 48px));margin:56px auto 78px;padding:18px;border-radius:28px;
  background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.32);box-shadow:0 24px 70px rgba(10,67,102,.15);
}
.mpg-legal-document{
  max-height:min(72vh,920px);overflow:auto;padding:52px 58px;border-radius:18px;background:#fffdf9;color:#253b4b;
  box-shadow:inset 0 0 0 1px rgba(24,68,94,.07);scrollbar-gutter:stable;
}
.mpg-legal-document h1,.mpg-legal-document h2,.mpg-legal-document h3,.mpg-legal-document h4{color:#123e5b}
.mpg-legal-document a{color:#0d78ad}
.mpg-legal-document::-webkit-scrollbar{width:12px}.mpg-legal-document::-webkit-scrollbar-track{background:#eef4f7;border-radius:999px}.mpg-legal-document::-webkit-scrollbar-thumb{background:#9dc9dc;border:3px solid #eef4f7;border-radius:999px}
@media(max-width:767px){.mpg-legal-document-shell{width:calc(100% - 24px)!important;margin:28px auto 48px!important;padding:10px!important;border-radius:20px!important}.mpg-legal-document{max-height:76vh;padding:30px 22px;border-radius:14px}}


/* 0.6.1 — site-wide MPG typography. Luckiest Guy is the display face for
   headings/titles; Inter remains the readable UI/body face. */
body.mpg-universal-header-live,
body.mpg-universal-footer-live,
body.mpg-universal-background-live{font-family:Inter,Arial,sans-serif}
body.mpg-universal-header-live :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,.wp-block-heading),
body.mpg-universal-footer-live :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,.wp-block-heading),
body.mpg-universal-background-live :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,.wp-block-heading),
.mpg-shared-background-preview__sample strong,
.mpg-shared-footer__columns strong{
  font-family:'Luckiest Guy',cursive!important;
  font-weight:400!important;
  letter-spacing:.015em;
}
body.mpg-universal-header-live :is(p,li,blockquote,input,textarea,select,button,.elementor-widget-text-editor),
body.mpg-universal-footer-live :is(p,li,blockquote,input,textarea,select,button,.elementor-widget-text-editor),
body.mpg-universal-background-live :is(p,li,blockquote,input,textarea,select,button,.elementor-widget-text-editor){font-family:Inter,Arial,sans-serif}
.mpg-shared-header__brand-name,.mpg-shared-footer__brand-lockup span{font-family:'Luckiest Guy',cursive!important;font-weight:400!important;letter-spacing:.015em}

/* 0.9.0 — responsive hamburger navigation. */
.mpg-shared-header__menu-toggle{display:none;width:46px;height:42px;padding:9px;border:1px solid rgba(255,255,255,.34);border-radius:13px;background:rgba(255,255,255,.13);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#fff}
.mpg-shared-header__menu-toggle span{display:block;width:22px;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.mpg-shared-header.is-menu-open .mpg-shared-header__menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mpg-shared-header.is-menu-open .mpg-shared-header__menu-toggle span:nth-child(2){opacity:0}
.mpg-shared-header.is-menu-open .mpg-shared-header__menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:820px){
  .mpg-shared-header{overflow:visible}
  .mpg-shared-header__inner{position:relative;width:min(100% - 28px,1180px);grid-template-columns:minmax(0,1fr) auto auto;gap:12px;min-height:72px}
  .mpg-shared-header__brand{min-width:0}.mpg-shared-header__brand-name{font-size:15px;white-space:nowrap;max-width:none}.mpg-shared-header__logo{max-width:50px;max-height:46px}
  .mpg-shared-header__island-link{grid-column:2;justify-content:center}.mpg-shared-header__island-logo{max-width:112px;max-height:44px}
  .mpg-shared-header__menu-toggle{display:flex;grid-column:3}
  .mpg-shared-header__nav{display:none;position:absolute;z-index:120;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:stretch;gap:5px;padding:12px;border-radius:18px;background:color-mix(in srgb,var(--mpg-home-bg-b,#4ca4ce) 92%,#174d70 8%);border:1px solid rgba(255,255,255,.24);box-shadow:0 20px 44px rgba(10,55,86,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mpg-shared-header.is-menu-open .mpg-shared-header__nav{display:flex}
  .mpg-shared-header__nav a{display:block;width:100%;font-size:15px!important;padding:13px 15px!important;color:#fff!important;text-align:left}
}
@media(max-width:480px){
  .mpg-shared-header__inner{width:min(100% - 18px,1180px);grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
  .mpg-shared-header__brand-name{font-size:13px}.mpg-shared-header__logo{max-width:42px}.mpg-shared-header__island-logo{max-width:88px}.mpg-shared-header__menu-toggle{width:42px;height:40px}
}

/* 0.9.9 — mobile header/dropdown stacking + centered control. */
.mpg-shared-header{position:relative;z-index:99990!important;isolation:isolate}
@media(max-width:820px){
  .mpg-shared-header{overflow:visible!important}
  .mpg-shared-header__inner{
    position:relative!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
  }
  .mpg-shared-header__brand{grid-column:1!important;justify-self:start!important;min-width:0!important}
  .mpg-shared-header__menu-toggle{display:flex!important;grid-column:2!important;grid-row:1!important;justify-self:center!important;z-index:100003!important}
  .mpg-shared-header__island-link{grid-column:3!important;grid-row:1!important;justify-self:end!important}
  .mpg-shared-header__nav{
    display:none!important;
    position:absolute!important;
    z-index:100002!important;
    top:calc(100% + 10px)!important;
    left:50%!important;
    right:auto!important;
    width:min(calc(100vw - 24px),420px)!important;
    translate:-50% 0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    padding:12px!important;
    border-radius:18px!important;
    background:#278fbd!important;
    border:1px solid rgba(255,255,255,.34)!important;
    box-shadow:0 22px 48px rgba(6,44,70,.36)!important;
    overflow:visible!important;
  }
  .mpg-shared-header.is-menu-open .mpg-shared-header__nav{display:flex!important}
  .mpg-shared-header__nav a{text-align:center!important;width:100%!important;font-size:16px!important;padding:14px 16px!important}
  body.mpg-studio-managed-page main,body.mpg-studio-managed-page .mpg-native-home2{position:relative;z-index:1!important}
}

/* 1.0.0: mobile-nav centering uses individual translate so Studio can animate
   the CSS transform channel without losing the dropdown's anchored position. */

/* 1.0.1 — compact two-line MPG wordmark on tablet/mobile.
   Keeping "Games" on its own centered line prevents the brand lockup from
   colliding with the centered hamburger button on narrow screens. */
.mpg-shared-header__brand-name{display:inline-flex;align-items:baseline;gap:.28em}
.mpg-shared-header__brand-main,.mpg-shared-header__brand-games{display:inline-block}
@media(max-width:820px){
  .mpg-shared-header__brand{gap:9px!important}
  .mpg-shared-header__brand-name{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    line-height:.92!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  .mpg-shared-header__brand-games{font-size:1em;line-height:1;margin-top:2px}
}
@media(max-width:480px){
  .mpg-shared-header__brand{gap:7px!important}
  .mpg-shared-header__brand-name{font-size:12px!important}
  .mpg-shared-header__brand-games{font-size:1em}
}



/* 1.0.4 — keep both lines of the compact mobile MPG wordmark at one size. */
@media(max-width:820px){
  .mpg-shared-header__brand-main,.mpg-shared-header__brand-games{font-size:1em!important}
}

/* 1.0.5 — force the two-line mobile MPG wordmark to one identical type size.
   Both child spans receive the same explicit size so a stale inherited/native
   typography rule cannot make GAMES visually smaller than MAGIC POTION. */
@media(max-width:820px){
  .mpg-shared-header__brand-name,
  .mpg-shared-header__brand-main,
  .mpg-shared-header__brand-games{
    font-family:'Luckiest Guy',cursive!important;
    font-weight:400!important;
    font-size:15px!important;
    line-height:1!important;
    letter-spacing:.015em!important;
  }
  .mpg-shared-header__brand-main,.mpg-shared-header__brand-games{display:block!important}
  .mpg-shared-header__brand-games{margin-top:2px!important}
}
@media(max-width:480px){
  .mpg-shared-header__brand-name,
  .mpg-shared-header__brand-main,
  .mpg-shared-header__brand-games{font-size:13px!important}
}