/* ════════════════════════════════════════════════════════════════════
 * BUILD 176 · 老板:「鱼虾蟹下注的图不完整,被吃掉一半了」
 *   原因:大格里的图按格子「宽度」放大(padding 用百分比 = 按宽度算、img 高 100% 在 auto 行里算不出来),
 *   手机上格子又宽又矮 → 图比格子高 → 下半截被 overflow 切掉;双图案格的图最高 44px,矮格子里会压到格线外。
 *   改法:图框用绝对定位量出「这一格里能画图的那一块」,图用 object-fit:contain 整张缩进去 —— 什么屏幕都完整。
 * ════════════════════════════════════════════════════════════════════ */

/* ── 六个大格:图框 = 格子里扣掉四边(下面多留一点给左下角的名字),整张图等比缩进去 ── */
#app .fswrap .fbx.v3 .fscell .art{position:absolute;left:8%;right:8%;top:7%;bottom:17%;width:auto;height:auto;min-height:0;padding:0;display:block;overflow:visible}
#app .fswrap .fbx.v3 .fscell .art img.cut{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:50% 50%}

/* ── 双图案格:左右两半各一个图框(中间留 4%),图等比缩进去,不会压到格线外 ── */
#app .fswrap .fbx.v3 .fspair{padding:0}
#app .fswrap .fbx.v3 .fspair .pa,#app .fswrap .fbx.v3 .fspair .pb{position:absolute;top:12%;bottom:12%;width:auto;height:auto;max-height:none;display:block;transform:none}
#app .fswrap .fbx.v3 .fspair .pa{left:7%;right:52%}
#app .fswrap .fbx.v3 .fspair .pb{left:52%;right:7%}
#app .fswrap .fbx.v3 .fspair img.cut,#app .fswrap .fbx.v3 .fbx-bot .fspair img.cut{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
/* 又高又窄的双图案格(平板竖屏的两边):上下各一个 */
@supports (container-type:size){
  #app .fswrap .fbx.v3 .fspair{container-type:size}
  @container (max-aspect-ratio: 5/6){
    #app .fswrap .fbx.v3 .fspair .pa{left:10%;right:10%;top:7%;bottom:52%}
    #app .fswrap .fbx.v3 .fspair .pb{left:10%;right:10%;top:52%;bottom:7%}
  }
}

/* ════════════════════════════════════════════════════════════════════
 * BUILD 176 · 老板:「捕鱼和射击玩家离开的时候一定要有结算画面 赢多少输多少这样」
 *   离场结算卡(捕鱼 / 星际机枪共用,arcade.js sessionSummary):最上面一块大字「这次赢了 +x / 这次输了 −x / 不输不赢」+「押 · 拿回」,
 *   赢绿输红一眼看清;下面明细;上一次没看到的(关了网页 / 断线离场)顶上多一行金色说明。
 * ════════════════════════════════════════════════════════════════════ */
#app .sgsum.s176 .sgsumnet{margin:2px 0 12px;padding:14px 12px 13px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
#app .sgsum.s176 .sgsumnet small{display:block;font:800 15px/1.2 var(--display,sans-serif);opacity:.95;margin-bottom:8px;letter-spacing:.06em}
#app .sgsum.s176 .sgsumnet b{display:block;font:900 40px/1 var(--num,sans-serif);letter-spacing:.01em;font-variant-numeric:tabular-nums}
#app .sgsum.s176 .sgsumnet i{display:block;margin-top:9px;font:700 12.5px/1.3 var(--num,sans-serif);font-style:normal;opacity:.78;font-variant-numeric:tabular-nums}
#app .sgsum.s176 .sgsumnet.up{background:linear-gradient(180deg,rgba(58,208,122,.18),rgba(58,208,122,.05));border-color:rgba(58,208,122,.38)}
#app .sgsum.s176 .sgsumnet.up small{color:#7fe8ab}
#app .sgsum.s176 .sgsumnet.down{background:linear-gradient(180deg,rgba(232,96,74,.18),rgba(232,96,74,.05));border-color:rgba(232,96,74,.38)}
#app .sgsum.s176 .sgsumnet.down small{color:#f39a86}
#app .sgsum.s176 .sgsumnet.even b{color:#ece6d6}
#app .sgsum .sgsumlast{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:rgba(217,168,60,.12);border:1px solid rgba(217,168,60,.32);font:700 12px/1.45 var(--display,sans-serif);color:#f1d58a;text-align:center}
/* 手机竖着拿、横屏游戏整页转了 90°(landscape.css)的时候:结算 / 公平性这张卡也跟着转 —— 横着拿手机的人不用把手机转回来看;
   转过来以后是一张横的卡(左边输赢、右边明细),高度不超过手机的宽,不用滚 */
@media (orientation: portrait){
  body.landscape-game #scFairModal{overflow:hidden}
  body.landscape-game #scFairModal .topupcard{flex:0 0 auto;transform:rotate(90deg);width:min(600px,calc(var(--vvh,100dvh) - 56px));max-width:none;max-height:calc(var(--vvw,100vw) - 20px);padding:14px 16px}
  body.landscape-game #scFairModal .sgsum.s176{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0 14px;align-items:start}
  body.landscape-game #scFairModal .sgsum.s176 > .sgsumlast,
  body.landscape-game #scFairModal .sgsum.s176 > .sgsumnote,
  body.landscape-game #scFairModal .sgsum.s176 > .btn{grid-column:1 / -1}
  body.landscape-game #scFairModal .sgsum.s176 .sgsumnet{margin:0 0 8px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
  body.landscape-game #scFairModal .sgsum.s176 .sgsumtbl{margin:0 0 8px}
  body.landscape-game #scFairModal .sgsum.s176 > .btn{margin-top:6px !important}
}

/* ════════════════════════════════════════════════════════════════════
 * BUILD 176 · 老板:「有时候玩玩下会卡,比如捕鱼 玩玩下鱼会不见然后子弹一直射」
 *   网络卡住时(推送停了 / 开炮请求没回)先停火,顶上正中一条「网络不稳 · 先停火」;恢复自己消失(arcade.js netGuard)
 * ════════════════════════════════════════════════════════════════════ */
#app .acnet{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 58px);z-index:30;transform:translate(-50%,-6px);opacity:0;pointer-events:none;
  display:flex;align-items:center;gap:8px;padding:8px 14px 8px 12px;border-radius:999px;background:rgba(10,14,28,.86);border:1px solid rgba(255,196,92,.45);
  color:#ffd98a;font:800 13px/1.2 var(--display,sans-serif);white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.45);transition:opacity .2s,transform .2s}
#app .acnet::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,217,138,.35);border-top-color:#ffd98a;animation:acnetspin .8s linear infinite;flex:0 0 auto}
#app .acnet.on{opacity:1;transform:translate(-50%,0)}
@keyframes acnetspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#app .acnet::before{animation:none}}