.player-strip{position:fixed;z-index:45;bottom:0;left:0;right:0;display:flex;gap:6px;padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:#0a1512f5;border-top:1px solid #b08a454d;box-shadow:0 -6px 24px #0005;backdrop-filter:blur(12px);touch-action:pan-x pan-y;}
.player-strip::-webkit-scrollbar{display:none}.player-strip:focus-visible{outline:2px solid #e8c475;outline-offset:-2px}
.strip-player{box-sizing:border-box;flex:0 0 180px;height:62px;display:flex;align-items:center;gap:5px;padding:2px 8px 4px 3px;border:1px solid #c79f542d;border-radius:9px;background:#12201be6;color:#f2dfb8;min-width:0}
.strip-player.is-me{border-color:#d4b06099;background:#283023}.strip-player .rank-badge{width:52px;flex:0 0 52px;margin:0;padding:0;height:55px}.strip-player .rank-elo{display:none}.strip-player .rank-stars{position:absolute;top:40px;margin:0;min-height:0;gap:1px}.strip-player .rank-stars span{font-size:12px;line-height:12px}.strip-player .rank-aperture{font-size:20px}.strip-player .rank-aperture img{width:100%;height:100%;object-fit:cover}
.strip-info{min-width:0;flex:1;display:grid;gap:4px}.strip-name{display:flex;align-items:center;gap:4px;min-width:0;height:17px}.strip-name strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:600 13px Georgia,serif}.strip-you{font:700 8px system-ui;background:#bfa267;color:#17201a;padding:1px 3px;border-radius:3px}.strip-numbers{display:flex;justify-content:space-between;align-items:center;font:11px system-ui;gap:5px;font-variant-numeric:tabular-nums;white-space:nowrap}.strip-numbers small{font-size:8px;color:#b6ad97}.strip-numbers i{font-style:normal;font-size:12px}.strip-liquid{height:3px;background:#ffffff20;border-radius:3px;overflow:hidden}.strip-liquid>i{height:100%;display:block;background:linear-gradient(90deg,#b58029,#f7cf72);border-radius:inherit;transition:width .5s ease}
body.has-player-strip .app-shell{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
@media(min-width:1120px){.player-strip{justify-content:safe center}}
@media(max-width:720px){body.has-player-strip .rps-panel .minigame-status{bottom:calc(80px + env(safe-area-inset-bottom))}body.has-player-strip .rps-panel{padding-bottom:145px}}
@media(prefers-reduced-motion:reduce){.strip-liquid>i{transition:none}}
/* A phone held sideways with many at the table: every card shares the width instead of overlapping or scrolling away. */
@media(max-width:900px){.strip-player{flex:1 1 0;max-width:180px;min-width:0;padding-right:5px}.player-strip:has(.strip-player:nth-child(4)) .rank-badge{zoom:.78}.player-strip:has(.strip-player:nth-child(5)) .strip-numbers>span:first-child{display:none}.player-strip:has(.strip-player:nth-child(5)) .strip-numbers{justify-content:flex-end}.strip-name strong{font-size:12px}}
/* Practice against bots has no ratings: ELO there would mean nothing. */
body.practice-page .strip-numbers>span:first-child{display:none}body.practice-page .strip-numbers{justify-content:flex-end}