/* ══════════════════════════════════════════════════════════════════════
   BUILD 187 · 版面修整(全面检查里玩家看得到的版面 / 显示问题)
   只改「放在哪 / 多大」,玩法、文字、数字一行没动。各段标了这一轮检查单(审查 A)的编号 #1 … #11。
   ══════════════════════════════════════════════════════════════════════ */

/* ── #1 · 电脑 ≥ 900px:企鹅 / 扫雷 / 高低牌右边被切
   theme.css 把游戏区和 .scpt / .scbar 放到 560px,可是游戏页的壳只有 480px(style.css #app)——
   游戏区在弹性布局里按内容撑到 560px、整块往右偏,右边那一截被壳切掉(企鹅「最大」只看得到 1/4)。
   现在游戏区跟壳一样宽,里面的条 / 表最宽到游戏区为止。 */
@media(min-width:900px){
  #app .scwrap,#app .pgwrap,#app .crwrap,#app .mnwrap,#app .hlwrap,#app .pkwrap{width:100%}
  #app .scpt,#app .scbar,#app .dktier{max-width:100%}
}

/* ── #2 · 弹珠台的柜子比 480px 的壳还宽(iPad 竖拿、1920×1080:金框和两边 ×18 / ×16 的格子被切、「落球」只看得到八成)
   柜子按视口算宽(min(96vw, 74vh × .66)),现在再加一条:不超过游戏区的宽度。格子对钉子由 plinko.js 的 ResizeObserver 按柜子实际大小重排。 */
#app .pkscene.pk2{width:min(100%,calc(74vh * .66))}

/* ── #3 · 横屏台面(轮盘 / 骰宝 / 鱼虾蟹 / 西游 / 星际 / 百家乐 / 捕鱼)的顶栏在英文、越南文下放不下
   games125.css 里顶栏每一样都是 flex:0 0 auto,一超宽最右边的「筹码」就被挤出屏幕(iPhone 13 越南文轮盘 / 西游看不到余额、规则键只剩 65%)。
   现在按先后让位(flex-shrink 一档比一档大很多,前一样缩到底才轮到下一样):
   ① 开奖记录(最新的在最前面,旧的从尾巴藏掉,至少留 ~3 颗)→ ② 游戏名(省略号,最窄可以收没)→
   ③ 台面 / 赛道 / 三点难围 切换钮的字(图标一直在,小屏也不再把图标藏掉)→ ④ 阶段文字(倒数秒数留着);
   返回、规则、筹码余额(以及西游的「公平性」、星际的画质钮)一律不缩。 */
#app :is(.lstop,.bctop) > *{min-width:0}
#app :is(.lstop,.bctop) > :is(.lstb,.bctb,.lsbal2,.bcbal){flex-shrink:0}
#app .lstop > :is(.rlhist,.sbhist,.fshist){flex:1 100000 auto;min-width:64px}
#app :is(.lstop,.bctop) > :is(.lsname,.bcname){flex:0 1000 auto;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#app :is(.lstop,.bctop) > :is(.lsname,.bcname) > i{margin-left:6px}
#app .lstop > :is(.rlview,.sbview){flex:0 10 auto;min-width:72px}
#app .lstop > :is(.rlview,.sbview) button{flex:0 1 auto;min-width:32px}
#app :is(.rlwrap,.sbwrap) .lstop > :is(.rlview,.sbview) button svg{display:block;flex:0 0 auto}
#app :is(.rlwrap,.sbwrap) .lstop > :is(.rlview,.sbview) button span{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#app :is(.lstop,.bctop) > :is(.lsphase,.bcphase){flex:0 1 auto}
#app :is(.lstop,.bctop) > :is(.lsphase,.bcphase) .ph{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#app :is(.lstop,.bctop) > :is(.lsphase,.bcphase) b{flex-shrink:0}
#app .bctop > .bcshoe{flex-shrink:3}
#app .jltop > .jlphase{flex-shrink:2;min-width:96px}
#app .jltop > .jlphase b{max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* 下注栏(轮盘 / 骰宝 / 鱼虾蟹 / 百家乐 共用)的「重复 / 撤回 / 清除 / 确认」:栏窄的时候字被切成「Re… / Un… / Cl…」、
   百家乐竖拿手机时三颗只剩 14px 宽。按这一栏实际多宽(container query)分两档,字一直都在:
   ≤ 520px 还是一行 —— 筹码靠紧一点、四颗按钮按字的长短分宽度、图标下面的字小一号(9px);
   ≤ 400px(竖拿手机转过来的百家乐、iPhone SE 的轮盘)筹码一行、四颗按钮另起一行,字回到原来大小。 */
#app .lsrail .rlrleft{container:lsrail / inline-size}
@container lsrail (max-width:520px){
  #app .lsrail .rlrleft .rlbar{gap:6px}
  #app .lsrail .rlrleft .rlbar .scprices{gap:2px}
  #app .lsrail .rlrleft .rlacts{grid-template-columns:auto auto auto auto;gap:4px}
  #app .lsrail .rlrleft .rlact{padding:0 4px;font-size:9px;letter-spacing:0}
  #app .lsrail .rlrleft .rlact.ok{min-width:max-content;padding:0 9px 0 6px;font-size:10px}
}
@container lsrail (max-width:400px){
  #app .lsrail .rlrleft .rlbar{flex-wrap:wrap;row-gap:4px;border-radius:14px}
  #app .lsrail .rlrleft .rlbar .scprices{flex:1 1 100%;justify-content:space-between}
  #app .lsrail .rlrleft .rlacts{flex:1 1 100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr)}
  #app .lsrail .rlrleft .rlact{font-size:10px;letter-spacing:.02em}
  #app .lsrail .rlrleft .rlact.ok{min-width:0;font-size:11px}
}

/* ── #4 · 企鹅冲刺的「收钱 / 开局」吸底(像扫雷 / 高低牌的 .scbar)
   penguin.js 把这一排(.pqact)从押注面板里搬出来成为游戏区的直接子元素 .pqbar:平常排在面板下面,画面不够高时吸在底边。
   以前在面板最底下 —— iPhone 13 只露出 56–59%、SE 11%、横屏 0%,要先往下滑才按得到。 */
#app .pgwrap > .pqbar{position:sticky;bottom:calc(6px + var(--safeb));z-index:6;width:100%;padding:0 11px}
#app .pgwrap > .pqbar::before{content:"";position:absolute;left:-16px;right:-16px;top:-12px;bottom:calc(-40px - var(--safeb));z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,9,18,0) 0%,rgba(7,9,18,.86) 34%,rgba(7,9,18,.94) 100%)}
/* 吸底条不能一进来就盖住押注的 − / + / 最大:冰道按屏幕高度收一点,让「冰道 + 结果框 + 押注 + 开局」一屏放得下
   (iPhone 13 冰道 382 → 330px,SE 314 → 258px,高的手机 / 平板 / 电脑不变);矮屏(≤ 620px)把「押注」两个字那一行省掉 */
/* 冰道矮了以后,起点冰台底下的「岸边」两个字会压到冰台上(白字压浅色冰台看不清)—— 冰台底边至少留在字的上面;冰道高的时候还是原来的 8% */
#app .pq .lane.shore .ledge{height:auto;bottom:max(8%,calc(4% + 15px))}
@media not all and (orientation:landscape) and (max-height:520px){
  #app .pgwrap > .pgscene.pq{height:clamp(220px,calc(var(--vvh,100dvh) - 334px),min(98vw,430px))}
}
@media (max-height:620px) and (orientation:portrait){
  #app .pqpanel > .pqlbl{display:none}
  #app .pgwrap > .pgscene.pq{height:clamp(220px,calc(var(--vvh,100dvh) - 310px),min(98vw,430px))}
}

/* ── #5 · 横屏台面让开刘海 / 底下横条
   landscape.css 已经按 env(safe-area-inset-*) 摆外壳,可是被各款自己的 #app .bcwrap / .sbwrap / .fswrap / .rlwrap / .acwrap {inset:0}(权重更高)盖掉了,
   西游的壳还被改成 position:relative —— 加到主画面(standalone)竖拿时整张台贴到状态栏底下、底部空出 81px;横拿时两边按钮 / 底下筹码压在刘海和横条上。 */
@media (orientation:portrait){
  body.landscape-game #app .lswrap{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:auto;bottom:auto}
}
@media (orientation:landscape){
  body.landscape-game #app .lswrap{position:absolute;top:0;left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);width:auto;height:auto}
}
/* 大厅 / 登录 / 规则页这些铺满整个宽度的页面:顶栏和内容也让开横拿时两边的刘海 */
#app .top{padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}
#app .lobwrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
#app .rfbar{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
#app .rfbody{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
/* 没登录时的首页(介绍 + 登录卡):背景照样铺满,字和登录卡让开两边的刘海 */
#app #login{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}

/* ── #6 · 离场结算卡(星际 / 捕鱼 / 弹珠台 / 戳戳乐)在横拿的手机上放不下
   卡最高 90%、一列排下来 ~400px 高 —— 844×390 上标题 / ✕ 被滚走、「知道了」只露一半,弹珠台 / 戳戳乐要在卡里滑。
   矮屏(横拿手机)改成一张横的卡:左边输赢大字、右边明细,上一次没看到的说明 / 备注 / 按钮占整行;字和留白收一点,844×390、667×375 都一屏放得下。
   竖拿手机转 90° 的那种(landscape-game + 竖屏)games176.css 已经是横卡,这里不动。 */
@media (orientation:landscape) and (max-height:520px){
  #app #scFairModal{padding:8px 12px}
  #app #scFairModal .topupcard:has(.sgsum.s176){max-width:620px;max-height:100%;padding:10px 16px 12px}
  #app #scFairModal .topupcard:has(.sgsum.s176) .topuphead{margin-bottom:6px}
  #app #scFairModal .topupcard:has(.sgsum.s176) .topuphead b{font-size:15px}
  #app #scFairModal .sgsum.s176{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0 14px;align-items:start}
  #app #scFairModal .sgsum.s176 > :is(.sgsumlast,.sgsumnote,.btn){grid-column:1 / -1}
  #app #scFairModal .sgsum.s176 > .sgsumlast{margin:0 0 8px;padding:6px 10px;font-size:11.5px;line-height:1.35}
  #app #scFairModal .sgsum.s176 .sgsumnet{margin:0 0 8px;padding:10px 10px 9px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
  #app #scFairModal .sgsum.s176 .sgsumnet small{font-size:13px;margin-bottom:6px}
  #app #scFairModal .sgsum.s176 .sgsumnet b{font-size:32px}
  #app #scFairModal .sgsum.s176 .sgsumnet i{margin-top:6px}
  #app #scFairModal .sgsum.s176 .sgsumtbl{margin:0 0 8px;padding:8px 10px;gap:4px 12px}
  #app #scFairModal .sgsum.s176 > .sgsumnote{margin:0 2px;font-size:10.5px}
  #app #scFairModal .sgsum.s176 > .btn{margin-top:8px !important;min-height:40px}
}
/* 竖拿的小手机(iPhone SE 320×568)越南文那几张也差 24–44px:卡里的留白、大字收一点 */
@media (max-height:620px) and (orientation:portrait){
  body:not(.landscape-game) #app #scFairModal{padding:10px}
  body:not(.landscape-game) #app #scFairModal .topupcard:has(.sgsum.s176){max-height:100%;padding:14px 16px}
  body:not(.landscape-game) #app #scFairModal .sgsum.s176 .sgsumnet{padding:10px 10px 9px;margin-bottom:10px}
  body:not(.landscape-game) #app #scFairModal .sgsum.s176 .sgsumnet small{margin-bottom:6px}
  body:not(.landscape-game) #app #scFairModal .sgsum.s176 .sgsumnet b{font-size:34px}
  body:not(.landscape-game) #app #scFairModal .sgsum.s176 .sgsumnet i{margin-top:6px}
  body:not(.landscape-game) #app #scFairModal .sgsum.s176 .sgsumtbl{padding:8px 10px;gap:4px 12px}
  body:not(.landscape-game) #app #scFairModal .sgsum.s176 > .sgsumlast{padding:6px 10px;margin-bottom:8px}
}

/* ── #7 · 手机上企鹅 / 扫雷 / 高低牌 / 弹珠台能左右拖 8–11px、结果框不居中
   结果框和几块面板按 96vw 算宽,比游戏区(左右各留 12px)宽 → 多出来的那一截撑出横向滚动。改成按游戏区的宽度算。 */
#app .resdock.rsv,#app .resdock.rsv:not(:has(.resbig.on)){width:min(100%,420px)}
#app .pkwrap .resdock.rsv{width:min(100%,460px)}
#app .mnscene{width:min(100%,400px)}
#app .hlscene{width:min(100%,420px)}
#app .pkwrap .pkbar,#app .pkpanel,#app .pkpt{width:min(100%,460px)}
/* 吸底条后面那层渐变底(.scbar::before 左右各伸出 16px)比游戏区的留白(12px)宽 4px,也会撑出横向滚动 —— 这几页本来就只该上下滑 */
#app .pgwrap,#app .crwrap,#app .mnwrap,#app .hlwrap,#app .pkwrap{overflow-x:hidden}

/* ── #8 · 戳戳乐
   ① 320px 宽的英文「New board」只露出 57%:同一行的「挑一格,点一下就戳开」不让位(games184 写成 flex:0 0 auto)—— 提示可以缩(省略号),「换新板」不缩
   ② 320×568 整板放不下(最后一排压在吸底条底下,差 70px):tikam.js fitBoard 压到 34px 还放不下时再往下压(最矮 24px)
   ③ 横拿手机只看得到 2 排:左右两栏 —— 左边板子改成 10 列 × 5 排(格子 ~37 × 30px),右边价钱牌 / 随机戳一格 / 自动 / 奖品表;fitBoard 按 CSS 的列数量格子 */
#app .tkmeta .tkcount{flex:0 1 auto;min-width:0}
#app .tkmeta .tknew{flex-shrink:0}
@media (orientation:landscape) and (max-height:520px){
  #app .tkwrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);grid-template-rows:repeat(8,min-content) 1fr;align-items:start;gap:0 16px;
    padding:8px 12px max(8px,var(--safeb))}
  #app .tkwrap > *{grid-column:2;width:100%;max-width:none;margin:0 0 8px}
  #app .tkwrap > #tkStage{grid-column:1;grid-row:1 / -1;margin:0;max-width:none}
  #app .tkwrap .tkgrid{grid-template-columns:repeat(10,minmax(0,1fr))}
  #app .tkwrap > .tkbar{position:relative;bottom:auto;flex-wrap:wrap;row-gap:6px}
  #app .tkwrap > .tkbar::before{display:none}
  #app .tkwrap > .tkbar .tkprice{flex:1 1 100%}
  #app .tkwrap > .tkbar .scbtn.tkgo{flex:1 1 100%;width:auto;min-height:46px}
  #app .tkwrap > .tkbar .scbtn.tkgo small{max-width:none}
  #app .tkwrap > .resdock{position:relative;bottom:auto}
}

/* ── #9 · 竖版游戏在横拿的手机上(高 ≤ 520px 的横屏)
   以前还是 480px 宽的手机柱子:画面一屏就占满,下注 / 开局都在折线下面(飞机的下注板整块看不到、企鹅「开局」0%、弹珠台吸底条盖住钉板),
   21 点坐下后下注区挤在右边一条窄栏。现在横拿时这几页铺满整个宽度(顶栏 / 内容让开刘海),分左右两栏:左边画面(按屏幕高度放大),右边结果 / 下注 / 主按钮。
   21 点本来就有横屏的左右版式(style.css「横屏手机」),只是被 480px 的壳挤住 —— 铺满宽度就好了。 */
@media (orientation:landscape) and (max-height:520px){
  #app:has(:is(#tableview,#penguinview,#crashview,#minesview,#hiloview,#plinkoview,#tikamview):not(.hide)){max-width:none}
  /* 整页让开两边的刘海(返回钮 / 画面 / 按钮都在里面) */
  #app :is(#penguinview,#crashview,#minesview,#hiloview,#plinkoview,#tikamview){padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  #app :is(#penguinview,#crashview,#minesview,#hiloview,#plinkoview,#tikamview) > .gh{width:auto;max-width:none;margin-left:12px;margin-right:12px}
  #app :is(.pgwrap,.crwrap,.mnwrap,.hlwrap,.pkwrap){--lsh:calc(var(--vvh,100dvh) - 92px - max(8px,var(--safeb)));max-width:none;
    display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);grid-template-rows:repeat(8,min-content) 1fr;align-items:start;gap:0 16px;
    padding:8px 12px max(8px,var(--safeb))}
  #app :is(.pgwrap,.crwrap,.mnwrap,.hlwrap,.pkwrap) > *{grid-column:2;width:100%;max-width:none;margin:0 0 8px}
  #app :is(.pgwrap,.crwrap,.mnwrap,.hlwrap,.pkwrap) > :is(#pgScene,#mnScene,#hlScene,#pkScene){grid-column:1;grid-row:1 / -1;margin:0;justify-self:center}
  /* 右边一栏不用再吸底(主按钮就在上半截),吸底条后面那层渐变底也收起来 */
  #app :is(.pgwrap,.crwrap,.mnwrap,.hlwrap,.pkwrap) > :is(.scbar,.pqbar){position:relative;bottom:auto}
  #app :is(.pgwrap,.crwrap,.mnwrap,.hlwrap,.pkwrap) > :is(.scbar,.pqbar)::before{display:none}
  /* 企鹅:冰道按屏幕高度 */
  #app .pgwrap > #pgScene{width:100%;height:var(--lsh)}
  /* 扫雷:5 × 5 正方形按屏幕高度 */
  #app .mnwrap > #mnScene{width:min(100%,var(--lsh))}
  /* 高低牌 */
  #app .hlwrap > #hlScene{width:100%;height:min(250px,var(--lsh))}
  /* 弹珠台:柜子按屏幕高度;横屏矮,柜子放宽一点(.9),16 排的号码才放得进格子(金框图横向拉一点看不出来) */
  #app .pkwrap > #pkScene.pk2{width:min(100%,calc(var(--lsh) * .9));aspect-ratio:.9}
  #app .pkwrap > .pkbar{flex-wrap:wrap;row-gap:6px}
  #app .pkwrap > .pkbar .pkchips{flex:1 1 100%}
  #app .pkwrap > .pkbar .scbtn.pkdrop{flex:1 1 100%;width:auto;min-height:46px}
  /* 飞机:上面那条「在玩 / 押了」贴着画面,一起放左栏;右栏是最近倍数、两块下注板、本局注单 */
  #app .crwrap > .avbar{grid-column:1;grid-row:1;margin:0 0 -8px}
  #app .crwrap > #crScene{grid-column:1;grid-row:2 / -1;width:100%;height:calc(var(--lsh) - 22px);margin:0}
  /* 扫雷 / 高低牌:右栏 ~300px,筹码一排放得下 */
  #app :is(.mnwrap,.hlwrap) > .scprices{gap:6px}
  #app :is(.mnwrap,.hlwrap) > .scprices .chipbtn{width:40px;height:40px;font-size:12px}
  #app :is(.mnwrap,.hlwrap) > .scprices .lbl{display:none}

  /* 21 点:左栏 牌桌 + 倒数条 + 筹码 / 动作钮,右栏 我的下注区(可以滑)。「规则」钮贴在牌桌那一格的右上角。
     games161.css 的横屏规则把下注区改成上下叠(给 42% 的窄栏用的)—— 右栏够宽,换回左右并排。 */
  #app #tableview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr);grid-template-rows:auto auto minmax(0,1fr);
    grid-template-areas:"table mine" "status mine" "dock mine";column-gap:10px;
    padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  #app #tableview > .tablewrap{grid-area:table;width:auto;min-width:0;padding:6px 6px 0}
  #app #tableview > .gh{grid-area:table;top:12px;right:14px}
  #app #tableview > .statusbar{grid-area:status;width:auto;min-width:0;margin:6px 0 0 8px}
  #app #tableview > .myzone{grid-area:mine;width:auto;min-width:0;min-height:0;overflow-y:auto;padding:6px 8px 8px 0}
  #app #tableview > .dock{grid-area:dock;width:auto;min-width:0;align-self:end;border-top:0;background:none;padding:6px 0 max(8px,var(--safeb)) 8px}
  #app #tableview > .dock .hintbar{display:none}
  #app #tableview .bp3 .fbody{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:8px}
  #app #tableview .bp3 .fcircle{max-width:150px}
}

/* ── #10 · iPhone SE(320 宽)
   ① 弹珠台吸底条:6 颗筹码 + 「落球」比 296px 宽,「自定」那颗有一半压在「落球」底下 —— 筹码 26px、落球 112px,一排正好放下 */
@media (max-width:340px){
  #app .pkwrap .pkbar .pkchips{padding:4px}
  #app .pkwrap .pkbar .pkchips .scprices{gap:2px}
  #app .pkwrap .pkbar .pkchips .scprices .chipbtn{width:26px;height:26px;font-size:9px}
  #app .pkwrap .pkbar .scbtn.pkdrop{flex-basis:112px;width:112px}
}
/* ② 大厅首页三张卡(大 / 中 / 小):越南文「Trò chơi thư giãn / Trò chơi uống rượu」折成两行,字块顶出卡外、压到上面那排小图 ——
   窄屏(≤ 360px)卡的大小次序不变(小卡稍微高一点:3.2 → 2.9),标题小一号、字块让出右下「进入」钮的那一截就好,标题都排成一行 */
@media (max-width:360px){
  #app .hc-free .hcart{aspect-ratio:2.9/1}
  #app .hcard .hctx{padding:18px 84px 9px 12px}
  #app .hcard .hctx b{font-size:15px}
  #app .hc-ace .hctx b{font-size:20px}
  #app .hcard .hctx i{font-size:11px;line-height:1.3}
  #app .hcard .hcgo{padding:6px 10px;font-size:11px}
  #app .hc-free .hctx{padding-top:10px}
}

/* ── #11 · 点得到的范围
   顶栏「+ 充值」只有 22px 高 —— 样子不变,四周多一圈透明的可点范围(手机上 27 × 22 → 37 × 36);大厅最下面的条款链接 19px 高 → 每个 36px 高 */
#app .top .topupbtn{position:relative}
#app .top .topupbtn::after{content:"";position:absolute;left:-5px;right:-5px;top:-7px;bottom:-7px;border-radius:16px}
#app .lobfoot{gap:0 10px;padding-top:12px}
#app .lobfoot a{display:inline-flex;align-items:center;min-height:36px;padding:0 6px}

/* BUILD 187(主线):注单里「去验证」—— 21 点以外的游戏就地核对承诺 */
#app .mbfairx{margin-top:8px;padding:8px 10px;border-radius:8px;background:rgba(0,0,0,.25);font-size:11px;line-height:1.5}
#app .mbfairx .mbfrow{display:flex;gap:8px;align-items:baseline;min-width:0}
#app .mbfairx .mbfrow span{flex:0 0 auto;color:var(--dim,#9aa)}
#app .mbfairx .mbfrow code{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;font-size:10.5px;opacity:.9}
#app .mbfairx .mbfok{margin-top:4px;color:#7ee2a0}
#app .mbfairx .mbfbad{margin-top:4px;color:#ff8a8a}
#app .mbfairx .mbfhint{margin-top:4px;color:var(--dim,#9aa);font-size:10.5px}