/* Scoped: preserve the restored homepage and game-card animation. */
.home-banner-demo{padding-block:24px 4px}
.home-banner-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.home-banner-heading{min-width:0}
.home-banner-kicker{display:block;margin-bottom:6px;color:var(--brand-muted);font:600 10px/1.5 var(--mono);letter-spacing:.14em}
.home-banner-heading h2{margin:0;color:var(--text);font:650 clamp(20px,2vw,24px)/1.3 var(--display);letter-spacing:-.025em}
.home-banner-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.home-banner-demo .home-banner-demo-badge{min-height:26px;padding:4px 9px;border-color:var(--line);color:var(--text-muted);font:500 11px/1.4 var(--mono);background:var(--bg-sunken)}
.home-banner-advertise{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;white-space:nowrap}
.home-banner-advertise:focus-visible{outline:2px solid var(--brand);outline-offset:5px;border-radius:3px}
.home-banner-grid{position:relative;isolation:isolate;display:grid;align-items:start;grid-template-columns:minmax(0,1fr);gap:12px}
.home-banner-demo .home-banner-card{--radius-box:0px;position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:0;background:var(--bg-sunken);box-shadow:none}
.home-banner-art{display:block;margin:0;aspect-ratio:468/60;overflow:hidden;background:var(--bg-sunken)}
.home-banner-art img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:468/60;object-fit:contain}
.home-banner-demo .home-banner-art,.home-banner-demo .home-banner-art img{border-radius:0}
.home-banner-card>ember-glow{z-index:2}
@media(forced-colors:active){.home-banner-card>ember-glow{display:none}}
.home-banner-preview-note{margin:12px 0 0;color:var(--text-muted);font-size:11px;line-height:1.6}
@media(min-width:640px){.home-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.home-banner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px){.home-banner-demo{padding-top:18px}.home-banner-head{align-items:flex-start;gap:10px}.home-banner-actions{flex-direction:column;align-items:flex-end;gap:1px}.home-banner-kicker{font-size:9px}.home-banner-demo .home-banner-demo-badge{font-size:10px}.home-banner-advertise{font-size:11px}.home-banner-preview-note{font-size:11px}}
.home-banner-link{display:block;position:relative;z-index:1}
.home-banner-link:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.home-banner-demo .home-banner-placeholder{border-radius:0;border-color:color-mix(in srgb,var(--brand) 38%,var(--line));background:linear-gradient(110deg,var(--bg-sunken),var(--bg-panel));box-shadow:none}
.home-banner-placeholder .adv-card-body{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;min-height:120px}
.home-banner-placeholder-copy{min-width:0}
.home-banner-placeholder .home-banner-kicker{display:flex;align-items:center;gap:8px}
.home-banner-placeholder .home-banner-kicker svg{width:18px;height:18px;flex-shrink:0}
.home-banner-placeholder h2{margin:0;color:var(--text);font:650 clamp(20px,2vw,25px)/1.3 var(--display)}
.home-banner-placeholder p{margin:8px 0 0;color:var(--text-muted);font-size:13px;line-height:1.6}
.home-banner-placeholder .adv-card-actions{flex-shrink:0}
.home-banner-placeholder .adv-btn{min-height:44px;height:auto;white-space:normal;text-align:center;font-size:13px}
@media(max-width:639px){.home-banner-placeholder .adv-card-body{align-items:flex-start;flex-direction:column;gap:18px;padding:20px}.home-banner-placeholder .adv-card-actions{width:100%}.home-banner-placeholder .adv-btn{width:100%}}