/* 메인 로비(2026-11-09): 선봉 위인 그림 + 출전 + 하단 고정 탭. 기존 slot-app·slot-primary·account-card 위에 얹는다. */
.lobby-home{position:relative;max-width:none;min-height:100dvh;padding:0;display:flex;flex-direction:column;overflow:hidden;background:#101e26;isolation:isolate}
.lobby-art{position:absolute;inset:0;z-index:-1}
.lobby-art>img{width:100%;height:100%;max-width:none;object-fit:cover}
.lobby-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07131dfa 0%,#07131dcc 26%,#07131d1f 58%,#07131d8c 100%)}
.lobby-profile{display:flex;align-items:baseline;gap:12px;width:fit-content;max-width:calc(100% - 96px);min-height:44px;margin:14px 16px 0;padding:8px 18px;border-radius:999px;background:#0e1b23d9;border:1px solid #c9b48266;font:inherit;color:#cfd6cf;cursor:pointer}
.lobby-profile b{color:#e8d49a;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lobby-profile span{font-size:14px;white-space:nowrap}
.lobby-stage{margin-top:auto;padding:0 20px calc(104px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;width:100%;max-width:520px}
.lobby-lead{margin:0;display:flex;flex-direction:column;gap:2px;text-shadow:0 2px 10px #000,0 0 2px #000}
.lobby-lead b{font:700 30px Batang,serif;color:#f0e2bb;letter-spacing:2px}
.lobby-lead span{font-size:15px;color:#d9dfd6}
.lobby-empty{margin:0;padding:10px 12px;border-radius:10px;background:#0e1b23d9;color:#e8d49a;font-size:15px}
.lobby-stage .lobby-deploy{width:100%;min-height:68px;font-size:26px;letter-spacing:12px;text-indent:12px}
.lobby-stage .menu-tutorial{align-self:center;width:auto;margin:0;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;background:#0e1b23cc;border:1px solid #66716c;border-radius:999px;font-size:15px}
.lobby-stage .guide-menu-hint{margin:0;text-align:center;color:#e8d49a;font-size:14px;text-shadow:0 1px 6px #000}
@media(min-width:900px){.lobby-stage{padding-left:7vw;max-width:calc(520px + 7vw)}.lobby-profile{margin-left:7vw}.lobby-lead b{font-size:42px}}

/* 하단 탭: 로비·군단 편성·전적·상점·설정에서만 붙는다(전투·대결 화면에는 없음) */
.lobby-tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:0 max(4px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-right));background:linear-gradient(#0b1a26f2,#08131ffa);border-top:1px solid #c2ad7766;box-shadow:0 -8px 30px #07152088}
.lobby-tabs>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;min-width:0;padding:8px 2px;background:none;border:0;border-radius:0;color:#aab6b6;font-size:12px;box-shadow:none}
.lobby-tabs>button:hover:not(:disabled){background:#ffffff0d}
.lobby-tabs>button[aria-current=page]{color:#f6dcab}
.lobby-tabs>button[aria-current=page] .ui-icon{filter:drop-shadow(0 0 6px #e8d49a88)}
.lobby-tabs .ui-icon{width:24px;height:24px}
main.slot-app:has(+ .lobby-tabs){padding-bottom:calc(88px + env(safe-area-inset-bottom))}
main.lobby-home:has(+ .lobby-tabs){padding-bottom:0}

/* 전적·상점·설정 화면 */
.lobby-page{max-width:560px;display:flex;flex-direction:column;gap:14px}
.lobby-page>.slot-header{margin-bottom:4px}
.lobby-group>h2{margin:0;font-size:14px;font-weight:400;color:#b9c3bc;letter-spacing:1px}
.lobby-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:10px 14px;border:1px solid #3d4d4b;border-radius:10px;background:#0f1a20;color:#e9e6d8;font:inherit;text-align:left;text-decoration:none;cursor:pointer;box-shadow:none}
.lobby-row::after{content:'›';color:#8f9a95;font-size:20px}
.lobby-row[aria-pressed]::after{content:''}
.lobby-row[aria-pressed=false]{color:#aab6b6;border-color:#3d4d4b!important;background:#0f1a20;box-shadow:none}
.lobby-fact{display:flex;justify-content:space-between;gap:16px;margin:0;font-size:15px;line-height:1.5}
.lobby-fact span{color:#b9c3bc;flex:none}
.lobby-fact b{font-weight:400;text-align:right;word-break:break-all}
.lobby-version{margin:0;text-align:center;color:#8f9a95;font-size:13px}

/* 출전 판(모달 안) */
.lobby-sheet{display:grid;gap:10px;min-width:min(78vw,340px)}
.lobby-mode{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:66px;padding:12px 16px;text-align:left;border-radius:12px}
.lobby-mode b{font-size:19px;color:#f0e2bb}
.lobby-mode small{color:#b9c3bc}
.lobby-mode[data-soon]{opacity:.55;border-style:dashed}

/* 군단 편성 화면 머리줄 아래의 「위인 도감」 */
.lobby-setup-links{display:flex;justify-content:flex-end;margin:-8px 0 12px}
.lobby-setup-links>button{min-height:40px;padding:6px 14px;font-size:14px;border-radius:999px}

/* 탭이 있는 화면: 머리줄의 빈 칸을 없애고 음악 버튼은 오른쪽으로, 알림(토스트)은 탭 위로 */
.lobby-page .account-head-spacer{display:none}
.lobby-page .music-controls{order:3;margin-left:auto}
body:has(.lobby-tabs) #slot-toast{bottom:calc(84px + env(safe-area-inset-bottom))}

/* 탭이 있는 화면의 아래 고정 버튼 줄(군단 편성의 추천 편성·출진 선발)은 탭 위에 붙는다 */
main.slot-app:has(+ .lobby-tabs) .slot-footer{bottom:calc(64px + env(safe-area-inset-bottom))}