.player-interactions { color: #e5dcc3; font: 13px/1.4 system-ui, sans-serif; }
.player-interactions [hidden] { display: none !important; }
.player-interactions button { min-height: 40px; border: 1px solid #79745b; border-radius: 2px; background: #282b23; color: #e5dcc3; padding: 8px 12px; font: inherit; cursor: pointer; }
.player-interactions button:focus-visible { outline: 2px solid #dfc987; outline-offset: 3px; }
.player-interactions button:disabled { opacity: .45; cursor: default; }
.player-interactions .pi-nearby { position: fixed; right: max(16px, env(safe-area-inset-right)); top: 40%; z-index: 6; max-width: min(230px, 60vw); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-shadow: 0 3px 12px #0005; }
.player-interactions .pi-race-status { position: fixed; right: max(16px, env(safe-area-inset-right)); top: calc(40% + 48px); z-index: 5; padding: 5px 9px; background: #181c16e8; font-variant-numeric: tabular-nums; pointer-events: none; }
.player-interactions .pi-dialog { color-scheme: dark; width: min(300px, calc(100vw - 36px)); max-height: calc(100dvh - 36px); box-sizing: border-box; margin: auto; padding: 16px; border: 1px solid #79745b; border-radius: 3px; background: #191d16; color: #e5dcc3; box-shadow: 0 20px 70px #0009; font: 13px/1.4 system-ui, sans-serif; }
.player-interactions .pi-dialog::backdrop { background: #080b08a6; }
.player-interactions .pi-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.player-interactions .pi-name { overflow-wrap: anywhere; font-size: 16px; }
.player-interactions .pi-dialog [data-pi="close"] { background: transparent; border: 0; font-size: 22px; padding: 0 10px; }
.player-interactions .pi-detail { margin: 12px 0; color: #c0bba5; }
.player-interactions .pi-actions { display: flex; gap: 8px; }
.player-interactions .pi-actions button { flex: 1; }
.player-interactions .pi-message { margin: 10px 0 0; color: #dcc48d; }