/* RUAYMAK99 native shell — clean robust responsive layout, tkb777 look */
/* tkb777's FIFA-ribbon display font (self-hosted); font-display:swap so it never blocks render */
@font-face{ font-family:Trujillo; src:url(/fonts/Trujillo-ExtraBold.ttf) format("truetype"); font-weight:900; font-display:swap; }
@font-face{ font-family:"Fjalla One"; src:url(/fonts/FjallaOne-Regular.woff2) format("woff2"),url(/fonts/FjallaOne-Regular.ttf) format("truetype"); font-weight:400; font-style:normal; font-display:swap; }
/* palette aligned to tkb777 theme-default.css: body #10151c navy, header #111317, lime-green CTA #f2b928 */
:root{ --bg:#0d1117; --panel:#10151c; --card:#10151c; --card2:#151a21; --txt:#fff; --muted:#8b93a7;
  --green1:#f2b928; --green2:#eda514; --purple:#8d1b23; --pink:#8d1b23; --gold:#ffd200; --radius:14px; --col:680px;
  --pa-primary:linear-gradient(to right,#eda514,#ffd25b,#eda514); --pa-primary-fg:#000000;
  --pa-deposit:linear-gradient(135deg,#ffd25b 0%,#eda514 60%,#eda514 100%); --pa-deposit-fg:#000000;
  --pa-gold-bd:#eda514; --pa-gold-fg:#ffd25b;
  --rm-gold-top:#ffda6b; --rm-gold-bot:#e2a71e;
  /* 上面这组=真站按钮金,PROCESS / LOGIN / JOIN NOW / 注册 Bank-Ewallet 选中态 四处共用。
     此前在 3 处硬编码,2026-08-03 收敛成 token —— 以后调金色只改这一行。
     [注: 各按钮的 border 与文字色【不共用】(真站三处实测值本来就不同),故不做 token] */
  --pa-bronze-bd:#5f0010; --pa-bronze-fg:#eda514;
  --pa-cancel-bd:#4a4a52; --pa-cancel-fg:#9aa0ad; }
*{box-sizing:border-box}
/* English visitors: hide the static (Thai) labels until app.js translates them — prevents the
   Thai-then-English flash on refresh. app.js removes .rm-en-pending after applyI18n().
   text-shadow:none is required too — a transparent-color glyph still casts its shadow, so the
   Thai shape would otherwise ghost through on shadowed buttons (e.g. the green Register CTA).
   Placeholders use [data-i18n-ph] and need their own ::placeholder transparency (search box). */
html.rm-en-pending [data-i18n]{color:transparent!important;text-shadow:none!important}
html.rm-en-pending [data-i18n-ph]::placeholder{color:transparent!important}
html.rm-en-pending [data-i18n-ph]::-webkit-input-placeholder{color:transparent!important}
/* logged-in first paint: keep the static (logged-out) green Register CTA row invisible until
   app.js swaps it to Top Up/Withdraw — no green flash on hard refresh. visibility (not display)
   preserves the row height so nothing shifts. Set in the head script, removed by app.js boot. */
html.rm-pre-auth .rm-cta-inline{visibility:hidden}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;
  /* clip horizontal overflow (the off-screen drawer etc.) so the page can't be dragged sideways;
     clip (not hidden) keeps the sticky topbar working. NOTE: no overscroll-behavior here — that
     would also disable pull-to-refresh, which we want to keep */
  overflow-x:clip;max-width:100%}
img{display:block;max-width:100%}
#root{min-height:100vh;display:flex;flex-direction:column}
.rm-content-max{max-width:1180px;margin:0 auto;width:100%}

/* ===== Top bar ===== */
.rm-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 22px;background:var(--panel);border-bottom:1px solid rgba(255,255,255,.04)}
.rm-topbar-left{display:flex;align-items:center;gap:12px;flex:0 0 auto}
/* tkb777: plain borderless hamburger (26x22 icon, 3 fat bars), no boxed background */
.rm-hamburger{display:flex;flex-direction:column;gap:5px;width:38px;height:38px;border-radius:10px;
  background:transparent;border:0;align-items:center;justify-content:center;cursor:pointer}
.rm-hamburger span{width:26px;height:3px;background:#fff;border-radius:2px}
.rm-brand{display:flex;align-items:center;gap:10px}
.rm-logo{width:56px;height:56px;border-radius:50%;object-fit:contain}
/* wordmark: the logo art already contains the wordmark, so it replaces logo+text as one image */
.rm-brandmark{height:46px;width:auto;object-fit:contain;display:block}
/* subtle border + shadow (tkb777 search-text-inset) so the box is visible even though its bg
   matches the topbar/panel colour — otherwise it looks like floating text */
/* tkb777 .game-search-textfield: bg #111317, 1px solid rgba(255,255,255,.3), radius 8, h 48, shadow 6/6/12 .25 */
.rm-search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid rgba(255,255,255,.3);box-shadow:6px 6px 12px rgba(0,0,0,.25);border-radius:8px;padding:0 11px;height:48px;margin:0 0 14px}
.rm-search-icon{width:12px;height:12px;object-fit:contain;opacity:.7}
.rm-search-input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:16px;font-family:inherit}
.rm-search-input::placeholder{color:var(--muted)}
.rm-topbar-right{display:flex;gap:10px;flex:0 0 auto}

/* buttons */
.rm-btn{border:0;outline:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;
  padding:11px 22px;border-radius:12px;white-space:nowrap;transition:transform .05s,filter .15s}
.rm-btn:active{transform:translateY(1px)}
.rm-btn-register{background:var(--pa-primary);color:var(--pa-primary-fg);border:1px solid #eda514}
.rm-btn-login{background:#7a8bf3;color:#fff;border:0}
/* topbar Register/Login: same fixed size as each other (never resized by text); brand text is
   priority — kept full — so the buttons are sized to fit alongside it without overflowing */
.rm-topbar-right .rm-btn{width:93px;height:42px;padding:0;font-size:14px;font-weight:700;border-radius:10px;
  box-shadow:6px 6px 12px rgba(0,0,0,.4);
  display:inline-flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;flex:0 0 auto}
/* tkb777 .btnV2-container: h 52, radius 16, 20px/700 label, 1px white/30% border, shadow 6/6/12 .25 */
.rm-cta-btn{height:52px;padding:0 11px;font-size:20px;font-weight:700;border-radius:16px;box-shadow:6px 6px 12px rgba(0,0,0,.25)}
/* inline CTA: register = tkb lime green #f2b928 flat + white text, login = white w/ gray border (tkb777) */
.rm-cta-inline .rm-btn-register{background:var(--pa-primary);color:var(--pa-primary-fg);border:1px solid #eda514}
.rm-cta-inline .rm-btn-login{background:#7a8bf3;color:#fff;border:0}

/* ===== Sidebar: drawer on mobile, persistent on desktop ===== */
.rm-body{width:auto;flex:1 0 auto}  /* grow to fill so the bottom nav is pushed to the viewport bottom even on short pages */
.rm-search-top{display:none}
.rm-sidebar{position:fixed;top:0;left:0;height:100%;width:100%;max-width:none;z-index:200;background:var(--panel);
  transform:translateX(-105%);transition:transform .28s ease;overflow-y:auto;padding:14px 19px 32px;
  /* WHY gap 20→12 + padding-top 20→14:手机抽屉里 RODABET logo 到第一个 bar 原本空 26px 太旷,
     收紧 section 间距 + 顶部留白,菜单整体上移更紧凑(桌面版 padding 由 337 行的 media 覆盖,不受影响) */
  display:flex;flex-direction:column;gap:12px;scrollbar-width:none}
.rm-sidebar::-webkit-scrollbar{display:none}  /* tkb drawer scrolls without a visible scrollbar */
body.rm-drawer .rm-sidebar{transform:translateX(0)}
body.rm-drawer .rm-backdrop{display:block}
/* drawer open -> lock the page behind it, so the WINDOW scrollbar disappears too
   (html has overflow-x:clip so body overflow doesn't propagate; capping body height does the job) */
body.rm-drawer{overflow:hidden;height:100vh;height:100dvh}
/* drawer header: brand on left + close X on right (full-width drawer covers the topbar) */
.rm-sidebar-head{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin-bottom:-3px}   /* WELCOME->下方间隙 9px(真站实测):sidebar flex gap12 + 此处 -3 = 9,两态通用 */
.rm-sidebar-brand{gap:10px}
/* tkb: plain bare X, no boxed background */
.rm-sidebar-close{background:transparent;border:0;color:#fff;
  width:40px;height:40px;border-radius:10px;font-size:28px;line-height:1;cursor:pointer;flex:0 0 auto;padding:0}
/* flex-shrink:0 so cards keep natural height when the drawer overflows (logged-in has many
   cards); otherwise flex would squeeze them and overflow:hidden clips the text (e.g. Language) */
/* tkb777 .side-menu-item-group: card = bg #10151c, 1px white/30% border, radius 10, shadow;
   items h~58 (17px pad), 24px white icons inset ~60px, 16px/700 labels, icon-label gap 30 */
/* 側欄卡片對齊 register form 的 .rm-authcard(同一套設計語言;含 social 卡=.rm-menu-card.rm-social-card) */
.rm-menu-card{background:#10151c;border:1px solid rgba(255,255,255,.08);border-radius:18px;
  box-shadow:0 14px 40px rgba(0,0,0,.45);overflow:hidden;flex-shrink:0}
.rm-side-topbtns{flex-shrink:0}
.rm-menu-item{display:flex;align-items:center;gap:30px;padding:17px 20px 17px 56px;cursor:pointer;position:relative}
.rm-menu-item:hover{background:rgba(255,255,255,.05)}
.rm-menu-item .rm-ic{width:24px;height:24px;background:rgba(255,255,255,.62)}
.rm-menu-item:hover .rm-ic,.rm-menu-item:active .rm-ic{background:linear-gradient(to right,#eda514,#ffd25b,#eda514)}

/* sidebar 社交入口(BO Contact Setting 驱动):竖向列表,每行 = 图标 + 号码/handle 文字。
   原本是一排 42px 圆形图标,只看得到图标、看不到号码。hover 才上浅色底 —— 不写死高亮某一行。 */
.rm-social-card{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px}
.rm-social{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:auto;height:auto;padding:10px 12px;border-radius:10px;border:0;background:transparent;cursor:pointer;transition:background .15s;text-decoration:none}
.rm-social:hover{background:var(--card2)}
.rm-social:active{transform:translateY(1px)}
.rm-social-ic{width:20px;height:20px;flex:0 0 auto;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;background:linear-gradient(180deg,#ffd25b,#5f0010)}
/* 号码可能很长(国际码+11 位),必须能省略,不能把侧栏撑破 */
.rm-social-tx{flex:1 1 auto;min-width:0;font-size:14px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-menu-item .rm-flag{width:24px;height:24px;border-radius:50%;object-fit:cover;filter:none}   /* object-fit:cover 与展开态一致,防矩形国旗图被圆角压成椭圆 */
.rm-menu-item span{font-size:16px;font-weight:700;color:#f0f3fc}
.rm-menu-sep{height:1px;background:rgba(255,255,255,.1);margin:0 20px}
.rm-arrow{margin-left:auto;width:9px;height:9px;border-top:2px solid #cfd3dc;border-right:2px solid #cfd3dc;transform:rotate(45deg)}
.rm-arrow.rm-down{transform:rotate(135deg);margin-top:-4px}
.rm-brand{cursor:pointer}
/* language accordion */
.rm-lang-head{cursor:pointer}
.rm-lang-panel{display:none;padding:0 0 8px}
.rm-lang-card.rm-lang-open .rm-lang-panel{display:block}
.rm-lang-card.rm-lang-open .rm-arrow.rm-down{transform:rotate(-45deg);margin-top:4px}
.rm-lang-opt{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 16px;cursor:pointer}  /* reduced indent so "Bahasa Indonesia" fits full */
.rm-lang-opt .rm-flag{width:26px;height:26px;flex:0 0 auto;border-radius:50%;object-fit:cover}   /* 国旗图是矩形位图,只加圆角会压成椭圆;object-fit:cover 按正方形居中裁切成正圆 */
.rm-lang-btn{flex:1 1 auto;min-width:0;text-align:center;padding:10px 12px;border-radius:10px;background:#1a2029;font-weight:700;font-size:15px;white-space:nowrap;transition:background .15s}  /* flexible + nowrap so the label shows in full */
.rm-lang-opt.on .rm-lang-btn{background:var(--pa-primary);color:var(--pa-primary-fg);border:1px solid #eda514}

.rm-content{max-width:1000px;margin:0 auto;width:100%;padding:14px 16px 96px}

/* marquee */
/* fixed heights so the marquee (icon loads late / track fills late) never grows and shoves
   the whole page down -> was the main CLS source once the shell paints early */
/* marquee sized to match tkb777: small 21x16 megaphone icon + 11px text (was oversized/cramped) */
/* tkb .intro-marquee-container: height auto (content-sized), margin-bottom only 4px — keep it slim */
/* font-size 原 12px -> Gerald 指定 7px(2026-07-23)。⚠️ 7px 在手机上接近不可读,
   要调回改这一个数即可;改完必须同步复核 app.js 的 MQ_PX_PER_SEC(字号变->轨道宽变
   ->一圈时间变,见那里的注释)。 */
.rm-mq-item{padding-right:60px;font-size:12px;line-height:1.43;letter-spacing:.275px;font-weight:400}   /* 真站实际可见 running=11px(原7px是bug,量错元素没发现) */
@keyframes rm-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* banner */
/* reserve banner height at initial paint so injecting slides later doesn't shift the page (CLS) */
.rm-banner{position:relative;border-radius:0;overflow:hidden;background:#0a0c14;aspect-ratio:3/1}  /* rodabet desktop banners 1800x600 = 3:1 (no crop) */
@media(max-width:768px){.rm-banner{aspect-ratio:1280/600}}  /* rodabet mobile banners 1280x600 */
/* banner: swipeable by touch (#4) but not clickable (#5 — no click handlers are attached);
   touch-action:pan-y keeps vertical page scroll working while we read horizontal swipes */
.rm-banner,.rm-slides,.rm-slide,.rm-slides img{touch-action:pan-y;user-select:none;-webkit-user-drag:none}
/* loading skeleton while the API banners load (avoids flashing a stale static image on refresh) */
.rm-banner-loading{background:linear-gradient(100deg,#0d1117 30%,#1a1f30 50%,#0d1117 70%);background-size:200% 100%;animation:rm-shimmer 1.4s linear infinite}
@keyframes rm-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.rm-slides{display:flex;transition:transform .45s ease;height:100%}
.rm-slides .rm-slide{flex:0 0 100%}
.rm-slides img{width:100%;height:100%;aspect-ratio:800/312;object-fit:cover;display:block}
.rm-dots{position:absolute;right:14px;bottom:12px;display:flex;gap:6px}
/* tkb .slide-indicator: every dot is 6x6; the active one just changes colour (not stretched to a bar) */
.rm-dots i{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.4);transition:background .2s}
.rm-dots i.on{background:#fff}

/* cta row + info row (stacked, tkb777 style) */
.rm-cta-row{display:flex;gap:16px;margin:16px 0}
.rm-cta-row .rm-btn{flex:1}
.rm-inforow-band{display:flex;align-items:center;gap:16px;margin:14px 0}
.rm-cta-inline{display:flex;gap:16px;flex:0 0 auto}
.rm-cta-inline:empty{display:none}
.rm-cta-inline .rm-btn{min-width:160px;padding:15px 26px}
/* Home 底下 stats bar:金邊淺陰影,mobile 3 欄(Min Deposit / Deposit Time / Withdraw Limit)、desktop 4 欄(多 Min Withdraw)
   顏色 = 主題金 label #ffd25b 值 + muted #8b93a7 title,格子背景與 .rm-panel 同 #080c11,靠 1px 金色分隔線隔開 */
.rm-statsrow{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(242,185,40,.30);border:1px solid rgba(242,185,40,.35);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.rm-statscell{background:#080c11;padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-width:0}
.rm-statscell small{color:#8b93a7;font-size:10.5px;font-weight:600;line-height:1.2;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rm-statscell b{color:var(--pa-gold-fg);font-size:14px;font-weight:800;line-height:1.2;white-space:nowrap}
@media(min-width:1024px){
  .rm-statsrow{order:1}   /* desktop:stats 在左(mobile/desktop 統一 3 欄) */
  .rm-cta-inline{order:2}   /* desktop:CTA 按鈕在右 */
  .rm-statscell b{font-size:15px}
}
@media(max-width:768px){
  .rm-inforow-band{flex-direction:column;align-items:stretch;gap:10px}
  .rm-cta-inline{width:100%;gap:8px}   /* tkb mobile: 8px between Register/Login (probed 390px) */
  .rm-cta-inline .rm-btn{flex:1;min-width:0}
}

/* tabs */
/* tkb777 .game-category-container: boxed row (bg #111317, 1px white/30% border, radius 12, shadow),
   inside it fixed 57x57 tiles with 18px gap, 25px icon + 11px/700 label; active tile = white */
/* category bar — cmm4a .menu-2 look: PNG icon on top, label below, no box, active = cyan underline */
/* WHY flex-start(不是 center):类目从 4 个(v138)加到 6 个(+Sabung Ayam/Tangkas)后,tab 行总宽(436)
   超过手机容器(343)。justify-content:center 会把内容居中→最左的 Slot 被推到 left:-72 溢出左侧、
   scrollLeft 又回不到负数→Slot 永久看不见(Gerald 报的回归)。flex-start 让首个 tab 贴左端,Slot 恒在
   最前可见,右滑露出 Tangkas。桌面(≥1280,347 行)本就是 flex-start,这里统一。 */
.rm-tabs{display:flex;gap:6px;justify-content:flex-start;background:transparent;border:0;border-radius:0;box-shadow:none;
  padding:6px 5px 5px;margin-bottom:6px;overflow-x:auto;overflow-y:hidden;touch-action:pan-y;scrollbar-width:none}
.rm-tabs::-webkit-scrollbar{display:none}
.rm-tab{position:relative;overflow:hidden;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:4px;padding:6px 13px 6px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;cursor:pointer}
.rm-tab-ico{height:29px;width:auto;display:block;object-fit:contain}
.rm-tab span{font-size:14px;color:#fff;font-weight:700;white-space:nowrap}  /* label under icon (+10% on top of +30%) */
.rm-tab-active{border-bottom-color:#f2b928}   /* cuanmain cyan underline */
.rm-tab-active span{color:#f2b928}
/* tkb777 FIFA ribbon: red diagonal corner banner clipped to the tab's top-left corner */
/* .rm-tab .rm-tab-ribbon = specificity (0,2,0), beats `.rm-tab span{color:muted}` so FIFA stays white */
.rm-tab .rm-tab-ribbon{position:absolute;top:3px;left:-24px;width:70px;height:14px;transform:rotate(-45deg);
  display:flex;align-items:center;justify-content:center;background:#E64141;color:#fff;
  font-family:Trujillo,sans-serif;font-size:9px;font-weight:900;letter-spacing:.3px;line-height:1;z-index:2;border-radius:0}

/* provider / game grid */
.rm-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;min-height:60vh;align-content:start}
/* tkb777 .game-provider-item-container: 4:5-ish tile, 1px white/30% border, radius 10, shadow 6/6/12 .25 */
.rm-tile{position:relative;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--card);cursor:pointer;transition:transform .12s;
  box-shadow:6px 6px 12px rgba(0,0,0,.25)}
.rm-tile:hover{transform:translateY(-3px)}
/* category 切換淡入:只動 opacity+transform(GPU 合成,不 reflow),180ms ease-out,
   全部同時淡入無 stagger → 有 fade 但不拖慢內容出現 */
@keyframes rm-tile-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rm-tile{animation:rm-tile-in .18s ease-out backwards}
@media(prefers-reduced-motion:reduce){.rm-tile{animation:none}}
/* lc/fish 橫圖(1.58:1):2 欄橫卡,圖 cover 鋪滿(圖=卡比例,不裁不變形) */
.rm-grid.rm-grid-wide{grid-template-columns:repeat(2,1fr)}
.rm-grid-wide .rm-tile{aspect-ratio:2/1;border-radius:6px;box-shadow:none;background:transparent}   /* 非slot 磁贴 2:1(Gerald 2026-07-27 改,配 rodabet.net 500×250=2:1 图,object-fit:cover 零裁切) */
.rm-grid-wide .rm-tile img,.rm-grid-wide .rm-tile img.rm-logo{object-fit:cover;padding:0}
.rm-tile img{width:100%;height:100%;object-fit:cover}
/* wide/square provider LOGOS (API now returns provider_logo strips e.g. 300x125) must not be
   cover-cropped into the 4:5 tile; portrait card art (hot/new 200x250) keeps full-bleed cover */
.rm-tile img.rm-logo{object-fit:contain;padding:14px 10px;border-radius:0;width:100%;height:100%}
.rm-tile.rm-game{aspect-ratio:3/4}
.rm-tile .rm-tile-name{position:absolute;left:0;right:0;bottom:0;padding:8px;font-size:12px;font-weight:600;
  background:linear-gradient(transparent,rgba(0,0,0,.85));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* game-list Back: identical to the tkb .back-nav pill (dark, bordered, bold white chevron) */
.rm-back{display:flex;align-items:center;gap:12px;background:#111317;color:#fff;font-weight:700;font-size:16px;
  border-radius:10px;padding:0 16px;height:42px;cursor:pointer;box-shadow:6px 6px 14px rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.3);margin-bottom:14px;width:max-content}
.rm-back:before{content:"";width:10px;height:10px;border-left:3px solid #fff;border-bottom:3px solid #fff;
  transform:rotate(45deg);flex:0 0 auto}
.rm-empty-cat{padding:48px 16px;text-align:center;color:#93a0c0;font-size:15px}
.rm-grid-msg{grid-column:1/-1;text-align:center;padding:40px;color:var(--muted)}

/* bottom nav (centered column, all widths) */
/* tkb777 .footer-container: space-evenly row, compact 52x52 items (radius 8), 27px icons, 11px/700 labels */

/* ===== lapdee mask icons (nav / category / sidebar) — single monochrome svg per icon,
   coloured via CSS background so selected state can use the lapdee gold gradient ===== */
.rm-ic{display:inline-block;flex:0 0 auto;background:rgba(255,255,255,.58);
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.ic-home{--i:url(/assets/icons/home.svg)}
.ic-wallet{--i:url(/assets/icons/wallet.svg)}
.ic-reward{--i:url(/assets/icons/reward.svg)}
.ic-user{--i:url(/assets/icons/user.svg)}
.ic-comment{--i:url(/assets/icons/comment.svg)}
.ic-chat{--i:url(/assets/icons/chat.svg)}
.ic-slot{--i:url(/assets/icons/slot.svg)}
.ic-sport{--i:url(/assets/icons/sport.svg)}
.ic-lc{--i:url(/assets/icons/lc.svg)}
.ic-fish{--i:url(/assets/icons/fish.svg)}
.ic-sb-home{--i:url(/assets/icons/sb-home.svg)}
.ic-sb-notification{--i:url(/assets/icons/sb-notification.svg)}
.ic-sb-profile{--i:url(/assets/icons/sb-profile.svg)}
.ic-sb-bank{--i:url(/assets/icons/sb-bank.svg)}
.ic-sb-promotion{--i:url(/assets/icons/sb-promotion.svg)}
.ic-sb-referral{--i:url(/assets/icons/sb-referral.svg)}
.ic-sb-download{--i:url(/assets/icons/sb-download.svg)}
.ic-sb-translog{--i:url(/assets/icons/sb-translog.svg)}
.ic-sb-gameslog{--i:url(/assets/icons/sb-gameslog.svg)}
.ic-sb-contact{--i:url(/assets/icons/sb-contact.svg)}
.ic-sb-feedback{--i:url(/assets/icons/sb-feedback.svg)}
.ic-sb-logout{--i:url(/assets/icons/sb-logout.svg)}

#rm-cta-topup{background:var(--pa-deposit);color:var(--pa-deposit-fg);border:0}
.rm-btn-dep,.rm-side-topup,#rm-cta-topup,.rm-modal-submit.rm-green{position:relative;overflow:hidden}
.rm-btn-dep::after,.rm-side-topup::after,#rm-cta-topup::after,.rm-modal-submit.rm-green::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:rm-shine 2.6s ease-in-out infinite;pointer-events:none}
@keyframes rm-shine{0%{left:-60%}55%{left:135%}100%{left:135%}}

/* iOS Safari fixed:bottom:0 在滑到底 rubber-band 時會跟著 viewport 彈 → 用 translateZ(0) 強 GPU compositing layer,重繪時位置抖動大幅減少
   (不套 html/body overscroll-behavior:none,避免傷到 Android Chrome 的 pull-to-refresh) */
.rm-bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--panel);min-height:81px;align-items:center;justify-content:space-evenly;
  padding:10px 4px calc(10px + env(safe-area-inset-bottom));transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}
body{padding-bottom:calc(81px + env(safe-area-inset-bottom))}
.rm-bn-item{flex:0 0 auto;width:54px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:#fff;font-weight:700;font-size:11px;
  padding:6px 2px;margin:0;border-radius:8px;transition:background .15s;white-space:nowrap}
.rm-bn-item .rm-ic{width:27px;height:27px}
.rm-bn-lineico{width:27px;height:27px;object-fit:contain;flex:0 0 auto}
/* active item: lapdee gold pill + dark label/icon (tkb777 footer-selected-item) */
.rm-bn-active{color:#111317;background:linear-gradient(to right,#eda514,#ffd25b,#eda514);font-weight:700}
.rm-bn-active .rm-ic{background:#ffffff}

.rm-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:190}

/* footer */
.rm-footer{margin-top:30px;padding:26px 4px 10px;border-top:1px solid rgba(255,255,255,.06);text-align:center;color:var(--muted)}
.rm-footer-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}
.rm-footer-brand .rm-brandmark{height:32px}
.rm-footer-desc{font-size:13px;line-height:1.7;max-width:560px;margin:0 auto 14px}
.rm-footer-copy{font-size:12px;opacity:.7}

/* ===== responsive ===== */
@media(max-width:900px){
  .rm-topbar{padding:12px;gap:8px;min-height:79px}   /* match tkb header 79px exactly */
  .rm-brand{gap:8px}
  .rm-brandmark{height:54px}
  .rm-topbar-right{gap:8px}
  .rm-cta-btn{padding:14px}
}
/* grid columns follow tkb777's breakpoints: 6 / 5 / 4 / 3 at 891 / 890 / 686 / 600 */
@media(max-width:890px){ .rm-grid{grid-template-columns:repeat(5,1fr)} }
@media(max-width:686px){ .rm-grid{grid-template-columns:repeat(4,1fr);gap:10px} }
@media(max-width:600px){ .rm-grid{grid-template-columns:repeat(3,1fr);gap:8px} }
/* narrow phones: shrink the wordmark + buttons so they all fit */
@media(max-width:520px){
  .rm-topbar{padding:11px 10px;gap:6px}
  .rm-topbar-right .rm-btn{width:78px;font-size:12px}
  .rm-brand{gap:6px}
  .rm-brandmark{height:45px}
  .rm-hamburger{width:34px;height:34px}
  .rm-topbar-right{gap:6px}
}
/* tiny foldables (Galaxy Fold ~344px): buttons stay uniform; shrink the wordmark to make room */
@media(max-width:384px){
  .rm-topbar{padding:10px 8px}
  .rm-brandmark{height:39px}
  .rm-hamburger{width:32px;height:32px}
  /* tiny foldables (~344px): shrink both buttons together (still equal) for comfortable margin */
  .rm-topbar-right{gap:5px}
  .rm-topbar-right .rm-btn{width:68px;font-size:11px}
}

/* ===== desktop: sidebar pinned left (full-height bg); topbar search aligned to content frame (tkb777) ===== */
@media(min-width:1280px){
  .rm-hamburger{display:none}
  .rm-bottomnav{display:none}
  body{padding-bottom:0}   /* desktop 隱藏 nav 就不留位 */
  .rm-backdrop{display:none!important}
  /* topbar inner (search + auth) shares the same centered frame as content; logo floats over sidebar */
  /* header stays pinned on scroll like tkb (base rule is sticky; "relative" here used to override
     it and let the header scroll away). sticky is still a containing block for the absolute logo. */
  .rm-topbar{position:sticky;top:0;
    padding-left:max(300px, calc(300px + (100vw - 1400px)/2));
    padding-right:max(24px, calc((100vw - 1400px)/2))}
  .rm-topbar-left{position:absolute;left:30px;top:50%;transform:translateY(-50%)}
  .rm-search-top{display:none}   /* 桌面改用 .rm-filterrow 行內 search(靠右),不再用 header search */
  .rm-topbar-right{margin-left:auto}   /* search-top 沒了→按鈕仍靠右(topbar-left 是 absolute 不佔 flex 位) */
  /* tkb desktop sidebar (probed 1900px): total 300 wide, cards 246 @x27, first card 43px below the
     79px header; item content hugs LEFT (icon 27px from card edge, 18px, label at 55) */
  .rm-sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;width:300px;max-width:none;z-index:80;
    background:var(--panel);transform:none;overflow-y:auto;padding:122px 27px 40px;gap:32px}
  .rm-sidebar-head{display:none}  /* persistent desktop sidebar needs no close button */
  .rm-menu-item{padding:17px 26px 17px 27px;gap:10px}
  .rm-menu-item .rm-ic,.rm-menu-item .rm-flag{width:18px;height:18px}
  .rm-body{display:block;margin-left:0}   /* Gerald:桌面固定侧栏已 display:none,这 300px 是死位 -> 归零,内容列与导航列对齐居中 */
  .rm-content{max-width:1100px;margin:0 auto;padding:16px 0 48px}
  .rm-grid{grid-template-columns:repeat(6,1fr)}
  .rm-tabs{justify-content:flex-start}
  .rm-authpage{margin:0 6% 0 auto}  /* login/register form sits right of centre like tkb777 */
  /* on an open info/auth page: hide topbar search but keep Register/Login pinned right */
  body.rm-authopen .rm-search-top{display:none}
  body.rm-authopen .rm-topbar-right{margin-left:auto}
}

/* ===== auth as full page (tkb777 style: lives inside content, topbar+nav stay) ===== */
.rm-authpage{display:none;max-width:460px;margin:0 auto;padding:8px 4px 40px}
/* inner page open: drop the home-page bottom padding reserves so a short page can't scroll
   into a big blank area under its button (Tom: deposit page must not scroll past Next) */
body.rm-authopen .rm-content{padding-bottom:20px}
/* inner pages (deposit/withdraw): tighten spacing so the whole form fits one phone screen
   (no scroll, no bottom hidden under the nav) + kill iOS rubber-band overscroll */
/* inner pages: scroll normally if needed, but hide the scrollbar bar (Tom: a little scroll is fine,
   just no visible scrollbar; button must never be cut) */
body.rm-authopen{scrollbar-width:none}
body.rm-authopen::-webkit-scrollbar{display:none}
body.rm-authopen .rm-content{padding-top:6px}
body.rm-authopen .rm-dephead{margin:0 0 10px}
body.rm-authopen .rm-chan{padding:8px 12px}
body.rm-authopen .rm-chan-row{margin-bottom:8px}
body.rm-authopen .rm-sec-label{margin:4px 0 6px}
body.rm-authopen .rm-sec-sub{margin:-2px 0 6px}
body.rm-authopen .rm-field{height:48px;margin-bottom:8px}
body.rm-authopen .rm-amt-box{height:48px;margin-bottom:10px}
body.rm-authopen .rm-amt-grid{gap:8px;margin-bottom:0}
body.rm-authopen .rm-amt{padding:9px 0}
body.rm-authopen .rm-modal-submit{height:48px;margin-top:8px}
/* stretch the inner page to fill the space between header and nav, then push the deposit button
   to the very bottom — it sits just above the nav on ANY screen height (no cut, no big blank) */

/* inner pages (deposit etc.): no visible scrollbar (Tom) — content still scrolls if it must */
body.rm-authopen{scrollbar-width:none}
body.rm-authopen::-webkit-scrollbar{display:none}
body.rm-authopen .rm-authpage{padding-bottom:10px}
.rm-authpage.on{display:block}
/* login has only 2 fields — push it down so the form sits nearer the middle (tkb777 centres it) */
.rm-authpage.rm-auth-login{padding-top:4.5rem}   /* rodabet: 原 9vh/9svh 首绘 viewport 单位 settle 一次→登录卡入场跳(Gerald真机报);改固定 rem 无视口单位=首绘不 reflow。⚠️与389同值防 skeleton↔真卡错位 */
/* ==== deep-link auth pre-paint 骨架 =====================================================
   消除「居中小 spinner -> 整块登录卡」的内容突变(Gerald 报的「跳一下」)。骨架 = 登录卡的
   形状/位置:同一 #rm-authpage 容器、同 .rm-authcard 外框、同 9svh 顶距。app.js renderForm
   把真内容填进同一容器、openPage 移除 .rm-preskel-on -> 视觉是「骨架块->真字段」平滑填充,
   卡顶边同一 y、只往下长,不再有「小圈->大卡」的跳。 */
body.rm-preskel-on #rm-authpage{display:block;padding-top:4.5rem}   /* 同 383 固定值,防 skeleton↔真卡片错位跳 */
.rm-skel-title,.rm-skel-field,.rm-skel-chip,.rm-skel-foot{background:rgba(255,255,255,.06);border-radius:10px}
.rm-skel-title{width:120px;height:26px;margin:0 auto 18px}
.rm-skel-field{height:44px;margin-bottom:10px}   /* [a]登录跳修:对齐真卡片 .rm-authcard .rm-field(44/mb10),骨架→真swap零高度变=deep-link入场不涟漪 */
.rm-skel-row{display:flex;justify-content:space-between;align-items:center;margin:6px 2px 14px}
.rm-skel-chip{height:16px}
.rm-skel-chip:first-child{width:130px}.rm-skel-chip:last-child{width:96px}
.rm-skel-btn{height:46px;margin-top:6px;border-radius:10px;background:rgba(242,185,40,.16)}   /* [a]对齐真 .rm-authcard .rm-modal-submit(46/mt6) */
.rm-skel-foot{height:16px;width:180px;margin:14px auto 0}
/* ==== 首页 <-> 登录/注册 视图切换的淡入 ==================================================
   Gerald 真机录屏证实:他从首页点 Masuk/Daftar 进入,openPage 的 display 硬切让满屏 banner
   「啪」地换成深色登录卡 = 他说的「跳一下」。给「将要显示的视图」加 160ms opacity 淡入变渐现。
   opacity animation 走合成层、不触发 layout,不引入位移、不拖慢感知。
   ⚠️ 仅「从首页/正常态进入」时挂(openPage wasOpen=false);deep-link /login 刷新 wasOpen=true
      不挂 -> 骨架无缝填充方案保持不变。反向(回首页)给 .rm-content 挂同一个淡入。 */
.rm-fadein{animation:rm-authfade .16s ease both}
@keyframes rm-authfade{from{opacity:0}to{opacity:1}}
/* #rm-marquee 加进这条既有规则 = 跑马灯只在首页出现。
   WHY 挂在 body.rm-authopen 而不是在每个 render 函数里各写一遍:openPage()/closeModal()
   是 SPA 唯一的切页出入口,它们只做一件事就是切这个 class —— 挂在这里,以后**新增页面
   自动生效**,不会像逐个 render 写那样必然漏掉。
   回首页时 class 一摘,显示权就交还给 fillMarquee() 的 inline style:BO 文案为空时它本来
   就是 display:none,所以「回首页」不会把一条空跑马灯放出来(元素在 index.html 里的初始
   状态也是 display:none,刷新直接进内页也不会闪一下)。 */
/* 内页隐藏 marquee 时,顺手把它的动画也暂停 —— display:none 理论上已不渲染,
   但加这条是双保险,确保任何情况下隐藏的 track 都不会有动画在空转。 */
body.rm-authopen .rm-marquee-track{animation-play-state:paused}
body.rm-authopen #rm-marquee,
body.rm-authopen .rm-banner,body.rm-authopen .rm-cta-row,
body.rm-authopen .rm-inforow-band,body.rm-authopen .rm-tabs,body.rm-authopen .rm-provwrap,body.rm-authopen .rm-slotfilter,body.rm-authopen .rm-filterrow,body.rm-authopen .rm-content .rm-search,
body.rm-authopen #rm-grid,body.rm-authopen .rm-back,body.rm-authopen .rm-footer,body.rm-authopen .maha-ultra-design{display:none!important}
.rm-authback{display:inline-flex;align-items:center;gap:6px;color:#8b93a7;cursor:pointer;font-size:15px;margin:6px 0 2px}
.rm-authback:before{content:"‹";font-size:24px;line-height:1}
.rm-modal-title{font-size:32px;font-weight:700;margin:2px 0 22px}
/* tkb777 .loginMobileTf-input-container: bg #111317, 1px white/30% border, radius 10, h 52,
   shadow 6/6/14 .25; 40px white line-art icon on the left; 20px/500 input text */
.rm-field{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:0 12px;height:52px;margin-bottom:14px;box-shadow:6px 6px 14px rgba(0,0,0,.25)}
.rm-field img,.rm-field-ico{width:42px;height:42px;object-fit:contain;opacity:1;flex:0 0 auto}
/* tkb error frame (--loginCommonTf-err-border: 1px solid #c7240f); focus (#0057ff) always wins so
   the box turns blue the moment you tap it, replacing the red — one glance shows where you are */
.rm-field.rm-err{border-color:#c7240f}
.rm-field:focus-within{border-color:var(--gold)}
.rm-field.rm-err:focus-within{border-color:#e0524d}
.rm-field .rm-prefix{color:#fff;font-weight:400;font-size:20px;padding-right:0}  /* tkb: no divider after +66, plain 20px */
.rm-field input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:20px;font-weight:500;font-family:inherit;min-width:0;text-overflow:ellipsis}
/* tkb bankDropDown placeholder: centred, 20px/700, light rgba(255,255,255,.5) — not solid white */
.rm-field .rm-select{flex:1;background:transparent;border:0;outline:0;color:rgba(255,255,255,.5);font-size:20px;font-weight:700;font-family:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;text-align:center;text-align-last:center}
/* bank account no: centred + same light placeholder as the select (tkb) */
.rm-field input#rm-bkno{text-align:center}
.rm-field input#rm-bkno::placeholder{color:rgba(255,255,255,.5)}
/* withdraw page: account no + amount centred (Tom) */
.rm-amt-box input#rm-wd-amt{text-align:center;padding-left:0}
/* ---- custom bank dropdown (native select can't show a logo; this can) ---- */
.rm-bankdd{position:relative;justify-content:space-between;cursor:pointer;gap:12px}
.rm-bankdd-label{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;color:rgba(255,255,255,.5);font-size:20px;font-weight:700;overflow:hidden}
.rm-bankdd-label.sel{color:#fff}
.rm-bankdd-name{font-size:16px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-bankdd .rm-arrow{margin-left:0;flex:0 0 auto;border-color:#8b93a7;transition:transform .15s}
.rm-bankdd.open .rm-arrow.rm-down{transform:rotate(-45deg);margin-top:4px}   /* flip chevron up when open */
/* selected/option bank badge stands in for the logo */
.rm-bankbadge{flex:0 0 auto;width:42px;height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:#fff;letter-spacing:.3px}
/* popup: a real floating card (detached from the trigger), with an inner Search box + compact rows */
.rm-bankdd-pop{display:none;background:#151a21;border:1px solid rgba(255,255,255,.22);border-radius:12px;
  box-shadow:0 14px 34px rgba(0,0,0,.55);margin:8px 0 14px;padding:8px;max-height:300px;overflow-y:auto;scrollbar-width:none}
.rm-bankdd-pop::-webkit-scrollbar{display:none}
.rm-bankdd-pop.on{display:block}
.rm-bankdd-search{padding:2px 2px 8px;position:sticky;top:0;background:#151a21;z-index:2}
.rm-bankdd-search input{width:100%;background:#0d1117;border:1px solid rgba(255,255,255,.18);border-radius:8px;
  padding:11px 13px;color:#fff;font-size:14px;outline:none;font-family:inherit}
.rm-bankdd-search input:focus{border-color:var(--gold)}
.rm-bankdd-search input::placeholder{color:var(--muted)}
.rm-bankdd-opt{display:flex;align-items:center;gap:12px;padding:11px 12px;cursor:pointer;border-radius:8px}
.rm-bankdd-opt:hover{background:rgba(255,255,255,.07)}
.rm-bankdd-opt span{font-size:15px;font-weight:500;color:#eef0f6}
/* 內文 span(banx bank name)拿剩餘寬,pill 是另一個 span 但走 flex:0(見 .rm-wd-pill)不搶寬 */
.rm-bankdd-opt>span:not(.rm-wd-pill):not(.rm-bankbadge){flex:1;min-width:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-bankdd-opt .rm-cardsub{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-bankdd-opt .rm-bank-logo,.rm-bankdd-opt .rm-bankbadge{width:30px;height:30px}
.rm-bankdd-opt .rm-bankbadge{font-size:10px;border-radius:7px}
/* ---- withdraw: tkb dark rows + real bank logos (Logo_*.webp on white circle) ---- */
/* withdraw amount line reuses the deposit .rm-amt-box (same size/typography = coherent) */
.rm-wd-all{flex:0 0 auto;background:transparent;border:1.5px solid var(--pa-bronze-bd);color:var(--pa-bronze-fg);border-radius:9px;padding:9px 16px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;box-shadow:4px 4px 8px rgba(0,0,0,.3)}
/* softened white (Tom: 不要死白) — off-white gradient instead of flat #fff */
button.rm-soft{background:linear-gradient(180deg,#f2f4f7,#d5d9e2);color:#111;border:1px solid rgba(255,255,255,.35)}
/* bank dropdown: logo + name all left-aligned, grey like the Enter Amount placeholder;
   logo itself = .rm-bank-logo, the same class/size the deposit page uses */
.rm-wd-bankdd .rm-bankdd-label{justify-content:center}          /* bank name centred (Tom) */
/* logo pinned to the far LEFT of the field while the name stays centred (Tom) */
.rm-wd-bankdd .rm-bankdd-label .rm-bank-logo{width:30px;height:30px;position:absolute;left:12px;top:50%;transform:translateY(-50%)}
.rm-wd-bankdd .rm-bankdd-label.sel{color:rgba(255,255,255,.5)}
.rm-wd-bankdd .rm-bankdd-label .rm-bankdd-name{color:rgba(255,255,255,.5);font-weight:500}  /* 16/500 = deposit's bank name */
/* account no: display-only (no focus/caret), left-aligned, deposit-matched 16/500, grey */
.rm-wd-static{gap:12px}  /* icon-to-text = the 12px the bank row above uses */
.rm-wd-static input#rm-wd-accno{color:rgba(255,255,255,.5);pointer-events:none;text-align:center;font-size:22px;font-weight:500}
/* min line: slightly smaller than .rm-sec-sub (double class so it outranks the 13px base rule) */
.rm-sec-sub.rm-wd-min{font-size:12px}
.rm-field .rm-select option{background:#161a23;color:#fff}
.rm-select-field{position:relative}
.rm-select-field:after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;border-right:2px solid #8b93a7;border-bottom:2px solid #8b93a7;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.rm-field input::placeholder{color:#6b7180}
.rm-field .rm-eye{cursor:pointer;opacity:1;width:42px;height:42px;object-fit:contain;flex:0 0 auto}
/* tkb auth submit (btnV2-r10): h 42 — deliberately SMALLER than the 52px input fields */
.rm-modal-submit{width:100%;height:44px;border:0;border-radius:10px;background:var(--pa-primary);color:var(--pa-primary-fg);font-weight:700;font-size:18px;cursor:pointer;margin-top:8px;font-family:inherit;box-shadow:6px 6px 12px rgba(0,0,0,.25)}
.rm-modal-submit.rm-green{background:var(--pa-deposit);color:var(--pa-deposit-fg);border:0}
.rm-modal-err{color:#ff6b6b;font-size:13px;margin:-6px 0 12px;min-height:16px}
.rm-field-err.ok{color:var(--green1)}   /* username availability: green ✓ when free */
/* inline field error (red, under the input) — for phone-length validation, tkb777 style */
.rm-field-err{color:#e0250c;font-size:13px;font-weight:500;margin:-8px 0 12px 4px;min-height:0}
/* 2026-08-04 注册页专属修复:注册字段在 .rm-reg-row(其 .rm-field margin-bottom:0,见1772),err紧贴field底,
   通用 -8px 会让 err 中线撞 field border 底线=横线穿过红字。此处 margin-top:0 让 err 落 field 底下方避开。
   其它页(登录/绑卡/改密码)field 不在 .rm-reg-row(margin-bottom:12 有缓冲)本来无此bug,保留通用 -8px 紧凑设计。
   特异度 (0,2,0) > (0,1,0),稳赢不需 !important。实测 .rm-reg-row .rm-field-err 匹配注册页全部4个err。 */
.rm-reg-row .rm-field-err{margin-top:0}
.rm-field-err:empty{margin:0}
.rm-login-opts{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 18px}
.rm-remember{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--muted);font-size:14px}
/* tkb777: round green check (not a square checkbox) */
.rm-remember input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;
  border:2px solid #5a5c65;background:transparent;cursor:pointer;flex:0 0 auto;margin:0}
.rm-remember input:checked{background:#22c440 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3 8.5l3.2 3.2L13 5" stroke="white" stroke-width="2.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/13px no-repeat;border-color:#22c440}
.rm-forgot{color:#c7cbd6;font-size:14px;text-decoration:underline;cursor:pointer}
/* tkb777 redirect box: bordered container, text left + button right */
.rm-modal-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;
  min-height:58px;padding:8px 8px 8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:10px}
.rm-switch-txt{color:#c7cbd6;font-size:12px;font-weight:400}
.rm-switch-btn{flex:0 0 auto;min-width:88px;height:42px;padding:0 16px;border:1.5px solid var(--pa-gold-bd);
  border-radius:10px;background:transparent;color:var(--pa-gold-fg);font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap}
/* ---- C 單卡集中式 Register/Login:scoped 到 .rm-authcard,不動 deposit/withdraw 共用的 .rm-field ---- */
.rm-authcard{max-width:420px;margin:0 auto;background:#10151c;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px 20px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.rm-authcard .rm-modal-title{font-size:22px;margin:0 0 18px;text-align:center}
/* body.rm-authopen 前綴:壓過既有 body.rm-authopen .rm-field(0,2,1) 的高度/間距 */
body.rm-authopen .rm-authcard .rm-field{height:44px;margin-bottom:10px}
body.rm-authopen .rm-authcard .rm-modal-submit{height:46px;margin-top:6px}
.rm-authcard .rm-field{gap:8px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:none}
.rm-authcard .rm-field:focus-within{border-color:rgba(122,139,243,.75);background:rgba(255,255,255,.06)}
.rm-authcard .rm-field img,.rm-authcard .rm-field-ico,.rm-authcard .rm-field .rm-eye{width:22px;height:22px}
.rm-authcard .rm-field input,.rm-authcard .rm-field .rm-prefix,.rm-authcard .rm-field-select select{font-size:15px}
.rm-form-div{height:1px;background:rgba(255,255,255,.08);margin:2px 2px 14px}
.rm-authcard .rm-modal-submit{box-shadow:none}
.rm-authcard .rm-login-opts{margin:2px 2px 14px}
.rm-authcard .rm-modal-switch{margin-top:14px;min-height:auto;padding:11px 11px 11px 16px;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.rm-info-body{color:#c7cbd6;font-size:15px;line-height:1.7;margin:0 0 20px}

/* ---- Contact Us: LINE chat cards ---- */
.rm-line-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid rgba(242,185,40,.35);border-radius:14px;padding:15px 18px;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.rm-line-name{display:flex;align-items:center;gap:11px;font-weight:700;font-size:16px;color:#fff}
/* Contact 頁 LINE brand icon(綠底 SVG),用專屬 class 避開 line 846 提款頁 .rm-line-ico 白圓底樣式 */
.rm-lineico-brand{display:inline-flex;width:30px;height:30px;flex:0 0 auto}
.rm-lineico-brand svg{width:100%;height:100%;display:block}
/* 金色主題按鈕,對齊站上其他 CTA(pa-primary) */
.rm-line-btn{background:var(--pa-primary);color:var(--pa-primary-fg);font-weight:800;text-decoration:none;padding:11px 24px;border-radius:10px;white-space:nowrap;cursor:pointer;border:1px solid #eda514;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.rm-line-btn:active{filter:brightness(.9)}
/* ---- Promotion cards ---- */
/* Rewards list card:固定高 260px、圖撐滿、底部 dark overlay 壓 title(不因 title 長度變高)+ 金色 pill/button + shimmer */
.rm-rw-list{display:flex;flex-direction:column;gap:14px}
.rm-rw-card{position:relative;height:260px;border-radius:14px;overflow:hidden;background:#0d1117;border:1px solid rgba(242,185,40,.35);box-shadow:0 6px 18px rgba(0,0,0,.4)}
.rm-rw-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;display:block}
.rm-rw-shade{position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(180deg,transparent 0%,rgba(10,10,13,.65) 45%,rgba(10,10,13,.96) 100%);pointer-events:none}
.rm-rw-shine{position:absolute;top:0;left:-40%;width:35%;height:100%;background:linear-gradient(100deg,transparent,rgba(246,196,83,.28),transparent);transform:skewX(-18deg);animation:rm-rw-shine 4s ease-in-out infinite;pointer-events:none}
@keyframes rm-rw-shine{0%{transform:translateX(-100%) skewX(-18deg)}100%{transform:translateX(340%) skewX(-18deg)}}
@media(prefers-reduced-motion:reduce){.rm-rw-shine{display:none}}
/* Pill:小方角 chip,金字金邊 dark 底;rebate/cashback 不同 accent */
.rm-rw-pill{position:absolute;top:12px;right:12px;background:rgba(10,10,13,.75);color:var(--pa-gold-fg);border:1px solid rgba(246,196,83,.55);font-size:10px;font-weight:800;padding:5px 10px;border-radius:4px;letter-spacing:1.5px;text-transform:uppercase;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.rm-rw-pill--cashback{color:#ffd25b;border-color:rgba(246,196,83,.7)}
/* Title:底部左側 overlay,固定寬 fit for 2 lines,不擠壓 button */
.rm-rw-title{position:absolute;left:16px;right:120px;bottom:20px;font-size:18px;font-weight:800;color:#fff;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Learn More:金漸變小 chip button */
.rm-rw-learn{position:absolute;right:14px;bottom:14px;background:var(--pa-primary);color:var(--pa-primary-fg);border:1px solid #eda514;border-radius:6px;padding:7px 12px;font-weight:800;font-size:11px;letter-spacing:.5px;cursor:pointer;font-family:inherit;white-space:nowrap;text-transform:uppercase;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.rm-rw-learn:active{transform:scale(.96)}
/* Rewards detail:hero(image + pill 右上 + ← →)+ premium 卡片(eyebrow / h1 金渐变 / sub / 2x2 grid / rules card / brand)+ dots + GO */
.rm-rwd-hero{position:relative;height:220px;border-radius:14px;overflow:hidden;margin-bottom:16px;background:#0d1117}
.rm-rwd-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.rm-rwd-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:8px;background:rgba(10,10,13,.65);color:var(--pa-gold-fg);border:1px solid rgba(246,196,83,.4);font-size:20px;font-weight:800;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;padding:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.rm-rwd-prev{left:12px}
.rm-rwd-next{right:12px}
.rm-rwd-nav:active{transform:translateY(-50%) scale(.94)}
/* Pill 移到右上,配色跟 list card 一致 */
.rm-rwd-pill{position:absolute;top:12px;right:12px;background:rgba(10,10,13,.78);color:var(--pa-gold-fg);border:1px solid rgba(246,196,83,.55);font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:5px 10px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
/* Premium card:圆角深底 + 顶部液体金 4px 装饰 + 内部三段(head / grid / rules) */
.rm-rwd-card{position:relative;background:#0d1117;border:1px solid #080c11;border-radius:24px;padding:22px 18px;box-shadow:0 12px 40px rgba(0,0,0,.6),inset 0 0 20px rgba(242,185,40,.05);overflow:hidden;margin-bottom:16px}
.rm-rwd-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#f2b928,#ffe08a,#f2b928,transparent)}
.rm-rwd-head{text-align:center;margin-bottom:24px}
.rm-rwd-eyebrow{color:#888;font-size:11px;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px}
.rm-rwd-h1{font-size:26px;font-weight:900;margin:0;background:linear-gradient(180deg,#ffd0f0 0%,#eda514 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 16px rgba(242,185,40,.2));line-height:1.2}
.rm-rwd-sub{color:#eda514;font-weight:700;font-size:12px;letter-spacing:.8px;margin-top:10px}
.rm-rwd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.rm-rwd-gcell{background:linear-gradient(145deg,#111,#0d1117);border:1px solid #080c11;padding:14px 10px;border-radius:14px;text-align:center;display:flex;flex-direction:column;gap:6px}
.rm-rwd-glbl{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:1px}
.rm-rwd-gval{font-size:13px;color:#e0e0e0;font-weight:800}
.rm-rwd-gval.gold{color:#f2b928}
.rm-rwd-rules{background:#0d1117;border-radius:16px;padding:18px;border:1px solid #111}
.rm-rwd-desc{font-size:12.5px;color:#ccc;line-height:1.8;text-align:center;margin-bottom:18px}
.rm-rwd-rulesT{color:#f2b928;font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.rm-rwd-rulesT::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#3a0f30,transparent)}
.rm-rwd-rulist{list-style:none;padding:0;margin:0}
.rm-rwd-rulist li{color:#888;font-size:12.5px;line-height:1.75;margin-bottom:10px;position:relative;padding-left:18px}
.rm-rwd-rulist li:last-child{margin-bottom:0}
.rm-rwd-rulist li::before{content:"\2726";position:absolute;left:0;top:1px;color:#eda514;font-size:10px}
.rm-rwd-gold{color:#eda514;font-weight:600}
.rm-rwd-brand{text-align:center;margin-top:20px;font-size:9px;color:#333;letter-spacing:3px}
.rm-rwd-dots{display:flex;justify-content:center;gap:6px;margin-bottom:18px}
.rm-rwd-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25)}
.rm-rwd-dot.on{background:var(--pa-gold-fg);width:20px;border-radius:100px}
.rm-rwd-go{margin-top:0}
/* ---- Affiliate tier card ---- */
.rm-aff-card{background:var(--card);border-radius:16px;padding:26px 20px;text-align:center}
.rm-aff-h1{color:var(--green1);font-size:24px;font-weight:800}
.rm-aff-h2{color:var(--muted);font-size:14px;margin-bottom:22px}
.rm-aff-you{display:inline-block;background:var(--card2);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 30px;font-weight:700;margin-bottom:4px}
.rm-aff-tiers{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:14px auto 20px}
.rm-aff-tier{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--green1),var(--green2));color:#06371f;border-radius:10px;padding:12px 22px;font-weight:800;font-size:15px}
.rm-aff-unlimited{background:linear-gradient(135deg,var(--green1),var(--green2));color:#06371f;font-weight:800;border-radius:12px;padding:16px;font-size:16px}
.rm-aff-card{margin-bottom:16px}
.rm-aff-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.rm-aff-tab{background:var(--card2);color:#cfd3dc;border-radius:10px;padding:9px 18px;font-weight:700;font-size:13px;cursor:pointer}
/* .rm-aff-tab.on 舊 dead code:affiliate 已下線,樣式移除 */
.rm-aff-banner{height:130px;border-radius:12px;display:flex;align-items:flex-end;padding:16px;font-size:24px;font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px}
.rm-aff-green-title{color:var(--green1);font-size:22px;font-weight:800;text-align:center;line-height:1.25;margin:4px 0 12px}
.rm-aff-dd-desc{text-align:center;color:#c7cbd6;font-size:14px;margin:0 0 8px}
.rm-aff-calc{text-align:center;font-size:18px;font-weight:700}
.rm-aff-calc b{color:var(--green1)}
.rm-aff-how{color:var(--green1);font-size:22px;font-weight:800;text-align:center;margin-bottom:18px}
.rm-aff-step{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}
.rm-aff-num{flex:0 0 auto;font-size:30px;font-weight:800;font-style:italic;color:var(--green1);min-width:26px;border-left:3px solid var(--green1);padding-left:6px;line-height:1}
.rm-aff-step p{margin:0;color:#dfe2ea;font-size:14px;line-height:1.5}
.rm-aff-turnover{background:var(--card);border-radius:14px;padding:18px;text-align:center}
.rm-aff-turn-title{color:var(--green1);font-weight:800;font-size:15px;margin-bottom:6px}
.rm-aff-turnover p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
/* logged-in wallet widget */
.rm-wallet{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#350bc8,#8d1b23,#8d1b23);color:#fff;font-weight:700;
  padding:9px 16px;border-radius:12px;cursor:pointer;white-space:nowrap;box-shadow:6px 6px 12px rgba(0,0,0,.4)}
.rm-wallet small{opacity:.85;font-weight:500}

/* ===== logged-in header userbar ===== */
/* logged-in: the right side MUST be shrinkable (flex:0 1 auto + min-width:0), otherwise the
   parent's flex:0 0 auto keeps it rigid and the $⊕ deposit icon gets pushed off-screen (#8) */
.rm-topbar-right.rm-logged{display:flex;align-items:center;gap:14px;flex:0 1 auto;min-width:0}
.rm-bal{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#350bc8,#8d1b23);color:#fff;
  padding:8px 14px;border-radius:12px;cursor:pointer;white-space:nowrap}
.rm-bal-user{font-size:12px;opacity:.85;max-width:90px;overflow:hidden;text-overflow:ellipsis}
.rm-bal-amt{font-size:15px;font-weight:800}
.rm-bal-ref{font-size:14px;opacity:.85;cursor:pointer;padding:0 2px}
/* wallet-page Deposit/Withdraw = tkb btnV2 pair: bright flat green + white text / white + black text */
.rm-btn-dep{background:var(--pa-deposit);color:var(--pa-deposit-fg);border:0}
.rm-btn-wd{background:transparent;color:var(--pa-bronze-fg);border:1.5px solid var(--pa-bronze-bd)}
.rm-logout{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;width:40px;height:40px;
  border-radius:10px;cursor:pointer;font-size:16px;flex:0 0 auto}
.rm-logout:active{transform:translateY(1px)}
/* logged-in-only sidebar items (hidden until authed) */
.rm-auth-only{display:none!important}
body.rm-authed .rm-menu-item.rm-auth-only{display:flex!important}
body.rm-authed .rm-menu-card.rm-auth-only{display:block!important}
body.rm-authed .rm-menu-sep.rm-auth-only{display:block!important}
.rm-logout-item span{color:#ff6b6b}
/* sidebar Top Up / Withdraw (logged-in, at top) */
body.rm-authed .rm-side-topbtns.rm-auth-only{display:flex!important}
/* tkb drawer Top Up / Withdraw: tall bordered pair */
.rm-side-topbtns{gap:16px}
.rm-side-topbtns .rm-btn{flex:1;height:52px;padding:0;font-size:20px;font-weight:700;border-radius:14px}
.rm-side-topup{background:var(--pa-deposit);color:var(--pa-deposit-fg);border:0}
.rm-side-wd{background:transparent;color:var(--pa-bronze-fg);border:1.5px solid var(--pa-bronze-bd)}
/* login welcome popup */
.rm-pop-ov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:900;display:flex;align-items:center;justify-content:center;padding:20px}  /* above the game layer (z800) */
/* Live Chat 獨立頁:全屏 iframe 裝 assets/livechat.html(純前端 mock,零外部) */
.rm-page-chip.rm-lc-titlechip{font-size:8px;height:26px;padding:0 12px;border-radius:8px}   /* Live Chat 標題字縮 50%(16→8);複合選擇器蓋過 .rm-page-chip */
.rm-lc-page{margin-top:8px}
/* iframe 高度算在 dephead 與固定底部 nav(81px)之間,讓假聊天輸入框完整露出不被 footer 擋 */
.rm-lc-pageframe{width:100%;height:calc(100dvh - 220px);min-height:340px;border:0;display:block;background:#0e1424;border-radius:14px;overflow:hidden}
.rm-pop{position:relative;background:#171a26;border-radius:18px;max-width:400px;width:100%;padding:30px 26px 26px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.rm-pop-close{position:absolute;top:12px;right:16px;font-size:24px;color:#8b93a7;cursor:pointer;line-height:1}
.rm-pop-art{font-size:56px;margin-bottom:12px}
.rm-pop-title{font-size:22px;font-weight:800;color:var(--green1);margin-bottom:12px}
.rm-pop-body{font-size:14px;color:#c7cbd6;line-height:1.7;margin-bottom:22px}
.rm-pop-ok{width:100%;height:50px;border:0;border-radius:12px;background:linear-gradient(135deg,#8d1b23,#8d1b23);color:#fff;font-weight:800;font-size:16px;cursor:pointer;font-family:inherit}
/* CMS entry popup: centered image + close X (shows when BO configures a popup) */
.rm-entrypop{position:relative;max-width:420px;width:100%}
.rm-entrypop img{width:100%;height:auto;border-radius:14px;display:block}
.rm-entrypop-close{position:absolute;top:-14px;right:-6px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:22px;line-height:1;cursor:pointer}
/* BO popup 富文本容器（getSiteConfig.popup）：深色卡片，跟 .rm-alert / .rm-promo-content 同一套视觉 */
.rm-entrypop-body{background:#1a2029;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:20px;color:#cfd6e4;font-size:14px;line-height:1.7;max-height:70vh;overflow:auto;word-break:break-word}
.rm-entrypop-body img{width:100%;height:auto;border-radius:10px;display:block;margin:8px 0}
.rm-entrypop-body a{color:#7db4ff;word-break:break-all}
.rm-entrypop-body strong,.rm-entrypop-body b{color:#ffd66b}
.rm-entrypop-body ol,.rm-entrypop-body ul{padding-left:20px;margin:8px 0}
/* error alert popup (tkb777 style): dark rounded card + orange-gradient Ok button */
.rm-alert{background:#1a2029;border:1px solid rgba(255,255,255,.14);border-radius:18px;max-width:420px;width:100%;padding:28px 24px 22px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.rm-alert-msg{font-size:19px;font-weight:700;color:#fff;line-height:1.5;margin-bottom:22px;word-break:break-word;overflow-wrap:anywhere}
.rm-alert-ok{width:100%;height:50px;border:0;border-radius:12px;background:var(--pa-primary);color:var(--pa-primary-fg);font-weight:800;font-size:17px;cursor:pointer;font-family:inherit}
/* confirm variant (tkb): blue-gradient Ok + underlined Cancel below */
.rm-confirm-ok{background:var(--pa-primary);color:var(--pa-primary-fg);border:1px solid #eda514}
.rm-confirm-cancel{margin-top:16px;text-align:center;color:var(--pa-cancel-fg);font-size:15px;text-decoration:underline;cursor:pointer}
/* ---- withdraw (verified bank, tkb layout) ---- */
.rm-wd-etarow{display:flex;gap:12px;margin:2px 0 14px}
.rm-wd-eta{flex:1;display:flex;align-items:center;gap:8px;background:var(--card);border-radius:10px;padding:12px 14px;color:#ff3b30;font-weight:700;font-size:15px}
.rm-wd-etaico{font-size:18px;line-height:1}
.rm-wd-report{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #35d05f;border-radius:10px;padding:12px 10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer}
.rm-wd-report img{width:24px;height:24px;object-fit:contain}
.rm-wd-carddd{height:auto;min-height:64px;padding:10px 14px}
.rm-wd-cardsel{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}
.rm-wd-cardtxt{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.rm-wd-cardtxt span{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-wd-cardtxt b{font-size:16px;font-weight:700;color:#fff}
.rm-wd-balcard{padding:18px 20px}
.rm-wd-balrow{display:flex;gap:14px;padding:6px 0;font-size:16px}
.rm-wd-balrow span{color:#cfd3dc;min-width:170px}
.rm-wd-balrow b{font-weight:700}
.rm-wd-green{color:#35d05f}
.rm-wd-amtbox input{text-align:center;font-size:22px;font-weight:700}
.rm-wd-confirm{background:var(--pa-primary);color:var(--pa-primary-fg);border:1px solid #eda514}
.rm-wd-confirm:disabled{opacity:.55;cursor:default}
/* ===== in-page game view (tkb style): fullscreen iframe + "< name ... ID" top bar ===== */
#rm-gamewrap{position:fixed;inset:0;z-index:800;background:#0b0e18;display:flex;flex-direction:column}
.rm-gametop{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px;background:#111317;flex:0 0 auto}
.rm-gameback{width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.rm-gameback:before{content:"";width:11px;height:11px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg)}
.rm-gamename{flex:1;min-width:0;color:#fff;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-gameid{flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:600}
.rm-gameframe{flex:1;width:100%;border:0;background:#000}
body.rm-gameopen{overflow:hidden;height:100vh;height:100dvh}
/* login/register loading spinner */
.rm-loading-ov{position:fixed;inset:0;background:rgba(13,17,23,.72);z-index:950;display:none;align-items:center;justify-content:center}  /* above game + popups */
.rm-loading-ov.on{display:flex}
@keyframes rm-spin{to{transform:rotate(360deg)}}
.rm-spinner{display:flex;gap:12px}
.rm-spinner span{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#7fe7c4,#2fd07a);animation:rm-bounce 1s infinite ease-in-out}
.rm-spinner span:nth-child(2){animation-delay:.16s;background:linear-gradient(135deg,#6ec3ff,#2d6cf6)}
.rm-spinner span:nth-child(3){animation-delay:.32s;background:linear-gradient(135deg,#c88bff,#8d1b23)}
@keyframes rm-bounce{0%,80%,100%{transform:scale(.4);opacity:.5}40%{transform:scale(1);opacity:1}}
/* header wallet pill + deposit icon (logged in) — tkb .wallet-balance-container:
   white box w144 h42, radius 10, shadow 4/4/4 .75, 20px card icon, amount right-aligned 700 */
.rm-wpill{display:flex;align-items:center;gap:34px;background:var(--panel);color:#ffd25b;border-radius:10px;padding:11px 14px;cursor:pointer;
  white-space:nowrap;font-weight:700;width:auto;min-width:96px;flex-shrink:0;height:42px;justify-content:flex-start;
  box-shadow:inset 0 0 0 1px #eda514,4px 4px 4px rgba(0,0,0,.55);overflow:hidden}
.rm-wpill-ico{width:20px;height:20px;flex:0 0 auto;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;background:linear-gradient(180deg,#ffd25b,#5f0010)}
.rm-wpill .rm-bal-amt{font-size:11px;font-weight:700}   /* 原 14px -> 11px(Gerald 2026-07-23);字变小=右区更宽松=能完整显示的余额位数变多 */
.rm-hd-noti{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px #eda514,4px 4px 4px rgba(0,0,0,.55)}
.rm-hd-noti-ic{width:22px;height:22px;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;background:linear-gradient(180deg,#ffd25b,#5f0010)}
.rm-hd-noti-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ff2d55;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}
.rm-noti-c{color:var(--muted);font-size:13px;margin:4px 0;line-height:1.4}
/* tkb .fund-button-container: white rounded box (r10, 5px pad) + 32px dark $⊕ icon */
.rm-depicon{width:42px;height:42px;border-radius:10px;background:var(--pa-deposit);border:0;padding:5px;
  box-shadow:4px 4px 4px rgba(0,0,0,.75);
  display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.rm-depicon img{width:32px;height:32px;object-fit:contain}
/* logged-in CTA: Top Up / Withdraw both white (tkb777) */
.rm-cta-wbtn{background:transparent;color:var(--pa-bronze-fg);border:1.5px solid var(--pa-bronze-bd)}
/* Gerald 2026-07-28:Withdraw 框跟 Masuk 一模一样(深灰底 #2e2f2e + 金边 1px #ffd200 + 白字 + 金 glyph);
   Deposit(#rm-cta-topup)保持金底不动(对标 Daftar)。ID 选择器盖过 .rm-cta-wbtn 的透明底/青铜边。 */
#rm-cta-wd{background:#2e2f2e;color:#fff;border:1px solid #ffd200}
#rm-cta-wd .rm-btn-ic{color:#ffd200}
.rm-depicon:active{transform:translateY(1px)}

/* ── 登入态 topbar:存款按钮在任何宽度都必须完整可见可点 ──────────────────────
   🔴 那是入金入口,被切掉等于挡住收钱。
   BUG(2026-07-23 实测):.rm-wpill 不可压缩(没有 min-width:0),而且图标与金额之间
   有 34px 的展示型 gap。余额一长,pill 就把存款按钮整个顶出屏幕 —— 320px 下余额只要
   >= 50.000 IDR 按钮就被切,>= 10.098.400 时完全在屏外(right=365 > vw=320)。
   topbar 又不横向滚,所以按钮是真的**够不着**,不是滑一下就能看到。
   修法按「先回收无用空间,再谈牺牲信息」的顺序:
     ① 存款/铃铛 flex:0 0 auto —— 永不压缩、永不被挤出(硬性要求)
     ② 只让钱包 pill 让位(flex:0 1 auto + min-width:0)
     ③ 窄屏收掉那个 34px 展示型 gap 与多余内距 —— 这一步就够正常余额完整显示
     ④ 金额省略号只作**最后保险**:极端长度(十亿级)才会截断。
        WHY 不一上来就用省略号:余额是玩家最关心的数字,能完整显示就不该截。 */
.rm-topbar-right.rm-logged{min-width:0}
.rm-topbar-right.rm-logged .rm-hd-noti,
.rm-topbar-right.rm-logged .rm-depicon{flex:0 0 auto}
.rm-topbar-right.rm-logged .rm-wpill{flex:0 0 auto;min-width:0}
/* WHY 去掉 ellipsis:铃铛删掉后 header 右区腾出空间,余额 chip 按内容自适应宽度,
   完整显示金额(不再出现「10....」这种被截断的省略号)。nowrap 保证不折行。 */
.rm-wpill .rm-bal-amt{white-space:nowrap}
@media(max-width:430px){
  /* 34px 的 gap 是为宽屏的 tkb 观感留的,窄屏纯属浪费 —— 收回来就是存款按钮的活路 */
  .rm-wpill{gap:8px;padding:11px 10px}
  .rm-topbar-right.rm-logged{gap:6px}
}
/* <=360px:右区实测只有 179px,而 铃铛42 + pill + 存款38 需要 210px —— 缺 31px。
   按「先收无用空间、再缩非关键元素、最后才动金额字号」的顺序继续回收,
   目的是让常见余额(百万级)能完整显示,而不是一上来就打省略号。
   铃铛是通知入口,优先级低于余额可读性与存款可点,所以它先让。 */
@media(max-width:360px){
  .rm-topbar-right.rm-logged{gap:5px}
  .rm-topbar-right.rm-logged .rm-hd-noti{width:34px;height:34px}
  .rm-wpill{gap:6px;padding:9px 8px}
  .rm-wpill-ico{width:16px;height:16px}
  .rm-wpill .rm-bal-amt{font-size:10px}   /* 原 13px */
}
/* wallet page */
/* tkb wallet card: labels above/below the amount are plain WHITE (not muted), amount has no forced decimals */
/* A3 金屬邊+ shimmer + 品牌 logo 背景大水印(董事長 2026-07-13 選中) */
.rm-wallet-card{position:relative;overflow:hidden;padding:22px;border-radius:16px;border:2px solid transparent;background:linear-gradient(#080c11,#080c11) padding-box,linear-gradient(135deg,#ffd25b,#eda514,#ffd25b) border-box;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.rm-wallet-title{font-weight:700;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:44px;color:var(--pa-gold-fg)}
.rm-wallet-lbl{color:var(--muted);font-size:14px}
.rm-wallet-amt{font-size:36px;font-weight:800;margin:4px 0 4px;letter-spacing:-.5px;background:linear-gradient(90deg,#ffd25b 20%,#fff4d0 50%,#eda514 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rm-wallet-wd{color:var(--muted);font-size:12px}
.rm-wallet-wm{position:absolute;right:-20px;top:50%;transform:translateY(-50%) rotate(-14deg);opacity:.22;width:290px;height:auto;pointer-events:none;user-select:none}
.rm-wallet-card::after{content:"";position:absolute;top:0;left:-40%;width:35%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);animation:rm-wallet-shine 3.5s ease-in-out infinite;pointer-events:none}
@keyframes rm-wallet-shine{0%{transform:translateX(-100%) skewX(-18deg)}100%{transform:translateX(340%) skewX(-18deg)}}
@media(prefers-reduced-motion:reduce){.rm-wallet-card::after{animation:none;display:none}}
.rm-wallet-actions{display:flex;gap:16px}
.rm-wallet-actions .rm-btn{flex:1;height:52px;padding:0;font-size:20px;font-weight:700;border-radius:16px;box-shadow:6px 6px 12px rgba(0,0,0,.25)}
.rm-noti-t{font-weight:700;font-size:14px}
.rm-noti-d{color:var(--muted);font-size:12px;margin-top:4px}
/* ===== member pages (deposit / withdraw / profile / history) ===== */
/* tkb deposit head: white "< Back" pill + dark title chip */
.rm-dephead{display:flex;gap:14px;margin:6px 0 18px}
/* tkb .back-nav-back-btn-container: dark #111317 pill, 0.4px white/30% border, shadow 6/6/14,
   h42, pad 0 16, white 700 label — NOT a white pill */
.rm-back-pill{display:flex;align-items:center;gap:12px;background:#111317;color:#fff;font-weight:700;font-size:16px;
  border-radius:10px;padding:0 16px;height:42px;cursor:pointer;box-shadow:6px 6px 14px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.3)}
/* tkb navBack: bold white chevron (dark pill) */
.rm-back-pill:before{content:"";width:10px;height:10px;border-left:3px solid #fff;border-bottom:3px solid #fff;
  transform:rotate(45deg);flex:0 0 auto}
.rm-page-chip{display:flex;align-items:center;background:#1a2029;color:#cfd3dc;font-weight:700;font-size:16px;border-radius:12px;padding:0 20px;height:46px}
/* tkb register-bank step indicator: done(✓) — line — current(2), both green circles */
.rm-steps{display:flex;align-items:center;justify-content:center;margin:2px 0 22px}
.rm-step{width:28px;height:28px;border-radius:50%;background:#22c440;color:#fff;font-weight:700;font-size:14px;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.rm-step-line{width:60px;height:2px;background:rgba(255,255,255,.25)}
/* tkb method tabs (Auto / Bank QR): bordered pills with a green status dot, active = white */
.rm-method-card{display:flex;gap:10px;padding:8px}
.rm-method{position:relative;height:42px;padding:0 20px;border-radius:8px;border:1px solid rgba(255,255,255,.3);
  display:flex;align-items:center;font-weight:700;font-size:14px;color:#fff;cursor:pointer;background:transparent}
.rm-method.on{background:var(--pa-primary);color:var(--pa-primary-fg);border-color:#eda514}
.rm-method:after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#3ddc5a}
.rm-field .rm-ico-sm{width:26px;height:26px}
.rm-field input[readonly]{cursor:default}
/* ---- 旧模板版式的存款页: channel buttons (Bank Transfer / PromptPay QR) with amount range ---- */
.rm-chan-row{display:flex;gap:12px;margin-bottom:16px}
.rm-chan{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;
  border:1px solid rgba(255,255,255,.3);background:transparent;cursor:pointer}
.rm-chan.on{background:var(--pa-primary);color:var(--pa-primary-fg);border-color:#eda514}
.rm-chan-ic{width:28px;height:28px;object-fit:contain;flex:0 0 auto}
.rm-chan.on .rm-chan-ic{filter:invert(1)}
.rm-chan-qr{font-size:26px;line-height:1;flex:0 0 auto;color:#fff}
.rm-chan.on .rm-chan-qr{color:#111}
.rm-chan-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.rm-chan-t b{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-chan-t small{font-size:11px;font-weight:400;color:var(--muted);white-space:nowrap}
.rm-chan.on .rm-chan-t b{color:#111}
.rm-chan.on .rm-chan-t small{color:#555}
/* section headings + minimum-deposit hint */
.rm-sec-label{font-size:15px;font-weight:700;color:rgb(255,255,255);letter-spacing:.2px;margin:10px 0 10px}   /* Gerald:同级 label 统一纯白(原 #e6e9f2 近白) */
.rm-sec-sub{font-size:13px;font-weight:400;color:var(--muted);margin:-4px 0 10px}
/* (THB) prefix in the amount box + 4-column quick picks */
.rm-amt-cur.rm-amt-thb{color:var(--muted);font-size:15px;font-weight:400}
.rm-amt-grid4{grid-template-columns:repeat(4,1fr)}
/* real bank logo (Transfer From) instead of a colour badge */
.rm-bank-logo{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto}
/* deposit Transfer From: logo + name LEFT-aligned (register-bank stays centred) */
#rm-dep-bkt .rm-bankdd-label{justify-content:flex-start;gap:12px}
#rm-dep-bkt .rm-bankdd-name{font-size:16px;font-weight:500;color:#fff}
/* Enter Amount preview text: sized/aligned in the base .rm-amt-box input rule below (18px, left) */
.rm-amt-box input::placeholder{font-weight:400}
.rm-dw-tabs{display:flex;gap:0;background:var(--panel);border-radius:12px;padding:5px;margin-bottom:16px}
.rm-dw-tab{flex:1;text-align:center;padding:12px;border-radius:9px;font-weight:700;font-size:15px;color:var(--muted);cursor:pointer}
.rm-dw-tab.on{background:linear-gradient(135deg,var(--green1),var(--green2));color:#06371f}
/* tkb member cards: visible 1px white/30% border + shadow */
.rm-mcard{background:var(--card);border:1px solid rgba(255,255,255,.3);border-radius:10px;box-shadow:6px 6px 12px rgba(0,0,0,.25);padding:16px;margin-bottom:14px}
.rm-mlabel{font-size:13px;color:var(--muted);margin-bottom:12px}
/* deposit amount box: ฿ on the left, big centered amount, Clear on the right (tkb777 style) */
.rm-amt-box{display:flex;align-items:center;gap:10px;background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 12px;height:64px;margin-bottom:12px}
.rm-amt-cur{color:var(--green1);font-size:24px;font-weight:800;flex:0 0 auto}
.rm-amt-box input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:18px;font-weight:500;text-align:left;padding-left:8px;font-family:inherit}
.rm-amt-box input::placeholder{color:#6b7180}
.rm-amt-clear{flex:0 0 auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:9px;padding:9px 14px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
.rm-amt-err{color:#ff6b6b;font-size:13px;min-height:16px;margin:-4px 0 8px;padding:0 2px;font-weight:500}
.rm-amt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.rm-amt{background:var(--card2);border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:14px 0;font-weight:500;font-size:16px;cursor:pointer}
.rm-amt.on{background:linear-gradient(135deg,var(--green1),var(--green2));color:#06371f;border-color:transparent}
.rm-bankrow{display:flex;align-items:center;gap:12px}
.rm-bankicon{flex:0 0 auto;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:13px}
.rm-bankinfo{flex:1;min-width:0}
.rm-bankname{font-weight:700;font-size:14px}
.rm-bankno{font-size:18px;font-weight:800;letter-spacing:.5px;margin:2px 0}
.rm-bankacc{font-size:12px;color:var(--muted)}
.rm-copy{background:var(--green1);color:#06371f;border:0;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;flex:0 0 auto}
.rm-hint{font-size:11px;color:var(--muted);margin-top:10px}
.rm-rb-hint{font-size:12.5px;color:#ff7a78;background:rgba(226,75,74,.10);border:1px solid rgba(226,75,74,.35);border-left:3px solid #e24b4a;padding:10px 14px;border-radius:0 8px 8px 0;line-height:1.5;margin:0 0 14px}
.rm-wd-avail{font-size:26px;font-weight:800;color:var(--green1)}
.rm-prow{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.rm-prow:last-child{border-bottom:0}
.rm-prow span{color:var(--muted);font-size:14px}
.rm-prow b{font-size:14px}
.rm-logout-btn2{background:transparent!important;color:#ff6b6b!important;border:1px solid rgba(255,107,107,.4)!important}
.rm-hlist{display:flex;flex-direction:column;gap:10px}
.rm-hrow{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:12px;padding:14px 16px}
.rm-htype{font-weight:700;font-size:14px;flex:0 0 auto}
.rm-htype.dep{color:var(--green1)} .rm-htype.wd{color:#ff9f43}
.rm-hmid{flex:1;text-align:right}
.rm-hamt{font-weight:800;font-size:15px}
.rm-hamt.dep{color:var(--green1)} .rm-hamt.wd{color:#ff9f43}
.rm-hdate{font-size:11px;color:var(--muted)}
.rm-hstat{flex:0 0 auto;font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px;margin-left:8px}
.rm-hstat.success{background:rgba(47,208,122,.15);color:var(--green1)}
.rm-hstat.pending{background:rgba(246,196,83,.15);color:var(--gold)}
.rm-hstat.cancel{background:rgba(224,37,12,.15);color:#e0603c}
.rm-toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);z-index:400;background:#222838;color:#fff;
  padding:12px 22px;border-radius:12px;font-weight:600;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:88vw;text-align:center}
.rm-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:600px){
  .rm-topbar-right.rm-logged{gap:10px}
  .rm-wpill{min-width:80px}   /* pill keeps the tkb 144px look, shrinks only when the row is tight */
  .rm-depicon{width:38px;height:38px;padding:4px}
  .rm-depicon img{width:28px;height:28px}
}

/* history: continue-pay link on pending deposits (pgRedirectUrl) */
.rm-hpay{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:10px;background:var(--green1);color:#fff;font-size:11px;font-weight:700;text-decoration:none}
/* withdraw: card status pill (10 verified / -5 rejected / else verifying) */
.rm-wd-pill{margin-left:auto;padding:2px 8px;border-radius:9px;font-size:10px;font-weight:700;flex:0 0 auto}
.rm-wd-pill.ok{background:rgba(242,185,40,.18);color:#ff6dd0}
.rm-wd-pill.bad{background:rgba(220,60,60,.18);color:#ff7b7b}
.rm-wd-pill.wait{background:rgba(246,196,83,.15);color:#ffd200}
.rm-wd-cardsel .rm-wd-pill{margin-left:8px}

/* iOS: 100vh is the LARGE viewport (toolbars collapsed) — on inner pages that forced ~190px of
   blank under the last button. svh = the real visible height, so the page ends at the button. */
body.rm-authopen #root{min-height:100vh;min-height:100svh}

/* desktop = tkb: the info strip is visible (card style, left) with Register/Login beside it on the
   right — mobile keeps it removed (Tom asked to drop it on mobile only) */
@media(min-width:1280px){
  .rm-cta-inline .rm-btn{min-width:250px}
}
/* inline (non-overlay) spinner for the bank-verifying page */
.rm-spin-inline{display:flex;justify-content:center;gap:6px}
.rm-spin-inline span{width:10px;height:10px;border-radius:50%;background:var(--green1);animation:rmBounce 1s infinite ease-in-out}
.rm-spin-inline span:nth-child(2){animation-delay:.15s}
.rm-spin-inline span:nth-child(3){animation-delay:.3s}
@keyframes rmBounce{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}

/* v173: tkb desktop sidebar entrance — slides in from the left on every page load
   (tkb .side-menu-container: left 0.5s ease-in-out + opacity fade; ours uses transform) */
@media(min-width:1280px){
  .rm-sidebar{animation:rmSideIn .5s ease-in-out both}
}
@keyframes rmSideIn{from{transform:translateX(-105%);opacity:.3}to{transform:translateX(0);opacity:1}}
/* getVerifyingBank page gate banner */
.rm-vgate{background:rgba(246,196,83,.12);border:1px solid rgba(246,196,83,.4);color:#ffd200;
  border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700;margin:10px 0}
/* human-verify (captcha-style) box */
.rm-cap-box{display:flex;align-items:center;gap:12px;background:#fff;color:#111;border-radius:10px;
  padding:14px 18px;cursor:pointer;font-weight:700;font-size:15px;user-select:none}
.rm-cap-check{width:24px;height:24px;border:2px solid #9aa0ae;border-radius:5px;flex:0 0 auto;position:relative;background:#fff}
.rm-cap-check.spin{border-color:transparent;border-radius:50%;border:3px solid #d5d9e2;border-top-color:#f2b928;animation:rmSpin .7s linear infinite}
.rm-cap-check.ok{border-color:#f2b928;background:#f2b928}
.rm-cap-check.ok:after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
@keyframes rmSpin{to{transform:rotate(360deg)}}

/* v178 profile — tkb /profile 版面:頭像卡 + 3 顆漸層選單按鈕(取色自 tkb 截圖) */
.rm-pcard{background:var(--card);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:30px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:34px}
.rm-pavatar{width:150px;height:150px;object-fit:contain}
.rm-pphone{font-size:20px;font-weight:700;color:#f0f3fc}
.rm-pbtns{display:flex;flex-direction:column;gap:24px}
.rm-gbtn{height:52px;border:none;border-radius:14px;font-size:20px;font-weight:700;color:#fff;cursor:pointer;box-shadow:6px 6px 12px rgba(0,0,0,.25)}
.rm-gbtn-bank{background:var(--pa-primary);color:var(--pa-primary-fg);border:1px solid #eda514}
.rm-gbtn-pass{background:transparent;color:var(--pa-gold-fg);border:1.5px solid var(--pa-gold-bd)}

/* v180 add-bank form — tkb /registerBank 同款:內嵌 I am human + 紅字提示 + 灰色 Continue */
.rm-cap-inline{width:min(300px,100%);margin:4px 0 6px;padding:14px 16px}
.rm-cap-hint{color:#ff4d4f;font-size:13px;margin:0 0 16px}
.rm-continue:disabled{background:#c6c9d0;color:#fff;opacity:1;box-shadow:none;cursor:default}

/* v181 帳號欄照tkb:icon縮小靠左、placeholder字縮小且置中 */
.rm-accfield{position:relative}
.rm-accfield .rm-ico-sm{width:20px;height:20px;position:absolute;left:14px;top:50%;transform:translateY(-50%)}
.rm-accfield input{text-align:center;font-size:16px;padding:0 34px}

/* v182 Tom: 帳號字大一點(16→18)、整塊表單往下移(離 Back/Bank 標題遠一點,tkb 約26px) */
.rm-accfield input{font-size:18px}
#rm-rb-bkt{margin-top:26px}

/* v183 deposit入口綁卡頁:tkb 渠道 tabs(Auto/Bank QR,右上綠點,active=白底黑字) */
/* flex-wrap 不是装饰:三个 tab(QRIS / E-Wallet / Transfer Bank)原本 nowrap 且无 scroll,
   窄屏放不下就直接**溢出圆角边框外**(Gerald 截图里 Transfer Bank 连粉点都在框外)。
   WHY 换行而不是横向滚动:付款方式是主选项,藏进一个玩家不知道能滑的区域会掉转化 ——
   与 Buy Bonus 那次同一个判断。row-gap 让换行后两行之间有呼吸,不会糊在一起。 */
.rm-chantabs{background:var(--card);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:10px;display:flex;flex-wrap:wrap;gap:12px;row-gap:8px;margin-top:26px;box-shadow:6px 6px 14px rgba(0,0,0,.25)}
.rm-chantab{position:relative;padding:12px 22px;border-radius:10px;font-weight:700;font-size:16px;color:#fff;border:1px solid rgba(255,255,255,.35);cursor:pointer}
.rm-chantab.on{background:var(--pa-primary);color:var(--pa-primary-fg);border-color:#eda514}
.rm-chandot{position:absolute;top:5px;right:6px;width:7px;height:7px;border-radius:50%;background:#eda514}
.rm-chantabs+#rm-rb-bkt{margin-top:22px}
/* 钱包页「最近交易」区块 */
.rm-wtxn{margin-top:18px}
.rm-wtxn-hd{font-size:14px;font-weight:800;color:#fff;margin:0 0 8px 2px}
.rm-wtxn .rm-hlist{min-height:44px}
.rm-wtxn-all{width:100%;margin-top:10px}

/* v184 withdraw(tkb):%快選一排4顆(蓋掉後面的3欄基礎規則)、選中卡圓形銀行logo */
.rm-amt-grid.rm-amt-grid4{grid-template-columns:repeat(4,1fr)}
.rm-cardlogo{width:34px;height:34px;border-radius:50%;background:#fff;object-fit:contain;padding:3px;flex:0 0 auto}

/* v185 withdraw卡片列照tkb靠左對齊(logo貼左+文字左對齊);LINE icon加白色圓底(原PNG深色glyph在深底上看不見) */
.rm-wd-cardsel{justify-content:flex-start}
.rm-wd-cardtxt{align-items:flex-start}
.rm-line-ico{background:#fff;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.rm-line-ico img{width:18px;height:18px;filter:brightness(0)}   /* 原PNG是白色glyph:墊白圓+轉黑=tkb樣式 */

/* v189 deposit有卡頁照tkb:channel=小方框tabs(共用.rm-chantabs)+資訊列(Min Deposit|Speed紅|Deposit Support紅框) */
.rm-dep-inforow{display:flex;align-items:stretch;gap:12px;margin:14px 0 4px}
.rm-dep-infobox{flex:1;display:flex;background:var(--card);border-radius:10px;overflow:hidden}
.rm-dep-infocell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 6px;gap:2px}
.rm-dep-infocell+.rm-dep-infocell{border-left:1px solid rgba(255,255,255,.15)}
.rm-dep-infocell small{color:#8b93a7;font-size:12px}
.rm-dep-infocell b{font-size:14px;color:#fff}
.rm-dep-infocell b.rm-red{color:#ff4d4f}
.rm-dep-support{display:flex;align-items:center;gap:8px;border:1px solid #ff4d4f;border-radius:10px;padding:9px 14px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;flex:0 0 auto}

/* v190 Tom: channel tab 縮小(tkb Auto大小)、bank select/清單 logo 統一 28px 白圓底 contain(不裁切不爆框) */
.rm-chantabs{padding:8px}
.rm-chantab{padding:9px 16px;font-size:14px}
.rm-bankdd-label .rm-bank-logo,.rm-bankdd-opt .rm-bank-logo{width:28px;height:28px;object-fit:contain;background:#fff;border-radius:50%;padding:2px;flex:0 0 auto}
/* deposit: per-bank payment-method chips (methodName _QR / _BTF) */
.rm-paymethods{display:flex;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.rm-pm{border:1px solid rgba(255,255,255,.3);background:var(--card);color:var(--muted);border-radius:10px;
  padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rm-pm.on{background:var(--green1);border-color:var(--green1);color:#fff}
/* deposit method tabs (Bank Transfer / Bank QR): tkb-style compact pills, left-aligned */
.rm-chantabs.rm-even .rm-chantab{flex:0 0 auto;min-width:110px;text-align:center;white-space:nowrap}

/* v191 遊戲頁右上 ID 白色圓角框(tkb) */
.rm-gameid{background:#fff;color:#111;font-weight:700;font-size:13px;padding:7px 12px;border-radius:9px;margin-left:auto;flex:0 0 auto}

/* v192 Speed 寫死 <1 Min 綠色(Tom) */
.rm-dep-infocell b.rm-green-txt{color:#eda514}

/* v195 ETA列黑底拿掉(Tom):純紅字無框 */
.rm-wd-eta{background:transparent;border-radius:0;padding:2px 0}

/* v196 手機版首頁 Register/Login 文字垂直置中(iOS padding按鈕baseline偏下 → flex幾何置中) */
@media(max-width:768px){
  .rm-cta-inline .rm-btn{display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0;height:52px;line-height:1}
}

/* v197 綁卡驗證中頁重設計:圓環spinner+銀行icon+標題+滑動進度條+說明(Tom:原版醜) */
.rm-verify-hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:44px 20px 36px;background:var(--card);border:1px solid rgba(255,255,255,.15);border-radius:16px;margin-top:26px;text-align:center}
.rm-verify-ring{width:88px;height:88px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2px}
.rm-verify-ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:#f2b928;animation:rmSpin 1s linear infinite}
.rm-verify-ring img{width:38px;height:38px}
.rm-verify-title{font-size:19px;font-weight:700;color:#fff}
.rm-verify-bar{width:72%;height:6px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}
.rm-verify-bar::after{content:"";position:absolute;left:-40%;top:0;bottom:0;width:40%;border-radius:4px;background:linear-gradient(90deg,#f2b928,#eda514);animation:rmBarSlide 1.4s ease-in-out infinite}
@keyframes rmBarSlide{0%{left:-40%}100%{left:100%}}
.rm-verify-sub{font-size:14px;color:var(--muted)}
.rm-verify-note{font-size:12px;color:var(--muted);opacity:.75}
/* deposit: in-page PG payment iframe (tkb777-style embed, keeps site chrome) */
.rm-payframe-wrap{position:relative;border:1px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden;background:#fff;margin-bottom:14px}
.rm-payframe{width:100%;height:1180px;border:0;display:block;background:#fff}  /* 跨域無法自動量高:給足夠高度讓整頁單一捲軸,不切內容/不出現 iframe 內部捲軸 */
.rm-payframe-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:1}

/* v199 付款iframe拉高到內容放得下(Paynex頁約1000-1100px)→iframe不內捲,醜滾輪消失;整頁滾動(頁面滾輪本來就隱藏) */
.rm-payframe{height:1150px;min-height:1150px}

/* v200 QR付款模板裁掉Paynex自帶banner+「Payment Gateway」標題(iframe負邊距;銀行轉帳模板無banner不裁) */
/* v131(Tom 2026-07-09 回報):-112px 裁切量吃到收據本體(單號+金額被切)。QR 收據頁頁首本來就短,
   固定 px 裁跨域頁面本質脆弱→改不裁,給足高度讓收據+PromptPay+QR 完整顯示,整頁單一捲軸。 */
.rm-payframe-qr .rm-payframe{margin-top:0;height:940px;min-height:940px}/* QR page centres in 100vh; 940 fits populated page (DOWNLOAD btn visible 320-430), was 1460 = huge gap */

/* v201 首頁 Bonus 小方磚(同分類磚樣式,獨立class避開.rm-tab全域wiring) */
.rm-bonusrow{margin-bottom:14px}
.rm-bonus-tile{position:relative;flex:0 0 auto;width:57px;height:57px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border-radius:10px;background:transparent;border:1px solid rgba(255,255,255,.3);cursor:pointer}
.rm-bonus-tile img{width:26px;height:26px;object-fit:contain}
.rm-bonus-tile span{font-size:11px;color:#fff;font-weight:700;white-space:nowrap}

/* v205 Bonus 頁:Welcome 卡 + Login Bonus 金框(3天freespin,今天亮/其他鎖) */
.rm-bonus-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:16px;margin:22px 0 18px}
.rm-bonus-wico{font-size:34px;line-height:1}
.rm-bonus-winfo{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.rm-bonus-winfo>b{font-size:17px;color:#fff}
.rm-bonus-winfo>span{font-size:13px;color:var(--muted)}
.rm-bonus-amt{color:#eda514;font-size:15px}
.rm-bonus-claim{background:var(--pa-primary);color:var(--pa-primary-fg);border:none;height:42px;padding:0 20px;border-radius:10px;font-size:15px;font-weight:700;flex:0 0 auto}
.rm-bonus-gold{border:2px solid #f2b928;border-radius:16px;padding:14px 12px 16px;background:linear-gradient(180deg,rgba(232,182,76,.10),rgba(232,182,76,.02));box-shadow:0 0 16px rgba(232,182,76,.18)}
.rm-bonus-gtitle{font-size:15px;font-weight:700;color:#f2b928;margin-bottom:12px;text-align:center}
.rm-bonus-days{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rm-bonus-day{background:var(--card);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.rm-bonus-day img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.rm-bonus-day.on{border-color:#f2b928;cursor:pointer;box-shadow:0 0 10px rgba(232,182,76,.35)}
.rm-bonus-day:not(.on){opacity:.45}
.rm-bonus-dayno{font-size:12px;font-weight:700;color:#f2b928}
.rm-bonus-gname{font-size:11px;color:#fff;font-weight:600;line-height:1.2}
.rm-bonus-go{background:#f2b928;color:#111317;font-size:11px;font-weight:800;border-radius:8px;padding:5px 6px;width:100%}
.rm-bonus-lock{font-size:11px;color:var(--muted)}

/* v206 freespin介紹層(Tom線框:< 遊戲名+ID / Bonus Name / 內容框 / Play·Cancel) */
.rm-bfs-top{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:12px;padding:12px 14px;margin:4px 0 16px}
.rm-bfs-back{font-size:26px;font-weight:700;color:#fff;cursor:pointer;line-height:1;padding:0 4px}
.rm-bfs-name{font-size:17px;color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rm-bfs-bonusname{font-size:14px;font-weight:700;color:#f2b928;margin:0 0 12px}
.rm-bfs-box{border:1px solid rgba(255,255,255,.3);border-radius:14px;background:var(--card);padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:18px}
.rm-bfs-thumb{width:130px;height:130px;object-fit:cover;border-radius:14px}
.rm-bfs-title{font-size:18px;font-weight:700;color:#fff}
.rm-bfs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rm-bfs-list li{font-size:13px;color:var(--muted)}
.rm-bfs-list li::before{content:"✓ ";color:#eda514;font-weight:700}
.rm-bfs-btns{display:flex;gap:14px}
.rm-bfs-play{flex:1;height:50px;border:none;border-radius:12px;background:var(--pa-primary);color:var(--pa-primary-fg);font-size:17px;font-weight:700;cursor:pointer}
.rm-bfs-cancel{flex:1;height:50px;border:1.5px solid var(--pa-cancel-bd);border-radius:12px;background:transparent;color:var(--pa-cancel-fg);font-size:17px;font-weight:700;cursor:pointer}

/* v207 freespin介紹層改遊戲頁同款全螢幕(Tom:跟截圖一樣,不要另外做) */
#rm-bfswrap{position:fixed;inset:0;z-index:800;background:#0b0e18;display:flex;flex-direction:column}
.rm-bfs-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:18px 16px 24px}
#rm-bfswrap .rm-bfs-box{flex:1;justify-content:center;margin-bottom:22px}

/* v208 首頁Bonus列:Welcome磚+金框Login 3天磚(小圖,label上/圖44px) */
.rm-bonusrow{gap:10px;align-items:stretch}
.rm-fs-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;flex:0 0 auto}
.rm-fs-tile img{width:44px;height:44px;object-fit:cover;border-radius:8px;display:block}
.rm-fs-dayno{font-size:10px;font-weight:700;color:#fff;white-space:nowrap}
.rm-fs-gold{display:flex;gap:8px;border:2px solid #f2b928;border-radius:12px;padding:5px 7px;background:linear-gradient(180deg,rgba(232,182,76,.10),rgba(232,182,76,.02))}
.rm-fs-gold .rm-fs-dayno{color:#f2b928}
.rm-fs-gold .rm-fs-tile{border-color:rgba(232,182,76,.45)}
.rm-fs-tile.lock{opacity:.45;cursor:default}
.rm-fs-lock{position:absolute;bottom:10px;right:8px;font-size:12px;line-height:1}

/* v210 deposit金額框加大+文字置中(Tom;inner頁48px的縮小規則一併蓋掉) */
body.rm-authopen .rm-amt-box{height:60px}
.rm-amt-box input#rm-dep-amt{text-align:left;padding-left:20px;font-size:18px;font-weight:700}   /* 左对齐/pad-left20/18px w700(Gerald:25->18) */

/* v211 My Bank照tkb:右上紫+鈕/頭像卡/白色銀行卡(圓logo+分組帳號) */
.rm-mb-addrow{display:flex;justify-content:flex-end;margin:2px 0 10px}
.rm-mb-add{width:42px;height:42px;border-radius:10px;background:var(--pa-primary);border:none;color:var(--pa-primary-fg);font-size:26px;font-weight:700;cursor:pointer;line-height:1}
.rm-mb-avatar{margin-bottom:16px}
.rm-mb-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid rgba(242,185,40,.22);border-radius:14px;padding:16px 14px;margin-bottom:12px}
.rm-mb-logo{width:42px;height:42px;border-radius:50%;object-fit:contain;flex:0 0 auto}
.rm-mb-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.rm-mb-bank{font-size:13px;color:var(--muted);font-weight:600}
.rm-mb-acc{font-size:17px;color:#f0f3fc;font-weight:700;letter-spacing:.5px}

/* v214 鎖頭加強(Tom:不明顯):鎖日磚圖片壓暗+置中大鎖頭,整磚不再半透明 */
.rm-fs-tile.lock{opacity:1}
.rm-fs-tile.lock .rm-fs-dayno{opacity:.6}
.rm-fs-tile.lock img{filter:brightness(.3)}
.rm-fs-lock{position:absolute;left:50%;top:calc(50% + 8px);transform:translate(-50%,-50%);font-size:22px;bottom:auto;right:auto;text-shadow:0 1px 6px rgba(0,0,0,.9)}

/* v215 Bonus磚圖片塞滿(Tom):磚固定寬66px,圖flex:1撐滿剩餘高度(Welcome與金框等高時不再留白) */
.rm-fs-tile{width:66px}
.rm-fs-tile img{width:100%;height:auto;flex:1;min-height:44px;object-fit:cover}

/* v216 freespin介紹層滿版設計(Tom:小圖飄在大框很怪):遊戲圖撐滿框上半部,標題+說明收下方 */
#rm-bfswrap .rm-bfs-box{padding:0 0 18px;overflow:hidden;gap:0;justify-content:flex-start}
#rm-bfswrap .rm-bfs-thumb{width:100%;height:auto;flex:1;min-height:0;object-fit:cover;border-radius:0}
#rm-bfswrap .rm-bfs-title{margin:16px 12px 8px;font-size:20px}
#rm-bfswrap .rm-bfs-list{padding:0 14px;gap:7px}

/* v217 freespin圖要整張完整(Tom:cover裁切太大)——改自然比例不裁切,內容垂直置中 */
#rm-bfswrap .rm-bfs-thumb{flex:0 0 auto;width:100%;height:auto;object-fit:contain}
#rm-bfswrap .rm-bfs-box{justify-content:center}

/* 宽屏:列表版只需略缩行高/字号。原本的 justify-content:space-between + 固定 36px 是给
   横排圆点用的,列表化后必须拿掉,否则行会被撑开、图标和文字分到两端。 */
@media(min-width:1280px){
  .rm-social-card{gap:3px;padding:6px}
  .rm-social{padding:8px 10px}
  .rm-social-ic{width:18px;height:18px}
  .rm-social-tx{font-size:13px}
}

/* ===== Slot browser: provider strip + ALL/HOT/NEW + 3-col game grid + pager ===== */
.rm-provwrap{display:flex;align-items:center;gap:4px;margin-bottom:6px}
/* Gap between thumbnails halved: it is the chip's excess width + this gap. Was (66-60)/2*2 + 4 =
   10px; now (72-70)/2*2 + 3 = 5px. Both halves have to move — shrinking `gap` alone leaves the
   chip's dead space and only gets to 8px. */
.rm-provstrip{display:flex;gap:3px;overflow-x:auto;overflow-y:hidden;padding:6px 2px 8px;scrollbar-width:none;flex:1 1 auto;min-width:0}
/* bank dropdown (Daftar) styled like a .rm-field */
.rm-field-select{position:relative}
.rm-field-select select{flex:1 1 auto;min-width:0;width:100%;background:transparent;border:0;color:#fff;font-family:inherit;font-size:14px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:18px}
.rm-field-select select option{background:#0d1117;color:#fff}
.rm-field-select:after{content:"\25be";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#8b93a7;pointer-events:none;font-size:12px}
.rm-provstrip::-webkit-scrollbar{display:none}
/* provider chip = cmm4a .slot-prov mobile: 90x66 black tile, logo(contain) on top, name below, active inset ring */
/* perfect-square chip (77x77, -15%): 1:1 cover logo fills it, name overlaid at the bottom */
/* 圓形 provider chip:圓形圖在上、名字在下(旧版圆形样式);active 洋红环套在圆上 */
/* Provider artwork is WIDE, not square: the small-provider set is 300x125 (2.4:1) and the
   /common fallback tiles are 450x237 (1.9:1). A square box with object-fit:cover cropped both to
   their middle third ("KA Ga", "RIUM GA"), so the box is square and the fit is `contain` — the
   whole logo is letterboxed on black, never cropped. Do NOT switch this back to cover.
   padding insets the art off the rounded edge (global *{box-sizing:border-box} keeps the box at
   its declared size). At 70x70 the art lands ~58x24. */
.rm-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px;width:72px;cursor:pointer;box-sizing:border-box}
.rm-chip-logo{width:70px;height:70px;border-radius:8px;object-fit:contain;display:block;background:#000;padding:6px}
.rm-chip-all{width:70px;height:70px;border-radius:8px;background:#000;display:flex;align-items:center;justify-content:center;color:#ffd34d;font-size:19px;font-weight:800}
/* ALL chip 用金色線條老虎機圖標(slot-all.svg,跟分類欄彩色 777 不同):黑底居中 */
.rm-chip-allico{object-fit:contain;padding:10px}   /* ~15% of the 70px box, matching the icon's original 9/60 weight */
.rm-chip-name{width:100%;font-size:10px;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;text-align:center}
.rm-chip-on .rm-chip-logo,.rm-chip-on .rm-chip-all{box-shadow:0 0 0 2px #f2b928}
.rm-slotfilter{display:flex;gap:8px;margin-bottom:0;flex:0 1 auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
/* 多了 Buy Bonus 后 320px 下 4 个按钮 + search 会挤:让筛选组自己横向滚(不换行、不撑破页面),
   并给 search 留一个可用下限。按钮固定 height:40px 且不换行 -> 增减按钮时行高恒定,下面格子不跳。 */
.rm-slotfilter::-webkit-scrollbar{display:none}
/* ALL/HOT/NEW + Search 同排:filter 左固定, search flex:1 占剩余(320 不溢出靠 min-width:0 收缩) */
.rm-filterrow{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.rm-filterrow .rm-search{flex:1 1 auto;min-width:96px;height:40px;margin:0}
/* 窄屏:4 个按钮自然总宽 239px,跟 search 挤同一行就会把 Buy Bonus 推出可视区 ——
   而 Buy Bonus(473 款)正是这次要暴露的重点,印尼主力又是移动流量,不能藏在
   一个玩家不知道能横滚的区域里。所以 <=420px 让筛选栏换行:按钮独占一行(239<320,
   四个全露出),search 独占下一行。
   高度按断点固定(移动 88px / 桌面 40px),切 provider 增减按钮时不变 -> 下面格子不跳。 */
@media(max-width:420px){
  .rm-filterrow{flex-wrap:wrap}
  .rm-filterrow .rm-slotfilter{flex:1 1 100%;min-width:0}
  .rm-filterrow .rm-search{flex:1 1 100%}
}
/* 桌面:ALL/HOT/NEW 靠左成組, search 固定寬推到最右(margin-left:auto);手機維持 flex:1 佔滿 */
@media(min-width:1280px){ .rm-filterrow .rm-search{flex:0 0 auto;width:300px;margin-left:auto} }
/* ALL/HOT/NEW chip 高度=旁邊 search(40px),頂底對齊(box-sizing:border-box 全局) */
.rm-fbtn{flex:0 0 auto;height:40px;display:inline-flex;align-items:center;padding:0 13px;border-radius:5px;border:1px solid rgb(58,62,67);background:rgb(17,21,27);color:rgb(238,233,223);font-weight:700;font-size:12px;cursor:pointer;font-family:inherit;text-transform:uppercase}   /* Gerald对齐真站:radius5/深底rgb(17,21,27)/灰边rgb(58,62,67)/奶白字/font12/uppercase */   /* padding/font ×0.7 + 等高 search */
.rm-fbtn-on{background:#7a8bf3;color:#fff;border-color:#7a8bf3}
.rm-grid-slot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}   /* 手機:3 列(不變) */
/* 寬屏(平板橫向/桌面)slot game grid 改 6 列→縮略圖約縮一半;.rm-grid.rm-grid-slot(0,2,0)壓過單類規則 */
@media(min-width:820px){ .rm-grid.rm-grid-slot{grid-template-columns:repeat(6,1fr)} }
.rm-slotcard{background:#0d1117;border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.06)}
.rm-slotcard__img{position:relative;aspect-ratio:1/1;overflow:hidden;background:#080c11}
/* Semua 视图的 provider 标注:压在缩图左上角,不占布局高度 */
.rm-slotcard__prov{position:absolute;left:4px;top:4px;max-width:calc(100% - 8px);padding:2px 6px;border-radius:6px;background:rgba(16,21,28,.82);color:#f0f3fc;font-size:9.5px;font-weight:700;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.rm-slotcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.rm-slotcard__rtp{display:flex;align-items:center;gap:5px;padding:5px 6px 3px}
.rm-rtpbar{flex:1;height:6px;border-radius:3px;background:#2a2f3f;overflow:hidden}
.rm-rtpbar>i{display:block;height:100%;background:#22c55e;background-image:linear-gradient(45deg,rgba(255,255,255,.28) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.28) 75%,transparent 75%,transparent);background-size:16px 16px;animation:rm-rtp-stripes 1s linear infinite}   /* #5 真站 progress-bar-stripes 斜条纹滚动 */
@keyframes rm-rtp-stripes{from{background-position:16px 0}to{background-position:0 0}}
.rm-slotcard__rtp b{font-size:10px;color:#22c55e;font-weight:800;white-space:nowrap}
.rm-slotcard__name{padding:4px 6px 5px;font-size:10px;font-weight:800;color:#3a2600;background:linear-gradient(180deg,#f4c40c,#e0a800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
/* (pagination removed — infinite scroll via #rm-sentinel + IntersectionObserver) */

/* ---------- Deposit: QRIS + Transfer Bank (mock flows) ---------- */
/* QRIS tab icon, sits inline before the label */
.rm-chantab-ico{width:16px;height:16px;vertical-align:-3px;margin-right:5px;display:inline-block}

/* Transfer Bank: receiving-account detail panel, revealed once a bank is picked */
.rm-recv{display:none;margin:8px 0 2px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.03);padding:4px 10px}
.rm-recv.on{display:block}
.rm-recv-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.rm-recv-row:last-child{border-bottom:0}
.rm-recv-row small{color:#8fa0c8;font-size:11px;flex:0 0 auto}
.rm-recv-val{display:flex;align-items:center;gap:6px;min-width:0}
.rm-recv-val b{font-size:13px;color:#fff;word-break:break-all;text-align:right}
.rm-recv-badge{flex:0 0 auto}
/* copy button: 32px hit area on a 16px glyph — thumb-sized without bloating the row */
.rm-copy{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border:0;border-radius:8px;background:rgba(255,255,255,.07);color:#f2b928;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rm-copy:active{background:rgba(242,185,40,.22)}
/* the glyph is a flex item inside .rm-copy — without flex:none it gets shrunk to 4x16 */
.rm-copy svg{flex:none;width:16px;height:16px;display:block}

/* Transfer Bank: slip upload (label drives the hidden file input) */
.rm-slip{display:flex;align-items:center;gap:10px;cursor:pointer}
.rm-slip-btn{flex:0 0 auto;background:rgba(255,255,255,.10);border-radius:7px;padding:5px 10px;font-size:12px;font-weight:700;color:#fff}
.rm-slip-name{flex:1 1 auto;min-width:0;font-size:12px;color:#8fa0c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-slip-prev{display:none;max-width:100%;max-height:160px;border-radius:10px;margin:8px 0 2px;object-fit:contain;background:#000}
.rm-slip-prev.on{display:block}

/* QRIS: the mock QR panel, revealed after pressing Deposit */
.rm-qris{display:none;margin-top:14px}
.rm-qris.on{display:block}
.rm-qris-frame{width:100%;height:330px;border:0;border-radius:12px;background:#0b1030;display:block;margin-bottom:10px}

/* 2G register Bank/E-wallet tabs */
.rm-regtabs{display:flex;gap:8px;margin:4px 0 10px}
.rm-regtab{flex:1;text-align:center;padding:9px 0;border-radius:8px;background:var(--panel-2,#1b2436);color:var(--muted,#9fb0c9);font-weight:600;font-size:14px;cursor:pointer;border:1px solid rgba(255,255,255,.08)}
.rm-regtab.on{background:var(--pa-primary);color:var(--pa-primary-fg);border-color:transparent}

/* --- 联系/社群徽章 (BO getSiteConfig) --- */
.rm-soc-ico{display:inline-flex;width:26px;height:26px;margin-right:9px;vertical-align:middle;flex:0 0 26px}
.rm-soc-ico svg{width:26px;height:26px;display:block;border-radius:8px}
.rm-soc-letter{align-items:center;justify-content:center;border-radius:8px;color:#fff;font-weight:800;font-size:14px;line-height:1}
/* --- 促销 BO HTML 正文 --- */
.rm-promo-content{color:#cfd6e4;font-size:14px;line-height:1.75;word-break:break-word}
.rm-promo-content ol,.rm-promo-content ul{padding-left:20px;margin:8px 0}
.rm-promo-content li{margin:6px 0}
.rm-promo-content p{margin:8px 0}
.rm-promo-content a{color:#7db4ff;word-break:break-all}
.rm-promo-content strong,.rm-promo-content b{color:#ffd66b}
.rm-promo-content img{max-width:100%;height:auto;border-radius:8px}

/* --- 跑马灯 Running text (BO getSiteConfig.runningText) --- */
/* 2026-07-23 缩小约 50%:字 16->12px、容器高 36->~22px、图标 15->11px、内距与 gap 等比缩。
   滚动观感靠 app.js 里的 MQ_PX_PER_SEC 一起降(见那里的注释),一圈时间保持不变。 */
.rm-marquee{display:flex;align-items:center;gap:6px;margin:8px 0 0;padding:3px 10px;
  background:linear-gradient(90deg,rgba(242,185,40,.14),rgba(13,17,23,.6));
  border:1px solid rgba(255,210,0,.35);border-radius:10px;overflow:hidden;}
.rm-mq-ico{flex:0 0 auto;display:inline-flex;align-items:center;color:#f2b928}
.rm-mq-ico svg,.rm-mq-ico img{width:11px;height:11px}
/* display:flex 不是装饰:viewport 原本是块级容器装 inline-flex 的轨道,行盒会多出约 3px
   的基线下沉空间(实测 viewport 19px vs track 16px),整条因此比预期高 3px。改成 flex
   让轨道成为 flex item,高度就等于内容本身。 */
.rm-mq-viewport{flex:1 1 auto;display:flex;align-items:center;overflow:hidden;position:relative;
  -webkit-mask:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);
  mask:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);}
.rm-marquee-track{display:inline-flex;white-space:nowrap;animation:rm-mq-scroll 20s linear infinite;will-change:transform;}   /* 🔴 duration 必须写(20s 是安全默认)。缺省=0s,配 infinite + transform keyframe + will-change 的 GPU 合成层 = 每帧重启动画 = 画面震动 + CPU 空转。fillMarquee() 会在 rAF 里用按轨道宽算出的精确值(~21s)覆盖它;但 JS 跑到之前的那一瞬间、以及内页 marquee 被隐藏时,inline 值不存在,就靠这个 20s 兜底,任何时刻都不再有 0s。 */
.rm-marquee:hover .rm-marquee-track{animation-play-state:paused;}
@media (prefers-reduced-motion:reduce){ .rm-marquee-track{animation:none} }
@keyframes rm-mq-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* BO Web Setting.dupPhone=false 时手机号栏位下的说明(不是错误,灰字) */
.rm-field-hint{color:var(--muted,#9aa1ac);font-size:12.5px;line-height:1.35;margin:-8px 0 12px 4px}
.rm-field-hint:empty{margin:0}

/* ===== rodabet.net chrome 精修 (2026-07-27, 照真站 getComputedStyle 计算色) ===== */
/* 1) HEADER: 红渐变 (真站 header 计算色) */
.rm-topbar{background:linear-gradient(180deg,#5f0010 0%,#b0001e 100%)}
/* 2) SIDEBAR: 容器暗红 #620c10, 条目盒略亮红褐 #7c1208, 白字 (照真站) */
.rm-sidebar{background:#620c10}
.rm-menu-card{background:#7c1208}
.rm-menu-item,.rm-menu-item span{color:#fff}
/* 3) FOOTER 底部导航: 极暗红黑底 + 灰字 + 顶边; 选中态红 #9d141e 白字 */
/* padding-right:72px = 入口向左紧凑, 右侧空出~一个入口宽给 BO 的 WA+TG 圆浮标(照 rodabet.net) */
.rm-bottomnav{background:#18070a;border-top:1px solid rgba(169,169,173,.27);padding-right:72px}
.rm-bn-item{color:#a9a9ad}
.rm-bn-active{color:#111317!important;background:linear-gradient(to right,#eda514,#ffd25b,#eda514)!important;font-weight:700;min-width:68px!important;border-radius:9px!important}   /* #6 红->金 highlight + 块加宽25% */
.rm-bn-active .rm-ic{background:#111317!important}   /* #6 金底上图标变深 */
/* 筛选 chip ALL/HOT/NEW 激活态 → 金(游戏区统一金), 深字可读 */
.rm-fbtn-on{background:linear-gradient(135deg,#ffd25b,#eda514);color:#281800;border-color:#eda514}
/* 4) LOGIN(Masuk)钮: 深灰底 #2e2f2e + 金边 #ffd200 + 白字 (照真站手机版, 取消蓝) */
.rm-btn-login,.rm-cta-inline .rm-btn-login{background:#2e2f2e;color:#fff;border:1px solid #ffd200}
/* LIVE CHAT:launcher 现在由 app.js 的 initLcLauncher() 整个 call("hide") 隐藏,不再需要 CSS 把它抬高。
   WHY 删掉旧的 `#chat-widget-container{bottom:88px !important}`:那条会连 **maximized 聊天窗** 的容器一起
   强推上 88px,在矮的手机视口上 top:10+bottom:88 把全屏窗挤出界(Gerald 报的溢出)。移除后交回 LiveChat
   官方 mobile maximize 行为,窗口自动贴合视口。launcher 靠 JS 隐藏,不靠这条 CSS,所以删了不影响 #1 效果。 */

/* ===== rodabet.net 对齐批次2 (2026-07-27) ===== */
/* #2 Daftar/Masuk 按钮图标 (i18n 文本移到内层 span, 图标是兄弟节点不被抹) */
.rm-btn-ic{width:15px;height:15px;flex:0 0 auto;margin-right:6px;vertical-align:-2px}
.rm-btn-register .rm-btn-ic{color:#111317}   /* 金底 -> 深色图标 */
.rm-btn-login .rm-btn-ic{color:#ffd200}      /* 深灰底 -> 金图标 */
.rm-btn-register,.rm-btn-login,.rm-cta-inline .rm-btn-register,.rm-cta-inline .rm-btn-login,.rm-cta-btn{display:inline-flex;align-items:center;justify-content:center}
/* rodabet.net LOGIN/DAFTAR/Deposit/Withdraw 参照:图标坐进一个 31×31 金框 badge。
   真站实测:size 31×31, bg rgba(255,193,35,.08), border 1px rgba(255,206,68,.26), radius 8px, glyph 15px。
   只作用在大 CTA 按钮(.rm-cta-btn);顶栏 93px 小按钮维持 15px 裸图标(套 badge 会挤,另议)。 */
.rm-cta-btn .rm-btn-ic{
  width:31px;height:31px;box-sizing:border-box;padding:7px;   /* padding 7 -> 内 glyph ~15px,同真站 */
  background:rgba(255,193,35,.08);
  border:1px solid rgba(255,206,68,.26);
  border-radius:8px;margin-right:10px;vertical-align:middle;flex:0 0 auto;
}
/* Deposit/Withdraw glyph 继承按钮文字色(SVG fill=currentColor):Deposit 金底->黑 glyph(同 Daftar 高对比),
   Withdraw 深底->金 glyph。不写死颜色,底色变了也自动匹配。 */
.rm-cta-wbtn .rm-btn-ic{color:inherit}
/* #3 侧栏 WELCOME 头 (真站顶部红头) */
.rm-sidebar-welcome{margin:2px 0 12px;padding:10px 12px;border-radius:12px;
  background:linear-gradient(180deg,#8d1b23,#5f0010);color:#fff;font-weight:800;
  text-align:center;letter-spacing:.6px;font-size:13px;text-transform:uppercase}
/* #4 侧栏底部区块: Game Provider / License / Metode Pembayaran (真站合成图) */
.rm-side-block{margin:14px 4px 0}
.rm-side-block h4{margin:0 0 6px;font-size:10px;font-weight:800;color:#f2b928;
  letter-spacing:.6px;text-transform:uppercase;opacity:.95}
.rm-side-block img{width:100%;height:auto;display:block;border-radius:8px;background:rgba(0,0,0,.15)}

/* ===== #5 页面底部版权页脚 = 真站样式 (2026-07-27) ===== */
.rm-footer{background:#18070a;color:#a9a9ad;border-top:1px solid rgba(169,169,173,.27)}
.rm-footer-desc,.rm-footer-copy{color:#a9a9ad}
.rm-footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:11px;margin:0 auto 12px;max-width:640px;font-size:12px}   /* 真站相邻间隙 11px */
.rm-footer-links a{color:#a9a9ad;text-decoration:none}
.rm-footer-links a:hover{color:#f2b928}
.rm-footer-links span{opacity:.4}
.rm-footer-18{display:inline-block;border:1px solid #f2b928;color:#f2b928;border-radius:6px;padding:0 5px;font-weight:800;font-size:11px;margin-right:4px}

/* ===== rodabet.net 对齐 精修批次2 (2026-07-27) ===== */
/* #1 手机 header 再压缩: 390px 下 hamburger+logo+Daftar+Masuk 全完整不裁切(按钮改 auto 宽随内容, 缩 logo/图标/gap) */
@media(max-width:430px){
  .rm-topbar{padding:10px 8px;gap:5px}
  .rm-topbar-right{gap:5px}
  .rm-topbar-right .rm-btn{width:auto;min-width:0;padding:0 10px;font-size:11px}
  .rm-brand{gap:5px}
  .rm-brandmark{height:32px}
  .rm-hamburger{width:30px;height:30px}
  .rm-btn-ic{width:12px;height:12px;margin-right:4px}
}
/* #3 侧栏: 上暗红 -> 下近黑 竖向渐变(真站观感; welcome头在顶部暗红区, provider/license/payment 落下部近黑区) */
.rm-sidebar{background:linear-gradient(180deg,#620c10 0%,#2a0a0b 55%,#090d12 100%)}
/* #4 footer: 暗红竖向渐变(顶部带暗红, 往下发黑) */
.rm-footer{background:linear-gradient(180deg,#4a0f14 0%,#18070a 60%,#0d0d0d 100%)}

/* ===== Step2(rodabet #8) 非slot 磁贴: Coming Soon 门控 + 文字占位 (2026-07-27) ===== */
.rm-tile-soon{position:relative;opacity:.72;cursor:default}
.rm-tile-soon .rm-tile-txt,.rm-tile-soon img{filter:grayscale(.35)}
.rm-tile-soonbadge{position:absolute;top:6px;right:6px;background:#8d1b23;color:#ffd35a;font-size:9px;font-weight:800;padding:2px 6px;border-radius:6px;letter-spacing:.3px;text-transform:uppercase;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.5)}
/* WHY aspect-ratio 2/1(=2:1 横):非slot 磁贴用 rodabet.net 现成图(500×250=2:1),外层 .rm-grid-wide .rm-tile
   也是 2:1,内层空态文字块跟外层同比例,空态/填图态同高同比例,object-fit:cover 零裁切。
   (历史:4/5竖→570/360(1.58)→2/1;Gerald 2026-07-27 定 2:1 配现成图。图片规格 500×250 2:1。) */
.rm-tile-txt{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2/1;padding:8px;text-align:center;font-weight:800;font-size:13px;color:#ffd35a;background:linear-gradient(160deg,#1a1416,#0d0d0d);border-radius:12px;line-height:1.25}

/* ===== 侧栏菜单项 pattern 照 rodabet.net 真站实测值 (2026-07-27) ===== */
/* 容器:去掉红卡块+分隔线,竖排 gap6(真站 ul grid gap6) */
.rm-menu-card{background:transparent;border:0;padding:0;display:grid;gap:6px;margin:0 0 6px}
.rm-menu-sep{display:none}
/* 每项 = 独立 pill(真站精确值:radius10+细白边+淡白渐变+flex gap11+min-h39) */
.rm-menu-item{display:flex;align-items:center;gap:11px;padding:3px 11px;min-height:39px;
  border-radius:10px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  color:#e7e3df;font-size:13px;font-weight:700;cursor:pointer;position:relative}
.rm-menu-item span{font-size:13px;font-weight:700;color:#e7e3df}
.rm-menu-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.045))}
/* 右侧 › 箭头(::after margin-left:auto);隐藏旧 CSS 三角箭头 */
.rm-menu-item::after{content:"\203A";margin-left:auto;color:#77736e;font-family:'Fjalla One',sans-serif;font-size:19px;line-height:1;flex:0 0 auto}
.rm-menu-item .rm-arrow{display:none}
/* 左侧 31×31 金框图标 badge(真站:radius8 + rgba(255,193,35,.08)底 + rgba(255,206,68,.26)边) */
.rm-ic-badge{width:31px;height:31px;border-radius:8px;background:rgba(255,193,35,.08);
  border:1px solid rgba(255,206,68,.26);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.rm-ic-badge .rm-ic{width:18px;height:18px;background:linear-gradient(to right,#eda514,#ffd25b,#eda514)}   /* badge 内图标恒金色 */
/* 语言项(flag 非 ic-sb)也塞进同尺寸感 badge 框 */
.rm-menu-item .rm-flag{width:22px;height:22px}

/* ===== 2026-07-28 对齐 rodabet.net：header + running text(提取真站 computed 值,别猜) ===== */
/* Header：暗红渐变 65px,Logo 左大,右 LOGIN框+汉堡(真站布局) */
.rm-topbar{ background:linear-gradient(360deg, rgb(149,13,21) 25%, rgb(85,22,27))!important; border-bottom:0!important; padding:8px 12px!important; min-height:65px; }
/* 汉堡右移(HTML 已移到 header 末尾,header 直接子)：暗红渐变盒 radius12(真站 mob-menu 46x48) */
.rm-topbar>.rm-hamburger{ display:flex;flex-direction:column;gap:5px;width:46px;height:48px;flex:0 0 auto;
  justify-content:center;align-items:center;border-radius:12px;
  background:linear-gradient(145deg, rgba(32,21,21,.55), rgba(15,8,10,.9)); border:1px solid rgba(255,255,255,.06); }
.rm-topbar>.rm-hamburger span{ width:22px;height:2.5px;background:#e8c86a;border-radius:2px; }
/* header 按钮：Masuk=暗红盒(radius12,金字sign-in) / Daftar=金(radius12)——对齐真站 LOGIN框 */
.rm-topbar-right .rm-btn-login{ background:linear-gradient(145deg, rgba(82,13,19,.95), rgba(32,8,12,.98)); color:#ffd35a; border:1px solid rgba(255,211,90,.25); border-radius:12px; }
.rm-topbar-right .rm-btn-register{ border-radius:12px; }
/* Running text：移到 header 正下方,满宽暗渐变 bar 31px + 金圆喇叭 + Fjalla One(真站值) */
.rm-marquee{ margin:0!important; padding:4px 12px!important; min-height:31px; border-radius:0!important; border:0!important;
  background:linear-gradient(90deg, rgb(22,12,15), rgb(48,18,22) 50%, rgb(22,12,15))!important; }
.rm-mq-ico{ width:22px!important;height:22px!important;justify-content:center;border-radius:50%;background:rgba(242,185,40,.13);color:#f2b928; }
.rm-mq-ico svg,.rm-mq-ico img{ width:13px!important;height:13px!important; }
.rm-marquee-track{ font-family:"Fjalla One",sans-serif;font-size:13px;color:rgb(238,232,223); }

/* ===== 2026-07-28(2) 大按钮 CSS 复刻 rodabet.net(B:CSS保i18n) + header 撤 Daftar(严格对齐) ===== */
/* header 右只留 LOGIN(Masuk 暗红盒)+汉堡,撤 Daftar(对齐真站;Daftar 仍在下方大按钮,不丢功能) */
.rm-topbar-right .rm-btn-register{ display:none!important; }
/* 大 LOGIN/DAFTAR 按钮:LOGIN(Masuk)暗红左 / DAFTAR(Daftar)金右,› 箭头,Fjalla One(真站视觉,保 i18n 文案) */
.rm-cta-inline{ display:flex!important; flex-direction:row-reverse; gap:14px; }
.rm-cta-inline .rm-btn{ font-family:"Fjalla One",sans-serif!important; font-size:17px; letter-spacing:.4px; border-radius:14px; position:relative; justify-content:center; gap:12px; }
.rm-cta-inline .rm-btn-login{ background:linear-gradient(145deg, rgba(92,15,21,.98), rgba(46,10,15,.99))!important; color:#fff!important; border:1px solid rgba(255,211,90,.22)!important; }
.rm-cta-inline .rm-btn-register{ background:linear-gradient(160deg, #ffd25b 0%, #eda514 100%)!important; color:#3a1e00!important; border:1px solid #ffe27a!important; }
.rm-cta-inline .rm-btn::after{ content:"\203A"; position:absolute; right:18px; top:50%; transform:translateY(-54%); font-size:26px; font-weight:400; opacity:.9; }

/* ===== 2026-07-28(3) game category 以上像素级对齐 rodabet.net(computed 逐元素对比修) ===== */
/* Logo:45px 高(真站 211x45,cuanmain 原 32) */
.rm-brandmark{ height:45px!important; }
/* Header Masuk(LOGIN)框:48px 高(真站 72x48,cuanmain 原 42) */
.rm-topbar-right .rm-btn-login{ height:48px!important; }
/* 真站 header 无搜索框 → 隐藏,让 Masuk+汉堡靠拢右侧 */
.rm-search.rm-search-top{ display:none!important; }
.rm-topbar-right{ margin-left:auto!important; gap:8px!important; }
.rm-topbar>.rm-hamburger{ margin-left:8px!important; }
/* Banner:圆角 15px + 侧边距收到 8px(真站 359 宽 rad15 mar8,cuanmain 原 343 rad0 mar16) */
.rm-banner{ border-radius:15px!important; margin:8px 8px 0!important; overflow:hidden!important; }
/* 大按钮:高 54 + 行 gap 9px(真站 173x54 gap9,cuanmain 原 52 gap14) */
.rm-cta-inline{ gap:9px!important; }
.rm-cta-inline .rm-btn{ height:54px!important; }

/* 2026-07-28(3b) 抠平残留:banner 满宽359(侧距8) + 按钮173(cta行355) —— 负margin 抵消 rm-content 16px pad,不溢出 */
.rm-banner{ margin:8px -8px 0!important; }
.rm-cta-inline{ margin:0 -6px!important; }

/* 2026-07-28(3c) 按钮173修正:给外层 band 负margin(cta-inline 那条没扩宽,band 约束) */
.rm-cta-inline{ margin:0!important; }
.rm-inforow-band{ margin:14px -6px 0!important; }

/* Spribe 游戏列表文字磁贴(硬编码游戏无图,文字居中显示) */
.rm-spribe-game .rm-tile-txt{ display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:14px;padding:8px; }

/* ===== 2026-07-28(4) Gerald 12项精细对齐 rodabet.net(提取真站 computed 值) ===== */
/* 11,12 字体 Fjalla One + 全大写(UI 文字,对齐真站) */
.rm-topbar, .rm-topbar .rm-btn, .rm-marquee, .rm-marquee-track, .rm-cta-inline .rm-btn,
.rm-tab, .rm-footer, .rm-bottomnav, .rm-bn-item, .rm-menu-item, .rm-slotfilter, .rm-fbtn{
  font-family:"Fjalla One", sans-serif !important;
}
.rm-topbar-right .rm-btn, .rm-cta-inline .rm-btn, .rm-tab, .rm-bn-item, .rm-menu-item{
  text-transform:uppercase !important; letter-spacing:.4px;
}
/* 2 汉堡:加金框 + burger 线条浅黄 + 内部较浅 */
.rm-topbar>.rm-hamburger{ border:1px solid rgba(255,211,90,.3)!important; background:linear-gradient(145deg, rgba(60,38,38,.55), rgba(30,18,20,.9))!important; }
.rm-topbar>.rm-hamburger span{ background:#ffd35a!important; }
/* 3 running text:字号加大 + 金边框 */
.rm-marquee{ border:1px solid rgba(255,210,0,.4)!important; }
.rm-marquee-track{ font-size:14px!important; }
/* 4 banner:金边框 + 略高(rad15 保持) */
.rm-banner{ border:1px solid rgba(242,185,40,.62)!important; }
.rm-banner .rm-slides{ min-height:0; }   /* 2026-07-29 修窄屏裁图:去固定169px,banner 跟 aspect-ratio(1280/600)缩放,object-fit-cover 不裁(图=容器同比) */
/* 5,6 大按钮:icon+字左靠(不居中) + icon盒加大;7 icon盒色差(真站38x38 rad10 棕底+褐框) */
.rm-cta-inline .rm-btn{ justify-content:flex-start!important; padding-left:16px!important; gap:12px; }
.rm-cta-inline .rm-btn-ic{ width:38px!important; height:38px!important; padding:7px; border-radius:10px;
  background:rgba(149,52,6,.17); border:1px solid rgba(131,118,84,.66); box-sizing:border-box; }
/* 8,10 footer 底部导航:高 65px + 金顶边框 + 深底(对齐真站) */
.rm-bottomnav{ min-height:65px!important; border-top:1px solid rgba(255,199,48,.44)!important; }
.rm-bottomnav .rm-bn-item{ font-size:12px!important; }

/* Gerald#1 header LOGIN框 icon 竖排(icon 在字上面,真站 stacked) */
.rm-topbar-right .rm-btn-login{ flex-direction:column!important; gap:1px!important; height:48px!important; padding:4px 8px!important; line-height:1; }
.rm-topbar-right .rm-btn-login .rm-btn-ic{ width:18px;height:18px; }
.rm-topbar-right .rm-btn-login span{ font-size:11px; }

/* Gerald#9 footer 英文标签太长重叠 → 缩字号+不换行 */
.rm-bottomnav .rm-bn-item{ font-size:9.5px!important; letter-spacing:0!important; }
.rm-bottomnav .rm-bn-item span{ white-space:nowrap; }

/* ===== 2026-07-29 Gerald 5处精修(提 roda.id-net.work 手机版 computed 值逐项对齐) ===== */

/* --- 1) 右上 LOGIN 框更细腻: 字小一号(11→9px) + icon 加内框+色差 + 外框边框加深 --- */
.rm-topbar-right .rm-btn-login{ border:1px solid rgba(255,211,90,.34)!important; }   /* 真站 #mob-topr2 border */
.rm-topbar-right .rm-btn-login span{ font-size:9px!important; color:rgb(255,210,88)!important; }  /* 真站 login 文字 9px/金 */
.rm-topbar-right .rm-btn-login svg{
  width:28px!important; height:26px!important; padding:5px; box-sizing:border-box;
  background:rgba(255,211,90,.08)!important; border-radius:7px!important;   /* 真站 icon 内框(rgba .08)+圆角7,与外框 .34 形成色差 */
  color:rgb(255,210,88)!important; fill:rgb(255,210,88)!important;          /* 4) LOGIN icon 真站金色 rgb(255,210,88) */
}
/* burger 图标 → 真站奶油浅黄(不是亮黄 #ffd35a) */
.rm-topbar>.rm-hamburger span{ background:rgb(255,241,201)!important; }   /* 真站 .mob-menu::before/after = rgb(255,241,201) */

/* --- 2) Running: 喇叭加圆外框(真站 .a-icon 值) + 轻微脉冲 + 字间距 --- */
.rm-marquee .rm-mq-ico{
  width:22px!important; height:22px!important; display:grid!important; place-items:center; flex:0 0 auto;
  background:rgba(242,185,40,.13)!important; border:1px solid rgba(255,211,90,.38)!important; border-radius:50%!important;
  animation:rm-spk-pump 1.6s ease-in-out infinite;   /* 稍稍 pump,别夸张 */
}
.rm-marquee .rm-mq-ico svg{ color:rgb(242,185,40); width:11px; height:11px; }
.rm-marquee-track{ font-size:12px!important; font-weight:400!important; letter-spacing:.275px!important; line-height:15.7px!important; }   /* 真站 .js-marquee 实际值 11/0.275/15.7(修正:之前量到collapsed容器误报13) */
@keyframes rm-spk-pump{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.1)} }

/* --- 3) Banner 上移贴近 running(上间距 8px→2px, 保留金框圆角) --- */
.rm-banner{ margin-top:-6px!important; }   /* 真站 running->banner gap=8px;抵消父.rm-content pad-top14 */

/* --- 5) Footer: 真站栗红→深黑竖渐变底(现纯黑) + 文字/图标改真站浅灰 --- */
.rm-bottomnav{ background:linear-gradient(rgb(113,17,23) 0%, rgb(24,8,10) 100%)!important; }   /* 真站 #mob-footer bg */
.rm-bottomnav{ min-height:calc(65px + env(safe-area-inset-bottom))!important; height:calc(65px + env(safe-area-inset-bottom))!important; padding-top:5px!important; padding-bottom:calc(5px + env(safe-area-inset-bottom))!important; }   /* 真站 footer 高=65px */
body{ padding-bottom:calc(65px + env(safe-area-inset-bottom))!important; }   /* 配合 65px footer,内容底留白同步缩 */
.rm-bottomnav .rm-bn-item:not(.rm-bn-active){ color:rgb(197,193,192)!important; }            /* 真站 footer 文字浅灰(不动 active) */
.rm-bottomnav .rm-bn-item:not(.rm-bn-active) .rm-ic{ background:rgb(197,193,192)!important; } /* 真站 footer 图标浅灰 */

/* --- 2) 按钮 icon-字 gap 收到真站 10px --- */
.rm-cta-inline .rm-btn{ gap:10px!important; }
.rm-cta-inline .rm-btn-ic{ margin-right:0!important; }   /* 真站 LOGIN 按钮 gap=10px(原 gap12+iconmargin10=22 太大) */

/* ===== 2026-07-29 Gerald login page 100%复刻 rodabet.net(提真站 computed 值) ===== */
/* 全页栗红辉光→黑渐变(真站 #mob-content),铺满,去卡片居中 */
.rm-authpage.rm-auth-login{
  max-width:none!important; margin:0!important; padding:0 0 0!important;
  min-height:calc(100vh - 65px);
  background:radial-gradient(circle at 50% -12%, rgba(164,39,45,.34), rgba(0,0,0,0) 43%), linear-gradient(rgb(27,7,10) 0%, rgb(25,7,11) 55%, rgb(23,7,10) 100%)!important;   /* 2026-08-03 Gerald:整页深红填满,尾色不再褪黑(旧 rgb(13,8,9)->rgb(8,7,8) 是 Power By 下那片黑的来源);起色不动 */
}
/* 卡片 → 扁平透明(去边框/阴影/圆角),内容居中在渐变页上 */
.rm-auth-login .rm-authcard{ background:transparent!important; border:0!important; box-shadow:none!important; max-width:420px; margin:0 auto; padding:26px 16px 20px!important; }
/* 标题 LOGIN 金色 + 下划线(真站:rgb(255,231,160)/25px/ls1/center) */
.rm-auth-login .rm-modal-title{ font-size:25px!important; font-weight:800!important; color:rgb(255,231,160)!important; text-align:center!important; text-transform:uppercase; letter-spacing:1px!important; margin:8px 0 20px!important; padding-bottom:12px!important; position:relative; }
.rm-auth-login .rm-modal-title::after{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:56px; height:3px; background:rgb(255,207,74); border-radius:2px; }
/* 字段:真站 bg rgb(17,19,24)/border rgb(78,80,89)/radius9/h48/字15,去 icon */
.rm-auth-login .rm-field{ background:rgb(17,19,24)!important; border:1px solid rgb(78,80,89)!important; border-radius:9px!important; height:48px!important; box-shadow:none!important; padding:0 15px!important; margin-bottom:12px!important; gap:0!important; }
.rm-auth-login .rm-field-ico{ display:none!important; }
.rm-auth-login .rm-field input{ font-size:15px!important; }
.rm-auth-login .rm-field .rm-eye{ width:24px!important; height:24px!important; }
/* Forgot 金色链接(真站) */
.rm-auth-login .rm-forgot{ color:rgb(242,185,40)!important; }
/* 注册行 → 纯文字链接(去描边按钮,居中一行) */
.rm-auth-login .rm-modal-switch{ justify-content:center!important; gap:5px!important; border:0!important; margin-top:14px!important; }
.rm-auth-login .rm-switch-txt{ color:rgb(212,213,217); font-size:13px; }
.rm-auth-login .rm-switch-btn{ min-width:0!important; height:auto!important; padding:0!important; border:0!important; background:transparent!important; color:rgb(242,185,40)!important; text-decoration:underline; font-size:13px!important; box-shadow:none!important; }
/* Power By 灰条(真站 rgb(43,43,43)/白字14/h30;文字留空待 Gerald 定) */
.rm-auth-login .rm-powerby{ box-sizing:border-box; height:30px; display:flex; align-items:center; justify-content:center; }   /* 2026-08-03 撤掉 width:100vw + calc(50%-50vw):有滚动条时 100vw > 可用宽度会造成横向滚动。通栏改由下方统一规则的负边距实现(精确抵消父 padding,与滚动条无关) */   /* 2026-08-03 Gerald:改通栏贴满屏宽。缩进来自祖先 main.rm-content 的 padding:0 16px; 直接父 .rm-authpage 是 display:block(不是 flex 项),所以负边距全宽安全=没踩当年 .rm-seo 在 flex 项上炸高度那个坑。 高/灰底/字色/字号/居中全部原值未动,只加 width + 左右负边距 */
/* login page 顶部显示 running bar(真站有) */
body.rm-authopen #rm-marquee{ display:flex!important; }   /* login/register 页顶显示 running bar(真站有);用 ID 压过 425 行隐藏规则 */

/* Remember me -> 真站空心方框 */
.rm-auth-login .rm-remember input{ border-radius:3px!important; background:transparent!important; border:1px solid rgba(255,255,255,.5)!important; }
.rm-auth-login .rm-remember input:checked{ background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3 8.5l3.2 3.2L13 5" stroke="white" stroke-width="2.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/12px no-repeat!important; border-color:rgba(255,255,255,.6)!important; }

/* ===== 2026-07-29 Gerald 侧栏:登出7项菜单 + welcome金 + 版权 ===== */
#rm-guestmenu{ display:flex; flex-direction:column; gap:6px; margin:0 0 12px; }   /* Gerald:登出态菜单也 6px(跟登录态一致) */
body.rm-authed #rm-guestmenu{ display:none!important; }
#rm-lang-card{ display:none!important; }   /* Bahasa 去掉(Gerald) */
#rm-social-card{ display:none!important; }   /* 联系方式块去掉(Gerald) */
#rm-guestmenu .rm-menu-item span{ text-transform:uppercase; }
.rm-sidebar-welcome{ background:linear-gradient(135deg,rgba(129,18,27,.78),rgba(55,9,14,.88))!important; border:1px solid rgba(255,210,83,.25)!important; color:rgb(255,224,154)!important; font-size:16px!important; padding:13px 12px!important; }
.rm-side-copyright{ text-align:center; font-size:10px; color:rgb(129,125,121); margin:16px 4px 8px; font-family:"Fjalla One",sans-serif; }
.ic-gamepad{--i:url(/assets/icons/ic-gamepad.svg)}
.ic-signin{--i:url(/assets/icons/ic-signin.svg)}
.ic-plus{--i:url(/assets/icons/ic-plus.svg)}
.ic-key{--i:url(/assets/icons/ic-key.svg)}
.ic-mobile{--i:url(/assets/icons/ic-mobile.svg)}

/* ===== 2026-07-29 Gerald login 7项精修 + popup(提真站值) ===== */
/* #3 login 全字体 Fjalla One(窄体) */
.rm-auth-login .rm-authcard *{ font-family:"Fjalla One",sans-serif !important; }
/* #5 Remember me -> 原生白方框(真站 appearance:auto) + Fjalla 13 */
.rm-auth-login .rm-remember-row{ margin:2px 2px 12px; display:flex; }
.rm-auth-login .rm-remember{ display:flex; align-items:center; gap:8px; color:rgb(200,200,204); font-size:13px; cursor:pointer; }
.rm-auth-login .rm-remember input{ appearance:auto!important; -webkit-appearance:auto!important; width:16px!important; height:16px!important; border-radius:0!important; background:#fff!important; border:0!important; }
/* #6 Forgot 整句居中金 Fjalla 无下划线,remember 下方 */
.rm-auth-login .rm-forgot{ display:block!important; text-align:center!important; color:rgb(246,201,72)!important; font-size:13px!important; text-decoration:none!important; margin:0 0 6px!important; }
/* #7 Not a member 整句居中 无下划线,forgot 下方 */
.rm-auth-login .rm-modal-switch{ justify-content:center!important; gap:5px!important; margin:0 0 14px!important; }
.rm-auth-login .rm-switch-txt{ color:rgb(212,213,217)!important; font-size:13px!important; }
/* 2026-08-03 (b) 照真站:整句一个颜色。
   真站实测(/login,375x812):整行是【一个 <a>】,无子元素,color rgb(212,213,217),前后半句同色。
   我们原本:<span class="rm-switch-txt"> rgb(212,213,217) + <button class="rm-switch-btn"> rgb(246,201,72) 金 —— 两个色。
   Gerald 说的"sign up here 是金色链接"属实(我先前误报为白色:当时选择器只取到含前半句的最内层 span,
   漏了它的兄弟 button)。此处只统一颜色,按钮的 id/onclick/切换注册页的功能一字不动。 */
.rm-auth-login .rm-switch-btn{ color:rgb(212,213,217)!important; text-decoration:none!important; font-size:13px!important; }
/* #1 BO entry popup 对齐真站:黄边框 + OK按钮 + 无X + Fjalla */
.rm-entrypop{ background:#1a2029; border:2px solid rgba(255,210,83,.55); border-radius:16px; max-width:340px; width:calc(100% - 40px); margin:auto; padding:22px 20px 18px; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.rm-entrypop, .rm-entrypop *{ font-family:"Fjalla One",sans-serif !important; }
.rm-entrypop .rm-entrypop-body{ background:transparent!important; border:0!important; padding:0!important; margin-bottom:16px; color:#e7e3df; text-align:center; max-height:70vh; overflow:auto; }
.rm-entrypop-ok{ width:100%; height:46px; border:0; border-radius:10px; background:var(--pa-primary); color:var(--pa-primary-fg); font-weight:800; font-size:16px; cursor:pointer; }

/* ===== 2026-07-29 Gerald login+首页 10处精修 v2(提真站computed值) ===== */
/* #1 running 更细:Fjalla One 单一400字重,加 antialiased 让描边更细(真站也400) */
.rm-marquee-track, .rm-mq-item{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-weight:400!important; }
/* #2 喇叭 pump = 真站 home3-pulse(圆圈静止,只 box-shadow 光晕环脉动),去掉整体 scale */
@keyframes home3-pulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(247,194,53,.35); } 70%{ box-shadow:0 0 0 7px rgba(247,194,53,0); } }
.rm-mq-ico{ animation:home3-pulse 2.4s ease-in-out infinite!important; }
.rm-mq-ico svg,.rm-mq-ico img{ animation:none!important; }
/* #3 顶部 LOGIN icon 色 → 真站 rgb(255,210,88)(glyph 已是 sign-in 箭头,待 Gerald 确认要不要换具体字形) */
.rm-topbar-right .rm-btn-login .rm-btn-ic{ color:rgb(255,210,88)!important; }
/* #4 大 LOGIN button icon → 米色 rgb(255,243,209);DAFTAR → 金 rgb(245,189,50)(真站值) */
.rm-cta-inline .rm-btn-login .rm-btn-ic{ color:rgb(255,243,209)!important; }
.rm-cta-inline .rm-btn-register .rm-btn-ic{ color:rgb(245,189,50)!important; }
/* #5 login page running 动起来(真凶=body.rm-authopen 把 marquee 动画 paused) */
body.rm-authopen #rm-marquee .rm-marquee-track{ animation-play-state:running!important; }
/* #6 login running bar 加高加宽 */
body.rm-authopen #rm-marquee{ min-height:38px!important; padding:7px 14px!important; }
/* #7 login 卡片 full-bleed 无色差框(盖住 base #10151c 卡) */
.rm-auth-login .rm-authcard{ background:transparent!important; border:0!important; box-shadow:none!important; }
/* #8 ID/PW 字段 → 浅色单一(Gerald 定;真 rodabet 是浅字段,id-net.work mirror 才是深) */
.rm-auth-login .rm-field{ background:#edecf4!important; border:1px solid rgba(255,255,255,.25)!important; }
.rm-auth-login .rm-field input{ color:#2b2b38!important; }
.rm-auth-login .rm-field input::placeholder{ color:#6b6b7a!important; }
.rm-auth-login .rm-field:focus-within{ background:#edecf4!important; border-color:rgba(122,139,243,.6)!important; }
.rm-auth-login .rm-field .rm-eye{ filter:invert(.55); }
/* #9 Not a member 去框(纯文字) */
.rm-auth-login .rm-modal-switch{ background:transparent!important; border:0!important; padding:0!important; }
/* #10 LOGIN 按钮下拉(加上间距,对齐真站水平线) */
.rm-auth-login .rm-modal-submit{ margin-top:22px!important; }

/* ===== 2026-07-29 Gerald login 微调 v3(提真站值) ===== */
/* #2 喇叭加大 → 真站 30px */
.rm-mq-ico{ width:30px!important; height:30px!important; }
.rm-mq-ico svg,.rm-mq-ico img{ width:14px!important; height:14px!important; }
/* #1 login running bar 高度对齐真站(可见 strip ~40) + 略宽 */
body.rm-authopen #rm-marquee{ min-height:40px!important; padding:5px 10px!important; }
/* #3 去掉 login 区黑色外框(authpage/authcard 任何 border/shadow) */
.rm-authpage.rm-auth-login{ border:0!important; box-shadow:none!important; outline:0!important; }
.rm-auth-login .rm-authcard{ border:0!important; box-shadow:none!important; outline:0!important; background:transparent!important; }
/* #4 LOGIN 标题往下(真站 top~164) */
.rm-auth-login .rm-modal-title{ margin-top:40px!important; }
/* #5 Remember - Forgot gap 加大 → 真站 23px */
.rm-auth-login .rm-remember-row{ margin-bottom:23px!important; }
/* #6 LOGIN 按钮字缩两号 → 真站 13px(现18太大) */
.rm-auth-login .rm-modal-submit{ font-size:13px!important; }

/* ===== 2026-07-29 Gerald sidebar 重做 v1(提真站值) ===== */
/* #8 宽度 → 真站 300px 抽屉(现全屏100%) */
.rm-sidebar{ width:300px!important; max-width:86%!important; }
/* #10 bg → 真站深红辉光→黑渐变 */
.rm-sidebar{ background:radial-gradient(circle at 20% 0px, rgba(155,24,34,.28), rgba(0,0,0,0) 36%), linear-gradient(160deg, rgb(22,12,16), rgb(9,12,17) 56%, rgb(5,7,10))!important; }
/* #9 welcome 挪 X 旁(head内置左,窄 Fjalla) */
.rm-sidebar-head{ display:flex!important; align-items:center; gap:12px; }
.rm-sidebar-head .rm-sidebar-welcome{ margin:0!important; flex:1; text-align:left!important; font-size:14px!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; letter-spacing:.4px; color:rgb(255,224,154)!important; font-family:"Fjalla One",sans-serif!important; }
/* #11/#14 section 标题 Fjalla 16px + 金线由实到虚(GAME PROVIDER/LICENSE/METODE 统一) */
.rm-side-block h4{ display:flex!important; align-items:center; gap:10px; font-family:"Fjalla One",sans-serif!important; font-size:16px!important; color:rgb(232,184,60)!important; font-weight:800!important; text-transform:uppercase; letter-spacing:.3px; }
.rm-side-block h4::after{ content:""; flex:1; height:1px; background:linear-gradient(90deg, rgba(232,184,60,.85) 30%, rgba(232,184,60,0)); }
/* #12/#13 provider/license/metode img 加框+框内外色差(真站 border rgba(255,255,255,.08)/bg rgba(255,255,255,.03)) */
.rm-side-block img{ border:1px solid rgba(255,255,255,.08)!important; border-radius:10px!important; background:rgba(255,255,255,.03)!important; padding:8px!important; }


/* ===== 2026-07-29 Gerald #7 accordion demo(提真站值:h42 金渐变/badge rgb(74,61,27)) ===== */
.rm-accordion{ display:flex; flex-direction:column; gap:8px; margin:14px -6px 8px; }
.rm-accor{ border-radius:10px; overflow:hidden; }
.rm-accor-title{ display:flex; align-items:center; gap:10px; height:42px; padding:0 12px; cursor:pointer;
  background:linear-gradient(rgb(242,193,62), rgb(168,91,28)); color:#3a2410;
  font-family:"Fjalla One",sans-serif; font-weight:800; text-transform:uppercase; }
.rm-accor-ic{ width:20px; height:20px; object-fit:contain; filter:brightness(0) saturate(100%); opacity:.82; flex:0 0 auto; }
.rm-accor-name{ flex:1; font-size:15px; letter-spacing:.3px; }
.rm-accor-badge{ background:rgb(74,61,27); color:#ffd66b; font-size:11px; font-weight:700; padding:4px 11px; border-radius:6px; font-family:"Fjalla One",sans-serif; }
.rm-accor-box{ display:none; padding:8px 4px; background:rgba(0,0,0,.22); }
.rm-accor.active .rm-accor-box{ display:block; }
/* login 隐藏 accordion(回归修) */
body.rm-authopen #rm-accordion{ display:none!important; }

/* ===== 2026-07-29 Gerald #7 accordion 全铺 CSS(fa图标去filter + Gaple行 + toast) ===== */
.rm-accor-ic{ width:20px!important; height:20px!important; object-fit:contain; opacity:.9; flex:0 0 auto; filter:none!important; }
.rm-gaple-row{ display:flex; align-items:center; justify-content:space-between; padding:12px 14px; margin:6px 4px;
  background:linear-gradient(145deg, rgba(102,20,26,.5), rgba(32,8,12,.6)); border:1px solid rgba(255,211,90,.22); border-radius:10px; }
.rm-gaple-name{ font-family:"Fjalla One",sans-serif; font-size:15px; color:#ffe09a; letter-spacing:.5px; }
.rm-gaple-play{ background:linear-gradient(rgb(242,193,62),rgb(168,91,28)); color:#3a2410; font-family:"Fjalla One",sans-serif; font-weight:800; font-size:13px; border:0; border-radius:8px; padding:8px 18px; cursor:pointer; text-transform:uppercase; }
.rm-accor-toast{ position:fixed; left:50%; bottom:calc(96px + env(safe-area-inset-bottom)); transform:translateX(-50%) translateY(20px); background:rgba(26,32,41,.96); color:#fff; font-family:"Fjalla One",sans-serif; font-size:14px; padding:12px 22px; border-radius:10px; border:1px solid rgba(255,211,90,.3); z-index:9999; opacity:0; transition:opacity .3s, transform .3s; pointer-events:none; }
.rm-accor-toast.on{ opacity:1; transform:translateX(-50%) translateY(0); }

/* ===== 2026-07-29 Gerald #1 provider bar 角标(no1/new/hot) ===== */
.rm-chip{ position:relative; }
.rm-chip-badge{ position:absolute; top:-5px; left:-5px; z-index:3; pointer-events:none; }
.rm-chip-badge img{ width:26px; height:auto; display:block; filter:grayscale(1); transition:filter .2s; }   /* Gerald:未选 chip 角标同 logo 一起灰 */

/* ===== 2026-07-29 Gerald #2-10 批(提真站值) ===== */
/* #4 删整块 PUSAT BANTUAN / Syarat & Ketentuan(真站没有) */
.maha-ultra-design{ display:none!important; }
/* #5 DAFTAR icon 金 rgb(245,189,50)(真站) */
.rm-cta-inline .rm-btn-register .rm-btn-ic{ color:rgb(245,189,50)!important; }
/* #6 首页 LOGIN 大按钮文字 → 米色 rgb(255,243,209)(真站) */
.rm-cta-inline .rm-btn-login{ color:rgb(255,243,209)!important; }
/* #7 login 页红渐变铺满整页(去残留黑底) */
.rm-authpage.rm-auth-login{ min-height:100vh!important; }
/* #8 sidebar WELCOME 加金外框+框内栗红渐变(真站值:border rgba(255,210,83,.25)/radius12) */
.rm-sidebar-head .rm-sidebar-welcome{ background:linear-gradient(135deg,rgba(129,18,27,.78),rgba(55,9,14,.88))!important; border:1px solid rgba(255,210,83,.25)!important; border-radius:12px!important; padding:9px 12px!important; }
/* #9 去 MOBILE↔GAME PROVIDER 大间距 */
#rm-guestmenu{ margin-bottom:4px!important; }
body:not(.rm-authed) .rm-sidebar .rm-menu-card{ display:none!important; }   /* #9: 登出态隐藏空账户菜单卡(Home/Promosi 已移 guest menu),去 MOBILE↔GAME PROVIDER 大间距 */
.rm-sidebar .rm-side-block{ margin-top:8px!important; }

/* #10 METODE PEMBAYARAN bank logo 放大~50%(metode=最后一个 side-block) */
.rm-side-block img[src*="metode"]{ transform:scale(1.45); transform-origin:center; }   /* #10 bank logo +45%(用 src 精确定位 metode) */
/* #2 search 独立行样式 */
.rm-search.rm-search-below{ margin:8px 4px 4px; width:auto; }

/* ===== 2026-07-29 Gerald #3 slot 分页页码条(纯展示层) ===== */
.rm-pager{ display:flex; justify-content:center; align-items:center; gap:6px; flex-wrap:wrap; margin:16px 4px 20px; }
.rm-pg-btn{ min-width:34px; height:34px; padding:0 8px; border-radius:8px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); color:#e7e3df; font-family:"Fjalla One",sans-serif; font-size:14px; cursor:pointer; }
.rm-pg-btn.rm-pg-on{ background:linear-gradient(rgb(242,193,62),rgb(168,91,28)); color:#3a2410; border-color:transparent; font-weight:800; }
.rm-pg-btn[disabled]{ opacity:.4; cursor:default; }
.rm-pg-dots{ color:#77736e; padding:0 2px; }

/* ===== 2026-07-29 Gerald 批3(1/2/6/7/9)提真站值 ===== */
/* #1 DAFTAR icon → 暗红(Gerald;真站fa报金但视觉暗,按他改暗红) */
.rm-cta-inline .rm-btn-register .rm-btn-ic{ color:rgb(0,0,0)!important; }   /* #1 Gerald改:暗红->黑 */
/* #2 accordion header icon+文字 → 白(真站 rgb255) */
.rm-accor-ic{ filter:brightness(0) invert(1)!important; opacity:1!important; }
.rm-accor-name{ color:#fff!important; }
/* #6 RTP:加"RTP"标 + RTP/% 都米色 rgb(238,233,223)(真站) */
.rm-rtp-lbl{ color:rgb(238,233,223); font-size:10px; font-weight:800; font-family:"Fjalla One",sans-serif; flex:0 0 auto; }
.rm-slotcard__rtp b{ color:rgb(238,233,223)!important; }
/* #7 游戏名 bar → 深红渐变+米色+Fjalla(真站 rgb141,27,35→85,17,21 / rgb255,247,215) */
.rm-slotcard__name{ background:linear-gradient(135deg,rgb(141,27,35),rgb(85,17,21))!important; color:rgb(255,247,215)!important; font-family:"Fjalla One",sans-serif!important; }
/* #9 login Not a member ↔ LOGIN 按钮 间距收窄 */
.rm-auth-login .rm-modal-submit{ margin-top:10px!important; }

/* ===== 2026-07-29 Gerald #3 provider chip 重做(真站值) + #5 search收窄 ===== */
/* #3 chip = 深底 tile(rgb21,26,33)+灰边框(rgb58,62,67)+grayscale logo(Gerald要,真站mirror是none)+名字米色Fjalla下方 */
.rm-chip{ flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:5px; width:auto; cursor:pointer; }
.rm-chip-logo{ width:88px!important; height:64px!important; border-radius:10px!important; object-fit:contain!important; padding:8px!important; box-sizing:border-box; background:rgb(21,26,33)!important; border:1px solid rgb(58,62,67)!important; filter:grayscale(1); transition:filter .2s, border-color .2s; }
.rm-chip-name{ font-family:"Fjalla One",sans-serif!important; font-size:12px!important; color:rgb(238,233,223)!important; font-weight:400!important; text-transform:none; letter-spacing:.2px; }
/* 选中/预选 → 金边 + logo 彩色(grayscale0) + 底色微亮;去掉旧金框 box-shadow */
.rm-chip-on .rm-chip-logo, .rm-chip:hover .rm-chip-logo, .rm-chip:active .rm-chip-logo{ filter:grayscale(0)!important; border-color:rgba(255,211,90,.72)!important; background:rgb(56,53,38)!important; box-shadow:none!important; }   /* +hover 预选 */
.rm-chip-on .rm-chip-badge img, .rm-chip:hover .rm-chip-badge img, .rm-chip:active .rm-chip-badge img{ filter:grayscale(0)!important; }   /* Gerald:选中/预选时角标同步恢复彩色 */
.rm-chip-on .rm-chip-all, .rm-chip-on .rm-chip-logo{ box-shadow:none!important; }
/* Gerald:All games 磁贴同规则 —— 撤掉原 grayscale 豁免,未选也灰、选中/预选才彩(继承 .rm-chip-logo 那套) */
/* #5 search bar 收窄 30% + 内部字 Fjalla(真站数码风) */
.rm-search.rm-search-below{ width:calc(100% - 8px)!important; height:34px!important; margin:8px 4px 6px!important; }   /* #3 Gerald:满宽 + 矮30% */
.rm-search.rm-search-below input, .rm-search.rm-search-below input::placeholder{ font-family:"Fjalla One",sans-serif!important; }

/* ===== 2026-07-29 Gerald #4 provider bar 箭头 ===== */
.rm-provwrap{ position:relative; }
.rm-prov-arrow{ position:absolute; top:0; bottom:0; height:auto; transform:none;
  display:none; align-items:center; justify-content:center;
  width:22px; z-index:6; border:0; cursor:pointer; padding:0;
  background:rgb(225,183,46); color:rgb(35,24,8); font-size:15px; line-height:1;
  font-family:"Fjalla One",sans-serif; font-weight:800;
  border-radius:0; box-shadow:none; }
/* 真站 .g8sggl-tarr:22 宽等高金竖条、自身 radius 全 0、无阴影;视觉上的顶角圆弧来自祖先
   .g8sggl{border-radius:17px; overflow:hidden} 的裁切 -> 我们直接给对应顶角 17px,视觉等价 */
.rm-prov-arrow-r{ border-top-right-radius:17px; }
.rm-prov-arrow-l{ border-top-left-radius:17px; }
.rm-prov-arrow-l{ left:0; }
.rm-prov-arrow-r{ right:0; }
/* strip 两端留出 22px,免首/末 provider 被金条压住 */
.rm-provstrip{ scroll-padding-left:24px; scroll-padding-right:24px; }

/* ===== 2026-07-29 Gerald #8 provider mini-logo 条(All Games 游戏名下) ===== */
.rm-slotcard__provbar{ display:flex; align-items:center; justify-content:center; height:22px; padding:2px 6px; background:rgb(21,26,33); border-top:1px solid rgba(255,255,255,.05); border-radius:0 0 10px 10px; }
.rm-slotcard__provbar img{ max-height:16px; max-width:78%; width:auto; object-fit:contain; filter:none; opacity:1; }   /* #4 灰度->彩色原色 */
/* 名字条圆角下移到 provbar 上,避免双圆角 */
.rm-slotcard__provbar + *{ }

/* ===== 2026-07-29 Gerald #10 register form 照 rodabet(label在上/DAFTAR金标题金下划线/浅输入框) ===== */
/* DAFTAR 金标题 + 金下划线 */
.rm-reg-title{ color:rgb(232,222,207)!important; font-family:"Fjalla One",sans-serif!important; font-size:23px!important; text-align:center; letter-spacing:.5px; text-transform:uppercase; padding-bottom:0!important; margin-bottom:16px!important; border-bottom:0!important; }   /* #10 金->奶白 */
.rm-reg-title::after{ content:""; display:block; width:52px; height:5px; margin:9px auto 0; background:rgb(246,201,72); border-radius:3px; }   /* #11 下划线短+粗 */
/* 每行:label 在输入框上方 */
.rm-reg-row{ margin-bottom:11px; }
.rm-reg-label{ display:block; text-align:left; color:rgb(232,230,226); font-family:"Fjalla One",sans-serif; font-size:13px; font-weight:400; margin:0 2px 5px; letter-spacing:.3px; }
/* 浅色输入框(Gerald #10 明确要浅;mirror roda.id-net.work 实测=rgba(0,0,0,.5)深底,按你要求做浅) */
.rm-reg-row .rm-field{ background:rgb(237,236,244)!important; border:1px solid rgba(0,0,0,.18)!important; border-radius:7px!important; margin-bottom:0!important; }
.rm-reg-row .rm-field input, .rm-reg-row .rm-field select{ color:rgb(24,26,32)!important; font-family:"Fjalla One",sans-serif!important; background:transparent!important; }
.rm-reg-row .rm-field input::placeholder{ color:rgba(24,26,32,.5)!important; }
.rm-reg-row .rm-field .rm-prefix{ color:rgb(24,26,32)!important; }
.rm-reg-row .rm-field .rm-field-ico{ filter:brightness(0)!important; opacity:.5!important; }   /* 浅底上把 icon 变深灰可见 */
.rm-reg-row .rm-field .rm-eye{ filter:brightness(0)!important; opacity:.5!important; }
.rm-reg-row .rm-field select option{ color:rgb(24,26,32); background:#fff; }

/* ===== 2026-07-29 Gerald #10b register Bank/E-wallet toggle(保留功能核,配新皮) ===== */
.rm-regtabs-reg{ display:flex; gap:8px; margin:0 2px 7px; }
.rm-regtabs-reg .rm-regtab{ flex:1; text-align:center; padding:8px 0; border-radius:7px; font-family:"Fjalla One",sans-serif; font-size:13px; letter-spacing:.3px; cursor:pointer; background:rgba(255,255,255,.06); color:rgb(200,198,194); border:1px solid rgba(255,255,255,.10); }
/* 2026-08-03 Gerald:选中态从扁平橙换成与 JOIN NOW 同一组金,引用 token 不复制 hex。
   原值 background:var(--pa-primary) [注: = linear-gradient(to right,#eda514,#ffd25b,#eda514) 三段扁平橙]
   未选中那颗(上一条 .rm-regtabs-reg .rm-regtab)一个值都没动。
   作用域:.rm-regtab 全站 js 仅 3 处且都在注册页(app.js 2057/2070/2071);
   存款提款页的二选一用的是 .rm-deptipe-btn 与 .rm-chantab-*,与此无关。 */
.rm-regtabs-reg .rm-regtab.on{ background:linear-gradient(180deg, var(--rm-gold-top), var(--rm-gold-bot)); color:rgb(39,27,4); border:1px solid rgb(255,220,114); font-weight:700; }

/* ===== 2026-07-29 Gerald 并排17 block-A ===== */
/* #2 provider 名字放进 tile 框内(overlay logo 底部,照真站) */
.rm-chip{ position:relative; }
.rm-chip-name{ position:absolute!important; left:6px!important; right:6px!important; bottom:6px!important; width:auto!important; margin:0!important; padding:2px 2px!important; z-index:2; background:linear-gradient(to top, rgba(10,12,16,.92) 55%, rgba(10,12,16,0))!important; border-radius:0 0 8px 8px; font-size:10px!important; line-height:1.15!important; }
.rm-chip-logo{ margin-bottom:0!important; }
/* #12 JOIN NOW 数码风(Fjalla 大写 letter-spacing) */
.rm-join-btn{ text-transform:uppercase!important; letter-spacing:2px!important; font-family:"Fjalla One",sans-serif!important; font-weight:700!important; }
/* #14 register switch 去外框,Login 纯金链接 */
.rm-auth-register .rm-modal-switch{ justify-content:center!important; gap:5px!important; background:transparent!important; border:0!important; padding:0!important; margin-top:12px!important; min-height:auto!important; }
.rm-auth-register .rm-switch-txt{ color:rgb(212,213,217)!important; font-size:13px!important; }
.rm-auth-register .rm-switch-btn{ min-width:0!important; height:auto!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; color:rgb(246,201,72)!important; text-decoration:none!important; font-size:13px!important; }

/* ===== 2026-07-29 Gerald 并排17 block-B (#7 welcome / #8 metode sprite) ===== */
/* #7 WELCOME 框上下+15% + 字+2px(14->16) */
.rm-sidebar .rm-sidebar-head .rm-sidebar-welcome{ font-size:16px!important; padding:11px 12px!important; }
/* #8 METODE = sprite 银行 logo,inline-block 自动换行到 2/3 排(照真站 .paymentoption),框宽=上面同宽 */
.rm-side-metode .rm-metode-banks{ display:flex; flex-wrap:wrap; gap:7px 8px; justify-content:center; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(255,255,255,.06); padding:11px 8px; }
.rm-mbank{ display:inline-block; height:20px; background-image:url(/assets/rodabet/metode.png?v=190); background-size:375px 20px; background-repeat:no-repeat; flex:0 0 auto; }

/* ===== 2026-07-29 Gerald 并排17 block-C (#9/#13/#15/#17) ===== */
/* #9 register 表单背景(卡片后面)暗红 + 卡片红辉光金边(真站 modal-content_cus computed) */
.rm-authpage.rm-auth-register{ min-height:100vh!important; background:radial-gradient(circle at 50% 0%, rgba(130,20,26,.40), rgba(0,0,0,0) 46%), linear-gradient(180deg, rgb(43,10,13) 0%, rgb(26,8,11) 55%, rgb(18,7,9) 100%)!important; }
.rm-auth-register .rm-authcard{ background:radial-gradient(circle at 100% 0px, rgba(149,13,21,.22), rgba(0,0,0,0) 230px), linear-gradient(145deg, rgb(17,21,27), rgb(7,10,14))!important; border:1px solid rgba(255,210,0,.42)!important; border-radius:14px!important; box-shadow:0 10px 40px rgba(0,0,0,.5)!important; }
/* #13 register 底 Power By(同 login 灰条) */
.rm-reg-powerby{ height:30px; margin-top:12px; background:rgb(43,43,43); display:flex; align-items:center; justify-content:center; color:rgb(237,237,237); font-size:14px; font-family:"Fjalla One",sans-serif; border-radius:6px; }
/* #15 首页最下 Power By */
.rm-home-powerby{ margin:16px 0 4px; padding:11px 8px; background:rgb(43,43,43); text-align:center; color:rgb(237,237,237); font-size:14px; font-family:"Fjalla One",sans-serif; }
/* #17 sidebar GAMES 可展开子类目 */
.rm-games-arrow{ margin-left:auto; transition:transform .22s; }
.rm-games-head.rm-games-expanded .rm-games-arrow{ transform:rotate(90deg); }
.rm-games-sub{ display:none; flex-direction:column; margin:2px 0 8px; padding-left:8px; }
.rm-games-sub.rm-games-open{ display:flex; }
.rm-games-subitem{ padding:11px 14px 11px 46px; margin:3px 0; border-radius:9px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); color:rgb(232,224,210); font-family:"Fjalla One",sans-serif; font-size:13px; letter-spacing:.4px; text-transform:uppercase; cursor:pointer; transition:background .15s; }
.rm-games-subitem:active, .rm-games-subitem:hover{ background:rgba(255,210,83,.14); border-color:rgba(255,210,83,.35); color:rgb(255,224,154); }

/* ===== 2026-07-29 Gerald 手机版 mobile-4 (#1去框icon/#2间距/#3虚/#4虚) ===== */
/* #1 sidebar GAMES 子类目:去框 + 左侧 category icon + GAMES 下黄线(照真站 .ns 子项:无框/bg-icon左/line-height46) */
.rm-games-sub.rm-games-open{ border-top:2px solid rgb(246,201,72)!important; margin-top:2px!important; padding-top:2px!important; padding-left:0!important; }
.rm-games-subitem{ background-color:transparent!important; border:0!important; border-radius:0!important; margin:0!important; padding:0 14px 0 54px!important; line-height:46px!important; background-repeat:no-repeat!important; background-position:16px center!important; background-size:auto 28px!important; }
.rm-games-subitem:hover, .rm-games-subitem:active{ background-color:rgba(255,210,83,.08)!important; border-color:transparent!important; color:rgb(255,224,154)!important; }
.rm-games-subitem[data-gamecat="sport"]{ background-image:url(/assets/icons/gamecat/sportsbook.png); }
.rm-games-subitem[data-gamecat="slot"]{ background-image:url(/assets/icons/gamecat/i-slots.png); }
.rm-games-subitem[data-gamecat="lc"]{ background-image:url(/assets/icons/gamecat/casino.png); }
.rm-games-subitem[data-gamecat="poker"]{ background-image:url(/assets/icons/gamecat/poker.png); }
.rm-games-subitem[data-gamecat="tangkas"]{ background-image:url(/assets/icons/gamecat/tangkas.png); }
.rm-games-subitem[data-gamecat="fish"]{ background-image:url(/assets/icons/gamecat/fish.png); }
.rm-games-subitem[data-gamecat="others"]{ background-image:url(/assets/icons/gamecat/dice.png); }
/* #2 provider chip:logo 与 name 之间留间距(logo 底 padding 加大,name band 上方留空) */
.rm-chip-logo{ padding:8px 8px 20px!important; }
/* #3 search placeholder 虚一点(真站实测 rgba(136,136,136,.63)) */
.rm-search.rm-search-below input::placeholder{ color:rgba(136,136,136,.63)!important; opacity:1!important; }
/* #4 底部 nav 选中 highlight 虚 80%(金 pill 降到 ~20% 不透明,图标/字转亮金) */
.rm-bottomnav .rm-bn-active{ background:linear-gradient(to right, rgba(237,165,20,.20), rgba(255,210,91,.22), rgba(237,165,20,.20))!important; color:rgb(255,205,74)!important; }
.rm-bottomnav .rm-bn-active .rm-ic{ background:rgb(255,205,74)!important; }

/* ================= 2026-07-29 Gerald #6 DESKTOP 断点 route-A(骨架;手机<1024 一字不动) ================= */
#rm-dtop{ display:none; }
#rm-djackpot{ display:none; }   /* 默认藏,只 desktop @media 显 */
@media(min-width:1024px){
  /* 隐藏手机 chrome */
  .rm-topbar, .rm-bottomnav, .rm-hamburger, #rm-sidebar, .rm-backdrop{ display:none!important; }
  body{ padding-bottom:0!important; background:rgb(9,13,18)!important; }
  body::before{ content:""; position:fixed; inset:0; z-index:0; pointer-events:none; background:radial-gradient(circle at 50% 2%, rgba(85,17,21,.34), rgba(0,0,0,0) 340px); }
  /* ---- desktop header ---- */
  #rm-dtop{ display:block; position:relative; z-index:30; }
  .rm-dtop-in{ max-width:1060px; margin:0 auto; }
  .rm-dtop-row1{ background:linear-gradient(180deg, rgb(22,10,12), rgb(9,13,18)); }
  .rm-dtop-row1 .rm-dtop-in{ display:flex; align-items:center; justify-content:space-between; padding:14px 10px; }
  .rm-dtop-logo{ width:280px; height:auto; display:block; cursor:pointer; }
  .rm-dtop-login{ display:flex; align-items:center; gap:9px; }
  .rm-dtop-login input{ width:160px; height:35px; background:rgba(5,8,12,.58); border:1px solid rgba(255,255,255,.13); border-radius:9px; color:rgb(255,244,218); padding:0 11px; font-family:"Fjalla One",sans-serif; font-size:12px; }   /* 真站 12px(清掉重复的 13px 声明) */
  .rm-dtop-login input::placeholder{ color:rgba(200,200,204,.7); }
  .rm-dtop-forgot{ font-size:11px; color:rgb(210,211,215); cursor:pointer; white-space:nowrap; }
  .rm-dbtn{ height:37px; padding:0 22px; border:0; border-radius:7px; font-family:"Fjalla One",sans-serif; font-weight:700; font-size:14px; letter-spacing:.5px; cursor:pointer; }   /* 🔴还原:base被登出态LOGIN/DAFTAR(class="rm-dbtn rm-dbtn-login/daftar")共用,几何改动改scope到.rm-dtop-user .rm-dbtn见下 */
  .rm-dbtn-login{ background:linear-gradient(145deg, rgb(142,24,32), rgb(87,13,19)); color:rgb(255,240,201); border:1px solid rgba(255,219,115,.55); border-radius:9px; }   /* 真站实测 */
  .rm-dbtn-daftar{ background:linear-gradient(145deg, rgb(255,217,107), rgb(233,167,22) 74%); color:rgb(40,24,0); border:1px solid rgb(255,225,154); border-radius:10px; }   /* 真站实测 */
  /* ---- nav bar row2 ---- */
  .rm-dtop-row2{ background:linear-gradient(180deg, rgb(116,16,24), rgb(62,12,17)); border-top:1px solid rgba(255,210,83,.22); box-shadow:0 3px 10px rgba(0,0,0,.4); }
  .rm-dnav{ display:flex; height:76px; }
  .rm-dnav-item{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; height:76px; color:rgb(214,211,207); font-family:"Fjalla One",sans-serif; font-size:12.5px; letter-spacing:.3px; text-transform:uppercase; text-decoration:none; cursor:pointer; transition:background .15s; }
  .rm-dnav-ic{ width:26px; height:26px; object-fit:contain; }
  .rm-dnav-item:hover{ background:rgba(157,20,30,.42); }
  .rm-dnav-item.rm-dnav-active{ background:rgba(157,20,30,.72); color:rgb(255,240,199); }
  /* ---- content 居中 1060 ---- */
  main.rm-content{ max-width:1060px!important; margin:0 auto!important; padding:16px 10px 40px!important; position:relative; z-index:1; }
  .rm-banner{ border-radius:16px; overflow:hidden; margin-bottom:16px; }
  /* ---- jackpot ---- */
  #rm-djackpot{ display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:122px; height:auto; padding:9px 34px; box-sizing:border-box; margin:0; border:2px solid rgba(255,215,76,.74); border-radius:17px; background:linear-gradient(180deg, rgba(255,221,105,.08), rgba(0,0,0,0) 55%), rgb(11,10,8); }
  /* ---- 左区:♛ 金环圆徽 + PROGRESSIVE JACKPOT 字标(真站同款图,自托管) ---- */
  .rm-djp-label{ flex:1 1 auto; display:flex; align-items:center; gap:16px; min-width:0; }
  .rm-djp-crown{ flex:0 0 auto; width:74px; height:74px; display:grid; place-items:center; font-style:normal;
    border:2px solid rgb(230,168,38); border-radius:50%; color:rgb(255,211,90); font-size:46px; line-height:46px;
    background:radial-gradient(circle at 50% 42%, rgba(255,232,134,.22), rgba(0,0,0,0) 48%), linear-gradient(145deg, rgb(63,18,11), rgb(9,6,8) 72%);
    box-shadow:0 0 0 5px rgba(132,67,14,.38), 0 0 18px rgba(255,185,37,.25), inset 0 0 14px rgba(255,190,42,.18);
    text-shadow:0 2px 0 rgb(138,62,8), 0 0 10px rgba(255,204,59,.42); }
  .rm-djp-wm{ flex:1 1 auto; min-width:0; height:56px; font-size:0; color:transparent;   /* 文字保留做 a11y,视觉用真站字标图 */
    background:url(/assets/rodabet/progressive-jackpot.webp) no-repeat left center; background-size:contain; }
  /* ---- 右区:独立数字面板(格线只在这里) ---- */
  .rm-djp-amount{ flex:0 0 56%; height:88px; display:flex; align-items:center; justify-content:center;
    font-family:"Arial Black", Impact, sans-serif; font-weight:900; font-size:46px; letter-spacing:2.75px;
    color:rgb(255,214,91); text-align:center; padding:13px 20px; box-sizing:border-box;
    border:2px solid rgba(255,215,76,.74); border-radius:17px;
    background:
      linear-gradient(rgba(255,221,105,.08), rgba(0,0,0,0) 35%),
      repeating-linear-gradient(90deg, rgba(0,0,0,0) 0px, rgba(0,0,0,0) calc(8.333% - 1px), rgba(255,212,79,.18) calc(8.333% - 1px), rgba(255,212,79,.18) 8.333%),
      linear-gradient(180deg, rgb(53,16,12), rgb(18,7,8) 54%, rgb(42,11,11));
    text-shadow:0 1px 0 rgb(255,240,165), 0 3px 0 rgb(165,82,8), 0 5px 9px rgba(0,0,0,.82), 0 0 18px rgba(255,205,57,.34);
    box-shadow:0 0 0 4px rgba(88,36,12,.54), 0 13px 28px rgba(0,0,0,.52), 0 0 20px rgba(247,194,53,.14),
               inset 0 1px 0 rgba(255,255,255,.13), inset 0 -2px 0 rgba(0,0,0,.48); }
  /* ---- HOME 视图(默认):藏游戏区+手机CTA;显 banner/jackpot/营销 ---- */
  .rm-inforow-band, .rm-cta-inline, #rm-accordion, #rm-tabs, main.rm-content > .rm-search{ display:none!important; }
  /* ---- CATEGORY 视图 ---- */
  /* ===== 桌面登录 A 方案(2026-08-05) ===== */
  /* [块隐藏] 🔴 此清单 = 下面 body.rm-dt-cat 隐藏的【同一批桌面首页块】。新增桌面首页块时两处都要补:
     本处(authopen) + dt-cat(djackpot=下一行 / dsteps 现有 / dproducts 现有)。 */
  body.rm-authopen #rm-djackpot, body.rm-authopen #rm-dsteps, body.rm-authopen #rm-dproducts,
  body.rm-authopen .rm-banner, body.rm-authopen .maha-ultra-design{ display:none!important; }
  /* [卡片居中] 210 = 页头(row1 ~50 + row2 nav 76)+ 跑马灯(~40)+ 余量 的高度和(魔法数)。
     🔴 页头高度若变,这里跟着改(否则卡片居中会偏,但不会坏)。 */
  #rm-authpage.rm-auth-login.on, #rm-authpage.rm-auth-register.on{ display:flex!important; flex-direction:column; align-items:center; justify-content:center; min-height:calc(100vh - 210px)!important; margin:0 auto!important; max-width:none!important; padding:24px 0!important; }
  /* [② 账户页桌面容器] 非登录/注册的 authpage(账户页 Profile/History/... + 将来存取款页):max-width+居中+左右padding防贴边。
     容器级约束,7(将来更多)页受益,不碰每页内部。收窄①后账户页不再吃 flex-center,落本条。 */
  #rm-authpage.on:not(.rm-auth-login):not(.rm-auth-register){ max-width:600px!important; margin:0 auto!important; padding-left:20px!important; padding-right:20px!important; }
  /* [卡片面板] 恢复站内 .rm-authcard(约531行)的深底+圆角+阴影(登录态本被覆盖掉);金边 rgba(255,211,90)=站内金色系。 */
  #rm-authpage.on .rm-authcard{ width:440px!important; max-width:92vw!important; margin:0 auto!important; background:#10151c!important; border:1px solid rgba(255,211,90,.42)!important; border-radius:18px!important; box-shadow:0 16px 46px rgba(0,0,0,.55)!important; padding:30px 32px 26px!important; }
  /* [顶栏已登录态] 用户名+余额+登出,配色照 .rm-dbtn/.rm-dtop-login。 */
  /* [顶栏改造 286] 贴近真站:①两行(上资讯/下按钮) ②余额纯文字 ③刷新小图标 ⑤MyAccount→Deposit→Logout ⑥Hello/名字拆span待配色。全新 class,不碰 .rm-depicon。 */
  .rm-dtop-user{ display:flex; flex-direction:column; align-items:flex-end; gap:7px; }        /* ① 两行 */
  .rm-dtop-urow1{ display:flex; align-items:center; gap:10px; background:transparent; border:0; border-radius:0; padding:0; }   /* 批header6:去淡白框——真站.mt10无框直接坐header红底上(Gerald"我们比较亮"的元凶) */   /* 变体B(Gerald 拍,逐字同预览):浅底 .06 / border:0(无边线,非1px非transparent) / 加宽 22。内层余额仍纯文字 */
  .rm-dtop-urow2{ display:flex; align-items:center; justify-content:flex-end; gap:9px; }        /* ⑤ 下行按钮靠右 */
  .rm-dtop-hi{ color:rgb(200,194,187); font-family:"Fjalla One",sans-serif; font-size:14px; font-weight:700; }      /* ④两段式(Gerald确认):"Hello," = 现有次要色 */
  .rm-dtop-uname{ color:rgb(255,211,90); font-family:"Fjalla One",sans-serif; font-size:14px; font-weight:800; }   /* 批header6:字重800照真站.j-name */   /* ④两段式(Gerald确认):用户名 = 现有金色强调 */
  .rm-dtop-bal{ color:rgb(255,211,90); font-weight:800; font-family:"Fjalla One",sans-serif; font-size:13px; display:inline-flex; align-items:center; }   /* 批header6:余额cream->金#ffd35a(同用户名)+w800,照真站.g8-bal-total;标签Saldo:仍灰(rm-dtop-bal-lbl自己的色) */   /* ② 纯文字:无底框/无边/无内距,与名字同排版 */
  .rm-dbtn-logout{ display:inline-flex; align-items:center; gap:7px; background:linear-gradient(145deg, rgb(142,24,32), rgb(87,13,19)); color:rgb(255,240,201); border:1px solid rgba(255,112,112,.35); text-transform:uppercase; letter-spacing:.5px; }   /* 批header6:边框金->红rgba(255,112,112,.35)照真站.btns1:not(.openmis);红=语意设计(危险/离开动作用红),不只是像 */
  .rm-dbtn-logout:hover{ background:linear-gradient(145deg, rgb(150,30,35), rgb(65,12,15))!important; border-color:rgba(255,112,112,.55)!important; color:#fff!important; }   /* 批header6:红hover照真站 */   /* ②icon+文字 ③LOGOUT全大写(与旁边统一) */
  .rm-dtop-sep{ color:rgba(255,219,115,.4); font-family:"Fjalla One",sans-serif; font-size:13px; font-weight:400; }   /* ① 竖线分隔符 */
  .rm-dbtn-ic2{ width:16px; height:16px; flex:0 0 auto; }   /* ② MY ACCOUNT/LOGOUT 的 icon 尺寸(照 rm-ddep-ic) */
  .rm-dtop-bal-lbl{ color:rgb(200,194,187); font-weight:600; margin-right:4px; }
  .rm-dtop-refresh{ display:inline-flex; align-items:center; justify-content:center; margin-left:6px; border:0; background:none; color:rgb(255,240,201); cursor:pointer; padding:0; }   /* ④保守:同余额文字色/无框无底/尺寸≤文字高,像"文字旁小符号"非按钮 */
  .rm-dtop-refresh svg{ width:13px; height:13px; display:block; }
  .rm-ddep{ display:inline-flex; align-items:center; gap:7px; background:linear-gradient(145deg, rgb(255,217,107), rgb(233,167,22) 74%); color:rgb(40,24,0); border:1px solid rgb(255,225,154); border-radius:10px; text-transform:uppercase; letter-spacing:.5px; }
  .rm-ddep .rm-ddep-ic{ width:16px; height:16px; }
  .rm-dacct{ display:inline-flex; align-items:center; gap:7px; background:linear-gradient(145deg, rgb(142,24,32), rgb(87,13,19)); color:rgb(255,240,201); border:1px solid rgba(255,255,255,.15); text-transform:uppercase; letter-spacing:.5px; }
  .rm-dtop-user .rm-dbtn{ height:34px; padding:0 12px; border-radius:10px; }   /* 批header6:钮几何34/12/10只作用登入态header(.rm-dtop-user内),不碰登出态LOGIN/DAFTAR;特异度(0,2,0)赢base(0,1,0) */   /* 批header6:边框金->白rgba(255,255,255,.15)照真站.registerbtn:not(.depositbtn) */   /* ②人像icon+文字 */
  body.rm-dt-cat .rm-banner, body.rm-dt-cat #rm-djackpot, body.rm-dt-cat .maha-ultra-design{ display:none!important; }
  body.rm-dt-cat #rm-accordion{ display:block!important; }
  body.rm-dt-cat #rm-accordion .rm-accor-title{ display:none!important; }
  body.rm-dt-cat #rm-accordion .rm-accor{ margin:0!important; }
  body.rm-dt-cat #rm-grid{ display:grid!important; grid-template-columns:repeat(5, 1fr)!important; gap:14px!important; }
  body.rm-authopen.rm-dt-cat #rm-grid{ display:none!important; }   /* gridoff(2026-08-13):overlay(帐户/登录/注册)叠在类目页上时隐藏残留类目内容;特异度(1,2,1)压过1943(1,1,1);配合JR-1后authopen+dt-cat唯一含义=帐户盖类目;不清innerHTML保住slots */
  body.rm-dt-cat .rm-provwrap{ max-width:1040px; margin:0 auto; }
}

/* ===== 2026-07-29 Gerald m1 GAMES 子项竖线+单色icon(改掉横金线+彩色PNG) ===== */
/* 去掉之前的金黄横线 */
.rm-games-sub.rm-games-open{ border-top:0!important; margin-top:0!important; padding-top:4px!important; padding-bottom:4px!important; padding-left:0!important; position:relative; }
/* sub-items 左侧竖直连接线(tree trunk) */
.rm-games-sub.rm-games-open::before{ content:""; position:absolute; left:22px; top:2px; bottom:20px; width:2px; background:rgba(255,206,74,.42); border-radius:2px; }
/* 子项:去彩色PNG背景,留位给竖线+单色icon */
.rm-games-subitem{ position:relative; background-image:none!important; padding:0 14px 0 70px!important; }
/* 每项到竖线的横向小连接(tree branch) */
.rm-games-subitem::after{ content:""; position:absolute; left:22px; top:50%; width:12px; height:2px; background:rgba(255,206,74,.42); }
/* 单色白 icon(CSS mask,accordion SVG 渲成米白,monochrome) */
.rm-games-subitem::before{ content:""; position:absolute; left:38px; top:50%; transform:translateY(-50%); width:22px; height:22px; background-color:rgb(230,224,210); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; }
.rm-games-subitem[data-gamecat="sport"]::before{ -webkit-mask-image:url(/assets/icons/accor/futbol.svg); mask-image:url(/assets/icons/accor/futbol.svg); }
.rm-games-subitem[data-gamecat="slot"]::before{ -webkit-mask-image:url(/assets/icons/accor/gamepad.svg); mask-image:url(/assets/icons/accor/gamepad.svg); }
.rm-games-subitem[data-gamecat="lc"]::before{ -webkit-mask-image:url(/assets/icons/accor/money.svg); mask-image:url(/assets/icons/accor/money.svg); }
.rm-games-subitem[data-gamecat="poker"]::before{ -webkit-mask-image:url(/assets/icons/accor/heart.svg); mask-image:url(/assets/icons/accor/heart.svg); }
.rm-games-subitem[data-gamecat="tangkas"]::before{ -webkit-mask-image:url(/assets/icons/accor/heartbeat.svg); mask-image:url(/assets/icons/accor/heartbeat.svg); }
.rm-games-subitem[data-gamecat="fish"]::before{ -webkit-mask-image:url(/assets/icons/accor/rocket.svg); mask-image:url(/assets/icons/accor/rocket.svg); }
.rm-games-subitem[data-gamecat="others"]::before{ -webkit-mask-image:url(/assets/icons/accor/trophy.svg); mask-image:url(/assets/icons/accor/trophy.svg); }

/* ===== 2026-07-29 Gerald desktop dheader #4/#6/#7 ===== */
@media(min-width:1024px){
  /* #4 header row1 → 红渐变(真站 rgb95,0,16 → rgb176,0,30) */
  .rm-dtop-row1{ background:linear-gradient(180deg, rgb(95,0,16) 0%, rgb(176,0,30) 100%)!important; }
  .rm-dtop-row1 .rm-dtop-in{ padding:16px 10px!important; }
  .rm-dtop-login input::placeholder{ color:rgba(230,225,225,.75); }
  /* #6 内联登录:inputs 上排,Forgot/Remember 下排,LOGIN/DAFTAR 右 */
  .rm-dtop-login{ display:flex!important; align-items:flex-start!important; gap:10px; }
  .rm-dtop-lfields{ display:flex; flex-direction:column; gap:6px; }
  .rm-dtop-linputs{ display:flex; gap:9px; }
  .rm-dtop-lsub{ display:flex; justify-content:space-between; align-items:center; padding:0 2px; }
  .rm-dtop-forgot{ color:rgb(200,194,187)!important; font-size:10px!important; font-weight:600!important; display:inline-flex; align-items:center; gap:4px; }   /* 真站实测 */
  .rm-dtop-forgot::before{ content:"?"; display:inline-flex; align-items:center; justify-content:center; width:11px; height:11px; flex:0 0 auto; border:1px solid rgb(219,170,45); border-radius:50%; color:rgb(219,170,45); font-size:8px; font-weight:700; line-height:1; }   /* ②真站:文字前金色问号 icon(真站是 FontAwesome question-circle rgb(219,170,45) 10px,本站无 FA 故用等效 CSS 圆圈) */
  .rm-dtop-remember{ display:flex; align-items:center; gap:5px; color:rgb(188,182,175); font-size:10px; font-weight:600; cursor:pointer; font-family:"Fjalla One",sans-serif; }   /* 真站实测 */
  .rm-dtop-remember input{ width:13px; height:13px; accent-color:rgb(237,165,20); }
  .rm-dtop-login-btns{ display:flex; gap:9px; }
  .rm-dbtn-login, .rm-dbtn-daftar{ height:35px; font-size:12px!important; font-weight:900!important; text-transform:uppercase; letter-spacing:.66px!important; }   /* 真站实测 */
  .rm-dbtn-daftar{ display:inline-flex; align-items:center; gap:7px; }
  .rm-ddaftar-ic{ width:16px; height:16px; }
  /* #7 nav icon+字 加大(icon 26→38,font 12.5→15) + dashed 分隔 */
  .rm-dnav{ min-height:76px; height:auto; }
  .rm-dnav-item{ font-size:14px!important; font-weight:700!important; gap:7px!important; height:76px!important; border-right:0; }   /* 真站实测:h76/14px/700/无分隔线(真站 li border=0) */
  .rm-dnav-item:last-child{ border-right:0; }
  .rm-dnav-ic{ width:38px!important; height:38px!important; }
}

/* ===== 2026-07-29 Gerald desktop banner+jackpot #8/#9/#10 ===== */
@media(min-width:1024px){
  /* #9 banner full-bleed 100vw(去外框贯穿全宽);#8 banner 本就 <picture> desktop=imageUrl */
  main.rm-content > .rm-banner{ width:100vw!important; max-width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; border-radius:0!important; margin-top:0!important; margin-bottom:22px!important; overflow:hidden; }
  main.rm-content{ padding-top:0!important; }
  .rm-banner .rm-slide img{ width:100%!important; height:100%!important; aspect-ratio:auto!important; object-fit:cover; display:block; }   /* 零裁切:原 height:auto 让 img 自带 aspect-ratio:800/312(2.56) 生效,与桌面图 1800x600(3.0) 不符被 cover 裁掉左右;改填满 .rm-banner 的 3/1 盒 => 同比不裁 */
  /* #10 Progressive Jackpot 复刻真站 CSS(竖金条纹+金边+棕ring;真站 .jackpotNumber computed,无图) */
  /* 真站结构:外框是 ornate bar(1px 金边/radius23),格线只属于右侧数字面板 -> 这里不再放格线 */
  #rm-djackpot{
    background:
      radial-gradient(circle at 8% 50%, rgba(255,197,42,.12), rgba(0,0,0,0) 140px),
      linear-gradient(90deg, rgba(10,5,7,.96), rgba(87,5,13,.94) 56%, rgba(17,4,7,.98))!important;
    background-color:rgb(22,5,7)!important;
    border:1px solid rgba(255,214,79,.68)!important;
    border-radius:23px!important;
    box-shadow:0 14px 28px rgba(0,0,0,.5), 0 0 25px rgba(255,43,42,.12),
               inset 0 1px 0 rgba(255,245,189,.12), inset 0 -1px 0 rgba(255,45,42,.2)!important;
  }
}

/* ===== 2026-07-29 Gerald m2 独立类目页 rm-mcat(手机侧栏 category -> 全屏类目页,首页 accordion 保留) ===== */
#rm-mcat-bar{ display:none; }
@media(max-width:1023px){
  body.rm-mcat #rm-mcat-bar{ display:flex; align-items:center; gap:8px; padding:12px 14px; margin:0 -4px 6px; background:linear-gradient(90deg, rgb(129,18,27), rgb(85,17,21)); position:sticky; top:0; z-index:60; border-bottom:1px solid rgba(255,210,83,.3); }
  #rm-mcat-back{ background:none; border:0; color:#fff; font-size:30px; line-height:1; cursor:pointer; padding:0 6px 3px; font-family:"Fjalla One",sans-serif; }
  #rm-mcat-title{ font-family:"Fjalla One",sans-serif; font-size:18px; color:rgb(255,240,199); text-transform:uppercase; letter-spacing:.5px; }
  /* 类目页:藏首页营销/CTA/banner + accordion 标题 + 非active类目 */
  body.rm-mcat .rm-banner, body.rm-mcat .rm-inforow-band, body.rm-mcat .maha-ultra-design{ display:none!important; }
  body.rm-mcat #rm-accordion .rm-accor-title{ display:none!important; }
  body.rm-mcat #rm-accordion .rm-accor:not(.active){ display:none!important; }
  body.rm-mcat #rm-accordion .rm-accor.active{ margin:0!important; }
}

/* ===== 2026-07-29 Gerald b1 #1树精修+#2 Spribe方形 ===== */
/* #1 GAMES 树精修:去横tick只留竖线;竖线往下延伸接近LOGIN+暗50%;字+icon暗30%+size-2px */
.rm-games-subitem::after{ display:none!important; }   /* 去掉横线tick */
.rm-games-sub.rm-games-open::before{ background:rgba(128,103,37,.55)!important; top:0!important; bottom:2px!important; }   /* 竖线暗50%+延伸到底(接近LOGIN) */
.rm-games-subitem{ color:rgb(163,158,148)!important; font-size:11px!important; }   /* 字暗30%+小2px */
.rm-games-subitem::before{ background-color:rgb(163,158,148)!important; width:20px!important; height:20px!important; }   /* icon暗30%+小2px */
/* #2 Spribe 缩图 → 正方形 */
.rm-spribe-game{ aspect-ratio:1/1!important; }

/* ===== 2026-07-29 Gerald promo #7/#8/#9(frame+PROMOTIONS标题 / chevron展开 / PowerBy) ===== */
/* #8 所有 promo 包大框 + 顶部 PROMOTIONS 标题(Fjalla 数码大写) */
.rm-promo-frame{ margin:10px 8px 4px; border:1px solid rgba(255,211,90,.28); border-radius:14px; background:linear-gradient(145deg, rgba(24,13,16,.96), rgba(8,11,16,.97));   /* 2026-08-24 面板背景对齐真站:整条渐层照抄真站 #content>.container(角度145deg+两个色标),不是只换一个颜色。WHY 判准是【合成后像素】不是 CSS 值 —— 面板半透明,两边底层不同(reskin 底 rgb(9,13,18) 蓝黑 / 真站底 rgb(0,0,0)+纹理),同一个 CSS 值叠上去结果不同,故以截图取像素的 R-B 剖面对齐为准。真站手机与桌面同一条渐层(已实测),故本规则维持全域不 gate。原值 linear-gradient(180deg, rgba(129,18,27,.30), rgba(20,10,12,.45)) */ padding:14px 12px 16px; }
.rm-promo-frame-title{ text-align:center; font-family:"Fjalla One",sans-serif; font-size:21px; text-transform:uppercase; letter-spacing:1px; color:rgb(255,225,150); margin-bottom:14px; }
.rm-promo-frame-title::before{ content:"\1F381  "; }   /* 2026-08-24 还原:v413 曾全域拿掉此 🎁,但那条规则不在桌面断点内,连手机一起改了(超出「桌面对齐」工单范围)。改为只在桌面 @media(min-width:1024px) 内 content:none —— 手机维持原装饰 */
/* #7 promo 卡:frame + 右下角 chevron 展开 description(accordion) */
.rm-promo-frame .rm-rw-list{ display:flex; flex-direction:column; gap:12px; }
.rm-promo-frame .rm-rw-card{ position:relative; border:1px solid rgba(255,211,90,.24)!important; border-radius:10px!important; overflow:hidden!important; background:linear-gradient(145deg, rgb(18,24,32), rgb(10,7,9))!important; height:auto!important; aspect-ratio:auto!important; }
.rm-rw-banner{ position:relative; }
.rm-promo-frame .rm-rw-img{ width:100%!important; height:auto!important; display:block; position:static!important; }
.rm-rw-chev{ position:absolute; right:9px; bottom:9px; z-index:4; width:30px; height:30px; border-radius:50%; border:1px solid rgba(255,211,90,.55); background:rgba(0,0,0,.45); color:rgb(255,215,110); font-size:15px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .22s; }
.rm-rw-card--open .rm-rw-chev{ transform:rotate(180deg); }
.rm-rw-desc{ max-height:0; overflow:hidden; transition:max-height .32s ease; background:rgba(0,0,0,.34); }
.rm-rw-card--open .rm-rw-desc{ max-height:1400px; }
.rm-rw-desc .rm-promo-content{ padding:14px; color:rgb(222,217,209); font-size:13px; line-height:1.65; font-family:"Fjalla One",sans-serif; }
/* #9 promo 页最下 Power By */
.rm-promo-powerby{ margin:14px 8px 10px; padding:11px 8px; background:rgb(43,43,43); text-align:center; color:rgb(237,237,237); font-size:14px; font-family:"Fjalla One",sans-serif; border-radius:6px; }
/* promo 卡:图片已有promo文字,隐藏叠加title/pill/shade(同真站,图说话) */
.rm-promo-frame .rm-rw-title, .rm-promo-frame .rm-rw-pill, .rm-promo-frame .rm-rw-shade, .rm-promo-frame .rm-rw-shine{ display:none!important; }

/* ===== 2026-07-29 Gerald afterlogin #3/#4/#5 ===== */
/* #3 侧栏钱包余额块(Hello username + IDR余额 + 刷新 + 金币,只读复用balance) */
body.rm-authed .rm-side-wallet.rm-auth-only{ display:block!important; }
.rm-side-wallet{ margin:0 0 6px; padding:12px 14px; border-radius:12px; background:linear-gradient(135deg, rgba(129,18,27,.5), rgba(55,9,14,.62)); border:1px solid rgba(255,210,83,.28); }
.rm-side-wallet-hi{ display:flex; justify-content:space-between; align-items:baseline; font-family:"Fjalla One",sans-serif; font-size:14px; color:rgb(230,223,209); margin-bottom:7px; letter-spacing:.3px; }   /* 真站:Hello 灰靠左 + 用户名靠最右 */
.rm-side-wallet-hi b{ color:rgb(255,209,93); font-weight:800; font-size:13px; }   /* 真站实测:用户名金粗体13 */
.rm-side-wallet-row{ display:flex; align-items:center; gap:8px; }
.rm-side-coin{ font-size:18px; line-height:1; }
.rm-side-bal-amt{ font-family:"Fjalla One",sans-serif; font-size:14px; color:rgb(255,232,150); }
.rm-side-cur{ font-size:12px; color:rgb(200,196,190); }
.rm-side-refresh{ margin-left:auto; background:rgba(255,255,255,.08); border:1px solid rgba(255,210,83,.32); color:rgb(255,215,110); width:24px; height:24px; border-radius:50%; font-size:13px; line-height:1; cursor:pointer; }   /* Gerald:frame 缩小 30->24 更精致 */
/* #4 header 去掉钱包余额(移到侧栏);只留 deposit + 汉堡,不重叠 */
body.rm-authed .rm-wpill{ display:none!important; }
body.rm-authed #rm-auth-area{ gap:8px; }
/* #5 登录后 CTA:Deposit 左 | Withdraw 右(去 row-reverse) */
body.rm-authed .rm-cta-inline{ flex-direction:row!important; }

/* ===== 2026-07-29 Gerald forms #6/#10 deposit/withdraw 换皮(纯视觉;提交/金额/通道逻辑未碰) ===== */
.rm-pay-page{ background:linear-gradient(180deg, rgb(42,10,13) 0%, rgb(24,8,10) 60%, rgb(16,7,9) 100%)!important; min-height:calc(100vh - 65px); padding-bottom:18px!important; }
.rm-pay-page, .rm-pay-page *{ font-family:"Fjalla One",sans-serif !important; }   /* 全 Fjalla 数码风 */
.rm-pay-page .rm-page-chip{ color:rgb(255,232,150)!important; letter-spacing:.5px; }
.rm-pay-page::after{ content:"Power By [ Japan Netgaming Corp ]"; display:block; margin:16px 8px 6px; padding:11px 8px; background:rgb(43,43,43); text-align:center; color:rgb(237,237,237); font-size:14px; border-radius:6px; }

/* ===== 2026-07-29 闪屏修 rm-grid-loading(类目切换时旧内容降透明保留,不清空成Loading空帧) ===== */
.rm-grid-loading{ opacity:.5; transition:opacity .14s ease; pointer-events:none; }

/* ===== 2026-07-29 Gerald btnfx 全站按钮 hover/active 预选态(统一变亮+scale+卡片抬升阴影) ===== */
.rm-btn, .rm-cta-btn, .rm-dbtn, .rm-chip, .rm-slotcard, .rm-dnav-item, .rm-tab, .rm-bn-item, .rm-pg-btn, .rm-modal-submit, .rm-switch-btn, .rm-menu-item, .rm-games-subitem, .rm-games-head, .rm-rw-chev, .rm-fbtn, .rm-side-topup, .rm-side-wd, .rm-join-btn, .rm-prov-arrow, .rm-depicon, .rm-side-refresh, .rm-mcat-back, .rm-regtab, .rm-eye, .rm-entrypop-ok, .rm-rwd-nav, .rm-page-chip, .rm-back-pill, .rm-rw-card{ transition:filter .14s ease, transform .1s ease, box-shadow .16s ease; }
@media(hover:hover){
  .rm-btn:hover, .rm-cta-btn:hover, .rm-dbtn:hover, .rm-dnav-item:hover, .rm-tab:hover, .rm-pg-btn:hover, .rm-modal-submit:hover, .rm-switch-btn:hover, .rm-menu-item:hover, .rm-games-subitem:hover, .rm-games-head:hover, .rm-rw-chev:hover, .rm-fbtn:hover, .rm-side-topup:hover, .rm-side-wd:hover, .rm-join-btn:hover, .rm-prov-arrow:hover, .rm-depicon:hover, .rm-side-refresh:hover, .rm-mcat-back:hover, .rm-regtab:hover, .rm-eye:hover, .rm-entrypop-ok:hover, .rm-rwd-nav:hover, .rm-back-pill:hover{ filter:brightness(1.12); }
  .rm-chip:hover, .rm-slotcard:hover, .rm-rw-card:hover{ transform:translateY(-2px); box-shadow:0 7px 18px rgba(0,0,0,.42); filter:brightness(1.05); }
}
.rm-btn:active, .rm-cta-btn:active, .rm-dbtn:active, .rm-dnav-item:active, .rm-tab:active, .rm-bn-item:active, .rm-pg-btn:active, .rm-modal-submit:active, .rm-switch-btn:active, .rm-menu-item:active, .rm-games-subitem:active, .rm-games-head:active, .rm-rw-chev:active, .rm-fbtn:active, .rm-side-topup:active, .rm-side-wd:active, .rm-join-btn:active, .rm-prov-arrow:active, .rm-depicon:active, .rm-side-refresh:active, .rm-mcat-back:active, .rm-regtab:active, .rm-eye:active, .rm-entrypop-ok:active, .rm-rwd-nav:active, .rm-back-pill:active, .rm-chip:active, .rm-slotcard:active{ transform:scale(.955); filter:brightness(1.06); }
.rm-chip:active, .rm-slotcard:active{ transform:scale(.97); }
/* 去重复底部 Keluar(rodabet menu 已含 LOGOUT) */
.rm-menu-card:has(.rm-logout-item){ display:none!important; }
.rm-logout-item{ display:none!important; }

/* ===== 2026-07-30 Gerald btnfx2 强化预选(一眼看出按下了:scale.92+glow边框+明显亮暗) ===== */
.rm-btn:active, .rm-cta-btn:active, .rm-dbtn:active, .rm-dnav-item:active, .rm-tab:active, .rm-bn-item:active, .rm-pg-btn:active, .rm-modal-submit:active, .rm-switch-btn:active, .rm-menu-item:active, .rm-games-subitem:active, .rm-games-head:active, .rm-rw-chev:active, .rm-fbtn:active, .rm-side-topup:active, .rm-side-wd:active, .rm-join-btn:active, .rm-prov-arrow:active, .rm-depicon:active, .rm-side-refresh:active, .rm-mcat-back:active, .rm-regtab:active, .rm-eye:active, .rm-entrypop-ok:active, .rm-rwd-nav:active, .rm-back-pill:active, .rm-chip:active, .rm-slotcard:active{ transform:scale(.92)!important; filter:brightness(1.18) saturate(1.1)!important; box-shadow:inset 0 0 0 2px rgba(255,216,96,.6), 0 0 16px rgba(255,190,60,.5)!important; }
@media(hover:hover){
  .rm-btn:hover, .rm-cta-btn:hover, .rm-dbtn:hover, .rm-dnav-item:hover, .rm-tab:hover, .rm-pg-btn:hover, .rm-modal-submit:hover, .rm-switch-btn:hover, .rm-menu-item:hover, .rm-games-subitem:hover, .rm-games-head:hover, .rm-rw-chev:hover, .rm-fbtn:hover, .rm-side-topup:hover, .rm-side-wd:hover, .rm-join-btn:hover, .rm-prov-arrow:hover, .rm-depicon:hover, .rm-side-refresh:hover, .rm-mcat-back:hover, .rm-regtab:hover, .rm-eye:hover, .rm-entrypop-ok:hover, .rm-rwd-nav:hover, .rm-back-pill:hover{ filter:brightness(1.2) saturate(1.08)!important; box-shadow:0 0 0 1px rgba(255,214,90,.4), 0 4px 14px rgba(0,0,0,.35)!important; }
  .rm-chip:hover, .rm-slotcard:hover, .rm-rw-card:hover{ transform:translateY(-4px)!important; box-shadow:0 10px 28px rgba(0,0,0,.5), 0 0 16px rgba(255,190,60,.35)!important; filter:brightness(1.08)!important; }
}

/* ===== 2026-07-30 Gerald after6 #1/#2/#5/#6 侧栏精修 ===== */
/* #1 wallet 框内 bg 调暗(对齐真站登录态,红味降低更暗) */
.rm-side-wallet{ background:linear-gradient(135deg, rgba(46,12,15,.55), rgba(15,8,10,.72))!important; }
/* #2 wallet amount 区重排:两 pill 并排(balance+refresh / token 🪙+amount),amount 字号 -5px(21->16) */
.rm-side-wallet-row{ display:flex!important; gap:8px; align-items:stretch; }
.rm-side-pill{ display:flex; align-items:center; gap:6px; background:rgba(0,0,0,.34); border:1px solid rgba(255,210,83,.30); border-radius:9px; padding:7px 9px; }
.rm-side-pill-bal{ flex:1 1 auto; min-width:0; }
.rm-side-pill-token{ flex:0 0 auto; }
.rm-side-bal-amt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }   /* font-size 已并入权威条 */
.rm-side-token{ font-family:"Fjalla One",sans-serif; font-size:16px; color:rgb(255,232,150); }
.rm-side-coin{ font-size:15px; }
/* #5 侧栏 Deposit/Withdraw 按钮移除(真站侧栏没有,钱包块下直接是 menu) */
body.rm-authed .rm-side-topbtns.rm-auth-only{ display:none!important; }
/* #6 LOGOUT 红色(真站 logout 红边红底) */
.rm-menu-card .rm-menu-item[data-nav="logout"]:not(.rm-logout-item){ background:linear-gradient(135deg, rgba(157,20,30,.42), rgba(90,12,18,.5))!important; border:1px solid rgba(220,60,60,.55)!important; }
.rm-menu-card .rm-menu-item[data-nav="logout"]:not(.rm-logout-item) span{ color:rgb(255,150,150)!important; }
.rm-menu-card .rm-menu-item[data-nav="logout"]:not(.rm-logout-item) .rm-ic{ background:rgb(255,120,120)!important; }
/* #4 after-login GAMES 树:sub 在菜单卡内的竖线/单色icon 复用 m1 那套(rm-games-sub 通用) */
.rm-games-sub-auth{ padding-bottom:6px; }

/* ===== 2026-07-30 Gerald after A-polish #A1-A6 侧栏 ===== */
/* A1 balance amount font -3px(16->13) + balance 框缩小 */
/* clean: bal-amt font-size 已并入唯一权威条(下方 14px) */
.rm-side-pill{ padding:5px 8px!important; }
.rm-side-pill-bal{ gap:5px!important; }
/* A2 IDR 放数字前,style/size/color 跟数字完全一样 */
.rm-side-cur{ font-size:13px!important; color:rgb(255,232,150)!important; font-family:"Fjalla One",sans-serif!important; }
/* A3 refresh:去border + 圆角正方形 + 箭头转90度 */
.rm-side-refresh{ border:0!important; border-radius:6px!important; transform:rotate(90deg); background:rgba(255,255,255,.1)!important; padding:0!important; }   /* radius 跟着缩 7->6 */
/* A4 token:金币+$ + 整个 icon+amount -6px */
.rm-side-coin{ display:inline-flex!important; align-items:center; justify-content:center; width:15px; height:15px; border-radius:50%; background:linear-gradient(135deg,#ffe291,#dfa11e); color:#6e4300; font-size:10px!important; font-weight:800; font-family:Arial,sans-serif!important; line-height:1; }
.rm-side-token{ font-size:10px!important; }
.rm-side-pill-token{ padding:4px 7px!important; }
/* A6 侧栏项预选:hover/active 微突出+亮一层暗红 */
/* Gerald清理:旧红渐变2049 neutralize(并入统一solid深红) */
/* Gerald清理:旧红渐变2050 neutralize(并入统一solid深红) */

/* ===== 2026-07-30 Gerald D1/D3 banner按钮+search ===== */
/* D1 main banner 下 CTA 按钮(Login|Daftar / Deposit|Withdraw)预选微微上移 */
.rm-cta-inline .rm-cta-btn:hover, .rm-cta-inline .rm-btn:hover{ transform:translateY(-3px)!important; }
.rm-cta-inline .rm-cta-btn:active, .rm-cta-inline .rm-btn:active{ transform:translateY(-1px) scale(.98)!important; }
/* D3 "Cari Permainan":字 -5px + 更细 + 放大镜 icon +50% */
.rm-search.rm-search-below input, .rm-search.rm-search-below input::placeholder{ font-size:13px!important; font-weight:300!important; letter-spacing:.2px; }
.rm-search.rm-search-below .rm-search-icon, .rm-search.rm-search-below img, .rm-search.rm-search-below svg{ width:18px!important; height:18px!important; opacity:.85; }

/* ===== 2026-07-30 Gerald D4 非slot provider 行列表(名+Play Now,照真站) ===== */
.rm-grid.rm-prow-list{ display:flex!important; flex-direction:column; gap:8px; grid-template-columns:none!important; }
.rm-prow{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 14px; background:linear-gradient(135deg, rgba(24,28,36,.92), rgba(14,10,12,.92)); border:1px solid rgba(255,211,90,.22); border-radius:10px; cursor:pointer; }
.rm-prow-left{ display:flex; align-items:center; gap:11px; min-width:0; }
.rm-prow-logo{ width:34px; height:34px; object-fit:contain; flex:0 0 auto; }
.rm-prow-name{ font-family:"Fjalla One",sans-serif; font-size:15px; color:rgb(238,233,223); text-transform:uppercase; letter-spacing:.3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rm-prow-play{ flex:0 0 auto; border:0; border-radius:7px; padding:8px 20px; background:linear-gradient(180deg, rgb(255,214,90), rgb(237,165,20)); color:rgb(58,20,20); font-family:"Fjalla One",sans-serif; font-weight:700; font-size:13px; cursor:pointer; text-transform:uppercase; letter-spacing:.5px; }
.rm-prow-soon .rm-prow-play{ background:rgba(255,255,255,.1); color:rgb(200,196,190); }

/* ===== 2026-07-30 Gerald B1 header deposit 按钮 icon上+字下 ===== */
.rm-depicon.rm-depicon-lbl{ display:flex!important; flex-direction:column; align-items:center; justify-content:center; gap:1px; height:auto!important; min-height:48px; border-radius:12px!important; padding:4px 6px!important; }   /* zhenzhan gao48 + radius12 */
.rm-depicon.rm-depicon-lbl img{ width:22px!important; height:22px!important; }
.rm-depicon-txt{ font-family:"Fjalla One",sans-serif; font-size:9px; font-weight:800; line-height:1; color:var(--pa-deposit-fg,#3a1414); text-transform:uppercase; letter-spacing:.3px; }   /* zhenzhan 9px/800 */

/* ===== 2026-07-30 Gerald B3 My Account 合并页(My Profile 表 + Change Password) ===== */
.rm-macct-sec{ margin:14px 4px; padding:16px; border:1px solid rgb(63,69,78); border-radius:14px; background-image:linear-gradient(145deg, rgb(20,24,31), rgb(12,15,20) 74%); }   /* 2026-08-03 真站实测照抄(commander 用 Gerald 登录态 console 量的 lv2 .tab-pane):
      卡片本体是【深灰蓝 145deg 不透明】,不是红。之前几轮把它当"深红外框"调,方向就错了 —— 深红其实是页面底色(见下方 .rm-macct-page)。
      实测原值:background-image linear-gradient(145deg, rgb(20,24,31), rgb(12,15,20) 74%) / border 1px rgb(63,69,78) / radius 14px / padding 16px */
.rm-macct-h{ display:flex; align-items:center; gap:8px; font-family:"Fjalla One",sans-serif; font-size:19px; font-weight:700; color:rgb(255,240,185); text-transform:none; letter-spacing:.3px; margin-bottom:0; padding-bottom:12px; background:transparent; }   /* 真站:标题在卡外,19px w700 rgb(255,240,185),icon 金另设 */
.rm-macct-ico{ width:17px; height:17px; flex:0 0 auto; color:rgb(255,205,74); fill:rgb(255,205,74); }
/* ② 2026-08-03 真站【移动版】逐行实测:
     行1  bdT=1px rgb(63,69,78)  bdB=0  bdL/R=1px  radius=10px 10px 0 0  m=0  p=11px 12px
     行2-5 bdT=0 bdB=0 bdL/R=1px  radius=0  m=0  p=11px 12px
     全部 5 行 background-image = linear-gradient(145deg, rgba(27,32,39,.92), rgba(15,18,24,.94))
     行间 gap 全 0(紧贴)
   => "行之间没有线" 的成因不是去掉 border,而是【中间行上下边框都是 0,只剩左右竖边】,
      五行紧贴拼成一个敞口盒;末行连底边都没有 => 这就是 "frame 下面没有 border"。
   ⚠️ .rm-prow 是共用 class(首页 provider 列表 app.js:1013 也在用),
      本规则已 scoped 在 .rm-macct-sec 下,不会波及。 */
.rm-macct-sec .rm-prow{
  display:flex!important; justify-content:flex-start!important; align-items:center!important;
  height:42px!important; box-sizing:border-box!important; min-height:0!important;
  margin:0!important; padding:11px 12px!important;
  border:0!important;
  border-left:1px solid rgb(63,69,78)!important;
  border-right:1px solid rgb(63,69,78)!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:linear-gradient(145deg, rgba(27,32,39,.92), rgba(15,18,24,.94))!important;
}   /* 真站两列式:label 左列 + value 45% 处左对齐。2026-08-03 Gerald:行分隔线收淡 .07->.045 */
/* 末行:真站【连底边都没有】,盒子底部敞开 —— 不加 border-bottom,也不加圆角 */
.rm-macct-sec .rm-prow:last-child{ border-bottom:0!important; border-radius:0!important; }
.rm-macct-sec .rm-prow span{ flex:0 0 45%; color:rgb(236,236,239); font-size:13px; font-weight:700; }   /* 真站:label 白粗体,占左列 45% */
.rm-macct-sec .rm-prow b{ flex:1 1 auto; min-width:0; color:rgb(174,176,182)!important; font-family:"Fjalla One",sans-serif; font-size:13px; font-weight:400; text-align:left; }   /* 真站:value 浅灰13 w400 左对齐 */

/* ===== 2026-07-30 Gerald C deposit UI (min/max表/notice/tipe toggle) ===== */
.rm-dep-mmtable{ margin:4px 4px 10px; border:1px solid rgb(68,73,82); border-radius:13px; overflow:hidden; }   /* 真站实测:border rgb(68,73,82) / radius13(overflow:hidden => 首行顶圆角+末行底圆角) */
.rm-dep-mmrow{ display:flex; justify-content:space-between; align-items:center; min-height:46px; padding:3px 12px; border-bottom:1px solid rgb(68,73,82); background:linear-gradient(145deg, rgb(24,27,33), rgb(17,19,25)); }   /* 真站实测:深灰渐变/行高46/pad 3px 12px */
.rm-dep-mmrow:last-child{ border-bottom:0; }
.rm-dep-mmlabel{ display:flex; align-items:center; gap:6px; font-family:"Fjalla One",sans-serif; font-size:12px; font-weight:700; color:rgb(233,233,235); }   /* 真站实测:12px/rgb(233,233,235)/700 */
.rm-dep-mmlabel img,.rm-dep-mmlabel svg{ width:18px; height:18px; }
.rm-dep-mmval{ font-size:12px; color:rgb(255,224,154); font-family:"Fjalla One",sans-serif; white-space:nowrap; }
.rm-dep-notice{ margin:0 4px 10px; border:1px solid rgba(255,211,90,.2); border-radius:10px; overflow:hidden; }
.rm-dep-notice-h{ display:flex; justify-content:space-between; align-items:center; padding:7px 12px 3px; cursor:pointer; font-family:"Fjalla One",sans-serif; font-size:13px; color:rgb(255,224,154); background:rgba(129,18,27,.25); }
.rm-dep-notice-arw{ transition:transform .2s; font-style:normal; }
.rm-dep-notice.rm-dep-notice-open .rm-dep-notice-arw{ transform:rotate(180deg); }
.rm-dep-notice-b{ max-height:0; overflow:hidden; transition:max-height .25s ease; padding:0 12px; font-size:11px; line-height:1.35; color:rgb(169,169,173); font-weight:400; text-align:center; }   /* Gerald 纠正:真站双色细字,基色=灰;前半青见 .rm-dep-nb-pre */
.rm-dep-nb-pre{ color:rgb(0,128,0); font-weight:400; }      /* 真站:"Depo Cepat / PowerPG" 青绿细字 */
.rm-dep-nb-brk{ color:rgb(169,169,173); font-weight:400; }  /* 真站:"[ QRIS, OVO, DANA ]" 灰细字 */
.rm-dep-notice.rm-dep-notice-open .rm-dep-notice-b{ max-height:240px; padding:4px 12px 8px; }   /* Gerald③:标题↔描述 gap 压紧 */
.rm-deptipe{ display:flex; gap:8px; margin:0 4px 12px; }
.rm-deptipe-btn{ flex:1 1 0; min-width:0; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:6px; height:43px; padding:0 18px 0 14px; border:1px solid rgba(255,211,90,.3); border-radius:11px; background:rgba(255,255,255,.05); color:rgb(206,202,196); font-family:"Fjalla One",sans-serif; font-size:14px; letter-spacing:.3px; cursor:pointer; }
/* 清理:旧 <small>(OTOMATIS) 已换成药丸徽章,规则移除 */
.rm-deptipe-btn.on{ background:var(--pa-primary); color:var(--pa-primary-fg); border-color:transparent; }

/* ===== 2026-07-30 Gerald GAMES子项 #2去框黄+#3收间隙 ===== */
/* #3 category 间隙收窄~70%(行高 46->34,icon 28->24 适配) */
.rm-games-subitem{ line-height:34px!important; background-size:auto 24px!important; }
.rm-games-sub.rm-games-open{ padding-top:2px!important; padding-bottom:2px!important; }
.rm-games-subitem::before{ width:18px!important; height:18px!important; }
/* #2 hover/active:去框(无bg/无border/无scale/无glow) + 黄色高亮(字+icon),🔴 不碰竖线(竖线在 .rm-games-sub::before,子项hover不影响它) */
.rm-games-subitem:hover, .rm-games-subitem:active{ background:transparent!important; background-color:transparent!important; background-image:none!important; transform:none!important; box-shadow:none!important; border:0!important; border-color:transparent!important; color:rgb(232,184,60)!important; }
.rm-games-subitem:hover::before, .rm-games-subitem:active::before{ background-color:rgb(232,184,60)!important; }   /* icon 同字色=侧栏 GAME PROVIDER 标题色 */

/* ===== 2026-07-30 Gerald #5 banner 卡(侧栏类目页,2列图卡) ===== */
.rm-grid.rm-pcard-grid{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; }
.rm-pcard-banner{ border-radius:11px; overflow:hidden; background:rgba(20,14,16,.6); border:1px solid rgba(255,211,90,.2); cursor:pointer; }
.rm-pcard-img{ position:relative; aspect-ratio:2/1; background:rgba(0,0,0,.3); }
.rm-pcard-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.rm-pcard-txt{ display:flex; align-items:center; justify-content:center; height:100%; font-family:"Fjalla One",sans-serif; font-size:14px; color:rgb(238,233,223); text-align:center; padding:8px; text-transform:uppercase; }
.rm-pcard-play{ width:100%; border:0; padding:8px; background:linear-gradient(180deg, rgb(255,214,90), rgb(237,165,20)); color:rgb(58,20,20); font-family:"Fjalla One",sans-serif; font-weight:700; font-size:12px; letter-spacing:.5px; text-transform:uppercase; cursor:pointer; }
.rm-pcard-soon .rm-pcard-play{ background:rgba(255,255,255,.1); color:rgb(200,196,190); }

/* ===== 2026-07-30 Gerald A:1-7 视觉批(非deposit) ===== */

/* #1 popup 照 rodabet:logo顶 + 列点 + Terbaru红 + link黄 + 半透明黑框 + 白OK + 同透明度(真站 backdrop.in opacity .5 / modal 金边 rgb255,210,0 radius6) */
.rm-pop-ov{ background:rgba(0,0,0,.5)!important; }
.rm-entrypop{ background:rgba(0,0,0,.82)!important; border:1px solid rgb(255,210,0)!important; border-radius:6px!important; box-shadow:0 3px 9px rgba(0,0,0,.5)!important; max-width:340px!important; padding:20px 20px 18px!important; }
.rm-entrypop-logo{ display:block!important; width:auto!important; height:40px!important; margin:0 auto 14px!important; border-radius:0!important; }
.rm-entrypop .rm-entrypop-body{ color:#e7e3df!important; }
.rm-entrypop-ok{ background:#ffffff!important; color:#1a1a1a!important; }
.rm-pop-list{ text-align:left; }
.rm-pop-hd{ text-align:center; font-size:15px; margin-bottom:10px; color:#fff; }
.rm-pop-terbaru{ color:#ff4d4d!important; font-weight:800; }
.rm-pop-list ul{ list-style:disc; padding-left:20px; margin:0; }
.rm-pop-list li{ margin:6px 0; color:#e7e3df; font-size:13px; line-height:1.55; }
.rm-pop-list a.rm-pop-alink{ color:#ffd23c!important; text-decoration:none; }

/* #2 footer 选中/预选 highlight:加宽 + 黄色 border 围着(真站底部 nav active) */
.rm-bottomnav .rm-bn-active{ min-width:76px!important; border:1px solid rgba(255,205,74,.72)!important; border-radius:10px!important; padding:2px 5px!important; }

/* #3 D4 sheet 纸列表:去 provider thumbnail(只留 名+Play Now,照真站 sheet-list) */
.rm-prow-logo{ display:none!important; }

/* #4 + #6 合并修:侧栏主菜单项 hover/active = 真站内嵌高亮(暖红渐变+inset金边),
   去掉外扩 box-shadow glow —— 那 glow 被父卡 .rm-menu-card(overflow:hidden radius18) 从四边裁掉=Gerald说的"边被吃掉";
   inset 阴影画在盒内永不被裁。真站值:linear-gradient(135deg,rgba(139,22,31,.62),rgba(73,12,18,.72)) + 1px rgba(255,205,63,.4) */
/* Gerald清理:旧红渐变+inset金边块已并入下方统一 solid 深红,neutralize(留空防重复背景) */

/* #5 main banner 下两按钮:字 + icon 各 -3px */
.rm-cta-inline .rm-btn, .rm-cta-btn{ font-size:17px!important; }
.rm-cta-inline .rm-btn-ic{ width:35px!important; height:35px!important; }

/* #7 侧栏钱包重排:IDR+amount 置中(去 refresh 的 margin-left:auto), Amount bar 缩窄, Token bar 加宽 */
.rm-side-pill-bal{ justify-content:center!important; }
.rm-side-pill-bal .rm-side-refresh{ margin-left:auto!important; }   /* 真站:⟳ 紧贴 pill 右缘(数字左/中间留空) */
.rm-side-pill-token{ flex:0 0 auto!important; padding-left:18px!important; padding-right:18px!important; justify-content:center!important; }


/* ===== deposit-v2 方案B 皮 #8-#18(提案,部署时 append app.css) ===== */

/* #10 "Tipe Pembayaran" 标 —— 数码风字体 */
.rm-dep-tipelbl{ font-family:"Orbitron","Fjalla One",sans-serif!important; letter-spacing:1px; text-transform:none; color:rgb(255,255,255); }   /* Gerald:标签改白(原金 rgb(255,224,154)),与同级 label 统一 */

/* #11/#12 DEPO CEPAT/DEPOSIT toggle —— 黄粗框,选中黄底/未选深黑底(照真站) */
.rm-deptipe-btn{ border:2px solid rgb(255,211,90)!important; background:linear-gradient(145deg, rgb(21,26,33), rgb(13,17,23))!important; color:rgb(239,239,241)!important; }   /* 真站实测:未选态 */
.rm-deptipe-btn.on{ background:linear-gradient(135deg, rgb(255,210,91), rgb(237,165,20))!important; color:rgb(17,19,23)!important; border-color:rgb(242,185,40)!important; }   /* 真站实测:选中态 */

/* #13 Metode Pembayaran 下拉皮(照 rm-field-select) */
.rm-dep-metwrap{ position:relative; background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; height:auto!important; box-shadow:none!important; margin-bottom:12px; }   /* Gerald:去掉 .rm-field 外框,只留 select 一层框(原双层框中框) */
.rm-dep-metwrap select{ width:100%; appearance:auto; -webkit-appearance:auto; background:rgba(12,16,22,.82); border:2px solid rgb(85,89,95); border-radius:12px; height:52px; padding:0 12px 0 54px; color:rgb(238,238,239); font-size:14px; font-weight:400; outline:none; }   /* height52:与 Jumlah/Promosi 同高族 */   /* 真站实测:灰2px边/radius12/原生箭头/字 rgb(238,238,239) 14px */
.rm-dep-metwrap .rm-arrow.rm-down{ display:none!important; }   /* ②真站用原生 select 箭头,去掉自定义 glyph */

/* #16 Jumlah (IDR) 输入 + #17 focus→黄框(整表单被操作的框都变黄) */
.rm-pay-page input:focus, .rm-pay-page select:focus, .rm-pay-page .rm-field:focus-within, .rm-pay-page .rm-amt-box:focus-within, .rm-pay-page .rm-dep-metwrap:focus-within{ border-color:rgb(255,205,74)!important; box-shadow:0 0 0 1px rgba(255,205,74,.6)!important; outline:none; }

/* #18 PROCESS 按钮(预选微突) */
#rm-dep-do{ letter-spacing:1px; }
#rm-dep-do:active{ transform:scale(.98); }
/* 2026-08-21 C(btn-gate): PROCESS 的 disabled 视觉。对齐提款侧既有语汇
   (.rm-wd-confirm:disabled 与 .rm-wd-page #rm-wd-do[disabled] 都是 opacity .55)。
   放全局区不放 @media: 手机与桌面同一套语义。桌面 .rm-pay-page #rm-dep-do 那条虽满是
   !important, 但它没有设过 opacity(实测 app.css 里 rm-dep-do 相关 opacity 命中=0),
   故此处无需 !important 即生效。本规则只用属性选择器, 不使用 has 关系选择器。 */
#rm-dep-do[disabled]{ opacity:.55; cursor:default; }
#rm-dep-do[disabled]:active{ transform:none; }

/* #8 min/max 表:左圆角方框border+icon、中小黄arrow、右灰min/max(现结构 label=icon+文字 / val=灰字;加方框+箭头) */
.rm-dep-mmrow{ position:relative; }
.rm-dep-mmlabel{ gap:8px; }
.rm-dep-mmlabel img,.rm-dep-mmlabel svg,.rm-dep-mmlabel .rm-chantab-ico{ padding:5px; border:1px solid rgba(255,210,83,.28); border-radius:8px; background:rgba(0,0,0,.42); box-sizing:content-box; color:rgb(255,205,74); fill:rgb(255,205,74); }   /* #5 Gerald:icon 金黄(原随label偏白)+框更暗 */
.rm-dep-mmlabel::after{ content:"\203A"; color:rgb(130,126,120); font-family:"Fjalla One",sans-serif; font-size:16px; margin-left:4px; }   /* #7 Gerald:› 灰色(原金) */
.rm-dep-mmval{ color:rgb(169,169,173)!important; font-size:10.5px!important; font-weight:400!important; }   /* 真站实测:10.5px/rgb(169,169,173)/400 */

/* #9 notice:青色圆勾 METODE PEMBAYARAN + minimize;框有色差无border(现 rm-dep-notice 有 border→去掉,加青勾) */
.rm-dep-notice{ border:0!important; background:linear-gradient(180deg, rgba(78,52,16,.58), rgba(52,34,10,.58))!important; }   /* #4 暖棕/琥珀底(未实测真站,按描述落值) */
.rm-dep-notice-h{ position:relative; background:transparent!important; color:rgb(232,184,60)!important; font-size:16px!important; font-weight:800!important; text-transform:uppercase!important; letter-spacing:.5px; justify-content:center!important; }   /* #1+#5 金/16px/800/大写/居中 */
.rm-dep-notice-h::before{ content:"\2714"; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; margin-right:7px; border-radius:50%; background:rgb(0,128,0); color:rgb(255,255,255); font-size:11px; flex:0 0 auto; }   /* #6 勾改绿(未实测真站,取与描述同族绿) */
/* minimize 键(点了收起整条 notice) —— 需 JS 加一个 X;这里预留样式 */
.rm-dep-notice-min{ position:absolute; right:8px; top:50%; transform:translateY(-50%); margin-left:0; cursor:pointer; color:rgb(180,176,170); font-size:16px; line-height:1; padding:0 4px; }   /* #5 − 移出流,标题才能真居中 */
.rm-dep-notice.rm-dep-notice-hide{ display:none!important; }

/* 【自审咬出】方案B:flat Metode 下拉已选具体账号 → 隐藏旧"Select Bank"二级下拉(label+trigger+pop),
   保留 rm-dep-recv 账号详情(手动转账要看收款号)。pickRecv 仍填 rm-dep-bklabel(隐藏元素)+rm-dep-recv,不崩。 */
#rm-dep-btfbank > .rm-sec-label{ display:none!important; }
#rm-dep-bkt, #rm-dep-bkpop{ display:none!important; }

/* ===== 2026-07-30 Gerald 5项(popup BO verbatim/框/白列表/按钮/橙侧栏) ===== */

/* #1 BO loginText 富HTML verbatim 渲染(自带 <h1><img>logo + <ul><li> 列点 + inline color) */
.rm-entrypop-body h1{ margin:0 0 6px; text-align:center; }
.rm-entrypop-body img{ width:auto!important; max-width:100%; max-height:66px; height:auto; margin:0 auto; display:inline-block; }
.rm-entrypop-body ul{ list-style:disc; padding-left:20px; margin:8px 0 0; text-align:left; }
.rm-entrypop-body li{ margin:6px 0; line-height:1.5; }
.rm-entrypop-body a{ color:#ffd23c!important; text-decoration:none; word-break:break-all; }

/* #2 popup 框:放大 + 4角圆角 + 背景再透明+20% + OK键小小个(照真站) */
.rm-entrypop{ max-width:380px!important; border-radius:16px!important; background:rgba(0,0,0,.62)!important; padding:22px 22px 20px!important; }
.rm-entrypop-ok{ width:auto!important; min-width:120px; height:auto!important; padding:9px 34px!important; margin:6px auto 0!important; display:block!important; border-radius:8px!important; }

/* #3 首页非slot列表=真站 sheet(白底/47行/细线/无gap/14灰名/10灰PlayNow) commander 扒值 */
.rm-grid.rm-prow-list{ gap:0!important; }
.rm-prow-list .rm-prow{ background:rgb(255,255,255)!important; border:0!important; border-bottom:1px solid rgb(239,239,240)!important; border-radius:0!important; min-height:47px; padding:0 12px!important; }   /* 加作用域:原无限定,泄漏到 My Account 资料行导致白底浅字(像disabled) */
.rm-prow-name{ font-size:14px!important; color:rgb(135,141,149)!important; font-family:"Fjalla One",sans-serif!important; }
.rm-prow-play{ font-size:10px!important; color:rgb(135,141,149)!important; background:transparent!important; border:1px solid rgb(210,212,216)!important; border-radius:5px!important; padding:2px 8px!important; letter-spacing:0!important; }

/* #4 Login|Daftar 按钮 font 再 -3px(17→14) */
.rm-cta-inline .rm-btn, .rm-cta-btn{ font-size:14px!important; }

/* #5 侧栏类目预选高亮 = 橙色圆角矩形 + 叠一层半透明白(照 Gerald 真站视觉),保持 inset 不外扩(不重现 #6 裁切) */
/* 侧栏预选唯一权威规则(无橙/白层/渐变/glow)。2026-08-03 更正:底色改用真站抽屉实测合成像素,不再用桌面导航那支红。保留 icon金渐变/首尾圆角#6/微微动(translateX,别写transform)/竖线 */
.rm-menu-item:hover, .rm-menu-item:active,
.rm-games-head:hover, .rm-games-head:active{
  background:rgb(39,22,26)!important;   /* 2026-08-03 真站实测:抽屉项无任何hover/active背景规则,实际渲染像素=底渐变160deg+红晕radial+4%白 三层合成=rgb(39,22,26)。旧值rgb(124,18,8)是真站【桌面导航】.ns.home.active的色,误用到手机抽屉 */
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  border-color:rgb(195,24,28)!important;   /* Gerald:选中态橙色 border(真站实测);基础已有1px border,只换色=零位移 */
}


/* ===== 2026-07-30 Gerald #6尾巴:首项顶角/尾项底角撞父卡(.rm-menu-card radius18 overflow:hidden)圆角被裁 ===== */
/* 方案(b):首项顶两角+尾项底两角 = 父卡半径18,高亮跟着父卡圆角走不缺角;
   specificity (.rm-menu-card>.rm-menu-item:first-child)=(0,3,0) > #5 的 .rm-menu-item:hover(0,2,0),覆盖其 9px。 */
.rm-menu-card > .rm-menu-item:first-child{ border-top-left-radius:18px!important; border-top-right-radius:18px!important; }
.rm-menu-card > .rm-menu-item:last-child{ border-bottom-left-radius:18px!important; border-bottom-right-radius:18px!important; }

/* ===== 2026-07-30 Gerald sidebar 预选"微微动"(translateX 向右,照真站 .mob-expand transition:transform) ===== */
.rm-menu-item, .rm-games-head, .rm-games-subitem{ transition:transform .16s ease, background-image .16s ease, box-shadow .16s ease, color .16s ease !important; }
/* 覆盖 #5/#2 里的 transform:none;整项微微右移,竖线在父容器 .rm-games-sub 不受影响,橙高亮跟着移不搞歪 */
.rm-menu-item:hover, .rm-menu-item:active,
.rm-games-head:hover, .rm-games-head:active,
.rm-games-subitem:hover, .rm-games-subitem:active{ transform:translateX(3px)!important; }

/* ===== 2026-07-30 Gerald 右上 deposit 按钮(加宽+纸币+圆角方框) ===== */
/* 1)左右加宽:lbl 变体加 width:auto(原继承 42px 固定挡加宽)+ 左右 padding 加大 */
.rm-depicon.rm-depicon-lbl{ width:72px!important; padding:4px 6px!important; }   /* 真站实测 72px 宽 */
/* 3)纸币 icon 圆角正方形框:无 border,bg 比金按钮底略深一层(色差) */
.rm-depicon-ic{ display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:7px; background:rgba(0,0,0,.15); color:var(--pa-deposit-fg,#3a1414); }   /* zhenzhan icon 28x27 */
.rm-depicon-ic svg{ width:18px; height:18px; display:block; }   /* zhenzhan glyph 19px */


/* ===== 2026-07-30 Gerald popup 再调:框加宽 + 整体40%透明(照真站能透出游戏) ===== */
/* #1 加宽:减 overlay padding(手机上原 20px 限宽到 335)→10px + max-width 380→440 */
.rm-pop-ov{ padding:10px!important; }
.rm-entrypop{ max-width:440px!important; opacity:.8!important; }   /* Gerald:减透明20%(.6→.8),内容更实;合成底色 .8bg×.8=.64 */
/* #2 整个 popup(含 logo/内容/OK)作为一层半透明=opacity .6(40%透明);
   box bg 提到 .8 让整体乘算后仍有可读暗底(.8*.6=.48),别透到看不清 */
.rm-entrypop{ background:rgba(0,0,0,.8)!important; }

/* Gerald popup 再加宽修正:原 .rm-entrypop width:calc(100%-40px)(line1583) 限死 315,覆盖成满宽 */
.rm-pop-ov{ padding:8px!important; }
.rm-entrypop{ width:100%!important; max-width:440px!important; }

/* ===== 2026-07-30 Gerald after-login 菜单项 6px 间隙 ===== */
/* 真凶:line1378 .rm-menu-card 本有 display:grid gap:6px,但 line645 body.rm-authed...{display:block!important} 把登录态改block→gap失效。
   改回 grid,gap:6px(line1378)即生效。登出态本就 grid gap:6px(未被block覆盖)=同间距。 */
body.rm-authed .rm-menu-card.rm-auth-only{ display:grid!important; gap:6px!important; }

/* Gerald:菜单项间有 .rm-menu-sep 分隔元素→grid gap 作用在 sep 两侧=13px;隐藏 sep 只留纯 6px gap(独立圆角块+6px) */
body.rm-authed .rm-menu-card .rm-menu-sep.rm-auth-only{ display:none!important; }   /* (0,4,1) 覆盖 line646 reveal(0,3,1) */

/* ===== 2026-07-30 Gerald Batch A:首页非slot展开对齐真站(紧凑+去空白+Title Case) ===== */
/* #1 去底部空白:.rm-grid{min-height:60vh}(line211,为slot分页预留)非slot也占487px→prow-list min-height:0(slot grid 保留 60vh 不动) */
.rm-grid.rm-prow-list{ min-height:0!important; }
/* #2 行高 47→30 压紧(照真站~28-30) */
.rm-prow{ min-height:30px!important; }
/* #3 大小写:数据本是 Title Case(BTi Sports/WBet),uppercase 强制全大写→none 显示原始(贴真站 WBet Sport) */
.rm-prow-name{ text-transform:none!important; }

/* ===== Batch B notice badge(#2 PROSES OTOMATIS 徽标) ===== */
.rm-dep-notice-badge{ display:inline-block; margin-left:6px; padding:3px 6px; border-radius:999px; background:rgba(242,185,40,.16); color:rgb(255,211,90); font-family:"Fjalla One",sans-serif; font-size:8px; letter-spacing:.4px; vertical-align:middle; }   /* Gerald②:再小一档(9->8px, pad 4x7->3x6) */

/* ===== Batch B #3 metlogo:固定 QRIS/bank logo 在 select 左 ===== */
.rm-dep-metwrap{ position:relative; }
.rm-dep-metlogo{ position:absolute; left:11px; top:50%; transform:translateY(-50%); width:22px; height:22px; display:flex; align-items:center; justify-content:center; color:rgb(255,205,74); pointer-events:none; z-index:1; }
.rm-dep-metlogo svg{ width:20px; height:20px; }
.rm-dep-metwrap select{ padding-left:54px!important; }   /* 真站:左侧 54px 给 QRIS 字标留位 */


/* ===== 2026-07-30 Gerald 对齐真站:LOGOUT淡红粉字 + wallet余额字号 ===== */
/* LOGOUT 照真站:淡红渐变 + 淡红边 + 粉字(rgb217,170,165),别那么浓;radius 保持#6首尾圆角 */
.rm-menu-card .rm-menu-item[data-nav="logout"]:not(.rm-logout-item){ background:linear-gradient(135deg, rgba(126,22,29,.22), rgba(88,14,20,.26))!important; border:1px solid rgba(222,83,83,.2)!important; }
.rm-menu-card .rm-menu-item[data-nav="logout"]:not(.rm-logout-item) span{ color:rgb(217,170,165)!important; }
.rm-menu-card .rm-menu-item[data-nav="logout"]:not(.rm-logout-item) .rm-ic{ background:rgb(217,170,165)!important; }
/* wallet 余额字号往小贴真站(16→12,真站量得更小)+ 金边 rgba(255,211,90,.27) radius9 */
.rm-side-bal-amt{ font-size:14px!important; }   /* Gerald:余额 +2px(12->14),唯一权威条 */
.rm-side-pill{ border-color:rgba(255,211,90,.27)!important; border-radius:9px!important; }

/* ===== 2026-07-30 Gerald 首页非slot白块:紧贴金条+底部圆角(照真站) ===== */
/* #1 去 accor-box 的 padding(原 padding-top:8px=缝隙)让白列表紧贴金条;:has 只针对含 prow-list 的非slot,不碰 slot 间距 */
.rm-accor-box:has(.rm-prow-list){ padding:0!important; }
/* #2 白列表块底部左右两角圆角(radius10=跟 .rm-accor 一致),overflow:hidden 裁最后一行圆底;顶部保持直(紧贴金条) */
.rm-grid.rm-prow-list{ border-bottom-left-radius:10px!important; border-bottom-right-radius:10px!important; overflow:hidden!important; }

/* ===== 2026-07-30 Gerald GAPLE 展开块=同其他非slot白块(单provider BALAKPLAY 直启套白底/紧贴/圆角) ===== */
.rm-accor-box:has(.rm-gaple-row){ padding:0!important; }
.rm-gaple-row{ background:rgb(255,255,255)!important; margin:0!important; min-height:30px; padding:2px 12px!important; border-radius:0 0 10px 10px!important; border-bottom:0!important; }
.rm-gaple-name{ font-size:14px!important; color:rgb(135,141,149)!important; text-transform:none!important; letter-spacing:0!important; }
.rm-gaple-play{ font-size:10px!important; color:rgb(135,141,149)!important; background:transparent!important; border:1px solid rgb(210,212,216)!important; border-radius:5px!important; padding:2px 8px!important; font-weight:700!important; }

/* ===== 2026-07-30 Gerald:GAMES子项 hover/active = 淡浅box(subtle,非深红;主项才深红) ===== */
.rm-games-subitem:hover, .rm-games-subitem:active{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}


/* ===== 2026-07-30 Gerald GAMES子项高亮精调:超线+奶白字+圆角(对齐真站) ===== */
/* 高亮盖过竖线:子项 z-index:1,hover bg 画在容器::before 竖线之上(box left=0 本就在线左侧,z-index 让它盖过线) */
.rm-games-subitem{ position:relative; z-index:1; }
.rm-games-subitem:hover, .rm-games-subitem:active{
  background:transparent!important;
  background-color:transparent!important;
  color:rgb(232,184,60)!important;   /* 2026-08-03 Gerald:与侧栏 GAME PROVIDER/LICENSE/METODE 标题同色 rgb(232,184,60)=单一色源(真站按住实测是 rgb(255,209,93),Gerald 要跟自家标题统一,以他为准) */
  border-radius:8px!important;          /* 圆角(非尖角) */
}

/* ===== 2026-07-31 chip 整排金框真凶:.rm-slotfilter 是 chip 行容器(非按钮),:active 会从 chip 传播上来 =====
   已从 5 条按钮特效规则摘除;此条为兜底,保证容器永不出金圈/缩放(单个 chip .rm-fbtn 自身反馈不受影响)。 */
.rm-slotfilter:active, .rm-slotfilter:hover{ box-shadow:none!important; transform:none!important; filter:none!important; }

/* ===== 2026-07-31 My Account:Referral 写死视觉(TIDAK AKTIF 徽章 + Aktifkan 按钮,点击=segera hadir toast 占位) ===== */
.rm-macct-sec .rm-prow .rm-ref-badge, .rm-ref-badge{ display:inline-block; padding:3px 10px; border-radius:6px; background:rgba(34,160,90,.18); border:1px solid rgb(46,178,102); color:rgb(74,206,130)!important; font-family:"Fjalla One",sans-serif; font-size:11px; letter-spacing:.4px; }
.rm-ref-btn{ display:inline-block; width:auto; margin:10px 0 2px; padding:4px 9px; border:1px solid rgb(58,120,206); border-radius:6px; background:linear-gradient(180deg, rgb(48,120,214), rgb(32,86,166)); color:rgb(255,255,255); font-family:"Fjalla One",sans-serif; font-size:11px; letter-spacing:.3px; cursor:pointer; }   /* 2026-08-03 Gerald:收小一档(padding 6/12->4/9, radius 8->6, font 11)。顺手清掉本规则里重复的 font-size(原有 10px!important + 13px 两个声明,实际生效 10px) */
/* #6 改密 label 在输入框上方(白字) */
.rm-cp-lbl{ display:block; margin:10px 0 6px; color:rgb(255,255,255); font-family:"Fjalla One",sans-serif; font-size:13px; letter-spacing:.2px; }

/* ===== 2026-07-31 Tipe Pembayaran 按钮照真站实测:单行(名字左+药丸徽章右)/16px w700/徽章8px药丸 ===== */
.rm-deptipe-nm{ font-family:"Fjalla One",sans-serif; font-size:16px; font-weight:700; line-height:1; white-space:nowrap; }
.rm-deptipe-bdg{ flex:0 0 auto; font-family:"Fjalla One",sans-serif; font-size:8px; line-height:1; letter-spacing:.4px; text-transform:uppercase; padding:4px 6px; border-radius:999px; white-space:nowrap; }
.rm-deptipe-bdg-auto{ color:rgb(255,225,137); background:rgba(88,56,6,.58); }   /* 真站实测:otomatis 金字深棕底 */
.rm-deptipe-bdg-man{ color:rgb(255,211,90); background:rgba(242,185,40,.16); }  /* 真站实测:manual 金字金底 */

/* ===== 2026-07-31 Tipe 按钮等宽:窄屏(<=420)字号/padding fallback,免 16px 名字+徽章挤破等分 ===== */
@media (max-width:420px){
  .rm-deptipe-btn{ padding:0 11px!important; gap:4px!important; }
  .rm-deptipe-nm{ font-size:14px!important; }
}

/* ===== 2026-07-31 Metode 下拉左侧 QRIS 字标(真站同款自托管 icon-qris.webp) ===== */
.rm-dep-metlogo{ width:auto!important; height:auto!important; left:12px!important; }
.rm-dep-metlogo .rm-metlogo-img{ height:15px!important; width:auto!important; display:block; object-fit:contain; }   /* 特异性(0,2,0)压过 .rm-field img{42px}(0,1,1) */

/* ===== 2026-07-31 Jumlah(IDR) + Promosi(Bonus) 照真站实测(作用域隔离,不影响 withdraw/全局) ===== */
/* Jumlah:同 Metode 皮 —— 2px 灰边 / bg / radius12 / h70 */
.rm-amt-box.rm-dep-amtbox{ background:rgba(12,16,22,.82)!important; border:2px solid rgb(85,89,95)!important; border-radius:12px!important; height:54px!important; padding:6px 12px!important; }   /* Gerald:70->54,与 Metode/Promosi 同高族 */
.rm-amt-box.rm-dep-amtbox input{ font-size:18px!important; font-weight:700!important; text-align:left!important; padding-left:20px!important; }   /* Gerald:25->18px */
/* Promosi:wrapper 剥光(免框中框),select 承担唯一框 + 原生▼ + 左 54px 给礼物 icon */
.rm-dep-promowrap{ position:relative; background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; height:auto!important; box-shadow:none!important; margin-bottom:12px; }
.rm-dep-promowrap select{ width:100%; appearance:auto!important; -webkit-appearance:auto!important; background:rgba(12,16,22,.82)!important; border:2px solid rgb(85,89,95)!important; border-radius:12px!important; height:52px; padding:0 12px 0 54px!important; color:rgb(238,238,239); font-size:14px; font-weight:400; outline:none; }
.rm-dep-promowrap.rm-field-select:after{ display:none!important; }   /* 去自定义 ▾,用原生箭头 */
.rm-dep-promoico{ position:absolute; left:12px; top:50%; transform:translateY(-50%); width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:7px; background:rgba(255,255,255,.04); pointer-events:none; z-index:1; }
.rm-dep-promoico .rm-ic{ width:18px; height:18px; background:linear-gradient(180deg, rgb(255,214,90), rgb(237,165,20)); }

/* ===== 2026-07-31 My Account 结构对齐真站:标题在卡外 + 内容单独成卡 ===== */
/* ④ 2026-08-03 真站【移动版】实测:内层盒子不是一个带框容器,而是【五行自己的边框拼出来的敞口盒】。
   所以这一层只保留作 DOM 包裹,视觉属性全部清零(border/background/radius/padding),
   盒子交给下面 .rm-prow 的边框去拼。—— 直接改原规则,不是叠 border:none override。
   (原值:background linear-gradient(180deg,rgb(38,40,45),rgb(28,30,34)) / border 1px rgb(63,69,78) / radius 14 / padding 16) */
.rm-macct-card{ background:none; border:0; border-radius:0; padding:0; }   /* 2026-08-03 Gerald:内框改【中性深灰】—— 原 rgb(20,24,31)->rgb(15,18,24) 蓝分量明显高于红绿,看着偏蓝黑;新值 R≈G≈B 去掉蓝味,与深红外框形成"外红内灰" */
/* 首行:真站 bdT=1px rgb(63,69,78) / radius=10px 10px 0 0 / p=11px 12px(顶部内距不压掉) */
.rm-macct-card .rm-prow:first-child{
  border-top:1px solid rgb(63,69,78)!important;
  border-radius:10px 10px 0 0!important;
  height:auto!important; min-height:42px!important;
}

/* ===== 2026-07-31 Desktop header 对齐真站:跑马灯收进内容列(真站 marquee 在 container 内,
   喇叭固定列左端、文字只在喇叭右侧滚动;cuanmain 原来整条通栏 => 文字跑到喇叭该在的位置左边) ===== */
@media (min-width:1024px){
  .rm-marquee{ padding-left:max(12px, calc(50% - 530px))!important; padding-right:max(12px, calc(50% - 530px))!important;
    border-left:0!important; border-right:0!important; }   /* Gerald:条通栏时左右竖边落在屏幕两端,去掉;上下边保留 */
}

/* ===== 2026-07-31 Desktop banner:full-bleed 修正 + 圆点居中 + 左右箭头 ===== */
/* ①full-bleed:.rm-body 的 300px 死位已归零(内容列现与视口居中),原生 calc(50% - 50vw) 即正确,
   上一版按 300px 偏移写的补偿公式已撤销(留着会让 banner 反向偏)。 */
@media (min-width:1024px){
  /* Gerald:banner 通栏后左右竖边落在屏幕两端 -> 去左右,保留上下(radius 桌面已为 0,无露角) */
  main.rm-content > .rm-banner{ border-left:0!important; border-right:0!important; }
  /* ④ 圆点:真站在图内底部居中(原来贴右下) */
  .rm-banner .rm-dots{ left:50%!important; right:auto!important; transform:translateX(-50%); bottom:14px!important; }
  /* ③ 左右箭头(手机不显示) */
  .rm-bn-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:4; width:44px; height:44px;
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    border:1px solid rgba(255,255,255,.28); border-radius:50%; background:rgba(0,0,0,.38);
    color:rgb(255,255,255); font-size:26px; line-height:1; padding:0 0 3px; transition:background .15s, border-color .15s; }
  .rm-bn-arrow:hover{ background:rgba(0,0,0,.6); border-color:rgba(255,211,90,.7); }
  .rm-bn-prev{ left:18px; }
  .rm-bn-next{ right:18px; }
}
@media (max-width:1023px){ .rm-bn-arrow{ display:none!important; } }

/* ===== 2026-08-03 Desktop 首页营销区 第一轮:①jackpot 深红纹理带 ②STEP 四步区(真站 1920 实测,图自托管) ===== */
#rm-dsteps{ display:none; }   /* 默认藏,只 desktop 显 */
@media (min-width:1024px){
  /* ① jackpot 外围深红 chevron 纹理带(真站 #jackpot:bg rgb(22,5,7)+渐变+jackpot-bg.png cover) */
  main.rm-content > #rm-djackpot{
    position:relative;
    width:100vw!important; max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important;
    border-radius:0!important; border-left:0!important; border-right:0!important;
    padding:12px calc(50vw - 520px)!important;   /* 纹理通栏,内容仍收在 1040 列内 */
    background-color:rgb(22,5,7)!important;
    background-image:
      radial-gradient(circle at 18% 50%, rgba(255,195,44,.14), rgba(0,0,0,0) 250px),
      radial-gradient(circle at 78% 50%, rgba(177,14,25,.24), rgba(0,0,0,0) 250px),
      linear-gradient(90deg, rgba(8,2,4,.92), rgba(49,4,9,.78) 52%, rgba(8,2,4,.94)),
      url(/assets/rodabet/home/jackpot-bg.png)!important;
    background-size:auto,auto,auto,cover!important;
    background-position:0 0,0 0,0 0,50% 50%!important;
    background-repeat:repeat,repeat,repeat,no-repeat!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1), inset 0 -1px 0 rgba(0,0,0,.58), 0 16px 36px rgba(0,0,0,.48)!important;
  }
  /* ② STEP 四步区:通栏深底(section-bg.jpg)+ 内嵌 1060 金边 panel + 4 张 stepbox */
  #rm-dsteps{ display:block; position:relative;
    width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
    padding:12px 0 42px; background-color:rgb(0,0,0);
    background-image:url(/assets/rodabet/home/section-bg.jpg);
    background-position:50% 0; background-repeat:no-repeat; }
  .rm-dsteps-panel{ max-width:1060px; margin:0 auto; box-sizing:border-box;
    display:flex; gap:12px; justify-content:space-between;
    padding:20px 20px 24px; border:1px solid rgba(247,194,53,.25); border-radius:18px;
    background-image:radial-gradient(circle at 50% 0, rgba(149,13,21,.12), rgba(0,0,0,0) 280px),
                     linear-gradient(160deg, rgba(10,13,18,.97), rgba(3,5,8,.99));
    box-shadow:0 24px 52px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04); }
  .rm-stepbox{ flex:1 1 0; min-width:0; box-sizing:border-box;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    min-height:142px; padding:14px 12px 13px; border:1px solid rgba(247,194,53,.17); border-radius:13px;
    background-image:radial-gradient(circle at 50% 0, rgba(247,194,53,.09), rgba(0,0,0,0) 68%),
                     linear-gradient(160deg, rgba(16,20,26,.9), rgba(6,8,11,.95)); }
  .rm-stepbox img{ width:130px; height:72px; object-fit:contain; display:block; }
  .rm-stepbox p{ margin:10px 0 0; font-family:"Fjalla One",sans-serif; font-size:12px; font-weight:800;
    color:rgb(255,241,199); text-transform:uppercase; letter-spacing:.3px; text-align:center; }
  /* 类目视图下与 banner/jackpot 一起隐藏(跟现有 rm-dt-cat 规则同款) */
  body.rm-dt-cat #rm-dsteps{ display:none!important; }
}

/* ===== 2026-08-03 Desktop 首页营销区 第二轮:③PRODUCTS 三卡 ④footer 横排(真站 1920 实测) ===== */
#rm-dproducts{ display:none; }
@media (min-width:1024px){
  /* ③ PRODUCTS:与 STEP 同一条深底带的延续(真站两块在同一个 #content 里) */
  #rm-dproducts{ display:block; position:relative;
    width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
    padding:0 0 42px; background-color:rgb(0,0,0);
    background-image:url(/assets/rodabet/home/section-bg.jpg);
    background-position:50% -300px; background-repeat:no-repeat; }
  .rm-dprod-panel{ max-width:1060px; margin:0 auto; box-sizing:border-box; padding:27px 20px 24px;
    border:1px solid rgba(247,194,53,.25); border-top:0; border-radius:0 0 18px 18px;
    background-image:radial-gradient(circle at 50% 0, rgba(149,13,21,.12), rgba(0,0,0,0) 280px),
                     linear-gradient(160deg, rgba(10,13,18,.97), rgba(3,5,8,.99));
    box-shadow:0 24px 52px rgba(0,0,0,.42); }
  /* 标题:— PRODUCTS — (两侧 74×1 金渐变线,真站实测) */
  .rm-dprod-title{ display:flex; align-items:center; justify-content:center; gap:14px;
    margin:0 0 16px; font-family:"Fjalla One",sans-serif; font-size:30px; font-weight:700;
    letter-spacing:3px; text-transform:uppercase; color:rgb(255,211,90); }
  .rm-dprod-title::before, .rm-dprod-title::after{ content:""; flex:0 0 auto; width:74px; height:1px; }
  .rm-dprod-title::before{ background:linear-gradient(90deg, rgba(0,0,0,0), rgb(242,185,40)); }
  .rm-dprod-title::after{ background:linear-gradient(90deg, rgb(242,185,40), rgba(0,0,0,0)); }
  .rm-dprod-row{ display:flex; gap:14px; justify-content:space-between; }
  /* 卡:330×260 / bg rgb(13,17,23) / 1px rgba(247,194,53,.23) / radius14(真站实测) */
  .rm-hpbox{ flex:1 1 0; min-width:0; box-sizing:border-box; overflow:hidden; cursor:pointer;
    background:rgb(13,17,23); border:1px solid rgba(247,194,53,.23); border-radius:14px;
    transition:border-color .15s, transform .15s; }
  .rm-hpbox:hover{ border-color:rgba(247,194,53,.6); transform:translateY(-2px); }
  .rm-hpbox img{ width:100%; height:auto; aspect-ratio:328/212; object-fit:cover; display:block; }
  /* 红 label 条:名 + 金 icon + ›(真站 FontAwesome,本站用等效字符) */
  .rm-hpbox-lbl{ display:flex; align-items:center; gap:8px; height:46px; padding:9px 12px; box-sizing:border-box;
    background:linear-gradient(115deg, rgb(75,12,18), rgb(141,17,27) 50%, rgb(75,12,18));
    color:rgb(255,241,192); font-family:"Fjalla One",sans-serif; font-size:17px; font-weight:900;
    letter-spacing:1.36px; text-transform:uppercase; }
  .rm-hpbox-lbl::before{ content:"\25C6"; flex:0 0 auto; color:rgb(243,189,53); font-size:11px; }
  .rm-hpbox-lbl::after{ content:"\203A"; margin-left:auto; color:rgb(243,189,53); font-size:20px; line-height:1; }
  body.rm-dt-cat #rm-dproducts{ display:none!important; }
  /* ④ footer 横排:链接靠左 + COPYRIGHT 靠右(手机 footer 不动);真站实测 #footer bg rgb(24,7,10)/h54/pad16 */
  .rm-footer{ text-align:left!important; background:rgb(24,7,10)!important; }
  /* 桌面撤掉品牌卡(真站桌面无 logo+描述那张居中卡;手机保留) */
  .rm-footer-brand, .rm-footer-desc{ display:none!important; }
  .rm-footer .rm-footer-links a{ color:rgb(229,214,189)!important; font-size:14px!important; text-transform:uppercase; }
  .rm-footer .rm-footer-links span{ color:rgb(169,169,173); }
  .rm-footer-copy{ color:rgb(169,169,173)!important; font-size:14px!important; text-transform:uppercase; }
  .rm-footer .rm-footer-links{ display:flex!important; justify-content:flex-start!important; margin:0!important; max-width:none!important; flex:1 1 auto; }
  .rm-footer-copy{ margin:0!important; white-space:nowrap; }
  /* 用一行 flex 把 links(左) 与 copy(右) 排开 */
  .rm-footer{ display:flex; flex-wrap:wrap; align-items:center; column-gap:20px; row-gap:8px;
    width:100vw; max-width:100vw; margin:0 calc(50% - 50vw);
    padding:17px calc(50vw - 510px); min-height:54px; box-sizing:border-box; }
    /* 真站 #footer:带子通栏 0->1920(bg rgb(24,7,10))、内容收在 1020 列内、条高 54 */
  .rm-home-powerby{ text-align:center; }   /* 桌面通栏样式见下方两端共用块 */
  .rm-home-powerby{ text-align:center; }
}

/* ===== 2026-08-03 BO Custom Footer(SEO 区):真站 #seo 实测值;桌面+手机两端都显(真站两端都有) ===== */
.rm-seo:empty{ display:none!important; }   /* BO 没配 -> 整块不占位 */
.rm-seo{ box-sizing:border-box; width:100vw; max-width:100vw;
  margin:0 calc(50% - 50vw); padding:20px 14px;
  background-image:linear-gradient(1deg, rgba(116,16,24,.53), rgba(62,12,17,.6));
  color:rgb(156,160,168); font-size:13px; line-height:1.75; text-align:left; }
.rm-seo h1{ margin:0 0 10px; font-family:"Fjalla One",sans-serif; font-size:22px; font-weight:500;
  color:rgb(216,196,158); line-height:1.3; }
.rm-seo h2{ margin:16px 0 8px; font-family:"Fjalla One",sans-serif; font-size:17px; font-weight:500;
  color:rgb(216,196,158); line-height:1.35; }
.rm-seo p{ margin:0 0 10px; font-size:13px; color:rgb(156,160,168); }
.rm-seo a{ color:rgb(217,179,0); text-decoration:none; }
.rm-seo a:hover{ text-decoration:underline; }
.rm-seo img{ max-width:100%; height:auto; }
@media (min-width:1024px){
  /* 桌面:留在 footer 的 1060 列内正常排布(不用负边距 full-bleed —— 那会破坏 footer 的 flex 换行,
     实测会把块高撑到 1522px 并让链接行落进它的范围内);字号照真站 h1 28 / p 13 */
  .rm-seo{ padding:20px calc(50vw - 510px); }   /* 通栏底,内容仍收在 1020 列内 */
  .rm-seo h1{ font-size:28px; }
  .rm-seo h2{ font-size:20px; }
}

/* ===== 2026-08-03 footer 收尾对齐真站:PowerBy 通栏黑条(真站 1920×30 / bg rgb(43,43,43) / 字 rgb(237,237,237) 居中) ===== */
.rm-home-powerby{ box-sizing:border-box; width:100vw; max-width:100vw;
  margin:0 calc(50% - 50vw)!important; padding:5px 12px!important;
  background:rgb(43,43,43)!important; color:rgb(237,237,237)!important;
  text-align:center!important; font-size:13px; line-height:20px; border-radius:0!important; border:0!important; }
@media (min-width:1024px){ .rm-home-powerby{ font-size:14px; } }
/* copyright:真站全大写、无徽章 chip */
.rm-footer-copy{ text-transform:uppercase; }

/* 分隔符 | 本身不再额外占宽(真站间隙 11px 已由 gap 提供) */
.rm-footer-links span{ margin:0; padding:0; line-height:1; }

/* footer 链接带:两端都通栏(真站 #footer 贴满屏宽,内容收在列内);手机 padding 小一档 */
.rm-footer{ box-sizing:border-box; width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important;
  margin-top:0!important; margin-bottom:0!important;   /* 三块无缝:去掉带子上下间距 */
  background:rgb(24,7,10)!important; border-top:0!important; }
@media (max-width:1023px){
  .rm-footer{ padding:18px 14px 12px!important; }
}

/* ===== 2026-08-03 banner→jackpot→红区 三块无缝(真站无缝;实测来源=banner margin-bottom 22 + jackpot margin 18) ===== */
@media (min-width:1024px){
  main.rm-content > .rm-banner{ margin-bottom:0!important; }
  main.rm-content > #rm-djackpot{ margin-top:0!important; margin-bottom:0!important; }
}

/* ===== 2026-08-03 游戏卡细金边(真站实测):缩图块 + 底部 provider 条各一条,中间 RTP/名字条无边 ===== */
.rm-slotcard .rm-slotcard__img{
  border:1px solid rgba(255,211,90,.48)!important;      /* 真站 .glimg */
  border-radius:10px 10px 0 0!important;                /* 只圆上两角 */
  box-sizing:border-box; }
.rm-slotcard .rm-slotcard__provbar{
  border:1px solid rgba(255,211,90,.23)!important;      /* 真站 .glp,更淡 */
  border-radius:0 0 4px 4px!important;                  /* 只圆下两角 */
  box-sizing:border-box; }

/* ===== 2026-08-03 Gerald:子项高亮范围避开竖线(高亮块左边界从竖线右侧开始,线完整露在块外) =====
   WHY 不用 margin-left 推整项:那会连带 ::before icon(left:38px)和文字一起位移=动了间距,属侧栏禁区。
   做法:子项自身背景清成 transparent,高亮改画在 ::after 绝对定位块上,left:28px(竖线 .rm-games-sub::before 占 x=22~24,留 4px 间隙)。
   ::after 基础态在 1976 行已 display:none(横线tick 早废弃),这里只在 hover/active 复用它当高亮盒。
   z-index:-1 被 .rm-games-subitem(position:relative;z-index:1)的 stacking context 圈住 → 画在子项背景之上、文字/icon 之下,不外溢、不遮内容。 */
.rm-games-subitem:hover::after, .rm-games-subitem:active::after{
  content:""!important; display:block!important;
  position:absolute!important; left:28px!important; right:0!important; top:0!important; bottom:0!important;
  width:auto!important; height:auto!important; transform:none!important;
  background:rgba(255,255,255,.06)!important;   /* 2026-08-03 真站按住实测=rgba(255,255,255,0.06),旧.10偏亮 */
  border-radius:8px!important;
  z-index:-1!important;
}

/* ===== 2026-08-03 Gerald:login 页深红填满整页(推翻 v216 那次 revert,Gerald 偏好优先于 1:1) =====
   authpage 自己 min-height:100vh 已盖满视口,这条是兜底:万一 authpage 之外还有缝(滚动到 SEO 区之前那段),
   露出来的也是红不是 body 的 rgb(13,17,23)。
   :has(.rm-auth-login.on) 精确限定=只 login 页;register(同样 body.rm-authopen)和 deposit 等其它页零影响。
   WHY 不碰 min-height:改用视口单位会踩当年"入场跳"那个坑(392 行注释),现有 100vh 已稳定不动它。 */
body.rm-authopen:has(.rm-auth-login.on){ background:rgb(23,7,10)!important; }

/* ===== 2026-08-03 Gerald:GAMES 头项展开态 = 亮一档深红底 + 橙外框 =====
   真站实测结论(留档,免得以后有人照真站改回去):真站 GAMES 展开态 CSS 与 HOME 完全相同
   (透明底 + linear-gradient(135deg,.06/.02白) + border rgba(255,255,255,.08)),展开前后一字不变,
   渲染像素 rgb(34,22,26),比 HOME 的 rgb(39,22,26) 还暗一点(红晕 circle at 20% 0 越往下越弱)。
   真站没有红底橙框 —— 这是 Gerald 的偏好,优先于 1:1,按他方向落值。
   WHY 挂 .rm-games-expanded 而不是 :hover/:active:
     (a) Gerald 并排看的是子菜单展开着的持久态,不是按住的瞬时态;
     (b) hover/active 那条是 .rm-menu-item 共用的权威规则(rgb(39,22,26) 刚结案),
         动它会连 HOME/LOGIN 等一起变 —— 这条新规则完全不碰它。
   border 基础已是 1px solid,只换色=零位移。 */
.rm-games-head.rm-games-expanded{
  background:rgb(70,16,22)!important;
  background-image:none!important;
  border-color:rgb(232,184,60)!important;   /* 与 GAME PROVIDER 标题/子项预选字同一个橙=单一色源 */
}

/* ===== 2026-08-03 withdrawal 页对齐真站(Gerald 并排)。纯皮,零金额/校验/提交逻辑改动 =====
   scope hook = .rm-wd-page(app.js renderWithdraw 里 classList.add 加的)。
   WHY 需要 hook:deposit 和 withdraw 共用 .rm-pay-page(app.js 2960 / 3557 两处都 add),
   直接改 .rm-pay-page 会波及已验收的 deposit 页 —— 加 hook 后 deposit 零影响。 */

/* #5 Power By 通栏贴满屏宽(同 login 那次做法)。.rm-pay-page 即 .rm-authpage,实测 display:block,
   不是 flex 项 => 负边距全宽安全,不会重演 .rm-seo 在 flex 项上炸高度那个坑。 */
.rm-pay-page.rm-wd-page::after{
  box-sizing:border-box; width:100vw; max-width:100vw;
  margin:16px calc(50% - 50vw) 0!important;
  border-radius:0!important;
}

/* #1 Bank Account 展示:换成真站那种深底框(原绿 pill 感来自 .rm-bankbadge 的 #0a7d2c 兜底徽章)。
   ⚠️ 只改皮 —— 下拉功能(rm-wd-cardt/rm-wd-cardpop/pickCard)一行没碰,玩家多账户照样能选。 */
.rm-wd-page .rm-wd-carddd{
  background:linear-gradient(145deg, rgb(24,27,33), rgb(17,19,25))!important;
  border:1px solid rgb(68,73,82)!important;
  border-radius:13px!important;
}
.rm-wd-page .rm-bankbadge{ background:rgb(38,42,50)!important; color:rgb(233,233,235)!important; }

/* #3 金额框:套 deposit Jumlah 那套皮后,居中大字仍保留(.rm-wd-amtbox input 原规则),
   这里只补 deposit 皮里 withdraw 没有的圆角/内距一致性 */
.rm-wd-page .rm-wd-amtbox.rm-dep-amtbox input{ text-align:center; }

/* #2 min/max 表已直接复用 .rm-dep-mmtable/.rm-dep-mmrow/.rm-dep-mmlabel/.rm-dep-mmval,零新增样式 */

/* ===== 2026-08-03 Gerald:withdrawal 银行区改真站两字段式(Bank Account No / Bank Account Name) =====
   ⚠️ 不碰 .rm-wd-cardsel 那三条规则 —— 它被 deposit 的 #rm-dep-bklabel 共用(app.js 3093),
      动它会伤 deposit 的收款账户显示。这里全部走新 class .rm-wd-fld / .rm-wd-fldval。
   字段用 <span> 不是 <input> => 天然只读,玩家无法手输账号。 */
.rm-wd-page .rm-wd-fld{
  justify-content:space-between;
  /* 2026-08-03 Gerald 照真站换皮:字段内是比页面底【浅一档】的暗红调,不再是深 navy 渐变 */
  background:rgba(90,25,30,.45)!important;
  /* 去边框,只留左缘那条金黄竖线(真站特征) */
  border:0!important;
  border-left:3px solid rgb(242,185,40)!important;
  border-radius:0 5px 5px 0!important;   /* 2026-08-03 Gerald:真站左边是尖角 —— 左上/左下=0 贴住金黄竖线,右侧保持 5px 圆角 */
  height:36px!important;          /* 2026-08-03 Gerald:框太高 -> 44 收到 36 */
  padding:0 10px!important;       /* 内边距也偏宽 -> 原本继承 .rm-field 的 12,收到 10 */
  box-shadow:none!important;
  cursor:default;                 /* Gerald:两格统一纯只读,都不可点 */
}
/* ⚠️ 上面 4 个数(底色 alpha .45 / 竖线 3px+rgb(242,185,40) / radius 5 / height 44)
   都是照 Gerald 截图方向落的,**不是真站实测** —— 提现页有登录墙,我量不到。等他 tune。 */
/* 两格现在都是纯只读展示,保留这个 class 只为语义,不再有行为差异 */
.rm-wd-page .rm-wd-fld-ro{ cursor:default; }
.rm-wd-page .rm-wd-fldval{
  flex:1; min-width:0;
  display:block; text-align:left;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  font-family:"Fjalla One",sans-serif; font-size:13px; letter-spacing:.3px;   /* 2026-08-03 Gerald:字太大 -> 14 收到 13 */
  color:rgb(233,233,235);
}
/* 两字段各自带 label,原来那个居中的 pill 布局不再适用 */
.rm-wd-page .rm-wd-fld .rm-arrow{ flex:0 0 auto; }

/* ===== 2026-08-03 Gerald 第三轮:withdrawal min/max + Total 合并成一张面板 =====
   ⚠️ 全部走新 class(.rm-wd-panel / prow / plabel / pval),**没有沿用 .rm-dep-mm***
   —— 本轮要改的正是那套的值位置、icon 圆底、行分隔,沿用就会反向波及已验收的 deposit 那张表。 */

/* ① 一张带边框圆角的面板,min/max 两行 + Total label + 输入框全装在里面 */
.rm-wd-page .rm-wd-panel{
  margin:4px 4px 12px;
  border:1px solid rgb(68,73,82);
  border-radius:13px;
  overflow:hidden;
  background:linear-gradient(145deg, rgb(24,27,33), rgb(17,19,25));
}
/* ⑤ 面板内的行 + 行间细分隔线(不再是彼此分开的 pill);行距照真站收紧 */
.rm-wd-page .rm-wd-prow{
  display:flex; align-items:center;
  gap:8px;
  min-height:38px;
  padding:4px 12px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.rm-wd-page .rm-wd-prow-total{ border-bottom:0; padding-top:8px; }

/* ③ icon 纯金色,无圆底 —— 这里刻意不写 border/background/padding,
      跟 deposit 那条 .rm-dep-mmlabel svg{border+bg+radius} 的圆底 chip 区分开 */
.rm-wd-page .rm-wd-plabel{
  display:flex; align-items:center; gap:8px;
  font-family:"Fjalla One",sans-serif; font-size:12px; font-weight:700;
  color:rgb(233,233,235);
  flex:0 0 auto;
}
.rm-wd-page .rm-wd-plabel svg,
.rm-wd-page .rm-wd-plabel .rm-chantab-ico{
  width:16px; height:16px;
  color:rgb(255,205,74); fill:rgb(255,205,74);
  border:0; background:none; padding:0; border-radius:0;
}
/* » 灰箭头(deposit 那张表靠 .rm-dep-mmlabel::after 出,新 class 自己补一份) */
.rm-wd-page .rm-wd-plabel::after{
  content:"\00BB";
  color:rgb(130,126,120);
  font-family:"Fjalla One",sans-serif; font-size:14px;
  margin-left:2px;
}

/* ② 值:IDR 前缀已在 JS 里拼好;这里让它【跟在 label 后面】而不是贴最右 */
.rm-wd-page .rm-wd-pval{
  font-family:"Fjalla One",sans-serif;
  font-size:11px; font-weight:400;
  color:rgb(169,169,173);
  white-space:nowrap;
  margin-left:4px;
}

/* ①(续) 输入框现在在面板内,去掉它自己的外边距/边框,让面板边框当外框 */
.rm-wd-page .rm-wd-panel .rm-amt-box{
  margin:0 12px 12px!important;
}

/* 2026-08-03 Gerald:两字段 label 比值文字小一档、字重粗、跟框的间距收紧 =====
   scope 到 .rm-wd-page:withdraw 页只有 "Bank Account No" / "Bank Account Name" 两个 .rm-sec-label,
   全文这个 class 共 11 处(deposit/register 等也用),加 scope 才不会波及它们。 */
.rm-wd-page .rm-sec-label{
  font-size:12px!important;      /* 值是 13px,label 小一档 */
  font-weight:700!important;
  margin:4px 0 5px!important;    /* 原 body.rm-authopen 那条是 4px 0 6px,再收一点 */
}

/* 2026-08-03 Gerald:Available Balance 的绿色值 —— 保住它 =====
   `.rm-wd-green{color:#35d05f}` 特异性只有 (0,1,0),会被 `.rm-wd-page .rm-wd-fldval` (0,2,0) 盖掉。
   Gerald 明确说绿色保留(可提余额的语义色),所以这里补一条特异性更高的,颜色值仍是原来那个 #35d05f。 */
.rm-wd-page .rm-wd-fldval.rm-wd-green{ color:#35d05f; }

/* ===== 2026-08-03 Gerald:withdrawal Total 输入框 ①收矮 ②去聚焦内框 =====
   全部 .rm-wd-page scope —— 底下那两条被改的原规则(2392 `.rm-amt-box.rm-dep-amtbox` 高 54、
   2205 `.rm-pay-page input:focus` 金框)都是 **deposit 共用**的,直接动会伤已验收的 deposit。 */

/* ① 框收矮 + padding 收 + 字号别比值(13px)大太多 */
.rm-wd-page .rm-wd-amtbox.rm-dep-amtbox{
  height:44px!important;        /* deposit 那档是 54,withdraw 收一档 */
  padding:4px 10px!important;   /* 原 6px 12px */
}
.rm-wd-page .rm-wd-amtbox.rm-dep-amtbox input{
  font-size:15px!important;     /* 原 18px;值文字是 13px,不再拉开太多 */
}

/* ② 🔴 聚焦"内框"真凶:2205 那条规则里 `.rm-pay-page input:focus` 和
      `.rm-pay-page .rm-amt-box:focus-within` **同时命中两层** ——
      外层 .rm-amt-box 画一圈金边+金 shadow(这是要的),
      里层 <input> 自己又被画一圈 `box-shadow:0 0 0 1px 金`(input 基础 border:0,
      但 box-shadow 不依赖 border 照样描边)=> 视觉上就是"框里又冒出一个框"。
      修:withdraw scope 下让【内层 input】focus 时不出任何描边,外框照旧变金。 */
.rm-wd-page .rm-wd-amtbox input:focus{
  box-shadow:none!important;
  border:0!important;
  outline:none!important;
}

/* ===== 2026-08-03 Gerald:My Account 双层框收尾 =====
   外框 .rm-macct-sec 已改成深红渐变+边框+radius(见 2108 那条原规则,直接改的不是叠 override)。
   这里只收两处间距:标题不再需要那么大的下留白;Referral 按钮现在在内框外,补一点上间距。 */
/* ①⑤ 标题下的淡横线 —— 照抄真站 #content:has(.bankAcc-get) .tab-pane > h4
   { margin:0; padding:0 0 12px; border:0; border-bottom:1px solid rgb(255 255 255 / 10%) }
   真站是 `> h4` 一条规则同时命中 My Profile 和 Change Password;我们两个标题都带 .rm-macct-h,
   这一条同样命中两个,不写两遍。色 #fff0b9 = rgb(255,240,185) 与我们现值【相同】,不改。
   —— 2026-08-03 真站实测 */
.rm-macct-sec .rm-macct-h{
  margin:0 0 10px!important;          /* 真站 My Profile H4:margin=0 0 10px */
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
/* ③ Aktifkan 已移进内层盒作第五行,不再是 .rm-macct-sec 的直接子元素。
   行本身(.rm-prow-refbtn)提供边框/底色/padding,按钮只保留自身外观、去掉外边距。 */
.rm-macct-sec .rm-prow-refbtn{ justify-content:flex-start!important; }
.rm-macct-sec .rm-prow-refbtn > .rm-ref-btn{ margin:0!important; }

/* ===== 2026-08-03 Gerald 第二轮:My Account 两段并进同一外框 =====
   两段之间用间距 + 细分隔线过渡,不再各自成卡。 */
/* 真站 Change Password H4:margin=20px 0 10px / padding=0 0 12px / 只有 border-bottom。
   上 20px 就是它与最后一行的间距来源;真站【没有】border-top,故不再加分隔线。 */
.rm-macct-sec .rm-macct-h2{
  margin:20px 0 10px!important;
  padding-top:0!important;
  border-top:0!important;
}
/* Change Password 现在直接坐外框里(无内框),它内部的 label/输入/按钮不需要再退一层内距 */
.rm-macct-sec .rm-cp-lbl:first-of-type{ margin-top:2px; }

/* ===== 2026-08-03 Gerald:My Account 外红内灰 —— CP 输入框底改同族深灰 =====
   ⚠️ `.rm-field` 是**全局 class**(deposit / withdraw / register 都在用),所以必须 scope
   到 .rm-macct-sec,只吃 My Account 页里那三个密码输入。
   withdraw 的两个只读字段虽然也挂 .rm-field,但它们在 .rm-wd-page 下、不在 .rm-macct-sec 内,不受影响。 */
.rm-macct-sec .rm-field{
  background:rgb(33,35,40)!important;      /* 与内框 rgb(38,40,45)→rgb(28,30,34) 同族 */
  border:1px solid rgb(63,69,78)!important; /* 边框跟内框同色,层次统一 */
}

/* ===== 2026-08-03 Gerald:子页不该出现 SEO 区(真站子页只有 Power By 条) =====
   成因:#rm-seo 和 .rm-home-powerby 都挂在 index.html 的 main 层级(430/431 行),
   属于"首页那批",但 SPA 打开任何子页时它们并不会被移除 => 所有子页都跟着渲染。
   scope 用 body.rm-authopen —— app.js:1723 openPage() 加、1732 closeModal() 去,
   覆盖 login / register / deposit / withdrawal / promo / My Account 全部子页;首页没有这个 class,不受影响。
   ⚠️ 只隐藏不删元素,首页照常显示。 */
body.rm-authopen #rm-seo{ display:none!important; }

/* 同一个成因带出的第二个问题(实测发现,顺带修):
   .rm-home-powerby 在子页也一直渲染 => login 实测有【两条】Power By
   (自己的 .rm-auth-login .rm-powerby + 首页这条)。各子页本来都有自己的:
     login=.rm-auth-login .rm-powerby / register=.rm-reg-powerby / promo=.rm-promo-powerby
     deposit+withdrawal=.rm-pay-page::after
   所以子页统一隐藏首页这条,消除重复;Power By 本身各页照旧保留。 */
body.rm-authopen .rm-home-powerby{ display:none!important; }

/* 上面隐藏后,My Account 是唯一没有自己 Power By 的子页 => 用 hook 补一条,
   样式照抄 .rm-pay-page::after(deposit/withdrawal 那条),保持各页一致。 */
.rm-macct-page::after{
  content:"Power By [ Japan Netgaming Corp ]";
  display:block; margin:16px 8px 6px; padding:11px 8px;
  background:rgb(43,43,43); text-align:center;
  color:rgb(237,237,237); font-size:14px; border-radius:6px;
}

/* ===== 2026-08-03 My Account 页面底色 = 真站 lv5 实测 radial,逐字照抄 =====
   真站量出来的层次是:
     lv2 .tab-pane  = 卡片本体(深灰蓝)      -> 对应我们 .rm-macct-sec
     lv3/lv4        = 全透明
     lv5            = 页面底(深红 radial)   -> 就是这条
   Gerald 一直说的"深红渐变"是【页面底】,不是卡片外面的框 —— 前几轮方向错在这。
   scope = .rm-macct-page(app.js renderProfile 里 classList.add 的 hook,只此一页),
   deposit/withdrawal(.rm-pay-page)、login(.rm-auth-login)、register、首页都不带这个 class,零波及。 */
.rm-macct-page{
  background-image:radial-gradient(circle at 50% 0%, rgb(80,20,27), rgb(19,9,11) 54%);
  padding-bottom:92px;
  /* ⚠️ 这行不是实测值,是让上面那条 radial 能铺满视口的必要条件:
     .rm-macct-page 就是 .rm-authpage,高度只跟内容走,不给 min-height 的话内容不够高时底色画不满。
     站内既有同款做法:.rm-authpage.rm-auth-login / .rm-auth-register 都是 min-height:100vh。 */
  min-height:100vh;
}

/* ===== 2026-08-03 Bonus Code 表格(照真站) =====
   全部用新 scoped class `.rm-btable*` / `.rm-bonus-page`,不复用任何通用名,
   也不碰 .rm-field / .rm-amt-box / .rm-dep-mm* / .rm-sec-label / pageHead2。 */

/* 标题:真站这里是空白的(它的 bug),我们正常写;也不让文字压到表头上(真站另一个 bug) */
.rm-bonus-page .rm-btable-title{
  margin:14px 4px 8px;
  font-family:"Fjalla One",sans-serif; font-size:15px; font-weight:700;
  color:rgb(255,240,185); letter-spacing:.3px;
}
/* 横向可滚,7 列在 375 宽下放不开;只让表格自己滚,页面 body 不横向滚 */
.rm-bonus-page .rm-btable-wrap{
  margin:0 4px 12px; overflow-x:auto; -webkit-overflow-scrolling:touch;
  border:1px solid rgb(63,69,78); border-radius:10px;
  background:linear-gradient(180deg, rgb(38,40,45), rgb(28,30,34));
}
.rm-bonus-page .rm-btable{ width:100%; border-collapse:collapse; font-size:11px; white-space:nowrap; }
.rm-bonus-page .rm-btable th{
  padding:9px 10px; text-align:left;
  font-family:"Fjalla One",sans-serif; font-weight:700; font-size:10.5px; letter-spacing:.3px;
  color:rgb(233,233,235);
  background:rgba(0,0,0,.28);
  border-bottom:1px solid rgb(63,69,78);
  border-right:1px solid rgba(255,255,255,.06);
}
.rm-bonus-page .rm-btable th:last-child{ border-right:0; }
.rm-bonus-page .rm-btable td{
  padding:9px 10px; color:rgb(196,198,204);
  border-bottom:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.045);
}
.rm-bonus-page .rm-btable td:last-child{ border-right:0; }
.rm-bonus-page .rm-btable tr:last-child td{ border-bottom:0; }
/* 空状态 / 载入中 / 失败:表格体内一行居中(真站 <td colspan=7>) —— History 页复用同一个 class */
.rm-bonus-page .rm-btable-state{
  padding:26px 10px!important; text-align:center!important;
  color:rgb(150,152,158)!important; border-right:0!important;
}

/* Power By:子页统一隐藏了首页那条(body.rm-authopen .rm-home-powerby),本页补自己的。
   样式照抄 .rm-pay-page::after,跟 deposit/withdrawal/My Account 保持一致。 */
.rm-bonus-page::after{
  content:"Power By [ Japan Netgaming Corp ]";
  display:block; margin:16px 8px 6px; padding:11px 8px;
  background:rgb(43,43,43); text-align:center;
  color:rgb(237,237,237); font-size:14px; border-radius:6px;
}

/* ===== Bonus 表 v2:4栏+chevron展开(2026-08-13 Gerald甲);scoped .rm-btable-v2/.rm-bc-*,不碰 History/共用的 .rm-btable-state ===== */
.rm-bonus-page .rm-btable-v2{ white-space:normal; table-layout:auto; }   /* 4栏放得下→允许换行→消手机横滚 */
.rm-bonus-page .rm-btable-v2 th, .rm-bonus-page .rm-btable-v2 td{ white-space:normal; vertical-align:middle; }
.rm-bonus-page .rm-btable-v2 .rm-bc-amt{ text-align:right; white-space:nowrap; }
.rm-bonus-page .rm-btable-v2 .rm-bc-stcell{ white-space:nowrap; }
.rm-bc-chev{ margin-left:6px; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,211,90,.5); background:rgba(0,0,0,.35); color:rgb(255,215,110); font-size:11px; line-height:1; cursor:pointer; vertical-align:middle; padding:0; transition:transform .22s; }
.rm-bc-chev-open{ transform:rotate(180deg); }
.rm-bonus-page .rm-btable-v2 .rm-bc-detail td{ padding:0!important; border-bottom:0!important; border-right:0!important; }
.rm-bc-detail-in{ max-height:0; overflow:hidden; transition:max-height .28s ease; background:rgba(0,0,0,.22); }
.rm-bc-detail.rm-bc-open .rm-bc-detail-in{ max-height:400px; }
.rm-bc-drow{ display:flex; justify-content:space-between; gap:14px; padding:8px 12px; border-top:1px solid rgba(255,255,255,.06); font-size:11.5px; }
.rm-bc-dk{ color:rgb(150,152,158); flex:0 0 auto; }
.rm-bc-dv{ color:rgb(220,222,228); text-align:right; word-break:break-word; }
.rm-bc-code{ font-family:ui-monospace,Menlo,monospace; color:rgb(255,224,150); }

/* ===== 2026-08-03 History 表格 + 日期区间(照真站) =====
   全部新 scoped class:.rm-hist-page / .rm-htable* / .rm-hdrp*
   不复用通用名,不碰 .rm-field / .rm-amt-box / .rm-dep-mm* / .rm-sec-label / pageHead2。
   表格皮与 Bonus 页 .rm-btable* 同款(视觉统一),但 class 独立,互不影响。 */

/* 日期区间条:日历图标 + 区间文字 + ▾ + 金色 Submit(照真站布局) */
.rm-hist-page .rm-hdrp{ display:flex; gap:8px; align-items:stretch; margin:12px 4px 8px; }
.rm-hist-page .rm-hdrp-disp{
  flex:1; min-width:0; display:flex; align-items:center; gap:8px;
  padding:0 10px; height:38px; box-sizing:border-box;
  background:linear-gradient(180deg, rgb(38,40,45), rgb(28,30,34));
  border:1px solid rgb(63,69,78); border-radius:6px;
  color:rgb(216,218,224); font-size:11.5px; cursor:pointer;
  white-space:nowrap; overflow:hidden;
}
.rm-hist-page .rm-hdrp-cal{ width:13px; height:13px; flex:0 0 auto; color:rgb(255,205,74); fill:rgb(255,205,74); }
.rm-hist-page .rm-hdrp-disp span{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.rm-hist-page .rm-hdrp-car{ flex:0 0 auto; font-style:normal; color:rgb(150,152,158); }
.rm-hist-page .rm-hdrp-go{
  flex:0 0 auto; padding:0 16px; height:38px;
  background:linear-gradient(180deg, rgb(247,204,74), rgb(214,161,26));
  border:1px solid rgb(237,165,20); border-radius:6px;
  color:rgb(45,32,4); font-family:"Fjalla One",sans-serif; font-size:12px;
  letter-spacing:.3px; cursor:pointer;
}
/* 展开面板:三个快捷选项 + 起止日期 */
.rm-hist-page .rm-hdrp-pop{
  display:none; margin:0 4px 10px; padding:10px;
  background:linear-gradient(180deg, rgb(38,40,45), rgb(28,30,34));
  border:1px solid rgb(63,69,78); border-radius:8px;
}
.rm-hist-page .rm-hdrp-pop.on{ display:block; }
.rm-hist-page .rm-hdrp-quick{ display:flex; gap:6px; margin-bottom:9px; }
.rm-hist-page .rm-hdrp-quick button{
  flex:1; padding:7px 4px;
  background:rgba(255,255,255,.06); border:1px solid rgb(63,69,78); border-radius:5px;
  color:rgb(216,218,224); font-size:10.5px; cursor:pointer; font-family:inherit;
}
.rm-hist-page .rm-hdrp-fld{
  display:flex; align-items:center; gap:8px; margin-bottom:7px;
  color:rgb(180,182,188); font-size:11px;
}
.rm-hist-page .rm-hdrp-fld input{
  flex:1; min-width:0; height:32px; padding:0 8px; box-sizing:border-box;
  background:rgb(24,26,31); border:1px solid rgb(63,69,78); border-radius:5px;
  color:rgb(226,228,234); font-size:11.5px; font-family:inherit;
}
.rm-hist-page .rm-hdrp-note{ color:rgb(150,152,158); font-size:10px; text-align:right; }

/* 表格:5 列在 375 宽放不开,横向自滚;页面 body 不横向滚 */
.rm-hist-page .rm-htable-wrap{
  margin:0 4px 12px; overflow-x:auto; -webkit-overflow-scrolling:touch;
  border:1px solid rgb(63,69,78); border-radius:10px;
  background:linear-gradient(180deg, rgb(38,40,45), rgb(28,30,34));
}
.rm-hist-page .rm-htable{ width:100%; border-collapse:collapse; font-size:11px; white-space:nowrap; }
.rm-hist-page .rm-htable th{
  padding:9px 10px; text-align:left;
  font-family:"Fjalla One",sans-serif; font-weight:700; font-size:10.5px; letter-spacing:.3px;
  color:rgb(233,233,235); background:rgba(0,0,0,.28);
  border-bottom:1px solid rgb(63,69,78); border-right:1px solid rgba(255,255,255,.06);
}
.rm-hist-page .rm-htable th:last-child{ border-right:0; }
.rm-hist-page .rm-htable td{
  padding:9px 10px; color:rgb(196,198,204);
  border-bottom:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.045);
}
.rm-hist-page .rm-htable td:last-child{ border-right:0; }
.rm-hist-page .rm-htable tr:last-child td{ border-bottom:0; }
.rm-hist-page .rm-htable-state{
  padding:26px 10px!important; text-align:center!important;
  color:rgb(150,152,158)!important; border-right:0!important;
}

/* Power By:子页统一隐藏了首页那条,本页补自己的(同 .rm-pay-page::after) */
.rm-hist-page::after{
  content:"Power By [ Japan Netgaming Corp ]";
  display:block; margin:16px 8px 6px; padding:11px 8px;
  background:rgb(43,43,43); text-align:center;
  color:rgb(237,237,237); font-size:14px; border-radius:6px;
}

/* ===== 2026-08-03 History 两个 tab(照真站:激活金黄 / 未激活白) ===== */
.rm-hist-page .rm-htabs{ display:flex; gap:18px; margin:12px 6px 2px; border-bottom:1px solid rgba(255,255,255,.10); }
.rm-hist-page .rm-htab{
  padding:0 0 9px; background:none; border:0; cursor:pointer;
  font-family:"Fjalla One",sans-serif; font-size:12.5px; letter-spacing:.3px;
  color:rgb(236,236,239);          /* 未激活:白 */
  border-bottom:2px solid transparent; margin-bottom:-1px;
}
.rm-hist-page .rm-htab.on{
  color:rgb(232,184,60);           /* 激活:金黄(与侧栏 GAME PROVIDER 标题同一个色,单一色源) */
  border-bottom-color:rgb(232,184,60);
}
/* Bet 表的输赢着色:负=红 正=绿(纯展示,不改数值) */
.rm-hist-page .rm-htable td.rm-h-lose{ color:rgb(232,86,86); }
.rm-hist-page .rm-htable td.rm-h-win{ color:rgb(53,208,95); }

/* ===== 2026-08-03 ⑥ PROCESS 按钮:照抄真站 .CommonBtt2 =====
   真站 #content:has(.bankAcc-get) form[id^="ajax-form"] .CommonBtt2
   { width:100%; min-height:46px; margin:2px 0 0; border:1px solid #ffdc72; border-radius:10px;
     background:linear-gradient(180deg,#ffda6b,#e2a71e); box-shadow:0 9px 20px rgb(0 0 0/30%);
     color:#271b04; font-size:14px; font-weight:900; letter-spacing:.075em; text-transform:uppercase }
   🔴 字体查证:真站三个 CSS 里 @font-face 【零个】;.CommonBtt2 自己没设 font-family,
      继承 body{font-family:Fjalla One,sans-serif}(style.css 顶部 @import Google Fonts)。
      Gerald 说的"数码字/窄/宽体"就是 Fjalla One,我们站已在用(app.css 83 处),不需引入字体文件。
   ⚠️ 必须 scoped:按钮那两个 class(.rm-modal-submit 全站 16 处 / .rm-green 8 处)
      是 deposit/withdraw/register 共用的,不 scoped 会波及它们的提交按钮。 */
.rm-macct-page #rm-cpdo{
  width:100%; min-height:46px; margin:2px 0 0;
  border:1px solid #ffdc72!important; border-radius:10px!important;
  background:linear-gradient(180deg, var(--rm-gold-top), var(--rm-gold-bot))!important;
  box-shadow:0 9px 20px rgba(0,0,0,.30)!important;
  color:#271b04!important;
  font-family:"Fjalla One", sans-serif!important;
  font-size:14px!important; font-weight:900!important;
  letter-spacing:.075em!important; text-transform:uppercase!important;
}

/* ===== 2026-08-03 Power By 全站统一(照真站实测) =====
   真站实测(Gerald 登录态 console,可见元素,视口 441):
     left=0 / width=441(=innerWidth,真通栏) / height 30px
     background rgb(43,43,43) / color rgb(237,237,237)
     font-family "Fjalla One", sans-serif / font-size 14px / font-weight 400
     letter-spacing normal / text-transform none / margin 0 / padding 5px 0 / text-align center
   结构真相:真站 Power By 是【页面级元素】,不在 .container(padding 18px 12px 0)里,所以天然顶到两边。
   我们的画在内容区里,被 main.rm-content 的 padding 挡住 -> 用负边距【精确抵消】,不用 100vw
   (100vw 在有滚动条时 > 可用宽度,会造成 body 横向滚动)。

   缩进来源实测:main.rm-content padding = 14px 16px 96px(左右 16)
                .rm-authpage      padding = 8px 4px 40px  (左右 4)
   => 子页(pay/macct/bonus/hist/login/register/promo,都在 .rm-authpage 内)抵消 16+4 = 20px
      首页 .rm-home-powerby(只在 main.rm-content 内)抵消 16px

   ⚠️ 全站 8 处 Power By 一起改(不只 Gerald 截的 My Account),否则他翻下一页就看到不一致。 */

/* A. 四个 ::after 版(deposit+withdrawal / My Account / Bonus / History) */
.rm-pay-page::after,
.rm-macct-page::after,
.rm-bonus-page::after,
.rm-hist-page::after{
  content:"Power By [ Japan Netgaming Corp ]";
  display:block; box-sizing:border-box;
  margin:0 -20px!important; padding:5px 0!important;
  border-radius:0!important;                       /* 通栏后不该有圆角 */
  background:rgb(43,43,43)!important;
  color:rgb(237,237,237)!important;
  font-family:"Fjalla One", sans-serif!important;  /* macct/bonus/hist 原本继承到 Helvetica Neue,显式补上 */
  font-size:14px!important; font-weight:400!important;
  letter-spacing:normal!important; text-transform:none!important;
  text-align:center!important;
}
/* B. 实体元素版(register / promo)—— 在 .rm-authpage 内(padding 左右 4),抵消 16+4 = 20px
   ⚠️ login 【不在这一组】:.rm-authpage.rm-auth-login 被 1525 块的 padding:0 0 0!important 覆盖成 0,
      只需抵消 main.rm-content 的 16px。实测证据:先前统一给 -20px 时 login 量到 left=-4 / width=383(溢出 4px)。 */
.rm-reg-powerby,
.rm-promo-powerby{
  box-sizing:border-box;
  margin:0 -20px!important; padding:5px 0!important;
  border-radius:0!important;
  background:rgb(43,43,43)!important;
  color:rgb(237,237,237)!important;
  font-family:"Fjalla One", sans-serif!important;
  font-size:14px!important; font-weight:400!important;
  letter-spacing:normal!important; text-transform:none!important;
  text-align:center!important;
}
/* C. 首页那条:不在 .rm-authpage 内,只需抵消 main.rm-content 的 16px。
      原值 padding 5px 12px / font-size 13px —— 与真站(5px 0 / 14px)不符,一并对齐。 */
.rm-home-powerby{
  box-sizing:border-box;
  margin:0 -16px!important; padding:5px 0!important;
  border-radius:0!important;
  background:rgb(43,43,43)!important;
  color:rgb(237,237,237)!important;
  font-family:"Fjalla One", sans-serif!important;
  font-size:14px!important; font-weight:400!important;
  letter-spacing:normal!important; text-transform:none!important;
  text-align:center!important;
}

/* D. login 专属:容器 padding 已被覆盖为 0,抵消 16px 即可(给 20 会溢出 4px,已实测) */
.rm-auth-login .rm-powerby{
  box-sizing:border-box;
  margin:0 -16px!important; padding:5px 0!important;
  border-radius:0!important;
  background:rgb(43,43,43)!important;
  color:rgb(237,237,237)!important;
  font-family:"Fjalla One", sans-serif!important;
  font-size:14px!important; font-weight:400!important;
  letter-spacing:normal!important; text-transform:none!important;
  text-align:center!important;
}

/* ===== 2026-08-03 Login 按钮配色照抄真站 =====
   真站实测(roda.id-net.work/login,视口 375x812,可见的 button.btn.btns1.btnf):
     background-image linear-gradient(rgb(255,217,106) 0%, rgb(226,168,32) 100%)
     border 0 none / border-radius 9px
     box-shadow rgba(0,0,0,.3) 0 9px 18px, rgba(255,255,255,.4) 0 1px 0 inset
     w 307 / h 50 / margin 0 / padding 0 20px
     color rgb(38,27,5) / Fjalla One / 15px / 900 / letter-spacing 1.2px / uppercase

   🔴 scope 必须双层:按钮 class `.rm-modal-submit` 全站 16 处(deposit/withdraw/register 共用),
      而且 **id="rm-do" 也被 3 个不同按钮共用**(app.js:1755 关闭钮 / 2062 JOIN NOW / 2090 LOGIN)——
      连 id 都不能裸用。故 scope 到 `.rm-auth-login #rm-do`,只吃登录页那一个。

   ⚠️ 渐变色源:真站 login 是 rgb(255,217,106)->rgb(226,168,32),
      与站内已有的 PROCESS 按钮金 #ffda6b(=255,218,107) -> #e2a71e(=226,167,30) 【每个通道只差 1~2】,
      肉眼不可辨。按"站内金色单一色源"的收敛方向,**复用已有的 #ffda6b/#e2a71e**,不新增第二组几乎相同的金。
      要严格逐字照抄 login 那两个值也可以,改两个数即可。 */
.rm-auth-login #rm-do{
  background-image:linear-gradient(180deg, var(--rm-gold-top), var(--rm-gold-bot))!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:9px!important;
  box-shadow:0 9px 18px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4)!important;
  height:50px!important;
  padding:0 20px!important;
  color:rgb(38,27,5)!important;
  font-family:"Fjalla One", sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:1.2px!important;
  text-transform:uppercase!important;
}

/* ===== 2026-08-03 注册页 JOIN NOW 按钮照抄真站 =====
   真站实测(roda.id-net.work/register,视口 375x812,可见的 button.btn.btns1.btnf):
     background-image linear-gradient(rgb(255,220,112) 0%, rgb(228,170,32) 100%)
     border 1px solid rgb(255,220,114)   [注:登录页那颗是 0 none,这里【有】边框]
     border-radius 11px                  [注:登录页是 9px]
     box-shadow rgba(0,0,0,.34) 0 10px 22px, rgba(255,255,255,.48) 0 1px 0 inset
     w 309 / h 52 / margin 0 / padding 0 20px
     color rgb(39,27,4) / Fjalla One / 15px / 900 / letter-spacing 1.35px / uppercase

   🔴 真站【注册与登录不是同一套】:两颗按钮 class 同名(btn btns1 btnf),但计算值不同 ——
      border(1px vs 0)、radius(11 vs 9)、height(52 vs 50)、letter-spacing(1.35 vs 1.2)、
      shadow 参数(.34/10/22/.48 vs .3/9/18/.4)。border 与 radius 是结构性差异,不是微差,
      所以【不能】复用 v360 那条 login 规则,按注册页自己的实测值落。

   ⚠️ 渐变色源:真站注册 rgb(255,220,112)->rgb(228,170,32),
      与站内已有金 #ffda6b(255,218,107)->#e2a71e(226,167,30) 每通道差 2~5,肉眼不可辨。
      按"站内金色单一色源"的收敛方向复用已有那组,不新增第三组金。
      (要逐字照抄注册页那两个值也可以,改两个数。)

   scope:.rm-auth-register .rm-join-btn —— 双层。
     .rm-join-btn 全站 js 仅 1 处(app.js:2062 注册页那颗),但 .rm-modal-submit 全站 16 处、
     id="rm-do" 被 3 个按钮共用(登录/注册/某弹窗关闭钮),单层都不够唯一。 */
.rm-auth-register .rm-join-btn{
  background-image:linear-gradient(180deg, var(--rm-gold-top), var(--rm-gold-bot))!important;
  background-color:transparent!important;
  border:1px solid rgb(255,220,114)!important;
  border-radius:11px!important;
  box-shadow:0 10px 22px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.48)!important;
  height:52px!important;
  padding:0 20px!important;
  color:rgb(39,27,4)!important;
  font-family:"Fjalla One", sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:1.35px!important;
  text-transform:uppercase!important;
}

/* ===== Quick Menu 样式(2026-08-05) ===== */
.rm-acchead{ position:relative; align-items:center; }
.rm-acc-chip{ gap:10px; }
.rm-acc-ico{ width:20px; height:20px; background:#ffd25b; }
.rm-qm-btn{ margin-left:auto; display:flex; align-items:center; gap:6px; height:46px; padding:0 16px; background:#1a2029; color:#ffd25b; font-weight:700; font-size:14px; border:1px solid rgba(244,190,54,.48); border-radius:12px; cursor:pointer; }
.rm-qm-caret{ font-size:11px; transition:transform .3s; }
/* B已删死代码兄弟选择器(btn在panel前,~永不匹配);只留 :has(现代浏览器生效,旧浏览器降级=不转,不影响功能) */
.rm-qm-btn:has(+ .rm-qm-panel.rm-qm-open) .rm-qm-caret{ transform:rotate(180deg); }
.rm-qm-panel{ position:absolute; top:52px; right:0; z-index:1000; display:none; width:350px; max-width:100%; padding:10px; border-radius:12px; border:1px solid rgba(244,190,54,.48); background:linear-gradient(145deg, rgba(27,31,38,.99), rgba(10,13,18,.99)); box-shadow:0 14px 30px rgba(0,0,0,.46); grid-template-columns:1fr 1fr; gap:7px; }
.rm-qm-panel.rm-qm-open{ display:grid; animation:qmIn .3s ease; }
@keyframes qmIn{ from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none} }
.rm-qm-item{ display:flex; align-items:center; gap:9px; height:42px; padding:8px 11px; border-radius:8px; background:rgba(255,255,255,.043); border:1px solid rgba(255,255,255,.08); color:rgb(233,233,235); font-size:13px; font-weight:400; cursor:pointer; }
.rm-qm-hl{ background:linear-gradient(145deg, rgba(244,190,54,.20), rgba(206,132,17,.10)); border:1px solid rgba(244,190,54,.55); color:rgb(255,214,90); }
.rm-qm-ico{ display:flex; width:18px; height:18px; }
.rm-qm-ico svg{ width:18px; height:18px; }
.rm-qm-item .rm-ic{ width:18px; height:18px; background:currentColor; }
@media(min-width:1024px){ .rm-qm-panel{ width:min(350px, 100%); } }

/* ===== Quick Menu Phase1 My Account 单按钮(2026-08-06, C方案:全 scope .rm-acchead-p,6页零影响) ===== */
/* 🔴 .rm-acchead{position:relative}(3246)是面板绝对定位的基准,承重 —— .rm-acchead-p 里【绝不重设 position】。 */
/* .rm-acc-title 是新类,h3 在 .rm-acchead-p 【外面】(横条容器的兄弟),无法 .rm-acchead-p 后代 scope → 裸写;6页accountHead无 h3.rm-acc-title,不撞。 */
.rm-acc-title{ font-size:24px; font-weight:500; color:#fff; font-family:"Fjalla One",sans-serif; line-height:26.4px; margin:20px 0 10px; }
.rm-acchead-p .rm-qm-menu-btn{ display:flex; align-items:center; padding:0; height:54px; border-radius:11px; cursor:pointer; width:100%; background:linear-gradient(145deg,rgba(31,35,42,.98),rgba(12,16,22,.98)); border:1px solid rgba(244,190,54,.55); color:rgb(255,247,220); font-weight:700; text-transform:uppercase; font-family:"Fjalla One",Arial,sans-serif; position:relative; }
.rm-acchead-p .rm-acc-ico{ flex:0 0 auto; width:38px; height:38px; margin-left:8px; border-radius:8px; background:linear-gradient(145deg,rgb(255,214,90),rgb(233,154,23)); display:grid; place-items:center; }   /* 🔴盖过现有.rm-acc-ico 20×20金 */
.rm-acchead-p .rm-acc-glyph{ color:rgb(25,19,10); display:flex; align-items:center; justify-content:center; }
.rm-acchead-p .rm-acc-glyph svg{ height:18px; width:auto; display:block; }
.rm-acchead-p .rm-acc-label{ flex:1 1 auto; padding-left:12px; text-align:left; font-size:18px; letter-spacing:0.63px; }   /* 🔴 font-size:18/letter-spacing:0.63 = 真站probe10实测,【写死】不用继承(上游字号变了这里不受影响,别用+4那种相对值)。标签盒宽固定,PROFILE 7字够放;🔴 Phase2 若有更长页名可能撑破,到时量一次别假设 */   /* text-align:left 抵消 button 继承的 center;padding-left:12对但flex:1撑宽后文字会在盒内居中跑中间=CSS写对不等于画面对 */
.rm-acchead-p .rm-qm-mzone{ flex:0 0 auto; width:72px; height:52px; border-left:1px solid rgba(244,190,54,.26); display:flex; align-items:center; justify-content:center; gap:6px; color:rgb(244,201,87); }
.rm-acchead-p .rm-menu-txt{ font-family:Arial,sans-serif; font-size:9px; font-weight:700; letter-spacing:1.08px; }
.rm-acchead-p .rm-qm-caret{ width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid rgb(244,201,87); }   /* 🔴盖过现有.rm-qm-caret font-size:11(文字▾) */
/* 🔴 面板 width:auto【不写不生效】:绝对定位 left/right/width 三者非auto=过约束,浏览器忽略right(LTR)→面板还是350贴左。盖过现有top52/right0/width350 + @media(min1024) width:min(350,100%)(0,2,0>0,1,0,@media不加特异性)。 */
.rm-acchead-p .rm-qm-panel{ left:0; right:0; top:calc(54px + 7px); width:auto; }
/* 🔴 图标盒固定24×20(不随adv变,7项adv1024~1920);svg高=字号14px(不用100%,viewBox1792=1em,100%等于盒高会偏大) */
.rm-acchead-p .rm-qm-ico{ display:flex; align-items:center; width:24px; height:20px; margin-right:8px; flex:0 0 auto; }   /* 🔴盖过现有18×18 */
.rm-acchead-p .rm-qm-ico svg{ height:14px; width:auto; display:block; }   /* 🔴盖过现有18×18 */
.rm-acchead-p .rm-qm-panel .rm-qm-item .rm-qm-ico{ color:rgb(242,185,40); }   /* 面板图标金 */
/* ===== forgot 页对标真站 rodabet forgot.html(2026-08-10 浏览器实测真站值) ===== */
/* 标题:对标真站【手机可见份】(2026-08-10 500px 窄视口重量,上一轮量到隐藏桌面份=错):color rgb(255,231,160)/25px/uppercase/居中 + ::after 金条下划线 42x3 bg rgb(247,194,53)。 */
.rm-authcard .rm-fg-title{color:rgb(255,231,160);text-transform:uppercase;font-size:25px;letter-spacing:.5px;position:relative}
.rm-authcard .rm-fg-title::after{content:"";display:block;width:42px;height:3px;background:rgb(247,194,53);margin:10px auto 0}
/* 标签在框上方,纯白无图示。🔴真站手机份【有】金色 FontAwesome 错配图示(Email=fa-user人像/Username=fa-envelope信封/Contact=fa-lock锁,色 rgb(247,194,53))——是否照搬待 Gerald 定甲-A(搬错配)/甲-B(配对正确),定了再加。openCustom 已 remove rm-auth-login,无 !important 冲突。 */
.rm-authcard .rm-fg-label{display:flex;align-items:center;gap:7px;color:rgb(231,231,233);font-size:13px;font-weight:700;margin:2px 0 6px;font-family:inherit}
/* 甲-A 图示:金色 inline SVG(本站不载 FA),错配映射见 app.js renderForgot 注释。 */
.rm-authcard .rm-fg-ico{display:inline-flex;width:14px;height:14px;flex:0 0 auto;color:rgb(247,194,53)}
.rm-authcard .rm-fg-ico svg{width:100%;height:100%;display:block}

/* ===== forgot 页对标真 rodabet forgot.html(2026-08-11 500px窄视口实测;全部 scope 到 .rm-fg-page 零泄漏 login/register/其它页) ===== */
/* #1/#6 字体:真站全站 Fjalla One(偏窄/数码风) */
.rm-fg-page{ font-family:"Fjalla One",sans-serif; box-sizing:border-box; margin:0 -16px; padding:22px 16px 8px; min-height:calc(100vh - 150px);
  /* #2 背景照搬真站【wrapper 那层(不是被盖住的 body)】:暗 linear rgb(27,7,10)->rgb(8,7,8)+顶部红光 radial@-12% 43%(2026-08-11 二次实测:上次量到 body 亮红 rgb(98,12,16)是被 wrapper 盖住那层)。min-height 铺到底部导航(消 y547 硬边、红往下淡出,真站 wrapper h820) */
  background:radial-gradient(circle at 50% -12%, rgba(164,39,45,.34), rgba(0,0,0,0) 43%), linear-gradient(rgb(27,7,10), rgb(13,8,9) 56%, rgb(8,7,8)); }
/* #4 SUBMIT 按钮:真站 forgot 金黄渐变(实测 rgb(255,220,112)->rgb(228,170,32));scope .rm-fg-page 内=不碰站内其它 .rm-modal-submit */
.rm-fg-page .rm-modal-submit{ background:linear-gradient(180deg, rgb(255,220,112), rgb(228,170,32))!important; border:1px solid rgb(255,220,114)!important; border-radius:11px!important; color:rgb(39,27,4)!important; font-weight:900!important; font-size:15px!important; text-transform:uppercase!important; }   /* #1 字号 18->15 对标真站(2026-08-11);weight 900 不动=真站也900 */
/* #5/#6 Power By 外框条:真站 rgb(43,43,43) 满宽 bar(同 login powerby 的 -16px 抵消父 padding 做法,不用 100vw 免横滚) */
.rm-fg-powerby{ box-sizing:border-box; margin:0 calc(50% - 50vw); padding:5px 0; background:rgb(43,43,43); color:rgb(237,237,237); font-family:"Fjalla One",sans-serif; font-size:14px; font-weight:400; letter-spacing:normal; text-transform:none; text-align:center; border-radius:0; }   /* Power By: 满屏 full-bleed(margin:0 calc(50%-50vw)=整个视窗宽),margin-top:0 保留紧贴卡片(gap0)。
     🔴 注意:真站实测是【卡片同宽 472 + 紧贴】(v382 曾对齐);此处【刻意偏离参照站】,是 Gerald 2026-08-11 明确要求"power by 贯穿整个屏幕"。
     若日后要回到对标真站,改回 margin:0 auto + max-width:卡片宽 即可。gap0 那半 Gerald 没要求改,保留。 */
/* #3 卡片外框:白 rgba(255,255,255,.08)->真站金 rgba(247,194,53,.28)(2026-08-11 实测真站 .container border;确认是 border 非 outline/box-shadow) */
.rm-fg-page .rm-authcard{ border-color:rgba(247,194,53,.28); }
/* #5 输入框:真站实心冷暗 rgb(16,19,25)+灰边 rgb(69,74,84)(2026-08-11 实测,真站零黄)。现在半透明白叠红底才显暖=不一致;改实心冷暗与 login 一致,不加黄。特异度 (0,3,0) 赢 .rm-authcard .rm-field(0,2,0) 不靠 source order */
.rm-fg-page .rm-authcard .rm-field{ background:rgb(16,19,25); border-color:rgb(69,74,84); }
/* #1 "Ingat kata sandi Anda?"那列去框(Gerald 2026-08-11 设计,真站无此列不量真站):去掉 .rm-authcard .rm-modal-switch 的 bg/border/padding。scope forgot 专属+0,3,0 赢 .rm-authcard .rm-modal-switch(0,2,0)不靠 source order */
.rm-fg-page .rm-authcard .rm-modal-switch{ background:none; border:0; padding:0; }
/* #2 Masuk->Login 做成纯文字连结(Gerald):去按钮框,复用站上既有连结样式金 rgb(242,185,40)+下划线(同 .rm-auth-login .rm-switch-btn,不发明新色)。🔴只改样式,onclick=renderForm("login")未动 */
.rm-fg-page .rm-authcard .rm-switch-btn{ min-width:0; height:auto; padding:0; border:0; background:transparent; box-shadow:none; color:rgb(242,185,40); text-decoration:underline; font-size:13px; }

/* ===== sport 专属大磚几何+背景(2026-08-11 Gerald;scope 到 .rm-sb-grid,不动共用 rm-pcard-grid=lc/poker/fish/mcat 保持原样) ===== */
/* 对标真站:桌面2栏(455×228)/手机1栏(476×238)/gap30;背景花纹自 host sb-bg.jpg。特异度(0,3,0)赢 rm-pcard-grid(0,2,0)!important 不靠 source order */
/* 🔴 用 ID 特异度:桌面 body.rm-dt-cat #rm-grid(1,1,1)!important 设 5栏/gap14,class 规则赢不了→我也用 #rm-grid */
#rm-grid.rm-sb-grid{ grid-template-columns:1fr 1fr!important; gap:30px!important; padding:20px 16px; border-radius:0; min-height:0; }   /* 批B(2026-08-12):花纹从此盒移到满宽body(见下),grid透明让磚直接浮在满宽花纹上(同真站结构);border-radius:0去盒角 */
body.rm-dt-cat:not(.rm-authopen){ background:rgb(98,12,16) url(/assets/sb-bg.webp) no-repeat 50% 0% !important; }
body.rm-acct-ro{ background:rgb(98,12,16) url(/assets/sb-bg.webp) no-repeat 50% 0% !important; }   /* 批1(2026-08-13):8个唯读账户页红body+花纹(同批B/真站;容器透明露出,内容卡片留暗);特异度(0,1,1)+!important赢line1856 body暗底 */   /* 批B:红底满宽+顶部花纹带(照真站#content配方;md5证sb-bg=真站bg.jpg同一张图2000x3500);:not(.rm-authopen)结构性排除钱页/账户/auth(它们经openPage加authopen);contact走livechat浮层不设rm-dt-cat故天然不受影响;特异度(0,2,1)+!important赢line1856 body暗底!important */   /* 批A(2026-08-12):.rm-grid{min-height:60vh}是为slot分页留的,大磚页漏了覆盖被撑到648;此处归0让高度随磚数(特异度1,1,0赢.rm-grid 0,1,0,不动slot那份) */
.rm-cat-title{ grid-column:1 / -1; text-align:center; font-family:"Fjalla One",sans-serif; font-size:30px; font-weight:700; color:rgb(255,244,197); margin:2px 0 8px; letter-spacing:.3px; }   /* 批C(2026-08-12):类目标题,照真站H2实测值(30px/700/rgb(255,244,197)/居中);满宽跨grid两栏 */
@media(min-width:1024px){ body.rm-dt-cat #rm-grid.rm-sb-grid{ grid-template-columns:1fr 1fr!important; gap:30px!important; } }   /* (1,2,1) 赢桌面 body.rm-dt-cat #rm-grid(1,1,1) */
@media(max-width:700px){ #rm-grid.rm-sb-grid{ grid-template-columns:1fr!important; } }   /* 手机 1 栏 */

/* ============================================================================
   2026-08-14 桌面 My Account 对齐真站(roda.id-net.work):大标题 + 7横tab + 双栏 + 盒式栏位 + 金按钮
   🔴 全部 scope 在 .rm-macct-page(renderProfile 唯一 hook)+ @media(min-width:1024px)
   🔴 手机(<1024)零变;JR-1/gridoff/HOME closeModal/rm-acct-ro/bonus/header 全不碰
   🔴 7 tab 导航沿用既有 document 委派(go-map),本块纯展示;不清 innerHTML
   ============================================================================ */
@media(min-width:1024px){
  /* 容器加宽:压过 1917 的 max-width:600(特异度 1,4,0 > 其 1,3,0) */
  #rm-authpage.rm-macct-page.on:not(.rm-auth-login):not(.rm-auth-register){ max-width:960px!important; padding-left:0!important; padding-right:0!important; }

  /* ① 大标题 MY ACCOUNT:金渐变 / 大写 / 居中 */
  .rm-macct-page .rm-acc-title{ text-align:center; text-transform:uppercase; font-size:30px; line-height:1.1; font-weight:700; letter-spacing:.08em; margin:28px 0 18px;
    color:#fff4c5; -webkit-text-fill-color:#fff4c5;
    text-shadow:0 2px 18px rgba(255,195,57,.25); }   /* 真站 #content>.container>h2 实测:纯色#fff4c5/30px/.08em/text-shadow(非渐变) */

  /* ② 7 横向 tab:隐 MENU 钮,面板常显成一排文件夹 tab */
  .rm-macct-page .rm-acchead-p{ position:static; margin:0; padding:0; min-height:0; }
  .rm-macct-page .rm-acchead-p .rm-qm-menu-btn{ display:none!important; }
  .rm-macct-page .rm-acchead-p .rm-qm-panel{ display:flex!important; position:static!important; top:auto!important; left:auto!important; right:auto!important; width:100%!important; max-width:none!important; padding:0 8px!important; margin:0!important; border:0!important; background:none!important; box-shadow:none!important; gap:6px; align-items:flex-end; }
  .rm-macct-page .rm-acchead-p .rm-qm-panel .rm-qm-item{ flex:1 1 0!important; justify-content:center!important; min-height:44px; height:auto; margin:0!important; padding:13px 10px!important; grid-column:auto!important; border-radius:10px 10px 0 0!important;
    background:rgba(32,11,13,.72)!important; border:1px solid rgba(255,214,89,.22)!important;
    color:#d8cfc4!important; font-family:"Fjalla One",sans-serif; font-size:14px; line-height:17px; letter-spacing:.3px; text-transform:none; }   /* 真站 #content #tab1>li>a 实测 */
  .rm-macct-page .rm-acchead-p .rm-qm-panel .rm-qm-item .rm-qm-ico{ display:none!important; }   /* 真站 tab 纯文字无 icon */
  .rm-macct-page .rm-acchead-p .rm-qm-panel .rm-qm-hl{ background:linear-gradient(135deg, #8d1b23, #551115)!important; border:1px solid #f2b928!important; border-bottom-color:#3a1619!important; color:#fff7d7!important; box-shadow:0 -5px 18px rgba(235,164,44,.12); font-weight:700; }   /* 真站 active=hover 实测:红渐变#8d1b23->#551115/金边#f2b928/底边#3a1619接面板/字#fff7d7 */

  /* ③ 双栏面板(真站 .tab-pane 实测=灰边#3a3e43/深蓝黑底/radius14;红只在 active tab 与页面底色,面板本身不红) */
  .rm-macct-page .rm-macct-sec{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:0 0 4px!important; padding:27px 34px!important;
    border:1px solid #3a3e43!important; border-radius:14px!important;
    background-image:radial-gradient(circle at 18% 0, rgba(255,255,255,.045), transparent 24rem), linear-gradient(145deg, #10151c, #080c11 72%)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.045)!important; }
  .rm-macct-page .rm-macct-col{ min-width:0; }

  /* ④ 区块标题:金 icon 方块 + 金字大写 + 淡横线 */
  .rm-macct-page .rm-macct-sec .rm-macct-h{ font-size:20px!important; color:rgb(255,214,110)!important; text-transform:uppercase; gap:12px; margin:0 0 16px!important; padding:0 0 14px!important; border-bottom:1px solid rgba(255,190,120,.15)!important; }
  .rm-macct-page .rm-macct-sec .rm-macct-h2{ margin:0 0 16px!important; }   /* 桌面右栏标题不需要手机那 20px 上距 */
  .rm-macct-page .rm-macct-h .rm-macct-ico{ width:34px!important; height:34px!important; padding:7px; box-sizing:border-box; border-radius:9px; background:linear-gradient(145deg, rgb(255,214,90), rgb(233,154,23)); color:rgb(40,20,4)!important; fill:rgb(40,20,4)!important; }

  /* ⑤ 盒式栏位:每行独立圆角暗盒 + gap;label 左 / value 右 */
  .rm-macct-page .rm-macct-card{ display:flex; flex-direction:column; gap:12px; }
  .rm-macct-page .rm-macct-sec .rm-prow{ height:auto!important; min-height:56px!important; padding:14px 18px!important; justify-content:space-between!important;
    border:1px solid rgba(255,186,120,.14)!important; border-radius:10px!important;
    background-image:linear-gradient(145deg, rgba(40,19,19,.92), rgba(22,11,12,.95))!important; }
  .rm-macct-page .rm-macct-sec .rm-prow span{ flex:0 0 auto!important; color:#fff!important; font-size:14px!important; font-weight:700!important; }
  .rm-macct-page .rm-macct-sec .rm-prow b{ flex:0 0 auto!important; color:#fff!important; text-align:right!important; font-size:14px!important; }
  /* Aktifkan 蓝按钮:整行满宽蓝钮(不做成盒) */
  .rm-macct-page .rm-macct-sec .rm-prow-refbtn{ min-height:0!important; padding:0!important; border:0!important; background:none!important; justify-content:stretch!important; }
  .rm-macct-page .rm-macct-sec .rm-prow-refbtn > .rm-ref-btn{ width:100%!important; margin:0!important; padding:14px!important; border-radius:10px!important; font-size:14px!important; }

  /* ⑥ Change Password:label + 盒式输入 + 金 PROCESS(加大) */
  .rm-macct-page .rm-macct-col-r .rm-cp-lbl{ font-size:14px!important; color:#fff!important; margin:0 0 8px!important; }
  .rm-macct-page .rm-macct-col-r .rm-cp-lbl:not(:first-of-type){ margin-top:16px!important; }
  .rm-macct-page .rm-macct-sec .rm-field{ height:52px!important; border-radius:10px!important; }
  .rm-macct-page #rm-cpdo{ min-height:54px!important; font-size:15px!important; margin-top:16px!important; }

  /* 绿 TIDAK AKTIF 徽章:桌面改实心(对齐真站),只 scope .rm-macct-page 不碰手机 */
  .rm-macct-page .rm-macct-sec .rm-ref-badge{ padding:5px 12px!important; background:linear-gradient(180deg, rgb(46,176,96), rgb(30,140,72))!important; border:1px solid rgb(58,196,110)!important; color:#eafff1!important; font-size:12px!important; }

  /* ⑦ Power By 通栏:桌面容器 padding 已归 0,抵消量改 0 */
  .rm-macct-page::after{ margin:22px 0 6px!important; }
}

/* ============================================================================
   2026-08-17 桌面 Deposit 页对齐真站(roda.id-net.work/secure/admin/deposit)
   🔴 全 scope .rm-pay-page + @media(min-width:1024px);手机零变
   🔴 纯展示:提交(rm-dep-do)/字段(rm-dep-amt/metode/promo/bkt/ref/slip)/PowerPG 一律不碰;只 wrapper+class+CSS
   值来源:真站 stylenew.css(.tab-pane/.deposit-type .item/.form-control/.CommonBtt2 实测)
   ============================================================================ */
/* base(含手机):新 wrapper 布局透明 + 新增可视元素隐藏 → 手机 <1024 与改前逐像素一致 */
.rm-pay-page .rm-dep-card,.rm-pay-page .rm-dep-box,.rm-pay-page .rm-dep-2col,.rm-pay-page .rm-dep-2col-l{ display:contents; }
.rm-pay-page .rm-dep-h,.rm-pay-page .rm-dep-qrbox{ display:none; }

@media(min-width:1024px){
  /* 容器加宽(同 Profile,压过 1917 的 600) */
  #rm-authpage.rm-pay-page.on:not(.rm-auth-login):not(.rm-auth-register){ max-width:960px!important; padding-left:0!important; padding-right:0!important; }

  /* 大标题(值同 title-tabs 实测) */
  .rm-pay-page .rm-acc-title{ text-align:center; text-transform:uppercase; font-size:30px; line-height:1.1; font-weight:700; letter-spacing:.08em; margin:28px 0 18px; color:#fff4c5; -webkit-text-fill-color:#fff4c5; text-shadow:0 2px 18px rgba(255,195,57,.25); }

  /* 7 tab 横条(值同 title-tabs 实测;DOM 已在 qmBarHead) */
  .rm-pay-page .rm-acchead-p{ position:static; margin:0; padding:0; min-height:0; }
  .rm-pay-page .rm-acchead-p .rm-qm-menu-btn{ display:none!important; }
  .rm-pay-page .rm-acchead-p .rm-qm-panel{ display:flex!important; position:static!important; top:auto!important; left:auto!important; right:auto!important; width:100%!important; max-width:none!important; padding:0 8px!important; margin:0!important; border:0!important; background:none!important; box-shadow:none!important; gap:6px; align-items:flex-end; }
  .rm-pay-page .rm-acchead-p .rm-qm-panel .rm-qm-item{ flex:1 1 0!important; justify-content:center!important; min-height:44px; height:auto; margin:0!important; padding:13px 10px!important; grid-column:auto!important; border-radius:10px 10px 0 0!important; background:rgba(32,11,13,.72)!important; border:1px solid rgba(255,214,89,.22)!important; color:#d8cfc4!important; font-family:"Fjalla One",sans-serif; font-size:14px; line-height:17px; letter-spacing:.3px; text-transform:none; }
  .rm-pay-page .rm-acchead-p .rm-qm-panel .rm-qm-item .rm-qm-ico{ display:none!important; }
  .rm-pay-page .rm-acchead-p .rm-qm-panel .rm-qm-hl{ background:linear-gradient(135deg,#8d1b23,#551115)!important; border:1px solid #f2b928!important; border-bottom-color:#3a1619!important; color:#fff7d7!important; box-shadow:0 -5px 18px rgba(235,164,44,.12); font-weight:700; }

  /* 外卡片(值同 Profile 面板:灰边#3a3e43/深蓝黑/radius14) */
  .rm-pay-page .rm-dep-card{ display:block; margin:0 0 4px; padding:26px 30px 30px; border:1px solid #3a3e43; border-radius:14px; background-image:radial-gradient(circle at 18% 0, rgba(255,255,255,.045), transparent 24rem), linear-gradient(145deg,#10151c,#080c11 72%); box-shadow:0 20px 48px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.045); }

  /* DEPOSIT 区块头(同 Profile h4:金 icon 方块+金字+横线) */
  .rm-pay-page .rm-dep-h{ display:flex; align-items:center; gap:12px; margin:0 0 18px; padding:0 0 14px; border-bottom:1px solid rgba(255,190,120,.15); font-family:"Fjalla One",sans-serif; font-size:20px; font-weight:700; color:rgb(255,214,110); text-transform:uppercase; letter-spacing:.03em; }
  .rm-pay-page .rm-dep-h .rm-dep-h-ico{ width:34px; height:34px; padding:8px; box-sizing:border-box; border-radius:9px; background:linear-gradient(145deg,rgb(255,214,90),rgb(233,154,23)); color:rgb(40,20,4); flex:0 0 auto; }

  /* 3 支付卡(mmtable→grid3;mmrow→卡;值 .deposit-type .item 系) */
  .rm-pay-page .rm-dep-mmtable{ display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:12px!important; margin:0 0 16px!important; border:0!important; border-radius:0!important; overflow:visible!important; }
  .rm-pay-page .rm-dep-mmrow{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:7px!important; min-height:78px!important; padding:14px 16px!important; border:1px solid rgba(255,214,89,.20)!important; border-radius:12px!important; background:linear-gradient(145deg,#151a21,#0d1117)!important; }
  .rm-pay-page .rm-dep-mmlabel{ display:flex!important; align-items:center!important; gap:10px!important; font-size:15px!important; color:#efeff1!important; }
  .rm-pay-page .rm-dep-mmlabel img, .rm-pay-page .rm-dep-mmlabel svg{ width:30px!important; height:30px!important; padding:6px; box-sizing:border-box; border:1px solid rgba(255,197,45,.36); border-radius:9px; background:rgba(255,197,45,.08); color:#ffc52d; }
  .rm-pay-page .rm-dep-mmval{ font-size:11.5px!important; color:#9aa0a8!important; letter-spacing:.02em!important; }

  /* 分区盒 */
  .rm-pay-page .rm-dep-box{ display:block; margin:0 0 14px; padding:16px 18px; border:1px solid rgba(255,211,90,.16); border-radius:12px; background:linear-gradient(145deg,rgba(27,32,40,.9),rgba(13,17,23,.9)); box-shadow:inset 0 1px rgba(255,255,255,.035); }
  .rm-pay-page .rm-dep-box .rm-sec-label{ display:flex; align-items:center; gap:9px; margin:0 0 12px; color:#eeeeef; font-weight:700; letter-spacing:.045em; }
  .rm-pay-page .rm-dep-box .rm-sec-label::before{ content:""; width:26px; height:26px; flex:0 0 26px; box-sizing:border-box; border:1px solid rgba(255,197,45,.36); border-radius:8px; background:rgba(255,197,45,.08) center/16px 16px no-repeat; }
  .rm-pay-page .rm-dep-box-tipe .rm-sec-label::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc52d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h3'/%3E%3C/svg%3E"); }
  .rm-pay-page .rm-dep-box-met .rm-sec-label::before,.rm-pay-page .rm-dep-box-bank .rm-sec-label::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc52d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10h18M5 10v8M9 10v8M15 10v8M19 10v8M3 19h18M12 3 3 8h18Z'/%3E%3C/svg%3E"); }
  .rm-pay-page .rm-dep-box-amt .rm-sec-label::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc52d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v10'/%3E%3Cpath d='M14.5 9.3A2.4 2 0 0 0 9.6 10c0 2.5 4.8 1.2 4.8 3.9a2.4 2 0 0 1-4.9.6'/%3E%3C/svg%3E"); }
  .rm-pay-page .rm-dep-box-promo .rm-sec-label::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc52d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='10' rx='1'/%3E%3Cpath d='M12 10v10M4 14h16M12 10H8.5A2.5 2.5 0 1 1 11 7.5ZM12 10h3.5A2.5 2.5 0 1 0 13 7.5Z'/%3E%3C/svg%3E"); }
  /* proof 盒(manual:ref号+slip,共2 label)无对应 icon → 不显空方块 */
  .rm-pay-page .rm-dep-box-proof .rm-sec-label::before{ content:none; }
  /* 盒内的既有 rm-dep-promoico(礼物 i) 与我们盒头 icon 重复→盒内那个隐掉,统一用盒头 */
  .rm-pay-page .rm-dep-box .rm-dep-promoico{ display:none!important; }

  /* 双栏(Metode+Bank+Jumlah 左 | QR 占位 右) */
  .rm-pay-page .rm-dep-2col{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:stretch; margin:0 0 14px; }
  .rm-pay-page .rm-dep-2col-l{ min-width:0; display:flex; flex-direction:column; }
  .rm-pay-page .rm-dep-2col-l .rm-dep-box:last-child{ margin-bottom:0; }
  .rm-pay-page .rm-dep-qrbox{ display:block; border:1px solid #2a2e34; border-radius:12px; background:linear-gradient(145deg,rgba(20,24,30,.55),rgba(10,13,18,.55)); }

  /* 2026-08-21 桌面:银行详情卡移到右栏(Gerald)。【方案 B:不叠放】
     第一版把银行卡与 qrbox 放同一 grid 区 -> DOM 里 qrbox 在后、无 z-index 便绘制在上,
     它 55% 不透明的深色背景既造成「蒙了一层阴影」的观感, 又拦截 pointer events
     导致复制按钮点不动(2026-08-21 真机报, 已回退)。所以这版【不让两者重叠】。
     做法: 两者都放第 2 栏第 1 列, 但 qrbox 改成不生成盒(display:none)。
       手动模式 -> 银行卡独占右栏格, 上面没有任何东西盖着。
       自动模式 -> JS(3723/3775)把银行卡设成 display:none, 该格没有可见项;
                   右栏因此空着, 与改前观感一致(改前那里也只是一个空框)。
     左栏三条配套规则的理由见下, 少一条就有可见回归:
       row-gap:0        原本 2col-l 是 flex column, 盒距靠各盒自己的 margin-bottom:14px;
                        变 grid item 后沿用 gap:16px 会再叠 16px, 间距 14 -> 30。
       align-self:start 容器有 align-items:stretch(3472), 不加会把 MET 拉高(实测 136 -> 169)。
       span 99          隐式 grid 里 grid-row:1/-1 只跨到第一条显式线(实测右栏缩成一格高)。
     3474 的 .rm-dep-2col-l .rm-dep-box:last-child{margin-bottom:0} 仍生效:
       display:contents 只影响盒生成, 不改 DOM, 后代选择器照样命中。 */
  .rm-pay-page .rm-dep-2col{ column-gap:16px; row-gap:0; }
  .rm-pay-page .rm-dep-2col-l{ display:contents; }
  .rm-pay-page .rm-dep-2col-l > .rm-dep-box{ grid-column:1; align-self:start; }
  .rm-pay-page .rm-dep-2col-l > #rm-dep-btfbank{ grid-column:2; grid-row:1 / span 99; align-self:stretch; margin-bottom:0; }
  .rm-pay-page .rm-dep-qrbox{ display:none; }

  /* Tipe 两卡(不动 active 逻辑,只对齐外观;active 类由既有 JS 控,现有 CSS 已给金) */
  .rm-pay-page .rm-deptipe .rm-deptipe-btn{ min-height:56px; border-radius:12px; }

  /* PROCESS(值同真站 .CommonBtt2) */
  .rm-pay-page #rm-dep-do{ min-height:56px!important; border:2px solid #ffd35a!important; border-radius:13px!important; background:linear-gradient(135deg,#ffd35d,#eda513 72%)!important; box-shadow:0 0 24px rgba(242,185,40,.26), inset 0 1px rgba(255,255,255,.55)!important; color:#111317!important; font-size:18px!important; font-weight:900!important; letter-spacing:.02em!important; }
}


/* ============================================================================
   2026-08-17 钱页背景对齐真站(deposit-bg-title 单);全宽红底+斜纹箭头(sb-bg.webp=真站 bg.jpg 同图,md5 已证)
   🔴 scope: .rm-pay-page::before(deposit+withdraw 同容器一起,工单允许)+ @media(min-width:1024px)
   🔴 手机 <1024 零变(不进 media);容器透明露出全宽 body 花纹(同 rm-acct-ro 既有做法);纯背景,零逻辑
   ============================================================================ */
@media(min-width:1024px){
  /* 🔴 不用 body:has():该引擎 :has()+@media 会无视 media 泄漏到 <1024(1023 实测 chevron 仍在=手机会变)。
     改 .rm-pay-page::before fixed 全视口伪元素:普通选择器 gates 正确(1023 实测 .rm-pay-page 规则已 OFF),
     scope 仅钱页(deposit/withdraw),全宽红底斜纹,z-index:-1 垫在最底,纯背景零逻辑。 */
  .rm-pay-page{ background:transparent!important; }
  .rm-pay-page::before{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:rgb(98,12,16) url(/assets/sb-bg.webp) no-repeat 50% 0; }
}

/* ============================================================================
   2026-08-17 桌面 Withdrawal 页对齐真站;全 scope .rm-wd-page + @media(min-width:1024px);手机零变
   🔴 纯展示:提交(rm-wd-do)/字段(rm-wd-amt/accno/accname/b1/b2)/校验(refreshGate/wdVal) 零碰;只 wrapper+class+CSS+1 title
   顺序用 CSS order 重排(不移 DOM);Bank/Balance 只读 span restyle 成卡;Balance 两值都留(并排,不合并)
   值复用 deposit/Profile 实测(卡/盒/输入/按钮/icon)
   ============================================================================ */
/* base(含手机):新 wrapper 布局透明 + 新增可视元素隐藏 → 手机 <1024 逐像素同改前 */
.rm-wd-page .rm-wd-card,.rm-wd-page .rm-wd-box,.rm-wd-page .rm-wd-2col,.rm-wd-page .rm-wd-panel{ display:contents; }
.rm-wd-page .rm-wd-h{ display:none; }

@media(min-width:1024px){
  /* 外卡片(flex column,承载 order 重排;值同 deposit 卡) */
  .rm-wd-page .rm-wd-card{ display:flex; flex-direction:column; margin:0 0 4px; padding:26px 30px 30px; border:1px solid #3a3e43; border-radius:14px; background-image:radial-gradient(circle at 18% 0, rgba(255,255,255,.045), transparent 24rem), linear-gradient(145deg,#10151c,#080c11 72%); box-shadow:0 20px 48px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.045); }
  .rm-wd-page .rm-wd-panel{ display:contents; }   /* mm-2col/totbox 升为 card 直接子=可 order */

  /* 区块头 Withdrawal(同 deposit h) */
  .rm-wd-page .rm-wd-h{ display:flex; order:0; align-items:center; gap:12px; margin:0 0 18px; padding:0 0 14px; border-bottom:1px solid rgba(255,190,120,.15); font-family:"Fjalla One",sans-serif; font-size:20px; font-weight:700; color:rgb(255,214,110); text-transform:uppercase; letter-spacing:.03em; }
  .rm-wd-page .rm-wd-h .rm-wd-h-ico{ width:34px; height:34px; padding:8px; box-sizing:border-box; border-radius:9px; background:linear-gradient(145deg,rgb(255,214,90),rgb(233,154,23)); color:rgb(40,20,4); flex:0 0 auto; }

  /* 重排:Min|Max → Bank No|Name → Balance|Available → Total → PROCESS */
  .rm-wd-page .rm-wd-2col-mm{ order:1; }
  .rm-wd-page .rm-wd-2col-bank{ order:2; }
  .rm-wd-page #rm-wd-stat{ order:2; }
  .rm-wd-page .rm-wd-2col-bal{ order:3; }
  .rm-wd-page .rm-wd-totbox{ order:4; }
  .rm-wd-page #rm-wd-do{ order:6; }

  /* 2col grid */
  .rm-wd-page .rm-wd-2col{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0 0 14px; }

  /* 盒 + icon 标题 */
  .rm-wd-page .rm-wd-box{ display:block; padding:15px 18px; border:1px solid rgba(255,211,90,.16); border-radius:12px; background:linear-gradient(145deg,rgba(27,32,40,.9),rgba(13,17,23,.9)); box-shadow:inset 0 1px rgba(255,255,255,.035); }
  .rm-wd-page .rm-wd-box .rm-sec-label{ display:flex; align-items:center; gap:9px; margin:0 0 8px; color:#eeeeef; font-weight:700; letter-spacing:.045em; }
  .rm-wd-page .rm-wd-box .rm-sec-label::before{ content:""; width:26px; height:26px; flex:0 0 26px; box-sizing:border-box; border:1px solid rgba(255,197,45,.36); border-radius:8px; background:rgba(255,197,45,.08) center/16px 16px no-repeat; }
  .rm-wd-page .rm-wd-box-no .rm-sec-label::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc52d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h3'/%3E%3C/svg%3E"); }
  .rm-wd-page .rm-wd-box-name .rm-sec-label::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc52d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E"); }
  .rm-wd-page .rm-wd-box-bal .rm-sec-label::before,.rm-wd-page .rm-wd-box-avail .rm-sec-label::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc52d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v10'/%3E%3Cpath d='M14.5 9.3A2.4 2 0 0 0 9.6 10c0 2.5 4.8 1.2 4.8 3.9a2.4 2 0 0 1-4.9.6'/%3E%3C/svg%3E"); }

  /* Bank/Balance 只读 span:去 input 皮,纯文本值 */
  .rm-wd-page .rm-wd-box .rm-wd-fld{ min-height:0!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; }
  .rm-wd-page .rm-wd-box .rm-wd-fldval{ font-size:15px; color:#efeff1; font-family:"Fjalla One",sans-serif; letter-spacing:.02em; }
  .rm-wd-page .rm-wd-box .rm-wd-green{ color:#54c878; }

  /* Min|Max 两卡 */
  .rm-wd-page .rm-wd-2col-mm{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  .rm-wd-page .rm-wd-2col-mm .rm-wd-prow{ display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; min-height:78px; margin:0; padding:14px 16px; border:1px solid rgba(255,214,89,.20); border-radius:12px; background:linear-gradient(145deg,#151a21,#0d1117); }
  .rm-wd-page .rm-wd-2col-mm .rm-wd-plabel{ display:flex; align-items:center; gap:10px; font-size:14px; color:#efeff1; font-weight:700; }
  .rm-wd-page .rm-wd-2col-mm .rm-wd-plabel svg,.rm-wd-page .rm-wd-2col-mm .rm-wd-plabel img{ width:28px; height:28px; padding:5px; box-sizing:border-box; border:1px solid rgba(255,197,45,.36); border-radius:8px; background:rgba(255,197,45,.08); color:#ffc52d; }
  .rm-wd-page .rm-wd-2col-mm .rm-wd-pval{ font-size:13px; color:#c9cdd4; }

  /* Total 盒(label + 输入) */
  .rm-wd-page .rm-wd-totbox{ display:block; padding:15px 18px; border:1px solid rgba(255,211,90,.16); border-radius:12px; background:linear-gradient(145deg,rgba(27,32,40,.9),rgba(13,17,23,.9)); box-shadow:inset 0 1px rgba(255,255,255,.035); }
  .rm-wd-page .rm-wd-totbox .rm-wd-prow-total{ display:flex; align-items:center; gap:9px; margin:0 0 10px; padding:0; border:0; background:none; }
  .rm-wd-page .rm-wd-totbox .rm-wd-plabel{ display:flex; align-items:center; gap:9px; color:#eeeeef; font-weight:700; letter-spacing:.045em; }
  .rm-wd-page .rm-wd-totbox .rm-wd-plabel svg,.rm-wd-page .rm-wd-totbox .rm-wd-plabel img{ width:26px; height:26px; padding:5px; box-sizing:border-box; border:1px solid rgba(255,197,45,.36); border-radius:8px; background:rgba(255,197,45,.08); color:#ffc52d; }
  .rm-wd-page .rm-wd-amtbox{ min-height:56px!important; border:2px solid #55595f!important; border-radius:12px!important; background:rgba(12,16,22,.82)!important; }
  .rm-wd-page .rm-wd-amtbox input{ font-size:20px; font-weight:700; }

  /* PROCESS 金(值同真站 .CommonBtt2) */
  .rm-wd-page #rm-wd-do{ min-height:56px!important; margin-top:2px; border:2px solid #ffd35a!important; border-radius:13px!important; background:linear-gradient(135deg,#ffd35d,#eda513 72%)!important; box-shadow:0 0 24px rgba(242,185,40,.26), inset 0 1px rgba(255,255,255,.55)!important; color:#111317!important; font-size:18px!important; font-weight:900!important; letter-spacing:.02em!important; }
  .rm-wd-page #rm-wd-do[disabled]{ opacity:.55; }
}

/* ============================================================================
   2026-08-17 桌面 History 页对齐真站;全 scope .rm-hist-page + @media(min-width:1024px);手机零变
   🔴 纯展示:取数(fetchTxnHistory/getBetHistory)/日期提交(rm-hdrp-go)/分页 零碰;只 wrapper+class+CSS+1 title(qmBarHead)
   🔴 STATUS 列【不加】:后端 txn/bet 两 API 均无 status 字段(t_credit_transfer 无 f_status),表 5 列不变
   —— 【地基】容器+标题+7tab(与 Profile/deposit/withdraw 逐字一致,与截图无关);卡片内饰/背景/子tab/日期/表格待真站图
   ============================================================================ */
/* base(含手机):外卡片 wrapper 透明passthrough → 手机 <1024 逐像素同改前 */
.rm-hist-page .rm-hist-card{ display:contents; }

@media(min-width:1024px){
  /* 容器加宽(同 Profile/deposit,压过既有 600) */
  .rm-promo-frame-title{ font-size:30px; }
  .rm-promo-frame-title::before{ content:none; }   /* 2026-08-24 桌面才对齐真站(30px + 无 🎁);手机不动。WHY 分成两处:这两条原本写在全域段,导致手机标题 21->30 且 🎁 消失 —— 范围溢出,gate 回桌面 */
  #rm-authpage.rm-promo-page.on:not(.rm-auth-login):not(.rm-auth-register){ max-width:1060px!important; padding-left:0!important; padding-right:0!important; }   /* 2026-08-23 promo 桌面对齐真站:真站 .container = min(1080px, 100vw-36px),内层按%缩;此处取 .rm-content 的 max-width 1060 作同位对应(抄机制不抄1020那个数)。形状照 3366/3431/3593 三个先例。依赖:renderPromo 加 rm-promo-page + openCustom remove 它 —— 任一被移除本规则即失效 */
  #rm-authpage.rm-hist-page.on:not(.rm-auth-login):not(.rm-auth-register){ max-width:960px!important; padding-left:0!important; padding-right:0!important; }

  /* MY ACCOUNT 大标题(值同 deposit/withdraw 实测) */
  .rm-hist-page .rm-acc-title{ text-align:center; text-transform:uppercase; font-size:30px; line-height:1.1; font-weight:700; letter-spacing:.08em; margin:28px 0 18px; color:#fff4c5; -webkit-text-fill-color:#fff4c5; text-shadow:0 2px 18px rgba(255,195,57,.25); }

  /* 7 tab 横条(值同 deposit/withdraw;DOM 已在 qmBarHead) */
  .rm-hist-page .rm-acchead-p{ position:static; margin:0; padding:0; min-height:0; }
  .rm-hist-page .rm-acchead-p .rm-qm-menu-btn{ display:none!important; }
  .rm-hist-page .rm-acchead-p .rm-qm-panel{ display:flex!important; position:static!important; top:auto!important; left:auto!important; right:auto!important; width:100%!important; max-width:none!important; padding:0 8px!important; margin:0!important; border:0!important; background:none!important; box-shadow:none!important; gap:6px; align-items:flex-end; }
  .rm-hist-page .rm-acchead-p .rm-qm-panel .rm-qm-item{ flex:1 1 0!important; justify-content:center!important; min-height:44px; height:auto; margin:0!important; padding:13px 10px!important; grid-column:auto!important; border-radius:10px 10px 0 0!important; background:rgba(32,11,13,.72)!important; border:1px solid rgba(255,214,89,.22)!important; color:#d8cfc4!important; font-family:"Fjalla One",sans-serif; font-size:14px; line-height:17px; letter-spacing:.3px; text-transform:none; }
  .rm-hist-page .rm-acchead-p .rm-qm-panel .rm-qm-item .rm-qm-ico{ display:none!important; }
  .rm-hist-page .rm-acchead-p .rm-qm-panel .rm-qm-hl{ background:linear-gradient(135deg,#8d1b23,#551115)!important; border:1px solid #f2b928!important; border-bottom-color:#3a1619!important; color:#fff7d7!important; box-shadow:0 -5px 18px rgba(235,164,44,.12); font-weight:700; }
}

@media(min-width:1024px){
  /* ---- 外卡片(值同 deposit/withdraw 卡:灰边#3a3e43/深蓝黑/radius14);内装[子tab+日期+表格] ---- */
  .rm-hist-page .rm-hist-card{ display:block; margin:0 0 4px; padding:22px 26px 26px; border:1px solid #3a3e43; border-radius:14px; background-image:radial-gradient(circle at 18% 0, rgba(255,255,255,.045), transparent 24rem), linear-gradient(145deg,#10151c,#080c11 72%); box-shadow:0 20px 48px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.045); }

  /* ---- 子 tab(卡片顶;金 active 沿用 mobile .rm-htab.on,仅放大字号/去 mobile 外边距) ---- */
  .rm-hist-page .rm-htabs{ gap:26px; margin:0 0 18px; padding:0 2px; }
  .rm-hist-page .rm-htab{ font-size:15px; padding:0 0 12px; }

  /* ---- 日期框 + Submit(左对齐,放大;沿用 mobile 配色) ---- */
  .rm-hist-page .rm-hdrp{ justify-content:flex-start; align-items:center; gap:10px; margin:0 0 16px; }
  .rm-hist-page .rm-hdrp-disp{ flex:0 1 480px; height:46px; padding:0 14px; border-radius:8px; font-size:13.5px; }
  .rm-hist-page .rm-hdrp-cal{ width:15px; height:15px; }
  .rm-hist-page .rm-hdrp-go{ height:46px; padding:0 24px; border-radius:8px; font-size:14px; }
  .rm-hist-page .rm-hdrp-pop{ margin:0 0 14px; max-width:480px; padding:12px; }
  .rm-hist-page .rm-hdrp-quick button{ font-size:12px; padding:9px 6px; }
  .rm-hist-page .rm-hdrp-fld{ font-size:12.5px; }
  .rm-hist-page .rm-hdrp-fld input{ height:36px; font-size:13px; }
  .rm-hist-page .rm-hdrp-note{ font-size:11px; }

  /* ---- 表格(卡内;去 mobile 外边距/重边框,card 提供框;表头深炭底白字大写,行分隔;字号放大) ---- */
  .rm-hist-page .rm-htable-wrap{ margin:0; border:1px solid rgba(255,211,90,.14); border-radius:10px; background:transparent; }
  .rm-hist-page .rm-htable{ font-size:13px; }
  .rm-hist-page .rm-htable th{ padding:13px 16px; font-size:12px; color:#ffffff; background:rgba(0,0,0,.4); border-bottom-color:rgba(255,255,255,.12); border-right-color:rgba(255,255,255,.05); }
  .rm-hist-page .rm-htable td{ padding:12px 16px; font-size:13px; color:#c9cdd4; }

  /* ---- 空状态(照真站:金框带 No Data Available.) ---- */
  .rm-hist-page .rm-htable-state{ padding:32px 16px!important; color:#e8e8ea!important; border-top:1px solid rgba(242,185,40,.55)!important; border-bottom:1px solid rgba(242,185,40,.55)!important; }
}

/* ============================================================================
   2026-08-17 History 页背景对齐真站(同 deposit/withdraw 全宽红底+斜纹箭头);scope .rm-hist-page::before + @media(min-width:1024px)
   🔴 不用 :has()+@media(该引擎会泄漏到 <1024,手机会变;见 feedback_no_has_with_media_gate)。
      用普通选择器 .rm-hist-page::before(fixed 全视口伪元素=全宽,普通选择器 gates 正确),z-index:-1 垫底,纯背景零逻辑。
      手机 <1024 零变(不进 media);sb-bg.webp 复用 deposit 已落地图。
   ============================================================================ */
@media(min-width:1024px){
  .rm-hist-page{ background:transparent!important; }
  .rm-hist-page::before{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:rgb(98,12,16) url(/assets/sb-bg.webp) no-repeat 50% 0; }
}

/* ============================================================================
   2026-08-17 History Bet 全克隆:# / Type 列 + Show entries + Total/Grant Total + 分页
   🔴 桌面(≥1024)+bet(.rm-hbet-on)才显 chrome;手机<1024 与 txn 都沿用现状(chrome/# /Type/合计行 隐藏)
   🔴 纯展示层:全部前端基于已 fetch 的 rows;取数/端点/日期/CSRF 零动(见 app.js token 计数)
   ============================================================================ */
/* base:chrome 默认隐藏(txn 恒隐、手机恒隐) */
.rm-hist-page .rm-hlen{ display:none; }
.rm-hist-page .rm-hpag{ display:none; }
/* 手机 <1024:bet 的 # / Type 列 + 合计行 隐藏 = 沿用现状 5 列无合计(txn 不受影响,它不产生这些 class) */
@media(max-width:1023px){
  .rm-hist-page .rm-htable .rm-hc-num,
  .rm-hist-page .rm-htable .rm-hc-type,
  .rm-hist-page .rm-htable .rm-htotal{ display:none; }
}
@media(min-width:1024px){
  /* Show entries(仅桌面 bet) */
  .rm-hist-page.rm-hbet-on .rm-hlen{ display:flex; align-items:center; gap:8px; margin:0 0 14px; color:#c9cdd4; font-size:13px; }
  .rm-hist-page.rm-hbet-on .rm-hlen select{ height:34px; padding:0 8px; border:1px solid rgba(255,211,90,.22); border-radius:7px; background:rgba(12,16,22,.82); color:#efeff1; font-size:13px; font-family:inherit; cursor:pointer; }
  /* Total / Grant Total 行(仅 bet 渲染;桌面显) */
  .rm-hist-page .rm-htable .rm-htotal td{ padding:12px 16px; font-weight:700; color:#efeff1; background:rgba(0,0,0,.32); border-top:1px solid rgba(255,211,90,.18); border-bottom:0; }
  .rm-hist-page .rm-htable .rm-htotal td.rm-htotal-lbl{ text-align:left; letter-spacing:.03em; }   /* 真站 Total:/Grant Total: 白色左对齐;特异性提到 td.xxx 压过 .rm-htotal td */
  /* 分页(仅桌面 bet) */
  .rm-hist-page.rm-hbet-on .rm-hpag{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 0 0; color:#c9cdd4; font-size:13px; }
  .rm-hist-page.rm-hbet-on .rm-hpag-nav{ display:flex; gap:8px; }
  .rm-hist-page.rm-hbet-on .rm-hpag-nav button{ min-height:36px; padding:0 16px; border:1px solid rgba(255,211,90,.22); border-radius:7px; background:rgba(32,11,13,.72); color:#d8cfc4; font-family:"Fjalla One",sans-serif; font-size:13px; cursor:pointer; }
  .rm-hist-page.rm-hbet-on .rm-hpag-nav button:disabled{ opacity:.4; cursor:default; }
}

/* ===== 2026-08-19 Phase I:register 2 栏弹窗 DAFTAR(照 roda.id-net.work 实测值) =====
   scope 全在 .rm-regmodal / .rm-reg-grid 之下,不碰 login / deposit / withdraw / profile / history。
   🔴 wiring 零触碰:字段 id / doRegister / 校验 / Bank-E-wallet 切换在 app.js 一字未动,
      2 栏靠 grid 的 row-major 自然流(DOM 顺序 Username,Email,Password,Confirm,Contact,Bank,AccNo,AccName
      填进 2 列 = 左 Username/Password/Contact/AccNo,右 Email/Confirm/Bank/AccName),不移 DOM、不用 order。 */

/* [遮罩] 参照 .modal-backdrop = rgb(5,7,10) @ .82。我们的 register 页本身就是覆盖层,
   所以把「遮罩」做成压在 Gerald #9 暗红渐变【之上】的一层暗色,红底保留、整体压暗 = 弹窗感。 */
.rm-authpage.rm-auth-register{ background:
    linear-gradient(rgba(5,7,10,.72), rgba(5,7,10,.72)),
    radial-gradient(circle at 50% 0%, rgba(130,20,26,.40), rgba(0,0,0,0) 46%),
    linear-gradient(180deg, rgb(43,10,13) 0%, rgb(26,8,11) 55%, rgb(18,7,9) 100%)!important; }

/* [壳] 沿用既有 .rm-authcard(站内卡片语义/字段样式全继承),.rm-regmodal 只提特异度改几何 */
.rm-authcard.rm-regmodal{ position:relative; width:100%; max-width:100%; padding:0!important; overflow:hidden;
  border-radius:18px!important; border:1px solid rgba(247,194,53,.68)!important;
  background:radial-gradient(circle at 100% 0, rgba(149,13,21,.22), rgba(0,0,0,0) 230px), linear-gradient(145deg, rgb(17,21,27), rgb(7,10,14) 72%)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.72)!important; }

/* [header] 图标 + DAFTAR + ✕ */
.rm-regmodal-head{ display:flex; align-items:center; gap:10px; padding:20px 24px 18px;
  border-bottom:1px solid rgba(247,194,53,.22);
  background:linear-gradient(115deg, rgba(91,12,18,.92), rgba(38,9,13,.88)); }
.rm-regmodal-ic{ width:22px; height:22px; flex:0 0 auto; fill:rgb(255,211,90); }
.rm-regmodal .rm-reg-title{ flex:1 1 auto; text-align:left!important; margin:0!important;
  font-size:25px!important; font-weight:900!important; letter-spacing:2.125px!important; color:rgb(255,242,194)!important; }
/* 弹窗有 header 金底线了,原本 DAFTAR 下那条金短杠去掉,免双分隔 */
.rm-regmodal .rm-reg-title::after{ display:none!important; }
.rm-regmodal-x{ flex:0 0 auto; width:34px; height:34px; padding:0; line-height:1; font-size:25px;
  border:0; border-radius:9px; cursor:pointer; background:rgba(0,0,0,.25); color:rgb(214,208,200); }

/* [body] 参照内距 22/24/24 */
.rm-regmodal-body{ padding:22px 24px 24px; }

/* [2 栏] 手机默认单栏(=改前 DOM 顺序,行距不变);桌面在下面 @media 转 2 栏 */
.rm-reg-grid{ display:block; }

/* [标签] 参照 12/800/uppercase/ls.54 + ○ 金环圆点 7×7 */
.rm-regmodal .rm-reg-label{ font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.54px; color:rgb(232,222,207); }
.rm-regmodal .rm-reg-label::before{ content:""; display:inline-block; width:7px; height:7px; margin-right:7px;
  border-radius:50%; background:rgba(247,194,53,.15); border:1px solid rgba(255,211,90,.72); vertical-align:middle; }

/* [footer] Secure… + CLOSE + JOIN NOW */
.rm-regmodal-foot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px;
  padding:15px 24px; border-top:1px solid rgba(247,194,53,.22);
  background:linear-gradient(rgba(35,9,13,.72), rgba(12,8,10,.94)); }
.rm-regmodal-secure{ margin-right:auto; color:rgb(157,153,148); font-family:"Fjalla One",sans-serif; font-size:12px; letter-spacing:.3px; }
.rm-regmodal-close{ height:44px; padding:0 18px; border-radius:10px; cursor:pointer; font-size:13px;
  font-family:"Fjalla One",sans-serif; text-transform:uppercase; letter-spacing:1px;
  background:linear-gradient(145deg, #252a31, #15191f); color:rgb(215,211,204); border:1px solid rgba(255,255,255,.18); }
/* JOIN NOW 仍是 #rm-do / .rm-modal-submit(绑定不变),只在 footer 里改成参照那颗右侧金钮 */
.rm-regmodal-foot .rm-join-btn{ width:auto!important; height:44px!important; margin-top:0!important; padding:0 18px!important;
  border-radius:10px!important; font-size:13px!important; font-weight:900!important; letter-spacing:1.6px!important;
  background:linear-gradient(145deg, #ffd766, #e4a616 75%)!important; color:rgb(39,24,0)!important; border:1px solid rgb(255,225,154)!important; }

/* 手机 <1024:footer 换行,Secure 独占一行,两颗钮各半 */
@media(max-width:1023px){
  .rm-regmodal-secure{ flex:1 0 100%; margin-right:0; text-align:center; }
  .rm-regmodal-close, .rm-regmodal-foot .rm-join-btn{ flex:1 1 0; }
  .rm-regmodal .rm-reg-title{ font-size:21px!important; letter-spacing:1.4px!important; }
  .rm-regmodal-head{ padding:16px 16px 14px; }
  .rm-regmodal-body{ padding:18px 16px 20px; }
  .rm-regmodal-foot{ padding:14px 16px; }
  #rm-authpage.on .rm-authcard.rm-regmodal{ max-width:calc(100vw - 16px)!important; margin-left:auto!important; margin-right:auto!important; }
}

/* 桌面 ≥1024:900 宽 2 栏(参照 900×534 / 左右各 416 / gap 18 / 行距 15 / 输入 35 高) */
@media(min-width:1024px){
  #rm-authpage.on .rm-authcard.rm-regmodal{ width:900px!important; max-width:calc(100vw - 40px)!important; padding:0!important;
    background:radial-gradient(circle at 100% 0, rgba(149,13,21,.22), rgba(0,0,0,0) 230px), linear-gradient(145deg, rgb(17,21,27), rgb(7,10,14) 72%)!important;
    border:1px solid rgba(247,194,53,.68)!important; border-radius:18px!important; box-shadow:0 28px 70px rgba(0,0,0,.72)!important; }
  .rm-reg-grid{ display:grid; grid-template-columns:1fr 1fr; column-gap:18px; row-gap:15px; align-items:start; }
  .rm-reg-grid > .rm-reg-row{ margin-bottom:0; }
  /* 输入框:几何照参照(35 高 / 9 圆角 / 12 字),底色仍留浅色 —— Gerald #10 明确要浅,参照的深底是被他推翻过的,不因对齐参照翻案 */
  .rm-regmodal .rm-reg-grid .rm-field{ height:35px!important; border-radius:9px!important; }
  .rm-regmodal .rm-reg-grid .rm-field input,
  .rm-regmodal .rm-reg-grid .rm-field select,
  .rm-regmodal .rm-reg-grid .rm-field .rm-prefix{ font-size:12px!important; }
  .rm-regmodal .rm-reg-grid .rm-field img,
  .rm-regmodal .rm-reg-grid .rm-field .rm-field-ico,
  .rm-regmodal .rm-reg-grid .rm-field .rm-eye{ width:16px!important; height:16px!important; }
  .rm-regmodal .rm-reg-grid .rm-reg-label{ margin-bottom:4px; }
  .rm-regmodal .rm-reg-grid .rm-regtabs-reg{ margin:0 0 6px; }
  .rm-regmodal .rm-reg-grid .rm-regtabs-reg .rm-regtab{ padding:5px 0; font-size:12px; }
}

/* ============================================================
   桌面 register「从首页开」= 真 modal overlay(首页透在后面+压暗+弹窗浮顶)。
   🔴 scope 硬保证不误伤:仅 @media(min-width:1024)+body.rm-reg-overlay 生效。
   手机<1024 此块不生效(register 仍整页);/register 直进(deep-link,wasOpen=true 不加此class)仍整页;
   login/存款等其它页不触发(只 register 从首页开时 JS 加 rm-reg-overlay)。纯展示,不碰任何逻辑。
   ============================================================ */
/* #13-③ 区块标题的【基线】:预设不生成盒。
   🔴 WHY 这条不可省:标题是 JS 建的 <h2> DOM 元素,手机上一样存在。桌面样式写在
   @media(min-width:1024px) 内 -> 手机拿不到那些样式,但 <h2> 仍会以浏览器预设样式
   渲染成一个 362x29 的可见区块(实测 390 视口:display block / 24px / margin 19.92px)。
   「改动写在 @media 内」不等于「手机零变化」—— 只对【已存在元素的样式】成立,
   对【新增的 DOM 元素】不成立。桌面那条选择器特异性更高,不会被这条压掉。 */
.rm-slot-title{ display:none; }
@media(min-width:1024px){
  /* 首页 blocks 透在后面(覆盖 rm-authopen 的 display:none,高特异度+!important) */
  body.rm-authopen.rm-reg-overlay #rm-djackpot{ display:flex!important; }
  body.rm-authopen.rm-reg-overlay #rm-dsteps,
  body.rm-authopen.rm-reg-overlay #rm-dproducts,
  body.rm-authopen.rm-reg-overlay .rm-banner{ display:block!important; }
  /* 全屏半透明黑遮罩压暗首页+头(body::before 已被占,用 ::after) */
  /* (遮罩改由 authpage 容器本身承担,见下) */
  /* authpage 从满屏红黑底 -> 透明 fixed 浮层容器,弹窗浮遮罩上居中 */
  body.rm-reg-overlay #rm-authpage.rm-auth-register.on{ position:fixed!important; inset:0!important; z-index:9990!important; min-height:0!important; margin:0!important; padding:0!important; background:rgba(0,0,0,.72)!important; display:flex!important; align-items:center!important; justify-content:center!important; }
  /* 锁 body 滚动(overlay 时首页不动) */
  body.rm-reg-overlay{ overflow:hidden!important; }

  /* ══ #13 slot 页桌面外观对齐真站(Gerald 2026-08-22 四点) ══════════════════════
     全部量自真站 roda.id-net.work/slots @1280,不是照形容词做。

     🔴 ① frame 的锚点修正:GO 写的是 .rm-accor.active,但 .rm-accor 有 **8 个**
        (data-cat = slot/sport/lc/poker/tangkas/fish/others/gaple 各一)。挂 .active
        会框住【当下展开的任何分类】,不只 slot。所以这里限定 [data-cat="slot"]。
        真站的框是 .g8sggl:border 1px rgba(247,194,53,.28) / radius 17 / 渐层底 / 投影。
        只加 border 不加 padding(真站 .g8sggl padding 也是 0)-> 内容宽度只少 2px。 */
  .rm-accor[data-cat="slot"].active{
    border:1px solid rgba(247,194,53,.28);
    border-radius:17px;
    background:radial-gradient(circle at 50% 0, rgba(149,13,21,.13), rgba(0,0,0,0) 280px),
               linear-gradient(160deg, rgba(20,24,30,.55), rgba(10,13,18,.55));
    box-shadow:0 24px 52px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.05);
  }

  /* ③ 区块标题。真站 <h2>:30px / 700 / letter-spacing 3.3px / #fff1bd / Fjalla One /
     uppercase / margin 0 0 20px / flex center gap 13px,左右各一条 74px 渐层细线(::before/::after)。
     Fjalla One 已由本站自架(/fonts/FjallaOne-Regular.woff2),document.fonts.check 实测 true,
     不需要引入任何外部字体。字重 700 在只有 400 face 的字族上是合成粗体 —— 真站同样如此。 */
  .rm-accor[data-cat="slot"] .rm-slot-title{
    display:flex; align-items:center; justify-content:center; gap:13px;
    font-family:"Fjalla One",sans-serif; font-weight:700; font-size:30px; letter-spacing:3.3px;
    color:#fff1bd; text-transform:uppercase; margin:0 0 20px;
  }
  .rm-accor[data-cat="slot"] .rm-slot-title::before,
  .rm-accor[data-cat="slot"] .rm-slot-title::after{
    content:""; height:1px; flex:0 1 74px;
    background:linear-gradient(90deg, rgba(0,0,0,0), rgba(247,194,53,.75));
  }
  .rm-accor[data-cat="slot"] .rm-slot-title::after{ transform:scaleX(-1); }

  /* ② provider bar 放大。真站磚 132x82 / radius 11 / border 1px rgba(255,211,90,.72) /
     底色 #332f20 / 磚距 6 / 名字 14px 在【磚内】底部。
     🔴 保留 <img class="rm-chip-logo"> 实作(GO 要求),但把版面调成真站那种构图:
        - 边框/底色/圆角仍然画在 .rm-chip-logo 上 -> .rm-chip-on / :hover 那几条状态规则
          (1738/1739/1740)一个字都不用改,选中与 hover 行为原样保留;
        - 名字改成绝对定位压在磚内底部(.rm-chip 本来就有 position:relative,1686/1797),
          于是外框包住 logo+名字,与真站同构图;
        - padding 6px 13px 24px:左右各 13 -> 内容宽 106 = 132 的 80%,与真站 background-size:80% 对齐;
          下方留 24 给名字,让 logo 偏上,对应真站 background-position:50% 5px。 */
  .rm-provstrip{ gap:6px; }
  .rm-chip{ gap:0; }
  .rm-chip-logo{
    width:132px!important; height:82px!important;
    border-radius:11px!important; padding:6px 13px 24px!important;
    background:rgb(51,47,32)!important; border:1px solid rgba(255,211,90,.72)!important;
  }
  /* 名字本来就已经是 position:absolute; bottom:6px; left:6px; width:76px(压在磚内底部,
     与真站同构图)。这里【只放大字级、跟着磚变宽】,不动定位方式,也保留 6px 内缩。 */
  .rm-chip-name{
    left:6px; right:6px; width:auto;
    font-size:14px!important; line-height:16px; color:rgb(255,245,214)!important;
  }

  /* ══ #14 游戏卡片:名字与 provider logo 加大对齐真站(Gerald 2026-08-23) ═════════
     🔴 这是【游戏卡片】(.rm-slotcard,Apollo Ray of Luck 那些),不是 provider bar 的磚
        (.rm-chip 132x82,#13 已上线验收过)。两者 DOM 上完全不同枝,别搞混。

     全部量自真站 roda.id-net.work/slots @1280:
       名字 .gltext : 14px / 800 / line-height 20 / height 34 / padding 7 7 6 / rgb(255,241,192)
       logo .glp    : 容器高 27,background-size:auto 86% -> 图高约 23px
     reskin 改动前 : 名字 10px / height 21 / padding 4 6 5 ; logo 容器 22 / img max-height 16

     🔴 为什么放大【不会】让名字换行、也不会让卡片参差:
        .rm-slotcard__name 本来就是 white-space:nowrap + overflow:hidden + text-overflow:ellipsis
        + 固定 height。nowrap 使它不可能换行,固定 height 使它不可能撑高 —— 这是机制层的排除,
        不是「试了几个长名字没事」。实测最长的 Starlight Princess Super Scatter 放大后 173px,
        可视宽 181px,连省略号都不触发(Fjalla One 是窄体字)。
     实测连锁:卡片高 260 -> 278(仍只有一种高度,不参差);每行 5 -> 5(网格按宽度分栏,与高度无关);
        首屏完整可见张数 1280x900 15->15、1280x720 10->10。可移植的量是行距 274 -> 292(+18)。

     🔴 只写在桌面 media 内:1225/1728/1764/1765 那几条基线规则不在任何 @media 里(手机也吃),
        所以这里不动它们 = 手机维持原样。手机零变化仍另外实测,不拿这条论证当免验理由。
     🔴 logo 那条深色底(rgb(21,26,33))【刻意保留】:Gerald 要的是「加大」,拿掉底色会改变
        视觉分区感,超出对齐范围 —— 参谋长 2026-08-23 定为先不动,附对照截图给他选。
        要推翻:Gerald 明确说要拿掉深色条。 */
  .rm-slotcard__name{
    font-size:14px; line-height:20px; height:34px; padding:7px 7px 6px;
    color:rgb(255,241,192)!important;   /* 1728 那条 color 带 !important,这里必须同级才盖得过 */
  }
  .rm-slotcard__provbar{ height:27px; }
  .rm-slotcard__provbar img{ max-height:23px; }

  /* ══ #15 首页 Progressive Jackpot 条:视觉对齐真站(Gerald 2026-08-23,选 A) ══════════
     🔴 只对齐视觉。数字逻辑(JP_BASE/JP_EPOCH/JP_RATE/jpFmt/jpBaseNow/jpPaint/jpStart)一个字未动。

     真站结构是【三层】,reskin 原本只有两层:
       #jackpot(全宽,底色#160507+双 radial) > .container(卡片:max-width 1180,置中,1px 金边,radius 23)
         > grid[.j-img | .jackpotNumber]
     reskin 把外层与卡片合并了 -> 缺那张金边卡片。这里用 ::before 补出卡片,【不新增 DOM】
     (新增 DOM 要连手机基线一起处理,#13 踩过:JS 建的 <h2> 在手机会以 UA 预设渲染)。

     🔴 真站那些值【全是响应式的,不是固定 px】—— 跨 1024/1100/1200/1210/1240/1280/1440/1920 实测:
       .container  width:calc(100% - 28px);  max-width:1180px;  置中
                   (1024→996 / 1200→1172 / 1210 起恒 1180)
       字级        3.35vw,上限 50px   (1024→34.304 / 1280→42.88 / 1440→48.24 / 1920→50 封顶)
       字距        .055em(= 2.3584/42.88),随字级自动缩放
       gap         1.7vw,上限 22px   (1280→21.76 / 1440 起恒 22)
       卡片 padding-x  2.5vw,上限 32px
       两栏        38.2% / 59.7%(占卡片内容宽),不是固定 px
     ⇒ 照抄 425.969px/666.281px 那种固定值会在别的视口破版。这里抄的是【机制】不是【某一个视口的副产品】。

     🔴 为什么卡片用 % 而内容内缩用 vw:
       ::before 的 % 相对【#rm-djackpot 自己的宽度】(它靠负 margin 破出,恒等于视口宽)-> 精确,
       且不受卷轴宽影响。而 padding 的 % 相对【containing block(.rm-content 1040)】-> 不能用,
       只能用 vw。两者在无经典卷轴时完全一致;有经典卷轴时内容会比卡片内缘再多缩 ~7px
       —— 方向是【更往内】,内容不会跑出卡片,是安全的失效方向。 */
  #rm-djackpot{
    position:relative;
    display:grid;
    grid-template-columns:38.2% 59.7%;
    gap:min(1.7vw,22px);
    align-items:center;
  }
  /* 🔴 内容内缩必须用【同选择器 + !important】才盖得过 app.css:2525 的
       main.rm-content > #rm-djackpot{ padding:12px calc(50vw - 520px)!important }
     (它 1280 算出 120px、1024 算出 -8px 被夹成 0)。
     我第一版写成低特异度的 #rm-djackpot{padding-left:…},【整条从未生效】——
     1280 之所以看起来「内容在卡片内」只是因为 120 > 82,不是我的规则起了作用。
     那是一次假通过:检查项过了,但过的原因不是我以为的那个。
     顺带:2525 那条把元素设成 width:100vw + margin-left:calc(50% - 50vw),
     所以元素宽度本来就以 100vw 为基准 -> ::before 的 % 与这里的 vw 同一个基准,两者一致。 */
  main.rm-content > #rm-djackpot{
    padding-left:calc(max(14px, (100vw - 1180px)/2) + min(2.5vw,32px))!important;
    padding-right:calc(max(14px, (100vw - 1180px)/2) + min(2.5vw,32px))!important;
  }
  /* 卡片本体(真站 .container):1px 金边 + radius 23 + 渐层 + 投影 */
  #rm-djackpot::before{
    content:"";
    position:absolute;
    top:12px; bottom:12px;
    left:max(14px, calc((100% - 1180px)/2));
    right:max(14px, calc((100% - 1180px)/2));
    border:1px solid rgba(255,214,79,.68);
    border-radius:23px;
    background:radial-gradient(circle at 8% 50%, rgba(255,197,42,.12), rgba(0,0,0,0) 140px),
               linear-gradient(180deg, rgba(70,14,14,.55), rgba(24,6,8,.55));
    box-shadow:0 14px 28px rgba(0,0,0,.5), 0 0 25px rgba(255,43,42,.12),
               inset 0 1px 0 rgba(255,245,189,.12), inset 0 -1px 0 rgba(255,45,42,.2);
    pointer-events:none;
    z-index:0;
  }
  #rm-djackpot > *{ position:relative; z-index:1; }
  /* 左侧:只对齐尺寸(高度 74 -> 102)。🔴 不换成真站那张合成图 —— 换过去会把「皇冠+文字」
     变成不可编辑的点阵,失去 i18n 与改字的弹性。参谋长 2026-08-23 判的取舍,Gerald 可推翻。 */
  .rm-djp-label{ height:102px; }
  /* 金额框:只差字级与字距(颜色/字体/padding/border/radius/格线/底色/投影【本来就已相同】) */
  .rm-djp-amount{ font-size:min(3.35vw,50px); letter-spacing:.055em; }
}