/* Private beta sports lobby. Loaded only behind game_enabled(). */
.arena-app{background:var(--ice)}
.arena-app .site-header{min-height:80px;padding-block:16px;border-bottom:0}
.arena-app .beta-arena{padding-top:8px}
.arena-app .beta-heading{background:#29184b;color:#fff;padding:22px 28px;border-radius:14px 14px 0 0;position:relative;overflow:hidden;min-height:140px;margin:0}
.arena-app .arena-app .beta-heading h1{font-size:56px;letter-spacing:-1px;line-height:.95;text-transform:uppercase}
.arena-app .beta-status{color:#d4c6ef;font-size:12px;margin-bottom:12px}
.arena-app .beta-intro{display:block;color:#e2dbea;font-size:14px;margin-top:12px}
.arena-app .beta-throne{display:block;border:0;text-align:left;padding:10px 0 10px 30px;border-left:1px solid #ffffff30;min-width:230px;z-index:1}
.arena-app .beta-throne svg{width:38px;height:34px;float:left;margin-right:14px}
.arena-app .beta-throne p{color:#d4c6ef;font-size:12px;margin:0}
.arena-app .beta-throne strong{font-size:27px;color:#f3c75f;margin-top:4px}
.arena-app .beta-tabs{background:var(--surface);padding:0 24px;margin:0 0 24px;gap:28px;border-radius:0 0 10px 10px;font-size:13px}
.arena-app .beta-tabs a{padding-block:16px}
.arena-app .beta-tabs a[href='/nhl-status']{margin-left:auto}
.arena-how{display:flex;gap:24px;align-items:center;font-size:13px;margin-bottom:24px;color:var(--muted)}
.arena-how span{display:flex;align-items:center;gap:6px}.arena-how svg{height:23px;width:26px;color:var(--accent)}.arena-how strong{color:var(--ink)}.arena-how a{margin-left:auto;color:var(--accent);font-weight:700}
.arena-app .beta-play-screen .beta-grid{display:block}
.arena-app .beta-play-screen .beta-slate-select{max-width:620px;margin-bottom:20px}
.arena-app .beta-play-screen .beta-slate-title h2{font-size:32px}
.arena-app .beta-play-screen .beta-entry-state{font-size:13px;padding:8px 0;border:0;margin:8px 0}
.arena-app .beta-play-screen .beta-scoring{margin:10px 0 20px;font-size:12px}
.arena-app .beta-play-screen .beta-source{float:right;font-size:11px;max-width:420px}
.arena-app .beta-picks{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.arena-games{min-width:0}.arena-market-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}
.arena-market-head h3{font-size:16px;margin:0}.arena-market-head>span{font-size:11px;color:var(--muted)}
.arena-app .beta-play-screen .beta-match{padding:16px 18px 12px;border-radius:8px;margin:0 0 16px;border:1px solid var(--line);box-shadow:none;animation:none}
.arena-app .beta-match legend{font-size:12px;font-weight:500;color:var(--muted);padding:0 6px}
.arena-app .beta-match-meta{font-size:11px;margin-bottom:12px;gap:6px;flex-wrap:wrap}
.arena-app .beta-match-meta>span{color:var(--accent)}
.arena-app .beta-sides{gap:10px;grid-template-columns:1fr 1fr}
.arena-app .beta-team{position:relative;padding:14px 10px;gap:10px;background:var(--field);border:1px solid var(--line);min-height:112px;flex-wrap:wrap;border-radius:6px}
.arena-app .beta-team:hover{border-color:var(--accent)}
.arena-app .beta-team:has(input:checked){background:var(--surface-raised);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.arena-app .beta-team input{position:absolute;right:10px;top:10px;margin:0;width:14px;height:14px}
.arena-app .beta-team>.arena-team-mark{flex:0 0 44px;height:46px;display:grid;place-items:center;font-family:var(--display);font-size:25px;color:var(--accent)}
.arena-team-mark img{width:44px;height:44px;object-fit:contain}
.arena-app .beta-team>span:not(.arena-team-mark){padding-right:10px}
.arena-app .beta-play-screen .beta-team strong{font-size:23px;line-height:1.05}
.arena-app .beta-team small{font-size:10px;margin-top:5px}.arena-app .beta-team small span{display:inline;margin-left:4px}
.arena-app .beta-team b{width:100%;font-size:15px;padding-top:7px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;gap:8px}
.arena-app .beta-team b:after{content:'pts';font-size:10px;font-weight:400}
.arena-app .beta-skip{display:inline-flex;font-size:11px;margin:12px 0 0}.arena-app .beta-match-link{float:right;font-size:11px;margin-top:12px}
.arena-slip{position:sticky;top:18px;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}
.arena-slip-heading{display:flex;align-items:center;gap:10px;padding:18px;background:#29184b;color:#fff}
.arena-slip-heading svg{width:26px;height:24px;color:#f3c75f}.arena-app .arena-slip-heading h2{font-size:27px;margin:0}.arena-slip-heading>span{margin-left:auto;font-size:11px;color:#dfd2ed}
#arena-slip-picks{padding:0 18px}.arena-slip-empty{font-size:13px;color:var(--muted);padding:18px 0;line-height:1.7}
.arena-slip-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.arena-slip-row strong{color:var(--ink)}.arena-slip-row span{color:var(--accent);font-weight:700}.arena-slip-row small{grid-column:1/-1;color:var(--muted);font-size:11px}
.arena-app .arena-slip .beta-entry-options{display:flex;flex-direction:column;align-items:stretch;padding:18px;gap:8px;border:0}
.arena-slip .beta-entry-options label{font-size:13px}.arena-slip .beta-entry-options label:not(:first-child){margin-top:10px}.arena-slip .beta-entry-options select{font-size:12px}.arena-slip .beta-entry-options label span{font-size:11px;margin-top:4px}
.arena-app .arena-slip .beta-save{position:static;display:flex;flex-direction:column;align-items:stretch;padding:18px;border:0;border-top:1px solid var(--line);box-shadow:none;border-radius:0;background:var(--surface-raised);gap:12px}
.arena-slip .beta-save-progress strong{font-size:13px}.arena-slip .beta-save-progress span{display:none}.arena-slip .beta-save button{width:100%;min-height:46px}.arena-app .arena-slip #beta-save-state{font-size:11px;line-height:1.5}.arena-slip>.beta-help{padding:0 18px 18px}
.arena-app .beta-play-screen .beta-board{margin-top:24px;max-width:calc(100% - 364px);padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.arena-app .beta-board h2{font-size:28px}.arena-app .beta-board>p{font-size:13px}.arena-app .beta-board .beta-empty{padding:8px 0;margin:0}
.arena-app .beta-play-screen .beta-player{margin-top:28px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:8px 32px;border-radius:8px}
.arena-app .beta-play-screen .beta-player h2{font-size:28px;margin:0}.arena-app .beta-play-screen .beta-player>p{font-size:13px;margin:0}.arena-app .beta-play-screen .beta-player>form{grid-column:2;grid-row:1/5;margin:0}.arena-app .beta-play-screen .beta-player>.beta-fairplay{grid-column:1/-1;margin-top:16px;padding-top:12px;font-size:12px}.arena-app .beta-fairplay h3{font-size:15px;margin:0}.arena-app .beta-fairplay p{display:inline;margin:0 10px 0 0}
@media(max-width:1050px){.arena-app .beta-picks{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.arena-app .beta-play-screen .beta-board{max-width:calc(100% - 318px)}.arena-how{flex-wrap:wrap;gap:10px 20px}.arena-how a{margin-left:0}.arena-app .beta-team>.arena-team-mark{flex-basis:34px}.arena-team-mark img{width:34px;height:34px}.arena-app .beta-play-screen .beta-team strong{font-size:21px}}
@media(max-width:780px){.arena-app .site-header{padding-block:14px}.arena-app .site-header nav>a:not(.nav-cta){display:none}.arena-app .beta-heading{padding:24px;min-height:150px}.arena-app .beta-heading h1{font-size:49px}.arena-app .beta-throne{min-width:170px;max-width:190px;padding-left:16px}.arena-app .beta-throne svg{float:none;margin-bottom:6px}.arena-app .beta-throne strong{font-size:23px}.arena-app .beta-intro{max-width:28ch}.arena-app .beta-tabs{padding:0 16px;gap:22px}.arena-app .beta-picks{grid-template-columns:1fr}.arena-slip{position:static}.arena-app .beta-play-screen .beta-board{max-width:none}.arena-how{font-size:12px}.arena-how span{flex-wrap:wrap}.arena-app .beta-play-screen .beta-source{float:none}.arena-app .beta-play-screen .beta-player{display:block}.arena-app .beta-play-screen .beta-player>form{margin-top:16px}.arena-app .beta-play-screen .beta-player>p{margin-top:8px}.arena-app .beta-play-screen .beta-team strong{font-size:25px}.arena-app .beta-team>.arena-team-mark{flex-basis:44px}.arena-team-mark img{width:44px;height:44px}}
@media(max-width:480px){.arena-app .wrap{width:calc(100% - 28px)}.arena-app .beta-heading{padding:22px 18px;gap:14px}.arena-app .beta-heading h1{font-size:42px}.arena-app .beta-intro{font-size:12px}.arena-app .beta-throne{min-width:108px;max-width:120px;padding-left:12px}.arena-app .beta-throne strong{font-size:21px}.arena-app .beta-throne p{font-size:10px}.arena-app .beta-status{font-size:10px}.arena-how>span:nth-child(2){display:none}.arena-how{margin-bottom:18px;gap:8px}.arena-app .beta-play-screen .beta-slate-title{flex-direction:row;align-items:center}.arena-app .beta-play-screen .beta-slate-title h2{font-size:27px}.arena-app .beta-slate-title>span{font-size:10px;max-width:75px;text-align:right}.arena-app .beta-slate-select label{width:auto}.arena-app .beta-slate-select select{font-size:12px;padding:10px}.arena-market-head{align-items:flex-start}.arena-market-head>span{max-width:140px;text-align:right}.arena-app .beta-play-screen .beta-match{padding:12px}.arena-app .beta-team{gap:6px;padding:12px 8px;min-height:144px}.arena-app .beta-team>.arena-team-mark{flex-basis:100%;justify-items:start}.arena-app .beta-play-screen .beta-team strong{font-size:23px}.arena-app .beta-team small{font-size:10px}.arena-app .beta-match-meta{font-size:10px}.arena-app .beta-match-meta>time{flex:1;text-align:right}.arena-app .beta-match-meta>span{width:100%}.arena-app .beta-play-screen .beta-board{padding:16px}.arena-app .beta-table th,.arena-app .beta-table td{padding:12px 8px}.arena-app .site-header .wordmark{font-size:27px}.arena-app .site-header nav{gap:12px}.arena-app .site-header .nav-cta{font-size:12px;padding:10px}.arena-app .beta-arena{padding-bottom:36px}}

/* Keep the first matchup close to the game-day control. */
@media(min-width:781px){.arena-app .beta-play-screen .beta-slate-select{float:right;width:48%;margin-bottom:12px}.arena-app .beta-play-screen .beta-slate-title{min-height:46px;justify-content:flex-start;padding-right:20px}.arena-app .beta-play-screen .beta-source{float:none;clear:both}.arena-app .beta-play-screen .beta-player>form{align-self:start}.arena-app .beta-play-screen .beta-player>form button{min-height:44px}.arena-app .beta-play-screen .beta-player>.beta-notice{padding:8px 12px}}

.arena-review-link{font-size:12px;color:var(--accent);margin-left:auto;white-space:nowrap}
.arena-app .nhl-team-row a{text-decoration:none;color:var(--ink)}.arena-app .nhl-team-row a:hover{text-decoration:underline}.nhl-abbrev img{width:40px;height:40px;object-fit:contain}.arena-app .nhl-card{border-radius:8px}.arena-app .nhl-card .button{display:block;text-align:center;background:var(--accent);color:#fff;font-size:14px;padding:12px}.arena-app .nhl-feed>.beta-notice{font-size:13px;line-height:1.6}.arena-app .nhl-feed-heading h2{font-size:38px}.arena-app .nhl-feed-heading p{font-size:13px}.arena-app .nhl-card-top{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}
@media(max-width:480px){.arena-market-head{flex-wrap:wrap;gap:6px}.arena-market-head>span{max-width:none;flex-basis:100%;text-align:left}}
/* The game should begin in the first viewport, especially on a phone. */
.arena-app .beta-play-screen .beta-heading{min-height:126px}
.arena-app .beta-play-screen .beta-intro{max-width:none}
.arena-app .beta-play-screen .beta-scoring{margin:8px 0 12px}
.arena-app .beta-play-screen .beta-entry-state{margin:4px 0}
.arena-app .beta-play-screen .beta-source{margin-bottom:4px}
@media(max-width:480px){.arena-app .beta-play-screen .beta-heading{min-height:120px;padding:18px 16px}.arena-app .beta-play-screen .beta-heading h1{font-size:33px;white-space:nowrap}.arena-app .beta-play-screen .beta-intro{display:none}.arena-app .beta-play-screen .beta-throne{min-width:100px;max-width:104px}.arena-app .beta-play-screen .beta-throne svg{width:26px;height:24px;margin-bottom:3px}.arena-app .beta-play-screen .beta-throne strong{font-size:19px}.arena-app .beta-play-screen .beta-throne p{font-size:9px}.arena-app .beta-play-screen .beta-tabs{margin-bottom:14px}.arena-how{margin-bottom:14px}.arena-app .beta-play-screen .beta-slate-select{margin-bottom:14px}.arena-app .beta-play-screen .beta-slate-title h2{margin-bottom:8px}.arena-app .beta-play-screen .beta-source{font-size:10px}.arena-app .beta-play-screen .beta-entry-state{font-size:12px}.arena-app .beta-play-screen .beta-scoring{font-size:11px}}
.arena-app .beta-arena button.button,.arena-app .nhl-card .button{background:#6743ba;border-color:#6743ba;color:#fff}
.arena-app .beta-heading{animation:none}

.arena-schedule-help{font-size:13px;color:var(--muted);margin:10px 0}.arena-schedule-help summary{color:var(--accent);cursor:pointer}.arena-schedule-help p{max-width:75ch}.arena-app .nhl-freshness{padding:4px 0}.arena-app .nhl-dates{margin:18px 0}.arena-app .beta-heading h1{font-size:clamp(32px,4vw,56px)}

/* The teaser's crown is a direct action on the pick, not just a slip setting. */
/* Match the teaser: one crown control beside each pair of teams. */
.arena-choice{min-width:0;display:flex;flex-direction:column}
.arena-choice .beta-team{flex:1;border-radius:6px}
.arena-app .beta-sides{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px;align-items:stretch}
.arena-app .arena-crown-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;gap:8px;width:58px;height:90px;padding:8px;border:1px dashed var(--line);border-radius:6px;background:var(--surface);color:var(--muted)}
.arena-app .arena-crown-pick[hidden],.arena-app [data-crown-fallback][hidden],.arena-app #beta-crown[hidden],.arena-app .arena-crown-help[hidden]{display:none}
.arena-crown-pick svg{width:29px;height:29px;fill:currentColor}
.arena-crown-pick span{font:800 30px/1 var(--display)}
.arena-app .arena-crown-pick[aria-pressed=true]{background:linear-gradient(135deg,#ffe08a,#eab947);border:1px solid #f3c75f;box-shadow:inset 0 0 0 1px #ffe5a0;color:#29184b}
.arena-app .arena-crown-pick:disabled{cursor:default;opacity:.5}
.arena-app form.needs-crown .arena-crown-pick:not(:disabled){border:1px solid #f3c75f;color:#c9961f;animation:skCrownNudge 1.6s ease-in-out infinite}
.arena-app .add-email .join-card{max-width:620px;margin:0 auto}.arena-app .add-email .email-attach{display:grid;gap:10px}.arena-app .add-email-out button{background:none;border:0;box-shadow:none;min-height:0;color:inherit;opacity:.75;text-decoration:underline;font:inherit;font-size:13px;padding:6px 0;cursor:pointer}
@keyframes skCrownNudge{50%{box-shadow:0 0 0 5px #f3c75f40;transform:scale(1.05)}}
.arena-app .crown-nudge{display:grid;gap:10px;margin:0 0 12px;padding:14px;border:1px solid #f3c75f;border-radius:8px;background:#f3c75f1f}.arena-app .crown-nudge p{margin:0;font-size:14px;line-height:1.45}.arena-app .crown-nudge .crown-nudge-skip{background:none;border:0;color:var(--muted);text-decoration:underline;font:inherit;font-size:13px;cursor:pointer;padding:4px}
@media(prefers-reduced-motion:reduce){.arena-app form.needs-crown .arena-crown-pick:not(:disabled){animation:none}}
.arena-crown-help{font-size:14px;color:var(--muted);margin:0 0 20px}
@media(max-width:600px){.arena-app .beta-sides{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:6px}.arena-app .arena-crown-pick{width:44px;height:76px;padding:5px}.arena-crown-pick svg{width:25px;height:25px}.arena-crown-pick span{font-size:26px}}