/* mntlst v3: the site's own look. Loads last and sits on top of every other stylesheet.
   One typeface (Archivo, self-hosted) used at three widths:
     wide and heavy for titles, normal for reading, narrow and heavy for numbers (MP, scores, countdowns).
   Flat surfaces, no glows or gradient washes, sentence-case labels, one accent color (your app color). */

@font-face{font-family:"Archivo";src:url(../assets/fonts/archivo.woff) format("woff");font-weight:100 900;font-stretch:62% 125%;font-display:swap}

:root{
  --v-wide:125%;--v-narrow:72%;
  --v-r1:20px;--v-r2:14px;--v-r3:10px;
  --v-paper:#f2eee6;
  --v-mut:rgba(242,238,230,.58);
  --v-line:rgba(242,238,230,.1);
  --v-tile:rgba(242,238,230,.055);
  --v-tile2:rgba(242,238,230,.09);
  --v-mp:#f2c14e;--v-up:#5bd08a;--v-dn:#ff6b5b;
}
html:not(.th){--bg:#121115;--s:#1b1a1f;--s2:#24232a;--b:#2e2d34;--t:#f2eee6;--m:#9c978f;--acc:#7b5cff;--on-acc:#fff}

/* ---------- type ---------- */
html,body{font-family:"Archivo",-apple-system,system-ui,sans-serif!important;font-stretch:100%}
body :not(svg):not(svg *):not(.f-serif):not(.f-serif *):not(.s3-logo):not(#au *){font-family:"Archivo",-apple-system,system-ui,sans-serif!important}
body input,body textarea,body button,body select{font-family:inherit!important}
/* titles: wide and heavy */
.h14-h h2,.v-title,.ssn-ti,.mx3-ttl h2,.mx3-db>b,.fu5-name,.h13-lg>b,.lz-h b,.lz-sh b,.sr9-h,.ttl,
.mx3-bx .bx-hd b,.rf-pot,.sp7-h h2,#hm .xt-h,.x5-h,.e9-h h2{font-stretch:var(--v-wide)!important;font-weight:850!important;letter-spacing:-.01em!important}
/* numbers: narrow and heavy */
.fu6-c b,.h12-mp b,.h14-gx .h12-cd b,.rf-stats b,.mx3-dm b,.mx2-bal b,.mx-bal b,.h12-cd b,.fu6-wkm b,.rf-pot span,.sp7-bal,.e9-stats b,.y7-bal b{font-stretch:var(--v-narrow)!important;font-weight:850!important;letter-spacing:0!important;font-variant-numeric:tabular-nums}
/* labels: sentence case, no tracking */
.h14-top .h14-tt small,.fu6-wkh em,.fu6-wkm small,.h14-gx>small,.ssn-tag,.mx3-dm small,.rf-lab,.rf-hh em,.mx2-pl,.mx3-gh,.lz-t small,.hero-tx small,.rf-lobby .lz-t small,
.sp7-day,.mx2-h,.rf-h,.h14-gx small{text-transform:none!important;letter-spacing:0!important}

/* ---------- the illustrated icons: flat colored tile, no gloss ---------- */
.gic{background:color-mix(in srgb,var(--c) 62%,var(--c2))!important;box-shadow:none!important}
.gic::after{display:none!important}
.gic svg{filter:none!important}
.gic svg [fill="url(#gi-hi)"]{display:none}
.lg-tile.gic-t,.aih{box-shadow:none!important}

/* ---------- buttons ---------- */
.v-btn,.h14-go,.ssn-go,.h13-go,.h14-pre,.rf-go,.mx-go,.gta-btn{border-radius:12px!important;box-shadow:none!important;font-weight:750!important}
.h14-go,.ssn-go,.h13-go,.rf-go,.mx-go:not(:disabled){background:var(--acc)!important;color:var(--on-acc,#fff)!important}
.h14-pre:not(.on){background:var(--v-tile2)!important;color:var(--t)!important}
.h14-more{background:none!important;padding:0 2px!important;height:auto!important;font-weight:650!important;color:var(--v-mut)!important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.h14-more:hover{color:var(--t)!important}

/* ---------- bottom bar (phones): flush with the bottom, labels showing ---------- */
@media (max-width:699px){
  #nv.tb{left:0!important;right:0!important;bottom:0!important;height:calc(58px + var(--sab,0px))!important;padding:0 4px var(--sab,0px)!important;border-radius:0!important;
    background:var(--bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--v-line)!important}
  #nv.tb:after{top:-1px!important;height:2px!important;width:28px!important;margin:0 0 0 -14px!important;border-radius:0 0 2px 2px!important;background:var(--t)!important;box-shadow:none!important}
  #nv.tb:before{display:none!important}
  #nv.tb button{flex-direction:column!important;gap:3px!important;color:var(--v-mut)!important}
  #nv.tb button span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;font-size:10.5px;font-weight:650}
  #nv.tb button.on,html.th #nv.tb button.on{color:var(--t)!important}
  #nv.tb svg{width:22px!important;height:22px!important}
}

/* =====================================================================
   Home
   ===================================================================== */
/* you: banner, then your photo and name on the left */
.h14 .h12-ban{height:calc(130px + var(--sat))!important;border-radius:0!important}
.h14 .h12-ban:after{background:linear-gradient(180deg,transparent 40%,var(--bg))!important}
.h14 .fu5-hd{flex-direction:row!important;align-items:flex-end!important;text-align:left!important;gap:14px;margin-top:-46px!important;padding:0!important}
.h14 .fu5-av{padding:4px!important;background:var(--bg)!important;box-shadow:none!important}
.h14 .fu5-av:before,.h12-av.fu5-av:before{display:none!important}
.h14 .fu5-av .fa{width:80px!important;height:80px!important}
.h14 .h14-id{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding-bottom:6px}
.h14 .fu5-name{margin:0!important;justify-content:flex-start!important;font-size:26px!important;line-height:1.02!important}
.h14 .fu6-pill{margin:0!important;padding:3px 10px 3px 4px!important;border-radius:8px!important;background:var(--v-tile)!important;border:0!important;box-shadow:none!important}
.h14 .fu6-pill b{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--t)!important;font-size:13px!important;font-weight:700!important}
/* stats: three numbers in a row, split by thin lines */
.h14 .h12-cards{justify-content:flex-start!important;gap:0!important;margin:20px 0 0!important;padding:0!important;overflow:visible!important}
.h14 .h12-cards .fu6-c{flex:1 1 0!important;min-width:0!important;align-items:flex-start!important;padding:0 0 0 14px!important;background:none!important;border:0!important;border-left:1px solid var(--v-line)!important;border-radius:0!important;box-shadow:none!important}
.h14 .h12-cards .fu6-c:first-child{padding-left:0!important;border-left:0!important}
.h14 .h12-cards .fu6-c b{font-size:30px!important}
.h14 .h12-cards .fu6-c small{font-size:12.5px!important;font-weight:600!important;color:var(--v-mut)!important}
.h14 .fu6-tag{display:none!important}
.h14 .h12-cards .fu6-c.tagged{padding-top:0!important}

/* sections: no boxes, just a big heading and the content */
.h14 .h14-card:not(.h14-gta){margin-top:34px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.h14 .h14-h{margin-bottom:14px!important;align-items:flex-end!important}
.h14 .h14-h h2{font-size:28px!important;line-height:.95!important}
.h14 .h14-h small{margin-top:6px!important;font-size:13.5px!important;font-weight:500!important;color:var(--v-mut)!important}

/* Today */
.h14 .h14-t{background:var(--v-tile)!important;border:0!important;border-radius:var(--v-r2)!important;padding:10px!important}
.h14 .h14-t:hover{background:var(--v-tile2)!important}
.h14 .h14-t.done{opacity:.55}
.h14 .h14-tt b{font-size:14px!important;font-weight:700!important}
.h14 .h14-tt small{font-weight:500!important;color:var(--v-mut)!important}
.h14 .h14-ts{box-shadow:none!important}
.h14 .h13-how{color:var(--v-mut)!important}

/* Arcade */
.h14 .h14-top{background:var(--v-tile)!important;border:0!important;border-radius:var(--v-r1)!important}
.h14 .h14-top .h14-tt small{color:var(--v-mut)!important;font-size:13px!important;font-weight:600!important}
.h14 .h14-top .h14-tt b{font-size:22px!important}
.h14 .h14-g>b{font-weight:600!important;color:var(--t)!important}

/* league */
.h14 .fu6-wk{background:var(--s)!important;border:0!important;box-shadow:none!important;border-radius:var(--v-r1)!important;padding:18px!important}
.h14 .fu6-beam{display:none!important}
.h14 .fu6-wkh .fu6-tag{display:inline-flex!important;background:var(--v-tile)!important;border:0!important;border-radius:8px!important;padding:3px 9px 3px 4px!important}
.h14 .h13-lg>b{font-size:28px!important;line-height:.98!important}
.h14 .h13-lg>p{color:var(--v-mut)!important}
.h14 .h13-pz>span{background:var(--v-tile)!important;border:0!important;border-radius:var(--v-r3)!important;box-shadow:none!important}

/* GTA VI */
.h14 .h14-gta{background:var(--s)!important;border:0!important;box-shadow:none!important;border-radius:var(--v-r1)!important}
.h14 .h14-gta .h14-gf{border-top-color:var(--v-line)!important}
.h14 .h14-gx>small{color:#ff7ac0!important;font-size:13px!important;font-weight:650!important}

/* Thanksgiving card */
.ssn-card{border:0!important;box-shadow:none!important;border-radius:var(--v-r1)!important}
.ssn-tag{background:rgba(0,0,0,.5)!important;border:0!important;border-radius:8px!important;font-size:12.5px!important;font-weight:700!important;color:#fde68a!important}
.ssn-tag em{border-radius:6px!important}
.ssn-ti{font-size:26px!important}
.ssn-go{background:var(--v-paper)!important;color:#1c0a02!important}

/* friends */
.h14 .h14-fr .h9-feed{background:var(--v-tile)!important;border:0!important;border-radius:var(--v-r1)!important}

/* computers: the side column keeps its cards, the main column is open */
@media (min-width:1100px){
  .h14-head{background:none!important;border:0!important;padding:0 0 4px!important;border-radius:0!important;overflow:visible!important}
  .h14-head .h12-ban{margin:0!important;border-radius:var(--v-r1)!important;height:170px!important}
  .h14-head .h12-av{margin-top:-52px!important;margin-left:24px!important}
  .h14-head .h12-cards .fu6-c{width:auto!important;flex:none!important;padding:0 22px!important;border-radius:0!important}
  .h14-head .h12-cards .fu6-c:first-child{padding-left:22px!important}
  .h14-head .h12-cards .fu6-c b{font-size:32px!important}
  .h14-head .fu5-name{font-size:34px!important}
  .h14 .h14-main>.h14-card:not(.h14-gta){margin-top:20px!important}
  .h14 .h14-side>*{margin-top:0!important}
}

/* =====================================================================
   Shared pieces used on several screens
   ===================================================================== */
/* sections everywhere: a heading and the content, no box around them */
.h14-card:not(.h14-gta):not(.rf-you):not(.rf-adm){background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.h14-card.rf-you,.h14-card.rf-adm{background:var(--v-tile)!important;border:0!important;box-shadow:none!important;border-radius:var(--v-r1)!important}
.h14-h h2{font-size:26px!important;line-height:.95!important}
.h14-h small{font-weight:500!important;color:var(--v-mut)!important}
.h14-t{background:var(--v-tile)!important;border:0!important;border-radius:var(--v-r2)!important}
.h14-t.done{opacity:.55}
/* filter chips: squared-off, the chosen one in paper white */
.lz-chips button,.sp7-chips button,.mx2-cat,.rf-chips button,.sr9-chips button,.tl-chips button,.sp7-afd button{border-radius:var(--v-r3)!important;border:0!important;box-shadow:none!important}
.lz-chips button:not(.on),.sp7-chips button:not(.on),.mx2-cat:not(.on),.rf-chips button:not(.on),.sp7-afd button:not(.on){background:var(--v-tile)!important;color:var(--t)!important}
.lz-chips button.on,.sp7-chips button.on,.mx2-cat.on,.rf-chips button.on,.sp7-afd button.on{background:var(--v-paper)!important;color:#141316!important}
/* segmented tabs */
.sp7-tabs,.sp7-seg{border-radius:12px!important;background:var(--v-tile)!important}
.sp7-tabs button,.sp7-seg button{border-radius:9px!important}

/* =====================================================================
   Arcade
   ===================================================================== */
.cz-lobby .lz-hd h1{font-stretch:var(--v-wide)!important;font-weight:850!important;font-size:34px!important;letter-spacing:-.01em!important}
.lz-wal,.lz-friends,.lz-friends.rf-lobby,.lz-friends.sp7-lobby,.lz-vip,.cz-hero,.lz-new{background:var(--v-tile)!important;border:0!important;box-shadow:none!important}
.lz-wal{border-radius:var(--v-r1)!important}
.lz-friends,.lz-vip{border-radius:var(--v-r1)!important;padding:14px!important}
.lz-friends .lz-t small,.lz-vip .lz-t small{display:none!important}
.lz-friends .lz-t b,.lz-vip b{font-size:16px!important;font-weight:750!important}
.lz-friends .lz-t span{color:var(--v-mut)!important}
.lz-play,.cz-hero .get,.lz-new .get{background:var(--v-tile2)!important;color:var(--t)!important;border-radius:10px!important;box-shadow:none!important;border:0!important;font-weight:700!important}
.lz-earn{background:var(--acc)!important;color:var(--on-acc,#fff)!important;border-radius:12px!important;box-shadow:none!important;font-weight:750!important}
.cz-hero,.lz-new{border-radius:22px!important}
.cz-hero::before,.cz-hero::after,.lz-new::before,.lz-new::after{display:none!important}
.hero-tx small{color:var(--v-mut)!important;font-size:12.5px!important;font-weight:600!important}
.hero-tx b{font-stretch:var(--v-wide)!important;font-weight:850!important}
.gic-hero .gh3{box-shadow:none!important}
.lz-vip-i{background:var(--v-tile2)!important}
.lz-sh b{font-size:24px!important}
.lz-sh small{color:var(--v-mut)!important}

/* =====================================================================
   Earn MP
   ===================================================================== */
.e9-stats .fu6-c{background:var(--v-tile)!important;border:0!important;box-shadow:none!important;align-items:flex-start!important;padding:14px!important;border-radius:var(--v-r2)!important}
.e9-stats .fu6-c.e9-hot b{color:var(--v-up)!important}
.e9-stats .fu6-c small{color:var(--v-mut)!important;font-weight:600!important}

/* =====================================================================
   Sports Picks
   ===================================================================== */
:is(#pks,#pkt){background:var(--bg)!important}
.sp7-g{background:var(--v-tile)!important;border:0!important;box-shadow:none!important;border-radius:var(--v-r1)!important}
.sp7-g.sp7-m.fav{box-shadow:inset 3px 0 0 var(--v-mp)!important}
.sp7-pb,.sp7-o{background:var(--v-tile2)!important;border:0!important;box-shadow:none!important;border-radius:12px!important}
.sp7-pb.on,.sp7-o.on{background:var(--acc)!important;color:var(--on-acc,#fff)!important}
.sp7-my{background:var(--v-tile)!important;border:0!important;box-shadow:none!important;border-radius:var(--v-r2)!important}
.sp7-mr,.sp7-m-f,.sp7-how{border-color:var(--v-line)!important}
.sp7-how{background:var(--v-tile)!important;border:0!important}
.sp7-lgi{box-shadow:none!important}
.sp7-fire{box-shadow:none!important}
.sp7-btn{border-radius:12px!important;box-shadow:none!important}
.sp7-btn.pri{background:var(--acc)!important;color:var(--on-acc,#fff)!important}
.sp7-note{background:var(--v-tile)!important;border:0!important;border-radius:var(--v-r2)!important}
.sp7-day{font-size:14px!important;font-weight:700!important;color:var(--v-mut)!important}

/* =====================================================================
   Raffle
   ===================================================================== */
.rf-hero{background:var(--s)!important;border:0!important;box-shadow:none!important;border-radius:var(--v-r1)!important}
.rf-shine,.rf-spark{display:none!important}
.rf-tag{background:var(--v-tile2)!important;border:0!important;border-radius:8px!important;color:var(--t)!important}
.rf-pot{background:none!important;-webkit-text-fill-color:var(--v-mp)!important;color:var(--v-mp)!important;filter:none!important;font-size:clamp(34px,11vw,52px)!important}
.rf-lab{font-size:13.5px!important;font-weight:650!important;color:var(--v-mut)!important}
.rf-grow{color:var(--v-mut)!important}.rf-grow b{color:var(--v-mp)!important}
.rf-stats{border-top-color:var(--v-line)!important}.rf-stats div+div{border-left-color:var(--v-line)!important}
.rf-stats small{color:var(--v-mut)!important}
.rf-ai.big{transform:none!important;box-shadow:none!important;border-radius:20px!important}
.rf-av{background:hsl(var(--h,40) 45% 42%)!important}
.rf-sum,.rf-n{background:var(--v-tile)!important;border:0!important}
.rf-step{background:var(--v-tile2)!important;border-radius:12px!important}
.rf-draw{border-radius:12px!important}
.rf-adm .h14-h small{color:var(--v-mut)!important}
.rf-r.p1 .rf-rk,.rf-r.p2 .rf-rk,.rf-r.p3 .rf-rk{background:var(--v-tile2)!important;color:var(--t)!important}
.rf-r.p1 .rf-rk{background:var(--v-mp)!important;color:#1d1503!important}
.rf-rm i{background:var(--v-mp)!important}
.rf-pz{color:var(--v-mp)!important}
.lz-friends.rf-lobby .lz-t small{color:inherit!important}

/* =====================================================================
   Search
   ===================================================================== */
.srch{background:var(--v-tile)!important;border:0!important;border-radius:var(--v-r2)!important}
.sr9-t,.sr9-t.sr9-t-gta{background:var(--v-tile)!important;border:0!important;box-shadow:none!important;border-radius:var(--v-r1)!important}
.sr9-t::before,.sr9-t::after{display:none!important}
.sr9-bt{background:var(--v-tile2)!important;border-radius:10px!important;box-shadow:none!important}

/* =====================================================================
   You
   ===================================================================== */
.y7-wal,.rk-card,.y7-q,.me-grp,.y7-st{background:var(--v-tile)!important;border:0!important;box-shadow:none!important}
.y7-wal,.rk-card,.me-grp{border-radius:var(--v-r1)!important}
.y7-q{border-radius:var(--v-r2)!important}
.rk-card::before,.rk-card::after{display:none!important}
.y5-b{border-radius:12px!important;border:0!important;background:var(--v-tile2)!important;color:var(--t)!important}
.y5-b.pri{background:var(--acc)!important;color:var(--on-acc,#fff)!important}
.y5 .pname{font-stretch:var(--v-wide)!important;font-weight:850!important}

/* =====================================================================
   MP Shop
   ===================================================================== */
.mx2-cat.drop:not(.on){background:var(--v-tile)!important;color:#fdba74!important}
.mx2-cat.on.drop{background:var(--v-paper)!important;color:#141316!important}
.mx3-ci{box-shadow:none!important;border-radius:8px!important}
.mx2-t{background:var(--v-tile)!important;border:0!important;box-shadow:none!important}
.mx2-t.sel{box-shadow:inset 0 0 0 2px var(--t)!important}
.mx2-t.own:not(.on):not(.sel){background:var(--v-tile)!important}
.mx2-art{background:rgba(0,0,0,.28)!important}
.mx2-rib.lim,.mx2-rib{background:rgba(0,0,0,.6)!important;color:var(--t)!important}
.mx3-bx{background:var(--v-tile)!important;border:0!important;box-shadow:none!important}
.mx3-bx.lim{box-shadow:inset 0 0 0 1.5px rgba(251,146,60,.5)!important}
.mx3-sec{background:none!important;border:0!important;padding:0!important}
.mx3-own{border-radius:8px!important}
.mx2-bal,.mx-bal{border:0!important;border-radius:10px!important}
.mx3-drop{border:0!important;box-shadow:none!important}
#shc .mx.v2 .mx-act.on .mpa{border-radius:var(--v-r1)!important;box-shadow:none!important;border:0!important;background:var(--s2)!important}
.mx.v2 .mx-go{border-radius:12px!important}
.mx.v2 .mx-sell{border-radius:12px!important}
.bx-hd em{border-radius:8px!important}

/* no colored glow at the top of pages */
html:not(.th) body[data-view=hm] #hm,#ern,.nt,.da{background:var(--bg)!important}
@media (max-width:699px){
  #hm .body{margin-bottom:calc(58px + var(--sab,0px))!important;-webkit-mask-image:none!important;mask-image:none!important}
}
.sr9-t-bg,.sr9-t:after{display:none!important}
.sr9-t-art{box-shadow:none!important}
.sr9-t-tx small{color:var(--v-mut)!important;font-weight:600!important}
.sr9-t-tx b{font-stretch:var(--v-wide)!important;font-weight:850!important}
.sr9-t-tx em{color:var(--v-mut)!important}
.sr9-t-go{background:var(--v-paper)!important;color:#141316!important;border-radius:10px!important}

/* page titles */
.lt-row h1,.sp7-tt h1,.cz-lobby .lz-hd h1{font-stretch:var(--v-wide)!important;font-weight:850!important;letter-spacing:-.01em!important}
.lt-row h1,.sp7-tt h1{font-size:32px!important}
/* market tabs in Sports read as words, not shouting */
.sp7-mks button,.sp7-lg,.sp7-cols small{text-transform:none!important;letter-spacing:0!important}
.sp7-mks button{border-radius:var(--v-r3)!important}
.sp7-mks button.on{background:var(--v-paper)!important;color:#141316!important}
