/* One match presentation across the storefront entrance and shared game. */
.daily-entry{margin:28px 0;background:var(--arcade-ink);border:2px solid #3476b5;color:#f4f7fa}
.faceoff-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 24px;border-bottom:1px solid var(--arcade-line);font:8px/1.8 var(--type-arcade);color:var(--arcade-gold)}
.faceoff-header>span:first-child{color:#fff;font-size:11px}
.faceoff-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.faceoff-art{min-width:0;background:var(--arcade-dark);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.faceoff-art>img{display:block;width:100%;height:auto;image-rendering:pixelated;aspect-ratio:10/7;object-fit:contain}
.faceoff-teams{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;text-align:center;gap:10px;padding:18px 16px;background:var(--arcade-dark);color:#f4f7fa;font:9px/1.8 var(--type-arcade)}
.faceoff-teams span{overflow-wrap:anywhere;min-width:0}
.faceoff-teams span:first-child{color:#ff928c}.faceoff-teams span:last-child{color:#a9d8fb}.faceoff-teams b{color:var(--arcade-gold);font-size:12px}
.faceoff-copy{align-self:center;padding:32px 36px}
.faceoff-kicker{font:8px/1.8 var(--type-arcade);color:var(--arcade-gold);margin:0 0 18px}
.faceoff-copy h2{font:clamp(18px,2.15vw,28px)/1.55 var(--type-arcade);letter-spacing:-.035em;color:#fff;margin:0 0 18px}
.faceoff-description{font:17px/1.6 var(--type-reading);color:var(--arcade-copy);margin:0 0 24px;max-width:390px}
.faceoff-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;background:#aadfc6;color:var(--arcade-ink);border:0;padding:16px 20px;font:9px/1.8 var(--type-arcade);text-decoration:none;box-shadow:4px 4px 0 #315d66}
.faceoff-cta:hover{background:#c4f1db}.faceoff-cta:focus-visible{outline:3px solid var(--arcade-gold);outline-offset:5px}
.faceoff-caption{font:12px/1.6 var(--type-reading);color:var(--arcade-muted);margin:14px 0 0}
.faceoff-footer{display:flex;justify-content:space-between;gap:18px;background:var(--arcade-panel);padding:14px 24px;border-top:1px solid var(--arcade-line);font:7px/1.8 var(--type-arcade);color:#d9e7ef}
.pregame-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pregame-screen .intro-body{padding:30px;align-self:center}
.pregame-screen .pixel-title{font:22px/1.6 var(--type-arcade);letter-spacing:-.04em;margin:0 0 20px}
.pregame-screen .lead{font-size:17px;line-height:1.6;margin-bottom:24px}
.pregame-screen .button{font-size:9px;min-height:56px;padding:16px 20px}
.pregame-screen .meta{font-size:7px;gap:12px;color:var(--arcade-gold)}
.pregame-screen .note{line-height:1.65;margin-top:20px}
.faceoff-rules{list-style:none;display:flex;flex-wrap:wrap;gap:12px 20px;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--arcade-line);font:6px/1.8 var(--type-arcade);color:var(--arcade-muted)}
.challenger-name{font:600 18px/1.5 var(--type-reading);color:#aadfc6;overflow-wrap:anywhere;margin:0 0 16px}
.pregame-screen .game-subnav{margin-top:24px;padding-top:18px}
.pregame-screen .game-subnav .button{font-size:7px;min-height:44px;padding:10px 13px}
@media(max-width:850px){.faceoff-copy{padding:24px}.faceoff-copy h2{font-size:20px}.faceoff-description{font-size:16px}.pregame-screen{grid-template-columns:1fr}.pregame-screen .faceoff-art>img{max-height:300px}.pregame-screen .intro-body{padding:28px}.pregame-screen .faceoff-teams{padding:14px 16px}}
@media(max-width:650px){.daily-entry{margin:22px 0}.faceoff-header{padding:13px 16px;font-size:6px}.faceoff-header>span:first-child{font-size:8px}.faceoff-layout{grid-template-columns:1fr}.faceoff-art>img{max-height:270px}.faceoff-teams{font-size:8px;padding:14px 16px}.faceoff-copy{padding:26px 22px 28px}.faceoff-copy h2{font-size:23px}.faceoff-kicker{font-size:7px;margin-bottom:14px}.faceoff-description{font-size:16px;margin-bottom:22px}.faceoff-cta{width:100%;font-size:8px;padding:16px}.faceoff-caption{font-size:12px}.faceoff-footer{padding:14px 16px;gap:10px;font-size:6px;flex-wrap:wrap}.pregame-screen .pixel-title{font-size:22px}.pregame-screen .intro-body{padding:26px 22px}.pregame-screen .faceoff-art>img{max-height:240px}.pregame-screen .meta{font-size:6px}.pregame-screen .button{font-size:8px;width:100%}}
@media(prefers-reduced-motion:no-preference){.faceoff-cta:hover{transform:translateY(-1px)}}
.game-heading h1:focus{outline:none}
@media(max-width:650px){.pregame-screen .faceoff-art>img{max-height:176px}.pregame-screen .pixel-title{font-size:20px}}