/* A homepage invitation, using the first frame of the game's existing art. */
@font-face{font-family:RunnerPromo;src:url('/fonts/manrope.woff2') format('woff2');font-weight:400;font-display:swap}
.runner-promo{scroll-margin-top:20px}
.runner-promo{--rp-bg:#122b30;--rp-ink:#f0f6e4;--rp-muted:#bfd1c7;--rp-accent:#c0f0b5;--rp-button-ink:#17352a;--rp-ring:#254a46;background:#08231d;padding:48px max(5%,calc((100% - 1160px)/2));position:relative}
.runner-promo-inner{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:400px;background:var(--rp-bg);border:1px solid #496757;border-radius:12px;color:var(--rp-ink)}
.runner-promo-copy{padding:44px 0 44px 48px;position:relative;z-index:1}
.runner-promo-label{display:block;margin-bottom:19px;font:9px/1.7 var(--pixel);letter-spacing:1px;color:var(--rp-accent)}
.runner-promo h2{font:800 clamp(34px,3.8vw,52px)/1.08 RunnerPromo,var(--body);letter-spacing:-1px;word-spacing:.06em;margin:0 0 20px;color:var(--rp-ink);text-shadow:none}
.runner-promo h2 span{color:var(--rp-accent)}
.runner-promo-copy p{max-width:350px;font:15px/1.7 var(--body);color:var(--rp-muted);margin:0 0 27px}
.runner-promo-play{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:15px 21px;border-radius:6px;background:var(--rp-accent);color:var(--rp-button-ink);font:700 14px/1.5 var(--body);box-shadow:0 4px #42694c;transition:transform .18s,box-shadow .18s;white-space:nowrap}
.runner-promo-play:hover{color:var(--rp-button-ink);transform:translateY(-3px);box-shadow:0 7px #42694c}
.runner-promo-play:active{transform:translateY(2px);box-shadow:0 2px #42694c}
.runner-promo-play:focus-visible{outline:3px solid var(--rp-ink);outline-offset:6px}
.runner-promo-art{position:relative;align-self:stretch;min-height:400px;display:grid;place-items:end center;pointer-events:none}
.runner-promo-art:before{content:'';position:absolute;width:310px;height:310px;top:36px;left:50%;transform:translateX(-50%);border-radius:50%;background:var(--rp-ring)}
.runner-promo-art:after{content:'';position:absolute;left:5%;right:5%;bottom:23px;height:2px;background:linear-gradient(90deg,transparent,#9aca9a88,transparent);z-index:-1}
.runner-promo-portrait{width:400px;max-width:110%;aspect-ratio:1;overflow:hidden;position:relative;margin:0 0 16px;filter:drop-shadow(0 15px 12px #020c1533)}
.runner-promo-portrait img{display:block;position:absolute;width:300%;height:200%;max-width:none;left:0;top:0;object-fit:fill}
.runner-promo-coin{position:absolute;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:3px solid #70b787;background:#c4f3cb;box-shadow:4px 5px #315c42;color:#285638;font:800 27px/1 Manrope,var(--body);z-index:1;transform:rotate(12deg)}
.runner-promo-coin-one{right:12%;top:62px}.runner-promo-coin-two{left:5%;bottom:104px;width:34px;height:34px;font-size:20px;transform:rotate(-14deg)}
html.corporate[data-site=home] .runner-promo{--rp-bg:#edf3f7;--rp-ink:#192b3c;--rp-muted:#4c6072;--rp-accent:#2163c7;--rp-button-ink:#fff;--rp-ring:#d8e7ef;background:#fff;padding-block:48px}
html.corporate[data-site=home] .runner-promo-inner{border-color:#cbdbe5;border-radius:6px}
html.corporate[data-site=home] .runner-promo-label{font:800 11px/1.7 Manrope,Arial,sans-serif;letter-spacing:1.6px}
html.corporate[data-site=home] .runner-promo h2,html.corporate[data-site=home] .runner-promo h2 span{font-family:RunnerPromo,var(--c-font)!important}
html.corporate[data-site=home] .runner-promo-copy p,html.corporate[data-site=home] .runner-promo-play{font-family:Manrope,Arial,sans-serif}
html.corporate[data-site=home] .runner-promo-play{box-shadow:0 4px #174991}
html.corporate[data-site=home] .runner-promo-play:hover{box-shadow:0 7px #174991}
@media(max-width:900px){.runner-promo{padding-inline:5%}.runner-promo-copy{padding-left:32px}.runner-promo-art{min-height:380px}.runner-promo-portrait{width:360px}.runner-promo-art:before{width:270px;height:270px;top:65px}.runner-promo-coin-one{right:8%;top:48px}.runner-promo h2{font-size:38px}}
@media(max-width:600px){.runner-promo,html.corporate[data-site=home] .runner-promo{padding:28px 5%}.runner-promo-inner{grid-template-columns:1fr;min-height:0}.runner-promo-copy{padding:29px 26px 0}.runner-promo-label{font-size:8px;margin-bottom:16px}.runner-promo h2{font-size:38px;letter-spacing:-1.4px;margin-bottom:16px}.runner-promo-copy p{font-size:14px;line-height:1.7;margin-bottom:22px;max-width:330px}.runner-promo-play{font-size:13px;padding:13px 18px;min-height:48px;gap:20px}.runner-promo-art{min-height:280px;height:280px;margin-top:10px}.runner-promo-portrait{width:280px;max-width:100%;margin-bottom:8px}.runner-promo-art:before{width:225px;height:225px;top:25px}.runner-promo-art:after{bottom:14px}.runner-promo-coin-one{top:30px;right:14%;width:37px;height:37px;font-size:22px}.runner-promo-coin-two{left:13%;bottom:80px;width:29px;height:29px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.runner-promo-play{transition:none}.runner-promo-play:hover,.runner-promo-play:active{transform:none}}
@media print{.runner-promo{display:none!important}}