/* RDE // KONTRAKT — multiplayer screens (uses the tokens and .ce-* styles of the singleplayer) */
.mp-auth { max-width: 420px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.mp-auth label { display: flex; flex-direction: column; gap: 6px; font-size: 11px; color: var(--dim); letter-spacing: 1px; text-transform: uppercase; }
.mp-lead { margin: 0 0 4px; color: var(--txt); font-size: 14px; line-height: 1.5; }
.mp-chars { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
.mp-char { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.03); text-align: center; }
.mp-char canvas { position: static; width: 100%; height: auto; aspect-ratio: 1; border-radius: 4px; }
.mp-char b { font: 600 18px var(--f-head); letter-spacing: 1px; text-transform: uppercase; overflow-wrap: anywhere; }
.mp-char span { color: var(--gold); font: 500 11px var(--f-head); letter-spacing: 2px; text-transform: uppercase; }
.mp-char .btn { width: 100%; margin-top: 4px; }
.mp-new { justify-content: center; min-height: 260px; color: var(--dim); font-size: 42px; border-style: dashed; background: transparent; }
.mp-new span { font-size: 12px; color: var(--dim); }
.mp-new:hover { color: var(--txt); border-color: var(--red); }
.mp-foot { justify-content: space-between; align-items: center; margin-top: 16px; font-size: 13px; color: var(--dim); }
.mp-err { margin-top: 8px; }