/* Keep the game picker near the top, with daily progress below it. */
body[data-page='home'] #main {padding-top:0}
body[data-page='home'] .site-header:has(.header-inner) {height:56px}
.hub-wrap,
body[data-page='home'] .hub-wrap {
 display:block;
 padding-top:18px;
}
body[data-page='home'][class] .hub-heading {
 min-height:56px;
 padding:0 128px 0 0;
 margin:0 0 30px;
 gap:28px;
 border:0;
 border-radius:0;
 background:none;
 box-shadow:none;
 overflow:visible;
}
body[data-page='home'][class] .hub-brand {gap:12px;min-width:0}
body[data-page='home'][class] .hub-brand .brand-mark {
 width:38px;
 height:38px;
 padding:10px;
 grid-template-columns:repeat(2,7px);
 gap:4px;
 border-radius:11px;
 box-shadow:none;
}
body[data-page='home'][class] .hub-brand .brand-mark i {width:7px;height:7px}
body[data-page='home'][class] .hub-brand h1 {font-size:28px;line-height:1.15;letter-spacing:-.75px;color:var(--ink)}
body[data-page='home'][class] .hub-brand p {font:500 10px/1.4 var(--body,Arial,sans-serif);letter-spacing:0;margin-top:5px;color:var(--muted)}
body[data-page='home'][class] .hub-stats {min-width:280px;gap:20px;margin:0}
body[data-page='home'][class] .hub-stats strong {font-size:20px;color:var(--ink)}
body[data-page='home'][class] .hub-stats span,
body[data-page='home'][class] .hub-stats small {color:var(--muted)}
body[data-page='home'] .daily-home-grid {display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:12px}
body[data-page='home'] #daily-board-slot:empty {display:none}
body[data-page='home'] .daily-adventure h2 {font-size:30px;margin-top:18px}
body[data-page='home'] .daily-adventure>p {max-width:none}
body[data-page='home'] .daily-cloud-status {margin:0 0 30px}
body[data-page='home'] .hub-library {margin-top:8px}
body[data-page='home'] .hub-links {flex-wrap:wrap}
@media(min-width:800px) {
 body[data-page='home'] .daily-adventure {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px;align-items:start}
 body[data-page='home'] .daily-adventure-top {grid-column:1 / -1}
 body[data-page='home'] .daily-adventure h2 {grid-column:1;grid-row:2 / 4;margin-bottom:0}
 body[data-page='home'] .daily-adventure>p:not(.daily-gift-status) {grid-column:1;grid-row:4;margin:10px 0 0}
 body[data-page='home'] .daily-totals {grid-column:2;grid-row:2;margin-top:18px;padding-bottom:16px}
 body[data-page='home'] .daily-gift {grid-column:2;grid-row:3 / 5}
 body[data-page='home'] .daily-gift-status {grid-column:2}
 body[data-page='home'] .daily-set,
 body[data-page='home'] .app-extras,
 body[data-page='home'] .daily-scorecard {grid-column:1 / -1}
}
@media(max-width:740px) {
 body[data-page='home'][class] .hub-heading {display:block;min-height:0;padding:0;margin-bottom:27px}
 body[data-page='home'][class] .hub-brand {padding-right:116px;min-height:44px;gap:10px}
 body[data-page='home'][class] .hub-brand h1 {font-size:22px;line-height:1.2;letter-spacing:-.55px;white-space:nowrap}
 body[data-page='home'][class] .hub-brand p {font-size:8px;white-space:nowrap;margin-top:3px}
 body[data-page='home'][class] .hub-brand .brand-mark {width:32px;height:32px;min-width:32px;padding:8px;grid-template-columns:repeat(2,6px);gap:4px;border-radius:9px}
 body[data-page='home'][class] .hub-brand .brand-mark i {width:6px;height:6px}
 body[data-page='home'][class] .hub-stats {min-width:0;gap:12px;margin:18px 0 0;padding:13px 0 0;border-top:1px solid var(--line)}
 body[data-page='home'][class] .hub-stats strong {font-size:18px}
 body[data-page='home'] .daily-adventure h2 {font-size:28px}
 body[data-page='home'] .daily-cloud-status {margin-bottom:25px}
}
@media(max-width:360px) {
 body[data-page='home'][class] .hub-brand {padding-right:105px;gap:8px}
 body[data-page='home'][class] .hub-brand h1 {font-size:19px}
 body[data-page='home'][class] .hub-brand p {font-size:7px}
}

/* Arena leads the library, with a steady glow that stays visible without motion. */
body[data-page='home'] .hub-card.hub-card-arena {
 border-color:#26bbff;
 background:radial-gradient(ellipse at 25% 0%,#26bbff19,transparent 70%),radial-gradient(ellipse at 100% 100%,#8b5cf617,transparent 65%),var(--paper);
 box-shadow:0 0 0 1px #26bbff40,0 0 22px #26bbff26,0 0 35px #8b5cf61c;
}
body[data-page='home'] .hub-card.hub-card-arena:hover {
 border-color:#79d5ff;
 box-shadow:0 0 0 1px #26bbff66,0 0 28px #26bbff40,0 0 40px #8b5cf62e;
}
body[data-page='home'] .hub-card-arena .hub-card-arena-badge {
 color:#26bbff;border-color:#26bbff75;background:var(--paper);
}
