/* BUILD 309(老板:「你觉得新客户进来的时候看到的东西体感需要改善什么」→「其他你做」):
 *  ① 登录后直接落到游戏墙(两张大卡的首页不走了,lobby.js 的 setCat('home') 直接当 'ace')
 *  ② 墙顶一排「热门」横滑卡(财神到 / 宙斯 / 21 点 / 鱼虾蟹 / 777 / 百家乐 / 金字塔),封面从门上抄,带「n 人在玩」
 *  ③ 「最近大赢」滚动条排到标题正下方,奖池中奖也滚进来(.lt.jp 金色)
 *  ④ 喝酒游戏降成墙下面一条小入口(.drinkentry)
 *  ⑤ 充值弹窗顶上一条信任条(.tutrust:到账自动上分 · WhatsApp 客服)
 *  ⑥ 老虎机第一次进去的一次性气泡(.spinhint,slotcab.js 画) */

/* ── 顺序:招呼语(1)→ 滚动条(1)→ 热门(2)→ 最近玩过(2)→ 分类条(4)→ 墙(5)→ 喝酒入口(6)→ 规则(6)→ 条款(99) ── */
#app .lobby-home .lobticker{order:1;margin-bottom:10px}
#app .lobby-home .hotrow{order:2}
#app .lobby-home .refbar{order:3}   /* 邀请卡:新客户第一屏先看到游戏,邀请卡排在热门下面(以前压在最顶) */
#app .lobby-home .drinkentry{order:6}
#app .lobby-home .homecards,#app .lobby-home #aceBack{display:none}

/* ── 热门一排 ── */
#app .hotrow{display:none;width:100%;max-width:560px;margin:0 auto 10px}
#app .lobby-home .hotrow{display:block}   /* 只在游戏墙那层;某一款的列表页不出现 */
#app .lobby-home .hotrow.hide{display:none}
#app .hothead{display:flex;align-items:center;gap:6px;margin:0 2px 8px;font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#ffd166}
#app .hothead i{font-style:normal;font-size:13px}
#app .hotlist{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px}
#app .hotlist::-webkit-scrollbar{display:none}
#app .hot{position:relative;flex:0 0 112px;scroll-snap-align:start;display:flex;flex-direction:column;gap:0;padding:0;margin:0;border:1px solid rgba(255,209,102,.28);border-radius:14px;overflow:hidden;background:#0f1420;color:var(--ink);text-align:left;cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07);-webkit-tap-highlight-color:transparent;transition:transform .12s ease,border-color .12s ease}
#app .hot:active{transform:scale(.97)}
#app .hot .hart{display:block;width:100%;aspect-ratio:1.2/1;overflow:hidden;background:#0b0f18}
#app .hot .hart img,#app .hot .hart svg{display:block;width:100%;height:100%;object-fit:cover}
#app .hot b{display:block;padding:7px 9px 2px;font-family:var(--display);font-size:13px;line-height:1.15;letter-spacing:.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .hot .hotlive{display:block;min-height:16px;padding:0 9px 8px;font-size:10.5px;line-height:16px;color:var(--muted);text-decoration:none;font-family:var(--num)}
#app .hot .hotlive.on{color:#7cf2a4}
#app .hot .hotlive.on::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7cf2a4;margin-right:5px;vertical-align:1px;box-shadow:0 0 6px #7cf2a4}
#app .hot[data-cat="fgod"],#app .hot[data-cat="tgod"]{border-color:rgba(255,120,80,.4)}
#app .hot[data-cat="zeus"],#app .hot[data-cat="pyra"]{border-color:rgba(120,180,255,.38)}
@media(min-width:900px){
  #app .hotrow{max-width:1040px}
  #app .hot{flex-basis:150px}
}

/* ── 滚动条里的奖池中奖:金色 ── */
#app .lobticker .lt.jp{color:#ffd166}
#app .lobticker .lt.jp b{color:#ffe9a8}

/* ── 喝酒游戏小入口 ── */
#app .drinkentry{display:none;width:100%;max-width:560px;margin:2px auto 14px;padding:0;border:1px solid rgba(255,181,71,.32);border-radius:16px;overflow:hidden;background:linear-gradient(90deg,#1d1510,#121016);color:var(--ink);text-align:left;cursor:pointer;
  align-items:center;gap:12px;box-shadow:0 8px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06);-webkit-tap-highlight-color:transparent;transition:transform .12s ease}
#app .lobby-home .drinkentry{display:flex}
#app .drinkentry:active{transform:scale(.985)}
#app .drinkentry .dei{display:block;flex:0 0 96px;width:96px;height:64px;overflow:hidden;background:#0b0a0e}
#app .drinkentry .dei img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}
#app .drinkentry .det{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:8px 0}
#app .drinkentry .det b{font-family:var(--display);font-size:15px;line-height:1.15;color:#ffd9a0;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .drinkentry .dei{align-self:stretch}
#app .drinkentry .det i{font-style:normal;font-size:11.5px;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .drinkentry .den{flex:0 0 auto;padding:4px 9px;border-radius:999px;background:rgba(255,181,71,.12);border:1px solid rgba(255,181,71,.35);color:#ffb547;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap}
#app .drinkentry .dego{flex:0 0 auto;padding:0 14px 0 4px;font-size:22px;line-height:1;color:var(--muted)}
@media(min-width:900px){#app .drinkentry{max-width:1040px}}

/* ── 充值弹窗顶上的信任条 ── */
#app .tutrust{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:9px 12px;border-radius:12px;background:rgba(124,242,164,.07);border:1px solid rgba(124,242,164,.25);font-size:12px;line-height:1.35;color:var(--ink)}
#app .tutrust svg{flex:0 0 18px;width:18px;height:18px;color:#7cf2a4}
#app .tutrust span{flex:1;min-width:0}
#app .tutrust span small{display:block;color:var(--muted);font-size:11px}
#app .tutrust button{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;border:1px solid rgba(37,211,102,.5);background:rgba(37,211,102,.12);color:#5ff08a;font-size:11.5px;font-weight:700;white-space:nowrap;cursor:pointer}
#app .tutrust button svg{width:14px;height:14px;color:#5ff08a}

/* ── 老虎机第一次进去的一次性气泡(slotcab.js:挂在 .sc-btns 里)——
 *  机台永远是横版(.land):按钮一列在版面右边;气泡贴在旋转键左边(left / top 由 slotcab.js 按键心算)、箭头朝右。
 *  手机竖着拿时整个舞台转了 90°,「左边」就变成屏幕上的「上面」、箭头朝下 —— 正好指着旋转键。 ── */
.spinhint{position:absolute;z-index:40;left:0;top:0;transform:translate(-100%,-50%);padding:9px 13px;border-radius:12px;background:#ffd166;color:#2a1a00;font-weight:800;font-size:13px;line-height:1.25;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.45);pointer-events:none;
  animation:spinhintBob 1.1s ease-in-out infinite}
.spinhint::after{content:"";position:absolute;top:50%;right:-6px;width:12px;height:12px;background:#ffd166;transform:translateY(-50%) rotate(45deg);border-radius:2px}
@keyframes spinhintBob{0%,100%{margin-right:0}50%{margin-right:6px}}
@media(prefers-reduced-motion:reduce){.spinhint{animation:none}}

/* ── BUILD 309b(老板:「怎么这里还是那么丑」):注册第一步的两张选择卡做成票(金票 Free 50 / 青票 Standard),复用 acct.css 的 .tk 票样式。
 *  票高随文字走(眉题 / 标题 / 说明改成普通流式排,只有条码 / 票号 / 按钮还是绝对定位),马来 / 越南文句子长也不会被切。 ── */
#app .regpick .rpcard.tk{display:flex;grid-template-columns:none;gap:0;padding:0;border:0;background:none;border-radius:14px;height:auto;min-height:132px;overflow:visible;cursor:pointer;text-align:left;transition:transform .12s ease,filter .15s ease}
#app .regpick .rpcard.tk::before{display:none}
#app .regpick .rpcard.tk:active{transform:scale(.985)}
#app .regpick .rpcard.tk .stub{display:block;align-self:stretch;min-height:132px}
#app .regpick .rpcard.tk .body{display:flex;flex-direction:column;gap:0;padding:12px 14px 42px;min-height:132px}
#app .regpick .rpcard.tk .perf{top:12px;bottom:12px}
#app .regpick .rpcard.tk .stub .n{top:50%;transform:translateY(-62%)}
#app .regpick .rpcard.tk .stub .u{bottom:16px}
#app .regpick .rpcard.tk .body .eye,#app .regpick .rpcard.tk .body .t,#app .regpick .rpcard.tk .body .d{position:static;left:auto;top:auto;right:auto;bottom:auto}
#app .regpick .rpcard.tk .body .eye{margin:0 76px 6px 0;letter-spacing:.16em;overflow:hidden;text-overflow:ellipsis}
#app .regpick .rpcard.tk .body .t{margin:0 0 7px}
#app .regpick .rpcard.tk .body .d{white-space:normal;overflow:visible;font-size:11.5px;line-height:1.35;color:rgba(244,230,196,.86)}
#app .regpick .rpcard.tk.std .body .d{color:rgba(214,240,245,.86)}
#app .regpick .rpcard.tk .body .d small{font-size:10.5px;color:rgba(244,230,196,.55)}
#app .regpick .rpcard.tk.std .body .d small{color:rgba(214,240,245,.55)}
#app .regpick .rpcard.tk .body .tag{left:auto;right:14px;bottom:11px;font-size:10.5px;padding:6px 11px;letter-spacing:.12em}
#app .regpick .rpcard.tk .body .no{right:auto;left:14px;bottom:14px}
/* 选中 / 灰掉 */
#app .regpick .rpcard.tk.sel{border:0;background:none;box-shadow:none}
#app .regpick .rpcard.tk.sel .tag::before{content:"✓ "}
#app .regpick .rpcard.tk:disabled{opacity:.45;filter:grayscale(.7);cursor:default}
#app .regpick .rpcard.tk .rp-soon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;padding:7px 14px;border-radius:999px;background:rgba(8,10,16,.88);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
#app .regpick .rpcard.tk .shine{border-radius:14px}

/* ── BUILD 310b:密码 / 确认密码各占一行改在 acct.css(它是 acct.js 后挂的,压过这里) ── */
/* 抽屉没打开时彻底藏起来(以前只是往下推 102%,某些视口高度下底边会露出一条「退出登录」) */
#app .drawer:not(.on){visibility:hidden;transition:transform .26s cubic-bezier(.2,.8,.3,1),visibility 0s .26s}
#app .drawer.on{visibility:visible;transition:transform .26s cubic-bezier(.2,.8,.3,1),visibility 0s}

/* ══════════ BUILD 311(老板:「全部」):广告落地模式 body.reg-ad(split21.com/register 或 ?reg=1 进来)══════════
 *  只剩一件事:注册。导航 / 大标题 / 那段介绍不出现,「登录 / 注册」两个大页签收成右上角一行小字「已有账号?登录」,
 *  背景从筹码扑克照片换成深色渐变 + 顶上一团金色光晕,票是整页最亮的东西。 */
body.reg-ad #app #login .loginbg{background:radial-gradient(80% 42% at 50% 0%,rgba(233,196,106,.34),rgba(233,196,106,0) 70%),radial-gradient(60% 40% at 100% 100%,rgba(55,224,214,.08),transparent 60%),linear-gradient(180deg,#0d0b12 0%,#08080d 55%,#07070b 100%);height:100%}
body.reg-ad #app .lnav,body.reg-ad #app .lh-copy,body.reg-ad #app .lh-more{display:none}
body.reg-ad #app .lhero{padding-top:14px;gap:0}
body.reg-ad #app .loginform:has(#regPane:not(.hide)) .authtabs{display:none}   /* 注册面藏页签;点「已有账号?登录」切到登录面时页签回来,好再切回注册 */
body.reg-ad #app #regPane{display:flex;flex-direction:column}
body.reg-ad #app #regPane > *{width:100%}
body.reg-ad #app #regPane .regswitch{order:-1;text-align:right;margin:0 0 10px;font-size:12.5px}
body.reg-ad #app #regPane .regsteps{margin-top:2px}
body.reg-ad #app .loginform{background:linear-gradient(160deg,rgba(233,196,106,.07),rgba(14,12,17,.72) 45%),rgba(12,11,15,.9);border-color:rgba(233,196,106,.22);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(233,196,106,.08)}
body.reg-ad #app .loginfoot{margin-top:10px}
/* 登录面(点了「已有账号?登录」)也要能回到注册:登录面底下本来就有「新玩家?免费领 50 筹码 → 去注册」 */
/* 电脑 / 平板:广告落地模式整张卡居中,背景同样换成深色 + 金色光晕(平常的首页是左字右卡 + 筹码扑克大图) */
@media(min-width:960px){
  body.reg-ad #app .lhero{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0;padding:40px 32px 60px;min-height:min(760px,calc(100vh - 60px));
    background:radial-gradient(60% 55% at 50% 0%,rgba(233,196,106,.3),rgba(233,196,106,0) 70%),radial-gradient(40% 40% at 90% 100%,rgba(55,224,214,.08),transparent 60%),linear-gradient(180deg,#0d0b12,#07070b)}
  body.reg-ad #app .lhero > .loginwrap{max-width:460px}
}
@media(orientation:landscape) and (max-height:520px) and (min-width:600px) and (max-width:959px){
  body.reg-ad #app .lhero{display:flex;flex-direction:column;align-items:center}
  body.reg-ad #app .lhero > .loginwrap{max-width:460px}
}