/* Race Day page (Maritime Fab game by MRKTNG CMPNY). Scoped to .mfr-site. Body text 20px+. */
.mfr-site{--c1:#0d2340;--c2:#18b4d8;--c3:#f2b632;--ink:#0d2340;font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:var(--ink);font-size:20px;line-height:1.5;background:#fff}
.mfr-site *{box-sizing:border-box}
.mfr-site h1,.mfr-site h2,.mfr-site h3{font-family:inherit;color:inherit;margin:0;line-height:1.1;font-weight:900;letter-spacing:0}
.mfr-site img{max-width:100%;height:auto;display:block}
.mx-hero{background:linear-gradient(180deg,#0d2340 0%,#0b4f78 70%,#1c8fb5 100%);color:#fff;padding:56px 16px 64px;text-align:center}
.mx-hero-in{max-width:860px;margin:0 auto}
.mx-brand{display:flex;align-items:center;justify-content:center;gap:14px;font-weight:800;font-size:18px;letter-spacing:.12em}
.mx-brand img{height:70px;width:auto}
.mfr-site .mx-hero h1{font-size:clamp(56px,11vw,120px);margin:12px 0 10px;color:#fff;letter-spacing:.03em}
.mx-lede{font-size:22px;max-width:720px;margin:0 auto 22px}
.mx-btn{display:inline-block;background:var(--c3);color:var(--c1)!important;text-decoration:none!important;font-weight:900;font-size:22px;padding:14px 26px;border-radius:16px;box-shadow:0 5px 0 rgba(0,0,0,.25)}
.mx-btn.alt{background:var(--c2);color:var(--c1)!important}
.mx-sec{max-width:1100px;margin:0 auto;padding:48px 16px}
.mx-sec h2{font-size:clamp(34px,5vw,48px);margin-bottom:18px;text-align:center}
.mx-gamebox{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0a2a44;box-shadow:0 20px 50px rgba(13,35,64,.3)}
.mx-gamebox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mx-cover{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.mx-play{font-family:inherit;font-size:30px;font-weight:900;background:var(--c3);color:var(--c1);border:0;border-radius:20px;padding:20px 34px;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.3);text-shadow:none}
.mx-cover p{margin:0;font-weight:800;font-size:20px}
.mx-under{text-align:center;margin-top:12px;min-height:52px}
.mx-fs{font-family:inherit;font-size:20px;font-weight:800;background:var(--c1);color:#fff;border:0;border-radius:14px;padding:12px 22px;cursor:pointer}
.mx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mx-card{background:#f2f7fa;border-radius:20px;overflow:hidden}
.mx-card img{aspect-ratio:16/10;object-fit:cover;width:100%}
.mx-card div{padding:16px 18px 20px}
.mx-card h3{font-size:28px;margin-bottom:8px}
.mx-card p{margin:0}
.mx-fix{text-align:center}
.mx-fix .mx-lede{color:var(--ink)}
.mx-jobs{list-style:none;padding:0;margin:8px auto 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1000px}
.mx-jobs li{background:var(--c1);color:#fff;border-radius:18px;padding:18px 14px}
.mx-jobs b{display:block;color:var(--c3);font-size:22px;margin-bottom:4px}
.mx-maker{display:flex;gap:28px;align-items:center;background:#000;color:#fff;border-radius:26px;margin:24px auto 48px;padding:32px}
.mx-maker img{width:200px;flex:none;border-radius:16px}
.mx-maker h2{text-align:left;color:#fff}
.mx-maker p{margin:0 0 18px}
.mx-ctas{display:flex;gap:12px;flex-wrap:wrap}
.mx-foot{text-align:center;padding:10px 16px 40px;font-size:18px;color:#4a5b6e}
/* phone: the game opens full screen over the page */
.mx-overlay{position:fixed;inset:0;z-index:99999;background:#0a2a44}
.mx-overlay iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mx-close{position:absolute;right:10px;top:calc(10px + env(safe-area-inset-top));z-index:2;width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0d2340;font-size:26px;font-weight:900;cursor:pointer}
@media (max-width:820px){
  .mx-cards,.mx-jobs{grid-template-columns:1fr}
  .mx-gamebox{aspect-ratio:4/5}
  .mx-maker{flex-direction:column;text-align:center;padding:24px 16px}
  .mx-maker h2{text-align:center}
  .mx-ctas{justify-content:center}
  .mx-lede{font-size:20px}
}
/* theme fit (Themify): hide the page title/comments, keep the sticky header one height so nothing jumps */
body:has(.mfr-site) .page-title,body:has(.mfr-site) #comments,body:has(.mfr-site) .post-meta{display:none!important}
body:has(.mfr-site) #content,body:has(.mfr-site) #layout,body:has(.mfr-site) .page-content,body:has(.mfr-site) #body{padding-top:0!important;padding-bottom:0!important;max-width:none!important}
body:has(.mfr-site){overflow-x:clip}
body:has(.mfr-site) #headerwrap #header{padding-top:12px!important;padding-bottom:12px!important;transition:none!important}