/* Branding changes apply only to Player Selection. */
.setup-screen[data-stage="player"] .setup-logo{top:auto;bottom:3%;right:3%;width:clamp(110px,11vw,200px);z-index:2}
.setup-screen[data-stage="player"] .player-nameplate{top:4%;right:3%;width:36%;text-align:right;z-index:1;text-shadow:none}
.setup-screen[data-stage="player"] .player-nameplate span{display:inline;font-size:clamp(18px,1.8vw,30px);-webkit-text-stroke:2px #000;paint-order:stroke fill}
.setup-screen[data-stage="player"] .player-nameplate strong{display:block;margin:5px 0;font-size:clamp(30px,3.5vw,58px)}
/* The nickname is SVG artwork; outline its alpha silhouette. */
.setup-screen[data-stage="player"] .refuel-nickname{max-width:100%;height:clamp(30px,4vw,62px);filter:drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000)}
.character-preview,.character-preview-fallback{position:absolute;right:14%;bottom:0;width:40%;height:86%;object-fit:contain;object-position:center bottom;pointer-events:none;background:transparent}
.character-preview[src$="/glug-select.webm"],.character-preview[src$="/tapper-select.webm"],.character-preview-fallback[data-player="1"],.character-preview-fallback[data-player="2"]{--preview-safe:max(24px,3vh);bottom:var(--preview-safe);height:min(86%,calc(100% - var(--preview-safe) - var(--preview-safe)))}
/* Fred's raised disc needs a larger, fully contained frame rather than a transform
   that can send hands or feet offscreen. Keep both vertical edges safely inset. */
.character-preview[src$="/cryptobro-select.webm"],.character-preview-fallback[data-player="4"]{--preview-safe:max(24px,3vh);right:12%;width:44%;bottom:var(--preview-safe);height:calc(100% - var(--preview-safe) - var(--preview-safe))}
@media(max-width:740px){.character-preview,.character-preview-fallback{right:0;width:44%;height:78%;bottom:0}.setup-screen[data-stage="player"] .player-nameplate{top:5%;right:3%;width:39%}.setup-screen[data-stage="player"] .player-nameplate span{font-size:18px}.setup-screen[data-stage="player"] .refuel-nickname{height:28px}.setup-screen[data-stage="player"] .setup-logo{width:100px;bottom:2%;right:3%}}
@media(max-width:740px){.character-preview[src$="/cryptobro-select.webm"],.character-preview-fallback[data-player="4"]{right:max(12px,1.5vw);width:48%}}
@media(max-width:740px){.setup-screen[data-stage="player"]:has(.character-preview[src$="/cryptobro-select.webm"]) .player-nameplate{top:3%}.setup-screen[data-stage="player"]:has(.character-preview[src$="/cryptobro-select.webm"]) .player-nameplate .player-mugshot{width:48px;height:48px}}
/* Match the shared character framing: Tapper's visible silhouette is slightly
   shorter than Matt's, with both feet on the same stage baseline. */
.setup-screen[data-stage="player"]{--preview-lift:clamp(20px,3.5vh,34px)}
.character-preview[src$="/tapper-select.webm"],.character-preview-fallback[data-player="2"]{right:14%;width:39.2%;bottom:calc(2% + var(--preview-lift));height:80.36%}
.character-preview[src$="/highrolla-select.webm"],.character-preview-fallback[data-player="3"]{bottom:var(--preview-lift)}
@media(max-width:740px){.character-preview[src$="/tapper-select.webm"],.character-preview-fallback[data-player="2"]{right:0;width:43.12%;bottom:calc(2% + var(--preview-lift));height:72.52%}}
