@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@500;800;900&family=Oswald:wght@400;500;600;700&display=swap');

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#02070b;color:#fff}
body.m-page{font-family:'Oswald','Arial Narrow',Arial,sans-serif;overflow-x:hidden;overflow-y:auto}
.m-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(0,0,0,.36),rgba(0,0,0,.48)),url('mode-arena-bg.png');background-size:cover;background-position:center top;background-repeat:no-repeat;z-index:0}
.m-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,rgba(0,0,0,.10) 0 40%,rgba(0,0,0,.42) 68%,rgba(0,0,0,.76) 100%),linear-gradient(to right,rgba(0,0,0,.84),rgba(0,0,0,.10) 14%,rgba(0,0,0,.10) 86%,rgba(0,0,0,.84)),linear-gradient(to bottom,rgba(0,0,0,.18) 0%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.28) 72%,rgba(0,0,0,.44) 100%);pointer-events:none}
.site-fixed-header,.site-logo-link,.site-logo,.m-logo-wrap,.m-logo,.m-kicker,.m-tagline,.m-subtitle,.menu-logo-master,.m-ribbon{display:none!important}
.m-shell{position:relative;z-index:2;min-height:100vh;width:min(1160px,calc(100vw - 160px));margin:0 auto;padding:16px 0 24px;display:flex;flex-direction:column;align-items:center}
.m-hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;margin:10px 0 0}
.approved-menu-logo-v408{display:block;width:170px;max-width:26vw;height:auto;margin:0 auto 22px;opacity:1;filter:none;mix-blend-mode:normal;object-fit:contain}
.m-title-row{display:block;text-align:center;margin:0 0 22px;position:relative;z-index:5}
.m-title-row h2{margin:0;font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:54px;line-height:.92;font-weight:400;letter-spacing:6px;text-transform:uppercase;color:#f6f8fb;background:linear-gradient(180deg,#ffffff 0%,#f1f4f8 45%,#cfd7e2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.45),0 3px 0 rgba(0,0,0,.72),0 0 10px rgba(255,255,255,.42),0 0 18px rgba(88,148,255,.16)}
.m-cards{display:grid;grid-template-columns:repeat(3,310px);gap:21px;align-items:stretch;justify-content:center;margin-top:0}
.m-card{position:relative;min-height:382px;border-radius:9px;padding:20px 21px 17px;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;border:1.5px solid var(--edge);background:rgba(5,6,8,.86);box-shadow:inset 0 0 24px rgba(255,255,255,.025),0 13px 22px rgba(0,0,0,.54),0 0 9px color-mix(in srgb,var(--edge),transparent 48%);transition:none}
.m-card:hover{transform:none;box-shadow:inset 0 0 24px rgba(255,255,255,.025),0 13px 22px rgba(0,0,0,.54),0 0 9px color-mix(in srgb,var(--edge),transparent 48%)}
.m-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(154deg,rgba(255,255,255,.023) 0 1px,transparent 1px 18px),radial-gradient(circle at 50% 18%,var(--glow),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 36%,rgba(0,0,0,.16));opacity:.82;pointer-events:none}
.m-card>*{position:relative;z-index:1}
.m-card-classic-gold{--edge:#e7b037;--glow:rgba(255,200,50,.18);background:rgba(16,14,8,.87)}
.m-card-draft{--edge:#0b7fd8;--glow:rgba(20,145,245,.18)}
.m-card-battle{--edge:#ff6718;--glow:rgba(255,91,18,.16);background:rgba(16,8,5,.87)}
.m-card-icon{width:80px;height:80px;margin:0 auto 13px;display:flex;align-items:center;justify-content:center;color:var(--edge);filter:none!important}
.m-card-icon .m-icon-img,.m-feature-icon .m-icon-img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important}
.m-card h3{margin:0 0 20px;font:400 37px/.88 'Bebas Neue','Arial Narrow',Impact,sans-serif;letter-spacing:.2px;text-transform:uppercase;transform:skewX(-7deg);text-shadow:0 3px 0 #000,0 0 3px rgba(255,255,255,.10)}
.m-card h4{margin:-16px 0 17px;font:400 24px/.9 'Bebas Neue','Arial Narrow',Impact,sans-serif;letter-spacing:.4px;color:var(--edge);text-transform:uppercase;transform:skewX(-5deg);text-shadow:0 3px 0 #000}
.m-rule{width:230px;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 16px;color:var(--edge)}
.m-rule i{display:block;width:86px;height:1.5px;background:linear-gradient(to right,transparent,var(--edge),transparent);opacity:.76;box-shadow:none}
.m-rule span{font-size:17px;text-shadow:0 0 5px currentColor}
.m-card p{margin:0 auto 18px;max-width:260px;font:400 14px/1.25 'Oswald','Arial Narrow',Arial,sans-serif;color:rgba(255,255,255,.94);text-shadow:0 2px 3px #000}
.m-btn{margin-top:auto;width:100%;max-width:250px;height:46px;border:0;border-radius:7px;color:#070707;font:700 15px/1 'Oswald','Arial Narrow',Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 4px 0 rgba(0,0,0,.34),0 0 6px color-mix(in srgb,var(--edge),transparent 58%);display:inline-flex;align-items:center;justify-content:center;gap:10px;opacity:1}.m-btn-orange{background:linear-gradient(90deg,#ff4e10,#ff921b)}.m-btn-blue{background:linear-gradient(90deg,#1169da,#148fe9);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}.m-btn-gold{background:linear-gradient(90deg,#ecad24,#f7c84c)}.m-btn b{font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.m-card:hover .m-btn-gold{background:linear-gradient(90deg,#ffd047,#ffe076);filter:brightness(1.06)}.m-card:hover .m-btn-blue{background:linear-gradient(90deg,#2384f0,#2ca8ff);filter:brightness(1.06)}.m-card:hover .m-btn-orange{background:linear-gradient(90deg,#ff672e,#ffa03a);filter:brightness(1.06)}
.m-featurebar{height:108px;margin-top:16px;width:min(1130px,calc(100vw - 250px));border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(6,8,11,.90);box-shadow:0 12px 26px rgba(0,0,0,.5),inset 0 0 22px rgba(255,255,255,.035);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.m-feature{display:flex;align-items:center;justify-content:center;gap:20px;padding:17px 24px;border-right:1px solid rgba(255,255,255,.20)}.m-feature:last-child{border-right:0}.m-feature-icon{flex:0 0 64px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;filter:none!important}.m-feature:nth-child(3) .m-feature-icon{width:68px;height:68px;flex-basis:68px}.m-feature:nth-child(4) .m-feature-icon{width:64px;height:64px;flex-basis:64px}.m-feature h5{margin:0 0 5px;font:700 18px/.94 'Oswald','Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.2px;text-shadow:0 2px 0 #000}.m-feature p{margin:0;font:400 14px/1.18 'Oswald','Arial Narrow',Arial,sans-serif;color:#fff;text-shadow:0 2px 3px #000}
.m-orange{color:#ff6718}.m-blue{color:#148fe9}.m-gold{color:#e7b037}
.m-site-footer{width:min(880px,calc(100vw - 360px));margin:13px auto 0;padding:13px 20px 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(6,8,11,.52);box-shadow:0 8px 18px rgba(0,0,0,.36);text-align:center}.m-footer-links{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:8px}.m-footer-links a{color:#fff;text-decoration:none;font:700 13px/1 'Oswald','Arial Narrow',Arial,sans-serif;text-shadow:0 2px 3px #000}.m-footer-links a:hover{color:#ff6718}.m-footer-disclaimer{font:400 11px/1.25 'Oswald','Arial Narrow',Arial,sans-serif;color:rgba(255,255,255,.72);text-shadow:0 2px 3px #000}

@media (max-width:900px){
  html,body{width:100%;min-width:0;overflow-x:hidden;overflow-y:auto}
  .m-bg{background-size:cover;background-position:center top}
  .m-shell{width:100%;min-height:auto;padding:34px 10px 24px;margin:0 auto;display:flex;flex-direction:column;align-items:center;transform:none}

  .m-hero{width:100%;margin:0 0 10px;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;transform:none}
  .approved-menu-logo-v408{width:min(29vw,108px);max-width:108px;height:auto;margin:0 auto 19px;display:block;transform:none}
  .m-title-row{width:100%;margin:0 0 12px;padding:0;text-align:center;position:relative}
  .m-title-row:after{content:"";display:block;width:min(58vw,232px);height:2px;margin:9px auto 0;background:linear-gradient(90deg,transparent 0,rgba(244,189,52,.72) 34%,transparent 34%,transparent 66%,rgba(244,189,52,.72) 66%,transparent 100%);position:relative;box-shadow:0 0 6px rgba(244,189,52,.34)}
  .m-title-row:before{content:"★";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);color:#f4bd34;font-size:20px;line-height:1;text-shadow:0 0 8px rgba(244,189,52,.75);z-index:2}
  .m-title-row h2{font-size:clamp(28px,7.8vw,38px);letter-spacing:clamp(1.2px,.42vw,2.2px);line-height:.95;white-space:nowrap;text-align:center;color:#f6f8fb;background:linear-gradient(180deg,#fff 0%,#f1f4f8 45%,#cfd7e2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.42),0 2px 0 rgba(0,0,0,.78),0 0 7px rgba(255,255,255,.38),0 0 12px rgba(88,148,255,.12)}

  .m-cards{display:flex!important;flex-direction:column!important;width:min(92vw,430px)!important;max-width:430px!important;margin:18px auto 0!important;gap:9px!important;align-items:stretch!important;justify-content:flex-start!important;transform:none!important}
  .m-card{width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:13px 14px 12px!important;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;column-gap:15px!important;row-gap:3px!important;align-items:center!important;text-align:left!important;position:relative!important;border-radius:13px!important;transform:none!important;overflow:hidden!important}
  .m-card:after{display:none!important;content:none!important}
  .m-card-icon{grid-column:1;grid-row:1 / 4;width:78px!important;height:78px!important;margin:0!important;padding-right:14px!important;border-right:1px solid color-mix(in srgb,var(--edge),transparent 18%)!important;align-self:center!important;justify-self:center!important;position:relative!important}
  .m-card-icon .m-icon-img{width:100%!important;height:100%!important;object-fit:contain!important}
  .m-card-icon:after{display:none!important;content:none!important}
  .m-card h3{grid-column:2;grid-row:1;margin:0!important;width:100%;font-size:clamp(29px,7.7vw,36px)!important;line-height:.9!important;text-align:left!important;justify-self:stretch!important;transform:skewX(-7deg)!important;letter-spacing:.2px!important}
  .m-card h4{grid-column:2;grid-row:2;margin:3px 0 6px!important;width:100%;font-size:clamp(20px,5.25vw,25px)!important;line-height:.9!important;text-align:left!important;justify-self:stretch!important;transform:skewX(-5deg)!important;letter-spacing:.3px!important}
  .m-rule{display:none!important}
  .m-card p{grid-column:2;grid-row:3;margin:0!important;max-width:100%!important;width:100%;font-size:0!important;line-height:0!important;text-align:left!important;color:rgba(255,255,255,.94)!important;text-shadow:0 2px 3px #000!important}
  .m-card p::before{content:attr(data-mobile);display:block;font:400 clamp(12px,3.35vw,14px)/1.28 'Oswald','Arial Narrow',Arial,sans-serif;white-space:normal;color:rgba(255,255,255,.95)}
  .m-btn{grid-column:1 / 3;grid-row:4;display:inline-flex!important;width:100%!important;max-width:100%!important;height:40px!important;margin:12px 0 0!important;border-radius:7px!important;align-items:center!important;justify-content:center!important;gap:12px!important;font-size:clamp(14px,3.8vw,16px)!important;line-height:1!important;letter-spacing:.3px!important}
  .m-btn b{font-size:18px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transform:translateY(-1px)}

  .m-featurebar{width:min(92vw,430px);max-width:430px;margin:10px auto 0;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .m-feature{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);justify-content:flex-start;padding:12px 10px;gap:10px}.m-feature:nth-child(2n+1){border-right:1px solid rgba(255,255,255,.18)}.m-feature:nth-last-child(-n+2){border-bottom:0}
  .m-feature-icon,.m-feature:nth-child(3) .m-feature-icon,.m-feature:nth-child(4) .m-feature-icon{width:38px;height:38px;flex:0 0 38px}.m-feature h5{font-size:13.5px;line-height:.98}.m-feature p{font-size:11.5px;line-height:1.14}
  .m-site-footer{width:min(92vw,430px);max-width:430px;margin:11px auto 0;padding:10px 12px}.m-footer-links{gap:11px}.m-footer-links a{font-size:11.5px}.m-footer-disclaimer{font-size:10px}
}


/* v435 mobile title/reference corrections - authoritative final mobile override */
@media (max-width:900px){
  .m-title-row{
    margin:0 0 6px!important;
  }
  .m-title-row h2{
    font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif!important;
    font-size:clamp(29px,7.9vw,38px)!important;
    line-height:.94!important;
    font-weight:400!important;
    letter-spacing:clamp(.8px,.3vw,1.6px)!important;
    color:#ffffff!important;
    background:none!important;
    -webkit-background-clip:initial!important;
    background-clip:initial!important;
    -webkit-text-fill-color:#ffffff!important;
    text-shadow:
      -1px -1px 0 #0a234d,
       1px -1px 0 #0a234d,
      -1px  1px 0 #0a234d,
       1px  1px 0 #0a234d,
       0 2px 0 rgba(0,0,0,.85),
       0 0 5px rgba(255,255,255,.42)!important;
  }
  .m-title-row:after{
    width:min(50vw,210px)!important;
    height:1px!important;
    margin:8px auto 0!important;
    background:linear-gradient(90deg,transparent 0,rgba(244,189,52,.78) 35%,transparent 35%,transparent 65%,rgba(244,189,52,.78) 65%,transparent 100%)!important;
    box-shadow:0 0 4px rgba(244,189,52,.28)!important;
  }
  .m-title-row:before{
    bottom:-8px!important;
    font-size:18px!important;
    text-shadow:0 0 6px rgba(244,189,52,.7)!important;
  }
  .m-cards{
    margin-top:8px!important;
  }
}


/* v436 desktop CHOOSE YOUR MODE polish - desktop only */
@media (min-width:901px){
  .m-title-row{
    margin:0 0 20px!important;
    padding:0!important;
    text-align:center!important;
    position:relative!important;
  }

  .m-title-row h2{
    font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif!important;
    font-size:58px!important;
    line-height:.94!important;
    font-weight:400!important;
    letter-spacing:3px!important;
    text-transform:uppercase!important;
    color:#ffffff!important;
    background:none!important;
    -webkit-background-clip:initial!important;
    background-clip:initial!important;
    -webkit-text-fill-color:#ffffff!important;
    text-shadow:
      -1px -1px 0 #0a234d,
       1px -1px 0 #0a234d,
      -1px  1px 0 #0a234d,
       1px  1px 0 #0a234d,
       0 2px 0 rgba(0,0,0,.86),
       0 0 5px rgba(255,255,255,.42)!important;
  }

  .m-title-row:after{
    content:""!important;
    display:block!important;
    width:280px!important;
    height:1px!important;
    margin:10px auto 0!important;
    background:linear-gradient(90deg,transparent 0,rgba(244,189,52,.78) 35%,transparent 35%,transparent 65%,rgba(244,189,52,.78) 65%,transparent 100%)!important;
    box-shadow:0 0 4px rgba(244,189,52,.28)!important;
    position:relative!important;
  }

  .m-title-row:before{
    content:"★"!important;
    position:absolute!important;
    left:50%!important;
    bottom:-8px!important;
    transform:translateX(-50%)!important;
    color:#f4bd34!important;
    font-size:18px!important;
    line-height:1!important;
    text-shadow:0 0 6px rgba(244,189,52,.7)!important;
    z-index:2!important;
  }
}

/* v440 mobile icon visual-weight correction - mobile only
   v439 made the trophy too small. These scales keep the icon column/canvas
   the same, but correct the artwork footprint so trophy, draft and swords
   read as the same visual size. */
@media (max-width:900px){
  .m-card-icon{
    overflow:visible!important;
  }
  .m-card-icon .m-icon-img{
    transform-origin:center center!important;
  }
  .m-card-classic-gold .m-card-icon .m-icon-img{
    transform:scale(1.14)!important;
  }
  .m-card-draft .m-card-icon .m-icon-img{
    transform:scale(1.12)!important;
  }
  .m-card-battle .m-card-icon .m-icon-img,
  .m-card-battle .m-battle-icon .m-icon-img{
    transform:scale(1.04)!important;
  }
}

/* v442 desktop-only battle icon correction
   Mobile is already approved. On desktop only, reduce the crossed swords
   visual footprint so it matches the trophy and draft icons. */
@media (min-width:901px){
  .m-card-battle .m-card-icon .m-icon-img,
  .m-card-battle .m-battle-icon .m-icon-img{
    transform:scale(.80)!important;
    transform-origin:center center!important;
  }
}


/* v443: Align button icons with label text on desktop and mobile */
.m-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  line-height:1!important;
}
.m-btn .btn-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  height:1em!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  vertical-align:middle!important;
  position:relative!important;
}
.m-btn .btn-arrow{
  font-size:22px!important;
  transform:translateY(-1px)!important;
}
.m-btn .btn-lock{
  font-size:17px!important;
  transform:translateY(-3px)!important;
}
@media (max-width: 768px){
  .m-btn .btn-arrow{font-size:20px!important;transform:translateY(-1px)!important;}
  .m-btn .btn-lock{font-size:17px!important;transform:translateY(-3px)!important;}
}

/* v449: Classic card is a real link button */
a.m-btn{
  text-decoration:none!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}


/* v452-logo-link-safe: make menu logo clickable without changing its size or position */
.menu-logo-home-link{display:block;text-decoration:none;line-height:0;margin:0;padding:0}
.menu-logo-home-link .approved-menu-logo-v408{display:block}

/* v466: desktop logo alignment stability. Keeps menu centred the same way as game pages when one page has a scrollbar and the other does not. */
@media (min-width:901px){
  html{overflow-y:scroll;scrollbar-gutter:stable;}
  .approved-menu-logo-v408{width:170px!important;max-width:170px!important;height:auto!important;}
}


/* v468: very small top-right X follow link */



/* v472: top-right social icons and footer icon nav */
.site-social-links{position:fixed;top:58px;right:clamp(24px,6vw,92px);display:flex;align-items:center;gap:22px;z-index:50;}
.site-social-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;opacity:.86;line-height:1;font:700 28px/1 Arial,Helvetica,sans-serif;text-shadow:0 0 8px rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.7);transition:opacity .16s ease,transform .16s ease,filter .16s ease;}
.site-social-icon:hover{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 7px rgba(255,255,255,.32));}
.site-social-ig svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.site-social-ig:hover{filter:drop-shadow(0 0 6px rgba(255,91,120,.50)) drop-shadow(0 0 4px rgba(255,165,40,.35));}
.site-social-x:hover{filter:drop-shadow(0 0 6px rgba(45,145,255,.42));}
.m-footer-links a{display:inline-flex;align-items:center;justify-content:center;gap:7px;}
.m-footer-links .footer-ico{font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px rgba(247,183,49,.18));}
.m-footer-links a[href="index.html"],.m-footer-links a[href="/"]{color:#f7b731;}
@media(max-width:900px){.site-social-links{top:calc(20px + env(safe-area-inset-top));right:18px;gap:16px}.site-social-icon{width:23px;height:23px;font-size:24px}.site-social-ig svg{width:23px;height:23px}.m-footer-links{gap:12px 18px}.m-footer-links a{flex-direction:column;gap:4px;font-size:10.5px!important}.m-footer-links .footer-ico{font-size:19px}}

/* v473: social icons scroll with page and mobile footer stays one row */
.site-social-links{position:absolute!important;}
@media(max-width:900px){
  .m-footer-links{flex-wrap:nowrap!important;gap:8px!important;white-space:nowrap!important;}
  .m-footer-links a{flex-direction:row!important;gap:3px!important;font-size:8.5px!important;}
  .m-footer-links .footer-ico{font-size:11px!important;}
}

/* v475: social icons scroll normally */
.site-social-links{position:absolute!important;}


/* v478: visually balance X and Instagram icons */
.site-social-icon.site-social-x,
.site-social-x{
  font-size:20px!important;
  line-height:1!important;
  font-weight:800!important;
  width:26px!important;
  height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
}
.site-social-icon.site-social-x:hover{
  transform:scale(1.08)!important;
}
@media(max-width:900px){
  .site-social-icon.site-social-x,
  .site-social-x{
    font-size:18px!important;
    width:23px!important;
    height:23px!important;
  }
}


/* v479-fixed: footer links are text-only; social icons unchanged */
.footer-ico{display:none!important;}
.m-footer-links a, .footerLinks a, .info-footer a{display:inline-flex!important;align-items:center!important;gap:0!important;flex-direction:row!important;}
@media(max-width:900px){.m-footer-links a, .footerLinks a, .info-footer a{flex-direction:row!important;gap:0!important;}}

/* v481: keep footer Home link unhighlighted on the Home/menu page */
body.m-page .m-footer-links a[href="index.html"],
body.m-page .m-footer-links a[href="/"]{
  color:#fff!important;
}
body.m-page .m-footer-links a[href="index.html"]:hover,
body.m-page .m-footer-links a[href="/"]:hover{
  color:#ff6718!important;
}



/* v482: unify all footers to the clean game footer style; no highlighted Home; no footer icons */
.footer-ico{display:none!important;}
.m-site-footer,.siteFooter{
  max-width:980px!important;
  margin:28px auto 34px!important;
  padding:18px 14px 26px!important;
  text-align:center!important;
  color:#94a3b8!important;
  font-size:12px!important;
  line-height:1.45!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.m-footer-links,.footerLinks{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  margin:0 auto 10px!important;
  padding:0!important;
  white-space:nowrap!important;
  max-width:980px!important;
}
.m-footer-links a,.footerLinks a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  gap:0!important;
  margin:0!important;
  color:#d8e1f2!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
}
.m-footer-links a:hover,.footerLinks a:hover{color:#ffffff!important;text-decoration:underline!important;}
.m-footer-links a[href="index.html"],.m-footer-links a[href="/"],.footerLinks a[href="index.html"],.footerLinks a[href="/"]{color:#d8e1f2!important;}
.m-footer-disclaimer,.footerDisclaimer{
  max-width:760px!important;
  margin:0 auto!important;
  color:#94a3b8!important;
  font-size:11px!important;
  line-height:1.5!important;
  opacity:.82!important;
  text-align:center!important;
}
@media(max-width:768px){
  .m-site-footer,.siteFooter{margin:22px auto 26px!important;padding:12px 8px 18px!important;}
  .m-footer-links,.footerLinks{gap:10px!important;flex-wrap:nowrap!important;overflow:visible!important;}
  .m-footer-links a,.footerLinks a{font-size:9px!important;gap:0!important;}
  .m-footer-disclaimer,.footerDisclaimer{font-size:10.5px!important;line-height:1.45!important;max-width:92vw!important;}
}
/* v482: make info/legal pages match the premium game/menu theme */
body.info-page .pageWrap{max-width:900px!important;padding-top:178px!important;padding-bottom:42px!important;}
body.info-page .pageCard{
  max-width:800px!important;
  margin:0 auto!important;
  padding:34px 38px!important;
  background:linear-gradient(180deg,rgba(17,26,43,.97),rgba(12,18,31,.97))!important;
  border:1px solid rgba(80,104,145,.55)!important;
  border-radius:18px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.info-page h1{
  font-size:34px!important;
  line-height:1.08!important;
  margin:0 0 22px!important;
  letter-spacing:-.4px!important;
  color:#fff!important;
  text-shadow:0 2px 0 rgba(0,0,0,.55)!important;
}
body.info-page h1:after{
  content:"";display:block;width:58px;height:3px;border-radius:99px;
  margin-top:14px;background:linear-gradient(90deg,#f7b731,#ffcf5a);box-shadow:0 0 12px rgba(247,183,49,.35);
}
body.info-page h2{
  font-size:20px!important;
  line-height:1.2!important;
  margin:28px 0 10px!important;
  color:#fff!important;
  letter-spacing:.2px!important;
  text-transform:none!important;
  text-shadow:0 2px 0 rgba(0,0,0,.45)!important;
}
body.info-page p,body.info-page li{
  max-width:720px!important;
  font-size:15px!important;
  line-height:1.72!important;
  color:#b8c4da!important;
  margin:0 0 14px!important;
}
body.info-page .pageCard a{color:#f7b731!important;font-weight:900!important;text-decoration:none!important;}
body.info-page .pageCard a:hover{text-decoration:underline!important;}
@media(max-width:700px){
  body.info-page .pageWrap{padding:132px 14px 34px!important;}
  body.info-page .pageCard{padding:24px 20px!important;border-radius:16px!important;}
  body.info-page h1{font-size:28px!important;margin-bottom:20px!important;}
  body.info-page h2{font-size:18px!important;margin:24px 0 8px!important;}
  body.info-page p,body.info-page li{font-size:14px!important;line-height:1.65!important;}
}



/* v527 FINAL MOBILE MENU LOGO POSITION ONLY
   Fixes the menu logo vertical alignment without changing desktop, cards, footer, game, or info pages. */
@media (max-width:900px){
  body.m-page .m-shell{
    padding-top:14px!important;
  }
  body.m-page .m-hero{
    margin-top:0!important;
    padding-top:0!important;
  }
  body.m-page .m-hero .menu-logo-home-link{
    margin:0 auto!important;
    padding:0!important;
    line-height:0!important;
    display:block!important;
  }
  body.m-page .m-hero .approved-menu-logo-v408{
    position:relative!important;
    top:0!important;
    transform:none!important;
    width:min(29vw,108px)!important;
    max-width:108px!important;
    height:auto!important;
    margin:0 auto 13px!important;
    display:block!important;
  }
  body.m-page .m-title-row{
    margin-top:0!important;
    margin-bottom:12px!important;
  }
}

/* v564: four approved mode cards — original desktop/mobile card footprint */
body.m-page .m-cards.m-cards-v564{
  display:grid!important;
  grid-template-columns:repeat(4,310px)!important;
  gap:21px!important;
  width:auto!important;
  max-width:none!important;
  margin:0 auto!important;
  align-items:stretch!important;
  justify-content:center!important;
}
body.m-page .m-card.m-card-v564{
  --edge:#f4bc2f;
  --edge-rgb:244,188,47;
  box-sizing:border-box!important;
  width:310px!important;
  min-width:310px!important;
  height:382px!important;
  min-height:382px!important;
  padding:15px 18px 14px!important;
  border-radius:18px!important;
  border:2px solid rgba(var(--edge-rgb),.95)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  position:relative!important;
  background:
    radial-gradient(circle at 50% 16%,rgba(var(--edge-rgb),.14),rgba(var(--edge-rgb),.035) 36%,transparent 60%),
    repeating-linear-gradient(150deg,rgba(255,255,255,.022) 0 1px,transparent 1px 18px),
    rgba(8,10,14,.94)!important;
  box-shadow:inset 0 0 24px rgba(255,255,255,.025),0 13px 22px rgba(0,0,0,.54),0 0 12px rgba(var(--edge-rgb),.22)!important;
}
body.m-page .m-card.m-card-v564>*{position:relative;z-index:1}
body.m-page .m-card.m-card-v564::before{display:none!important;content:none!important}
body.m-page .m-card.m-card-classic-gold.m-card-v564{--edge:#f4bc2f;--edge-rgb:244,188,47;background-color:rgba(12,10,5,.95)!important}
body.m-page .m-card.m-card-draft.m-card-v564{--edge:#3f96ff;--edge-rgb:63,150,255;background-color:rgba(6,10,18,.95)!important}
body.m-page .m-card.m-card-battle.m-card-v564{--edge:#f38a1d;--edge-rgb:243,138,29;background-color:rgba(15,9,6,.95)!important}
body.m-page .m-card.m-card-fcf.m-card-v564{--edge:#48f04e;--edge-rgb:72,240,78;background-color:rgba(6,14,8,.95)!important;box-shadow:inset 0 0 24px rgba(72,240,78,.035),0 13px 22px rgba(0,0,0,.54),0 0 18px rgba(72,240,78,.34)!important}
body.m-page .m-card.m-card-v564 .m-card-icon{
  width:92px!important;
  height:92px!important;
  margin:0 auto 2px!important;
  padding:0!important;
  border:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.m-page .m-card.m-card-v564 .m-card-icon .m-icon-img{
  width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.38))!important;
}
body.m-page .m-card.m-card-v564.m-card-classic .m-card-icon{width:98px!important;height:96px!important}
body.m-page .m-card.m-card-v564.m-card-battle .m-card-icon{width:102px!important;height:96px!important}
body.m-page .m-card.m-card-v564.m-card-fcf .m-card-icon{width:110px!important;height:94px!important}
body.m-page .m-card.m-card-v564 .m-card-badge{
  min-width:58px!important;height:25px!important;padding:0 10px!important;margin:0 auto 7px!important;border-radius:9px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:2px solid #d97816!important;background:#11100d!important;color:#ffa625!important;
  font:900 14px/1 'Oswald','Arial Narrow',Arial,sans-serif!important;letter-spacing:.4px!important;text-transform:uppercase!important;
}
body.m-page .m-card.m-card-v564 h3{
  margin:0!important;font:400 35px/.9 'Bebas Neue','Arial Narrow',Impact,sans-serif!important;letter-spacing:.5px!important;
  color:#f7f8fa!important;text-transform:uppercase!important;transform:none!important;text-shadow:0 3px 0 rgba(0,0,0,.88)!important;
}
body.m-page .m-card.m-card-v564.m-card-fcf h3{font-size:30px!important}
body.m-page .m-card.m-card-v564 .m-card-subtitle{
  margin:4px 0 4px!important;color:var(--edge)!important;font:400 20px/1 'Bebas Neue','Arial Narrow',Impact,sans-serif!important;
  letter-spacing:1.6px!important;text-transform:uppercase!important;text-shadow:0 2px 0 rgba(0,0,0,.85)!important;
}
body.m-page .m-card.m-card-v564 p{
  width:100%!important;max-width:255px!important;margin:8px auto 10px!important;
  font:400 13px/1.28 'Oswald','Arial Narrow',Arial,sans-serif!important;color:rgba(255,255,255,.95)!important;text-align:center!important;
}
body.m-page .m-card.m-card-v564 p span{color:#ffad27!important;font-weight:700!important}
body.m-page .m-card.m-card-v564 .m-btn.m-btn-v564{
  box-sizing:border-box!important;width:100%!important;max-width:250px!important;height:46px!important;min-height:46px!important;margin-top:auto!important;
  border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  font:700 16px/1 'Oswald','Arial Narrow',Arial,sans-serif!important;letter-spacing:.45px!important;text-transform:uppercase!important;text-decoration:none!important;
}
body.m-page .m-card.m-card-v564 .m-btn-gold{background:linear-gradient(180deg,#ffd44f,#f5bd2d)!important;color:#111!important;border:0!important}
body.m-page .m-card.m-card-v564 .m-btn-outline-blue,
body.m-page .m-card.m-card-v564 .m-btn-outline-orange{background:rgba(7,12,20,.58)!important;color:var(--edge)!important;border:2px solid var(--edge)!important}
body.m-page .m-card.m-card-v564 .m-btn-green{background:linear-gradient(180deg,#61ef63,#37c63f)!important;color:#fff!important;border:0!important}
body.m-page .m-card.m-card-v564 .btn-arrow{font-size:22px!important;transform:translateY(-1px)!important}
body.m-page .m-card.m-card-v564 .m-card-footer-tag{
  width:100%!important;max-width:250px!important;height:24px!important;margin:7px auto 0!important;border-radius:999px!important;
  border:1px solid rgba(72,240,78,.55)!important;color:#7bff7e!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font:700 11px/1 'Oswald','Arial Narrow',Arial,sans-serif!important;letter-spacing:.7px!important;text-transform:uppercase!important;
}
body.m-page .m-card.m-card-v564 .m-card-ribbon{
  position:absolute!important;top:13px!important;right:-37px!important;width:132px!important;height:38px!important;z-index:3!important;
  display:flex!important;align-items:center!important;justify-content:center!important;transform:rotate(45deg)!important;
  background:linear-gradient(180deg,#8dff7a,#2fd74a)!important;color:#fff!important;font:700 15px/1 'Oswald','Arial Narrow',Arial,sans-serif!important;letter-spacing:.7px!important;
}
body.m-page .m-card.m-card-v564 h4,
body.m-page .m-card.m-card-v564 .m-rule,
body.m-page .m-card.m-card-v564 .btn-lock{display:none!important}

@media (min-width:901px) and (max-width:1360px){
  body.m-page .m-cards.m-cards-v564{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:calc(100vw - 36px)!important;gap:14px!important}
  body.m-page .m-card.m-card-v564{width:auto!important;min-width:0!important}
}

@media (max-width:900px){
  body.m-page .m-cards.m-cards-v564{
    display:flex!important;flex-direction:column!important;width:min(92vw,430px)!important;max-width:430px!important;
    margin:8px auto 0!important;gap:9px!important;align-items:stretch!important;justify-content:flex-start!important;
  }
  body.m-page .m-card.m-card-v564{
    box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;min-height:176px!important;
    margin:0!important;padding:13px 14px 12px!important;border-radius:13px!important;
    display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto auto!important;
    column-gap:15px!important;row-gap:2px!important;align-items:center!important;text-align:left!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-icon,
  body.m-page .m-card.m-card-v564.m-card-classic .m-card-icon,
  body.m-page .m-card.m-card-v564.m-card-battle .m-card-icon,
  body.m-page .m-card.m-card-v564.m-card-fcf .m-card-icon{
    grid-column:1!important;grid-row:1 / 5!important;width:78px!important;height:78px!important;margin:0!important;padding-right:14px!important;
    border-right:1px solid color-mix(in srgb,var(--edge),transparent 18%)!important;align-self:center!important;justify-self:center!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-badge{
    grid-column:2!important;grid-row:1!important;justify-self:start!important;min-width:52px!important;height:23px!important;padding:0 8px!important;margin:0 0 2px!important;font-size:12px!important;border-radius:8px!important;
  }
  body.m-page .m-card.m-card-v564 h3{
    grid-column:2!important;grid-row:2!important;width:100%!important;margin:0!important;font-size:clamp(29px,7.7vw,36px)!important;line-height:.9!important;
    text-align:left!important;justify-self:stretch!important;letter-spacing:.2px!important;
  }
  body.m-page .m-card.m-card-v564.m-card-fcf h3{font-size:clamp(25px,6.5vw,31px)!important}
  body.m-page .m-card.m-card-v564 .m-card-subtitle{
    grid-column:2!important;grid-row:3!important;margin:2px 0 2px!important;font-size:clamp(18px,4.8vw,22px)!important;line-height:.95!important;text-align:left!important;
  }
  body.m-page .m-card.m-card-v564 p{
    grid-column:2!important;grid-row:4!important;width:100%!important;max-width:100%!important;margin:2px 0 0!important;
    font-size:0!important;line-height:0!important;text-align:left!important;
  }
  body.m-page .m-card.m-card-v564 p::before{
    content:attr(data-mobile)!important;display:block!important;font:400 clamp(12px,3.35vw,14px)/1.28 'Oswald','Arial Narrow',Arial,sans-serif!important;
    white-space:normal!important;color:rgba(255,255,255,.95)!important;
  }
  body.m-page .m-card.m-card-v564 .m-btn.m-btn-v564{
    grid-column:1 / 3!important;grid-row:5!important;width:100%!important;max-width:100%!important;height:40px!important;min-height:40px!important;
    margin:10px 0 0!important;border-radius:7px!important;font-size:clamp(14px,3.8vw,16px)!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-footer-tag{
    grid-column:1 / 3!important;grid-row:6!important;width:100%!important;max-width:100%!important;height:24px!important;margin:6px 0 0!important;font-size:11px!important;
  }
  body.m-page .m-card.m-card-v564.m-card-fcf{grid-template-rows:auto auto auto auto auto auto!important;min-height:205px!important}
  body.m-page .m-card.m-card-v564 .m-card-ribbon{top:9px!important;right:-39px!important;width:126px!important;height:34px!important;font-size:13px!important}
}

/* v564 browser-centred desktop row: centre the 4-card grid even when wider than the 1160px shell */
@media (min-width:901px){
  body.m-page .m-cards.m-cards-v564{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
}
@media (max-width:900px){
  body.m-page .m-cards.m-cards-v564{
    position:static!important;
    left:auto!important;
    transform:none!important;
  }
}


/* v565: approved mobile card labels — no mobile 33-0 pills */
@media (max-width:900px){
  body.m-page .m-card.m-card-v564 .m-card-badge{
    display:none!important;
  }
  body.m-page .m-card.m-card-v564{
    grid-template-rows:auto auto auto auto!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-icon,
  body.m-page .m-card.m-card-v564.m-card-classic .m-card-icon,
  body.m-page .m-card.m-card-v564.m-card-battle .m-card-icon,
  body.m-page .m-card.m-card-v564.m-card-fcf .m-card-icon{
    grid-row:1 / 4!important;
  }
  body.m-page .m-card.m-card-v564 h3{
    grid-column:2!important;
    grid-row:1!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-subtitle{
    grid-column:2!important;
    grid-row:2!important;
  }
  body.m-page .m-card.m-card-v564 p{
    grid-column:2!important;
    grid-row:3!important;
  }
  body.m-page .m-card.m-card-v564 .m-btn.m-btn-v564{
    grid-column:1 / 3!important;
    grid-row:4!important;
  }
  body.m-page .m-card.m-card-v564.m-card-fcf{
    grid-template-rows:auto auto auto auto auto!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-footer-tag{
    grid-column:1 / 3!important;
    grid-row:5!important;
  }
}

/* v600 Draft release-candidate label. */
body.m-page .m-card.m-card-draft .m-card-ribbon-beta{
  background:linear-gradient(180deg,#65bdff,#1b7fd8)!important;
  color:#fff!important;
}


/* v605 release freeze: remotely deployable Draft beta pause state. */
.m-card-draft-paused{border-color:rgba(130,145,165,.58)!important;filter:saturate(.62)}
.m-card-draft-paused .m-card-ribbon{background:#6d7786!important;color:#fff!important}
.m-card-draft-paused .m-btn{cursor:not-allowed!important;border-color:#718096!important;color:#aab5c5!important;background:rgba(45,57,75,.58)!important;box-shadow:none!important}
.m-card-pause-note{margin:2px 0 10px;padding:8px 10px;border:1px solid rgba(151,166,186,.35);border-radius:8px;background:rgba(37,49,66,.66);color:#c3ccda;font:800 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.12px;text-align:center}

html[data-draft-beta-enabled="pending"] .m-card-draft .m-btn{pointer-events:none!important;opacity:.58!important;cursor:wait!important}


/* v618 main menu approved subtitle + caption pill */
.m-approved-mode-subtitle{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin:4px 0 15px;
  color:#f7f9ff;
  font-family:Inter,Arial,sans-serif;
  font-size:18px;
  font-weight:800;
  line-height:1;
  letter-spacing:.42em;
  white-space:nowrap;
  text-align:center;
}
.m-approved-mode-subtitle span{
  display:block;
  width:32px;
  height:3px;
  flex:0 0 32px;
  border-radius:999px;
  background:#f5bc35;
  box-shadow:0 0 12px rgba(245,188,53,.38);
}
.m-approved-mode-subtitle b{font:inherit;color:inherit;}
.m-approved-caption-pill{
  width:min(820px,calc(100vw - 120px));
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.38em;
  text-align:center;
  margin:0 auto 24px;
  padding:11px 25px;
  border-radius:999px;
  border:1.5px solid rgba(245,188,53,.82);
  background:linear-gradient(180deg,rgba(30,42,61,.94),rgba(14,24,40,.94));
  color:#f7f9ff;
  font-family:Inter,Arial,sans-serif;
  font-size:18px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:-.015em;
  white-space:nowrap;
  box-shadow:0 0 0 1px rgba(245,188,53,.11),0 0 22px rgba(245,188,53,.17),inset 0 1px 0 rgba(255,255,255,.08);
}
.m-approved-caption-pill strong{color:#f5bc35;font-weight:900;}
.m-approved-caption-pill em{color:#f7f9ff;font-style:normal;font-weight:500;}
body.m-page .m-card.m-card-draft.m-card-v564 .m-btn-outline-blue{
  background:linear-gradient(180deg,#55a7ff,#2789ed)!important;
  color:#08111f!important;
  border:0!important;
  text-shadow:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 4px 0 rgba(0,0,0,.34),0 0 10px rgba(63,150,255,.34)!important;
}
body.m-page .m-card.m-card-draft.m-card-v564:hover .m-btn-outline-blue{
  background:linear-gradient(180deg,#70b7ff,#3c9cff)!important;
  color:#08111f!important;
  filter:brightness(1.04);
}
@media (max-width:900px){
  .m-approved-mode-subtitle{
    gap:10px;
    margin:2px 0 10px;
    font-size:12px;
    letter-spacing:.35em;
  }
  .m-approved-mode-subtitle span{width:21px;height:2px;flex-basis:21px;}
  .m-approved-caption-pill{
    width:min(88vw,520px);
    min-height:48px;
    margin:0 auto 15px;
    padding:9px 14px;
    gap:.32em;
    font-size:clamp(11px,3.2vw,14px);
    line-height:1.2;
    white-space:normal;
    flex-wrap:wrap;
    row-gap:2px;
  }
}

/* v627: desktop mode-card footprint reduced to match the approved 90% browser-zoom appearance.
   Mobile card layout remains untouched. The menu caption pill is independently reduced by ~20%. */
@media (min-width:901px){
  body.m-page .m-cards.m-cards-v564{
    grid-template-columns:repeat(4,minmax(0,279px))!important;
    width:min(1173px,calc(100vw - 36px))!important;
    gap:19px!important;
  }
  body.m-page .m-card.m-card-v564{
    width:100%!important;
    min-width:0!important;
    height:344px!important;
    min-height:344px!important;
    padding:14px 16px 13px!important;
    border-radius:16px!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-icon{
    width:83px!important;
    height:83px!important;
    margin:0 auto 2px!important;
  }
  body.m-page .m-card.m-card-v564.m-card-classic .m-card-icon{
    width:88px!important;
    height:86px!important;
  }
  body.m-page .m-card.m-card-v564.m-card-battle .m-card-icon{
    width:92px!important;
    height:86px!important;
  }
  body.m-page .m-card.m-card-v564.m-card-fcf .m-card-icon{
    width:99px!important;
    height:85px!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-badge{
    min-width:52px!important;
    height:23px!important;
    padding:0 9px!important;
    margin:0 auto 6px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }
  body.m-page .m-card.m-card-v564 h3{
    font-size:32px!important;
  }
  body.m-page .m-card.m-card-v564.m-card-fcf h3{
    font-size:27px!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-subtitle{
    margin:4px 0 4px!important;
    font-size:18px!important;
    letter-spacing:1.45px!important;
  }
  body.m-page .m-card.m-card-v564 p{
    max-width:230px!important;
    margin:7px auto 9px!important;
    font-size:12px!important;
    line-height:1.28!important;
  }
  body.m-page .m-card.m-card-v564 .m-btn.m-btn-v564{
    max-width:225px!important;
    height:41px!important;
    min-height:41px!important;
    border-radius:11px!important;
    gap:8px!important;
    font-size:14px!important;
  }
  body.m-page .m-card.m-card-v564 .btn-arrow{
    font-size:20px!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-footer-tag{
    max-width:225px!important;
    height:22px!important;
    margin:6px auto 0!important;
    font-size:10px!important;
  }
  body.m-page .m-card.m-card-v564 .m-card-ribbon{
    top:12px!important;
    right:-33px!important;
    width:119px!important;
    height:34px!important;
    font-size:14px!important;
  }
  .m-approved-caption-pill{
    width:min(656px,calc(100vw - 160px))!important;
    min-height:46px!important;
    margin:0 auto 19px!important;
    padding:9px 20px!important;
    gap:.30em!important;
    font-size:15px!important;
  }
}

/* v634: tablet feature strip — keep all four panels visible and balanced. */
@media (min-width:901px) and (max-width:1180px){
  body.m-page .m-featurebar{
    box-sizing:border-box!important;
    width:calc(100vw - 36px)!important;
    max-width:1173px!important;
    height:98px!important;
    margin:14px auto 0!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    overflow:hidden!important;
  }
  body.m-page .m-feature{
    min-width:0!important;
    gap:9px!important;
    padding:12px 9px!important;
    overflow:hidden!important;
  }
  body.m-page .m-feature-icon,
  body.m-page .m-feature:nth-child(3) .m-feature-icon,
  body.m-page .m-feature:nth-child(4) .m-feature-icon{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
  }
  body.m-page .m-feature>div:last-child{
    min-width:0!important;
    overflow:hidden!important;
  }
  body.m-page .m-feature h5{
    margin:0 0 4px!important;
    font-size:14px!important;
    line-height:.98!important;
    letter-spacing:.1px!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  body.m-page .m-feature p{
    font-size:11px!important;
    line-height:1.14!important;
    white-space:normal!important;
  }
}