/* Room setup uses the same tabletop palette, with the code and seats easy to scan. */
.join-mode-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.join-mode-actions button{min-width:0}.join-mode-actions .watch-recommended{border-color:#f2c779;background:#4c5435;color:#ffe4a1}.network-hud .watch-count{font-size:13px;color:#d8c18c;white-space:nowrap}.watch-mode{border-color:#a3b587;background:linear-gradient(120deg,#2c4335,#172b22)}.spectator-note{padding:16px 20px;border:1px solid #a8b67955;background:#152c21;border-radius:10px;line-height:1.8;color:#d2ddc1;font-size:15px}.spectator-lobby .lobby-seats{margin-top:20px}.spectator-lobby .lobby-bottom button{flex-shrink:0}body:has(.watch-mode) .center-trades,body:has(.watch-mode) #reserveBtn,body:has(.watch-mode) #repayBtn{display:none}
body:has(.online-lobby) main{max-width:1240px;padding:12px 24px}
body:has(.online-lobby) footer{padding:12px 24px}
.lobby-room-bar{max-width:1180px;margin:0 auto 12px;padding:15px 22px;background:linear-gradient(120deg,#304634,#172b22);box-shadow:inset 0 1px #f6d38e25}
.room-code-block{display:grid;gap:3px}.room-code-block>span{font-size:12px;color:#bfd0b9}.lobby-room-bar .room-code-block b{font:800 30px/1.2 Consolas,monospace;letter-spacing:3px;color:#ffdc94}
.lobby-room-bar #networkStatus{font-size:13px;color:#b4c9b8}.lobby-room-bar button{font-size:16px;padding:12px 18px}
.online-lobby{max-width:1180px;margin:0 auto;padding:24px 28px;background:radial-gradient(ellipse at 0 0,#50604644,transparent 65%),#1c3025;border-color:#9e8e58}
.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.lobby-heading .eyebrow{font-size:12px;letter-spacing:1.5px}.online-lobby h1{font-size:30px;margin:6px 0 0;line-height:1.3}
.lobby-capacity{text-align:right;display:grid;gap:5px}.lobby-capacity>b{font-size:30px;color:#f4cf88;line-height:1.1}.lobby-capacity b small{font-size:18px;color:#a6b79d}.lobby-capacity>span{font-size:13px;color:#b0c2a8}
.lobby-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.lobby-section-label{font-size:14px;font-weight:750;color:#e1c891;display:flex;justify-content:space-between;gap:8px}.lobby-section-label>span{font-size:12px;font-weight:500;color:#a9bba2}
.lobby-seats{gap:12px;margin:12px 0 0}.lobby-seat{padding:14px;min-height:140px;gap:8px;border-color:#7a8d6655;box-shadow:inset 0 1px #e4d28d12}.lobby-seat.occupied{border-color:#93a074;background:linear-gradient(140deg,#354e39,#1b3025)}.lobby-seat.bot-seat{border-style:solid;background:#273b2e}
.lobby-seat-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.lobby-pawn{height:43px;width:33px;display:grid;place-items:center}.lobby-pawn svg{height:43px;width:30px}.empty-lobby-seat{color:#708968;font-size:28px}.lobby-seat-state{font-size:11px;color:#b7b38e;padding:4px 6px;background:#0d211955;border-radius:5px}.lobby-seat-state.is-ready{color:#add5af;background:#82b97b15}
.lobby-seat strong{font-size:19px;overflow-wrap:anywhere;line-height:1.25}.lobby-seat small{font-size:12px;line-height:1.5;color:#aebfa6}
.online-lobby .lobby-career{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px;margin:0;border-color:#a7915755;background:linear-gradient(140deg,#44503a77,#14281e)}.online-lobby .lobby-career>strong{font-size:22px;color:#f2d8a0}.online-lobby .lobby-career p{font-size:13px;margin:0;line-height:1.7}.lobby-career button{font-size:15px;padding:11px 14px}
.lobby-job-money{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lobby-job-money span{font-size:12px;color:#bbcaae}.lobby-job-money b{display:block;font-size:22px;margin-top:3px;color:#f3d395}
.online-lobby .lobby-settings{display:flex;gap:10px;margin:12px 0 0;font-size:14px;justify-content:space-between}.lobby-settings label{gap:8px}.lobby-settings select{padding:8px;min-width:54px}.lobby-settings button{font-size:13px;padding:10px 13px}.lobby-wait-note{font-size:13px;line-height:1.7;color:#a8bba3;padding:12px 0}
.lobby-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #b4a25b33;margin-top:22px;padding-top:20px}.lobby-bottom>div>strong{font-size:17px;color:#ead3a0}.lobby-bottom p{font-size:13px;color:#aabd9f;margin:6px 0 0}.lobby-actions{margin:0;gap:10px}.lobby-actions button{font-size:16px;padding:13px 20px}.lobby-actions>span{font-size:13px;color:#b6c7ad}.lobby-footnote{display:flex;justify-content:space-between;gap:14px;margin-top:18px;color:#92a58b;font-size:11px;line-height:1.5}
.invite-code strong{display:block;font:800 34px/1.5 Consolas,monospace;letter-spacing:3px;color:#ffdc94}
.event-card-heading{margin:14px 0 18px}.event-card-owner{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.event-card-owner>strong{font-size:clamp(24px,2.2vw,32px);color:#f3d393;line-height:1.3;overflow-wrap:anywhere}.event-card-owner>span:last-child{font-size:13px;color:#aebfa5}.event-card-owner .avatar{width:40px;height:40px;font-size:23px;flex-shrink:0}.modal .event-card-heading h2{font-size:clamp(24px,2.2vw,32px);margin:10px 0 0;line-height:1.4}.life-result-modal .event-card-heading{margin-top:12px}.event-card-heading+p{margin-top:0}
.game-intro-modal{max-width:640px;text-align:center;padding:30px}.intro-bitcoin{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;font-size:44px;font-weight:900;color:#68451e;background:linear-gradient(135deg,#ffe6a6,#d6a150);box-shadow:0 5px #806237;border:4px double #fff0ba;transform:rotate(-12deg)}.game-intro-modal .eyebrow{font-size:12px}.game-intro-modal h2{font-size:32px;line-height:1.5;margin:14px 0}.game-intro-modal h2 em{font-style:normal;color:#f7cd7c}.game-intro-modal>p{font-size:16px;line-height:1.9}.intro-rule-note{border:1px solid #b1a36a55;background:#14271e;padding:14px;border-radius:10px;font-size:15px;line-height:1.8;color:#d8ddbd}.game-intro-modal .receipt-footer{margin-top:24px;text-align:left}.game-intro-modal button{font-size:16px;padding:14px 20px}
.online-entry-modal{padding:26px;width:650px}.online-entry-modal h2{font-size:28px;margin:10px 0}.online-entry-modal>p{font-size:15px;margin:10px 0 16px}.online-entry-modal .field{font-size:14px;margin-bottom:12px}.online-entry-modal input,.online-entry-modal select{font-size:16px;padding:10px 12px}.online-entry-modal .race-rule-summary{padding:10px 12px;gap:5px}.online-entry-modal .race-rule-summary strong{font-size:17px}.online-entry-modal .race-rule-summary span{font-size:12px}.online-entry-modal button.primary,.online-entry-modal button.secondary{padding:12px;font-size:16px}.online-entry-modal .join-divider{margin:16px 0 12px;font-size:13px}
@media(min-width:901px) and (max-height:850px){body:has(.online-lobby) .topbar{height:58px}.online-lobby{padding:18px 24px}.lobby-heading{margin-bottom:14px}.lobby-seat{min-height:125px;padding:10px 12px}.lobby-bottom{margin-top:16px;padding-top:14px}.lobby-footnote{margin-top:12px}.lobby-room-bar{padding:12px 20px}.online-lobby h1{font-size:28px}}
@media(max-width:900px){.lobby-content{grid-template-columns:1fr}.lobby-personal{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.online-lobby .lobby-settings{margin-top:0}.lobby-bottom{flex-wrap:wrap}.lobby-room-bar #networkStatus{display:none}}
@media(max-width:600px){body:has(.online-lobby) main{padding:10px}.lobby-room-bar{padding:14px;gap:14px}.lobby-room-bar>div{gap:12px}.lobby-room-bar .room-code-block b{font-size:28px}.lobby-room-bar button{font-size:14px;padding:10px 14px}.online-lobby{padding:18px 14px}.online-lobby h1{font-size:25px}.lobby-heading .eyebrow{font-size:10px}.lobby-capacity>span{font-size:11px}.lobby-content{gap:16px}.lobby-section-label>span{font-size:10px}.lobby-seats{grid-template-columns:1fr 1fr}.lobby-seat{min-height:125px;padding:12px}.lobby-personal{grid-template-columns:1fr}.lobby-bottom{gap:16px}.lobby-actions{width:100%}.lobby-actions button{flex:1;padding:12px 10px;font-size:14px}.lobby-footnote{flex-direction:column;gap:4px}.game-intro-modal{padding:24px 18px}.game-intro-modal h2{font-size:26px}.game-intro-modal .receipt-footer{flex-direction:column;align-items:stretch;gap:12px}.game-intro-modal .receipt-footer>span{text-align:center}.online-entry-modal{padding:24px 18px}.online-create-settings{gap:10px}.event-card-owner{gap:8px}.event-card-owner>span:last-child{font-size:12px}}

/* Center the shared objective without using extra board height. */
.game-stage>.intro.centered-game-goal{justify-content:center;text-align:center;margin:0;min-height:44px}
.centered-game-goal .round-chip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 18px;text-align:center;padding:4px 20px}
.centered-game-goal .round-chip .race-label{display:inline-block;margin:0;font-size:14px;color:#f4d58b;font-weight:800}
.kick-seat{align-self:flex-end;margin:3px 0 0;padding:7px 12px;min-height:36px;font-size:14px;line-height:1.4;color:#f0c4b4;border:1px solid #be867566;border-radius:7px;background:#462d2766;cursor:pointer}
.kick-seat:hover{border-color:#e3a691;background:#64372a}
.kick-seat:focus-visible{outline:2px solid #f0c883;outline-offset:3px}.lobby-manage-note{margin:12px 0 0;font-size:13px;line-height:1.6;color:#bbcbb1}
.lobby-seat-state [data-ready-at]{font-size:12px;color:#f5d18a}
@media(max-width:600px){.centered-game-goal .round-chip{gap:3px 10px;padding:5px 10px}.centered-game-goal .round-chip .race-label{font-size:12px}}

/* A disconnected seat stays readable, while its whole card loses color. */
.seat-card.offline-seat,.lobby-seat.offline-seat{filter:grayscale(1);background:linear-gradient(145deg,#343936,#242a27);border-color:#747d76;border-style:dashed;box-shadow:none}.seat-card.offline-seat .seat-name small{color:#d0d5cf}.seat-card.offline-seat .avatar{opacity:.65}.auction-quick-prices{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.auction-quick-prices button{font-size:17px;font-weight:800;padding:10px 18px;min-width:72px}.auction-quick-prices button.selected{border-color:#f1cc83;background:#556344;color:#ffe1a2}
/* Public auction: quotes remain visible while the player edits their next bid. */
.open-auction-modal { width: min(1000px, 95vw); }
.open-auction-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.auction-leading { padding: 14px 18px; border: 1px solid #a98d51; border-radius: 10px; background: #182d22; display: grid; gap: 4px; }
.auction-leading span, .auction-self { color: #f3d995; font-weight: 800; }
.auction-leading strong { font-size: clamp(28px, 3vw, 40px); color: #ffdf92; font-variant-numeric: tabular-nums; }
.auction-public-seats { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 10px 0; }
.auction-public-seats > div { display: grid; gap: 4px; padding: 9px 12px; border: 1px solid #45604a; border-radius: 7px; min-width: 0; }
.auction-public-seats span { overflow-wrap: anywhere; }
.auction-public-seats b { color: #e2e9db; font-variant-numeric: tabular-nums; }
.auction-public-seats .leading { border-color: #e7b961; background: #48452a; }
.auction-bid-history { display: grid; gap: 4px; color: #bed0be; font-size: 14px; }
.auction-bid-history small { color: #e7c67f; white-space: nowrap; }
.auction-controls .field { margin: 12px 0; }
.auction-controls .modal-actions { flex-wrap: wrap; gap: 8px; }
@media(max-width: 700px) { .open-auction-layout { grid-template-columns: 1fr; gap: 12px; } }
.modal.open-auction-modal { width: min(1040px, calc(100vw - 48px)); max-width: 1040px; padding: 24px; }
.open-auction-modal .modal-actions { margin-top: 18px; }
.open-auction-modal .auction-controls > .hint { margin: 10px 0; font-size: 13px; line-height: 1.65; }
.open-auction-modal .auction-quick-prices { gap: 6px; }
.open-auction-modal .auction-quick-prices button { padding: 10px 12px; }
@media(max-width:700px) { .modal.open-auction-modal { width: calc(100vw - 24px); padding: 18px; } }
/* The online entrance separates hosting and joining into two clear steps. */
.modal.online-entry-organized { width: min(720px, calc(100vw - 32px)); padding: 24px 28px; }
.online-entry-organized > h2 { font-size: clamp(23px, 2.4vw, 30px); margin: 8px 0 12px; }
.entry-identity { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: #b4c8b2; margin-bottom: 16px; }
.entry-identity strong { color: #f5d58f; }
.entry-identity a { color: #c7d9b8; margin-left: auto; font-size: 13px; }
.entry-section { padding: 18px 20px; margin-top: 12px; background: #152c2199; border: 1px solid #7e87534d; border-radius: 12px; }
.entry-section-heading { display: flex; gap: 12px; align-items: flex-start; }
.entry-section-heading > span { display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 8px; color: #f3d493; background: #ad8b4e26; font-size: 14px; font-weight: 800; }
.entry-section h3 { margin: 0; font-size: 23px; color: #f4dfac; line-height: 1.4; }
.entry-section-heading p { margin: 4px 0 12px; font-size: 13px; line-height: 1.6; }
.entry-create-controls { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 14px; }
.online-entry-organized .field { font-size: 14px; margin: 0 0 10px; gap: 6px; }
.online-entry-organized .field input, .online-entry-organized .field select { font-size: 16px; padding: 11px 12px; }
.entry-create-controls .field { margin: 0; }
.entry-create-controls button, .online-entry-organized .join-mode-actions button { font-size: 16px; padding: 12px; }
.entry-section .entry-capacity { font-size: 12px; line-height: 1.6; margin: 10px 0 0; color: #afc4a5; }
.online-entry-organized #onlineError:empty { display: none; }
@media(max-width:520px) { .modal.online-entry-organized { padding: 20px 16px; } .entry-section { padding: 14px; } .entry-create-controls { grid-template-columns: 1fr; gap: 10px; } .entry-identity a { margin-left: 0; } }

/* The opening guide stays readable at desktop and phone landscape sizes. */
.intro-essentials-modal{width:780px!important;max-width:100%;padding:26px}.intro-essentials-modal h2{font-size:28px;margin:10px 0 18px}.intro-essentials{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.intro-essentials section{padding:13px 15px;border:1px solid #b1a36a55;border-radius:10px;background:#14271e}.intro-essentials h3{font-size:17px;margin:0 0 7px;color:#f7cd7c}.intro-essentials p{font-size:15px;line-height:1.7;margin:0;color:#d8ddbd}.intro-essentials b{font-weight:600;color:#f1e8c9}.intro-essentials-modal .intro-goal-note{font-size:13px;line-height:1.5;margin:12px 0 0;color:#b7c7ae}.intro-essentials-modal .receipt-footer{margin-top:16px}
@media(max-width:600px) and (orientation:portrait){.intro-essentials-modal{padding:20px 16px}.intro-essentials-modal h2{font-size:22px}.intro-essentials{grid-template-columns:1fr;gap:8px}.intro-essentials section{padding:9px 12px}.intro-essentials h3{font-size:15px;margin-bottom:4px}.intro-essentials p{font-size:14px;line-height:1.55}}
@media(max-width:600px) and (orientation:portrait){.intro-essentials-modal{width:calc(100vw - 28px)!important;max-height:calc(100dvh - 28px);padding:14px 12px;border-radius:14px}.intro-essentials-modal .eyebrow{font-size:10px;letter-spacing:1.5px}.intro-essentials-modal h2{font-size:20px;line-height:1.35;margin:6px 0 9px}.intro-essentials-modal .intro-rule-note{padding:7px 9px;font-size:12px;line-height:1.4;margin:7px 0}.intro-essentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.intro-essentials section{min-width:0;padding:8px 9px;border-radius:8px}.intro-essentials h3{font-size:13px;line-height:1.35;margin-bottom:4px}.intro-essentials p{font-size:11px;line-height:1.45;overflow-wrap:anywhere}.intro-essentials-modal .receipt-footer{margin-top:10px;gap:7px}.intro-essentials-modal .receipt-footer>span{font-size:11px}.intro-essentials-modal button{font-size:14px;padding:10px 12px}}
@media(orientation:landscape) and (max-height:600px){.intro-essentials-modal{width:760px!important;padding:12px 16px}.intro-essentials-modal .eyebrow{font-size:10px}.intro-essentials-modal h2{font-size:20px;line-height:1.3;margin:5px 0 9px}.intro-essentials{gap:7px}.intro-essentials section{padding:7px 10px}.intro-essentials h3{font-size:13px;margin-bottom:3px}.intro-essentials p{font-size:12px;line-height:1.45}.intro-essentials-modal .intro-goal-note{font-size:11px;margin-top:7px}.intro-essentials-modal .receipt-footer{margin-top:8px;gap:8px}.intro-essentials-modal button{font-size:12px;padding:8px 12px}.intro-essentials-modal .receipt-footer>span{font-size:11px}}

/* Keep the room tier prominent; its host control stays small and out of the title's centering. */
.online-lobby .lobby-heading.has-tier-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center;min-height:82px;margin-bottom:22px}
.lobby-heading-note{font-size:16px;color:#b9c8ac;line-height:1.5}
.lobby-mode-title{display:flex;align-items:center;gap:4px;color:#f4d28b}
.lobby-mode-title strong{font-size:18px;font-weight:600}
.lobby-mode-title button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#d9bc7b;font-size:24px;box-shadow:none}
.lobby-mode-title button:hover{background:#f0cf8212}
.lobby-mode-description{display:block;font-size:12px;color:#b9c8ac;line-height:1.5}
.modal.room-profession-mode-modal{width:480px;max-width:100%;padding:24px}
.room-profession-mode-modal h2{font-size:24px;margin:8px 0 18px}
.room-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.room-mode-options button{padding:10px;font-size:16px;min-height:64px}
.room-mode-options small,.room-fixed-professions small{display:block;font-size:12px;font-weight:400;line-height:1.6;margin-top:4px}
.room-mode-options button[aria-pressed=true],.room-fixed-professions button[aria-pressed=true]{border-color:#f4cf88;background:#4b5134;color:#ffe1a1;box-shadow:inset 0 -2px #dbb864}
.room-profession-mode-modal .room-mode-label{font-size:13px;margin:18px 0 8px;color:#b9c8ac}
.room-fixed-professions{display:grid;gap:8px}
.room-fixed-professions button{padding:9px 12px;text-align:left;font-size:15px;min-height:58px}
.room-profession-mode-modal .room-mode-warning{font-size:13px;line-height:1.7;color:#bac9ae;margin:16px 0}
.room-profession-mode-modal .modal-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}
.room-profession-mode-modal .modal-actions button{font-size:14px;min-height:44px;padding:10px}
@media(max-width:600px){.lobby-mode-title strong{font-size:15px}.lobby-mode-description{font-size:11px}.modal.room-profession-mode-modal{padding:20px 16px}.room-profession-mode-modal h2{font-size:21px}.room-mode-options button{font-size:14px}.room-fixed-professions small{font-size:11px}}
.lobby-tier-heading{text-align:center;padding:3px 0}
.lobby-tier-title{position:relative;display:inline-block}
.online-lobby .lobby-tier-title h1{font-size:34px;line-height:1.2;letter-spacing:2px;color:#f4d28b;margin:0}
.lobby-tier-heading p{font-size:14px;color:#b9c8ac;margin:7px 0 0;white-space:nowrap;line-height:1.5}
.lobby-tier-heading p strong{color:#f4d28b}
.lobby-tier-title .lobby-tier-switch{position:absolute;left:100%;top:-8px;margin-left:3px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;box-shadow:none;background:transparent;color:#d9bc7b;font-size:25px;line-height:1;border-radius:8px}
.lobby-tier-switch:hover{background:#f0cf8212;color:#ffe3a1}
.has-tier-heading .lobby-capacity{justify-self:end}
.modal.room-tier-modal{width:430px;max-width:100%;padding:24px}
.room-tier-modal h2{font-size:24px;margin:8px 0 20px}
.room-tier-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.room-tier-options button{font-size:15px;min-height:65px;padding:10px 6px}
.room-tier-options small{display:block;font-size:11px;font-weight:400;margin-top:4px;white-space:nowrap}
.room-tier-options button[aria-pressed=true]{border-color:#f4cf88;background:#4b5134;color:#ffe1a1;box-shadow:inset 0 -2px #dbb864}
.room-tier-modal .room-tier-warning{font-size:13px;line-height:1.7;color:#bac9ae;margin:16px 0 20px}
.room-tier-modal .modal-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:8px}
.room-tier-modal .modal-actions button{min-height:44px;font-size:14px;padding:10px}
@media(max-width:600px){
 .online-lobby .lobby-heading.has-tier-heading{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
 .has-tier-heading .lobby-heading-note{font-size:12px;grid-column:1;grid-row:1}
 .has-tier-heading .lobby-capacity{grid-column:2;grid-row:1}
 .has-tier-heading .lobby-capacity>b{font-size:22px}
 .has-tier-heading .lobby-capacity>span{font-size:10px}
 .lobby-tier-heading{grid-column:1/-1;grid-row:2;padding:2px 0 3px}
 .online-lobby .lobby-tier-title h1{font-size:28px}
 .lobby-tier-heading p{font-size:12px;margin-top:5px}
 .lobby-tier-title .lobby-tier-switch{font-size:22px;top:-9px;margin-left:0}
 .modal.room-tier-modal{padding:20px 16px}
 .room-tier-modal h2{font-size:21px;margin:6px 0 16px}
 .room-tier-options button{font-size:14px;min-height:60px}
 .room-tier-modal .room-tier-warning{font-size:12px;margin:14px 0 16px}
}

/* Match the in-game avatar corner badge without adding a second identity row. */
.lobby-seat:is(.occupied,.bot-seat) .lobby-pawn{position:relative;margin-left:20px}.lobby-pawn .seat-rank-badge{position:absolute;left:-24px;top:-10px;width:36px;height:36px;z-index:3;pointer-events:none}.lobby-pawn .seat-rank-badge .rank-art{width:100%;height:100%;filter:drop-shadow(0 2px 2px #07120c)}
/* Use the same rank scaling as the in-game player cards. */
.lobby-seat:is(.occupied,.bot-seat) .lobby-pawn{margin-left:44px}
.lobby-pawn .seat-rank-badge{--seat-rank-base:54px;width:calc(var(--seat-rank-base)*var(--rank-scale,1));height:calc(var(--seat-rank-base)*var(--rank-scale,1));left:-50px;top:-14px}
@media(max-width:600px){.lobby-seat:is(.occupied,.bot-seat) .lobby-pawn{margin-left:35px}.lobby-pawn .seat-rank-badge{--seat-rank-base:44px;left:-41px;top:-11px}}

/* Anchor the rank badge to the card corner, independently of its avatar. */
.lobby-seat:is(.occupied,.bot-seat){position:relative;overflow:visible}.lobby-seat:is(.occupied,.bot-seat) .lobby-pawn{position:static;margin-left:20px}.lobby-seat:is(.occupied,.bot-seat) .seat-rank-badge{left:-14px;top:-17px}
@media(max-width:600px){.lobby-seat:is(.occupied,.bot-seat) .lobby-pawn{margin-left:16px}.lobby-seat:is(.occupied,.bot-seat) .seat-rank-badge{left:-10px;top:-14px}}