/* 3.55：主畫面小字放大、玩家標籤不再蓋住上方卡片、我的房仲名片、大字模式。只改樣式，不動遊戲流程與存檔。 */

/* 1. 玩家頭上的「▼ 我」原本和主畫面同一層又排在後面，會蓋住目的地卡片與上方面板；改到主畫面底下。 */
#playerTag{z-index:2}

/* 2. 主畫面 8–9px 的副標字放大、加深（手機上原本很難讀）。 */
.bottombar .bb small{font-size:10.5px!important;color:#5d6d5a!important;letter-spacing:0}
.bottombar .bb.on small{color:#fff!important}
.city-tools>button#locBtn>span,.city-tools>button#rotateLeft>span,.city-tools>button#rotateRight>span{font-size:10px!important;color:#2c4f5d!important;font-weight:700;white-space:nowrap;line-height:1.15}
#hudRail .topbar .clock #hDate{font-size:10.5px!important;color:#4d6470!important}
#hudRail .topbar #hBars .bar>span{font-size:10.5px!important;white-space:nowrap}
#hudRail #goals.work-compass .compass-main>p{font-size:11px!important}
#hudRail #goals.work-compass #coachHint.compass-foot{font-size:11px!important}
#hudRail #goals.work-compass .footprint-chip,#hudRail #goals.work-compass .compass-fold{font-size:11px!important}
#actBtn>small{font-size:11px!important}

/* 2a. 電腦版（寬度 701px 以上）：
   - 右側工具列的 8px 字放大。
   - 底部列「回公司」原本被擠成兩行。
   - 右下的互動圓鈕與「已自動存檔」原本直接蓋在「左轉／右轉／⋯」上面，按不到；移到工具列左邊。
   - 視窗高度不足（筆電常見的 820px 以下）時，工具列改成兩欄，不再被切到畫面外。 */
@media(min-width:701px){
  .city-tools>button>span{font-size:10px!important;white-space:nowrap}
  .bottombar .bb{white-space:nowrap;min-width:60px!important;padding:8px 6px!important}
  body:not(.walk-interior) #actBtn{right:86px!important}
  body:not(.walk-interior) #saveStatus{right:86px!important}
}
@media(min-width:701px) and (max-height:820px){
  .city-tools{display:grid!important;grid-template-columns:48px 48px;gap:7px!important;align-items:start}
  body:not(.walk-interior) #actBtn{right:141px!important}
  body:not(.walk-interior) #saveStatus{right:141px!important}
}

/* 2b. 建立角色：「入行年齡 24 歲」原本被拆成三行，改回同一行；滑桿另起一行。 */
label.fld:has(>#cAge){display:block!important}
label.fld:has(>#cAge) #ageV{font-size:1.2em;margin:0 3px}
label.fld>#cAge{display:block;width:100%;margin-top:10px}
/* 2c. 設定頁：「對話文字」下拉原本被擠到只剩半個字。 */
.t3-set.dialogue-setting select{grid-column:2/4;width:100%;min-height:36px;font:inherit;padding:4px 8px;border-radius:8px;border:1px solid #b6c5b8;background:#fff}

/* 3. 我的房仲名片 */
.bc-wrap{display:grid;gap:12px;justify-items:center;max-width:460px;margin:0 auto}
.bc-wrap .bc-art{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:4/5;border-radius:16px;box-shadow:0 10px 28px #1b243033;background:#20362f;-webkit-touch-callout:default;user-select:auto}
.bc-wrap canvas{display:none}
.bc-wrap .bc-loading{display:grid;place-items:center;color:#cfe0d6;font-size:15px;letter-spacing:.1em}
.bc-wrap img.bc-art[hidden]{display:none}
.bc-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}
.bc-actions .btn{flex:1 1 130px;min-height:44px}
.bc-opts{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:13px;color:#46505c}
.bc-opts label{display:inline-flex;align-items:center;gap:6px;min-height:32px}
.bc-wrap .fine{text-align:center;margin:0}
.bc-msg{min-height:1.4em;margin:0;font-size:13px;color:#2f6f5e;text-align:center}

/* 4. 大字模式（設定 → 字體大小 → 大字）。面板內容整體放大 12%，對話與提示字加大；版面寬度不變、可上下捲動。 */
html.fz-large #sheet .sheet-body{zoom:1.12}
html.fz-large #sheet .sheet-head h2{font-size:1.2em}
html.fz-large #talkbox{zoom:1.1}
html.fz-large #feed .toast{font-size:15px}
html.fz-large #flash{font-size:16px}
html.fz-large .bottombar .bb{font-size:12.5px!important}
html.fz-large .bottombar .bb small{font-size:11.5px!important}
html.fz-large #hudRail .topbar .clock #hDate,html.fz-large #hudRail .topbar #hBars .bar>span{font-size:11.5px!important}
html.fz-large #hudRail #goals.work-compass .compass-main>p,html.fz-large #hudRail #goals.work-compass #coachHint.compass-foot{font-size:12.5px!important}
.fz-size-setting select{min-height:36px;font:inherit;padding:4px 8px;border-radius:8px;border:1px solid #b6c5b8;background:#fff;grid-column:2/4}