/**/
.arcade-home { --arcade-paper:#f1f0e9; background:var(--arcade-paper); }
.arcade-home .catalog { max-width:1180px; padding:32px 32px 64px; }
.arcade-home .catalog__head { grid-template-columns:1fr auto; padding:0 0 26px; border:0; border-radius:0; background:none; box-shadow:none; gap:16px 36px; margin-bottom:26px; }
.arcade-home .catalog__eyebrow,.arcade-kicker { font-size:.65rem; letter-spacing:.14em; font-weight:750; color:var(--muted); }
.arcade-home .catalog__head h1 { font-size:1.15rem; letter-spacing:-.04em; margin:0 0 20px; }
.arcade-home .catalog__head .catalog__intro { font-size:clamp(2.5rem,5.5vw,4.5rem); font-weight:750; line-height:.98; letter-spacing:-.065em; color:var(--text); margin:0; }
.arcade-home .catalog__welcome { align-self:end; max-width:230px; padding-bottom:4px; text-align:right; }
.arcade-home .catalog__welcome .btn { background:var(--text); border-color:var(--text); color:var(--bg); border-radius:999px; padding:12px 20px; }
.arcade-home .catalog__browse { display:block; padding:10px 0 0; }
.arcade-home .catalog__stat { padding-top:18px; margin-top:8px; letter-spacing:.02em; }
.arcade-section-title { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:16px; }
.arcade-section-title h2 { margin:5px 0 0; font-size:1.25rem; letter-spacing:-.035em; }
.arcade-section-title p { margin:0; }
.arcade-section-title > a { font-size:.8rem; min-height:44px; display:flex; align-items:center; white-space:nowrap; }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.feature { color:#eaf2d8; background:#10271f; border:1px solid rgba(255,255,255,.08); border-radius:20px; overflow:hidden; text-decoration:none; display:flex; flex-direction:column; box-shadow:0 10px 24px rgba(15,29,24,.08); transition:transform .18s,box-shadow .18s; }
.feature--orbit { background:#0b202b; color:#e2f4f6; }.feature--circuit { background:#0d2925; color:#e7f3da; }
.feature img { display:block; width:100%; height:auto; aspect-ratio:1.6; object-fit:cover; }
.feature__copy { padding:18px 22px 0; }
.feature .arcade-kicker { color:#aebfba; font-size:.58rem; }
.feature h3 { font-size:1.65rem; letter-spacing:-.04em; margin:5px 0 8px; }
.feature p { font-size:.87rem; line-height:1.5; color:#b9ccc4; margin:0 0 20px; }
.feature__action { border-top:1px solid #ffffff24; display:flex; justify-content:space-between; align-items:center; min-height:52px; font-size:.78rem; font-weight:650; }
.feature__action span { font-size:1.25rem; }
.feature:hover { transform:translateY(-4px); box-shadow:0 16px 30px rgba(15,29,24,.18); }
.feature:focus-visible { outline:3px solid var(--accent-2); outline-offset:4px; }
.arcade-features { margin-bottom:44px; }
.arcade-home .library-heading { padding-top:24px; border-top:1px solid var(--border); }
.arcade-home .library-heading h2 { font-size:1.5rem; letter-spacing:-.04em; }
.arcade-home .card-item { background:var(--bg-elev); box-shadow:none; }
.arcade-home .card-item > .card { min-height:292px; }
.arcade-home .card__art { background:transparent; height:70px; flex-basis:70px; border-bottom:1px solid var(--border); border-radius:0; justify-content:flex-start; font-size:2.1rem; }
.arcade-home .card__art--scene { margin:-12px -14px 14px; height:140px; flex-basis:140px; border-radius:16px 16px 0 0; overflow:hidden; }
.arcade-home .card__art--scene img { width:100%; height:100%; object-fit:cover; }
.arcade-home .card__art--scene + .card__tag { margin-top:0; }
.arcade-home .card__fav { box-shadow:0 2px 8px #0001; }
.arcade-home .card__mech { min-height:0; }
.arcade-home .card__play { margin-top:auto; }
@media(prefers-color-scheme:dark) { .arcade-home { --arcade-paper:#101914; } }
@media(max-width:680px) {
 .arcade-home .catalog { padding:22px 16px 44px; }
 .arcade-home .catalog__head { grid-template-columns:1fr;   }
 .arcade-home .catalog__welcome { grid-column:auto; max-width:none; display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; }
 .arcade-home .catalog__browse { padding:0; min-height:44px; display:flex; align-items:center; }
 .arcade-home .catalog__head .catalog__intro {  }
 .arcade-section-title { align-items:start; }.arcade-section-title h2 { font-size:1.1rem; }
 .arcade-section-title > a { font-size:.72rem; }
 .feature-grid { display:flex; gap:12px; overflow-x:auto;   scroll-snap-type:x mandatory; }
 .feature { flex:0 0 84%; scroll-snap-align:start; }
 .feature__copy { padding:16px 18px 0; }.feature h3 { font-size:1.5rem; }.feature p { margin-bottom:14px; }
 .arcade-features { margin-bottom:24px; }.arcade-home .library-heading h2 { font-size:1.3rem; }
}
@media(prefers-reduced-motion:reduce) { .feature { transition:none; }.feature:hover { transform:none; }.feature-grid { scroll-behavior:auto; } }
.feature:hover { text-decoration:none; }
@media(max-width:680px) {
 .feature-grid { padding:8px 8px 14px; margin:0 -8px; }
}

.arcade-arrow { display:inline-block; vertical-align:middle; flex:0 0 auto; }
.arcade-home #surprise { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
/**/
@media(max-width:680px) {
 .arcade-home .catalog { padding-top:16px; }
 .arcade-home .catalog__head { gap:12px; padding-bottom:14px; margin-bottom:16px; }
 .arcade-home .catalog__head h1 { margin-bottom:12px; }
 .arcade-home .catalog__head .catalog__intro { font-size:2.5rem; }
 .arcade-home .catalog__head .catalog__stat { margin-top:0; padding-top:10px; }
 .arcade-section-title { gap:12px; margin-bottom:10px; }
}
@media(max-width:380px) { .arcade-home .catalog__head .catalog__intro { font-size:2.25rem; } }

.arcade-home [data-catalog-ui][inert] { display: none !important; }
