/* Banner art is decorative; player identity remains readable above it. */
[data-player-banner]{background-color:#172033!important;background-image:linear-gradient(90deg,#080c1699,#080c1640),var(--player-banner-image)!important;background-size:cover!important;background-position:center!important;color:#fff!important}
[data-player-banner] .answer-player-name,[data-player-banner] .player-card-name,[data-player-banner] .answer-player-score,[data-player-banner] .profile-name-row,[data-player-banner] .profile-joined{color:#fff}
.banner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.banner-store-card,.banner-choice{min-width:0;overflow:hidden;border:1px solid var(--yap-border,#575578);border-radius:12px;background:var(--yap-surface,#24263e);color:#fff}
.banner-sample{height:88px;padding:14px;display:flex;align-items:flex-end;box-sizing:border-box;background:var(--yap-raised,#30354e)}
.banner-sample strong{font-size:14px;text-shadow:0 1px 6px #000}
.banner-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-size:12px}
.banner-controls button,.banner-admin button{padding:8px 16px;min-height:36px;border:0;border-radius:8px;background:var(--yap-primary,#34d399);color:#10151f;font-weight:700;cursor:pointer}
.banner-choice{padding:0;text-align:left;font:inherit;cursor:pointer}.banner-choice>span{display:block;padding:9px 12px;font-size:12px}.banner-choice[aria-pressed=true]{border:2px solid var(--yap-primary,#34d399)}.banner-choice:disabled{cursor:default}.banner-choice:focus-visible{outline:2px solid var(--yap-primary,#34d399);outline-offset:3px}
.banner-admin{padding:0 12px 12px;font-size:12px}.banner-admin summary{cursor:pointer;color:var(--yap-muted,#b7b8ca)}.banner-admin form{display:flex;gap:10px;align-items:end;margin-top:10px;flex-wrap:wrap}.banner-admin label{display:grid;gap:6px}.banner-admin input{width:100px}
.game-layout.finished-layout .answer-player-grid{grid-template-rows:none;grid-auto-rows:minmax(78px,auto);align-content:start;gap:12px;overflow:visible}
.game-layout.finished-layout .answer-player-card{box-sizing:border-box;min-height:78px;height:auto;padding:10px 12px;row-gap:3px}
@media(max-width:850px){.banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.banner-grid{grid-template-columns:minmax(0,1fr)}}
[data-player-banner="cherry"]{--player-banner-image:url("/images/banners/cherry.svg?v=banners-50")}
[data-player-banner="meteor"]{--player-banner-image:url("/images/banners/meteor.svg?v=banners-50")}
[data-player-banner="spooky"]{--player-banner-image:url("/images/banners/spooky.svg?v=banners-50")}
[data-player-banner="bubbles"]{--player-banner-image:url("/images/banners/bubbles.svg?v=banners-50")}
[data-player-banner="arcade"]{--player-banner-image:url("/images/banners/arcade.svg?v=arcade-motion-57")}
[data-player-banner="cosmic"]{--player-banner-image:url("/images/banners/cosmic.svg?v=banners-50")}
[data-player-banner="monochrome"]{--player-banner-image:url("/images/banners/monochrome.svg?v=banners-50")}


[data-player-banner="shapes"]{--player-banner-image:url("/images/banners/shapes.svg?v=banners-50")}
[data-player-banner="ember"]{--player-banner-image:url("/images/banners/ember.svg?v=banners-50")}
[data-player-banner="glass"]{--player-banner-image:url("/images/banners/glass.svg?v=banners-50")}
[data-player-banner="eclipse"]{--player-banner-image:url("/images/banners/eclipse.svg?v=banners-50")}
[data-player-banner="fireworks"]{--player-banner-image:url("/images/banners/fireworks.svg?v=fireworks-53")}
.player-card[data-player-banner="eclipse"]{--player-banner-image:url("/images/banners/eclipse-card.svg?v=eclipse-centred-51");background-position:center!important}

.profile-redesign .banner-controls{gap:8px;border-top:1px solid var(--yap-border,#343b53)}
.profile-redesign .banner-controls .store-title-price{font-size:11px;text-align:left}
.profile-redesign .banner-controls button{min-height:32px;padding:6px 10px;font-size:11px;border-radius:7px}
.profile-redesign .banner-store-card.is-owned .banner-controls button{background:#263b37;color:#83d5b8;border:1px solid #41685e;opacity:1}
.profile-redesign .banner-admin{padding:0 12px 10px}
.profile-redesign .banner-admin summary{display:block;list-style:none;text-align:right;min-height:22px;box-sizing:border-box;padding:2px 0;font-size:11px;line-height:18px}
.profile-redesign .banner-admin summary::-webkit-details-marker{display:none}
.profile-redesign .banner-admin summary:hover{color:#fff}

[data-player-banner="architect"]{--player-banner-image:url("/images/banners/architect.svg?v=gold-glitter-61")}
.player-card[data-player-banner="architect"]{background-position:79% center!important}