#players.players{display:flex;flex-direction:column;gap:0;max-width:760px;margin:0 auto;border-top:1px solid #476153}
.entry-help{font-size:16px;line-height:1.6;color:#b6caba;margin:0 0 22px}.seat-option{display:flex;align-items:stretch;gap:10px}.seat-option>.party-row{flex:1;min-width:0;text-align:left;border-radius:0}.seat-option button.party-row{width:auto;background:#172b22}.seat-option button.party-row:hover{background:#254435;border-color:#dbc88f}.seat-option button.party-row:focus-visible,.seat-ai:focus-visible{outline:2px solid #e6d39b;outline-offset:3px}.seat-ai{align-self:center;min-width:92px;min-height:44px;font-size:14px}.party-row.own-seat{background:#26372b}.seat-option .party-name small{font-size:14px}.entry-layout:has(#join-panel:not([hidden])){grid-template-columns:1fr}.entry-layout:has(#join-panel:not([hidden]))>.entry-map{display:none}#join-panel .public-lobby{margin:24px 0}#join-form{max-width:520px}#room[data-mode="lobby"] .room-footer{margin-top:24px}
@media(max-width:500px){.seat-option{gap:6px}.seat-ai{min-width:70px;padding:10px 6px}.seat-option .party-name small{font-size:12px}.seat-option .party-row{grid-template-columns:minmax(0,1fr) auto}.seat-option .party-icon,.seat-option .party-portrait{display:none}.seat-option .party-name strong{font-size:16px}}
.public-lobby{margin:24px 0 32px;padding-bottom:24px;border-bottom:1px solid #476153}.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.directory-heading h2{font:26px Georgia,serif;margin:0}.public-lobby p{color:#b6caba;font-size:14px;line-height:1.5}.public-room{display:grid;grid-template-columns:minmax(0,1fr) auto 100px;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #344a3f}.public-room strong{display:block;overflow-wrap:anywhere;font-size:16px;color:#f2e6bd}.public-room>div>span{display:block;font-size:14px;color:#b6caba;margin-top:7px}.public-seats{font-size:14px;white-space:nowrap}.four-player-mode{grid-column:1/-1}.mode-choices small{font-size:12px}.computer-difficulty select{max-width:65%}
@media(max-width:700px){.public-room{grid-template-columns:minmax(0,1fr) 88px;gap:10px}.public-room>div{grid-column:1/-1}.public-seats{grid-column:1}.public-room button{grid-column:2}.computer-difficulty{align-items:start;flex-direction:column;gap:9px}.computer-difficulty select{max-width:100%;width:100%}.public-lobby{margin-top:20px}.directory-heading h2{font-size:23px}}
.computer-difficulty{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:760px;margin:18px auto;font-size:14px;color:#b6caba}
.computer-difficulty select{min-width:130px;max-width:55%;padding:9px 12px;border:1px solid #63715b;border-radius:4px;background:#17231d;color:#f2e6bd;font:inherit;letter-spacing:0}
.computer-difficulty select:focus-visible{outline:2px solid #dbc88f;outline-offset:2px}
.party-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:68px;padding:10px 12px;border-bottom:1px solid #344a3f;border-left:3px solid #80cba5}
.party-row[data-team="1"]{border-left-color:#d89781}
.party-row.empty-seat{background:none;border-top:0;border-right:0;border-bottom:1px dashed #344a3f;border-left:3px solid #80cba5}
.party-portrait,.party-icon{width:32px;height:40px;object-fit:contain}
.party-icon{width:25px;height:25px;filter:invert(80%);opacity:.8}
.party-name{min-width:0}.party-name strong{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere;color:#f2e6bd}.party-name small{display:block;font-size:12px;color:#a8c0b1;margin-top:4px}
.party-row .seat-ready,.computer-status{font-size:12px;margin:0;text-align:right;color:#b6caba;max-width:110px}
.party-row .seat-ready:before{flex-shrink:0}
.party-versus{display:flex;align-items:center;gap:15px;font-size:12px;color:#dbc88f;min-height:35px;text-align:center}
.party-versus:before,.party-versus:after{content:"";height:1px;background:#63715b;flex:1}
#hero-step{position:fixed;inset:0;z-index:30;display:block;background:#101614;padding:0}
#hero-frame{display:block;width:100%;height:100dvh;border:0}
.seat-option:has(.party-portrait) .party-row{grid-template-columns:76px minmax(0,1fr) auto;min-height:144px}.seat-option .party-portrait{display:block;width:72px;height:124px;filter:none;object-position:center bottom}
body.selecting-hero{overflow:hidden}
.phone-multiplayer{--phone-safe-top:env(safe-area-inset-top,0px);--phone-safe-right:env(safe-area-inset-right,0px);--phone-safe-bottom:env(safe-area-inset-bottom,0px);--phone-safe-left:env(safe-area-inset-left,0px)}
.phone-multiplayer #hero-step,.phone-multiplayer #arena{overflow:hidden}
@media(max-width:700px){.party-row{gap:9px;padding:9px 8px;min-height:64px;grid-template-columns:30px minmax(0,1fr) auto}.party-name strong{font-size:14px}.party-row .seat-ready,.computer-status{max-width:74px}.party-portrait{width:28px;height:36px}}