/* =========================================================
   Block PIX 设计 Token（迁移目标）
   职责：集中保存新架构中的稳定设计变量。
   注意：19.35.2 正式 Dist 尚未切换到本文件，避免在缺少浏览器回归时改变视觉。
   ========================================================= */
:root {
  --bp-board-top: #171a1f;
  --bp-board-mid: #14171b;
  --bp-board-bottom: #111419;
  --bp-empty-top: #2d333b;
  --bp-empty-mid: #272c33;
  --bp-empty-bottom: #21262c;
  --bp-safe-top: env(safe-area-inset-top, 0px);
  --bp-safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* 4.9.6 正式基础组件配色（A/B 会在隔离构建中切换变量值，正式构建仅保留已选一套）。 */
:root {
  --bp496-app: #F2F6F9;
  --bp496-game: #e1eef5;
  --bp496-brand: #2C74AB;
  --bp496-deep: #285578;
  --bp496-action: #16A374;
  --bp496-text: #173650;
  --bp496-sub: #536D80;
  --bp496-card: #FFFFFF;
  --bp496-board: #285578;
  --bp496-nav: #EDF3F7;
  --bp496-border: #D2E0E9;
  --bp496-on: #FFFFFF;
  /* 非游戏语义级 Design Tokens：品牌明绿只作装饰，白字主操作选用较深安全绿。 */
  --bp496-action-contrast: #128461;
  --bp496-surface-soft: #F1F7FA;
  --bp496-line-soft: #DCE8EF;
  --bp496-text-muted: #536D80;
  --bp496-error-text: #A62F49;
  --bp496-focus: #2C74AB;

}

/* Segment 000 · src/styles/base.css */

html.bp-r196-booting #lobbyScreen:not(.authenticated-shell-mode) .content{visibility:hidden}
html.bp-r196-booting #authOverlay .auth-modal-card{visibility:hidden}
/* Segment 001 · src/styles/base.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/foundation-and-shell.css
 * 视觉领域：Base / App Shell
 * 职责：Golden 基础样式与响应式规则
 * 来源：Golden Formal style[0]
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */


/* =========================================================
   Block PIX v1.7.9.2.5.1 — First Paint Auth Boot Gate
   Single purpose: never paint a business shell before AuthStore resolves.
   ========================================================= */
html[data-app-boot="pending"],html[data-app-boot="pending"] body{background:var(--bp496-app,#F2F6F9)}
html[data-app-boot="pending"] #app{visibility:hidden;pointer-events:none}
html[data-app-boot="pending"] .screen{pointer-events:none}
html[data-app-boot="guest-ready"] #app,html[data-app-boot="authenticated-ready"] #app,html[data-app-boot="boot-error"] #app{visibility:visible}
html[data-debug="1"]

:root{--navy:#020714;--navy2:#041124;--navy3:#071832;--cyan:#00cfff;--blue:#076fff;--green:#08ef8f;--greenDark:#009b59;--purple:#8c5bff;--gold:#ffc329;--muted:#7590b0;--safeTop:env(safe-area-inset-top,0px);--safeBottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#020611;color:#fff}body{overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;user-select:none}button,input{font:inherit}button{cursor:pointer}
#app{position:relative;width:min(100vw,430px);min-height:100dvh;margin:0 auto;overflow-x:hidden;overflow-y:visible;background:radial-gradient(circle at 55% 16%,rgba(16,65,145,.32),transparent 27%),linear-gradient(180deg,#031020 0%,#020a17 48%,#020711 100%);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 24px 70px rgba(0,0,0,.32)}
#app:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 26%,rgba(0,212,255,.10),transparent 18%),radial-gradient(circle at 85% 40%,rgba(120,63,255,.09),transparent 24%)}
@media(min-width:431px){body{background:radial-gradient(circle at 30% 10%,#122752 0,#061224 38%,#020611 100%)}#app{max-height:100dvh}}
.screen{display:none;position:relative;min-height:100dvh;padding:calc(12px + var(--safeTop)) 12px calc(24px + var(--safeBottom));overflow:visible}.screen.active{display:block}#gameScreen.screen{height:100dvh;min-height:0;overflow:hidden;padding:calc(8px + var(--safeTop)) 12px calc(8px + var(--safeBottom));background:radial-gradient(circle at 50% 20%,rgba(20,74,171,.22),transparent 30%),linear-gradient(180deg,#020919,#04142b 64%,#020815)}
.brand-logo{width:64px;height:auto;display:block;overflow:visible}.game-logo .brand-logo{width:64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}.guest-nav{display:grid;grid-template-columns:auto auto;gap:8px;margin-left:auto}.nav-btn{position:relative;overflow:hidden;height:34px;padding:0 14px;border-radius:10px;font-size:10px;font-weight:1000;letter-spacing:.2px;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.14),0 6px 16px rgba(0,0,0,.26)}.nav-btn:before,.game-btn:before,.free-btn:before,.paid-start:before,.btn:before{content:"";position:absolute;left:8%;right:8%;top:2px;height:44%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));pointer-events:none}.nav-btn.login{border:1px solid #234471;background:linear-gradient(180deg,#102643,#071426)}.nav-btn.register{border:1px solid #aa84ff;background:linear-gradient(180deg,#a777ff,#8955f5 55%,#713de5)}
.user-head{display:flex;align-items:center;gap:7px;margin-left:auto}.user-wallet{padding:6px 10px;border-radius:11px;background:#06172e;border:1px solid #183a64}.user-wallet small{display:block;font-size:7px;font-weight:900;color:#6f89aa}.user-wallet strong{display:block;font-size:14px;color:#ffcc38}.logout-btn{width:34px;height:34px;border:1px solid #17395f;border-radius:10px;background:#081731;color:#cde0f9;font-weight:1000}
.online-pill{width:max-content;max-width:94%;margin:9px auto 13px;padding:6px 13px;border-radius:999px;background:#031329;border:1px solid #0b4a66;box-shadow:0 0 16px rgba(0,230,160,.08);font-size:9.5px;color:#7f9ab7;font-weight:850}.online-pill .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00ee98;box-shadow:0 0 10px #00ee98;margin-right:7px}.online-pill b{font-size:11px;color:#fff}.online-pill em{font-style:normal;color:#00e9a1}
.headline{text-align:center;margin:0 0 13px;font-family:Arial Black,Arial,sans-serif;font-size:28px;line-height:1.02;font-weight:1000;letter-spacing:-1px;text-transform:uppercase;text-shadow:0 3px 0 #081938,0 7px 14px rgba(0,0,0,.25)}.headline .cash{color:#12f49a}.headline .gain{color:#ffd23d}
.hero-svg-card{padding:0;background:none;border:0;box-shadow:none}.hero-svg-card:before,.hero-svg-card:after{display:none}.hero-card{position:relative;width:min(100%,356px);height:292px;margin:0 auto;border-radius:19px;overflow:hidden;border:2px solid #086dff;background:radial-gradient(circle at 49% 45%,rgba(16,100,255,.34),transparent 34%),radial-gradient(circle at 22% 26%,rgba(127,63,255,.22),transparent 24%),linear-gradient(145deg,#07153b,#050a27 53%,#140a3a);box-shadow:0 0 0 1px rgba(0,210,255,.34),0 0 28px rgba(0,102,255,.38),0 18px 32px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.08)}
.hero-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(113deg,transparent 0 31px,rgba(50,115,255,.07) 32px 33px);opacity:.62}.hero-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 21%,#944dff 0 2px,transparent 3px),radial-gradient(circle at 76% 16%,#00cfff 0 2px,transparent 3px),radial-gradient(circle at 90% 62%,#ffac23 0 2px,transparent 3px),radial-gradient(circle at 20% 80%,#482eff 0 2px,transparent 3px);opacity:.95}.hero-copy{position:absolute;left:16px;top:20px;z-index:4;transform:rotate(-2deg)}.hero-copy span{display:block;font-family:Arial Black,Arial,sans-serif;font-weight:1000;line-height:.86;letter-spacing:-1.7px;text-transform:uppercase;text-shadow:0 2px 0 rgba(255,255,255,.10),0 5px 0 #07174f,0 0 12px rgba(37,110,255,.32)}.hero-copy .a{font-size:32px;color:#fff}.hero-copy .b{font-size:29px;color:#e9f2ff}.hero-copy .c{font-size:33px;color:#ffd13e;margin-top:6px}.hero-copy .money{font-size:83px;line-height:.86;color:#ffc427;text-shadow:0 2px 0 #fff1a0,0 7px 0 #8a5200,0 0 22px rgba(255,173,0,.28)}
.hero-mini-board{position:absolute;right:15px;bottom:19px;width:134px;height:134px;z-index:4;padding:8px;border-radius:16px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;background:linear-gradient(180deg,#04142f,#061d42);border:2px solid #18a3ff;transform:rotate(4deg);box-shadow:0 0 0 1px rgba(0,218,255,.26),0 0 21px rgba(0,141,255,.38),0 8px 20px rgba(0,0,0,.30)}.hero-mini-board i{border-radius:4px;background:#0d2a58;box-shadow:inset 0 1px rgba(255,255,255,.07)}.hero-mini-board i.f{box-shadow:inset 0 2px rgba(255,255,255,.31),inset 0 -2px rgba(0,0,0,.16),0 2px 4px rgba(0,0,0,.18)}.t-orange{background:linear-gradient(180deg,#ffd25b,#ff9d1c)}.t-red{background:linear-gradient(180deg,#ff8168,#ed4038)}.t-green{background:linear-gradient(180deg,#63e68a,#1ab34f)}.t-purple{background:linear-gradient(180deg,#bd7cff,#7d45e5)}.t-cyan{background:linear-gradient(180deg,#6adfff,#1699eb)}
.coin{position:absolute;z-index:5;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff3ab,#ffc625 42%,#de8300 77%);border:2px solid #ffdb55;color:#955400;font-size:13px;font-weight:1000;box-shadow:0 4px 10px rgba(0,0,0,.26)}.coin.one{left:8px;top:9px}.coin.two{right:8px;top:72px}.coin.three{left:12px;bottom:23px}.coin.four{right:4px;bottom:8px}
.free-btn,.paid-start,.game-btn,.btn{position:relative;overflow:hidden;width:100%;border:0;font-weight:1000}.free-btn{display:block;width:min(100%,356px);margin:15px auto 0;min-height:60px;border-radius:14px;background:linear-gradient(180deg,#17ff9f 0%,#00e57f 56%,#00c76e 100%);color:#022419;font-size:16px;letter-spacing:.2px;box-shadow:inset 0 1px rgba(255,255,255,.25),0 6px 0 #00834f,0 12px 28px rgba(0,239,138,.28)}.free-btn:active,.paid-start:active,.game-btn:active{transform:translateY(2px);filter:brightness(.97)}.account-link{text-align:center;margin:12px 0 0;color:#6f87a7;font-size:10px;font-weight:800}.account-link button{border:0;background:none;color:#dfeaff;font-weight:1000;padding:0 2px}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:24px;padding:13px 0;border-top:1px solid #0c1d38;border-bottom:1px solid #0c1d38}.stat-mini{text-align:center;min-height:57px;padding:2px 4px;border-right:1px solid #0c1d38}.stat-mini:last-child{border-right:0}.stat-mini strong{display:block;color:#00eaa0;font-size:14px;font-weight:1000}.stat-mini span{display:block;color:#607b9d;font-size:7.5px;line-height:1.25;font-weight:900;margin-top:4px;text-transform:uppercase}.how-title{text-align:center;margin:24px 0 5px;font-size:23px;font-weight:1000;letter-spacing:-.4px}.how-title i{font-style:normal;color:#00e99f;margin-right:7px}.how-sub{text-align:center;color:#5f7897;font-size:10px;margin-bottom:13px}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.how-card{min-height:110px;border-radius:13px;background:#06142a;border:1px solid #102f58;padding:11px}.how-icon{width:30px;height:30px;border-radius:8px;background:#08284b;display:grid;place-items:center;color:#00eaa0;font-weight:1000;margin-bottom:7px}.how-card b{display:block;font-size:11px}.how-card span{display:block;margin-top:4px;color:#607b9b;font-size:8.5px;line-height:1.35}
.paid-hero{margin:2px 0 13px;padding:15px 14px;border-radius:18px;background:linear-gradient(145deg,#071936,#041227);border:1px solid #17487f;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.17)}.paid-hero .ey{font-size:9px;color:#00e8a0;font-weight:1000;letter-spacing:1px}.paid-hero h2{font-size:28px;margin:4px 0 4px;font-weight:1000;letter-spacing:-.7px}.paid-hero p{margin:0;color:#6d88a9;font-size:10.5px}.bet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:13px 0}.bet strong{display:block;font-size:16px;line-height:1}.bet small{display:block;margin-top:4px;font-size:7px;color:#00eba0;font-weight:1000}.bet.active small{color:#07542e}.bet{position:relative;overflow:hidden;height:54px;border:1px solid #174373;border-radius:12px;background:linear-gradient(180deg,#092040,#06152d);color:#d8e6f7;font-size:15px;font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.06),0 5px 10px rgba(0,0,0,.16)}.bet:before{content:"";position:absolute;left:9%;right:9%;top:2px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.17),transparent)}.bet.active{background:linear-gradient(180deg,#18ff9f,#00e07d 56%,#00c76f);border-color:#00ef8a;color:#022519;box-shadow:inset 0 1px rgba(255,255,255,.21),0 5px 0 #008550,0 10px 18px rgba(0,239,138,.20)}.big-amount{display:flex;align-items:center;justify-content:space-between;border-radius:13px;background:#041126;border:1px solid #11325b;padding:10px 12px;margin-bottom:11px}.big-amount small{display:block;color:#57779a;font-size:8px;font-weight:900}.big-amount strong{font-size:22px}.big-arrow{color:#00e99b;font-size:24px;font-weight:1000}.paid-start{min-height:60px;border-radius:14px;background:linear-gradient(180deg,#16ff9e,#00e17c 56%,#00c66d);color:#022419;font-size:15px;box-shadow:inset 0 1px rgba(255,255,255,.24),0 6px 0 #00834f,0 11px 22px rgba(0,239,138,.21)}.balance-card{margin-top:11px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:#041126;border:1px solid #102f56;padding:9px 11px}.balance-card small{display:block;color:#5a7899;font-size:7px}.balance-card strong{font-size:16px;color:#ffcc36}.balance-card button{border:0;border-radius:9px;background:#0b2a4d;color:#00e69b;font-size:8.5px;font-weight:1000;padding:8px}.micro-note{font-size:8.5px;color:#4f6c8f;line-height:1.35;margin-top:8px}
.game-top{display:flex;align-items:center;justify-content:space-between;min-height:42px;position:relative}.game-left{display:flex;align-items:center;gap:7px}.game-back{width:35px;height:35px;border:1px solid #194474;border-radius:10px;background:#07172f;color:#e2edff;font-size:19px}.game-mode{padding:7px 9px;border-radius:999px;background:#07152c;border:1px solid #153965;color:#829abb;font-size:8.5px;font-weight:1000;letter-spacing:.6px}.game-logo{position:absolute;left:50%;top:-7px;transform:translateX(-50%)}.pill{padding:7px 12px;border-radius:9px;background:linear-gradient(180deg,#18ff9f,#00d878);color:#022419;font-size:10px;font-weight:1000;box-shadow:0 5px 12px rgba(0,239,138,.17)}
.score-stage{text-align:center;margin-top:3px}.score-stage small{display:block;color:#6c88aa;font-size:7.5px;font-weight:900;letter-spacing:1px}.score-main{font-size:70px;line-height:.92;font-family:Arial Black,Arial,sans-serif;font-weight:1000;letter-spacing:-3.6px;text-shadow:0 3px 0 #0b1e4a,0 0 15px rgba(19,102,255,.24)}.score-sub{font-size:9.5px;color:#96abc6;font-weight:1000;letter-spacing:.9px}.score-prize{font-size:14px;color:#ffc533;font-weight:1000;margin-top:3px}.game-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:min(100%,356px);margin:7px auto}.meta-box{padding:8px 10px;text-align:center;border-radius:11px;background:#06152e;border:1px solid #153e6e}.meta-box small{display:block;color:#607e9f;font-size:7.5px;font-weight:900}.meta-box strong{display:block;color:#00eaa0;font-size:15px}.progress-wrap{width:min(100%,356px);margin:0 auto 7px}.progress-label{display:flex;justify-content:space-between;color:#5f7b9d;font-size:7.5px;font-weight:900}.track{height:5px;border-radius:999px;background:#071831;overflow:hidden}.fill{height:100%;width:0;background:linear-gradient(90deg,#00cfff,#00ef8a);border-radius:999px;box-shadow:0 0 10px rgba(0,230,167,.33)}
.board-wrap{position:relative;width:min(100%,356px);margin:0 auto;touch-action:none}.board{width:100%;aspect-ratio:1;padding:8px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:4px;border-radius:17px;background:linear-gradient(180deg,#04132e,#061b3f);border:2px solid #0a6cff;box-shadow:0 0 0 1px rgba(49,216,255,.78),0 0 23px rgba(0,103,255,.37),0 14px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06),inset 0 -12px 24px rgba(0,0,0,.14)}.cell{position:relative;min-width:0;min-height:0;box-sizing:border-box;border-radius:5px;background:linear-gradient(180deg,#15336e,#0e234c);box-shadow:inset 0 1px rgba(255,255,255,.06),inset 0 -2px rgba(0,0,0,.13);transition:transform .1s ease,opacity .13s ease}.cell.filled{border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 3px rgba(255,255,255,.34),inset 0 -3px rgba(0,0,0,.20),inset -1px 0 rgba(255,255,255,.08),0 3px 6px rgba(0,0,0,.28)}.cell.preview{background:rgba(0,239,138,.38);opacity:.8;box-shadow:inset 0 0 0 2px rgba(255,255,255,.24)}.cell.preview.bad{background:rgba(255,82,82,.45)}.cell.clearing{animation:clearcell .18s ease forwards}@keyframes clearcell{0%{transform:scale(1);filter:brightness(1)}55%{transform:scale(1.14);filter:brightness(1.9)}100%{transform:scale(.1);opacity:0}}.board.celebrate{animation:boardflash .35s ease}@keyframes boardflash{50%{box-shadow:0 0 0 2px #00ef8a,0 0 35px rgba(0,239,138,.42)}}
.tray-title{text-align:center;color:#8097b5;font-size:8.5px;font-weight:1000;letter-spacing:.8px;margin:8px 0 3px}.tray{height:104px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center}.piece-slot{height:96px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:12px;touch-action:none;background:radial-gradient(circle at 50% 50%,rgba(15,74,150,.12),transparent 68%)}.piece-slot.used{opacity:.18;pointer-events:none}.piece-slot.disabled .piece-block{filter:grayscale(.5);opacity:.4}.piece-preview{position:relative}.piece-block{position:absolute;border-radius:6px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 3px rgba(255,255,255,.36),inset 0 -3px rgba(0,0,0,.19),inset -1px 0 rgba(255,255,255,.07),0 4px 8px rgba(0,0,0,.28)}.game-hint{text-align:center;color:#547091;font-size:8.5px;margin-top:2px;height:14px}.game-hint.warn{color:#ff8883;font-weight:1000}.drag-ghost{position:fixed;left:0;top:0;z-index:100;pointer-events:none;filter:drop-shadow(0 12px 10px rgba(0,0,0,.32));transform:scale(1.06)}
.line-pop{position:absolute;left:50%;top:145px;transform:translate(-50%,-10px);padding:7px 14px;border-radius:999px;background:linear-gradient(180deg,#9f73ff,#6c3feb);font-size:21px;font-style:italic;font-weight:1000;color:#fff;opacity:0;z-index:8;pointer-events:none;box-shadow:inset 0 1px rgba(255,255,255,.20),0 6px 16px rgba(69,43,180,.30)}.line-pop.show{animation:popline .65s ease}@keyframes popline{0%{opacity:0;transform:translate(-50%,10px) scale(.68)}22%{opacity:1;transform:translate(-50%,-3px) scale(1.08)}72%{opacity:1}100%{opacity:0;transform:translate(-50%,-17px) scale(.98)}}.spark{position:absolute;width:8px;height:8px;border-radius:2px;left:50%;top:50%;z-index:20;animation:sparkFly .8s ease-out forwards}@keyframes sparkFly{from{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot))}}
/* 倒计时旧视觉由 001 Segment 的正式 V1.7 Owner 替换，原 pulse 由其他组件继续使用。 */
.result-overlay,.modal-overlay{display:none;position:absolute;inset:0;z-index:80;background:rgba(1,6,18,.78);backdrop-filter:blur(7px);align-items:center;justify-content:center;padding:14px}.result-overlay.show,.modal-overlay.show{display:flex}.result-card,.modal-card,.auth-modal-card{width:min(100%,374px);max-height:90dvh;overflow:auto;border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(21,80,177,.20),transparent 28%),linear-gradient(180deg,#071a36,#041226);border:1px solid #1b5aa0;box-shadow:0 0 0 1px rgba(0,213,255,.14),0 18px 44px rgba(0,0,0,.42);padding:18px 15px}.auth-modal-card{border-color:#136baf;box-shadow:0 0 22px rgba(0,128,255,.22),0 18px 44px rgba(0,0,0,.42)}.auth-modal-head,.row-btns{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.auth-modal-head h2,.result-card h2,.modal-card h2{font-size:24px;margin:2px 0 3px;text-align:center}.auth-modal-head p,.result-card>p,.modal-card p{color:#6d88aa;font-size:10.5px;line-height:1.4;margin:0 0 12px;text-align:center}.icon-btn{width:36px;height:36px;border:1px solid #1d4777;border-radius:10px;background:#07172f;color:#dbe7f9;font-size:18px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.auth-tab{height:43px;border:1px solid #183e6a;border-radius:10px;background:#07172f;color:#9fb2c9;font-size:10px;font-weight:1000}.auth-tab.active{background:linear-gradient(180deg,#9c6cff,#7349e8);border-color:#a881ff;color:#fff}.auth-error{display:none;padding:9px 10px;border-radius:10px;background:#3c1423;border:1px solid #6d2b3d;color:#ffb0ae;font-size:10px;margin-bottom:9px}.auth-error.show{display:block}.form-group{margin-bottom:9px}.form-group label{display:block;font-size:8px;color:#6c86a6;font-weight:900;margin-bottom:4px}.form-group input{width:100%;height:50px;border:1px solid #184474;border-radius:11px;background:#06152e;color:#fff;padding:0 12px;font-size:16px;outline:0}.form-group input:focus{border-color:#00caff;box-shadow:0 0 0 2px rgba(0,202,255,.08)}.auth-helper{font-size:9px;color:#607b9e;text-align:center;margin-top:9px}.btn{min-height:52px;border-radius:12px}.btn.primary,.btn.auth-login{background:linear-gradient(180deg,#17ff9f,#00db79);color:#022419;box-shadow:0 5px 0 #008951}.btn.auth-register{background:linear-gradient(180deg,#a677ff,#7548ea);color:#fff;box-shadow:0 5px 0 #4a27a5}.btn.secondary{background:#07172f;color:#7f9ab9;border:1px solid #183e6c}.btn.danger{background:#321724;color:#ff8882;border:1px solid #62303d}.result-icon{width:68px;height:68px;border-radius:20px;margin:0 auto 9px;display:grid;place-items:center;background:linear-gradient(180deg,#18ff9f,#00d879);color:#022419;font-size:30px;font-weight:1000}.result-card.loss .result-icon{background:linear-gradient(180deg,#ff867d,#e14b50);color:#fff}.result-kpis,.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.rk,.stat{padding:9px 5px;border-radius:11px;background:#041126;border:1px solid #102f58;text-align:center}.rk small,.stat small{display:block;color:#57779b;font-size:7px;font-weight:900}.rk strong,.stat strong{font-size:14px;color:#00e99e}.table{width:100%;border-collapse:collapse;font-size:9px}.table th,.table td{padding:7px 4px;border-bottom:1px solid #10233f;text-align:right}.table th:first-child,.table td:first-child{text-align:left}.diag{margin-top:8px;padding:9px;border-radius:10px;background:#031022;color:#6f8dad;font-size:8px;white-space:pre-wrap;user-select:text}.toast{position:absolute;left:50%;bottom:calc(20px + var(--safeBottom));transform:translateX(-50%) translateY(9px);z-index:100;max-width:90%;padding:9px 13px;border-radius:999px;background:rgba(5,18,39,.94);border:1px solid #16436f;color:#fff;font-size:10px;font-weight:900;opacity:0;transition:.18s;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-height:700px){.headline{font-size:25px;margin-bottom:9px}.hero-card{height:247px}.hero-copy .a{font-size:28px}.hero-copy .b{font-size:25px}.hero-copy .c{font-size:29px}.hero-copy .money{font-size:66px}.hero-mini-board{width:112px;height:112px}.free-btn{min-height:54px;margin-top:11px}.score-main{font-size:58px}.board-wrap{width:min(100%,320px)}.tray{height:89px}.piece-slot{height:82px}.game-meta{margin:5px auto}.progress-wrap{margin-bottom:5px}}
@media(max-height:600px){.game-top{min-height:34px}.game-mode{padding:5px 7px}.score-stage{margin-top:-2px}.score-stage small{font-size:6.5px}.score-main{font-size:45px}.score-sub{font-size:7px}.score-prize{font-size:10px;margin-top:1px}.game-meta{margin:3px auto}.meta-box{padding:5px 8px}.progress-wrap{margin-bottom:3px}.board-wrap{width:min(100%,270px)}.tray{height:66px}.piece-slot{height:60px}.tray-title{margin:3px 0 1px;font-size:7.5px}.game-hint{display:none}}

/* ===== V1.5.5.3.1 FULL LANDING CONTENT EXPANSION ===== */
.landing-section{margin-top:28px;position:relative}.landing-kicker{text-align:center;color:#00eaa0;font-size:9px;font-weight:1000;letter-spacing:1.4px;text-transform:uppercase}.v1553-title{margin:4px 0 4px;font-size:28px;letter-spacing:-.7px}.v1553-sub{font-size:10px;margin-bottom:16px}.tiny-gamepad{display:inline-grid;place-items:center;width:18px;height:14px;border:1px solid #00eaa0;border-radius:4px;margin-right:5px;color:#00eaa0;font-size:8px}.step-stack{display:flex;flex-direction:column;gap:14px}.tutorial-card{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(160deg,#071a34,#040f24 62%,#071832);border:1px solid #174777;padding:14px;box-shadow:inset 0 1px rgba(255,255,255,.05),0 13px 28px rgba(0,0,0,.18)}.tutorial-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 8%,rgba(30,106,255,.14),transparent 28%);pointer-events:none}.step-head{display:flex;align-items:center;gap:10px;margin-bottom:11px;position:relative;z-index:2}.step-badge{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(180deg,#13f59a,#00c96f);color:#022318;font-size:22px;font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.25),0 5px 0 #007c49,0 9px 17px rgba(0,230,133,.16)}.step-head small{display:block;color:#6f8caf;font-size:8px;font-weight:1000;letter-spacing:1px}.step-head h3{margin:2px 0 0;font-size:21px;line-height:1;font-weight:1000;letter-spacing:-.4px;color:#fff}.tutorial-card>p{position:relative;z-index:2;margin:10px 2px 0;color:#7893b2;font-size:10.5px;line-height:1.45;font-weight:700}.step-visual{position:relative;z-index:2;min-height:178px;border-radius:15px;background:radial-gradient(circle at 50% 20%,rgba(18,82,229,.22),transparent 48%),linear-gradient(180deg,#06152f,#030b1b);border:1px solid #153b6a;box-shadow:inset 0 1px rgba(255,255,255,.04);overflow:hidden;padding:12px}.demo-visual{display:flex;flex-direction:column;justify-content:center}.demo-title{text-align:center;font-size:11px;color:#00eaa0;font-weight:1000;letter-spacing:1px}.demo-values{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:14px 0}.demo-values div{border-radius:12px;background:#071c39;border:1px solid #16457a;padding:12px 8px;text-align:center}.demo-values span{display:block;color:#6685a9;font-size:7px;font-weight:900}.demo-values b{display:block;margin-top:3px;font-size:22px;color:#fff}.demo-values div:last-child b{color:#00eaa0}.demo-values em{font-style:normal;color:#00eaa0;font-size:24px;font-weight:1000}.mini-green{height:46px;border:0;border-radius:13px;background:linear-gradient(180deg,#16ff9e,#00d878);color:#022519;font-size:13px;font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.24),0 5px 0 #00834e}.demo-note{text-align:center;margin-top:9px;color:#58779a;font-size:8px;font-weight:800}.drag-demo{min-height:226px}.mini-board-8{width:164px;height:164px;margin:0 auto;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:5px;border-radius:11px;background:#03112a;border:2px solid #157dff;box-shadow:0 0 15px rgba(0,104,255,.28)}.mini-board-8 i{border-radius:2px;background:#0d2854;box-shadow:inset 0 1px rgba(255,255,255,.04)}.mini-board-8 i.fill{background:linear-gradient(180deg,#35c8ff,#178ee6);box-shadow:inset 0 2px rgba(255,255,255,.32),inset 0 -2px rgba(0,0,0,.16)}.mini-board-8 i.line{background:linear-gradient(180deg,#ffd74a,#ff9c1f);box-shadow:0 0 7px rgba(255,186,24,.52),inset 0 2px rgba(255,255,255,.34)}.drag-path{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);height:72px;width:74px}.drag-path i{position:absolute;left:33px;top:3px;height:45px;border-left:2px dashed #00eaa0;transform:rotate(-8deg)}.hand-dot{position:absolute;bottom:0;left:21px;font-size:30px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.35))}.drag-path strong{position:absolute;right:-30px;top:16px;color:#00eaa0;font-size:8px;letter-spacing:.8px}.mini-tray-demo{position:absolute;left:10px;right:10px;bottom:8px;height:38px;border-top:1px solid #12345b;display:flex;justify-content:space-around;align-items:flex-end}.mini-tray-demo b{display:block;width:34px;height:22px;border-radius:5px;box-shadow:inset 0 2px rgba(255,255,255,.30),inset 0 -2px rgba(0,0,0,.18)}.piece-red{background:#ef5148}.piece-green{background:#35c965}.piece-purple{background:#8e59ee}.progress-demo{min-height:220px}.progress-demo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#6785a7;font-size:8px;font-weight:1000}.progress-demo-top strong{font-size:19px;color:#fff}.glow-board{width:158px;height:158px}.perfect-chip{position:absolute;left:50%;bottom:12px;transform:translateX(-50%) rotate(-3deg);white-space:nowrap;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,#9c6cff,#6b3fe8);color:#fff;font-size:17px;font-style:italic;font-weight:1000;box-shadow:0 0 19px rgba(113,72,235,.38)}.perfect-chip b{color:#ffd340}.reward-demo{min-height:190px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.win-crown{font-size:38px;color:#ffd13e;filter:drop-shadow(0 5px 6px rgba(0,0,0,.25))}.win-progress{font-size:27px;font-weight:1000;color:#fff}.win-label{margin:1px 0 10px;font-size:16px;font-weight:1000;color:#00eaa0;letter-spacing:.7px}.reward-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:8px}.reward-flow span{padding:9px 7px;border-radius:11px;background:#071a36;border:1px solid #153d6b;color:#6b87a7;font-size:7px;font-weight:1000}.reward-flow b{display:block;font-size:18px;color:#fff;margin-top:2px}.reward-flow span:last-child b{color:#00eaa0}.reward-flow em{font-style:normal;color:#00eaa0;font-size:22px;font-weight:1000}.section-main-title{text-align:center;margin:4px 0 7px;font-size:26px;font-weight:1000;letter-spacing:-.7px}.section-copy{text-align:center;margin:0 auto 14px;max-width:330px;color:#6c88a8;font-size:10.5px;line-height:1.45}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.why-card{min-height:126px;border-radius:15px;background:linear-gradient(160deg,#071934,#041124);border:1px solid #153e6c;padding:12px;box-shadow:inset 0 1px rgba(255,255,255,.04)}.why-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#08264b;border:1px solid #155087;color:#00eaa0;font-size:13px;font-weight:1000;margin-bottom:9px}.why-card b{display:block;font-size:11px;color:#fff}.why-card small{display:block;margin-top:5px;color:#6581a0;font-size:8.7px;line-height:1.4}.guest-paid-section{padding:18px 13px;border-radius:19px;background:linear-gradient(160deg,#071a36,#041126);border:1px solid #184878;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.17)}.paid-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.preview-bet-card{min-height:82px;border:1px solid #174473;border-radius:12px;background:linear-gradient(180deg,#0a2042,#07152c);color:#fff;padding:8px 3px;box-shadow:inset 0 1px rgba(255,255,255,.06),0 5px 10px rgba(0,0,0,.15)}.preview-bet-card small{display:block;color:#607fa2;font-size:6px;font-weight:1000}.preview-bet-card b{display:block;font-size:16px;margin:4px 0 7px}.preview-bet-card span{display:block;color:#00eaa0;font-size:7px;font-weight:1000}.preview-bet-card.featured{border-color:#8f67ff;background:linear-gradient(180deg,#21145a,#100d38);box-shadow:0 0 15px rgba(119,73,235,.20)}.locked-paid-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;color:#7891af;font-size:9px;font-weight:800}.bottom-conversion{overflow:hidden;text-align:center;padding:26px 15px 20px;border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(17,101,255,.23),transparent 42%),linear-gradient(180deg,#071a38,#041125);border:1px solid #174779;box-shadow:0 14px 30px rgba(0,0,0,.19)}.bottom-conversion h2{margin:4px 0 5px;font-size:27px;font-weight:1000;letter-spacing:-.7px}.bottom-conversion p{margin:0 auto;color:#6d88a8;font-size:10px;line-height:1.45;max-width:310px}.bottom-free{margin-top:16px}.bottom-account{margin-top:12px}.cta-orbit i{position:absolute;width:9px;height:9px;border-radius:2px;background:#00eaa0;opacity:.5;transform:rotate(20deg)}.cta-orbit i:nth-child(1){top:19px;left:28px}.cta-orbit i:nth-child(2){top:48px;right:35px;background:#8b59ee}.cta-orbit i:nth-child(3){bottom:24px;left:48px;background:#2cb8f6}.signup-conversion{overflow:hidden;padding:18px;border-radius:20px;background:linear-gradient(135deg,#15134c,#07162e 58%,#071729);border:1px solid #3b3c92}.signup-glow{position:absolute;right:-45px;top:-45px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(127,73,236,.25),transparent 65%)}.signup-copy{position:relative;z-index:2}.signup-copy small{color:#aa81ff;font-size:8px;font-weight:1000;letter-spacing:1px}.signup-copy h2{margin:4px 0 4px;font-size:25px;font-weight:1000}.signup-copy p{margin:0;color:#7a8ba8;font-size:9.5px}.signup-actions{display:grid;grid-template-columns:1.3fr .7fr;gap:8px;margin-top:14px;position:relative;z-index:2}.signup-actions button{height:48px;border-radius:13px;font-weight:1000;font-size:11px}.signup-purple{border:1px solid #a682ff;background:linear-gradient(180deg,#a77aff,#7147e9);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.16),0 5px 0 #5230b4}.signup-dark{border:1px solid #204b79;background:#07172e;color:#d7e5f7}.landing-footer{text-align:center;margin:28px 0 8px;padding:22px 12px 10px;border-top:1px solid #0d203d;color:#4d6c90}.footer-logo{font-size:14px;font-weight:1000;color:#ffbc25;letter-spacing:-.2px}.footer-logo span{color:#39caff}.landing-footer p{max-width:310px;margin:8px auto 13px;font-size:8px;line-height:1.45}.footer-links{display:flex;justify-content:center;gap:18px;font-size:7px;font-weight:1000;color:#617d9e;letter-spacing:.5px}
@media(max-width:350px){.preview-bet-card b{font-size:14px}.preview-bet-card span{font-size:6.2px}.tutorial-card{padding:12px}.why-grid{grid-template-columns:1fr}.signup-actions{grid-template-columns:1fr}.mini-board-8{width:150px;height:150px}.glow-board{width:148px;height:148px}}


.reviews-section{padding-top:3px}.review-stack{display:flex;flex-direction:column;gap:9px}.review-card{border-radius:15px;background:linear-gradient(160deg,#07182f,#041023);border:1px solid #153b68;padding:13px;box-shadow:inset 0 1px rgba(255,255,255,.04)}.review-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.review-stars{color:#ffd23d;font-size:13px;letter-spacing:1px}.review-top small{font-size:6.5px;font-weight:1000;letter-spacing:.8px;color:#6f87a5;border:1px solid #17395f;border-radius:999px;padding:4px 7px}.review-card>p{margin:9px 0 11px;color:#c6d6e9;font-size:10px;line-height:1.45}.review-user{display:flex;align-items:center;gap:9px}.review-user>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#176fe4;color:#fff;font-weight:1000}.review-user b{display:block;font-size:9px;color:#fff}.review-user small{display:block;margin-top:2px;font-size:7px;color:#00eaa0}


/* V1.5.5.3.1.1 HOME SCROLL FIX */
html{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
body{touch-action:pan-y pinch-zoom}
#lobbyScreen.screen{height:auto;min-height:100dvh;overflow:visible;touch-action:pan-y pinch-zoom}
#lobbyScreen.screen.active{display:block}
#gameScreen.screen{height:100dvh;max-height:100dvh;overflow:hidden;touch-action:none}
@media(min-width:431px){#app{max-height:none;overflow-y:visible}}

/* V1.5.5.3.2 Guest privacy + hero/CTA alignment */
#guestHome>.hero-card,#guestHome>#trialStartBtn{width:min(100%,356px);margin-left:auto;margin-right:auto;}
#guestHome .guest-paid-section,#guestHome .paid-preview-grid,#guestHome .preview-bet-card{display:none;}

/* ================================================================
   BLOCK PIX V1.5.5.4 — AUTH FLOW COMMERCIALIZATION
   Auth-only CSS. Landing/Game visuals intentionally untouched.
   ================================================================ */
:root{--authBlue:#0b73ff;--authCyan:#25d9ff;--authPurple:#9a51ff;--authPurple2:#671fe4;--authGreen:#11ed91;--authDanger:#ff6868}
.auth-modal-card{position:relative;width:100%;max-height:min(94dvh,760px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% -10%,rgba(26,103,255,.25),transparent 36%),linear-gradient(180deg,#071734 0%,#06142e 55%,#041025 100%);border:1px solid #1d5b9e;border-radius:26px 26px 0 0;padding:18px 16px calc(22px + var(--safeBottom));box-shadow:0 -22px 60px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.08)}
.auth-modal-card:before{content:"";position:absolute;inset:0 14% auto;height:2px;background:linear-gradient(90deg,transparent,var(--authCyan),transparent);box-shadow:0 0 18px var(--authCyan);opacity:.8}
.auth-modal-brand{display:flex;align-items:center;gap:10px}.auth-modal-brand .brand-logo{width:78px;height:auto;flex:0 0 auto}.auth-title-wrap{min-width:0}.auth-title-wrap h2{margin:0;font-size:29px;line-height:1;font-weight:1000;letter-spacing:-.8px}.auth-title-wrap p{margin:6px 0 0;text-align:left;color:#8da6c8;font-size:11px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 14px;padding:4px;border-radius:15px;background:#041027;border:1px solid #143b68}.auth-tab{position:relative;overflow:hidden;min-height:46px;border:0;border-radius:11px;background:transparent;color:#8ba4c4;font-size:11px;font-weight:1000;letter-spacing:.5px}.auth-tab.active{background:linear-gradient(180deg,#1453a0,#0a2d60);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.10),0 5px 14px rgba(0,0,0,.18)}
.auth-tab[data-mode="register"].active,#registerTab.active{background:linear-gradient(180deg,#a86aff,#742ee7 58%,#5b1bc5);box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 16px rgba(104,32,224,.30)}
.form-group{margin:0 0 12px}.form-group label{display:block;margin:0 0 6px;color:#c6d8ee;font-size:10px;font-weight:1000;letter-spacing:.8px}.input-wrap{position:relative}.form-group input{width:100%;height:54px;border:1px solid #17487b;border-radius:14px;background:linear-gradient(180deg,#081d3e,#071832);color:#fff;padding:0 48px 0 14px;font-size:16px;outline:none;box-shadow:inset 0 1px rgba(255,255,255,.045);transition:border-color .15s,box-shadow .15s,background .15s}.form-group input:focus{border-color:#21bfff;box-shadow:0 0 0 2px rgba(33,191,255,.12),0 0 18px rgba(18,108,255,.12)}.form-group input::placeholder{color:#5f7899}.form-group.invalid input{border-color:var(--authDanger);box-shadow:0 0 0 2px rgba(255,104,104,.10)}
.field-error{display:none;margin:5px 3px 0;color:#ff8c8c;font-size:10px;font-weight:800;line-height:1.3}.form-group.invalid .field-error{display:block}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#7fa1c8;font-size:18px;display:grid;place-items:center}.password-toggle:active{background:#0c2b50;color:#fff}
.auth-form-alert{display:none;margin:0 0 11px;padding:10px 12px;border-radius:12px;background:rgba(255,81,90,.10);border:1px solid rgba(255,97,105,.34);color:#ff969c;font-size:11px;font-weight:900}.auth-form-alert.show{display:block}
.auth-submit{position:relative;overflow:hidden;width:100%;height:58px;border:0;border-radius:15px;font-size:15px;font-weight:1000;letter-spacing:.4px;transition:transform .1s,filter .1s}.auth-submit:before{content:"";position:absolute;left:6%;right:6%;top:3px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);pointer-events:none}.auth-submit:active{transform:translateY(2px)}.auth-submit:disabled{filter:saturate(.45) brightness(.78);cursor:not-allowed;transform:none}
.auth-submit.login{background:linear-gradient(180deg,#18ff9c,#08db80 58%,#00be6b);color:#032619;box-shadow:0 5px 0 #007f49,0 10px 22px rgba(0,234,138,.18)}.auth-submit.register{background:linear-gradient(180deg,#b26cff,#8c3bf2 57%,#6b22d5);color:#fff;box-shadow:0 5px 0 #47129b,0 10px 22px rgba(139,59,242,.20)}
.auth-helper-row{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:12px;color:#718baa;font-size:10px}.auth-link{border:0;background:none;color:#37cfff;padding:2px;font:inherit;font-weight:1000;text-decoration:underline;text-underline-offset:2px}.forgot-row{text-align:right;margin:-4px 2px 11px}.forgot-row .auth-link{font-size:10px;color:#55cef5}.auth-demo-note{margin-top:10px;text-align:center;color:#536f90;font-size:9px;line-height:1.4}
.auth-loading-dot{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:currentColor;animation:authPulse .7s ease infinite alternate}@keyframes authPulse{to{opacity:.25;transform:scale(.72)}}
.auth-welcome-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#071c3d,#05142e);border:1px solid #15436f}.auth-welcome-strip small{display:block;color:#6c87a8;font-size:8px;font-weight:1000;letter-spacing:.6px}.auth-welcome-strip strong{display:block;margin-top:2px;color:#fff;font-size:16px}.auth-welcome-strip .status{padding:6px 9px;border-radius:999px;background:#073326;color:#1cf19a;font-size:8px;font-weight:1000;border:1px solid #116a4b}
#authUserTitle.auth-title-visible{display:block;margin:-3px 0 9px;color:#9ab1ce;font-size:10px;font-weight:800}
.trial-conversion{display:none;margin-top:12px;padding:12px;border-radius:15px;background:linear-gradient(180deg,#071d3d,#05152f);border:1px solid #174a78}.trial-conversion.show{display:block}.trial-conversion h3{margin:0 0 4px;font-size:17px;color:#fff}.trial-conversion p{margin:0 0 10px;text-align:left;font-size:10px;color:#7892b1}.trial-conversion .conversion-main{height:52px;border:0;border-radius:13px;background:linear-gradient(180deg,#aa67ff,#7d34eb);color:#fff;font-weight:1000;box-shadow:0 4px 0 #4c159c}.trial-conversion .conversion-login{display:block;margin:8px auto 0;border:0;background:none;color:#42d0ff;font-size:10px;font-weight:1000}
body.bp-auth-open{overflow:hidden}
@media(max-height:680px){.auth-modal-card{max-height:96dvh;padding-top:13px}.auth-modal-brand .brand-logo{width:62px}.auth-title-wrap h2{font-size:24px}.form-group{margin-bottom:9px}.form-group input{height:49px}.auth-submit{height:52px}}


/* V1.5.5.4 viewport-fixed auth layer: landing page is long, so absolute centering would place auth below the viewport. */
#authOverlay.modal-overlay{position:fixed;inset:0 auto 0 50%;transform:translateX(-50%);width:min(100vw,430px);height:100dvh;max-height:100dvh;align-items:center;justify-content:center;padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(12px + env(safe-area-inset-bottom,0px));overflow:hidden;z-index:120}
#authOverlay .auth-modal-card{max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-height:680px){#authOverlay.modal-overlay{align-items:flex-start;overflow-y:auto}#authOverlay .auth-modal-card{margin:auto 0;max-height:none}}

/* ================================================================
   BLOCK PIX V1.5.5.5 — COMMERCIAL LANDING COMPRESSION
   Landing-only overrides. Auth / gameplay / math intentionally locked.
   ================================================================ */
.brand-logo{width:80px;height:auto}
#guestHome{padding-top:1px}
#guestHome>.hero-card,#guestHome>#trialStartBtn{width:min(100%,356px);margin-left:auto;margin-right:auto}
#guestHome .reviews-section,#guestHome .guest-paid-section,#guestHome .paid-preview-grid,#guestHome .preview-bet-card{display:none}

/* Hero becomes a gameplay communication surface, not a duplicate ad headline. */
.hero-card.hero-commercial{height:252px;border-radius:20px;background:radial-gradient(circle at 66% 35%,rgba(20,126,255,.27),transparent 31%),radial-gradient(circle at 13% 82%,rgba(130,75,255,.18),transparent 26%),linear-gradient(145deg,#06143b,#050b25 56%,#110934);box-shadow:0 0 0 1px rgba(0,210,255,.30),0 0 24px rgba(0,102,255,.32),0 15px 28px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.07)}
.hero-commercial .hero-topline{position:absolute;left:16px;right:16px;top:14px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px}
.hero-commercial .mode-chip,.hero-commercial .goal-chip{border-radius:999px;padding:7px 10px;font-size:8px;font-weight:1000;letter-spacing:.7px;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.10)}
.hero-commercial .mode-chip{background:#0a2145;border:1px solid #195697;color:#90b8e8}.hero-commercial .goal-chip{background:rgba(0,232,144,.11);border:1px solid rgba(0,238,152,.42);color:#11ef96}
.hero-commercial .hero-progress{position:absolute;left:18px;top:70px;z-index:5}.hero-commercial .hero-progress small{display:block;color:#7594b8;font-size:8px;font-weight:1000;letter-spacing:1px}.hero-commercial .hero-progress strong{display:block;margin-top:2px;font-family:Arial Black,Arial,sans-serif;font-size:47px;line-height:.95;letter-spacing:-2px;color:#fff;text-shadow:0 4px 0 #071b48,0 0 16px rgba(32,132,255,.20)}.hero-commercial .hero-progress em{display:block;margin-top:6px;font-style:normal;color:#00ee9a;font-size:17px;font-weight:1000}.hero-commercial .hero-progress span{display:block;margin-top:3px;color:#728eaf;font-size:8.5px;font-weight:800;max-width:112px;line-height:1.25}
.hero-commercial .hero-game-board{position:absolute;right:15px;top:52px;width:151px;height:151px;z-index:4;padding:8px;border-radius:17px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;background:linear-gradient(180deg,#04142f,#061d42);border:2px solid #18a3ff;box-shadow:0 0 0 1px rgba(0,218,255,.24),0 0 19px rgba(0,141,255,.31),0 7px 18px rgba(0,0,0,.27)}
.hero-commercial .hero-game-board i{border-radius:4px;background:#0d2a58;box-shadow:inset 0 1px rgba(255,255,255,.06)}.hero-commercial .hero-game-board i.f{box-shadow:inset 0 2px rgba(255,255,255,.31),inset 0 -2px rgba(0,0,0,.16),0 2px 4px rgba(0,0,0,.18)}.hero-commercial .hero-game-board i.line{background:linear-gradient(180deg,#54e786,#14b956);box-shadow:0 0 8px rgba(57,222,116,.45),inset 0 2px rgba(255,255,255,.27)}
.hero-commercial .hero-tray{position:absolute;left:15px;right:15px;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:center;gap:28px;height:38px}.hero-commercial .tray-shape{display:grid;gap:2px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.28));transform:scale(.75)}.hero-commercial .tray-shape i{width:17px;height:17px;border-radius:4px;box-shadow:inset 0 2px rgba(255,255,255,.34),inset 0 -2px rgba(0,0,0,.16)}.hero-commercial .tray-shape.t1{grid-template-columns:repeat(3,17px)}.hero-commercial .tray-shape.t2{grid-template-columns:repeat(2,17px)}.hero-commercial .tray-shape.t3{grid-template-columns:repeat(3,17px)}.hero-commercial .tray-shape .purple{background:linear-gradient(#c17dff,#7b44e8)}.hero-commercial .tray-shape .cyan{background:linear-gradient(#6bddff,#1799ea)}.hero-commercial .tray-shape .orange{background:linear-gradient(#ffd25b,#ff9d1c)}
.hero-commercial .hero-glint{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 11px #38cfff;opacity:.8}.hero-commercial .g1{left:10px;top:43px}.hero-commercial .g2{right:9px;bottom:46px}.hero-commercial .g3{left:142px;top:34px;width:3px;height:3px}

.free-btn{min-height:61px;margin-top:13px}
.account-link{margin-top:10px}
.stats-strip{margin-top:17px;padding:9px 0}.stat-mini{min-height:45px}.stat-mini strong{font-size:13px}.stat-mini span{font-size:7px;margin-top:3px}
.stats-demo-note{text-align:center;margin-top:5px;color:#3f5878;font-size:6.5px;font-weight:850;letter-spacing:.6px}

/* Compressed How-to: one visual card at a time. */
.landing-section.compact-how{margin-top:24px;padding-top:0}
.compact-how .landing-kicker{margin-bottom:3px}.compact-how .how-title{margin:0 0 4px;font-size:25px}.compact-how .how-sub{margin-bottom:13px}
.how-carousel-shell{position:relative;margin:0 -12px;padding-left:12px;overflow:hidden}
.how-carousel{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 34px 8px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab}.how-carousel::-webkit-scrollbar{display:none}.how-carousel.dragging{cursor:grabbing;scroll-behavior:auto}
.how-slide{flex:0 0 calc(88% - 2px);height:292px;scroll-snap-align:start;border-radius:18px;background:radial-gradient(circle at 86% 8%,rgba(31,111,255,.16),transparent 28%),linear-gradient(180deg,#071932,#041226);border:1px solid #154678;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.16);padding:13px;overflow:hidden}.how-slide .step-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.how-slide .step-num{width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#0e7bff,#0755c7);color:#fff;font-size:15px;font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 10px rgba(0,75,180,.19)}.how-slide .step-head small{display:block;color:#5e83aa;font-size:7px;font-weight:1000;letter-spacing:1px}.how-slide .step-head h3{margin:2px 0 0;font-size:16px;line-height:1;font-weight:1000;letter-spacing:-.3px}.how-slide p{margin:8px 0 0;color:#7b94b2;font-size:9px;line-height:1.35;font-weight:700}.how-slide .visual-box{height:191px;border-radius:14px;background:linear-gradient(180deg,#04142f,#061c3e);border:1px solid #123a6b;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
/* slide 1 */
.trial-card-mini{width:82%;padding:13px;border-radius:13px;background:#071b37;border:1px solid #145086;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,.18)}.trial-card-mini .trial-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(0,236,151,.10);border:1px solid rgba(0,236,151,.33);color:#0ced97;font-size:8px;font-weight:1000}.trial-card-mini strong{display:block;margin:10px 0 3px;font-size:22px}.trial-card-mini small{display:block;color:#6d88aa;font-size:8px}.trial-card-mini .trial-mini-btn{height:38px;margin-top:11px;border-radius:10px;background:linear-gradient(#17ff9f,#00cd71);color:#03271a;display:grid;place-items:center;font-size:10px;font-weight:1000;box-shadow:0 4px 0 #007c49}
/* slides 2-3 boards */
.carousel-board{width:135px;height:135px;padding:7px;border-radius:13px;background:#04142e;border:2px solid #168fff;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;box-shadow:0 0 16px rgba(0,116,255,.24)}.carousel-board i{border-radius:2px;background:#0c2954}.carousel-board i.f{background:linear-gradient(#63e68a,#1ab34f);box-shadow:inset 0 1px rgba(255,255,255,.25)}.carousel-board i.p{background:linear-gradient(#bd7cff,#7d45e5)}.carousel-board i.c{background:linear-gradient(#6adfff,#1699eb)}.carousel-board i.o{background:linear-gradient(#ffd25b,#ff9d1c)}.carousel-board i.line{background:linear-gradient(#80f5a4,#19c460);box-shadow:0 0 6px rgba(65,235,126,.50)}
.drag-arrow{position:absolute;right:15px;bottom:17px;color:#00e899;font-size:10px;font-weight:1000;transform:rotate(-30deg)}.drag-arrow:before{content:"☝";display:block;font-size:25px;margin-bottom:-2px}.drag-pieces{position:absolute;left:13px;bottom:14px;display:flex;gap:5px}.drag-pieces i{width:12px;height:12px;border-radius:3px;background:linear-gradient(#c17dff,#7b44e8);box-shadow:inset 0 1px rgba(255,255,255,.28)}
.progress-card-mini{position:absolute;top:11px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;color:#7791af;font-size:7px;font-weight:1000}.progress-card-mini strong{font-size:18px;color:#fff}.perfect-mini{position:absolute;right:13px;bottom:18px;padding:6px 9px;border-radius:999px;background:linear-gradient(#9d65ff,#6a37e0);color:#fff;font-size:9px;font-weight:1000;box-shadow:0 5px 10px rgba(69,43,180,.22)}
/* slide 4 */
.reward-mini{text-align:center}.reward-mini .done{font-family:Arial Black,Arial,sans-serif;font-size:34px;line-height:1;color:#fff;text-shadow:0 3px 0 #08183d}.reward-mini .won{margin-top:6px;color:#00ef99;font-size:11px;font-weight:1000;letter-spacing:.7px}.reward-mini .two-x{font-family:Arial Black,Arial,sans-serif;font-size:52px;color:#ffd23d;line-height:.95;text-shadow:0 4px 0 #805000}.reward-mini .reward-note{margin-top:5px;color:#7991ae;font-size:8px;font-weight:800}
.how-dots{display:flex;justify-content:center;gap:7px;margin-top:8px}.how-dot{width:7px;height:7px;border:0;padding:0;border-radius:999px;background:#18375c;transition:.18s}.how-dot.active{width:22px;background:#00e997;box-shadow:0 0 10px rgba(0,233,151,.28)}

/* Benefits become a compact scan-friendly block. */
.why-section.compact-benefits{margin-top:25px}.compact-benefits .section-main-title{font-size:20px;margin-bottom:10px}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.benefit-item{min-height:101px;border-radius:13px;background:linear-gradient(180deg,#07182f,#041125);border:1px solid #12375f;padding:10px 5px;text-align:center}.benefit-item .bi{width:30px;height:30px;border-radius:9px;margin:0 auto 7px;display:grid;place-items:center;background:#092847;color:#00e99b;font-size:13px;font-weight:1000}.benefit-item b{display:block;font-size:8px;line-height:1.15;color:#fff}.benefit-item small{display:block;margin-top:4px;color:#5d7899;font-size:6.7px;line-height:1.25}

/* One compact bottom conversion cluster. */
.bottom-conversion.compact-bottom{margin-top:28px;padding:18px 14px 16px;min-height:auto;border-radius:18px}.compact-bottom h2{font-size:23px;margin:4px 0 4px}.compact-bottom p{margin:0 auto 11px;font-size:9px;max-width:290px}.compact-bottom .bottom-free{margin-top:0}.compact-bottom .bottom-account{margin-top:8px}
.signup-conversion.compact-signup{margin-top:10px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:86px}.compact-signup .signup-copy{min-width:0}.compact-signup .signup-copy small{font-size:7px}.compact-signup .signup-copy h2{font-size:17px;margin:2px 0}.compact-signup .signup-copy p{display:none}.compact-signup .signup-actions{display:flex;flex-direction:column;gap:5px;min-width:116px}.compact-signup .signup-actions button{min-height:31px;padding:0 10px;font-size:8px}
.landing-footer.compact-footer{margin-top:16px;padding:14px 2px calc(12px + var(--safeBottom))}.compact-footer p{margin:6px auto;max-width:310px;font-size:7px;line-height:1.35}.compact-footer .footer-links{margin-top:7px}

@media(max-width:360px){.brand-logo{width:73px}.hero-card.hero-commercial{height:235px}.hero-commercial .hero-game-board{width:138px;height:138px;top:51px}.hero-commercial .hero-progress strong{font-size:42px}.how-slide{height:282px;flex-basis:89%}.how-slide .visual-box{height:181px}.benefit-item{min-height:96px;padding-left:3px;padding-right:3px}.benefit-item small{font-size:6.2px}}
@media(max-height:610px){.hero-card.hero-commercial{height:220px}.hero-commercial .hero-game-board{width:126px;height:126px;top:49px}.hero-commercial .hero-progress{top:63px}.hero-commercial .hero-progress strong{font-size:39px}.hero-commercial .hero-tray{bottom:8px}.free-btn{min-height:56px}.stats-strip{margin-top:13px}}


@media(min-width:431px){#app{margin-left:calc((100vw - 430px)/2);margin-right:0}}

/* ================================================================
   BLOCK PIX V1.5.5.6 — GUEST COMMERCIAL FINAL + TRIAL 5X
   Paid gameplay is migrated to META 10X + CASHOUT 50X. R$2 is trial-only.
   ================================================================ */
.topbar>.brand-logo{width:76px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.4))}.topbar{min-height:48px}.nav-btn{height:36px}.online-pill{margin-top:7px;margin-bottom:10px;padding:6px 14px}.online-pill em{font-weight:950;letter-spacing:.35px}.online-pill .dot{animation:onlinePulse 2.2s ease-in-out infinite}.headline{font-size:29px;margin-bottom:12px}
.v1556-hero{height:298px;background:radial-gradient(circle at 48% 48%,rgba(12,102,255,.34),transparent 35%),radial-gradient(circle at 90% 5%,rgba(127,52,255,.23),transparent 25%),linear-gradient(145deg,#07183f,#030b24 55%,#140a35)}
.v1556-hero .hero-topline{z-index:4}.v1556-hero .mode-chip{color:#0cf49e;border-color:#158b68;background:rgba(3,43,44,.78);box-shadow:0 0 13px rgba(0,240,153,.10)}
.v1556-hero .hero-progress{z-index:4;left:17px;top:51px;width:112px}.v1556-hero .hero-progress strong{font-size:32px}.v1556-hero .hero-progress em{font-size:42px;color:#ffe33e;text-shadow:0 3px 0 #9b6000,0 0 20px rgba(255,211,30,.34);animation:rewardBreathe 2.6s ease-in-out infinite}.v1556-hero .hero-progress span{font-size:7px;color:#75a5cf;letter-spacing:.7px}
.hero-board-8{position:absolute;right:16px;top:54px;left:auto;width:192px;height:192px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:3px;padding:8px;border-radius:17px;transform:rotate(0deg);background:linear-gradient(180deg,#061b3b,#031027);border:1px solid #176bb0;box-shadow:0 0 0 1px rgba(0,212,255,.14),0 0 23px rgba(0,96,255,.28),inset 0 0 22px rgba(0,0,0,.45)}
.hero-board-8 i{position:relative;inset:auto;width:auto;height:auto;display:block;border-radius:4px;background:linear-gradient(180deg,#0b2850,#071d3d);border:1px solid rgba(49,116,181,.22);box-shadow:inset 0 1px rgba(255,255,255,.025)}.hero-board-8 i.f{border:0;box-shadow:inset 0 2px rgba(255,255,255,.34),inset 0 -3px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.28)}.hero-board-8 i.t-cyan{background:linear-gradient(#6ef4ff,#12bde7 52%,#0575b3)}.hero-board-8 i.t-purple{background:linear-gradient(#dd8dff,#9b52f5 52%,#5b26bf)}.hero-board-8 i.t-orange{background:linear-gradient(#ffe55f,#ffab28 52%,#d85b0b)}.hero-board-8 i.t-green{background:linear-gradient(#75ff9c,#24d86e 52%,#0b9146)}.hero-board-8 i.t-red{background:linear-gradient(#ff8b9a,#f45167 52%,#a8203b)}.hero-board-8 i.preview{background:rgba(255,224,53,.28);border:1px solid rgba(255,231,76,.75);box-shadow:0 0 10px rgba(255,220,45,.48);animation:linePulse 1.9s ease-in-out infinite}
.hero-float-piece{position:absolute;right:48px;top:190px;width:54px;height:54px;z-index:6;filter:drop-shadow(0 8px 9px rgba(0,0,0,.45));animation:pieceFloat 3s ease-in-out infinite}.hero-float-piece i{position:absolute;width:24px;height:24px;border-radius:5px;background:linear-gradient(#fff287,#ffc72c 52%,#dd7510);box-shadow:inset 0 3px rgba(255,255,255,.38),inset 0 -4px rgba(0,0,0,.2),0 0 9px rgba(255,189,30,.35)}.hero-float-piece i:nth-child(1){left:0;top:0}.hero-float-piece i:nth-child(2){left:27px;top:0}.hero-float-piece i:nth-child(3){left:27px;top:27px}.hero-float-piece i:nth-child(4){left:27px;top:54px;display:none}.hero-drag-path{position:absolute;right:102px;top:196px;color:#fff3a5;font-size:27px;font-weight:1000;opacity:.82;transform:rotate(-12deg);text-shadow:0 0 13px #ffcc27;animation:pathPulse 2.4s ease-in-out infinite}.v1556-hero .hero-tray{left:19px;right:auto;bottom:18px;width:118px;transform:scale(.86);transform-origin:left bottom}
.free-btn{position:relative}.free-btn:after{content:"";position:absolute;top:1px;bottom:3px;width:34%;left:-45%;border-radius:999px;background:linear-gradient(105deg,transparent,rgba(255,255,255,.36),transparent);transform:skewX(-18deg);animation:ctaSweep 4.5s ease-in-out infinite;pointer-events:none}.free-btn.is-launching{transform:translateY(4px) scale(.985);filter:brightness(1.18);box-shadow:0 2px 0 #087838,0 0 30px rgba(12,244,124,.45)}
.trust-strip .stat-mini strong{font-size:14px}.trust-strip .stat-mini span{font-size:7px}.stats-demo-note{display:none}
.reward-mini .reward-cash{font-size:27px;font-weight:1000;color:#0df297;margin:-2px 0 2px}.reward-mini .two-x{color:#ffe43f}.compact-benefits .benefit-item:last-child .bi{color:#ffe53e}.compact-benefits .benefit-item:last-child b{color:#0df297}
.trial-intro-overlay{display:none;position:fixed;inset:0;z-index:120;background:rgba(1,5,17,.84);backdrop-filter:blur(9px);align-items:center;justify-content:center;padding:16px calc(14px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.trial-intro-overlay.show{display:flex}.trial-intro-card{position:relative;width:min(100%,372px);overflow:hidden;border-radius:26px;padding:23px 16px 16px;background:radial-gradient(circle at 50% 0,rgba(35,117,255,.29),transparent 35%),linear-gradient(180deg,#071936,#041126);border:1px solid #2177be;box-shadow:0 0 0 1px rgba(0,218,255,.12),0 24px 70px rgba(0,0,0,.54),0 0 34px rgba(0,109,255,.18)}.trial-intro-card:before{content:"";position:absolute;left:12%;right:12%;top:0;height:2px;background:linear-gradient(90deg,transparent,#15d6ff,transparent);box-shadow:0 0 20px #15d6ff}.trial-intro-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:10px;border:1px solid #23517a;background:#071a33;color:#9eb4ce;font-size:20px}.trial-intro-kicker{text-align:center;color:#13ec9a;font-size:9px;font-weight:1000;letter-spacing:1.1px}.trial-intro-card h2{margin:5px 0 4px;text-align:center;font-size:31px;letter-spacing:-.7px}.trial-intro-card h2 span{color:#ffe23c;text-shadow:0 3px 0 #8f5a00,0 0 18px rgba(255,217,40,.35)}.trial-intro-card>p{text-align:center;margin:0 auto 14px;color:#8ca8c9;font-size:11px}.trial-intro-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.trial-intro-grid>div{min-width:0;padding:11px 5px;border-radius:14px;text-align:center;background:linear-gradient(180deg,#09234a,#06172f);border:1px solid #195082}.trial-intro-grid small{display:block;color:#7390b2;font-size:7px;font-weight:1000}.trial-intro-grid strong{display:block;margin-top:4px;font-size:22px;color:#fff}.trial-intro-grid em{display:block;font-style:normal;color:#6fd8ff;font-size:7px;font-weight:900}.trial-intro-grid>div:last-child strong{color:#0df095}.trial-intro-mult{display:flex;align-items:center;justify-content:center;gap:11px;margin:12px 0 10px;padding:8px;border-radius:15px;background:rgba(11,42,72,.58);border:1px solid #174e78}.trial-intro-mult b{font-size:36px;color:#ffe43d;text-shadow:0 3px 0 #7d5000}.trial-intro-mult span{max-width:105px;color:#8ba5c2;font-size:8px;font-weight:1000;letter-spacing:.7px}.trial-intro-start{width:100%;margin:0}.trial-intro-note{text-align:center;color:#647f9d;font-size:8px;margin-top:9px}
#gameScreen.trial-10x #gameBadge{background:linear-gradient(180deg,#ffed62,#ffbb22);color:#3b2500;border-color:#ffd84a;box-shadow:0 0 16px rgba(255,199,31,.25)}#gameScreen.trial-10x #scorePrize{color:#ffe43f}.result-multiplier{margin:3px auto 9px;width:max-content;font-size:46px;font-weight:1000;color:#ffe53f;line-height:1;text-shadow:0 4px 0 #744800,0 0 22px rgba(255,211,27,.38);animation:resultPop .62s cubic-bezier(.18,.9,.25,1.18) both}.result-card.trial-win{overflow:hidden;border-color:#20b67b;box-shadow:0 0 0 1px rgba(0,242,159,.14),0 20px 58px rgba(0,0,0,.48),0 0 34px rgba(0,234,144,.15)}.result-card.trial-win:after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(255,226,51,.08),transparent 22%,rgba(0,239,157,.08),transparent 44%);animation:resultHalo 5s linear infinite;pointer-events:none}.result-card>*{position:relative;z-index:2}.result-card.trial-win #resultMoney{color:#0df095}.result-card.trial-win #resultTitle{font-size:29px;color:#fff}.result-card.trial-loss #resultTitle{color:#fff}.result-card.trial-loss #resultProgress{color:#ffd94c}.trial-conversion.show{display:flex;flex-direction:column}.trial-conversion.show .conversion-main{order:0}.trial-conversion.show #playAgainBtn{order:1}

@keyframes onlinePulse{50%{transform:scale(.76);box-shadow:0 0 18px #00ee98}}@keyframes rewardBreathe{50%{transform:scale(1.045);filter:brightness(1.08)}}@keyframes pieceFloat{50%{transform:translate(-8px,-6px) rotate(-3deg)}}@keyframes pathPulse{50%{opacity:.38;transform:translate(-5px,-4px) rotate(-12deg)}}@keyframes linePulse{50%{filter:brightness(1.55)}}@keyframes ctaSweep{0%,70%{left:-45%}90%,100%{left:125%}}@keyframes resultPop{0%{transform:scale(.55);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes resultHalo{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.online-pill .dot,.v1556-hero .hero-progress em,.hero-float-piece,.hero-drag-path,.hero-board-8 i.preview,.free-btn:after,.result-multiplier,.result-card.trial-win:after{animation:none}.how-carousel{scroll-behavior:auto}}
@media(max-width:340px){.topbar>.brand-logo{width:68px}.nav-btn{padding:0 10px}.headline{font-size:25px}.hero-board-8{width:172px;height:172px;right:13px}.v1556-hero .hero-progress{left:13px}.hero-float-piece{right:42px;top:182px}.v1556-hero{height:286px}}

/* V1.5.5.6 final QA polish */
.game-logo{top:-1px}.game-logo .brand-logo{width:54px}.game-top{min-height:44px}.trial-conversion #playAgainBtn{height:50px;margin-top:8px;background:linear-gradient(180deg,#12355c,#0a2342 58%,#071a33);color:#d9e9fb;border:1px solid #23517c;box-shadow:0 4px 0 #031021}.trial-conversion #trialRegisterCta{order:1}.trial-conversion #playAgainBtn{order:2}.trial-conversion #trialLoginCta{order:3;margin-top:7px}.result-card.trial-win #resultHomeBtn,.result-card.trial-loss #resultHomeBtn{display:none}

/* ================================================================
   BLOCK PIX V1.5.5.6.1 — Trial Copy Abstraction
   Marketing/Trial UI is target-agnostic. Internal BUILD.target stays 30.
   ================================================================ */
.hero-progress-bar{position:relative;width:104px;height:6px;margin:6px 0 4px;border-radius:999px;background:#071a36;border:1px solid #174771;overflow:hidden;box-shadow:inset 0 1px 4px rgba(0,0,0,.55)}
.hero-progress-bar i{display:block;height:100%;width:82%;border-radius:inherit;background:linear-gradient(90deg,#20bfff,#11ec92);box-shadow:0 0 12px rgba(15,230,151,.45)}
.progress-card-mini .mini-progress-track{height:6px;margin-top:7px;border-radius:999px;background:#071a36;border:1px solid #174771;overflow:hidden}
.progress-card-mini .mini-progress-track i{display:block;height:100%;width:82%;background:linear-gradient(90deg,#20bfff,#11ec92);border-radius:999px}
.score-main{font-size:62px;letter-spacing:-2.8px}
#scoreCurrent{display:inline-block;min-width:126px}
.paid-local-note,.auth-demo-note{display:none}


/* ================================================================
   BLOCK PIX V1.5.5.6.2 — GUEST COMMERCIAL FINAL POLISH
   Presentation/game-feel only. Core target, generators, routing and paid math locked.
   ================================================================ */
:root{--tile-hi:rgba(255,255,255,.38);--tile-lo:rgba(0,0,0,.24);--tile-edge:rgba(255,255,255,.10)}

/* Header / brand asset polish */
.topbar{min-height:50px;align-items:center;padding-top:1px}
.topbar>.brand-logo{width:82px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.46)) drop-shadow(0 0 7px rgba(31,132,255,.16));transform:translateY(1px)}
.topbar>.brand-logo g{transform-origin:center}
.nav-btn{height:37px;border-radius:11px;font-size:10px;letter-spacing:.15px;box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 12px rgba(0,0,0,.20)}
.nav-btn.login{background:linear-gradient(180deg,#102a4c,#081a32 62%,#061426);border-color:#31577f}
.nav-btn.register{background:linear-gradient(180deg,#a874ff,#8652ee 58%,#6f3cd0);border-color:#bd98ff;box-shadow:inset 0 2px rgba(255,255,255,.24),0 4px 0 #4a249e,0 8px 16px rgba(91,43,190,.24)}
.headline{font-size:29px;line-height:1.01;letter-spacing:-1.2px;margin:0 0 11px;text-shadow:0 3px 0 #07172f,0 8px 18px rgba(0,0,0,.28)}
.online-pill{margin-top:6px;margin-bottom:9px;opacity:.92}

/* Hero: game-preview first, less marketing copy */
.v1556-hero{height:298px;border-radius:20px;border:1px solid #1185ff;background:
 radial-gradient(circle at 72% 43%,rgba(8,116,255,.30),transparent 33%),
 radial-gradient(circle at 14% 78%,rgba(100,47,230,.16),transparent 29%),
 linear-gradient(150deg,#071b42 0%,#04112e 49%,#0a0925 100%);
 box-shadow:0 0 0 1px rgba(0,213,255,.23),0 0 30px rgba(0,102,255,.28),0 18px 34px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(0,0,0,.45)}
.v1556-hero:before{opacity:.33;background:linear-gradient(115deg,transparent 18%,rgba(68,153,255,.08) 42%,transparent 66%)}
.v1556-hero .hero-topline{display:none}
.v1556-hero .hero-progress{left:16px;top:46px;width:112px;z-index:8}
.v1556-hero .hero-progress small{font-size:7.5px;letter-spacing:1.15px;color:#61b9ec}
.v1556-hero .hero-progress strong{font-size:28px;line-height:.92;letter-spacing:-1px;margin-top:3px;color:#f4f8ff;text-shadow:0 4px 12px rgba(0,0,0,.30)}
.v1556-hero .hero-progress span{display:none}
.v1556-hero .hero-progress em{font-size:48px;line-height:1;margin-top:12px;color:#ffdf35;text-shadow:0 2px 0 #fff09d,0 5px 0 #8c5400,0 0 22px rgba(255,204,31,.25);filter:saturate(1.08)}
.hero-progress-bar{width:108px;height:7px;margin:8px 0 8px;border-color:#1e5a85;background:#031127;box-shadow:inset 0 2px 5px rgba(0,0,0,.55)}
.hero-progress-bar i{position:relative;width:82%;background:linear-gradient(90deg,#21bfff,#19e494 70%,#6dffbc);box-shadow:0 0 12px rgba(14,230,159,.34);overflow:hidden}
.hero-progress-bar i:after{content:"";position:absolute;inset:0 auto 0 -40%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:skewX(-18deg);animation:progressShimmer 4.2s ease-in-out infinite}

/* Hero board becomes the dominant object. */
.hero-board-8{right:13px;top:42px;width:207px;height:207px;gap:3px;padding:9px;border-radius:19px;background:linear-gradient(160deg,#061b3e,#031027 67%,#051834);border:1px solid #2585cc;box-shadow:0 0 0 1px rgba(0,220,255,.11),0 0 22px rgba(0,110,255,.24),0 13px 24px rgba(0,0,0,.30),inset 0 2px 1px rgba(255,255,255,.055),inset 0 -14px 24px rgba(0,0,0,.22)}
.hero-board-8 i{overflow:hidden;border-radius:4px;background:linear-gradient(180deg,#102e58 0%,#0b2449 58%,#071c3a 100%);border:1px solid rgba(69,132,194,.16);box-shadow:inset 0 1px rgba(255,255,255,.045),inset 0 -1px rgba(0,0,0,.22)}
.hero-board-8 i:before,.cell.filled:before,.piece-block:before{content:"";position:absolute;left:8%;right:8%;top:5%;height:27%;border-radius:3px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));pointer-events:none}
.hero-board-8 i.f{position:relative;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 2px var(--tile-hi),inset 0 -4px var(--tile-lo),inset 1px 0 var(--tile-edge),0 3px 5px rgba(0,0,0,.25)}
.hero-board-8 i.f:after,.cell.filled:after,.piece-block:after{content:"";position:absolute;left:9%;right:9%;bottom:6%;height:11%;border-radius:50%;background:rgba(0,0,0,.13);filter:blur(.5px);pointer-events:none}
.hero-board-8 i.t-cyan{background:linear-gradient(180deg,#83f7ff 0%,#32d9f5 19%,#13b7e5 61%,#0679b6 100%)}
.hero-board-8 i.t-purple{background:linear-gradient(180deg,#e9a2ff 0%,#bd69ff 20%,#9651ed 61%,#5c28b7 100%)}
.hero-board-8 i.t-orange{background:linear-gradient(180deg,#fff08a 0%,#ffd24b 18%,#ffac2a 59%,#d96a0c 100%)}
.hero-board-8 i.t-green{background:linear-gradient(180deg,#96ffb5 0%,#51ef8b 18%,#24ce68 60%,#0a8d42 100%)}
.hero-board-8 i.t-red{background:linear-gradient(180deg,#ffa4ad 0%,#ff7180 18%,#ec4c62 60%,#a41e37 100%)}
.hero-board-8 i.preview{background:rgba(255,226,66,.32);border:1px solid rgba(255,239,119,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 13px rgba(255,210,35,.38)}

/* Hero drag cue + three-piece tray */
.hero-float-piece{right:67px;top:211px;width:51px;height:48px;z-index:10;animation:pieceFloatFine 3.4s ease-in-out infinite;filter:drop-shadow(0 10px 9px rgba(0,0,0,.42))}
.hero-float-piece i{width:22px;height:22px;border-radius:5px;background:linear-gradient(180deg,#fff6a4,#ffdc4e 18%,#ffb92b 60%,#d66c0c);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 3px rgba(255,255,255,.42),inset 0 -4px rgba(0,0,0,.20),0 3px 5px rgba(0,0,0,.25)}
.hero-float-piece i:nth-child(2){left:25px}.hero-float-piece i:nth-child(3){left:25px;top:25px}
.hero-drag-path{right:116px;top:225px;width:50px;height:2px;font-size:0;border-radius:999px;background:linear-gradient(90deg,rgba(255,239,157,.12),rgba(255,239,157,.82),rgba(255,239,157,.15));transform:rotate(-28deg);animation:dragCue 2.8s ease-in-out infinite}
.hero-drag-path:after{content:"";position:absolute;right:-2px;top:-4px;width:8px;height:8px;border-top:2px solid #fff1a1;border-right:2px solid #fff1a1;transform:rotate(45deg)}
.hero-tray{left:15px;right:auto;bottom:19px;width:126px;height:34px;gap:12px;justify-content:flex-start}
.hero-tray .tray-shape{transform:scale(.86);transform-origin:center bottom;filter:drop-shadow(0 5px 5px rgba(0,0,0,.28))}
.hero-tray .tray-shape i{border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 2px rgba(255,255,255,.40),inset 0 -3px rgba(0,0,0,.21),0 2px 3px rgba(0,0,0,.22)}

/* CTA: subtle premium gloss, immediate touch feel. */
.free-btn{min-height:61px;border-radius:15px;font-size:16.5px;letter-spacing:.05px;background:linear-gradient(180deg,#25ffa8 0%,#08e98a 52%,#00c970 100%);box-shadow:inset 0 2px rgba(255,255,255,.26),inset 0 -1px rgba(0,0,0,.10),0 6px 0 #007d4a,0 14px 27px rgba(0,230,133,.23);transition:transform .13s ease,filter .13s ease,box-shadow .13s ease}
.free-btn:active,.free-btn.is-launching{transform:translateY(3px) scale(.991);filter:brightness(1.08);box-shadow:inset 0 2px rgba(255,255,255,.24),0 2px 0 #00743f,0 5px 18px rgba(0,239,138,.26)}
.free-btn:after{width:28%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.33),transparent);animation:ctaSweepFine 5.2s ease-in-out infinite}

/* How-to enters softly; no added height. */
.how-slide{transition:opacity .48s ease,transform .48s cubic-bezier(.2,.75,.2,1),border-color .25s ease}
.how-slide.reveal-ready{opacity:.72;transform:translateY(7px)}.how-slide.reveal-ready.in-view{opacity:1;transform:none}

/* Trial start: challenge card rather than a confirmation table. */
.trial-intro-card{width:min(100%,370px);border-radius:25px;padding:22px 16px 16px;background:radial-gradient(circle at 50% 5%,rgba(43,116,255,.24),transparent 37%),linear-gradient(170deg,#081d40,#04132c 67%,#06102a);border:1px solid #2486ca;box-shadow:0 0 0 1px rgba(0,220,255,.11),0 24px 70px rgba(0,0,0,.55),0 0 31px rgba(0,115,255,.14)}
.trial-intro-kicker{font-size:8px;letter-spacing:1.45px;color:#50eeb5}
.trial-intro-card h2{font-size:25px;margin:5px 0 6px;line-height:1.04}.trial-intro-card>p{font-size:10px;margin-bottom:13px}
.challenge-reward{position:relative;padding:16px 14px 14px;border-radius:19px;background:radial-gradient(circle at 50% 25%,rgba(255,215,47,.10),transparent 42%),linear-gradient(180deg,#081d3d,#06162e);border:1px solid #1b5e96;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 23px rgba(0,0,0,.20);text-align:center;overflow:hidden}
.challenge-reward:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.035) 48%,transparent 61%);pointer-events:none}
.challenge-reward .reward-x{display:block;font-family:Arial Black,Arial,sans-serif;font-size:64px;line-height:.83;color:#ffe033;letter-spacing:-3px;text-shadow:0 2px 0 #fff09c,0 6px 0 #8b5400,0 0 23px rgba(255,215,38,.22)}
.challenge-reward .reward-cash-main{display:block;margin-top:10px;font-size:29px;line-height:1;color:#22f19b;font-weight:1000;letter-spacing:-1px;text-shadow:0 0 13px rgba(0,236,144,.15)}
.challenge-reward .reward-label{display:block;margin-top:5px;font-size:7.5px;letter-spacing:1.25px;color:#6789ad;font-weight:1000}
.challenge-objective{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 12px;border-radius:13px;background:#06172f;border:1px solid #174a78}
.challenge-objective>div{text-align:left}.challenge-objective small{display:block;color:#5f82a8;font-size:7px;font-weight:1000;letter-spacing:1px}.challenge-objective strong{display:block;margin-top:2px;font-size:13px;color:#fff;line-height:1.08}.challenge-objective .free-stake{text-align:right;flex:0 0 auto}.challenge-objective .free-stake strong{font-size:18px;color:#dff8ff}
.trial-intro-start{margin-top:11px}.trial-intro-note{font-size:7.2px;line-height:1.35;margin-top:9px;color:#5f7d9c}

/* Real gameplay material language aligns with Hero. */
.board{padding:8px;gap:4px;border-radius:18px;background:linear-gradient(160deg,#061a3b,#031027 70%,#061733);border:1px solid #1a8ee1;box-shadow:0 0 0 1px rgba(0,220,255,.17),0 0 22px rgba(0,104,255,.24),0 13px 28px rgba(0,0,0,.30),inset 0 2px rgba(255,255,255,.045),inset 0 -15px 24px rgba(0,0,0,.22)}
.cell{overflow:hidden;border-radius:5px;background:linear-gradient(180deg,#15366a,#102c59 60%,#0a2348);border:1px solid rgba(52,113,179,.16);box-shadow:inset 0 1px rgba(255,255,255,.045),inset 0 -2px rgba(0,0,0,.16);transition:transform .12s cubic-bezier(.2,.8,.2,1),opacity .13s ease,filter .13s ease}
.cell.filled{position:relative;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 3px var(--tile-hi),inset 0 -4px var(--tile-lo),inset 1px 0 var(--tile-edge),0 3px 5px rgba(0,0,0,.26);animation:tileSettle .15s cubic-bezier(.2,.9,.35,1.15)}
.piece-block{overflow:hidden;border-radius:6px;border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 3px rgba(255,255,255,.39),inset 0 -4px rgba(0,0,0,.22),inset 1px 0 rgba(255,255,255,.08),0 4px 7px rgba(0,0,0,.29)}
.piece-slot{transition:transform .14s ease,filter .14s ease}.piece-slot:active{transform:translateY(-3px) scale(1.03);filter:drop-shadow(0 8px 8px rgba(0,0,0,.22))}
.drag-ghost{transform:scale(1.06);filter:drop-shadow(0 13px 11px rgba(0,0,0,.35)) drop-shadow(0 0 9px rgba(40,154,255,.09))}
.cell.preview:not(.bad){background:var(--preview);opacity:.50;filter:saturate(1.24) brightness(1.13);border:1px solid rgba(255,255,255,.48);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 0 9px rgba(40,190,255,.18)}
.cell.preview.bad{background:#ed4f63;opacity:.35;border:1px solid rgba(255,133,145,.55);box-shadow:none}
.cell.clearing{animation:commercialClear .23s ease forwards;z-index:2}
.line-pop{top:151px;padding:8px 16px;border-radius:13px;background:linear-gradient(180deg,#a96fff,#7947ed 58%,#5d2fc6);border:1px solid rgba(218,188,255,.54);box-shadow:inset 0 2px rgba(255,255,255,.20),0 6px 0 rgba(61,26,136,.42),0 12px 22px rgba(67,31,161,.28);text-shadow:0 2px 0 rgba(58,27,125,.75)}
.line-pop.show{animation:commercialPop .55s cubic-bezier(.16,.85,.25,1)}
.progress-wrap .fill{position:relative;overflow:hidden;background:linear-gradient(90deg,#17bcff,#11e68e);box-shadow:0 0 9px rgba(0,229,139,.22)}
.progress-wrap .fill:after{content:"";position:absolute;inset:0 auto 0 -38%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);transform:skewX(-20deg);animation:progressShimmer 3.8s ease-in-out infinite}
.score-main{font-size:60px;text-shadow:0 6px 16px rgba(0,0,0,.27)}
.score-prize{letter-spacing:.1px;text-shadow:0 0 12px rgba(255,209,45,.12)}

/* Trial win: clear emotional peak -> 5X -> R$10 -> register. */
.trial-win-stage{display:none;text-align:center;margin:7px 0 9px;position:relative;padding:8px 0 6px}
.result-card.trial-win .trial-win-stage{display:block}
.result-card.trial-win #resultMultiplier,.result-card.trial-win .result-kpis{display:none}
.result-card.trial-win{position:relative;border-radius:24px;padding:20px 16px 16px;border:1px solid #23c88a;background:radial-gradient(circle at 50% 17%,rgba(8,237,149,.15),transparent 31%),radial-gradient(circle at 50% 45%,rgba(255,208,36,.08),transparent 31%),linear-gradient(175deg,#071d3b,#041329 70%,#03101f);box-shadow:0 0 0 1px rgba(0,242,159,.11),0 24px 64px rgba(0,0,0,.50),0 0 36px rgba(0,234,144,.11)}
.result-card.trial-win .result-icon{width:54px;height:54px;margin:0 auto 8px;border-radius:17px;font-size:30px;background:linear-gradient(180deg,#24f6a5,#06d87d);color:#063226;box-shadow:inset 0 2px rgba(255,255,255,.28),0 7px 0 #078f55,0 11px 20px rgba(0,219,130,.18)}
.result-card.trial-win #resultTitle{font-size:28px;line-height:1;margin-top:11px;letter-spacing:-.8px}
.result-card.trial-win #resultSubtitle{font-size:9.5px;color:#78a0c1;margin-top:6px;margin-bottom:3px}
.trial-win-x{font-family:Arial Black,Arial,sans-serif;font-size:66px;line-height:.84;color:#ffdf35;letter-spacing:-3px;text-shadow:0 2px 0 #fff19d,0 6px 0 #8c5500,0 0 25px rgba(255,210,34,.24);animation:winXPop .72s cubic-bezier(.16,.84,.25,1)}
.trial-win-cash{margin-top:13px;font-size:32px;line-height:1;font-weight:1000;letter-spacing:-1px;color:#19f09a;text-shadow:0 0 16px rgba(0,238,142,.17)}
.trial-win-caption{margin-top:7px;font-size:7px;letter-spacing:1.25px;font-weight:1000;color:#5f83a7}
.result-card.trial-win #resultDiag{margin:4px auto 10px;max-width:280px;font-size:7.6px;line-height:1.35;color:#6583a4}
.result-card.trial-win .trial-conversion{margin-top:5px;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(7,33,65,.95),rgba(4,22,44,.95));border:1px solid #206293;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.result-card.trial-win .trial-conversion h3{font-size:17px;margin:0 0 4px}.result-card.trial-win .trial-conversion p{font-size:8.5px;line-height:1.35;margin-bottom:9px}
.result-card.trial-win #trialRegisterCta{min-height:54px;border-radius:13px;background:linear-gradient(180deg,#aa70ff,#8b4ff0 58%,#7036d5);border:1px solid #c59fff;box-shadow:inset 0 2px rgba(255,255,255,.24),0 5px 0 #4e219f,0 10px 20px rgba(95,43,191,.22);font-size:15px}
.result-card.trial-win #playAgainBtn{height:47px;margin-top:9px;border-radius:12px}
.result-card.trial-win #trialLoginCta{font-size:8.5px}
.result-card.trial-loss .trial-conversion{display:flex;flex-direction:column}.result-card.trial-loss #playAgainBtn{order:1;background:linear-gradient(180deg,#21fda6,#08df85 58%,#00bd69);color:#03281d;border:0;box-shadow:0 5px 0 #007b48,0 10px 18px rgba(0,219,130,.18)}.result-card.trial-loss #trialRegisterCta{order:2;margin-top:10px;min-height:46px;background:linear-gradient(180deg,#9765f0,#7845cf);box-shadow:0 4px 0 #4b258d}.result-card.trial-loss #trialLoginCta{order:3}

/* Micro motion keyframes */
@keyframes progressShimmer{0%,64%{transform:translateX(0) skewX(-18deg);opacity:0}72%{opacity:.7}92%,100%{transform:translateX(420%) skewX(-18deg);opacity:0}}
@keyframes pieceFloatFine{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes dragCue{0%,100%{opacity:.22;transform:translate(0,0) rotate(-28deg)}50%{opacity:.82;transform:translate(4px,-3px) rotate(-28deg)}}
@keyframes ctaSweepFine{0%,68%{left:-40%;opacity:0}73%{opacity:.75}88%,100%{left:122%;opacity:0}}
@keyframes tileSettle{0%{transform:scale(.91)}72%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes commercialClear{0%{transform:scale(1);filter:brightness(1)}48%{transform:scale(1.08);filter:brightness(1.65);opacity:1}100%{transform:scale(.58);opacity:.04;filter:brightness(1.9)}}
@keyframes commercialPop{0%{opacity:0;transform:translate(-50%,5px) scale(.70)}28%{opacity:1;transform:translate(-50%,-6px) scale(1.08)}70%{opacity:1;transform:translate(-50%,-9px) scale(1)}100%{opacity:0;transform:translate(-50%,-16px) scale(.96)}}
@keyframes winXPop{0%{transform:scale(.56);opacity:0;filter:blur(3px)}55%{transform:scale(1.08);opacity:1;filter:blur(0)}100%{transform:scale(1);opacity:1}}

@media(max-width:340px){
 .topbar>.brand-logo{width:72px}.headline{font-size:25px}
 .v1556-hero{height:286px}.hero-board-8{width:178px;height:178px;right:12px;top:52px;padding:8px}.v1556-hero .hero-progress{left:13px;top:48px;width:100px}.v1556-hero .hero-progress strong{font-size:25px}.v1556-hero .hero-progress em{font-size:43px}.hero-progress-bar{width:96px}.hero-float-piece{right:54px;top:205px}.hero-drag-path{right:97px;top:215px}.hero-tray{left:12px;bottom:17px}
}
@media(prefers-reduced-motion:reduce){
 .hero-progress-bar i:after,.hero-float-piece,.hero-drag-path,.free-btn:after,.progress-wrap .fill:after,.trial-win-x,.how-slide{animation:none;transition:none}.how-slide.reveal-ready{opacity:1;transform:none}
}


/* Final trust + celebration refinement */
html:not([data-debug="1"]) .online-pill{display:none}
html:not([data-debug="1"]) .headline{margin-top:7px}
.topbar>.brand-logo{width:84px}
.trial-win-stage{border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(255,211,43,.075),transparent 48%)}
.trial-win-stage:before,.trial-win-stage:after{content:"";position:absolute;width:12px;height:12px;border-radius:3px;top:30px;box-shadow:20px 31px 0 #24ccef,-15px 69px 0 #9d59ef,9px 103px 0 #24d271;opacity:.9;animation:celebrateBlocks 1.05s cubic-bezier(.18,.8,.2,1) both}
.trial-win-stage:before{left:24px;background:linear-gradient(#ffe87a,#ffb824)}
.trial-win-stage:after{right:24px;background:linear-gradient(#ff90a2,#ed4e66);transform:scale(.9) rotate(12deg);box-shadow:-18px 38px 0 #24d271,12px 74px 0 #2bbdf0,-7px 108px 0 #a264ef}
@keyframes celebrateBlocks{0%{opacity:0;transform:translateY(14px) scale(.55) rotate(-12deg)}55%{opacity:1;transform:translateY(-4px) scale(1.06) rotate(5deg)}100%{opacity:.88;transform:translateY(0) scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.trial-win-stage:before,.trial-win-stage:after{animation:none}}


/* =====================================================================
   BLOCK PIX V1.5.5.6.3 — GUEST VISUAL REBUILD + GAMEPLAY UI FIX
   P0: obvious first-screen recomposition, tile identity, viewport countdown.
   ===================================================================== */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/foundation-responsive.css
 * 视觉领域：Base / Responsive
 * 职责：Golden 基础样式与响应式规则
 * 来源：Golden Formal style[0]
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */
:root{--game-vvh:100dvh;--game-vvtop:0px}
html.game-viewport-mode,body.game-viewport-mode{height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none}
#app.game-viewport-mode{height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}
#app.game-viewport-mode #lobbyScreen{overflow:hidden}
#gameScreen.screen{height:100svh;height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none}

/* Countdown is a viewport/mobile-shell layer, never a long-document layer. */
/* Block PIX 4.9.6 V1.7.1 | Countdown 正式视觉 Owner。
   仅修饰 countdownScreen；不涉及 round、输入、时间或 gameplay。
   布局由游戏既有 Visual Viewport 高度承载，不另建 viewport 监听器。 */
#countdownScreen {
  display:none;
  position:fixed;
  z-index:500;
  left:50%; right:auto; top:var(--game-vvtop,0px); bottom:auto;
  transform:translateX(-50%);
  width:min(100vw,430px);
  height:var(--game-vvh,100dvh);
  min-height:0;
  margin:0;
  padding:calc(22px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));
  box-sizing:border-box;
  align-items:center; justify-content:center;
  text-align:center; overflow:hidden;
  overscroll-behavior:none; touch-action:none; isolation:isolate;
  color:#efffff;
  background:
    radial-gradient(ellipse 69% 37% at 49% 44%,rgba(26,150,149,.16),rgba(16,88,112,.055) 65%,transparent 100%),
    radial-gradient(ellipse 68% 29% at 50% 96%,rgba(21,124,155,.15),transparent 94%),
    linear-gradient(155deg,#103b53 0%,#0b344b 35%,#082e46 76%,#0b4055 100%);
}
/* 背景纹理只是低对比度舞台空间层，不参与真实棋盘或触控。 */
#countdownScreen::before {
  content:'';position:absolute;z-index:0;pointer-events:none;
  width:120%;height:36%;left:-10%;bottom:-14%;
  transform:perspective(420px) rotateX(30deg) rotate(-7deg);
  opacity:.16;
  background:
    repeating-linear-gradient(0deg,transparent 0 35px,rgba(83,182,200,.25) 36px 37px,transparent 38px 42px),
    repeating-linear-gradient(90deg,transparent 0 35px,rgba(83,182,200,.25) 36px 37px,transparent 38px 42px);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 50%,#000 100%);
}
#countdownScreen::after {
  content:'';position:absolute;z-index:0;pointer-events:none;inset:0;
  background:
    radial-gradient(ellipse 44% 28% at 9% 34%,rgba(44,168,175,.08),transparent 95%),
    radial-gradient(ellipse 35% 29% at 91% 66%,rgba(59,141,175,.065),transparent 95%);
  animation:bp496CountdownAmbient 3.2s ease-in-out infinite alternate;
}
/* Logo C 原字形、颜色与宽高比完全不变，只将白底变为紧凑轻质底托。 */
#countdownScreen .bp496-count-brand {
  position:absolute;z-index:2;
  top:calc(clamp(34px,8.5vh,73px) + env(safe-area-inset-top,0px));
  left:50%;transform:translateX(-50%);
  width:139px;height:37px;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;
  padding:6px 10px;border:0;border-radius:10px;
  background:rgba(242,250,250,.95);
  box-shadow:0 4px 15px rgba(0,20,39,.075);
  pointer-events:none;
}
#countdownScreen .bp496-count-brand img {
  display:block;width:115px;height:auto;max-height:26px;object-fit:contain;
  image-rendering:auto;
}
/* 主视觉作为一组居中，避免旧版 top:135px / 87px / 75px 的多层定位覆写。 */
#countdownScreen .count-wrap {
  position:relative;z-index:2;
  left:auto;right:auto;top:auto;bottom:auto;
  width:100%;max-width:370px;min-width:0;
  margin:0 auto;
  display:flex;flex-direction:column;align-items:center;
  flex:0 1 auto;
  transform:translateY(-11px);
  pointer-events:none;
}
#countdownScreen .count-wrap #countTitle {
  order:0;max-width:100%;margin:0;min-height:33px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 18px;box-sizing:border-box;
  border:1px solid rgba(117,204,205,.38);border-radius:999px;
  background:rgba(80,173,185,.095);
  color:#e0f4f3;font-size:12px;line-height:17px;font-weight:760;
  letter-spacing:.65px;text-shadow:none;box-shadow:none;
}
#countdownScreen .count-wrap #countMode {
  order:1;margin-top:9px;
  font-size:11px;line-height:14px;letter-spacing:.75px;font-weight:650;
  color:#b0dbe0;opacity:1;
}
/* 轨道/主弧/内光三层，非实际业务进度条。 */
#countdownScreen .bp496-count-ring {
  order:2;position:relative;display:grid;place-items:center;flex-shrink:0;
  width:204px;height:204px;margin:27px auto 0;
  border-radius:50%;border:1px solid rgba(99,216,204,.40);
  background:
    radial-gradient(circle at 49% 40%,rgba(22,122,126,.20),rgba(10,56,78,.30) 68%,rgba(9,46,68,.50) 100%);
  box-shadow:
    0 0 0 10px rgba(66,190,189,.04),
    0 0 0 23px rgba(61,176,180,.016),
    0 16px 46px rgba(0,19,40,.13),
    inset 0 1px 0 rgba(185,247,231,.10),
    inset 0 -14px 25px rgba(1,34,56,.12);
}
#countdownScreen .bp496-count-ring::before {
  content:'';position:absolute;inset:-2px;border-radius:50%;
  background:conic-gradient(from 226deg,
    rgba(67,207,192,.17) 0deg,
    rgba(77,219,193,.82) 70deg,
    #6fe8d2 147deg,
    #53d6c3 230deg,
    rgba(65,212,190,.65) 295deg,
    rgba(42,173,167,.20) 345deg,rgba(67,207,192,.17) 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  filter:drop-shadow(0 0 4px rgba(72,221,194,.14));pointer-events:none;
}
#countdownScreen .bp496-count-ring::after {
  content:'';position:absolute;inset:9px;border-radius:50%;pointer-events:none;
  border:1px solid rgba(89,210,197,.095);
  box-shadow:inset 0 1px 0 rgba(141,237,218,.05);
}
#countdownScreen .count-number {
  position:relative;z-index:1;display:grid;place-items:center;
  width:100%;height:100%;margin:0;
  background:transparent;border:0;border-radius:50%;box-shadow:none;
  color:#f6fffe;font-size:107px;line-height:1;font-weight:800;
  letter-spacing:-2px;font-variant-numeric:tabular-nums;
  text-shadow:0 3px 16px rgba(85,234,207,.11);
  animation:none;
}
#countdownScreen .count-number.is-vai {
  font-size:50px;letter-spacing:.35px;font-weight:810;
  text-shadow:0 2px 19px rgba(101,247,217,.19);
}
#countdownScreen .bp496-count-ready {
  order:3;margin-top:32px;
  color:#f2fffc;font-size:24px;line-height:1.22;font-weight:770;letter-spacing:-.5px;
  transition:opacity .12s ease,transform .12s ease;
}
#countdownScreen .count-wrap #countCopy {
  order:4;max-width:320px;margin:15px auto 0;
  color:#c8e5e7;font-size:13.5px;line-height:1.5;font-weight:500;
  letter-spacing:0;overflow-wrap:break-word;
  transition:opacity .12s ease;
}
/* 最后 VAI! 状态由已有 is-vai 类驱动，只改变视觉权重，不改 timer 或生命周期。 */
#countdownScreen:has(.count-number.is-vai) .bp496-count-ready {
  opacity:.45;transform:translateY(-2px);
}
#countdownScreen:has(.count-number.is-vai) .count-wrap #countCopy {opacity:.65;}
#countdownScreen:has(.count-number.is-vai) .bp496-count-ring::before {
  animation:bp496CountdownFinalRing .4s ease-out both;
}
/* 现有 JS 仍调用同名入场 keyframe，650/520ms 计时完全不变。 */
@keyframes bp496CountdownDigitEnter {
  0%{opacity:.80;transform:scale(.92)}
  35%{opacity:1;transform:scale(1.022)}
  62%{opacity:1;transform:scale(1)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes bp496CountdownAmbient {from{opacity:.63}to{opacity:1}}
@keyframes bp496CountdownFinalRing {
  0%{opacity:.84;filter:brightness(1)}
  37%{opacity:1;filter:brightness(1.13)}
  100%{opacity:1;filter:brightness(1.02)}
}
/* 限高设备仅调布局 token，不挪 DOM、不改变动画时间。 */
@media(max-width:365px){
  #countdownScreen .bp496-count-brand{width:135px;height:36px;}
  #countdownScreen .bp496-count-brand img{width:112px;}
  #countdownScreen .bp496-count-ring{width:183px;height:183px;margin-top:22px;}
  #countdownScreen .count-number{font-size:96px;}
  #countdownScreen .count-number.is-vai{font-size:43px;}
  #countdownScreen .bp496-count-ready{font-size:22px;margin-top:26px;}
  #countdownScreen .count-wrap #countCopy{font-size:13px;}
}
@media(max-height:700px){
  #countdownScreen .count-wrap{transform:translateY(-9px);}
  #countdownScreen .bp496-count-brand{top:calc(17px + env(safe-area-inset-top,0px));}
  #countdownScreen .bp496-count-ring{width:165px;height:165px;margin-top:17px;}
  #countdownScreen .count-number{font-size:87px;}
  #countdownScreen .count-number.is-vai{font-size:39px;}
  #countdownScreen .bp496-count-ready{font-size:22px;margin-top:24px;}
  #countdownScreen .count-wrap #countCopy{font-size:13px;margin-top:12px;}
}
@media(max-height:600px){
  #countdownScreen .bp496-count-brand{top:calc(12px + env(safe-area-inset-top,0px));}
  #countdownScreen .count-wrap{transform:translateY(-10px);}
  #countdownScreen .bp496-count-ring{width:151px;height:151px;margin-top:14px;}
  #countdownScreen .count-number{font-size:80px;}
  #countdownScreen .count-number.is-vai{font-size:36px;}
  #countdownScreen .bp496-count-ready{margin-top:18px;}
}
@media(prefers-reduced-motion:reduce){
  #countdownScreen::after,
  #countdownScreen:has(.count-number.is-vai) .bp496-count-ring::before {animation:none;}
  #countdownScreen .count-number{animation:none!important;}
  #countdownScreen .bp496-count-ready,
  #countdownScreen .count-wrap #countCopy{transition:none;}
}


/* First-screen visual recomposition: gameplay first, not left-copy/right-widget banner. */
.headline{margin:1px 0 10px;font-size:30px;line-height:.98;letter-spacing:-1.35px;text-shadow:0 3px 0 #071734,0 8px 20px rgba(0,0,0,.34),0 0 20px rgba(25,104,255,.10)}
.online-pill{margin:7px auto 10px;padding:5px 12px}
.hero-card.hero-commercial.v15563-hero{position:relative;height:328px;border-radius:24px;overflow:hidden;border:1px solid #1a8cff;background:radial-gradient(circle at 42% 47%,rgba(10,110,255,.28),transparent 37%),radial-gradient(circle at 83% 21%,rgba(130,66,255,.25),transparent 27%),linear-gradient(155deg,#07183e 0%,#04102c 50%,#120a34 100%);box-shadow:0 0 0 1px rgba(41,216,255,.25),0 0 31px rgba(0,107,255,.28),0 18px 35px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.10),inset 0 -18px 35px rgba(0,0,0,.16);isolation:isolate}
.v15563-hero:before{content:"";position:absolute;inset:0;display:block;background:linear-gradient(118deg,transparent 10%,rgba(104,184,255,.08) 39%,transparent 64%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(78,136,255,.035) 35px 36px);opacity:.75;pointer-events:none}
.v15563-hero:after{content:"";display:block;position:absolute;left:18px;right:18px;bottom:10px;height:58px;border-radius:18px;background:linear-gradient(180deg,rgba(11,33,73,.78),rgba(4,18,43,.92));border:1px solid rgba(60,139,224,.25);box-shadow:inset 0 1px rgba(255,255,255,.045),0 -10px 25px rgba(0,0,0,.18);z-index:2}
.v15563-hero .hero-stage-glow{position:absolute;left:36px;top:62px;width:226px;height:226px;border-radius:36%;background:radial-gradient(circle,rgba(24,140,255,.22),transparent 67%);filter:blur(4px);z-index:1}
.v15563-hero .hero-progress-rail{position:absolute;left:18px;right:18px;top:15px;z-index:9}
.hero-progress-labels{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.hero-progress-labels span{font-size:7.5px;font-weight:1000;letter-spacing:1.25px;color:#76add3}.hero-progress-labels strong{font-size:9px;font-weight:1000;color:#eaf6ff;letter-spacing:.5px}
.hero-progress-track{height:9px;border-radius:999px;padding:2px;background:#031127;border:1px solid #164c7a;box-shadow:inset 0 2px 5px rgba(0,0,0,.36)}.hero-progress-track i{display:block;width:83%;height:100%;border-radius:999px;background:linear-gradient(90deg,#18baff,#5c6dff 58%,#a45bff);box-shadow:0 0 12px rgba(48,154,255,.55),inset 0 1px rgba(255,255,255,.35)}
.hero-board-shell{position:absolute;left:21px;top:59px;width:218px;height:218px;padding:9px;border-radius:21px;background:linear-gradient(180deg,#061a3b,#03112b);border:2px solid #159cff;box-shadow:0 0 0 1px rgba(82,225,255,.22),0 0 26px rgba(0,118,255,.30),0 13px 24px rgba(0,0,0,.32),inset 0 2px rgba(255,255,255,.055),inset 0 -12px 24px rgba(0,0,0,.24);z-index:4;transform:perspective(520px) rotateX(1.5deg) rotateY(-1.8deg)}
.hero-board-8-v3{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:3px}.hero-cell{position:relative;border-radius:4px;background:linear-gradient(180deg,#143264,#0b2247);box-shadow:inset 0 1px rgba(255,255,255,.055),inset 0 -2px rgba(0,0,0,.22)}
.hero-cell.hero-filled,.hero-cell.hero-preview{border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 3px rgba(255,255,255,.35),inset 0 -3px rgba(0,0,0,.20),0 2px 5px rgba(0,0,0,.25)}
.hero-cell.cyan,.hero-tray-piece.cyan i{background:linear-gradient(180deg,#7edff2 0%,#52d3ed 13%,#21c7e8 46%,#1eb3d1 73%,#168399 100%)}
.hero-cell.blue,.hero-tray-piece.blue i{background:linear-gradient(180deg,#91aaff 0%,#6c8dff 13%,#426dff 46%,#3b62e6 73%,#2c48a8 100%)}
.hero-cell.purple,.hero-tray-piece.purple i{background:linear-gradient(180deg,#c59df6 0%,#b17bf3 13%,#9b56ef 46%,#8c4dd7 73%,#66399e 100%)}
.hero-cell.yellow,.hero-tray-piece.yellow i,.hero-drag-piece-v3.yellow i{background:linear-gradient(180deg,#fbde85 0%,#fad35b 13%,#f8c62d 46%,#dfb228 73%,#a4831e 100%)}
.hero-cell.orange,.hero-tray-piece.orange i{background:linear-gradient(180deg,#ffad8d 0%,#ff9066 13%,#ff713b 46%,#e66635 73%,#a84b27 100%)}
.hero-cell.green,.hero-tray-piece.green i{background:linear-gradient(180deg,#82e1aa 0%,#57d78c 13%,#28cc6c 46%,#24b861 73%,#1a8747 100%)}
.hero-cell.red,.hero-tray-piece.red i{background:linear-gradient(180deg,#f7a0bd 0%,#f57fa7 13%,#f25b8e 46%,#da5280 73%,#a03c5e 100%)}
.hero-cell.hero-preview{opacity:.46;animation:v1563Preview 2.2s ease-in-out infinite;outline:1px solid rgba(255,244,125,.52);outline-offset:-2px}.hero-board-shine{position:absolute;left:12px;right:12px;top:9px;height:34%;border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent);pointer-events:none}
.hero-reward-token{position:absolute;right:13px;top:73px;width:93px;height:112px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:8;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.28),transparent 24%),linear-gradient(180deg,#183b72,#102655 44%,#0a183a);border:1px solid #416fc2;box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 0 #06132e,0 15px 26px rgba(0,0,0,.34),0 0 23px rgba(92,94,255,.19);transform:rotate(2deg)}.hero-reward-token small{font-size:7px;color:#81b7df;font-weight:1000;letter-spacing:1.3px}.hero-reward-token strong{font-family:Arial Black,Arial,sans-serif;font-size:51px;line-height:.93;color:#ffe642;text-shadow:0 2px 0 #fff2a3,0 5px 0 #815000,0 0 18px rgba(255,214,35,.26)}.hero-reward-token span{margin-top:6px;font-size:6.5px;font-weight:1000;color:#a9c1dd;letter-spacing:.55px}
.hero-drag-piece-v3{position:absolute;left:222px;top:197px;width:58px;height:58px;z-index:10;filter:drop-shadow(0 10px 9px rgba(0,0,0,.42));animation:v1563DragPiece 4.8s ease-in-out infinite}.hero-drag-piece-v3 i{position:absolute;width:22px;height:22px;border-radius:5px;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 3px rgba(255,255,255,.35),inset 0 -3px rgba(0,0,0,.20),0 3px 5px rgba(0,0,0,.25)}.hero-drag-piece-v3 i:nth-child(1){left:0;top:0}.hero-drag-piece-v3 i:nth-child(2){left:24px;top:0}.hero-drag-piece-v3 i:nth-child(3){left:24px;top:24px}.hero-drag-guide-v3{position:absolute;left:237px;top:228px;width:48px;height:46px;z-index:7;transform:rotate(-34deg)}.hero-drag-guide-v3 span{position:absolute;left:10px;top:15px;width:31px;height:2px;background:linear-gradient(90deg,rgba(255,236,112,.1),#ffe764);box-shadow:0 0 9px rgba(255,223,61,.35)}.hero-drag-guide-v3 span:after{content:"";position:absolute;right:-2px;top:-4px;width:8px;height:8px;border-right:2px solid #ffe764;border-top:2px solid #ffe764;transform:rotate(45deg)}
.hero-tray-shelf{position:absolute;left:33px;right:33px;bottom:17px;height:44px;display:flex;align-items:center;justify-content:space-around;z-index:6}.hero-tray-piece{position:relative;width:58px;height:35px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.28))}.hero-tray-piece i{position:absolute;width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px rgba(255,255,255,.34),inset 0 -2px rgba(0,0,0,.18)}.hero-tray-piece:not(.square):not(.lshape) i:nth-child(1){left:4px;top:9px}.hero-tray-piece:not(.square):not(.lshape) i:nth-child(2){left:21px;top:9px}.hero-tray-piece:not(.square):not(.lshape) i:nth-child(3){left:38px;top:9px}.hero-tray-piece.square i:nth-child(1){left:12px;top:1px}.hero-tray-piece.square i:nth-child(2){left:29px;top:1px}.hero-tray-piece.square i:nth-child(3){left:12px;top:18px}.hero-tray-piece.square i:nth-child(4){left:29px;top:18px}.hero-tray-piece.lshape i:nth-child(1){left:14px;top:1px}.hero-tray-piece.lshape i:nth-child(2){left:14px;top:18px}.hero-tray-piece.lshape i:nth-child(3){left:31px;top:18px}.hero-action-caption{position:absolute;right:22px;bottom:70px;z-index:7;font-size:6.5px;font-weight:1000;letter-spacing:.75px;color:#7494b6;text-align:right}
@keyframes v1563DragPiece{0%,100%{transform:translate(0,0) rotate(-5deg)}44%{transform:translate(-8px,-11px) rotate(-2deg)}55%{transform:translate(-8px,-11px) rotate(-2deg)}72%{transform:translate(0,0) rotate(-5deg)}}
@keyframes v1563Preview{0%,100%{opacity:.36;filter:brightness(1)}48%{opacity:.62;filter:brightness(1.14)}}

/* CTA gets a clearer game-button body without changing its location/width. */
#trialStartBtn.free-btn{margin-top:14px;min-height:62px;border-radius:16px;border:1px solid #5affbc;background:linear-gradient(180deg,#49ffb8 0%,#14f59a 18%,#00df7c 58%,#00b866 100%);color:#012c1d;font-size:17px;letter-spacing:.25px;text-shadow:0 1px rgba(255,255,255,.18);box-shadow:inset 0 2px rgba(255,255,255,.36),inset 0 -3px rgba(0,89,54,.22),0 6px 0 #007a49,0 13px 27px rgba(0,239,138,.25)}
#trialStartBtn.free-btn:after{height:42%;opacity:.62}

/* Single tile material identity across tray -> ghost -> preview -> board. */
.cell.filled,.piece-block{background:var(--tile-bg);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 3px rgba(255,255,255,.35),inset 0 -3px rgba(0,0,0,.20),inset -1px 0 rgba(255,255,255,.07),0 3px 6px rgba(0,0,0,.27);background-clip:padding-box;filter:none}
.cell.filled{transform:translateZ(0)}
.cell.preview:not(.bad){background:var(--preview-bg);opacity:.52;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25),0 0 11px rgba(255,255,255,.08);filter:none}
.cell.preview.bad{background:linear-gradient(180deg,rgba(255,122,122,.58),rgba(214,48,58,.48));opacity:.58}
.drag-ghost{filter:drop-shadow(0 13px 10px rgba(0,0,0,.34));transform:scale(1.055)}

@media(max-width:360px){.headline{font-size:27px}.hero-card.hero-commercial.v15563-hero{height:305px}.hero-board-shell{left:17px;top:58px;width:198px;height:198px}.hero-reward-token{right:11px;top:72px;width:86px;height:104px}.hero-reward-token strong{font-size:46px}.hero-drag-piece-v3{left:202px;top:188px}.hero-drag-guide-v3{left:215px;top:219px}.hero-action-caption{right:18px;bottom:67px;font-size:6px}.hero-tray-shelf{left:25px;right:25px;bottom:15px}}
@media(max-height:610px){.headline{font-size:25px;margin-bottom:7px}.online-pill{margin:4px auto 7px}.hero-card.hero-commercial.v15563-hero{height:268px}.hero-progress-rail{top:11px}.hero-board-shell{left:20px;top:51px;width:170px;height:170px;padding:7px}.hero-reward-token{right:15px;top:61px;width:80px;height:96px}.hero-reward-token strong{font-size:43px}.hero-drag-piece-v3{left:180px;top:163px;transform:scale(.88)}.hero-drag-guide-v3{left:194px;top:190px}.hero-tray-shelf{bottom:12px;height:38px}.hero-action-caption{display:none}.free-btn{min-height:56px}}
@media(prefers-reduced-motion:reduce){.hero-drag-piece-v3,.hero-cell.hero-preview{animation:none}}



/* =====================================================================
   BLOCK PIX V1.5.5.7 — GUEST SHORT GUIDED TRIAL CONVERSION
   Guest = 3 real drags -> 3 escalating wins -> immediate 5X result -> register.
   Paid gameplay/math remain unchanged.
   ===================================================================== */








































@media(max-height:700px){#gameScreen.guided-trial #gameHint{height:22px;line-height:22px;font-size:9.5px}.result-card.guided-result{padding:14px 13px 12px}.result-card.guided-result .result-icon{width:46px;height:46px;font-size:26px}.result-card.guided-result #resultTitle{font-size:24px}.result-card.guided-result .trial-win-x{font-size:52px}.result-card.guided-result .trial-win-cash{font-size:27px}.result-card.guided-result .trial-conversion p{display:none}}
@media(max-height:600px){#gameScreen.guided-trial .score-stage{margin-top:-5px}#gameScreen.guided-trial .score-main{font-size:39px}#gameScreen.guided-trial .progress-wrap{margin-top:1px;margin-bottom:2px}#gameScreen.guided-trial .board-wrap{width:min(100%,276px)}#gameScreen.guided-trial .tray{height:63px}#gameScreen.guided-trial .piece-slot{height:59px}#gameScreen.guided-trial #gameHint{display:block;height:18px;line-height:18px;font-size:8.5px}.result-card.guided-result{padding:10px 12px 10px}.result-card.guided-result .result-icon{display:none}.result-card.guided-result #resultTitle{font-size:21px;margin-top:0}.result-card.guided-result #resultSubtitle{display:none}.result-card.guided-result .trial-win-stage{margin:0;padding:2px 0}.result-card.guided-result .trial-win-x{font-size:45px}.result-card.guided-result .trial-win-cash{font-size:24px;margin-top:7px}.result-card.guided-result .trial-win-caption{font-size:6px}.result-card.guided-result #resultDiag{font-size:7px}.result-card.guided-result .trial-conversion{padding:7px}.result-card.guided-result .trial-conversion h3,.result-card.guided-result .trial-conversion p{display:none}.result-card.guided-result .conversion-main{height:46px}.result-card.guided-result #playAgainBtn{height:39px;margin-top:5px}.result-card.guided-result #trialLoginCta{margin-top:4px}}
@media(prefers-reduced-motion:reduce){#gameScreen.guided-trial .piece-slot.guided-correct:before,#gameScreen.guided-trial .piece-slot.guided-correct:after,#gameScreen.guided-trial .cell.guided-target,#gameScreen.guided-trial .piece-slot.guided-nudge,#gameScreen.guided-trial .board.guided-step-change{animation:none}}


/* =====================================================================
   BLOCK PIX V1.5.5.7.2 — CASH FEEDBACK + CONTINUOUS REWARD PROGRESS
   ===================================================================== */
.real-money-badge{width:max-content;max-width:calc(100% - 28px);margin:5px auto 8px;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,rgba(9,54,43,.88),rgba(4,34,30,.88));border:1px solid rgba(36,231,156,.38);box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 16px rgba(0,0,0,.16);color:#80f6bf;font-size:8px;font-weight:1000;letter-spacing:.72px}
.real-money-dot{width:7px;height:7px;border-radius:50%;background:#18ed92;box-shadow:0 0 10px rgba(24,237,146,.55)}
.real-money-bridge{width:min(100%,356px);margin:7px auto 4px;text-align:center;color:#7592b5;font-size:9.5px;line-height:1.35}.real-money-bridge strong{display:inline;color:#b5c9df;margin-right:3px}.real-money-bridge span{display:inline}
#guestHome .signup-copy small{color:#18ed92}

/* Guided reward panel replaces generic tutorial progress while leaving paid UI untouched. */





@keyframes rewardSegmentFlash{0%{transform:scale(.88)}45%{transform:scale(1.08);box-shadow:0 0 21px rgba(62,255,188,.75)}100%{transform:scaleY(1.08)}}


/* Step-aware guidance */


.unlock-core{text-align:center;transform:scale(.7);animation:unlockCore .82s cubic-bezier(.18,.8,.2,1) forwards}.unlock-core small{display:block;color:#54ffc1;font-size:10px;font-weight:1000;letter-spacing:1.2px}.unlock-core strong{display:block;font-family:Arial Black,Arial,sans-serif;font-size:76px;line-height:.88;color:#ffe14d;text-shadow:0 5px 0 #765000,0 0 23px rgba(255,221,67,.46)}.unlock-core span{display:block;margin-top:4px;font-size:25px;font-weight:1000;color:#fff}

/* Result bridge to real-money mode */


/* Context-aware register / login commercial motivation */
.auth-context-banner{margin:10px 0 10px;padding:11px;border-radius:15px;background:radial-gradient(circle at 87% 8%,rgba(101,62,255,.18),transparent 35%),linear-gradient(180deg,#071d3e,#05142e);border:1px solid #194a7b;box-shadow:inset 0 1px rgba(255,255,255,.06)}.auth-context-trial{display:none;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(72,115,160,.22)}.auth-context-trial small{color:#7e9abb;font-size:7.5px;font-weight:1000;letter-spacing:.7px}.auth-context-trial strong{color:#ffe052;font-size:16px;font-weight:1000}.auth-context-main small{display:block;color:#18ee98;font-size:8px;font-weight:1000;letter-spacing:1px}.auth-context-main strong{display:block;margin-top:2px;color:#fff;font-size:19px;font-weight:1000}.auth-context-main p{margin:3px 0 0;text-align:left;color:#9ab0ca;font-size:10px;line-height:1.35}.auth-context-benefits{display:grid;grid-template-columns:1fr;gap:3px;margin-top:8px;color:#b4c6da;font-size:8.5px;font-weight:850}.auth-context-benefits span::first-letter{color:#16ed97}.auth-context-boundary{display:none;margin-top:7px;color:#6f88a7;font-size:8px;line-height:1.35}.auth-context-banner.from-result .auth-context-trial{display:flex}.auth-context-banner.from-result .auth-context-boundary{display:block}.auth-context-banner.login-mode .auth-context-trial,.auth-context-banner.login-mode .auth-context-benefits,.auth-context-banner.login-mode .auth-context-boundary{display:none}.auth-context-banner.login-mode{padding:10px 11px}.auth-context-banner.login-mode .auth-context-main small{color:#35d5ff}.auth-context-banner.login-mode .auth-context-main strong{font-size:16px}.auth-privacy-note{margin-top:9px;text-align:center;color:#536f90;font-size:8.5px;line-height:1.4}
.auth-submit.register{font-size:13px}.auth-modal-card{max-height:min(96dvh,790px)}
@media(max-height:680px){.auth-context-banner{padding:8px;margin:6px 0}.auth-context-benefits{display:none}.auth-context-main strong{font-size:16px}.auth-context-main p{font-size:9px}.auth-context-trial{margin-bottom:5px;padding-bottom:5px}.auth-modal-card{padding-top:10px}.auth-tabs{margin:8px 0}.form-group{margin-bottom:7px}.form-group input{height:46px}.auth-submit{height:49px}}

/* Formal build hides local-only paid test controls; debug build can re-enable. */
html:not([data-debug="1"]) .paid-local-note{display:none}
@media(prefers-reduced-motion:reduce){.guided-reward-meter i,.guided-reward-copy strong,.guided-reward-lock,.guided-reward-lock .lock-shackle{transition:none}.guided-hand{display:none}.guided-unlock-flash.show{animation:none;opacity:1}.unlock-core{animation:none;transform:none}}


/* =====================================================================
   BLOCK PIX V1.5.5.7.2 — CASH FEEDBACK + CONTINUOUS REWARD PROGRESS
   Guided-only presentation. Paid gameplay remains untouched.
   ===================================================================== */














@media(max-height:610px){#gameScreen.guided-trial .guided-reward-panel.continuous{padding:5px 9px 5px;margin-bottom:3px}.guided-reward-title small{font-size:5.8px}.guided-reward-title b{font-size:8.2px}.guided-prize-line strong{font-size:20px}.guided-prize-line span{font-size:6.3px}.guided-reward-bar{height:8px;margin-top:5px}.guided-reward-status{display:none}}
@media(prefers-reduced-motion:reduce){.guided-reward-fill{transition:none}.guided-reward-shine{animation:none;display:none}.guided-prize-line strong.cash-bump{animation:none}.guided-cash-line-flash{animation:none}}



/* =====================================================================
   BLOCK PIX V1.5.5.7.5 — COMMERCIAL REWARD RHYTHM REBALANCE
   Guided-only motion architecture. Paid flow is intentionally untouched.
   ===================================================================== */
















@media(prefers-reduced-motion:reduce){.guided-motion-recognition,.guided-clear-sweep,.guided-cash-spark{display:none}.guided-cash-fly.v1575{transition:none}.guided-unlock-flash.v1575-show,.guided-unlock-flash.v1575-show .unlock-core{animation-duration:.18s}}



@media(prefers-reduced-motion:reduce){.guided-combo-label.v1575{transition:none}}


/* V1.5.5.7.4 compositor hints: guided motion only */



/* =========================================================
   V1.6.0 Authenticated App Shell — logged-in only
   Guest landing / guided trial styles above remain untouched.
   ========================================================= */
#lobbyScreen.authenticated-shell-mode{padding:0;height:100dvh;min-height:100dvh;overflow:hidden;background:var(--bp496-app)}
.auth-shell{display:none;height:100dvh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 52% -8%,rgba(27,101,222,.20),transparent 34%),linear-gradient(180deg,#031022 0%,#020918 58%,#020713 100%)}
.auth-shell.is-visible{display:flex;flex-direction:column}
.auth-app-header{flex:0 0 auto;min-height:calc(62px + var(--safeTop));padding:calc(8px + var(--safeTop)) 13px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(3,12,28,.96);border-bottom:1px solid rgba(35,78,128,.58);box-shadow:0 8px 24px rgba(0,0,0,.18);z-index:8}
.auth-brand{display:flex;flex-direction:column;line-height:.82;transform:skew(-5deg);filter:drop-shadow(0 3px 5px rgba(0,0,0,.42))}.auth-brand b{font-size:17px;font-weight:1000;letter-spacing:-.8px;color:#ffc72c;text-shadow:0 1px 0 #843a00}.auth-brand span{font-size:16px;font-weight:1000;letter-spacing:-.5px;color:#30c8ff;text-shadow:0 1px 0 #16369b;margin-left:15px}
.auth-head-right{display:flex;align-items:center;gap:8px}.auth-balance-chip{min-width:92px;padding:6px 9px;border-radius:12px;background:linear-gradient(180deg,#071a36,#041227);border:1px solid #17416d;text-align:right;box-shadow:inset 0 1px rgba(255,255,255,.05)}.auth-balance-chip small{display:block;font-size:7px;font-weight:1000;letter-spacing:.8px;color:#6f89aa}.auth-balance-chip strong{display:block;margin-top:1px;font-size:14px;color:#ffcd38}.auth-avatar{width:38px;height:38px;border:1px solid #2a63a0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#0d3c72,#09234a);color:#e9f6ff;font-weight:1000;font-size:14px;box-shadow:inset 0 1px rgba(255,255,255,.12),0 6px 14px rgba(0,0,0,.22)}
.auth-avatar svg{width:21px;height:21px}.auth-content{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 12px 18px;scrollbar-width:none}.auth-content::-webkit-scrollbar{display:none}
.auth-page{display:none;animation:authPageIn .18s ease both}.auth-page.active{display:block}@keyframes authPageIn{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
.auth-online{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px;font-size:8px;font-weight:1000;color:#7691b3;letter-spacing:.35px}.auth-online .live{color:#3ee99f}.auth-online .live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#19ed93;box-shadow:0 0 8px rgba(25,237,147,.8)}
.paid-home-hero{position:relative;overflow:hidden;min-height:178px;padding:15px 14px 13px;border:1px solid #185186;border-radius:20px;background:radial-gradient(circle at 78% 26%,rgba(0,211,255,.18),transparent 28%),radial-gradient(circle at 12% 0,rgba(145,82,255,.18),transparent 31%),linear-gradient(145deg,#071b3c,#041329 65%,#031026);box-shadow:inset 0 1px rgba(255,255,255,.07),0 13px 27px rgba(0,0,0,.23)}
.paid-home-copy{position:relative;z-index:2;width:58%;padding-top:4px}.paid-home-copy .ey{font-size:7.5px;letter-spacing:.8px;font-weight:1000;color:#27ec9d}.paid-home-copy h1{margin:5px 0 5px;font-size:25px;line-height:.94;letter-spacing:-1px}.paid-home-copy h1 span{color:#38d6ff}.paid-home-copy p{margin:0;font-size:9.5px;line-height:1.35;color:#85a0bf}.paid-rule-pills{display:flex;gap:5px;margin-top:10px}.paid-rule-pills span{padding:5px 7px;border-radius:999px;border:1px solid #17517e;background:rgba(2,13,29,.68);font-size:7px;font-weight:1000;color:#bcd1e8}.paid-rule-pills span:first-child{border-color:#13a970;color:#54f1b3;background:rgba(4,55,43,.52)}
.paid-mini-board{position:absolute;right:11px;top:27px;width:116px;height:116px;padding:6px;border-radius:16px;background:linear-gradient(180deg,#071d3b,#04122a);border:1px solid #1b568d;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;transform:rotate(2deg);box-shadow:0 14px 28px rgba(0,0,0,.30)}.paid-mini-board i{border-radius:3px;background:#09203f;border:1px solid rgba(55,105,158,.25)}.paid-mini-board i.c{background:linear-gradient(180deg,#44e7ff,#0b91ed);border-color:#47dfff}.paid-mini-board i.g{background:linear-gradient(180deg,#4cffad,#0fc675);border-color:#4af0ac}.paid-mini-board i.p{background:linear-gradient(180deg,#b174ff,#7344eb);border-color:#ab72ff}.paid-mini-board i.o{background:linear-gradient(180deg,#ffd15a,#ff8e22);border-color:#ffc456}.paid-mini-board:after{content:"10X";position:absolute;right:-4px;bottom:-8px;width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#20ffa4,#00c976);border:2px solid #78ffc2;color:#022719;font-size:18px;font-weight:1000;transform:rotate(-5deg);box-shadow:0 7px 18px rgba(0,227,135,.28)}
.paid-section{margin-top:12px;padding:13px;border-radius:18px;background:linear-gradient(180deg,#06162f,#041127);border:1px solid #143b66;box-shadow:inset 0 1px rgba(255,255,255,.04)}.paid-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}.paid-section-head div small{display:block;font-size:7px;color:#6684a7;font-weight:1000;letter-spacing:.7px}.paid-section-head div strong{display:block;font-size:14px;margin-top:1px}.paid-section-head>span{font-size:8px;color:#44e9aa;font-weight:900}
.auth-shell .bet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0}.auth-shell .bet{height:48px;border-radius:11px}.auth-shell .bet strong{font-size:14px}.auth-shell .bet small{font-size:6.5px;margin-top:3px}
.paid-prize-preview{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;margin-top:10px;padding:10px 11px;border-radius:14px;background:linear-gradient(180deg,#041126,#031021);border:1px solid #11365f}.paid-prize-preview .amount-block small{display:block;font-size:7px;color:#607e9f;font-weight:1000}.paid-prize-preview .amount-block strong{display:block;margin-top:2px;font-size:20px}.paid-prize-preview .amount-block:last-child{text-align:right}.paid-prize-preview .amount-block:last-child strong{color:#45eeaa}.paid-prize-preview .arrow{display:grid;place-items:center;color:#37df9c;font-size:23px;font-weight:1000}
.auth-shell .paid-start{position:relative;width:100%;min-height:58px;margin-top:11px;border:0}.auth-shell .paid-start.deposit-required{background:linear-gradient(180deg,#23cfff,#087fe9 58%,#075cc4);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.28),0 6px 0 #06498e,0 12px 22px rgba(4,117,229,.24)}.auth-shell .paid-start.balance-low{background:linear-gradient(180deg,#27c9ff,#0879db 58%,#0757b9)}
.paid-balance-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#6382a5;font-size:8px}.paid-balance-note strong{color:#9eb8d5}.paid-home-footnote{margin:9px 4px 0;text-align:center;color:#4f7095;font-size:7.7px;line-height:1.4}
.route-placeholder{min-height:calc(100dvh - 168px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 18px}.route-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin-bottom:13px;background:linear-gradient(180deg,#0b2e58,#071a38);border:1px solid #21609b;color:#45d9ff;font-size:27px;box-shadow:inset 0 1px rgba(255,255,255,.08)}.route-placeholder h2{margin:0;font-size:23px}.route-placeholder p{max-width:280px;margin:7px auto 0;color:#7692b2;font-size:10px;line-height:1.45}.route-placeholder .coming{margin-top:13px;padding:6px 10px;border-radius:999px;background:#071a34;border:1px solid #174575;color:#57dcff;font-size:7.5px;font-weight:1000;letter-spacing:.8px}.profile-lite{width:100%;max-width:320px;margin-top:18px;padding:12px;border-radius:15px;background:#06152d;border:1px solid #143c68;text-align:left}.profile-lite small{display:block;color:#5f7e9f;font-size:7px;font-weight:1000}.profile-lite strong{display:block;margin:2px 0 8px;font-size:13px}.profile-lite .profile-logout{width:100%;height:43px;margin-top:5px;border-radius:11px;border:1px solid #69313e;background:#321725;color:#ff9d99;font-weight:1000;font-size:9px}
.auth-bottom-nav{flex:0 0 auto;position:relative;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;min-height:calc(69px + var(--safeBottom));padding:7px 5px calc(7px + var(--safeBottom));background:rgba(3,11,25,.98);border-top:1px solid #173a62;box-shadow:0 -10px 24px rgba(0,0,0,.26);z-index:9}.auth-nav-btn{height:52px;border:0;background:transparent;color:#5f7898;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:7.5px;font-weight:1000}.auth-nav-btn .ni{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:15px;color:#7895b8}.auth-nav-btn.active{color:#58eab1}.auth-nav-btn.active .ni{color:#05281b;background:linear-gradient(180deg,#39ffae,#07d983);box-shadow:0 5px 12px rgba(0,226,135,.22)}.auth-nav-btn.center{height:64px;margin-top:-17px;color:#a8c2df}.auth-nav-btn.center .ni{width:43px;height:43px;border-radius:15px;background:linear-gradient(180deg,#18efa0,#00bb70);border:2px solid #4cffb1;color:#03251a;font-size:20px;box-shadow:0 0 0 5px #031020,0 8px 19px rgba(0,225,132,.28)}.auth-nav-btn.center.active .ni{background:linear-gradient(180deg,#45ffb5,#08e08a);box-shadow:0 0 0 5px #031020,0 8px 24px rgba(0,239,143,.34)}.debug-build
@media(max-width:350px){.auth-app-header{padding-left:9px;padding-right:9px}.auth-balance-chip{min-width:82px}.paid-home-hero{min-height:163px;padding-left:11px}.paid-home-copy h1{font-size:22px}.paid-mini-board{width:101px;height:101px;right:8px}.auth-shell .bet-grid{gap:4px}.auth-shell .bet{height:45px}.auth-shell .bet strong{font-size:12.5px}.auth-content{padding-left:9px;padding-right:9px}.paid-section{padding:10px}.auth-nav-btn{font-size:6.8px}}
@media(max-height:680px){.paid-home-hero{min-height:148px}.paid-mini-board{width:93px;height:93px;top:31px}.paid-home-copy h1{font-size:21px}.paid-section{margin-top:9px;padding:10px}.auth-shell .bet{height:43px}.paid-prize-preview{padding:8px 10px}.auth-shell .paid-start{min-height:52px}.paid-home-footnote{margin-top:6px}}


/* =========================================================
   BLOCK PIX V1.6.1 — Dual Mode Commercial Home Rebuild
   Authenticated PLAY only. Guest + legacy Paid engine untouched.
   ========================================================= */
.auth-content{padding:9px 11px 16px}
.auth-online{margin:0 3px 7px;font-size:7.6px;letter-spacing:.3px}.auth-online .live{font-size:8px}.auth-online .live:before{width:5px;height:5px;margin-right:5px}
.v161-hero{position:relative;overflow:hidden;min-height:145px;border-radius:20px;padding:14px 13px;border:1px solid #1d5d95;background:radial-gradient(circle at 80% 22%,rgba(0,220,255,.22),transparent 29%),radial-gradient(circle at 17% 8%,rgba(139,76,255,.22),transparent 34%),linear-gradient(145deg,#081b42,#04132e 62%,#071735);box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 30px rgba(0,0,0,.28),0 0 0 1px rgba(0,191,255,.05)}
.v161-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 58%,rgba(51,213,255,.05) 58.5% 59.2%,transparent 59.6%);pointer-events:none}
.v161-hero-copy{position:relative;z-index:3;width:56%;padding-top:1px}.v161-kicker{font-size:7.6px;letter-spacing:1px;color:#52f0b2;font-weight:1000}.v161-hero-copy h1{margin:4px 0 0;font-size:20px;line-height:.98;letter-spacing:-.7px}.v161-hero-copy .v161-five{display:block;margin-top:-1px;font-family:Arial Black,Arial,sans-serif;font-size:58px;line-height:.92;letter-spacing:-3px;color:#ffe04b;text-shadow:0 2px 0 #fff5a6,0 5px 0 #8e5800,0 0 20px rgba(255,211,47,.32)}.v161-hero-copy p{margin:5px 0 0;color:#94abc5;font-size:9.5px;font-weight:750}.v161-hero-prize{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 8px;border-radius:999px;border:1px solid rgba(67,241,170,.35);background:rgba(1,28,33,.64);color:#bfeeda;font-size:7.5px;font-weight:950}.v161-hero-prize b{color:#49f2ad;font-size:9px}
.v161-board{position:absolute;z-index:2;right:10px;top:18px;width:123px;height:108px;padding:6px;border-radius:16px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:3px;background:linear-gradient(180deg,#061d3d,#031229);border:1px solid #2171b6;box-shadow:0 14px 25px rgba(0,0,0,.3),0 0 20px rgba(0,146,255,.18);transform:rotate(2deg)}.v161-board i{border-radius:3px;background:#0a254a;border:1px solid rgba(66,117,170,.22)}.v161-board i.c{background:linear-gradient(#67efff,#0da0e8)}.v161-board i.g{background:linear-gradient(#63ffad,#12c975)}.v161-board i.p{background:linear-gradient(#c584ff,#7647e9)}.v161-board i.o{background:linear-gradient(#ffe06d,#ff9827)}.v161-board i.five{box-shadow:0 0 10px rgba(91,255,177,.55);border-color:#82ffc6}.v161-hero-badge{position:absolute;right:9px;bottom:10px;z-index:4;min-width:87px;padding:6px 7px;border-radius:11px;background:linear-gradient(180deg,#0a2b49,#061b34);border:1px solid #1e6b91;text-align:center;box-shadow:0 7px 14px rgba(0,0,0,.24)}.v161-hero-badge small{display:block;color:#7ba2bf;font-size:6.5px;font-weight:950}.v161-hero-badge strong{display:block;margin-top:1px;color:#51efad;font-size:12px}
.v161-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:11px 2px 7px}.v161-section-title div small{display:block;color:#6688aa;font-size:6.8px;font-weight:1000;letter-spacing:.9px}.v161-section-title div strong{display:block;margin-top:1px;font-size:13.5px;letter-spacing:-.15px}.v161-section-title>span{color:#74a0c7;font-size:7px;font-weight:900}
.v161-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v161-mode-card{position:relative;min-height:93px;padding:10px 10px 9px;border-radius:16px;border:1px solid #17466f;background:linear-gradient(180deg,#071a34,#041229);color:#dcecff;text-align:left;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 16px rgba(0,0,0,.18);transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease}.v161-mode-card:active{transform:scale(.985)}.v161-mode-card .mode-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.v161-mode-card .mode-name{font-size:12.5px;font-weight:1000;letter-spacing:-.2px}.v161-mode-card .mode-pill{padding:3px 6px;border-radius:999px;border:1px solid #285b83;color:#7398ba;font-size:6px;font-weight:1000}.v161-mode-card .mode-number{display:block;margin-top:4px;font-family:Arial Black,Arial,sans-serif;font-size:28px;line-height:1;color:#7f9ab9;letter-spacing:-1.2px}.v161-mode-card p{margin:5px 0 0;color:#6985a5;font-size:7.8px;line-height:1.23;font-weight:800}.v161-mode-card.meta .mode-number{color:#ffe054;text-shadow:0 2px 0 #785000}.v161-mode-card.cash .mode-number{font-size:23px;color:#57dfff;letter-spacing:-.8px}.v161-mode-card.active{border-color:#45eead;background:radial-gradient(circle at 82% 14%,rgba(0,239,143,.12),transparent 34%),linear-gradient(180deg,#08223b,#05182e);box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 0 1px rgba(66,246,175,.16),0 8px 20px rgba(0,232,143,.16)}.v161-mode-card.cash.active{border-color:#3ed9ff;background:radial-gradient(circle at 82% 14%,rgba(35,203,255,.13),transparent 35%),linear-gradient(180deg,#08213d,#05162e);box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 0 1px rgba(67,218,255,.13),0 8px 20px rgba(14,164,255,.15)}.v161-mode-card.active .mode-pill{border-color:#42dca2;color:#55efb2;background:rgba(5,63,49,.38)}.v161-mode-card.cash.active .mode-pill{border-color:#3aa9d3;color:#76dfff;background:rgba(4,49,72,.42)}
.v161-bet-wrap{margin-top:10px;padding:11px;border-radius:18px;background:linear-gradient(180deg,#06162f,#041127);border:1px solid #143d67;box-shadow:inset 0 1px rgba(255,255,255,.04)}.v161-bet-wrap .v161-section-title{margin:0 0 8px}.auth-shell .v161-bet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.auth-shell .v161-bet-grid .bet{height:46px;border-radius:11px}.auth-shell .v161-bet-grid .bet strong{font-size:14px;line-height:1}.auth-shell .v161-bet-grid .bet small{display:none}.auth-shell .v161-bet-grid .bet.active{transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.22),0 4px 0 #008550,0 8px 16px rgba(0,239,138,.18)}
.v161-prize-panel{margin-top:9px;padding:10px 11px;border-radius:15px;border:1px solid #17496c;background:radial-gradient(circle at 82% 18%,rgba(22,232,163,.09),transparent 35%),linear-gradient(180deg,#041328,#031020);transition:opacity .18s ease,transform .18s ease}.v161-prize-panel.mode-fade{opacity:.38;transform:translateY(3px)}.v161-prize-row{display:grid;grid-template-columns:1fr 29px 1.18fr;align-items:end;gap:5px}.v161-prize-row .slot small{display:block;color:#6484a6;font-size:6.7px;font-weight:1000;letter-spacing:.65px}.v161-prize-row .slot strong{display:block;margin-top:2px;font-size:18px}.v161-prize-row .slot.prize{text-align:right}.v161-prize-row .slot.prize strong{font-size:27px;line-height:.95;color:#50efad;letter-spacing:-1px;text-shadow:0 0 14px rgba(54,239,171,.16)}.v161-prize-row .arrow{align-self:center;text-align:center;color:#41dfa5;font-size:20px;font-weight:1000}.v161-prize-tag{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding-top:7px;border-top:1px solid #0f304c;color:#7998b7;font-size:7.2px;font-weight:850}.v161-prize-tag b{color:#ffe05d;font-size:10px}.v161-cash-preview{display:none}.v161-cash-preview.active{display:block}.v161-meta-preview.hidden{display:none}.v161-cash-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.v161-cash-main .cash-bet small,.v161-cash-main .cash-start small{display:block;color:#6788aa;font-size:6.7px;font-weight:1000}.v161-cash-main .cash-bet strong{display:block;font-size:18px;margin-top:2px}.v161-cash-main .cash-start{text-align:right}.v161-cash-main .cash-start strong{display:block;color:#5ee5ff;font-size:28px;line-height:.95;margin-top:1px}.v161-cash-path{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;color:#557a9d;font-size:7.5px;font-weight:1000}.v161-cash-path b{padding:4px 6px;border:1px solid #16405e;border-radius:999px;color:#83cde6;background:#061b30}.v161-cash-path i{font-style:normal;color:#2cc5e8}
.auth-shell .v161-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;margin-top:10px;border-radius:15px;font-size:18px;line-height:1.03;letter-spacing:-.2px}.auth-shell .v161-cta small{display:block;margin-top:4px;font-size:7.6px;letter-spacing:.4px;font-weight:950;opacity:.78}.auth-shell .v161-cta.meta-ready{background:linear-gradient(180deg,#2dffab,#04e985 56%,#00bd69);color:#022519;box-shadow:inset 0 1px rgba(255,255,255,.27),0 6px 0 #00864f,0 12px 24px rgba(0,239,138,.25)}.auth-shell .v161-cta.cash-ready{background:linear-gradient(180deg,#44dcff,#13afe8 58%,#087bb7);color:#031a25;box-shadow:inset 0 1px rgba(255,255,255,.28),0 6px 0 #075b8a,0 12px 24px rgba(12,175,231,.23)}.auth-shell .v161-cta.deposit-required{background:linear-gradient(180deg,#2bd6ff,#0d8fed 58%,#0863c4);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.28),0 6px 0 #074a91,0 12px 22px rgba(6,127,233,.23)}
.v161-balance-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;color:#6686a8;font-size:7.7px}.v161-balance-note strong{color:#a9bdd2;font-size:8.2px}.v161-integration-note{margin:7px 2px 0;text-align:center;color:#4f7193;font-size:6.8px;line-height:1.3}.v161-integration-note b{color:#7598ba}
.v161-preintegration{position:fixed;inset:0;z-index:220;display:none;align-items:flex-end;justify-content:center;padding:12px;background:rgba(1,6,16,.72);backdrop-filter:blur(4px)}.v161-preintegration.show{display:flex}.v161-pre-card{width:min(100%,406px);padding:17px 15px calc(16px + var(--safeBottom));border-radius:22px;background:linear-gradient(180deg,#071b36,#031024);border:1px solid #1c5885;box-shadow:0 28px 70px rgba(0,0,0,.5);text-align:center}.v161-pre-icon{width:48px;height:48px;margin:0 auto 9px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(180deg,#15385e,#092344);border:1px solid #246395;color:#53e5ff;font-weight:1000;font-size:21px}.v161-pre-card small{display:block;color:#58eab1;font-size:7px;font-weight:1000;letter-spacing:1px}.v161-pre-card h2{margin:4px 0 4px;font-size:21px}.v161-pre-card p{margin:0 auto;color:#86a0bd;font-size:9px;line-height:1.4;max-width:310px}.v161-pre-card .v161-pre-mode{margin-top:9px;padding:8px 10px;border-radius:12px;background:#041226;border:1px solid #123a5e;font-size:9px;color:#dcecff;font-weight:950}.v161-pre-card button{width:100%;height:48px;margin-top:11px;border:0;border-radius:13px;background:linear-gradient(180deg,#21f5a0,#00ca73);color:#022519;font-size:13px;font-weight:1000;box-shadow:0 5px 0 #007f4a}
@media(max-width:350px){.v161-hero{min-height:137px;padding-left:11px}.v161-hero-copy h1{font-size:18px}.v161-hero-copy .v161-five{font-size:51px}.v161-board{width:108px;height:96px;right:8px}.v161-mode-grid{gap:6px}.v161-mode-card{padding:9px 8px;min-height:90px}.v161-mode-card .mode-name{font-size:11.5px}.v161-mode-card p{font-size:7.1px}.auth-shell .v161-bet-grid{gap:4px}.auth-shell .v161-bet-grid .bet strong{font-size:12.5px}.v161-prize-row .slot.prize strong{font-size:24px}.auth-content{padding-left:9px;padding-right:9px}}
@media(max-height:680px){.v161-hero{min-height:126px;padding-top:10px}.v161-hero-copy .v161-five{font-size:48px}.v161-hero-copy p{font-size:8.6px}.v161-board{width:105px;height:91px;top:17px}.v161-hero-badge{bottom:8px}.v161-section-title{margin-top:8px;margin-bottom:5px}.v161-mode-card{min-height:82px;padding-top:8px;padding-bottom:7px}.v161-mode-card .mode-number{font-size:25px}.v161-mode-card.cash .mode-number{font-size:20px}.v161-mode-card p{font-size:7px}.v161-bet-wrap{margin-top:8px;padding:9px}.auth-shell .v161-bet-grid .bet{height:42px}.v161-prize-panel{padding:8px 9px}.auth-shell .v161-cta{min-height:54px;margin-top:8px}.v161-integration-note{display:none}}

html:not([data-debug="1"]) .v161-integration-note{display:none}

/* V1.7.2.5 regression-safe tray presentation. Core .piece-block remains baseline-owned. */
#gameScreen .piece-slot.v17241-spawning>.piece-preview{animation:v17241FormalSpawn 132ms cubic-bezier(.2,.82,.3,1) both}
@keyframes v17241FormalSpawn{0%{opacity:.82;transform:scale(.975)}100%{opacity:1;transform:none}}

/* V1.7.2.5 atomic source visibility contract */
.slot.drag-source > .piece-mini,
.slot.commit-source > .piece-mini,
.slot.used > .piece-mini{visibility:hidden;opacity:0;animation:none;transition:none}
.slot.commit-source,.slot.used{transition:none}
.slot.commit-source{opacity:1;transform:none;pointer-events:none}
.slot.used{opacity:0;transform:scale(.78);pointer-events:none}
/* Segment 002 · src/styles/base.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/commercial.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“commercial”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[1] id=v170CommercialStyle
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

:root{--v170-bg:#020a19;--v170-surface:#07162b;--v170-surface2:#0a1d36;--v170-line:#173554;--v170-cyan:#56e6ff;--v170-green:#21e59a;--v170-text:#f5f9ff;--v170-muted:#849bb5;--v170-yellow:#ffe24a}
.auth-app-header{min-height:65px;padding:calc(9px + env(safe-area-inset-top)) 14px 9px;background:rgba(3,12,28,.96);border-bottom:1px solid rgba(86,230,255,.10);backdrop-filter:blur(18px)}
.auth-brand{font-size:19px;letter-spacing:-.5px}.auth-brand span{color:var(--v170-cyan)}.auth-balance-chip{min-width:91px;padding:7px 10px;border-radius:12px;background:#091b34;border:1px solid #1e4267;box-shadow:none}.auth-balance-chip small{font-size:9px;color:#839bb5}.auth-balance-chip strong{font-size:15px;color:white}.auth-avatar{width:38px;height:38px;background:linear-gradient(145deg,#11375d,#0a2443);border:1px solid #2a5c85;box-shadow:none}
.auth-content{padding-bottom:calc(82px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0,rgba(39,214,255,.05),transparent 28%),#020916}.auth-page{padding:12px 12px 18px}
.auth-online{font-size:10px;padding:0 2px 8px;color:#7f9ab6}.v161-hero{min-height:150px;border-radius:22px;padding:17px 16px;border:1px solid rgba(82,218,255,.18);background:radial-gradient(circle at 78% 28%,rgba(43,223,255,.17),transparent 34%),linear-gradient(145deg,#071b36,#051126 62%,#071929);box-shadow:0 14px 34px rgba(0,0,0,.22);overflow:hidden}.v161-hero-copy{position:relative;z-index:2}.v161-kicker{font-size:9.5px;letter-spacing:1px;color:#65dff4}.v161-hero-copy h1{font-size:23px;line-height:1;margin:7px 0 1px;letter-spacing:-.6px}.v161-five{font-size:52px;line-height:.95;text-shadow:none;color:#f9e345}.v161-hero-copy p{font-size:13px;margin:5px 0 10px;color:#a9bdd0}.v161-hero-prize{display:inline-flex;gap:8px;align-items:center;padding:6px 9px;border-radius:9px;background:rgba(6,23,42,.72);border:1px solid rgba(91,225,255,.15)}.v161-hero-prize span{font-size:9px}.v161-hero-prize b{font-size:12px}.v161-board{opacity:.86;transform:scale(.9);right:3px}.v161-hero-badge{right:12px;bottom:11px;border-radius:9px;padding:6px 8px;background:#0a223d;border:1px solid #1d5475;box-shadow:none}.v161-hero-badge small{font-size:7.5px}.v161-hero-badge strong{font-size:10px}
.v161-section-title{margin:15px 2px 8px}.v161-section-title small{font-size:9px;color:#6f8aa6}.v161-section-title strong{font-size:15px;letter-spacing:-.15px}.v161-section-title>span{font-size:9px;padding:4px 7px;border-radius:7px;background:#0b203b;color:#73ddec}
.v161-mode-grid{gap:9px}.v161-mode-card{min-height:108px;padding:12px;border-radius:16px;border:1px solid #173a5d;background:#07182e;box-shadow:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.v161-mode-card.active{transform:translateY(-1px);background:linear-gradient(150deg,#09203a,#0a2940);border-color:#32cbe0;box-shadow:0 8px 18px rgba(0,194,216,.10)}.v161-mode-card.cash.active{border-color:#29dba0;box-shadow:0 8px 18px rgba(23,224,151,.09)}.mode-name{font-size:13px}.mode-pill{font-size:7.5px;padding:3px 5px}.mode-number{font-size:25px;margin:9px 0 4px}.v161-mode-card p{font-size:10.5px;line-height:1.25;margin:0;color:#92a9c1}
.v161-bet-wrap{margin-top:4px;padding:0;border:0;background:transparent;box-shadow:none}.v161-bet-grid{gap:7px}.v161-bet-grid .bet{min-height:47px;border-radius:12px;border:1px solid #183a5b;background:#07182d;box-shadow:none;color:#dce9f6}.v161-bet-grid .bet strong{font-size:16px}.v161-bet-grid .bet.active{background:linear-gradient(180deg,#0e4057,#0b3047);border-color:#43d8e9;color:#fff;box-shadow:inset 0 0 0 1px rgba(93,231,255,.10);transform:none}
.v161-prize-panel{margin-top:10px;border-radius:17px;border:1px solid #143d5d;background:linear-gradient(150deg,#06162c,#071d34);padding:12px 13px;box-shadow:none}.v161-prize-row .slot small,.v161-cash-main small{font-size:9px;color:#7892ac}.v161-prize-row .slot strong{font-size:18px}.v161-prize-row .slot.prize strong{font-size:29px;color:#23e39b}.v161-prize-row .arrow{font-size:18px;color:#506b85}.v161-prize-tag{margin-top:7px;padding-top:7px;border-top:1px solid rgba(87,129,161,.16);font-size:9.5px}.v161-prize-tag b{font-size:12px}.v161-cash-start strong{font-size:28px}.v161-cash-path{font-size:12px;gap:5px}.v161-cash-path b{padding:5px 7px;border-radius:7px}
.v161-cta{margin-top:10px;min-height:59px;border-radius:15px;border:1px solid rgba(116,236,255,.38);background:linear-gradient(180deg,#24c6e3,#0d93be);box-shadow:0 7px 16px rgba(0,132,180,.22);color:#001925}.v161-cta.meta-ready{background:linear-gradient(180deg,#24e5a0,#0eb879);border-color:#67f4c1;box-shadow:0 7px 16px rgba(8,190,121,.20);color:#022116}.v161-cta.cash-ready{background:linear-gradient(180deg,#55dcf5,#18a2cf)}.v161-cta span{font-size:18px;letter-spacing:-.2px}.v161-cta small{font-size:10.5px;opacity:.78;margin-top:2px}.v161-balance-note{font-size:10px;margin-top:7px;padding:0 2px}.v161-integration-note{display:none}
.auth-bottom-nav{height:calc(68px + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom);background:rgba(4,14,30,.98);border-top:1px solid #142c47;box-shadow:0 -8px 24px rgba(0,0,0,.22)}.auth-nav-btn{height:56px;gap:3px;color:#728ca8;opacity:1;font-size:10.5px;font-weight:750}.auth-nav-btn .ni{width:25px;height:25px;font-size:0;display:grid;place-items:center;border-radius:8px}.auth-nav-btn .ni svg{width:21px;height:21px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.auth-nav-btn.active{color:#65e5f4}.auth-nav-btn.center{transform:none}.auth-nav-btn.center .ni{width:34px;height:34px;margin-top:-9px;border-radius:11px;background:linear-gradient(145deg,#22dda0,#10a976);color:#03251a;box-shadow:0 6px 16px rgba(16,212,145,.25)}.auth-nav-btn.center.active{color:#53ebc0}.auth-nav-btn:not(.center).active .ni{background:#0b2b43;color:#66e2f0}
.v170-page-head{display:flex;justify-content:space-between;align-items:end;margin:2px 2px 12px}.v170-page-head small,.v170-profile-head small{font-size:9px;font-weight:900;letter-spacing:1px;color:#5ed8ea}.v170-page-head h2,.v170-profile-head h2{font-size:25px;line-height:1;margin:4px 0 0;letter-spacing:-.7px}.v170-head-balance{text-align:right}.v170-head-balance span{display:block;font-size:8px;color:#7690aa;font-weight:800}.v170-head-balance b{font-size:16px}.v170-wallet-card{border:1px solid #173a59;background:linear-gradient(155deg,#07182d,#061429);border-radius:18px;padding:14px;margin-bottom:10px}.v170-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.v170-card-title span{font-size:11px;font-weight:900}.v170-card-title b{font-size:9px;color:#5ed9e9}.v170-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:11px}.v170-quick-grid button{height:45px;border-radius:11px;border:1px solid #1b4568;background:#091c33;color:white;font-size:15px;font-weight:900}.v170-quick-grid button.active{border-color:#55e5f5;background:#0b354a}.v170-input-label{display:block;font-size:9px;font-weight:900;letter-spacing:.5px;color:#8da5bd;margin-top:10px}.v170-money-input{height:50px;display:flex;align-items:center;gap:8px;margin-top:6px;padding:0 12px;border:1px solid #1a4669;border-radius:12px;background:#041225}.v170-money-input span{font-size:14px;color:#5ddce9;font-weight:900}.v170-money-input input,.v170-text-input{font:inherit;font-size:17px;color:white;background:transparent;border:0;outline:0;width:100%;min-width:0}.v170-text-input{height:48px;margin-top:6px;padding:0 12px;border:1px solid #1a4669;border-radius:12px;background:#041225;font-size:14px;box-sizing:border-box}.v170-primary,.v170-secondary{width:100%;min-height:55px;border:0;border-radius:14px;font-size:16px;font-weight:1000;margin-top:12px}.v170-primary{color:#00241a;background:linear-gradient(180deg,#27e7a3,#0db77a);box-shadow:0 6px 14px rgba(10,189,125,.18)}.v170-primary.paid{background:linear-gradient(180deg,#54e7f5,#18a6cd);color:#001d29}.v170-secondary{background:#0a2944;border:1px solid #205779;color:#e9f9ff}.v170-local-note,.v170-order-top{display:flex;justify-content:space-between;align-items:center}.v170-order-top small{display:block;font-size:8px;color:#7892ac}.v170-order-top strong{font-size:23px}.v170-status{font-size:8px;font-weight:1000;padding:5px 7px;border-radius:999px}.v170-status.pending{color:#ffd267;background:#3d2f0b}.v170-status.paid{color:#6cf2bd;background:#083b2d}.v170-qr{width:144px;height:144px;margin:13px auto;border:9px solid white;border-radius:10px;background-color:white;background-image:linear-gradient(90deg,#07111e 25%,transparent 25%,transparent 50%,#07111e 50%,#07111e 75%,transparent 75%),linear-gradient(#07111e 25%,transparent 25%,transparent 50%,#07111e 50%,#07111e 75%,transparent 75%);background-size:20px 20px}.v170-copy-row{display:flex;gap:7px}.v170-copy-row code{flex:1;min-width:0;padding:10px;border-radius:10px;background:#03101f;border:1px solid #173b59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8edfee;font-size:10px}.v170-copy-row button{border:0;border-radius:10px;padding:0 11px;background:#0d3a58;color:white;font-size:10px;font-weight:900}.v170-section{margin-top:15px}.v170-section-heading{display:flex;justify-content:space-between;margin:0 2px 7px;font-size:10px}.v170-section-heading span{color:#6d879e}.v170-list{display:grid;gap:7px}.v170-list-empty{padding:20px 12px;text-align:center;color:#667f98;border:1px dashed #183954;border-radius:13px;font-size:11px}.v170-list-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #143653;border-radius:13px;background:#061529}.v170-list-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#0c2a44;color:#61deed;font-size:13px;font-weight:900}.v170-list-row strong{display:block;font-size:12px}.v170-list-row small{font-size:9px;color:#718aa3}.v170-list-amount{text-align:right;font-size:12px;font-weight:900}.v170-list-amount.positive{color:#32e5a0}.v170-list-amount.negative{color:#ff8b8b}.v170-withdraw-hero{text-align:center;padding:7px 0 5px}.v170-withdraw-hero span{display:block;font-size:9px;color:#5bddeb;font-weight:900}.v170-withdraw-hero strong{font-size:42px;line-height:1;color:white}.v170-withdraw-hero p{font-size:10px;color:#70889e;margin:4px 0}.v170-rule-box{margin-top:11px;padding:10px;border-radius:12px;background:#041123;border:1px solid #143c5c}.v170-rule-box>div:first-child{display:flex;justify-content:space-between;font-size:9px}.v170-rule-track{height:5px;background:#0e2941;border:0;padding:0;margin:7px 0;border-radius:8px;overflow:hidden}.v170-rule-track i{display:block;height:100%;width:0;background:#21d99b}.v170-rule-box small{font-size:8.5px;color:#6f879e;line-height:1.35}.v170-form-error{min-height:14px;color:#ff9292;font-size:10px;margin-top:6px}.v170-ref-hero{position:relative;padding:18px 15px;border-radius:19px;background:radial-gradient(circle at 80% 10%,rgba(43,224,180,.20),transparent 35%),linear-gradient(145deg,#08283b,#07172d);border:1px solid #1b5667;margin-bottom:10px}.v170-ref-hero>span{font-size:9px;color:#72dce9;font-weight:900}.v170-ref-hero>strong{display:block;font-size:34px;margin:3px 0}.v170-ref-hero>div{position:absolute;right:15px;bottom:17px;text-align:right}.v170-ref-hero>div b{display:block;font-size:21px}.v170-ref-hero>div small{font-size:8px;color:#7890a8}.v170-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.v170-levels>div{text-align:center;padding:9px 4px;border:1px solid #153955;border-radius:12px;background:#061629}.v170-levels b{font-size:8px;color:#5ed9e8}.v170-levels strong{display:block;font-size:16px;margin:3px 0}.v170-levels small{font-size:8px;color:#718aa3}.v170-profile-head{display:flex;gap:11px;align-items:center;margin:2px 2px 12px}.v170-avatar-large{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#164865,#0c2a49);border:1px solid #2f6b89;font-size:22px;font-weight:1000}.v170-profile-head p{font-size:11px;color:#7992ab;margin:4px 0 0}.v170-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px}.v170-stats>div{padding:11px;border:1px solid #143653;border-radius:13px;background:#061529}.v170-stats span{display:block;font-size:8px;color:#7089a1;font-weight:800}.v170-stats b{display:block;font-size:16px;margin-top:4px}.v170-profile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;background:#051326;border:1px solid #143551;border-radius:13px;margin-bottom:8px}.v170-profile-tabs button{height:34px;border:0;border-radius:9px;background:transparent;color:#6f879e;font-size:8.5px;font-weight:900}.v170-profile-tabs button.active{background:#0c3049;color:#68dfe9}.v170-profile-panel{display:none}.v170-profile-panel.active{display:block}.v170-logout{width:100%;height:50px;margin-top:10px;border-radius:13px;border:1px solid #6b2933;background:#2a111b;color:#ff9ea6;font-size:13px;font-weight:900}.hidden{display:none}
@media(max-width:350px){.auth-page{padding-left:9px;padding-right:9px}.v161-hero{min-height:141px;padding:14px}.v161-five{font-size:46px}.v161-mode-card{min-height:101px;padding:10px}.mode-number{font-size:22px}.v161-prize-row .slot.prize strong{font-size:25px}.v170-page-head h2{font-size:22px}.v170-wallet-card{padding:11px}.v170-primary{min-height:51px}.auth-nav-btn{font-size:9.5px}}
/* Segment 003 · src/styles/base.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/final-tighten.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“final tighten”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[2] id=v170FinalTighten
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

@media (min-height:700px) and (max-width:430px){
.auth-online{padding-bottom:5px}.v161-hero{min-height:134px;padding:13px 14px}.v161-hero-copy h1{font-size:21px;margin-top:5px}.v161-five{font-size:47px}.v161-hero-copy p{margin:3px 0 7px}.v161-section-title{margin:10px 2px 6px}.v161-mode-card{min-height:94px;padding:10px 11px}.mode-number{font-size:22px;margin:6px 0 3px}.v161-mode-card p{font-size:9.8px}.v161-bet-grid .bet{min-height:42px}.v161-prize-panel{margin-top:7px;padding:9px 11px}.v161-prize-row .slot.prize strong{font-size:27px}.v161-prize-tag{margin-top:5px;padding-top:5px}.v161-cta{min-height:55px;margin-top:7px}.v161-balance-note{margin-top:4px}.auth-page[data-route="PLAY"]{padding-top:8px;padding-bottom:13px}}
/* Segment 004 · src/styles/responsive.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/short-height.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“short height”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[3] id=v170ShortHeight
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

@media (max-height:820px){.auth-online{padding-bottom:3px}.v161-hero{min-height:122px;padding:11px 13px}.v161-hero-copy h1{font-size:20px;margin:4px 0 0}.v161-five{font-size:43px}.v161-hero-copy p{font-size:11px;margin:2px 0 5px}.v161-hero-prize{padding:4px 7px}.v161-hero-badge{bottom:8px}.v161-section-title{margin:7px 2px 5px}.v161-mode-card{min-height:87px;padding:8px 10px}.mode-number{font-size:20px;margin:4px 0 2px}.v161-mode-card p{font-size:9.2px}.v161-bet-grid .bet{min-height:39px}.v161-prize-panel{margin-top:5px;padding:7px 10px}.v161-prize-row .slot.prize strong{font-size:25px}.v161-prize-tag{margin-top:4px;padding-top:4px}.v161-cta{min-height:51px;margin-top:5px}.v161-cta span{font-size:17px}.v161-balance-note{margin-top:3px}.auth-page[data-route="PLAY"]{padding-top:6px}}
/* Segment 005 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/account/account-history.css
 * 视觉领域：account
 * 职责：承载 Golden Formal 中“account history”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[4] id=v1750AccountHistoryStyles
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* BLOCK PIX v1.7.5.0 — Account / History / Trust presentation only. */
.v175-page{padding-bottom:calc(88px + var(--safeBottom));}
.v175-subhead{display:flex;align-items:center;gap:10px;margin:0 0 14px;min-height:42px}
.v175-back{flex:0 0 38px;width:38px;height:38px;border:1px solid #173d5e;border-radius:12px;background:#071a30;color:#eafaff;font-size:20px;display:grid;place-items:center}
.v175-subhead-text{min-width:0}.v175-subhead small{display:block;color:#61dce9;font-size:8px;font-weight:900;letter-spacing:1px}.v175-subhead h2{margin:2px 0 0;font-size:23px;line-height:1;letter-spacing:-.55px}
.v175-profile-identity{display:flex;align-items:center;gap:12px;padding:4px 2px 12px}.v175-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#174c68,#0b2743);border:1px solid #2f6c8a;font-size:23px;font-weight:1000}.v175-profile-copy{min-width:0;flex:1}.v175-profile-copy small{font-size:8px;color:var(--bp496-brand);font-weight:1000;letter-spacing:1px}.v175-profile-copy h2{font-size:24px;line-height:1;margin:4px 0}.v175-profile-copy p{font-size:10px;color:#7e96ad;margin:0}.v175-active{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:5px 8px;border-radius:999px;background:#082e27;color:#5ee4b4;font-size:8px;font-weight:1000}.v175-active:before{content:"";width:6px;height:6px;border-radius:50%;background:#36e5a4;box-shadow:0 0 8px rgba(54,229,164,.35)}
.v175-balance-hero{padding:17px 15px;margin-bottom:10px;border-top:1px solid #17425e;border-bottom:1px solid #17425e;background:linear-gradient(95deg,#FFFFFF,#E7F2F9)}.v175-balance-hero span{font-size:9px;color:var(--bp496-sub);font-weight:900;letter-spacing:.7px}.v175-balance-hero strong{display:block;font-size:38px;line-height:1.05;margin-top:4px;letter-spacing:-1.2px}.v175-balance-hero button{margin-top:10px;border:0;background:transparent;color:var(--bp496-brand);font-size:9px;font-weight:1000;padding:0}
.v175-stats{padding:12px 2px 13px;border-bottom:1px solid #102e49}.v175-stat-main span,.v175-stat-mini span{display:block;color:#738fa7;font-size:8px;font-weight:900}.v175-stat-main b{display:block;font-size:25px;margin-top:2px}.v175-stat-minis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.v175-stat-mini{padding-left:9px;border-left:1px solid #183b58}.v175-stat-mini:first-child{padding-left:0;border-left:0}.v175-stat-mini b{display:block;font-size:13px;margin-top:3px}
.v175-menu{margin-top:8px;border-top:1px solid #102e49}.v175-menu-row{width:100%;min-height:67px;display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;text-align:left;padding:10px 3px;border:0;border-bottom:1px solid #102e49;background:transparent;color:var(--bp496-text)}.v175-menu-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#0a2942;color:#65ddea;font-size:14px;font-weight:1000}.v175-menu-row strong{display:block;font-size:12px}.v175-menu-row small{display:block;margin-top:3px;color:var(--bp496-sub);font-size:9px;line-height:1.25}.v175-chevron{font-size:18px;color:#496a83}.v175-logout-row{width:100%;height:50px;margin:15px 0 0;border:1px solid #542a34;border-radius:13px;background:#FCECEF;color:#B52D4C;font-size:12px;font-weight:1000}
.v175-filter{display:flex;gap:6px;overflow:auto;padding:2px 0 10px;scrollbar-width:none}.v175-filter::-webkit-scrollbar{display:none}.v175-filter button{flex:0 0 auto;height:34px;padding:0 12px;border:1px solid #183c5a;border-radius:999px;background:#06172b;color:#7892a9;font-size:8px;font-weight:1000}.v175-filter button.active{background:#0c354a;border-color:#2c8395;color:#8ceaf2}
.v175-history{border-top:1px solid #12324d}.v175-tx,.v175-game{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:12px 2px;border:0;border-bottom:1px solid #12324d;background:transparent;color:#fff}.v175-row-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#0a2942;color:#65ddea;font-weight:1000}.v175-row-main{min-width:0}.v175-row-main strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v175-row-main small{display:block;margin-top:4px;font-size:9px;color:#7189a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v175-row-side{text-align:right}.v175-row-side b{display:block;font-size:12px;white-space:nowrap}.v175-row-side b.credit{color:#5de3b0}.v175-row-side b.debit{color:#d4e1eb}.v175-row-side em{display:block;margin-top:4px;font-style:normal;color:#6f899f;font-size:8px;font-weight:900}.v175-row-side em.good{color:#5edfad}.v175-row-side em.warn{color:#ffd06b}
.v175-load-more{width:100%;height:43px;margin-top:10px;border:1px solid #1b4764;border-radius:12px;background:#08223a;color:#d9f6ff;font-size:9px;font-weight:1000}.v175-count{display:flex;justify-content:space-between;align-items:center;margin:3px 1px 8px;color:#718ba3;font-size:9px}.v175-count b{color:#e9f8ff}
.v175-empty{padding:34px 18px;text-align:center;border-top:1px solid #12324d;border-bottom:1px solid #12324d}.v175-empty-icon{width:44px;height:44px;margin:0 auto 10px;border-radius:14px;display:grid;place-items:center;background:#09243b;color:#65ddea;font-size:18px}.v175-empty strong{display:block;font-size:14px}.v175-empty p{margin:6px auto 13px;max-width:250px;color:#718aa1;font-size:10px;line-height:1.4}.v175-empty button{height:40px;padding:0 16px;border:0;border-radius:11px;background:#0d3a54;color:#e9fbff;font-size:9px;font-weight:1000}
.v175-detail-money{padding:10px 0 16px;border-bottom:1px solid #12324d;text-align:center}.v175-detail-money span{display:block;color:#718ba3;font-size:8px;font-weight:900;letter-spacing:.7px}.v175-detail-money strong{display:block;font-size:38px;line-height:1.05;margin-top:4px}.v175-detail-money strong.credit{color:#5ce2ae}.v175-detail-list{margin-top:5px}.v175-detail-row{display:flex;justify-content:space-between;gap:16px;padding:12px 1px;border-bottom:1px solid #12324d}.v175-detail-row span{font-size:9px;color:#718ba3;font-weight:900}.v175-detail-row b{font-size:10px;text-align:right;max-width:62%;overflow-wrap:anywhere}.v175-security-section{padding:13px 0;border-top:1px solid #12324d}.v175-security-section:first-of-type{border-top:0}.v175-security-section h3{margin:0 0 4px;font-size:12px}.v175-security-section>p{margin:0 0 11px;color:#718aa1;font-size:9px;line-height:1.4}.v175-field{display:block;margin:10px 0}.v175-field>span{display:block;margin-bottom:5px;color:#7893a9;font-size:8px;font-weight:900;letter-spacing:.5px}.v175-password-wrap{height:50px;display:flex;align-items:center;border:1px solid #1a4669;border-radius:12px;background:#041225}.v175-password-wrap input{flex:1;min-width:0;height:48px;padding:0 12px;border:0;outline:0;background:transparent;color:#fff;font-size:16px!important}.v175-password-wrap button{width:46px;height:48px;border:0;background:transparent;color:#6f97ad;font-size:9px;font-weight:1000}.v175-field-error{min-height:14px;margin-top:5px;color:#ff9ba3;font-size:9px}.v175-save{width:100%;height:52px;border:0;border-radius:13px;background:linear-gradient(180deg,#29dfa0,#10b77b);color:#002319;font-size:12px;font-weight:1000}.v175-session-row{display:flex;align-items:center;justify-content:space-between;padding:12px 1px;border-top:1px solid #12324d;border-bottom:1px solid #12324d}.v175-session-row strong{display:block;font-size:11px}.v175-session-row small{display:block;margin-top:3px;color:#718ba1;font-size:9px}.v175-session-badge{font-size:8px;color:#61e0af;font-weight:1000}
.v175-logout-overlay{display:none;position:absolute;inset:0;z-index:95;align-items:center;justify-content:center;padding:20px;background:rgba(2,8,18,.55);backdrop-filter:blur(3px)}.v175-logout-overlay.show{display:flex}.v175-logout-card{width:min(100%,352px);padding:22px 18px 18px;border-radius:20px;background:#08182a;border:1px solid #20445e;box-shadow:0 20px 46px rgba(0,0,0,.38);text-align:center}.v175-logout-icon{width:52px;height:52px;margin:0 auto 11px;border-radius:16px;display:grid;place-items:center;background:#25151d;color:#ff9ba5;font-size:20px}.v175-logout-card h2{font-size:21px;margin:0}.v175-logout-card p{margin:7px auto 15px;max-width:270px;color:#7990a5;font-size:10px;line-height:1.45}.v175-logout-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v175-logout-actions button{height:48px;border-radius:12px;font-size:10px;font-weight:1000}.v175-cancel{border:1px solid #1c4562;background:#092139;color:#dceef8}.v175-confirm{border:1px solid #6c3540;background:#351821;color:#ffb0b7}
.v175-preview-bar{display:none}html[data-v175-preview="1"] .v175-preview-bar{display:flex;position:fixed;left:50%;bottom:8px;transform:translateX(-50%);z-index:800;gap:4px;padding:5px;border:1px solid #31536b;border-radius:12px;background:rgba(3,13,25,.94);box-shadow:0 10px 30px rgba(0,0,0,.35);max-width:min(96vw,420px);overflow:auto}.v175-preview-bar button{height:30px;white-space:nowrap;border:0;border-radius:8px;padding:0 8px;background:#12334d;color:#dff8ff;font-size:8px;font-weight:900}
@media(max-width:350px){.v175-balance-hero strong{font-size:33px}.v175-stat-mini b{font-size:11px}.v175-tx,.v175-game{grid-template-columns:36px minmax(0,1fr) auto;gap:7px}.v175-row-icon{width:34px;height:34px}.v175-row-main strong{font-size:11px}.v175-row-side b{font-size:11px}}
@media(max-height:620px){.v175-profile-identity{padding-bottom:8px}.v175-balance-hero{padding:12px 13px}.v175-balance-hero strong{font-size:32px}.v175-menu-row{min-height:58px}.v175-stats{padding-top:8px;padding-bottom:9px}}
/* Segment 006 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/guest-home-visual.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“guest home visual”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[5] id=v1760GuestHomeVisual
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* BLOCK PIX v1.7.6.0 — Guest Home visual-only finalization.
   Scope: unauthenticated Guest Home only. Business/gameplay scripts untouched. */
:root{--v1760-bg:#050708;--v1760-panel:#0d1213;--v1760-panel2:#101718;--v1760-yellow:#ffd400;--v1760-yellow2:#ffc400;--v1760-green:#00d86f;--v1760-green2:#21e680;--v1760-white:#f7f8fa;--v1760-muted:#9ea6af}
body{background:var(--bp496-app)!important}
@media(min-width:431px){body{background:var(--bp496-app)!important}}
#lobbyScreen:not(.authenticated-shell-mode){
  background:
    radial-gradient(circle at 50% 21%,rgba(0,216,111,.075),transparent 29%),
    radial-gradient(circle at 92% 46%,rgba(255,212,0,.025),transparent 25%),
    linear-gradient(180deg,#050708 0%,#050807 44%,#030504 100%);
  color:var(--v1760-white);padding-top:calc(11px + var(--safeTop));
}
#lobbyScreen:not(.authenticated-shell-mode):before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 20%);opacity:.65}
#lobbyScreen:not(.authenticated-shell-mode) .topbar{min-height:48px;position:relative;z-index:5}
#lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:82px!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.42));}
#lobbyScreen:not(.authenticated-shell-mode) .guest-nav{gap:9px}
#lobbyScreen:not(.authenticated-shell-mode) .nav-btn{height:38px;border-radius:12px;padding:0 15px;font-size:10px;letter-spacing:.15px;transition:transform .12s ease,filter .12s ease}
#lobbyScreen:not(.authenticated-shell-mode) .nav-btn.login{border:1px solid #3a474a;background:linear-gradient(180deg,#171d1f,#090d0e 68%);color:#f6f8f7;box-shadow:inset 0 1px rgba(255,255,255,.09),0 5px 13px rgba(0,0,0,.32)}
#lobbyScreen:not(.authenticated-shell-mode) .nav-btn.register{border:1px solid #b691ff;background:linear-gradient(180deg,#9d69ff 0%,#8150ee 58%,#6334cc 100%);color:white;box-shadow:inset 0 2px rgba(255,255,255,.25),0 5px 0 #442499,0 10px 18px rgba(72,31,160,.25)}
#lobbyScreen:not(.authenticated-shell-mode) .nav-btn:active{transform:translateY(2px)}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{margin:7px auto 10px;padding:6px 12px;border:1px solid rgba(33,230,128,.42);background:linear-gradient(180deg,rgba(7,34,20,.94),rgba(3,19,12,.94));color:#66ee9e;box-shadow:0 0 16px rgba(0,216,111,.08),inset 0 1px rgba(255,255,255,.04)}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-dot{background:#39ef84;box-shadow:0 0 10px rgba(57,239,132,.58)}
#lobbyScreen:not(.authenticated-shell-mode) .headline{margin:1px 0 12px!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:30px!important;line-height:1.02!important;letter-spacing:-1.25px!important;font-weight:1000!important;text-shadow:0 3px 8px rgba(0,0,0,.46);color:#f7f8fa;}
#lobbyScreen:not(.authenticated-shell-mode) .headline .gain{color:#ffd400;text-shadow:0 0 18px rgba(255,196,0,.09);}
#lobbyScreen:not(.authenticated-shell-mode) .headline .cash{color:#21e680;text-shadow:0 0 16px rgba(33,230,128,.18);}

/* Gameplay demonstration: same markup/layout, upgraded material. */
#lobbyScreen:not(.authenticated-shell-mode) .hero-card.hero-commercial.v15563-hero{
  height:318px!important;border-radius:25px!important;border:1px solid #36403c!important;
  background:radial-gradient(circle at 44% 46%,rgba(0,216,111,.075),transparent 38%),linear-gradient(160deg,#0c1111 0%,#080c0c 56%,#0a0e0d 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.035),0 17px 32px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.055),inset 0 -18px 35px rgba(0,0,0,.25);
}
#lobbyScreen:not(.authenticated-shell-mode) .v15563-hero:before{background:radial-gradient(circle at 29% 39%,rgba(0,226,115,.06),transparent 26%),linear-gradient(118deg,transparent 16%,rgba(255,255,255,.022) 44%,transparent 66%);opacity:1!important;}
#lobbyScreen:not(.authenticated-shell-mode) .v15563-hero:after{left:18px!important;right:18px!important;bottom:11px!important;height:57px!important;border-radius:17px!important;background:linear-gradient(180deg,#0c1111,#080b0b);border:1px solid #242d2a!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 -8px 20px rgba(0,0,0,.14);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-stage-glow{background:radial-gradient(circle,rgba(0,216,111,.105),transparent 68%);filter:blur(5px)!important;}
#lobbyScreen:not(.authenticated-shell-mode) .hero-progress-labels span{color:#9aa4a2;}
#lobbyScreen:not(.authenticated-shell-mode) .hero-progress-labels strong{color:#f3f5f4;}
#lobbyScreen:not(.authenticated-shell-mode) .hero-progress-track{height:8px!important;background:#030504;border:1px solid #313937!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.65);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-progress-track i{background:linear-gradient(90deg,#16dc73 0%,#24e584 56%,#ffd400 100%);box-shadow:0 0 10px rgba(23,221,117,.22),inset 0 1px rgba(255,255,255,.28);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-board-shell{left:20px;top:56px;width:222px;height:222px;padding:9px;border-radius:19px;background:linear-gradient(180deg,#08100f,#050909);border:1px solid #34403c!important;box-shadow:0 0 0 1px rgba(0,216,111,.16),0 0 18px rgba(0,216,111,.07),0 12px 22px rgba(0,0,0,.44),inset 0 2px rgba(255,255,255,.035),inset 0 -10px 20px rgba(0,0,0,.35);transform:none!important;}
#lobbyScreen:not(.authenticated-shell-mode) .hero-board-8-v3{gap:3px}
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell{border-radius:4px;background:linear-gradient(180deg,#151b1c,#0c1112);border:1px solid #222a2b;box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 -2px rgba(0,0,0,.42);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell.hero-filled,
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell.hero-preview{border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 3px rgba(255,255,255,.32),inset 0 -4px rgba(0,0,0,.22),inset 2px 0 rgba(255,255,255,.06),0 2px 4px rgba(0,0,0,.38);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell.cyan,#lobbyScreen:not(.authenticated-shell-mode) .hero-tray-piece.cyan i{background:linear-gradient(180deg,#6df4ff 0%,#24d7ec 18%,#00b8de 58%,#08798e 100%);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell.blue,#lobbyScreen:not(.authenticated-shell-mode) .hero-tray-piece.blue i{background:linear-gradient(180deg,#68b6ff 0%,#2188ff 19%,#1462df 60%,#0d3b9a 100%);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell.purple,#lobbyScreen:not(.authenticated-shell-mode) .hero-tray-piece.purple i{background:linear-gradient(180deg,#d58cff 0%,#ae55f5 18%,#843be0 60%,#52219e 100%);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell.yellow,#lobbyScreen:not(.authenticated-shell-mode) .hero-tray-piece.yellow i,#lobbyScreen:not(.authenticated-shell-mode) .hero-drag-piece-v3.yellow i{background:linear-gradient(180deg,#fff36e 0%,#ffd92f 18%,#ffc400 60%,#c67b00 100%);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell.orange,#lobbyScreen:not(.authenticated-shell-mode) .hero-tray-piece.orange i{background:linear-gradient(180deg,#ffb367 0%,#ff832d 18%,#f45b16 60%,#a9360c 100%);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell.green,#lobbyScreen:not(.authenticated-shell-mode) .hero-tray-piece.green i{background:linear-gradient(180deg,#7cf483 0%,#38df66 18%,#16b94b 60%,#08712f 100%);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell.red,#lobbyScreen:not(.authenticated-shell-mode) .hero-tray-piece.red i{background:linear-gradient(180deg,#ff8c92 0%,#fb4e58 18%,#e72c38 60%,#981922 100%);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-cell.hero-preview{opacity:.44!important;outline:1px solid rgba(255,222,48,.67)!important;box-shadow:inset 0 0 0 1px rgba(255,237,118,.35),0 0 9px rgba(255,212,0,.23);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-board-shine{opacity:.22}
#lobbyScreen:not(.authenticated-shell-mode) .hero-reward-token{right:13px;top:74px;width:91px;height:108px;border-radius:23px;background:linear-gradient(180deg,#141a19,#090d0d);border:1px solid #385348!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 7px 0 #040605,0 14px 23px rgba(0,0,0,.38),0 0 15px rgba(0,216,111,.08);transform:none!important;}
#lobbyScreen:not(.authenticated-shell-mode) .hero-reward-token small{color:#a1aba8;}
#lobbyScreen:not(.authenticated-shell-mode) .hero-reward-token strong{color:#ffd400;text-shadow:0 2px 0 #fff0a0,0 5px 0 #845700,0 0 14px rgba(255,212,0,.18);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-reward-token span{color:#9ba4a2;}
#lobbyScreen:not(.authenticated-shell-mode) .hero-drag-piece-v3{filter:drop-shadow(0 9px 8px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(255,212,0,.22))!important}
#lobbyScreen:not(.authenticated-shell-mode) .hero-drag-guide-v3 span{background:linear-gradient(90deg,rgba(255,212,0,.05),#ffd400);box-shadow:0 0 7px rgba(255,212,0,.2);}
#lobbyScreen:not(.authenticated-shell-mode) .hero-drag-guide-v3 span:after{border-color:#ffd400;}
#lobbyScreen:not(.authenticated-shell-mode) .hero-action-caption{color:#8d9694;}
#lobbyScreen:not(.authenticated-shell-mode) .hero-tray-piece i{border-color:rgba(255,255,255,.13);}

/* Conversion CTA: platform yellow, distinct from PIX green. */
#lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn.free-btn,
#lobbyScreen:not(.authenticated-shell-mode) #bottomTrialBtn.free-btn{min-height:61px!important;border-radius:16px!important;border:1px solid #ffdf55!important;background:linear-gradient(180deg,#ffe24c 0%,#ffd400 23%,#ffc400 67%,#f0aa00 100%);color:#141300;font-size:17px!important;text-shadow:0 1px rgba(255,255,255,.25);box-shadow:inset 0 2px rgba(255,255,255,.52),inset 0 -3px rgba(151,90,0,.18),0 6px 0 #a86b00,0 12px 24px rgba(255,196,0,.16);}
#lobbyScreen:not(.authenticated-shell-mode) .free-btn:after{background:linear-gradient(105deg,transparent,rgba(255,255,255,.46),transparent);opacity:.55!important;}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-bridge{margin-top:12px;color:#9ca5a2;font-size:9px;text-align:center}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-bridge strong{color:#21e680;}
#lobbyScreen:not(.authenticated-shell-mode) .account-link{color:#9aa2a0;margin-top:9px!important;}
#lobbyScreen:not(.authenticated-shell-mode) .account-link button{color:#ffd400;}
#lobbyScreen:not(.authenticated-shell-mode) .stats-strip{margin-top:18px;padding:12px 0;border-color:#1c2422;background:linear-gradient(180deg,rgba(13,18,19,.78),rgba(8,11,11,.56));border-radius:14px;border-left:1px solid #1c2422;border-right:1px solid #1c2422}
#lobbyScreen:not(.authenticated-shell-mode) .stat-mini{border-color:#202826;}
#lobbyScreen:not(.authenticated-shell-mode) .stat-mini strong{color:#25e57e;}
#lobbyScreen:not(.authenticated-shell-mode) .stat-mini span{color:#8e9794;}

/* Existing Guest Home sections, same order/content; commercial platform material. */
#lobbyScreen:not(.authenticated-shell-mode) .landing-section{color:#f7f8fa}
#lobbyScreen:not(.authenticated-shell-mode) .landing-kicker{color:#21e680;}
#lobbyScreen:not(.authenticated-shell-mode) .how-title,#lobbyScreen:not(.authenticated-shell-mode) .section-main-title{color:#f7f8fa;}
#lobbyScreen:not(.authenticated-shell-mode) .how-sub,#lobbyScreen:not(.authenticated-shell-mode) .section-copy{color:#8f9996;}
#lobbyScreen:not(.authenticated-shell-mode) .how-slide{background:linear-gradient(160deg,#0e1414,#090d0d 65%,#0c1110);border:1px solid #27302e!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 9px 19px rgba(0,0,0,.22);}
#lobbyScreen:not(.authenticated-shell-mode) .step-num{background:linear-gradient(180deg,#2ced82,#12bb5d);color:#03120a;box-shadow:0 4px 0 #08763b;}
#lobbyScreen:not(.authenticated-shell-mode) .step-head small{color:#75807d;}
#lobbyScreen:not(.authenticated-shell-mode) .visual-box{background:linear-gradient(180deg,#090f0f,#050808);border-color:#26302e;}
#lobbyScreen:not(.authenticated-shell-mode) .carousel-board{background:#040707;border-color:#27332f;box-shadow:inset 0 0 0 1px rgba(0,216,111,.06);}
#lobbyScreen:not(.authenticated-shell-mode) .carousel-board i{background:#151b1b;border-color:#202827;}
#lobbyScreen:not(.authenticated-shell-mode) .trial-card-mini,#lobbyScreen:not(.authenticated-shell-mode) .progress-card-mini,#lobbyScreen:not(.authenticated-shell-mode) .reward-mini{background:linear-gradient(180deg,#101716,#090e0d);border-color:#27332f;}
#lobbyScreen:not(.authenticated-shell-mode) .trial-badge,#lobbyScreen:not(.authenticated-shell-mode) .demo-title{color:#20e27c;}
#lobbyScreen:not(.authenticated-shell-mode) .trial-mini-btn{background:linear-gradient(180deg,#ffe144,#ffc400);color:#171400;}
#lobbyScreen:not(.authenticated-shell-mode) .how-slide p{color:#909a97;}
#lobbyScreen:not(.authenticated-shell-mode) .how-dot{background:#313a37;}
#lobbyScreen:not(.authenticated-shell-mode) .how-dot.active{background:#21e680;box-shadow:0 0 10px rgba(33,230,128,.22);}
#lobbyScreen:not(.authenticated-shell-mode) .benefit-item{background:linear-gradient(180deg,#0e1414,#080c0c);border-color:#252e2c;}
#lobbyScreen:not(.authenticated-shell-mode) .benefit-item .bi{background:#111a17;color:#21e680;}
#lobbyScreen:not(.authenticated-shell-mode) .benefit-item small{color:#808b87;}
#lobbyScreen:not(.authenticated-shell-mode) .bottom-conversion,#lobbyScreen:not(.authenticated-shell-mode) .signup-conversion{background:linear-gradient(160deg,#0e1414,#090d0d);border-color:#27302e;box-shadow:inset 0 1px rgba(255,255,255,.03),0 12px 24px rgba(0,0,0,.18);}
#lobbyScreen:not(.authenticated-shell-mode) .signup-purple{background:linear-gradient(180deg,#9d69ff,#7b49e8);border-color:#b38eff;}
#lobbyScreen:not(.authenticated-shell-mode) .signup-dark{background:linear-gradient(180deg,#171d1f,#090d0e);border-color:#394542;color:#fff;}
#lobbyScreen:not(.authenticated-shell-mode) .landing-footer{border-color:#202725;color:#77817e;}
#lobbyScreen:not(.authenticated-shell-mode) .footer-logo span{color:#20e27c;}

/* First-screen fit + responsive shell without changing module order. */
@media(max-width:360px){
 #lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:73px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .nav-btn{height:36px;padding:0 10px;font-size:9px}
 #lobbyScreen:not(.authenticated-shell-mode) .headline{font-size:26px!important;margin-bottom:9px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-card.hero-commercial.v15563-hero{height:292px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-board-shell{left:15px;top:54px;width:194px;height:194px;padding:8px}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-reward-token{right:10px;top:68px;width:83px;height:101px}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-reward-token strong{font-size:45px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-drag-piece-v3{left:197px;top:181px;transform:scale(.91)}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-drag-guide-v3{left:211px;top:209px}
}
@media(max-height:610px){
 #lobbyScreen:not(.authenticated-shell-mode) .topbar{min-height:42px}
 #lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:67px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{margin:4px auto 6px;padding:5px 9px}
 #lobbyScreen:not(.authenticated-shell-mode) .headline{font-size:24px!important;margin-bottom:7px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-card.hero-commercial.v15563-hero{height:259px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-board-shell{left:19px;top:48px;width:166px;height:166px;padding:7px}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-reward-token{right:14px;top:57px;width:78px;height:91px}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-reward-token strong{font-size:41px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-drag-piece-v3{left:176px;top:155px;transform:scale(.83)}
 #lobbyScreen:not(.authenticated-shell-mode) .hero-tray-shelf{bottom:11px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn.free-btn{min-height:54px!important;margin-top:11px!important}
}
@media(prefers-reduced-motion:reduce){
 #lobbyScreen:not(.authenticated-shell-mode) .hero-drag-piece-v3,
 #lobbyScreen:not(.authenticated-shell-mode) .hero-cell.hero-preview,
 #lobbyScreen:not(.authenticated-shell-mode) .free-btn:after{animation:none!important}
}
/* Segment 007 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/approved-mockup-exact-integration.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“approved mockup exact integration”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[6] id=v1761ApprovedMockupExactIntegration
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.6.1 — approved mockup reproduction. Guest only. */
#lobbyScreen:not(.authenticated-shell-mode){background:radial-gradient(ellipse at 50% 28%,rgba(0,102,68,.10),transparent 34%),linear-gradient(180deg,#030707 0%,#020505 58%,#020404 100%);color:#fff;}
#lobbyScreen:not(.authenticated-shell-mode) .content{padding:14px 16px 26px!important}
#lobbyScreen:not(.authenticated-shell-mode) .topbar{min-height:66px!important;align-items:flex-start!important}
#lobbyScreen:not(.authenticated-shell-mode) .brand-logo{width:108px!important;height:auto!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.36))}
#lobbyScreen:not(.authenticated-shell-mode) .guest-nav{gap:10px!important;margin-top:2px!important}
#lobbyScreen:not(.authenticated-shell-mode) .nav-btn{height:48px!important;border-radius:15px!important;padding:0 18px!important;font-size:13px!important;letter-spacing:.1px!important}
#lobbyScreen:not(.authenticated-shell-mode) .nav-btn.login{background:linear-gradient(180deg,#12191a,#071011);border:1px solid #304549!important;box-shadow:inset 0 2px rgba(255,255,255,.06),0 5px 12px rgba(0,0,0,.3);}
#lobbyScreen:not(.authenticated-shell-mode) .nav-btn.register{background:linear-gradient(180deg,#a467ff 0%,#7a3de9 70%,#5921c9 100%);border:1px solid #c7a6ff!important;box-shadow:inset 0 2px rgba(255,255,255,.30),0 4px 0 #4c1ca9,0 8px 18px rgba(121,59,233,.28);}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{display:flex!important;width:max-content!important;margin:7px auto 13px!important;padding:8px 15px!important;border:1px solid rgba(0,224,105,.52)!important;border-radius:999px!important;background:rgba(0,37,22,.62);box-shadow:0 0 22px rgba(0,213,95,.08),inset 0 1px rgba(255,255,255,.035);color:#34ed7d;font-size:11px!important;letter-spacing:.65px!important;}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-dot{width:9px!important;height:9px!important;background:#45ef7f;box-shadow:0 0 10px #31ef74;}
#lobbyScreen:not(.authenticated-shell-mode) .headline{margin:0 auto 20px!important;text-align:center!important;font-size:30px!important;line-height:.96!important;font-weight:1000!important;letter-spacing:-1.2px!important;color:#f7f7f7;text-shadow:0 2px 8px rgba(0,0,0,.35);}
#lobbyScreen:not(.authenticated-shell-mode) .headline .gain{color:#ffd213;}#lobbyScreen:not(.authenticated-shell-mode) .headline .cash{color:#15dd72;}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome{padding:0!important;margin:0!important}

.v1761-game-card{position:relative!important;width:100%!important;height:352px!important;margin:0 auto 15px!important;border-radius:27px!important;background:linear-gradient(165deg,#0a1010,#030707 73%)!important;border:1px solid rgba(196,222,218,.62)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 0 2px rgba(0,0,0,.35),0 14px 38px rgba(0,0,0,.44),0 0 24px rgba(0,213,102,.08)!important;overflow:hidden!important;padding:18px 14px 86px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 84px!important;gap:10px!important}
.v1761-game-card:before{content:"";position:absolute;inset:12px 11px 78px 11px;border-radius:21px;border:1px solid rgba(0,236,110,.26);box-shadow:inset 0 0 28px rgba(0,211,93,.07),0 0 16px rgba(0,211,93,.08);pointer-events:none}
.v1761-board-wrap{position:relative;z-index:1;min-width:0;align-self:start;padding:7px;border-radius:18px;background:#050a0b;border:1px solid #176c42;box-shadow:inset 0 1px rgba(255,255,255,.045),inset 0 0 18px rgba(0,0,0,.55),0 0 15px rgba(0,211,94,.12)}
.v1761-board{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:2px;border-radius:12px;background:#05090b}
.bp-cell{position:relative;display:block;min-width:0;aspect-ratio:1;border-radius:5px;background:linear-gradient(180deg,#172020,#0a1011);border:1px solid rgba(93,111,112,.22);box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 -2px rgba(0,0,0,.27)}
.bp-cell.filled,.bp-cell.preview{border-color:rgba(255,255,255,.40);box-shadow:inset 0 2px rgba(255,255,255,.47),inset 0 -3px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.32)}
.bp-cell.filled:after,.bp-cell.preview:after{content:"";position:absolute;left:15%;right:15%;top:10%;height:28%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0))}
.bp-cell.cyan{background:linear-gradient(180deg,#39d7f8,#0db0d7)}.bp-cell.purple{background:linear-gradient(180deg,#a95df5,#7434d9)}.bp-cell.orange{background:linear-gradient(180deg,#ff9a31,#e86313)}.bp-cell.green{background:linear-gradient(180deg,#48e66e,#16ad49)}.bp-cell.red{background:linear-gradient(180deg,#ff6266,#df3139)}.bp-cell.yellow{background:linear-gradient(180deg,#ffe560,#ffc20d);border-color:#fff2a0;box-shadow:inset 0 2px rgba(255,255,255,.65),inset 0 -3px rgba(178,105,0,.24),0 0 12px rgba(255,210,19,.38)}
.v1761-goal{z-index:2;align-self:start;margin-top:20px;height:140px;border-radius:23px;background:linear-gradient(180deg,#10191a,#07100f);border:1px solid rgba(0,234,105,.55);box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 16px rgba(0,218,95,.11);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:perspective(240px) rotateY(-2deg)}
.v1761-goal small,.v1761-goal span{font-size:9px;font-weight:900;letter-spacing:.5px;color:#a9b1b1}.v1761-goal strong{font-size:55px;line-height:.92;color:#ffd21c;text-shadow:0 2px 0 #8e5d00,0 0 12px rgba(255,210,27,.22);letter-spacing:-3px;margin:7px 0 8px}
.v1761-tray{position:absolute;left:16px;right:16px;bottom:15px;height:61px;border-radius:15px;background:linear-gradient(180deg,#080e0f,#030707);border:1px solid rgba(116,145,141,.17);display:flex;align-items:center;justify-content:space-around;padding:6px 17px;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.tray-piece,.v1761-active-piece{position:relative}.tray-piece i,.v1761-active-piece i,.mp:before,.mp:after{display:block;position:absolute;border-radius:4px;box-shadow:inset 0 2px rgba(255,255,255,.45),inset 0 -2px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.25)}
.tray-piece{width:48px;height:38px}.tray-piece i{width:15px;height:15px}.tray-piece.purple i{background:linear-gradient(180deg,#a95cf4,#7235d7)}.tray-piece.cyan i{background:linear-gradient(180deg,#42d9f6,#0ea9d1)}.tray-piece.red i{background:linear-gradient(180deg,#ff6264,#de343d)}
.tray-piece.line3 i:nth-child(1){left:0;top:11px}.tray-piece.line3 i:nth-child(2){left:16px;top:11px}.tray-piece.line3 i:nth-child(3){left:32px;top:11px}.tray-piece.sq4 i:nth-child(1){left:8px;top:3px}.tray-piece.sq4 i:nth-child(2){left:24px;top:3px}.tray-piece.sq4 i:nth-child(3){left:8px;top:19px}.tray-piece.sq4 i:nth-child(4){left:24px;top:19px}.tray-piece.l3 i:nth-child(1){left:10px;top:3px}.tray-piece.l3 i:nth-child(2){left:10px;top:19px}.tray-piece.l3 i:nth-child(3){left:26px;top:19px}
.v1761-active-piece{position:absolute;z-index:5;right:74px;top:210px;width:62px;height:72px;filter:drop-shadow(0 7px 7px rgba(0,0,0,.35))}.v1761-active-piece i{width:25px;height:25px;background:linear-gradient(180deg,#ffe86b,#ffc20d);border:1px solid #fff0a0;box-shadow:inset 0 3px rgba(255,255,255,.55),inset 0 -3px rgba(166,94,0,.20),0 0 12px rgba(255,211,24,.48)}.v1761-active-piece i:nth-child(1){left:0;top:0}.v1761-active-piece i:nth-child(2){left:26px;top:0}.v1761-active-piece i:nth-child(3){left:26px;top:26px}.v1761-active-piece:after{content:"";position:absolute;width:42px;height:2px;left:-34px;top:39px;background:linear-gradient(90deg,transparent,#ffe53c);transform:rotate(-19deg);transform-origin:right;box-shadow:0 0 10px #ffe32e;opacity:.58}

#lobbyScreen:not(.authenticated-shell-mode) .v1761-primary{position:relative;overflow:hidden;width:100%!important;height:64px!important;margin:0 auto 9px!important;border:1px solid #ffe46c!important;border-radius:18px!important;background:linear-gradient(180deg,#ffe44d 0%,#ffd31a 44%,#ffbc00 100%);color:#17140a;font-size:22px!important;font-weight:1000!important;letter-spacing:-.25px!important;text-shadow:0 1px rgba(255,255,255,.36);box-shadow:inset 0 2px rgba(255,255,255,.56),inset 0 -4px rgba(156,91,0,.17),0 6px 0 #9f6900,0 14px 24px rgba(255,188,0,.13);}
#lobbyScreen:not(.authenticated-shell-mode) .v1761-primary:before{content:"";position:absolute;left:10%;right:10%;top:2px;height:45%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent)}
.v1761-bridge{text-align:center;margin:0 0 5px;font-size:9px;color:#919a9b;line-height:1.35}.v1761-bridge strong{color:#20df70}.v1761-account{text-align:center!important;margin:0 0 13px!important;color:#a3aaab!important;font-size:10px!important}.v1761-account button{color:#ffd41b!important;font-size:10px!important;font-weight:1000!important}
.v1761-stats{height:70px;margin:0 0 27px;border-radius:15px;background:linear-gradient(180deg,#071011,#040809);border:1px solid rgba(69,103,99,.32);display:grid;grid-template-columns:repeat(3,1fr);box-shadow:inset 0 1px rgba(255,255,255,.025)}.v1761-stats>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.v1761-stats>div+div:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:#172425}.v1761-stats strong{font-size:11px;color:#20e16f}.v1761-stats small{font-size:8px;color:#9aa1a2;font-weight:800}.blocks-icon{height:15px;width:42px;margin-bottom:3px;display:flex;gap:3px}.blocks-icon i{width:12px;border-radius:3px;background:linear-gradient(180deg,#48e670,#12a943);box-shadow:inset 0 1px rgba(255,255,255,.4)}.progress-icon{width:58px;height:8px;border:1px solid #167f47;border-radius:999px;margin-bottom:4px}.progress-icon i{display:block;height:100%;width:55%;border-radius:999px;background:linear-gradient(90deg,#38e571,#12a943)}.five-icon{font-size:21px;font-weight:1000;color:#24e274;line-height:1}

.v1761-how{text-align:center;margin:0 0 16px}.v1761-kicker{display:inline-flex;align-items:center;color:#20df70;font-size:10px;font-weight:1000;letter-spacing:1.4px;margin-bottom:5px}.v1761-how h2{font-size:28px;line-height:1;margin:0;color:#f6f7f7;letter-spacing:-.7px}.v1761-how>p{margin:7px 0 15px;color:#8e9798;font-size:10px}.v1761-step-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;scroll-snap-type:none!important}.v1761-step{min-width:0!important;width:auto!important;height:188px!important;padding:7px!important;border-radius:13px!important;background:linear-gradient(165deg,#081211,#030707)!important;border:1px solid rgba(43,127,89,.44)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.18)!important;text-align:left!important}.v1761-step header{display:flex;align-items:center;gap:4px;height:24px}.v1761-step header b{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#49ee7b,#12b84f);color:#06240f;font-size:12px;box-shadow:inset 0 1px rgba(255,255,255,.4)}.v1761-step header span{font-size:7.7px;color:#fff;font-weight:900;line-height:1.05}.step-visual-v1761{position:relative;height:88px;margin:6px 0;border-radius:9px;background:linear-gradient(180deg,#07100f,#020505);border:1px solid rgba(39,98,77,.42);overflow:hidden;display:grid;place-items:center}.v1761-step>p{margin:0!important;color:#a4abad!important;font-size:6.7px!important;line-height:1.35!important;text-align:center!important}.v1761-hidden-dots{display:none!important}
.step1-pieces{position:relative;width:78px;height:50px}.mp{position:absolute;width:14px;height:14px;border-radius:3px;box-shadow:inset 0 2px rgba(255,255,255,.4),inset 0 -2px rgba(0,0,0,.18)}.mp.green{background:#2fd05d;left:0;top:22px}.mp.cyan{background:#29c9ee}.mp.purple{background:#9a50e9}.mp.square{left:27px;top:13px;box-shadow:14px 0 #29c9ee,0 14px #29c9ee,14px 14px #29c9ee}.mp.l{left:62px;top:6px;box-shadow:0 14px #9a50e9,-14px 14px #9a50e9}
.mini8{width:70px;height:70px;display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:2px;border-radius:5px;background:#020707}.mcell{display:block;border-radius:1px;background:#0c1514}.mcell.g{background:#26c65a}.mcell.line{background:#39e36f;box-shadow:0 0 5px #25dd62}.mini-hand{position:absolute;font-size:21px;right:8px;bottom:8px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.step5x{width:62px;height:62px;border-radius:13px;display:grid;place-items:center;background:#07110d;border:1px solid #3a9e59;color:#ffd319;font-size:33px;font-weight:1000;text-shadow:0 0 9px rgba(255,210,25,.35);box-shadow:0 0 12px rgba(0,214,94,.10)}

.v1761-benefits{margin:0 8px 14px;padding:10px 8px;border-radius:14px;background:linear-gradient(180deg,#071010,#030707);border:1px solid rgba(50,103,83,.33);display:grid;grid-template-columns:repeat(3,1fr);gap:0}.v1761-benefits>div{min-width:0;text-align:left;padding:0 8px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:6px}.v1761-benefits>div+div{border-left:1px solid #17201f}.v1761-benefits .ico{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;font-size:21px;font-weight:1000}.v1761-benefits .rocket{color:#4fed79}.v1761-benefits .bolt{color:#ffd321}.v1761-benefits .shield{color:#31c9ff;border:1px solid #31c9ff;border-radius:8px;font-size:13px}.v1761-benefits b{font-size:7px;line-height:1.1;color:#fff}.v1761-benefits>div:nth-child(1) b{color:#20df70}.v1761-benefits>div:nth-child(2) b{color:#ffd31a}.v1761-benefits>div:nth-child(3) b{color:#31d2ff}.v1761-benefits small{font-size:5.7px;color:#a1a7a7;line-height:1.25;margin-top:2px}.v1761-bottom-cta{width:74%!important;height:54px!important;font-size:19px!important;margin-bottom:6px!important}.v1761-bridge.bottom{font-size:7.2px}.v1761-account.bottom{margin-bottom:10px!important;font-size:8px!important}.v1761-account.bottom button{font-size:8px!important}
.v1761-footer{margin:0 -16px -26px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));min-height:46px;border-top:1px solid #0c1715;background:rgba(0,0,0,.40);display:grid;grid-template-columns:78px 1fr 82px;align-items:center;gap:5px}.footer-mini-logo{font-weight:1000;font-size:9px;color:#ffd21c}.footer-mini-logo span{display:block;color:#20c6ff}.v1761-footer p{margin:0;text-align:center;font-size:5.6px;color:#71797a}.v1761-footer .secure{text-align:right;font-size:6px;color:#25e170;font-weight:900}

@media(max-width:359px){#lobbyScreen:not(.authenticated-shell-mode) .content{padding-left:10px!important;padding-right:10px!important}.v1761-game-card{height:312px!important;padding:14px 10px 76px!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:7px!important}.v1761-goal{height:121px!important}.v1761-goal strong{font-size:44px!important}.v1761-active-piece{right:59px;top:188px;transform:scale(.86)}#lobbyScreen:not(.authenticated-shell-mode) .headline{font-size:25px!important;margin-bottom:14px!important}#lobbyScreen:not(.authenticated-shell-mode) .brand-logo{width:88px!important}#lobbyScreen:not(.authenticated-shell-mode) .nav-btn{height:42px!important;padding:0 11px!important;font-size:10px!important}.v1761-step{height:166px!important;padding:5px!important}.step-visual-v1761{height:73px!important}.v1761-step header span{font-size:6.5px}.v1761-step>p{font-size:5.8px!important}.v1761-benefits{margin-left:0;margin-right:0}.v1761-footer{margin-left:-10px;margin-right:-10px}}
@media(min-width:400px){#lobbyScreen:not(.authenticated-shell-mode) .content{padding-left:18px!important;padding-right:18px!important}.v1761-game-card{height:372px!important}.v1761-board{gap:4px}.v1761-step{height:196px!important}.step-visual-v1761{height:94px!important}}
@media(prefers-reduced-motion:no-preference){.v1761-active-piece{animation:v1761Float 3.8s ease-in-out infinite}.v1761-primary:after{content:"";position:absolute;top:-30%;bottom:-30%;width:42px;left:-70px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-18deg);animation:v1761Shine 4.8s ease-in-out infinite}.bp-cell.preview{animation:v1761Preview 2.4s ease-in-out infinite}}
@keyframes v1761Float{50%{transform:translateY(-3px)}}@keyframes v1761Shine{0%,70%{left:-70px}90%,100%{left:110%}}@keyframes v1761Preview{50%{filter:brightness(1.12)}}
/* Segment 008 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/exact-match-tightening.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“exact match tightening”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[7] id=v1761ExactMatchTightening
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

#lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:108px;min-width:108px;max-width:108px;transform:none}
#lobbyScreen:not(.authenticated-shell-mode) .topbar{min-height:58px}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{margin-top:2px;margin-bottom:10px}
#lobbyScreen:not(.authenticated-shell-mode) .headline{margin-bottom:15px}
.v1761-game-card{height:316px;padding-top:15px;padding-bottom:72px;grid-template-columns:minmax(0,1fr) 80px}
.v1761-game-card:before{bottom:66px}
.v1761-goal{height:126px;margin-top:18px;border-radius:21px}.v1761-goal strong{font-size:50px;margin:5px 0 7px}
.v1761-tray{height:51px;bottom:10px}
.v1761-active-piece{right:68px;top:188px;transform:scale(.90)}
#lobbyScreen:not(.authenticated-shell-mode) .v1761-primary{height:58px;font-size:20px;border-radius:17px}
.v1761-stats{height:62px;margin-bottom:22px}
.v1761-how>p{margin-bottom:11px}
.v1761-step{height:148px;padding:6px}.step-visual-v1761{height:62px;margin:5px 0}.v1761-step>p{font-size:6.15px}.v1761-step header{height:22px}.v1761-step header b{width:20px;height:20px;font-size:11px}.v1761-step header span{font-size:7px}
.mini8{width:52px;height:52px}.mini-hand{font-size:17px;right:6px;bottom:5px}.step5x{width:50px;height:50px;font-size:28px}
.v1761-how{margin-bottom:12px}.v1761-benefits{margin-bottom:10px;padding-top:8px;padding-bottom:8px}.v1761-bottom-cta{height:49px;font-size:18px;margin-bottom:5px}.v1761-footer{min-height:40px;padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}
@media(max-width:359px){#lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:86px;min-width:86px;max-width:86px}.v1761-game-card{height:292px}.v1761-goal{height:112px}.v1761-goal strong{font-size:43px}.v1761-active-piece{top:173px;right:55px;transform:scale(.80)}.v1761-step{height:138px}.step-visual-v1761{height:57px}}
@media(min-width:400px){.v1761-game-card{height:328px}.v1761-active-piece{top:195px}}
/* Segment 009 · src/styles/responsive.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/scroll-width.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“scroll width”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[8] id=v17611ScrollWidthPolish
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.6.1.1 — guest home scroll smoothness + common left/right rails. Visual only. */
#lobbyScreen:not(.authenticated-shell-mode){
  --v17611-rail:16px;
  touch-action:pan-y;
  background:linear-gradient(180deg,#030707 0%,#020505 58%,#020404 100%);
}
#lobbyScreen:not(.authenticated-shell-mode) .content{
  padding-left:var(--v17611-rail);
  padding-right:var(--v17611-rail);
}
/* One common content rail from hero through footer. */
#lobbyScreen:not(.authenticated-shell-mode) .topbar,
#lobbyScreen:not(.authenticated-shell-mode) #guestHome,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-game-card,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-primary,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-stats,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-how,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-step-grid,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-benefits,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-bottom-cta,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-footer{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
#lobbyScreen:not(.authenticated-shell-mode) .v1761-benefits{margin-bottom:10px}
#lobbyScreen:not(.authenticated-shell-mode) .v1761-bottom-cta{width:100%}
#lobbyScreen:not(.authenticated-shell-mode) .v1761-footer{
  margin-bottom:-26px;
  border-radius:14px 14px 0 0;
}
/* Reduce paint-heavy effects during vertical scroll. */
#lobbyScreen:not(.authenticated-shell-mode) .v1761-game-card,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-stats,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-how,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-benefits,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-footer{
  contain:layout paint;
}
#lobbyScreen:not(.authenticated-shell-mode) .v1761-game-card{
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.32),0 0 14px rgba(0,213,102,.05);
}
#lobbyScreen:not(.authenticated-shell-mode) .v1761-game-card:before{
  box-shadow:inset 0 0 16px rgba(0,211,93,.045);
}
#lobbyScreen:not(.authenticated-shell-mode) .v1761-board-wrap{
  box-shadow:inset 0 1px rgba(255,255,255,.04),inset 0 0 12px rgba(0,0,0,.48),0 0 8px rgba(0,211,94,.07);
}
#lobbyScreen:not(.authenticated-shell-mode) .v1761-goal{
  transform:none;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 0 8px rgba(0,218,95,.07);
}
/* No continuously repainting filters while the user scrolls. */
#lobbyScreen:not(.authenticated-shell-mode) .v1761-active-piece{
  animation:none;
  filter:none;
  will-change:auto;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp-cell.preview{
  animation:none;
  filter:none;
  box-shadow:inset 0 2px rgba(255,255,255,.62),inset 0 -3px rgba(178,105,0,.22),0 0 8px rgba(255,210,19,.28);
}
/* Disable the old left-position CTA shine animation (layout/paint on every frame). */
#lobbyScreen:not(.authenticated-shell-mode) .v1761-primary:after{display:none;animation:none}
/* Keep static depth, but lighter so lower sections scroll cleanly on low-end Android. */
#lobbyScreen:not(.authenticated-shell-mode) .v1761-step,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-benefits{
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 5px 12px rgba(0,0,0,.12);
}
@media(max-width:359px){
  #lobbyScreen:not(.authenticated-shell-mode){--v17611-rail:10px}
  #lobbyScreen:not(.authenticated-shell-mode) .v1761-footer{margin-bottom:-26px}
}
@media(min-width:400px){#lobbyScreen:not(.authenticated-shell-mode){--v17611-rail:18px}}
/* Segment 010 · src/styles/responsive.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/rail.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“rail”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[9] id=v17611RailHotfix
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

#lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn.v1761-primary{width:100%;max-width:none;margin-left:0;margin-right:0}
/* Segment 011 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/scroll-demo.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“scroll demo”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[10] id=v17612ScrollDemoRebuild
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* v1.7.6.1.2 — one native guest scroll owner + separated board/tray + transform-only demo. */
#lobbyScreen:not(.authenticated-shell-mode){
  --v17612-rail:12px;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:auto!important;
  overscroll-behavior-x:none!important;
  touch-action:pan-y!important;
  scrollbar-width:none;
  contain:none!important;
  padding-left:var(--v17612-rail)!important;
  padding-right:var(--v17612-rail)!important;
  background:linear-gradient(180deg,#030707 0%,#020505 58%,#020404 100%);
}
#lobbyScreen:not(.authenticated-shell-mode)::-webkit-scrollbar{width:0;height:0}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome,
#lobbyScreen:not(.authenticated-shell-mode) .topbar,
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge,
#lobbyScreen:not(.authenticated-shell-mode) .headline{touch-action:pan-y!important}
#lobbyScreen:not(.authenticated-shell-mode) .v17612-demo-card,
#lobbyScreen:not(.authenticated-shell-mode) .v17612-demo-card *,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-stats,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-stats *,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-how,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-how *,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-benefits,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-benefits *,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-footer,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-footer *{
  touch-action:pan-y!important;
}
/* Pure visual regions do not own pointer gestures. */
#lobbyScreen:not(.authenticated-shell-mode) .v17612-demo-card,
#lobbyScreen:not(.authenticated-shell-mode) .v17612-demo-card *,
#lobbyScreen:not(.authenticated-shell-mode) #howGridStaticV17612,
#lobbyScreen:not(.authenticated-shell-mode) #howGridStaticV17612 *{
  pointer-events:none!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-game-card,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-primary,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-stats,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-how,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-step-grid,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-benefits,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-bottom-cta,
#lobbyScreen:not(.authenticated-shell-mode) .v1761-footer{
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
}
/* Remove old demo card paint containment/legacy fixed dimensions. */
#lobbyScreen:not(.authenticated-shell-mode) .v17612-demo-card{
  position:relative!important;
  display:block!important;
  height:auto!important;
  min-height:0!important;
  padding:12px!important;
  margin:0 0 14px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(149,181,169,.52)!important;
  background:linear-gradient(160deg,#0a1010 0%,#040808 68%,#030606 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.30);
  contain:layout style!important;
  isolation:isolate;
}
#lobbyScreen:not(.authenticated-shell-mode) .v17612-demo-card:before,
#lobbyScreen:not(.authenticated-shell-mode) .v17612-demo-card:after{display:none!important}
.v17612-board-goal{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:10px;align-items:start}
.v17612-board-zone{position:relative;min-width:0;aspect-ratio:1/1;border-radius:18px;padding:8px;background:#050a0b;border:1px solid #284038;box-shadow:inset 0 1px rgba(255,255,255,.04),inset 0 -8px 18px rgba(0,0,0,.34),0 0 0 1px rgba(0,220,100,.09)}
.v17612-board{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:3px;pointer-events:none}
.v17612-cell{position:relative;border-radius:4px;background:linear-gradient(180deg,#151b1c,#0c1112);border:1px solid #222a2b;box-shadow:inset 0 1px rgba(255,255,255,.024),inset 0 -2px rgba(0,0,0,.42);transition:opacity .22s ease,transform .22s ease,background .18s ease,box-shadow .18s ease}
.v17612-cell.filled{border-color:rgba(255,255,255,.15);box-shadow:inset 0 3px rgba(255,255,255,.30),inset 0 -3px rgba(0,0,0,.20),0 2px 3px rgba(0,0,0,.28)}
.v17612-cell.cyan{background:linear-gradient(180deg,#66efff,#20d6ee 20%,#00afd7 62%,#08778d)}
.v17612-cell.purple{background:linear-gradient(180deg,#ce84ff,#a950ef 20%,#7e3bdc 62%,#502099)}
.v17612-cell.orange{background:linear-gradient(180deg,#ffb064,#ff812a 20%,#f45a14 62%,#a5350c)}
.v17612-cell.green{background:linear-gradient(180deg,#75ef7f,#35dc62 20%,#15b648 62%,#08702e)}
.v17612-cell.red{background:linear-gradient(180deg,#ff878e,#fb4c56 20%,#e52b37 62%,#971820)}
.v17612-cell.demo-target{outline:1px dashed rgba(255,214,26,.48);outline-offset:-2px}
.v17612-demo-card.phase-place .v17612-cell.demo-target,
.v17612-demo-card.phase-line .v17612-cell.demo-target,
.v17612-demo-card.phase-reward .v17612-cell.demo-target{background:linear-gradient(180deg,#fff074,#ffd52b 20%,#ffc000 62%,#bb7200);border-color:#fff0a0;outline:none;box-shadow:inset 0 3px rgba(255,255,255,.48),inset 0 -3px rgba(142,82,0,.22),0 0 8px rgba(255,207,17,.34)}
.v17612-demo-card.phase-line [data-demo-row="4"]{box-shadow:inset 0 3px rgba(255,255,255,.52),inset 0 -3px rgba(109,60,0,.18),0 0 11px rgba(255,213,20,.62);transform:scale(.96);filter:none}
.v17612-demo-card.phase-cleared [data-demo-row="4"],
.v17612-demo-card.phase-reward [data-demo-row="4"]{opacity:.15;transform:scale(.70);background:#101617;border-color:#1c2526;box-shadow:none}
.v17612-line-flash{position:absolute;left:8px;right:8px;top:50%;height:0;opacity:0;pointer-events:none;border-top:2px solid rgba(255,225,84,.9);box-shadow:0 0 12px rgba(255,211,31,.55);transform:translateY(-50%) scaleX(.15);transition:opacity .15s ease,transform .22s ease}
.v17612-demo-card.phase-line .v17612-line-flash{opacity:1;transform:translateY(-50%) scaleX(1)}
.v17612-money-pop{position:absolute;z-index:5;left:50%;top:48%;padding:7px 12px;border-radius:999px;background:linear-gradient(180deg,#21ec83,#07b957);color:#042311;font-size:16px;font-weight:1000;letter-spacing:-.4px;box-shadow:inset 0 1px rgba(255,255,255,.55),0 5px 14px rgba(0,0,0,.28);opacity:0;transform:translate(-50%,10px) scale(.88);transition:opacity .18s ease,transform .26s cubic-bezier(.2,.8,.2,1);white-space:nowrap;pointer-events:none}
.v17612-demo-card.phase-reward .v17612-money-pop{opacity:1;transform:translate(-50%,-12px) scale(1)}
.v17612-goal{height:150px;margin-top:18px;border-radius:22px;background:linear-gradient(180deg,#111919,#07100f);border:1px solid rgba(0,224,104,.42);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;box-shadow:inset 0 1px rgba(255,255,255,.055),0 6px 14px rgba(0,0,0,.22);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.v17612-goal small,.v17612-goal span{font-size:9px;font-weight:900;letter-spacing:.45px;color:#a9b1b1}.v17612-goal strong{font-size:51px;line-height:.9;color:#ffd21c;text-shadow:0 2px 0 #805300;margin:8px 0 9px;letter-spacing:-3px}.v17612-goal-track{width:54px;height:5px;border-radius:99px;background:#020605;border:1px solid #26342f;overflow:hidden}.v17612-goal-track i{display:block;height:100%;width:32%;border-radius:inherit;background:linear-gradient(90deg,#12d56b,#ffd322);transform-origin:left;transition:width .32s ease}.v17612-demo-card.phase-reward .v17612-goal{transform:scale(1.025);border-color:rgba(255,210,27,.68);box-shadow:inset 0 1px rgba(255,255,255,.055),0 0 16px rgba(255,210,27,.16),0 6px 14px rgba(0,0,0,.22)}.v17612-demo-card.phase-reward .v17612-goal-track i{width:46%}
.v17612-tray-zone{position:relative;margin-top:14px;min-height:78px;border-radius:16px;background:linear-gradient(180deg,#080e0f,#030707);border:1px solid rgba(116,145,141,.18);display:grid;grid-template-columns:84px repeat(3,1fr);gap:7px;align-items:center;padding:8px 10px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.v17612-tray-label{display:flex;flex-direction:column;gap:2px}.v17612-tray-label b{font-size:10px;color:#23e271;letter-spacing:.2px}.v17612-tray-label span{font-size:6.7px;color:#8c9695;line-height:1.2}
.v17612-tray-slot{height:55px;border-radius:11px;background:#060b0c;border:1px solid #172222;display:grid;place-items:center;transition:opacity .18s ease,transform .18s ease}
.v17612-demo-card.phase-lift .v17612-tray-slot.primary,.v17612-demo-card.phase-move .v17612-tray-slot.primary,.v17612-demo-card.phase-place .v17612-tray-slot.primary,.v17612-demo-card.phase-line .v17612-tray-slot.primary,.v17612-demo-card.phase-cleared .v17612-tray-slot.primary,.v17612-demo-card.phase-reward .v17612-tray-slot.primary{opacity:.22;transform:scale(.96)}
.demo-domino,.demo-square,.demo-l{position:relative;display:block;width:44px;height:40px}.demo-domino i,.demo-square i,.demo-l i{position:absolute;width:18px;height:18px;border-radius:4px;box-shadow:inset 0 2px rgba(255,255,255,.42),inset 0 -2px rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.24)}
.demo-domino i{top:11px}.demo-domino i:first-child{left:3px}.demo-domino i:last-child{left:23px}.demo-square i{background:linear-gradient(180deg,#5ee7fb,#08add3)}.demo-square i:nth-child(1){left:3px;top:1px}.demo-square i:nth-child(2){left:23px;top:1px}.demo-square i:nth-child(3){left:3px;top:21px}.demo-square i:nth-child(4){left:23px;top:21px}.demo-l i{background:linear-gradient(180deg,#ff777d,#e22d38)}.demo-l i:nth-child(1){left:4px;top:1px}.demo-l i:nth-child(2){left:4px;top:21px}.demo-l i:nth-child(3){left:24px;top:21px}.demo-domino.yellow i{background:linear-gradient(180deg,#fff06e,#ffd32a 20%,#ffc000 62%,#b66e00)}
.v17612-flying-piece{position:absolute;z-index:8;left:0;top:0;width:calc(var(--demo-cell,24px)*2 + 3px);height:var(--demo-cell,24px);pointer-events:none;opacity:0;transform:translate3d(var(--sx,0),var(--sy,0),0) scale(.78);transform-origin:center;transition:transform .72s cubic-bezier(.18,.76,.24,1),opacity .12s ease;will-change:transform}
.v17612-flying-piece i{position:absolute;top:0;width:var(--demo-cell,24px);height:var(--demo-cell,24px);border-radius:4px;background:linear-gradient(180deg,#fff06e,#ffd32a 20%,#ffc000 62%,#b66e00);border:1px solid #fff0a0;box-shadow:inset 0 3px rgba(255,255,255,.48),inset 0 -3px rgba(133,77,0,.22),0 3px 6px rgba(0,0,0,.28),0 0 9px rgba(255,207,17,.30)}.v17612-flying-piece i:first-child{left:0}.v17612-flying-piece i:last-child{right:0}.v17612-demo-card.phase-lift .v17612-flying-piece{opacity:1;transform:translate3d(var(--sx),var(--sy),0) scale(.92)}.v17612-demo-card.phase-move .v17612-flying-piece{opacity:1;transform:translate3d(var(--tx),var(--ty),0) scale(1)}.v17612-demo-card.phase-place .v17612-flying-piece,.v17612-demo-card.phase-line .v17612-flying-piece,.v17612-demo-card.phase-cleared .v17612-flying-piece,.v17612-demo-card.phase-reward .v17612-flying-piece{opacity:0;transform:translate3d(var(--tx),var(--ty),0) scale(1)}
.v17612-demo-card.demo-scroll-pause .v17612-flying-piece{transition:none!important;opacity:0!important}.v17612-demo-card.demo-scroll-pause .v17612-cell{transition:none!important}
@media(max-width:359px){#lobbyScreen:not(.authenticated-shell-mode){--v17612-rail:10px}.v17612-board-goal{grid-template-columns:minmax(0,1fr) 70px;gap:7px}.v17612-demo-card{padding:9px!important}.v17612-board-zone{padding:6px;border-radius:15px}.v17612-board{gap:2px}.v17612-goal{height:126px;margin-top:15px;border-radius:18px}.v17612-goal strong{font-size:42px}.v17612-tray-zone{grid-template-columns:70px repeat(3,1fr);gap:4px;padding:7px 6px;min-height:68px}.v17612-tray-label b{font-size:8px}.v17612-tray-label span{font-size:5.7px}.v17612-tray-slot{height:48px}.demo-domino,.demo-square,.demo-l{transform:scale(.86)}}
@media(min-width:400px){#lobbyScreen:not(.authenticated-shell-mode){--v17612-rail:14px}.v17612-board-goal{grid-template-columns:minmax(0,1fr) 88px}}
@media(prefers-reduced-motion:reduce){.v17612-flying-piece,.v17612-cell,.v17612-goal,.v17612-goal-track i,.v17612-money-pop,.v17612-line-flash,.v17612-tray-slot{transition:none!important}}
/* Segment 012 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/authenticated-home-visual.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“authenticated home visual”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[11] id=v1762AuthenticatedHomeVisual
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* BLOCK PIX v1.7.6.2 — Authenticated Home visual/view-composition only. */
#lobbyScreen.authenticated-shell-mode{background:var(--bp496-app);}
#authHome.auth-shell{background:var(--bp496-app);color:var(--bp496-text);}
#authHome .auth-app-header{flex:0 0 auto;min-height:calc(68px + var(--safeTop));padding:calc(9px + var(--safeTop)) 12px 9px!important;background:var(--bp496-card);border-bottom:1px solid var(--bp496-border)!important;box-shadow:0 3px 10px rgba(22,70,103,.06);display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:12;}
.v1762-auth-brand{position:relative;display:grid!important;grid-template-columns:auto;line-height:.8;min-width:72px!important;font-family:Arial Black,Arial,sans-serif;font-weight:1000;letter-spacing:-1.2px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}
.v1762-auth-brand b{font-size:18px!important;color:#ffd51b;text-shadow:0 1px 0 #785000;}.v1762-auth-brand>span:not(.v1762-crown){font-size:17px!important;color:#24e377;margin-left:16px;}.v1762-crown{position:absolute;left:26px;top:-11px;color:#ffd51b;font-size:12px;transform:rotate(180deg);opacity:.96}
.v1762-head-right{display:flex!important;align-items:center;gap:6px!important;min-width:0}
.v1762-balance{height:42px!important;min-width:94px!important;padding:5px 9px!important;border:1px solid #252c2d!important;border-radius:12px!important;background:linear-gradient(180deg,#191d1e,#111516)!important;text-align:left!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
.v1762-balance small{display:block;font-size:6.8px!important;color:#8e9998!important;letter-spacing:.7px!important}.v1762-balance strong{font-size:13px!important;white-space:nowrap}
.v1762-header-deposit{height:42px;min-width:42px;border:0;border-radius:12px;background:linear-gradient(180deg,#ffe03c,#ffc400);color:#181300;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;font-weight:1000;box-shadow:inset 0 2px rgba(255,255,255,.35),0 6px 14px rgba(255,194,0,.17)}
.v1762-header-deposit span{font-size:19px;line-height:1}.v1762-header-deposit b{font-size:8px;letter-spacing:.2px}.v1762-avatar{width:38px!important;height:38px!important;border-radius:50%!important;background:#171b1c!important;border:1px solid #252c2d!important;color:#ffd21b!important;font-size:14px!important;box-shadow:none!important}
#authContent.auth-content{flex:1 1 auto;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior-y:contain;padding:12px 12px 18px!important;background:transparent;scrollbar-width:none;}
#authContent.auth-content::-webkit-scrollbar{width:0}
.v1762-play-page{width:100%;max-width:none!important;margin:0!important;padding:0!important;touch-action:pan-y!important}
.v1762-mode-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 12px;padding:4px;border-radius:16px;background:#0c1011;border:1px solid #1b2322;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.v1762-mode-tab{min-height:47px;border:0;border-radius:12px;background:transparent;color:#7e8988;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:background .18s ease,color .18s ease,transform .12s ease}.v1762-mode-tab:active{transform:scale(.985)}.v1762-mode-tab b{font-size:15px;line-height:1}.v1762-mode-tab span{font-size:6.6px;letter-spacing:.55px;font-weight:900}.v1762-mode-tab.active{background:linear-gradient(180deg,#ffe13a,#ffc400);color:#191300;box-shadow:inset 0 1px rgba(255,255,255,.38),0 5px 12px rgba(255,198,0,.16)}.v1762-mode-tab[data-paid-mode="CASHOUT_50X"].active{background:linear-gradient(180deg,#24ea82,#05bf61);color:#03190d;box-shadow:inset 0 1px rgba(255,255,255,.35),0 5px 12px rgba(0,212,103,.14)}
.v1762-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.v1762-mode-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:0 2px 10px}.v1762-mode-intro small{display:block;color:#12db70;font-size:8px;font-weight:1000;letter-spacing:.7px;margin-bottom:3px}.v1762-mode-intro h1{font-family:Arial Black,Arial,sans-serif;font-size:23px;line-height:.98;margin:0;color:#f7f8fa;letter-spacing:-1px}.v1762-mode-intro h1 em{font-style:normal;color:#ffd21b}.v1762-mode-intro p{margin:5px 0 0;color:#8e9998;font-size:8.5px;font-weight:700}.v1762-live-chip{display:flex;align-items:center;gap:5px;flex:0 0 auto;margin-bottom:2px;padding:6px 8px;border:1px solid rgba(0,216,111,.33);border-radius:999px;background:#07130e;color:#39e88d;font-size:6.2px;font-weight:1000;letter-spacing:.2px}.v1762-live-chip i{width:6px;height:6px;border-radius:50%;background:#31ed86;box-shadow:0 0 7px rgba(48,236,133,.5)}
.v1762-game-card{position:relative;border:1px solid rgba(141,174,162,.42);border-radius:23px;padding:11px;background:linear-gradient(160deg,#0b1111,#050909 70%);box-shadow:inset 0 1px rgba(255,255,255,.045),0 9px 23px rgba(0,0,0,.27);overflow:hidden;pointer-events:none}
.v1762-board-goal{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:9px;align-items:center}.v1762-board-wrap{aspect-ratio:1/1;border-radius:17px;padding:7px;background:#05090a;border:1px solid #263b35;box-shadow:inset 0 1px rgba(255,255,255,.04),inset 0 -8px 18px rgba(0,0,0,.32)}.v1762-board{height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:3px}.v1762-cell{border-radius:4px;background:linear-gradient(180deg,#161b1c,#0c1112);border:1px solid #222829;box-shadow:inset 0 1px rgba(255,255,255,.02),inset 0 -2px rgba(0,0,0,.4)}.v1762-cell.filled{border-color:rgba(255,255,255,.15);box-shadow:inset 0 3px rgba(255,255,255,.32),inset 0 -3px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.28)}.v1762-cell.cyan{background:linear-gradient(180deg,#72f2ff,#20d7ed 22%,#00abd2 64%,#087188)}.v1762-cell.purple{background:linear-gradient(180deg,#d488ff,#ad53f0 22%,#7d39d7 64%,#4e1f95)}.v1762-cell.orange{background:linear-gradient(180deg,#ffb36b,#ff812a 22%,#f05a15 64%,#9f340e)}.v1762-cell.green{background:linear-gradient(180deg,#7bf082,#38dc63 22%,#15b447 64%,#08702e)}.v1762-cell.red{background:linear-gradient(180deg,#ff8c93,#fa4b55 22%,#df2b36 64%,#90171f)}
.v1762-goal-card{height:145px;border-radius:21px;background:linear-gradient(180deg,#101817,#07100f);border:1px solid rgba(0,224,104,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 6px;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.05),0 5px 13px rgba(0,0,0,.22)}.v1762-goal-card small,.v1762-goal-card span{font-size:7px;color:#a5afad;font-weight:900;letter-spacing:.5px}.v1762-goal-card strong{font-size:47px;line-height:.9;color:#ffd21b;margin:8px 0;text-shadow:0 2px 0 #7d5200;letter-spacing:-2.5px}.v1762-goal-track{width:52px;height:5px;border:1px solid #29362f;border-radius:99px;background:#020604;overflow:hidden}.v1762-goal-track i{display:block;width:34%;height:100%;background:linear-gradient(90deg,#10d56a,#ffd21b)}
.v1762-tray{margin-top:12px;min-height:72px;border:1px solid #182321;border-radius:15px;background:linear-gradient(180deg,#080d0e,#040707);display:grid;grid-template-columns:76px repeat(3,1fr);gap:6px;align-items:center;padding:8px}.v1762-tray-caption b{display:block;color:#27e47a;font-size:9px}.v1762-tray-caption span{display:block;color:#778281;font-size:5.8px;margin-top:2px}.v1762-piece{position:relative;width:44px;height:42px;justify-self:center}.v1762-piece i{position:absolute;width:18px;height:18px;border-radius:4px;box-shadow:inset 0 2px rgba(255,255,255,.42),inset 0 -2px rgba(0,0,0,.18),0 2px 3px rgba(0,0,0,.24)}.v1762-piece.purple i{background:linear-gradient(180deg,#d88cff,#8640dc)}.v1762-piece.purple i:nth-child(1){left:2px;top:12px}.v1762-piece.purple i:nth-child(2){left:22px;top:12px}.v1762-piece.purple i:nth-child(3){left:42px;top:12px}.v1762-piece.cyan i{background:linear-gradient(180deg,#6df2ff,#08add3)}.v1762-piece.square i:nth-child(1){left:3px;top:1px}.v1762-piece.square i:nth-child(2){left:23px;top:1px}.v1762-piece.square i:nth-child(3){left:3px;top:21px}.v1762-piece.square i:nth-child(4){left:23px;top:21px}.v1762-piece.orange i{background:linear-gradient(180deg,#ffad65,#ed5b17)}.v1762-piece.l i:nth-child(1){left:3px;top:1px}.v1762-piece.l i:nth-child(2){left:3px;top:21px}.v1762-piece.l i:nth-child(3){left:23px;top:21px}
.v1762-bet-panel{margin-top:11px;border:1px solid #1b2623;border-radius:19px;padding:11px;background:linear-gradient(180deg,#0b1111,#060a0a);box-shadow:inset 0 1px rgba(255,255,255,.035)}.v1762-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:8px}.v1762-section-head small{display:block;color:#7f8a89;font-size:6.8px;font-weight:900;letter-spacing:.6px}.v1762-section-head strong{display:block;font-size:14px;margin-top:1px}.v1762-section-head>span{font-size:7px;color:#2be57b;font-weight:1000;border:1px solid rgba(43,229,123,.25);background:#07130e;padding:4px 7px;border-radius:999px}
#authHome .v1762-bet-grid{display:flex!important;gap:7px;overflow-x:auto!important;overflow-y:hidden!important;padding:1px 1px 6px!important;scrollbar-width:none;touch-action:pan-x pan-y!important;overscroll-behavior-x:contain}.v1762-bet-grid::-webkit-scrollbar{display:none}.v1762-bet-grid .bet{flex:0 0 57px!important;height:42px!important;border-radius:11px!important;border:1px solid #252d2c!important;background:#111617;color:#d8dddc;box-shadow:inset 0 1px rgba(255,255,255,.035);}.v1762-bet-grid .bet.active{background:linear-gradient(180deg,#ffe13a,#ffc400);border-color:#ffe77b;color:#181300;box-shadow:inset 0 1px rgba(255,255,255,.38),0 4px 10px rgba(255,195,0,.13);}.v1762-bet-grid .bet strong{font-size:12px!important}
#authHome .v1762-prize-panel{margin:5px 0 9px!important;border:1px solid #1e2926!important;border-radius:15px!important;background:#080d0d!important;padding:10px!important;box-shadow:none!important}.v1762-money-summary{display:grid;grid-template-columns:1fr auto 1.25fr auto;align-items:center;gap:7px}.v1762-money-summary>div small{display:block;font-size:6px;color:#798483;font-weight:900;letter-spacing:.5px}.v1762-money-summary>div strong{display:block;font-size:15px;margin-top:2px}.v1762-money-summary .prize strong{color:#27e37a}.v1762-arrow{color:#697472;font-size:15px}.v1762-mult{font-size:19px;color:#ffd21b}.v1762-prize-panel p{margin:7px 0 0;color:#788381;font-size:7px;font-weight:700}.v1762-cash-panel{display:none!important}.v1762-cash-panel.active{display:block!important}.v1762-cash-panel .v1762-money-summary .prize strong{color:#25e27a}.v1762-mult.cash{font-size:10px;color:#25e27a}.v1762-cash-path{display:flex!important;align-items:center;justify-content:space-between;margin:9px 0 6px!important;padding:7px!important;border-radius:10px;background:#07120d}.v1762-cash-path b{color:#29e57e!important;font-size:10px!important}.v1762-cash-path i{color:#53615d!important;font-style:normal}.v1762-cash-note{display:flex!important;justify-content:space-between;gap:8px!important;color:#75817e!important;font-size:6.4px!important}.v1762-cash-note b{color:#29e57e!important}
#authHome .v1762-primary{width:100%!important;min-height:58px!important;border-radius:15px!important;border:1px solid #ffe36a!important;background:linear-gradient(180deg,#ffe13b,#ffc400)!important;color:#171200!important;box-shadow:inset 0 2px rgba(255,255,255,.35),0 7px 15px rgba(255,195,0,.16)!important}.v1762-primary span{font-size:18px!important}.v1762-primary small{font-size:9px!important;opacity:.72!important}.v1762-primary.cash-ready{background:linear-gradient(180deg,#30ec87,#08c565)!important;border-color:#71f3aa!important;color:#03180c!important}.v1762-balance-note{margin-top:7px!important;color:#77817f!important;font-size:8px!important;display:flex;justify-content:space-between}.v1762-balance-note strong{color:#d8dedc!important}.v1762-play-note{text-align:center;margin:9px 8px 2px;color:#788280;font-size:7.4px;font-weight:700;line-height:1.35}
#authHome .auth-bottom-nav{background:rgba(5,7,8,.99);border-top:1px solid #202827!important;box-shadow:0 -8px 20px rgba(0,0,0,.28);}.auth-bottom-nav .auth-nav-btn{color:#7e8886;}.auth-bottom-nav .auth-nav-btn.active{color:#ffd21b;}.auth-bottom-nav .auth-nav-btn:not(.center).active .ni{background:#211b06;color:#ffd21b;}.auth-bottom-nav .auth-nav-btn.center .ni{background:linear-gradient(180deg,#ffe13a,#ffc400);color:#181300;box-shadow:0 0 0 5px #050708,0 7px 16px rgba(255,196,0,.17);}
#authPagePlay[data-mode="CASHOUT_50X"] .v1762-mode-intro small{color:#2ae57b}#authPagePlay[data-mode="CASHOUT_50X"] .v1762-mode-intro h1 em{color:#2ae57b}#authPagePlay[data-mode="CASHOUT_50X"] .v1762-goal-card{border-color:rgba(41,229,123,.42)}#authPagePlay[data-mode="CASHOUT_50X"] .v1762-goal-card strong{font-size:27px;letter-spacing:-1px;color:#28e57c;text-shadow:none}#authPagePlay[data-mode="CASHOUT_50X"] .v1762-goal-track i{width:20%;background:#25e27a}
.v1762-mode-enter{animation:v1762ModeEnter .18s ease both}@keyframes v1762ModeEnter{from{opacity:.65;transform:translateX(5px)}to{opacity:1;transform:none}}
@media(max-width:359px){.v1762-auth-brand{min-width:58px!important}.v1762-auth-brand b{font-size:15px!important}.v1762-auth-brand>span:not(.v1762-crown){font-size:14px!important;margin-left:13px}.v1762-crown{left:22px}.v1762-balance{min-width:82px!important;padding:5px 7px!important}.v1762-balance strong{font-size:11.5px!important}.v1762-header-deposit{min-width:40px;padding:0 8px}.v1762-header-deposit b{display:none}.v1762-mode-intro h1{font-size:20px}.v1762-live-chip{display:none}.v1762-board-goal{grid-template-columns:minmax(0,1fr) 72px;gap:7px}.v1762-goal-card{height:128px}.v1762-goal-card strong{font-size:40px}.v1762-tray{grid-template-columns:65px repeat(3,1fr);padding:7px 5px}.v1762-piece{transform:scale(.84)}.v1762-money-summary{gap:4px}.v1762-money-summary>div strong{font-size:13px}.v1762-mult{font-size:16px}}
@media(min-width:390px){.v1762-header-deposit b{display:block}}
@media(prefers-reduced-motion:reduce){.v1762-mode-enter{animation:none}.v1762-mode-tab{transition:none}}
/* Segment 013 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/authenticated-home.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“authenticated home”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[12] id=v17621AuthenticatedHomePolish
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* BLOCK PIX v1.7.6.2.1 — 5X default authenticated home + Cash Out bottom navigation. */
.v17621-mode-bridge[hidden]{display:none!important}
#authPagePlay.v1762-play-page{padding-top:0!important}
#authPagePlay[data-mode="META_10X"] .v1762-mode-intro{margin-top:1px}
#authPagePlay[data-mode="CASHOUT_50X"] .v17621-demo-flying,
#authPagePlay[data-mode="CASHOUT_50X"] .v17621-demo-money,
#authPagePlay[data-mode="CASHOUT_50X"] .v17621-demo-line,
#authPagePlay[data-mode="CASHOUT_50X"] .v17621-demo-gain{display:none!important}

/* Bottom-nav: Cash Out is a game view, not the Withdraw route. */
#authHome .auth-bottom-nav .v17621-cash-nav.active{color:#29e77e;}
#authHome .auth-bottom-nav .v17621-cash-nav.active .ni{background:#082818;color:#29e77e;box-shadow:0 0 0 1px rgba(41,231,126,.16),0 5px 13px rgba(0,209,103,.12);}
#authHome .auth-bottom-nav .v17621-cash-nav .ni svg{width:21px;height:21px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
#authHome.v17621-cash-view .auth-nav-btn.center{color:#747d7b;}
#authHome.v17621-cash-view .auth-nav-btn.center .ni{background:#101615;color:#747d7b;box-shadow:none;}

/* 5X preview reward demo. All visual layers are pointer-transparent. */
.v1762-board-wrap{position:relative!important;overflow:visible!important;contain:layout paint style}
.v17621-demo-flying{position:absolute;z-index:9;left:0;top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:42px;height:20px;pointer-events:none;opacity:0;transform:translate3d(0,0,0) scale(.96);will-change:transform,opacity}
.v17621-demo-flying i{display:block;border-radius:5px;background:linear-gradient(145deg,#fff471 0%,#ffd51b 38%,#f8a900 100%);border:1px solid #fff38e;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 3px rgba(137,75,0,.28),0 4px 9px rgba(255,196,0,.22)}
.v17621-demo-flying.lift{opacity:1;transform:translate3d(var(--sx,0),var(--sy,0),0) scale(1.04)}
.v17621-demo-flying.drag{opacity:1;transform:translate3d(var(--tx,0),var(--ty,0),0) scale(1.02);transition:transform .72s cubic-bezier(.2,.82,.24,1),opacity .12s ease}
.v17621-demo-flying.place{opacity:.12;transform:translate3d(var(--tx,0),var(--ty,0),0) scale(.96);transition:transform .13s ease,opacity .12s ease}
.v17621-demo-flying.reset{opacity:0;transition:opacity .16s ease}

.v17621-demo-money{position:absolute;z-index:12;pointer-events:none;opacity:0;padding:5px 8px;border-radius:999px;background:linear-gradient(180deg,#30ee8d,#0cc868);border:1px solid #6effb0;color:#042211;font-weight:1000;font-size:11px;letter-spacing:-.2px;box-shadow:0 5px 13px rgba(0,211,103,.18);transform:translate3d(0,10px,0) scale(.92);white-space:nowrap}
.v17621-demo-money.show{opacity:1;transform:translate3d(0,-14px,0) scale(1);transition:transform .58s cubic-bezier(.18,.9,.25,1),opacity .2s ease}
.v17621-demo-line{position:absolute;z-index:7;left:7px;right:7px;height:1px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#fff7a7 18%,#fff 50%,#fff7a7 82%,transparent);box-shadow:0 0 11px rgba(255,232,86,.72);transform:scaleX(.25);transform-origin:center}
.v17621-demo-line.show{opacity:1;transform:scaleX(1);transition:transform .24s ease-out,opacity .14s ease}

.v1762-cell.v17621-demo-preview{background:linear-gradient(145deg,#fff57b,#ffd31a 54%,#f3a700)!important;border-color:#fff79c!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.74),0 0 8px rgba(255,214,35,.35)!important;opacity:.72;transform:scale(.93)}
.v1762-cell.v17621-demo-placed{background:linear-gradient(145deg,#fff57b,#ffd31a 54%,#f3a700)!important;border-color:#fff79c!important;opacity:1;transform:scale(1)}
.v1762-cell.v17621-demo-clear{animation:v17621Clear .36s ease both}
@keyframes v17621Clear{0%{opacity:1;transform:scale(1);filter:brightness(1)}45%{opacity:1;transform:scale(1.05);filter:brightness(1.55)}100%{opacity:.08;transform:scale(.72);filter:brightness(1.35)}}

.v17621-demo-gain{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.v17621-demo-gain small{display:block!important;color:#7d8885!important;font-size:5.8px!important;letter-spacing:.45px!important;margin:0 0 2px!important}
.v17621-demo-gain b{display:block;color:#31e987;font-size:12px;line-height:1;font-weight:1000;letter-spacing:-.2px}
.v17621-demo-gain.bump b{animation:v17621Gain .42s ease}
@keyframes v17621Gain{0%{transform:scale(1);color:#31e987}40%{transform:scale(1.16);color:#fff071}100%{transform:scale(1);color:#31e987}}
.v1762-goal-track i{transition:width .35s ease!important}
.v1762-goal-card.v17621-goal-pulse{animation:v17621GoalPulse .42s ease}
@keyframes v17621GoalPulse{0%,100%{transform:scale(1)}45%{transform:scale(1.025);box-shadow:0 0 0 1px rgba(255,211,27,.22),0 7px 18px rgba(255,196,0,.10)}}

.v1762-piece.yellow i{background:linear-gradient(145deg,#fff474,#ffd21b 46%,#f3a500);border-color:#fff58b;box-shadow:inset 0 1px rgba(255,255,255,.72),inset 0 -2px 3px rgba(120,74,0,.28),0 3px 7px rgba(255,195,0,.14)}
.v1762-piece.domino{grid-template-columns:repeat(2,17px)!important;grid-template-rows:17px!important;width:auto!important}
.v17621-demo-source.demo-lift{transform:translateY(-3px) scale(1.04)!important;filter:brightness(1.13)}

/* Scroll remains native: demo is never an input owner. */
.v1762-game-card,.v1762-board-wrap,.v17621-demo-flying,.v17621-demo-money,.v17621-demo-line{pointer-events:none!important;touch-action:pan-y!important}
#authContent.auth-content{touch-action:pan-y!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important}

@media(max-width:359px){.v17621-demo-gain{margin-top:5px;padding-top:5px}.v17621-demo-gain b{font-size:10px}.v17621-demo-flying{width:36px;height:17px}.v17621-demo-money{font-size:9px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.v17621-demo-flying,.v17621-demo-money,.v17621-demo-line,.v1762-cell.v17621-demo-clear,.v17621-demo-gain,.v1762-goal-card{animation:none!important;transition:none!important}}
/* Segment 014 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/first-screen-compact.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“first screen compact”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[13] id=v1762FirstScreenCompact
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

@media(min-width:360px){
  .v1762-board-goal{grid-template-columns:minmax(0,224px) 74px;justify-content:center;gap:9px}
  .v1762-goal-card{height:130px;border-radius:19px}.v1762-goal-card strong{font-size:42px}
  .v1762-tray{margin-top:8px;min-height:58px;padding:5px 8px;grid-template-columns:70px repeat(3,1fr)}
  .v1762-piece{transform:scale(.84)}
  .v1762-game-card{padding:9px;border-radius:21px}
  .v1762-mode-intro{margin-bottom:7px}.v1762-mode-intro h1{font-size:21px}.v1762-mode-intro p{margin-top:3px}
  .v1762-mode-tabs{margin-bottom:8px}.v1762-mode-tab{min-height:43px}
  .v1762-bet-panel{margin-top:8px;padding:9px}.v1762-section-head{margin-bottom:6px}
  #authHome .v1762-bet-grid{padding-bottom:4px}.v1762-bet-grid .bet{height:38px}
  #authHome .v1762-prize-panel{padding:8px;margin:3px 0 7px}.v1762-prize-panel p{margin-top:4px}
  #authHome .v1762-primary{min-height:52px}.v1762-primary span{font-size:16px}.v1762-primary small{font-size:8px}
  .v1762-balance-note{display:none}.v1762-play-note{display:none}
}
/* Segment 015 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/commercial-showcase.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“commercial showcase”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[14] id=v17622CommercialShowcase
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* BLOCK PIX v1.7.6.2.2 — authenticated commercial gameplay showcase only. */
#authHome{--v17622-inset:12px;--v17622-yellow:#ffd21b;--v17622-green:#23e47a;--v17622-card:#0b1111;--v17622-muted:#87918f}
#authContent.auth-content{padding:9px var(--v17622-inset) 16px;overscroll-behavior-y:contain;touch-action:pan-y}
#authPagePlay.v1762-play-page{padding:0}
.v1762-mode-intro{margin:0 1px 7px;align-items:center}
.v1762-mode-intro h1{font-size:20px;line-height:.96;letter-spacing:-.8px}
.v1762-mode-intro p{font-size:7.6px;margin-top:3px}
.v1762-live-chip{padding:5px 7px;font-size:5.8px}

/* compact status rail: betting intent + value, never a fake promotion */
.v17622-status-rail{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;margin:0 0 7px;padding:7px 8px;border:1px solid #1e2a27;border-radius:13px;background:linear-gradient(180deg,#0b1111,#070b0b);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.v17622-status-rail>div{min-width:0}.v17622-status-rail small{display:block;color:#7f8a88;font-size:5.8px;font-weight:1000;letter-spacing:.55px}.v17622-status-rail strong{display:block;margin-top:1px;font-size:12px;color:#f4f6f5;white-space:nowrap}.v17622-status-rail .goal{text-align:right}.v17622-status-rail .goal strong{color:var(--v17622-green)}
.v17622-status-rail .mode-pill{padding:5px 7px;border-radius:999px;background:#201b06;border:1px solid rgba(255,210,27,.28);color:#ffd21b;font-size:7px;font-weight:1000;white-space:nowrap}
#authPagePlay[data-mode="CASHOUT_50X"] .v17622-status-rail .mode-pill{background:#07160e;border-color:rgba(35,228,122,.28);color:#2ae57b}

/* game surface: denser and more game-like */
.v1762-game-card{padding:9px;border-radius:20px;border-color:rgba(121,156,144,.36);background:linear-gradient(160deg,#0c1212,#050808 74%);box-shadow:inset 0 1px rgba(255,255,255,.045),0 9px 20px rgba(0,0,0,.25);contain:layout paint style}
.v1762-board-goal{grid-template-columns:minmax(0,210px) 70px;justify-content:center;gap:8px;align-items:center}
.v1762-board-wrap{padding:6px;border-radius:16px;border-color:#284036;background:#050909;overflow:hidden;contain:layout paint style}
.v1762-board{gap:3px}.v1762-cell{transition:transform .13s ease,opacity .18s ease,background .13s ease,border-color .13s ease;will-change:transform,opacity}
.v1762-goal-card{position:relative;height:126px;border-radius:19px;padding:8px 5px;overflow:hidden}
.v1762-goal-card strong{font-size:42px;margin:6px 0}.v1762-goal-track{width:50px}.v17621-demo-gain{display:none}
.v1762-tray{margin-top:8px;min-height:61px;grid-template-columns:66px repeat(3,1fr);padding:5px 7px;gap:5px;border-radius:13px}.v1762-tray-caption b{font-size:8.2px}.v1762-tray-caption span{font-size:5.2px}.v1762-piece{transform:scale(.84);transform-origin:center}
.v1762-game-card,.v1762-board-wrap,.v1762-tray,.v17622-fly,.v17622-money-pop,.v17622-line-beam,.v17622-cash-decision{pointer-events:none;touch-action:pan-y}

/* v1.7.6.2.1 visual demo is superseded. */
.v17621-demo-flying,.v17621-demo-money,.v17621-demo-line{display:none}

/* New unified demo layers */
.v17622-fly{position:absolute;z-index:18;left:0;top:0;opacity:0;transform:translate3d(0,0,0) scale(1);will-change:transform,opacity;display:grid;gap:2px;transform-origin:center}
.v17622-fly i{display:block;border-radius:5px;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 2px rgba(255,255,255,.48),inset 0 -2px rgba(0,0,0,.22),0 4px 7px rgba(0,0,0,.3)}
.v17622-fly.yellow i{background:linear-gradient(145deg,#fff57b,#ffd21b 50%,#f3a400)}.v17622-fly.purple i{background:linear-gradient(145deg,#dc91ff,#a24bea 55%,#6727bb)}.v17622-fly.orange i{background:linear-gradient(145deg,#ffc079,#ff7b28 55%,#cc4310)}
.v17622-fly.visible{opacity:1}
.v17622-source-active{transform:translateY(-3px) scale(.91);filter:none}.v17622-source-dim{opacity:.18}
.v17622-cell-preview{outline:1px solid rgba(255,238,115,.74);outline-offset:-1px;opacity:.74;transform:scale(.94)}
.v17622-cell-snap{transform:scale(.96);box-shadow:inset 0 2px rgba(255,255,255,.46),0 0 7px rgba(255,215,34,.22)}
.v17622-line-hot{transform:scale(.96);box-shadow:inset 0 2px rgba(255,255,255,.6),0 0 9px rgba(255,222,61,.42)}
.v17622-cell-clear{animation:v17622Clear .29s cubic-bezier(.18,.82,.2,1) both}@keyframes v17622Clear{0%{opacity:1;transform:scale(.96)}45%{opacity:1;transform:scale(1.075)}100%{opacity:.08;transform:scale(.64)}}
.v17622-line-beam{position:absolute;z-index:12;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,245,160,.82),#fff 50%,rgba(255,245,160,.82),transparent);transform:scaleX(.15);transform-origin:center;will-change:transform,opacity}
.v17622-line-beam.show{opacity:1;transform:scaleX(1);transition:transform .16s ease-out,opacity .1s ease}
.v17622-money-pop{position:absolute;z-index:24;opacity:0;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#ffe24b,#ffc400);border:1px solid #fff08b;color:#181300;font-size:14px;font-weight:1000;letter-spacing:-.35px;white-space:nowrap;transform:translate3d(-50%,8px,0) scale(.86);box-shadow:0 6px 16px rgba(255,195,0,.18);will-change:transform,opacity}
.v17622-money-pop.show{opacity:1;transform:translate3d(-50%,-18px,0) scale(1);transition:transform .62s cubic-bezier(.18,.9,.23,1),opacity .16s ease}
.v17622-goal-gain{margin-top:6px;padding-top:5px;border-top:1px solid rgba(255,255,255,.07);width:100%;text-align:center}.v17622-goal-gain small{display:block;font-size:5.4px;color:#7f8b88}.v17622-goal-gain b{display:block;margin-top:2px;color:#28e47a;font-size:11.5px;line-height:1;font-weight:1000}.v17622-goal-gain.bump b{animation:v17622Gain .48s ease}@keyframes v17622Gain{0%,100%{transform:scale(1)}45%{transform:scale(1.16);color:#ffe24c}}
.v17622-progress-pulse{animation:v17622GoalPulse .45s ease}@keyframes v17622GoalPulse{0%,100%{transform:scale(1)}45%{transform:scale(1.025)}}

/* Cash Out decision visual — actual product checkpoints only */
.v17622-cash-decision{display:none;margin-top:7px;padding:7px;border-radius:12px;border:1px solid rgba(35,228,122,.22);background:#07100c;grid-template-columns:1fr auto 1fr;gap:5px;align-items:center}
#authPagePlay[data-mode="CASHOUT_50X"] .v17622-cash-decision{display:grid}.v17622-cash-decision button{min-height:31px;border:0;border-radius:9px;font-size:7px;font-weight:1000}.v17622-cash-decision .take{background:#102018;color:#5f8370;border:1px solid #1a3a28}.v17622-cash-decision .continue{background:#111716;color:#9ba6a2;border:1px solid #26302d}.v17622-cash-decision .or{font-size:5.5px;color:#5d6a66;font-weight:1000}.v17622-cash-decision.ready .take{background:linear-gradient(180deg,#31eb89,#08c665);border-color:#63f0a3;color:#03170b;box-shadow:0 5px 11px rgba(0,205,98,.13)}.v17622-cash-decision.preview .take{transform:scale(1.025)}
#authPagePlay[data-mode="CASHOUT_50X"] .v1762-goal-card{border-color:rgba(35,228,122,.4)}.v17622-cash-stage{display:none;font-size:5.2px;color:#8ea09a;font-weight:900;margin-top:3px;text-align:center;line-height:1.2}.v17622-cash-stage.show{display:block}

/* Value ribbon fills dead space and makes earning state visible */
.v17622-value-ribbon{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center;margin:7px 0 8px;padding:8px;border-radius:12px;background:linear-gradient(180deg,#0d1413,#080d0d);border:1px solid #1e2a27}.v17622-value-ribbon div{min-width:0}.v17622-value-ribbon small{display:block;color:#788481;font-size:5.7px;font-weight:1000}.v17622-value-ribbon strong{display:block;margin-top:1px;font-size:13px;color:#f5f7f6;white-space:nowrap}.v17622-value-ribbon .accent{text-align:right}.v17622-value-ribbon .accent strong{color:#28e47a}.v17622-value-ribbon .center{font-size:12px;font-weight:1000;color:#ffd21b}.v17622-value-ribbon .center.cash{color:#28e47a}

/* Deposit strip: convenience, not a promo */
.v17622-deposit-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 2px;padding:8px 9px;border:1px solid #1e2926;border-radius:13px;background:linear-gradient(180deg,#0b1111,#070b0b)}.v17622-deposit-strip .copy{min-width:0}.v17622-deposit-strip small{display:block;color:#7c8885;font-size:5.8px;font-weight:1000;letter-spacing:.55px}.v17622-deposit-strip strong{display:block;margin-top:1px;font-size:12px;color:#f4f6f5;white-space:nowrap}.v17622-deposit-strip button{flex:0 0 auto;min-height:35px;border:0;border-radius:10px;padding:0 10px;background:linear-gradient(180deg,#ffe13b,#ffc400);color:#181300;font-size:7.3px;font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.35)}.v17622-deposit-strip.need{border-color:rgba(255,210,27,.28);background:linear-gradient(180deg,#171506,#0c0c07)}.v17622-deposit-strip.need small{color:#ffd64a}.v17622-deposit-strip.need button{box-shadow:inset 0 1px rgba(255,255,255,.35),0 5px 12px rgba(255,196,0,.12)}

/* Denser betting panel */
.v1762-bet-panel{margin-top:8px;padding:9px;border-radius:16px}.v1762-section-head{margin-bottom:5px}#authHome .v1762-bet-grid{padding-bottom:3px;gap:6px}.v1762-bet-grid .bet{height:37px;flex-basis:54px}.v1762-prize-panel{margin:4px 0 5px;padding:8px}.v1762-money-summary>div strong{font-size:14px}#authHome .v1762-primary{min-height:53px}.v1762-primary span{font-size:16.5px}.v1762-primary small{font-size:7.7px}.v1762-balance-note{display:none}.v1762-play-note{margin:6px 4px 1px}

/* Cash Out uses the same density as 5X, not a half-empty page. */
#authPagePlay[data-mode="CASHOUT_50X"] .v1762-mode-intro h1{font-size:19px}#authPagePlay[data-mode="CASHOUT_50X"] .v1762-goal-card strong{font-size:29px;color:#2ae57b;text-shadow:none;letter-spacing:-1px}#authPagePlay[data-mode="CASHOUT_50X"] .v1762-cash-panel{margin-bottom:5px}#authPagePlay[data-mode="CASHOUT_50X"] .v1762-cash-path{margin:6px 0 4px;padding:5px}

/* bottom nav remains legible at 320 */
#authHome .auth-bottom-nav{min-height:66px}.auth-bottom-nav .auth-nav-btn{min-width:0;padding-left:2px;padding-right:2px}.auth-bottom-nav .auth-nav-btn>span:last-child{font-size:7px;white-space:nowrap}.auth-bottom-nav .v17621-cash-nav>span:last-child{font-size:6.5px}

/* Responsive content density */
@media (max-width:359px),(max-height:640px){
  #authHome{--v17622-inset:8px}.v1762-auth-header{min-height:calc(58px + var(--safeTop));padding:calc(6px + var(--safeTop)) 8px 6px}.v1762-auth-brand{min-width:52px}.v1762-auth-brand b{font-size:14px}.v1762-auth-brand>span:not(.v1762-crown){font-size:13px;margin-left:11px}.v1762-crown{left:20px;top:-9px}.v1762-balance{height:38px;min-width:76px;padding:4px 6px}.v1762-balance strong{font-size:10.5px}.v1762-header-deposit{height:38px;min-width:38px;padding:0 7px}.v1762-header-deposit b{display:none}.v1762-avatar{width:34px;height:34px}
  #authContent.auth-content{padding-top:6px}.v1762-mode-intro{margin-bottom:5px}.v1762-mode-intro h1{font-size:17px}.v1762-mode-intro p{display:none}.v1762-live-chip{display:none}.v17622-status-rail{padding:6px 7px;margin-bottom:5px}.v17622-status-rail strong{font-size:10.5px}.v17622-status-rail .mode-pill{font-size:6px}
  .v1762-game-card{padding:7px;border-radius:17px}.v1762-board-goal{grid-template-columns:minmax(0,178px) 56px;gap:6px}.v1762-board-wrap{padding:5px}.v1762-board{gap:2px}.v1762-goal-card{height:101px;border-radius:15px;padding:5px 3px}.v1762-goal-card strong{font-size:34px;margin:4px 0}.v1762-goal-track{width:42px}.v17622-goal-gain{margin-top:4px;padding-top:4px}.v17622-goal-gain b{font-size:9.5px}.v1762-tray{margin-top:6px;min-height:51px;grid-template-columns:54px repeat(3,1fr);padding:4px}.v1762-tray-caption b{font-size:7px}.v1762-tray-caption span{display:none}.v1762-piece{transform:scale(.72)}.v17622-cash-decision{margin-top:5px;padding:5px}.v17622-cash-decision button{min-height:27px;font-size:6px}
  .v1762-bet-panel{margin-top:6px;padding:7px}.v1762-section-head strong{font-size:12px}.v1762-bet-grid .bet{height:34px;flex-basis:50px}.v1762-bet-grid .bet strong{font-size:10px}.v1762-prize-panel{padding:6px}.v1762-money-summary>div strong{font-size:11.5px}.v1762-mult{font-size:14px}.v17622-value-ribbon{margin:5px 0 6px;padding:6px}.v17622-value-ribbon strong{font-size:11px}.v17622-value-ribbon .center{font-size:10px}#authHome .v1762-primary{min-height:47px}.v1762-primary span{font-size:14px}.v1762-primary small{font-size:6.5px}.v17622-deposit-strip{margin-top:6px;padding:6px 7px}.v17622-deposit-strip strong{font-size:10.5px}.v17622-deposit-strip button{min-height:31px;padding:0 7px;font-size:6.4px}.v1762-play-note{display:none}.v17622-money-pop{font-size:11px;padding:5px 7px}
}
@media (min-width:400px) and (min-height:880px){
  #authHome{--v17622-inset:14px}.v1762-mode-intro{margin-bottom:9px}.v1762-game-card{padding:11px}.v1762-board-goal{grid-template-columns:minmax(0,232px) 80px;gap:10px}.v1762-goal-card{height:141px}.v1762-goal-card strong{font-size:47px}.v1762-tray{min-height:68px;margin-top:10px;padding:7px}.v1762-piece{transform:scale(.9)}.v1762-bet-panel{margin-top:10px;padding:10px}.v17622-value-ribbon,.v17622-deposit-strip{padding:9px}.v17622-deposit-strip{margin-top:9px}.v1762-play-note{margin-top:7px}
}
@media(prefers-reduced-motion:reduce){.v17622-cell-clear,.v17622-money-pop,.v17622-line-beam,.v17622-goal-gain,.v17622-progress-pulse{animation:none;transition:none}}
/* Segment 016 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/guest-cash-decision.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“guest cash decision”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[15] id=v17623GuestCashDecisionPolish
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* v1.7.6.2.3 — presentation only: guest 5X showcase + Cash Out decision story. */
#v17612DemoCard{isolation:isolate}
#v17612DemoCard .v17623-demo-badge{position:absolute;z-index:20;top:7px;left:8px;padding:3px 7px;border-radius:999px;background:rgba(4,13,10,.84);border:1px solid rgba(33,230,128,.34);color:#85efb2;font-size:5.6px;font-weight:1000;letter-spacing:.7px;pointer-events:none}
#v17612DemoCard .v17623-guest-gain{margin-top:6px;padding-top:6px;width:100%;border-top:1px solid rgba(255,255,255,.07);text-align:center;pointer-events:none}
#v17612DemoCard .v17623-guest-gain small{display:block;font-size:5.2px!important;color:#7f8b88!important;font-weight:1000;letter-spacing:.35px}
#v17612DemoCard .v17623-guest-gain b{display:block;margin-top:2px;color:#26e47a;font-size:10.5px;line-height:1;font-weight:1000;white-space:nowrap}
#v17612DemoCard .v17623-guest-gain.bump b{animation:v17623GainBump .48s ease}
@keyframes v17623GainBump{0%,100%{transform:scale(1)}45%{transform:scale(1.18);color:#ffe54f}}
.v17612-cell.yellow{background:linear-gradient(180deg,#fff47a,#ffd52b 20%,#ffc000 62%,#b46b00)!important;border-color:rgba(255,244,140,.7)!important}
.v17612-flying-piece{display:grid!important;grid-template-columns:repeat(var(--cols,1),var(--demo-cell,24px));grid-template-rows:repeat(var(--rows,1),var(--demo-cell,24px));gap:var(--demo-gap,3px)!important;width:auto!important;height:auto!important;transition:none!important;transform:none;will-change:transform,opacity;opacity:0}
.v17612-flying-piece i{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:var(--demo-cell,24px)!important;height:var(--demo-cell,24px)!important;border-radius:4px;background:linear-gradient(180deg,#fff06e,#ffd32a 20%,#ffc000 62%,#b66e00)!important;border:1px solid #fff0a0;box-shadow:inset 0 3px rgba(255,255,255,.48),inset 0 -3px rgba(133,77,0,.22),0 3px 6px rgba(0,0,0,.28),0 0 9px rgba(255,207,17,.28)}
.v17612-flying-piece.purple i{background:linear-gradient(180deg,#dda0ff,#b65bf3 25%,#823ad8 65%,#522097)!important;border-color:#e8bbff}
.v17612-flying-piece.orange i{background:linear-gradient(180deg,#ffc686,#ff8a38 24%,#ec5b17 64%,#a5370c)!important;border-color:#ffd7a8}
.v17612-flying-piece.cyan i{background:linear-gradient(180deg,#78f2ff,#25d8ee 24%,#00afd7 64%,#08778d)!important;border-color:#b7f7ff}
.v17612-flying-piece.visible{opacity:1}
.v17623-source-active{transform:translateY(-3px) scale(1.04)!important;border-color:rgba(255,214,35,.42)!important;box-shadow:0 0 12px rgba(255,207,23,.11),inset 0 1px rgba(255,255,255,.03)!important}
.v17623-source-dim{opacity:.18!important;transform:scale(.94)!important}
.v17623-preview{outline:1px solid rgba(255,238,115,.80)!important;outline-offset:-1px;opacity:.76!important;transform:scale(.94)!important}
.v17623-snap{transform:scale(.96)!important;box-shadow:inset 0 2px rgba(255,255,255,.48),0 0 8px rgba(255,215,34,.28)!important}
.v17623-line-hot{transform:scale(.96)!important;box-shadow:inset 0 2px rgba(255,255,255,.62),0 0 10px rgba(255,222,61,.46)!important}
.v17623-cell-clear{animation:v17623GuestClear .29s cubic-bezier(.18,.82,.2,1) both!important}
@keyframes v17623GuestClear{0%{opacity:1;transform:scale(.96)}45%{opacity:1;transform:scale(1.075)}100%{opacity:.08;transform:scale(.64)}}
.v17612-line-flash.v17623-show{opacity:1!important;transition:transform .16s ease-out,opacity .1s ease!important}
.v17612-money-pop.v17623-show{opacity:1!important;transform:translate(-50%,-17px) scale(1.08)!important;transition:transform .64s cubic-bezier(.18,.9,.23,1),opacity .14s ease!important;background:linear-gradient(180deg,#ffe551,#ffc300)!important;color:#171200!important;border:1px solid #fff08d!important;box-shadow:0 7px 18px rgba(255,195,0,.22)!important;font-size:15px!important}
#v17612DemoCard.v17623-reward .v17612-goal{transform:scale(1.03);border-color:rgba(255,210,27,.72);box-shadow:inset 0 1px rgba(255,255,255,.055),0 0 18px rgba(255,210,27,.18),0 6px 14px rgba(0,0,0,.22)}
#trialStartBtn.v17623-attention{animation:v17623CtaAttention .58s ease}
@keyframes v17623CtaAttention{0%,100%{transform:translateZ(0)}48%{transform:translateY(-1px) scale(1.012);box-shadow:inset 0 2px rgba(255,255,255,.45),0 0 18px rgba(255,208,25,.18),0 7px 16px rgba(0,0,0,.32)}}

/* Cash Out decision storytelling: Preview only, no pointer ownership. */
#authPagePlay[data-mode="CASHOUT_50X"] .v17622-cash-decision{position:relative;overflow:visible;min-height:47px}
.v17622-cash-decision .v17623-decision-hint{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%) translateY(3px);opacity:0;white-space:nowrap;font-size:6.2px;font-weight:1000;color:#7de8a8;letter-spacing:.15px;pointer-events:none;transition:opacity .18s ease,transform .24s ease}
.v17622-cash-decision.continue-selected .continue{background:linear-gradient(180deg,#ffe44f,#ffc300)!important;border-color:#ffe36d!important;color:#191300!important;transform:scale(1.035);box-shadow:0 5px 13px rgba(255,195,0,.16)!important}
.v17622-cash-decision.continue-selected .v17623-decision-hint{opacity:1;transform:translateX(-50%) translateY(0)}
.v17622-cash-decision.take-selected .take{background:linear-gradient(180deg,#31ed8b,#08c665)!important;border-color:#63f0a3!important;color:#03170b!important;transform:scale(1.04);box-shadow:0 6px 15px rgba(0,205,98,.18)!important}
.v17622-cash-decision.payout .take{box-shadow:0 0 0 2px rgba(71,245,147,.12),0 8px 18px rgba(0,205,98,.16)!important}
.v17623-cash-choice-title{display:none;margin:5px 0 0;text-align:center;color:#89a49a;font-size:5.6px;font-weight:900;letter-spacing:.25px;pointer-events:none}
#authPagePlay[data-mode="CASHOUT_50X"] .v17623-cash-choice-title.show{display:block}
#authPagePlay[data-mode="CASHOUT_50X"] .v17622-money-pop.payout{background:linear-gradient(180deg,#35ef91,#09c96a)!important;border-color:#7bffb3!important;color:#02170a!important;font-size:15px!important}
#authPagePlay[data-mode="CASHOUT_50X"] .v17622-cash-stage{min-height:12px}

@media(max-width:359px){
 #v17612DemoCard .v17623-demo-badge{top:5px;left:6px;font-size:5px}
 #v17612DemoCard .v17623-guest-gain{margin-top:4px;padding-top:4px}.v17612-money-pop.v17623-show{font-size:13px!important}
 #authPagePlay[data-mode="CASHOUT_50X"] .v17622-cash-decision{margin-bottom:18px!important}.v17622-cash-decision .v17623-decision-hint{font-size:5.4px}
}
@media(prefers-reduced-motion:reduce){.v17623-cell-clear,#trialStartBtn.v17623-attention,.v17623-guest-gain.bump b{animation:none!important}.v17622-cash-decision .v17623-decision-hint{transition:none!important}}
/* Segment 017 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/gameplay-board-visual.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“gameplay board visual”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[16] id=v1770GameplayBoardVisualStyle
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* Block PIX v1.7.7.0 — presentation-only real Gameplay board rebuild. */
:root{
  --v1770-board-size:356px;
  --v1770-tray-height:94px;
  --v1770-board-gap:3px;
  --v1770-cell-radius:6px;
  --v1770-pop-y:420px;
}
body.bp-gameplay-active{height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none}

#gameScreen.screen.active{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  height:100svh;
  height:100dvh;
  min-height:0;
  max-height:100dvh;
  overflow:hidden;
  overscroll-behavior:none;
  touch-action:none;
  padding:calc(5px + var(--safeTop)) 10px calc(5px + var(--safeBottom));
  background:
    radial-gradient(circle at 50% 31%,rgba(25,119,255,.14),transparent 32%),
    radial-gradient(circle at 15% 72%,rgba(84,53,255,.09),transparent 29%),
    linear-gradient(180deg,#030915 0%,#061225 52%,#02070f 100%);
}
#gameScreen .game-top{flex:0 0 auto;min-height:34px;height:34px;margin:0 1px 2px}
#gameScreen .game-logo .brand-logo{width:47px}
#gameScreen .game-mode{padding:5px 8px;font-size:7.4px;border-color:#263b4b;background:linear-gradient(180deg,#101b22,#071014);color:#aebec3}
#gameScreen .game-back{width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,#132128,#071116);border-color:#29444d;box-shadow:inset 0 1px rgba(255,255,255,.06),0 4px 9px rgba(0,0,0,.22)}
#gameScreen #gameBadge{min-width:41px;height:30px;display:grid;place-items:center;padding:0 9px;border-radius:10px;font-size:10px;background:linear-gradient(180deg,#ffe34d,#ffc20d 58%,#e79b00);color:#1a1603;border:1px solid #fff084;box-shadow:inset 0 2px rgba(255,255,255,.42),0 4px 10px rgba(255,190,0,.18)}

/* Compact HUD: board is the visual hero. */
#gameScreen .score-stage{
  flex:0 0 auto;
  width:var(--v1770-board-size);
  min-height:43px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"label score" "prize score";
  align-items:center;
  column-gap:10px;
  margin:2px auto 3px;
  padding:5px 9px;
  text-align:left;
  border-radius:12px;
  border:1px solid rgba(66,100,107,.44);
  background:linear-gradient(180deg,rgba(13,24,28,.94),rgba(5,12,15,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 5px 14px rgba(0,0,0,.18);
}
#gameScreen .score-stage>small{grid-area:label;align-self:end;font-size:6.4px;line-height:1.05;color:#7f9296;letter-spacing:.85px}
#gameScreen .score-main{grid-area:score;align-self:center;font-size:clamp(31px,9vw,40px);line-height:.9;letter-spacing:-2px;color:#f7fbff;text-shadow:0 2px 0 #081315,0 0 12px rgba(47,200,255,.12)}

#gameScreen .score-prize{grid-area:prize;align-self:start;margin-top:1px;font-size:8.7px;line-height:1.05;color:#ffd633;text-shadow:0 0 9px rgba(255,211,32,.14)}
#gameScreen .game-meta{flex:0 0 auto;width:var(--v1770-board-size);gap:6px;margin:0 auto 3px}
#gameScreen .meta-box{min-height:31px;padding:4px 8px;border-radius:10px;background:linear-gradient(180deg,#0d1b1d,#071011);border:1px solid rgba(55,89,90,.56);box-shadow:inset 0 1px rgba(255,255,255,.03)}
#gameScreen .meta-box small{font-size:6px;color:#718486}
#gameScreen .meta-box strong{font-size:13px;color:#27e77c;text-shadow:0 0 8px rgba(25,222,112,.14)}
#gameScreen .progress-wrap{flex:0 0 auto;width:var(--v1770-board-size);margin:0 auto 4px}
#gameScreen .progress-label{font-size:6px;color:#77898d;margin-bottom:2px}
#gameScreen .track{height:4px;background:#10191b;border:1px solid #1c292b}
#gameScreen .progress-wrap .fill{background:linear-gradient(90deg,#22df74,#72ee91,#ffd32b);box-shadow:0 0 8px rgba(31,224,115,.16)}

/* Guided trial uses the same geometry/material without reintroducing a tall layout. */


/* Homepage-aligned 8x8 board. */

#gameScreen .board-wrap:before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:22px;
  border:1px solid rgba(92,163,143,.28);
  box-shadow:0 0 0 1px rgba(14,224,112,.055),0 9px 20px rgba(0,0,0,.31);
  pointer-events:none;
  z-index:-1;
}
#gameScreen #board{
  box-sizing:border-box;
  width:100%;
  aspect-ratio:1;
  padding:5px;
  gap:var(--v1770-board-gap);
  border-radius:19px;
  background:
    radial-gradient(circle at 46% 18%,rgba(34,86,92,.09),transparent 34%),
    linear-gradient(160deg,#071011 0%,#040909 65%,#071011 100%);
  border:1px solid rgba(94,126,120,.46);
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    inset 0 -11px 20px rgba(0,0,0,.40),
    0 10px 22px rgba(0,0,0,.28);
  overflow:hidden;
}
#gameScreen #board .cell{
  position:relative;
  min-width:0;
  min-height:0;
  border-radius:var(--v1770-cell-radius);
  overflow:hidden;
  background:linear-gradient(180deg,#151b1c 0%,#0c1112 58%,#090d0e 100%);
  border:1px solid #222a2b;
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 -2px rgba(0,0,0,.46);
  transform:translateZ(0);
}
#gameScreen #board .cell.filled,
#gameScreen .piece-block{
  border:1px solid rgba(255,255,255,.16);
  background:var(--tile-bg);
  box-shadow:
    inset 0 3px 0 rgba(255,255,255,.34),
    inset 2px 0 0 rgba(255,255,255,.08),
    inset 0 -4px 2px rgba(0,0,0,.23),
    0 2px 3px rgba(0,0,0,.32);
}
#gameScreen #board .cell.filled:before,
#gameScreen .piece-block:before{
  content:"";
  position:absolute;
  left:8%;right:8%;top:5%;height:29%;
  border-radius:999px 999px 5px 5px;
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,.11) 45%,transparent);
  opacity:.75;
  pointer-events:none;
}
#gameScreen #board .cell.filled:after,
#gameScreen .piece-block:after{
  content:"";
  position:absolute;
  left:11%;right:11%;bottom:5%;height:11%;
  border-radius:50%;
  background:rgba(0,0,0,.16);
  filter:none;
  pointer-events:none;
}
#gameScreen #board .cell.preview:not(.filled){
  background:var(--preview-bg);
  opacity:.50;
  border-color:rgba(255,255,255,.40);
  box-shadow:inset 0 2px rgba(255,255,255,.28),inset 0 -3px rgba(0,0,0,.15),0 0 8px rgba(255,255,255,.08);
  transform:scale(.94);
}
#gameScreen #board .cell.preview.bad:not(.filled){
  background:linear-gradient(180deg,rgba(255,104,108,.38),rgba(104,28,34,.28));
  border-color:rgba(255,96,102,.52);
  opacity:.58;
  box-shadow:inset 0 0 0 1px rgba(255,94,99,.16);
}
#gameScreen #board .cell.clear-hint{
  box-shadow:inset 0 3px rgba(255,255,255,.42),inset 0 -3px rgba(0,0,0,.20),0 0 8px rgba(255,221,63,.30);
  filter:brightness(1.12);
}

/* Video-inspired place -> line-complete -> clear pacing, fitted to the baseline 185/190ms mutation window. */
#gameScreen #board .cell.v175042-place{animation:v1770Place 105ms cubic-bezier(.2,.82,.25,1)}
@keyframes v1770Place{0%{transform:scale(1.055);filter:brightness(1.18)}45%{transform:scale(.975);filter:brightness(1.10)}100%{transform:scale(1);filter:brightness(1)}}
#gameScreen #board .cell.clearing{z-index:3;animation:v1770Clear 182ms cubic-bezier(.16,.82,.22,1) forwards}
@keyframes v1770Clear{
  0%{opacity:1;transform:scale(1);filter:brightness(1)}
  28%{opacity:1;transform:scale(1.025);filter:brightness(1.34)}
  52%{opacity:1;transform:scale(1.08);filter:brightness(1.68)}
  78%{opacity:.74;transform:scale(.92);filter:brightness(1.28)}
  100%{opacity:0;transform:scale(.48);filter:brightness(1.18)}
}
#gameScreen .board-wrap.v1770-clear-active:after{
  content:"";
  position:absolute;
  left:5px;right:5px;top:46%;height:15%;
  border-radius:12px;
  pointer-events:none;
  z-index:7;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,235,135,.08),rgba(255,255,255,.32),rgba(101,244,174,.17),transparent);
  animation:v1770ClearSweep 270ms ease-out both;
}
@keyframes v1770ClearSweep{0%{opacity:0;transform:scaleX(.12)}32%{opacity:.82;transform:scaleX(.68)}70%{opacity:.42;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.03)}}
#gameScreen #board.v1770-clear-pulse{animation:v1770BoardPulse 220ms ease-out both}
@keyframes v1770BoardPulse{0%,100%{filter:none}42%{filter:brightness(1.08) saturate(1.06)}}

/* Larger, clearer 3-piece tray. */
#gameScreen .tray-title{flex:0 0 auto;margin:5px 0 1px;font-size:6.7px;color:#7d8e91;letter-spacing:1px}
#gameScreen #tray{
  flex:0 0 auto;
  box-sizing:border-box;
  width:var(--v1770-board-size);
  height:var(--v1770-tray-height);
  margin:0 auto;
  padding:3px 4px;
  gap:6px;
  align-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(12,19,20,.62),rgba(5,9,10,.32));
  border:1px solid rgba(46,64,64,.34);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}

#gameScreen .piece-preview{filter:drop-shadow(0 5px 5px rgba(0,0,0,.26));transform-origin:center}
#gameScreen .piece-block{border-radius:clamp(4px,1.25vw,7px);overflow:hidden}
#gameScreen .drag-ghost{opacity:.98;filter:drop-shadow(0 13px 10px rgba(0,0,0,.38)) drop-shadow(0 0 7px rgba(62,216,255,.08));transform-origin:0 0}
#gameScreen .drag-ghost.v1750421-snapped{filter:brightness(1.06) drop-shadow(0 8px 8px rgba(0,0,0,.30)) drop-shadow(0 0 10px rgba(255,225,91,.12))}


/* Keep existing business text but give short, game-like reward feedback. */
#gameScreen .line-pop{top:var(--v1770-pop-y);padding:7px 13px;border-radius:11px;font-size:16px;line-height:1;background:linear-gradient(180deg,#ffe558,#ffc51b 58%,#e69800);border:1px solid #fff08e;color:#191300;box-shadow:inset 0 2px rgba(255,255,255,.42),0 6px 15px rgba(255,190,0,.20);text-shadow:none}
#gameScreen .line-pop.show{animation:v1770RewardPop 520ms cubic-bezier(.16,.88,.24,1)}
@keyframes v1770RewardPop{0%{opacity:0;transform:translate(-50%,8px) scale(.72)}20%{opacity:1;transform:translate(-50%,-7px) scale(1.08)}66%{opacity:1;transform:translate(-50%,-14px) scale(1)}100%{opacity:0;transform:translate(-50%,-24px) scale(.96)}}

/* Height-density tuning — all remain one viewport, no vertical scroll. */
@media (max-height:600px){
  #gameScreen.screen.active{padding-top:calc(3px + var(--safeTop));padding-bottom:calc(3px + var(--safeBottom))}
  #gameScreen .game-top{height:30px;min-height:30px;margin-bottom:1px}
  #gameScreen .game-logo .brand-logo{width:40px}
  #gameScreen .game-back{width:30px;height:30px}
  #gameScreen .game-mode{font-size:6.6px;padding:4px 6px}
  #gameScreen #gameBadge{height:27px;min-width:36px;font-size:8.5px}
  #gameScreen .score-stage{min-height:37px;padding:4px 7px;margin:1px auto 2px}
  #gameScreen .score-main{font-size:29px}
  #gameScreen .score-prize{font-size:7.4px}
  #gameScreen .game-meta{margin-bottom:2px}
  #gameScreen .meta-box{min-height:27px;padding:3px 6px}
  #gameScreen .meta-box strong{font-size:11.2px}
  #gameScreen .progress-wrap{margin-bottom:2px}
  #gameScreen .tray-title{margin:2px 0 0;font-size:5.7px}
  #gameScreen #tray{padding:2px 3px;gap:4px;border-radius:13px}
  #gameScreen.guided-trial .guided-reward-panel.continuous{min-height:40px;padding:4px 7px;margin-bottom:2px}
}
@media (min-height:850px){
  #gameScreen .game-top{margin-bottom:4px}
  #gameScreen .score-stage{margin-bottom:5px}
  #gameScreen .game-meta{margin-bottom:5px}
  #gameScreen .progress-wrap{margin-bottom:6px}
  #gameScreen .tray-title{margin-top:7px}
}
@media (prefers-reduced-motion:reduce){
  #gameScreen #board .cell.clearing,#gameScreen #board .cell.v175042-place,#gameScreen .line-pop.show,#gameScreen .board-wrap.v1770-clear-active:after,#gameScreen #board.v1770-clear-pulse{animation-duration:80ms}
}

/* Debug monitor only renders when the file enables data-debug=1. */
#v1770GameplayVisualDebug{display:none;position:fixed;z-index:998;left:50%;bottom:max(5px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(418px,calc(100vw - 10px));max-height:28vh;overflow:auto;padding:7px 8px;border-radius:10px;border:1px solid rgba(89,228,166,.33);background:rgba(2,12,13,.94);color:#c9ffe1;font:7px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;pointer-events:none}
html[data-debug="1"] body.bp-gameplay-active #v1770GameplayVisualDebug{display:block}
/* Segment 018 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/authenticated-home-game-identity.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“authenticated home game identity”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[17] id=v17924AuthenticatedHomeGameIdentityCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.2.4 — Authenticated Home only. Gameplay/Guest/Math/Audio/Haptic untouched. */
#authPagePlay.v17924-play-page{padding:0 0 14px!important;background:transparent;color:#f7faf9;}
#authPagePlay .v17923-mode-tabs,#authPagePlay .v17923-cash-card,#authPagePlay .v17924-compat{display:none!important}
.v17924-home-hero{position:relative;margin:0 0 10px;padding:10px 10px 11px;border:1px solid #202b29;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(43,208,255,.12),transparent 42%),radial-gradient(circle at 94% 18%,rgba(255,210,28,.09),transparent 31%),linear-gradient(180deg,#0a1112,#050909);box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.18)}
.v17924-hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.v17924-hero-top small{color:#8ea09d;font-size:6.5px;font-weight:1000;letter-spacing:.75px}.v17924-hero-chip{padding:4px 7px;border-radius:999px;border:1px solid rgba(255,214,43,.28);background:#211b05;color:#ffda33;font-size:6.2px;font-weight:1000;letter-spacing:.5px;white-space:nowrap}
.v17924-demo-stage{position:relative;width:min(100%,320px);aspect-ratio:1/1;margin:0 auto;border-radius:18px;padding:8px;background:radial-gradient(circle at 50% 45%,rgba(25,113,174,.18),transparent 55%),linear-gradient(180deg,#07131d,#03090d);border:1px solid #193241;box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.22);overflow:hidden;--demo-gap:4px}
.v17924-demo-board{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:var(--demo-gap);padding:5px;border-radius:14px;background:#040a0d;border:1px solid #1b2e34;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
.v17924-cell{position:relative;min-width:0;min-height:0;border-radius:7px;background:linear-gradient(180deg,#12191a,#0b1011);border:1px solid #283132;box-shadow:inset 0 2px rgba(255,255,255,.025),inset 0 -2px rgba(0,0,0,.18);overflow:hidden}.v17924-cell.filled:before,.v17924-moving-block:before{content:"";position:absolute;left:7%;right:7%;top:5%;height:30%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.12) 55%,transparent)}
.v17924-cell.cyan{background:linear-gradient(180deg,#6df4ff 0%,#24d7ec 18%,#00b8de 58%,#08798e 100%)}.v17924-cell.blue{background:linear-gradient(180deg,#68b6ff 0%,#2188ff 19%,#1462df 60%,#0d3b9a 100%)}.v17924-cell.purple{background:linear-gradient(180deg,#d58cff 0%,#ae55f5 18%,#843be0 60%,#52219e 100%)}.v17924-cell.yellow,.v17924-moving-block{background:linear-gradient(180deg,#fff36e 0%,#ffd92f 18%,#ffc400 60%,#c67b00 100%)}.v17924-cell.orange{background:linear-gradient(180deg,#ffb367 0%,#ff832d 18%,#f45b16 60%,#a9360c 100%)}.v17924-cell.green{background:linear-gradient(180deg,#7cf483 0%,#38df66 18%,#16b94b 60%,#08712f 100%)}
.v17924-target-row{animation:v17924RowClear 3400ms cubic-bezier(.22,.72,.2,1) infinite both;animation-play-state:paused}.v17924-gap-cell{animation:v17924GapFill 3400ms cubic-bezier(.22,.72,.2,1) infinite both;animation-play-state:paused}
.v17924-moving-piece{position:absolute;z-index:4;left:66.2%;top:51.2%;width:30.2%;height:14.2%;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform-origin:center;filter:drop-shadow(0 8px 7px rgba(0,0,0,.34));animation:v17924PiecePlace 3400ms cubic-bezier(.2,.76,.2,1) infinite both;animation-play-state:paused;pointer-events:none}.v17924-moving-block{position:relative;border-radius:7px;border:1px solid rgba(255,245,143,.8);box-shadow:inset 0 3px rgba(255,255,255,.48),inset 0 -3px rgba(112,66,0,.22),0 0 11px rgba(255,202,20,.22)}
.v17924-clear-sweep{position:absolute;z-index:5;left:5.5%;right:5.5%;top:51.3%;height:13.2%;border-radius:7px;overflow:hidden;opacity:0;pointer-events:none;animation:v17924Sweep 3400ms ease infinite both;animation-play-state:paused}.v17924-clear-sweep:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,244,128,.08) 18%,rgba(255,255,255,.88) 48%,rgba(255,221,45,.25) 66%,transparent 100%);transform:translateX(-115%)}
.v17924-demo-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#91a09d}.v17924-demo-copy strong{color:#f3f7f5;font-size:10px;font-weight:1000}.v17924-demo-copy span{font-size:7px;font-weight:900;letter-spacing:.45px;text-align:right}
#authPagePlay[data-home-demo-active="1"] .v17924-target-row,#authPagePlay[data-home-demo-active="1"] .v17924-gap-cell,#authPagePlay[data-home-demo-active="1"] .v17924-moving-piece,#authPagePlay[data-home-demo-active="1"] .v17924-clear-sweep{animation-play-state:running}
@keyframes v17924PiecePlace{0%,14%{opacity:1;transform:translate(-44%,176%) scale(.93)}20%{transform:translate(-44%,160%) scale(1.02)}36%{opacity:1;transform:translate(0,0) scale(1)}43%{opacity:1;transform:translate(0,0) scale(.96)}47%,100%{opacity:0;transform:translate(0,0) scale(.96)}}
@keyframes v17924GapFill{0%,35%{background:linear-gradient(180deg,#12191a,#0b1011);border-color:#283132;box-shadow:inset 0 2px rgba(255,255,255,.025)}40%,53%{background:linear-gradient(180deg,#fff36e 0%,#ffd92f 18%,#ffc400 60%,#c67b00 100%);border-color:rgba(255,244,130,.76);box-shadow:inset 0 3px rgba(255,255,255,.48),0 0 12px rgba(255,206,34,.35)}58%,82%{opacity:0}86%,100%{opacity:1;background:linear-gradient(180deg,#12191a,#0b1011);border-color:#283132}}
@keyframes v17924RowClear{0%,38%{opacity:1;filter:none;transform:scale(1)}43%{filter:brightness(1.42);transform:scale(.98)}49%{filter:brightness(1.9);transform:scale(.965)}58%,82%{opacity:0;filter:brightness(2);transform:scale(.94)}86%,100%{opacity:1;filter:none;transform:scale(1)}}
@keyframes v17924Sweep{0%,43%{opacity:0}45%{opacity:.9}46%{opacity:1}57%{opacity:.2}60%,100%{opacity:0}46%{transform:translateX(0)}47%{transform:translateX(0)}}
#authPagePlay[data-home-demo-active="1"] .v17924-clear-sweep:before{animation:v17924SweepBeam 3400ms ease infinite both}@keyframes v17924SweepBeam{0%,43%{transform:translateX(-115%)}55%{transform:translateX(115%)}100%{transform:translateX(115%)}}
.v17924-goal-card{margin:0 0 9px;padding:11px 12px;border:1px solid #2c3218;border-radius:17px;background:radial-gradient(circle at 92% 8%,rgba(255,213,32,.10),transparent 31%),linear-gradient(180deg,#121309,#090b07);box-shadow:inset 0 1px rgba(255,255,255,.035)}.v17924-goal-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.v17924-goal-top small{color:#c6a822;font-size:6.8px;font-weight:1000;letter-spacing:.75px}.v17924-goal-top span{padding:4px 6px;border-radius:999px;background:#2a2205;border:1px solid rgba(255,213,31,.28);color:#ffdc31;font-size:6.5px;font-weight:1000}.v17924-goal-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:7px}.v17924-goal-copy strong{display:block;color:#a9b3b0;font-size:8px;font-weight:900}.v17924-goal-copy b{display:block;margin-top:3px;color:#f5f7f6;font-size:16px;line-height:1;font-weight:1000}.v17924-reward{text-align:right}.v17924-reward small{display:block;color:#8b946d;font-size:6px;font-weight:1000}.v17924-reward strong{display:block;margin-top:2px;color:#ffe038;font-size:29px;line-height:.95;font-weight:1000;letter-spacing:-1px;white-space:nowrap}.v17924-goal-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.055);color:#7c8783;font-size:6.5px;font-weight:900}.v17924-goal-foot b{color:#d8dfdc;font-size:7.4px;white-space:nowrap}
.v17924-bet-panel{margin:0 0 9px;padding:9px 10px;border:1px solid #1c2826;border-radius:15px;background:#09100e}.v17924-bet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.v17924-bet-head small{color:#788582;font-size:6.4px;font-weight:1000;letter-spacing:.7px}.v17924-bet-head strong{color:#e7ecea;font-size:9.5px;font-weight:1000}.v17924-bet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.v17924-bet-grid .bet{min-width:0;min-height:40px;border:1px solid #263330;border-radius:11px;background:#111817;color:#a2aeab;box-shadow:inset 0 1px rgba(255,255,255,.02)}.v17924-bet-grid .bet strong{font-size:11.5px;font-weight:1000;white-space:nowrap}.v17924-bet-grid .bet.active{border-color:#ffd524;background:linear-gradient(180deg,#2c2607,#171402);color:#ffe047;box-shadow:0 0 0 1px rgba(255,213,36,.07),inset 0 1px rgba(255,255,255,.05)}
.v17924-balance-warning{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 8px;padding:7px;border:1px solid #2d261b;border-radius:12px;background:#130f08}.v17924-balance-warning.need{display:grid}.v17924-balance-warning>div{min-width:0;padding:4px 5px;border-right:1px solid rgba(255,255,255,.05)}.v17924-balance-warning>div:last-child{border-right:0}.v17924-balance-warning small{display:block;color:#8a7d69;font-size:5.5px;font-weight:1000}.v17924-balance-warning strong{display:block;margin-top:2px;color:#e8ecea;font-size:9.5px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v17924-balance-warning .v17924-shortfall strong{color:#ffbd59}
.v17924-primary{width:100%;min-height:57px;border:0;border-radius:15px;background:linear-gradient(180deg,#ffe33d,#ffc10a);color:#1c1500;box-shadow:0 5px 0 #9d7100,0 9px 17px rgba(0,0,0,.24);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 10px}.v17924-primary span{font-size:15px;font-weight:1000;line-height:1;white-space:nowrap}.v17924-primary small{font-size:7px;font-weight:1000;color:#6d5100;line-height:1.1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.v17924-primary.deposit-required{background:linear-gradient(180deg,#22e88a,#0bb96a);color:#031b10;box-shadow:0 5px 0 #067a46,0 9px 17px rgba(0,0,0,.24)}.v17924-primary.deposit-required small{color:#075934}
.v17924-play-note{margin:7px 0 0;text-align:center;color:#788582;font-size:6.8px;font-weight:850}.v17924-compat{display:none!important}
@media(max-width:359px){.v17924-home-hero{padding:8px}.v17924-demo-stage{width:min(100%,272px);--demo-gap:3px}.v17924-cell,.v17924-moving-block{border-radius:5px}.v17924-demo-copy strong{font-size:8.6px}.v17924-demo-copy span{font-size:6.2px}.v17924-goal-card{padding:9px 10px}.v17924-reward strong{font-size:25px}.v17924-goal-copy b{font-size:14px}.v17924-bet-panel{padding:8px}.v17924-bet-grid{gap:5px}.v17924-bet-grid .bet{min-height:36px}.v17924-bet-grid .bet strong{font-size:10px}.v17924-primary{min-height:52px}.v17924-primary span{font-size:13.5px}}
@media(max-height:620px){.v17924-home-hero{margin-bottom:7px;padding-top:7px;padding-bottom:8px}.v17924-hero-top{margin-bottom:5px}.v17924-demo-stage{width:min(100%,252px)}.v17924-demo-copy{margin-top:5px}.v17924-goal-card{margin-bottom:7px;padding-top:8px;padding-bottom:8px}.v17924-bet-panel{margin-bottom:7px}.v17924-bet-grid .bet{min-height:34px}.v17924-primary{min-height:50px}.v17924-play-note{display:none}}
@media(min-width:400px){.v17924-demo-stage{width:min(100%,326px)}.v17924-reward strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){.v17924-target-row,.v17924-gap-cell,.v17924-moving-piece,.v17924-clear-sweep,.v17924-clear-sweep:before{animation:none!important}.v17924-moving-piece{opacity:1;transform:translate(-44%,160%) scale(.96)}.v17924-gap-cell{background:linear-gradient(180deg,#fff36e 0%,#ffd92f 18%,#ffc400 60%,#c67b00 100%)}}

/* V1.7.9.2.4.1 — Home clear → money confirmation. Pure presentation; no wallet/gameplay mutation. */
.v179241-demo-money{position:absolute;z-index:8;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:105px;padding:9px 12px 8px;border-radius:13px;border:1px solid #94dace;background:linear-gradient(180deg,#edfffa,#d8f7ee);box-shadow:0 8px 20px rgba(28,103,91,.16),inset 0 1px #fff;opacity:0;transform:translate(-50%,-50%) translateY(8px) scale(.82);pointer-events:none;will-change:transform,opacity;animation:v179241MoneyPop 3400ms cubic-bezier(.18,.82,.22,1) infinite both;animation-play-state:paused}.v179241-demo-money strong{display:block;color:#078362;font-size:22px;line-height:1.05;font-weight:900;letter-spacing:-.4px;text-shadow:none}.v179241-demo-money span{display:block;margin-top:4px;color:#276d75;font-size:9px;line-height:1.1;font-weight:850;letter-spacing:.2px}.v179241-demo-coins{position:absolute;z-index:7;left:50%;top:51%;width:1px;height:1px;pointer-events:none}.v179241-demo-coins i{position:absolute;width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,240,122,.72);background:radial-gradient(circle at 35% 28%,#fff9b2 0 15%,#ffe33e 17% 45%,#f2ad08 47% 72%,#9d6200 74% 100%);box-shadow:0 0 10px rgba(255,211,41,.34);opacity:0;animation:v179241CoinLift 3400ms ease-out infinite both;animation-play-state:paused}.v179241-demo-coins i:nth-child(1){--dx:-34px;--dy:-34px}.v179241-demo-coins i:nth-child(2){--dx:4px;--dy:-44px;animation-delay:28ms}.v179241-demo-coins i:nth-child(3){--dx:34px;--dy:-29px;animation-delay:52ms}
#authPagePlay[data-home-demo-active="1"] .v179241-demo-money,#authPagePlay[data-home-demo-active="1"] .v179241-demo-coins i{animation-play-state:running}
#authPagePlay[data-home-demo-active="1"] #paidPrize{animation:v179241PrizeConfirm 3400ms cubic-bezier(.2,.8,.2,1) infinite both}
@keyframes v179241MoneyPop{0%,49%{opacity:0;transform:translate(-50%,-50%) translateY(9px) scale(.82)}52%{opacity:1;transform:translate(-50%,-50%) translateY(-2px) scale(1.12)}58%,70%{opacity:1;transform:translate(-50%,-50%) translateY(-8px) scale(1)}78%{opacity:0;transform:translate(-50%,-50%) translateY(-26px) scale(.96)}79%,100%{opacity:0;transform:translate(-50%,-50%) translateY(-26px) scale(.96)}}
@keyframes v179241CoinLift{0%,50%{opacity:0;transform:translate(0,0) scale(.6)}53%{opacity:1;transform:translate(0,-3px) scale(1)}69%{opacity:.92;transform:translate(var(--dx),var(--dy)) scale(.82)}77%,100%{opacity:0;transform:translate(calc(var(--dx) * 1.12),calc(var(--dy) * 1.22)) scale(.62)}}
@keyframes v179241PrizeConfirm{0%,49%,82%,100%{transform:translateZ(0) scale(1);filter:none;text-shadow:none}53%{transform:translateZ(0) scale(1.10);filter:brightness(1.30);text-shadow:0 0 18px rgba(255,222,56,.48)}60%,70%{transform:translateZ(0) scale(1.035);filter:brightness(1.12);text-shadow:0 0 10px rgba(255,222,56,.28)}}
@media(prefers-reduced-motion:reduce){.v179241-demo-money,.v179241-demo-coins i,#paidPrize{animation:none!important}.v179241-demo-money{display:none}}

#v17924HomeDebug{display:none}html[data-debug="1"] #v17924HomeDebug{display:block;position:fixed;left:6px;top:6px;z-index:15000;width:min(390px,calc(100vw - 12px));max-height:45vh;overflow:auto;padding:7px;border:1px solid rgba(255,214,52,.42);border-radius:10px;background:rgba(7,11,10,.97);color:#f3f0ca;font:700 8px/1.34 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:auto}#v17924HomeDebug pre{white-space:pre-wrap;margin:4px 0 0}
/* Segment 019 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/guest-home-commercial.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“guest home commercial”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[18] id=v179262GuestHomeCommercialRebuildCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* v1.7.9.2.6.2 — Guest Home only. Responsive composition + game-scene presentation. */
#lobbyScreen:not(.authenticated-shell-mode){
  --g-board:300px;--g-hero-pad:8px;--g-tray-h:66px;--g-gap:8px;--g-story-gap:18px;
  background:
   radial-gradient(ellipse at 50% 14%,rgba(25,112,88,.20),transparent 37%),
   radial-gradient(circle at 2% 33%,rgba(0,184,255,.07),transparent 25%),
   radial-gradient(circle at 98% 45%,rgba(125,61,255,.06),transparent 24%),
   linear-gradient(180deg,#030a09 0%,#020606 48%,#010404 100%);
}
#lobbyScreen:not(.authenticated-shell-mode):before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(80,209,157,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(80,209,157,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.25) 52%,transparent 86%)}
#lobbyScreen:not(.authenticated-shell-mode) .topbar{position:relative;z-index:2;padding-top:max(7px,env(safe-area-inset-top));margin-bottom:1px!important}
#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{min-height:44px!important;padding:0 18px!important;border-radius:14px!important;border-color:rgba(62,225,149,.48);background:linear-gradient(180deg,rgba(19,61,50,.96),rgba(6,27,22,.98));color:#b2ffda;box-shadow:inset 0 1px rgba(255,255,255,.08),0 6px 14px rgba(0,0,0,.24);}
#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{display:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{position:relative;z-index:2;margin-top:1px!important;margin-bottom:3px!important;padding:4px 10px!important;border-color:rgba(54,227,143,.25);background:rgba(4,21,17,.74);box-shadow:none;}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge strong{font-size:7px!important;letter-spacing:.78px!important;color:#87e2b7;}
#lobbyScreen:not(.authenticated-shell-mode) .headline{position:relative;z-index:2;margin:2px 0 7px!important;font-size:21px!important;line-height:.94!important;letter-spacing:-.95px!important;text-shadow:0 3px 12px rgba(0,0,0,.36)}
#lobbyScreen:not(.authenticated-shell-mode) .headline .gain{color:#52ef99;}#lobbyScreen:not(.authenticated-shell-mode) .headline .cash{color:#ffd638;text-shadow:0 0 14px rgba(255,214,49,.18);}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome.v179262-guest{position:relative;z-index:2;padding:0 0 14px!important}
.v179262-hero-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 4px 5px;font-weight:1000;letter-spacing:.62px}.v179262-hero-kicker span{display:flex;align-items:center;gap:5px;color:#61eaaa;font-size:7px}.v179262-hero-kicker span i{width:6px;height:6px;border-radius:50%;background:#2bea8d;box-shadow:0 0 9px rgba(43,234,141,.65)}.v179262-hero-kicker b{font-size:6.2px;color:#738b83;white-space:nowrap}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-hero{position:relative;margin:0 0 7px!important;padding:var(--g-hero-pad)!important;border-radius:22px!important;border:1px solid rgba(96,173,145,.44)!important;overflow:visible!important;background:radial-gradient(circle at 50% 30%,rgba(16,72,57,.36),transparent 49%),linear-gradient(155deg,rgba(14,29,27,.99),rgba(3,9,8,.995) 70%);box-shadow:inset 0 1px rgba(255,255,255,.07),0 14px 31px rgba(0,0,0,.35),0 0 31px rgba(32,219,128,.045);}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-hero:before,#lobbyScreen:not(.authenticated-shell-mode) .v179262-hero:after{content:"";position:absolute;width:32px;height:32px;border-radius:8px;pointer-events:none;opacity:.22;filter:blur(.2px)}#lobbyScreen:not(.authenticated-shell-mode) .v179262-hero:before{left:-7px;top:35%;background:linear-gradient(145deg,#24d9ee,#077d9e);transform:rotate(18deg);box-shadow:0 0 20px rgba(36,217,238,.2)}#lobbyScreen:not(.authenticated-shell-mode) .v179262-hero:after{right:-5px;bottom:27%;background:linear-gradient(145deg,#9d5bf4,#5d269f);transform:rotate(-14deg);box-shadow:0 0 20px rgba(157,91,244,.15)}
.v179262-stage-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 7px}.v179262-stage-head small{display:block;color:#65dda5;font-size:5.7px;font-weight:1000;letter-spacing:.8px}.v179262-stage-head strong{display:block;margin-top:2px;color:#eaf8f1;font-size:9px;line-height:1;font-weight:1000;letter-spacing:.1px}.v179262-stage-live{display:flex;align-items:center;gap:4px;color:#839991;font-size:5.8px;font-weight:1000;letter-spacing:.5px}.v179262-stage-live i{width:5px;height:5px;border-radius:50%;background:#2ce989;box-shadow:0 0 8px rgba(44,233,137,.58)}
.v179262-stage{position:relative}.v179262-board-goal{display:block!important;position:relative!important}.v179262-board-zone{position:relative!important;width:var(--g-board)!important;max-width:100%!important;margin:0 auto!important;aspect-ratio:1/1!important;padding:8px!important;border-radius:20px!important;border:1px solid #31564a!important;background:radial-gradient(circle at 50% 45%,rgba(14,55,45,.52),rgba(4,10,10,.98) 60%),#050a0b!important;box-shadow:inset 0 1px rgba(255,255,255,.055),inset 0 -13px 27px rgba(0,0,0,.38),0 0 0 1px rgba(0,235,115,.07),0 0 25px rgba(0,196,100,.08)!important;overflow:hidden}
.v179262-board-zone:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 24%,transparent 72%,rgba(33,234,144,.035));z-index:1}.v179262-board{position:relative;z-index:2;gap:3px!important}.v179262-board .v17612-cell{border-radius:5px!important;background:linear-gradient(180deg,#151c1d,#0a1112)!important;border-color:#263132!important;box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 -2px rgba(0,0,0,.46);transition:filter .16s ease,transform .16s ease,opacity .18s ease,box-shadow .16s ease,background .16s ease}
.v179262-board .v17612-cell.filled{filter:saturate(1.08);border-color:rgba(255,255,255,.17)!important;box-shadow:inset 0 3px rgba(255,255,255,.36),inset 0 -3px rgba(0,0,0,.21),0 2px 4px rgba(0,0,0,.31),0 0 5px rgba(255,255,255,.03)}
.v179262-board .v17612-cell.cyan{background:linear-gradient(180deg,#6af4ff,#24d9ef 19%,#00b2d9 61%,#08768c)!important}.v179262-board .v17612-cell.purple{background:linear-gradient(180deg,#d692ff,#ad55f0 19%,#803bdc 61%,#502096)!important}.v179262-board .v17612-cell.orange{background:linear-gradient(180deg,#ffb86b,#ff842c 19%,#f45b14 61%,#a5360c)!important}.v179262-board .v17612-cell.green{background:linear-gradient(180deg,#7af489,#3ce06a 19%,#17b94e 61%,#087231)!important}.v179262-board .v17612-cell.red{background:linear-gradient(180deg,#ff9298,#fc5360 19%,#e92d3d 61%,#981922)!important}.v179262-board .v17612-cell.yellow{background:linear-gradient(180deg,#fff383,#ffdb34 19%,#ffc308 61%,#b56d00)!important}
.v179262-board .v17612-cell.demo-target{outline:none!important}.v179262-board .v17612-cell.v179262-preview{background:linear-gradient(180deg,rgba(255,241,124,.34),rgba(255,193,0,.19))!important;border-color:rgba(255,231,90,.86)!important;box-shadow:inset 0 0 0 2px rgba(255,239,142,.19),0 0 12px rgba(255,207,30,.22)!important;transform:scale(.94)}.v179262-board .v17612-cell.v179262-snap-impact{animation:v179262SnapCell 180ms cubic-bezier(.18,.8,.2,1)}.v179262-board .v17612-cell.v179262-line-ready{filter:brightness(1.38) saturate(1.12)!important;box-shadow:inset 0 3px rgba(255,255,255,.53),inset 0 -3px rgba(0,0,0,.15),0 0 13px rgba(255,220,73,.45)!important;transform:scale(.965)}.v179262-board .v17612-cell.v179262-clearing{animation:v179262CellClear 360ms cubic-bezier(.16,.78,.22,1) forwards;animation-delay:calc(var(--ci,0) * 16ms)}
@keyframes v179262SnapCell{0%{transform:scale(.88);filter:brightness(1.55)}58%{transform:scale(1.04);filter:brightness(1.22)}100%{transform:scale(1);filter:none}}@keyframes v179262CellClear{0%{opacity:1;transform:scale(.97);filter:brightness(1.35)}42%{opacity:1;transform:scale(.82);filter:brightness(1.85)}100%{opacity:0;transform:scale(.48);filter:brightness(2.1)}}
.v179262-board-caption{position:absolute;z-index:4;left:11px;right:11px;bottom:9px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.v179262-board-caption span,.v179262-board-caption b{padding:4px 6px;border-radius:7px;background:rgba(2,10,8,.72);backdrop-filter:blur(3px);font-size:5.5px;font-weight:1000;letter-spacing:.6px}.v179262-board-caption span{color:#6a887c}.v179262-board-caption b{color:#65e7a6;border:1px solid rgba(63,220,148,.18)}
.v179262-goal-hud{position:absolute!important;z-index:10!important;right:max(7px,calc((100% - var(--g-board))/2 + 7px))!important;top:8px!important;width:67px!important;height:auto!important;min-height:93px!important;margin:0!important;padding:8px 6px 7px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(14,33,27,.97),rgba(4,13,10,.98))!important;border:1px solid rgba(53,225,138,.52)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 9px 21px rgba(0,0,0,.34),0 0 16px rgba(36,225,130,.08)!important;backdrop-filter:blur(5px)}.v179262-goal-hud small{color:#62e6a3!important;font-size:6.1px!important;letter-spacing:.72px!important}.v179262-goal-hud strong{display:block;margin:5px 0 1px!important;color:#fff0a0!important;font-size:28px!important;line-height:.94!important;letter-spacing:-1.7px!important;text-shadow:0 2px #5f3b00,0 0 11px rgba(255,214,42,.20)!important}.v179262-goal-hud span{font-size:5.7px!important;color:#97afa6!important;letter-spacing:.5px!important}.v179262-goal-hud .v17612-goal-track{width:100%!important;height:5px!important;margin-top:7px!important;background:#020907!important;border-color:#24473b!important}.v179262-goal-hud .v17612-goal-track i{width:20%!important;background:linear-gradient(90deg,#24e58b,#ffd83e)!important;box-shadow:0 0 8px rgba(31,225,130,.38);transition:width .42s cubic-bezier(.2,.8,.2,1)}.v179262-demo-prize{display:block;margin-top:6px;color:#ffd94c;font-size:5.7px;font-weight:1000;white-space:nowrap;letter-spacing:.12px}
.v179262-tray-zone{position:relative!important;margin-top:8px!important;min-height:var(--g-tray-h)!important;grid-template-columns:78px repeat(3,1fr)!important;gap:6px!important;padding:7px 8px!important;border-radius:15px!important;border:1px solid rgba(93,151,130,.24)!important;background:linear-gradient(180deg,rgba(8,21,17,.98),rgba(3,9,7,.99))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -5px 12px rgba(0,0,0,.22)!important}.v179262-tray-zone:before{content:"";position:absolute;left:84px;right:8px;top:5px;height:1px;background:linear-gradient(90deg,transparent,rgba(72,230,157,.11),transparent)}.v179262-tray-label b{font-size:8px!important;color:#4be59b!important;letter-spacing:.35px}.v179262-tray-label span{font-size:5.4px!important;color:#728c82!important;margin-top:3px!important}.v179262-tray-slot{height:50px!important;border-radius:11px!important;background:linear-gradient(180deg,#071511,#030a08)!important;border:1px solid #1e352d!important;box-shadow:inset 0 1px rgba(255,255,255,.02),inset 0 -5px 9px rgba(0,0,0,.18)!important;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease!important}.v179262-tray-slot.primary{border-color:rgba(255,211,44,.30)!important;box-shadow:inset 0 1px rgba(255,255,255,.03),0 0 12px rgba(255,202,25,.08)!important}.v179262-tray-slot em{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);font-size:4.5px;font-style:normal;font-weight:1000;letter-spacing:.55px;color:#d4a918;opacity:.8}
.v179262-flying-piece{z-index:22!important;filter:drop-shadow(0 11px 8px rgba(0,0,0,.46)) drop-shadow(0 0 8px rgba(255,208,34,.18));will-change:transform,opacity}.v179262-flying-piece i{border-radius:5px!important;box-shadow:inset 0 3px rgba(255,255,255,.52),inset 0 -3px rgba(124,70,0,.24),0 4px 7px rgba(0,0,0,.33),0 0 10px rgba(255,208,34,.27)!important}.v179262-touch{position:absolute;z-index:24;left:0;top:0;width:32px;height:32px;border-radius:50%;opacity:0;pointer-events:none;transform:translate3d(0,0,0);will-change:transform,opacity;background:radial-gradient(circle,rgba(255,255,255,.26) 0 23%,rgba(255,255,255,.13) 25% 42%,rgba(255,255,255,.035) 44% 67%,transparent 69%);border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 10px rgba(0,0,0,.22)}.v179262-touch i{position:absolute;width:8px;height:8px;left:11px;top:11px;border-radius:50%;background:rgba(255,255,255,.74);box-shadow:0 0 9px rgba(255,255,255,.3)}
.v179262-progress-pop{z-index:30!important;font-size:10px!important;letter-spacing:.08px!important;padding:6px 10px!important;border:1px solid rgba(125,255,181,.52)!important;background:linear-gradient(180deg,#43ef9a,#12c96c)!important;color:#042d1d!important;box-shadow:0 8px 18px rgba(0,0,0,.28),0 0 13px rgba(31,225,127,.15)!important}.v179262-progress-pop.v179262-show{opacity:1!important;transform:translate(-50%,-14px) scale(1)!important}.v179262-line-sweep{z-index:16!important;opacity:0!important;background:linear-gradient(90deg,transparent 0%,rgba(255,239,143,.08) 22%,rgba(255,255,255,.88) 49%,rgba(255,218,61,.23) 67%,transparent 100%)!important;mix-blend-mode:screen}.v179262-line-sweep.v179262-show{opacity:1!important;animation:v179262Beam .44s ease-out 70ms both}@keyframes v179262Beam{0%{transform:translateX(-105%);opacity:0}.18%{opacity:1}100%{transform:translateX(105%);opacity:0}}
.v179262-mission{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;margin:0 0 7px;padding:8px 10px;border-radius:14px;border:1px solid rgba(53,218,136,.30);background:linear-gradient(100deg,rgba(8,29,22,.98),rgba(5,14,11,.99));box-shadow:inset 0 1px rgba(255,255,255,.035),0 7px 16px rgba(0,0,0,.19)}.v179262-mission-badge{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 35% 25%,#fff69b 0 8%,#ffdd3a 28%,#dca300 68%,#705100 100%);border:1px solid rgba(255,244,155,.65);color:#3f2b00;font:1000 16px/1 Arial,sans-serif;box-shadow:inset 0 2px rgba(255,255,255,.45),inset 0 -3px rgba(84,53,0,.22),0 5px 11px rgba(0,0,0,.24),0 0 12px rgba(255,210,38,.09)}.v179262-mission-copy{min-width:0}.v179262-mission-copy small{display:block;color:#55df98;font-size:5.8px;font-weight:1000;letter-spacing:.75px}.v179262-mission-copy strong{display:block;margin-top:3px;color:#f2fff8;font-size:11px;line-height:1;font-weight:1000;white-space:nowrap}.v179262-mission-value{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:3px;justify-items:end}.v179262-mission-value span{grid-column:1;color:#bdcbc5;font-size:6.5px;font-weight:900}.v179262-mission-value i{grid-column:2;color:#536c62;font-size:7px;font-style:normal}.v179262-mission-value b{grid-column:3;color:#ffdd43;font-size:11px;line-height:1;font-weight:1000}.v179262-mission-value em{grid-column:1/4;color:#6b857a;font-size:5.1px;font-style:normal;font-weight:1000;letter-spacing:.55px}
#lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn.v179262-primary-cta,#lobbyScreen:not(.authenticated-shell-mode) #bottomTrialBtn.v179262-bottom-cta{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;min-height:55px!important;border-radius:15px!important;border:1px solid #74ffb5!important;background:linear-gradient(180deg,#42f49a 0%,#1bdd80 48%,#08b95d 100%);color:#042819;box-shadow:inset 0 2px rgba(255,255,255,.36),inset 0 -4px rgba(0,83,40,.25),0 7px 0 #08763d,0 12px 21px rgba(0,0,0,.25),0 0 18px rgba(28,219,115,.11);transition:transform .11s ease,filter .11s ease!important;}.v179262-primary-cta:before,.v179262-bottom-cta:before{content:"";position:absolute;left:10%;right:10%;top:3px;height:18px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);pointer-events:none}.v179262-primary-cta span,.v179262-bottom-cta span{position:relative;z-index:1;font-size:15px;font-weight:1000;line-height:1}.v179262-primary-cta small,.v179262-bottom-cta small{position:relative;z-index:1;font-size:5.4px;font-weight:1000;letter-spacing:.75px;opacity:.67}#lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn.v179262-primary-cta:active,#lobbyScreen:not(.authenticated-shell-mode) #bottomTrialBtn.v179262-bottom-cta:active{transform:translateY(3px) scale(.994)!important;box-shadow:inset 0 2px rgba(255,255,255,.30),inset 0 -2px rgba(0,83,40,.23),0 4px 0 #08763d,0 8px 14px rgba(0,0,0,.24);filter:brightness(.97);}
.v179262-cta-note{text-align:center;margin:8px 0 14px;color:#718a80;font-size:6px;font-weight:1000;letter-spacing:.62px}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-story{position:relative;margin:0 0 13px!important;padding:13px 12px 14px!important;border-radius:20px!important;overflow:hidden;background:radial-gradient(circle at 13% 16%,rgba(29,149,107,.12),transparent 25%),linear-gradient(165deg,rgba(8,21,17,.99),rgba(2,7,6,.995));border:1px solid rgba(92,148,128,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 22px rgba(0,0,0,.22);}.v179262-story:before{content:"";position:absolute;left:23px;top:59px;bottom:32px;width:1px;background:linear-gradient(180deg,rgba(48,226,145,.34),rgba(255,210,47,.26),transparent)}.v179262-story-head{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:10px}.v179262-story-head small{display:block;color:#53e19a;font-size:5.8px;font-weight:1000;letter-spacing:.76px}.v179262-story-head h2{margin:2px 0 0!important;color:#fff!important;font-size:16px!important;line-height:1!important;letter-spacing:-.45px!important}.v179262-story-head>span{padding:4px 7px;border-radius:999px;border:1px solid rgba(76,128,109,.30);background:rgba(5,15,12,.75);color:#82988f;font-size:5.5px;font-weight:1000;letter-spacing:.45px}.v179262-story-flow{display:grid;gap:0}.v179262-scene{position:relative;min-height:152px;padding:8px 3px 9px 37px;display:grid;align-items:center;gap:10px}.v179262-scene.scene-pick{grid-template-columns:minmax(0,.84fr) minmax(145px,1.16fr)}.v179262-scene.scene-clear{grid-template-columns:minmax(155px,1.18fr) minmax(0,.82fr)}.v179262-scene.scene-goal{grid-template-columns:minmax(0,.86fr) minmax(150px,1.14fr)}.v179262-scene-copy{display:grid;grid-template-columns:23px minmax(0,1fr);gap:7px;align-items:start}.v179262-scene-copy>b{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(180deg,#32e891,#10b966);color:#03271a;font-size:9px;font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.30),0 4px 9px rgba(0,0,0,.22)}.v179262-scene-copy small{display:block;color:#6d887d;font-size:5.2px;font-weight:1000;letter-spacing:.7px}.v179262-scene-copy strong{display:block;margin-top:3px;color:#effaf4;font-size:9.2px;line-height:1.06;font-weight:1000}.v179262-scene-copy span{display:block;margin-top:5px;color:#80938c;font-size:6.2px;line-height:1.25}.v179262-scene-copy.right{order:2}.v179262-pick-stage,.v179262-clear-stage,.v179262-goal-stage{position:relative;min-height:124px;border-radius:17px;background:radial-gradient(circle at 50% 34%,rgba(25,102,78,.24),transparent 48%),linear-gradient(180deg,#071410,#030908);border:1px solid rgba(75,133,111,.27);box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -7px 14px rgba(0,0,0,.22);overflow:hidden}.v179262-mini-board{display:grid;gap:3px}.v179262-mini-board i{border-radius:3px;background:#111a19;border:1px solid #22302d;box-shadow:inset 0 1px rgba(255,255,255,.02)}.v179262-mini-board i.on,.v179262-mini-board i.filled{background:linear-gradient(180deg,#42dc77,#13ae4e);border-color:rgba(255,255,255,.14);box-shadow:inset 0 2px rgba(255,255,255,.30),inset 0 -2px rgba(0,0,0,.18)}.v179262-mini-board i.alt{background:linear-gradient(180deg,#49ddf0,#0aaac7)}.v179262-mini-board i.preview{background:rgba(255,205,31,.16);border:1px solid rgba(255,226,76,.67);box-shadow:inset 0 0 0 1px rgba(255,235,112,.13),0 0 7px rgba(255,202,30,.14)}.grid4{position:absolute;right:10px;top:10px;width:92px;height:92px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.v179262-mini-tray{position:absolute;left:10px;right:10px;bottom:9px;height:35px;border-radius:10px;border:1px solid #1d322b;background:#05100d;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center}.v179262-mini-tray i{position:relative;display:block}.v179262-mini-tray .x2{width:30px;height:13px;background:linear-gradient(#ffe65e,#f1b300);border-radius:4px;box-shadow:inset 0 2px rgba(255,255,255,.38),0 3px 6px rgba(0,0,0,.24)}.v179262-mini-tray .square{width:23px;height:23px;background:linear-gradient(#55e8f4,#0fb3cb);border-radius:5px}.v179262-mini-tray .ell{width:24px;height:24px;background:linear-gradient(#ff737e,#df263d);border-radius:5px;clip-path:polygon(0 0,50% 0,50% 50%,100% 50%,100% 100%,0 100%)}.v179262-pick-piece{position:absolute;left:18px;top:29px;display:grid;grid-template-columns:repeat(2,18px);gap:3px;transform:rotate(-5deg);filter:drop-shadow(0 7px 5px rgba(0,0,0,.32))}.v179262-pick-piece i{height:18px;border-radius:5px;background:linear-gradient(#ffef77,#ffc00b);border:1px solid rgba(255,246,155,.64);box-shadow:inset 0 2px rgba(255,255,255,.42),inset 0 -2px rgba(115,66,0,.2)}.v179262-mini-touch{position:absolute;left:35px;top:48px;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.44) 0 22%,rgba(255,255,255,.13) 24% 48%,transparent 50%);border:1px solid rgba(255,255,255,.12)}
.grid6{position:absolute;inset:11px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}.v179262-mini-beam{position:absolute;left:9px;right:9px;bottom:10px;height:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.56),rgba(255,213,48,.20),transparent);mix-blend-mode:screen;opacity:.42}.v179262-goal-stage{display:grid;grid-template-columns:73px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;padding:10px}.v179262-goal-ring{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#1b2111 25%,#131607 58%,#070a05 72%);border:2px solid #e9bd17;box-shadow:inset 0 0 0 4px rgba(255,213,49,.06),0 0 15px rgba(255,207,34,.11)}.v179262-goal-ring small{font-size:5px;color:#b89d38;font-weight:1000;letter-spacing:.6px}.v179262-goal-ring strong{font:1000 23px/1 Arial,sans-serif;color:#ffe14f;text-shadow:0 2px #6c4900}.v179262-goal-progress{padding-left:9px}.v179262-goal-progress>span{display:inline-block;color:#99aca5;font-size:8px;font-weight:1000}.v179262-goal-progress>span b{color:#f5fff9;font-size:14px}.v179262-goal-progress>i{display:block;height:7px;margin:5px 0;border-radius:999px;background:#020806;border:1px solid #234237;overflow:hidden}.v179262-goal-progress>i em{display:block;width:86%;height:100%;border-radius:999px;background:linear-gradient(90deg,#22df81,#ffd83f);box-shadow:0 0 8px rgba(39,226,131,.3)}.v179262-goal-progress .done{color:#57e49c}.v179262-goal-reward{grid-column:1/3;margin-top:5px;padding-top:6px;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:end;justify-content:space-between}.v179262-goal-reward small{color:#768b82;font-size:5.5px;font-weight:1000;letter-spacing:.62px}.v179262-goal-reward b{color:#ffe34f;font-size:15px;line-height:1;font-weight:1000}.v179262-story-connector{height:24px;margin-left:14px;display:flex;align-items:center;gap:8px;color:#567367;font-size:5.2px;font-weight:1000;letter-spacing:.6px}.v179262-story-connector i{width:18px;height:1px;background:linear-gradient(90deg,#27df87,transparent);box-shadow:0 0 7px rgba(39,223,135,.25)}.v179262-story-connector.gold i{background:linear-gradient(90deg,#ffd746,transparent);box-shadow:0 0 7px rgba(255,215,70,.18)}
.v179262-bottom-conversion{padding-top:1px}.v179262-bottom-cta{min-height:51px!important}.v179262-login-link{margin-top:10px!important;color:#758b82!important;font-size:8.5px!important}.v179262-login-link button{color:#7df1b6!important;font-weight:1000!important}.v179262-footer{margin-top:13px!important;padding:11px 4px calc(10px + env(safe-area-inset-bottom))!important;border-top-color:rgba(110,140,130,.12)!important}.v179262-footer p{font-size:6.2px!important;color:#65766f!important}.v179262-footer .secure{font-size:6.2px!important;padding:4px 7px!important;opacity:.72}
/* Motion states */
.v179262-hero[data-demo-state="LIFT"] .v179262-tray-slot.primary{opacity:.42;transform:scale(.965);box-shadow:inset 0 1px rgba(255,255,255,.02),0 0 0 1px rgba(255,208,34,.11)!important}.v179262-hero[data-demo-state="PREVIEW"] .v179262-goal-hud,.v179262-hero[data-demo-state="COMPLETE"] .v179262-goal-hud{border-color:rgba(255,218,64,.52)!important}.v179262-hero[data-demo-state="REWARD"] .v179262-goal-hud{transform:scale(1.025);border-color:rgba(255,219,65,.70)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 19px rgba(255,211,44,.14),0 9px 21px rgba(0,0,0,.34)!important}
/* Responsive composition — not whole-page scaling. */
@media(max-width:340px){
 #lobbyScreen:not(.authenticated-shell-mode){--g-board:228px;--g-hero-pad:6px;--g-tray-h:55px;--g-story-gap:12px}
 #lobbyScreen:not(.authenticated-shell-mode) .real-money-badge,#lobbyScreen:not(.authenticated-shell-mode) .headline{display:none!important}
 #lobbyScreen:not(.authenticated-shell-mode) .topbar{padding-top:max(4px,env(safe-area-inset-top))!important;margin-bottom:2px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .brand-logo{width:88px!important;height:auto!important}
 #lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{min-height:40px!important;padding:0 14px!important;border-radius:12px!important}
 .v179262-hero-kicker{margin-bottom:3px}.v179262-hero-kicker b{font-size:5.3px}.v179262-stage-head{padding-bottom:5px}.v179262-stage-head strong{font-size:7.7px}.v179262-stage-live{font-size:5px}
 .v179262-board-zone{padding:6px!important;border-radius:16px!important}.v179262-board{gap:2px!important}.v179262-goal-hud{right:max(5px,calc((100% - var(--g-board))/2 + 5px))!important;top:6px!important;width:55px!important;min-height:76px!important;padding:6px 4px!important;border-radius:12px!important}.v179262-goal-hud small{font-size:5.2px!important}.v179262-goal-hud strong{font-size:23px!important;margin:4px 0 1px!important}.v179262-goal-hud span{font-size:4.8px!important}.v179262-demo-prize{font-size:4.8px}.v179262-board-caption{bottom:6px}.v179262-board-caption span{display:none}.v179262-board-caption b{font-size:4.8px}
 .v179262-tray-zone{grid-template-columns:59px repeat(3,1fr)!important;gap:4px!important;padding:5px!important;margin-top:6px!important;border-radius:12px!important}.v179262-tray-zone:before{left:64px}.v179262-tray-label b{font-size:6.7px!important}.v179262-tray-label span{font-size:4.7px!important}.v179262-tray-slot{height:42px!important}.v179262-tray-slot .demo-domino,.v179262-tray-slot .demo-square,.v179262-tray-slot .demo-l{transform:scale(.72)!important}.v179262-tray-slot em{display:none}
 .v179262-mission{grid-template-columns:34px minmax(0,1fr) auto;gap:6px;padding:6px 7px;margin-bottom:5px;border-radius:12px}.v179262-mission-badge{width:32px;height:32px;border-radius:9px;font-size:13px}.v179262-mission-copy small{font-size:4.8px}.v179262-mission-copy strong{font-size:9px}.v179262-mission-value span{font-size:5.4px}.v179262-mission-value b{font-size:9px}.v179262-mission-value em{font-size:4.4px}
 #lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn.v179262-primary-cta{min-height:48px!important;border-radius:13px!important;box-shadow:inset 0 2px rgba(255,255,255,.34),inset 0 -3px rgba(0,83,40,.24),0 5px 0 #08763d,0 9px 15px rgba(0,0,0,.24);}.v179262-primary-cta span{font-size:13.5px}.v179262-primary-cta small{font-size:4.7px}.v179262-cta-note{margin:6px 0 10px;font-size:5.2px}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-story{padding:10px 8px 11px!important;border-radius:17px!important}.v179262-story-head{margin-bottom:6px}.v179262-story-head h2{font-size:14px!important}.v179262-story-head>span{font-size:4.8px}.v179262-story:before{left:16px;top:51px}.v179262-scene{padding-left:26px;min-height:133px;gap:6px}.v179262-scene.scene-pick{grid-template-columns:minmax(0,.75fr) minmax(130px,1.25fr)}.v179262-scene.scene-clear{grid-template-columns:minmax(130px,1.2fr) minmax(0,.8fr)}.v179262-scene.scene-goal{grid-template-columns:minmax(0,.8fr) minmax(132px,1.2fr)}.v179262-scene-copy{grid-template-columns:19px minmax(0,1fr);gap:5px}.v179262-scene-copy>b{width:19px;height:19px;font-size:8px}.v179262-scene-copy strong{font-size:7.8px}.v179262-scene-copy span{font-size:5.3px}.v179262-pick-stage,.v179262-clear-stage,.v179262-goal-stage{min-height:108px;border-radius:14px}.grid4{width:78px;height:78px}.v179262-pick-piece{left:12px;top:25px}.v179262-mini-tray{height:31px}.v179262-goal-stage{grid-template-columns:61px minmax(0,1fr);padding:8px}.v179262-goal-ring{width:58px;height:58px}.v179262-goal-ring strong{font-size:19px}.v179262-story-connector{height:19px;margin-left:8px;font-size:4.5px}
}
@media(min-width:341px) and (max-height:700px){
 #lobbyScreen:not(.authenticated-shell-mode){--g-board:246px;--g-hero-pad:7px;--g-tray-h:58px}
 #lobbyScreen:not(.authenticated-shell-mode) .real-money-badge,#lobbyScreen:not(.authenticated-shell-mode) .headline{display:none!important}
 #lobbyScreen:not(.authenticated-shell-mode) .topbar{margin-bottom:3px!important}.v179262-stage-head{padding-bottom:5px}.v179262-goal-hud{width:59px!important;min-height:82px!important}.v179262-goal-hud strong{font-size:25px!important}.v179262-tray-zone{grid-template-columns:67px repeat(3,1fr)!important;min-height:58px!important}.v179262-tray-slot{height:44px!important}.v179262-mission{padding-top:6px;padding-bottom:6px}.v179262-cta-note{margin-bottom:10px}
}
@media(min-width:341px) and (min-height:701px) and (max-width:379px){#lobbyScreen:not(.authenticated-shell-mode){--g-board:286px;--g-tray-h:63px}.v179262-goal-hud{width:64px!important}.v179262-tray-zone{grid-template-columns:72px repeat(3,1fr)!important}}
@media(min-width:380px) and (max-width:399px){#lobbyScreen:not(.authenticated-shell-mode){--g-board:300px;--g-tray-h:66px}}
@media(min-width:400px){#lobbyScreen:not(.authenticated-shell-mode){--g-board:318px;--g-tray-h:68px}.v179262-goal-hud{width:69px!important}.v179262-story{padding-left:14px!important;padding-right:14px!important}}
@media(max-height:620px){.v179262-stage-head{display:none}.v179262-hero-kicker{margin-top:0}}
@media(prefers-reduced-motion:reduce){.v179262-board .v17612-cell,.v179262-flying-piece,.v179262-touch,.v179262-goal-hud,.v179262-line-sweep{animation:none!important;transition:none!important}}
#v179262GuestDebug{display:none}html[data-debug="1"] #v179262GuestDebug{display:block;position:fixed;right:6px;bottom:6px;z-index:15190;width:min(370px,calc(100vw - 12px));max-height:38vh;overflow:auto;padding:8px;border:1px solid rgba(72,228,153,.44);border-radius:11px;background:rgba(3,12,10,.97);color:#dff8ea;font:700 8px/1.34 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:auto;white-space:pre-wrap}
/* Segment 020 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/guest-hero-micro-reward.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“guest hero micro reward”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[19] id=v179263GuestHeroMicroRewardCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* v1.7.9.2.6.3 — Guest Home Hero presentation only. Micro-reward motion polish. */
.v179262-board-zone{transform-origin:50% 56%;will-change:transform,box-shadow}
.v179262-board-zone.v179263-board-kick{animation:v179263BoardKick 150ms cubic-bezier(.2,.82,.22,1)}
.v179262-board-zone.v179263-board-settle{animation:v179263BoardSettle 360ms cubic-bezier(.18,.8,.22,1)}
@keyframes v179263BoardKick{0%{transform:translate3d(0,0,0) scale(1)}38%{transform:translate3d(0,-1px,0) scale(.997)}72%{transform:translate3d(0,.55px,0) scale(1.0015)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes v179263BoardSettle{0%{transform:translate3d(0,-.5px,0)}45%{transform:translate3d(0,.65px,0)}100%{transform:translate3d(0,0,0)}}

.v179262-board .v17612-cell.v179263-snap-cell{animation:v179263SnapCell 150ms cubic-bezier(.15,.86,.18,1)}
@keyframes v179263SnapCell{0%{transform:scale(.965);filter:brightness(1.1)}38%{transform:scale(.94);filter:brightness(1.55);box-shadow:inset 0 3px rgba(255,255,255,.65),inset 0 -3px rgba(0,0,0,.13),0 0 15px rgba(255,222,81,.48)}72%{transform:scale(1.018);filter:brightness(1.22)}100%{transform:scale(1);filter:none}}

.v179262-board .v17612-cell.v179263-complete-line{animation:v179263LineReady 170ms ease-out both;z-index:4}
.v179262-board .v17612-cell.v179263-neighbor-glow{filter:brightness(1.08) saturate(1.03)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 7px rgba(255,218,62,.08)!important}
@keyframes v179263LineReady{0%{transform:scale(.985);filter:brightness(1.08)}48%{transform:scale(.972);filter:brightness(1.56) saturate(1.14);box-shadow:inset 0 3px rgba(255,255,255,.62),inset 0 -3px rgba(0,0,0,.12),0 0 15px rgba(255,218,65,.46)}100%{transform:scale(.978);filter:brightness(1.38) saturate(1.1);box-shadow:inset 0 3px rgba(255,255,255,.52),inset 0 -3px rgba(0,0,0,.14),0 0 12px rgba(255,218,65,.32)}}

.v179262-board .v17612-cell.v179263-release-cell{animation:v179263CellRelease 410ms cubic-bezier(.18,.74,.18,1) forwards;animation-delay:calc(var(--ci,0) * 10ms)}
@keyframes v179263CellRelease{0%{opacity:1;transform:scale(.978);filter:brightness(1.35)}18%{opacity:1;transform:scale(1.025);filter:brightness(1.72)}54%{opacity:.82;transform:scale(.82);filter:brightness(2)}100%{opacity:0;transform:scale(.54);filter:brightness(1.7)}}

.v179262-line-sweep.v179263-sweep{opacity:1!important;animation:v179263Sweep 420ms cubic-bezier(.18,.72,.2,1) both!important;background:linear-gradient(90deg,transparent 0%,rgba(255,239,143,.04) 20%,rgba(255,252,215,.86) 48%,rgba(255,215,57,.30) 61%,transparent 100%)!important}
@keyframes v179263Sweep{0%{transform:translateX(-112%) scaleX(.72);opacity:0}16%{opacity:.9}62%{opacity:1}100%{transform:translateX(112%) scaleX(1.05);opacity:0}}

.v179262-board-zone:after{content:"";position:absolute;z-index:18;left:8%;right:8%;top:53%;height:22%;pointer-events:none;opacity:0;background:
 radial-gradient(circle at 10% 58%,rgba(255,236,117,.8) 0 2px,transparent 2.6px),
 radial-gradient(circle at 24% 40%,rgba(114,246,177,.75) 0 1.7px,transparent 2.4px),
 radial-gradient(circle at 39% 66%,rgba(255,214,74,.75) 0 1.8px,transparent 2.5px),
 radial-gradient(circle at 57% 36%,rgba(255,248,199,.7) 0 1.5px,transparent 2.2px),
 radial-gradient(circle at 73% 64%,rgba(81,231,164,.68) 0 1.8px,transparent 2.5px),
 radial-gradient(circle at 89% 42%,rgba(255,220,82,.75) 0 2px,transparent 2.7px)}
.v179262-board-zone.v179263-release:after{animation:v179263EnergyRelease 430ms ease-out both}
@keyframes v179263EnergyRelease{0%{opacity:0;transform:translateY(5px) scale(.98)}18%{opacity:.82}72%{opacity:.42}100%{opacity:0;transform:translateY(-12px) scale(1.04)}}

.v179262-progress-pop{transition:none!important}.v179262-progress-pop.v179263-progress-show{animation:v179263ProgressPop 610ms cubic-bezier(.16,.82,.22,1) both!important;opacity:1!important}
@keyframes v179263ProgressPop{0%{opacity:0;transform:translate(-50%,2px) scale(.88)}26%{opacity:1;transform:translate(-50%,-11px) scale(1.04)}68%{opacity:1;transform:translate(-50%,-14px) scale(1)}100%{opacity:0;transform:translate(-50%,-18px) scale(.98)}}
.v179262-goal-hud.v179263-goal-pulse{animation:v179263GoalPulse 620ms cubic-bezier(.16,.82,.2,1)}
@keyframes v179263GoalPulse{0%{transform:scale(1);border-color:rgba(53,225,138,.52);box-shadow:inset 0 1px rgba(255,255,255,.08),0 9px 21px rgba(0,0,0,.34),0 0 16px rgba(36,225,130,.08)}35%{transform:scale(1.026);border-color:rgba(255,220,72,.74);box-shadow:inset 0 1px rgba(255,255,255,.11),0 8px 20px rgba(0,0,0,.34),0 0 18px rgba(255,216,67,.17)}100%{transform:scale(1);border-color:rgba(53,225,138,.52);box-shadow:inset 0 1px rgba(255,255,255,.08),0 9px 21px rgba(0,0,0,.34),0 0 16px rgba(36,225,130,.08)}}
.v179262-goal-hud strong.v179263-count-tick{animation:v179263CountTick 430ms cubic-bezier(.18,.82,.2,1)}
@keyframes v179263CountTick{0%{transform:translateY(2px) scale(.94);opacity:.75}44%{transform:translateY(-1px) scale(1.09);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
.v179262-goal-hud .v17612-goal-track i.v179263-track-advance{animation:v179263TrackAdvance 560ms cubic-bezier(.18,.82,.2,1) both}
@keyframes v179263TrackAdvance{0%{width:20%}100%{width:40%}}

.v179262-flying-piece.v179263-lift{filter:drop-shadow(0 14px 10px rgba(0,0,0,.5)) drop-shadow(0 0 11px rgba(255,208,34,.26));}
.v179262-hero[data-demo-state="LIFT"] .v179262-tray-slot.primary{transform:translateY(1px) scale(.958)!important;opacity:.34!important}
.v179262-hero[data-demo-state="SNAP"] .v179262-board-caption b{color:#ffe782;border-color:rgba(255,224,93,.35)}
.v179262-hero[data-demo-state="COMPLETE"] .v179262-board-caption b{color:#fff0a4;border-color:rgba(255,225,102,.42)}
.v179262-hero[data-demo-state="CLEAR"] .v179262-board-caption b{color:#8bffc0;border-color:rgba(80,236,152,.38)}
.v179262-hero[data-demo-state="REWARD"] .v179262-board-caption b{color:#ffed93;border-color:rgba(255,223,79,.42)}

@media(prefers-reduced-motion:reduce){
 .v179262-board-zone.v179263-board-kick,.v179262-board-zone.v179263-board-settle,.v179262-board-zone.v179263-release:after,.v179262-board .v17612-cell.v179263-snap-cell,.v179262-board .v17612-cell.v179263-complete-line,.v179262-board .v17612-cell.v179263-release-cell,.v179262-line-sweep.v179263-sweep,.v179262-progress-pop.v179263-progress-show,.v179262-goal-hud.v179263-goal-pulse,.v179262-goal-hud strong.v179263-count-tick,.v179262-goal-hud .v17612-goal-track i.v179263-track-advance{animation:none!important}
}
/* Segment 021 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/guest-first20s.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“guest first20s”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[20] id=v179270GuestFirst20sCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.2.7.0 — Guest-only first-20s onboarding presentation. Core board/tray/input/clear owners remain untouched. */
#gameScreen[data-v179270-onboarding="1"]{--v179270-green:#39e985;--v179270-yellow:#ffd84b;--v179270-cyan:#55dbff}
.v179270-coach{display:none;position:relative;box-sizing:border-box;margin:6px auto 8px;width:min(100%,var(--bp-gameplay-width,400px));min-height:58px;padding:9px 12px 9px 49px;border-radius:15px;border:1px solid #b8d9d9;background:linear-gradient(180deg,#fafdff,#eaf8f5);box-shadow:0 3px 11px rgba(32,99,127,.075),inset 0 1px #fff;overflow:hidden;z-index:3}
#gameScreen[data-v179270-onboarding="1"] .v179270-coach{display:block}
.v179270-coach:before{content:"";position:absolute;left:15px;top:50%;width:23px;height:23px;margin-top:-12px;border-radius:7px;background:linear-gradient(145deg,#7ff5b8,#24c78f);border:1px solid #80d8bd;box-shadow:inset 0 2px rgba(255,255,255,.5),0 2px 3px rgba(14,117,91,.17)}
.v179270-coach small{display:block;color:#14826f;font-size:10px;font-weight:850;letter-spacing:.25px;line-height:1.2}
.v179270-coach strong{display:block;margin-top:2px;color:#214b60;font-size:14px;font-weight:850;line-height:1.2;letter-spacing:0}
.v179270-coach span{display:block;margin-top:2px;color:#597789;font-size:11px;font-weight:600;line-height:1.25}
.v179270-coach[data-phase="FIRST_PLACE"]{border-color:#bedfde;background:linear-gradient(180deg,#fafdff,#eaf8f5)}
.v179270-coach[data-phase="FIRST_PLACE"]:before{background:linear-gradient(145deg,#c8edff,#70cbdb);border-color:#a2d5e7;box-shadow:inset 0 2px rgba(255,255,255,.45),0 2px 3px rgba(22,107,134,.16)}
.v179270-coach[data-phase="FIRST_PLACE"] small{color:#14826f}
.v179270-coach[data-phase="FIRST_CLEAR"]{border-color:#bedfde;background:linear-gradient(180deg,#fafdff,#e6f4f7)}
.v179270-coach[data-phase="FIRST_CLEAR"]:before{background:linear-gradient(145deg,#98e6ed,#39b3cd);border-color:#94d4e0;box-shadow:inset 0 2px rgba(255,255,255,.45),0 2px 3px rgba(22,107,134,.16)}
.v179270-coach[data-phase="FIRST_CLEAR"] small{color:#167c94}
.v179270-feedback{position:absolute;z-index:80;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);opacity:0;pointer-events:none;min-width:150px;max-width:84%;padding:9px 13px;border-radius:999px;border:1px solid #a6d7d0;background:rgba(246,255,253,.97);box-shadow:0 8px 17px rgba(35,112,126,.15);text-align:center;color:#116f66;font-size:12px;font-weight:850;letter-spacing:0}
.v179270-feedback.show{animation:v179270Feedback .82s cubic-bezier(.18,.84,.22,1) both}
.v179270-feedback.clear{border-color:#9cd9cd;color:#0d8a6a;box-shadow:0 8px 17px rgba(25,116,99,.14)}
@keyframes v179270Feedback{0%{opacity:0;transform:translate(-50%,-45%) scale(.9)}18%{opacity:1;transform:translate(-50%,-52%) scale(1.035)}68%{opacity:1;transform:translate(-50%,-55%) scale(1)}100%{opacity:0;transform:translate(-50%,-63%) scale(.98)}}
#gameScreen[data-v179270-onboarding="1"] #tray .piece-slot.v179270-recommended{position:relative;z-index:3;box-shadow:inset 0 0 0 2px rgba(29,168,144,.48),0 0 0 2px rgba(36,183,153,.1),0 0 9px rgba(33,158,135,.1)!important}
#gameScreen[data-v179270-onboarding="1"] #tray .piece-slot.v179270-recommended:after{content:"COMECE AQUI";position:absolute;left:50%;bottom:2px;transform:translateX(-50%);padding:3px 7px;border-radius:999px;background:#ecf9f6;border:1px solid #acdacf;color:#176f61;font-size:9px;font-weight:850;letter-spacing:0;white-space:nowrap;pointer-events:none}
#gameScreen[data-v179270-onboarding="1"] #board .v179270-guide-cell{position:relative;z-index:3;outline:2px solid rgba(42,185,166,.62);outline-offset:-2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 7px rgba(35,177,150,.12)!important;animation:v179270CellBreath 1.15s ease-in-out infinite}
#gameScreen[data-v179270-onboarding="1"] #board .v179270-line-gap{position:relative;z-index:2;outline:2px solid rgba(40,157,188,.48);outline-offset:-2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 0 6px rgba(55,167,189,.10)!important;animation:v179270GapBreath 1.35s ease-in-out infinite}
@keyframes v179270CellBreath{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.14);transform:scale(.965)}}
@keyframes v179270GapBreath{0%,100%{filter:brightness(1);opacity:1}50%{filter:brightness(1.12);opacity:.78}}
#gameScreen[data-v179270-onboarding="1"] #gameHint{opacity:.58;transition:opacity .2s ease}
#gameScreen[data-v179270-onboarding="1"][data-v179270-phase="FREE_PLAY"] #gameHint{opacity:1}
#gameScreen.v179270-first-clear #progressFill{filter:brightness(1.22);box-shadow:0 0 10px rgba(52,227,126,.24)}
#gameScreen.v179270-first-clear .progress-wrap{animation:v179270ProgressNudge .52s ease}
@keyframes v179270ProgressNudge{0%,100%{transform:scale(1)}45%{transform:scale(1.012)}}
@media(max-width:340px),(max-height:620px){.v179270-coach{min-height:47px;margin:3px auto 5px;padding:6px 9px 6px 37px;border-radius:12px}.v179270-coach:before{left:10px;width:20px;height:20px;margin-top:-10px}.v179270-coach small{font-size:9px}.v179270-coach strong{font-size:12px}.v179270-coach span{font-size:10px}.v179270-feedback{font-size:11px}}
@media(prefers-reduced-motion:reduce){#gameScreen[data-v179270-onboarding="1"] #board .v179270-guide-cell,#gameScreen[data-v179270-onboarding="1"] #board .v179270-line-gap,.v179270-feedback.show,#gameScreen.v179270-first-clear .progress-wrap{animation:none!important}}
#v179270OnboardingDebug{display:none}html[data-debug="1"] #v179270OnboardingDebug{display:block;position:fixed;left:6px;bottom:6px;z-index:16050;width:min(390px,calc(100vw - 12px));max-height:43vh;overflow:auto;padding:8px;border-radius:11px;border:1px solid rgba(81,228,151,.42);background:rgba(2,11,9,.97);color:#dff8e9;font:700 8px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;pointer-events:auto}
/* Segment 022 · src/styles/pages.css */


/* STEP 4R.19.7 — Canonical Guest Result / Conversion presentation.
   Single owner. No delayed reveal, no pending click lock, no result MutationObserver. */
#guestResultRoot.guest-result-root{display:contents}
#guestResultRoot #resultOverlay{
  position:absolute!important;inset:0!important;z-index:92!important;
  align-items:center!important;justify-content:center!important;
  padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  background:rgba(1,6,13,.80)!important;backdrop-filter:blur(8px)!important;
  pointer-events:none!important;transform:none!important;left:0!important;right:0!important;
}
#guestResultRoot #resultOverlay.show{display:flex!important;pointer-events:auto!important}
#guestResultRoot #resultCard.v179271-result{
  position:relative!important;box-sizing:border-box!important;
  width:min(100%,356px)!important;max-width:356px!important;
  max-height:calc(100dvh - 22px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  padding:16px 14px 18px!important;border-radius:22px!important;
  border:1px solid rgba(88,117,99,.42)!important;
  background:radial-gradient(circle at 50% 0,rgba(255,211,46,.055),transparent 29%),linear-gradient(180deg,#121713,#080c09 78%,#060806)!important;
  box-shadow:0 24px 66px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.035)!important;
  pointer-events:auto!important;scrollbar-width:thin!important;transform:none!important;opacity:1!important;
}
#guestResultRoot #resultCard.v179271-result *{box-sizing:border-box}
#guestResultRoot #resultCard.v179271-result #resultIcon{
  width:48px!important;height:48px!important;margin:0 auto 10px!important;border-radius:16px!important;
  display:grid!important;place-items:center!important;font-size:27px!important;font-weight:1000!important;
  background:linear-gradient(180deg,#35eba0,#0fc777)!important;color:#05291b!important;
  border:1px solid rgba(104,244,178,.55)!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 7px 18px rgba(0,0,0,.22)!important;
}
#guestResultRoot #resultCard.v179271-loss #resultIcon{background:linear-gradient(180deg,#d57a72,#a74d49)!important;color:#fff!important;border-color:rgba(255,150,142,.38)!important}
#guestResultRoot #resultTitle{margin:0!important;text-align:center!important;font-size:25px!important;line-height:1.02!important;letter-spacing:-.65px!important;color:#f6f8f7!important}
#guestResultRoot #resultSubtitle,#guestResultRoot #trialWinStage,#guestResultRoot #resultMultiplier,#guestResultRoot .result-kpis,#guestResultRoot #resultDiag{display:none!important}
#guestResultRoot #v179271Achievement{width:100%;margin:11px 0 0!important;text-align:center!important}
#guestResultRoot #v179271Achievement .v271-kicker{font-size:9px!important;line-height:1.2!important;font-weight:1000!important;letter-spacing:1.1px!important;color:#89a6c3!important}
#guestResultRoot #v179271Achievement .v271-score-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;margin-top:9px!important}
#guestResultRoot #v179271Achievement .v271-score{min-width:0!important;min-height:82px!important;padding:12px 8px 10px!important;border-radius:16px!important;background:linear-gradient(180deg,#0b3156,#071f3b)!important;border:1px solid #286594!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}
#guestResultRoot #v179271Achievement .v271-score strong{display:block!important;max-width:100%!important;font-size:32px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-1px!important;color:#eef8ff!important;white-space:nowrap!important}
#guestResultRoot #v179271Achievement .v271-score.goal strong{color:#ffd337!important}
#guestResultRoot #v179271Achievement .v271-score span{display:block!important;margin-top:6px!important;font-size:8.5px!important;line-height:1.15!important;font-weight:1000!important;letter-spacing:.7px!important;color:#90acd0!important;white-space:normal!important}
#guestResultRoot #v179271Achievement .v271-missing{display:none!important;margin:8px 0 0!important;font-size:10px!important;color:#dce8f3!important;font-weight:1000!important}
#guestResultRoot #resultCard.v179271-loss #v179271Achievement .v271-missing{display:block!important}
#guestResultRoot #v179271Prize{width:100%;margin:10px 0 0!important;padding:11px 12px 12px!important;border-radius:16px!important;background:linear-gradient(180deg,#123146,#0a2234)!important;border:1px solid #2a658b!important;text-align:center!important}
#guestResultRoot #v179271Prize small{display:block!important;font-size:8.5px!important;line-height:1.15!important;font-weight:1000!important;letter-spacing:1px!important;color:#89a8c5!important}
#guestResultRoot #v179271Prize strong{display:block!important;margin-top:3px!important;font-size:28px!important;line-height:1!important;font-weight:1000!important;color:#ffd337!important;white-space:nowrap!important}
#guestResultRoot #v179271Prize p{margin:7px auto 0!important;max-width:295px!important;font-size:9.5px!important;line-height:1.38!important;color:#b4c1c7!important;overflow-wrap:anywhere!important}
#guestResultRoot #resultCard.v179271-loss #v179271Prize strong{color:#cbd6dc!important}
#guestResultRoot #trialConversion{
  display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;
  margin:11px 0 0!important;padding:13px!important;border-radius:16px!important;
  background:linear-gradient(180deg,#0a2744,#071c32)!important;border:1px solid #2b628b!important;
  overflow:visible!important;max-height:none!important;opacity:1!important;transform:none!important;pointer-events:auto!important;
}
#guestResultRoot #trialConversion h3{margin:0 0 6px!important;font-size:18px!important;line-height:1.05!important;color:#fff!important;text-align:left!important}
#guestResultRoot #trialConversion p{margin:0 0 10px!important;font-size:10.5px!important;line-height:1.42!important;color:#a9bfd1!important;text-align:left!important;overflow-wrap:anywhere!important}
#guestResultRoot #bpR19ResultModePicker{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important;margin:0 0 9px!important}
#guestResultRoot #bpR19ResultModePicker>button{min-width:0!important;min-height:48px!important;padding:8px 6px!important;border-radius:11px!important;border:1px solid #315474!important;background:#071a2c!important;color:#a2b4c3!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;pointer-events:auto!important}
#guestResultRoot #bpR19ResultModePicker>button b{max-width:100%!important;font-size:12px!important;line-height:1!important;color:#e7f0f7!important;white-space:nowrap!important}
#guestResultRoot #bpR19ResultModePicker>button span{max-width:100%!important;font-size:8px!important;line-height:1.1!important;font-weight:900!important;white-space:nowrap!important;color:#8fa6b9!important}
#guestResultRoot #bpR19ResultModePicker>button.active[data-r19-result-intent="META_10X"]{border-color:rgba(255,211,52,.62)!important;background:linear-gradient(180deg,#302803,#181401)!important}
#guestResultRoot #bpR19ResultModePicker>button.active[data-r19-result-intent="META_10X"] b{color:#ffe04a!important}
#guestResultRoot #bpR19ResultModePicker>button.active[data-r19-result-intent="CASHOUT_50X"]{border-color:rgba(55,228,137,.56)!important;background:linear-gradient(180deg,#0a2b19,#06170e)!important}
#guestResultRoot #bpR19ResultModePicker>button.active[data-r19-result-intent="CASHOUT_50X"] b{color:#4ae994!important}
#guestResultRoot #bpR19SimulationNote{margin:0 0 10px!important;font-size:8px!important;line-height:1.32!important;font-weight:1000!important;letter-spacing:.2px!important;color:#8099ad!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important}
#guestResultRoot #trialRegisterCta,#guestResultRoot #playAgainBtn,#guestResultRoot #trialLoginCta{width:100%!important;max-width:none!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;pointer-events:auto!important}
#guestResultRoot #trialRegisterCta{order:10!important;min-height:54px!important;margin:0 0 10px!important;border-radius:13px!important;border:1px solid #ffeb80!important;background:linear-gradient(180deg,#ffe566,#ffc928 58%,#f0ac00)!important;color:#241900!important;box-shadow:inset 0 2px rgba(255,255,255,.42),0 5px 0 #8f6700!important;font-size:14px!important;line-height:1.15!important;font-weight:1000!important}
#guestResultRoot #playAgainBtn{order:11!important;min-height:46px!important;margin:0 0 8px!important;border-radius:12px!important;border:1px solid #335978!important;background:#091f35!important;color:#d0dfeb!important;box-shadow:none!important;font-size:11px!important;line-height:1.15!important;font-weight:950!important}
#guestResultRoot #resultCard.v179271-loss #playAgainBtn{background:linear-gradient(180deg,#2aeea0,#0bd47e 62%,#00af65)!important;color:#05271d!important;border:0!important;box-shadow:0 4px 0 #007748!important;font-size:13px!important;min-height:50px!important}
#guestResultRoot #resultCard.v179271-loss #trialRegisterCta{background:#17180d!important;color:#f3d75a!important;border:1px solid rgba(255,216,59,.36)!important;box-shadow:none!important;min-height:46px!important;font-size:11px!important}
#guestResultRoot #trialLoginCta{order:12!important;display:block!important;min-height:32px!important;margin:0!important;padding:6px 8px!important;border:0!important;background:transparent!important;color:#8ba6bb!important;font-size:9.5px!important;line-height:1.25!important;font-weight:900!important}
#guestResultRoot #resultHomeBtn{display:none!important}
@media(max-width:340px){
 #guestResultRoot #resultOverlay{padding:7px!important}
 #guestResultRoot #resultCard.v179271-result{width:min(100%,342px)!important;max-height:calc(100dvh - 14px)!important;padding:13px 11px 14px!important;border-radius:18px!important}
 #guestResultRoot #resultTitle{font-size:22px!important}
 #guestResultRoot #v179271Achievement .v271-score{min-height:72px!important;padding:9px 5px 8px!important}
 #guestResultRoot #v179271Achievement .v271-score strong{font-size:27px!important}
 #guestResultRoot #v179271Prize strong{font-size:24px!important}
 #guestResultRoot #trialConversion{padding:11px!important}
 #guestResultRoot #trialConversion h3{font-size:16px!important}
 #guestResultRoot #trialConversion p{font-size:9.5px!important}
 #guestResultRoot #bpR19ResultModePicker>button{min-height:44px!important}
 #guestResultRoot #trialRegisterCta{min-height:49px!important;font-size:12.5px!important}
 #guestResultRoot #playAgainBtn{min-height:44px!important}
}
@media(max-height:650px){
 #guestResultRoot #resultOverlay{align-items:flex-start!important;padding-top:7px!important;padding-bottom:7px!important}
 #guestResultRoot #resultCard.v179271-result{max-height:calc(100dvh - 14px)!important;padding-top:12px!important;padding-bottom:13px!important}
 #guestResultRoot #resultCard.v179271-result #resultIcon{width:42px!important;height:42px!important;margin-bottom:7px!important;font-size:24px!important}
 #guestResultRoot #resultTitle{font-size:21px!important}
 #guestResultRoot #v179271Achievement{margin-top:8px!important}
 #guestResultRoot #v179271Achievement .v271-score{min-height:66px!important;padding:8px 5px!important}
 #guestResultRoot #v179271Achievement .v271-score strong{font-size:25px!important}
 #guestResultRoot #v179271Prize{margin-top:8px!important;padding:9px 10px!important}
 #guestResultRoot #v179271Prize p{font-size:8.8px!important;margin-top:5px!important}
 #guestResultRoot #trialConversion{margin-top:8px!important;padding:10px!important}
 #guestResultRoot #trialConversion p{margin-bottom:8px!important;font-size:9.3px!important}
 #guestResultRoot #bpR19ResultModePicker{margin-bottom:7px!important}
 #guestResultRoot #bpR19ResultModePicker>button{min-height:41px!important}
 #guestResultRoot #bpR19SimulationNote{margin-bottom:7px!important;font-size:7.4px!important}
 #guestResultRoot #trialRegisterCta{min-height:45px!important;margin-bottom:8px!important}
 #guestResultRoot #playAgainBtn{min-height:41px!important;margin-bottom:6px!important}
}
@media(prefers-reduced-motion:reduce){#guestResultRoot #resultCard.v179271-result *{animation:none!important;transition:none!important}}

/* Segment 023 · src/styles/modals.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/result-architecture-isolation.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“result architecture isolation”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[22] id=v179274ResultArchitectureIsolationStyle
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* =========================================================
   Block PIX v1.7.9.2.7.4 — Result Domain Isolation
   Same design language, different ownership. No selector in this block
   targets legacy .result-* / #resultCard / Guest DOM.
   ========================================================= */
:root{
  --v274-result-radius:24px;
  --v274-result-shadow:0 28px 72px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025);
  --v274-result-ease:cubic-bezier(.2,.82,.22,1);
  --v274-result-surface:#06162d;
  --v274-result-surface-2:#041024;
  --v274-result-text:#f3f8ff;
  --v274-result-muted:#87a4c1;
  --v274-result-win:#ffd33e;
  --v274-result-loss:#dc776d;
  --v274-result-green:#0ce394;
}
#guestResultRoot.guest-result-root{display:contents}
#paidResultRoot.paid-result-root{display:none;position:absolute;inset:0;z-index:91;align-items:center;justify-content:center;padding:calc(12px + var(--safeTop)) 12px calc(12px + var(--safeBottom));overflow:auto;overscroll-behavior:contain}
#paidResultRoot.paid-result-root.show{display:flex}
#paidResultRoot .paid-result-backdrop{position:absolute;inset:0;background:rgba(1,7,17,.79);backdrop-filter:blur(9px);opacity:0;transition:opacity 190ms ease}
#paidResultRoot .paid-result-sheet{position:relative;width:min(100%,374px);max-height:min(90dvh,760px);overflow:auto;padding:19px 16px 15px;border:1px solid rgba(50,108,160,.72);border-radius:var(--v274-result-radius);background:radial-gradient(circle at 50% 0,rgba(27,89,154,.19),transparent 31%),linear-gradient(178deg,var(--v274-result-surface),var(--v274-result-surface-2) 76%,#030c19);box-shadow:var(--v274-result-shadow);transform:translateY(10px) scale(.982);opacity:0;transition:transform 210ms var(--v274-result-ease),opacity 180ms ease}
#paidResultRoot.show .paid-result-backdrop{opacity:1}
#paidResultRoot.show .paid-result-sheet{transform:none;opacity:1}
#paidResultRoot .paid-result-status{width:48px;height:48px;margin:0 auto 8px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#ffe56b,#f6b91f);color:#3d2800;box-shadow:inset 0 2px rgba(255,255,255,.28),0 6px 0 #9b6605,0 12px 24px rgba(0,0,0,.2);font-size:25px;font-weight:1000}
#paidResultRoot.loss .paid-result-status{background:linear-gradient(180deg,#de877d,#b95754);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 0 #70312f,0 10px 20px rgba(0,0,0,.2)}
#paidResultRoot .paid-result-kicker{text-align:center;color:#7899b8;font-size:8px;font-weight:1000;letter-spacing:1.15px;text-transform:uppercase}
#paidResultRoot #paidResultTitle{margin:7px 0 0;text-align:center;color:var(--v274-result-text);font-size:24px;line-height:1.02;letter-spacing:-.55px}
#paidResultRoot.loss #paidResultTitle{font-size:22px}
#paidResultRoot .paid-result-subtitle{max-width:300px;margin:6px auto 0;text-align:center;color:var(--v274-result-muted);font-size:9px;line-height:1.42}
#paidResultRoot .paid-result-money-block{margin:15px auto 0;padding:13px 12px 12px;border:1px solid rgba(76,115,151,.52);border-radius:17px;background:linear-gradient(180deg,rgba(11,37,65,.92),rgba(5,25,47,.96));text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.04)}
#paidResultRoot .paid-result-money-block small{display:block;color:#86a5c1;font-size:8px;font-weight:1000;letter-spacing:1px}
#paidResultRoot #paidResultAmount{display:block;margin-top:4px;color:var(--v274-result-win);font-size:38px;line-height:1;font-weight:1000;font-variant-numeric:tabular-nums;letter-spacing:-1.4px;text-shadow:0 2px 14px rgba(255,198,34,.15);opacity:0;transform:translateY(5px) scale(.98);transition:opacity 260ms ease,transform 340ms var(--v274-result-ease)}
#paidResultRoot.loss #paidResultAmount{color:#d7e4ef;text-shadow:none}

#paidResultRoot .paid-result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
#paidResultRoot .paid-result-stat{min-width:0;padding:9px 5px 8px;border:1px solid rgba(41,84,123,.58);border-radius:12px;background:rgba(4,20,39,.78);text-align:center}
#paidResultRoot .paid-result-stat small{display:block;min-height:18px;color:#6586a5;font-size:6.8px;line-height:1.22;font-weight:1000;letter-spacing:.35px}
#paidResultRoot .paid-result-stat strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:#e9f4ff;font-size:12.5px;line-height:1.1;font-weight:1000;font-variant-numeric:tabular-nums;white-space:nowrap}
#paidResultRoot .paid-result-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:9px 11px;border:1px solid rgba(34,77,116,.5);border-radius:12px;background:rgba(2,15,31,.7)}
#paidResultRoot .paid-result-balance span{color:#6c8aa6;font-size:7.5px;font-weight:1000;letter-spacing:.55px}
#paidResultRoot .paid-result-balance strong{color:#e8f4ff;font-size:13px;font-weight:1000;font-variant-numeric:tabular-nums}
#paidResultRoot .paid-result-primary,#paidResultRoot .paid-result-secondary{width:100%;border-radius:13px;font-weight:1000;letter-spacing:.15px}
#paidResultRoot .paid-result-primary{min-height:53px;margin-top:12px;border:0;background:linear-gradient(180deg,#ffe06a,#ffc52b 61%,#efa813);color:#342200;box-shadow:inset 0 2px rgba(255,255,255,.3),0 5px 0 #946008,0 10px 20px rgba(0,0,0,.18);font-size:14px;opacity:0;transform:translateY(6px);transition:opacity 220ms ease,transform 260ms var(--v274-result-ease),filter 120ms ease}
#paidResultRoot .paid-result-primary:active{transform:translateY(2px);filter:brightness(.97)}
#paidResultRoot .paid-result-secondary{min-height:43px;margin-top:9px;border:1px solid #244d74;background:#07192f;color:#aac0d5;font-size:9px;opacity:0;transform:translateY(5px);transition:opacity 220ms ease,transform 260ms var(--v274-result-ease)}
#paidResultRoot.actions-ready .paid-result-primary,#paidResultRoot.actions-ready .paid-result-secondary{opacity:1;transform:none}
#paidResultRoot .paid-result-primary[disabled],#paidResultRoot .paid-result-secondary[disabled]{opacity:.5;pointer-events:none;transform:none}
#paidResultRoot .paid-result-round-id{height:0;overflow:hidden;color:transparent;font-size:0}
#paidResultRoot.loss .paid-result-money-block{border-color:rgba(119,72,72,.46);background:linear-gradient(180deg,rgba(47,24,32,.55),rgba(15,21,34,.87))}
#paidResultRoot.loss .paid-result-stat{border-color:rgba(62,72,91,.55)}
@media(max-width:340px){
  #paidResultRoot.paid-result-root{padding-left:10px;padding-right:10px}
  #paidResultRoot .paid-result-sheet{padding:14px 12px 12px;border-radius:20px}
  #paidResultRoot .paid-result-status{width:42px;height:42px;border-radius:14px;font-size:22px;margin-bottom:6px}
  #paidResultRoot #paidResultTitle{font-size:21px}
  #paidResultRoot .paid-result-subtitle{font-size:8.3px}
  #paidResultRoot .paid-result-money-block{margin-top:10px;padding:10px}
  #paidResultRoot #paidResultAmount{font-size:32px}
  #paidResultRoot .paid-result-summary{gap:5px;margin-top:7px}
  #paidResultRoot .paid-result-stat{padding:7px 3px 6px}
  #paidResultRoot .paid-result-stat small{font-size:6.1px}
  #paidResultRoot .paid-result-stat strong{font-size:10.7px}
  #paidResultRoot .paid-result-balance{padding:7px 9px}
  #paidResultRoot .paid-result-primary{min-height:49px;margin-top:9px}
  #paidResultRoot .paid-result-secondary{min-height:39px;margin-top:7px}
}
@media(max-height:600px){
  #paidResultRoot .paid-result-sheet{padding-top:12px;padding-bottom:10px}
  #paidResultRoot .paid-result-status{width:40px;height:40px;margin-bottom:5px}
  #paidResultRoot .paid-result-subtitle{display:none}
  #paidResultRoot .paid-result-money-block{margin-top:9px;padding-top:9px;padding-bottom:8px}
  #paidResultRoot #paidResultAmount{font-size:30px}
  #paidResultRoot .paid-result-summary{margin-top:6px}
  #paidResultRoot .paid-result-balance{margin-top:6px}
  #paidResultRoot .paid-result-primary{min-height:47px;margin-top:8px}
  #paidResultRoot .paid-result-secondary{min-height:37px;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){#paidResultRoot *{transition-duration:.01ms;animation-duration:.01ms}}
#v179274ResultOwnerDebug{display:none}
html[data-debug="1"] #v179274ResultOwnerDebug{display:block;position:fixed;right:5px;top:5px;z-index:100000;width:min(350px,calc(100vw - 10px));max-height:36vh;overflow:auto;margin:0;padding:8px;border:1px solid #315b83;border-radius:8px;background:rgba(2,9,20,.95);color:#bde3ff;font:9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;pointer-events:none}
/* Segment 024 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/cashout-hero-commercial.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“cashout hero commercial”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[23] id=v17931CashoutHeroCommercialPolishCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.3.1 Cashout visual/product structure. Scoped to bpco/cashout roots. META 10X is untouched. */
#cashoutPageRoot.bpco-page{padding:0 0 14px!important;background:transparent;color:#f7faf9;}
#cashoutPageRoot:not(.active){display:none!important}
.bpco-hero{position:relative;margin:0 0 10px;padding:10px 10px 11px;border:1px solid #202b29;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(43,208,255,.12),transparent 42%),radial-gradient(circle at 94% 18%,rgba(38,229,123,.10),transparent 31%),linear-gradient(180deg,#0a1112,#050909);box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.18)}
.bpco-hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.bpco-hero-top small{color:#8ea09d;font-size:6.5px;font-weight:1000;letter-spacing:.75px}.bpco-hero-top span{padding:4px 7px;border-radius:999px;border:1px solid rgba(255,214,43,.28);background:#211b05;color:#ffda33;font-size:6.2px;font-weight:1000;letter-spacing:.5px;white-space:nowrap}
.bpco-demo-stage{position:relative;width:min(100%,320px);aspect-ratio:1/1;margin:0 auto;border-radius:18px;padding:8px;background:radial-gradient(circle at 50% 45%,rgba(25,113,174,.18),transparent 55%),linear-gradient(180deg,#07131d,#03090d);border:1px solid #193241;box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.22);overflow:hidden;--gap:4px}
.bpco-demo-board,.bpco-game-board{position:relative;width:100%;height:100%;display:grid;gap:var(--gap,4px);padding:5px;border-radius:14px;background:#040a0d;border:1px solid #1b2e34;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}.bpco-demo-board{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);--gap:3px}.bpco-game-board{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}#cashoutPageRoot .bpco-demo-board .bpco-cell{border-radius:5px}
.bpco-cell{position:relative;min-width:0;min-height:0;border-radius:7px;background:linear-gradient(180deg,#12191a,#0b1011);border:1px solid #283132;box-shadow:inset 0 2px rgba(255,255,255,.025),inset 0 -2px rgba(0,0,0,.18);overflow:hidden}.bpco-cell.filled:before,.bpco-moving-piece i:before,.bpco-tray-piece i:before{content:"";position:absolute;left:7%;right:7%;top:5%;height:30%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.12) 55%,transparent)}
.bpco-cell.cyan{background:linear-gradient(180deg,#6df4ff 0%,#24d7ec 18%,#00b8de 58%,#08798e 100%)}.bpco-cell.blue{background:linear-gradient(180deg,#68b6ff 0%,#2188ff 19%,#1462df 60%,#0d3b9a 100%)}.bpco-cell.purple{background:linear-gradient(180deg,#d58cff 0%,#ae55f5 18%,#843be0 60%,#52219e 100%)}.bpco-cell.yellow,.bpco-moving-piece i,.bpco-tray-piece.p1 i{background:linear-gradient(180deg,#fff36e 0%,#ffd92f 18%,#ffc400 60%,#c67b00 100%)}.bpco-cell.orange,.bpco-tray-piece.p2 i{background:linear-gradient(180deg,#ffb367 0%,#ff832d 18%,#f45b16 60%,#a9360c 100%)}.bpco-cell.green,.bpco-tray-piece.p3 i{background:linear-gradient(180deg,#7cf483 0%,#38df66 18%,#16b94b 60%,#08712f 100%)}
.bpco-target-row{animation:bpcoRowClear 3800ms cubic-bezier(.22,.72,.2,1) infinite both}.bpco-gap-cell{animation:bpcoGapFill 3800ms cubic-bezier(.22,.72,.2,1) infinite both}.bpco-moving-piece{position:absolute;z-index:4;left:72.0%;top:51.4%;width:22.2%;height:10.7%;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform-origin:center;filter:drop-shadow(0 8px 7px rgba(0,0,0,.34));animation:bpcoPiecePlace 3800ms cubic-bezier(.2,.76,.2,1) infinite both;pointer-events:none}.bpco-moving-piece i{position:relative;border-radius:7px;border:1px solid rgba(255,245,143,.8);box-shadow:inset 0 3px rgba(255,255,255,.48),inset 0 -3px rgba(112,66,0,.22),0 0 11px rgba(255,202,20,.22)}
.bpco-clear-sweep{position:absolute;z-index:5;left:5.5%;right:5.5%;top:51.3%;height:10.6%;border-radius:6px;overflow:hidden;opacity:0;pointer-events:none;animation:bpcoSweep 3800ms ease infinite both}.bpco-clear-sweep:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,244,128,.08) 18%,rgba(255,255,255,.88) 48%,rgba(255,221,45,.25) 66%,transparent 100%);animation:bpcoSweepBeam 3800ms ease infinite both}
.bpco-progress-chip,.bpco-unlock-chip{position:absolute;z-index:8;top:14px;padding:6px 8px;border-radius:10px;background:rgba(5,10,12,.88);border:1px solid rgba(255,255,255,.08);box-shadow:0 5px 12px rgba(0,0,0,.22);backdrop-filter:blur(4px)}.bpco-progress-chip{left:14px}.bpco-unlock-chip{right:14px;text-align:right;border-color:rgba(44,230,125,.23);background:rgba(5,22,14,.9)}.bpco-progress-chip small,.bpco-unlock-chip small{display:block;color:#7f9290;font-size:5.4px;font-weight:1000;letter-spacing:.5px}.bpco-progress-chip b{font-size:11px;color:#f5f7f6}.bpco-unlock-chip b{font-size:13px;color:#38e98a}
.bpco-demo-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#91a09d}.bpco-demo-copy strong{color:#f3f7f5;font-size:10px;font-weight:1000}.bpco-demo-copy span{font-size:7px;font-weight:900;letter-spacing:.45px;text-align:right}
@keyframes bpcoPiecePlace{0%,14%{opacity:1;transform:translate(-44%,176%) scale(.93)}20%{transform:translate(-44%,160%) scale(1.02)}36%{opacity:1;transform:translate(0,0) scale(1)}43%{opacity:1;transform:translate(0,0) scale(.96)}47%,100%{opacity:0;transform:translate(0,0) scale(.96)}}
@keyframes bpcoGapFill{0%,35%{background:linear-gradient(180deg,#12191a,#0b1011);border-color:#283132}40%,53%{background:linear-gradient(180deg,#fff36e 0%,#ffd92f 18%,#ffc400 60%,#c67b00 100%);border-color:rgba(255,244,130,.76);box-shadow:inset 0 3px rgba(255,255,255,.48),0 0 12px rgba(255,206,34,.35)}58%,82%{opacity:0}86%,100%{opacity:1;background:linear-gradient(180deg,#12191a,#0b1011);border-color:#283132}}
@keyframes bpcoRowClear{0%,38%{opacity:1;filter:none;transform:scale(1)}43%{filter:brightness(1.42);transform:scale(.98)}49%{filter:brightness(1.9);transform:scale(.965)}58%,82%{opacity:0;filter:brightness(2);transform:scale(.94)}86%,100%{opacity:1;filter:none;transform:scale(1)}}
@keyframes bpcoSweep{0%,43%{opacity:0}45%{opacity:.9}46%{opacity:1}57%{opacity:.2}60%,100%{opacity:0}}@keyframes bpcoSweepBeam{0%,43%{transform:translateX(-115%)}55%{transform:translateX(115%)}100%{transform:translateX(115%)}}

.bpco-reward-card{margin:0 0 9px;padding:11px 12px;border:1px solid #25351e;border-radius:17px;background:radial-gradient(circle at 92% 8%,rgba(39,229,124,.10),transparent 31%),radial-gradient(circle at 24% 0,rgba(255,213,32,.055),transparent 34%),linear-gradient(180deg,#0e130b,#080c08);box-shadow:inset 0 1px rgba(255,255,255,.035)}.bpco-reward-top{display:flex;align-items:center;justify-content:space-between}.bpco-reward-top small{color:#64c98d;font-size:6.8px;font-weight:1000;letter-spacing:.75px}.bpco-reward-top span{padding:4px 7px;border-radius:999px;background:#261f05;border:1px solid rgba(255,213,31,.30);color:#d6b926;font-size:6.5px;font-weight:1000}.bpco-reward-top span b{color:#ffe03b;font-size:7px}.bpco-reward-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:7px}.bpco-first-copy strong{display:block;color:#98a6a1;font-size:7.6px;font-weight:900}.bpco-first-copy b{display:block;margin-top:3px;color:#f5f7f6;font-size:16px;line-height:1;font-weight:1000}.bpco-first-copy em{display:block;margin-top:4px;color:#31df7b;font-style:normal;font-size:6.8px;font-weight:1000}.bpco-first-money{text-align:right}.bpco-first-money small{display:block;color:#7c8d83;font-size:6px;font-weight:1000}.bpco-first-money strong{display:block;margin-top:2px;color:#ffe038;font-size:29px;line-height:.95;font-weight:1000;letter-spacing:-1px;white-space:nowrap}.bpco-max-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 9px;border:1px solid rgba(255,215,52,.13);border-radius:11px;background:#0b0d07}.bpco-max-row small{display:block;color:#79847f;font-size:6px;font-weight:1000}.bpco-max-row strong{display:block;margin-top:1px;color:#dbe2df;font-size:8px}.bpco-max-row>b{font-size:14px;color:#ffe13b;white-space:nowrap}
.bpco-checkpoint-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;margin-top:9px}.bpco-cp{position:relative;text-align:center;min-width:0;padding:7px 2px 6px;border-radius:9px;border:1px solid #26302a;background:#0b100d}.bpco-cp:not(:last-child):after{content:"";position:absolute;top:12px;right:-5px;width:7px;height:1px;background:#4d5a51;z-index:3}.bpco-cp b{display:block;font-size:10px;color:#36e487}.bpco-cp small{display:block;margin-top:2px;font-size:5.3px;color:#7b8983;font-weight:900}.bpco-cp.final{border-color:#594b0c;background:#171405}.bpco-cp.final b{color:#ffe03b}.bpco-cp.final small{color:#b49a31}.bpco-risk-note{display:flex;justify-content:space-between;gap:7px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.055);font-size:5.8px;font-weight:1000;color:#76837e}.bpco-risk-note b{color:#a6b0ac;text-align:right}
.bpco-bet-panel{margin:0 0 9px;padding:9px 10px;border:1px solid #1c2826;border-radius:15px;background:#09100e}.bpco-bet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.bpco-bet-head small{display:block;color:#788582;font-size:6.4px;font-weight:1000;letter-spacing:.7px}.bpco-bet-head strong{color:#e7ecea;font-size:9.5px;font-weight:1000}.bpco-bet-head>span{padding:4px 7px;border-radius:999px;background:#07150e;border:1px solid rgba(47,226,124,.21);color:#37dc83;font-size:6px;font-weight:1000}.bpco-bet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bpco-bet{min-width:0;min-height:42px;border:1px solid #263330;border-radius:11px;background:linear-gradient(180deg,#151c1b,#0d1312);color:#a2aeab;box-shadow:inset 0 1px rgba(255,255,255,.02);font-size:11.5px;font-weight:1000}.bpco-bet.active{border-color:#ffd524;background:linear-gradient(180deg,#2c2607,#171402);color:#ffe047;box-shadow:0 0 0 1px rgba(255,213,36,.07),inset 0 1px rgba(255,255,255,.05)}
.bpco-primary{width:100%;min-height:57px;border:0;border-radius:15px;background:linear-gradient(180deg,#ffe33d,#ffc10a);color:#1c1500;box-shadow:0 5px 0 #9d7100,0 9px 17px rgba(0,0,0,.24);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 10px}.bpco-primary span{font-size:15px;font-weight:1000;line-height:1}.bpco-primary small{font-size:7px;font-weight:1000;color:#6d5100;line-height:1.1}.bpco-play-note{margin:8px 0 0;text-align:center;color:#788582;font-size:6.8px;font-weight:850}
#authHome.bpco-cash-active .auth-bottom-nav #v17621CashNav{color:#31e383;}#authHome.bpco-cash-active .auth-bottom-nav #v17621CashNav .ni{background:#082818;color:#31e383;box-shadow:0 0 0 1px rgba(41,231,126,.16),0 5px 13px rgba(0,209,103,.12);}#authHome.bpco-cash-active .auth-bottom-nav #v17621JogarNav{color:#747d7b;}#authHome.bpco-cash-active .auth-bottom-nav #v17621JogarNav .ni{background:#101615;color:#747d7b;box-shadow:none;}

#cashoutGameScreen.bpco-game-screen{height:100dvh;min-height:0;overflow:hidden;padding:calc(5px + var(--safeTop)) 12px calc(5px + var(--safeBottom));background:radial-gradient(circle at 50% 18%,rgba(31,198,105,.09),transparent 32%),linear-gradient(180deg,#020807,#07110d 64%,#020604)}
.bpco-game-top{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:43px;height:43px;margin:0 1px 7px;position:relative}.bpco-game-left{display:flex;align-items:center;gap:5px;min-width:0;flex:0 1 auto}.bpco-game-back{width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,#132128,#071116);border:1px solid #29444d;color:#e2edff;font-size:19px}.bpco-game-mode{padding:6px 7px;border-radius:999px;font-size:clamp(9px,2.65vw,11px);font-weight:850;background:#e0f1f6;border:1px solid #c4e1e8;color:#126788;white-space:nowrap}.bpco-game-logo{position:static;left:auto;top:auto;transform:none;min-width:0;flex:0 1 auto;margin:0 auto;display:flex;justify-content:center;align-items:center;white-space:nowrap;font-size:clamp(14px,4.8vw,22px);color:#1a4264;font-weight:950}.bpco-game-logo .brand-logo{width:47px!important;height:auto;display:block}.bpco-game-badge{flex:0 0 auto;min-width:48px;padding:6px 8px;border-radius:10px;border:1px solid #c4e1e8;background:#e5f4f8;color:#126788;font-size:11px;font-weight:800;box-shadow:none;text-align:center}
/* V2.0.4.5 Cashout Gameplay 顶栏源规则：与 META/Guest 使用相同的响应式三段式布局。 */
@media(max-width:350px){.bpco-game-top{gap:3px;height:35px;min-height:35px;margin-bottom:3px}.bpco-game-left{gap:3px}.bpco-game-mode{font-size:9px;padding:5px}.bpco-game-logo{font-size:14px}.bpco-game-badge{min-width:37px;padding:5px}}
.bpco-score-stage{width:min(100%,340px);min-height:53px;margin:1px auto 3px;padding:5px 8px;border:1px solid rgba(51,91,76,.42);border-radius:12px;background:linear-gradient(180deg,#0b1411,#07100d);text-align:center}.bpco-score-stage>small{display:block;font-size:6.4px;color:#7f9290;letter-spacing:.85px;font-weight:1000}.bpco-score-main{font-size:36px;line-height:.92;letter-spacing:-2px;color:#36e487;font-weight:1000}.bpco-score-prize{margin-top:2px;font-size:8.7px;color:#ffe03b;font-weight:1000}.bpco-game-meta{width:min(100%,340px);display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 auto 3px}.bpco-game-meta>div{min-height:31px;padding:4px 8px;border-radius:10px;background:linear-gradient(180deg,#0d1b16,#07100d);border:1px solid rgba(55,89,75,.56)}.bpco-game-meta small{display:block;font-size:6px;color:#71847b;font-weight:1000}.bpco-game-meta strong{display:block;font-size:13px;color:#f3f6f5;font-weight:1000}.bpco-progress-wrap{width:min(100%,340px);margin:0 auto 4px}.bpco-progress-label{display:flex;justify-content:space-between;font-size:6px;color:#778981;font-weight:1000;margin-bottom:2px}.bpco-progress-label strong{color:#a8b2ae}.bpco-track{height:5px;border-radius:999px;background:#101915;border:1px solid #1c2923;overflow:hidden}.bpco-track i{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#22df74,#72ee91,#ffd32b);box-shadow:0 0 8px rgba(31,224,115,.16);transition:width .25s ease}
.bpco-game-board-wrap{position:relative;width:min(100%,340px);aspect-ratio:1/1;margin:0 auto;padding:7px;border-radius:16px;background:linear-gradient(180deg,#07130f,#030806);border:1px solid #19362a;box-shadow:0 10px 24px rgba(0,0,0,.28);--gap:4px}.bpco-game-board{padding:5px;--gap:4px}.bpco-value-pop{position:absolute;left:50%;top:46%;z-index:8;transform:translate(-50%,-50%) scale(.92);opacity:0;padding:8px 13px;border-radius:11px;background:linear-gradient(180deg,#ffe558,#ffc51b 58%,#e69800);border:1px solid #fff08e;color:#191300;font-size:16px;font-weight:1000;box-shadow:0 6px 15px rgba(255,190,0,.20)}.bpco-value-pop.show{animation:bpcoValuePop .72s ease both}@keyframes bpcoValuePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}25%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-60%) scale(.96)}}
.bpco-tray-title{text-align:center;margin:5px 0 2px;font-size:6.7px;color:#7d8e87;font-weight:1000;letter-spacing:1px}.bpco-tray{width:min(100%,340px);min-height:77px;margin:0 auto;padding:7px 10px;border-radius:14px;background:linear-gradient(180deg,#0a110f,#050a08);border:1px solid #1b2823;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;gap:5px}.bpco-tray-piece{display:grid;gap:3px;position:relative}.bpco-tray-piece i{width:23px;height:23px;border-radius:5px;position:relative;box-shadow:inset 0 2px rgba(255,255,255,.33),inset 0 -2px rgba(0,0,0,.18)}.bpco-tray-piece.p1{grid-template-columns:repeat(3,23px)}.bpco-tray-piece.p2{grid-template-columns:repeat(2,23px);grid-template-rows:repeat(2,23px)}.bpco-tray-piece.p3{grid-template-columns:repeat(3,23px)}.bpco-game-bottom{width:min(100%,340px);margin:5px auto 0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:6.6px;color:#7d8e87;font-weight:1000}.bpco-game-bottom b{font-size:11px;color:#ffe03b}

.bpco-overlay,.bpco-result-root{display:none;position:fixed;z-index:810;left:50%;top:0;transform:translateX(-50%);width:min(100vw,430px);height:100dvh;background:rgba(1,6,10,.79);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:14px}.bpco-overlay.show,.bpco-result-root.show{display:flex}.bpco-modal,.bpco-result-sheet{width:min(100%,374px);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(37,203,113,.15),transparent 30%),linear-gradient(180deg,#0b1812,#06100c);border:1px solid #285c42;box-shadow:0 0 0 1px rgba(46,227,131,.09),0 18px 44px rgba(0,0,0,.44);padding:18px 15px;text-align:center}.bpco-modal-kicker,.bpco-result-kicker{color:#48d98a;font-size:7px;font-weight:1000;letter-spacing:1px}.bpco-modal-mult{display:block;margin:5px 0 1px;font-size:54px;line-height:.9;color:#ffe03b;letter-spacing:-3px}.bpco-modal-money{font-size:28px;color:#f8faf9;font-weight:1000;letter-spacing:-1px}.bpco-modal p,.bpco-result-sheet>p{color:#859790;font-size:9.5px;line-height:1.4;margin:8px 0 13px}.bpco-modal-primary,.bpco-result-primary{width:100%;min-height:54px;border:1px solid #71f3aa;border-radius:14px;background:linear-gradient(180deg,#30ec87,#08c565);color:#03180c;font-size:14px;font-weight:1000;box-shadow:0 5px 0 #067a46,0 9px 17px rgba(0,0,0,.24)}.bpco-modal-secondary,.bpco-result-secondary{width:100%;min-height:45px;margin-top:8px;border:1px solid #33413b;border-radius:12px;background:#0c1411;color:#d2dad7;font-size:10px;font-weight:1000}.bpco-modal-risk{display:block;margin-top:9px;color:#71827b;font-size:6.5px;font-weight:900}.bpco-result-status{width:49px;height:49px;margin:0 auto 7px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#34ee8a,#08c366);color:#03170b;font-size:24px;font-weight:1000}.bpco-result-sheet h2{font-size:23px;margin:2px 0 1px}.bpco-result-money{margin:12px 0;padding:11px;border-radius:14px;background:#07110d;border:1px solid rgba(51,225,125,.20)}.bpco-result-money small{display:block;color:#70847b;font-size:6px;font-weight:1000}.bpco-result-money strong{display:block;margin-top:3px;font-size:32px;color:#ffe03b;letter-spacing:-1px}.bpco-result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.bpco-result-summary>div{padding:8px 5px;border-radius:10px;background:#0b1411;border:1px solid #1b2b23}.bpco-result-summary small{display:block;font-size:5.5px;color:#73837d;font-weight:1000}.bpco-result-summary strong{display:block;margin-top:2px;font-size:10px;color:#eef2f0}

@media(max-width:359px){.bpco-hero{padding:8px}.bpco-demo-stage{width:min(100%,272px);--gap:3px}.bpco-cell,.bpco-moving-piece i{border-radius:5px}.bpco-demo-copy strong{font-size:8.6px}.bpco-demo-copy span{font-size:6.2px}.bpco-reward-card{padding:9px 10px}.bpco-first-money strong{font-size:25px}.bpco-first-copy b{font-size:14px}.bpco-bet-panel{padding:8px}.bpco-bet-grid{gap:5px}.bpco-bet{min-height:36px;font-size:10px}.bpco-primary{min-height:52px}.bpco-primary span{font-size:13.5px}.bpco-game-board-wrap,.bpco-score-stage,.bpco-game-meta,.bpco-progress-wrap,.bpco-tray,.bpco-game-bottom{width:min(100%,292px)}.bpco-game-board-wrap{--gap:3px}.bpco-tray{min-height:63px}.bpco-tray-piece i{width:19px;height:19px}.bpco-tray-piece.p1,.bpco-tray-piece.p3{grid-template-columns:repeat(3,19px)}.bpco-tray-piece.p2{grid-template-columns:repeat(2,19px);grid-template-rows:repeat(2,19px)}.bpco-game-bottom span{font-size:5.7px}}
@media(max-height:620px){.bpco-hero{margin-bottom:7px;padding-top:7px;padding-bottom:8px}.bpco-demo-stage{width:min(100%,252px)}.bpco-demo-copy{margin-top:5px}.bpco-reward-card{margin-bottom:7px;padding-top:8px;padding-bottom:8px}.bpco-max-row{padding:6px 8px}.bpco-checkpoint-rail{margin-top:6px}.bpco-cp{padding:5px 2px}.bpco-risk-note{display:none}.bpco-bet-panel{margin-bottom:7px}.bpco-bet{min-height:34px}.bpco-primary{min-height:50px}.bpco-play-note{display:none}.bpco-score-stage{min-height:45px}.bpco-score-main{font-size:31px}.bpco-game-board-wrap{width:min(100%,292px)}.bpco-tray{min-height:59px}}
@media(min-width:400px){.bpco-demo-stage{width:min(100%,326px)}.bpco-first-money strong{font-size:31px}.bpco-game-board-wrap,.bpco-score-stage,.bpco-game-meta,.bpco-progress-wrap,.bpco-tray,.bpco-game-bottom{width:min(100%,350px)}}
@media(prefers-reduced-motion:reduce){.bpco-target-row,.bpco-gap-cell,.bpco-moving-piece,.bpco-clear-sweep,.bpco-clear-sweep:before{animation:none!important}}


/* V1.7.9.3.1 CASH OUT Hero Commercial Polish — scoped only to bpco/cashout. */
#cashoutPageRoot .bpco-hero{background:
 radial-gradient(circle at 50% -15%,rgba(38,211,255,.15),transparent 40%),
 radial-gradient(circle at 95% 18%,rgba(43,232,127,.13),transparent 32%),
 linear-gradient(180deg,#0a1214,#05090a);border-color:#223330;box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 34px rgba(0,0,0,.24)}
#cashoutPageRoot .bpco-demo-stage{overflow:hidden;border-color:#214256;background:
 radial-gradient(circle at 50% 45%,rgba(24,124,192,.22),transparent 56%),
 linear-gradient(180deg,#081620,#03090e);box-shadow:inset 0 1px rgba(255,255,255,.04),0 11px 24px rgba(0,0,0,.28)}
/* Old infinite demo animation is disabled. The commercial-polish timeline owns motion. */
#cashoutPageRoot .bpco-target-row,#cashoutPageRoot .bpco-gap-cell,#cashoutPageRoot .bpco-moving-piece,#cashoutPageRoot .bpco-clear-sweep{animation:none!important}
#cashoutPageRoot .bpco-moving-piece{opacity:0;transform:translate3d(20px,48px,0) scale(.96);transition:transform .56s cubic-bezier(.18,.82,.19,1),opacity .2s ease,filter .2s ease}
#cashoutPageRoot .bpco-demo-stage[data-motion="lift"] .bpco-moving-piece{opacity:1;transform:translate3d(10px,20px,0) scale(1.05);filter:drop-shadow(0 13px 12px rgba(0,0,0,.42))}
#cashoutPageRoot .bpco-demo-stage[data-motion="preview"] .bpco-moving-piece{opacity:1;transform:translate3d(-58px,-3px,0) scale(1.03);filter:drop-shadow(0 8px 9px rgba(0,0,0,.35))}
#cashoutPageRoot .bpco-demo-stage[data-motion="snap"] .bpco-moving-piece{opacity:0;transform:translate3d(-68px,-7px,0) scale(.96)}
#cashoutPageRoot .bpco-clear-sweep{opacity:0;transition:opacity .16s ease}
#cashoutPageRoot .bpco-demo-stage.is-clearing .bpco-clear-sweep{opacity:1}
#cashoutPageRoot .bpco-demo-stage.is-clearing .bpco-clear-sweep:before{animation:bpcoCommercialSweep .52s ease both!important}
@keyframes bpcoCommercialSweep{0%{transform:translateX(-120%);opacity:0}28%{opacity:1}100%{transform:translateX(120%);opacity:0}}
#cashoutPageRoot .bpco-cell{transition:transform .2s ease,opacity .22s ease,filter .22s ease,background .18s ease,border-color .18s ease;will-change:transform,opacity}
#cashoutPageRoot .bpco-cell.hero-preview{box-shadow:inset 0 0 0 2px rgba(255,229,64,.48),0 0 15px rgba(255,206,36,.18);border-color:rgba(255,232,92,.72)}
#cashoutPageRoot .bpco-cell.hero-complete{filter:brightness(1.18) saturate(1.08);transform:scale(.98)}
#cashoutPageRoot .bpco-cell.hero-cleared{opacity:.12;transform:scale(.78)}
#cashoutPageRoot .bpco-progress-chip,#cashoutPageRoot .bpco-unlock-chip{transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease,background .24s ease}
#cashoutPageRoot .bpco-progress-chip b,#cashoutPageRoot .bpco-unlock-chip b{transition:transform .2s ease,color .2s ease}
#cashoutPageRoot .bpco-unlock-chip em{display:block;margin-top:1px;color:#e8fff2;font-style:normal;font-size:7.2px;font-weight:1000;letter-spacing:.1px}
#cashoutPageRoot .bpco-demo-stage[data-checkpoint="1"] .bpco-unlock-chip{transform:scale(1.04);border-color:rgba(46,235,132,.55);box-shadow:0 7px 18px rgba(3,210,103,.18);background:rgba(5,29,17,.94)}
#cashoutPageRoot .bpco-demo-stage[data-checkpoint="1"] .bpco-unlock-chip b{color:#5cff9b;transform:scale(1.08)}
.bpco-hero-story-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:8px 1px 2px;position:relative}
.bpco-hero-story-rail:before{content:"";position:absolute;left:7%;right:7%;top:13px;height:2px;background:linear-gradient(90deg,rgba(51,235,138,.28),rgba(255,207,45,.28));border-radius:99px;z-index:0}
.bpco-hero-node{position:relative;z-index:1;min-width:0;text-align:center;padding:3px 1px 2px;opacity:.38;transform:translateY(0);transition:opacity .26s ease,transform .26s ease,filter .26s ease}
.bpco-hero-node:before{content:"";display:block;width:8px;height:8px;margin:0 auto 2px;border-radius:50%;background:#253332;border:2px solid #60706d;box-shadow:0 0 0 2px #07100f}
.bpco-hero-node b{display:block;font-size:8px;line-height:1;color:#c2ccca}.bpco-hero-node small{display:block;margin-top:2px;font-size:5.4px;color:#81908d;font-weight:900}.bpco-hero-node em{display:block;margin-top:1px;font-style:normal;font-size:5.4px;color:#879590;font-weight:900}
.bpco-hero-node.done{opacity:.72}.bpco-hero-node.done:before{background:#1fd676;border-color:#69ffac}.bpco-hero-node.active{opacity:1;transform:translateY(-1px);filter:drop-shadow(0 0 7px rgba(41,236,132,.26))}.bpco-hero-node.active:before{background:#35ec8b;border-color:#b0ffd0}.bpco-hero-node.active b{color:#59ff9d}.bpco-hero-node.final b{color:#ffde47}.bpco-hero-node.final.active:before{background:#ffcf32;border-color:#fff09a;box-shadow:0 0 0 2px #07100f,0 0 12px rgba(255,205,41,.5)}
.bpco-hero-burst{position:absolute;z-index:12;left:50%;top:50%;min-width:124px;padding:10px 12px;border-radius:17px;text-align:center;background:linear-gradient(180deg,rgba(7,31,20,.96),rgba(4,16,12,.97));border:1px solid rgba(75,255,152,.48);box-shadow:0 16px 38px rgba(0,0,0,.4),0 0 26px rgba(27,226,116,.14);opacity:0;transform:translate(-50%,-45%) scale(.82);pointer-events:none;transition:opacity .2s ease,transform .34s cubic-bezier(.17,.86,.26,1)}
.bpco-hero-burst.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.bpco-hero-burst small{display:block;color:#a6c7b4;font-size:6px;font-weight:1000;letter-spacing:.7px}.bpco-hero-burst b{display:block;margin-top:1px;color:#5cff9f;font-size:28px;line-height:1;font-weight:1000;letter-spacing:-1px}.bpco-hero-burst strong{display:block;margin-top:5px;color:#fff;font-size:14px;line-height:1;font-weight:1000}
.bpco-hero-decision{position:absolute;z-index:13;left:10px;right:10px;bottom:10px;padding:10px;border-radius:16px;background:linear-gradient(180deg,rgba(5,17,13,.97),rgba(3,10,8,.98));border:1px solid rgba(74,247,143,.38);box-shadow:0 15px 34px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.035);opacity:0;transform:translateY(18px) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .3s cubic-bezier(.18,.82,.21,1)}
.bpco-hero-decision.show{opacity:1;transform:translateY(0) scale(1)}
.bpco-hero-decision .decision-kicker{font-size:5.9px;color:#7fe6ad;font-weight:1000;letter-spacing:.68px;text-align:center}.bpco-hero-decision .decision-value{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:2px 0 7px}.bpco-hero-decision .decision-value b{font-size:25px;line-height:1;color:#5cff9e;font-weight:1000}.bpco-hero-decision .decision-value strong{font-size:15px;line-height:1.15;color:#fff;font-weight:1000}.bpco-hero-decision .decision-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:5px}.bpco-hero-decision .take,.bpco-hero-decision .continue{min-width:0;padding:7px 5px;border-radius:10px;text-align:center;font-size:6.7px;font-weight:1000}.bpco-hero-decision .take{background:linear-gradient(180deg,#42ef91,#11bf62);color:#04150d;box-shadow:0 5px 12px rgba(7,200,94,.2)}.bpco-hero-decision .continue{border:1px solid #334b42;background:#101a17;color:#e4ece8}.bpco-hero-decision .decision-risk{display:block;margin-top:5px;color:#83918d;text-align:center;font-size:5.5px;font-weight:800}
.bpco-hero-final{position:absolute;z-index:14;left:50%;top:50%;width:70%;padding:15px 12px;border-radius:20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,210,42,.15),transparent 55%),linear-gradient(180deg,rgba(22,18,5,.97),rgba(8,7,3,.98));border:1px solid rgba(255,213,60,.5);box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 36px rgba(255,190,24,.12);opacity:0;transform:translate(-50%,-46%) scale(.85);pointer-events:none;transition:opacity .22s ease,transform .38s cubic-bezier(.17,.88,.22,1)}
.bpco-hero-final.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.bpco-hero-final small{color:#d6b942;font-size:6px;font-weight:1000;letter-spacing:.7px}.bpco-hero-final b{display:block;margin-top:2px;color:#ffe15c;font-size:36px;line-height:1;font-weight:1000;letter-spacing:-1.4px}.bpco-hero-final strong{display:block;margin-top:6px;color:#fff;font-size:17px;line-height:1;font-weight:1000}
#cashoutPageRoot .bpco-demo-copy strong{transition:color .2s ease,transform .2s ease}#cashoutPageRoot .bpco-demo-copy strong.story-hot{color:#63ffa4;transform:translateY(-1px)}
/* Commercial reward/value hierarchy */
#cashoutPageRoot .bpco-reward-card{background:radial-gradient(circle at 96% 5%,rgba(255,205,34,.08),transparent 34%),linear-gradient(180deg,#101816,#080d0c);border-color:#293a35;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 27px rgba(0,0,0,.18)}
#cashoutPageRoot .bpco-reward-top span{background:linear-gradient(180deg,#3b2d08,#201802);border:1px solid rgba(255,212,54,.4);box-shadow:inset 0 1px rgba(255,255,255,.08)}
#cashoutPageRoot .bpco-first-money strong{font-size:26px;letter-spacing:-1px;text-shadow:0 4px 18px rgba(40,230,124,.14)}
#cashoutPageRoot .bpco-max-row{border-color:rgba(255,210,55,.18);background:linear-gradient(90deg,rgba(255,205,34,.05),rgba(255,205,34,.01))}#cashoutPageRoot .bpco-max-row b{color:#ffe266;font-size:14px;text-shadow:0 3px 14px rgba(255,196,23,.12)}
#cashoutPageRoot .bpco-cp{transition:opacity .2s ease,transform .2s ease,border-color .2s ease,background .2s ease}.bpco-cp em{display:block;margin-top:2px;font-style:normal;font-size:6px;color:#92a29e;font-weight:1000}.bpco-cp.active{opacity:1;transform:translateY(-1px);border-color:rgba(51,235,139,.35);background:rgba(25,100,61,.08)}.bpco-cp.active b{color:#5cff9e}.bpco-cp.done{opacity:.7}.bpco-cp.final b{color:#ffe15a}
/* CTA and bet depth */
#cashoutPageRoot .bpco-bet.active{box-shadow:inset 0 1px rgba(255,255,255,.16),0 5px 14px rgba(17,200,93,.15)}
#cashoutPageRoot .bpco-primary{background:linear-gradient(180deg,#52f29a 0%,#1fd579 47%,#0fba60 100%);box-shadow:inset 0 1px rgba(255,255,255,.32),inset 0 -2px rgba(0,80,41,.3),0 9px 19px rgba(8,203,95,.2);transition:transform .11s ease,filter .12s ease,box-shadow .12s ease}#cashoutPageRoot .bpco-primary:active{transform:translateY(2px) scale(.994);filter:brightness(.95);box-shadow:inset 0 2px rgba(0,0,0,.08),0 4px 11px rgba(8,203,95,.13)}
/* Checkpoint decision tiers */
.bpco-overlay .bpco-modal{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.bpco-overlay[data-tier="14"] .bpco-modal,.bpco-overlay[data-tier="22"] .bpco-modal,.bpco-overlay[data-tier="30"] .bpco-modal{background:radial-gradient(circle at 50% -5%,rgba(255,205,42,.09),transparent 43%),linear-gradient(180deg,#10120e,#070908)}.bpco-overlay[data-tier="14"] .bpco-modal{border-color:rgba(255,213,72,.24)}.bpco-overlay[data-tier="22"] .bpco-modal{border-color:rgba(255,213,72,.36);box-shadow:0 22px 58px rgba(0,0,0,.48),0 0 30px rgba(255,196,26,.07)}.bpco-overlay[data-tier="30"] .bpco-modal{border-color:rgba(255,221,94,.55);box-shadow:0 25px 66px rgba(0,0,0,.5),0 0 42px rgba(255,199,26,.12)}
.bpco-overlay[data-tier="14"] .bpco-modal-mult,.bpco-overlay[data-tier="22"] .bpco-modal-mult,.bpco-overlay[data-tier="30"] .bpco-modal-mult{color:#ffe064}.bpco-overlay[data-tier="30"] .bpco-modal-mult{font-size:62px;text-shadow:0 7px 28px rgba(255,202,34,.2)}.bpco-overlay[data-tier="30"] .bpco-modal-money{font-size:26px}.bpco-overlay .bpco-modal-primary{box-shadow:inset 0 1px rgba(255,255,255,.26),0 8px 18px rgba(16,200,94,.18)}
/* Result commercial hierarchy */
.bpco-result-sheet{background:radial-gradient(circle at 50% -10%,rgba(43,231,128,.09),transparent 36%),linear-gradient(180deg,#101716,#080d0c);border-color:#283b35;box-shadow:0 28px 72px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.04)}.bpco-result-sheet.result-loss{background:radial-gradient(circle at 50% -10%,rgba(255,92,76,.055),transparent 36%),linear-gradient(180deg,#151313,#0b0a0a)}.bpco-result-money strong{font-size:34px;letter-spacing:-1.2px}.bpco-result-kicker{letter-spacing:.75px}.bpco-result-primary{box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 18px rgba(15,194,91,.17)}
@media(max-width:350px){.bpco-hero-story-rail{gap:2px}.bpco-hero-node b{font-size:7px}.bpco-hero-node small,.bpco-hero-node em{font-size:4.9px}.bpco-hero-decision{left:7px;right:7px;bottom:7px;padding:8px}.bpco-hero-decision .decision-actions{gap:3px}.bpco-hero-final{width:75%;padding:12px 9px}.bpco-hero-final b{font-size:31px}}

/* Final Hero contrast/touch polish */
.bpco-hero-burst{background:linear-gradient(180deg,rgba(7,28,19,.995),rgba(3,13,9,.995));border-color:rgba(86,255,159,.62);box-shadow:0 18px 42px rgba(0,0,0,.52),0 0 32px rgba(34,231,124,.16)}
.bpco-hero-burst b{font-size:30px}.bpco-hero-burst strong{font-size:16px}
.bpco-hero-decision{background:linear-gradient(180deg,rgba(6,21,15,.995),rgba(3,11,8,.998));border-color:rgba(78,248,147,.52);box-shadow:0 17px 38px rgba(0,0,0,.55),0 0 25px rgba(25,221,112,.10)}
.bpco-hero-decision .decision-kicker{font-size:6.5px}.bpco-hero-decision .decision-value b{font-size:27px}.bpco-hero-decision .decision-value strong{font-size:17px}.bpco-hero-decision .take,.bpco-hero-decision .continue{padding:8px 5px;font-size:7.6px}.bpco-hero-decision .decision-risk{font-size:5.9px}
.bpco-hero-final{background:radial-gradient(circle at 50% 0,rgba(255,210,42,.18),transparent 55%),linear-gradient(180deg,rgba(24,19,5,.995),rgba(8,7,3,.998));border-color:rgba(255,220,82,.68);box-shadow:0 20px 46px rgba(0,0,0,.56),0 0 42px rgba(255,190,24,.15)}
/* Segment 025 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/cashout-conversion-commercial.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“cashout conversion commercial”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[24] id=v17931CashoutConversionCommercialPolishCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

#cashoutPageRoot.bpco-page{padding-bottom:8px!important}
#cashoutPageRoot .bpco-hero{margin-bottom:6px;padding:8px 9px 8px;border-radius:18px}
#cashoutPageRoot .bpco-hero-top{margin-bottom:5px}
#cashoutPageRoot .bpco-demo-stage{width:min(100%,269px);border-radius:17px}
#cashoutPageRoot .bpco-demo-copy{margin-top:5px}
#cashoutPageRoot .bpco-demo-copy span{opacity:.52}
#cashoutPageRoot .bpco-hero-story-rail{margin-top:5px}
#cashoutPageRoot .bpco-hero-story-rail [data-hero-cp]{transition:opacity .2s ease,filter .2s ease,transform .2s ease}
#cashoutPageRoot .bpco-hero-story-rail .risked{opacity:.46;filter:saturate(.25)}
#cashoutPageRoot .bpco-demo-stage[data-focus="decision"] .bpco-demo-board{filter:brightness(.44) saturate(.65);transition:filter .22s ease}
#cashoutPageRoot .bpco-demo-stage[data-focus="decision"] .bpco-progress-chip{opacity:.44;transform:scale(.95)}
#cashoutPageRoot .bpco-demo-stage[data-focus="decision"] .bpco-unlock-chip{opacity:.32}
#cashoutPageRoot .bpco-demo-stage[data-focus="decision"] .bpco-moving-piece,
#cashoutPageRoot .bpco-demo-stage[data-focus="decision"] .bpco-clear-sweep{opacity:0!important}
#cashoutPageRoot .bpco-demo-stage[data-focus="maximum"] .bpco-demo-board{filter:brightness(.68) saturate(.75)}
#cashoutPageRoot .bpco-hero-decision{inset:13% 8% auto!important;padding:12px 11px 10px!important;border-color:rgba(48,235,135,.54);background:linear-gradient(180deg,rgba(4,24,15,.98),rgba(4,12,9,.98));box-shadow:0 16px 32px rgba(0,0,0,.42),0 0 0 1px rgba(45,235,132,.08);}
#cashoutPageRoot .bpco-hero-decision .decision-value{margin:3px 0 7px}
#cashoutPageRoot .bpco-hero-decision .decision-value b{font-size:19px!important;color:#50ee96;}
#cashoutPageRoot .bpco-hero-decision .decision-value strong{font-size:28px!important;letter-spacing:-1px;color:#f7fff9;}
#cashoutPageRoot .bpco-hero-decision .decision-actions{gap:6px!important}
#cashoutPageRoot .bpco-hero-decision .decision-actions .take{min-height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#52f29a,#13c96b);color:#032611;box-shadow:0 7px 16px rgba(16,211,101,.22);}
#cashoutPageRoot .bpco-hero-decision .decision-actions .continue{min-height:32px;display:flex;align-items:center;justify-content:center;background:#111a18;border:1px solid #35433f!important;color:#e3ece9;}
#cashoutPageRoot .bpco-hero-decision .decision-next{margin:7px 0 2px;padding:5px 7px;border-radius:8px;background:rgba(255,198,48,.06);border:1px solid rgba(255,199,43,.12);color:#e0bc42;font-size:6.4px;font-weight:1000;letter-spacing:.25px;text-align:center}
#cashoutPageRoot .bpco-hero-decision .decision-risk{color:#c58e61;opacity:.8;}
#cashoutPageRoot .bpco-progress-chip{border-color:rgba(42,195,229,.18)}
#cashoutPageRoot .bpco-progress-chip b{color:#7eeaff}
#cashoutPageRoot .bpco-reward-card{margin-bottom:6px;padding:8px 10px 7px;border-radius:15px}
#cashoutPageRoot .bpco-reward-main{margin-top:5px;align-items:center}
#cashoutPageRoot .bpco-first-copy strong{font-size:8px}
#cashoutPageRoot .bpco-first-copy b{font-size:16px;margin-top:2px}
#cashoutPageRoot .bpco-first-copy em{font-size:6.8px;margin-top:2px}
#cashoutPageRoot .bpco-first-money strong{font-size:29px;color:#45eb91;text-shadow:0 3px 14px rgba(42,225,130,.14)}
#cashoutPageRoot .bpco-max-row{margin-top:5px;padding:5px 7px}
#cashoutPageRoot .bpco-max-row>b{font-size:14px;color:#ffe05a}
#cashoutPageRoot .bpco-checkpoint-rail{margin-top:6px;gap:2px}
#cashoutPageRoot .bpco-cp{padding:5px 1px 4px;border-radius:8px}
#cashoutPageRoot .bpco-cp b{font-size:10px}
#cashoutPageRoot .bpco-cp small{font-size:5.3px;margin-top:1px}
#cashoutPageRoot .bpco-cp em{display:none!important}
#cashoutPageRoot .bpco-cp:not(:last-child):after{top:10px}
#cashoutPageRoot .bpco-cp.final{box-shadow:0 0 13px rgba(255,201,34,.07)}
#cashoutPageRoot .bpco-risk-note{display:none!important}
#cashoutPageRoot .bpco-bet-panel{margin-bottom:5px;padding:7px 9px;border-radius:13px}
#cashoutPageRoot .bpco-bet-head{margin-bottom:5px}
#cashoutPageRoot .bpco-bet{min-height:33px;border-radius:9px;font-size:10.5px}
#cashoutPageRoot .bpco-bet-grid{gap:4px}
#cashoutPageRoot .bpco-primary{min-height:49px;border-radius:13px}
#cashoutPageRoot .bpco-primary span{font-size:14px}
#cashoutPageRoot .bpco-primary small{font-size:5.8px}
#cashoutPageRoot .bpco-play-note{margin-top:4px;font-size:5.5px;opacity:.55}
#bpcoCheckpointOverlay .bpco-modal{padding:18px 16px 15px!important}
#bpcoCheckpointOverlay .bpco-modal-mult{font-size:29px!important;color:#55eb98;}
#bpcoCheckpointOverlay .bpco-modal-money{font-size:39px!important;line-height:1!important;color:#f7fff9;text-shadow:0 7px 25px rgba(34,223,126,.13);}
#bpcoCheckpointOverlay[data-tier="14"] .bpco-modal-money,
#bpcoCheckpointOverlay[data-tier="22"] .bpco-modal-money,
#bpcoCheckpointOverlay[data-tier="30"] .bpco-modal-money{color:#ffe36a;text-shadow:0 7px 26px rgba(255,197,40,.14);}
#bpcoCheckpointOverlay .bpco-modal p{margin:5px 0 8px!important;color:#92a39d;font-size:7.2px!important;}
#bpcoCheckpointOverlay .bpco-modal-primary{min-height:49px!important;box-shadow:0 8px 18px rgba(16,211,101,.2);}
#bpcoCheckpointOverlay .bpco-modal-secondary{min-height:42px!important;background:#101817;border-color:#34413e;color:#dfe8e5;}
#bpcoCheckpointOverlay .bpco-modal-risk{color:#bf8c66;font-size:6.2px!important;}
#cashoutResultRoot .bpco-result-money strong{font-size:38px!important}
#cashoutResultRoot .bpco-result-sheet[data-result="win"] .bpco-result-money strong{color:#58ef9c;text-shadow:0 8px 28px rgba(28,221,121,.14);}
#cashoutResultRoot .bpco-result-sheet[data-result="loss"] .bpco-result-status{color:#a7b4b1;box-shadow:none;}
#cashoutResultRoot .bpco-result-sheet[data-result="loss"] .bpco-result-money strong{color:#f2f5f4;}
#cashoutResultRoot .bpco-result-sheet[data-result="loss"]{border-color:#303b39;background:linear-gradient(180deg,#111817,#080d0c);}
@media(max-width:359px){
 #cashoutPageRoot .bpco-hero{padding:6px 7px}
 #cashoutPageRoot .bpco-demo-stage{width:min(100%,228px)}
 #cashoutPageRoot .bpco-reward-card{padding:6px 8px}
 #cashoutPageRoot .bpco-first-money strong{font-size:22px}
 #cashoutPageRoot .bpco-bet{min-height:31px;font-size:9.5px}
 #cashoutPageRoot .bpco-primary{min-height:45px}
 #cashoutPageRoot .bpco-play-note{display:none}
}
@media(min-width:400px){#cashoutPageRoot .bpco-demo-stage{width:min(100%,282px)}}
/* Segment 026 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/cashout-real-gameplay-integration.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“cashout real gameplay integration”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[25] id=v17932CashoutRealGameplayIntegrationCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.3.2 — CASH OUT real shared-engine integration. Presentation only; no input/placement overrides. */
#cashoutGameScreen{display:none}
#v163CashOverlay{display:none}
#gameScreen.v17932-cashout-real{background:radial-gradient(circle at 50% 11%,rgba(43,215,130,.09),transparent 28%),linear-gradient(180deg,#030908 0%,#06110d 62%,#020605 100%)}
#gameScreen.v17932-cashout-real .game-mode{border-color:rgba(54,224,137,.32);background:rgba(11,65,40,.62);color:#72f7ad}
#gameScreen.v17932-cashout-real #gameBadge{border-color:rgba(255,210,54,.36);background:linear-gradient(180deg,#3e3009,#201804);color:#ffe268}
#gameScreen.v17932-cashout-real .bp17921-mode-hud{background:radial-gradient(circle at 94% 5%,rgba(255,206,47,.08),transparent 38%),linear-gradient(180deg,#0d1814,#07100d);border-color:rgba(48,211,126,.28);box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.18)}
#gameScreen.v17932-cashout-real .bp17921-hud-cashout .bp17921-reward strong{color:#47ef94}
#gameScreen.v17932-cashout-real .bp17921-hud-cashout .bp17921-hud-fill{background:linear-gradient(90deg,#39caed,#52e7ff 68%,#ffd84d)}
#gameScreen.v17932-cashout-real .board-wrap{filter:drop-shadow(0 14px 24px rgba(0,0,0,.28))}
#gameScreen.v17932-cashout-real .tray-title{color:#9fb4ac}
#gameScreen.v17932-cashout-real .game-hint{color:#84a398}
#bpcoCheckpointOverlay.v17932-runtime-modal{z-index:365}
#bpcoCheckpointOverlay.v17932-runtime-modal .bpco-modal{border-color:rgba(54,229,140,.42);box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 35px rgba(30,220,127,.09)}
#bpcoCheckpointOverlay.v17932-runtime-modal .bpco-modal-money{font-size:42px;letter-spacing:-1.5px;color:#f7fff9;text-shadow:0 5px 20px rgba(53,231,143,.13)}
#bpcoCheckpointOverlay.v17932-runtime-modal .bpco-modal-mult{color:#55f39b}
#bpcoCheckpointOverlay.v17932-runtime-modal[data-final="1"] .bpco-modal{border-color:rgba(255,212,60,.48);background:radial-gradient(circle at 50% 0,rgba(255,211,55,.13),transparent 40%),linear-gradient(180deg,#10150d,#070b08)}
#bpcoCheckpointOverlay.v17932-runtime-modal[data-final="1"] .bpco-modal-mult,#bpcoCheckpointOverlay.v17932-runtime-modal[data-final="1"] .bpco-modal-money{color:#ffe36a}
#cashoutResultRoot.v17932-real-result .bpco-result-sheet{box-shadow:0 26px 80px rgba(0,0,0,.66),0 0 32px rgba(37,219,125,.08)}
#cashoutResultRoot.v17932-real-result[data-result="loss"] .bpco-result-status{background:linear-gradient(180deg,#344440,#202b28);color:#c8d5d1}
#cashoutResultRoot.v17932-real-result .v17932-result-balance{margin:8px 0 2px;padding:7px 10px;border-radius:10px;background:#08100e;border:1px solid #1e2f29;display:flex;justify-content:space-between;align-items:center;color:#8fa39c;font-size:8px;font-weight:900;letter-spacing:.2px}
#cashoutResultRoot.v17932-real-result .v17932-result-balance strong{font-size:14px;color:#eefbf4}
html[data-debug="1"] #v17932Debug{position:fixed;z-index:41000;right:6px;bottom:6px;width:min(390px,calc(100vw - 12px));max-height:46dvh;overflow:auto;background:rgba(2,10,7,.97);color:#d6ffe7;border:1px solid rgba(59,230,141,.46);border-radius:11px;padding:7px;font:700 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}
html[data-debug="1"] #v17932Debug button{font:800 8px system-ui;margin:2px;padding:4px 6px;border:0;border-radius:6px;background:#16452f;color:#eafff1}
@media(max-height:600px){#bpcoCheckpointOverlay.v17932-runtime-modal .bpco-modal-money{font-size:34px}}
/* Segment 027 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/cashout-alignment.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“cashout alignment”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[26] id=v179321CashoutAlignmentCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.3.2.1 — Cashout HUD / entry / checkpoint alignment only. */
#gameScreen.v17932-cashout-real #v17925Milestone{display:none!important}
#gameScreen.v17932-cashout-real .score-stage,
#gameScreen.v17932-cashout-real .game-meta,
#gameScreen.v17932-cashout-real .progress-wrap{display:none!important}
#gameScreen.v17932-cashout-real #gameBadge{min-width:42px;background:#e5f4f8;color:#126788;border-color:#c4e1e8}
#gameScreen.v17932-cashout-real .bp17921-mode-hud{min-height:60px;padding:6px 9px 6px;margin-bottom:4px;border-radius:13px;background:#fff;border-color:#cee0ea}
#gameScreen.v17932-cashout-real .bp17921-lines strong{font-size:30px!important;letter-spacing:-1.2px!important}
#gameScreen.v17932-cashout-real .bp17921-reward small{color:#8ba59c!important}
#gameScreen.v17932-cashout-real .bp17921-reward strong{font-size:18px!important;color:#55ec99!important}
#gameScreen.v17932-cashout-real .bp17921-reward em{display:inline-flex!important;color:#ffe166!important;background:rgba(74,57,4,.72)!important;border-color:rgba(255,211,53,.25)!important}
#gameScreen.v17932-cashout-real .bp17921-hud-secondary{font-size:6.8px!important;color:#9fb5ae!important}
#gameScreen.v17932-cashout-real .bp17921-hud-secondary strong{color:#69ddff!important;font-size:6.8px!important}
#gameScreen.v17932-cashout-real .bp17921-hud-fill{background:linear-gradient(90deg,#26c7ee,#52e8ff 68%,#ffd44e)!important}
#gameScreen.v17932-cashout-real.v179321-decision-pending #bp17921ModeHud{opacity:.20!important;filter:saturate(.55) brightness(.72);transition:opacity 140ms ease,filter 140ms ease}
#bpcoCheckpointOverlay.v179321-aligned-modal .bpco-modal{border-color:rgba(65,229,143,.44);}
#bpcoCheckpointOverlay.v179321-aligned-modal .bpco-modal-money{font-size:44px!important}
@media(max-height:600px){
 #gameScreen.v17932-cashout-real .bp17921-mode-hud{min-height:50px!important;padding:4px 7px!important;margin-bottom:2px!important}
 #gameScreen.v17932-cashout-real .bp17921-lines strong{font-size:24px!important}
 #gameScreen.v17932-cashout-real .bp17921-reward strong{font-size:15px!important}
}
html[data-debug="1"] #v179321AlignmentDebug{position:fixed;right:5px;top:80px;z-index:42000;width:min(355px,calc(100vw - 10px));max-height:31dvh;overflow:auto;padding:7px;border-radius:10px;border:1px solid rgba(88,232,157,.48);background:rgba(3,13,9,.97);color:#dfffea;font:700 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}
/* Segment 028 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/system/system-screens.css
 * 视觉领域：system
 * 职责：承载 Golden Formal 中“system screens”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[27] id=v18061SystemScreensCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* BLOCK PIX V1.8.0.6.1 — independent commercial system screens. Gameplay CSS intentionally untouched. */
#authHome{overflow:hidden}
#v18061SystemViewport{display:none;flex:1 1 auto;min-height:0;position:relative;overflow:hidden;background:linear-gradient(180deg,#031020 0%,#04142a 55%,#03101f 100%)}
#authHome.v18061-system-active #authContent{display:none!important}
#authHome.v18061-system-active #v18061SystemViewport{display:block}
#authHome.v18061-child-active .auth-app-header,#authHome.v18061-child-active .auth-bottom-nav{display:none!important}
#authHome.v18061-child-active #v18061SystemViewport{flex:1 1 100%;height:100%}
.v18061-screen{display:none;position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 12px calc(88px + var(--safeBottom));scrollbar-width:none;background:linear-gradient(180deg,#031020 0%,#04142b 44%,#03101e 100%)}
.v18061-screen::-webkit-scrollbar{display:none}.v18061-screen.active{display:block;animation:v18061RootEnter .18s ease both}
.v18061-screen.child{padding:0 12px calc(24px + var(--safeBottom));background:linear-gradient(180deg,#041327,#031020)}
.v18061-screen.child.active{animation:v18061ChildIn .2s cubic-bezier(.2,.76,.2,1) both}
@keyframes v18061RootEnter{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes v18061ChildIn{from{opacity:.35;transform:translateX(16px)}to{opacity:1;transform:none}}
.v18061-hero{position:relative;overflow:hidden;border:1px solid rgba(45,181,255,.30);border-radius:22px;padding:18px 17px;background:radial-gradient(circle at 88% 8%,rgba(43,217,255,.22),transparent 30%),radial-gradient(circle at 7% 100%,rgba(45,239,160,.12),transparent 34%),linear-gradient(145deg,#071d3d,#06162f 64%,#071d3c);box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)}
.v18061-hero:after{content:"";position:absolute;width:104px;height:104px;right:-22px;bottom:-32px;border-radius:30px;transform:rotate(18deg);background:linear-gradient(145deg,rgba(49,219,255,.22),rgba(119,81,255,.08));box-shadow:0 0 35px rgba(45,204,255,.14);pointer-events:none}
.v18061-kicker{font-size:12px;letter-spacing:1.35px;color:#58eab1;font-weight:950}.v18061-hero h1{position:relative;z-index:1;margin:5px 0 5px;font-size:27px;line-height:1.02;letter-spacing:-.8px;color:#f3f8ff}.v18061-hero p{position:relative;z-index:1;margin:0;max-width:285px;color:#91aac7;font-size:15px;line-height:1.38;font-weight:650}
.v18061-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.v18061-mini-stat{min-width:0;padding:11px 12px;border-radius:14px;border:1px solid rgba(72,151,217,.20);background:rgba(1,13,29,.64)}.v18061-mini-stat small{display:block;color:#7793b4;font-size:11px;font-weight:900;letter-spacing:.55px}.v18061-mini-stat strong{display:block;margin-top:3px;color:#f4f8ff;font-size:21px;letter-spacing:-.4px}.v18061-mini-stat strong.accent{color:#48efaa}
.v18061-card{margin-top:12px;padding:16px;border-radius:20px;border:1px solid rgba(61,116,174,.30);background:linear-gradient(180deg,rgba(7,25,51,.98),rgba(4,17,36,.98));box-shadow:0 12px 28px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.035)}
.v18061-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.v18061-card-head small{display:block;color:#6d8caf;font-size:11px;letter-spacing:.8px;font-weight:950}.v18061-card-head h2{margin:3px 0 0;font-size:20px;color:#f4f8ff;letter-spacing:-.35px}.v18061-chip-info{align-self:center;padding:6px 9px;border-radius:999px;background:#072c27;border:1px solid rgba(62,241,169,.26);color:#53eeb0;font-size:10px;font-weight:950;white-space:nowrap}
.v18061-money-input{display:flex;align-items:center;height:64px;border-radius:16px;border:1px solid #254b72;background:#030c1a;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}.v18061-money-input span{padding-left:15px;color:#58eab1;font-size:20px;font-weight:1000}.v18061-money-input input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#f4f8ff;padding:0 12px;font-size:25px;font-weight:950}.v18061-money-input input::placeholder{color:#49637f}.v18061-money-input b{margin-right:14px;color:#6d8dad;font-size:13px}
.v18061-help{margin:8px 2px 0;color:#6f8aa7;font-size:13px;line-height:1.4}.v18061-error{min-height:18px;margin:7px 2px 0;color:#ff8d97;font-size:12.5px;font-weight:750}
.v18061-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.v18061-amount{position:relative;height:52px;border-radius:14px;border:1px solid #1b466e;background:linear-gradient(180deg,#0b2646,#071a33);color:#c9ddf4;font-size:16px;font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.045)}.v18061-amount:active,.v18061-btn:active,.v18061-menu-row:active{transform:scale(.98)}.v18061-amount.selected{border-color:#42efad;background:linear-gradient(180deg,#0d443c,#082d2d);color:#60f3b6;box-shadow:0 0 0 1px rgba(71,243,176,.17),0 8px 20px rgba(0,223,145,.11)}.v18061-amount.popular:after{content:"POPULAR";position:absolute;top:-7px;right:6px;padding:2px 5px;border-radius:999px;background:#58eab1;color:#05251b;font-size:7px;letter-spacing:.45px}
.v18061-btn{width:100%;min-height:58px;border:0;border-radius:16px;font-size:17px;font-weight:1000;letter-spacing:.25px;transition:transform .12s ease,opacity .12s ease,filter .12s ease}.v18061-btn.primary{background:linear-gradient(180deg,#4affb5,#08d987);color:#03271b;box-shadow:0 9px 22px rgba(0,225,137,.20),inset 0 1px #a8ffd6}.v18061-btn.secondary{border:1px solid #26547c;background:#081d38;color:#c7ddf3}.v18061-btn.ghost{border:1px solid rgba(50,112,170,.55);background:transparent;color:#9fc2e1}.v18061-btn:disabled{opacity:.38;filter:saturate(.55);box-shadow:none}.v18061-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.v18061-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.v18061-trust{padding:11px;border-radius:14px;background:#041a31;border:1px solid rgba(44,101,157,.36)}.v18061-trust b{display:block;color:#d8e9f7;font-size:13px}.v18061-trust span{display:block;margin-top:2px;color:#6987a4;font-size:11.5px}
.v18061-recent{display:flex;align-items:center;gap:11px;padding:12px;border-radius:14px;background:#04172d;border:1px solid rgba(49,95,143,.30)}.v18061-recent-icon{width:40px;height:40px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:#0a3052;color:#58eab1;font-weight:1000}.v18061-recent-copy{min-width:0;flex:1}.v18061-recent-copy b{display:block;color:#e8f3ff;font-size:14px}.v18061-recent-copy small{display:block;margin-top:2px;color:#718da8;font-size:11px}.v18061-recent-amt{text-align:right}.v18061-recent-amt b{display:block;color:#58eab1;font-size:14px}.v18061-link-action{margin-top:10px;width:100%;border:0;background:transparent;color:#63c8ff;text-align:center;font-size:13px;font-weight:900}
/* Deposit pending */
.v18061-deposit-pending{display:none}.v18061-deposit-screen[data-view="PENDING"] .v18061-deposit-entry{display:none}.v18061-deposit-screen[data-view="PENDING"] .v18061-deposit-pending{display:block}.v18061-qr-wrap{display:grid;grid-template-columns:122px 1fr;gap:14px;align-items:center}.v18061-qr{width:122px;height:122px;background:#fff;border:8px solid #fff;border-radius:13px;image-rendering:pixelated}.v18061-status-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#2a2610;border:1px solid rgba(255,210,63,.24);color:#ffd84e;font-size:11px;font-weight:950}.v18061-pending-copy h2{margin:10px 0 4px;color:#eef7ff;font-size:21px}.v18061-pending-copy p{margin:0;color:#7894af;font-size:13px;line-height:1.42}.v18061-pix-code{margin-top:14px;padding:12px;border-radius:13px;background:#020a16;border:1px solid #1e456a;color:#9bb9d5;font:12px/1.4 ui-monospace,monospace;word-break:break-all}.v18061-pending-amount{margin-top:12px;display:flex;justify-content:space-between;align-items:end}.v18061-pending-amount small{color:#6d8ba8;font-size:11px}.v18061-pending-amount strong{color:#f2f8ff;font-size:28px}
/* Referral */
.v18061-ref-hero{background:radial-gradient(circle at 87% 4%,rgba(124,75,255,.25),transparent 34%),radial-gradient(circle at 15% 100%,rgba(26,239,172,.16),transparent 38%),linear-gradient(145deg,#0a1b42,#07162e 60%,#101449);border-color:rgba(108,102,255,.30)}.v18061-flow{display:flex;align-items:center;gap:7px;margin-top:15px}.v18061-flow span{height:39px;min-width:39px;padding:0 9px;border-radius:12px;display:grid;place-items:center;background:#0b2d4c;border:1px solid #21547c;color:#b9dcf7;font-size:12px;font-weight:1000}.v18061-flow i{height:2px;flex:1;background:linear-gradient(90deg,#27dca0,#5eb6ff,#845cff)}
.v18061-ref-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v18061-summary-box{padding:15px;border-radius:17px;border:1px solid rgba(67,117,174,.31);background:#06182f}.v18061-summary-box small{display:block;color:#718fae;font-size:11px;font-weight:900;letter-spacing:.55px}.v18061-summary-box strong{display:block;margin-top:5px;color:#f3f8ff;font-size:28px;letter-spacing:-.7px}.v18061-summary-box strong.green{color:#53efad}.v18061-summary-box p{margin:5px 0 0;color:#6885a2;font-size:11.5px;line-height:1.35}
.v18061-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v18061-metric{padding:13px;border-radius:15px;background:#05172d;border:1px solid rgba(52,103,153,.31)}.v18061-metric b{display:block;color:#eef6ff;font-size:20px}.v18061-metric span{display:block;margin-top:4px;color:#738faa;font-size:12px}.v18061-linkbox{padding:12px;border-radius:14px;background:#020c1a;border:1px solid #1e4e76;display:flex;gap:8px;align-items:center}.v18061-linkbox code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9dff2;font-size:13px}.v18061-linkbox button{flex:0 0 auto;border:0;border-radius:10px;background:#0b3555;color:#5eeab0;height:38px;padding:0 12px;font-weight:1000}.v18061-empty{padding:18px 13px;border-radius:15px;background:#04162a;border:1px dashed #214b70;text-align:center}.v18061-empty .icon{width:45px;height:45px;margin:0 auto 8px;border-radius:14px;display:grid;place-items:center;background:#0a2b4b;color:#65cfff;font-size:20px}.v18061-empty b{display:block;color:#dfeeff;font-size:15px}.v18061-empty p{margin:5px auto 0;max-width:275px;color:#6d8aa6;font-size:12.5px;line-height:1.4}
/* Profile hub */
.v18061-profile-card{display:flex;align-items:center;gap:13px}.v18061-avatar{width:58px;height:58px;flex:0 0 auto;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#4b8fff,#7448ea);box-shadow:0 8px 24px rgba(75,98,255,.25);color:#fff;font-size:23px;font-weight:1000}.v18061-profile-copy{min-width:0;flex:1}.v18061-profile-copy h2{margin:0;color:#f5f9ff;font-size:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v18061-profile-copy p{margin:4px 0 0;color:#7896b5;font-size:13px}.v18061-member{margin-top:7px;display:inline-flex;padding:5px 8px;border-radius:999px;background:#082c27;border:1px solid rgba(60,233,167,.25);color:#55eeb0;font-size:10px;font-weight:950}
.v18061-menu{overflow:hidden;padding:0}.v18061-menu-row{width:100%;min-height:68px;border:0;border-bottom:1px solid rgba(50,91,133,.27);background:transparent;color:#fff;display:grid;grid-template-columns:42px 1fr 18px;gap:11px;align-items:center;padding:10px 14px;text-align:left}.v18061-menu-row:last-child{border-bottom:0}.v18061-menu-ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#0a2a4a;color:#61d9ff;font-size:17px;font-weight:1000}.v18061-menu-row.danger .v18061-menu-ico{background:#321827;color:#ff8291}.v18061-menu-copy b{display:block;color:#eef6ff;font-size:15.5px}.v18061-menu-copy small{display:block;margin-top:3px;color:#718da8;font-size:11.5px}.v18061-menu-row.danger .v18061-menu-copy b{color:#ff8e99}.v18061-chevron{color:#52728f;font-size:21px}
/* Child screen */
.v18061-child-head{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;margin:0 -12px 13px;padding:calc(10px + var(--safeTop)) 12px 10px;background:rgba(3,16,32,.96);backdrop-filter:blur(12px);border-bottom:1px solid #173b60}.v18061-back{width:42px;height:42px;border-radius:13px;border:1px solid #24547d;background:#071d37;color:#e2effa;font-size:28px;line-height:1}.v18061-child-head h1{margin:0;text-align:center;color:#f2f7fd;font-size:21px;letter-spacing:-.3px}.v18061-child-spacer{width:42px;height:42px}
.v18061-balance-hero{padding:17px;border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(38,220,164,.17),transparent 34%),linear-gradient(145deg,#092a3b,#071b33);border:1px solid rgba(50,218,169,.26)}.v18061-balance-hero small{display:block;color:#74a0ad;font-size:11px;font-weight:900;letter-spacing:.7px}.v18061-balance-hero strong{display:block;margin-top:4px;color:#5cf0af;font-size:32px;letter-spacing:-1px}.v18061-balance-hero p{margin:5px 0 0;color:#7892a8;font-size:12.5px}
.v18061-eligibility{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v18061-elig{padding:11px 8px;border-radius:13px;background:#05182e;border:1px solid #1d4569;text-align:center}.v18061-elig small{display:block;color:#6c88a5;font-size:9.5px;font-weight:900}.v18061-elig b{display:block;margin-top:4px;color:#eaf3fc;font-size:14px}.v18061-elig.ok{border-color:rgba(59,231,166,.34);background:#06241f}.v18061-elig.ok b{color:#55eeb0}.v18061-elig.bad{border-color:rgba(255,116,126,.28);background:#24131d}.v18061-elig.bad b{color:#ff9aa1}
.v18061-field{display:block;margin-top:12px}.v18061-field>span{display:block;margin:0 2px 7px;color:#a9bed3;font-size:13px;font-weight:850}.v18061-field input{width:100%;height:56px;border-radius:14px;border:1px solid #234d74;background:#030d1b;color:#eef6ff;padding:0 14px;font-size:16px;outline:0}.v18061-field input:focus{border-color:#46dca4;box-shadow:0 0 0 2px rgba(55,229,168,.10)}
.v18061-form-grid{display:grid;gap:0}.v18061-inline-status{margin-top:11px;padding:12px;border-radius:14px;background:#071b31;border:1px solid #20496e;color:#7898b5;font-size:12.5px;line-height:1.4}.v18061-inline-status strong{color:#dcecff}.v18061-inline-status.bad{background:#26131c;border-color:#5e2c3a;color:#e7a8ae}.v18061-inline-status.good{background:#07251f;border-color:#1c5a47;color:#9bd7c0}
/* Account / transaction rows */
.v18061-detail-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid rgba(52,92,132,.27)}.v18061-detail-row:last-child{border-bottom:0}.v18061-detail-row span{color:#718da8;font-size:13px}.v18061-detail-row b{max-width:62%;color:#eaf4ff;font-size:14px;text-align:right;overflow:hidden;text-overflow:ellipsis}.v18061-tx-list{display:grid;gap:8px}.v18061-tx{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:12px;border-radius:15px;background:#05172c;border:1px solid rgba(48,97,144,.30)}.v18061-tx-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#0a2a49;color:#65d7ff;font-weight:1000}.v18061-tx-copy b{display:block;color:#eaf4fe;font-size:13.5px}.v18061-tx-copy small{display:block;margin-top:3px;color:#6f8aa5;font-size:10.8px}.v18061-tx-amt{text-align:right}.v18061-tx-amt b{display:block;font-size:13.5px;color:#ecf5fd}.v18061-tx-amt b.plus{color:#54edaa}.v18061-tx-amt small{display:block;margin-top:3px;color:#7892aa;font-size:9.5px;font-weight:900}
/* System modals added to the existing HomeModalController */
.v18061-modal-overlay{position:fixed;inset:0;z-index:460;display:none;align-items:flex-end;justify-content:center;padding:18px 14px calc(18px + var(--safeBottom));background:rgba(0,5,13,.72);backdrop-filter:blur(5px)}.v18061-modal-overlay.show{display:flex;animation:v18061Fade .18s ease both}@keyframes v18061Fade{from{opacity:0}to{opacity:1}}.v18061-modal{width:min(100%,410px);padding:18px;border-radius:22px 22px 18px 18px;border:1px solid #28577e;background:linear-gradient(180deg,#0a203b,#05152b);box-shadow:0 24px 60px rgba(0,0,0,.48);animation:v18061Sheet .22s cubic-bezier(.2,.75,.2,1) both}@keyframes v18061Sheet{from{transform:translateY(22px);opacity:.5}to{transform:none;opacity:1}}.v18061-modal small{display:block;color:#61e7af;font-size:11px;font-weight:950;letter-spacing:.7px}.v18061-modal h2{margin:5px 0 7px;color:#f1f7fd;font-size:23px}.v18061-modal p{margin:0;color:#8ba4bd;font-size:14.5px;line-height:1.45}.v18061-modal-summary{margin:13px 0;padding:12px;border-radius:14px;background:#031020;border:1px solid #1f4568}.v18061-modal-summary div{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.v18061-modal-summary span{color:#708ca7;font-size:12px}.v18061-modal-summary b{color:#eaf5ff;font-size:13px}.v18061-modal .v18061-btn-row{margin-top:13px}
@media(max-width:350px){.v18061-screen{padding-left:9px;padding-right:9px}.v18061-hero h1{font-size:24px}.v18061-card{padding:13px}.v18061-money-input input{font-size:22px}.v18061-amount{font-size:14px}.v18061-summary-box strong{font-size:24px}.v18061-child-head{margin-left:-9px;margin-right:-9px}.v18061-btn{font-size:16px}}
/* Segment 029 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/system/system-commercial.css
 * 视觉领域：system
 * 职责：承载 Golden Formal 中“system commercial”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[28] id=v18062SystemCommercialCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* BLOCK PIX V1.8.0.6.2 — visual-only commercial polish. Screen architecture + gameplay remain owned by V1.8.0.6.1. */
#v18061SystemViewport{
 --sys-page-bg:#020b16;--sys-page-bg-2:#041226;--sys-surface-1:#06172e;--sys-surface-2:#081d38;
 --sys-surface-3:#0b2747;--sys-border:rgba(38,89,139,.48);--sys-border-soft:rgba(79,132,180,.20);
 --sys-text:#f2f7fd;--sys-text-secondary:#829ab4;--sys-muted:#5f7897;
 --sys-accent:#35d5ff;--sys-accent-2:#53efad;--sys-yellow:#ffda25;--sys-yellow-2:#ffbd08;
 --sys-success:#53efad;--sys-warning:#ffd84e;--sys-danger:#ff8391;
 --sys-radius-card:20px;--sys-radius-button:16px;
 --sys-shadow-card:0 14px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045);
 --sys-glow-accent:0 0 28px rgba(37,197,255,.10);
 background:linear-gradient(180deg,#020a14,#031020 50%,#020b17);
}
.v18061-screen{background:
 radial-gradient(circle at 96% 5%,rgba(26,177,255,.08),transparent 25%),
 radial-gradient(circle at 5% 42%,rgba(70,242,174,.045),transparent 30%),
 linear-gradient(180deg,var(--sys-page-bg) 0%,var(--sys-page-bg-2) 54%,#020b17 100%);color:var(--sys-text)}
.v18061-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(59,196,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(59,196,255,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.35) 55%,transparent 92%)}
.v18061-screen>*{position:relative;z-index:1}
#authHome.v18061-system-active .auth-nav-btn.center:not(.active){color:#5f7898;}
#authHome.v18061-system-active .auth-nav-btn.center:not(.active) .ni{background:#08182c;border:1px solid #173f68!important;color:#6f88a7;box-shadow:0 0 0 5px #031020;}
.v18061-screen.active{animation:v18062PageIn .18s cubic-bezier(.2,.76,.2,1) both}
@keyframes v18062PageIn{from{opacity:.15;transform:translateY(6px)}to{opacity:1;transform:none}}

/* shared surface language derived from authenticated home */
.v18061-card{border:1px solid var(--sys-border-soft);background:linear-gradient(180deg,rgba(8,27,53,.98),rgba(4,17,35,.99));box-shadow:var(--sys-shadow-card);border-radius:var(--sys-radius-card)}
.v18061-card-head small{color:#6f8dab;font-size:11px;letter-spacing:.8px}.v18061-card-head h2{font-size:19px;color:var(--sys-text)}
.v18061-chip-info{background:rgba(55,232,165,.09);border-color:rgba(73,239,177,.25);color:#62efb7}
.v18061-kicker{color:#52efb0}.v18061-hero h1{color:var(--sys-text)}.v18061-hero p{color:#8ba2bc}
.v18061-link-action{color:#68d8ff}
.v18061-btn{border-radius:var(--sys-radius-button);transition:transform .14s ease,filter .14s ease,opacity .14s ease,box-shadow .14s ease}
.v18061-btn.primary{background:linear-gradient(180deg,#ffe83d 0%,var(--sys-yellow) 48%,var(--sys-yellow-2) 100%);color:#201700;box-shadow:0 5px 0 #9b6d00,0 10px 22px rgba(0,0,0,.26),0 0 22px rgba(255,205,21,.10),inset 0 1px rgba(255,255,255,.72)}
.v18061-btn.primary:active{transform:translateY(2px) scale(.98);box-shadow:0 2px 0 #9b6d00,0 7px 16px rgba(0,0,0,.24)}
.v18061-btn.secondary{border-color:rgba(58,125,185,.55);background:linear-gradient(180deg,#0a2645,#061a33);color:#d2e7f8}.v18061-btn.ghost{color:#92b6d2}
.v18061-btn:disabled{opacity:.34;filter:saturate(.45);box-shadow:none;transform:none}

/* Deposit — transaction composer is the visual anchor */
#v18061DepositScreen{padding-top:12px}
.v18062-deposit-hero{padding:14px 15px 13px;border-radius:19px;border-color:rgba(47,141,204,.26);background:radial-gradient(circle at 89% 18%,rgba(45,204,255,.15),transparent 31%),linear-gradient(145deg,#071b37,#051329 70%,#06162e);box-shadow:0 10px 25px rgba(0,0,0,.21),inset 0 1px rgba(255,255,255,.05)}
.v18062-deposit-hero:after{width:76px;height:76px;right:-18px;bottom:-29px;opacity:.55}.v18062-deposit-hero h1{font-size:23px;letter-spacing:-.55px}.v18062-deposit-hero p{font-size:14px;max-width:300px}
.v18062-deposit-hero .v18061-hero-stats{grid-template-columns:1.18fr .82fr;margin-top:12px}.v18062-deposit-hero .v18061-mini-stat{padding:10px 11px;background:rgba(1,11,25,.56);border-color:rgba(71,141,199,.18)}.v18062-deposit-hero .v18061-mini-stat strong{font-size:19px}.v18062-deposit-hero .v18061-mini-stat strong.accent{color:#ffd83b}
.v18062-deposit-composer{position:relative;overflow:visible;margin-top:11px;padding:17px;border-color:rgba(62,151,210,.34);background:radial-gradient(circle at 95% 0,rgba(255,213,41,.055),transparent 25%),linear-gradient(180deg,#081c37 0%,#05152b 100%);box-shadow:0 16px 34px rgba(0,0,0,.29),0 0 0 1px rgba(61,174,235,.025),inset 0 1px rgba(255,255,255,.06)}
.v18062-deposit-composer:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(89,213,255,.65),rgba(255,220,49,.28),transparent)}
.v18062-deposit-composer .v18061-card-head{margin-bottom:12px}.v18062-deposit-composer .v18061-card-head h2{font-size:18px;color:#cfe1f3}.v18062-deposit-composer .v18061-chip-info{color:#90acc6;background:rgba(7,29,54,.76);border-color:rgba(61,118,170,.35)}
.v18061-money-input{height:72px;border-radius:17px;border-color:#285a83;background:linear-gradient(180deg,#020b17,#020913);box-shadow:inset 0 1px rgba(255,255,255,.035),0 0 0 1px rgba(22,92,144,.05)}
.v18061-money-input:focus-within{border-color:#49cdfd;box-shadow:0 0 0 2px rgba(45,194,255,.10),inset 0 1px rgba(255,255,255,.05)}
.v18061-money-input span{color:#ffd83b;font-size:18px}.v18061-money-input input{color:#fff;font-size:32px;letter-spacing:-1.1px}.v18061-money-input b{color:#708ba6;font-size:12px}
.v18061-amount-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.v18061-amount{height:53px;border-radius:14px;border-color:rgba(48,102,151,.55);background:linear-gradient(180deg,#0a2442,#07182f);color:#bcd4ea;font-size:17px;letter-spacing:-.2px;box-shadow:inset 0 1px rgba(255,255,255,.045),0 5px 13px rgba(0,0,0,.14)}
.v18061-amount:hover{filter:none}.v18061-amount.selected{border-color:#ffe15a;background:linear-gradient(180deg,#3a3105,#211c03);color:#ffe34b;box-shadow:0 0 0 1px rgba(255,224,72,.15),0 8px 20px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08)}
.v18061-amount.popular:after{content:"POPULAR";background:#ffe033;color:#1f1600;font-size:7px;font-weight:1000;box-shadow:0 3px 8px rgba(0,0,0,.22)}
#v18061DepCreate{margin-top:2px;min-height:61px;font-size:18px;letter-spacing:.1px}
.v18061-help{color:#718aa3}.v18061-error{color:#ff919d;font-size:13px}
.v18061-trust-row{margin-top:13px;gap:7px}.v18061-trust{position:relative;padding:10px 10px 10px 31px;border:0;background:rgba(5,22,41,.78);box-shadow:inset 0 0 0 1px rgba(49,96,140,.20)}.v18061-trust:before{content:"✓";position:absolute;left:10px;top:12px;color:#55eeb0;font-weight:1000}.v18061-trust b{font-size:12.5px}.v18061-trust span{font-size:11px}
.v18062-deposit-activity{padding:14px;background:linear-gradient(180deg,rgba(6,22,43,.86),rgba(4,16,31,.9));box-shadow:none}.v18062-deposit-activity .v18061-card-head{margin-bottom:10px}

/* Referral — reward/conversion hierarchy, not dashboard */
#v18061ReferralScreen .v18061-ref-hero{padding:17px;border-color:rgba(55,157,216,.28);background:radial-gradient(circle at 90% 4%,rgba(62,213,255,.15),transparent 30%),radial-gradient(circle at 6% 100%,rgba(66,239,169,.10),transparent 35%),linear-gradient(145deg,#071b3a,#05132d 63%,#081833)}
#v18061ReferralScreen .v18061-flow{margin-top:14px}.v18061-flow span{background:#082745;border-color:#1c547d;color:#c1dff3}.v18061-flow i{background:linear-gradient(90deg,#4ce4ff,#55efad,#ffe13b)}
.v18062-ref-earnings{padding:15px;background:radial-gradient(circle at 90% 0,rgba(255,211,34,.05),transparent 26%),linear-gradient(180deg,#081c36,#05152a);border-color:rgba(57,128,181,.32)}
.v18061-ref-summary{grid-template-columns:1.35fr .72fr;align-items:stretch}.v18061-summary-box{border:0;background:rgba(3,15,31,.72);box-shadow:inset 0 0 0 1px rgba(59,106,153,.18);padding:14px}.v18061-summary-box.available{background:linear-gradient(145deg,rgba(7,39,38,.92),rgba(5,23,36,.94));box-shadow:inset 0 0 0 1px rgba(73,235,175,.22)}.v18061-summary-box.available strong{color:#59efb2;font-size:33px;letter-spacing:-1.25px}.v18061-summary-box.commission{display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(180deg,#292405,#171403);box-shadow:inset 0 0 0 1px rgba(255,216,60,.22)}.v18061-summary-box.commission small{color:#aa9350}.v18061-summary-box.commission strong{color:#ffe03d;font-size:29px}.v18061-summary-box.commission p{color:#8e825f;font-size:10.5px}
.v18062-ref-metrics{background:linear-gradient(180deg,rgba(6,22,43,.85),rgba(4,16,31,.9));box-shadow:none}.v18061-metrics{gap:7px}.v18061-metric{padding:11px 12px;border:0;background:rgba(3,15,30,.64);box-shadow:inset 0 0 0 1px rgba(50,98,142,.17)}.v18061-metric b{font-size:18px}.v18061-metric span{font-size:11.5px}
.v18062-ref-action{position:relative;border-color:rgba(59,151,207,.38);background:radial-gradient(circle at 100% 0,rgba(50,205,255,.07),transparent 25%),linear-gradient(180deg,#081d38,#05162d);box-shadow:0 16px 32px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05)}.v18062-ref-action .v18061-linkbox{background:#020b17;border-color:#23577f;padding:13px}.v18062-ref-action .v18061-linkbox button{background:#0b2e4e;color:#78e5ff}.v18062-ref-action .v18061-btn.primary{min-height:59px;font-size:17.5px}
.v18062-ref-activity{background:linear-gradient(180deg,rgba(6,21,40,.76),rgba(4,15,29,.84));box-shadow:none}
.v18061-empty{border:0;background:radial-gradient(circle at 50% 0,rgba(48,194,255,.06),transparent 45%),rgba(3,15,30,.70);box-shadow:inset 0 0 0 1px rgba(52,101,145,.18);padding:18px}.v18061-empty .icon{background:linear-gradient(145deg,#0b3152,#08233e);color:#65dbff;box-shadow:0 7px 16px rgba(0,0,0,.18)}.v18061-empty b{font-size:16px}.v18061-empty p{font-size:13px}.v18062-zero-share{margin:12px auto 0;min-width:190px;height:46px;border:0;border-radius:13px;background:linear-gradient(180deg,#ffe73a,#ffc10a);color:#211700;font-size:14px;font-weight:1000;box-shadow:0 4px 0 #8f6500}

/* Profile — account hub, stronger identity + grouped feature rows */
#v18061ProfileScreen>.v18061-hero{padding:15px 16px;border-color:rgba(48,150,209,.25);background:radial-gradient(circle at 90% 8%,rgba(45,210,255,.14),transparent 30%),linear-gradient(145deg,#071b38,#05132b 70%,#06172f)}
#v18061ProfileScreen>.v18061-hero h1{font-size:24px}.v18062-profile-identity{position:relative;overflow:hidden;padding:15px;border-color:rgba(62,136,190,.31);background:radial-gradient(circle at 100% 0,rgba(255,211,42,.05),transparent 25%),linear-gradient(180deg,#081c37,#05152c)}
.v18061-avatar{background:linear-gradient(145deg,#12bddf,#1458b6 55%,#392e8b);box-shadow:0 8px 22px rgba(13,125,202,.22),inset 0 1px rgba(255,255,255,.18)}.v18061-member{background:rgba(255,215,43,.08);border-color:rgba(255,216,63,.20);color:#ffe04b}
.v18062-profile-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:10px}.v18062-profile-summary>div{min-width:0;padding:13px 14px;border-radius:16px;background:linear-gradient(180deg,#071a33,#051428);box-shadow:inset 0 0 0 1px rgba(53,102,150,.22)}.v18062-profile-summary small{display:block;color:#6d8aa8;font-size:10.5px;font-weight:900;letter-spacing:.65px}.v18062-profile-summary strong{display:block;margin-top:4px;color:#ffe03a;font-size:24px;letter-spacing:-.7px}.v18062-profile-summary .status strong{color:#5deeb3;font-size:15px;letter-spacing:0}.v18062-profile-summary span{display:block;margin-top:3px;color:#718aa3;font-size:11px}
.v18061-menu{margin-top:10px;padding:7px;border:0;background:linear-gradient(180deg,#071a33,#041329);box-shadow:var(--sys-shadow-card)}.v18061-menu-row{min-height:70px;margin:0;border:0;border-radius:15px;background:transparent;grid-template-columns:44px 1fr 18px;padding:10px 10px;transition:background .14s ease,transform .14s ease}.v18061-menu-row+.v18061-menu-row{margin-top:3px}.v18061-menu-row:active{background:#0a223e}.v18061-menu-ico{width:42px;height:42px;border-radius:13px;background:linear-gradient(180deg,#0c3154,#082440);color:#68dcff;box-shadow:inset 0 1px rgba(255,255,255,.05)}.v18061-menu-ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.v18061-menu-copy b{font-size:16px;color:#edf6ff}.v18061-menu-copy small{font-size:12.5px;color:#718ba5}.v18061-chevron{color:#426783}.v18061-menu-row.danger{margin-top:9px;background:rgba(68,20,34,.18)}.v18061-menu-row.danger .v18061-menu-ico{background:rgba(93,25,44,.32);color:#ff8b98}.v18061-menu-row.danger .v18061-menu-copy b{color:#ff9aa4}

/* Shared child surfaces inherit token refresh without IA changes */
.v18061-screen.child{background:linear-gradient(180deg,#031020,#020b17)}.v18061-child-head{background:rgba(3,14,29,.97);border-color:rgba(41,91,139,.52)}.v18061-back{border-color:#28567c;background:#071c34}.v18061-balance-hero{background:radial-gradient(circle at 90% 10%,rgba(50,226,169,.11),transparent 34%),linear-gradient(145deg,#08253a,#06182f);border-color:rgba(57,169,144,.25)}.v18061-field input{background:#020b17;border-color:#275277}.v18061-inline-status{background:#061a31}

@media(max-width:350px){.v18062-deposit-composer{padding:14px}.v18061-money-input{height:67px}.v18061-money-input input{font-size:28px}.v18061-amount{font-size:15px}.v18061-ref-summary{grid-template-columns:1.25fr .75fr}.v18061-summary-box.available strong{font-size:28px}.v18062-profile-summary strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.v18061-screen.active,.v18061-btn,.v18061-amount,.v18061-menu-row{animation:none!important;transition:none!important}}
/* Segment 030 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/account/child-commercial.css
 * 视觉领域：account
 * 职责：承载 Golden Formal 中“child commercial”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[29] id=v18065ChildCommercialCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.8.0.6.5 — Profile child pages visual-only commercial system. */
.v18065-child{background:radial-gradient(circle at 92% 0,rgba(255,210,27,.035),transparent 25%),radial-gradient(circle at 2% 42%,rgba(41,231,126,.028),transparent 30%),linear-gradient(180deg,#070b0a 0%,#050807 58%,#040605 100%);color:#f7faf9;}
.v18065-child-head{min-height:70px;margin:0 -12px 14px;padding:calc(11px + var(--safeTop)) 13px 11px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:7px;background:rgba(6,9,8,.975);border-bottom:1px solid rgba(97,113,107,.20)!important;box-shadow:0 10px 24px rgba(0,0,0,.18);}
.v18065-child-head>div{min-width:0;text-align:center}.v18065-child-head small{display:block;color:#77827f;font-size:10px;letter-spacing:1.1px;font-weight:950}.v18065-child-head h1{margin:2px 0 0;color:#fff;font-size:24px;line-height:1;letter-spacing:-.5px}.v18065-child .v18061-back{width:43px;height:43px;border-radius:14px;font-size:28px;line-height:1;background:linear-gradient(180deg,#171d1c,#101514);border:1px solid #29332f!important;color:#f3f7f5;box-shadow:0 7px 17px rgba(0,0,0,.20);}
.v18065-summary-hero{position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:space-between;gap:12px;padding:18px;border-radius:22px;border:1px solid rgba(105,122,116,.22);background:radial-gradient(circle at 100% 0,rgba(41,231,126,.065),transparent 32%),radial-gradient(circle at 0 100%,rgba(255,210,27,.035),transparent 35%),linear-gradient(145deg,#121817,#0b100f 72%,#0a0e0d);box-shadow:0 16px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)}
.v18065-summary-hero:after{content:"";position:absolute;right:-26px;bottom:-42px;width:124px;height:124px;border-radius:34px;transform:rotate(19deg);background:linear-gradient(145deg,rgba(255,210,27,.09),rgba(41,231,126,.03));pointer-events:none}.v18065-summary-hero>div{position:relative;z-index:1}.v18065-summary-hero small{display:block;color:#7d8985;font-size:11px;font-weight:950;letter-spacing:.75px}.v18065-summary-hero strong{display:block;margin-top:4px;color:#fff;font-size:34px;line-height:1;letter-spacing:-1px}.v18065-summary-hero span{display:block;margin-top:6px;color:#8e9995;font-size:13px;line-height:1.35}.v18065-hero-badge{align-self:center;min-width:72px;padding:10px 11px;border-radius:17px;text-align:center;background:#0c1811;border:1px solid rgba(41,231,126,.20)}.v18065-hero-badge span{margin:0;color:#65efad;font-size:10px;font-weight:950}.v18065-hero-badge b{display:block;margin-top:2px;color:#fff;font-size:18px}.v18065-hero-badge.success{box-shadow:inset 0 0 0 1px rgba(41,231,126,.04)}
.v18065-child .v18061-card{margin-top:12px;padding:16px;border-radius:20px;border:1px solid rgba(103,120,113,.18)!important;background:linear-gradient(180deg,#111716,#0b100f);box-shadow:0 14px 30px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.035);}.v18065-child .v18061-card-head small{color:#7e8986}.v18065-child .v18061-card-head h2{color:#f6faf8;font-size:19px}.v18065-child .v18061-chip-info{background:#121817;border-color:#303a37;color:#a8b1ae}
.v18065-status-chip{align-self:center;padding:6px 9px;border-radius:999px;background:#191e1c;border:1px solid #303a37;color:#aab2af;font-size:10px;font-weight:950;letter-spacing:.35px}.v18065-status-chip.good{background:#0e1f15;border-color:rgba(41,231,126,.24);color:#5befa7}.v18065-status-chip.warn{background:#261f08;border-color:rgba(255,216,78,.24);color:#ffe057}
.v18065-eligibility-card .v18061-eligibility{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v18065-eligibility-card .v18061-elig{min-width:0;padding:11px 9px;border-radius:14px;background:#0a0f0e;border:1px solid rgba(97,113,107,.16)}.v18065-eligibility-card .v18061-elig small{display:block;color:#76817e;font-size:9px;font-weight:900}.v18065-eligibility-card .v18061-elig b{display:block;margin-top:4px;color:#f4f8f6;font-size:15px}.v18065-eligibility-card .v18061-elig.ok,.v18065-eligibility-card .v18061-elig.ok b{color:#5befa7}.v18065-eligibility-card .v18061-elig.bad,.v18065-eligibility-card .v18061-elig.bad b{color:#ffe05a}.v18065-rollover-progress{height:6px;margin:12px 2px 8px;border-radius:999px;overflow:hidden;background:#070a09}.v18065-rollover-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#29e77e,#ffd21b);transition:width .2s ease}.v18065-child .v18061-inline-status{border:1px solid rgba(102,119,113,.16);background:#0d1211;color:#899591;border-radius:13px;font-size:13px;line-height:1.4;padding:10px 11px;}.v18065-child .v18061-inline-status.good{color:#8feab8;border-color:rgba(41,231,126,.18);background:#0c1711;}.v18065-child .v18061-inline-status.bad{color:#ddc771;border-color:rgba(255,216,78,.17);background:#181508;}
.v18065-amount-card .v18061-money-input{height:66px;background:#070a09;border-color:#303a37;}.v18065-amount-card .v18061-money-input:focus-within{border-color:#c6aa21;box-shadow:0 0 0 2px rgba(255,210,27,.08);}.v18065-child .v18061-money-input span{color:#ffd72d;}.v18065-child .v18061-money-input input{color:#fff;font-size:27px;}.v18065-child .v18061-amount{background:linear-gradient(180deg,#171d1c,#101514);border-color:#29332f;color:#c2cac7;}.v18065-child .v18061-amount.selected{background:linear-gradient(180deg,#403605,#211b02);border-color:#ffe052;color:#ffe34b;box-shadow:0 8px 20px rgba(0,0,0,.26);}.v18065-child .v18061-amount:disabled{opacity:.26;filter:saturate(.45)}
.v18065-pix-card .v18061-field{display:block;margin-top:10px}.v18065-pix-card .v18061-field:first-of-type{margin-top:0}.v18065-child .v18061-field span{display:block;margin:0 2px 6px;color:#98a29f;font-size:13px;font-weight:850}.v18065-child .v18061-field input{height:56px!important;border-radius:14px!important;padding:0 14px!important;background:#070a09;border:1px solid #303a37!important;color:#fff;font-size:16px!important;box-sizing:border-box;}.v18065-child .v18061-field input:focus{border-color:#bda620;box-shadow:0 0 0 2px rgba(255,210,27,.07);}.v18065-main-cta{margin-top:13px!important;min-height:60px!important;font-size:18px!important}
.v18065-account-identity{display:grid;grid-template-columns:66px 1fr;gap:14px;align-items:center;padding:18px;border-radius:22px;border:1px solid rgba(103,120,113,.22);background:radial-gradient(circle at 100% 0,rgba(255,210,27,.055),transparent 33%),linear-gradient(145deg,#121817,#0b100f);box-shadow:0 16px 34px rgba(0,0,0,.33)}.v18065-account-avatar{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#ffe03a,#d0a000 60%,#5d4a00);color:#1e1700;font-size:26px;font-weight:1000;box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.24)}.v18065-account-identity small{color:#7d8985;font-size:10px;font-weight:950;letter-spacing:.7px}.v18065-account-identity h2{margin:3px 0;color:#fff;font-size:22px}.v18065-account-identity p{margin:0 0 7px;color:#8e9995;font-size:14px}.v18065-account-details .v18061-detail-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(94,110,104,.13)}.v18065-account-details .v18061-detail-row:last-of-type{border-bottom:0}.v18065-account-details .v18061-detail-row span{color:#7f8b87;font-size:13px}.v18065-account-details .v18061-detail-row b{max-width:64%;text-align:right;color:#f0f5f3;font-size:14.5px;word-break:break-word}.v18065-feature-row{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(94,110,104,.13)}.v18065-feature-row:last-child{border-bottom:0}.v18065-row-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#171e1c;color:#ffd72d;font-size:13px;font-weight:1000}.v18065-feature-row b{display:block;color:#eef4f1;font-size:14px}.v18065-feature-row small{display:block;margin-top:3px;color:#788480;font-size:12px}.v18065-feature-row em{font-style:normal;color:#9aa4a1;font-size:10px;font-weight:950}.v18065-feature-row em.green{color:#5befa7}
.v18065-mini-flow{align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:148px}.v18065-mini-flow>span{margin:0;padding:9px 10px;border-radius:13px;background:#0a0f0e;border:1px solid rgba(96,112,106,.15)}.v18065-mini-flow small{font-size:9px}.v18065-mini-flow b{display:block;margin-top:3px;color:#f1f5f3;font-size:13px}.v18065-filter-row{display:flex;gap:7px;overflow-x:auto;margin:12px -2px 0;padding:2px 2px 4px;scrollbar-width:none}.v18065-filter-row::-webkit-scrollbar{display:none}.v18065-filter-chip{flex:0 0 auto;min-height:38px;padding:0 13px;border-radius:12px;border:1px solid #29332f;background:#111716;color:#8f9996;font-size:11px;font-weight:950}.v18065-filter-chip.active{border-color:#ffe052;background:linear-gradient(180deg,#3d3305,#211b02);color:#ffe34b;box-shadow:0 7px 16px rgba(0,0,0,.20)}
.v18065-list-card{padding:15px!important}.v18065-child .v18061-tx-list{gap:8px}.v18065-child .v18061-tx{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;padding:12px;border-radius:15px;background:#0b100f;border:1px solid rgba(95,111,105,.15)!important;box-shadow:inset 0 1px rgba(255,255,255,.018);}.v18065-child .v18061-tx-ico{width:42px;height:42px;border-radius:13px;background:linear-gradient(180deg,#191f1d,#121716);color:#ffd72d;font-size:14px;}.v18065-child .v18061-tx-copy b{color:#eef4f1;font-size:14px;}.v18065-child .v18061-tx-copy small{color:#75817d;font-size:11px;line-height:1.35;}.v18065-child .v18061-tx-amt b{color:#e8eeec;font-size:14px;}.v18065-child .v18061-tx-amt b.plus{color:#55eca8;}.v18065-child .v18061-tx-amt small{display:inline-block;margin-top:4px;padding:3px 6px;border-radius:999px;background:#151b19;color:#8f9996;font-size:8.5px;}.v18065-child .v18061-empty{padding:28px 14px;border:0;background:radial-gradient(circle at 50% 0,rgba(255,210,27,.035),transparent 46%),#0b100f;box-shadow:inset 0 0 0 1px rgba(96,112,106,.14);}.v18065-child .v18061-empty .icon{background:#171d1b;color:#ffd72d;}
.v18065-game-card .v18061-tx-amt b.loss{color:#aab3b0;}.v18065-game-result{display:inline-flex;align-items:center;gap:4px;margin-bottom:3px;font-size:9px;font-weight:950;letter-spacing:.3px;color:#9ba5a2}.v18065-game-result.win{color:#55eca8}.v18065-mode-pill{display:inline-flex;padding:3px 6px;border-radius:999px;background:#141a18;color:#b9c3bf;font-size:9px;font-weight:950;margin-right:5px}
.v18065-detail-modal .v18061-modal-summary{background:#0a0f0e;border-color:#29332f;}.v18065-detail-modal .v18061-modal-summary div{border-bottom:1px solid rgba(95,111,105,.12)}.v18065-detail-modal .v18061-modal-summary div:last-child{border-bottom:0}.v18065-detail-modal .v18061-modal-summary span{color:#7f8b87;}.v18065-detail-modal .v18061-modal-summary b{color:#eef4f1;}.v18065-detail-modal .v18065-detail-amount{display:block;margin:9px 0 4px;color:#ffd72d;font-size:30px;font-weight:1000;letter-spacing:-.7px}
@media(max-width:350px){.v18065-summary-hero{padding:15px}.v18065-summary-hero strong{font-size:30px}.v18065-mini-flow{min-width:132px}.v18065-child-head h1{font-size:21px}.v18065-child .v18061-card{padding:13px}.v18065-child .v18061-field input{font-size:16px!important}}
/* Segment 031 · src/styles/gameplay.css */

/* v1.8.0.6.6.6.7.1.2.2 — dragged piece is always direct pointer-follow while held. */
#gameScreen .drag-ghost.bp1782-ghost.bp1791-drag-direct{transition:none;transform:translate3d(var(--bp-drag-x,0px),var(--bp-drag-y,0px),0) scale(1);opacity:1;transform-origin:0 0;}
/* Segment 032 · src/styles/gameplay.css */

/* BLOCK PIX STEP 4R.19.22 — Reference Preview Visual Fidelity: darker, flatter ghost material; geometry untouched. */
#bpPhase3PlacementPreview{position:fixed;left:0;top:0;z-index:96;pointer-events:none;contain:layout style paint;transform:translate3d(var(--bp-preview-x,0px),var(--bp-preview-y,0px),0);opacity:.42;visibility:hidden;will-change:transform;filter:saturate(.72) brightness(.90);}
#bpPhase3PlacementPreview.bp-phase3-visible{visibility:visible;}
#bpPhase3PlacementPreview .bp-phase3-preview-tile{position:absolute;margin:0;pointer-events:none;background:var(--tile-bg);border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 2px rgba(255,255,255,.12),inset 0 -2px rgba(0,0,0,.14),inset -1px 0 rgba(255,255,255,.025),0 1px 2px rgba(0,0,0,.08);transform:none;filter:none;opacity:1;}
/* Phase 3 replaces the old cell-tint preview as the primary valid placement preview. */
#gameScreen #board .cell.bp1782-preview-valid,#gameScreen #board .cell.preview{background:inherit;box-shadow:inherit;filter:none;opacity:1;transform:none;}
/* Segment 033 · src/styles/gameplay.css */

/* BLOCK PIX v1.8.0.6.6.6.7.1.4 — read-only pre-clear material projection. */
#gameScreen #board .cell.bp-phase4-preclear-predicted.filled{
  background:var(--bp-phase4-prediction-bg);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44),inset 0 3px 2px rgba(255,255,255,.14),inset 2px 0 1px rgba(255,255,255,.08),inset 0 -4px 2px rgba(0,0,0,.25),0 3px 6px rgba(0,0,0,.27);
  filter:none;
  transform:none;
  transition:background 42ms cubic-bezier(.2,.75,.25,1);
}
/* Explicitly neutralize the legacy gold-line visual if a stale class survives from old builds. */
#gameScreen #board .cell.bp1791-predict-line{filter:none;box-shadow:inherit;}
.drag-ghost.bp1782-ghost .piece-block.bp17917-predict-clear{animation:none;filter:none;box-shadow:inherit;}
/* Segment 034 · src/styles/utilities.css */

/* Phase 5: release handoff is intentionally snap/bounce free. */
#gameScreen #board .cell.bp1782-place-impact{animation:none!important;}
#gameScreen #board .cell.filled{animation:none!important;}
/* Segment 035 · src/styles/utilities.css */

/* Step 4R.8 — 10X Entry UI Finalization. Entry-only; gameplay Clear/Money styles are untouched. */
#authPagePlay.v17924-play-page{padding-bottom:8px!important}
#authPagePlay .v17924-home-hero{margin-bottom:7px;padding:8px 9px 8px;border-radius:17px}
#authPagePlay .v17924-hero-top{margin-bottom:6px}#authPagePlay .v17924-hero-top small{font-size:9px;letter-spacing:.65px;color:#a8b7b4}#authPagePlay .v17924-hero-chip{font-size:8px;padding:4px 7px}
#authPagePlay .v17924-demo-stage{width:min(100%,246px);height:246px;aspect-ratio:auto;padding:7px;border-radius:15px;--demo-gap:3px}
#authPagePlay .v17924-demo-board{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:var(--demo-gap);padding:4px;border-radius:11px}
#authPagePlay .v17924-cell,#authPagePlay .v17924-moving-block{border-radius:4px}
#authPagePlay .v17924-moving-piece{left:75.3%;top:51.3%;width:22.2%;height:10.7%;gap:3px}
#authPagePlay .v17924-clear-sweep{left:4.5%;right:4.5%;top:51.15%;height:11.1%;border-radius:5px}
#authPagePlay .v17924-demo-copy{margin-top:6px}#authPagePlay .v17924-demo-copy strong{font-size:9.5px}#authPagePlay .v17924-demo-copy span{font-size:8px}
#authPagePlay .v17924-goal-card{margin-bottom:7px;padding:8px 10px;border-radius:15px}
#authPagePlay .v17924-goal-top small{font-size:9px}#authPagePlay .v17924-goal-top span{font-size:8px;padding:3px 6px}
#authPagePlay .r8-reward-formula{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:9px;margin-top:6px}
#authPagePlay .r8-reward-formula>span{display:flex;flex-direction:column;gap:2px;color:#8d9a96;font-size:8px;font-weight:1000;letter-spacing:.35px}
#authPagePlay .r8-reward-formula>span:last-child{text-align:right;align-items:flex-end}
#authPagePlay .r8-reward-formula b{color:#f7faf8;font-size:19px;line-height:1;font-weight:1000;letter-spacing:-.4px}
#authPagePlay .r8-reward-formula strong{color:#ffe13a;font-size:27px;line-height:.92;font-weight:1000;letter-spacing:-1px;text-shadow:0 0 12px rgba(255,214,40,.12)}
#authPagePlay .r8-reward-formula i{align-self:center;color:#67736f;font-style:normal;font-size:17px;font-weight:1000}
#authPagePlay .v17924-goal-foot{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin-top:6px;padding-top:6px;font-size:8px;align-items:center}
#authPagePlay .v17924-goal-foot strong{font-size:9px;color:#e9eeec}#authPagePlay .v17924-goal-foot b{font-size:8px;color:#aeb9b5}#authPagePlay .v17924-goal-foot em{font-style:normal;font-size:8px;color:#d3b830;font-weight:1000;white-space:nowrap}
#authPagePlay .v17924-bet-panel{margin-bottom:7px;padding:7px 8px;border-radius:13px}#authPagePlay .v17924-bet-head{margin-bottom:5px}#authPagePlay .v17924-bet-head small{font-size:8px}#authPagePlay .v17924-bet-head strong{font-size:10px}
#authPagePlay .v17924-bet-grid,#authPagePlay .v17924-bet-grid.v163-six-bets{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}#authPagePlay .v17924-bet-grid .bet,#authPagePlay .v17924-bet-grid.v163-six-bets .bet{min-height:32px!important;height:32px!important;border-radius:9px;padding:0 4px!important}#authPagePlay .v17924-bet-grid .bet strong,#authPagePlay .v17924-bet-grid.v163-six-bets .bet strong{font-size:10.5px!important}
#authPagePlay .v17924-bet-grid .bet:not(.active){background:#101918;border-color:#31413d;color:#c2ccc9}
#authPagePlay .v17924-primary{min-height:51px;border-radius:13px;padding:6px 10px}#authPagePlay .v17924-primary span{font-size:15px}#authPagePlay .v17924-primary small{font-size:8px}
#authPagePlay .v17924-play-note{margin-top:4px;font-size:8px}#authPagePlay #v179114MetaDisclosure{display:none!important}
#authPagePlay .v17924-balance-warning{margin-bottom:6px;padding:6px}
#v1762HeaderDeposit{background:#10211c!important;border:1px solid #2c5847!important;color:#82d8b0!important;box-shadow:none!important}#v1762HeaderDeposit span{color:#82d8b0!important}
@media(max-width:359px){#authPagePlay .v17924-demo-stage{width:218px;height:218px}#authPagePlay .v17924-home-hero{padding:7px}#authPagePlay .v17924-goal-card{padding:7px 9px}#authPagePlay .r8-reward-formula strong{font-size:24px}#authPagePlay .v17924-bet-grid .bet{min-height:30px!important;height:30px!important}#authPagePlay .v17924-primary{min-height:48px}}
@media(min-width:400px){#authPagePlay .v17924-demo-stage{width:252px;height:252px}}
/* Segment 036 · src/styles/navigation.css */

/* Step 4R.10 — first-level 10X / Cashout tab separation. Gameplay/Math/Clear/Money/Audio/Haptic are untouched. */
#authPagePlay .v17924-home-hero{margin-bottom:6px!important;padding-top:7px!important;padding-bottom:7px!important}
#authPagePlay .v17924-demo-stage{width:226px!important;height:226px!important}
#authPagePlay[data-mode="META_10X"] .v17924-goal-card{display:block!important}
#authPagePlay .v17924-primary.cash-ready{background:inherit}
.r10-free-page{padding:16px 14px 90px!important}
.r10-free-card{margin:10px 0;padding:22px 18px;border:1px solid #2b3431;border-radius:20px;background:linear-gradient(180deg,#111715,#090d0c);text-align:center;box-shadow:0 14px 28px rgba(0,0,0,.18)}
.r10-free-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:17px;display:grid;place-items:center;background:#1a211f;border:1px solid #303b37;color:#ffe03f;font-size:28px;font-weight:1000}.r10-free-card>small{display:block;color:#8e9b97;font-size:8px;font-weight:1000;letter-spacing:1px}.r10-free-card h2{margin:5px 0 7px;color:#f4f7f5;font-size:22px}.r10-free-card p{margin:0 auto;max-width:290px;color:#9ba8a4;font-size:11px;line-height:1.5}.r10-free-status{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:15px}.r10-free-status span,.r10-free-status b{padding:6px 9px;border-radius:999px;border:1px solid #303b37;background:#0d1210;color:#aeb8b5;font-size:8px;font-weight:1000}.r10-free-status b{color:#62e5a4;border-color:#28523f}
@media(max-width:359px){#authPagePlay .v17924-demo-stage{width:202px!important;height:202px!important}.r10-free-page{padding-left:10px!important;padding-right:10px!important}}
@media(min-width:400px){#authPagePlay .v17924-demo-stage{width:232px!important;height:232px!important}}

/* Persistent CASHOUT gameplay decision information. Lives inside the existing certified HUD. */
#gameScreen .r9-cash-control{display:none;margin-top:5px;padding-top:5px;border-top:1px solid rgba(64,107,102,.35)}
#gameScreen.bp17921-hud-cashout .bp17921-mode-hud{min-height:116px!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:6px 8px 6px!important;margin-bottom:4px!important}
#gameScreen.bp17921-hud-cashout .r9-cash-control{display:block!important}
#gameScreen .r9-cash-now{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}
#gameScreen .r9-cash-now .copy{min-width:0}#gameScreen .r9-cash-now small{display:block;color:#68817b;font-size:6px;font-weight:1000;letter-spacing:.55px}#gameScreen .r9-cash-now strong{display:block;margin-top:1px;color:#ecf9f4;font-size:11px;line-height:1;font-weight:1000}#gameScreen .r9-cash-now .next{text-align:right}#gameScreen .r9-cash-now .next strong{color:#6ee8b0;font-size:10px}
#gameScreen .r9-cash-btn{min-width:105px;min-height:33px;border:0;border-radius:9px;background:linear-gradient(180deg,#2de793,#08bb68);color:#03180e;font-size:9px;font-weight:1000;box-shadow:0 3px 0 #066b41}
#gameScreen .r9-cash-btn:disabled{background:#14201c;color:#60736d;box-shadow:none;border:1px solid #293a34}
#gameScreen .r9-cash-btn b{display:block;font-size:10px}#gameScreen .r9-cash-btn span{display:block;font-size:6.5px;margin-top:1px}
#gameScreen .r9-cash-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin-top:5px}
#gameScreen .r9-cash-node{height:18px;border-radius:5px;background:#101a17;border:1px solid #26352f;color:#5f726c;display:flex;align-items:center;justify-content:center;font-size:6.5px;font-weight:1000}
#gameScreen .r9-cash-node.unlocked{background:#10281d;border-color:#2f8659;color:#63e9a7}.r9-cash-node.next{background:#2a250d!important;border-color:#806b13!important;color:#ffe45d!important;box-shadow:0 0 7px rgba(255,211,45,.08)}#gameScreen .r9-cash-node.max{font-size:7px}
@media(max-height:700px){#gameScreen.bp17921-hud-cashout .bp17921-mode-hud{min-height:104px!important;max-height:none!important}#gameScreen .r9-cash-control{margin-top:3px;padding-top:3px}#gameScreen .r9-cash-rail{margin-top:3px}#gameScreen .r9-cash-node{height:15px;font-size:6px}#gameScreen .r9-cash-btn{min-height:29px}}
/* Segment 037 · src/styles/utilities.css */

#authPagePlay #betGrid,#cashoutPageRoot #bpcoBetGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
#authPagePlay #betGrid .bet,#cashoutPageRoot #bpcoBetGrid .bet{min-width:0;min-height:39px!important;padding:0 2px!important;font-size:11px!important}
#cashoutPageRoot #bpcoBetGrid{margin-top:0}
@media(max-width:359px){#authPagePlay #betGrid,#cashoutPageRoot #bpcoBetGrid{gap:4px!important}#authPagePlay #betGrid .bet,#cashoutPageRoot #bpcoBetGrid .bet{min-height:36px!important;font-size:9.5px!important}}
/* Segment 038 · src/styles/navigation.css */

/* Step 4R.12 — commercial bottom navigation rebuild. Navigation/UI only. */
#authHome .auth-bottom-nav.bp-r12-nav{
  height:calc(70px + env(safe-area-inset-bottom))!important;
  min-height:calc(70px + env(safe-area-inset-bottom))!important;
  padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  background:var(--bp496-nav);
  border-top:1px solid rgba(121,142,136,.23)!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);
  overflow:visible!important;
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn{
  position:relative!important;
  min-width:0!important;
  height:60px!important;
  padding:3px 1px 1px!important;
  margin:0!important;
  border:0!important;
  border-radius:13px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  background:transparent;
  color:#74807d;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:-.08px!important;
  opacity:1!important;
  transform:none!important;
  box-shadow:none;
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn::before{
  content:"";position:absolute;left:50%;top:-5px;width:0;height:3px;border-radius:0 0 4px 4px;
  transform:translateX(-50%);background:#ffd21b;box-shadow:0 3px 10px rgba(255,210,27,.28);opacity:0;
  transition:width .16s ease,opacity .16s ease;
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-ni{
  width:32px!important;height:30px!important;min-width:32px!important;min-height:30px!important;
  margin:0!important;border-radius:10px!important;border:1px solid transparent!important;
  display:grid!important;place-items:center!important;background:transparent;color:currentColor;
  box-shadow:none;font-size:0!important;transform:none!important;
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-ni svg{
  width:26px!important;height:26px!important;stroke:currentColor;stroke-width:2.15!important;fill:none;
  stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important;
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-ni-10x b{
  display:block;font-size:13px;line-height:1;font-weight:1000;letter-spacing:-.8px;color:currentColor;
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-label{
  display:block!important;max-width:100%!important;font-size:9.4px!important;line-height:12px!important;
  font-weight:900!important;letter-spacing:-.12px!important;white-space:nowrap!important;overflow:visible!important;
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active{
  color:#f4f7f5;background:linear-gradient(180deg,rgba(255,211,31,.065),rgba(255,211,31,.012));
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active::before{width:27px;opacity:1}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active .bp-r12-ni{
  border-color:rgba(255,211,31,.32);background:linear-gradient(180deg,#2f2908,#171405);
  color:#ffd51f;box-shadow:0 0 0 1px rgba(255,211,31,.06),0 5px 14px rgba(0,0,0,.25);
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active .bp-r12-nav-label{color:#ffe052;}
/* Cashout keeps a green mode identity while retaining the same hierarchy. */
#authHome .auth-bottom-nav.bp-r12-nav #v17621CashNav.active{color:#eff8f2;background:linear-gradient(180deg,rgba(42,228,126,.065),rgba(42,228,126,.012));}
#authHome .auth-bottom-nav.bp-r12-nav #v17621CashNav.active::before{background:#33e783;box-shadow:0 3px 10px rgba(51,231,131,.28);}
#authHome .auth-bottom-nav.bp-r12-nav #v17621CashNav.active .bp-r12-ni{border-color:rgba(51,231,131,.30);background:linear-gradient(180deg,#0c2c1a,#07190f);color:#39e98b;box-shadow:0 0 0 1px rgba(51,231,131,.05),0 5px 14px rgba(0,0,0,.24);}
#authHome .auth-bottom-nav.bp-r12-nav #v17621CashNav.active .bp-r12-nav-label{color:#45ea92;}
/* Deposit is the central transactional action, but it is not a floating FAB. */
#authHome .auth-bottom-nav.bp-r12-nav #v18010DepositNav .bp-r12-ni{
  width:38px!important;height:34px!important;min-width:38px!important;min-height:34px!important;
  border-color:rgba(72,116,99,.34);background:linear-gradient(180deg,#14231d,#0b1511);
  color:#9aaca5;box-shadow:inset 0 1px rgba(255,255,255,.035);
}
#authHome .auth-bottom-nav.bp-r12-nav #v18010DepositNav .bp-r12-ni svg{width:27px!important;height:27px!important}
#authHome .auth-bottom-nav.bp-r12-nav #v18010DepositNav.active .bp-r12-ni{
  border-color:#ffe052;background:linear-gradient(180deg,#ffe642,#ffc814);color:#1c1804;
  box-shadow:0 5px 15px rgba(255,202,20,.20),inset 0 1px rgba(255,255,255,.55);
}
#authHome .auth-bottom-nav.bp-r12-nav #v18010DepositNav.active .bp-r12-nav-label{color:#ffe052;}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn:active{transform:scale(.96)!important}
@media (max-width:350px){
  #authHome .auth-bottom-nav.bp-r12-nav{padding-left:3px!important;padding-right:3px!important}
  #authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn{padding-left:0!important;padding-right:0!important}
  #authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-label{font-size:8.7px!important;letter-spacing:-.22px!important}
  #authHome .auth-bottom-nav.bp-r12-nav .bp-r12-ni{width:30px!important;height:29px!important;min-width:30px!important;min-height:29px!important}
  #authHome .auth-bottom-nav.bp-r12-nav .bp-r12-ni svg{width:24px!important;height:24px!important}
  #authHome .auth-bottom-nav.bp-r12-nav #v18010DepositNav .bp-r12-ni{width:35px!important;min-width:35px!important}
}
/* Segment 039 · src/styles/pages.css */

/* STEP 4R.13 — Deposit page only. No Gameplay / Difficulty / Settlement styling changes. */
#v18061DepositScreen{background:var(--bp496-app);padding:0 12px calc(88px + var(--safeBottom))}
#v18061DepositScreen .bp-r13-deposit-entry{padding-top:10px}
.bp-r13-deposit-banner{position:relative;height:166px;overflow:hidden;border-radius:20px;border:1px solid rgba(255,211,0,.42);background:radial-gradient(circle at 84% 46%,rgba(255,219,0,.29),transparent 28%),radial-gradient(circle at 72% 130%,rgba(255,166,0,.20),transparent 42%),repeating-radial-gradient(circle at 91% 23%,rgba(255,213,0,.13) 0 1px,transparent 1px 5px),linear-gradient(112deg,#050505 0%,#0a0902 53%,#5d3900 100%);box-shadow:0 14px 34px rgba(0,0,0,.40),inset 0 1px rgba(255,246,137,.13)}
.bp-r13-deposit-banner:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ffe600,#ffca00 64%,#fff26e)}
.bp-r13-banner-copy{position:relative;z-index:2;width:64%;padding:25px 0 0 20px;text-shadow:0 2px 9px rgba(0,0,0,.72)}
.bp-r13-banner-copy span{display:inline-block;color:#ffe22b;font-size:10px;font-weight:950;letter-spacing:2.4px}
.bp-r13-banner-copy h1{margin:9px 0 5px;color:#fff;font-size:26px;line-height:.98;font-weight:1000;letter-spacing:-1.15px}.bp-r13-banner-copy h1::first-line{color:#fff}
.bp-r13-banner-copy p{margin:0;color:#ffd91b;font-size:11px;font-weight:950;letter-spacing:2px}
.bp-r13-pix-art{position:absolute;right:-10px;top:0;width:58%;height:100%;z-index:1}.bp-r13-pix-art svg{display:block;width:100%;height:100%}
.bp-r13-deposit-panel{margin-top:11px;padding:14px 16px 16px;border-radius:20px;border:1px solid rgba(255,211,0,.14);background:linear-gradient(180deg,#111310,#0b0d0c);box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.03)}
.bp-r13-title{margin-bottom:11px}.bp-r13-title small{display:block;color:#a5a99f;font-size:9px;font-weight:900;letter-spacing:1.15px}.bp-r13-title h2{margin:2px 0 0;color:#fff;font-size:24px;line-height:1.05;letter-spacing:-.55px}
.bp-r13-field-label{display:block;margin:0 0 7px;color:#eef0eb;font-size:13px;font-weight:850}
#v18061DepositScreen .bp-r13-money-input{height:56px;border-radius:14px;border-color:#2c312c;background:#151715;box-shadow:inset 0 1px rgba(255,255,255,.025)}
#v18061DepositScreen .bp-r13-money-input span{color:#ffd91a;font-size:17px}#v18061DepositScreen .bp-r13-money-input input{font-size:21px;color:#fff}#v18061DepositScreen .bp-r13-money-input b{color:#ffd91a;font-size:12px}
.bp-r13-min-row{min-height:27px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 1px 0}.bp-r13-min-row>span{white-space:nowrap;color:#9bd6a1;font-size:11px;font-weight:750}.bp-r13-min-row .v18061-error{min-height:0;margin:0;text-align:right;font-size:10.5px;color:#ff8f91}
#v18061DepositScreen .bp-r13-amount-grid{margin-top:8px;gap:8px}
#v18061DepositScreen .bp-r13-amount-grid .v18061-amount{height:48px;border-radius:12px;border-color:#30342f;background:linear-gradient(180deg,#202320,#141714);color:#ffd91a;font-size:15px;box-shadow:inset 0 1px rgba(255,255,255,.045),0 2px 0 #050605}
#v18061DepositScreen .bp-r13-amount-grid .v18061-amount.selected{border-color:#ffd91a;background:linear-gradient(180deg,#292816,#15170e);color:#fff04a;box-shadow:0 0 0 1px rgba(255,217,26,.28),0 7px 16px rgba(255,201,0,.08),inset 0 1px rgba(255,246,160,.13)}
#v18061DepositScreen .v18061-amount.popular:after{display:none!important}
#v18061DepositScreen .bp-r13-deposit-cta{margin-top:15px;min-height:56px;border-radius:15px;background:linear-gradient(180deg,#ffe52c,#ffc900);color:#171400;box-shadow:0 9px 23px rgba(255,202,0,.17),inset 0 1px #fff6a7;font-size:16px;letter-spacing:.3px}
#v18061DepositScreen .bp-r13-deposit-cta:disabled{background:linear-gradient(180deg,#5b5947,#3d3d35);color:#a7a797;opacity:.72}
#v18061DepositScreen .v18061-deposit-pending{padding-top:12px}
@media(max-width:350px){.bp-r13-deposit-banner{height:145px}.bp-r13-banner-copy{padding:20px 0 0 16px}.bp-r13-banner-copy h1{font-size:22px}.bp-r13-deposit-panel{padding:12px}.bp-r13-title h2{font-size:21px}#v18061DepositScreen .bp-r13-amount-grid .v18061-amount{height:44px;font-size:14px}}
@media(max-height:690px){.bp-r13-deposit-banner{height:132px}.bp-r13-banner-copy{padding-top:17px}.bp-r13-banner-copy h1{font-size:21px;margin-top:6px}.bp-r13-deposit-panel{margin-top:8px;padding-top:11px;padding-bottom:12px}.bp-r13-title{margin-bottom:8px}.bp-r13-title h2{font-size:21px}#v18061DepositScreen .bp-r13-money-input{height:49px}#v18061DepositScreen .bp-r13-amount-grid .v18061-amount{height:42px}#v18061DepositScreen .bp-r13-deposit-cta{min-height:50px;margin-top:10px}}
@media(max-height:600px){#v18061DepositScreen{padding-bottom:calc(76px + var(--safeBottom))}.bp-r13-deposit-banner{height:108px}.bp-r13-banner-copy{padding:13px 0 0 15px}.bp-r13-banner-copy span{font-size:8px}.bp-r13-banner-copy h1{font-size:18px;margin:4px 0 3px}.bp-r13-banner-copy p{font-size:8px}.bp-r13-deposit-panel{margin-top:6px;padding:9px 11px 10px}.bp-r13-title{margin-bottom:5px}.bp-r13-title small{font-size:7px}.bp-r13-title h2{font-size:18px}.bp-r13-field-label{margin-bottom:4px;font-size:11px}#v18061DepositScreen .bp-r13-money-input{height:43px}#v18061DepositScreen .bp-r13-money-input input{font-size:18px}.bp-r13-min-row{min-height:20px;padding-top:3px}.bp-r13-min-row>span{font-size:9px}#v18061DepositScreen .bp-r13-amount-grid{margin-top:5px;gap:6px}#v18061DepositScreen .bp-r13-amount-grid .v18061-amount{height:36px;font-size:12px}#v18061DepositScreen .bp-r13-deposit-cta{min-height:43px;margin-top:7px;font-size:13px}}

/* Block PIX 4.9.6 · 充值真实路由 v18061 / 单一视觉 Owner。
   旧 bp-r13 金黑素材不再被渲染；以下 bp496-dep-* 仅用于真实充值画面。
   不影响 10X、Cashout 或其他系统页。 */
#v18061DepositScreen.bp496-deposit{background:#F2F6F9;padding:0 12px calc(88px + var(--safeBottom,0px));color:#173650}
#v18061DepositScreen .bp496-deposit-entry,#v18061DepositScreen .bp496-dep-pending{padding-top:13px}
#v18061DepositScreen .bp496-dep-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 3px 11px;background:transparent}
#v18061DepositScreen .bp496-dep-heading .bp496-dep-eyebrow{font-size:10px;letter-spacing:.8px;font-weight:800;color:#416E8A}
#v18061DepositScreen .bp496-dep-heading h1{font-size:22px;line-height:1.17;margin:4px 0;color:#173650;font-weight:850;letter-spacing:-.45px}
#v18061DepositScreen .bp496-dep-heading p{font-size:12px;line-height:1.4;color:#587387;margin:0}
:is(#v18061DepositScreen,#v18061WithdrawScreen) .bp496-dep-pixmark{width:106px;height:43px;flex:0 0 106px;background:#fff;border:1px solid #DAE6ED;border-radius:11px;display:grid;place-items:center;position:relative;overflow:hidden}
:is(#v18061DepositScreen,#v18061WithdrawScreen) .bp496-dep-pix-official{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain;z-index:1;background:#fff;visibility:hidden}
:is(#v18061DepositScreen,#v18061WithdrawScreen) .bp496-dep-pix-fallback{font-size:18px;font-weight:800;letter-spacing:-.6px;color:#128461}
:is(#v18061DepositScreen,#v18061WithdrawScreen) .bp496-dep-pix-loaded .bp496-dep-pix-official{visibility:visible}
:is(#v18061DepositScreen,#v18061WithdrawScreen) .bp496-dep-pix-loaded .bp496-dep-pix-fallback{visibility:hidden}
#v18061DepositScreen .bp496-dep-order-method{font-size:17px;font-weight:850;color:#128461;padding:7px 11px;border-radius:9px;background:#EBF7F1}
#v18061DepositScreen .bp496-dep-panel{background:#fff;border:1px solid #DAE6ED;border-radius:18px;padding:15px;box-shadow:0 6px 18px rgba(28,70,96,.055)}
#v18061DepositScreen .bp496-dep-panel-head{display:flex;justify-content:space-between;align-items:center;gap:6px}
#v18061DepositScreen .bp496-dep-panel-head>span{font-size:10px;letter-spacing:.55px;font-weight:800;color:#527188}
#v18061DepositScreen .bp496-dep-panel-head strong{font-size:11px;color:#167D5D;background:#EAF7F0;border-radius:8px;padding:6px 7px;font-weight:800}
#v18061DepositScreen .bp496-dep-panel h2{font-size:15px;color:#355E78;margin:11px 0 9px;font-weight:750;line-height:1.3}
#v18061DepositScreen .bp496-dep-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#v18061DepositScreen .bp496-dep-quick .bp496-dep-amount{width:100%;height:47px;min-height:47px;border:1px solid #CBDFE9;border-radius:11px;background:#F0F6F9;color:#173650;font-size:14px;font-weight:850;box-shadow:none;transform:none;letter-spacing:0;display:grid;place-items:center;padding:0 4px}
#v18061DepositScreen .bp496-dep-quick .bp496-dep-amount.selected{color:#FFF;background:#2C74AB;border-color:#2C74AB;box-shadow:inset 0 2px 5px rgba(0,0,0,.12),0 2px 0 rgba(22,64,92,.08)}
#v18061DepositScreen .bp496-dep-quick .bp496-dep-amount:focus-visible{outline:2px solid #128461;outline-offset:2px}
#v18061DepositScreen .bp496-dep-manual-label{display:block;margin:11px 1px 7px;font-size:13px;font-weight:800;color:#173650}
#v18061DepositScreen .bp496-dep-manual-label span{font-weight:500;color:#587387;font-size:12px}
#v18061DepositScreen .bp496-dep-manual{height:53px;display:flex;align-items:center;gap:8px;padding:0 13px;background:#F5F9FB;border:1px solid #C7DCE7;border-radius:12px}
#v18061DepositScreen .bp496-dep-manual:focus-within{border-color:#2C74AB;box-shadow:0 0 0 2px rgba(44,116,171,.13)}
#v18061DepositScreen .bp496-dep-manual>span{font-size:16px;color:#2C74AB;font-weight:850}
#v18061DepositScreen .bp496-dep-manual input{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;flex:1;width:100%;min-width:0;height:100%;font-size:19px!important;color:#173650!important;font-weight:750;padding:0!important;font-variant-numeric:tabular-nums}
#v18061DepositScreen .bp496-dep-manual input::placeholder{color:#6C8496!important;font-weight:500}
#v18061DepositScreen .bp496-dep-error{min-height:0;margin:5px 2px;font-size:12px;font-weight:600;line-height:1.35;color:#B83232}
#v18061DepositScreen .bp496-dep-error:empty{display:none}
#v18061DepositScreen .bp496-dep-cta{width:100%;margin-top:12px;min-height:52px;border:0;border-radius:14px;background:#128461;color:#fff;font-size:16px;font-weight:850;box-shadow:0 5px 12px rgba(18,132,97,.12)}
#v18061DepositScreen .bp496-dep-cta:disabled{background:#D2DEE4;color:#526A78;box-shadow:none;cursor:not-allowed}
#v18061DepositScreen .bp496-dep-secondary{width:100%;height:44px;border-radius:12px;background:#E9F2F7;color:#2A5B7B;border:1px solid #D1E3ED;font-size:13px;font-weight:800}
#v18061DepositScreen .bp496-dep-disclaimer{font-size:11px;line-height:1.45;text-align:center;color:#5B7587;margin:11px 4px 0}
#v18061DepositScreen .bp496-dep-order-top{display:flex;justify-content:space-between;align-items:center;gap:9px}
#v18061DepositScreen .bp496-dep-order-top span{font-size:11px;color:#526F86;font-weight:800}
#v18061DepositScreen .bp496-dep-order-top strong{font-size:25px;color:#173650;font-weight:900}
#v18061DepositScreen .bp496-dep-order-state{display:block;border-radius:10px;margin:12px 0;padding:10px;background:#EAF3FA;color:#285578;font-size:13px;font-weight:800}
#v18061DepositScreen .bp496-dep-qr-container{display:grid;justify-items:center;gap:9px;padding:10px 0}
#v18061DepositScreen .bp496-dep-qr-container .v18061-qr{box-sizing:border-box;height:248px;width:248px;padding:16px;color:transparent;background:#fff;border:0;box-shadow:0 0 0 1px #DDE7ED;border-radius:8px}
#v18061DepositScreen .bp496-dep-qr-container .v18061-qr canvas,#v18061DepositScreen .bp496-dep-qr-container .v18061-qr img{display:block;width:216px;height:216px;image-rendering:pixelated}
#v18061DepositScreen .bp496-dep-qr-container span{font-size:10px;line-height:1.3;color:#B83232;font-weight:850}
#v18061DepositScreen .bp496-dep-code-label{display:block;margin-top:7px;font-size:12px;color:#416F8A;font-weight:750}
#v18061DepositScreen .bp496-dep-code{font-size:11px;padding:10px;max-height:64px;overflow:auto;border-radius:10px;background:#F1F6F9;border:1px solid #D9E6EE;color:#274D67;word-break:break-all}
#v18061DepositScreen .bp496-dep-expiry{margin:8px 0;font-size:12px;color:#587387}
#v18061DepositScreen .bp496-dep-actions{display:grid;gap:7px}
#v18061DepositScreen .bp496-dep-actions .bp496-dep-cta{margin:0}
@media(max-width:350px){#v18061DepositScreen .bp496-dep-panel{padding:12px}#v18061DepositScreen .bp496-dep-heading h1{font-size:20px}#v18061DepositScreen .bp496-dep-quick{gap:7px}#v18061DepositScreen .bp496-dep-quick .bp496-dep-amount{height:44px;min-height:44px;font-size:12px}}
@media(max-width:350px) and (max-height:610px){
 #v18061DepositScreen .bp496-deposit-entry{padding-top:5px}
 #v18061DepositScreen .bp496-dep-heading{padding:0 3px 5px}
 #v18061DepositScreen .bp496-dep-heading h1{font-size:19px;margin:2px 0}
 :is(#v18061DepositScreen,#v18061WithdrawScreen) .bp496-dep-pixmark{width:90px;height:40px;flex-basis:90px}
 #v18061DepositScreen .bp496-dep-panel{padding:10px}
 #v18061DepositScreen .bp496-dep-panel h2{font-size:14px;margin:8px 0 6px}
 #v18061DepositScreen .bp496-dep-quick{gap:5px}
 #v18061DepositScreen .bp496-dep-manual-label{margin:8px 1px 4px}
 #v18061DepositScreen .bp496-dep-manual{height:45px}
 #v18061DepositScreen .bp496-dep-cta{margin-top:8px}
}
@media(max-height:620px){#v18061DepositScreen .bp496-dep-heading{padding-bottom:7px}#v18061DepositScreen .bp496-dep-quick .bp496-dep-amount{min-height:44px;height:44px}#v18061DepositScreen .bp496-dep-panel{padding:12px}#v18061DepositScreen .bp496-dep-manual-label{margin-top:10px}}
/* Segment 040 · src/styles/utilities.css */

/* STEP 4R.13.1 — PIX BRAND BANNER CORRECTION */
.bp-r13-deposit-banner{background:radial-gradient(circle at 83% 46%,rgba(255,210,0,.22),transparent 31%),radial-gradient(circle at 68% 125%,rgba(255,155,0,.14),transparent 44%),repeating-radial-gradient(circle at 90% 18%,rgba(255,213,0,.10) 0 1px,transparent 1px 5px),linear-gradient(112deg,#030404 0%,#090902 55%,#4b2d00 100%)}
.bp-r131-pix-art{right:-2px;top:-1px;width:59%;height:100%}
.bp-r131-pix-art svg{overflow:visible}
@media(max-width:350px){.bp-r131-pix-art{right:-10px;width:62%}}
@media(max-height:690px){.bp-r131-pix-art{right:-7px;width:58%}}
@media(max-height:600px){.bp-r131-pix-art{right:-10px;width:57%}}
/* Segment 041 · src/styles/utilities.css */

/* STEP 4R.13.2 — DIRECT PIX LOGO BANNER LOCK
   The Pix mark is a direct raster extraction from the user-provided reference image.
   No SVG redraw and no geometry reinterpretation. Effects stay behind the image. */
.bp-r13-deposit-banner{
  background:
    radial-gradient(circle at 86% 48%,rgba(255,220,38,.25),transparent 29%),
    radial-gradient(circle at 69% 126%,rgba(255,154,0,.14),transparent 43%),
    repeating-radial-gradient(circle at 91% 18%,rgba(255,213,0,.095) 0 1px,transparent 1px 5px),
    linear-gradient(112deg,#030404 0%,#090902 54%,#4b2d00 100%);
}
.bp-r132-pix-art{position:absolute;right:-8px;top:-3px;width:59%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:visible}
.bp-r132-logo-glow{position:absolute;right:4%;top:15%;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,244,133,.42) 0%,rgba(255,211,18,.23) 28%,rgba(255,166,0,.09) 52%,transparent 74%);filter:blur(5px);opacity:.95}
.bp-r132-pix-reference-logo{position:relative;z-index:2;display:block;width:100%;height:auto;max-height:158px;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}
@media(max-width:350px){.bp-r132-pix-art{right:-13px;width:61%}.bp-r132-pix-reference-logo{max-height:137px}}
@media(max-height:690px){.bp-r132-pix-art{right:-10px;width:57%}.bp-r132-pix-reference-logo{max-height:126px}}
@media(max-height:600px){.bp-r132-pix-art{right:-12px;width:56%}.bp-r132-pix-reference-logo{max-height:104px}}
/* Segment 042 · src/styles/pages.css */

/* STEP 4R.13.3 — user-approved Block PIX deposit artwork, WebP integration only. */
#v18061DepositScreen .bp-r13-deposit-banner.bp-r133-image-banner{
  position:relative;
  width:100%;
  height:auto!important;
  aspect-ratio:3 / 1;
  padding:0;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,214,31,.38);
  background:#050505;
  box-shadow:0 12px 30px rgba(0,0,0,.38),0 0 0 1px rgba(255,208,0,.04),inset 0 1px rgba(255,255,255,.10);
}
#v18061DepositScreen .bp-r13-deposit-banner.bp-r133-image-banner:before,
#v18061DepositScreen .bp-r13-deposit-banner.bp-r133-image-banner:after{display:none!important;content:none!important}
#v18061DepositScreen .bp-r133-banner-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  border:0;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}
@media(max-width:350px){
  #v18061DepositScreen .bp-r13-deposit-banner.bp-r133-image-banner{height:auto!important;aspect-ratio:3 / 1;border-radius:15px}
}
@media(max-height:690px){
  #v18061DepositScreen .bp-r13-deposit-banner.bp-r133-image-banner{height:auto!important;aspect-ratio:3 / 1}
}
@media(max-height:600px){
  #v18061DepositScreen .bp-r13-deposit-banner.bp-r133-image-banner{height:auto!important;aspect-ratio:3 / 1}
}
/* Segment 043 · src/styles/utilities.css */

.brand-logo.bp-exact-latest-logo{object-fit:contain!important;object-position:left center!important;background:transparent!important;}
/* Segment 044 · src/styles/utilities.css */

/* STEP 4R.15 — Global Secondary Page System. Visual/layout owner only. */
:root{
 --bp15-bg:#070908;--bp15-surface:#111512;--bp15-surface-2:#151a16;--bp15-border:rgba(255,255,255,.075);
 --bp15-border-strong:rgba(255,211,28,.20);--bp15-gold:#ffd51c;--bp15-gold-2:#ffe45c;
 --bp15-green:#39de8b;--bp15-red:#ff5c70;--bp15-text:#f6f8f6;--bp15-text-2:#a5ada8;--bp15-text-3:#747d77;
 --bp15-r-sm:11px;--bp15-r-md:15px;--bp15-r-lg:19px;--bp15-page-x:16px;
}
/* Scroll owner: child page scrolls, app shell does not. */
#v18061SystemViewport .v18061-screen.v18065-child{
 position:absolute!important;inset:0!important;box-sizing:border-box!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;
 -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
 scrollbar-width:none!important;padding:0 var(--bp15-page-x) calc(28px + var(--safeBottom))!important;
 background:radial-gradient(circle at 88% -8%,rgba(255,213,28,.055),transparent 25%),linear-gradient(180deg,#090b0a 0%,#070908 54%,#050706 100%);color:var(--bp15-text);
}
#v18061SystemViewport .v18061-screen.v18065-child::-webkit-scrollbar{display:none!important}
#authHome.v18061-child-active .auth-bottom-nav{display:none!important}
#authHome.v18061-child-active .auth-app-header{display:none!important}
/* One secondary header for all four pages. */
.v18065-child .v18065-child-head{
 position:sticky!important;top:0!important;z-index:30!important;min-height:58px!important;
 margin:0 calc(var(--bp15-page-x)*-1) 14px!important;padding:calc(8px + var(--safeTop)) var(--bp15-page-x) 8px!important;
 grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important;
 background:linear-gradient(180deg,rgba(8,11,9,.985),rgba(8,11,9,.955));
 border-bottom:1px solid rgba(255,255,255,.065)!important;box-shadow:0 8px 22px rgba(0,0,0,.18);
 backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
.v18065-child .v18065-child-head>div{text-align:center!important;min-width:0!important}
.v18065-child .v18065-child-head small{display:none!important}
.v18065-child .v18065-child-head h1{margin:0!important;color:#f8faf8;font-size:19px!important;line-height:1.15!important;letter-spacing:-.25px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.v18065-child .v18061-back{
 width:40px!important;height:40px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.085)!important;
 background:linear-gradient(180deg,#171b18,#0f1310);color:#fff;font-size:0!important;
 display:grid!important;place-items:center!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 6px 15px rgba(0,0,0,.19);
}
/* 返回图标由按钮内的 SVG 唯一拥有；禁止字体伪元素在 Android 回退成汉字。 */
.v18065-child .v18061-back:before{content:none!important}
.v18065-child .v18061-back:active{transform:scale(.96)}
/* Shared surfaces. */
.v18065-child .v18065-summary-hero,.v18065-child .v18065-account-identity{
 margin:0!important;padding:16px!important;border-radius:var(--bp15-r-lg)!important;
 border:1px solid var(--bp15-border)!important;background:radial-gradient(circle at 100% 0,rgba(255,214,28,.07),transparent 36%),linear-gradient(145deg,#151a16,#0d110e 72%);
 box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.23);
}
.v18065-child .v18065-summary-hero:after{opacity:.42!important}
.v18065-child .v18065-summary-hero small,.v18065-child .v18065-account-identity small{color:#918340;font-size:9px!important;letter-spacing:.8px!important;font-weight:950!important;}
.v18065-child .v18065-summary-hero strong{margin-top:5px!important;color:#fff;font-size:31px!important;letter-spacing:-.85px!important;}
.v18065-child .v18065-summary-hero>div>span{margin-top:6px!important;color:var(--bp15-text-2);font-size:11.5px!important;}
.v18065-child .v18061-card{
 margin-top:12px!important;padding:15px!important;border-radius:var(--bp15-r-lg)!important;border:1px solid var(--bp15-border)!important;
 background:linear-gradient(180deg,#121613,#0d110e);box-shadow:inset 0 1px rgba(255,255,255,.026),0 10px 24px rgba(0,0,0,.18);
}
.v18065-child .v18061-card-head{gap:10px!important;align-items:center!important}
.v18065-child .v18061-card-head small{color:var(--bp15-text-3);font-size:9px!important;letter-spacing:.8px!important;font-weight:950!important;}
.v18065-child .v18061-card-head h2{margin-top:3px!important;color:#f5f8f6;font-size:17px!important;line-height:1.18!important;letter-spacing:-.15px!important;}
.v18065-child .v18061-chip-info,.v18065-child .v18065-status-chip{
 border-radius:999px!important;padding:5px 8px!important;background:#171b18;border:1px solid rgba(255,255,255,.075)!important;
 color:#a4aca7;font-size:8.5px!important;letter-spacing:.25px!important;font-weight:950!important;
}
.v18065-child .v18065-status-chip.good{background:rgba(57,222,139,.08);border-color:rgba(57,222,139,.18);color:#69eaaa;}
.v18065-child .v18065-status-chip.warn{background:rgba(255,213,28,.08);border-color:rgba(255,213,28,.18);color:#ffe057;}
/* Account */
.v18065-child .v18065-account-identity{grid-template-columns:58px minmax(0,1fr)!important;gap:13px!important;align-items:center!important}
.v18065-child .v18065-account-avatar{width:58px!important;height:58px!important;border-radius:17px!important;background:linear-gradient(145deg,#ffe44d,#c99500);color:#211900;font-size:23px!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 18px rgba(0,0,0,.22);}
.v18065-child .v18065-account-identity h2{margin:3px 0 2px!important;color:#fff;font-size:19px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.v18065-child .v18065-account-identity p{margin:0 0 6px!important;color:#929c96;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.v18065-account-details .v18061-detail-row{min-height:48px!important;padding:12px 1px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.v18065-account-details .v18061-detail-row span{color:#838d87;font-size:12.5px!important;}
.v18065-account-details .v18061-detail-row b{max-width:62%!important;color:#eef2ef;font-size:13.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.v18065-account-details .v18061-inline-status{display:none!important}
.v18065-feature-row{grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important;padding:11px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.v18065-row-icon{width:38px!important;height:38px!important;border-radius:12px!important;background:#191d1a;color:var(--bp15-gold);}
.v18065-feature-row b{color:#eef3ef;font-size:13.5px!important;}.v18065-feature-row small{color:#7f8983;font-size:10.5px!important;line-height:1.25!important;}
/* Withdraw */
.v18065-withdraw .v18065-summary-hero{border-color:rgba(57,222,139,.12);background:radial-gradient(circle at 100% 0,rgba(57,222,139,.07),transparent 34%),linear-gradient(145deg,#141a16,#0c110e 74%);}
.v18065-withdraw .v18065-summary-hero strong{font-size:33px!important}
.v18065-hero-badge{min-width:65px!important;padding:9px 10px!important;border-radius:14px!important;background:rgba(57,222,139,.065);border:1px solid rgba(57,222,139,.15)!important;}.v18065-hero-badge span{color:#68e9aa;font-size:9px!important;}.v18065-hero-badge b{color:#eef7f2;font-size:15px!important;}
.v18065-eligibility-card .v18061-eligibility{gap:7px!important}.v18065-eligibility-card .v18061-elig{padding:10px 8px!important;border-radius:12px!important;background:#0c100d;border:1px solid rgba(255,255,255,.06)!important;}.v18065-eligibility-card .v18061-elig small{font-size:8px!important;color:#768079;}.v18065-eligibility-card .v18061-elig b{font-size:13px!important;color:#f1f4f1;}
.v18065-rollover-progress{height:5px!important;background:#080a08;}.v18065-rollover-progress i{background:linear-gradient(90deg,var(--bp15-green),var(--bp15-gold));}
.v18065-child .v18061-inline-status{padding:9px 10px!important;border-radius:11px!important;background:#101410;border:1px solid rgba(255,255,255,.06)!important;color:#8e9892;font-size:11px!important;}
.v18065-amount-card .v18061-money-input{height:58px!important;border-radius:14px!important;background:#080a08;border:1px solid rgba(255,255,255,.10)!important;}.v18065-amount-card .v18061-money-input:focus-within{border-color:rgba(255,213,28,.55);box-shadow:0 0 0 2px rgba(255,213,28,.075);}.v18065-child .v18061-money-input input{font-size:24px!important}.v18065-child .v18061-money-input span{color:var(--bp15-gold);}
.v18065-child .v18061-amount-grid{gap:7px!important}.v18065-child .v18061-amount{min-height:42px!important;border-radius:12px!important;background:#151a16;border:1px solid rgba(255,255,255,.075)!important;color:#b8c0bb;font-size:12.5px!important;}.v18065-child .v18061-amount.selected{background:linear-gradient(180deg,#3c3103,#211a02);border-color:rgba(255,220,63,.62);color:#ffe35b;box-shadow:none;}
.v18065-child .v18061-field span{margin-bottom:5px!important;color:#929c96;font-size:11.5px!important;}.v18065-child .v18061-field input{height:51px!important;border-radius:13px!important;background:#080a08;border:1px solid rgba(255,255,255,.095)!important;color:#fff;font-size:16px!important;}.v18065-child .v18061-field input:focus{border-color:rgba(255,213,28,.55);box-shadow:0 0 0 2px rgba(255,213,28,.065);}
.v18065-main-cta{min-height:54px!important;border-radius:14px!important;margin-top:12px!important;background:linear-gradient(180deg,#ffe55d,#ffd21d 56%,#e8ab00);border:1px solid #ffea70!important;color:#201700;font-size:15px!important;font-weight:1000!important;box-shadow:0 8px 18px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.36);}
.v18065-main-cta:disabled{filter:saturate(.3)!important;opacity:.38!important;box-shadow:none;}
/* History + transaction summaries. */
.v18065-transactions .v18065-summary-hero,.v18065-history .v18065-summary-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
.v18065-mini-flow{min-width:136px!important;gap:6px!important}.v18065-mini-flow>span{padding:8px 9px!important;border-radius:12px!important;background:#0b0e0c;border:1px solid rgba(255,255,255,.055)!important;}.v18065-mini-flow small{font-size:7.5px!important;color:#747d77;}.v18065-mini-flow b{font-size:12px!important;color:#f0f4f1;white-space:nowrap!important;}
.v18065-filter-row{gap:7px!important;margin:11px -1px 0!important;padding:2px 1px 3px!important;scroll-snap-type:x proximity!important}.v18065-filter-chip{scroll-snap-align:start!important;min-height:36px!important;padding:0 12px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.075)!important;background:#121613;color:#89928d;font-size:10px!important;}.v18065-filter-chip.active{border-color:rgba(255,220,63,.52);background:rgba(255,213,28,.085);color:#ffe257;box-shadow:none;}
.v18065-list-card{padding:14px!important}.v18065-child .v18061-tx-list{gap:7px!important}.v18065-child .v18061-tx{min-height:64px!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important;padding:10px 11px!important;border-radius:14px!important;background:#0c100d;border:1px solid rgba(255,255,255,.06)!important;box-shadow:none;cursor:pointer!important;}.v18065-child .v18061-tx:active{transform:scale(.992);background:#101511;}.v18065-child .v18061-tx-ico{width:38px!important;height:38px!important;border-radius:12px!important;background:#181d19;color:var(--bp15-gold);font-size:13px!important;}.v18065-child .v18061-tx-copy b{color:#eff3f0;font-size:13.5px!important;line-height:1.15!important;}.v18065-child .v18061-tx-copy small{margin-top:3px!important;color:#78827c;font-size:10px!important;line-height:1.28!important;}.v18065-child .v18061-tx-amt b{font-size:13px!important;white-space:nowrap!important}.v18065-child .v18061-tx-amt b.plus{color:#5be59e;}.v18065-child .v18061-tx-amt b.loss{color:#d48791;}.v18065-child .v18061-tx-amt small{margin-top:4px!important;padding:3px 6px!important;border-radius:999px!important;background:#151a16;color:#89928d;font-size:7.5px!important;white-space:nowrap!important;}
.v18065-child .v18061-tx[data-tx-type*="DEPOSIT"] .v18061-tx-ico,.v18065-child .v18061-tx[data-tx-type*="WIN"] .v18061-tx-ico{color:#61e6a2;background:rgba(57,222,139,.075);}.v18065-child .v18061-tx[data-tx-type*="WITHDRAW"] .v18061-tx-ico{color:#ffe05a;background:rgba(255,213,28,.075);}.v18065-child .v18061-tx[data-tx-type="BET"] .v18061-tx-ico{color:#d1d7d3;background:#171c18;}
.v18065-game-card[data-game-mode*="CASH"] .v18061-tx-ico{color:#64e6a4;background:rgba(57,222,139,.075);}.v18065-game-card[data-game-mode*="META"] .v18061-tx-ico{color:#ffe159;background:rgba(255,213,28,.075);}
.v18065-game-result{font-size:8px!important;color:#929b96;}.v18065-game-result.win{color:#63e7a4;}
/* Empty states. */
.v18065-child .v18061-empty{padding:28px 14px!important;border-radius:15px!important;background:radial-gradient(circle at 50% 0,rgba(255,213,28,.035),transparent 43%),#0c100d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);}.v18065-child .v18061-empty .icon{width:44px!important;height:44px!important;border-radius:14px!important;background:#171c18;color:var(--bp15-gold);}.v18065-child .v18061-empty b{color:#eef2ef;font-size:13px!important;}.v18065-child .v18061-empty p{max-width:250px!important;margin:6px auto 0!important;color:#7f8983;font-size:10.5px!important;line-height:1.4!important;}
/* Detail modals share same secondary system. */
.v18065-detail-modal{border-radius:20px!important;background:linear-gradient(180deg,#141814,#0b0f0c);border:1px solid rgba(255,255,255,.08)!important;}.v18065-detail-modal .v18061-modal-summary{background:#0b0f0c;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;}.v18065-detail-modal .v18065-detail-amount{color:var(--bp15-gold);font-size:27px!important;}
/* Strong anti-demo cleanup. */
.v18065-account-security .v18065-feature-row:first-of-type small{font-size:0!important}.v18065-account-security .v18065-feature-row:first-of-type small:after{content:"Proteção de acesso da conta";font-size:10.5px!important;color:#7f8983;}
/* Responsive */
@media(max-width:350px){:root{--bp15-page-x:11px}.v18065-child .v18065-child-head{grid-template-columns:42px minmax(0,1fr) 42px!important}.v18065-child .v18065-child-head h1{font-size:17px!important}.v18065-child .v18065-summary-hero,.v18065-child .v18065-account-identity{padding:13px!important}.v18065-child .v18065-summary-hero strong{font-size:27px!important}.v18065-mini-flow{min-width:120px!important}.v18065-child .v18061-card{padding:13px!important}.v18065-child .v18061-tx{grid-template-columns:37px minmax(0,1fr) auto!important;gap:8px!important;padding:9px!important}.v18065-child .v18061-tx-ico{width:36px!important;height:36px!important}.v18065-child .v18061-tx-copy b{font-size:12.5px!important}.v18065-child .v18061-tx-amt b{font-size:12px!important}.v18065-child .v18061-amount{font-size:11.5px!important}}
@media(min-width:400px){:root{--bp15-page-x:18px}.v18065-child .v18061-card{padding:16px!important}}
/* Segment 045 · src/styles/pages.css */

/* STEP 4R.15.1 — unified deposit shortcut for secondary pages. */
.v18065-child .v18065-child-head{grid-template-columns:44px minmax(0,1fr) 82px!important;}
.v18065-deposit-entry{
 height:38px!important;min-width:78px!important;padding:0 10px!important;border:1px solid rgba(255,218,45,.38)!important;border-radius:12px!important;
 background:linear-gradient(180deg,#ffe457,#ffc715 62%,#e7a600);color:#201700;
 font-size:9.5px!important;font-weight:1000!important;letter-spacing:.15px!important;white-space:nowrap!important;
 display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
 box-shadow:inset 0 1px rgba(255,255,255,.42),0 3px 0 #755600,0 6px 14px rgba(0,0,0,.19);
}
.v18065-deposit-entry:before{content:"+";font-size:15px;line-height:1;font-weight:1000;}
.v18065-deposit-entry:active{transform:translateY(2px)!important;box-shadow:inset 0 1px rgba(255,255,255,.3),0 1px 0 #755600;}
@media(max-width:350px){.v18065-child .v18065-child-head{grid-template-columns:42px minmax(0,1fr) 70px!important}.v18065-deposit-entry{min-width:66px!important;padding:0 7px!important;font-size:8.5px!important}.v18065-deposit-entry:before{font-size:13px}}
/* Segment 046 · src/styles/pages.css */


/* STEP 4R.19 — Guest → Paid Value Bridge. Presentation/navigation handoff only. */
#guestHome .bp-r19-paid-bridge{margin:10px auto 12px;width:min(100%,356px);padding:11px;border-radius:18px;background:linear-gradient(165deg,#0b110f,#050806 76%);border:1px solid rgba(117,150,137,.25);box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 23px rgba(0,0,0,.23)}
.bp-r19-bridge-head{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:0 1px 9px}.bp-r19-bridge-head small{display:block;color:#65dca0;font-size:5.7px;font-weight:1000;letter-spacing:.78px}.bp-r19-bridge-head strong{display:block;margin-top:2px;color:#f5f8f6;font-size:12.5px;line-height:1;font-weight:1000;letter-spacing:-.25px}.bp-r19-bridge-head>span{flex:0 0 auto;padding:4px 6px;border-radius:999px;border:1px solid rgba(106,139,126,.25);background:#070d0b;color:#7f958c;font-size:5px;font-weight:1000;letter-spacing:.45px}
.bp-r19-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bp-r19-mode-card{min-width:0;min-height:63px;padding:8px 7px;border-radius:13px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:7px;align-items:center;text-align:left;background:linear-gradient(180deg,#121714,#090d0b);border:1px solid #29322e;color:#e8edea;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:transform .11s ease,border-color .14s ease,background .14s ease}.bp-r19-mode-card:active{transform:scale(.985)}.bp-r19-mode-card i{font-style:normal;color:#66736d;font-size:17px;font-weight:900}.bp-r19-mode-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:1000}.bp-r19-mode-card.meta .bp-r19-mode-mark{background:linear-gradient(180deg,#ffe348,#ffc413);color:#231900;border:1px solid #ffed76;box-shadow:inset 0 1px rgba(255,255,255,.46)}.bp-r19-mode-card.cash .bp-r19-mode-mark{background:linear-gradient(180deg,#35e98d,#09bd62);color:#02190c;border:1px solid #72f2aa;box-shadow:inset 0 1px rgba(255,255,255,.35)}.bp-r19-mode-card.meta{border-color:rgba(255,210,41,.20)}.bp-r19-mode-card.cash{border-color:rgba(49,224,128,.20)}.bp-r19-mode-copy{min-width:0}.bp-r19-mode-copy b{display:block;font-size:9.5px;line-height:1;font-weight:1000;color:#fff}.bp-r19-mode-copy small{display:block;margin-top:4px;color:#7d9188;font-size:6.3px;line-height:1.25;font-weight:850}.bp-r19-account-cta{width:100%;min-height:42px;margin-top:8px;border-radius:12px;border:1px solid rgba(255,215,56,.50);background:linear-gradient(180deg,#ffe044,#ffc213);color:#221900;font-size:10.5px;font-weight:1000;box-shadow:inset 0 1px rgba(255,255,255,.42),0 4px 0 #8f6c00}.bp-r19-account-cta:active{transform:translateY(2px);box-shadow:inset 0 1px rgba(255,255,255,.36),0 2px 0 #8f6c00}
.bp-r19-trust{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.055);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center}.bp-r19-trust span{min-width:0;color:#6f837b;font-size:5.6px;font-weight:850;white-space:nowrap}.bp-r19-trust b{color:#b9c8c1;font-weight:1000}
/* Result conversion: paid value is clear, but demo replay remains available forever. */



/* Auth context entered from the bridge. */
#authOverlay.bp-r19-auth-context #authContextKicker{color:#ffd84c;}#authOverlay.bp-r19-auth-context #authContextHeadline{color:#fff;}#authOverlay.bp-r19-auth-context #authContextCopy{color:#93a9bc;}#authOverlay.bp-r19-auth-cashout #authContextKicker{color:#46e994;}
.bp-r19-handoff-toast{position:absolute;z-index:150;left:50%;top:calc(73px + var(--safeTop));transform:translate(-50%,-8px);width:max-content;max-width:calc(100% - 32px);padding:9px 13px;border-radius:12px;border:1px solid rgba(255,216,63,.28);background:rgba(12,16,12,.96);box-shadow:0 9px 24px rgba(0,0,0,.35);color:#eaf1ed;font-size:9px;font-weight:900;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .18s ease}.bp-r19-handoff-toast.show{opacity:1;transform:translate(-50%,0)}.bp-r19-handoff-toast b{color:#ffe04b}
@media(max-width:340px){#guestHome .bp-r19-paid-bridge{padding:9px;margin-top:8px}.bp-r19-mode-grid{gap:5px}.bp-r19-mode-card{grid-template-columns:29px minmax(0,1fr);min-height:58px;padding:7px 6px}.bp-r19-mode-card i{display:none}.bp-r19-mode-mark{width:29px;height:29px;font-size:9px}.bp-r19-mode-copy b{font-size:8.5px}.bp-r19-mode-copy small{font-size:5.5px}.bp-r19-trust{grid-template-columns:1fr 1fr;row-gap:5px}.bp-r19-bridge-head>span{display:none}}
@media(prefers-reduced-motion:reduce){.bp-r19-mode-card,.bp-r19-account-cta,.bp-r19-handoff-toast{transition:none!important}}

/* Segment 047 · src/styles/utilities.css */

/* STEP 4R.19.8 — canonical Guest/Auth page ownership boundary. */
#lobbyScreen>.guest-shell{display:block;min-width:0}
#lobbyScreen>.guest-shell[hidden]{display:none!important}
#lobbyScreen>.auth-shell[hidden]{display:none!important}
#lobbyScreen[data-page-owner="GUEST"]>#guestShell{display:block!important}
#lobbyScreen[data-page-owner="GUEST"]>#authHome{display:none!important}
#lobbyScreen[data-page-owner="AUTHENTICATED"]>#guestShell{display:none!important}
#lobbyScreen[data-page-owner="AUTHENTICATED"]>#authHome{display:flex!important;flex-direction:column}
#guestShell[aria-hidden="true"],#authHome[aria-hidden="true"]{pointer-events:none!important}
/* Segment 048 · src/styles/layout.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/commercial-fidelity.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“commercial fidelity”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[30] id=v1723CommercialFidelityCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

#gameScreen{--v1723-gameover-delay:1540ms}
#gameScreen .piece-slot.v1723-unplaceable{opacity:.30!important;filter:grayscale(.65) saturate(.45) brightness(.78)!important;pointer-events:none!important;animation:v1723FormalReject .15s ease 1!important}
#gameScreen .v1723-gameover-note{position:absolute;left:50%;bottom:132px;z-index:76;transform:translateX(-50%) translateY(2px);opacity:0;pointer-events:none;text-align:center;transition:opacity .18s ease,transform .18s ease;white-space:nowrap}
#gameScreen .v1723-gameover-note.show{opacity:1;transform:translateX(-50%) translateY(0)}
#gameScreen .v1723-gameover-note b{display:inline-block;padding:6px 10px 3px;border-radius:999px;background:rgba(5,19,38,.9);border:1px solid rgba(126,158,194,.32);font-size:10px;color:#dbe8f5;letter-spacing:.8px}
#gameScreen .v1723-gameover-note span{display:block;margin-top:3px;font-size:8px;color:#809bb8}
#gameScreen.v1723-gameover .board-wrap{filter:brightness(.93) saturate(.9);transition:filter .25s ease}
.result-overlay.show{animation:v1723FormalBackdrop .17s ease both}.result-overlay.show .result-card{animation:v1723FormalCard .19s cubic-bezier(.2,.9,.25,1) both}
@keyframes v1723FormalReject{0%,100%{transform:translateX(0)}35%{transform:translateX(-2px)}70%{transform:translateX(2px)}}
@keyframes v1723FormalBackdrop{from{background:rgba(1,6,18,0);backdrop-filter:blur(0)}to{background:rgba(1,6,18,.78);backdrop-filter:blur(5px)}}
@keyframes v1723FormalCard{from{opacity:0;transform:scale(.965) translateY(6px)}to{opacity:1;transform:none}}
/* Segment 049 · src/styles/layout.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/atomic-source.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“atomic source”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[31] id=v17242AtomicSourceCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

#gameScreen .piece-slot.v1722-source .piece-preview,
#gameScreen .piece-slot.v17242-committing .piece-preview,
#gameScreen .piece-slot.used .piece-preview{visibility:hidden!important;opacity:0!important;animation:none!important;transition:none!important}
#gameScreen .piece-slot.v17242-committing,#gameScreen .piece-slot.used{transition:none!important}
/* Segment 050 · src/styles/layout.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/motion-vfx.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“motion vfx”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[32] id=v1730MotionVFXCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.3.1.2 presentation-only module; Golden interaction/math modules remain untouched. */
#gameScreen .cell.filled{box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 1px 0 0 rgba(255,255,255,.10),inset 0 -3px 2px rgba(0,0,0,.25),0 2px 3px rgba(0,0,0,.34)!important}
#gameScreen .piece-block{box-shadow:inset 0 1px 0 rgba(255,255,255,.40),inset 1px 0 0 rgba(255,255,255,.10),inset 0 -3px 2px rgba(0,0,0,.27),0 3px 5px rgba(0,0,0,.32)!important}
#gameScreen .cell.clearing{animation:v1730FormalClear .115s cubic-bezier(.16,.72,.22,1) forwards!important;z-index:2}
#gameScreen .line-pop{padding:7px 14px!important;border-radius:12px!important;background:linear-gradient(180deg,#a36aff,#7747eb 58%,#5d35c7)!important;box-shadow:inset 0 1px rgba(255,255,255,.24),0 5px 0 rgba(62,29,134,.34),0 10px 18px rgba(65,34,150,.23)!important;text-shadow:0 2px 0 rgba(58,27,125,.66),0 0 11px rgba(255,231,122,.22)!important}
#gameScreen .line-pop.show{animation:v1730FormalCombo .39s cubic-bezier(.16,.88,.24,1)!important}
#gameScreen .progress-wrap .fill{transition:width .16s cubic-bezier(.18,.82,.26,1)!important}
#gameScreen .piece-slot.v17241-spawning>.piece-preview{animation:v17241FormalSpawn 132ms cubic-bezier(.2,.82,.3,1) both!important}
#gameScreen .board-wrap{isolation:isolate!important}
#gameScreen .v1730-formal-fx{position:absolute;inset:0;z-index:58;pointer-events:none;overflow:hidden;border-radius:14px}
#gameScreen .v1730-formal-sweep{position:absolute;opacity:0;border-radius:999px;mix-blend-mode:screen;pointer-events:none}
#gameScreen .v1730-formal-sweep.row{height:6px;left:2%;right:2%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),rgba(255,225,104,.82),rgba(89,229,255,.46),transparent);animation:v1730FormalSweepX .132s cubic-bezier(.2,.72,.24,1) forwards}
#gameScreen .v1730-formal-sweep.col{width:6px;top:2%;bottom:2%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.98),rgba(91,232,255,.80),rgba(255,225,104,.42),transparent);animation:v1730FormalSweepY .132s cubic-bezier(.2,.72,.24,1) forwards}
@keyframes v1730FormalSweepX{0%{opacity:0;transform:translateX(-38%) scaleX(.55)}18%{opacity:1}70%{opacity:.9}100%{opacity:0;transform:translateX(38%) scaleX(1.04)}}
@keyframes v1730FormalSweepY{0%{opacity:0;transform:translateY(-38%) scaleY(.55)}18%{opacity:1}70%{opacity:.9}100%{opacity:0;transform:translateY(38%) scaleY(1.04)}}
@keyframes v1730FormalClear{0%{transform:scale(1);filter:brightness(1);opacity:1}34%{transform:scale(1.025);filter:brightness(1.65)}100%{transform:scale(.16);filter:brightness(1.95);opacity:0}}
@keyframes v1730FormalCombo{0%{opacity:0;transform:translate(-50%,-5px) scale(.88)}24%{opacity:1;transform:translate(-50%,-9px) scale(1.045)}68%{opacity:1;transform:translate(-50%,-10px) scale(1)}100%{opacity:0;transform:translate(-50%,-18px) scale(.985)}}
/* Segment 051 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/formal-resolution.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“formal resolution”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[33] id=v1732FormalResolutionCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

#gameScreen{position:relative}
#gameScreen.v1732-resolution-dim .board-wrap{filter:brightness(.91) saturate(.9)!important;transition:filter .22s ease}
#gameScreen .v1732-target-celebration{position:absolute;left:50%;top:44%;z-index:338;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;text-align:center;transition:opacity .15s ease,transform .18s cubic-bezier(.2,.9,.25,1)}
#gameScreen .v1732-target-celebration.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
#gameScreen .v1732-target-celebration strong{display:block;font-size:52px;color:#fff1a0;text-shadow:0 3px 0 #795000,0 0 22px rgba(255,205,70,.58)}
#gameScreen .v1732-target-celebration span{font-size:10px;font-weight:900;letter-spacing:1px;color:#eef7ff}
#v163CashOverlay.v1732-enter .v163-cash-card{animation:v1732FormalCheckpointIn .21s cubic-bezier(.2,.9,.25,1) both}
#v163CashOverlay.v1732-locked button{pointer-events:none!important;opacity:.62}
#v163CashOverlay .v163-risk{line-height:1.35!important}
#resultOverlay.v1732-result-lock button{pointer-events:none!important}
#resultOverlay.v1732-restarting{animation:v1732FormalResultOut .18s ease both!important}
@keyframes v1732FormalCheckpointIn{from{opacity:0;transform:scale(.97) translateY(5px)}to{opacity:1;transform:none}}
@keyframes v1732FormalResultOut{from{opacity:1}to{opacity:0}}
@media(max-height:610px){#resultOverlay .result-card,#v163CashOverlay .v163-cash-card{max-height:92dvh;overflow:auto}}
/* Segment 052 · src/styles/modals.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/system/modal-sheet-design-system.css
 * 视觉领域：system
 * 职责：承载 Golden Formal 中“modal sheet design system”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[34] id=v1733ModalSheetDesignSystemCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* BLOCK PIX V1.7.3.3 — Mobile Modal / Bottom Sheet Design System.
   Presentation only: no math, wallet, settlement, gameplay or routing rules are changed. */
:root{
  --ds-layer-bg:rgba(2,8,20,.54);
  --ds-panel:#08182b;
  --ds-panel-2:#0b1d33;
  --ds-stroke:rgba(128,171,211,.18);
  --ds-stroke-strong:rgba(100,194,218,.28);
  --ds-text:#f7fbff;
  --ds-muted:#8ca1b8;
  --ds-dim:#647d96;
  --ds-green:#35e6a1;
  --ds-green-deep:#0ab879;
  --ds-blue:#42c8eb;
  --ds-red:#ff7d7d;
  --ds-radius:24px;
  --ds-safe-bottom:env(safe-area-inset-bottom,0px);
  --ds-safe-top:env(safe-area-inset-top,0px);
  --ds-vvh:100dvh;
}
html.ds-layer-open,body.ds-layer-open{overflow:hidden;overscroll-behavior:none}

/* ---- Shared layer ---- */
.result-overlay,.modal-overlay,.trial-intro-overlay,.ds-sheet-overlay{
  display:flex;
  position:fixed;
  inset:0 auto 0 50%;
  width:min(100vw,430px);
  height:var(--ds-vvh,100dvh);
  max-height:var(--ds-vvh,100dvh);
  transform:translateX(-50%);
  padding:calc(14px + var(--ds-safe-top)) 16px calc(14px + var(--ds-safe-bottom));
  background:var(--ds-layer-bg);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .19s ease,visibility 0s linear .19s,background .19s ease;
  z-index:240;
  box-sizing:border-box;
}
.result-overlay.show,.modal-overlay.show,.trial-intro-overlay.show,.ds-sheet-overlay.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .19s ease,visibility 0s linear 0s,background .19s ease;
}

/* ---- Center modal family ---- */
.result-overlay,.trial-intro-overlay{align-items:center;justify-content:center}
.result-card,.trial-intro-card{
  width:min(calc(100% - 0px),360px);
  max-width:360px;
  max-height:calc(var(--ds-vvh,100dvh) - var(--ds-safe-top) - var(--ds-safe-bottom) - 40px);
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  position:relative;
  border-radius:var(--ds-radius);
  border:1px solid var(--ds-stroke);
  background:linear-gradient(180deg,var(--ds-panel-2) 0%,var(--ds-panel) 100%);
  box-shadow:0 22px 54px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.045);
  padding:22px 18px 18px;
  transform:translateY(8px) scale(.965);
  opacity:0;
  transition:transform .21s cubic-bezier(.2,.9,.25,1),opacity .18s ease;
}
.result-overlay.show .result-card,.trial-intro-overlay.show .trial-intro-card{
  transform:none;
  opacity:1;
}
.result-card:before,.trial-intro-card:before{display:none}

/* ---- Result modal hierarchy ---- */
#resultOverlay{padding-left:16px;padding-right:16px}
#resultCard{padding-top:24px}
#resultCard .result-icon{
  width:56px;height:56px;border-radius:18px;margin:0 auto 12px;
  display:grid;place-items:center;
  background:rgba(53,230,161,.10);border:1px solid rgba(53,230,161,.24);
  box-shadow:none;color:var(--ds-green);font-size:25px;font-weight:900;
}
#resultCard:not(.win) .result-icon{background:rgba(255,125,125,.09);border-color:rgba(255,125,125,.22);color:#ff9a9a}
#resultCard h2{margin:0 0 6px;text-align:center;font-size:24px;line-height:1.05;letter-spacing:-.45px;color:var(--ds-text)}
#resultCard>p{max-width:292px;margin:0 auto 14px;text-align:center;color:var(--ds-muted);font-size:11.5px;line-height:1.45}
#resultCard .result-multiplier{margin:1px auto 10px;font-size:38px;line-height:1;color:#ffe17a;text-shadow:none;animation:none}
#resultCard .result-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 14px}
#resultCard .rk{min-height:58px;padding:10px 8px;border-radius:14px;background:rgba(3,15,31,.55);border:1px solid rgba(101,147,186,.14);box-shadow:none;display:flex;flex-direction:column;justify-content:center}
#resultCard .rk small{font-size:7.5px;letter-spacing:.55px;color:var(--ds-dim)}
#resultCard .rk strong{margin-top:3px;font-size:15px;color:#f3f8ff;line-height:1.05}
#resultCard .rk:nth-child(3){grid-column:1/-1;min-height:78px;background:linear-gradient(180deg,rgba(20,64,65,.42),rgba(7,34,44,.42));border-color:rgba(53,230,161,.20)}
#resultCard .rk:nth-child(3) small{color:#7ca9a0}
#resultCard .rk:nth-child(3) strong{font-size:29px;letter-spacing:-.7px;color:var(--ds-green)}
#resultCard .btn{width:100%;min-height:52px;border-radius:14px;font-size:13px;font-weight:950;letter-spacing:.1px;transition:transform .09s ease,filter .15s ease,opacity .15s ease}
#resultCard .btn:active{transform:translateY(1px) scale(.995)}
#resultCard .btn.primary{border:1px solid rgba(77,241,179,.40);background:linear-gradient(180deg,#38e8a6,#16c789);color:#04231a;box-shadow:0 7px 18px rgba(11,189,125,.17)}
#resultCard .btn.secondary{min-height:44px;margin-top:5px;border:0;background:transparent;color:#8fa6bc;box-shadow:none}
#resultCard .micro-note{font-size:8px;color:#5f7892;margin-top:6px}
#resultCard.trial-win,#resultCard.trial-loss{box-shadow:0 22px 54px rgba(0,0,0,.38)}
#resultCard.trial-win:after{display:none}
#resultCard .trial-win-stage{border-radius:15px;background:rgba(8,34,49,.55);border:1px solid rgba(53,230,161,.16);box-shadow:none}
#resultCard .trial-conversion{margin-top:12px;border-radius:16px;border:1px solid rgba(111,148,189,.16);background:rgba(5,18,36,.66);box-shadow:none;padding:12px}
#resultCard .trial-conversion h3{font-size:15px;margin-bottom:4px}
#resultCard .trial-conversion p{font-size:9.5px;color:#8299b1;line-height:1.42}
#resultCard .conversion-main{min-height:52px;border-radius:14px;background:linear-gradient(180deg,#9a75f5,#7451d7);box-shadow:0 7px 16px rgba(103,69,204,.17)}
#resultCard .conversion-login{min-height:40px;background:transparent;border:0;color:#95a9bd}

/* ---- Trial confirmation: cleaner, less decorative ---- */
#trialIntroOverlay .trial-intro-card{padding:23px 18px 17px}
#trialIntroOverlay .trial-intro-close,.icon-btn{
  width:36px;height:36px;border-radius:12px;border:1px solid rgba(127,168,204,.17);
  background:rgba(4,17,34,.58);color:#9cb0c5;box-shadow:none;font-size:18px
}
#trialIntroOverlay .trial-intro-kicker{color:var(--ds-green);font-size:8px;letter-spacing:1.25px}
#trialIntroOverlay h2{font-size:27px;line-height:1.05;margin:6px 24px 5px;color:var(--ds-text)}
#trialIntroOverlay>*,#trialIntroOverlay .trial-intro-card>p{position:relative;z-index:2}
#trialIntroOverlay .trial-intro-card>p{font-size:11px;color:var(--ds-muted);margin-bottom:14px;line-height:1.45}
#trialIntroOverlay .trial-intro-grid{gap:7px}
#trialIntroOverlay .trial-intro-grid>div{padding:10px 5px;border-radius:13px;background:rgba(4,18,38,.60);border:1px solid rgba(102,150,192,.13);box-shadow:none}
#trialIntroOverlay .trial-intro-grid small{color:#6f879f}
#trialIntroOverlay .trial-intro-grid strong{font-size:19px}
#trialIntroOverlay .trial-intro-mult{margin:10px 0;padding:9px 10px;border-radius:14px;background:rgba(6,28,45,.48);border:1px solid rgba(87,160,179,.16)}
#trialIntroOverlay .trial-intro-mult b{font-size:31px;color:#ffdf74;text-shadow:none}
#trialIntroOverlay .trial-intro-mult span{color:#849bb0}
#trialIntroOverlay .trial-intro-start{min-height:52px;border-radius:14px;box-shadow:0 6px 16px rgba(10,191,127,.18)}
#trialIntroOverlay .trial-intro-note{font-size:8px;color:#627b94}

/* ---- Form bottom-sheet family: auth + password recovery ---- */
#authOverlay.modal-overlay,#v170Recovery.modal-overlay{align-items:flex-end;justify-content:center;padding:12px 0 0}
#authOverlay .auth-modal-card,#v170Recovery .modal-card{
  box-sizing:border-box;
  width:100%;max-width:430px;
  max-height:calc(var(--ds-vvh,100dvh) - var(--ds-safe-top) - 10px);
  margin:0;
  overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  border:1px solid rgba(126,171,208,.17);border-bottom:0;
  border-radius:26px 26px 0 0;
  background:linear-gradient(180deg,#0b1d32 0%,#071729 100%);
  box-shadow:0 -18px 46px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.045);
  padding:14px 17px calc(18px + var(--ds-safe-bottom));
  transform:translateY(24px);opacity:0;
  transition:transform .24s cubic-bezier(.2,.9,.25,1),opacity .18s ease;
}

#authOverlay .auth-modal-card:before,#v170Recovery .modal-card:before{content:"";display:block;position:sticky;top:0;width:38px;height:4px;margin:0 auto 9px;border-radius:99px;background:#4c6278;box-shadow:none;opacity:.6;z-index:4}
#authOverlay .auth-modal-head,#v170Recovery .auth-modal-head{align-items:center}
#authOverlay .auth-title-wrap h2,#v170Recovery .auth-modal-head h2{font-size:24px;letter-spacing:-.55px}
#authOverlay .auth-title-wrap p,#v170Recovery .auth-modal-head p{font-size:10.5px;color:var(--ds-muted);line-height:1.4}
#authOverlay .auth-tabs{padding:3px;border-radius:13px;background:rgba(3,14,29,.55);border:1px solid rgba(108,147,181,.12);gap:3px}
#authOverlay .auth-tab{height:41px;border:0;border-radius:10px;background:transparent;color:#7990a8;box-shadow:none}
#authOverlay .auth-tab.active{background:#173250;color:#f7fbff;box-shadow:inset 0 1px rgba(255,255,255,.05)}
#authOverlay .form-group label,#v170Recovery .v170-input-label{font-size:8px;color:#8298ae;letter-spacing:.45px}
#authOverlay .form-group input,#v170Recovery .v170-text-input{
  min-height:50px;font-size:16px;border-radius:13px;
  border:1px solid rgba(94,145,188,.22);background:#061526;color:#f6fbff;
  box-shadow:none
}
#authOverlay .form-group input:focus,#v170Recovery .v170-text-input:focus{border-color:rgba(66,200,235,.70);box-shadow:0 0 0 3px rgba(66,200,235,.08)}
#authOverlay .auth-submit,#v170Recovery .v170-primary{min-height:52px;border-radius:14px;box-shadow:0 7px 17px rgba(9,184,121,.16)}
#authOverlay .auth-error,#v170Recovery .v170-form-error{border-radius:12px;background:rgba(90,27,39,.48);border:1px solid rgba(255,125,125,.18);color:#ffaaa8}
#v170Recovery .modal-card{padding-top:12px}
#v170Recovery .auth-modal-head{margin-bottom:10px}
#v170Recovery .auth-modal-head>div{flex:1;text-align:left}
#v170Recovery .auth-modal-head h2,#v170Recovery .auth-modal-head p{text-align:left;margin-left:0}

/* ---- Wallet Quick Access Bottom Sheet ---- */
.ds-sheet-overlay{align-items:flex-end;justify-content:center;padding:12px 0 0}
.ds-sheet{
  box-sizing:border-box;
  width:100%;max-width:430px;position:relative;
  border:1px solid rgba(126,171,208,.17);border-bottom:0;border-radius:26px 26px 0 0;
  background:linear-gradient(180deg,#0b1d32,#071729);
  box-shadow:0 -18px 46px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.045);
  padding:11px 17px calc(18px + var(--ds-safe-bottom));
  transform:translateY(28px);opacity:0;
  transition:transform .24s cubic-bezier(.2,.9,.25,1),opacity .18s ease;
}
.ds-sheet-overlay.show .ds-sheet{transform:none;opacity:1}
.ds-sheet-handle{width:38px;height:4px;border-radius:99px;background:#4c6278;opacity:.62;margin:0 auto 15px}
.ds-wallet-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ds-wallet-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(66,200,235,.09);border:1px solid rgba(66,200,235,.18);color:#69d8ef}
.ds-wallet-mark svg{width:22px;height:22px}
.ds-wallet-copy{min-width:0;flex:1}.ds-wallet-copy small{display:block;font-size:8px;font-weight:900;letter-spacing:.8px;color:#7289a0}.ds-wallet-copy strong{display:block;margin-top:2px;font-size:28px;line-height:1;color:#f7fbff;letter-spacing:-.8px}
.ds-sheet-close{width:36px;height:36px;border-radius:12px;border:1px solid rgba(127,168,204,.17);background:rgba(4,17,34,.58);color:#9cb0c5;font-size:18px}
.ds-wallet-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:9px}
.ds-wallet-action{min-height:58px;border-radius:15px;border:1px solid rgba(110,159,199,.17);background:#0a2239;color:#eef8ff;font-weight:950;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}
.ds-wallet-action svg{width:18px;height:18px}.ds-wallet-action.primary{background:linear-gradient(180deg,#38e8a6,#16c789);border-color:rgba(77,241,179,.34);color:#04231a;box-shadow:0 7px 18px rgba(11,189,125,.17)}
.ds-wallet-more{width:100%;min-height:42px;margin-top:7px;border:0;background:transparent;color:#8097ad;font-size:10px;font-weight:900}
.ds-wallet-trigger{width:30px;height:30px;margin-left:-4px;margin-right:2px;border-radius:10px;border:1px solid rgba(84,188,215,.16);background:rgba(10,43,66,.72);color:#67d8ee;display:grid;place-items:center;flex:0 0 auto}
.ds-wallet-trigger svg{width:15px;height:15px}
/* 10X 首页钱包快捷入口专属外观：延用钱包组件 Owner，不改打开弹层事件。 */
#authHome:has(#authPagePlay.active) #walletQuickTrigger {
  background:#EDF6FA!important;border:1px solid #C8DFE9!important;
  color:#285578!important;box-shadow:none!important;
  border-radius:11px!important;
}
#authHome:has(#authPagePlay.active) #walletQuickTrigger svg {
  width:17px!important;height:17px!important;
}


/* ---- Toast: compact status, not a mini modal ---- */
.toast{bottom:calc(18px + var(--ds-safe-bottom));max-width:calc(100% - 32px);padding:10px 13px;border-radius:12px;background:rgba(8,25,43,.96);border:1px solid rgba(112,158,195,.20);box-shadow:0 12px 28px rgba(0,0,0,.25);color:#f3f8ff;font-size:10px;line-height:1.35;font-weight:850;backdrop-filter:blur(6px)}

/* ---- Small screens / keyboard ---- */
@media(max-width:359px){
  .result-overlay,.modal-overlay,.trial-intro-overlay{padding-left:12px;padding-right:12px}
  .result-card,.trial-intro-card{padding-left:15px;padding-right:15px}
  #resultCard h2{font-size:22px}#trialIntroOverlay h2{font-size:24px}
  .ds-wallet-copy strong{font-size:25px}.ds-wallet-actions{grid-template-columns:1fr 1fr}
}
@media(max-height:620px){
  .result-card,.trial-intro-card{max-height:calc(var(--ds-vvh,100dvh) - 24px);padding-top:16px;padding-bottom:14px}
  #trialIntroOverlay .trial-intro-grid>div{padding:7px 4px}#trialIntroOverlay .trial-intro-mult{margin:7px 0}
  #authOverlay .auth-modal-card,#v170Recovery .modal-card{max-height:calc(var(--ds-vvh,100dvh) - 4px);padding-top:9px}
}
@media(prefers-reduced-motion:reduce){
  .result-overlay,.modal-overlay,.trial-intro-overlay,.ds-sheet-overlay,.result-card,.trial-intro-card,.auth-modal-card,.ds-sheet{transition:none;animation:none}
}

#resultCard .btn:before,#trialIntroOverlay .free-btn:before{display:none}
#resultCard:not(.win) .rk:nth-child(3){background:rgba(44,20,29,.34);border-color:rgba(255,125,125,.18)}
#resultCard:not(.win) .rk:nth-child(3) small{color:#987b83}
#resultCard:not(.win) .rk:nth-child(3) strong{color:#ff9a9a}
#v170Recovery .v170-form-error:empty{display:none}
/* Segment 053 · src/styles/components.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/wallet-commercial.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“wallet commercial”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[35] id=v1740WalletCommercialStyles
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* BLOCK PIX V1.7.4.0 — Wallet / Deposit / Withdraw Commercial Finalization
   Presentation + validation hardening only. Gameplay, math, RTP, difficulty,
   settlement and the underlying Wallet/Ledger rules remain frozen. */
:root{
  --money-panel:#081a2e;--money-panel-2:#0a2037;--money-stroke:rgba(114,165,204,.17);
  --money-muted:#849bb2;--money-dim:#657f98;--money-green:#38e3a5;--money-cyan:#58d7ee;
  --money-warn:#ffc969;--money-red:#ff8e93;
}
.auth-page[data-route="DEPOSIT"],.auth-page[data-route="WITHDRAW"]{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
.v1740-page-head{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;margin:1px 2px 14px}
.v1740-back::before{content:"";display:block;width:10px;height:10px;border-left:2.2px solid currentColor;border-bottom:2.2px solid currentColor;transform:rotate(45deg) translate(2px,-2px);pointer-events:none}
.v1740-back{width:36px;height:36px;border:1px solid var(--money-stroke);border-radius:12px;background:#07192c;color:#a8bed2;font-size:19px;font-weight:800;display:grid;place-items:center}
.v1740-page-head>div:nth-child(2) small{display:block;font-size:8px;letter-spacing:1.15px;color:#6dd8e8}
.v1740-page-head>div:nth-child(2) h2{font-size:25px;margin:3px 0 0}
.v1740-page-head .v170-head-balance span{font-size:7.5px}.v1740-page-head .v170-head-balance b{font-size:17px;color:#f6fbff}
.v1740-money-card{border:1px solid var(--money-stroke);background:linear-gradient(160deg,#0a2036,#071629 66%,#07192e);border-radius:21px;padding:15px;box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 26px rgba(0,0,0,.13)}
.v1740-money-card .v170-card-title{margin-bottom:11px}.v1740-money-card .v170-card-title span{font-size:10px;letter-spacing:.4px}.v1740-money-card .v170-card-title b{font-size:8px;color:#7fa0b9}
.v1740-balance-stage{padding:13px 14px;margin:0 0 11px;border-radius:16px;background:linear-gradient(160deg,rgba(18,76,94,.34),rgba(7,31,50,.58));border:1px solid rgba(87,205,221,.16)}
.v1740-balance-stage small,.v1740-selected small{display:block;font-size:7.5px;font-weight:950;letter-spacing:.9px;color:#79a1b7}
.v1740-balance-stage strong{display:block;margin-top:3px;font-size:30px;line-height:1;color:#f8fcff;letter-spacing:-.8px}
.v170-quick-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.v170-quick-grid button{height:48px;border-radius:13px;border:1px solid rgba(105,157,196,.18);background:#091b30;color:#e7f2fb;font-size:14px;box-shadow:none;transition:transform .08s ease,border-color .14s ease,background .14s ease,color .14s ease}
.v170-quick-grid button:active{transform:translateY(1px) scale(.985)}
.v170-quick-grid button.active{border-color:rgba(71,225,180,.48);background:linear-gradient(180deg,rgba(38,125,102,.58),rgba(16,77,68,.58));color:#dffff2;box-shadow:inset 0 0 0 1px rgba(69,231,183,.08)}
.v170-input-label{font-size:8.5px;letter-spacing:.55px;color:#8ba2b8;margin-top:10px}
.v170-money-input{height:56px;margin-top:6px;border:1px solid rgba(105,157,196,.20);border-radius:14px;background:#061426;padding:0 13px;transition:border-color .15s ease,box-shadow .15s ease}
.v170-money-input:focus-within{border-color:rgba(88,215,238,.48);box-shadow:0 0 0 3px rgba(88,215,238,.06)}
.v170-money-input span{font-size:14px;color:#70d5e5}.v170-money-input input{font-size:20px;font-weight:850;letter-spacing:-.25px}
.v170-text-input{height:52px;border-radius:14px;border-color:rgba(105,157,196,.20);background:#061426;font-size:16px;padding:0 13px}
.v170-text-input:focus{border-color:rgba(88,215,238,.48);box-shadow:0 0 0 3px rgba(88,215,238,.06)}
.v1740-selected{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:12px 2px 4px;margin-top:2px}.v1740-selected strong{font-size:24px;line-height:1;color:#fff;letter-spacing:-.55px}.v1740-selected small{margin-bottom:4px}
.v1740-inline-error{min-height:16px;margin:5px 2px 0;color:var(--money-red);font-size:9.5px;line-height:1.3}.v1740-inline-error:empty{min-height:0;margin-top:0}
.v170-primary{min-height:54px;border-radius:14px;font-size:13px;letter-spacing:.1px;box-shadow:0 7px 18px rgba(11,189,125,.15);transition:transform .08s ease,filter .15s ease,opacity .15s ease}
.v170-primary:active:not(:disabled){transform:translateY(1px) scale(.995)}.v170-primary:disabled{opacity:.38;filter:saturate(.55);box-shadow:none;cursor:not-allowed}
.v1740-deposit-cta{margin-top:9px}.v1740-local-note{margin:9px 2px 0;font-size:8px;line-height:1.4;color:#60778e;text-align:center}
.v1740-order-card{position:relative;overflow:hidden;padding:17px 15px 15px}.v1740-order-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(58,207,185,.08),transparent 34%);pointer-events:none}
.v1740-order-card>*{position:relative;z-index:1}.v1740-order-kicker{text-align:center;font-size:8px;font-weight:950;letter-spacing:1px;color:#76a3b8}.v1740-order-amount{text-align:center;margin:4px 0 7px;font-size:34px;line-height:1;color:#fff;letter-spacing:-.9px}.v1740-order-status-wrap{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:4px}.v1740-order-status-wrap .v170-status{font-size:8px;padding:6px 9px;border-radius:999px}.v1740-order-status-wrap .v170-status.pending{background:rgba(94,69,17,.46);color:#ffd880}.v1740-order-status-wrap .v170-status.paid{background:rgba(16,72,55,.52);color:#76e8bc}.v1740-pending-dots{display:inline-flex;gap:3px}.v1740-pending-dots i{width:4px;height:4px;border-radius:50%;background:#ffc969;animation:v1740dot 1s infinite ease-in-out}.v1740-pending-dots i:nth-child(2){animation-delay:.15s}.v1740-pending-dots i:nth-child(3){animation-delay:.3s}@keyframes v1740dot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
.v1740-order-copy{text-align:center;margin:5px auto 10px;max-width:280px;font-size:9.5px;line-height:1.42;color:#7f95aa}.v1740-order-section-label{text-align:center;margin:9px 0 5px;font-size:7.5px;font-weight:950;letter-spacing:.8px;color:#68869d}
.v170-qr{width:150px;height:150px;margin:9px auto 12px;border-radius:14px;border-width:8px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.v170-copy-row{display:grid;grid-template-columns:1fr;gap:7px}.v170-copy-row code{padding:11px 12px;border-radius:12px;font-size:9px;color:#9adbe7;background:#061426}.v170-copy-row button{min-height:46px;border-radius:12px;background:#0b2943;border:1px solid rgba(105,157,196,.18);color:#dff6fb;font-size:10px;transition:transform .08s ease}.v170-copy-row button:active{transform:translateY(1px) scale(.995)}

html[data-debug="1"] 
.v1740-withdraw-hero{text-align:left;padding:13px 14px;margin-bottom:2px;border-radius:16px;background:linear-gradient(155deg,rgba(17,69,87,.36),rgba(7,29,48,.56));border:1px solid rgba(91,211,226,.14)}.v1740-withdraw-hero span{font-size:7.5px;letter-spacing:.9px;color:#78a2b7}.v1740-withdraw-hero strong{display:block;margin-top:3px;font-size:31px;letter-spacing:-.85px}.v1740-withdraw-hero p{margin:6px 0 0;font-size:8.5px;color:#6b8399}
.v1740-amount-head{display:flex;align-items:end;justify-content:space-between;margin-top:11px}.v1740-amount-head .v170-input-label{margin:0}.v1740-all{height:30px;padding:0 9px;border-radius:9px;border:1px solid rgba(88,215,238,.18);background:rgba(23,75,96,.26);color:#77d9e9;font-size:8px;font-weight:950}
.v1740-field-error{min-height:15px;margin:4px 2px 0;font-size:9px;line-height:1.3;color:var(--money-red)}.v1740-field-error:empty{min-height:0;margin-top:0}
.v1740-rule-box{margin-top:12px;padding:12px;border-radius:15px;background:#061426;border-color:rgba(105,157,196,.15)}.v1740-rule-head{display:flex;align-items:start;justify-content:space-between;gap:8px}.v1740-rule-head span{font-size:8px;font-weight:950;letter-spacing:.65px;color:#809ab1}.v1740-rule-head b{font-size:10px;color:#e4f0f8}.v170-rule-track{height:6px;margin:9px 0 7px;background:#0b2a42}.v170-rule-track i{border-radius:999px;background:linear-gradient(90deg,#38dca4,#5dd7e8)}.v1740-rule-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.v1740-rule-foot small{font-size:8.5px;color:#738ba1}.v1740-rule-foot b{font-size:9px;color:#8da6b9}.v1740-rule-box.complete{border-color:rgba(56,227,165,.20);background:rgba(7,43,42,.36)}.v1740-rule-box.complete .v1740-rule-foot b{color:#6ee8b9}.v1740-rule-box.blocked .v1740-rule-foot b{color:#ffc969}
#withdrawError.v1740-summary-error{min-height:0;margin:6px 2px 0;font-size:9px}.v1740-withdraw-cta{margin-top:7px}
.v170-section{margin-top:17px}.v170-section-heading strong{font-size:10px;letter-spacing:.3px}.v170-section-heading span{font-size:9px}.v170-list{gap:8px}.v170-list-row{padding:11px;border-radius:14px;border-color:rgba(105,157,196,.13);background:#07172a}.v170-list-icon{background:#0b2a43;color:#69d8e9}.v170-list-row strong{font-size:11px}.v170-list-row small{display:block;margin-top:2px;font-size:8.5px}.v170-list-amount{font-size:12px}.v1740-tx-status{display:inline-flex;width:max-content;margin-top:5px;padding:3px 6px;border-radius:999px;background:rgba(108,143,174,.10);font-size:7px;font-weight:950;letter-spacing:.45px;color:#809ab1}.v1740-tx-status.confirmed{background:rgba(49,194,139,.10);color:#6ee1b3}.v1740-tx-status.processing{background:rgba(255,193,79,.09);color:#e9bd70}
.v1740-money-overlay{display:flex;position:fixed;inset:0 auto 0 50%;width:min(100vw,430px);height:var(--ds-vvh,100dvh);transform:translateX(-50%);align-items:center;justify-content:center;padding:calc(14px + env(safe-area-inset-top,0px)) 16px calc(14px + env(safe-area-inset-bottom,0px));background:rgba(2,8,20,.54);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:260;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .19s ease,visibility 0s linear .19s;box-sizing:border-box}.v1740-money-overlay.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .19s ease,visibility 0s linear 0s}.v1740-money-modal{width:min(100%,360px);max-height:calc(var(--ds-vvh,100dvh) - 40px);overflow:auto;border:1px solid var(--money-stroke);border-radius:24px;background:linear-gradient(180deg,#0b1d33,#08182b);box-shadow:0 22px 54px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.045);padding:22px 18px 17px;text-align:center;transform:translateY(8px) scale(.965);opacity:0;transition:transform .21s cubic-bezier(.2,.9,.25,1),opacity .18s ease;box-sizing:border-box}.v1740-money-overlay.show .v1740-money-modal{transform:none;opacity:1}.v1740-success-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:rgba(53,230,161,.10);border:1px solid rgba(53,230,161,.24);color:#55e6ad}.v1740-success-icon svg{width:28px;height:28px}.v1740-money-modal h2{margin:0 0 6px;font-size:23px;line-height:1.05;letter-spacing:-.45px}.v1740-money-modal>p{margin:0 auto 12px;max-width:285px;color:#8ca1b8;font-size:10.5px;line-height:1.45}.v1740-modal-amount{font-size:34px;line-height:1;margin:4px 0 13px;color:#38e3a5;font-weight:950;letter-spacing:-.9px}.v1740-modal-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 13px}.v1740-modal-info>div{padding:10px;border-radius:13px;background:rgba(4,18,36,.60);border:1px solid rgba(102,150,192,.13);text-align:left}.v1740-modal-info small{display:block;font-size:7px;font-weight:950;letter-spacing:.55px;color:#677f96}.v1740-modal-info b{display:block;margin-top:3px;font-size:11px;color:#eef7fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v1740-modal-primary{width:100%;min-height:52px;border:1px solid rgba(77,241,179,.34);border-radius:14px;background:linear-gradient(180deg,#38e8a6,#16c789);color:#04231a;font-size:12px;font-weight:950;box-shadow:0 7px 18px rgba(11,189,125,.17)}.v1740-modal-secondary{width:100%;min-height:42px;margin-top:5px;border:0;background:transparent;color:#8fa6bc;font-size:10px;font-weight:900}
.v1740-preview-dock{position:fixed;left:50%;bottom:calc(6px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:700;width:min(calc(100vw - 12px),418px);padding:6px;border-radius:14px;background:rgba(4,14,28,.94);border:1px solid rgba(104,154,193,.20);box-shadow:0 8px 28px rgba(0,0,0,.28);display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.v1740-preview-dock button{min-height:32px;border:0;border-radius:9px;background:#0d2b45;color:#d9eef8;font-size:7px;font-weight:900}.v1740-preview-dock button.primary{background:#176c5b;color:#dfffee}
@media(max-width:359px){.v1740-page-head{grid-template-columns:34px 1fr auto}.v1740-back{width:32px;height:32px}.v170-quick-grid{gap:6px}.v170-quick-grid button{font-size:12px}.v1740-balance-stage strong,.v1740-withdraw-hero strong{font-size:27px}.v1740-selected strong{font-size:21px}.v1740-money-card{padding:12px}}
@media(max-height:620px){.v1740-money-overlay{padding-top:8px;padding-bottom:8px}.v1740-money-modal{max-height:calc(var(--ds-vvh,100dvh) - 16px);padding-top:16px}.v170-qr{width:126px;height:126px}.v1740-balance-stage{padding:9px 12px}.v1740-balance-stage strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.v1740-money-overlay,.v1740-money-modal,.v1740-pending-dots i{transition:none;animation:none}}
/* Segment 054 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/gameplay-screen-proportion.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“gameplay screen proportion”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[36] id=v1771GameplayScreenProportionStyle
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* Block PIX v1.7.7.1 — gameplay proportion, density and commercialization pass. */
:root{
  --bp-gameplay-width:376px;
  --v1771-board-size:376px;
  --v1771-edge:7px;
  --v1771-tray-h:104px;
  --v1771-cell-gap:3px;
  --v1771-cell-radius:7px;
  --v1771-top-h:32px;
  --v1771-hud-h:64px;
}
body.bp-gameplay-active{height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none;background:#020712}
body.bp-gameplay-active #app{height:100dvh;max-height:100dvh;overflow:hidden}
#gameScreen.screen.active{
  box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
  width:100%;height:100svh;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;
  padding:calc(4px + var(--safeTop)) var(--v1771-edge) calc(6px + var(--safeBottom));
  background:
    radial-gradient(circle at 50% 31%,rgba(20,100,255,.14),transparent 29%),
    radial-gradient(circle at 50% 72%,rgba(14,192,118,.055),transparent 28%),
    linear-gradient(180deg,#020713 0%,#061127 51%,#020711 100%);
}
/* Slim round chrome — real gameplay is not a lobby. */
#gameScreen .game-top{flex:0 0 var(--v1771-top-h);height:var(--v1771-top-h);min-height:var(--v1771-top-h);margin:0 0 3px;padding:0 1px}
#gameScreen .game-back{width:var(--v1771-top-h);height:var(--v1771-top-h);min-width:var(--v1771-top-h);border-radius:10px;border:1px solid rgba(60,92,103,.62);background:linear-gradient(180deg,#122027,#071116);box-shadow:inset 0 1px rgba(255,255,255,.06),0 3px 8px rgba(0,0,0,.22)}
#gameScreen .game-logo .brand-logo{width:52px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
#gameScreen .game-mode{padding:4px 7px;border-radius:999px;background:rgba(8,17,22,.78);border:1px solid rgba(48,74,82,.7);color:#b8c8ce;font-size:6.8px;letter-spacing:.65px}
#gameScreen #gameBadge{height:28px;min-width:42px;padding:0 9px;border-radius:10px;font-size:9px;font-weight:900;background:linear-gradient(180deg,#ffe65a 0%,#ffd125 45%,#ffb908 100%);color:#171301;border:1px solid #fff18b;box-shadow:inset 0 2px rgba(255,255,255,.48),0 4px 10px rgba(255,185,0,.18)}
/* HUD becomes one compact commercial status band instead of card-on-card. */
#gameScreen .score-stage{
  flex:0 0 auto;box-sizing:border-box;width:var(--bp-gameplay-width);min-height:37px;margin:1px auto 2px;padding:4px 7px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label score" "prize score";align-items:center;column-gap:8px;
  border-radius:10px;border:1px solid rgba(56,92,98,.46);background:linear-gradient(180deg,rgba(10,21,25,.90),rgba(5,12,15,.82));
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 4px 10px rgba(0,0,0,.16);
}
#gameScreen .score-stage>small{grid-area:label;align-self:end;font-size:5.7px;line-height:1;letter-spacing:.75px;color:#73888d}
#gameScreen .score-main{grid-area:score;align-self:center;font-size:clamp(27px,8.4vw,36px);line-height:.9;letter-spacing:-1.8px;color:#f8fcff;text-shadow:0 2px 0 #071316}
#gameScreen .score-sub{display:none}
#gameScreen .score-prize{grid-area:prize;align-self:start;margin-top:1px;font-size:7.6px;line-height:1;color:#ffd42a;text-shadow:none}
#gameScreen .game-meta{flex:0 0 auto;width:var(--bp-gameplay-width);gap:4px;margin:0 auto 2px;padding:0}
#gameScreen .meta-box{min-height:27px;padding:3px 7px;border-radius:9px;border:1px solid rgba(47,79,81,.48);background:linear-gradient(180deg,rgba(9,21,22,.78),rgba(5,12,13,.64));box-shadow:inset 0 1px rgba(255,255,255,.025)}
#gameScreen .meta-box small{font-size:5.4px;color:#6e8386;letter-spacing:.55px}
#gameScreen .meta-box strong{font-size:12px;color:#29ea80;text-shadow:0 0 7px rgba(35,235,128,.09)}
#gameScreen .progress-wrap{flex:0 0 auto;width:var(--bp-gameplay-width);margin:0 auto 4px}
#gameScreen .progress-label{font-size:5.5px;line-height:1;margin-bottom:2px;color:#6f8387}
#gameScreen .track{height:3px;border-radius:999px;background:#0d1719;border:1px solid #172629;overflow:hidden}
#gameScreen .progress-wrap .fill{background:linear-gradient(90deg,#21dc72,#4fe98a 60%,#ffd52b);box-shadow:none}
/* Board is the game surface — edge-to-edge, thin frame, no nested card padding. */


/* V1.7.9.2.2: ONE geometry owner. HUD, Board and Tray share the same actual content width. */
#gameScreen.screen.active .board-wrap{
  flex:0 0 auto;
  box-sizing:border-box;
  width:var(--bp-gameplay-width);
  max-width:var(--bp-gameplay-width);
  margin-left:auto;
  margin-right:auto;
}

#gameScreen .board-wrap:before{content:"";position:absolute;inset:-2px;border-radius:17px;border:1px solid rgba(69,131,125,.28);box-shadow:0 7px 17px rgba(0,0,0,.27),0 0 0 1px rgba(33,220,120,.035);pointer-events:none;z-index:-1}
#gameScreen #board{box-sizing:border-box;width:100%;aspect-ratio:1;padding:4px;gap:var(--v1771-cell-gap);border-radius:15px;background:linear-gradient(160deg,#071012 0%,#040909 68%,#071012 100%);border:1px solid rgba(74,103,101,.52);box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -7px 15px rgba(0,0,0,.32),0 7px 16px rgba(0,0,0,.23);overflow:hidden}
#gameScreen #board .cell{border-radius:var(--v1771-cell-radius);background:linear-gradient(180deg,#171d1f 0%,#0d1214 58%,#090d0e 100%);border:1px solid #232b2d;box-shadow:inset 0 1px rgba(255,255,255,.028),inset 0 -2px rgba(0,0,0,.43)}
/* Fuller, cleaner homepage-aligned tiles. */
#gameScreen #board .cell.filled,#gameScreen .piece-block{border-radius:var(--v1771-cell-radius);border:1px solid rgba(255,255,255,.19);box-shadow:inset 0 3px 0 rgba(255,255,255,.36),inset 2px 0 0 rgba(255,255,255,.08),inset 0 -4px 2px rgba(0,0,0,.22),0 2px 3px rgba(0,0,0,.31);filter:saturate(1.06)}
#gameScreen #board .cell.filled:before,#gameScreen .piece-block:before{left:7%;right:7%;top:4%;height:31%;opacity:.82;background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.14) 43%,transparent)}
#gameScreen #board .cell.filled:after,#gameScreen .piece-block:after{left:10%;right:10%;bottom:4%;height:10%;background:rgba(0,0,0,.14)}
#gameScreen #board .cell.preview:not(.filled){opacity:.52;transform:scale(.945);border-color:rgba(255,255,255,.42);box-shadow:inset 0 2px rgba(255,255,255,.26),inset 0 -3px rgba(0,0,0,.13),0 0 8px rgba(255,255,255,.07)}
#gameScreen #board .cell.preview.bad:not(.filled){opacity:.56;background:linear-gradient(180deg,rgba(255,98,106,.36),rgba(98,24,31,.26));border-color:rgba(255,94,102,.5)}
/* Quick commercial placement / clear hierarchy. */
#gameScreen #board .cell.v175042-place{animation:v1771Place 92ms cubic-bezier(.2,.82,.25,1)}
@keyframes v1771Place{0%{transform:scale(1.04);filter:brightness(1.18) saturate(1.05)}48%{transform:scale(.978);filter:brightness(1.09)}100%{transform:scale(1);filter:brightness(1)}}
#gameScreen #board .cell.clearing{z-index:3;animation:v1771Clear 176ms cubic-bezier(.16,.82,.22,1) forwards}
@keyframes v1771Clear{0%{opacity:1;transform:scale(1);filter:brightness(1)}28%{opacity:1;transform:scale(1.035);filter:brightness(1.38)}52%{opacity:1;transform:scale(1.075);filter:brightness(1.64)}78%{opacity:.76;transform:scale(.9);filter:brightness(1.25)}100%{opacity:0;transform:scale(.42);filter:brightness(1.1)}}
#gameScreen .board-wrap.v1770-clear-active:after{left:3px;right:3px;height:13%;background:linear-gradient(90deg,transparent,rgba(255,232,125,.06),rgba(255,255,255,.34),rgba(77,239,154,.15),transparent);animation:v1771Sweep 235ms ease-out both}
@keyframes v1771Sweep{0%{opacity:0;transform:scaleX(.12)}33%{opacity:.8;transform:scaleX(.72)}72%{opacity:.34;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.02)}}
/* Tray: larger visible pieces, less panel chrome. */
#gameScreen .tray-title{flex:0 0 auto;margin:5px 0 2px;font-size:6.1px;line-height:1;color:#778b8f;letter-spacing:1.05px}
#gameScreen #tray{flex:0 0 auto;box-sizing:border-box;width:var(--bp-gameplay-width);height:var(--v1771-tray-h);margin:0 auto;padding:2px 3px;gap:4px;align-items:center;border-radius:14px;background:linear-gradient(180deg,rgba(8,17,20,.48),rgba(4,9,11,.20));border:1px solid rgba(42,65,68,.24);box-shadow:inset 0 1px rgba(255,255,255,.018)}

#gameScreen .piece-preview{filter:drop-shadow(0 5px 5px rgba(0,0,0,.28))}
#gameScreen .drag-ghost{opacity:.99;filter:drop-shadow(0 12px 9px rgba(0,0,0,.37)) drop-shadow(0 0 6px rgba(52,214,255,.08))}
/* Reward / progress polish. */
#gameScreen .line-pop{padding:7px 13px;border-radius:11px;font-size:17px;background:linear-gradient(180deg,#ffe85f,#ffc91f 58%,#e8a000);border:1px solid #fff09a;color:#171200;box-shadow:inset 0 2px rgba(255,255,255,.44),0 6px 14px rgba(255,188,0,.18)}
#gameScreen .line-pop.show{animation:v1771RewardPop 500ms cubic-bezier(.16,.88,.24,1)}
@keyframes v1771RewardPop{0%{opacity:0;transform:translate(-50%,7px) scale(.75)}20%{opacity:1;transform:translate(-50%,-6px) scale(1.08)}66%{opacity:1;transform:translate(-50%,-13px) scale(1)}100%{opacity:0;transform:translate(-50%,-22px) scale(.96)}}
#gameScreen .game-hint{display:none}
/* Cash-out decision UI remains compact so it does not steal board area. */
#gameScreen .cash-decision,#gameScreen #cashDecision,#gameScreen .cashout-decision{max-width:var(--bp-gameplay-width);margin-left:auto;margin-right:auto}
#gameScreen .cash-decision button,#gameScreen #cashDecision button,#gameScreen .cashout-decision button{min-height:42px;border-radius:11px}
/* Height-specific density. */
@media (max-height:600px){
  #gameScreen.screen.active{padding-top:calc(2px + var(--safeTop));padding-bottom:calc(4px + var(--safeBottom))}
  #gameScreen .game-top{margin-bottom:1px}
  #gameScreen .game-logo .brand-logo{width:42px}
  #gameScreen .game-mode{font-size:5.9px;padding:3px 5px}
  #gameScreen #gameBadge{height:25px;min-width:37px;font-size:8px}
  #gameScreen .score-stage{min-height:33px;padding:3px 6px;margin-bottom:1px}
  #gameScreen .score-main{font-size:26px}
  #gameScreen .score-stage>small{font-size:5px}
  #gameScreen .score-prize{font-size:6.7px}
  #gameScreen .meta-box{min-height:24px;padding:2px 5px}
  #gameScreen .meta-box strong{font-size:10.5px}
  #gameScreen .progress-wrap{margin-bottom:2px}
  #gameScreen .tray-title{margin-top:3px;margin-bottom:1px;font-size:5.5px}
}
@media (min-height:880px){
  #gameScreen .game-logo .brand-logo{width:56px}
  #gameScreen .score-stage{min-height:40px}
  #gameScreen .meta-box{min-height:29px}
  #gameScreen .tray-title{margin-top:7px;margin-bottom:3px}
}
/* Debug monitor. */
#v1771GameplayLayoutDebug{display:none;position:fixed;z-index:1001;left:50%;bottom:max(5px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(418px,calc(100vw - 10px));max-height:30vh;overflow:auto;padding:7px 8px;border-radius:10px;border:1px solid rgba(89,228,166,.34);background:rgba(2,12,13,.94);color:#d0ffe5;font:7px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;pointer-events:none}
html[data-debug="1"] body.bp-gameplay-active #v1771GameplayLayoutDebug{display:block}
/* Segment 055 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/commit-feel.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“commit feel”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[37] id=v1772CommitFeelStyle
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.7.2: readability, line recognition and GPU-friendly visual tail. */
#gameScreen .game-mode{font-size:11px!important;line-height:1!important;padding:5px 7px!important}
#gameScreen #gameBadge{font-size:12.5px!important;font-weight:1000!important}
#gameScreen .score-stage{min-height:43px!important;padding:3px 6px!important;margin:1px 0 2px!important}
#gameScreen .score-stage>small{font-size:11.5px!important;line-height:1!important;letter-spacing:.7px!important}
#gameScreen .score-main{font-size:33px!important;line-height:.95!important;letter-spacing:-1.5px!important}
#gameScreen .score-sub{font-size:8.5px!important;line-height:1.05!important;margin-top:1px!important}
#gameScreen .score-prize{font-size:13px!important;line-height:1.05!important;margin-top:2px!important}
#gameScreen .game-meta{gap:5px!important;margin:3px auto!important}
#gameScreen .meta-box{min-height:38px!important;padding:4px 6px!important;border-radius:10px!important}
#gameScreen .meta-box small{font-size:11px!important;line-height:1!important;letter-spacing:.45px!important}
#gameScreen .meta-box strong{font-size:21px!important;line-height:1.05!important;margin-top:2px!important}
#gameScreen .progress-wrap{margin-bottom:3px!important}
#gameScreen .progress-label{font-size:10.5px!important;line-height:1.05!important;margin-bottom:2px!important}
#gameScreen .progress-label strong{font-size:11px!important;color:#eaf8ff!important}
#gameScreen .tray-title{font-size:10.5px!important;line-height:1!important;letter-spacing:.7px!important;margin-top:4px!important;margin-bottom:2px!important;color:#9bb0b8!important}
#gameScreen .line-pop{font-size:19px!important;font-weight:1000!important}
#gameScreen #board .cell.v1772-line-complete{z-index:4!important;animation:v1772LineComplete 160ms ease-out both!important}
@keyframes v1772LineComplete{0%{filter:brightness(1);transform:scale(1)}55%{filter:brightness(1.48) saturate(1.10);transform:scale(1.035)}100%{filter:brightness(1.34) saturate(1.08);transform:scale(1.025)}}
#gameScreen #board .cell.clearing{z-index:5!important;animation:v1772ClearCore 340ms cubic-bezier(.18,.76,.22,1) forwards!important;will-change:transform,opacity!important}
@keyframes v1772ClearCore{0%{opacity:1;transform:scale(1.025)}24%{opacity:1;transform:scale(1.075)}52%{opacity:.96;transform:scale(1.09)}78%{opacity:.72;transform:scale(.89)}100%{opacity:.12;transform:scale(.54)}}
.v1772-clear-tail{position:fixed;z-index:970;pointer-events:none;border-radius:7px;will-change:transform,opacity;animation:v1772ClearTail 330ms cubic-bezier(.16,.78,.2,1) forwards;box-shadow:inset 0 2px rgba(255,255,255,.28),0 0 8px rgba(255,223,93,.24)}
@keyframes v1772ClearTail{0%{opacity:.82;transform:scale(.9)}38%{opacity:.72;transform:scale(1.02)}100%{opacity:0;transform:scale(.34) translateY(-4px)}}
.v1772-clear-spark{position:fixed;z-index:971;width:4px;height:4px;border-radius:50%;pointer-events:none;background:#ffe976;box-shadow:0 0 5px rgba(255,224,83,.55);animation:v1772Spark 300ms ease-out forwards;will-change:transform,opacity}
@keyframes v1772Spark{0%{opacity:.9;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.45)}}
#gameScreen .line-pop.show{animation:v1772RewardPop 650ms cubic-bezier(.16,.86,.23,1)!important}
@keyframes v1772RewardPop{0%{opacity:0;transform:translate(-50%,8px) scale(.78)}18%{opacity:1;transform:translate(-50%,-5px) scale(1.09)}62%{opacity:1;transform:translate(-50%,-15px) scale(1)}100%{opacity:0;transform:translate(-50%,-26px) scale(.96)}}
@media(max-height:600px){
 #gameScreen .game-mode{font-size:11px!important;padding:4px 5px!important}
 #gameScreen #gameBadge{font-size:11px!important}
 #gameScreen .score-stage{min-height:35px!important;padding:2px 4px!important}
 #gameScreen .score-stage>small{font-size:11.5px!important}
 #gameScreen .score-main{font-size:29px!important}
 #gameScreen .score-sub{display:none!important}
 #gameScreen .score-prize{font-size:12px!important}
 #gameScreen .meta-box{min-height:31px!important;padding:3px 4px!important}
 #gameScreen .meta-box small{font-size:11px!important}
 #gameScreen .meta-box strong{font-size:18px!important}
 #gameScreen .progress-label{font-size:10px!important}
 #gameScreen .tray-title{font-size:10px!important;margin-top:2px!important}
}
@media(min-height:880px){
 #gameScreen .score-stage>small{font-size:12px!important}
 #gameScreen .score-main{font-size:35px!important}
 #gameScreen .score-prize{font-size:14px!important}
 #gameScreen .meta-box small{font-size:11.5px!important}
 #gameScreen .meta-box strong{font-size:22px!important}
 #gameScreen .progress-label{font-size:11px!important}
 #gameScreen .tray-title{font-size:11px!important}
}
#v1772FinalityDebug{display:none;position:fixed;z-index:1200;left:50%;top:max(4px,env(safe-area-inset-top,0px));transform:translateX(-50%);width:min(420px,calc(100vw - 8px));max-height:28vh;overflow:auto;border:1px solid rgba(88,242,169,.32);border-radius:9px;padding:6px 7px;background:rgba(1,11,16,.94);color:#caffe5;font:7px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;pointer-events:none}
html[data-debug="1"] body.bp-gameplay-active #v1772FinalityDebug{display:block}

#gameScreen .v163-cash-kicker{font-size:12px!important}
#gameScreen .v163-cash-mult{font-size:58px!important}
#gameScreen .v163-cash-value{font-size:32px!important}
#gameScreen .v163-cash-copy{font-size:13px!important}
#gameScreen .v163-cash-actions button{font-size:16px!important;min-height:58px!important}
#gameScreen .v163-risk{font-size:10.5px!important}
/* Segment 056 · src/styles/modals.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/gameplay-commercial-modal.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“gameplay commercial modal”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[38] id=v1773GameplayCommercialModalCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* Block PIX v1.7.7.3 — commercial gameplay modal/result presentation only. */
:root{--v1773-bg:#06101b;--v1773-bg2:#0a1928;--v1773-stroke:rgba(114,174,198,.22);--v1773-text:#f7fbff;--v1773-muted:#91a9bb;--v1773-dim:#668194;--v1773-yellow:#ffd432;--v1773-yellow2:#ffb916;--v1773-green:#25e89b;--v1773-green2:#0dbf79;--v1773-cyan:#55dff1;--v1773-danger:#ff8b83;--v1773-safe-top:env(safe-area-inset-top,0px);--v1773-safe-bottom:env(safe-area-inset-bottom,0px)}
html.v1773-layer-open,body.v1773-layer-open{overflow:hidden;overscroll-behavior:none}
/* Paid result: center modal, no internal scroll, keep board visible under a restrained dark layer. */
#resultOverlay.v1773-paid-result{position:fixed;inset:0 auto 0 50%;width:min(100vw,430px);height:100dvh;max-height:100dvh;transform:translateX(-50%);padding:calc(12px + var(--v1773-safe-top)) 12px calc(12px + var(--v1773-safe-bottom));align-items:center;justify-content:center;background:rgba(0,5,10,.74);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:460}
#resultOverlay.v1773-paid-result #resultCard.v1773-commercial{width:min(calc(100vw - 24px),350px);max-width:350px;max-height:calc(100dvh - var(--v1773-safe-top) - var(--v1773-safe-bottom) - 24px);overflow:visible;padding:18px 16px 15px;border-radius:24px;border:1px solid var(--v1773-stroke);background:radial-gradient(circle at 50% -8%,rgba(52,207,183,.13),transparent 38%),linear-gradient(180deg,#0b1b2a 0%,#06111d 100%);box-shadow:0 24px 58px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(35,217,166,.025);text-align:center;transform:none;opacity:1;position:relative;isolation:isolate}
#resultOverlay.v1773-paid-result #resultCard.v1773-commercial:before{content:"";display:block;position:absolute;top:0;left:18%;right:18%;height:2px;background:linear-gradient(90deg,transparent,var(--v1773-green),var(--v1773-yellow),transparent);opacity:.75;box-shadow:0 0 13px rgba(37,232,155,.32)}
.v1773-result-eyebrow{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:rgba(69,211,190,.08);border:1px solid rgba(75,220,195,.18);color:#8ee9d5;font-size:10px;font-weight:950;letter-spacing:.8px;margin:0 auto 10px}
.v1773-result-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--v1773-green);box-shadow:0 0 8px rgba(37,232,155,.7)}
#resultCard.v1773-commercial .result-icon{width:52px;height:52px;border-radius:17px;margin:0 auto 9px;font-size:24px;background:linear-gradient(180deg,rgba(37,232,155,.15),rgba(13,191,121,.08));border:1px solid rgba(37,232,155,.26);color:var(--v1773-green);box-shadow:inset 0 1px rgba(255,255,255,.05)}
#resultCard.v1773-commercial.v1773-loss .result-icon{background:rgba(255,139,131,.08);border-color:rgba(255,139,131,.20);color:#ff9d96}
#resultCard.v1773-commercial #resultTitle{margin:0;font-size:24px;line-height:1.02;letter-spacing:-.45px;color:var(--v1773-text)}
#resultCard.v1773-commercial #resultSubtitle{max-width:290px;margin:7px auto 10px;font-size:12.5px;line-height:1.38;color:var(--v1773-muted)}
#resultCard.v1773-commercial #resultMultiplier{display:none}
.v1773-result-badge{display:none;margin:2px auto 5px;font-size:31px;line-height:1;font-weight:1000;letter-spacing:-1px;color:var(--v1773-yellow);text-shadow:0 2px 0 rgba(112,69,0,.72)}
.v1773-result-badge.show{display:block}
.v1773-result-amount{display:none;margin:4px auto 12px;font-size:42px;line-height:.98;font-weight:1000;letter-spacing:-1.6px;color:var(--v1773-yellow);font-variant-numeric:tabular-nums}
.v1773-result-amount.show{display:block}
.v1773-cash-win .v1773-result-amount{color:var(--v1773-green)}
.v1773-result-caption{display:none;margin:-5px auto 11px;color:#7f9baf;font-size:9px;font-weight:900;letter-spacing:.85px}.v1773-result-caption.show{display:block}
.v1773-block-row{display:none;align-items:center;justify-content:center;gap:4px;height:14px;margin:1px auto 9px}.v1773-block-row.show{display:flex}.v1773-block-row b{width:10px;height:10px;border-radius:3px;box-shadow:inset 0 1px rgba(255,255,255,.5),inset 0 -2px rgba(0,0,0,.22);animation:v1773BlockFloat .8s cubic-bezier(.2,.8,.2,1) both}.v1773-block-row b:nth-child(1){background:#31cef3}.v1773-block-row b:nth-child(2){background:#8b5bff;animation-delay:.05s}.v1773-block-row b:nth-child(3){background:#ffd139;animation-delay:.1s}.v1773-block-row b:nth-child(4){background:#21db86;animation-delay:.15s}.v1773-block-row b:nth-child(5){background:#f46b58;animation-delay:.2s}
#resultCard.v1773-commercial .result-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:9px 0 12px}
#resultCard.v1773-commercial .rk,#resultCard.v1773-commercial .rk:nth-child(3){grid-column:auto;min-height:54px;padding:8px 5px;border-radius:13px;background:#071827;border:1px solid rgba(97,151,176,.13);box-shadow:inset 0 1px rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center}
#resultCard.v1773-commercial .rk small{font-size:8px;line-height:1;letter-spacing:.55px;color:var(--v1773-dim);font-weight:900}
#resultCard.v1773-commercial .rk strong,#resultCard.v1773-commercial .rk:nth-child(3) strong{margin-top:4px;font-size:14px;line-height:1;color:#eef7fc;letter-spacing:-.2px}
#resultCard.v1773-commercial #resultDiag{display:none}
#resultCard.v1773-commercial #trialConversion,#resultCard.v1773-commercial #trialWinStage{display:none}
#resultCard.v1773-commercial .btn{width:100%;min-height:54px;border-radius:15px;font-size:17px;font-weight:1000;letter-spacing:-.1px;transition:transform .1s ease,filter .14s ease,opacity .14s ease}
#resultCard.v1773-commercial .btn:active{transform:scale(.975)}
#resultCard.v1773-commercial .btn.primary{background:linear-gradient(180deg,var(--v1773-yellow),var(--v1773-yellow2));color:#191300;border:1px solid rgba(255,232,116,.7);box-shadow:0 5px 0 #9d6700,0 9px 20px rgba(255,192,25,.13)}
#resultCard.v1773-commercial .btn.secondary{background:#091a28;color:#c4d6e1;border:1px solid rgba(108,159,185,.16);box-shadow:none;margin-top:8px}
#resultCard.v1773-commercial.v1773-cash-win .btn.primary{background:linear-gradient(180deg,#32eca7,#10c17d);border-color:rgba(105,255,199,.55);color:#032317;box-shadow:0 5px 0 #08744d,0 9px 20px rgba(33,222,151,.13)}
#resultCard.v1773-commercial.v1773-loss .btn.primary{background:linear-gradient(180deg,#ffd43b,#ffba19)}
#resultCard.v1773-commercial.v1773-action-pending .btn.primary{opacity:.58;pointer-events:none;box-shadow:none}
/* Opening choreography; payout count-up remains DOM-only presentation. */
#resultOverlay.v1773-paid-result.show{animation:v1773BackdropIn .12s ease both}
#resultOverlay.v1773-paid-result.show #resultCard.v1773-commercial{animation:v1773ModalIn .22s cubic-bezier(.18,.86,.25,1) both}
#resultOverlay.v1773-paid-result.show .v1773-result-badge.show{animation:v1773BadgePop .32s .12s cubic-bezier(.2,1.35,.35,1) both}
#resultOverlay.v1773-paid-result.show .v1773-result-amount.show{animation:v1773AmountIn .36s .18s cubic-bezier(.2,.9,.2,1) both}
@keyframes v1773BackdropIn{from{background:rgba(0,5,10,0)}to{background:rgba(0,5,10,.74)}}
@keyframes v1773ModalIn{from{opacity:0;transform:translateY(9px) scale(.94)}to{opacity:1;transform:none}}
@keyframes v1773BadgePop{0%{opacity:0;transform:scale(.72)}65%{opacity:1;transform:scale(1.07)}100%{opacity:1;transform:scale(1)}}
@keyframes v1773AmountIn{from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}}
@keyframes v1773BlockFloat{0%{opacity:0;transform:translateY(6px) scale(.7)}60%{opacity:1;transform:translateY(-2px) scale(1.08)}100%{opacity:.9;transform:none}}
/* Existing real CASH OUT checkpoint decision, commercially restyled without adding a second confirm step. */
#v163CashOverlay{position:fixed;inset:0 auto 0 50%;width:min(100vw,430px);height:100dvh;transform:translateX(-50%);align-items:center;justify-content:center;padding:calc(12px + var(--v1773-safe-top)) 12px calc(12px + var(--v1773-safe-bottom));background:rgba(0,5,10,.72);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:455}
#v163CashOverlay .v163-cash-card{width:min(calc(100vw - 24px),350px);border-radius:24px;padding:18px 16px 15px;background:radial-gradient(circle at 50% -6%,rgba(39,224,181,.14),transparent 36%),linear-gradient(180deg,#0a1c29,#06111d);border:1px solid rgba(73,224,190,.24);box-shadow:0 24px 56px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.055);overflow:visible;position:relative}
#v163CashOverlay .v163-cash-card:before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:linear-gradient(90deg,transparent,var(--v1773-green),transparent);box-shadow:0 0 12px rgba(37,232,155,.28)}
.v1773-cash-decision-title{font-size:20px;font-weight:1000;color:#f6fbff;letter-spacing:-.35px;margin:2px 0 2px}.v1773-cash-receive{font-size:9px;font-weight:950;letter-spacing:.9px;color:#74a092;margin-top:8px}
#v163CashOverlay .v163-cash-kicker{font-size:9px;color:#87e9d4;letter-spacing:.9px}
#v163CashOverlay .v163-cash-mult{font-size:35px;margin:7px 0 1px;color:var(--v1773-yellow);text-shadow:none;letter-spacing:-1px}
#v163CashOverlay .v163-cash-value{font-size:39px;line-height:1;margin:4px 0 2px;color:var(--v1773-green);letter-spacing:-1px}
#v163CashOverlay .v163-cash-copy{font-size:12px;line-height:1.38;color:var(--v1773-muted);margin:9px auto 11px;max-width:300px}
.v1773-cash-next{display:none;margin:0 0 12px;padding:9px 10px;border-radius:12px;background:#071925;border:1px solid rgba(91,162,174,.13);font-size:10px;color:#88a7b5}.v1773-cash-next.show{display:block}.v1773-cash-next b{color:#e7f7f2;font-size:12px;margin-left:4px}
#v163CashOverlay .v163-cash-actions{gap:8px}
#v163CashOverlay .v163-cash-actions button{min-height:55px;border-radius:15px;font-size:14px;font-weight:1000;transition:transform .1s ease,filter .14s ease}
#v163CashOverlay .v163-cash-actions button:active{transform:scale(.975)}
#v163CashOverlay .v163-take{background:linear-gradient(180deg,#31eca7,#10c17d);color:#032317;box-shadow:0 5px 0 #08734c}
#v163CashOverlay .v163-continue{background:linear-gradient(180deg,#ffd43b,#ffb817);color:#1b1400;box-shadow:0 5px 0 #9a6400}
#v163CashOverlay .v163-risk{font-size:9px;color:#c4a766;margin:10px 6px 0;line-height:1.3}
#v163CashOverlay.show .v163-cash-card{animation:v1773ModalIn .22s cubic-bezier(.18,.86,.25,1) both}
/* New presentation shells for existing insufficient-balance and exit-confirm states. */
.v1773-overlay{display:none;position:fixed;inset:0 auto 0 50%;width:min(100vw,430px);height:100dvh;transform:translateX(-50%);z-index:470;align-items:center;justify-content:center;padding:calc(12px + var(--v1773-safe-top)) 12px calc(12px + var(--v1773-safe-bottom));background:rgba(0,5,10,.74);box-sizing:border-box}.v1773-overlay.show{display:flex;animation:v1773BackdropIn .12s ease both}
.v1773-modal{width:min(calc(100vw - 24px),344px);max-height:calc(100dvh - var(--v1773-safe-top) - var(--v1773-safe-bottom) - 24px);overflow:visible;border-radius:24px;padding:19px 16px 15px;background:radial-gradient(circle at 50% -8%,rgba(40,202,181,.11),transparent 35%),linear-gradient(180deg,#0a1b29,#06111d);border:1px solid var(--v1773-stroke);box-shadow:0 24px 56px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.055);text-align:center;position:relative;animation:v1773ModalIn .22s cubic-bezier(.18,.86,.25,1) both}.v1773-modal-icon{width:50px;height:50px;margin:0 auto 10px;border-radius:16px;display:grid;place-items:center;background:rgba(85,223,241,.08);border:1px solid rgba(85,223,241,.18);color:var(--v1773-cyan);font-size:23px;font-weight:1000}.v1773-modal h2{margin:0;font-size:22px;line-height:1.05;letter-spacing:-.4px;color:#f7fbff}.v1773-modal>p{margin:8px auto 13px;max-width:286px;color:var(--v1773-muted);font-size:12px;line-height:1.42}.v1773-balance-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:0 0 13px}.v1773-balance-grid div{min-height:55px;padding:8px 5px;border:1px solid rgba(99,153,178,.13);border-radius:13px;background:#071827;display:flex;flex-direction:column;justify-content:center}.v1773-balance-grid small{font-size:7.5px;letter-spacing:.55px;color:#688496;font-weight:900}.v1773-balance-grid b{margin-top:4px;font-size:14px;color:#f5fbff}.v1773-balance-grid .need b{color:#ffd36d}.v1773-modal-actions{display:grid;gap:8px}.v1773-modal-actions button{min-height:53px;border-radius:15px;border:0;font-size:16px;font-weight:1000;transition:transform .1s ease,opacity .14s ease}.v1773-modal-actions button:active{transform:scale(.975)}.v1773-modal-actions .pix{background:linear-gradient(180deg,#31eca7,#10c17d);color:#032317;box-shadow:0 5px 0 #08734c}.v1773-modal-actions .primary{background:linear-gradient(180deg,#ffd43b,#ffb817);color:#1b1400;box-shadow:0 5px 0 #9a6400}.v1773-modal-actions .secondary{background:#091a28;color:#c0d3df;border:1px solid rgba(103,156,180,.15);box-shadow:none}.v1773-exit .v1773-modal-icon{color:#ffd36d;background:rgba(255,211,109,.07);border-color:rgba(255,211,109,.17)}
/* Small phone density: preserve one-screen modals, no internal scroll. */
@media(max-width:350px),(max-height:620px){#resultOverlay.v1773-paid-result{padding:8px}#resultOverlay.v1773-paid-result #resultCard.v1773-commercial{width:min(calc(100vw - 16px),340px);padding:13px 13px 12px;border-radius:20px}.v1773-result-eyebrow{height:21px;font-size:8.5px;margin-bottom:7px}#resultCard.v1773-commercial .result-icon{width:43px;height:43px;border-radius:14px;margin-bottom:7px;font-size:20px}#resultCard.v1773-commercial #resultTitle{font-size:20px}#resultCard.v1773-commercial #resultSubtitle{font-size:10.5px;margin:5px auto 7px}.v1773-result-badge{font-size:25px;margin-bottom:3px}.v1773-result-amount{font-size:34px;margin-bottom:8px}.v1773-block-row{margin-bottom:6px}#resultCard.v1773-commercial .result-kpis{margin:7px 0 9px;gap:5px}#resultCard.v1773-commercial .rk,#resultCard.v1773-commercial .rk:nth-child(3){min-height:46px;padding:6px 3px}#resultCard.v1773-commercial .rk small{font-size:7px}#resultCard.v1773-commercial .rk strong,#resultCard.v1773-commercial .rk:nth-child(3) strong{font-size:12.5px}#resultCard.v1773-commercial .btn{min-height:49px;font-size:15px}#v163CashOverlay{padding:8px}#v163CashOverlay .v163-cash-card{width:min(calc(100vw - 16px),340px);padding:13px 13px 12px;border-radius:20px}.v1773-cash-decision-title{font-size:18px}#v163CashOverlay .v163-cash-mult{font-size:29px}#v163CashOverlay .v163-cash-value{font-size:33px}#v163CashOverlay .v163-cash-copy{font-size:10.5px;margin:7px auto 9px}#v163CashOverlay .v163-cash-actions button{min-height:49px;font-size:12.5px}.v1773-overlay{padding:8px}.v1773-modal{width:min(calc(100vw - 16px),336px);padding:14px 13px 12px;border-radius:20px}.v1773-modal-icon{width:43px;height:43px;border-radius:14px;margin-bottom:7px}.v1773-modal h2{font-size:20px}.v1773-modal>p{font-size:10.5px;margin:6px auto 10px}.v1773-balance-grid{gap:5px;margin-bottom:10px}.v1773-balance-grid div{min-height:47px;padding:6px 3px}.v1773-balance-grid b{font-size:12.5px}.v1773-modal-actions button{min-height:49px;font-size:15px}}
@media(min-width:412px) and (min-height:880px){#resultOverlay.v1773-paid-result #resultCard.v1773-commercial{max-width:356px;width:356px;padding:21px 18px 17px}.v1773-result-amount{font-size:44px}#resultCard.v1773-commercial #resultTitle{font-size:26px}#v163CashOverlay .v163-cash-card{width:356px;padding:21px 18px 17px}#v163CashOverlay .v163-cash-value{font-size:42px}.v1773-modal{width:352px;padding:21px 18px 17px}}
@media(prefers-reduced-motion:reduce){#resultOverlay.v1773-paid-result.show,#resultOverlay.v1773-paid-result.show #resultCard.v1773-commercial,#resultOverlay.v1773-paid-result.show .v1773-result-badge.show,#resultOverlay.v1773-paid-result.show .v1773-result-amount.show,.v1773-block-row b,#v163CashOverlay.show .v163-cash-card,.v1773-modal{animation:none;transition:none}}
/* Segment 057 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/feedback/placement-terminal-clear-audio.css
 * 视觉领域：feedback
 * 职责：承载 Golden Formal 中“placement terminal clear audio”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[39] id=v1782PlacementTerminalClearAudioCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* v1.7.8.2 — terminal-event hardening / frozen clear presentation / web-sourced CC0 runtime audio. */
#gameScreen.bp1782-gesture-active{touch-action:none;overscroll-behavior:none}
#gameScreen .piece-slot.bp1782-source{opacity:.25}
#gameScreen .drag-ghost.bp1782-ghost{position:fixed;z-index:620;pointer-events:none;transition:none;animation:none;transform:none;opacity:.985;will-change:left,top;filter:drop-shadow(0 12px 10px rgba(0,0,0,.36)) drop-shadow(0 0 5px rgba(66,215,255,.09))}
#gameScreen .drag-ghost.bp1782-ghost.bp1782-valid{filter:brightness(1.035) drop-shadow(0 9px 8px rgba(0,0,0,.31)) drop-shadow(0 0 7px rgba(87,234,197,.13))}
#gameScreen .drag-ghost.bp1782-ghost.bp1782-invalid{opacity:.78;filter:saturate(.75) brightness(.88) drop-shadow(0 0 7px rgba(255,91,105,.25))}
#gameScreen #board .cell.bp1782-preview-valid{background:rgba(61,229,177,.36);box-shadow:inset 0 0 0 2px rgba(149,255,223,.82),0 0 7px rgba(58,226,185,.16);opacity:1}
#gameScreen #board .cell.bp1782-preview-invalid{background:rgba(255,87,96,.35);box-shadow:inset 0 0 0 1px rgba(255,157,160,.5);opacity:.9}
#gameScreen #board .cell.bp1782-place-impact{animation:bp1782PlaceImpact .145s cubic-bezier(.18,.82,.22,1) both}
@keyframes bp1782PlaceImpact{0%{transform:scale(.92);filter:brightness(1.38)}46%{transform:scale(1.07);filter:brightness(1.17)}100%{transform:scale(1);filter:brightness(1)}}

/* Step 1: legacy clear presentation CSS removed; no visual clear animation in this baseline. */


#v1782DebugPanel{display:none;position:fixed;z-index:9999;left:50%;top:max(5px,env(safe-area-inset-top,0px));transform:translateX(-50%);width:min(calc(100vw - 10px),420px);max-height:49vh;overflow:auto;padding:7px 8px;border:1px solid rgba(86,235,209,.35);border-radius:10px;background:rgba(1,10,20,.96);color:#d8fff4;font:7px/1.34 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;pointer-events:none}
html[data-debug="1"] body.bp-gameplay-active #v1782DebugPanel{display:block}
#v1782AudioQA,#v1783AudioQA{display:none;position:fixed;z-index:9998;left:50%;bottom:max(5px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(calc(100vw - 10px),420px);max-height:41vh;overflow:auto;padding:6px;border:1px solid rgba(255,210,90,.28);border-radius:10px;background:rgba(8,13,22,.94);pointer-events:auto;color:#eaf7ff;font:7px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}
html[data-debug="1"] body.bp-gameplay-active #v1782AudioQA,#v1783AudioQA{display:block}
#v1782AudioQA .qa-head,#v1783AudioQA .qa-head{display:flex;gap:4px;align-items:center;position:sticky;top:0;background:rgba(8,13,22,.97);padding-bottom:5px;z-index:1}
#v1782AudioQA .qa-row,#v1783AudioQA .qa-row{display:grid;grid-template-columns:80px 1fr 1fr;gap:3px;margin:3px 0;align-items:center}
#v1782AudioQA button,#v1783AudioQA button{font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:5px 6px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#0c2440;color:#eaf7ff}
#v1782AudioQA button,#v1783AudioQA button.on{background:#166b5c;border-color:#5eeac5}
/* Segment 058 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/hud-visibility-mobile-fit.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“hud visibility mobile fit”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[40] id=v17901HudVisibilityMobileFitCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.0.1 — use the existing responsive gameplay HUD containers; do not add a parallel HUD block. */
#gameScreen .v1790-hud{display:none}
#gameScreen.v17901-meta-hud .score-stage{display:grid;width:var(--v1771-board-size);max-width:calc(100vw - (2 * var(--v1771-edge)));min-height:50px;margin:1px auto 2px;padding:5px 8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label score" "remain score";column-gap:8px;align-items:center}
#gameScreen.v17901-meta-hud .score-stage>small{grid-area:label;display:block;align-self:end;font-size:7.2px;line-height:1;letter-spacing:.9px;color:#78919c}
#gameScreen.v17901-meta-hud .score-main{grid-area:score;display:flex;align-items:baseline;justify-content:flex-end;gap:4px;font-size:0;line-height:1;letter-spacing:0;white-space:nowrap}
#gameScreen.v17901-meta-hud .v17901-now{font-family:Arial Black,Arial,sans-serif;font-size:34px;line-height:.9;color:#f8fcff;font-weight:1000;letter-spacing:-1.7px;text-shadow:0 2px 0 #071316}
#gameScreen.v17901-meta-hud .v17901-target{font-family:Arial,system-ui,sans-serif;font-size:11px;line-height:1;color:#91a8b1;font-weight:1000;letter-spacing:-.15px}
#gameScreen.v17901-meta-hud .score-sub{display:none}
#gameScreen.v17901-meta-hud .score-prize{grid-area:remain;display:block;align-self:start;margin:2px 0 0;font-size:8.7px;line-height:1.05;letter-spacing:.32px;color:#7f9aa0;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gameScreen.v17901-meta-hud .game-meta{display:grid;width:var(--v1771-board-size);max-width:calc(100vw - (2 * var(--v1771-edge)));grid-template-columns:.75fr 1.25fr;gap:5px;margin:0 auto 3px}
#gameScreen.v17901-meta-hud .meta-box{display:flex;min-height:31px;padding:3px 7px;flex-direction:column;justify-content:center;border-radius:9px}
#gameScreen.v17901-meta-hud .meta-box small{display:block;font-size:6.5px;line-height:1;letter-spacing:.58px;color:#6f878d}
#gameScreen.v17901-meta-hud .meta-box strong{display:block;margin-top:2px;font-size:15px;line-height:1;color:#e9f6f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gameScreen.v17901-meta-hud .meta-box:last-child{border-color:rgba(43,121,97,.54);background:linear-gradient(180deg,rgba(6,33,30,.78),rgba(4,19,19,.66))}
#gameScreen.v17901-meta-hud .meta-box:last-child strong{color:#29ea80;font-size:17px}
#gameScreen.v17901-meta-hud .progress-wrap{display:block;width:var(--v1771-board-size);max-width:calc(100vw - (2 * var(--v1771-edge)));margin:0 auto 4px}
#gameScreen.v17901-meta-hud .progress-label{display:flex;align-items:center;justify-content:space-between;margin:0 1px 2px;font-size:7px;line-height:1;color:#71888f;font-weight:900;letter-spacing:.35px}
#gameScreen.v17901-meta-hud .progress-label span{color:#71888f}
#gameScreen.v17901-meta-hud .progress-label strong{font-size:7.5px;line-height:1;color:#a8c2c7}
#gameScreen.v17901-meta-hud .track{display:block;height:4px;border-radius:999px;background:#0d1719;border:1px solid #172629;overflow:hidden}
#gameScreen.v17901-meta-hud .progress-wrap .fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#20d873,#37e796 72%,#ffd32b);transition:width 210ms cubic-bezier(.2,.82,.22,1),filter 180ms ease;transform:none;transform-origin:left center}
#gameScreen.v17901-meta-hud[data-v17901-stage="PROGRESS"] .score-prize{color:#9db7b8}
#gameScreen.v17901-meta-hud[data-v17901-stage="NEAR"] .progress-wrap .fill{filter:brightness(1.07);box-shadow:0 0 8px rgba(44,225,145,.22)}
#gameScreen.v17901-meta-hud[data-v17901-stage="NEAR"] .score-prize{color:#72d7bc}
#gameScreen.v17901-meta-hud[data-v17901-stage="VERY_NEAR"] .score-stage{border-color:rgba(57,154,130,.65)}
#gameScreen.v17901-meta-hud[data-v17901-stage="VERY_NEAR"] .score-prize{color:#38e6ad}
#gameScreen.v17901-meta-hud[data-v17901-stage="FINAL_LINE"] .score-stage{border-color:rgba(221,177,55,.7)}
#gameScreen.v17901-meta-hud[data-v17901-stage="FINAL_LINE"] .v17901-now{color:#ffe15b;text-shadow:0 2px 0 #625008}
#gameScreen.v17901-meta-hud[data-v17901-stage="FINAL_LINE"] .score-prize{color:#ffd95a;font-weight:1000}
#gameScreen.v17901-meta-hud[data-v17901-stage="FINAL_LINE"] .progress-wrap .fill{filter:brightness(1.1);box-shadow:0 0 9px rgba(255,210,66,.25)}
#gameScreen.v17901-meta-hud[data-v17901-stage="TARGET_REACHED"] .score-stage{border-color:rgba(40,208,143,.74)}
#gameScreen.v17901-meta-hud[data-v17901-stage="TARGET_REACHED"] .v17901-now,#gameScreen.v17901-meta-hud[data-v17901-stage="TARGET_REACHED"] .score-prize{color:#27e99d}
#gameScreen.v17901-meta-hud[data-v17901-stage="TARGET_REACHED"] .progress-wrap .fill{filter:brightness(1.1);box-shadow:0 0 10px rgba(31,239,171,.28)}
#gameScreen.v17901-stage-hit .v17901-now{animation:v17901ProgressHit 300ms cubic-bezier(.2,.82,.25,1)}
@keyframes v17901ProgressHit{0%{transform:scale(1)}45%{transform:scale(1.055)}100%{transform:scale(1)}}
@media(max-height:700px){#gameScreen.v17901-meta-hud .score-stage{min-height:44px;padding:4px 7px;margin-bottom:1px}#gameScreen.v17901-meta-hud .v17901-now{font-size:30px}#gameScreen.v17901-meta-hud .v17901-target{font-size:9.5px}#gameScreen.v17901-meta-hud .score-prize{font-size:7.7px;margin-top:1px}#gameScreen.v17901-meta-hud .game-meta{margin-bottom:2px}#gameScreen.v17901-meta-hud .meta-box{min-height:28px;padding:2px 6px}#gameScreen.v17901-meta-hud .meta-box strong{font-size:13px}#gameScreen.v17901-meta-hud .meta-box:last-child strong{font-size:15px}#gameScreen.v17901-meta-hud .progress-wrap{margin-bottom:3px}}
@media(max-height:600px){#gameScreen.v17901-meta-hud .score-stage{min-height:39px;padding:3px 6px}#gameScreen.v17901-meta-hud .score-stage>small{font-size:6.2px}#gameScreen.v17901-meta-hud .v17901-now{font-size:26px}#gameScreen.v17901-meta-hud .v17901-target{font-size:8.5px}#gameScreen.v17901-meta-hud .score-prize{font-size:6.8px}#gameScreen.v17901-meta-hud .meta-box{min-height:25px;padding:2px 5px}#gameScreen.v17901-meta-hud .meta-box small{font-size:5.8px}#gameScreen.v17901-meta-hud .meta-box strong{font-size:12px}#gameScreen.v17901-meta-hud .meta-box:last-child strong{font-size:13px}#gameScreen.v17901-meta-hud .progress-label{font-size:6.1px;margin-bottom:1px}#gameScreen.v17901-meta-hud .progress-label strong{font-size:6.4px}#gameScreen.v17901-meta-hud .track{height:3px}}
/* Segment 059 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/gameplay-feel-final.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“gameplay feel final”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[41] id=v1791GameplayFeelFinalPolishCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* v1.7.9.1 presentation-only feel polish. Model, mapper contract, board size and HUD remain locked. */
#gameScreen.bp1782-gesture-active{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#gameScreen .piece-slot.bp1782-source{opacity:.10;transform:scale(1);transition:opacity 52ms ease-out}
#gameScreen .drag-ghost.bp1782-ghost{transform-origin:center center;will-change:left,top,transform,filter,opacity}
#gameScreen .drag-ghost.bp1782-ghost.bp1791-pickup-enter{transform:scale(1);opacity:.94;transition:opacity 42ms ease-out}
#gameScreen .drag-ghost.bp1782-ghost.bp1791-pickup-enter.bp1791-pickup-live{transform:scale(1);opacity:1;filter:drop-shadow(0 7px 5px rgba(0,0,0,.26))}
#gameScreen .drag-ghost.bp1782-ghost.bp1791-drag-direct{transition:none;transform:scale(1);opacity:1}
#gameScreen .drag-ghost.bp1782-ghost.bp1791-returning{transition:left 150ms cubic-bezier(.2,.78,.24,1),top 150ms cubic-bezier(.2,.78,.24,1),transform 150ms cubic-bezier(.2,.78,.24,1),opacity 130ms ease;transform:scale(.985);opacity:.5;filter:drop-shadow(0 7px 6px rgba(0,0,0,.20))}
#gameScreen #board .cell.bp1782-preview-valid{background:var(--preview-bg);opacity:.57;filter:brightness(1.06) saturate(.95);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.50),0 0 7px rgba(255,255,255,.07)}
#gameScreen #board .cell.bp1782-preview-invalid{background:rgba(132,72,82,.28);opacity:.72;box-shadow:inset 0 0 0 1px rgba(235,137,145,.38);filter:saturate(.72) brightness(.88)}
#gameScreen #board .cell.bp1791-predict-line{filter:brightness(1.14) saturate(1.04);box-shadow:inset 0 0 0 1px rgba(255,235,147,.44),0 0 8px rgba(255,220,100,.10);transition:filter 70ms ease,box-shadow 70ms ease}
#gameScreen #board .cell.bp1782-place-impact{animation:bp1791PlaceWeight .145s cubic-bezier(.18,.82,.22,1) both}
@keyframes bp1791PlaceWeight{0%{transform:scale(1);filter:brightness(1.22)}32%{transform:scale(.965);filter:brightness(1.10)}100%{transform:scale(1);filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){#gameScreen .drag-ghost.bp1782-ghost.bp1791-pickup-enter,#gameScreen .drag-ghost.bp1782-ghost.bp1791-returning{transition-duration:1ms}#gameScreen #board .cell.bp1782-place-impact{animation-duration:1ms}}
/* Segment 060 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/core-performance.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“core performance”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[44] id=v17915CorePerformanceCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* v1.7.9.1.5 — compositor-first performance polish. Timing/semantics unchanged. */
#gameScreen .drag-ghost.bp1782-ghost{will-change:left,top,transform,opacity!important;backface-visibility:hidden!important}
#gameScreen #board .cell.bp1782-place-impact{will-change:transform,opacity!important}
@keyframes bp17915PlaceWeight{0%{transform:scale(1)}32%{transform:scale(.968)}100%{transform:scale(1)}}
#gameScreen #board .cell.bp1782-place-impact{animation:bp17915PlaceWeight .145s cubic-bezier(.18,.82,.22,1) both!important}

#v17915PerfLab{display:none}
html[data-debug="1"] #v17915PerfLab{display:block;position:fixed;right:6px;bottom:6px;z-index:12150;width:min(360px,calc(100vw - 12px));max-height:45vh;overflow:auto;padding:7px;border:1px solid #3e8194;border-radius:10px;background:rgba(2,13,22,.96);color:#d9fbff;font:700 8px/1.3 ui-monospace,monospace}
/* Segment 061 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/mobile-runtime-architecture.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“mobile runtime architecture”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[45] id=v17916MobileRuntimeArchitectureCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.1.7 FIX: drag ghost is appended to document.body, not inside #gameScreen. */
.drag-ghost.bp1782-ghost{left:0!important;top:0!important;transform:translate3d(var(--bp-drag-x,0px),var(--bp-drag-y,0px),0) scale(var(--bp-drag-scale,1))!important;transform-origin:0 0!important;transition:none!important;will-change:transform,opacity!important;filter:none!important;contain:layout style paint!important}

.drag-ghost.bp1782-ghost.bp1791-drag-direct{transition:none!important}
.drag-ghost.bp1782-ghost.bp1791-returning{transition:transform 165ms cubic-bezier(.18,.78,.22,1),opacity 145ms ease!important;opacity:.58!important}
.drag-ghost.bp1782-ghost.bp1782-invalid{opacity:.78!important;filter:saturate(.72) brightness(.9)!important}
.drag-ghost.bp1782-ghost.bp1782-invalid .piece-block{opacity:.82!important;filter:saturate(.76) brightness(.86)!important;box-shadow:inset 0 2px rgba(255,255,255,.18),inset 0 -2px rgba(0,0,0,.20),0 0 0 2px rgba(255,82,82,.88),0 0 10px rgba(255,72,72,.28),0 4px 7px rgba(0,0,0,.22)!important}
.drag-ghost.bp1782-ghost .piece-block.bp17917-conflict{box-shadow:inset 0 2px rgba(255,255,255,.16),inset 0 -2px rgba(0,0,0,.22),0 0 0 3px rgba(255,65,65,.96),0 0 13px rgba(255,52,52,.42),0 4px 7px rgba(0,0,0,.22)!important;filter:saturate(.66) brightness(.78)!important}
.drag-ghost.bp1782-ghost .piece-block.bp17917-outside{opacity:.58!important;filter:grayscale(.15) saturate(.62) brightness(.80)!important}
.drag-ghost.bp1782-ghost .piece-block.bp17917-predict-clear{animation:bp17917PreClearPulse .62s ease-in-out infinite alternate!important;filter:brightness(1.24) saturate(1.08)!important;box-shadow:inset 0 2px rgba(255,255,255,.52),inset 0 -2px rgba(0,0,0,.13),0 0 0 2px rgba(255,242,126,.92),0 0 12px rgba(255,216,74,.48),0 4px 7px rgba(0,0,0,.22)!important}
@keyframes bp17917PreClearPulse{from{transform:scale(1);filter:brightness(1.13) saturate(1.05)}to{transform:scale(1.045);filter:brightness(1.34) saturate(1.12)}}
#gameScreen #board .cell.bp1782-preview-valid,#gameScreen #board .cell.preview{opacity:1!important;background:var(--preview-bg,rgba(0,239,138,.62))!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.48),0 0 7px rgba(88,230,205,.20)!important;transform:scale(.97)}
#gameScreen #board .cell.bp1782-preview-invalid,#gameScreen #board .cell.bad{opacity:1!important;background:rgba(255,72,72,.32)!important;box-shadow:inset 0 0 0 2px rgba(255,105,105,.72)!important;transform:scale(.97)}
#gameScreen #board .cell.bp17917-conflict-cell{background:rgba(255,48,48,.46)!important;box-shadow:inset 0 0 0 3px rgba(255,116,116,.94),0 0 10px rgba(255,54,54,.24)!important;filter:brightness(.92) saturate(.9)!important}
#gameScreen #board .cell.bp1791-predict-line{box-shadow:inset 0 0 0 2px rgba(255,237,112,.68),0 0 7px rgba(255,216,74,.20)!important}
#v17916RuntimeLab{display:none}html[data-debug="1"] #v17916RuntimeLab{display:block;position:fixed;right:5px;bottom:5px;z-index:12200;width:min(380px,calc(100vw - 10px));max-height:50vh;overflow:auto;padding:7px;border-radius:10px;border:1px solid rgba(82,211,255,.42);background:rgba(1,10,18,.96);color:#dff9ff;font:700 8px/1.3 ui-monospace,monospace}
/* Segment 062 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/clear-response-timing.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“clear response timing”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[46] id=v17918ClearResponseTimingCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.1.8 — timing-only overrides. Visual language is intentionally unchanged. */
#v17918ClearTimingPanel{display:none}
html[data-debug="1"] #v17918ClearTimingPanel{display:block;position:fixed;left:5px;bottom:5px;z-index:12350;width:min(360px,calc(100vw - 10px));max-height:46vh;overflow:auto;padding:7px;border-radius:10px;border:1px solid rgba(124,244,212,.42);background:rgba(1,12,20,.96);color:#dffff5;font:700 8px/1.32 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:auto}
#v17918ClearTimingPanel summary{cursor:pointer;color:#7ff0cf;font-weight:1000;letter-spacing:.35px}
#v17918ClearTimingPanel pre{white-space:pre-wrap;margin:6px 0 0;color:#d8f7ef}
/* Segment 063 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/non-blocking.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“non blocking”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[47] id=v17919NonBlockingCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.1.9 — interaction safety only; no new gameplay visual language. */
#v17919InputLatencyPanel{display:none}
html[data-debug="1"] #v17919InputLatencyPanel{display:block;position:fixed;right:5px;top:5px;z-index:12410;width:min(370px,calc(100vw - 10px));max-height:47vh;overflow:auto;padding:7px;border-radius:10px;border:1px solid rgba(97,224,255,.42);background:rgba(1,11,20,.96);color:#def8ff;font:700 8px/1.32 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:auto}
#v17919InputLatencyPanel summary{cursor:pointer;color:#76e7ff;font-weight:1000;letter-spacing:.35px}#v17919InputLatencyPanel pre{white-space:pre-wrap;margin:6px 0 0}
/* Segment 064 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/clear-impact.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“clear impact”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[48] id=v179111ClearImpactCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* Segment 065 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/runtime-perf.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“runtime perf”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[49] id=v179112RuntimePerfCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */
/* Segment 066 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/base/commercial-final.css
 * 视觉领域：base
 * 职责：承载 Golden Formal 中“commercial final”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[50] id=v179113CommercialFinalCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* Final presentation-only hierarchy. Timing/math/input remain inherited. */
#gameScreen .piece-slot.v17241-spawning>.piece-preview{will-change:transform,opacity;animation-duration:132ms!important;animation-timing-function:cubic-bezier(.18,.84,.22,1)!important}
#gameScreen .board-wrap .bp179113-streak-chip{position:absolute;left:50%;top:calc(50% + 32px);transform:translate(-50%,-50%);z-index:8;padding:4px 9px;border-radius:999px;background:rgba(6,24,46,.88);border:1px solid rgba(96,220,255,.30);color:#70eaff;font-size:9px;font-weight:1000;letter-spacing:.8px;white-space:nowrap;pointer-events:none;animation:bp179113Streak 240ms cubic-bezier(.18,.86,.22,1) both}
@keyframes bp179113Streak{0%{opacity:0;transform:translate(-50%,-40%) scale(.82)}55%{opacity:1;transform:translate(-50%,-52%) scale(1.06)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}

#guidedRewardCash.v179110-counting{font-variant-numeric:tabular-nums;contain:layout style paint}
#v179113RhythmPanel{display:none}html[data-debug="1"] #v179113RhythmPanel{display:block;position:fixed;left:5px;top:5px;z-index:12460;width:min(390px,calc(100vw - 10px));max-height:42vh;overflow:auto;padding:7px;border-radius:10px;border:1px solid rgba(107,211,255,.42);background:rgba(2,10,22,.96);color:#e5f7ff;font:700 8px/1.34 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:auto}#v179113RhythmPanel summary{cursor:pointer;color:#70dcff;font-weight:1000}#v179113RhythmPanel pre{white-space:pre-wrap;margin:6px 0 0}
/* Segment 067 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/guest-trial-paid-goal.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“guest trial paid goal”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[51] id=v179114GuestTrialPaidGoalCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* Guest trial is now a fully independent free-play mode. Legacy guided surfaces stay dormant. */

#gameScreen.guest-trial-independent .game-meta{display:grid!important}
#gameScreen.guest-trial-independent .score-stage>small{color:#80a6c9!important}
#gameScreen.guest-trial-independent #scorePrize{color:#ffe348!important;text-shadow:0 0 13px rgba(255,216,52,.16)}
#gameScreen.guest-trial-independent .tray-title{color:#8ca6c2!important}
.v179114-goal-disclosure{margin-top:8px;padding:9px 10px;border-radius:12px;background:linear-gradient(180deg,#071b34,#05142b);border:1px solid #18466e;display:flex;align-items:center;justify-content:space-between;gap:10px}
.v179114-goal-disclosure .copy{min-width:0}.v179114-goal-disclosure small{display:block;color:#6e8dad;font-size:7px;font-weight:1000;letter-spacing:.8px}.v179114-goal-disclosure strong{display:block;margin-top:2px;color:#fff;font-size:12px;font-weight:1000;line-height:1.2}.v179114-goal-disclosure b{flex:0 0 auto;color:#17efa0;font-size:16px;font-weight:1000;white-space:nowrap}.v179114-goal-disclosure.cash b{color:#58ddff}
.v179114-checkpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.v179114-checkpoint{padding:7px 8px;border-radius:10px;background:#06162d;border:1px solid #143b61}.v179114-checkpoint small{display:block;color:#6685a6;font-size:6.7px;font-weight:1000}.v179114-checkpoint strong{display:block;margin-top:2px;color:#dff6ff;font-size:9.5px;font-weight:1000}.v179114-checkpoint.final{grid-column:1/-1;border-color:#247c8c;background:linear-gradient(180deg,#082136,#06172c)}.v179114-checkpoint.final strong{color:#20efac;font-size:11px}
#trialIntroOverlay.v179114-guest-intro .challenge-objective>div:first-child strong{color:#ffe33d!important}
#trialIntroOverlay.v179114-guest-intro .reward-cash-main{color:#19f09a!important}
#trialIntroOverlay.v179114-guest-intro .trial-intro-note{max-width:310px;margin-left:auto;margin-right:auto}
@media(max-width:350px){.v179114-goal-disclosure{padding:8px}.v179114-goal-disclosure strong{font-size:10.5px}.v179114-goal-disclosure b{font-size:14px}.v179114-checkpoint strong{font-size:8.7px}}
/* Segment 068 · src/styles/pages.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/home/guest-runtime-reset.css
 * 视觉领域：home
 * 职责：承载 Golden Formal 中“guest runtime reset”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[52] id=v179115GuestRuntimeResetCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* v1.7.9.1.15 — guest trial runtime recovery only. No gameplay visual redesign. */
#gameScreen.guest-trial-independent .v1723-gameover-note:not(.show){display:none!important}
/* Segment 069 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/mode-specific-gameplay-hud.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“mode specific gameplay hud”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[54] id=v17921ModeSpecificGameplayHudCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.2.1 — Gameplay HUD information only. Board/Tray/Input/VFX/Audio/Math are intentionally untouched. */
#gameScreen .bp17921-mode-hud{display:none}
#gameScreen.bp17921-mode-hud-active .score-stage,
#gameScreen.bp17921-mode-hud-active .game-meta,
#gameScreen.bp17921-mode-hud-active .progress-wrap{display:none}
#gameScreen.bp17921-mode-hud-active .bp17921-mode-hud{
  display:flex;flex:0 0 auto;box-sizing:border-box;flex-direction:column;
  width:var(--bp-gameplay-width);max-width:calc(100vw - (2 * var(--v1771-edge)));
  min-height:65px;margin:1px auto 5px;padding:7px 9px 6px;border-radius:12px;
  border:1px solid rgba(57,91,98,.52);background:linear-gradient(180deg,rgba(10,22,27,.94),rgba(5,13,17,.90));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 4px 12px rgba(0,0,0,.18);
}
#gameScreen .bp17921-hud-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:36px}
#gameScreen .bp17921-lines{display:flex;align-items:baseline;min-width:0;white-space:nowrap}
#gameScreen .bp17921-lines strong{font-family:Arial Black,Arial,sans-serif;font-size:30px;line-height:.92;letter-spacing:-1.5px;color:#f8fcff;text-shadow:0 2px 0 #071316}
#gameScreen .bp17921-lines span{margin-left:5px;font-size:8px;line-height:1;color:#7f969e;font-weight:1000;letter-spacing:.75px}
#gameScreen .bp17921-reward{text-align:right;min-width:104px}
#gameScreen .bp17921-reward small{display:block;font-size:6.5px;line-height:1;color:#789097;font-weight:1000;letter-spacing:.62px}
#gameScreen .bp17921-reward-line{display:flex;justify-content:flex-end;align-items:baseline;gap:5px;margin-top:3px;white-space:nowrap}
#gameScreen .bp17921-reward strong{font-size:18px;line-height:1;color:#2bed8a;font-weight:1000;letter-spacing:-.45px}
#gameScreen .bp17921-reward em{font-style:normal;padding:2px 5px;border-radius:999px;background:rgba(255,205,40,.11);border:1px solid rgba(255,213,56,.30);color:#ffd84d;font-size:7px;line-height:1;font-weight:1000}
#gameScreen .bp17921-hud-secondary{display:flex;align-items:center;justify-content:space-between;min-height:13px;margin-top:2px;color:#71888f;font-size:7px;line-height:1;font-weight:900;letter-spacing:.38px}
#gameScreen .bp17921-hud-secondary strong{color:#9db5ba;font-size:7.2px}
#gameScreen .bp17921-hud-track{height:4px;margin-top:4px;border-radius:999px;background:#0d1719;border:1px solid #172629;overflow:hidden}
#gameScreen .bp17921-hud-fill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#20d873,#42e99a 72%,#ffd32b);transition:width 210ms cubic-bezier(.2,.82,.22,1)}
/* V2.0.4.1｜正式模式旧 HUD 兼容层退出：
 * 正式 10X/Cashout 在 GameScreen.active 且不含 trial-10x 类时，
 * 只保留原有 bp17921-mode-hud。旧的 game-meta/score-stage/progress-wrap
 * 不得因 guest-trial-independent 残留或旧样式优先级而重新显现。
 * 不删除旧 DOM ID，不改变任何正式玩法数据、状态及游客演示。 */
#gameScreen.active:not(.trial-10x) :is(.game-meta,.score-stage,.progress-wrap){display:none!important}
/* Mode identity is information hierarchy, not a new visual theme. */
#gameScreen.bp17921-hud-guest .bp17921-reward strong{color:#ffd84d}
#gameScreen.bp17921-hud-guest .bp17921-hud-fill{background:linear-gradient(90deg,#19d5ff,#28e69b 72%,#ffd32b)}
#gameScreen.bp17921-hud-meta .bp17921-reward strong{color:#2bed8a}
#gameScreen.bp17921-hud-cashout .bp17921-mode-hud{border-color:rgba(68,109,122,.62)}
#gameScreen.bp17921-hud-cashout .bp17921-reward strong{color:#6fe4ff}
#gameScreen.bp17921-hud-cashout .bp17921-reward em{display:none}
#gameScreen.bp17921-hud-cashout .bp17921-hud-fill{background:linear-gradient(90deg,#2cc7ff,#53e1ff 64%,#ffd452)}
#gameScreen.bp17921-hud-cashout[data-bp17921-checkpoint-ready="1"] .bp17921-reward strong{color:#ffd84d}
#gameScreen.bp17921-hud-cashout[data-bp17921-checkpoint-ready="1"] .bp17921-hud-fill{filter:brightness(1.1);box-shadow:0 0 8px rgba(255,210,70,.22)}
@media(max-height:700px){
 #gameScreen.bp17921-mode-hud-active .bp17921-mode-hud{min-height:59px;margin-bottom:3px;padding:5px 8px 5px}
 #gameScreen .bp17921-hud-main{min-height:32px}
 #gameScreen .bp17921-lines strong{font-size:27px}
 #gameScreen .bp17921-reward strong{font-size:16px}
 #gameScreen .bp17921-hud-secondary{min-height:11px;font-size:6.4px}
 #gameScreen .bp17921-hud-track{height:3px;margin-top:3px}
}
@media(max-height:600px){
 #gameScreen.bp17921-mode-hud-active .bp17921-mode-hud{min-height:52px;padding:4px 7px 4px;margin-bottom:2px;border-radius:10px}
 #gameScreen .bp17921-hud-main{min-height:28px;gap:6px}
 #gameScreen .bp17921-lines strong{font-size:23px}
 #gameScreen .bp17921-lines span{font-size:6.8px;margin-left:4px}
 #gameScreen .bp17921-reward{min-width:91px}
 #gameScreen .bp17921-reward small{font-size:5.7px}
 #gameScreen .bp17921-reward strong{font-size:14px}
 #gameScreen .bp17921-reward em{font-size:6px;padding:1px 4px}
 #gameScreen .bp17921-hud-secondary{font-size:5.8px;min-height:9px;margin-top:1px}
 #gameScreen .bp17921-hud-secondary strong{font-size:6px}
 #gameScreen .bp17921-hud-track{height:3px;margin-top:2px}
}
#v17921HudDebug{display:none}
html[data-debug="1"] #v17921HudDebug{display:block;position:fixed;left:5px;bottom:5px;z-index:12520;width:min(355px,calc(100vw - 10px));max-height:34vh;overflow:auto;padding:7px;border-radius:10px;border:1px solid rgba(91,214,255,.48);background:rgba(3,11,20,.96);color:#dff7ff;font:700 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:auto}
/* Segment 070 · src/styles/utilities.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/meta5-xflow.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“meta5 xflow”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[55] id=v17925Meta5XFlowStyle
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

#v17925Milestone{height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:1000;letter-spacing:.7px;color:#8fa8c4;transition:color .16s,transform .16s}#v17925Milestone.hot{color:#ffe34b;transform:scale(1.03)}#gameScreen.v17925-final-stretch #v17925Milestone{color:#ffd93a}#gameScreen.v17925-final-stretch .bp17921-progress-fill{filter:brightness(1.18)}
#v1732TargetCelebration.v17925-target strong{font-size:54px!important}#v1732TargetCelebration.v17925-target b{display:block;color:#13ef98;font-size:25px;margin-top:5px;text-shadow:0 3px 0 rgba(0,64,37,.8)}#v1732TargetCelebration.v17925-target span{font-size:13px!important;letter-spacing:1px!important}
#resultCard.v17925-meta-result #resultMoney{font-size:31px;color:#12ef98}#resultCard.v17925-meta-result #resultTitle{font-size:27px}.v17925-wallet-confirm{display:none;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:10px 0}.v17925-wallet-confirm.show{display:grid}.v17925-wallet-confirm div{padding:8px 5px;border-radius:10px;background:#071a31;border:1px solid #173d65;text-align:center}.v17925-wallet-confirm small{display:block;color:#839ab6;font-size:8px;font-weight:900}.v17925-wallet-confirm strong{display:block;color:#fff;font-size:14px;margin-top:2px}.v17925-wallet-confirm .gain strong{color:#13ef98}
@media(max-height:600px){#v17925Milestone{height:15px;font-size:8.5px}.v17925-wallet-confirm{margin:6px 0}.v17925-wallet-confirm div{padding:5px 3px}}
/* Segment 071 · src/styles/gameplay.css */

/* Block PIX v1.8.0.6.6.6.5 — Placement Impact Presentation Only
   Geometry owner, Candidate, Commit, Clear logic and Input Kernel remain untouched. */
.bp1806665-piece-impact,.bp1806665-handoff,.bp1806665-contact-flash,.bp1806665-board-impulse{
  position:fixed;pointer-events:none;margin:0;padding:0;
  transform-origin:center center;contain:layout style paint;
}
.bp1806665-piece-impact{z-index:628;will-change:transform,filter,opacity}
.bp1806665-piece-impact>i{position:absolute;margin:0;padding:0;pointer-events:none;will-change:transform,filter,opacity}
.bp1806665-handoff{z-index:632;will-change:opacity,filter}
.bp1806665-contact-flash{z-index:626;border-radius:12px;border:1px solid rgba(255,255,255,.28);box-shadow:0 0 0 1px rgba(71,229,180,.10),0 0 15px rgba(80,228,187,.16);will-change:transform,opacity}
.bp1806665-board-impulse{z-index:624;border-radius:17px;border:1px solid rgba(51,191,255,.16);box-shadow:0 0 0 1px rgba(46,210,255,.08),0 0 16px rgba(31,135,255,.12);will-change:transform,opacity,box-shadow}
#gameScreen.bp1806665-contact-hold .line-pop{opacity:0;animation-play-state:paused}
html[data-bp-reduced-motion="1"] .bp1806665-piece-impact,
@media (prefers-reduced-motion:reduce){.bp1806665-piece-impact,.bp1806665-handoff,.bp1806665-contact-flash,.bp1806665-board-impulse{animation:none;transition:none}}
/* Segment 072 · src/styles/gameplay.css */

/* V1.8.1 唯一局内贡献反馈（UI Owner：GameplayFeedbackController）。 */
#bp4r181RewardLayer{position:fixed;inset:0;z-index:12060;pointer-events:none;overflow:hidden;contain:layout style paint}
#bp4r181RewardLayer *{pointer-events:none;user-select:none;-webkit-user-select:none;box-sizing:border-box}
.bp4r181-progress-pop{position:fixed;max-width:min(220px,82vw);white-space:nowrap;border-radius:11px;padding:7px 12px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(226,246,250,.96));border:1px solid #b4dae7;box-shadow:0 5px 14px rgba(39,102,135,.15),inset 0 1px rgba(255,255,255,.9);color:#176b85;text-align:center;will-change:transform,opacity}
.bp4r181-progress-pop strong{font:850 clamp(15px,4.3vw,18px)/1.1 system-ui,-apple-system,sans-serif;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.bp4r181-settlement-pop{position:fixed;min-width:170px;max-width:85vw;border-radius:14px;padding:10px 15px 12px;background:linear-gradient(180deg,#fff,#e6faf3);border:1px solid #9cdbc7;box-shadow:0 10px 22px rgba(37,103,114,.16);text-align:center;color:#0d785c;will-change:transform,opacity}
.bp4r181-settlement-pop small{display:block;color:#577d7e;font:750 9px/1.3 system-ui,-apple-system,sans-serif;letter-spacing:.35px}
.bp4r181-settlement-pop strong{display:block;margin-top:3px;font:850 22px/1.2 system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.bp4r181-progress-pop,.bp4r181-settlement-pop{will-change:auto}}
/* Segment 073 · src/styles/pages.css */

/* STEP 4R.13.6 — Referral/Profile visual owner. Commercial dark-gold account surfaces only. */
#v18061ReferralScreen.bp-r136-referral,#v18061ProfileScreen.bp-r136-profile{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:14px 14px calc(102px + var(--safeBottom));background:var(--bp496-app);color:var(--bp496-text);overflow-x:hidden}
#v18061ReferralScreen.bp-r136-referral:before,#v18061ProfileScreen.bp-r136-profile:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background-image:none;background-size:30px 30px;mask-image:linear-gradient(180deg,rgba(0,0,0,.52),transparent 48%)}
#v18061ReferralScreen.bp-r136-referral>*,#v18061ProfileScreen.bp-r136-profile>*{position:relative;z-index:1}
.bp-r136-ref-hero,.bp-r136-profile-hero{position:relative;overflow:hidden;border:1px solid rgba(255,214,38,.18);border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(255,211,31,.12),transparent 38%),linear-gradient(145deg,#171a16,#0d100e 68%,#12140f);box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 30px rgba(0,0,0,.24)}
.bp-r136-ref-hero:after,.bp-r136-profile-hero:after{content:"";position:absolute;width:140px;height:140px;border-radius:34px;right:-64px;top:-74px;border:1px solid rgba(255,218,48,.11);transform:rotate(28deg);box-shadow:0 0 42px rgba(255,210,25,.06)}
.bp-r136-ref-hero{display:grid;grid-template-columns:54px minmax(0,1fr) 72px;gap:12px;align-items:center;padding:15px}
.bp-r136-ref-avatar,.bp-r136-profile-avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#292817,#17180f);border:1px solid rgba(255,218,55,.28);color:#ffd722;box-shadow:inset 0 1px rgba(255,255,255,.07),0 7px 18px rgba(0,0,0,.24)}
.bp-r136-ref-avatar svg{width:30px;height:30px;fill:currentColor;stroke:none}.bp-r136-ref-copy{min-width:0}.bp-r136-ref-copy small,.bp-r136-profile-copy>small{display:block;color:var(--bp496-sub);font-size:8.5px;font-weight:1000;letter-spacing:1.05px}.bp-r136-ref-copy strong{display:block;margin-top:4px;color:var(--bp496-text);font-size:14.5px;line-height:1.18;font-weight:1000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-r136-ref-copy>span{display:block;margin-top:5px;color:#858c87;font-size:10.5px;line-height:1.28;font-weight:650}
.bp-r136-commission-badge{position:relative;min-height:67px;border-radius:17px;border:1px solid rgba(255,219,51,.25);background:linear-gradient(145deg,rgba(255,221,53,.105),rgba(255,184,0,.035));display:grid;align-content:center;justify-items:center;box-shadow:inset 0 1px rgba(255,255,255,.055)}.bp-r136-commission-badge small{color:#95853f;font-size:7.5px;font-weight:1000;letter-spacing:.8px}.bp-r136-commission-badge strong{margin-top:3px;color:#ffda22;font-size:29px;line-height:1;font-weight:1000;letter-spacing:-1px;text-shadow:0 4px 14px rgba(255,198,0,.12)}
.bp-r136-funds-card{margin-top:11px;border:1px solid var(--bp496-border);border-radius:19px;background:var(--bp496-card);padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;box-shadow:inset 0 1px rgba(255,255,255,.035),0 11px 24px rgba(0,0,0,.18)}.bp-r136-funds-main{min-width:0}.bp-r136-funds-main>small{display:block;color:#858b87;font-size:8.5px;font-weight:1000;letter-spacing:1px}.bp-r136-funds-main>strong{display:block;margin-top:5px;color:#fff;font-size:28px;line-height:1;font-weight:1000;letter-spacing:-.8px;white-space:nowrap}.bp-r136-funds-main>span{display:block;margin-top:6px;color:#6f7772;font-size:9.5px;font-weight:700}.bp-r136-funds-state{max-width:120px;text-align:right}.bp-r136-status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,212,33,.22);background:rgba(255,211,32,.075);color:#d7b936;font-size:9px;font-weight:1000;text-transform:uppercase;white-space:nowrap}.bp-r136-status-pill>span{font-size:12px;line-height:1}.bp-r136-status-pill.ready{border-color:rgba(52,226,137,.24);background:rgba(52,226,137,.09);color:#47e595}.bp-r136-funds-state>small{display:block;margin-top:6px;color:#666d69;font-size:8.5px;line-height:1.28}
.bp-r136-section-head{display:flex;align-items:end;justify-content:space-between;margin:17px 2px 9px}.bp-r136-section-head small{display:block;color:#777d79;font-size:8px;font-weight:1000;letter-spacing:1px}.bp-r136-section-head h2{margin:2px 0 0;color:var(--bp496-text);font-size:18px;line-height:1;font-weight:1000}.bp-r136-section-head>span{padding:5px 8px;border-radius:999px;background:rgba(255,214,36,.06);border:1px solid rgba(255,214,36,.11);color:#a7964c;font-size:7px;font-weight:1000;letter-spacing:.7px}
.bp-r136-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bp-r136-metric{position:relative;min-height:84px;border:1px solid rgba(255,255,255,.065);border-radius:17px;background:var(--bp496-card);display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:12px;box-shadow:inset 0 1px rgba(255,255,255,.03)}.bp-r136-metric:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,218,42,.18),transparent)}.bp-r136-metric-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#242417,#15170f);border:1px solid rgba(255,219,51,.16);color:#d8bd3f}.bp-r136-metric-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.bp-r136-metric div{min-width:0}.bp-r136-metric b{display:block;color:#fff;font-size:16px;line-height:1.05;font-weight:1000;letter-spacing:-.35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-r136-metric div>span{display:block;margin-top:5px;color:#7d8480;font-size:9.5px;line-height:1.15;font-weight:750}
.bp-r136-invite-action{margin-top:12px;border:1px solid rgba(255,215,38,.13);border-radius:19px;background:radial-gradient(circle at 94% 0%,rgba(255,208,24,.08),transparent 30%),linear-gradient(145deg,#151815,#0d100e);padding:14px;box-shadow:inset 0 1px rgba(255,255,255,.035),0 11px 24px rgba(0,0,0,.18)}.bp-r136-action-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bp-r136-action-head small{display:block;color:#8a8e8b;font-size:8px;font-weight:1000;letter-spacing:1px}.bp-r136-action-head h2{margin:2px 0 0;color:#fff;font-size:16px}.bp-r136-action-head p{margin:3px 0 0;color:#6f7672;font-size:9px}.bp-r136-link-mark{flex:0 0 34px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,218,40,.08);border:1px solid rgba(255,218,40,.14);color:#ffd82a;font-size:18px;font-weight:1000}.bp-r136-linkbox{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.075)!important;background:#090b0a;border-radius:12px!important;padding:7px 7px 7px 11px!important;}.bp-r136-linkbox code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8bfbb;font-size:9.5px}.bp-r136-linkbox button{height:36px;border:0;border-radius:9px;background:#1b1f1c;color:#ffd92c;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:1000;padding:0 10px;}.bp-r136-linkbox button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bp-r136-share-row{display:grid;grid-template-columns:1.3fr .7fr;gap:8px;margin-top:8px}.bp-r136-share-row button{min-height:44px;border-radius:11px;font-size:10px;font-weight:1000;letter-spacing:.15px}.bp-r136-share-primary{border:0;background:linear-gradient(180deg,#ffe34b,#ffc90d);color:#1b1600;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:inset 0 1px rgba(255,255,255,.35),0 4px 0 #715700,0 8px 14px rgba(0,0,0,.18)}.bp-r136-share-primary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bp-r136-share-secondary{border:1px solid rgba(255,255,255,.075);background:#171a18;color:#d7dbd8}
#v18061ProfileScreen.bp-r136-profile{padding-top:14px}.bp-r136-profile-hero{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;padding:15px}.bp-r136-profile-avatar{width:58px;height:58px;border-radius:18px;font-size:0;color:#ffd722}.bp-r136-profile-avatar svg{width:31px;height:31px;fill:currentColor}.bp-r136-profile-copy{min-width:0}.bp-r136-profile-copy h2{margin:3px 0 0;color:var(--bp496-text);font-size:18px;line-height:1.15;font-weight:1000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-r136-profile-copy p{margin:5px 0 0;color:#858b87;font-size:10.5px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-r136-account-status{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:#74a487;font-size:8.5px;font-weight:900}.bp-r136-account-status i{width:6px;height:6px;border-radius:50%;background:#38df83;box-shadow:0 0 8px rgba(56,223,131,.36)}
.bp-r136-menu-label{margin:16px 4px 7px;color:var(--bp496-sub);font-size:8px;font-weight:1000;letter-spacing:1.15px}.bp-r136-menu-card{border:1px solid rgba(255,255,255,.065);border-radius:18px;background:linear-gradient(145deg,#141715,#0d100e);padding:5px;box-shadow:inset 0 1px rgba(255,255,255,.03),0 10px 22px rgba(0,0,0,.16)}.bp-r136-profile-row,.bp-r136-logout-row{width:100%;border:0;background:transparent;color:var(--bp496-text);display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;text-align:left;padding:8px 9px;border-radius:13px;min-height:62px;transition:background .12s ease,transform .08s ease}.bp-r136-profile-row+.bp-r136-profile-row{border-top:1px solid rgba(255,255,255,.055);border-top-left-radius:0;border-top-right-radius:0}.bp-r136-profile-row:active,.bp-r136-logout-row:active{background:rgba(255,255,255,.04);transform:scale(.995)}.bp-r136-row-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#d4bb43;background:linear-gradient(145deg,#232318,#15170f);border:1px solid rgba(255,218,50,.14)}.bp-r136-row-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bp-r136-row-copy{min-width:0}.bp-r136-row-copy b{display:block;color:#f7f8f6;font-size:14px;line-height:1.1;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-r136-row-copy small{display:block;margin-top:4px;color:#747a76;font-size:9px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-r136-chevron{font-style:normal;color:#5d645f;font-size:21px;line-height:1;text-align:center}.bp-r136-logout-row{margin-top:12px;min-height:58px;border:1px solid rgba(255,60,105,.105);border-radius:16px;background:linear-gradient(145deg,rgba(255,49,99,.035),#0d0f0e);box-shadow:inset 0 1px rgba(255,255,255,.02)}.bp-r136-logout-row .bp-r136-row-icon{color:#ef476f;background:rgba(239,71,111,.055);border-color:rgba(239,71,111,.13)}.bp-r136-logout-row .bp-r136-row-copy b{color:#f25a7b}.bp-r136-logout-row .bp-r136-chevron{color:#813047}
@media(max-width:350px){#v18061ReferralScreen.bp-r136-referral,#v18061ProfileScreen.bp-r136-profile{padding-left:11px;padding-right:11px}.bp-r136-ref-hero{grid-template-columns:48px minmax(0,1fr) 68px;gap:9px;padding:12px}.bp-r136-ref-avatar{width:48px;height:48px;border-radius:15px}.bp-r136-ref-avatar svg{width:27px;height:27px}.bp-r136-ref-copy strong{font-size:14px}.bp-r136-ref-copy>span{font-size:9px}.bp-r136-commission-badge{min-height:60px}.bp-r136-commission-badge strong{font-size:25px}.bp-r136-funds-card{padding:13px}.bp-r136-funds-main>strong{font-size:24px}.bp-r136-funds-state{max-width:105px}.bp-r136-status-pill{padding:0 8px;font-size:8px}.bp-r136-summary-grid{gap:7px}.bp-r136-metric{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px;min-height:78px}.bp-r136-metric-icon{width:34px;height:34px;border-radius:11px}.bp-r136-metric-icon svg{width:20px;height:20px}.bp-r136-metric b{font-size:14px}.bp-r136-share-row{grid-template-columns:1fr}.bp-r136-share-secondary{min-height:40px!important}.bp-r136-profile-hero{grid-template-columns:52px minmax(0,1fr);padding:13px}.bp-r136-profile-avatar{width:52px;height:52px}.bp-r136-profile-row,.bp-r136-logout-row{grid-template-columns:38px minmax(0,1fr) 16px;gap:9px;padding:7px;min-height:59px}.bp-r136-row-icon{width:37px;height:37px}.bp-r136-row-copy b{font-size:13px}.bp-r136-row-copy small{font-size:8.3px}}
@media(min-width:400px){.bp-r136-ref-hero,.bp-r136-profile-hero{padding-left:17px;padding-right:17px}.bp-r136-funds-card,.bp-r136-invite-action{padding-left:16px;padding-right:16px}}
/* Segment 074 · src/styles/layout.css */

/* =========================================================
   BLOCK PIX STEP 4R.14 — GLOBAL VISUAL CONVERGENCE
   Owner: Global Design System / System UI only
   Scope lock: no Gameplay / Math / Wallet / Referral economics changes.
   ========================================================= */
:root{
  --bp-bg-0:#070907;--bp-bg-1:#0b0e0c;
  --bp-surface-1:#111411;--bp-surface-2:#151916;--bp-surface-3:#1a1f1b;
  --bp-border-soft:rgba(255,255,255,.075);--bp-border-gold:rgba(255,213,26,.18);
  --bp-gold:#ffd51a;--bp-gold-strong:#ffe348;--bp-gold-soft:rgba(255,213,26,.10);
  --bp-green:#34df87;--bp-green-strong:#55ef9e;--bp-green-soft:rgba(52,223,135,.10);
  --bp-red:#f15775;
  --bp-text-1:#f8faf8;--bp-text-2:#b7beb9;--bp-text-3:#777f79;
  --bp-radius-sm:10px;--bp-radius-md:14px;--bp-radius-lg:18px;--bp-radius-xl:21px;
  --bp-page-x:12px;--bp-gap-xs:6px;--bp-gap-sm:10px;--bp-gap-md:14px;--bp-gap-lg:20px;
  --bp-card-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.03);
  --bp-header-h:65px;--bp-nav-h:68px;
}
html,body{background:var(--bp-bg-0)}
#authHome.auth-shell{background:var(--bp496-app);color:var(--bp496-text);}
#authHome .auth-app-header{
  min-height:calc(var(--bp-header-h) + var(--safeTop))!important;
  padding:calc(9px + var(--safeTop)) 13px 9px!important;
  background:rgba(7,9,7,.975);border-bottom:1px solid var(--bp-border-soft)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22);backdrop-filter:blur(18px)
;}
#authHome .auth-brand{color:var(--bp-text-1);letter-spacing:-.25px;}
#authHome .auth-brand b{color:var(--bp-gold-strong);}
#authHome .auth-brand>span:last-child{color:var(--bp-text-1);}
#authHome .v1762-crown{color:var(--bp-gold)!important;text-shadow:0 0 12px rgba(255,213,26,.16)}
#authHome .auth-balance-chip{background:var(--bp-surface-1);border:1px solid var(--bp-border-soft)!important;box-shadow:none;}
#authHome .auth-balance-chip small{color:var(--bp-text-3);}
#authHome .auth-balance-chip strong{color:var(--bp-text-1);}
#authHome .v1762-header-deposit{background:linear-gradient(180deg,var(--bp-gold-strong),#ffc70c)!important;border-color:#ffe96f!important;color:#1b1500!important;box-shadow:0 5px 14px rgba(255,197,0,.12)!important}
#authHome .v1762-avatar{background:var(--bp-surface-2)!important;border-color:var(--bp-border-soft)!important;color:var(--bp-gold)!important}
#authContent.auth-content{padding:9px var(--bp-page-x) 16px!important;background:var(--bp496-app);touch-action:pan-y!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;}
#authContent>.auth-page{padding-left:0!important;padding-right:0!important}

/* Shared product surfaces */
#authPagePlay .v17924-home-hero,#authPagePlay .v17924-goal-card,#authPagePlay .v17924-bet-panel,
#cashoutPageRoot .bpco-hero,#cashoutPageRoot .bpco-reward-card,#cashoutPageRoot .v17924-bet-panel{
  border:1px solid var(--bp-border-soft)!important;background:radial-gradient(circle at 94% 0,rgba(255,213,26,.035),transparent 28%),linear-gradient(155deg,var(--bp-surface-2),var(--bp-surface-1));box-shadow:var(--bp-card-shadow);}
#authPagePlay .v17924-home-hero,#cashoutPageRoot .bpco-hero{border-radius:var(--bp-radius-lg)!important}
#authPagePlay .v17924-goal-card,#cashoutPageRoot .bpco-reward-card{border-radius:var(--bp-radius-lg)!important}
#authPagePlay .v17924-bet-panel,#cashoutPageRoot .v17924-bet-panel{border-radius:var(--bp-radius-md)!important}
#authPagePlay .v17924-hero-top small,#cashoutPageRoot .bpco-hero-top small,
#authPagePlay .v17924-bet-head small,#cashoutPageRoot .v17924-bet-head small{color:var(--bp-text-3);font-size:8px!important;letter-spacing:.8px!important;}
#authPagePlay .v17924-bet-head strong,#cashoutPageRoot .v17924-bet-head strong{color:var(--bp-text-1);font-size:10px!important;}

/* 10X — global dark/gold, blocks remain multi-color */
#authPagePlay .v17924-home-hero{background:radial-gradient(circle at 88% 2%,rgba(255,213,26,.065),transparent 27%),linear-gradient(155deg,#141713,#0b0e0c);}
#authPagePlay .v17924-hero-chip,#authPagePlay .v17924-goal-top span{background:var(--bp-gold-soft);border-color:var(--bp-border-gold);color:var(--bp-gold-strong);}
#authPagePlay .v17924-demo-board{background:#090c0a;border-color:rgba(255,255,255,.085);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);}
#authPagePlay .v17924-demo-copy strong{color:var(--bp-text-1);}
#authPagePlay .v17924-demo-copy span{color:var(--bp-text-3);}
#authPagePlay .v17924-goal-top small{color:#c7ac2d;}
#authPagePlay .v17924-goal-foot{border-color:rgba(255,255,255,.055);color:var(--bp-text-3);}
#authPagePlay .v17924-goal-foot b{color:var(--bp-text-2);}
#authPagePlay .r8-reward-formula{color:var(--bp-text-2)!important}
#authPagePlay .r8-reward-formula strong{color:var(--bp-gold-strong)!important;text-shadow:0 3px 14px rgba(255,200,0,.10)!important}
#authPagePlay .v17924-balance-warning{border-color:rgba(255,195,70,.15);background:#151107;border-radius:var(--bp-radius-md)!important;}
#authPagePlay .v17924-primary,#authPagePlay .v17924-primary.deposit-required,#authPagePlay .v17924-primary.meta-ready{
  min-height:52px!important;border-radius:var(--bp-radius-md)!important;
  background:linear-gradient(180deg,var(--bp-gold-strong),#ffc70c);color:#1b1500;
  box-shadow:0 5px 0 #8f6800,0 9px 18px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.48);}
#authPagePlay .v17924-primary small,#authPagePlay .v17924-primary.deposit-required small{color:#6c5200;}
#authPagePlay .v17924-play-note{color:var(--bp-text-3);}

/* Unified BetChip component — gold selection in both entry modes */
#authPagePlay #betGrid,#cashoutPageRoot #bpcoBetGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
#authPagePlay #betGrid .bet,#cashoutPageRoot #bpcoBetGrid .bet{
  min-height:38px!important;height:38px!important;border-radius:var(--bp-radius-sm)!important;
  border:1px solid var(--bp-border-soft)!important;background:linear-gradient(180deg,#171b18,#101310);
  color:var(--bp-text-2);box-shadow:inset 0 1px rgba(255,255,255,.025);font-size:10.5px!important;}
#authPagePlay #betGrid .bet.active,#cashoutPageRoot #bpcoBetGrid .bet.active{
  border-color:rgba(255,216,43,.48);background:linear-gradient(180deg,#332b08,#1a1603);
  color:var(--bp-gold-strong);box-shadow:0 0 0 1px rgba(255,213,26,.06),inset 0 1px rgba(255,255,255,.05);}

/* Cashout — same product shell, green only for money/risk semantics */
#cashoutPageRoot.bpco-page{background:transparent;}
#cashoutPageRoot .bpco-hero{background:radial-gradient(circle at 88% 3%,rgba(52,223,135,.055),transparent 28%),linear-gradient(155deg,#141815,#0b0f0c);}
#cashoutPageRoot .bpco-hero-top span{color:var(--bp-text-3);}
#cashoutPageRoot .bpco-demo-stage{border-color:rgba(255,255,255,.08);background:#090d0a;}
#cashoutPageRoot .bpco-progress-chip{background:rgba(13,18,15,.94);border-color:rgba(52,223,135,.15);}
#cashoutPageRoot .bpco-progress-chip small{color:var(--bp-text-3);}
#cashoutPageRoot .bpco-progress-chip b{color:var(--bp-green-strong);}
#cashoutPageRoot .bpco-unlock-chip{background:rgba(11,31,20,.95);border-color:rgba(52,223,135,.20);}
#cashoutPageRoot .bpco-demo-copy span{color:var(--bp-text-3);}
#cashoutPageRoot .bpco-reward-top small{color:var(--bp-text-3);}
#cashoutPageRoot .bpco-reward-top span{background:var(--bp-gold-soft);border-color:var(--bp-border-gold);color:var(--bp-text-2);}
#cashoutPageRoot .bpco-first-copy strong,#cashoutPageRoot .bpco-first-copy em{color:var(--bp-text-3);}
#cashoutPageRoot .bpco-first-copy b{color:var(--bp-text-1);}
#cashoutPageRoot .bpco-first-money strong{color:var(--bp-green-strong);}
#cashoutPageRoot .bpco-max-row{background:rgba(255,213,26,.035);border-color:var(--bp-border-gold);border-radius:var(--bp-radius-sm)!important;}
#cashoutPageRoot .bpco-max-row>b{color:var(--bp-gold-strong);}
#cashoutPageRoot .bpco-cp{border-color:var(--bp-border-soft);background:#111511;}
#cashoutPageRoot .bpco-cp.active{border-color:rgba(52,223,135,.32);background:var(--bp-green-soft);}
#cashoutPageRoot .bpco-cp.active b{color:var(--bp-green-strong);}
#cashoutPageRoot .bpco-cp.final b{color:var(--bp-gold-strong);}
#cashoutPageRoot #bpcoStartBtn{
  min-height:52px!important;border-radius:var(--bp-radius-md)!important;
  background:linear-gradient(180deg,#55ef9e,#1fd477 52%,#13b861);color:#041d10;
  box-shadow:0 5px 0 #087840,0 9px 18px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.28);}
#cashoutPageRoot .v17924-play-note{color:var(--bp-text-3);}

/* System pages — map to the same tokens without redesigning their IA */
#v18061SystemViewport{
 --sys-bg:var(--bp-bg-0);--sys-bg-2:var(--bp-bg-1);--sys-surface:var(--bp-surface-1);--sys-surface-elevated:var(--bp-surface-2);--sys-surface-soft:#0e120f;
 --sys-border:var(--bp-border-soft);--sys-border-soft:var(--bp-border-soft);--sys-text:var(--bp-text-1);--sys-text-secondary:var(--bp-text-2);--sys-muted:var(--bp-text-3);
 --sys-primary-yellow:var(--bp-gold);--sys-primary-yellow-2:#ffbd08;--sys-success-green:var(--bp-green);--sys-danger:var(--bp-red);
 --sys-radius-card:var(--bp-radius-lg);--sys-radius-button:var(--bp-radius-md);--sys-shadow-card:var(--bp-card-shadow);
 background:linear-gradient(180deg,var(--bp-bg-0),#050705);}
#v18061SystemViewport .v18061-screen{background:var(--bp496-app);}
#v18061SystemViewport .v18061-card,.bp-r136-funds-card,.bp-r136-invite-action,.bp-r136-menu-card,.bp-r136-ref-hero,.bp-r136-profile-hero{
  border-color:var(--bp-border-soft);box-shadow:var(--bp-card-shadow);}
#v18061SystemViewport .bp-r136-section-head h2,#v18061SystemViewport .bp-r136-menu-label{font-family:inherit}
#v18061SystemViewport .bp-r136-share-primary,#v18061SystemViewport .v18061-btn.primary,#v18061DepositScreen .bp-r13-deposit-cta{
  border-radius:var(--bp-radius-md)!important;background:linear-gradient(180deg,var(--bp-gold-strong),#ffc70c);color:#1b1500;}
#v18061DepositScreen .bp-r13-deposit-panel{border-radius:var(--bp-radius-lg)!important;border-color:var(--bp-border-soft);background:linear-gradient(180deg,var(--bp-surface-1),#0b0e0c);box-shadow:var(--bp-card-shadow);}
#v18061DepositScreen .bp-r13-money-input{border-radius:var(--bp-radius-md)!important;background:#141714;border-color:var(--bp-border-soft);}
#v18061DepositScreen .bp-r13-amount-grid .v18061-amount{border-radius:var(--bp-radius-sm)!important}
#v18061DepositScreen .bp-r13-amount-grid .v18061-amount.selected{border-color:rgba(255,216,43,.48);background:linear-gradient(180deg,#332b08,#1a1603);color:var(--bp-gold-strong);}

/* Global bottom navigation — one owner, Cashout only swaps the active semantic color. */
#authHome .auth-bottom-nav.bp-r12-nav{background:var(--bp496-nav);border-top:1px solid var(--bp496-border)!important;box-shadow:0 -2px 10px rgba(31,78,112,.05);}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn{color:#747c76;}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-ni{background:var(--bp-surface-1);border-color:var(--bp-border-soft);color:#858d87;}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active{color:var(--bp-gold-strong);}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active::before{background:var(--bp-gold);box-shadow:0 3px 10px rgba(255,213,26,.20);}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active .bp-r12-ni{background:linear-gradient(180deg,var(--bp-gold-strong),#ffc70c);border-color:#ffe96d;color:#1d1600;box-shadow:0 5px 13px rgba(255,195,0,.14);}
#authHome .auth-bottom-nav.bp-r12-nav #v17621CashNav.active{color:var(--bp-green-strong);}
#authHome .auth-bottom-nav.bp-r12-nav #v17621CashNav.active::before{background:var(--bp-green);box-shadow:0 3px 10px rgba(52,223,135,.22);}
#authHome .auth-bottom-nav.bp-r12-nav #v17621CashNav.active .bp-r12-ni{background:#0b2417;border-color:rgba(52,223,135,.32);color:var(--bp-green-strong);box-shadow:0 5px 13px rgba(0,209,103,.11);}

/* Scroll architecture lock — fixes the 13.6 regression and protects all system pages. */
#v18061SystemViewport{overflow:hidden!important}
#v18061SystemViewport>.v18061-screen{
  position:absolute!important;inset:0!important;overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
  scrollbar-width:none
}
#v18061SystemViewport>.v18061-screen::-webkit-scrollbar{width:0;height:0}
#authContent.auth-content{overflow-x:hidden!important;overflow-y:auto!important}

/* Compact responsive convergence */
@media(max-width:359px){
  :root{--bp-page-x:9px}
  #authPagePlay #betGrid,#cashoutPageRoot #bpcoBetGrid{gap:4px!important}
  #authPagePlay #betGrid .bet,#cashoutPageRoot #bpcoBetGrid .bet{min-height:35px!important;height:35px!important;font-size:9.5px!important}
}
@media(min-width:400px){:root{--bp-page-x:14px}}
/* Segment 075 · src/styles/modals.css */

/* =========================================================
   BLOCK PIX STEP 4R.16 — GLOBAL OVERLAY DESIGN SYSTEM
   Owner: Overlay Presentation only. Business rules remain unchanged.
   ========================================================= */
:root{
  --bp-ov-backdrop:rgba(0,0,0,.74);
  --bp-ov-surface:#111411;
  --bp-ov-surface-2:#171a17;
  --bp-ov-surface-3:#1b1f1b;
  --bp-ov-border:rgba(255,255,255,.085);
  --bp-ov-border-gold:rgba(255,213,26,.22);
  --bp-ov-gold:var(--bp-gold,#ffd51a);
  --bp-ov-gold-strong:var(--bp-gold-strong,#ffe348);
  --bp-ov-green:var(--bp-green,#34df87);
  --bp-ov-red:var(--bp-red,#f15775);
  --bp-ov-text:var(--bp-text-1,#f8faf8);
  --bp-ov-muted:var(--bp-text-2,#b7beb9);
  --bp-ov-dim:var(--bp-text-3,#777f79);
  --bp-ov-radius:20px;
  --bp-ov-radius-sm:14px;
  --bp-ov-shadow:0 26px 70px rgba(0,0,0,.50),inset 0 1px rgba(255,255,255,.035);
}
html.bp-overlay-open,body.bp-overlay-open{overflow:hidden;overscroll-behavior:none;touch-action:none}

/* Shared backdrop language — preserve each owner's display/show semantics. */
#authOverlay,#v170Recovery,#resultOverlay,#trialIntroOverlay,#walletQuickSheet,
#v1740DepositSuccess,#v1740WithdrawSuccess,#v18061WithdrawConfirm,#v18061ReferralHow,
#v18065TxDetailModal,#v18065GameDetailModal,#v175LogoutOverlay,#v1773InsufficientOverlay,
#v1773ExitOverlay,#v163CashOverlay,#bpcoCheckpointOverlay,#cashoutResultRoot,#paidResultRoot,
#modePreintegrationOverlay,#bpGlobalConfirmOverlay{
  --_bp-backdrop:var(--bp-ov-backdrop);
}
#authOverlay.modal-overlay,#v170Recovery.modal-overlay,.result-overlay,.trial-intro-overlay,
.ds-sheet-overlay,.v1740-money-overlay,.v18061-modal-overlay,.v175-logout-overlay,.v1773-overlay,
#v163CashOverlay,#bpcoCheckpointOverlay,#cashoutResultRoot,#paidResultRoot,#modePreintegrationOverlay,
#bpGlobalConfirmOverlay{
  background:var(--_bp-backdrop);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
#paidResultRoot .paid-result-backdrop,#cashoutResultRoot .bpco-result-backdrop{background:var(--bp-ov-backdrop);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}

/* Core shell family. */
#resultCard,.trial-intro-card,#authOverlay .auth-modal-card,#v170Recovery .modal-card,.ds-sheet,
.v1740-money-modal,.v18061-modal,.v175-logout-card,.v1773-modal,#v163CashOverlay .v163-cash-card,
#bpcoCheckpointOverlay .bpco-modal,#cashoutResultRoot .bpco-result-sheet,#paidResultRoot .paid-result-sheet,
#modePreintegrationOverlay .v161-pre-card,#bpGlobalConfirmCard{
  border-radius:var(--bp-ov-radius);
  border:1px solid var(--bp-ov-border);
  background:radial-gradient(circle at 50% -12%,rgba(255,213,26,.055),transparent 38%),linear-gradient(180deg,var(--bp-ov-surface-2),var(--bp-ov-surface));
  box-shadow:var(--bp-ov-shadow);
  color:var(--bp-ov-text);
}
#resultCard,.trial-intro-card,.v1740-money-modal,.v18061-modal,.v175-logout-card,.v1773-modal,
#v163CashOverlay .v163-cash-card,#bpcoCheckpointOverlay .bpco-modal,#cashoutResultRoot .bpco-result-sheet,
#paidResultRoot .paid-result-sheet,#modePreintegrationOverlay .v161-pre-card,#bpGlobalConfirmCard{
  width:min(calc(100vw - 32px),358px);
  max-width:358px;
  max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

/* Shared type. */
#resultCard h2,.trial-intro-card h2,#authOverlay h2,#v170Recovery h2,.v1740-money-modal h2,
.v18061-modal h2,.v175-logout-card h2,.v1773-modal h2,#bpcoCheckpointOverlay h2,
#cashoutResultRoot h2,#paidResultRoot h2,#modePreintegrationOverlay h2,#bpGlobalConfirmCard h2{
  color:var(--bp-ov-text);font-size:21px;line-height:1.08;letter-spacing:-.35px;font-weight:900;
}
#resultCard p,.trial-intro-card p,#authOverlay p,#v170Recovery p,.v1740-money-modal p,.v18061-modal p,
.v175-logout-card p,.v1773-modal p,#bpcoCheckpointOverlay p,#cashoutResultRoot p,#paidResultRoot p,
#modePreintegrationOverlay p,#bpGlobalConfirmCard p{color:var(--bp-ov-muted);font-size:13px;line-height:1.45}

/* Close controls. */
#closeAuth,#v170RecoveryClose,.trial-intro-close,.ds-sheet-close{
  width:40px;height:40px;min-width:40px;border-radius:12px;
  border:1px solid var(--bp-ov-border);background:var(--bp-ov-surface-3);color:var(--bp-ov-text);
  font-size:20px;display:grid;place-items:center;box-shadow:none;
}

/* Auth / recovery = branded bottom sheet, not a different app. */
#authOverlay.modal-overlay,#v170Recovery.modal-overlay{align-items:flex-end;justify-content:center;padding:10px 0 0;height:100dvh;max-height:100dvh;box-sizing:border-box}
#walletQuickSheet.ds-sheet-overlay{height:100dvh;max-height:100dvh;box-sizing:border-box}
#authOverlay .auth-modal-card,#v170Recovery .modal-card{
  width:min(100%,430px);max-width:430px;margin:0;border-radius:22px 22px 0 0;
  border-left:0;border-right:0;border-bottom:0;border-top-color:var(--bp-ov-border-gold);
  padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));
  max-height:94dvh;background:radial-gradient(circle at 18% 0,rgba(255,213,26,.07),transparent 25%),linear-gradient(180deg,#151916,#0b0e0c);
}
#authOverlay .auth-modal-card:before,#v170Recovery .modal-card:before{background:rgba(255,255,255,.22);width:38px;height:4px;box-shadow:none}
#authOverlay.show .auth-modal-card,#v170Recovery.show .modal-card{transform:none;opacity:1}
#walletQuickSheet.show .ds-sheet{transform:none;opacity:1}
#authOverlay .brand-logo{filter:drop-shadow(0 5px 12px rgba(0,0,0,.35))}
#authOverlay .auth-context-banner{background:linear-gradient(180deg,#181b17,#101310);border:1px solid var(--bp-ov-border);border-radius:16px;box-shadow:none}
#authOverlay .auth-context-main small,#authOverlay .auth-context-trial small{color:var(--bp-ov-gold-strong)}
#authOverlay .auth-tabs{background:#0d100e;border:1px solid var(--bp-ov-border);border-radius:14px;padding:3px}
#authOverlay .auth-tab{border-radius:11px;color:var(--bp-ov-muted);background:transparent;border:0}
#authOverlay .auth-tab.active{background:var(--bp-ov-gold);color:#1c1700;box-shadow:none}
#authOverlay .input-wrap,#v170Recovery .v170-text-input{background:#0d100e;border-color:var(--bp-ov-border);border-radius:14px}
#authOverlay .form-group input,#v170Recovery .v170-text-input{font-size:16px;color:var(--bp-ov-text);background:#0d100e;border-color:var(--bp-ov-border)}
#authOverlay .form-group input:focus,#v170Recovery .v170-text-input:focus{border-color:rgba(255,213,26,.56);box-shadow:0 0 0 3px rgba(255,213,26,.08)}
#authOverlay .auth-submit,#v170Recovery .v170-primary{min-height:52px;border:0;border-radius:14px;background:linear-gradient(180deg,var(--bp-ov-gold-strong),#ffc70c);color:#1c1700;box-shadow:0 6px 18px rgba(255,198,0,.14);font-weight:950}
#authOverlay .auth-link{color:var(--bp-ov-gold-strong)}

/* Generic primary / secondary actions. */
#resultCard .btn.primary,#trialIntroStart,.v1740-modal-primary,.v18061-btn.primary,
#paidResultRoot .paid-result-primary,#cashoutResultRoot .bpco-result-primary,
#modePreintegrationOverlay button,#bpGlobalConfirmPrimary{
  min-height:52px;border-radius:14px;border:0;
  background:linear-gradient(180deg,var(--bp-ov-gold-strong),#ffc70c);color:#1b1500;
  box-shadow:0 6px 18px rgba(255,198,0,.13);font-size:14px;font-weight:950;
}
#resultCard .btn.secondary,.v1740-modal-secondary,.v18061-btn.secondary,
#paidResultRoot .paid-result-secondary,#cashoutResultRoot .bpco-result-secondary,#bpGlobalConfirmSecondary{
  min-height:46px;border-radius:14px;border:1px solid var(--bp-ov-border);
  background:#111511;color:var(--bp-ov-muted);box-shadow:none;font-weight:850;
}
.v18061-btn-row,.v175-logout-actions{display:flex;flex-direction:column;gap:8px}
.v18061-btn-row .primary{order:1}.v18061-btn-row .secondary{order:2}

/* Success money dialogs. */
.v1740-success-icon,#paidResultRoot .paid-result-status,#cashoutResultRoot .bpco-result-status{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:rgba(52,223,135,.10);border:1px solid rgba(52,223,135,.24);color:var(--bp-ov-green);box-shadow:none;
}
.v1740-modal-amount,#paidResultRoot #paidResultAmount,.v18065-detail-amount{color:var(--bp-ov-gold-strong);text-shadow:none;font-variant-numeric:tabular-nums;white-space:nowrap}
.v1740-modal-info,.v18061-modal-summary,#paidResultRoot .paid-result-summary,#resultCard .result-kpis,#cashoutResultRoot .bpco-result-summary{
  gap:8px;
}
.v1740-modal-info>div,.v18061-modal-summary>div,#paidResultRoot .paid-result-stat,#resultCard .rk,#cashoutResultRoot .bpco-result-summary>div{
  border:1px solid var(--bp-ov-border);background:#0d100e;border-radius:12px;box-shadow:none;
}
.v18061-modal>small,#paidResultRoot .paid-result-kicker,#cashoutResultRoot .bpco-result-kicker,#resultCard .v1773-result-eyebrow{color:var(--bp-ov-gold-strong)}

/* Gameplay result — branded shell, stronger but not a separate product. */
#resultOverlay.v1773-paid-result,#paidResultRoot,#cashoutResultRoot{background:rgba(0,0,0,.78)}
#resultCard.v1773-commercial,#paidResultRoot .paid-result-sheet,#cashoutResultRoot .bpco-result-sheet{border-color:var(--bp-ov-border-gold)}
#resultOverlay.v1773-paid-result #resultCard.v1773-commercial{background:radial-gradient(circle at 50% -10%,rgba(255,213,26,.055),transparent 34%),linear-gradient(180deg,var(--bp-ov-surface-2),var(--bp-ov-surface));border-color:var(--bp-ov-border-gold);box-shadow:var(--bp-ov-shadow)}
#resultOverlay.v1773-paid-result #resultCard.v1773-commercial .rk,#resultOverlay.v1773-paid-result #resultCard.v1773-commercial .rk:nth-child(3){background:#0d100e;border-color:var(--bp-ov-border);color:var(--bp-ov-text)}
#resultOverlay.v1773-paid-result #resultCard.v1773-commercial .rk small{color:var(--bp-ov-dim)}
#resultOverlay.v1773-paid-result #resultCard.v1773-commercial .rk strong{color:var(--bp-ov-text)}
#resultOverlay.v1773-paid-result #resultCard.v1773-commercial .v1773-result-eyebrow{background:rgba(255,213,26,.07);border-color:rgba(255,213,26,.18);color:var(--bp-ov-gold-strong)}
#resultOverlay.v1773-paid-result #resultCard.v1773-commercial .v1773-result-eyebrow i{background:var(--bp-ov-gold);box-shadow:0 0 8px rgba(255,213,26,.35)}
#resultOverlay.v1773-paid-result #resultCard.v1773-commercial .v1773-result-badge{color:var(--bp-ov-gold-strong)}
#resultCard.v1773-commercial:before,#paidResultRoot .paid-result-sheet:before,#cashoutResultRoot .bpco-result-sheet:before{
  content:"";position:absolute;top:0;left:18%;right:18%;height:2px;border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--bp-ov-gold),transparent);opacity:.8;
}
#resultCard.v1773-commercial .result-icon{background:rgba(255,213,26,.09);border-color:rgba(255,213,26,.22);color:var(--bp-ov-gold-strong);box-shadow:none}
#resultCard.v1773-commercial.v1773-loss .result-icon,#paidResultRoot.loss .paid-result-status{background:rgba(241,87,117,.09);border-color:rgba(241,87,117,.22);color:#ff879d}
#resultCard .v1773-result-amount,#paidResultRoot #paidResultAmount{color:var(--bp-ov-gold-strong)}
#cashoutResultRoot #bpcoResultAmount,#cashoutResultRoot .bpco-result-status{color:var(--bp-ov-green)}

/* Cashout checkpoint decision. */
#v163CashOverlay .v163-cash-card,#bpcoCheckpointOverlay .bpco-modal{border-color:rgba(52,223,135,.24);background:radial-gradient(circle at 50% -10%,rgba(52,223,135,.08),transparent 34%),linear-gradient(180deg,var(--bp-ov-surface-2),var(--bp-ov-surface))}
#v163CashOverlay .v163-cash-mult,#bpcoCheckpointOverlay .bpco-modal-mult{color:var(--bp-ov-gold-strong);text-shadow:none}
#v163CashOverlay .v163-cash-value,#bpcoCheckpointOverlay .bpco-modal-money{color:var(--bp-ov-green)}
#v163CashOverlay .v163-continue,#bpcoCheckpointOverlay .bpco-modal-primary{background:linear-gradient(180deg,var(--bp-ov-gold-strong),#ffc70c);color:#1b1500;box-shadow:none;border:0}
#v163CashOverlay .v163-take,#bpcoCheckpointOverlay .bpco-modal-secondary{background:linear-gradient(180deg,#4be69b,#22c87d);color:#041d13;border:0;box-shadow:none}

/* Insufficient / exit / logout. */
.v1773-modal-icon,.v175-logout-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,213,26,.09);border:1px solid rgba(255,213,26,.22);color:var(--bp-ov-gold-strong);box-shadow:none}
.v1773-balance-grid div{background:#0d100e;border-color:var(--bp-ov-border);border-radius:12px}
.v1773-balance-grid .need b{color:var(--bp-ov-gold-strong)}
.v1773-modal-actions .pix,.v1773-modal-actions .primary{background:linear-gradient(180deg,var(--bp-ov-gold-strong),#ffc70c);color:#1b1500;box-shadow:none}
.v1773-modal-actions .secondary{background:#111511;color:var(--bp-ov-muted);border:1px solid var(--bp-ov-border)}
.v175-confirm{background:#1b1114;border:1px solid rgba(241,87,117,.22);color:#ff8da1}
.v175-cancel{background:#111511;border:1px solid var(--bp-ov-border);color:var(--bp-ov-muted)}

/* Wallet sheet. */
.ds-sheet{border-color:var(--bp-ov-border-gold);background:linear-gradient(180deg,var(--bp-ov-surface-2),var(--bp-ov-surface))}
.ds-sheet-handle{background:rgba(255,255,255,.22);width:36px;height:4px}
.ds-wallet-mark{background:rgba(255,213,26,.09);border-color:rgba(255,213,26,.20);color:var(--bp-ov-gold-strong)}
.ds-wallet-action.primary{background:linear-gradient(180deg,var(--bp-ov-gold-strong),#ffc70c);color:#1b1500;border:0}
.ds-wallet-action:not(.primary),.ds-wallet-more{background:#111511;color:var(--bp-ov-muted);border-color:var(--bp-ov-border)}

/* Trial / preintegration. */
.trial-intro-kicker,#modePreintegrationOverlay small{color:var(--bp-ov-gold-strong)}
.trial-intro-card .challenge-reward,.trial-intro-card .challenge-objective{background:#0d100e;border-color:var(--bp-ov-border);box-shadow:none}
#modePreintegrationOverlay .v161-pre-icon{background:rgba(255,213,26,.09);border-color:rgba(255,213,26,.20);color:var(--bp-ov-gold-strong)}

/* Toast. */
#toast.toast{
  position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 82px);transform:translateX(-50%) translateY(10px);
  width:auto;max-width:min(354px,calc(100vw - 32px));min-height:44px;padding:11px 14px;
  border-radius:13px;border:1px solid var(--bp-ov-border);background:rgba(17,20,17,.96);color:var(--bp-ov-text);
  box-shadow:0 14px 34px rgba(0,0,0,.38);backdrop-filter:blur(10px);font-size:12.5px;font-weight:800;line-height:1.35;z-index:620;
}
#toast.toast.show{transform:translateX(-50%) translateY(0)}

/* Unified custom confirm fallback. */
#bpGlobalConfirmOverlay{display:none;position:fixed;inset:0 auto 0 50%;width:min(100vw,430px);height:100dvh;transform:translateX(-50%);z-index:610;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
#bpGlobalConfirmOverlay.show{display:flex}
#bpGlobalConfirmCard{position:relative;padding:20px 16px 16px;text-align:center;animation:bpOverlayIn .20s cubic-bezier(.2,.82,.22,1) both}
#bpGlobalConfirmIcon{width:52px;height:52px;margin:0 auto 10px;border-radius:16px;display:grid;place-items:center;background:rgba(255,213,26,.09);border:1px solid rgba(255,213,26,.22);color:var(--bp-ov-gold-strong);font-size:22px;font-weight:950}
#bpGlobalConfirmCard h2{margin:0 0 7px}#bpGlobalConfirmCard p{margin:0 auto 14px;max-width:290px}
#bpGlobalConfirmActions{display:flex;flex-direction:column;gap:8px}
#bpGlobalConfirmOverlay.danger #bpGlobalConfirmPrimary{background:#1b1114;color:#ff8da1;border:1px solid rgba(241,87,117,.24);box-shadow:none}

/* Motion. */
@keyframes bpOverlayIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.result-overlay.show #resultCard,.trial-intro-overlay.show .trial-intro-card,.v1740-money-overlay.show .v1740-money-modal,
.v18061-modal-overlay.show .v18061-modal,.v175-logout-overlay.show .v175-logout-card,.v1773-overlay.show .v1773-modal,
#v163CashOverlay.show .v163-cash-card,#cashoutResultRoot.show .bpco-result-sheet,#paidResultRoot.show .paid-result-sheet{animation:bpOverlayIn .20s cubic-bezier(.2,.82,.22,1) both}

/* Small screens / keyboards. */
@media(max-width:350px),(max-height:620px){
  #resultCard,.trial-intro-card,.v1740-money-modal,.v18061-modal,.v175-logout-card,.v1773-modal,#v163CashOverlay .v163-cash-card,#bpcoCheckpointOverlay .bpco-modal,#cashoutResultRoot .bpco-result-sheet,#paidResultRoot .paid-result-sheet,#bpGlobalConfirmCard{width:min(calc(100vw - 20px),344px);border-radius:18px;padding-left:13px;padding-right:13px}
  #authOverlay .auth-modal-card,#v170Recovery .modal-card{max-height:96dvh;padding-left:13px;padding-right:13px}
}
@media(prefers-reduced-motion:reduce){#bpGlobalConfirmCard,.result-overlay.show #resultCard,.trial-intro-overlay.show .trial-intro-card,.v1740-money-overlay.show .v1740-money-modal,.v18061-modal-overlay.show .v18061-modal,.v175-logout-overlay.show .v175-logout-card,.v1773-overlay.show .v1773-modal,#v163CashOverlay.show .v163-cash-card{animation:none;transition:none}}
/* Segment 076 · src/styles/pages.css */


/* BLOCK PIX STEP 4R.19.2 — Guest Conversion Layout Polish. Presentation only. */
#lobbyScreen:not(.authenticated-shell-mode) .content{padding-top:10px!important}
#lobbyScreen:not(.authenticated-shell-mode) .topbar{min-height:50px!important;align-items:center!important;gap:8px!important;margin-bottom:0!important}
#lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:94px!important;min-width:94px!important;max-width:94px!important}
#lobbyScreen:not(.authenticated-shell-mode) .guest-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin:0 0 0 auto!important;white-space:nowrap}
#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{display:inline-flex!important;order:1;align-items:center;justify-content:center;height:42px!important;min-width:96px!important;padding:0 13px!important;border-radius:13px!important;border:1px solid #ffe679!important;background:linear-gradient(180deg,#ffe85f 0%,#ffd42a 52%,#f6b900 100%);color:#201700;font-size:10.5px!important;font-weight:1000!important;box-shadow:inset 0 2px rgba(255,255,255,.55),inset 0 -3px rgba(139,83,0,.14),0 4px 0 #8f6700,0 8px 16px rgba(255,191,0,.12);text-shadow:0 1px rgba(255,255,255,.38);}
#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{display:inline-flex!important;order:2;align-items:center;justify-content:center;height:42px!important;min-width:62px!important;padding:0 11px!important;border-radius:13px!important;border:1px solid rgba(76,213,146,.42)!important;background:linear-gradient(180deg,#101a17,#07110e);color:#a8f1cb;font-size:10px!important;font-weight:1000!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 5px 12px rgba(0,0,0,.26);}
#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop:active,#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop:active{transform:translateY(2px)!important}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{margin:3px auto 6px!important;padding:6px 11px!important;font-size:8.5px!important;letter-spacing:.55px!important}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-dot{width:7px!important;height:7px!important}
#lobbyScreen:not(.authenticated-shell-mode) .headline{margin:0 auto 4px!important;max-width:350px;font-size:28px!important;line-height:.98!important;letter-spacing:-1.05px!important}
.bp-r192-hero-subline{max-width:338px;margin:0 auto 9px;padding:0 8px;text-align:center;color:#a3b0aa;font-size:9.3px;line-height:1.35;font-weight:780;letter-spacing:.05px}.bp-r192-hero-subline b{color:#ffe052;font-weight:1000}.bp-r192-hero-subline strong{color:#4be69a;font-weight:1000}

.v179262-stage-head small{font-size:6.6px!important;letter-spacing:.75px!important}.v179262-stage-head strong{font-size:10.5px!important}.v179262-stage-live{font-size:6.6px!important}
.v179262-goal-hud small{font-size:6.5px!important}.v179262-goal-hud span{font-size:6px!important}.v179262-demo-prize{font-size:6px!important}.v179262-tray-label b{font-size:8.4px!important}.v179262-tray-label span{font-size:5.9px!important}.v179262-board-caption span,.v179262-board-caption b{font-size:5.9px!important}
.v179262-mission{margin-bottom:6px!important;padding:9px 11px!important}.v179262-mission-copy small{font-size:6.3px!important}.v179262-mission-copy strong{font-size:10.8px!important}.v179262-mission-value span{font-size:6.7px!important}.v179262-mission-value b{font-size:12px!important}.v179262-mission-value em{font-size:5.8px!important}
#lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn.v179262-primary-cta{min-height:59px!important;margin-bottom:4px!important;border-radius:16px!important}.v179262-primary-cta span{font-size:17px!important;letter-spacing:-.12px!important}.v179262-primary-cta small{font-size:6.5px!important;letter-spacing:.72px!important;opacity:.72!important}
#guestHome .bp-r19-paid-bridge{margin-top:7px!important;padding:12px!important;border-radius:17px!important;border-color:rgba(255,214,50,.24)!important;background:radial-gradient(circle at 18% 0,rgba(255,204,31,.07),transparent 32%),linear-gradient(180deg,#11140f,#080b09)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.24)!important}
.bp-r19-bridge-head{align-items:center!important;margin-bottom:10px!important}.bp-r19-bridge-head small{font-size:6.7px!important;letter-spacing:.75px!important;color:#8aa098!important}.bp-r19-bridge-head strong{margin-top:3px!important;font-size:14px!important;line-height:1.05!important;color:#fff!important}.bp-r19-bridge-head>span{padding:5px 7px!important;font-size:5.9px!important;color:#f0cc50!important;border-color:rgba(255,211,48,.20)!important;background:rgba(54,43,5,.35)!important}
.bp-r19-mode-grid{gap:8px!important}.bp-r19-mode-card{min-height:68px!important;padding:9px 8px!important;border-radius:14px!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important;background:linear-gradient(180deg,#151a15,#0a0e0b)!important}.bp-r19-mode-mark{width:38px!important;height:38px!important;border-radius:11px!important;font-size:11px!important}.bp-r19-mode-copy b{font-size:10.5px!important}.bp-r19-mode-copy small{margin-top:4px!important;font-size:7.1px!important;line-height:1.3!important;color:#96a49e!important}.bp-r19-mode-card i{font-size:20px!important;color:#9caaa4!important}
.bp-r19-account-cta{min-height:48px!important;margin-top:9px!important;border-radius:13px!important;font-size:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important}.bp-r19-account-cta b{font-size:12.5px!important;line-height:1!important}.bp-r19-account-cta small{font-size:6.2px!important;line-height:1!important;letter-spacing:.62px!important;opacity:.66}
.bp-r19-trust{margin-top:10px!important;padding-top:9px!important;gap:5px!important}.bp-r19-trust span{font-size:6.5px!important;line-height:1.2!important;color:#8b9b94!important}.bp-r19-trust b{color:#d6dfda!important}
.v179262-story-head small{font-size:6.8px!important}.v179262-story-head h2{font-size:19px!important}.v179262-story-head>span{font-size:6.2px!important}.v179262-scene-copy small{font-size:6.1px!important}.v179262-scene-copy strong{font-size:10.2px!important}.v179262-scene-copy span{font-size:7px!important;line-height:1.32!important}.v179262-story-connector{font-size:5.9px!important}



#authOverlay.bp-r19-auth-context #authContextKicker{font-size:8px!important;letter-spacing:.9px!important}#authOverlay.bp-r19-auth-context #authContextHeadline{font-size:21px!important}#authOverlay.bp-r19-auth-context #authContextCopy{font-size:9.5px!important;line-height:1.4!important}
@media(max-width:359px){#lobbyScreen:not(.authenticated-shell-mode) .content{padding-left:10px!important;padding-right:10px!important}#lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:82px!important;min-width:82px!important;max-width:82px!important}#lobbyScreen:not(.authenticated-shell-mode) .guest-nav{gap:5px!important}#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{min-width:84px!important;height:40px!important;padding:0 9px!important;font-size:9.2px!important}#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{min-width:58px!important;height:40px!important;padding:0 8px!important;font-size:9px!important}#lobbyScreen:not(.authenticated-shell-mode) .headline{font-size:25px!important}.bp-r192-hero-subline{font-size:10px!important;line-height:1.3!important;font-weight:900!important;margin:2px auto 7px!important}.v179262-hero-kicker b{display:none!important}.bp-r19-mode-card{grid-template-columns:32px minmax(0,1fr)!important;min-height:64px!important;padding:8px 7px!important}.bp-r19-mode-card i{display:none!important}.bp-r19-mode-mark{width:32px!important;height:32px!important;font-size:9.5px!important}.bp-r19-mode-copy b{font-size:9.4px!important}.bp-r19-mode-copy small{font-size:6.4px!important}.bp-r19-trust{grid-template-columns:1fr 1fr!important;row-gap:6px!important}.bp-r19-trust span{font-size:6.4px!important}}
@media(min-width:400px){#lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:100px!important;min-width:100px!important;max-width:100px!important}.bp-r192-hero-subline{font-size:9.6px!important}}
@media(prefers-reduced-motion:reduce){#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop,#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{transition:none!important}}

/* Segment 077 · src/styles/pages.css */


/* BLOCK PIX STEP 4R.19.4 — Guest Conversion Final Polish.
   Scope: Guest conversion / Auth handoff / deposit-required presentation only.
   Gameplay, math, wallet, settlement, reward and payment logic remain untouched. */
#lobbyScreen:not(.authenticated-shell-mode){
  --gc-content:356px;--gc-x:12px;--gc-xs:5px;--gc-sm:8px;--gc-md:12px;--gc-lg:16px;--gc-section:18px;
  --gc-gold:#ffd633;--gc-gold-hi:#ffeb78;--gc-green:#25e88d;--gc-text:#f4f7f5;--gc-muted:#92a49c;
}
#lobbyScreen:not(.authenticated-shell-mode) .content{padding:8px var(--gc-x) 20px!important}
#lobbyScreen:not(.authenticated-shell-mode) .topbar{min-height:52px!important;margin:0 auto 2px!important;padding:0!important;display:grid!important;grid-template-columns:minmax(76px,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important}
#lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:92px!important;min-width:0!important;max-width:92px!important;height:auto!important;justify-self:start!important}
#lobbyScreen:not(.authenticated-shell-mode) .guest-nav{display:grid!important;grid-template-columns:auto auto!important;align-items:center!important;justify-content:end!important;gap:6px!important;margin:0!important;min-width:0!important;white-space:nowrap!important}
#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop,
#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{height:42px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{min-width:94px!important;padding:0 12px!important;border-radius:12px!important;border:1px solid #ffeb79!important;background:linear-gradient(180deg,#ffe86a 0%,#ffd32d 52%,#f1b900 100%);color:#231900;font-size:11px!important;font-weight:1000!important;letter-spacing:-.05px!important;box-shadow:inset 0 2px rgba(255,255,255,.52),inset 0 -3px rgba(139,83,0,.13),0 4px 0 #8f6700,0 8px 16px rgba(0,0,0,.22);}
#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{min-width:64px!important;padding:0 10px!important;border-radius:12px!important;border:1px solid rgba(255,220,77,.28)!important;background:linear-gradient(180deg,#151712,#090b09);color:#fff0a0;font-size:10.5px!important;font-weight:1000!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 5px 12px rgba(0,0,0,.25);}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{margin:4px auto 7px!important;padding:6px 10px!important;font-size:8.2px!important;letter-spacing:.5px!important}
#lobbyScreen:not(.authenticated-shell-mode) .headline{width:min(100%,var(--gc-content))!important;max-width:var(--gc-content)!important;margin:0 auto 6px!important;text-align:center!important;font-size:29px!important;line-height:1.02!important;letter-spacing:-1.05px!important;text-wrap:balance!important}
#lobbyScreen:not(.authenticated-shell-mode) .headline .bp-r194-headline-main{display:inline-block!important;color:#fff;}
#lobbyScreen:not(.authenticated-shell-mode) .headline .gain{display:inline-block!important;color:#30e78c;}
.bp-r192-hero-subline{width:min(100%,338px)!important;max-width:338px!important;margin:0 auto 10px!important;padding:0 6px!important;text-align:center!important;color:#a6b5ae;font-size:10.5px!important;line-height:1.42!important;font-weight:760!important;letter-spacing:0!important;text-wrap:balance!important;}
.bp-r192-hero-subline b{color:#ffe25d;}.bp-r192-hero-subline strong{color:#55eaa0;}
#guestHome,#guestHome>.hero-card,#guestHome>#trialStartBtn,#guestHome>.v179262-mission,#guestHome>.bp-r19-paid-bridge,#guestHome>.v179262-story,#guestHome>.v179262-bottom-conversion{max-width:var(--gc-content)!important;margin-left:auto!important;margin-right:auto!important}
#guestHome .v179262-hero-kicker{margin:0 4px 6px!important}.v179262-hero-kicker span{font-size:7.6px!important}.v179262-hero-kicker b{font-size:6.7px!important}
#lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn.v179262-primary-cta{min-height:58px!important;margin:7px auto 0!important;border-radius:16px!important}.v179262-primary-cta span{font-size:16.5px!important;line-height:1!important}.v179262-primary-cta small{font-size:7.5px!important;line-height:1!important;letter-spacing:.6px!important;opacity:.76!important}.v179262-cta-note{display:none!important}
/* Paid value bridge — aligned, readable, contextual. */
#guestHome .bp-r19-paid-bridge{margin-top:10px!important;margin-bottom:14px!important;padding:14px!important;border-radius:18px!important;border:1px solid rgba(255,214,50,.23)!important;background:radial-gradient(circle at 14% 0,rgba(255,205,34,.075),transparent 34%),linear-gradient(180deg,#11140f,#080b09)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 26px rgba(0,0,0,.26)!important}
.bp-r19-bridge-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;margin:0 0 7px!important}.bp-r19-bridge-head small{display:block!important;color:#7edcab!important;font-size:8px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.75px!important}.bp-r19-bridge-head strong{display:block!important;margin-top:5px!important;color:#fff!important;font-size:17px!important;line-height:1.08!important;font-weight:1000!important;letter-spacing:-.45px!important}.bp-r19-bridge-head>span{align-self:center!important;padding:6px 8px!important;border-radius:999px!important;border:1px solid rgba(255,213,48,.23)!important;background:#181504!important;color:#e4c14a!important;font-size:7px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.42px!important;white-space:nowrap!important}
.bp-r194-bridge-sub{margin:0 0 11px!important;color:#91a29b!important;font-size:9.5px!important;line-height:1.38!important;font-weight:750!important}
.bp-r19-mode-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important}
.bp-r19-mode-card{position:relative!important;min-width:0!important;height:126px!important;min-height:126px!important;padding:12px!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;text-align:left!important;overflow:hidden!important;background:linear-gradient(180deg,#151914,#090d0a)!important;color:#edf2ef!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 16px rgba(0,0,0,.17)!important}
.bp-r19-mode-card.meta{border:1px solid rgba(255,211,50,.26)!important}.bp-r19-mode-card.cash{border:1px solid rgba(48,227,133,.25)!important}
.bp-r19-mode-card:active{transform:translateY(2px) scale(.993)!important}
.bp-r19-mode-card i{position:absolute!important;right:11px!important;top:11px!important;margin:0!important;color:#829189!important;font-size:19px!important;line-height:1!important;font-style:normal!important}
.bp-r19-mode-mark{width:auto!important;min-width:44px!important;height:32px!important;padding:0 9px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;line-height:1!important;font-weight:1000!important}
.bp-r19-mode-copy{display:block!important;width:100%!important;min-width:0!important;margin-top:10px!important}.bp-r19-mode-copy b{display:block!important;font-size:15px!important;line-height:1!important;font-weight:1000!important;color:#fff!important}.bp-r19-mode-copy small{display:block!important;margin-top:5px!important;font-size:8.5px!important;line-height:1.15!important;font-weight:1000!important;letter-spacing:.55px!important;color:#b3c0ba!important}.bp-r19-mode-copy em{display:block!important;min-height:24px!important;margin-top:8px!important;color:#899990!important;font-size:9.3px!important;line-height:1.3!important;font-style:normal!important;font-weight:750!important}
#bpR19GenericPaidCta{display:none!important}
.bp-r194-bridge-note{margin:10px 0 0!important;padding:9px 10px!important;border-radius:11px!important;background:#0b0e0b!important;border:1px solid rgba(255,255,255,.055)!important;color:#9ca9a3!important;text-align:center!important;font-size:9px!important;line-height:1.3!important;font-weight:850!important}.bp-r194-bridge-note b{color:#f0d65a!important}
.bp-r19-trust{margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.06)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;text-align:left!important}.bp-r19-trust span{min-width:0!important;min-height:52px!important;padding:9px 10px!important;border-radius:11px!important;background:#0b0e0c!important;border:1px solid rgba(255,255,255,.055)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;white-space:normal!important;color:#8fa098!important;font-size:8.2px!important;line-height:1.2!important;font-weight:850!important}.bp-r19-trust b{display:block!important;margin-bottom:3px!important;color:#eef4f0!important;font-size:11px!important;line-height:1!important;font-weight:1000!important}.bp-r19-trust small{display:block!important;color:#819189!important;font-size:8.2px!important;line-height:1.25!important;font-weight:800!important}
/* How-to: readable copy, no semantic mismatch with trial. */
.v179262-story-head small{font-size:7.2px!important}.v179262-story-head h2{font-size:19px!important;line-height:1!important}.v179262-story-head>span{font-size:6.7px!important}.v179262-scene-copy small{font-size:6.4px!important}.v179262-scene-copy strong{font-size:10.4px!important;line-height:1.08!important}.v179262-scene-copy span{font-size:7.3px!important;line-height:1.34!important}.v179262-story-connector{font-size:6.1px!important}
/* Bottom paid conversion — strong but not coercive; free trial stays available. */
.v179262-bottom-conversion{margin-top:13px!important;padding:14px!important;border-radius:18px!important;background:linear-gradient(180deg,#11140f,#080b09)!important;border:1px solid rgba(255,215,52,.19)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 22px rgba(0,0,0,.22)!important}
.bp-r194-bottom-head{text-align:center!important;margin:0 0 10px!important}.bp-r194-bottom-head small{display:block!important;color:#7f9189!important;font-size:8px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.7px!important}.bp-r194-bottom-head strong{display:block!important;margin-top:5px!important;color:#fff!important;font-size:18px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.35px!important}
#bpR194BottomRegisterCta{width:100%!important;min-height:52px!important;border:1px solid #ffe979!important;border-radius:13px!important;background:linear-gradient(180deg,#ffe765,#ffd12a 56%,#efb400)!important;color:#211700!important;font-size:13px!important;font-weight:1000!important;box-shadow:inset 0 2px rgba(255,255,255,.44),0 4px 0 #8d6700!important}
#bpR194BottomRegisterCta:active{transform:translateY(2px)!important;box-shadow:inset 0 1px rgba(255,255,255,.34),0 2px 0 #8d6700!important}
.v179262-bottom-conversion #bottomTrialBtn{min-height:44px!important;margin-top:10px!important;border:1px solid rgba(54,224,136,.28)!important;background:#0a1711!important;color:#8be6b7!important;box-shadow:none!important}.v179262-bottom-conversion #bottomTrialBtn:before{display:none!important}.v179262-bottom-conversion #bottomTrialBtn span{font-size:10.5px!important}.v179262-bottom-conversion #bottomTrialBtn small{display:none!important}.v179262-bottom-conversion .v179262-login-link{margin:9px 0 0!important;color:#8a9b94!important;font-size:9px!important;line-height:1.3!important}.v179262-bottom-conversion .v179262-login-link button{font-size:9px!important;color:#f0d95c!important}
/* Guest result conversion: result first, bridge second, readable controls. */











/* Auth context: keep the form simple, readable and scrollable on short screens. */
#authOverlay.modal-overlay{padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(10px + env(safe-area-inset-bottom,0px))!important}
#authOverlay .auth-modal-card{width:min(100%,382px)!important;border-radius:22px!important;padding:16px 15px calc(18px + var(--safeBottom))!important}
#authOverlay.bp-r19-auth-context #authContextKicker{font-size:8.5px!important;line-height:1!important;letter-spacing:.8px!important}#authOverlay.bp-r19-auth-context #authContextHeadline{font-size:22px!important;line-height:1.05!important}#authOverlay.bp-r19-auth-context #authContextCopy{font-size:10px!important;line-height:1.4!important}.auth-context-benefits{gap:6px!important}.auth-context-benefits span{font-size:8px!important;line-height:1.25!important}.auth-context-boundary{font-size:8px!important;line-height:1.35!important}.auth-tab{min-height:45px!important;font-size:10.5px!important}.form-group label{font-size:9.5px!important}.form-group input{min-height:50px!important;font-size:16px!important}.auth-submit{min-height:54px!important;font-size:13px!important}.auth-helper-row{font-size:9.5px!important;line-height:1.35!important}.auth-privacy-note{font-size:8px!important;line-height:1.35!important}
/* Register handoff: local, brief, not another modal. */
.bp-r19-handoff-toast{top:calc(72px + var(--safeTop))!important;width:calc(100% - 28px)!important;max-width:376px!important;padding:10px 12px!important;border-radius:12px!important;font-size:9.5px!important;line-height:1.3!important;text-align:center!important;white-space:normal!important}
/* First-deposit handoff: presentation only when current paid CTA is already deposit-required. */
#paidStartBtn.deposit-required{min-height:58px!important;border-radius:14px!important;background:linear-gradient(180deg,#ffe35a,#ffc923 58%,#eeb000)!important;color:#231900!important;box-shadow:inset 0 2px rgba(255,255,255,.40),0 5px 0 #896300,0 10px 20px rgba(0,0,0,.18)!important}
#paidStartBtn.deposit-required #paidCtaMain{font-size:13px!important;line-height:1!important;font-weight:1000!important}#paidStartBtn.deposit-required #paidCtaSub{margin-top:4px!important;color:#5d4800!important;font-size:8px!important;line-height:1.2!important;font-weight:900!important}
/* Responsive reflow, never whole-page scaling. */
@media(max-width:359px){
 #lobbyScreen:not(.authenticated-shell-mode){--gc-x:10px;--gc-content:calc(100vw - 20px)}
 #lobbyScreen:not(.authenticated-shell-mode) .topbar{gap:5px!important;grid-template-columns:minmax(68px,1fr) auto!important}
 #lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:94px!important;max-width:94px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .guest-nav{gap:5px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{min-width:82px!important;height:40px!important;min-height:40px!important;padding:0 8px!important;font-size:9.5px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{min-width:57px!important;height:40px!important;min-height:40px!important;padding:0 7px!important;font-size:9.2px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .headline{font-size:25px!important;letter-spacing:-.85px!important}
 .bp-r192-hero-subline{font-size:9.8px!important;line-height:1.4!important;margin-bottom:8px!important}
 .bp-r19-bridge-head{grid-template-columns:1fr!important;gap:5px!important}.bp-r19-bridge-head>span{display:none!important}.bp-r19-bridge-head strong{font-size:15.5px!important}.bp-r194-bridge-sub{font-size:9px!important}
 .bp-r19-mode-grid{gap:7px!important}.bp-r19-mode-card{height:122px!important;min-height:122px!important;padding:10px!important}.bp-r19-mode-mark{min-width:40px!important;height:30px!important;font-size:12.5px!important}.bp-r19-mode-copy{margin-top:8px!important}.bp-r19-mode-copy b{font-size:13.5px!important}.bp-r19-mode-copy small{font-size:7.8px!important}.bp-r19-mode-copy em{font-size:8.7px!important;line-height:1.25!important}
 .bp-r19-trust span{min-height:50px!important;padding:8px!important}.bp-r19-trust b{font-size:10px!important}.bp-r19-trust small{font-size:7.7px!important}
 .bp-r194-bottom-head strong{font-size:16px!important}
 
 #authOverlay.modal-overlay{align-items:flex-start!important;overflow-y:auto!important;padding:7px!important}#authOverlay .auth-modal-card{margin:auto 0!important;max-height:none!important;padding:13px 12px 17px!important}.form-group{margin-bottom:9px!important}.form-group input{min-height:48px!important}.auth-submit{min-height:50px!important}
}
@media(min-width:400px){#lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:98px!important;max-width:98px!important}.bp-r192-hero-subline{font-size:10.7px!important}.bp-r19-mode-card{height:130px!important;min-height:130px!important;padding:13px!important}}
@media(max-height:650px){#authOverlay.modal-overlay{align-items:flex-start!important;overflow-y:auto!important}#authOverlay .auth-modal-card{margin:auto 0!important;max-height:none!important}.form-group{margin-bottom:8px!important}.auth-context-benefits{display:none!important}}
@media(prefers-reduced-motion:reduce){#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop,#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop,.bp-r19-mode-card,#bpR194BottomRegisterCta,.bp-r19-handoff-toast{transition:none!important}}

/* Segment 078 · src/styles/modals.css */


/* STEP 4R.19.6 — Guest Layout Stability Finalization.
   Presentation only: grid, footer safety, conversion/result/auth stability. */
#lobbyScreen:not(.authenticated-shell-mode){
 --guest-page-x:12px;
 --guest-main-rail:356px;
 --guest-wide-rail:366px;
 --guest-card-radius:18px;
 --guest-card-border:1px;
 --guest-gap-xs:5px;
 --guest-gap-sm:8px;
 --guest-gap-md:12px;
 --guest-gap-lg:16px;
 --guest-section-gap:18px;
}
#lobbyScreen:not(.authenticated-shell-mode),
#lobbyScreen:not(.authenticated-shell-mode) *,
#authOverlay,#authOverlay *{box-sizing:border-box}

/* Rail system: Hero/Header/Footer are intentionally independent/wide. Main content is one 356px rail. */
#lobbyScreen:not(.authenticated-shell-mode) .headline,
#lobbyScreen:not(.authenticated-shell-mode) .v179262-mission,
#lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn,
#lobbyScreen:not(.authenticated-shell-mode) #bpR19PaidBridge,
#lobbyScreen:not(.authenticated-shell-mode) #howToPlaySection,
#lobbyScreen:not(.authenticated-shell-mode) .v179262-bottom-conversion{
 width:min(100%,var(--guest-main-rail))!important;
 max-width:var(--guest-main-rail)!important;
 margin-left:auto!important;
 margin-right:auto!important;
 transform:none!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #v17612DemoCard,
#lobbyScreen:not(.authenticated-shell-mode) .topbar,
#lobbyScreen:not(.authenticated-shell-mode) .v179262-footer{
 width:min(100%,var(--guest-wide-rail))!important;
 max-width:var(--guest-wide-rail)!important;
 margin-left:auto!important;
 margin-right:auto!important;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r192-hero-subline{
 width:min(100%,338px)!important;max-width:338px!important;margin-left:auto!important;margin-right:auto!important;
}

/* Standard main-rail cards. */
#lobbyScreen:not(.authenticated-shell-mode) .v179262-mission,
#lobbyScreen:not(.authenticated-shell-mode) #bpR19PaidBridge,
#lobbyScreen:not(.authenticated-shell-mode) #howToPlaySection,
#lobbyScreen:not(.authenticated-shell-mode) .v179262-bottom-conversion{
 border-width:1px!important;border-radius:var(--guest-card-radius)!important;
}

/* Trial CTA is a rail item, not a wide Hero item. */
#lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn.v1761-primary{width:min(100%,var(--guest-main-rail))!important;max-width:var(--guest-main-rail)!important;margin-left:auto!important;margin-right:auto!important;min-height:56px!important;height:auto!important;margin-top:7px!important;margin-bottom:0!important}

/* Paid bridge internal alignment. */
#bpR19PaidBridge{padding:15px!important}
#bpR19PaidBridge>.bp-r19-bridge-head,
#bpR19PaidBridge>.bp-r196-bridge-sub,
#bpR19PaidBridge>.bp-r19-mode-grid,
#bpR19PaidBridge>.bp-r196-bridge-note,
#bpR19PaidBridge>.bp-r19-trust,
#bpR19PaidBridge>#bpR19GenericPaidCta{
 width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
}
#bpR19PaidBridge>.bp-r196-bridge-sub{margin:0 0 11px;color:#8ca095;font-size:10px;line-height:1.4}
#bpR19PaidBridge>.bp-r196-bridge-note{margin:10px 0 0;padding:9px 10px;border:1px solid rgba(255,215,61,.12);border-radius:11px;background:rgba(255,215,61,.035);text-align:center;color:#899a92;font-size:9.5px;line-height:1.35}
#bpR19PaidBridge .bp-r19-mode-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;align-items:stretch!important}
#bpR19PaidBridge .bp-r19-mode-card{height:126px!important;min-height:126px!important;padding:12px 10px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:4px!important;overflow:hidden!important}
#bpR19PaidBridge .bp-r19-mode-card .bp-r19-mode-mark{font-size:27px!important;line-height:1!important;margin:0 0 4px!important}
#bpR19PaidBridge .bp-r19-mode-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:2px!important;align-items:flex-start!important}
#bpR19PaidBridge .bp-r19-mode-copy b{font-size:13px!important;line-height:1.05!important;white-space:nowrap!important}
#bpR19PaidBridge .bp-r19-mode-copy small{font-size:8.5px!important;line-height:1.2!important;white-space:nowrap!important}
#bpR19PaidBridge .bp-r19-mode-copy em{font-size:9.5px!important;line-height:1.25!important;font-style:normal!important;color:#98a79f!important}
#bpR19PaidBridge .bp-r19-mode-card>i{position:absolute!important;right:10px!important;bottom:9px!important}
#bpR19PaidBridge .bp-r19-trust{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding-top:10px!important;margin-top:10px!important}
#bpR19PaidBridge .bp-r19-trust>span{min-height:49px!important;margin:0!important;padding:8px 7px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;line-height:1.15!important}
#bpR19PaidBridge .bp-r19-trust b{font-size:11px!important}
#bpR19PaidBridge .bp-r19-trust small{display:block!important;margin-top:3px!important;font-size:8px!important;color:#82958b!important}

/* Tutorial belongs to the same main rail; preserve its internal visual storytelling. */
#howToPlaySection{padding-left:13px!important;padding-right:13px!important}

/* Bottom conversion: explicit vertical rhythm; button shadows no longer collide. */
#lobbyScreen:not(.authenticated-shell-mode) .v179262-bottom-conversion{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:0!important;padding:16px 14px 21px!important;margin-top:13px!important;margin-bottom:18px!important;
 overflow:visible!important;background:linear-gradient(180deg,#10120d,#080a08);
 border:1px solid rgba(255,214,40,.26)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 26px rgba(0,0,0,.24);
}
.bp-r196-bottom-head{width:100%;margin:0 0 15px;text-align:center;display:flex;flex-direction:column;gap:5px}
.bp-r196-bottom-head small{font-size:9.5px!important;line-height:1.2!important;letter-spacing:1.3px!important;color:#879a90!important;font-weight:1000!important}
.bp-r196-bottom-head strong{font-size:21px!important;line-height:1!important;letter-spacing:-.65px!important;color:#f7f8f7!important;font-weight:1000!important}
#bpR196BottomRegisterCta,#bottomTrialBtn{
 width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;border-radius:14px!important;
}
#bpR196BottomRegisterCta{min-height:58px!important;height:58px!important;margin:0 0 13px!important;border:1px solid #ffec83!important;background:linear-gradient(180deg,#ffe76b 0%,#ffd331 56%,#efb900 100%)!important;color:#241900!important;font-size:15px!important;font-weight:1000!important;box-shadow:inset 0 2px rgba(255,255,255,.47),inset 0 -3px rgba(132,77,0,.12),0 5px 0 #8b6500,0 9px 16px rgba(0,0,0,.22)!important}
#bottomTrialBtn{min-height:56px!important;height:56px!important;margin:0 0 15px!important;box-shadow:inset 0 2px rgba(255,255,255,.32),inset 0 -3px rgba(0,83,40,.23),0 5px 0 #08763d,0 9px 16px rgba(0,0,0,.22)!important}
#bottomTrialBtn span{font-size:13.5px!important;line-height:1!important;white-space:nowrap!important}
#bottomTrialBtn small{display:none!important}
.v179262-bottom-conversion .v179262-login-link{width:100%!important;margin:0!important;padding:2px 0 0!important;min-height:18px!important;text-align:center!important;font-size:10px!important;line-height:1.35!important;color:#8c9992!important}
.v179262-bottom-conversion .v179262-login-link button{font-size:10px!important;line-height:1.2!important;color:#ffd83d!important}

/* Footer separation + safe area. */
#lobbyScreen:not(.authenticated-shell-mode) .v179262-footer{margin-top:0!important;margin-bottom:0!important;padding:12px 4px calc(20px + env(safe-area-inset-bottom,0px))!important;min-height:58px!important;align-items:center!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-footer p{font-size:8px!important;line-height:1.2!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-footer .secure{font-size:8px!important;white-space:nowrap!important}
#lobbyScreen:not(.authenticated-shell-mode) .content{padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))!important}

/* Result conversion: interaction-safe, self-contained and adaptive. */




















/* Auth opening stays hidden for one render commit; copy is prepared before reveal. */
#authOverlay.bp-r196-preparing .auth-modal-card{visibility:hidden!important;transition:none!important}
#authOverlay.modal-overlay{background:rgba(0,0,0,.82)!important;transition:opacity .10s ease!important}
#authOverlay .auth-modal-card{width:min(100%,374px)!important;box-sizing:border-box!important;background:radial-gradient(circle at 18% 0,rgba(255,213,26,.07),transparent 25%),linear-gradient(180deg,#151916,#0b0e0c);}
#authOverlay .auth-title-wrap h2{font-size:27px!important;line-height:1!important}
#authOverlay .auth-title-wrap p{font-size:10.5px!important;line-height:1.35!important;min-height:14px!important}
#authOverlay #authContextMain strong{line-height:1.05!important}
#authOverlay #authContextCopy{min-height:27px!important;line-height:1.35!important}
#authOverlay .auth-tabs{min-height:54px!important}
#authOverlay .auth-tab{min-height:46px!important;line-height:1!important}
#authOverlay .auth-submit{min-height:54px!important}
#authOverlay .auth-modal-card,#authOverlay .auth-title-wrap,#authOverlay #authContextBanner,#authOverlay .auth-tabs,#authOverlay form{transition-property:transform,opacity,filter!important}

/* Avoid presentation-only transitions on copy nodes. */


/* Responsive reflow, not scale. */
@media(max-width:340px){
 #lobbyScreen:not(.authenticated-shell-mode){--guest-main-rail:calc(100% - 10px);--guest-wide-rail:100%}
 #lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:80px!important;max-width:80px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{min-width:84px!important;padding:0 8px!important;font-size:10px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{min-width:58px!important;padding:0 7px!important;font-size:9.5px!important}
 #bpR19PaidBridge{padding:12px!important}
 #bpR19PaidBridge .bp-r19-mode-grid{gap:7px!important}
 #bpR19PaidBridge .bp-r19-mode-card{height:120px!important;min-height:120px!important;padding:10px 8px!important}
 #bpR19PaidBridge .bp-r19-mode-mark{font-size:24px!important}
 #bpR19PaidBridge .bp-r19-mode-copy b{font-size:12px!important}
 #bpR19PaidBridge .bp-r19-mode-copy small{font-size:7.8px!important}
 #bpR19PaidBridge .bp-r19-mode-copy em{font-size:8.7px!important}
 .bp-r196-bottom-head strong{font-size:19px!important}
 #bpR196BottomRegisterCta{height:54px!important;min-height:54px!important}
 #bottomTrialBtn{height:53px!important;min-height:53px!important}
}
@media(min-width:400px){
 #bpR19PaidBridge{padding:16px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-bottom-conversion{padding-left:15px!important;padding-right:15px!important}
}
@media(prefers-reduced-motion:reduce){#authOverlay .auth-modal-card{transition:none!important}}

/* Debug-only grid rails are activated by html.bp-r196-debug-rails. */
html.bp-r196-debug-rails #lobbyScreen:not(.authenticated-shell-mode):after,
html.bp-r196-debug-rails #lobbyScreen:not(.authenticated-shell-mode):before{content:"";position:absolute;z-index:999;top:0;bottom:0;width:1px;background:rgba(255,60,60,.75);pointer-events:none}
html.bp-r196-debug-rails #lobbyScreen:not(.authenticated-shell-mode):before{left:17px}
html.bp-r196-debug-rails #lobbyScreen:not(.authenticated-shell-mode):after{right:17px}

/* Segment 079 · src/styles/pages.css */

/* STEP 4R.19.7 — small compatibility layer after old conversion patches were cleaned. */
html.bp-r197-result-open{overflow:hidden}
#authOverlay.bp-r197-mode-cashout #authModalSubtitle{color:#9fb8c9!important}

#guestResultRoot #resultCard.v179271-result{transform:none!important;opacity:1!important;background:radial-gradient(circle at 50% 0,rgba(255,211,46,.055),transparent 29%),linear-gradient(180deg,#121713,#080c09 78%,#060806)!important;}
#guestResultRoot #resultCard.v179271-result .result-kpis,#guestResultRoot #resultSubtitle,#guestResultRoot #trialWinStage,#guestResultRoot #resultMultiplier,#guestResultRoot #resultDiag,#guestResultRoot #v1773ResultBadge,#guestResultRoot #v1773ResultAmount,#guestResultRoot #v1773ResultCaption,#guestResultRoot #v1773BlockRow,#guestResultRoot #v17925WalletConfirm{display:none!important}
#guestResultRoot #resultOverlay{transform:none!important;left:0!important;right:0!important}
/* Segment 080 · src/styles/pages.css */
/* Block PIX 4.9.6 | PIX充值视觉唯一 Owner：仅影响 authPageDeposit。
   UI 构成：独立 PIX 标题、六档快捷金额、手动输入、真实订单状态展示。
   字体/色彩复用 Theme A；不影响 10X/Cashout/提现业务与游戏视觉。*/
#authPageDeposit.v17930-deposit-page{box-sizing:border-box; padding:12px 10px calc(110px + env(safe-area-inset-bottom,0px));background:#F2F6F9;color:#173650;overflow-x:clip;}
#authPageDeposit .v17930-deposit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 13px;min-height:70px;}
#authPageDeposit .v17930-head-copy{min-width:0;flex:1;}
#authPageDeposit .v17930-head-copy small{display:block;color:#2C74AB;font-size:10px;font-weight:750;letter-spacing:.6px;line-height:1.5;}
#authPageDeposit .v17930-head-copy h2{color:#173650;margin:2px 0 4px;font-size:22px;line-height:1.13;font-weight:850;letter-spacing:-.65px;}
#authPageDeposit .v17930-head-copy p{color:#526F86;margin:0;font-size:12px;line-height:1.5;font-weight:550;}
#authPageDeposit .v17930-method-mark{width:51px;height:51px;flex:0 0 51px;display:grid;place-items:center;background:#E7F3F8;border:1px solid #D6E6EF;border-radius:16px;}
#authPageDeposit .v17930-method-mark svg{width:34px;height:34px;}
#authPageDeposit .v17930-card{background:#FFFFFF;border:1px solid #D9E6ED;color:#173650;border-radius:19px;box-shadow:0 4px 14px rgba(37,84,115,.075);padding:15px;margin:0 0 12px;}
#authPageDeposit .v17930-card-title{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:0 0 12px;}
#authPageDeposit .v17930-card-title small{display:block;color:#526F86;font-size:11px;line-height:1.3;font-weight:750;letter-spacing:0;}
#authPageDeposit .v17930-card-title strong{display:block;color:#173650;margin-top:2px;font-size:16px;line-height:1.35;font-weight:800;}
#authPageDeposit .v17930-min{background:#E7F4EF;border:1px solid #CCEADF;border-radius:7px;padding:5px 7px;color:#146E54;font-size:11px;white-space:nowrap;font-weight:800;}
#authPageDeposit .v17930-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#authPageDeposit .v17930-quick button{grid-column:auto;appearance:none;min-width:0;min-height:47px;padding:0 4px;border:1px solid #CFDFE9;border-radius:11px;background:#F4F8FB;color:#1B5278;font-size:14px;line-height:1.2;font-weight:800;box-shadow:none;cursor:pointer;touch-action:manipulation;transition:background .15s,border-color .15s,color .15s;}
#authPageDeposit .v17930-quick button.active{background:#2C74AB;color:#FFFFFF;border-color:#23669A;box-shadow:0 2px 7px rgba(44,116,171,.14);}
#authPageDeposit .v17930-quick button:focus-visible{outline:3px solid #99CEE3;outline-offset:2px;}
#authPageDeposit .v17930-custom{margin-top:13px;}
#authPageDeposit .v17930-custom label{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 7px 2px;font-size:13px;line-height:1.3;font-weight:750;color:#173650;letter-spacing:0;}
#authPageDeposit .v17930-custom label span{color:#5C7485;font-size:12px;font-weight:500;}
#authPageDeposit .v17930-money-input{height:49px;display:flex;align-items:center;overflow:hidden;background:#F7FAFC;color:#173650;border:1px solid #C9DAE5;border-radius:11px;transition:border-color .15s,box-shadow .15s;}
#authPageDeposit .v17930-money-input:focus-within{border-color:#2C74AB;box-shadow:0 0 0 3px rgba(44,116,171,.12);}
#authPageDeposit .v17930-money-input span{padding-left:13px;color:#2C74AB;font-size:15px;font-weight:850;}
#authPageDeposit #v17930Custom{flex:1;min-width:0;height:100%;outline:0;border:0;background:transparent;padding:10px 12px;color:#173650;font-size:16px;font-weight:750;}
#authPageDeposit #v17930Custom::placeholder{color:#6E8393;font-size:13px;font-weight:500;}
#authPageDeposit .v17930-error{margin:5px 2px 0;min-height:0;color:#B5313C;font-size:12px;font-weight:700;line-height:1.35;}
#authPageDeposit .v17930-error:empty{display:none;}
#authPageDeposit .v17930-selected{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 2px 0;margin-top:8px;background:transparent;border:0;border-top:1px solid #E6EFF3;border-radius:0;}
#authPageDeposit .v17930-selected span{color:#526F86;font-size:11px;font-weight:750;letter-spacing:0;}
#authPageDeposit .v17930-selected b{color:#173650;font-size:19px;font-weight:850;font-variant-numeric:tabular-nums;}
#authPageDeposit .v17930-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:51px;margin:13px 0 0;border:1px solid #117552;border-radius:15px;background:#128461;box-shadow:0 3px 9px rgba(18,132,97,.14);color:#FFFFFF;font-size:16px;line-height:1.25;font-weight:800;}
#authPageDeposit .v17930-primary:disabled{opacity:1;background:#E2E9ED;border:1px solid #D1DEE5;color:#647987;box-shadow:none;cursor:not-allowed;}
#authPageDeposit .v17930-primary:focus-visible{outline:3px solid #94D4BC;outline-offset:2px;}
#authPageDeposit .v17930-secondary{width:100%;margin-top:8px;min-height:45px;border:1px solid #D6E4ED;border-radius:12px;background:#EFF5F9;color:#245A7E;font-size:13px;font-weight:750;}
#authPageDeposit .v17930-disclosure{margin:9px 2px 0;color:#617B8B;text-align:center;font-size:11px;line-height:1.5;}
#authPageDeposit .v17930-resume{padding:10px 12px;margin-bottom:10px;background:#E7F3F8;border:1px solid #CBE2ED;border-radius:11px;color:#245975;font-size:12px;line-height:1.45;}
#authPageDeposit .v17930-resume b{color:#173650;}
/* 订单视觉与创建页严格同色，模拟二维码与 Mock 合同在UI中明示。*/
#authPageDeposit .v17930-order-card[hidden],#authPageDeposit .v17930-success[hidden]{display:none!important;}
#authPageDeposit .v17930-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
#authPageDeposit .v17930-order-top small{display:block;color:#526F86;font-size:11px;font-weight:750;}
#authPageDeposit .v17930-order-amount{font-size:28px;line-height:1.2;color:#173650;font-weight:900;margin-top:3px;}
#authPageDeposit .v17930-status{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:750;}
#authPageDeposit .v17930-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:none;}
#authPageDeposit .v17930-status.pending{background:#F6F0DC;border:1px solid #ECDCA4;color:#725C16;}
#authPageDeposit .v17930-status.paid,#authPageDeposit .v17930-status.crediting,#authPageDeposit .v17930-status.credited{background:#E2F5ED;border:1px solid #B7E0CF;color:#146E52;}
#authPageDeposit .v17930-status.expired,#authPageDeposit .v17930-status.failed,#authPageDeposit .v17930-status.mismatch{background:#FCE9E8;border:1px solid #F0CAC8;color:#A53C3A;}
#authPageDeposit .v17930-expiry{text-align:right;color:#637C8E;font-size:11px;line-height:1.4;white-space:nowrap;}
#authPageDeposit .v17930-expiry span{display:block;}#authPageDeposit .v17930-expiry b{color:#173650;font-size:14px;}
#authPageDeposit .v17930-qr-wrap{width:min(235px,76vw);margin:14px auto 11px;padding:9px;display:grid;place-items:center;border:1px solid #D5E2E9;background:#FFFFFF;border-radius:15px;box-shadow:0 4px 13px rgba(36,79,105,.08);}
#authPageDeposit .v17930-qr{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated;}
#authPageDeposit .v17930-qr-caption{margin:5px 0 0;color:#A53C3A;font-size:10px;font-weight:800;}
#authPageDeposit .v17930-code-label{font-size:12px;font-weight:750;color:#456C86;margin:7px 0;}
#authPageDeposit .v17930-code{display:block;max-height:83px;overflow:auto;word-break:break-all;background:#F1F6F9;border:1px solid #DBE7EE;border-radius:10px;padding:11px;color:#254D69;font:600 11px/1.6 ui-monospace,SFMono-Regular,monospace;user-select:text;}
#authPageDeposit .v17930-order-note{margin:10px 2px 0;color:#526F86;text-align:center;font-size:12px;line-height:1.5;}
#authPageDeposit .v17930-success{text-align:center;}#authPageDeposit .v17930-success-icon{width:54px;height:54px;margin:0 auto 11px;display:grid;place-items:center;border-radius:16px;background:#E1F4EC;color:#11805B;font-size:28px;font-weight:800;box-shadow:none;}
#authPageDeposit .v17930-success h3{font-size:20px;color:#173650;margin:0 0 5px;}
#authPageDeposit .v17930-success .credit{font-size:28px;font-weight:850;color:#11805B;margin:7px 0;}
#authPageDeposit .v17930-success p{font-size:12px;color:#557387;line-height:1.5;margin:5px 0;}
#authPageDeposit .v17930-success .new-bal{display:inline-flex;gap:9px;align-items:center;padding:9px 13px;margin-top:8px;border:1px solid #D5E6ED;background:#F2F7FA;border-radius:10px;}
#authPageDeposit .v17930-success .new-bal span{font-size:11px;color:#526F86;}#authPageDeposit .v17930-success .new-bal b{color:#173650;font-size:15px;}
#authPageDeposit .v17930-history-card{padding:14px;}
#authPageDeposit .v17930-history-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
#authPageDeposit .v17930-history-title h3{font-size:15px;font-weight:800;color:#173650;margin:0;}
#authPageDeposit .v17930-history-title span{font-size:11px;color:#526F86;}
#authPageDeposit .v17930-history-list{display:grid;gap:7px;}
#authPageDeposit .v17930-history-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;background:#F5F9FB;border:1px solid #E0EAF0;border-radius:11px;}
#authPageDeposit .v17930-history-icon{width:34px;height:34px;border-radius:9px;background:#E0EFF7;color:#286B9B;display:grid;place-items:center;font-size:11px;font-weight:750;}
#authPageDeposit .v17930-history-copy strong{display:block;color:#173650;font-size:12px;}
#authPageDeposit .v17930-history-copy small{display:block;color:#5F7788;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;}
#authPageDeposit .v17930-history-amt{text-align:right;}#authPageDeposit .v17930-history-amt b{color:#173650;font-size:12px;}#authPageDeposit .v17930-history-amt small{display:block;font-size:10px;margin-top:3px;}
#authPageDeposit .v17930-history-amt .ok{color:#117952;}#authPageDeposit .v17930-history-amt .wait{color:#84691C;}#authPageDeposit .v17930-history-amt .bad{color:#B1453E;}
#authPageDeposit .v17930-empty{padding:15px 7px;text-align:center;color:#5B7587;font-size:12px;line-height:1.5;}
#authPageDeposit .v17930-contract{margin:12px 0 0;background:#EEF5F9;border:1px solid #DCE9EF;border-radius:10px;color:#5B7587;padding:9px;font-size:10px;line-height:1.45;}
/* 极窄屏只压缩间距，不压缩金额按钮到 44px 以下。*/
@media(max-width:350px){#authPageDeposit.v17930-deposit-page{padding:9px 7px calc(110px + env(safe-area-inset-bottom,0px));}#authPageDeposit .v17930-card{padding:12px;border-radius:16px;}#authPageDeposit .v17930-deposit-head{min-height:62px;margin-bottom:10px;}#authPageDeposit .v17930-head-copy h2{font-size:20px;}#authPageDeposit .v17930-quick{gap:7px;}#authPageDeposit .v17930-quick button{min-height:44px;font-size:12px;}#authPageDeposit .v17930-method-mark{height:42px;width:42px;flex-basis:42px;}#authPageDeposit .v17930-selected b{font-size:17px;}}
/* Segment 081 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/cashout-decision-input-hud-hardening.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“cashout decision input hud hardening”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[57] id=v179322CashoutDecisionInputHudHardeningCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* V1.7.9.3.2.2 — Cashout decision/input/HUD hardening. */
#bpcoCheckpointOverlay .bp179322-continue-primary{min-height:54px;background:linear-gradient(180deg,#38f397,#17d978 60%,#0ebd65);color:#052317;border:1px solid rgba(122,255,190,.72);box-shadow:inset 0 1px rgba(255,255,255,.42),0 5px 0 #087b43,0 12px 24px rgba(17,217,119,.24);font-weight:1000}
#bpcoCheckpointOverlay .bp179322-continue-primary:active{transform:translateY(2px);box-shadow:inset 0 1px rgba(255,255,255,.28),0 3px 0 #087b43,0 7px 15px rgba(17,217,119,.18)}
#bpcoCheckpointOverlay .bp179322-withdraw-secondary{min-height:46px;background:linear-gradient(180deg,#14241f,#0b1713);border:1px solid rgba(113,177,147,.38);color:#d8f4e7;font-weight:950}
#bpcoCheckpointOverlay[data-final="1"] .bpco-modal{border-color:rgba(255,214,73,.52);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 28px rgba(255,202,40,.13)}
#bpcoCheckpointOverlay[data-final="1"] .bpco-modal-kicker,#bpcoCheckpointOverlay[data-final="1"] .bpco-modal-mult{color:#ffd84f}
#gameScreen.bp17921-hud-cashout .bp17921-hud-main,#gameScreen.bp17921-hud-cashout .bp17921-hud-secondary{display:none}
#gameScreen .bp179322-cashout-summary{display:none;grid-template-columns:.72fr 1.28fr 1.15fr;gap:5px;align-items:stretch}
#gameScreen.bp17921-hud-cashout .bp179322-cashout-summary{display:grid}
#gameScreen .bp179322-cashout-summary>div{min-width:0;padding:3px 5px 2px;border-right:1px solid rgba(255,255,255,.055)}
#gameScreen .bp179322-cashout-summary>div:last-child{border-right:0}
#gameScreen .bp179322-cashout-summary small{display:block;font-size:5.7px;line-height:1.08;letter-spacing:.48px;font-weight:1000;color:#859990;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gameScreen .bp179322-cashout-summary strong{display:block;margin-top:3px;font-size:11.3px;line-height:1.02;font-weight:1000;color:#dce6e1;white-space:nowrap;letter-spacing:-.18px}
#gameScreen .bp179322-cashout-summary .next strong{color:#55ec99}
#gameScreen .bp179322-cashout-summary .max strong{color:#ffd856}
#gameScreen .bp179322-progress-label{display:none;margin-top:3px;font-size:6.4px;line-height:1;color:#69ddff;font-weight:1000;letter-spacing:.52px;text-align:left}
#gameScreen.bp17921-hud-cashout .bp179322-progress-label{display:block}
#gameScreen.bp17921-hud-cashout .bp17921-mode-hud{min-height:56px;max-height:64px;padding:5px 7px;margin-bottom:3px}
#gameScreen.bp17921-hud-cashout .bp17921-hud-track{margin-top:3px;height:3px}
#gameScreen.v179322-final-reached .piece-slot{pointer-events:none}
#gameScreen.v17932-cashout-real:not(.v179321-decision-pending) .piece-slot:not(.used):not(.disabled){pointer-events:auto}
@media(max-width:340px){#gameScreen .bp179322-cashout-summary small{font-size:5.1px}#gameScreen .bp179322-cashout-summary strong{font-size:9.7px}#gameScreen.bp17921-hud-cashout .bp17921-mode-hud{min-height:52px;padding:4px 5px}}
/* Segment 082 · src/styles/navigation.css */

/*
 * Block PIX v1.8.0.6.6.5 - 样式源码拆分
 * 文件：styles/gameplay/cashout-visual-nav.css
 * 视觉领域：gameplay
 * 职责：承载 Golden Formal 中“cashout visual nav”相关逻辑；保持原执行语义，不在本版本重写业务规则。
 * 来源：Golden Formal style[58] id=v18063CashoutVisualNavCSS
 * 维护约束：本版本只整理与拆分，不改变最终视觉、级联顺序或响应式行为。
 */

/* BLOCK PIX V1.8.0.6.3 — Cashout/Home visual language + single bottom-nav active-state skin. */
#v18061SystemViewport{
 --sys-bg:#050708;--sys-bg-2:#070b0b;--sys-surface:#101615;--sys-surface-elevated:#12191a;--sys-surface-soft:#0d1313;
 --sys-border:rgba(113,129,124,.26);--sys-border-soft:rgba(104,124,118,.16);
 --sys-text:#f7faf9;--sys-text-secondary:#9aa5a2;--sys-muted:#737f7c;
 --sys-primary-yellow:#ffd21b;--sys-primary-yellow-2:#ffbd08;--sys-success-green:#29e77e;
 --sys-warning:#ffd84e;--sys-danger:#ff8391;--sys-radius-card:20px;--sys-radius-button:16px;
 --sys-shadow-card:0 16px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.038);
 --sys-glow-accent:0 0 26px rgba(41,231,126,.055);
 background:linear-gradient(180deg,#050708,#060a09 54%,#040606);
}
.v18061-screen{color:var(--sys-text);background:
 radial-gradient(circle at 94% 4%,rgba(255,203,28,.045),transparent 25%),
 radial-gradient(circle at 3% 44%,rgba(41,231,126,.035),transparent 32%),
 linear-gradient(180deg,#050708 0%,#070b0b 55%,#040606 100%)}
.v18061-screen:before{opacity:.07;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(41,231,126,.022) 1px,transparent 1px);background-size:28px 28px}
.v18061-hero:after{background:linear-gradient(145deg,rgba(255,210,27,.11),rgba(41,231,126,.045));box-shadow:0 0 30px rgba(41,231,126,.045);}
.v18061-card{border:1px solid var(--sys-border-soft);background:linear-gradient(180deg,rgba(17,23,22,.985),rgba(10,15,14,.995));box-shadow:var(--sys-shadow-card)}
.v18061-card-head small{color:#7e8986}.v18061-card-head h2{color:#f7faf9}.v18061-kicker{color:#53efad}.v18061-hero h1{color:#fff}.v18061-hero p{color:#919b98}.v18061-link-action{color:#ffe04a}
.v18061-chip-info{background:rgba(41,231,126,.075);border-color:rgba(41,231,126,.20);color:#65efad}
.v18061-btn.primary{background:linear-gradient(180deg,#ffe43d 0%,#ffd21b 48%,#ffbd08 100%);color:#211800;box-shadow:0 5px 0 #8e6600,0 11px 24px rgba(0,0,0,.32),0 0 19px rgba(255,210,27,.07),inset 0 1px rgba(255,255,255,.72)}
.v18061-btn.secondary{border-color:#2b3633;background:linear-gradient(180deg,#171e1d,#101615);color:#e0e7e5}.v18061-btn.ghost{color:#a1aaa7}

/* Deposit — cashout-like dark transaction hierarchy. */
.v18062-deposit-hero{border-color:rgba(89,107,101,.22);background:radial-gradient(circle at 90% 14%,rgba(41,231,126,.075),transparent 33%),linear-gradient(145deg,#111716,#0a0f0e 72%,#0b1210);box-shadow:0 13px 29px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.04)}
.v18062-deposit-hero .v18061-mini-stat{background:rgba(6,10,9,.62);border-color:rgba(95,111,105,.17)}.v18062-deposit-hero .v18061-mini-stat strong.accent{color:#ffd72d}
.v18062-deposit-composer{border-color:rgba(105,121,115,.25);background:radial-gradient(circle at 96% 0,rgba(255,210,27,.055),transparent 27%),linear-gradient(180deg,#121817 0%,#0b100f 100%);box-shadow:0 17px 36px rgba(0,0,0,.37),inset 0 1px rgba(255,255,255,.045)}
.v18062-deposit-composer:before{background:linear-gradient(90deg,transparent,rgba(255,210,27,.50),rgba(41,231,126,.24),transparent)}
.v18062-deposit-composer .v18061-card-head h2{color:#e8eeec}.v18062-deposit-composer .v18061-chip-info{color:#a5afac;background:#111716;border-color:#2c3835}
.v18061-money-input{border-color:#2b3633;background:linear-gradient(180deg,#080b0a,#050807);box-shadow:inset 0 1px rgba(255,255,255,.028),0 0 0 1px rgba(41,231,126,.025)}
.v18061-money-input:focus-within{border-color:#c6a817;box-shadow:0 0 0 2px rgba(255,210,27,.09),inset 0 1px rgba(255,255,255,.04)}
.v18061-money-input span{color:#ffd72d}.v18061-money-input input{color:#fff}.v18061-money-input b{color:#7f8a87}
.v18061-amount{border-color:#27302e;background:linear-gradient(180deg,#171d1c,#101514);color:#c1c9c6;box-shadow:inset 0 1px rgba(255,255,255,.035),0 5px 13px rgba(0,0,0,.19)}
.v18061-amount.selected{border-color:#ffe052;background:linear-gradient(180deg,#3c3204,#211b02);color:#ffe34b;box-shadow:0 0 0 1px rgba(255,224,72,.13),0 8px 20px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07)}
.v18061-trust{background:rgba(13,19,17,.82);box-shadow:inset 0 0 0 1px rgba(77,100,91,.18)}.v18061-trust:before{color:#53efad}.v18061-help{color:#84908c}.v18062-deposit-activity{background:linear-gradient(180deg,rgba(15,21,20,.88),rgba(9,14,13,.94))}

/* Referral — reward/conversion hierarchy on the same neutral-black surface. */
#v18061ReferralScreen .v18061-ref-hero{border-color:rgba(91,108,102,.24);background:radial-gradient(circle at 91% 4%,rgba(255,210,27,.055),transparent 31%),radial-gradient(circle at 7% 100%,rgba(41,231,126,.07),transparent 36%),linear-gradient(145deg,#121817,#090e0d 68%,#0b1210)}
.v18061-flow span{background:#111817;border-color:#2c3835;color:#d4ddda}.v18061-flow i{background:linear-gradient(90deg,#29e77e,#ffd21b)}
.v18062-ref-earnings{background:radial-gradient(circle at 90% 0,rgba(255,210,27,.05),transparent 27%),linear-gradient(180deg,#121817,#0b100f);border-color:rgba(94,111,105,.24)}
.v18061-summary-box{background:#0b100f;box-shadow:inset 0 0 0 1px rgba(96,112,106,.16)}.v18061-summary-box.available{background:linear-gradient(145deg,#0c1712,#0b100f);box-shadow:inset 0 0 0 1px rgba(41,231,126,.19)}.v18061-summary-box.available strong{color:#ffd72d}.v18061-summary-box.commission{background:linear-gradient(180deg,#0e1d15,#0a130f);box-shadow:inset 0 0 0 1px rgba(41,231,126,.20)}.v18061-summary-box.commission small,.v18061-summary-box.commission p{color:#7e9188}.v18061-summary-box.commission strong{color:#53efad}
.v18062-ref-metrics,.v18062-ref-activity{background:linear-gradient(180deg,rgba(15,21,20,.86),rgba(9,14,13,.93))}.v18061-metric{background:#0b100f;box-shadow:inset 0 0 0 1px rgba(96,112,106,.14)}
.v18062-ref-action{border-color:rgba(111,126,120,.27);background:radial-gradient(circle at 100% 0,rgba(41,231,126,.045),transparent 25%),linear-gradient(180deg,#121817,#0b100f);box-shadow:0 16px 32px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.04)}
.v18062-ref-action .v18061-linkbox{background:#070a09;border-color:#29332f}.v18062-ref-action .v18061-linkbox button{background:#161d1b;color:#ffd82e}
.v18061-empty{background:radial-gradient(circle at 50% 0,rgba(255,210,27,.035),transparent 45%),#0b100f;box-shadow:inset 0 0 0 1px rgba(96,112,106,.15)}.v18061-empty .icon{background:linear-gradient(145deg,#19201e,#111716);color:#ffd82e;box-shadow:0 7px 16px rgba(0,0,0,.22)}

/* Profile — same cashout/home dark language, no blue account-card theme. */
#v18061ProfileScreen>.v18061-hero{border-color:rgba(91,108,102,.22);background:radial-gradient(circle at 91% 8%,rgba(255,210,27,.05),transparent 31%),linear-gradient(145deg,#121817,#0a0f0e 72%,#0b1210)}
.v18062-profile-identity{border-color:rgba(103,118,112,.25);background:radial-gradient(circle at 100% 0,rgba(41,231,126,.055),transparent 28%),linear-gradient(180deg,#121817,#0b100f)}
.v18061-avatar{background:linear-gradient(145deg,#ffe03a,#d9a900 56%,#5e4b00);color:#1f1800;box-shadow:0 8px 22px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.22)}
.v18061-member{background:rgba(41,231,126,.075);border-color:rgba(41,231,126,.20);color:#5aefad}
.v18062-profile-summary>div{background:linear-gradient(180deg,#151b1a,#0d1211);box-shadow:inset 0 0 0 1px rgba(96,112,106,.17)}.v18062-profile-summary small{color:#7f8b87}.v18062-profile-summary strong{color:#ffd72d}.v18062-profile-summary .status strong{color:#53efad}.v18062-profile-summary span{color:#818c89}
.v18061-menu{background:linear-gradient(180deg,#121817,#0b100f)}.v18061-menu-row:active{background:#171e1c}.v18061-menu-ico{background:linear-gradient(180deg,#1a211f,#121817);color:#ffd82e}.v18061-menu-copy b{color:#f1f6f4}.v18061-menu-copy small{color:#7e8986}.v18061-chevron{color:#58635f}

/* Shared child pages inherit neutral tokens only; information architecture remains untouched. */
.v18061-screen.child{background:linear-gradient(180deg,#070b0a,#050706)}.v18061-child-head{background:rgba(7,11,10,.97);border-color:rgba(86,103,97,.42)}.v18061-back{border-color:#303a37;background:#121817;color:#f0f4f2}.v18061-balance-hero{background:radial-gradient(circle at 90% 10%,rgba(41,231,126,.08),transparent 34%),linear-gradient(145deg,#111a16,#0c1210);border-color:rgba(41,231,126,.17)}.v18061-field input{background:#070a09;border-color:#303a37;color:#fff}.v18061-inline-status{background:#111716}

/* Bottom navigation: neutral inactive state, exactly one explicit .active owner. */
#authHome .auth-bottom-nav{background:rgba(5,8,7,.985);border-top-color:#202a27;box-shadow:0 -10px 25px rgba(0,0,0,.34)}
#authHome .auth-bottom-nav .auth-nav-btn{color:#727c79;background:transparent;box-shadow:none;}
#authHome .auth-bottom-nav .auth-nav-btn .ni{color:#7b8582;background:#121817;border:1px solid #252f2c!important;box-shadow:none;}
#authHome .auth-bottom-nav .auth-nav-btn.center{color:#727c79;}
#authHome .auth-bottom-nav .auth-nav-btn.center .ni{width:43px;height:43px;border-radius:15px;background:#121817;border:1px solid #29332f!important;color:#838d8a;box-shadow:0 0 0 5px #060908;}
#authHome.v18061-system-active .auth-bottom-nav .auth-nav-btn.center:not(.active){color:#727c79;}
#authHome.v18061-system-active .auth-bottom-nav .auth-nav-btn.center:not(.active) .ni{background:#121817;border-color:#29332f;color:#838d8a;box-shadow:0 0 0 5px #060908;}
#authHome .auth-bottom-nav .auth-nav-btn.active{color:#ffe04a;}
#authHome .auth-bottom-nav .auth-nav-btn.active .ni{background:linear-gradient(180deg,#ffe33a,#ffc10a);border-color:#ffe86a;color:#201700;box-shadow:0 0 0 1px rgba(255,214,29,.10),0 5px 13px rgba(255,195,0,.14);}
#authHome .auth-bottom-nav .auth-nav-btn.center.active .ni{box-shadow:0 0 0 5px #060908,0 8px 22px rgba(255,195,0,.20);}
#authHome .auth-bottom-nav #v17621CashNav.active{color:#f1f7f4;}
#authHome .auth-bottom-nav #v17621CashNav.active .ni{background:#0b2417;border-color:rgba(41,231,126,.35);color:#38e986;box-shadow:0 0 0 1px rgba(41,231,126,.10),0 5px 13px rgba(0,209,103,.11);}
/* Functional cashout classes are NOT visual active-state owners in V1.8.0.6.3. */
#authHome.bpco-cash-active .auth-bottom-nav .auth-nav-btn:not(.active),#authHome.v17621-cash-view .auth-bottom-nav .auth-nav-btn:not(.active){color:#727c79;}
#authHome.bpco-cash-active .auth-bottom-nav .auth-nav-btn:not(.active) .ni,#authHome.v17621-cash-view .auth-bottom-nav .auth-nav-btn:not(.active) .ni{background:#121817;border-color:#252f2c;color:#7b8582;box-shadow:none;}
#authHome.bpco-cash-active .auth-bottom-nav .auth-nav-btn.center:not(.active) .ni{box-shadow:0 0 0 5px #060908;}
/* Segment 083 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.6.2 — Tile & Board Material Rebuild
 * Scope: visual material only. No gameplay/input/placement/clear/combo/difficulty logic changes.
 * Target: soft-plastic / polished casual tile, quieter empty grid, tighter visual gap.
 */
#gameScreen{
  --v1806662-gap:clamp(2px,.60vw,2.5px);
  --v1806662-empty-top:#101719;
  --v1806662-empty-bottom:#080d0e;
  --v1806662-board-top:#091315;
  --v1806662-board-bottom:#030708;
  --v1806662-tile-radius:clamp(5px,1.33vw,7px);
}

/* Board becomes a quiet, deep stage instead of a luminous web grid. */
#gameScreen .board-wrap:before{
  inset:-3px;
  border-radius:22px;
  border:1px solid rgba(95,135,130,.20);
  box-shadow:0 10px 22px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.018);
}
#gameScreen #board{
  padding:5px;
  gap:var(--v1806662-gap);
  border-radius:19px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%),
    radial-gradient(circle at 50% 10%,rgba(82,132,125,.055),transparent 38%),
    linear-gradient(165deg,var(--v1806662-board-top) 0%,#050b0c 52%,var(--v1806662-board-bottom) 100%);
  border:1px solid rgba(98,135,132,.26);
  box-shadow:
    inset 0 1px rgba(255,255,255,.028),
    inset 0 -12px 20px rgba(0,0,0,.40),
    0 11px 24px rgba(0,0,0,.30);
}

/* Empty cells recede. Exclude every preview state so preview behavior stays untouched. */
#gameScreen #board .cell:not(.filled):not(.preview):not(.bad):not(.bp1782-preview-valid):not(.bp1782-preview-invalid){
  border-radius:var(--v1806662-tile-radius);
  background:linear-gradient(180deg,var(--v1806662-empty-top) 0%,#0b1112 48%,var(--v1806662-empty-bottom) 100%);
  border:1px solid rgba(130,160,160,.055);
  box-shadow:inset 0 1px rgba(255,255,255,.014),inset 0 -1px rgba(0,0,0,.35);
}

/* One shared soft-plastic material for board tiles and tray tiles. */
#gameScreen #board .cell.filled,
#gameScreen .piece-block,
.drag-ghost.bp1782-ghost .piece-block{
  overflow:hidden;
  border-radius:var(--v1806662-tile-radius);
  border:1px solid rgba(255,255,255,.18);
  background:var(--tile-bg);
  background-clip:padding-box;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 3px 2px rgba(255,255,255,.13),
    inset 2px 0 1px rgba(255,255,255,.075),
    inset -1px 0 1px rgba(0,0,0,.06),
    inset 0 -4px 2px rgba(0,0,0,.25),
    0 2px 3px rgba(0,0,0,.30);
}

/* Broad top face highlight: readable at 320px but not glassy. */
#gameScreen #board .cell.filled:before,
#gameScreen .piece-block:before,
.drag-ghost.bp1782-ghost .piece-block:before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:4%;
  height:31%;
  border-radius:999px 999px 5px 5px;
  background:linear-gradient(180deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.16) 44%,rgba(255,255,255,0) 100%);
  opacity:.68;
  pointer-events:none;
}

/* Bottom side shade gives thickness without a metal/glass treatment. */
#gameScreen #board .cell.filled:after,
#gameScreen .piece-block:after,
.drag-ghost.bp1782-ghost .piece-block:after{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  bottom:4%;
  height:13%;
  border-radius:3px 3px 999px 999px;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22));
  opacity:.78;
  filter:none;
  pointer-events:none;
}

/* Tray is quiet; the pieces are the visual subject. */
#gameScreen #tray{
  border-radius:16px;
  background:linear-gradient(180deg,rgba(10,16,17,.46),rgba(4,8,9,.24));
  border:1px solid rgba(82,108,108,.20);
  box-shadow:inset 0 1px rgba(255,255,255,.018);
}
#gameScreen .piece-slot{
  background:radial-gradient(circle at 50% 52%,rgba(44,75,76,.065),transparent 66%);
}
#gameScreen .piece-preview{
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.27));
}

/* Ghost uses exactly the same tile body. Only static elevation is added here; movement is untouched. */
.drag-ghost.bp1782-ghost .piece-block{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 3px 2px rgba(255,255,255,.14),
    inset 2px 0 1px rgba(255,255,255,.08),
    inset 0 -4px 2px rgba(0,0,0,.25),
    0 4px 7px rgba(0,0,0,.32);
}

/* Preserve all invalid/conflict/predict-clear visual states from the existing interaction layer. */
.drag-ghost.bp1782-ghost.bp1782-invalid .piece-block,
.drag-ghost.bp1782-ghost .piece-block.bp17917-conflict,
.drag-ghost.bp1782-ghost .piece-block.bp17917-outside,
.drag-ghost.bp1782-ghost .piece-block.bp17917-predict-clear{
  border-radius:var(--v1806662-tile-radius);
}

@media(max-width:350px){
  #gameScreen{--v1806662-gap:2px;--v1806662-tile-radius:5px}
}
@media(min-width:401px){
  #gameScreen{--v1806662-gap:2.5px}
}
/* Segment 084 · src/styles/gameplay.css */

/*
 * Block PIX 19.34 — final authoritative Board / Empty Cell visual layer.
 * Baseline: 19.32. 19.33 is rejected as a visual reference because the blue board became too dominant.
 * Scope is visual-only: Board Surface + Empty Cell separation. No geometry or gameplay/input logic changes.
 */
#gameScreen{
  --bp1934-board-top:#171a1f;
  --bp1934-board-mid:#14171b;
  --bp1934-board-bottom:#111419;
  --bp1934-empty-top:#2d333b;
  --bp1934-empty-mid:#272c33;
  --bp1934-empty-bottom:#21262c;
  --bp1934-empty-border-alpha:.27;
  --bp1934-empty-highlight-alpha:.065;
  --bp1934-empty-bottom-alpha:.20;
  --bp1934-board-glow-alpha:.08;
}
#gameScreen .board-wrap:before{
  border-color:rgba(255,255,255,.055);
  box-shadow:0 8px 18px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.018);
}
#gameScreen #board{
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%),
    radial-gradient(circle at 50% 10%,rgba(110,125,132,.030),transparent 38%),
    linear-gradient(165deg,var(--bp1934-board-top) 0%,var(--bp1934-board-mid) 52%,var(--bp1934-board-bottom) 100%);
  border:1px solid rgba(67,86,105,.60);
  box-shadow:
    0 0 10px rgba(18,45,70,var(--bp1934-board-glow-alpha)),
    0 12px 26px rgba(0,0,0,.28),
    inset 0 1px rgba(255,255,255,.025),
    inset 0 -12px 20px rgba(0,0,0,.18);
}
#gameScreen #board .cell:not(.filled):not(.preview):not(.bad):not(.bp1782-preview-valid):not(.bp1782-preview-invalid){
  background:linear-gradient(180deg,var(--bp1934-empty-top) 0%,var(--bp1934-empty-mid) 58%,var(--bp1934-empty-bottom) 100%);
  border:1px solid rgba(105,123,142,var(--bp1934-empty-border-alpha));
  box-shadow:
    inset 0 1px rgba(255,255,255,var(--bp1934-empty-highlight-alpha)),
    inset 0 -2px rgba(0,0,0,var(--bp1934-empty-bottom-alpha));
}
/* Segment 085 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.6.3 — Pickup & Drag Follow Feel
 * Presentation-only drag feel refinement. Candidate / Preview / Snap / Commit / Difficulty stay unchanged.
 */
#gameScreen .piece-slot.bp1782-source{
  opacity:.08;
  transform:scale(1);
  transition:opacity 48ms ease-out;
}
.drag-ghost.bp1782-ghost{
  transform-origin:0 0;
  will-change:transform,opacity;
}
.drag-ghost.bp1782-ghost.bp1791-pickup-enter{
  opacity:1;
  transition:none;
}
.drag-ghost.bp1782-ghost.bp1791-pickup-enter.bp1791-pickup-live:not(.bp1782-invalid),
.drag-ghost.bp1782-ghost.bp1791-drag-direct:not(.bp1782-invalid){
  opacity:1;
  filter:drop-shadow(0 7px 5px rgba(0,0,0,.26)) drop-shadow(0 2px 2px rgba(0,0,0,.16));
}
.drag-ghost.bp1782-ghost.bp1791-drag-direct{
  transition:none;
}
/* Legal-board proximity is already exposed by the certified renderer; only the visual elevation softens. */
.drag-ghost.bp1782-ghost.bp1782-valid:not(.bp1782-invalid){
  filter:drop-shadow(0 7px 5px rgba(0,0,0,.26)) drop-shadow(0 2px 2px rgba(0,0,0,.16));
}
/* Tile body remains exactly the 6.6.6.2 shared soft-plastic material; only elevation changes while held. */
.drag-ghost.bp1782-ghost:not(.bp1782-invalid) .piece-block{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 3px 2px rgba(255,255,255,.15),
    inset 2px 0 1px rgba(255,255,255,.08),
    inset 0 -4px 2px rgba(0,0,0,.25),
    0 5px 8px rgba(0,0,0,.34);
}
@media(prefers-reduced-motion:reduce){
  .drag-ghost.bp1782-ghost.bp1791-pickup-enter{transition-duration:1ms}
  #gameScreen .piece-slot.bp1782-source{transition-duration:1ms}
}
/* Segment 086 · src/styles/gameplay.css */

/*
 * Block PIX v1.8.0.6.6.6.4 — Visual Magnetic Snap / Preview Integration
 * Visual-only: official Candidate remains the single legal-placement authority.
 */
.drag-ghost.bp1782-ghost.bp1806664-snapping{
  transition:transform var(--bp-snap-ms,72ms) cubic-bezier(.16,.84,.20,1),filter 72ms ease;
}
.drag-ghost.bp1782-ghost.bp1806664-snapping.bp1782-valid:not(.bp1782-invalid){
  filter:drop-shadow(0 7px 5px rgba(0,0,0,.26)) drop-shadow(0 2px 2px rgba(0,0,0,.16));
}
/* The actual piece becomes the primary placement preview. Board cells are only a quiet secondary guide. */
#gameScreen #board .cell.bp1782-preview-valid,
#gameScreen #board .cell.preview,
#gameScreen #board .cell.preview:not(.filled){
  opacity:.34;
  background:var(--preview-bg);
  filter:brightness(1.025) saturate(.94);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 0 4px rgba(110,238,211,.055);
  transform:scale(.985);
  transition:none;
}
/* Invalid feedback stays readable without turning the board into a red panel. */
#gameScreen #board .cell.bp1782-preview-invalid,
#gameScreen #board .cell.bad,
#gameScreen #board .cell.preview.bad:not(.filled){
  opacity:.28;
  background:rgba(229,83,91,.28);
  box-shadow:inset 0 0 0 1px rgba(255,128,132,.40);
  filter:saturate(.82) brightness(.92);
  transform:scale(.985);
  transition:none;
}
#gameScreen #board .cell.bp17917-conflict-cell{
  opacity:.42;
  background:rgba(224,69,77,.34);
  box-shadow:inset 0 0 0 1.5px rgba(255,125,130,.62);
  filter:brightness(.91) saturate(.84);
}
.drag-ghost.bp1782-ghost.bp1782-invalid{
  opacity:.90;
  filter:saturate(.88) brightness(.95) drop-shadow(0 8px 8px rgba(0,0,0,.27)) drop-shadow(0 0 5px rgba(255,93,101,.12));
}
.drag-ghost.bp1782-ghost.bp1782-invalid .piece-block{
  opacity:.94;
  filter:saturate(.89) brightness(.94);
  box-shadow:inset 0 1px rgba(255,255,255,.31),inset 0 -4px 2px rgba(0,0,0,.24),0 0 0 1px rgba(255,107,113,.48),0 4px 7px rgba(0,0,0,.27);
}
.drag-ghost.bp1782-ghost .piece-block.bp17917-conflict{
  box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -4px 2px rgba(0,0,0,.25),0 0 0 1.5px rgba(255,93,99,.68),0 0 7px rgba(255,72,80,.14),0 4px 7px rgba(0,0,0,.27);
  filter:saturate(.82) brightness(.88);
}
@media(prefers-reduced-motion:reduce){
  .drag-ghost.bp1782-ghost.bp1806664-snapping{transition-duration:1ms}
}
/* Segment 087 · src/styles/utilities.css */

/* BLOCK PIX v1.8.0.6.6.6.7.2.4 — Step 4R Reference Correction */
#bpStep4RPreClearLayer{position:fixed;inset:0;z-index:95;pointer-events:none!important;overflow:visible;contain:layout style paint;}
.bp4r-preclear-cell{position:fixed;box-sizing:border-box;border-radius:var(--v1806662-tile-radius,6px);pointer-events:none!important;background:linear-gradient(180deg,rgba(226,133,255,.93),rgba(145,64,246,.94));border:1px solid rgba(255,220,255,.48);box-shadow:inset 0 3px rgba(255,255,255,.44),inset 0 -3px rgba(76,19,145,.30),0 0 7px rgba(227,104,255,.70),0 0 15px rgba(168,71,255,.46);filter:brightness(1.34) saturate(1.18);opacity:.90;transform:none!important;transition:left 0ms,top 0ms,width 0ms,height 0ms,opacity 34ms linear,filter 34ms linear;}
#bpPhase3PlacementPreview{z-index:96!important}
.drag-ghost.bp1782-ghost{z-index:100!important}
/* Old Step-3 narrow sweep is optional A/B only; default Step4R hides it. */
html.bp4r-hide-step3-sweep .bp-step3-sweep-layer{opacity:0!important;visibility:hidden!important;}
/* Old generic GOOD/GREAT reward is replaced by reference number feedback in Step4R. */
#bp1806667RewardLayer{display:none!important}
#bpStep4RDebugPanel{position:fixed;right:7px;bottom:7px;z-index:13050;width:210px;max-height:49vh;overflow:auto;padding:7px;border-radius:10px;background:rgba(4,8,18,.91);border:1px solid rgba(211,126,255,.38);box-shadow:0 8px 25px rgba(0,0,0,.42);color:#dbeaff;font:700 10px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;display:none;}
#bpStep4RDebugPanel.show{display:block}#bpStep4RDebugPanel button{height:28px;margin:2px;padding:0 7px;border-radius:7px;border:1px solid #6f3db5;background:#25113f;color:#f4dcff;font-weight:900;font-size:9px}#bpStep4RDebugPanel pre{white-space:pre-wrap;word-break:break-word;margin:5px 0 0;font-size:8px;color:#a9bed6}
@media(prefers-reduced-motion:reduce){.bp4r-line-beam,.bp4r-intersection-bloom,}
/* Segment 088 · src/styles/gameplay.css */

/* R9 final CSS owner; placed after legacy hardening styles. */
#gameScreen.bp17921-hud-cashout .bp17921-mode-hud{min-height:112px;max-height:none;height:auto;overflow:visible;padding:6px 8px 6px;margin-bottom:5px}
#gameScreen.bp17921-hud-cashout .r9-cash-control{display:block;margin-top:5px;padding-top:5px}
#gameScreen.bp17921-hud-cashout .r9-cash-btn{visibility:visible;opacity:1;overflow:visible}
@media(max-height:700px){#gameScreen.bp17921-hud-cashout .bp17921-mode-hud{min-height:100px;max-height:none;padding:5px 7px}#gameScreen.bp17921-hud-cashout .r9-cash-node{height:15px}#gameScreen.bp17921-hud-cashout .r9-cash-btn{min-height:29px}}
/* Segment 089 · src/styles/modals.css */

/* STEP 4R.19.1 — stale 5X presentation cleanup + trial result/auth layer handoff fix. */
.paid-mini-board:after{content:"10X"}
/* Segment 090 · src/styles/modals.css */

/* STEP 4R.19.16 — Cashout Decision Modal Cleanup. Presentation only. */
#bpcoCheckpointOverlay .bpco-modal{
  padding:14px 16px 12px;
}
#bpcoCheckpointOverlay .bpco-modal-kicker{
  margin-bottom:2px;
}
#bpcoCheckpointOverlay .bpco-modal-mult{
  margin:4px 0 2px;
  font-size:29px;
  line-height:.96;
  letter-spacing:-1.4px;
}
#bpcoCheckpointOverlay .bpco-modal-money{
  margin-top:2px;
  font-size:42px;
  line-height:1;
  letter-spacing:-1.5px;
  white-space:nowrap;
}
#bpcoCheckpointOverlay .bpco-modal p{
  margin:7px 0 18px;
  color:#92a39d;
  font-size:7.2px;
  line-height:1.35;
  min-height:0;
}
#bpcoCheckpointOverlay .bpco-modal-primary{
  min-height:52px;
  padding:0 12px;
  border:1px solid rgba(103,248,171,.78);
  border-radius:14px;
  background:linear-gradient(180deg,#31ee8a,#10ca6b);
  color:#031b0d;
  box-shadow:0 7px 0 #077c47,0 12px 22px rgba(12,196,96,.18);
  font-size:14px;
  line-height:1.08;
  font-weight:1000;
  white-space:nowrap;
}
#bpcoCheckpointOverlay .bpco-modal-secondary{
  min-height:44px;
  margin-top:9px;
  border:1px solid #355047;
  border-radius:13px;
  background:linear-gradient(180deg,#101b17,#0b1411);
  color:#e7f1ed;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  font-size:10.5px;
  font-weight:1000;
  white-space:nowrap;
}
#bpcoCheckpointOverlay .bpco-modal-risk{
  margin-top:9px;
  color:#c48d65;
  font-size:6.3px;
  line-height:1.35;
}
#bpcoCheckpointOverlay[data-final="1"] .bpco-modal p{
  margin-bottom:4px;
}
@media(max-width:374px){
  #bpcoCheckpointOverlay .bpco-modal{padding:13px 13px 11px}
  #bpcoCheckpointOverlay .bpco-modal-money{font-size:39px}
  #bpcoCheckpointOverlay .bpco-modal-primary{font-size:12.4px;padding:0 8px}
  #bpcoCheckpointOverlay .bpco-modal-secondary{font-size:10px}
}
@media(max-height:700px){
  #bpcoCheckpointOverlay .bpco-modal{padding-top:14px;padding-bottom:12px}
  #bpcoCheckpointOverlay .bpco-modal p{margin-bottom:16px}
  #bpcoCheckpointOverlay .bpco-modal-primary{min-height:48px}
  #bpcoCheckpointOverlay .bpco-modal-secondary{min-height:41px}
  #bpcoCheckpointOverlay .bpco-modal-risk{margin-top:8px}
}

/* 官方 Owner：V1.8 展示层视效替换，历史 Segment 数量及级联顺序保持不变。 */
/* V1.8 Cashout 正式弹层视觉 Owner：保留按钮 ID、事件、可提现状态与决策时机。 */
#v163CashOverlay{background:rgba(19,51,68,.48)}
#v163CashOverlay .v163-cash-card,
#bpcoCheckpointOverlay .bpco-modal{background:linear-gradient(180deg,#fff,#eef8fb);border:1px solid #c6dfe8;border-radius:20px;box-shadow:0 22px 55px rgba(22,74,100,.20);color:#173650}
#v163CashOverlay .v163-cash-card:before{background:linear-gradient(90deg,transparent,#16a374,transparent);box-shadow:none}
#v163CashOverlay .v163-cash-kicker,#bpcoCheckpointOverlay .bpco-modal-kicker{color:#416a80;font-size:12px;letter-spacing:0}
#v163CashOverlay .v163-cash-mult,#bpcoCheckpointOverlay .bpco-modal-mult{color:#275b7b;text-shadow:none}
#v163CashOverlay .v163-cash-value,#bpcoCheckpointOverlay .bpco-modal-money{color:#128461;text-shadow:none}
#v163CashOverlay .v163-cash-copy,#v163CashOverlay .v163-risk{color:#506f83;font-size:12px}
#v163CashOverlay .v163-take,#bpcoCheckpointOverlay .bpco-modal-secondary{background:#128461;color:#fff;box-shadow:none;border:1px solid #0c7858}
#v163CashOverlay .v163-continue,#bpcoCheckpointOverlay .bpco-modal-primary{background:#e9f3f8;color:#205d7d;box-shadow:none;border:1px solid #b8d8e7}
#v163CashOverlay .v163-cash-actions button{min-height:48px;font-size:15px;border-radius:12px}
#bpcoCheckpointOverlay .bp179322-continue-primary{background:#128461;color:#fff;border:1px solid #0c7858;box-shadow:none}
#bpcoCheckpointOverlay .bp179322-withdraw-secondary{background:#e9f3f8;color:#205d7d;border:1px solid #b8d8e7;box-shadow:none}
/* Segment 091 · src/styles/gameplay.css */

/* 旧 GOOD/GREAT、黄字、奖励粒子和重复 HUD punch 已在 V1.8.1 删除。
   Legacy #linePop 是既有消除入口创建的节点，保持不可见以避免重复提示；
   不修改其业务/音效调用路径。 */
#linePop{display:none}
/* 官方 Owner：V1.8 展示层视效替换，历史 Segment 数量及级联顺序保持不变。 */
/* V1.8 官方 Gameplay Visual Owner（中文）：展示层，不拥有游戏几何、Pointer、概率或结算。 */
/* 高保真视觉来源：已认可的浅蓝 Puzzle 方向；全局 Palette 不污染其他 Tab。 */
#gameScreen.screen.active{
 --bp18-ink:#173650;--bp18-sub:#506d83;--bp18-border:#c4dbe7;--bp18-teal:#128461;
 --bp1934-empty-top:#e7f2f8;--bp1934-empty-mid:#e1eff7;--bp1934-empty-bottom:#dcecf5;
 --v1806662-empty-top:#e7f2f8;--v1806662-empty-bottom:#dcecf5;
 background:radial-gradient(circle at 50% 10%,#f5fbfe 0%,#e8f4f9 43%,#dbeaf3 100%);
 color:var(--bp18-ink);
}
body.bp-gameplay-active{background:#e9f4f9}
#gameScreen .game-top{gap:7px;margin-bottom:7px;align-items:center}
#gameScreen .game-back{
 background:linear-gradient(180deg,#fff,#f5fafd);border:1px solid #c2d9e7;
 color:#275778;border-radius:12px;box-shadow:0 2px 4px rgba(29,84,116,.09);
 font-size:22px;font-weight:700;
}
#gameScreen .game-logo{min-width:0}
#gameScreen .game-logo .brand-logo{width:clamp(76px,26vw,115px);max-height:35px;object-fit:contain;filter:none}
#gameScreen .game-mode{border:1px solid #c4e1e8;background:#e0f1f6;color:#126788;
 border-radius:999px;font-size:clamp(10px,2.7vw,12px);font-weight:800;letter-spacing:0;padding:5px 9px}
#gameScreen #gameBadge{height:27px;min-width:39px;padding:0 8px;background:#e5f4f8;
 border:1px solid #c4e1e8;color:#126788;box-shadow:none;border-radius:10px;font-size:11px;font-weight:800}
#gameScreen.v17932-cashout-real{background:radial-gradient(circle at 50% 10%,#f5fbfe 0%,#e8f4f9 43%,#dbeaf3 100%)}
#gameScreen.v17932-cashout-real .game-mode{color:#126788;background:#e0f1f6;border-color:#c4e1e8}
#gameScreen.v17932-cashout-real #gameBadge{background:#e5f4f8;border-color:#c4e1e8;color:#126788}
/* HUD：仅用正式 bp17921ModeHud 已有数据绑定。旧 HUD 保留在 DOM 作为兼容数据源而不重复展示。 */
#gameScreen.bp17921-mode-hud-active .bp17921-mode-hud,
#gameScreen.bp17921-hud-cashout .bp17921-mode-hud{
 width:var(--bp-gameplay-width);max-width:var(--bp-gameplay-width);height:auto;
 margin:1px auto 7px;min-height:88px;max-height:none;
 padding:10px 12px 9px;border-radius:17px;background:#fff;
 border:1px solid #cee0ea;box-shadow:0 5px 15px rgba(37,92,120,.075);
 color:var(--bp18-ink);overflow:visible;
}
#gameScreen.v17932-cashout-real .bp17921-mode-hud,
#gameScreen.bp17921-hud-cashout .bp17921-mode-hud{background:#fff;border-color:#cee0ea;box-shadow:0 5px 15px rgba(37,92,120,.075)}
#gameScreen .bp17921-hud-main{min-height:49px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px}
#gameScreen .bp17921-lines{display:flex;flex-direction:column;justify-content:center;gap:2px;align-items:flex-start}
#gameScreen .bp17921-lines span{order:-1;margin:0;font-size:11px;font-weight:750;color:var(--bp18-sub);letter-spacing:.2px;line-height:1.2}
#gameScreen .bp17921-lines strong{font-family:system-ui,-apple-system,Arial,sans-serif;font-size:clamp(22px,6.5vw,26px);line-height:1.1;letter-spacing:-.65px;text-shadow:none;color:var(--bp18-ink);font-weight:850}
#gameScreen .bp17921-reward{min-width:0;text-align:right;align-self:center;border-left:1px solid #e0edf2;padding-left:8px}
#gameScreen .bp17921-reward small{font-size:11px;line-height:1.15;color:var(--bp18-sub);font-weight:750;letter-spacing:0}
#gameScreen .bp17921-reward-line{gap:6px;flex-wrap:nowrap;margin-top:4px;align-items:center}
#gameScreen .bp17921-reward strong,#gameScreen.bp17921-hud-meta .bp17921-reward strong,
#gameScreen.bp17921-hud-guest .bp17921-reward strong{font-size:clamp(16px,5.2vw,23px);font-weight:850;color:#128461;line-height:1.15;letter-spacing:-.5px}
#gameScreen .bp17921-reward em{padding:3px 5px;border-radius:8px;font-size:10px;color:#136585;background:#e7f3f8;border:1px solid #cae4ed;font-weight:850}
#gameScreen .bp17921-hud-secondary{display:flex;justify-content:space-between;align-items:center;min-height:17px;margin-top:5px;font-size:11px;color:#456781;font-weight:700;line-height:1.2;letter-spacing:0}
#gameScreen .bp17921-hud-secondary strong{font-size:11px;color:#456781}
#gameScreen .bp17921-hud-track{margin-top:6px;height:6px;background:#e3edf2;border:0;border-radius:999px;overflow:hidden}
#gameScreen .bp17921-hud-fill,
#gameScreen.bp17921-hud-cashout .bp17921-hud-fill,
#gameScreen.bp17921-hud-guest .bp17921-hud-fill{background:linear-gradient(90deg,#28bfa9,#16a374);box-shadow:none}
/* Cashout HUD：保留原先 r9 决策控制与节点绑定，未解锁金额只标为下一目标。 */
#gameScreen.bp17921-hud-cashout .bp17921-mode-hud{min-height:0;max-height:none;height:auto;gap:1px;padding:8px 10px 7px;margin-bottom:5px}
#gameScreen.bp17921-hud-cashout .bp179322-cashout-summary{display:grid;grid-template-columns:.85fr 1.38fr 1.10fr;gap:3px}
#gameScreen .bp179322-cashout-summary>div{padding:3px 4px 2px;border-right:1px solid #dfeaf0}
#gameScreen .bp179322-cashout-summary small{font-size:9px;color:#57778b;font-weight:750;letter-spacing:0;line-height:1.15}
#gameScreen .bp179322-cashout-summary strong{font-size:clamp(10px,2.85vw,12px);color:#173650;font-weight:850;line-height:1.2;letter-spacing:-.25px;margin-top:3px}
#gameScreen .bp179322-cashout-summary .next strong{color:#128461}
#gameScreen .bp179322-cashout-summary .max strong{color:#285578}
#gameScreen .bp179322-progress-label{font-size:10px;color:#44657c;font-weight:750;letter-spacing:0;margin-top:4px}
#gameScreen.bp17921-hud-cashout .bp17921-hud-track{height:5px;margin-top:4px}
#gameScreen .r9-cash-control{border-top:1px solid #e3edf2;margin-top:5px;padding-top:4px}
#gameScreen .r9-cash-now{gap:5px}
#gameScreen .r9-cash-now small{font-size:9px;color:#537388;font-weight:750;letter-spacing:0;line-height:1.1}
#gameScreen .r9-cash-now strong{font-size:11px;line-height:1.1;color:#173650;font-weight:850}
#gameScreen .r9-cash-now .next strong{font-size:11px;color:#128461}
#gameScreen .r9-cash-btn{min-width:100px;min-height:32px;background:linear-gradient(180deg,#19ac7d,#128461);color:#fff;border:0;border-radius:9px;box-shadow:none;font-size:10px;font-weight:850}
#gameScreen .r9-cash-btn:disabled{background:#e7edf1;color:#708795;border:1px solid #d3e0e8;box-shadow:none}
#gameScreen .r9-cash-btn b{font-size:11px}#gameScreen .r9-cash-btn span{font-size:9px}
#gameScreen .r9-cash-rail{gap:3px;margin-top:5px}
#gameScreen .r9-cash-node{height:19px;background:#e7eff4;border:1px solid #d8e5ed;border-radius:6px;color:#526e80;font-size:9px;font-weight:800}
#gameScreen .r9-cash-node.unlocked{background:#d9f4e8;border-color:#a3dbca;color:#0a765a}
#gameScreen .r9-cash-node.next{background:#def3fa!important;border-color:#83c4d8!important;color:#155e7a!important;box-shadow:none!important}
#gameScreen .r9-cash-node.max{font-size:9px}
/* Guest 原有引导继续可见；关闭与真实 HUD 重复的旧金额卡及错误的 0/24 标签，仅调整展示，不触碰游客玩法。 */
#gameScreen.bp17921-hud-guest.bp17921-mode-hud-active .game-meta{display:none!important}
#gameScreen.bp17921-hud-guest.bp17921-mode-hud-active #v17925Milestone{display:none}
/* 棋盘仅改绘制材质，保留 Layout Owner 提供的宽度和单元格逻辑坐标。 */
#gameScreen.screen.active .board-wrap{filter:none}
#gameScreen .board-wrap:before{inset:-3px;border-radius:18px;border:1px solid #b4d1e0;box-shadow:0 8px 22px rgba(27,82,119,.12);background:transparent}
#gameScreen #board{
 background:linear-gradient(145deg,#b9d6e5,#a8cbdc 68%,#b4d5e4);
 border:1px solid #a0c2d3;border-radius:16px;
 box-shadow:inset 0 2px 4px rgba(39,94,128,.10),0 7px 13px rgba(38,86,112,.10);
}
#gameScreen.screen.active #board .cell:not(.filled):not(.preview):not(.bad):not(.bp1782-preview-valid):not(.bp1782-preview-invalid){
 background:linear-gradient(180deg,#e7f2f8,#dcecf5 96%);
 border:1px solid #d4e5ef;
 box-shadow:inset 0 1px 2px rgba(255,255,255,.65),0 1px 2px rgba(61,100,122,.075);
}
#gameScreen #board .cell.filled,#gameScreen .piece-block{
 border:1px solid rgba(13,89,116,.27);
 box-shadow:inset 0 2px rgba(255,255,255,.40),inset 0 -4px 1px rgba(4,74,99,.18),0 2px 3px rgba(17,78,102,.16);
 filter:saturate(1.02); /* 仅材质层饱和度，不改变颜色映射 */
}
#gameScreen #board .cell.filled:before,#gameScreen .piece-block:before{opacity:.56;top:5%;height:24%;background:linear-gradient(180deg,rgba(255,255,255,.44),transparent)}
#gameScreen #board .cell.filled:after,#gameScreen .piece-block:after{height:7%;background:rgba(5,54,81,.10)}
/* Preview 保留已认证颜色投影与唯一 Candidate；不添加缩放或吸附。 */
#gameScreen #board .cell.bp1782-preview-valid,#gameScreen #board .cell.preview{box-shadow:inset 0 0 0 1px rgba(255,255,255,.38);transition:none}
#gameScreen #board .cell.bp1782-preview-invalid,#gameScreen #board .cell.preview.bad{box-shadow:inset 0 0 0 1px rgba(193,56,70,.52);transition:none}
/* 三块托盘保持相同 Slot DOM / touch 原点，不改抓取位置、拖动投影及几何变量。 */
#gameScreen .tray-title{color:#47687e;font-size:clamp(10px,2.8vw,12px);font-weight:750;letter-spacing:.35px;margin:7px 0 4px;line-height:1.1}
#gameScreen #tray{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(228,243,250,.86));border:1px solid #bdd7e5;border-radius:16px;box-shadow:inset 0 1px rgba(255,255,255,.95),inset 0 -2px 4px rgba(90,146,173,.07),0 5px 13px rgba(35,91,123,.10);gap:4px;padding:3px 5px}
/* V2.0.6.2｜正式 Gameplay Tray 几何 Owner。
   原因：历史 .piece-slot 固定 96px 高度，Tray Root 却根据 viewport 独立计算高度；
   WebKit 对隐式 Grid Row/内容最小尺寸的分配可能产生内部溢出与留白。
   本层只修正 Tray 与 Slot 盒模型；Piece 逻辑形状、Pointer 和 Board 都不更改。 */
#gameScreen #tray{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:minmax(0,1fr);
  align-items:stretch;
  min-width:0;
  min-height:0;
  overflow:visible;
  box-sizing:border-box;
}
#gameScreen .piece-slot{
  box-sizing:border-box;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px;
  position:relative;
  overflow:visible;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(245,252,255,.87),rgba(230,243,249,.72));
  box-shadow:inset 0 1px 2px rgba(255,255,255,.9),inset 0 0 0 1px rgba(194,219,232,.60);
}
#gameScreen .piece-slot>.piece-preview{
  position:relative;
  flex:none;
  box-sizing:border-box;
  min-width:0;
  min-height:0;
  transform-origin:center center;
}

#gameScreen .piece-preview{filter:drop-shadow(0 3px 3px rgba(27,89,113,.16))}
#gameScreen .drag-ghost{filter:drop-shadow(0 7px 5px rgba(18,72,100,.20))}
/* 现有消除 / Combo 的触发与时长不动，只把黄底 Casino 式提示统一成柔和蓝绿。 */
#gameScreen .line-pop{background:linear-gradient(180deg,#ecfaf8,#d5f1eb);border:1px solid #9bd9c9;color:#137b68;box-shadow:0 6px 12px rgba(31,120,103,.11)}
#gameScreen .game-hint{color:#517489}
@media(max-height:700px){
 #gameScreen .game-top{margin-bottom:3px}
 #gameScreen.bp17921-mode-hud-active .bp17921-mode-hud{padding:6px 9px 5px;margin-bottom:3px;min-height:0}
 #gameScreen .bp17921-hud-main{min-height:38px}
 #gameScreen .bp17921-lines strong{font-size:21px}
 #gameScreen .bp17921-reward strong{font-size:16px}
 #gameScreen .bp17921-hud-secondary{margin-top:3px;min-height:14px}
 #gameScreen .bp17921-hud-track{margin-top:3px;height:4px}
 #gameScreen.bp17921-hud-cashout .bp17921-mode-hud{min-height:0!important;padding:4px 7px!important;margin-bottom:2px!important}
 #gameScreen .bp179322-cashout-summary small{font-size:8px}
 #gameScreen .bp179322-cashout-summary strong{font-size:10px}
 #gameScreen .r9-cash-control{margin-top:3px;padding-top:3px}
 #gameScreen .r9-cash-node{height:16px;font-size:8px}
 #gameScreen .r9-cash-rail{margin-top:3px}
 #gameScreen .r9-cash-btn{min-height:29px}
 #gameScreen .tray-title{margin:3px 0 2px;font-size:10px}
}
@media(max-width:340px){
 #gameScreen .game-logo .brand-logo{width:77px}
 #gameScreen .game-mode{font-size:10px}
 #gameScreen .bp17921-reward small,#gameScreen .bp17921-lines span{font-size:10px}
 #gameScreen .bp17921-hud-secondary{font-size:10px}
 #gameScreen .bp179322-cashout-summary small{font-size:8px}
 #gameScreen .r9-cash-node{font-size:7.5px}
}
/* V1.8.1 HUD 文字减法：不减少业务状态、不覆盖真实数据。 */
#gameScreen.bp17921-mode-hud-active .bp17921-mode-hud{letter-spacing:0}
#gameScreen .bp17921-hud-secondary{font-size:10px;min-height:14px;margin-top:4px}
#gameScreen .bp17921-hud-main{gap:7px;min-height:44px}
#gameScreen .bp17921-reward small,#gameScreen .bp17921-lines span{font-size:10px}
#gameScreen .bp17921-hud-track{margin-top:4px}
#gameScreen.bp17921-hud-cashout .bp179322-cashout-summary{grid-template-columns:.77fr 1.40fr 1fr;gap:2px}
#gameScreen.bp17921-hud-cashout .bp179322-cashout-summary strong{overflow-wrap:anywhere}
#gameScreen.bp17921-hud-cashout .bp179322-progress-label{font-size:9px}
#gameScreen.bp181-hud-advance #bp17921Lines{animation:bp181HudValue .275s cubic-bezier(.16,.82,.2,1)}
#gameScreen .bp17921-mode-hud.bp181-checkpoint-unlock .bp179322-cashout-summary .next{animation:bp181CheckpointUnlock .45s cubic-bezier(.2,.8,.2,1)}
@keyframes bp181HudValue{0%{transform:scale(1)}45%{transform:scale(1.055)}100%{transform:scale(1)}}
@keyframes bp181CheckpointUnlock{0%{background:#dff5ef;box-shadow:inset 0 0 0 1px #69bfa8}60%{background:#eefbf7;box-shadow:inset 0 0 0 1px #a0dccc}100%{background:transparent;box-shadow:none}}
/* 高屏只调整空间分配，不放大棋盘或修改 Tray 的输入坐标。 */
@media(min-height:880px) and (min-width:375px){#gameScreen .game-top{margin-bottom:9px}#gameScreen.bp17921-mode-hud-active .bp17921-mode-hud{margin-bottom:10px}#gameScreen .tray-title{margin-top:10px}}
@media(max-height:640px){#gameScreen.bp17921-mode-hud-active .bp17921-mode-hud{padding-block:5px;margin-bottom:3px}#gameScreen .bp17921-hud-secondary{margin-top:2px}#gameScreen .tray-title{margin:2px 0}}
@media(prefers-reduced-motion:reduce){#gameScreen.bp181-hud-advance #bp17921Lines,#gameScreen .bp17921-mode-hud.bp181-checkpoint-unlock .bp179322-cashout-summary .next{animation:none}}
/* 320px Header 防碰撞：保留字标居中与原版布局，仅压缩玩法徽标字体和横向内边距。 */
@media(max-width:340px){#gameScreen .game-mode{font-size:8px!important;padding:4px 4px!important;letter-spacing:0!important}}
/* 极短横屏降级为游戏容器局部纵向滚动，保证 Tray 及决策区域可触达；竖屏触控逻辑不变。 */
@media(orientation:landscape) and (max-height:480px){
 #gameScreen.screen.active{overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior-y:contain}
 #gameScreen #board,#gameScreen #tray,#gameScreen .piece-slot{touch-action:none}
 #gameScreen #tray{flex-shrink:0;margin-bottom:9px}
}

/* V1.8.4 主金额/容器缩小约 12%，动画提速至 1500ms；保留单行高对比绿色反馈：12060 高于旧 Sweep Layer 12042，避免明亮消除层遮白金额，但永不拦截输入。 */
#bp4r181RewardLayer .bp4r182-impact-pop{
 z-index:2;display:flex;align-items:center;justify-content:center;
 max-width:min(260px,90vw);min-width:min(198px,76vw);
 padding:11px 13px;border-radius:15px;white-space:nowrap;isolation:isolate;
 color:#086d53;text-align:center;
 background:linear-gradient(168deg,#fff 0%,#effff8 62%,#d9f5ea 100%);
 border:1.8px solid #2caf8d;
 box-shadow:0 9px 19px rgba(18,94,91,.25),0 2px 0 rgba(19,129,107,.18),inset 0 1px 2px #fff;
 filter:drop-shadow(0 2px 2px rgba(255,255,255,.45));
}
#bp4r181RewardLayer .bp4r182-impact-pop::before{
 content:"";position:absolute;left:-10px;top:-11px;font:900 17px/1 system-ui;color:#36bc9d;
 text-shadow:0 1px #fff,0 2px 6px rgba(30,110,91,.22);
}
#bp4r181RewardLayer .bp4r182-impact-pop::after{
 content:"";position:absolute;right:-8px;top:0;font:900 10px/1 system-ui;color:#58c9ad;
 text-shadow:0 1px #fff;
}
#bp4r181RewardLayer .bp4r182-impact-pop .bp4r182-amount{
 font:900 clamp(25px,7.3vw,34px)/1.02 system-ui,-apple-system,BlinkMacSystemFont,'Arial',sans-serif;
 letter-spacing:-.95px;font-variant-numeric:tabular-nums;
 color:#006b49;white-space:nowrap;
 -webkit-text-stroke:.4px rgba(0,107,75,.40);
 text-shadow:0 2px 0 #fff,0 2px 2px rgba(0,95,67,.24),0 4px 7px rgba(7,105,76,.18);
}
#bp4r181RewardLayer .bp4r182-impact-pop[data-tier=big]{border-color:#23af7e;box-shadow:0 10px 21px rgba(17,109,88,.28),0 2px 0 rgba(19,129,107,.20),inset 0 1px 2px #fff}
#bp4r181RewardLayer .bp4r182-impact-pop[data-tier=big] .bp4r182-amount{font-size:clamp(27px,7.6vw,36px)}
/* 分级适配按可用高度控制视觉空气感，绝不使用 transform 改变棋盘、Tray 输入坐标。 */
@media (min-width:375px) and (min-height:805px){
 #gameScreen .game-top{height:43px;min-height:43px;flex-basis:43px;margin-bottom:10px;padding:2px 2px}
 #gameScreen .game-logo .brand-logo{width:clamp(96px,28vw,118px);max-height:38px}
 #gameScreen .game-back{min-width:31px;min-height:31px}
 #gameScreen.bp17921-mode-hud-active .bp17921-mode-hud{padding:12px 13px 11px;margin-top:4px;margin-bottom:12px}
 #gameScreen .bp17921-hud-main{gap:12px;min-height:50px}
 #gameScreen .bp17921-hud-secondary{margin-top:7px;font-size:11px;min-height:17px}
 #gameScreen .bp17921-hud-track{margin-top:8px;height:6px}
 #gameScreen .tray-title{margin:10px 0 5px}
}
@media (min-width:410px) and (min-height:890px){
 #gameScreen .game-top{height:48px;min-height:48px;flex-basis:48px;margin-bottom:14px}
 #gameScreen .game-logo .brand-logo{width:124px;max-height:40px}
 #gameScreen .game-mode{font-size:11px;padding:7px 11px}
 #gameScreen #gameBadge{min-height:30px}
 #gameScreen.bp17921-mode-hud-active .bp17921-mode-hud{padding:15px 15px 13px;margin-top:6px;margin-bottom:16px;border-radius:18px}
 #gameScreen .bp17921-hud-main{min-height:55px;gap:14px}
 #gameScreen .bp17921-hud-secondary{margin-top:9px}
 #gameScreen .bp17921-hud-track{margin-top:9px;height:7px}
 #gameScreen .tray-title{margin:12px 0 7px}
}
/* Cashout 上方信息多时放松间距，但不隐藏领取决策，也不推走棋盘。 */
@media (min-width:410px) and (min-height:890px){
 #gameScreen.bp17921-hud-cashout .bp17921-mode-hud{padding:12px 13px 11px;margin-bottom:12px}
 #gameScreen.bp17921-hud-cashout .bp179322-cashout-summary{gap:5px}
 #gameScreen.bp17921-hud-cashout .r9-cash-control{margin-top:8px;padding-top:7px}
 #gameScreen.bp17921-hud-cashout .r9-cash-rail{margin-top:8px;gap:4px}
}
@media (max-width:374px), (max-height:700px){
 #gameScreen .game-top{min-height:var(--v1771-top-h);height:var(--v1771-top-h);flex-basis:var(--v1771-top-h);margin-bottom:3px}
 #gameScreen.bp17921-mode-hud-active .bp17921-mode-hud{padding:6px 9px 5px;margin-bottom:3px}
 #gameScreen .bp17921-hud-main{min-height:38px;gap:7px}
 #gameScreen .bp17921-hud-secondary{margin-top:3px;font-size:10px;min-height:14px}
 #gameScreen .bp17921-hud-track{margin-top:3px;height:4px}
 #gameScreen .tray-title{margin:3px 0 2px}
}
@media (max-width:340px){
 #bp4r181RewardLayer .bp4r182-impact-pop{min-width:187px;padding:8px 9px}
 #bp4r181RewardLayer .bp4r182-impact-pop .bp4r182-amount{font-size:24px}
}
@media (prefers-reduced-motion:reduce){
 #bp4r181RewardLayer .bp4r182-impact-pop{will-change:auto}
}
/* V2.0.4.5｜唯一 Gameplay 顶部布局 Owner：正式 10X、Cashout 与 Guest 同一 flex 排列。
   根因：历史 .game-logo 使用 position:absolute;left:50% 导致左侧真实宽度不参与布局。
   仅修改 Header 的排列、徽标和文字；Board/Tray 几何、Pointer 均不变。 */
#gameScreen .game-top{display:flex;align-items:center;justify-content:space-between;gap:clamp(3px,1.35vw,8px);height:43px;min-height:43px;flex:0 0 43px;margin-bottom:7px;padding:0 2px}
#gameScreen .game-left{display:flex;align-items:center;gap:5px;flex:0 1 auto;min-width:0;white-space:nowrap}
#gameScreen .game-logo{position:static;top:auto;left:auto;transform:none;display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:0;margin:0 auto}
#gameScreen .game-logo .brand-logo{display:block;width:clamp(78px,23vw,112px);max-width:100%;max-height:32px;object-fit:contain;filter:none}
#gameScreen .game-mode{max-width:none;flex:0 1 auto;padding:6px 7px;font-size:clamp(9.5px,2.8vw,12px);line-height:1.1;white-space:nowrap;letter-spacing:0}
#gameScreen #gameBadge,#gameScreen.trial-10x #gameBadge{flex:0 0 auto;margin:0;min-width:40px;height:28px;padding:0 8px;background:#e5f4f8;color:#126788;border:1px solid #c4e1e8;border-radius:10px;box-shadow:none;font-size:11px;font-weight:800}
@media(max-width:350px){#gameScreen .game-top{gap:3px}#gameScreen .game-logo .brand-logo{width:76px}#gameScreen .game-mode{font-size:9.5px;padding:5px 5px}#gameScreen #gameBadge,#gameScreen.trial-10x #gameBadge{min-width:34px;padding:0 5px}#gameScreen .game-left{gap:3px}}
@media(max-height:620px){#gameScreen .game-top{min-height:35px;height:35px;flex-basis:35px;margin-bottom:3px}#gameScreen .game-logo .brand-logo{max-height:27px}}
#bp4r181RewardLayer .bp4r182-impact-pop:has(.bp4r182-impact-context){flex-direction:column;gap:3px;padding:10px 12px}
#bp4r181RewardLayer .bp4r182-impact-context{font-size:9px;line-height:1.15;font-weight:800;letter-spacing:0;color:#287468;white-space:nowrap}
/* 金额动画不依赖特殊符号字体；伪元素使用 CSS 点状光粒而非 Unicode 星形。 */
#bp4r181RewardLayer .bp4r182-impact-pop::before,#bp4r181RewardLayer .bp4r182-impact-pop::after{content:"";width:8px;height:8px;border:0;border-radius:50%;background:#46c5a6;box-shadow:0 0 0 3px rgba(67,198,166,.15);text-shadow:none}
#bp4r181RewardLayer .bp4r182-impact-pop::before{left:-6px;top:-6px}
#bp4r181RewardLayer .bp4r182-impact-pop::after{right:-5px;top:5px;width:5px;height:5px}
/* Segment 092 · src/styles/utilities.css */

html.bp4r3-active #bp1806667RewardLayer{opacity:.16!important;transition:opacity 50ms linear}html.bp4r3-active .v179270-feedback{opacity:.12!important;transition:opacity 45ms linear}
#bpStep4RPreClearLayer .bp4r-preclear-cell{background:var(--bp4r3-tile-bg)!important;border-color:color-mix(in srgb,var(--bp4r3-source) 62%,white 38%)!important;box-shadow:inset 0 3px rgba(255,255,255,.52),inset 0 -3px rgba(0,0,0,.18),0 0 7px var(--bp4r3-source),0 0 16px color-mix(in srgb,var(--bp4r3-source) 72%,transparent)!important;filter:brightness(1.52) saturate(1.22)!important;opacity:.94!important}
.bp-step3-clear-capture-layer.bp4r3-source-capture .bp-step3-clear-capture-tile{background:var(--bp4r3-tile-bg)!important;filter:brightness(1.42) saturate(1.2)!important;box-shadow:inset 0 3px rgba(255,255,255,.48),inset 0 -3px rgba(0,0,0,.18),0 0 8px var(--bp4r3-source),0 0 16px color-mix(in srgb,var(--bp4r3-source) 62%,transparent)!important}
html.bp4r-hide-step3-sweep .bp-step3-sweep-layer.bp4r3-source-sweep{opacity:1!important;visibility:visible!important}.bp-step3-sweep-layer.bp4r3-source-sweep{z-index:30!important;overflow:visible!important}
.bp-step3-sweep-layer.bp4r3-source-sweep .bp-step3-sweep-tile{background:var(--bp4r3-tile-bg)!important;filter:brightness(1.42) saturate(1.22)!important;box-shadow:inset 0 3px rgba(255,255,255,.52),inset 0 -3px rgba(0,0,0,.18),0 0 8px color-mix(in srgb,var(--bp4r3-source) 68%,transparent)!important;transition:opacity 50ms linear,filter 50ms linear!important}
.bp-step3-sweep-layer.bp4r3-source-sweep .bp-step3-sweep-tile.is-erasing{opacity:0!important;filter:brightness(1.85) saturate(1.30)!important}
.bp-step3-sweep-layer.bp4r3-source-sweep .bp-step3-sweep-head{z-index:5!important;overflow:visible!important;opacity:1!important;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--bp4r3-source) 48%,white 52%) 23%,white 48%,white 52%,color-mix(in srgb,var(--bp4r3-source) 48%,white 52%) 77%,transparent 100%)!important;box-shadow:0 0 5px rgba(255,255,255,.98),0 0 12px var(--bp4r3-source),0 0 24px color-mix(in srgb,var(--bp4r3-source) 72%,transparent)!important}
.bp-step3-sweep-layer.bp4r3-source-sweep .bp-step3-sweep-head[data-orientation="COLUMN"]{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bp4r3-source) 48%,white 52%) 23%,white 48%,white 52%,color-mix(in srgb,var(--bp4r3-source) 48%,white 52%) 77%,transparent 100%)!important}
.bp-step3-sweep-layer.bp4r3-source-sweep .bp-step3-sweep-head::after{content:"";position:absolute;pointer-events:none;border-radius:999px;opacity:.84;filter:blur(2px);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bp4r3-source) 86%,white 14%));box-shadow:0 0 11px color-mix(in srgb,var(--bp4r3-source) 72%,transparent)}
.bp-step3-sweep-layer.bp4r3-source-sweep .bp-step3-sweep-head[data-orientation="ROW"][data-direction="RIGHT_TO_LEFT"]::after{left:100%;top:10%;height:80%;width:220%}
.bp-step3-sweep-layer.bp4r3-source-sweep .bp-step3-sweep-head[data-orientation="ROW"][data-direction="LEFT_TO_RIGHT"]::after{right:100%;top:10%;height:80%;width:220%;transform:scaleX(-1)}
.bp-step3-sweep-layer.bp4r3-source-sweep .bp-step3-sweep-head[data-orientation="COLUMN"][data-direction="TOP_TO_BOTTOM"]::after{left:10%;bottom:100%;width:80%;height:220%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bp4r3-source) 86%,white 14%))}
.bp-step3-sweep-layer.bp4r3-source-sweep .bp-step3-sweep-head[data-orientation="COLUMN"][data-direction="BOTTOM_TO_TOP"]::after{left:10%;top:100%;width:80%;height:220%;background:linear-gradient(180deg,color-mix(in srgb,var(--bp4r3-source) 86%,white 14%),transparent)}
#bpStep4R3FxLayer{position:fixed;inset:0;z-index:12020;pointer-events:none;overflow:visible}
.bp4r3-residual{position:fixed;border-radius:7px;background:var(--bp4r3-source);mix-blend-mode:screen;opacity:.46;box-shadow:0 0 8px var(--bp4r3-source),0 0 16px color-mix(in srgb,var(--bp4r3-source) 64%,transparent);pointer-events:none}
.bp4r3-spark{position:fixed;width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 5px var(--bp4r3-source),0 0 9px var(--bp4r3-source);pointer-events:none}
.bp4r3-intersection{position:fixed;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,white 0%,color-mix(in srgb,var(--bp4r3-source) 45%,white 55%) 24%,color-mix(in srgb,var(--bp4r3-source) 72%,transparent) 58%,transparent 76%);filter:blur(.6px);opacity:0}
/* Segment 093 · src/styles/utilities.css */

html.bp4r6-active #bp1806667RewardLayer{opacity:.28!important;transition:opacity 100ms ease-out!important}
html.bp4r6-active .v179270-feedback{opacity:.22!important;transition:opacity 100ms ease-out!important}
#bpStep4RPreClearLayer .bp4r-preclear-cell{filter:brightness(1.53) saturate(1.25)!important;opacity:.97!important;box-shadow:inset 0 3px rgba(255,255,255,.52),inset 0 -3px rgba(0,0,0,.18),inset 0 0 0 1px color-mix(in srgb,white 20%,transparent),0 0 7px var(--bp4r3-source),0 0 16px color-mix(in srgb,var(--bp4r3-source) 58%,transparent)!important}
.bp-step3-clear-capture-layer.bp4r6-source-capture .bp-step3-clear-capture-tile{background:var(--bp4r6-tile-bg)!important;filter:brightness(1.50) saturate(1.24)!important;box-shadow:inset 0 3px rgba(255,255,255,.52),inset 0 -3px rgba(0,0,0,.16),inset 0 0 0 1px color-mix(in srgb,white 18%,transparent),0 0 8px var(--bp4r6-source),0 0 17px color-mix(in srgb,var(--bp4r6-source) 58%,transparent)!important}
.bp-step3-sweep-layer.bp4r6-source-sweep{z-index:12042!important;overflow:visible!important}
.bp-step3-sweep-layer.bp4r6-source-sweep .bp-step3-sweep-tile{background:var(--bp4r6-tile-bg)!important;filter:brightness(1.50) saturate(1.23)!important;box-shadow:inset 0 3px rgba(255,255,255,.48),inset 0 -3px rgba(0,0,0,.17),0 0 7px color-mix(in srgb,var(--bp4r6-source) 58%,transparent)!important;transition:opacity 50ms linear,filter 50ms linear,transform 50ms linear!important;transform-origin:center!important}
.bp-step3-sweep-layer.bp4r6-source-sweep .bp-step3-sweep-tile.is-erasing{opacity:0!important;filter:brightness(1.92) saturate(1.30)!important;transform:scale(.93)!important}

/* Spectral head: no visible rectangle, bright center + halo + short flare wing. */
.bp-step3-sweep-layer.bp4r6-source-sweep .bp-step3-sweep-head{z-index:24!important;opacity:1!important;overflow:visible!important;border-radius:38%!important;mix-blend-mode:screen!important;filter:brightness(var(--r6-head-core,1.44)) saturate(1.10)!important;box-shadow:0 0 5px rgba(255,255,255,.98),0 0 12px var(--r6-hot),0 0 28px color-mix(in srgb,var(--r6-bloom) 84%,transparent),0 0 40px color-mix(in srgb,var(--r6-bloom) 42%,transparent)!important;background:radial-gradient(ellipse at center,var(--r6-core) 0 13%,rgba(255,255,255,.98) 18%,color-mix(in srgb,var(--r6-hot) 72%,white 28%) 34%,var(--r6-hot) 48%,color-mix(in srgb,var(--r6-source) 65%,transparent) 66%,transparent 79%)!important;transform:translateZ(0)!important}
.bp-step3-sweep-layer.bp4r6-source-sweep .bp-step3-sweep-head::before{content:"";position:absolute;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);width:145%;height:145%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.94) 0 11%,color-mix(in srgb,var(--r6-hot) 62%,white 38%) 24%,color-mix(in srgb,var(--r6-bloom) 50%,transparent) 52%,transparent 76%);filter:blur(1.2px);opacity:.92}
.bp-step3-sweep-layer.bp4r6-source-sweep .bp-step3-sweep-head::after{content:"";position:absolute;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 16%,rgba(255,255,255,.95) 49%,rgba(255,255,255,.25) 84%,transparent 100%);filter:blur(.8px);opacity:.86}
.bp-step3-sweep-layer.bp4r6-source-sweep .bp-step3-sweep-head[data-orientation="ROW"]::after{width:32%;height:var(--r6-flare-wing,72%);min-height:22px;max-height:46px}
.bp-step3-sweep-layer.bp4r6-source-sweep .bp-step3-sweep-head[data-orientation="COLUMN"]::after{height:32%;width:var(--r6-flare-wing,72%);min-width:22px;max-width:46px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.25) 16%,rgba(255,255,255,.95) 49%,rgba(255,255,255,.25) 84%,transparent 100%)}

#bpStep4R6FxLayer{position:fixed;inset:0;z-index:12041;pointer-events:none;overflow:visible;isolation:isolate}
.bp4r6-line-band{position:fixed;pointer-events:none;overflow:visible;mix-blend-mode:screen;border-radius:3px;opacity:0;will-change:left,top,width,height,opacity,filter;transform:translateZ(0);isolation:isolate;background:var(--r6-band-bg);box-shadow:0 0 var(--r6-near-bloom,12px) color-mix(in srgb,var(--r6-hot) 72%,transparent),0 0 var(--r6-far-bloom,22px) color-mix(in srgb,var(--r6-bloom) 45%,transparent);filter:brightness(1.34) saturate(1.38)}
.bp4r6-band-hot{position:absolute;pointer-events:none;border-radius:8px;mix-blend-mode:screen;background:radial-gradient(ellipse at center,rgba(255,255,255,.82) 0 12%,color-mix(in srgb,var(--r6-hot) 68%,white 32%) 26%,color-mix(in srgb,var(--r6-hot) 48%,transparent) 56%,transparent 78%);filter:blur(1.1px);opacity:.82}
.bp4r6-streak{position:absolute;pointer-events:none;border-radius:2px;mix-blend-mode:screen;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.28) 12%,var(--r6-core) 46%,rgba(255,255,255,.72) 67%,transparent 100%);box-shadow:0 0 4px rgba(255,255,255,.76),0 0 9px color-mix(in srgb,var(--r6-hot) 70%,transparent);filter:blur(var(--r6-streak-blur,1.3px));transform-origin:center;opacity:0}
.bp4r6-streak.s2{filter:blur(calc(var(--r6-streak-blur,1.3px)*1.25));opacity:0}
.bp4r6-streak.s3{filter:blur(calc(var(--r6-streak-blur,1.3px)*1.55));opacity:0}
.bp4r6-knot{position:absolute;pointer-events:none;border-radius:50%;mix-blend-mode:screen;background:radial-gradient(circle,var(--r6-core) 0 11%,rgba(255,255,255,.92) 18%,var(--r6-hot) 38%,color-mix(in srgb,var(--r6-bloom) 50%,transparent) 62%,transparent 80%);filter:blur(.5px);opacity:0;transform:translate(-50%,-50%) scale(.72)}
.bp4r6-residual{position:fixed;pointer-events:none;border-radius:5px;mix-blend-mode:screen;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--r6-hot) 55%,transparent) 0%,color-mix(in srgb,var(--r6-source) 48%,transparent) 46%,transparent 76%);box-shadow:0 0 7px color-mix(in srgb,var(--r6-source) 54%,transparent),0 0 15px color-mix(in srgb,var(--r6-bloom) 25%,transparent);opacity:0}
.bp4r6-glint{position:fixed;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen;opacity:0}
.bp4r6-glint.point{width:4px;height:4px;border-radius:50%;background:var(--r6-core);box-shadow:0 0 4px #fff,0 0 9px var(--r6-hot),0 0 15px color-mix(in srgb,var(--r6-bloom) 58%,transparent)}
.bp4r6-glint.star{width:5px;height:5px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 4px #fff,0 0 10px var(--r6-hot),0 0 16px color-mix(in srgb,var(--r6-bloom) 55%,transparent)}
.bp4r6-glint.star::before,.bp4r6-glint.star::after{content:"";position:absolute;left:50%;top:50%;background:rgba(255,255,255,.92);transform:translate(-50%,-50%) rotate(-45deg);border-radius:2px}
.bp4r6-glint.star::before{width:15px;height:1px}.bp4r6-glint.star::after{width:1px;height:15px}
.bp4r6-board-glow{position:fixed;pointer-events:none;border:2px solid color-mix(in srgb,var(--r6-hot) 66%,white 34%);border-radius:10px;mix-blend-mode:screen;opacity:0;box-shadow:inset 0 0 9px color-mix(in srgb,var(--r6-hot) 46%,transparent),0 0 10px color-mix(in srgb,var(--r6-hot) 56%,transparent),0 0 28px color-mix(in srgb,var(--r6-bloom) 42%,transparent),0 0 40px color-mix(in srgb,var(--r6-bloom) 20%,transparent);will-change:opacity,filter}
.bp4r6-endpoint{position:fixed;pointer-events:none;mix-blend-mode:screen;border-radius:50%;opacity:0;background:radial-gradient(circle,var(--r6-core) 0 12%,rgba(255,255,255,.96) 20%,var(--r6-hot) 38%,color-mix(in srgb,var(--r6-bloom) 58%,transparent) 62%,transparent 80%);box-shadow:0 0 8px #fff,0 0 18px var(--r6-hot),0 0 28px color-mix(in srgb,var(--r6-bloom) 44%,transparent)}
.bp4r6-endpoint::before,.bp4r6-endpoint::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#fff,transparent);opacity:.75}
.bp4r6-endpoint::before{width:160%;height:1px}.bp4r6-endpoint::after{width:1px;height:160%}
.bp4r6-intersection{position:fixed;pointer-events:none;mix-blend-mode:screen;opacity:0;border-radius:42%;background:radial-gradient(circle,var(--r6-core) 0 10%,white 15%,color-mix(in srgb,var(--r6-hot) 68%,white 32%) 27%,var(--r6-hot) 41%,color-mix(in srgb,var(--r6-bloom) 52%,transparent) 61%,transparent 80%);box-shadow:0 0 9px #fff,0 0 20px var(--r6-hot),0 0 36px color-mix(in srgb,var(--r6-bloom) 48%,transparent)}
.bp4r6-intersection::before,.bp4r6-intersection::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);border-radius:2px;filter:blur(.7px)}
.bp4r6-intersection::before{width:175%;height:2px}.bp4r6-intersection::after{height:175%;width:2px}
/* Segment 094 · src/styles/responsive.css */

/* STEP 4R.11 — preserve the locked one-screen entry gate after the Cashout demo becomes a true 8×8 board. Entry-only. */
@media (min-width:360px) and (max-width:399px) and (min-height:760px){
  #cashoutPageRoot .bpco-demo-stage{width:min(100%,242px)}
  #cashoutPageRoot #bpcoBetGrid .bet{height:34px;min-height:34px}
}
@media (min-width:360px) and (max-width:399px) and (min-height:760px) and (max-height:820px){
  #cashoutPageRoot .bpco-demo-stage{width:min(100%,217px)}
  #cashoutPageRoot .bpco-hero-node em{display:none}
  #cashoutPageRoot .bpco-cp{padding:3px 1px}
  #cashoutPageRoot .bpco-reward-card{padding-top:6px;padding-bottom:5px}
}
/* Segment 095 · src/styles/pages.css */

/* ============================================================
   STEP 4R.16.1 — TRANSAÇÕES PAGE SIMPLIFICATION
   Scope: #v18061TransactionsScreen only.
   Owner: Transactions Presentation Domain.
   ============================================================ */
#v18061TransactionsScreen.v18161-transactions{--v18161-gold:#ffd42a;--v18161-green:#18d6a2;--v18161-red:#ff6a67;--v18161-amber:#ffb11a;--v18161-line:rgba(255,255,255,.07);--v18161-muted:#a8a8ad}
#v18061TransactionsScreen .v18161-segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:14px 16px 16px;padding:5px;border-radius:18px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
#v18061TransactionsScreen .v18161-segment button{appearance:none;border:0;min-width:0;height:54px;border-radius:14px;background:transparent;color:#c9c9cc;font-size:16px;font-weight:850;letter-spacing:-.15px;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease;touch-action:manipulation}
#v18061TransactionsScreen .v18161-segment button:active{transform:scale(.985)}
#v18061TransactionsScreen .v18161-segment button.active{background:#0b0d0c;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}
#v18061TransactionsScreen .v18161-records{margin:0 16px 28px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);overflow:hidden}
#v18061TransactionsScreen .v18161-table-head,#v18061TransactionsScreen .v18161-row{display:grid;grid-template-columns:70px 72px minmax(0,1fr);align-items:center;column-gap:8px}
#v18061TransactionsScreen .v18161-table-head{min-height:46px;padding:0 14px;border-bottom:1px solid var(--v18161-line);color:var(--v18161-muted);font-size:11.5px;font-weight:800;letter-spacing:.15px}
#v18061TransactionsScreen .v18161-table-head span:nth-child(2){text-align:center}
#v18061TransactionsScreen .v18161-table-head span:last-child{text-align:right}
#v18061TransactionsScreen .v18161-table-body{min-height:124px}
#v18061TransactionsScreen .v18161-row{min-height:60px;padding:7px 14px;border-bottom:1px solid rgba(255,255,255,.045)}
#v18061TransactionsScreen .v18161-row:last-child{border-bottom:0}
#v18061TransactionsScreen .v18161-amount{font-size:15px;font-weight:900;color:#f7f7f8;white-space:nowrap;font-variant-numeric:tabular-nums}
#v18061TransactionsScreen .v18161-row.pending .v18161-amount{color:var(--v18161-gold)}
#v18061TransactionsScreen .v18161-row.paid .v18161-amount{color:var(--v18161-green)}
#v18061TransactionsScreen .v18161-row.failed .v18161-amount{color:#d9d9dc}
#v18061TransactionsScreen .v18161-status{justify-self:center;display:inline-flex;align-items:center;justify-content:center;min-width:72px;max-width:100%;height:31px;padding:0 10px;border-radius:9px;font-size:12px;font-weight:850;white-space:nowrap;border:1px solid transparent}
#v18061TransactionsScreen .v18161-status.pending{color:#ffe15a;background:rgba(178,103,0,.72);border-color:rgba(255,192,53,.08)}
#v18061TransactionsScreen .v18161-status.paid{color:#2ee0b2;background:rgba(0,101,75,.75);border-color:rgba(34,224,178,.08)}
#v18061TransactionsScreen .v18161-status.failed{color:#ff8a85;background:rgba(117,33,31,.62);border-color:rgba(255,105,99,.08)}
#v18061TransactionsScreen .v18161-status.neutral{color:#d8d8dc;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.04)}
#v18061TransactionsScreen .v18161-date{text-align:right;color:#f1f1f3;font-size:10.5px;font-weight:750;letter-spacing:-.28px;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}
#v18061TransactionsScreen .v18161-empty{padding:54px 18px 58px;text-align:center;color:#b3b3b8}
#v18061TransactionsScreen .v18161-empty svg{width:38px;height:38px;margin-bottom:10px;fill:none;stroke:#d8ad19;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.88}
#v18061TransactionsScreen .v18161-empty b{display:block;color:#f3f3f4;font-size:15px;margin-bottom:6px}
#v18061TransactionsScreen .v18161-empty p{margin:0;font-size:12px;line-height:1.5;color:#8e8e94}
@media(max-width:359px){#v18061TransactionsScreen .v18161-segment{margin-left:12px;margin-right:12px}#v18061TransactionsScreen .v18161-records{margin-left:12px;margin-right:12px}#v18061TransactionsScreen .v18161-segment button{height:50px;font-size:14px}#v18061TransactionsScreen .v18161-table-head,#v18061TransactionsScreen .v18161-row{grid-template-columns:60px 64px minmax(0,1fr);column-gap:6px}#v18061TransactionsScreen .v18161-table-head{padding:0 10px;font-size:10.5px}#v18061TransactionsScreen .v18161-row{padding-left:10px;padding-right:10px;min-height:57px}#v18061TransactionsScreen .v18161-amount{font-size:13px}#v18061TransactionsScreen .v18161-status{min-width:62px;height:29px;padding:0 7px;font-size:10.5px}#v18061TransactionsScreen .v18161-date{font-size:9.2px;letter-spacing:-.4px}}
/* Segment 096 · src/styles/gameplay.css */

/* STEP 4R.19.19 — Global mobile keyboard / editable visibility guard. */
:root{--bp-kv-vv-height:100dvh;--bp-kv-vv-top:0px;--bp-kv-occlusion:0px}
html.bp-kv-editing,body.bp-kv-editing{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.bp-kv-min16{font-size:16px}
.bp-kv-scroll-host{scroll-behavior:auto;scroll-padding-top:18px;scroll-padding-bottom:22px}
/* Keep focus ring visible without changing the existing design language. */
input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable="true"]:focus-visible,[contenteditable="plaintext-only"]:focus-visible{scroll-margin-top:18px;scroll-margin-bottom:22px}
:root {
  --bp49-app-bg:#0b171a;
  --bp49-surface:#16262a;
  --bp49-raised:#20343a;
  --bp49-border:#355158;
  --bp49-text:#f1f7f5;
  --bp49-secondary:#b8cbce;
  --bp49-muted:#98b0b4;
  --bp49-green:#36e7a5;
  --bp49-gold:#ffda35;
}
body{background:var(--bp496-app)!important;color:var(--bp496-text)}
#authHome{background:var(--bp496-app)!important}

#authHome .auth-header{background:linear-gradient(180deg,#111c1e,#0b1517);}
#v18061SystemViewport .v18061-screen.child{
  background:linear-gradient(180deg,#0c1b1e 0%,#0a1618 100%);
  color:var(--bp49-text);
}
#v18061SystemViewport .v18061-card,
#v18061SystemViewport .v18065-summary-hero{
  background-color:var(--bp49-surface);
  border-color:var(--bp49-border);
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 5px 16px rgba(0,0,0,.12);
}
#v18061SystemViewport .v18061-card-head small,
#v18061SystemViewport .v18061-field>span,
#v18061SystemViewport .v18061-inline-status,
#v18061SystemViewport .v18065-summary-hero small{color:var(--bp49-secondary);letter-spacing:.25px}
#v18061SystemViewport .v18061-card-head h2,
#v18061SystemViewport .v18065-summary-hero strong{color:var(--bp49-text)}
#v18061SystemViewport .v18061-field input,
#v18061SystemViewport .v18061-money-input{
  background:#112024;
  border-color:#3a5155;
  color:#f3f9f8;
}
#v18061SystemViewport .v18061-field input::placeholder{color:#99afb2;opacity:1}
#v18061SystemViewport .v18065-child .v18065-child-head{
  box-sizing:border-box;
  margin-left:0!important;margin-right:0!important;
  width:100%!important;max-width:100%!important;
  padding-left:max(9px, env(safe-area-inset-left,0px));
  padding-right:max(9px, env(safe-area-inset-right,0px));
  grid-template-columns:44px minmax(0,1fr) 84px!important;
  gap:5px!important;
  background:rgba(10,23,25,.98);
  border-color:#355158;
}
#v18061SystemViewport .v18065-child .v18065-child-head>div{min-width:0;overflow:hidden}
#v18061SystemViewport .v18065-child .v18065-child-head h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#v18061SystemViewport .v18065-child .v18065-deposit-entry{
  box-sizing:border-box;min-width:0!important;width:100%;max-width:100%;
  padding:0 5px!important;white-space:nowrap;font-size:10px!important;
}
#v18061SystemViewport .v18065-child .v18061-back{width:40px!important;height:40px!important}
#v18061ProfileScreen,
#v18061ReferralScreen{background:var(--bp496-app);}
#v18061ProfileScreen .bp-r136-profile-hero,
#v18061ReferralScreen .bp-r136-ref-hero{
  background:linear-gradient(140deg,#20373a,#142528);
  border:1px solid #35575b!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 9px 23px rgba(0,0,0,.12);
}
#v18061ProfileScreen .bp-r136-menu-label{color:var(--bp49-muted);letter-spacing:.65px}
#v18061ProfileScreen .bp-r136-menu-row,
#v18061ReferralScreen .bp-r136-ref-card{border-color:#355056;}
#v18061ProfileScreen .bp-r136-menu-row small,
#v18061ReferralScreen .bp-r136-ref-copy span{color:var(--bp49-secondary);}
#v18061GameHistoryScreen .v18061-card,
#v18061TransactionsScreen .v18161-records{background:#142429;border-color:#365157;}
#v18061GameHistoryScreen .v18061-tx-list,
#v18061TransactionsScreen .v18161-table-body{color:#eef7f5}
#v18061GameHistoryScreen .v18061-empty,
#v18061TransactionsScreen .v18161-empty{
  background:linear-gradient(160deg,#1d3135,#142327);border:1px solid #365459;
  border-radius:16px;color:#c5d6d7;
}
#v18061GameHistoryScreen .v18061-empty p,
#v18061TransactionsScreen .v18161-empty p{color:var(--bp49-secondary)}
#v18061TransactionsScreen .v18161-table-head{color:#b6cbca}
#v18061DepositScreen{background:var(--bp496-app);}
#v18061DepositScreen .bp-r13-deposit-panel{background:#18292b;border-color:#36535a}
#v18061DepositScreen .bp-r13-amount-grid .v18061-amount:not(.selected){background:linear-gradient(180deg,#243237,#172529);border-color:#41575c}
#v18061DepositScreen .bp-r13-money-input{background:#122126;border-color:#426065}
#authPagePlay .v17924-home-hero,
#cashoutPageRoot .bpco-hero{background:linear-gradient(165deg,#1c2c2e,#0d191c);border-color:#345156;}
#authPagePlay .v17924-demo-board,
#cashoutPageRoot .bpco-demo-board{background:#111f23;border-color:#345257;}
#authPagePlay .v17924-cell:not(.filled),
#cashoutPageRoot .bpco-cell:not(.cyan):not(.blue):not(.purple):not(.yellow):not(.green):not(.orange):not(.red):not(.hero-preview):not(.hero-complete){
  background:linear-gradient(180deg,#26353a,#1a282d);
  border-color:#375058;
}
#authPagePlay .v17924-goal-card,
#cashoutPageRoot .bpco-reward-card{background:linear-gradient(155deg,#202f29,#142320);border-color:#405445;}
#authPagePlay .v17924-bet-panel,
#cashoutPageRoot .v17924-bet-panel{background:#172526;border-color:#355049;}
#authPagePlay .v17924-bet-head,
#cashoutPageRoot .v17924-bet-head{color:#c5d6d1}
#authPagePlay .v17924-bet-grid .bet:not(.active),
#cashoutPageRoot .v17924-bet-grid .bet:not(.active){background:#243432;border-color:#38544d;color:#d5e4dc;}
#cashoutPageRoot .bpco-cp:not(.active):not(.passed){background:#1c2b29;border-color:#40534b}
#cashoutPageRoot .bpco-cp b{font-size:max(9px, 0.7rem);line-height:1.2}
#authHome .auth-bottom-nav{background:rgba(12,25,27,.98);border-top-color:#38534e;}
#authHome .auth-bottom-nav .auth-nav-btn:not(.active){color:#b0c4bd;}
#authHome .auth-bottom-nav .auth-nav-btn:not(.active) .ni{color:#b8ccc4;border-color:#385650;background:#1a2b2b;}
#authOverlay input{border-color:#446062;color:#f4f9f7}
#authOverlay input::placeholder{color:#99afb2}
#authOverlay .auth-subtitle,#authOverlay .auth-error{line-height:1.45}
@media(max-width:359px) and (max-height:650px){
  #authPagePlay .v17924-home-hero{padding:5px 7px!important;margin-bottom:4px!important;border-radius:14px}
  #authPagePlay .v17924-hero-top{margin-bottom:2px!important}
  #authPagePlay .v17924-demo-stage{width:138px!important;height:138px!important;max-width:138px!important}
  #authPagePlay .v17924-demo-copy{margin-top:2px!important;line-height:1.1!important}
  #authPagePlay .v17924-goal-card{margin-bottom:4px!important;padding:5px 8px!important;border-radius:13px!important}
  #authPagePlay .v17924-goal-top{margin-bottom:2px!important;min-height:0!important}
  #authPagePlay .v17924-goal-foot{margin-top:2px!important;padding-top:0!important}
  #authPagePlay .r8-reward-formula{margin:2px 0!important}
  #authPagePlay .v17924-bet-panel{margin-bottom:4px!important;padding:5px 7px!important}
  #authPagePlay .v17924-bet-head{margin-bottom:3px!important}
  #authPagePlay .v17924-bet-grid{gap:3px!important}
  #authPagePlay .v17924-bet-grid .bet{height:29px!important;min-height:29px!important}
  #authPagePlay .v17924-primary{height:46px!important;min-height:46px!important}
  
  /* V2.0.4.2 P0：禁止短屏将 Cashout 顶部 Hero 重排到主 CTA 下方。遵循原 DOM 顺序。
     根因是旧 order:3；不改变演示与下注模块的真实业务事件。 */
  #authHome.bpco-cash-active #cashoutPageRoot{display:flex!important;flex-direction:column!important}
  #authHome.bpco-cash-active #cashoutPageRoot>.v17924-primary{flex-shrink:0;min-height:46px!important}
  #cashoutPageRoot .bpco-reward-card{padding:7px 9px!important;margin-bottom:6px!important}
  #cashoutPageRoot .bpco-bet-panel{padding:6px 8px!important;margin-bottom:5px!important}
  #cashoutPageRoot .bpco-demo-stage{width:min(100%,215px)!important}
}
@media(max-width:350px){
  #v18061SystemViewport .v18065-child .v18065-child-head{grid-template-columns:40px minmax(0,1fr) 78px!important;gap:4px!important}
  #v18061SystemViewport .v18065-child .v18065-deposit-entry{font-size:9px!important}
  #v18061SystemViewport .v18061-card{padding-left:11px;padding-right:11px}
}
@media(max-width:359px){
  #lobbyScreen:not(.authenticated-shell-mode) .headline{display:block!important;font-size:20px!important;line-height:1.12!important;max-width:96%!important;letter-spacing:-.45px!important}
  #lobbyScreen:not(.authenticated-shell-mode) .bp-r192-hero-subline{font-size:10.5px!important;color:#c4d5ce;}
}
#v18061SystemViewport{background:#0d1b1d;}
#v18061ProfileScreen .bp-r136-menu-card{
  background:linear-gradient(160deg,#1b2c2e,#152325);
  border:1px solid #3a5255!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045);
}
#v18061ProfileScreen .bp-r136-profile-row{border-bottom-color:#365051;}
#v18061ProfileScreen .bp-r136-profile-row .bp-r136-row-copy b{color:#f1f8f4;font-size:14px;}
#v18061ProfileScreen .bp-r136-profile-row .bp-r136-row-copy small{color:#b0c5c4;font-size:10.5px;line-height:1.3;}
#v18061ProfileScreen .bp-r136-profile-copy p{color:#b7cecb;font-size:11px;}
#v18061ProfileScreen .bp-r136-menu-label{color:#b2c6c2;font-size:10px;}
#v18061GameHistoryScreen .v18061-card,
#v18061GameHistoryScreen .v18065-summary-hero,
#v18061WithdrawScreen .v18061-card{
  background:linear-gradient(150deg,#1b2d30,#142327);
  border-color:#375258;
}
#v18061GameHistoryScreen .v18061-empty{
  background:linear-gradient(160deg,#1a2d30,#112126);
  border-color:#3c565b;
}
#v18061GameHistoryScreen .v18061-empty p,
#v18061GameHistoryScreen .v18061-tx-list small{color:#b7cacb;}
#v18061ReferralScreen .bp-r136-ref-card{background:#1a2c2f;color:#eff7f3;}
#v18061WithdrawScreen .v18061-amount:disabled{opacity:.62;color:#a2b0ae}
@media(min-width:360px) and (max-width:399px) and (max-height:760px){
  /* V2.0.4.2：360–399px 短屏禁止重排，Hero/Checkpoints/Bet/CTA 仍按正式设计先后。 */
  #authHome.bpco-cash-active #cashoutPageRoot{display:flex!important;flex-direction:column!important}
  #authHome.bpco-cash-active #cashoutPageRoot>.v17924-primary{flex-shrink:0;min-height:48px!important}
}
/* 4.9.6 Owner: src/styles/base.css */

/* 全局基础视觉：仅颜色、排版、背景；不修改几何和触摸。 */
html,body{background:var(--bp496-app);color:var(--bp496-text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
#lobbyScreen,#authHome,#v18061SystemViewport{background:var(--bp496-app);color:var(--bp496-text)}
#authHome .auth-header,#authHome .auth-app-header{background:var(--bp496-card);color:var(--bp496-text);border-bottom:1px solid var(--bp496-border)}
#authHome .auth-app-header .auth-balance,#authHome .auth-app-header .auth-wallet{color:var(--bp496-text)}
#v18061SystemViewport .v18061-screen.child{background:var(--bp496-app);color:var(--bp496-text)}
#lobbyScreen:not(.authenticated-shell-mode){background:linear-gradient(180deg,var(--bp496-game),var(--bp496-app) 80%)}
#lobbyScreen .headline{color:var(--bp496-text);text-shadow:none}
#lobbyScreen .headline .accent,#lobbyScreen .headline em{color:var(--bp496-action)}
#lobbyScreen .content,#lobbyScreen .guest-hero,#lobbyScreen .guest-area{color:var(--bp496-text)}
#lobbyScreen .tag,#lobbyScreen .eyebrow,#lobbyScreen .bp-r192-hero-subline{color:var(--bp496-sub)}


/* 首页标题：必须在浅色背景下清楚可读，消除旧白色投影。 */
#lobbyScreen:not(.authenticated-shell-mode) .headline{color:var(--bp496-text);text-shadow:none}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r194-headline-main{color:var(--bp496-text);text-shadow:none}
#lobbyScreen:not(.authenticated-shell-mode) .headline .gain{color:var(--bp496-action);text-shadow:none}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r192-hero-subline{color:var(--bp496-sub)}
#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{
 color:#fff;background:var(--bp496-brand);border:1px solid var(--bp496-brand);
 box-shadow:0 3px 9px rgba(29,100,149,.15)
}
#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{
 color:var(--bp496-brand);background:var(--bp496-card);border:1px solid #9CBFD4;
 box-shadow:0 2px 8px rgba(30,75,108,.06)
}


/* 可读性专项：旧 4.9 高特异性标题仍保持白色；精准迁移至新版浅背景语义。 */
#lobbyScreen:not(.authenticated-shell-mode) .headline,
#lobbyScreen:not(.authenticated-shell-mode) .headline .bp-r194-headline-main{
 color:var(--bp496-text)!important;text-shadow:none!important
}
#lobbyScreen:not(.authenticated-shell-mode) .headline .gain{
 color:var(--bp496-action)!important;text-shadow:none!important
}


/* 4.9.6 非游戏 UI：统一文字与卡片语义。作用域限定已登录业务页面，不进入棋盘/Gamplay。 */
#authHome #authContent>.auth-page.active{color:var(--bp496-text)}
#authPageDeposit,#authPageWithdraw,#authPageProfile,#authPageReferral,
#authPageGameHistory,#authPageTransactions{--bp-ui-text:var(--bp496-text);--bp-ui-muted:var(--bp496-sub);--bp-ui-line:#DCE8EF}
#authContent .auth-page h2,#authContent .auth-page h3{letter-spacing:-.35px}
#authContent .auth-page button,#authContent .auth-page input{font-family:inherit}
#authContent .auth-page button:focus-visible,#authContent .auth-page input:focus-visible{
 outline:2px solid var(--bp496-brand);outline-offset:2px
}

/* 4.9.6 Owner: src/styles/components.css */

/* 基础 UI Owner：金额、按钮、卡片的外观，不触碰业务状态。 */
#v18061SystemViewport .v18061-card,#v18061SystemViewport .v18065-summary-hero,
#v18061DepositScreen .bp-r13-deposit-panel{
 background:var(--bp496-card);border-color:var(--bp496-border);color:var(--bp496-text);
 box-shadow:0 6px 20px rgba(28,77,106,.07),inset 0 1px rgba(255,255,255,.72)
}
#v18061SystemViewport .v18061-card-head h2,#v18061SystemViewport .v18065-summary-hero strong{color:var(--bp496-text)}
#v18061SystemViewport .v18061-card-head small,
#v18061SystemViewport .v18061-field>span,
#v18061SystemViewport .v18061-inline-status,
#v18061SystemViewport .v18065-summary-hero small{color:var(--bp496-sub)}
#v18061SystemViewport .v18061-field input,
#v18061SystemViewport .v18061-money-input,
#v18061DepositScreen .bp-r13-money-input{
 color:var(--bp496-text);background:#F6FAFC;border-color:var(--bp496-border);
}
#v18061SystemViewport input::placeholder{color:#71879A;opacity:1}
#v18061DepAmounts .v18061-amount,#v18061DepositScreen .bp-r13-amount-grid .v18061-amount:not(.selected){
 color:var(--bp496-text);background:#EDF4F8;border:1px solid #C4D6E2;box-shadow:none;
}
#v18061DepAmounts .v18061-amount.selected,
#v18061DepositScreen .bp-r13-amount-grid .v18061-amount.selected{
 background:var(--bp496-brand);color:white;border-color:var(--bp496-brand);
 box-shadow:0 2px 6px rgba(28,84,140,.15);
}
#v18061DepositScreen .v18061-btn,#v18061DepositScreen .bp-r13-deposit-btn,
#v18061DepositScreen button[class*="deposit-confirm"]{
 background:var(--bp496-action);color:white;border-color:transparent;
 box-shadow:0 3px 10px rgba(19,146,100,.18);
}
#v18061DepositScreen .v18061-btn:disabled{background:#B7C7C9;color:#41565E;box-shadow:none}
#v18061DepositScreen .v18061-amount.popular::after{background:#D8EEE9;color:#145E4E}


/* 按钮、金额控件以实际 ID 精确接管，不增加额外业务 DOM。 */
#v18061DepositScreen #v18061DepCreate{
 background:var(--bp496-action);color:#fff;border-color:var(--bp496-action);
 box-shadow:0 3px 9px rgba(18,134,94,.15)
}
#v18061DepositScreen .bp-r13-money-input input,
#v18061DepositScreen .v18061-money-input input{color:var(--bp496-text)}
#v18061DepositScreen .bp-r13-money-input span,
#v18061DepositScreen .v18061-money-input span{color:var(--bp496-sub)}
#v18061DepositScreen .bp-r13-deposit-cta:focus-visible{outline:3px solid #B0DDCE;outline-offset:2px}


/* 修正旧版金额框中硬编码的白色文字、金色币种单位。 */
#v18061DepositScreen .bp-r13-money-input input,
#v18061DepositScreen .v18061-money-input input{color:var(--bp496-text)!important}
#v18061DepositScreen .bp-r13-money-input .bp-r13-money-currency,
#v18061DepositScreen .v18061-money-input .currency{color:var(--bp496-sub)!important}


/* 业务共用按钮语义：R$ 动作深绿确保白字对比达到 4.5:1；主题强调绿仍保留。 */
#authPageDeposit #v17930Create,#authPageWithdraw #requestWithdraw{
 background:var(--bp496-action-contrast);border-color:var(--bp496-action-contrast);
 color:#FFFFFF;box-shadow:0 3px 10px rgba(20,105,80,.12)
}
#authPageDeposit #v17930Create:focus-visible,#authPageWithdraw #requestWithdraw:focus-visible{
 outline:2px solid var(--bp496-brand);outline-offset:2px
}


/* 资金业务按钮禁用态必须独立于主题 Primary 声明；不能显示为可点击深绿。 */
#authPageWithdraw #requestWithdraw:disabled,#authPageDeposit #v17930Create:disabled{
 background:#CDDFD7;color:#425D50;border-color:#CDDFD7;opacity:1;
 box-shadow:none;cursor:not-allowed
}
/* 4.9.6 Owner: src/styles/pages.css */

/* 页面视觉 Owner：保留原 Route、金额、试玩和模式入口操作。 */
#authHome{background:var(--bp496-app)}
#authHome .auth-content{background:transparent}
#authHome .auth-header{background:var(--bp496-card)}
#authPagePlay .v17924-home-hero,#cashoutPageRoot .bpco-hero{
 background:#FFFFFF;border:1px solid var(--bp496-border);color:var(--bp496-text);
 box-shadow:0 5px 18px rgba(38,82,115,.07)
}
#authPagePlay .v17924-goal-card,#cashoutPageRoot .bpco-reward-card{
 background:#EAF5F2;border:1px solid #BEDDD5;color:var(--bp496-text);box-shadow:none
}
#authPagePlay .v17924-bet-panel,#cashoutPageRoot .v17924-bet-panel,#cashoutPageRoot .bpco-bet-panel{
 background:#FFFFFF;border:1px solid var(--bp496-border);color:var(--bp496-text);box-shadow:none
}
#authPagePlay .v17924-bet-head,#cashoutPageRoot .v17924-bet-head{color:var(--bp496-sub)}
#authPagePlay .v17924-bet-grid .bet:not(.active),
#cashoutPageRoot .v17924-bet-grid .bet:not(.active){
 background:#EDF4F7;border-color:#C7D9E4;color:var(--bp496-text);box-shadow:none
}
#authPagePlay .v17924-bet-grid .bet.active,
#cashoutPageRoot .v17924-bet-grid .bet.active{
 background:var(--bp496-brand);border-color:var(--bp496-brand);color:#FFFFFF;box-shadow:0 2px 6px rgba(40,94,142,.13)
}
#authPagePlay .v17924-primary,#cashoutPageRoot .v17924-primary,
#cashoutPageRoot .bpco-start-btn{background:var(--bp496-action);border-color:#13885E;color:white;box-shadow:0 4px 10px rgba(21,142,99,.15)}
#authPagePlay .v17924-demo-board,#cashoutPageRoot .bpco-demo-board{background:var(--bp496-board);border-color:#3D7094}
#authPagePlay .v17924-cell:not(.filled),
#cashoutPageRoot .bpco-cell:not(.cyan):not(.blue):not(.purple):not(.yellow):not(.green):not(.orange):not(.red):not(.hero-preview):not(.hero-complete){
 background:#38658A;border-color:#4C799A
}
#v18061DepositScreen,#v18061WithdrawScreen,#v18061ProfileScreen,#v18061ReferralScreen,
#v18061GameHistoryScreen,#v18061TransactionsScreen{background:var(--bp496-app);color:var(--bp496-text)}
#v18061SystemViewport .v18065-child .v18065-child-head{
 background:var(--bp496-card);border-color:var(--bp496-border);color:var(--bp496-text)
}
#v18061SystemViewport .v18065-child .v18065-child-head h1{color:var(--bp496-text)}
#v18061DepositScreen .bp-r13-deposit-panel{background:#fff;border-color:var(--bp496-border)}
#v18061DepositScreen .bp-r13-deposit-panel h1,#v18061DepositScreen .bp-r13-deposit-panel h2,
#v18061DepositScreen .bp-r13-deposit-panel label{color:var(--bp496-text)}
#v18061ProfileScreen .bp-r136-profile-hero,#v18061ReferralScreen .bp-r136-ref-hero,
#v18061ProfileScreen .bp-r136-menu-card,#v18061ReferralScreen .bp-r136-ref-card{
 background:var(--bp496-card);border-color:var(--bp496-border);color:var(--bp496-text);box-shadow:none
}
#v18061ProfileScreen .bp-r136-profile-row .bp-r136-row-copy b{color:var(--bp496-text)}
#v18061ProfileScreen .bp-r136-profile-row .bp-r136-row-copy small,
#v18061ProfileScreen .bp-r136-profile-copy p{color:var(--bp496-sub)}
#v18061GameHistoryScreen .v18061-card,#v18061TransactionsScreen .v18161-records,
#v18061WithdrawScreen .v18061-card{background:#fff;border-color:var(--bp496-border);color:var(--bp496-text)}
#v18061SystemViewport .v18061-empty{background:#EDF4F7;color:var(--bp496-text);border-color:var(--bp496-border)}
#v18061SystemViewport .v18061-empty p{color:var(--bp496-sub)}


/* 模式入场下注：老版本两个 ID 的强特异性选择器在本 Owner 中准确替换。 */
#authPagePlay #betGrid .bet,
#cashoutPageRoot #bpcoBetGrid .bet{
 background:#EDF4F8;color:var(--bp496-text);border:1px solid #C7D7E1;
 box-shadow:none
}
#authPagePlay #betGrid .bet.active,
#cashoutPageRoot #bpcoBetGrid .bet.active{
 background:var(--bp496-brand);color:#FFFFFF;border-color:var(--bp496-brand);
 box-shadow:0 2px 7px rgba(33,97,146,.14)
}
#authPagePlay #betGrid .bet.active strong,
#cashoutPageRoot #bpcoBetGrid .bet.active strong{color:#FFFFFF}
#authPagePlay #betGrid .bet:not(.active) strong,
#cashoutPageRoot #bpcoBetGrid .bet:not(.active) strong{color:var(--bp496-text)}
#authPagePlay #paidStartBtn,
#cashoutPageRoot .bpco-primary{
 background:var(--bp496-action);color:#FFFFFF;border-color:var(--bp496-action);
 box-shadow:0 3px 9px rgba(17,135,92,.17)
}
#authPagePlay #paidStartBtn *,#authPagePlay #paidCtaSub{color:#FFFFFF}
#authPagePlay .v17924-goal-foot strong,#authPagePlay #v17924GoalCopy,
#authPagePlay .v17924-goal-copy b,#cashoutPageRoot .bpco-reward-card strong{color:var(--bp496-text)}
#authPagePlay .r8-reward-formula strong,#authPagePlay #paidPrize{
 color:var(--bp496-brand);text-shadow:none
}
#authPagePlay .v17924-bet-head strong,
#authPagePlay .v17924-bet-head small,
#authPagePlay .v17924-goal-top small{color:var(--bp496-sub)}
#authPagePlay .v17924-home-hero .v17924-demo-copy strong{color:var(--bp496-text)}
#v18061DepositScreen .bp-r13-deposit-panel .bp-r13-deposit-title,
#v18061DepositScreen .bp-r13-deposit-panel h2{color:var(--bp496-text)}
#v18061DepositScreen .bp-r13-deposit-panel .bp-r13-deposit-caption,
#v18061DepositScreen .bp-r13-deposit-panel small{color:var(--bp496-sub)}


/* 游戏入场信息卡已迁为浅背景：文字必须随 Surface 同步变深。 */
#authPagePlay .v17924-goal-card strong,
#authPagePlay .v17924-goal-card b,
#authPagePlay .v17924-goal-card small,
#authPagePlay .v17924-goal-card span{color:var(--bp496-text)}
#authPagePlay .v17924-goal-card #paidPrize,
#authPagePlay .v17924-goal-card .r8-reward-formula strong{color:var(--bp496-brand)!important;text-shadow:none!important}
#authPagePlay .v17924-goal-card .v17924-goal-top small{color:var(--bp496-sub)}
#authPagePlay .v17924-bet-panel .v17924-bet-head strong{color:var(--bp496-text)}
#authPagePlay .v17924-bet-panel .v17924-bet-head small{color:var(--bp496-sub)}



/* 4.9.6 Global Shell Closure：公共账户 Surface 与浅色背景对比。仅外观，不触碰业务、几何与路由。 */
#v18061ProfileScreen.bp-r136-profile .bp-r136-profile-hero,
#v18061ReferralScreen.bp-r136-referral .bp-r136-ref-hero,
#v18061ProfileScreen.bp-r136-profile .bp-r136-menu-card,
#v18061ReferralScreen.bp-r136-referral .bp-r136-ref-card{
  background:var(--bp496-card);color:var(--bp496-text);border-color:var(--bp496-border);box-shadow:0 3px 12px rgba(29,75,104,.05)
}
#v18061ProfileScreen .bp-r136-profile-copy h2,
#v18061ReferralScreen .bp-r136-ref-copy strong,
#v18061ProfileScreen .bp-r136-profile-row .bp-r136-row-copy b,
#v18061ProfileScreen .bp-r136-profile-hero b{color:var(--bp496-text)}
#v18061ProfileScreen .bp-r136-profile-copy p,
#v18061ProfileScreen .bp-r136-profile-row .bp-r136-row-copy small,
#v18061ReferralScreen .bp-r136-ref-copy span,
#v18061ReferralScreen .bp-r136-section-head small{color:var(--bp496-sub)}
#v18061ProfileScreen .bp-r136-menu-label,
#v18061ReferralScreen .bp-r136-menu-label{color:var(--bp496-sub)}
#v18061GameHistoryScreen .v18061-tx-list,
#v18061TransactionsScreen .v18161-table-body{color:var(--bp496-text)}
#v18061SystemViewport .v18061-screen:not(.bp-r136-referral):not(.bp-r136-profile){background:var(--bp496-app)}

/* Shared Account Shell：仅修复浅底字体 / Surface 对比，不改变资金与导航状态。 */
#v18061ProfileScreen .bp-r136-funds-main>strong,
#v18061ProfileScreen .bp-r136-section-head h2,
#v18061ProfileScreen .bp-r136-metric b,
#v18061ProfileScreen .bp-r136-metric strong,
#v18061ReferralScreen .bp-r136-section-head h2,
#v18061ReferralScreen .bp-r136-metric b,
#v18061ReferralScreen .bp-r136-funds-main>strong{color:var(--bp496-text)}
#v18061ProfileScreen .bp-r136-funds-main>small,
#v18061ProfileScreen .bp-r136-metric small,
#v18061ProfileScreen .bp-r136-section-head small,
#v18061ReferralScreen .bp-r136-section-head small,
#v18061ReferralScreen .bp-r136-funds-main>small{color:var(--bp496-sub)}
#v18061ProfileScreen .bp-r136-funds-card,
#v18061ReferralScreen .bp-r136-funds-card,
#v18061ReferralScreen .bp-r136-invite-action,
#v18061ReferralScreen .bp-r136-metric,
#v18061ProfileScreen .bp-r136-metric{
 background:var(--bp496-card);border-color:var(--bp496-border);box-shadow:0 3px 12px rgba(21,73,111,.045)
}
#v18061ProfileScreen .bp-r136-profile-row,
#v18061ReferralScreen .bp-r136-ref-card{color:var(--bp496-text)}

/* 4.9.6 账号旧版展示组件：在 PAGES Owner 管理浅色 App Shell 下可读性。 */
#authPageProfile .v175-menu-row,#authPageProfile .v175-menu-row strong{color:var(--bp496-text)}
#authPageProfile .v175-balance-hero{border-color:var(--bp496-border);color:var(--bp496-text)}
#authPageProfile .v175-balance-hero strong,#authPageProfile .v175-stat-main b,
#authPageProfile .v175-stat-mini b{color:var(--bp496-text)}
#authPageReferral .v170-ref-hero,
#authPageReferral .v170-wallet-card{background:#FFFFFF;border-color:var(--bp496-border);color:var(--bp496-text);box-shadow:0 4px 15px rgba(23,85,120,.05)}
#authPageReferral .v170-levels>div{background:#EDF5F9;border-color:var(--bp496-border);color:var(--bp496-text)}
#authPageReferral .v170-levels strong,#authPageReferral .v170-card-title,
#authPageReferral .v170-ref-hero h2{color:var(--bp496-text)}
#authPageReferral .v170-page-head small,#authPageReferral .v170-ref-hero>span{color:var(--bp496-brand)}

/* 4.9.6 公共资金 Surface：目前实际 AppRouter 走 authPageDeposit/authPageWithdraw。
   只改共享背景、字色、表单及公共操作按钮；资金参数和业务回调均不改。 */
#authPageDeposit .v17930-card,
#authPageWithdraw .v170-wallet-card{
 background:var(--bp496-card);border-color:var(--bp496-border);color:var(--bp496-text);
 box-shadow:0 4px 16px rgba(30,84,120,.07)
}
#authPageDeposit .v17930-card-title strong,
#authPageDeposit .v17930-history-title h3,
#authPageWithdraw .v170-wallet-card strong,
#authPageWithdraw .v1740-withdraw-hero strong{color:var(--bp496-text)}
#authPageDeposit .v17930-balance,
#authPageDeposit .v17930-selected,
#authPageWithdraw .v170-rule-box{
 background:#E8F3F8;border-color:var(--bp496-border);color:var(--bp496-text)
}
#authPageDeposit .v17930-balance strong,
#authPageDeposit .v17930-selected strong,
#authPageWithdraw #v1740WithdrawHeroBalance,
#authPageWithdraw #rolloverText{color:var(--bp496-text)}
#authPageDeposit .v17930-quick button,
#authPageDeposit #v17930CustomToggle{
 background:#EDF5F9;border:1px solid var(--bp496-border);color:var(--bp496-text);box-shadow:none
}
#authPageDeposit .v17930-quick button.active{
 background:var(--bp496-brand);border-color:var(--bp496-brand);color:#fff;box-shadow:0 2px 7px rgba(29,89,131,.1)
}
#authPageDeposit .v17930-money-input,
#authPageWithdraw .v170-money-input,
#authPageWithdraw .v170-text-input{
 background:#F8FBFD;border-color:var(--bp496-border);color:var(--bp496-text)
}
#authPageDeposit #v17930Custom,
#authPageWithdraw #withdrawAmount,
#authPageWithdraw .v170-text-input{color:var(--bp496-text)}
#authPageDeposit .v17930-primary,
#authPageWithdraw .v1740-withdraw-cta{
 background:var(--bp496-action);border-color:var(--bp496-action);color:#fff;box-shadow:0 3px 8px rgba(16,117,80,.14)
}
#authPageDeposit .v17930-disclosure,
#authPageDeposit .v17930-card-title small,
#authPageDeposit .v17930-selected span,
#authPageWithdraw .v170-input-label{color:var(--bp496-sub)}
#authPageDeposit .v17930-contract{background:#EDF5F9;border-color:var(--bp496-border);color:var(--bp496-sub)}

/* 资金外壳金额文字原为深底白字，切到 A 方案浅色后必须同步改成深色。 */
#authPageDeposit #v17930Balance,
#authPageDeposit #v17930Selected,
#authPageWithdraw .v17930-balance b,
#authPageWithdraw .v1740-page-head .v1740-head-balance b{color:var(--bp496-text)}
#authPageDeposit .v17930-money-input span,
#authPageWithdraw .v170-money-input span{color:var(--bp496-brand)}
#authPageWithdraw .v1740-page-head .v1740-head-balance,
#authPageWithdraw .v1740-page-head .v1740-head-balance strong{color:var(--bp496-text)}
#authPageWithdraw .v1740-page-head small{color:var(--bp496-brand)}
#authPageWithdraw .v170-text-input::placeholder,
#authPageWithdraw .v170-money-input input::placeholder{color:#647D90}

/* ===== UI Polish: Account / PIX / History / Referral (唯一页面 Owner) =====
   目标：浅底对比、减少过黑分割线、修正按钮尺寸。旧 Segment 保留保护历史兼容结构。
   不调整数据、路由、表单规则、游戏棋盘或玩家状态。 */
/* 页面返回按钮：原深黑按钮与浅底整体不协调；统一为品牌深蓝的轻巧入口。 */
#authPageDeposit .v17930-back,
#authPageWithdraw .v1740-back,
#authPageGameHistory .v175-back,
#authPageTransactions .v175-back,
#authPageSecurity .v175-back{
 background:var(--bp496-deep);color:#FFFFFF;border:1px solid var(--bp496-deep);
 box-shadow:0 2px 6px rgba(28,77,106,.12)
}
/* 账户信息页的文案：真实字号需要在 320px 与葡语换行下确认。 */
#authPageProfile .v175-profile-copy small,
#authPageReferral .v170-page-head small,
#authPageDeposit .v17930-head-copy small,
#authPageWithdraw .v1740-page-head small{font-size:10px;letter-spacing:.5px;color:var(--bp496-brand)}
#authPageProfile .v175-profile-copy p{font-size:12px;color:var(--bp496-sub);line-height:1.4}
#authPageProfile .v175-active{font-size:10px;color:#126348;background:#E2F4EA;padding:6px 10px}
#authPageProfile .v175-balance-hero{
 background:linear-gradient(120deg,#FFFFFF 20%,#EAF4F9 100%);
 border:1px solid var(--bp496-border);border-radius:18px;
 padding:16px;margin:0 0 10px;box-shadow:0 3px 13px rgba(30,77,105,.045)
}
#authPageProfile .v175-balance-hero span{font-size:10px;color:var(--bp496-sub)}
#authPageProfile .v175-balance-hero strong{font-size:clamp(28px,8vw,34px);color:var(--bp496-text)}
#authPageProfile .v175-balance-hero button{font-size:11px;min-height:30px;font-weight:800;color:var(--bp496-brand)}
#authPageProfile .v175-stats,#authPageProfile .v175-menu{border-color:var(--bp496-border)}
#authPageProfile .v175-stat-main span,#authPageProfile .v175-stat-mini span{font-size:10px;color:var(--bp496-sub)}
#authPageProfile .v175-stat-mini{border-left-color:#DCE8EF}
#authPageProfile .v175-menu-row{
 min-height:60px;border-bottom:1px solid var(--bp496-border);color:var(--bp496-text);
 padding:9px 4px;gap:10px
}
#authPageProfile .v175-menu-row strong{font-size:13px;line-height:1.25}
#authPageProfile .v175-menu-row small{font-size:11px;line-height:1.35;color:var(--bp496-sub)}
#authPageProfile .v175-menu-icon,#authPageGameHistory .v175-row-icon,
#authPageTransactions .v175-row-icon{
 background:#E4F0F6;color:var(--bp496-deep);border:1px solid #D5E5ED
}
#authPageProfile .v175-chevron{color:#6E899A}
#authPageProfile .v175-logout-row{font-size:12px;border:1px solid #E4B7C0;background:#FFF3F5;color:#A62F49}
/* 历史 / 空态：替换黑色横线和突兀的虚线边框，保留原有 DOM 与入口。 */
#authPageGameHistory .v175-history,#authPageTransactions .v175-history,
#authPageGameHistory .v175-stats,#authPageTransactions .v175-stats{border-color:var(--bp496-border)}
#authPageGameHistory .v175-empty,#authPageTransactions .v175-empty{
 background:#FFFFFF;border:1px solid var(--bp496-border);border-radius:17px;
 padding:30px 16px;margin-top:10px;box-shadow:0 3px 13px rgba(30,77,105,.045);
 color:var(--bp496-text)
}
#authPageGameHistory .v175-empty-icon,#authPageTransactions .v175-empty-icon{
 background:#E6F2F8;color:var(--bp496-brand);border:1px solid #D6E7F0
}
#authPageGameHistory .v175-empty strong,#authPageTransactions .v175-empty strong{color:var(--bp496-text);font-size:14px}
#authPageGameHistory .v175-empty p,#authPageTransactions .v175-empty p{color:var(--bp496-sub);font-size:12px;line-height:1.5}
#authPageGameHistory .v175-empty button,#authPageTransactions .v175-empty button{
 min-height:42px;min-width:96px;border-radius:12px;background:var(--bp496-deep);
 color:white;font-size:12px;box-shadow:none
}
#authPageTransactions .v175-filter{gap:6px;padding:2px 0 10px}
#authPageTransactions .v175-filter button{
 min-height:35px;border:1px solid #CDDEE8;background:#EBF3F7;
 color:var(--bp496-deep);font-size:10px;border-radius:11px;padding:0 10px
}
#authPageTransactions .v175-filter button.active{
 color:#FFFFFF;background:var(--bp496-brand);border-color:var(--bp496-brand)
}
#authPageGameHistory .v175-count,#authPageTransactions .v175-count{color:var(--bp496-sub);font-size:11px}
#authPageGameHistory .v175-count b,#authPageTransactions .v175-count b{color:var(--bp496-text)}
#authPageGameHistory .v175-tx,#authPageTransactions .v175-tx,
#authPageGameHistory .v175-game,#authPageTransactions .v175-game{
 border-color:var(--bp496-border);color:var(--bp496-text)
}
#authPageGameHistory .v175-row-main small,#authPageTransactions .v175-row-main small,
#authPageGameHistory .v175-row-side em,#authPageTransactions .v175-row-side em{color:var(--bp496-sub);font-size:11px}
#authPageGameHistory .v175-row-side b.credit,#authPageTransactions .v175-row-side b.credit{color:#087F59}
#authPageGameHistory .v175-row-side b.debit,#authPageTransactions .v175-row-side b.debit{color:var(--bp496-text)}
/* 充值快捷金额和主 CTA 已由 v17930 唯一 Page Owner 接管：删除旧的 4 列尺寸/字号覆盖。 */
/* 提现：浅底上浅青文字和旧小尺寸标签严重影响阅读。 */
#authPageWithdraw .v1740-withdraw-hero{
 background:#F0F7FA;border:1px solid var(--bp496-border);border-radius:15px
}
#authPageWithdraw .v1740-withdraw-hero span{color:var(--bp496-sub);font-size:10px}
#authPageWithdraw .v1740-withdraw-hero p{color:var(--bp496-sub);font-size:11px;line-height:1.4}
#authPageWithdraw .v1740-withdraw-hero strong{color:var(--bp496-text);font-size:30px}
#authPageWithdraw .v1740-all{
 min-height:32px;padding:0 10px;color:var(--bp496-deep);
 font-size:10px;background:#E2F1F7;border:1px solid #C7DEE9
}
#authPageWithdraw .v170-input-label{color:var(--bp496-sub);font-size:11px;letter-spacing:.25px}
#authPageWithdraw .v170-text-input,#authPageWithdraw .v170-money-input{
 background:#F8FBFD;border:1px solid #C8DAE6;border-radius:12px;color:var(--bp496-text)
}
#authPageWithdraw .v1740-rule-box{
 background:#F0F7FA;border:1px solid var(--bp496-border);border-radius:14px
}
#authPageWithdraw .v1740-rule-head span,#authPageWithdraw .v1740-rule-foot small,
#authPageWithdraw .v1740-rule-foot b,#authPageWithdraw .v170-rule-box small{
 color:var(--bp496-sub);font-size:10px
}
#authPageWithdraw .v1740-rule-head b{color:var(--bp496-text);font-size:11px}
#authPageWithdraw .v170-rule-track{background:#D7E9ED}
#authPageWithdraw .v170-list-empty{
 background:#FFFFFF;border:1px solid var(--bp496-border);border-radius:14px;
 color:var(--bp496-sub);font-size:12px;padding:17px 11px
}
#authPageWithdraw .v170-list-row{background:white;border-color:var(--bp496-border);color:var(--bp496-text)}
#authPageWithdraw .v170-list-row small{color:var(--bp496-sub);font-size:11px}
#authPageWithdraw .v1740-withdraw-cta:disabled{background:#D0E5DD;color:#3F6958;opacity:1;box-shadow:none}
/* 邀请：统一活动等级与复制/分享区域的商用形态。 */
#authPageReferral .v170-ref-hero,#authPageReferral .v170-wallet-card{
 background:var(--bp496-card);border:1px solid var(--bp496-border);border-radius:18px;
 color:var(--bp496-text);box-shadow:0 3px 13px rgba(28,77,106,.05)
}
#authPageReferral .v170-ref-hero>span,#authPageReferral .v170-levels b{font-size:10px;color:var(--bp496-brand)}
#authPageReferral .v170-ref-hero>div small,#authPageReferral .v170-levels small{font-size:10px;color:var(--bp496-sub)}
#authPageReferral .v170-levels>div{background:#F1F7FA;border:1px solid var(--bp496-border);border-radius:12px}
#authPageReferral .v170-levels strong{color:var(--bp496-text)}
#authPageReferral .v170-copy-row code{color:var(--bp496-deep);background:#EBF4F8;border:1px solid var(--bp496-border);font-size:11px}
#authPageReferral #copyRefLink,#authPageReferral #shareRefLink{
 min-height:44px;background:var(--bp496-deep);color:white;border:1px solid var(--bp496-deep);
 border-radius:11px;font-size:12px;box-shadow:none
}
#authPageReferral .v170-list-empty{
 background:white;border:1px solid var(--bp496-border);color:var(--bp496-sub);font-size:12px
}
/* 仅对应非游戏 Business 页面，在较小屏幕保留字号，不使用整体 scale。 */
@media(max-width:359px){
 #authPageProfile .v175-menu-row small{font-size:10px}
 #authPageReferral #shareRefLink{font-size:11px}
}


/* 修补真实 Chromium 对比度审计发现的深浅冲突：白色/浅蓝页内辅助标签。 */
#authPageDeposit .v17930-balance small{color:var(--bp496-sub);font-size:10px}
#authPageDeposit .v17930-input-label,#authPageDeposit label{color:var(--bp496-sub);font-size:10px}
#authPageGameHistory .v175-subhead small,#authPageTransactions .v175-subhead small{
 color:var(--bp496-brand);font-size:10px;letter-spacing:.55px
}
/* 320px 窄屏：只压缩冗余空白，保证 PIX 主按钮在底部 Tab 上方完整可见。 */
@media(max-width:359px) and (max-height:620px){
 #authPageDeposit .v17930-deposit-head{margin-bottom:3px}
 #authPageDeposit .v17930-card-title{margin-bottom:3px}
 #authPageDeposit .v17930-quick{gap:5px}
 #authPageDeposit .v17930-selected{margin-top:3px}
 #authPageDeposit .v17930-primary{margin-top:7px}
 #authPageDeposit .v17930-selected{padding:8px 10px}
 #authPageDeposit .v17930-card{padding:10px}
}

/*@@BP496_10X_EDITORIAL_START@@*/
/*
 * Block PIX 4.9.6 / 10X V2 — 唯一页面外观 Owner。
 * 管理范围：10X 展示卡外框、玩法标签、目标收益、8 档选择、CTA 与响应式文字。
 * 不管理：棋盘格子材质、拖动、动画时序、赔率/余额/事件或其他 Route。
 * 设计准则：一眼识别玩法 → 24 行条件/下注与可赢金额 → 选金额 → 开始/充值。
 */
#authPagePlay.v17924-play-page {
  color:var(--bp496-text);background:transparent;
  padding:0 12px 25px!important;
  font-family:inherit;
}
/* 棋盘外卡：游戏 Demo 继续由原 Owner 渲染，此处不碰 cell / animation。 */
#authPagePlay .v17924-home-hero {
  padding:12px 14px 10px!important;
  margin:9px 0 0!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FBFDFE 100%)!important;
  border:1px solid #DBE9F0!important;
  border-radius:20px 20px 0 0!important;
  box-shadow:0 2px 8px rgba(38,92,125,.035)!important;
  overflow:hidden;
}
#authPagePlay .v17924-hero-top {
  display:flex;justify-content:space-between;align-items:center;
  min-height:29px;gap:10px;margin-bottom:9px!important;
}
#authPagePlay .v17924-hero-top small {
  font-size:11px!important;color:#416B83!important;font-weight:750!important;
  letter-spacing:.35px!important;line-height:1.3!important;
}
#authPagePlay .v17924-hero-chip {
  padding:6px 12px!important;border:1px solid #C3E8DD!important;
  border-radius:999px!important;background:#E6F6F0!important;
  color:#106F57!important;font-size:12px!important;font-weight:800!important;
  line-height:1.2!important;white-space:nowrap!important;box-shadow:none!important;
}
/* Demo 展示的实际方格内容、动画及形状完全不改；只统一其外观接缝。 */
#authPagePlay .v17924-demo-stage {
  box-shadow:0 5px 13px rgba(15,53,81,.15)!important;
}
#authPagePlay .v17924-demo-copy {
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;margin-top:10px!important;line-height:1.35!important;
}
#authPagePlay .v17924-demo-copy strong {
  color:#214D69!important;font-size:11px!important;font-weight:750!important;
  letter-spacing:0!important;line-height:1.3!important;
}
#authPagePlay .v17924-demo-copy span {
  color:#58788A!important;font-size:10.5px!important;font-weight:650!important;
  letter-spacing:0!important;line-height:1.3!important;text-align:right;
}
/* 目标收益：淡蓝独立信息层，用深蓝数字；以真实目标文案解释中奖条件。 */
#authPagePlay #metaPrizePanel.v17924-goal-card {
  display:flex!important;flex-direction:column;position:relative;
  background:linear-gradient(115deg,#E5F3FA 0%,#F0F9FC 62%,#FFFFFF 100%)!important;
  border:1px solid #DBE9F0!important;border-top:1px solid #D5E8F1!important;
  border-radius:0 0 20px 20px!important;
  color:#173650!important;
  box-shadow:0 6px 17px rgba(44,116,171,.065)!important;
  padding:13px 16px 13px!important;margin:0 0 11px!important;
}
/* 原有 META 10X + 24 LINHAS 在展示卡/条件已出现，这里删除重复视觉而不删节点。 */
#authPagePlay #metaPrizePanel .v17924-goal-top {display:none!important;}
#authPagePlay #metaPrizePanel .r8-reward-formula {
  display:grid!important;grid-template-columns:minmax(0,1fr) 27px minmax(0,1fr);
  align-items:center!important;gap:9px!important;margin:0!important;
}
#authPagePlay #metaPrizePanel .r8-reward-formula>span {
  display:flex;flex-direction:column;gap:5px;min-width:0;
  color:#52758A!important;font-size:11.5px!important;font-weight:750!important;
  letter-spacing:.15px!important;line-height:1.2!important;
}
#authPagePlay #metaPrizePanel .r8-reward-formula>span:last-child {text-align:right;align-items:flex-end;}
#authPagePlay #metaPrizePanel #paidEntry {
  color:#235E85!important;font-size:26px!important;font-weight:800!important;
  letter-spacing:-.5px!important;line-height:1.04!important;text-shadow:none!important;
}
#authPagePlay #metaPrizePanel #paidPrize,
#authPagePlay #metaPrizePanel .r8-reward-formula strong {
  color:#11668A!important;font-size:32px!important;font-weight:850!important;
  letter-spacing:-.9px!important;line-height:1.04!important;text-shadow:none!important;
}
#authPagePlay #metaPrizePanel .r8-reward-formula i {
  font-size:16px!important;font-style:normal!important;font-weight:750!important;
  color:#3F8098!important;width:27px;height:27px;align-self:center;
  display:grid!important;place-items:center!important;
  border-radius:50%;background:#D5EAF3!important;
}
#authPagePlay #metaPrizePanel .v17924-goal-foot {
  display:flex!important;justify-content:flex-start!important;
  border-top:1px solid #CFE2EC!important;
  margin:10px 0 0!important;padding:8px 0 0!important;
  color:#285578!important;gap:0!important;
}
#authPagePlay #metaPrizePanel #v17924GoalCopy {
  display:inline-flex;align-items:center;color:#2B6381!important;
  font-size:11.5px!important;font-weight:750!important;
  line-height:1.3!important;letter-spacing:0!important;
}
#authPagePlay #metaPrizePanel #v17924GoalCopy:before {
  content:"";display:inline-block;width:7px;height:7px;
  margin-right:7px;border-radius:50%;background:#1B9D7B;
}
#authPagePlay #v17923MetaLines,#authPagePlay #v17923MetaFoot {display:none!important;}
/* 下注面板：接近游戏内控件而非后台表单；无黑框，全状态不靠颜色单独判断。 */
#authPagePlay .v17924-bet-panel {
  padding:13px 14px 14px!important;margin:0 0 10px!important;
  background:#FFFFFF!important;border:1px solid #D8E7EF!important;
  border-radius:19px!important;box-shadow:0 5px 16px rgba(30,85,119,.05)!important;
}
#authPagePlay .v17924-bet-head {
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  margin:0 0 10px!important;min-height:18px!important;
}
#authPagePlay .v17924-bet-head small {
  display:inline-block!important;color:#214D69!important;font-size:13px!important;
  font-weight:800!important;letter-spacing:0!important;line-height:1.25!important;
}
#authPagePlay .v17924-bet-head strong {display:none!important;}
#authPagePlay #betGrid {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}
#authPagePlay #betGrid .bet {
  min-width:0!important;min-height:46px!important;height:46px!important;
  padding:0 3px!important;border:1px solid #C9DFEB!important;
  border-radius:11px!important;background:#F0F7FA!important;
  color:#23516B!important;box-shadow:inset 0 1px rgba(255,255,255,.75)!important;
  transform:none!important;transition:background-color .16s,border-color .16s,box-shadow .16s;
}
#authPagePlay #betGrid .bet strong {
  font-size:13px!important;font-weight:800!important;letter-spacing:-.15px!important;
  color:#214B65!important;white-space:nowrap!important;
}
#authPagePlay #betGrid .bet.active {
  background:#2C74AB!important;border:2px solid #1E5E8F!important;
  box-shadow:0 2px 6px rgba(33,98,148,.18),inset 0 1px rgba(255,255,255,.14)!important;
}
#authPagePlay #betGrid .bet.active strong {color:#FFFFFF!important;}
#authPagePlay #betGrid .bet:active {filter:brightness(.96);}
#authPagePlay #betGrid .bet:focus-visible {
  outline:3px solid #198F84!important;outline-offset:2px!important;
}
/* 余额不足：不同视觉语义，真实可否下注仍由既有逻辑计算。 */
#authPagePlay .v17924-balance-warning.need {
  border:1px solid #C3DBE7!important;border-radius:13px!important;
  background:#ECF6F9!important;margin:0 0 9px!important;
}
#authPagePlay .v17924-balance-warning small {
  color:#52758A!important;font-size:11px!important;
}
#authPagePlay .v17924-balance-warning strong {
  color:#173650!important;font-size:13px!important;
}
#authPagePlay .v17924-balance-warning .v17924-shortfall strong {color:#A24632!important;}
/* CTA 将可下注/需充值强制区分；事件、数据、文案均由原业务 Owner 更新。 */
#authPagePlay #paidStartBtn {
  position:relative;width:100%;height:auto!important;min-height:58px!important;
  padding:10px 46px 11px!important;gap:4px!important;
  border:1px solid #0C7859!important;border-radius:15px!important;
  background:#128461!important;color:#FFFFFF!important;
  box-shadow:0 6px 15px rgba(17,116,85,.18)!important;
  transition:background-color .16s,box-shadow .16s,transform .16s;
}
#authPagePlay #paidStartBtn:not(.deposit-required):active {transform:translateY(1px)!important;}
#authPagePlay #paidStartBtn:not(.deposit-required):after {
  content:"";position:absolute;right:20px;top:50%;
  width:10px;height:10px;transform:translateY(-50%) rotate(45deg);
  border-top:3px solid #DAF6EB;border-right:3px solid #DAF6EB;
  border-radius:1px;
}
#authPagePlay #paidStartBtn:before {content:none!important;display:none!important;}
#authPagePlay #paidCtaMain {
  color:#FFFFFF!important;font-size:17px!important;font-weight:850!important;
  line-height:1.15!important;letter-spacing:0!important;
}
#authPagePlay #paidCtaSub {
  color:#E1FCF2!important;font-size:11px!important;font-weight:650!important;
  line-height:1.3!important;white-space:normal!important;text-align:center!important;
}
#authPagePlay #paidStartBtn.deposit-required {
  background:#E7F0F4!important;border-color:#ADCEDB!important;
  box-shadow:none!important;color:#245971!important;
}
#authPagePlay #paidStartBtn.deposit-required:after {
  content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);
  font-size:21px;font-weight:500;color:#2B718B;
}
#authPagePlay #paidStartBtn.deposit-required #paidCtaMain {
  color:#235D78!important;
}
#authPagePlay #paidStartBtn.deposit-required #paidCtaSub {
  color:#4B6F81!important;
}
#authPagePlay #paidStartBtn:disabled {
  filter:grayscale(.75) saturate(.25);opacity:.68;cursor:not-allowed;box-shadow:none!important;
}
#authPagePlay #paidStartBtn:focus-visible {
  outline:3px solid #2C74AB!important;outline-offset:3px!important;
}
#authPagePlay .v17924-play-note {display:none!important;}
/* 常规窄屏：拒绝隐藏 CTA / 缩小触控区；自然纵向滚动不遮挡底栏。 */
@media(max-width:359px){
  #authPagePlay.v17924-play-page{padding-left:9px!important;padding-right:9px!important;padding-bottom:24px!important;}
  #authPagePlay .v17924-home-hero{padding:10px!important;margin:6px 0 0!important;}
  #authPagePlay .v17924-hero-top{margin-bottom:7px!important;min-height:25px!important;}
  #authPagePlay .v17924-hero-top small{font-size:10px!important;}
  #authPagePlay .v17924-hero-chip{font-size:11px!important;padding:5px 9px!important;}
  #authPagePlay .v17924-demo-copy{margin-top:8px!important;gap:5px;}
  #authPagePlay .v17924-demo-copy strong{font-size:10px!important;}
  #authPagePlay .v17924-demo-copy span{font-size:10px!important;}
  #authPagePlay #metaPrizePanel.v17924-goal-card{padding:11px 13px!important;margin-bottom:8px!important;}
  #authPagePlay #metaPrizePanel #paidEntry{font-size:23px!important;}
  #authPagePlay #metaPrizePanel #paidPrize{font-size:29px!important;}
  #authPagePlay .v17924-bet-panel{padding:11px!important;margin-bottom:8px!important;}
  #authPagePlay #betGrid{gap:6px!important;}
  #authPagePlay #betGrid .bet{height:44px!important;min-height:44px!important;}
  #authPagePlay #betGrid .bet strong{font-size:12px!important;}
  #authPagePlay #paidStartBtn{min-height:55px!important;}
  #authPagePlay #paidCtaMain{font-size:16px!important;}
  #authPagePlay #paidCtaSub{font-size:10.5px!important;}
}
@media(max-width:359px) and (max-height:620px){
  /* 短屏只缩间隔、不缩字体/点击面积；底部 CTA 通过内容滚动自然到达。 */
  #authPagePlay .v17924-home-hero{margin-top:5px!important;margin-bottom:0!important;}
  #authPagePlay #metaPrizePanel.v17924-goal-card{margin-bottom:7px!important;}
  #authPagePlay .v17924-bet-panel{margin-bottom:7px!important;}
  #authPagePlay #betGrid .bet{min-height:44px!important;height:44px!important;}
  #authPagePlay #paidStartBtn{min-height:55px!important;}
}
/* 中等高度手机减少卡片外部空隙，不压缩 11px+ 文字或 44px+ 下注按钮。 */
@media (min-width:360px) and (max-height:820px){
  #authPagePlay .v17924-home-hero{margin-top:6px!important;margin-bottom:0!important;}
  #authPagePlay #metaPrizePanel.v17924-goal-card{margin-bottom:7px!important;}
  #authPagePlay .v17924-bet-panel{margin-bottom:7px!important;}
}
/*@@BP496_10X_EDITORIAL_END@@*/


/*@@BP496_CASHOUT_EDITORIAL_START@@*/
/*
 * Cashout V2 整页视觉唯一 Owner（Cashout 入场页）。
 * 不触及 10X、真正 Gameplay、动画算法、结算、下注事件及所有资金处理。
 * 强特异性声明用于收回历史 Cashout 主题中旧深色/金色组件的级联控制权。
 */
#cashoutPageRoot.bpco-page {
  padding:0 0 22px!important;
  color:#173650!important;
  background:transparent!important;
}
/* 演示区：让深色盘面作为唯一深色焦点；外卡与 10X 同属白色休闲 Puzzle 体系。 */
#cashoutPageRoot .bpco-hero {
  margin:5px 0 0!important;padding:8px 13px 6px!important;
  background:linear-gradient(180deg,#FFFFFF,#FAFDFE)!important;
  border:1px solid #DBE9F0!important;border-radius:20px 20px 0 0!important;
  box-shadow:0 2px 9px rgba(38,92,125,.04)!important;
  color:#173650!important;overflow:hidden!important;
}
#cashoutPageRoot .bpco-hero-top {
  min-height:24px!important;display:flex!important;align-items:center!important;
  gap:7px!important;margin-bottom:4px!important;
}
#cashoutPageRoot .bpco-hero-top small {
  color:#426B82!important;font-size:10.6px!important;font-weight:780!important;
  letter-spacing:.15px!important;line-height:1.25!important;
}
#cashoutPageRoot .bpco-hero-top span {
  color:#087252!important;background:#E5F5EF!important;border:1px solid #C5E7DB!important;
  box-shadow:none!important;font-size:10px!important;font-weight:750!important;
  letter-spacing:0!important;padding:5px 8px!important;border-radius:99px!important;
}
/* 仅设定外尺寸。棋盘格、运动中的 Piece、难度和演示动画完全保持原先 Owner。 */
#cashoutPageRoot .bpco-demo-stage {
  width:min(100%,152px)!important;
  border:2px solid #173D54!important;
  border-radius:18px!important;padding:7px!important;
  box-shadow:0 5px 12px rgba(15,53,81,.12)!important;
  background:#0A1E2C!important;
}
/* 棋盘本身内部状态叠层需要深色，但字必须在深色上可读。 */
#cashoutPageRoot .bpco-progress-chip,
#cashoutPageRoot .bpco-unlock-chip{
  padding:6px 7px!important;border:1px solid rgba(198,226,240,.20)!important;
  border-radius:9px!important;background:rgba(8,29,42,.94)!important;
}
#cashoutPageRoot .bpco-progress-chip small,
#cashoutPageRoot .bpco-unlock-chip small{
  font-size:8px!important;color:#CAE5F1!important;font-weight:750!important;
  letter-spacing:0!important;
}
#cashoutPageRoot .bpco-progress-chip b,
#cashoutPageRoot .bpco-unlock-chip b{font-size:12px!important;color:#F7FCFF!important;text-shadow:none!important;}
#cashoutPageRoot .bpco-unlock-chip em{color:#C3F2DE!important;font-size:9px!important;}
/* 英文高密度并列的第二套 Hero 倍率轨道与下方 checkpoint rail 重复，隐藏重复视觉节点（仅演示轨道）。 */
#cashoutPageRoot #bpcoHeroStoryRail{display:none!important;}
#cashoutPageRoot .bpco-demo-copy{display:flex!important;gap:10px!important;margin-top:3px!important;align-items:center!important;}
#cashoutPageRoot .bpco-demo-copy strong{font-size:10.5px!important;font-weight:750!important;color:#244F6C!important;line-height:1.3!important;}
#cashoutPageRoot .bpco-demo-copy span{font-size:9.8px!important;font-weight:650!important;color:#54768C!important;opacity:1!important;letter-spacing:0!important;line-height:1.3!important;}
/* 入场收益区：与演示卡连续，聚焦首个可提款点与最高理论奖。 */
#cashoutPageRoot .bpco-reward-card{
  margin:0 0 6px!important;padding:8px 13px 7px!important;
  background:linear-gradient(120deg,#E4F3FA 0%,#F3FAFC 66%,#FFFFFF 100%)!important;
  border:1px solid #DBE9F0!important;border-top:1px solid #D6E8F1!important;
  border-radius:0 0 20px 20px!important;box-shadow:0 5px 16px rgba(44,116,171,.06)!important;
  color:#173650!important;
}
#cashoutPageRoot .bpco-reward-top {display:none!important;}
#cashoutPageRoot .bpco-reward-top small{color:#426C82!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.1px!important;}
#cashoutPageRoot .bpco-reward-top span {
  background:#E4F6EF!important;border:1px solid #BCE1D5!important;
  color:#116F56!important;box-shadow:none!important;border-radius:99px!important;
  font-size:10px!important;font-weight:750!important;padding:4px 9px!important;
}
#cashoutPageRoot .bpco-reward-top span b{color:#116F56!important;font-size:11px!important;}
#cashoutPageRoot .bpco-reward-main{margin-top:0!important;align-items:center!important;gap:10px!important;}
#cashoutPageRoot .bpco-first-copy strong {color:#52788B!important;font-size:10px!important;font-weight:750!important;letter-spacing:0!important;}
#cashoutPageRoot .bpco-first-copy b {color:#1C5579!important;font-size:18px!important;font-weight:850!important;line-height:1.1!important;margin-top:3px!important;}
#cashoutPageRoot .bpco-first-copy em {color:#147A5F!important;font-size:10px!important;font-weight:750!important;line-height:1.3!important;margin-top:4px!important;}
#cashoutPageRoot .bpco-first-money small {color:#52788B!important;font-size:10px!important;font-weight:750!important;}
#cashoutPageRoot .bpco-first-money strong {color:#176A8B!important;font-size:27px!important;font-weight:850!important;line-height:1.05!important;text-shadow:none!important;letter-spacing:-.45px!important;}
#cashoutPageRoot .bpco-max-row {
  margin-top:4px!important;padding:5px 9px!important;border-radius:10px!important;
  background:#FFFFFF!important;border:1px solid #D5E7EF!important;
  gap:8px!important;box-shadow:none!important;
}
#cashoutPageRoot .bpco-max-row small{color:#52788B!important;font-size:9.5px!important;font-weight:750!important;}
#cashoutPageRoot .bpco-max-row strong{color:#245B77!important;font-size:10.5px!important;font-weight:740!important;}
#cashoutPageRoot .bpco-max-row>b{color:#12698A!important;font-size:17px!important;font-weight:850!important;}
/*
 * Cashout V2.1：8档只读进度图。每个节点仅 1 列，8 节点压在一条非交互轨道上。
 * 圆点/连线表示从左到右逐步推进，不具备按钮 hover/press/selection 的视觉 affordance。
 * 不改变 renderer 输出的倍率与行数，尤其不删除 DOM 内容或修改阶段数据。
 */
#cashoutPageRoot #bpcoCheckpointRail {
  display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:0!important;margin:4px 0 0!important;
  padding:4px 0 0!important;position:relative!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp,
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp.active,
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp.done,
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp.final {
  position:relative!important;min-width:0!important;
  height:25px!important;min-height:25px!important;
  display:flex!important;flex-direction:column!important;
  justify-content:flex-start!important;align-items:center!important;gap:2px!important;
  padding:12px 0 0!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;outline:none!important;filter:none!important;
  transform:none!important;transition:none!important;pointer-events:none!important;cursor:default!important;
}
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp::before {
  content:""!important;position:absolute!important;z-index:2!important;
  width:7px!important;height:7px!important;box-sizing:border-box!important;
  left:calc(50% - 3.5px)!important;top:1px!important;
  border:1.5px solid #4A8DB0!important;border-radius:50%!important;
  background:#FFFFFF!important;box-shadow:none!important;
  transform:none!important;opacity:1!important;
}
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp::after {
  content:""!important;position:absolute!important;z-index:0!important;
  width:calc(100% - 7px)!important;height:1.5px!important;
  left:calc(50% + 4px)!important;top:3.75px!important;
  background:#AFCFDB!important;border:0!important;box-shadow:none!important;
  transform:none!important;opacity:1!important;
}
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp:last-child::after{content:none!important;display:none!important;}
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp:first-child::before{background:#128461!important;border-color:#128461!important;}
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp:last-child::before{background:#285578!important;border-color:#285578!important;}
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp b,
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp.active b,
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp.done b,
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp.final b {
  color:#245777!important;font-size:11px!important;font-weight:800!important;
  letter-spacing:-.2px!important;line-height:1.05!important;white-space:nowrap!important;
}
#cashoutPageRoot #bpcoCheckpointRail .bpco-cp small {
  /* 每档行数保留在已有只读 DOM 中，视图只呈现8个倍率；首/末行数在上方收益区完整显示。
     把极小的“NN LINHAS”视觉标签隐藏，避免320px互相重叠和超小字体。 */
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  white-space:nowrap!important;clip-path:inset(50%)!important;
  border:0!important;
}
/* 原有业务提示改为文字说明而不是另一个色块按钮。 */
#cashoutPageRoot .bpco-risk-note {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex-wrap:wrap!important;gap:3px 9px!important;
  padding:5px 0 0!important;margin-top:3px!important;
  border-top:1px solid #D8E7EF!important;
  background:transparent!important;box-shadow:none!important;
}
#cashoutPageRoot .bpco-risk-note span,
#cashoutPageRoot .bpco-risk-note b {
  background:transparent!important;border:none!important;padding:0!important;
  color:#456D83!important;font-size:9.8px!important;font-weight:740!important;
  letter-spacing:0!important;line-height:1.35!important;
}
/* Cashout V2.1：下注区完全对齐已确认的 10X V2 规格，不自行发明另一套。 */
#cashoutPageRoot .v17924-bet-panel {
  margin:0 0 10px!important;padding:13px 14px 14px!important;
  background:#FFFFFF!important;border:1px solid #D8E7EF!important;
  border-radius:19px!important;box-shadow:0 5px 16px rgba(30,85,119,.05)!important;
}
#cashoutPageRoot .v17924-bet-head {
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  margin:0 0 10px!important;min-height:18px!important;
}
#cashoutPageRoot .v17924-bet-head small {
  display:inline-block!important;color:#214D69!important;font-size:13px!important;
  font-weight:800!important;letter-spacing:0!important;line-height:1.25!important;
}
#cashoutPageRoot .v17924-bet-head strong,
#cashoutPageRoot .v17924-bet-head .v17924-compat {display:none!important;}
#cashoutPageRoot #bpcoBetGrid {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;
}
#cashoutPageRoot #bpcoBetGrid .bet {
  min-width:0!important;min-height:46px!important;height:46px!important;
  padding:0 3px!important;border:1px solid #C9DFEB!important;
  border-radius:11px!important;background:#F0F7FA!important;
  color:#23516B!important;box-shadow:inset 0 1px rgba(255,255,255,.75)!important;
  transform:none!important;transition:background-color .16s,border-color .16s,box-shadow .16s;
}
#cashoutPageRoot #bpcoBetGrid .bet strong {
  font-size:13px!important;font-weight:800!important;letter-spacing:-.15px!important;
  color:#214B65!important;white-space:nowrap!important;
}
#cashoutPageRoot #bpcoBetGrid .bet.active {
  background:#2C74AB!important;border:2px solid #1E5E8F!important;
  box-shadow:0 2px 6px rgba(33,98,148,.18),inset 0 1px rgba(255,255,255,.14)!important;
}
#cashoutPageRoot #bpcoBetGrid .bet.active strong {color:#FFFFFF!important;}
#cashoutPageRoot #bpcoBetGrid .bet:active {filter:brightness(.96);}
#cashoutPageRoot #bpcoBetGrid .bet:focus-visible {outline:3px solid #198F84!important;outline-offset:2px!important;}
/* Cashout 主 CTA：字号、角半径、阴影、布局和箭头规则与 10X V2 一致。 */
#cashoutPageRoot #bpcoStartBtn.v17924-primary {
  position:relative!important;width:100%!important;height:auto!important;min-height:58px!important;
  padding:10px 46px 11px!important;gap:4px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid #0C7859!important;border-radius:15px!important;
  background:#128461!important;color:#FFFFFF!important;
  box-shadow:0 6px 15px rgba(17,116,85,.18)!important;
  transition:background-color .16s,box-shadow .16s,transform .16s;
}
#cashoutPageRoot #bpcoStartBtn:before {content:none!important;display:none!important;}
#cashoutPageRoot #bpcoStartBtn:not(.deposit-required):active {transform:translateY(1px)!important;}
#cashoutPageRoot #bpcoStartBtn:not(.deposit-required):after {
  content:"";position:absolute;right:20px;top:50%;
  width:10px;height:10px;transform:translateY(-50%) rotate(45deg);
  border-top:3px solid #DAF6EB;border-right:3px solid #DAF6EB;
  border-radius:1px;
}
#cashoutPageRoot #bpcoStartBtn span {
  font-size:17px!important;font-weight:850!important;color:#FFFFFF!important;
  line-height:1.15!important;letter-spacing:0!important;
}
#cashoutPageRoot #bpcoStartBtn small {
  font-size:11px!important;font-weight:650!important;color:#E1FCF2!important;
  line-height:1.3!important;white-space:normal!important;text-align:center!important;opacity:1!important;
}
#cashoutPageRoot #bpcoStartBtn.deposit-required {
  background:#E7F0F4!important;border-color:#ADCEDB!important;
  box-shadow:none!important;color:#245971!important;
}
#cashoutPageRoot #bpcoStartBtn.deposit-required:after {
  content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);
  font-size:21px;font-weight:500;color:#2B718B;
}
#cashoutPageRoot #bpcoStartBtn.deposit-required span {color:#235D78!important;}
#cashoutPageRoot #bpcoStartBtn.deposit-required small {color:#4B6F81!important;}
#cashoutPageRoot #bpcoStartBtn:disabled{filter:grayscale(.75) saturate(.25);opacity:.68;cursor:not-allowed;box-shadow:none!important;}
#cashoutPageRoot #bpcoStartBtn:focus-visible{outline:3px solid #2C74AB!important;outline-offset:3px!important;}
#cashoutPageRoot .v17924-play-note{display:none!important;}
/* 演示区美术修正：禁止旧版绿色/金黄色投影“影子”误认成游戏可点击块。
   真实方块颜色保留；预览过程、演示 DOM 和 JS 时间线均不改变。 */
#cashoutPageRoot .bpco-demo-stage{background:#0D2433!important;isolation:isolate!important;}
#cashoutPageRoot .bpco-demo-board {box-shadow:inset 0 0 0 1px rgba(189,223,240,.12)!important;filter:none!important;}
#cashoutPageRoot .bpco-moving-piece,
#cashoutPageRoot .bpco-target-row,
#cashoutPageRoot .bpco-gap-cell {filter:none!important;text-shadow:none!important;}
#cashoutPageRoot .bpco-moving-piece {box-shadow:none!important;}
/* 只取消演示中尚未真正放置的缺口黄光残影；游戏本体 Piece 材质不受影响。 */
#cashoutPageRoot .bpco-gap-cell {background:linear-gradient(180deg,#16354B,#102638)!important;border-color:#325873!important;box-shadow:none!important;}
#cashoutPageRoot .bpco-moving-piece i {box-shadow:none!important;filter:none!important;}
#cashoutPageRoot .bpco-clear-sweep {display:none!important;box-shadow:none!important;}
#cashoutPageRoot .bpco-progress-chip,
#cashoutPageRoot .bpco-unlock-chip {box-shadow:none!important;border-color:rgba(178,214,231,.28)!important;background:rgba(8,32,49,.92)!important;}
#cashoutPageRoot .bpco-demo-stage[data-checkpoint="1"] .bpco-unlock-chip {box-shadow:none!important;border-color:rgba(178,214,231,.28)!important;background:rgba(8,32,49,.92)!important;transform:none!important;}
#cashoutPageRoot .bpco-demo-stage[data-checkpoint="1"] .bpco-unlock-chip b{color:#E9F8FF!important;transform:none!important;}
/* Demo 的模拟 Cashout 决策只用于演示，隐藏模拟操作按钮避免用户误触/误解。 */
/* V2.0.4.2：历史金黑 50X 宣传面板属于原 Hero 演示状态，非独立结算。
   不删动画节点与倍率文本，只将金黑材质统一到已认可的浅蓝绿品牌，防止误认为另一个赌场弹窗。 */
#cashoutPageRoot .bpco-hero-final{
  background:linear-gradient(180deg,rgba(230,249,245,.98),rgba(204,238,240,.99))!important;
  border:1px solid #89CBBB!important;
  box-shadow:0 8px 20px rgba(6,50,64,.22)!important;
  color:#15465A!important;
}
#cashoutPageRoot .bpco-hero-final small{color:#287C70!important;font-size:9px!important;}
#cashoutPageRoot .bpco-hero-final b{color:#0C8B68!important;text-shadow:none!important;}
#cashoutPageRoot .bpco-hero-final strong{color:#14516A!important;}
#cashoutPageRoot .bpco-hero-decision {pointer-events:none!important;display:none!important;border-color:rgba(189,221,237,.4)!important;background:rgba(11,36,54,.96)!important;box-shadow:0 6px 18px rgba(8,36,54,.14)!important;}
#cashoutPageRoot .bpco-hero-decision .decision-actions{display:none!important;}
#cashoutPageRoot .bpco-hero-decision .decision-next{color:#C6DEEA!important;background:transparent!important;border-color:rgba(186,214,226,.23)!important;}
#cashoutPageRoot .bpco-hero-decision .decision-value b{color:#B9E8D6!important;}
/* 旧 Hero Demo 提现选择为演示元素，不赋予业务点击回调；仅改善对比和标签识别。 */
#cashoutPageRoot .bpco-hero-decision .decision-kicker{font-size:9px!important;color:#C9F2E1!important;}
#cashoutPageRoot .bpco-hero-decision .decision-risk{font-size:8px!important;color:#C1D3CA!important;}
#cashoutPageRoot .bpco-hero-decision .decision-actions .take,
#cashoutPageRoot .bpco-hero-decision .decision-actions .continue{font-size:9px!important;min-height:34px!important;}
#cashoutPageRoot .bpco-hero-decision .decision-next{font-size:8px!important;}
/* Cashout V2.1：小屏遵循 10X V2 的字体与按钮尺寸，不压到 34px。 */
@media(min-width:360px) and (max-width:389px){
  #cashoutPageRoot .bpco-demo-stage{width:min(100%,134px)!important;}
  #cashoutPageRoot .bpco-reward-card{padding-bottom:6px!important;}
}
@media(max-width:359px){
  #cashoutPageRoot .bpco-hero{padding:9px 10px 8px!important;}
  #cashoutPageRoot .bpco-demo-stage{width:min(100%,152px)!important;}
  #cashoutPageRoot .bpco-hero-top small{font-size:9.5px!important;}
  #cashoutPageRoot .bpco-hero-top span{font-size:10px!important;padding:4px 6px!important;}
  #cashoutPageRoot .bpco-reward-card{padding:8px 10px 7px!important;margin-bottom:4px!important;}
  #cashoutPageRoot .bpco-first-money strong{font-size:23px!important;}
  #cashoutPageRoot .bpco-max-row{margin-top:2px!important;}
  #cashoutPageRoot #bpcoCheckpointRail{gap:0!important;margin-top:4px!important;padding:2px 0 0!important;}
  #cashoutPageRoot #bpcoCheckpointRail .bpco-cp{height:25px!important;min-height:25px!important;padding-top:13px!important;gap:2px!important;}
  #cashoutPageRoot #bpcoCheckpointRail .bpco-cp b{font-size:10.5px!important;}
  #cashoutPageRoot #bpcoCheckpointRail .bpco-cp small{font-size:7.6px!important;letter-spacing:-.55px!important;}
  #cashoutPageRoot .bpco-risk-note{padding-top:3px!important;margin-top:0!important;}
  #cashoutPageRoot .bpco-demo-copy strong{font-size:9.5px!important;}
  #cashoutPageRoot .bpco-demo-copy span{font-size:10px!important;}
  #cashoutPageRoot .v17924-bet-panel{padding:11px!important;margin-bottom:8px!important;}
  #cashoutPageRoot #bpcoBetGrid{gap:6px!important;}
  #cashoutPageRoot #bpcoBetGrid .bet{height:44px!important;min-height:44px!important;}
  #cashoutPageRoot #bpcoBetGrid .bet strong{font-size:12px!important;}
  #cashoutPageRoot #bpcoStartBtn.v17924-primary{min-height:55px!important;}
  #cashoutPageRoot #bpcoStartBtn span{font-size:16px!important;}
  #cashoutPageRoot #bpcoStartBtn small{font-size:10.5px!important;}
}
/*@@BP496_CASHOUT_EDITORIAL_END@@*/

/* Indique Referral Commercial Rebuild V1 — 唯一 CSS Owner: pages.css。仅针对当前真实 REFERRAL 路由。
   保留 Header / Profile / 10X / Cashout / Deposit 原有样式及其业务事件。 */
#v18061ReferralScreen.bp-ref-v1{background:#f2f6f9;color:#173650;padding:15px 14px calc(108px + var(--safeBottom,0px));overflow-x:hidden;overflow-y:auto;box-sizing:border-box}
#v18061ReferralScreen.bp-ref-v1 *{box-sizing:border-box}
.bp-ref-v1-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.bp-ref-v1-eyebrow,.bp-ref-v1-section-label{display:block;color:#50728b;font-size:10px;font-weight:800;letter-spacing:.075em}
.bp-ref-v1-intro h1{margin:5px 0 4px;color:#173650;font-size:22px;line-height:1.16;font-weight:800;letter-spacing:-.045em}
.bp-ref-v1-intro p{margin:0;color:#557189;font-size:12px;line-height:1.45}
.bp-ref-v1-glyph{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e4f1f8;color:#2c74ab}
.bp-ref-v1-glyph svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bp-ref-v1-summary{background:#fff;border:1px solid #dbe6ec;border-radius:17px;padding:16px;box-shadow:0 3px 13px rgba(25,73,102,.045)}
.bp-ref-v1-summary-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.bp-ref-v1-summary-top>span:first-child{font-size:10px;font-weight:850;color:#59768a;letter-spacing:.06em}
.bp-ref-v1-local-tag{font-size:9px;font-weight:800;color:#2b7994;background:#eaf4f7;padding:5px 7px;border-radius:6px;white-space:nowrap}
.bp-ref-v1-summary>strong{display:block;margin:9px 0 4px;font-size:29px;line-height:1.1;color:#173650;font-weight:850;letter-spacing:-.035em;overflow-wrap:anywhere}
.bp-ref-v1-summary>p{margin:0 0 12px;color:#607789;font-size:11px;line-height:1.4}
.bp-ref-v1-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e4edf1;padding-top:13px;gap:8px}
.bp-ref-v1-mini>div{min-width:0}.bp-ref-v1-mini small{display:block;font-size:9px;font-weight:800;color:#6a8293;letter-spacing:.02em}.bp-ref-v1-mini b{display:block;font-size:15px;line-height:1.3;margin-top:4px;color:#1d567b;overflow-wrap:anywhere}
#v18061ReferralScreen .bp-ref-v1-invite,#v18061ReferralScreen .bp-ref-v1-levels,#v18061ReferralScreen .bp-ref-v1-records{margin-top:12px;border:1px solid #dbe6ec;border-radius:17px;padding:15px;background:#fff;box-shadow:0 3px 12px rgba(25,73,102,.04)}
.bp-ref-v1-invite h2,.bp-ref-v1-blockhead h2{margin:4px 0 0;color:#173650;font-size:17px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
.bp-ref-v1-subtitle{margin:6px 0 11px;font-size:12px;color:#5d7689;line-height:1.4}
.bp-ref-v1-link{display:flex;align-items:center;gap:9px;padding:0 12px;min-height:45px;background:#f1f6f9;border:1px solid #d4e3eb;border-radius:11px;overflow:hidden}
.bp-ref-v1-link svg{width:18px;height:18px;flex:0 0 18px;stroke:#537e9a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bp-ref-v1-link code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#34576d}
.bp-ref-v1-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;margin-top:10px}
#v18061ReferralScreen .bp-ref-v1-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;font-size:13px;font-weight:800;border-radius:12px;padding:9px;box-shadow:none;line-height:1.2;cursor:pointer}
.bp-ref-v1-actions svg{width:17px;height:17px;flex:0 0 17px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#v18061ReferralScreen .bp-ref-v1-share{border:1px solid #128461;background:#128461;color:#fff}
#v18061ReferralScreen .bp-ref-v1-copy{background:#edf4f8;border:1px solid #cbdfea;color:#285578}
#v18061ReferralScreen .bp-ref-v1-actions button:disabled{background:#e8eef1;color:#6e8999;border:1px solid #dce7ec;opacity:1;cursor:not-allowed}
.bp-ref-v1-feedback{font-size:11px;color:#285578;min-height:0;line-height:1.4}.bp-ref-v1-feedback:not(:empty){margin-top:8px}
.bp-ref-v1-link-note{margin:9px 0 0;color:#607b8d;font-size:10px;line-height:1.45}
.bp-ref-v1-blockhead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bp-ref-v1-informative{font-size:9px;color:#547d94;font-weight:800;background:#edf5f9;border-radius:6px;padding:5px 7px}
.bp-ref-v1-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:15px 0 10px;gap:0}
.bp-ref-v1-track:before{content:"";position:absolute;left:11%;right:11%;top:4px;height:2px;background:#d7e7ef}
.bp-ref-v1-track>div{min-width:0;display:flex;align-items:center;flex-direction:column;gap:4px;color:#173650}
.bp-ref-v1-track i{width:10px;height:10px;border-radius:100%;background:#2c74ab;border:2px solid #fff;box-shadow:0 0 0 1px #bad4e3;z-index:1}
.bp-ref-v1-track small{color:#6a8190;font-size:10px;font-weight:750;margin-top:3px}
.bp-ref-v1-track strong{font-size:18px;font-weight:850;color:#285578}
.bp-ref-v1-levels>p{margin:9px 0 0;color:#6a8293;font-size:10.5px;line-height:1.45}
.bp-ref-v1-activity{margin-top:12px}.bp-ref-v1-empty{padding:18px 12px;text-align:center;background:#f1f6f9;border-radius:12px;border:1px dashed #cfdee8}
.bp-ref-v1-empty svg{display:block;margin:0 auto 8px;width:29px;height:29px;stroke:#7b9fb4;stroke-width:1.6;fill:none}
.bp-ref-v1-empty b{display:block;color:#30556f;font-size:13px;font-weight:800}
.bp-ref-v1-empty p{color:#647e90;font-size:11px;line-height:1.5;margin:5px auto 0;max-width:255px}
.bp-ref-v1-activity .v18061-tx{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:11px 2px;border-bottom:1px solid #ebf0f3;background:transparent}
.bp-ref-v1-activity .v18061-tx:last-child{border-bottom:0}
.bp-ref-v1-activity .v18061-tx b{color:#284e69;font-size:12px}.bp-ref-v1-activity .v18061-tx small{color:#768f9e;font-size:10px}.bp-ref-v1-activity .v18061-tx-amt{text-align:right}
@media(max-width:350px){#v18061ReferralScreen.bp-ref-v1{padding:11px 10px calc(105px + var(--safeBottom,0px))}.bp-ref-v1-intro h1{font-size:20px}.bp-ref-v1-summary{padding:13px}.bp-ref-v1-summary>strong{font-size:26px}#v18061ReferralScreen .bp-ref-v1-invite,#v18061ReferralScreen .bp-ref-v1-levels,#v18061ReferralScreen .bp-ref-v1-records{padding:12px}.bp-ref-v1-actions{grid-template-columns:1fr 1fr}.bp-ref-v1-mini b{font-size:13px}.bp-ref-v1-track strong{font-size:16px}}


/* Block PIX V1.1 / Perfil Original Scope 正式页面 Owner。
 * 只对 bp-profile-v11 生效；旧 bp-r136-profile 已从真实 PROFILE 移除，避免黑金旧样式污染。
 * 保留路由数据属性及 Logout ID；不创建会员、CPF/PIX、资金余额或充值入口。
 */
#v18061ProfileScreen.bp-profile-v11{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:18px 14px calc(112px + var(--safeBottom,0px));background:#F2F6F9;color:#173650;font-family:inherit;}
#v18061ProfileScreen.bp-profile-v11::before{content:none}
#v18061ProfileScreen.bp-profile-v11 *,#v18061ProfileScreen.bp-profile-v11 *::before,#v18061ProfileScreen.bp-profile-v11 *::after{box-sizing:border-box}
#v18061ProfileScreen.bp-profile-v11 button{font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#v18061ProfileScreen.bp-profile-v11 svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#v18061ProfileScreen .bp-profile-v11-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 3px 17px;min-height:51px}
#v18061ProfileScreen .bp-profile-v11-heading small{display:block;color:#4B7793;font-size:10px;letter-spacing:1.2px;font-weight:850;line-height:1.3}
#v18061ProfileScreen .bp-profile-v11-heading h1{margin:4px 0 0;color:#173650;font-size:23px;line-height:1.1;font-weight:850;letter-spacing:-.7px}
#v18061ProfileScreen .bp-profile-v11-heading-icon{display:grid;place-items:center;width:43px;height:43px;background:#E7F0F6;border-radius:14px;color:#2C74AB;flex-shrink:0}
#v18061ProfileScreen .bp-profile-v11-identity{display:grid;grid-template-columns:55px minmax(0,1fr) 20px;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid #D9E7ED;border-radius:18px;background:#FFFFFF;min-height:102px;padding:15px 16px;color:#173650;box-shadow:0 4px 14px rgba(25,72,103,.045);cursor:pointer}
#v18061ProfileScreen .bp-profile-v11-avatar{width:55px;height:55px;display:grid;place-items:center;border-radius:18px;background:#DCECF4;color:#2C74AB;flex-shrink:0;overflow:hidden}
#v18061ProfileScreen .bp-profile-v11-avatar svg{width:30px;height:30px;stroke:none;fill:currentColor}
#v18061ProfileScreen .bp-profile-v11-user{display:block;min-width:0}
#v18061ProfileScreen .bp-profile-v11-user-label{display:block;color:#547D97;letter-spacing:.65px;font-size:10px;font-weight:850;line-height:1.4}
#v18061ProfileScreen .bp-profile-v11-user strong{display:block;margin-top:5px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#173650;font-size:17px;line-height:1.25;font-weight:850}
#v18061ProfileScreen .bp-profile-v11-user small{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;color:#5C7889;font-size:11.5px;line-height:1.3;font-weight:550}
#v18061ProfileScreen .bp-profile-v11-identity-link,#v18061ProfileScreen .bp-profile-v11-next{color:#789CAE;display:grid;place-items:center}
#v18061ProfileScreen .bp-profile-v11-identity-link svg,#v18061ProfileScreen .bp-profile-v11-next svg{width:17px;height:17px;stroke-width:2}
#v18061ProfileScreen .bp-profile-v11-section-title{margin:20px 3px 9px;color:#52768C;font-size:10.5px;line-height:1.35;font-weight:850;letter-spacing:1px}
#v18061ProfileScreen .bp-profile-v11-actions,#v18061ProfileScreen .bp-profile-v11-group{border-radius:17px;border:1px solid #DBE7ED;background:#FFFFFF;box-shadow:0 4px 14px rgba(22,71,99,.038);overflow:hidden}
#v18061ProfileScreen .bp-profile-v11-action,#v18061ProfileScreen .bp-profile-v11-row{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:70px;padding:10px 15px;text-align:left;background:#FFFFFF;border:0;color:#173650;cursor:pointer}
#v18061ProfileScreen .bp-profile-v11-action{background:#F2F9F7;min-height:72px}
#v18061ProfileScreen .bp-profile-v11-action-icon,#v18061ProfileScreen .bp-profile-v11-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;color:#2C74AB;background:#E6F0F6}
#v18061ProfileScreen .bp-profile-v11-action-icon{color:#128461;background:#DFF3EB}
#v18061ProfileScreen .bp-profile-v11-action-icon svg,#v18061ProfileScreen .bp-profile-v11-icon svg{width:21px;height:21px}
#v18061ProfileScreen .bp-profile-v11-action-text,#v18061ProfileScreen .bp-profile-v11-row-text{display:block;min-width:0}
#v18061ProfileScreen .bp-profile-v11-action-text b,#v18061ProfileScreen .bp-profile-v11-row-text b{display:block;color:#214862;font-size:14px;line-height:1.2;font-weight:800}
#v18061ProfileScreen .bp-profile-v11-action-text b{color:#126E55;font-size:15px}
#v18061ProfileScreen .bp-profile-v11-action-text small,#v18061ProfileScreen .bp-profile-v11-row-text small{display:block;color:#5B7A8D;font-size:11.5px;line-height:1.4;margin-top:4px;font-weight:500}
#v18061ProfileScreen .bp-profile-v11-row+.bp-profile-v11-row{border-top:1px solid #E8F0F4}
#v18061ProfileScreen .bp-profile-v11-group{margin-bottom:20px}
#v18061ProfileScreen .bp-profile-v11-logout{display:grid;grid-template-columns:23px minmax(0,1fr) 19px;align-items:center;gap:12px;min-height:50px;width:100%;border:0;border-top:1px solid #D9E5EC;background:transparent;text-align:left;color:#607C8E;font-size:13px;font-weight:730;padding:0 13px;cursor:pointer}
#v18061ProfileScreen .bp-profile-v11-logout svg{width:20px;height:20px}
#v18061ProfileScreen .bp-profile-v11-logout-next{stroke-width:1.5}
#v18061ProfileScreen.bp-profile-v11 button:focus-visible{outline:3px solid #92C8E5;outline-offset:2px}
#v18061ProfileScreen.bp-profile-v11 button:active{filter:brightness(.97)}
@media(max-width:350px){#v18061ProfileScreen.bp-profile-v11{padding:12px 10px calc(110px + var(--safeBottom,0px))}#v18061ProfileScreen .bp-profile-v11-heading{margin-bottom:13px}#v18061ProfileScreen .bp-profile-v11-heading h1{font-size:21px}#v18061ProfileScreen .bp-profile-v11-identity{padding:12px 11px;grid-template-columns:48px minmax(0,1fr) 17px;gap:9px;min-height:88px}#v18061ProfileScreen .bp-profile-v11-avatar{width:48px;height:48px}#v18061ProfileScreen .bp-profile-v11-user strong{font-size:16px}#v18061ProfileScreen .bp-profile-v11-action,#v18061ProfileScreen .bp-profile-v11-row{gap:9px;padding:9px 11px;grid-template-columns:39px minmax(0,1fr) 18px}#v18061ProfileScreen .bp-profile-v11-action-icon,#v18061ProfileScreen .bp-profile-v11-icon{width:39px;height:39px}}



/* 正式 Perfil 首页 V1.2 视觉保护：原封不动继承既有图标与退出按钮。 */
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-heading-icon{background:#E8F1F7;color:#306E98;border:1px solid #D8E8F1}
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-heading-icon svg{width:23px;height:23px;stroke-width:1.7}
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-action-icon,
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-icon{width:42px;height:42px;border-radius:13px;background:#E9F1F7;color:#286A92}
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-action-icon{background:#E0F2EB;color:#138062}
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-action-icon svg,
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-icon svg{width:23px;height:23px;stroke-width:1.8}
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-action{background:#F3FAF7}
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-logout{display:flex;align-items:center;gap:12px;min-height:56px;margin-top:4px;padding:8px 14px;border:1px solid #DDE6EC;border-radius:15px;background:#fff;color:#526F83;font-size:14px;font-weight:750;box-shadow:0 2px 10px rgba(37,85,112,.03)}
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-logout:hover{background:#F8FAFC}
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v12-logout-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#F3F4F6;color:#6C7885}
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v12-logout-icon svg{width:19px;height:19px;stroke-width:1.9}
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-identity:focus-visible,
#v18061ProfileScreen.bp-profile-v11 .bp-profile-v11-logout:focus-visible{outline:3px solid #9FCFE5;outline-offset:2px}

/* ===== Block PIX 4.9.6 Perfil Child V1.5 — 唯一视觉 Owner =====
 * 范围：仅 PROFILE 下四个二级页；此段替换 V1.4 Owner，不追加新的 hotfix。
 * 保留已存在的 DOM ID/路由/动态记录容器，提现校验来源仍是 V1.4.1 No Rollover。
 * 老旧 !important 仅在必须覆盖 legacy owner 时保留，后续可统一退役 legacy 规则。
 */
#v18061SystemViewport .bp13-child{
 --p15-ink:#173650;--p15-sub:#476578;--p15-soft:#5A7486;--p15-line:#DFE8ED;--p15-blue:#2C74AB;--p15-action:#128461;
 position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;max-width:100%!important;margin:0!important;min-width:0;box-sizing:border-box!important;
 background:#F2F6F9!important;color:#173650!important;
 padding:0 14px calc(34px + env(safe-area-inset-bottom,0px))!important;
 overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;
 overscroll-behavior-y:contain;touch-action:pan-y;
 -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
#v18061SystemViewport .bp13-child *{box-sizing:border-box}
#v18061SystemViewport .bp13-child::before{display:none!important}
#v18061SystemViewport .bp13-child .bp13-child-content{width:100%;max-width:480px;min-width:0;margin:0 auto;padding:13px 14px 16px}
/* 子页面正式单 Header（主 Header 在子页由应用原逻辑隐藏）；留出顶部安全区，不插入测试工具栏。 */
#v18061SystemViewport .bp13-child .bp13-child-head{
 display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important;align-items:center!important;
 position:sticky!important;top:0;z-index:30;min-height:calc(64px + env(safe-area-inset-top,0px))!important;
 width:100%!important;max-width:100%!important;margin:0!important;
 padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px!important;
 border:0!important;border-bottom:1px solid #DFEAF0!important;border-radius:0!important;
 background:#FFF!important;box-shadow:0 2px 8px rgba(34,76,105,.035)!important;
}
#v18061SystemViewport .bp13-child .bp13-head-copy{text-align:center;min-width:0;overflow:visible!important}
#v18061SystemViewport .bp13-child .bp13-head-copy small{display:none!important}
#v18061SystemViewport .bp13-child .bp13-head-copy h1{margin:0!important;color:#173650!important;font-size:20px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.25px!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important}
#v18061SystemViewport .bp13-child .v18061-back{width:44px!important;height:44px!important;padding:0!important;display:grid!important;place-items:center!important;background:#EDF5F9!important;color:#265E83!important;border:1px solid #D8E6EE!important;border-radius:13px!important;box-shadow:none!important;font-size:0!important}
#v18061SystemViewport .bp13-child .v18061-back svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#v18061SystemViewport .bp13-child .bp13-head-end{width:44px;height:44px}
#v18061SystemViewport .bp13-child .v18065-deposit-entry{display:none!important}
#v18061SystemViewport .bp13-child :is(button,input):focus-visible{outline:3px solid #79BADB!important;outline-offset:2px}
#v18061SystemViewport .bp13-child button{touch-action:manipulation}
#v18061SystemViewport .bp13-child .v18061-card{
 background:#FFF!important;border:1px solid #E0EAF0!important;border-radius:16px!important;color:#173650!important;
 box-shadow:0 2px 9px rgba(35,81,111,.03)!important;padding:15px!important;margin:0 0 12px!important;
}
#v18061SystemViewport .bp13-child .v18061-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;margin:0 0 11px!important}
#v18061SystemViewport .bp13-child .v18061-card-head small{color:#476578!important;font-size:12px!important;letter-spacing:0!important;font-weight:600!important;line-height:1.4!important}
#v18061SystemViewport .bp13-child .v18061-card-head h2{margin:0!important;color:#173650!important;font-size:16px!important;line-height:1.35!important;font-weight:700!important;letter-spacing:-.15px!important}
#v18061SystemViewport .bp13-child .v18061-chip-info{padding:5px 8px!important;border:0!important;border-radius:8px!important;background:#E9F3F8!important;color:#265C7D!important;font-size:11px!important;font-weight:700!important;white-space:normal!important}
#v18061SystemViewport .bp13-child .v18061-inline-status{font-size:13px!important;line-height:1.5!important;color:#476578!important}
#v18061SystemViewport .bp13-child .v18061-empty{min-height:160px!important;border:0!important;border-radius:12px!important;background:#F5F9FB!important;box-shadow:none!important;padding:25px 14px!important;text-align:center!important;color:#506F83!important}
#v18061SystemViewport .bp13-child .v18061-empty .icon{display:grid!important;place-items:center!important;width:43px!important;height:43px!important;margin:0 auto 10px!important;border-radius:13px!important;background:#E7F2F9!important;color:#2C74AB!important;font-size:23px!important}
#v18061SystemViewport .bp13-child .v18061-empty b{display:block!important;color:#173650!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important}
#v18061SystemViewport .bp13-child .v18061-empty p{max-width:260px;margin:6px auto 0!important;color:#476578!important;font-size:13px!important;line-height:1.5!important}
/* Conta：身份区自然排版，用户名占据剩余宽度；账户状态另起一行，避免截断。 */
#v18061AccountScreen .bp13-account-identity{
 display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;
 padding:15px!important;margin:0 0 12px!important;background:#FFF!important;border:1px solid #E0EAF0!important;border-radius:16px!important;box-shadow:none!important;overflow:visible!important;
}
#v18061AccountScreen .v18065-account-avatar{width:56px!important;height:56px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#DFEFF8!important;color:#2C74AB!important;font-size:24px!important;box-shadow:none!important;border:0!important}
#v18061AccountScreen .v18065-account-avatar svg{width:30px;height:30px;fill:currentColor}
#v18061AccountScreen .bp13-account-name{min-width:0!important;width:auto!important}
#v18061AccountScreen .bp13-account-name small{font-size:12px!important;font-weight:600!important;letter-spacing:.2px!important;color:#506E81!important}
#v18061AccountScreen .bp13-account-name h2{margin:3px 0 2px!important;font-size:17px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;font-weight:700!important;color:#173650!important}
#v18061AccountScreen .bp13-account-name p{font-size:13px!important;line-height:1.4!important;margin:0!important;color:#536F81!important;overflow-wrap:anywhere!important}
#v18061AccountScreen .v18065-status-chip{grid-column:2!important;justify-self:start!important;margin:1px 0 0!important;padding:5px 8px!important;background:#E6F5ED!important;color:#116B4E!important;border:0!important;border-radius:7px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}
#v18061AccountScreen .bp13-account-sheet .v18061-card-head small{display:none!important}
#v18061AccountScreen .v18061-detail-row{display:grid!important;grid-template-columns:minmax(100px,38%) minmax(0,1fr)!important;gap:12px!important;align-items:start!important;min-height:47px!important;padding:11px 0!important;border:0!important;border-bottom:1px solid #E9EFF3!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#v18061AccountScreen .v18061-detail-row:last-of-type{border-bottom:0!important}
#v18061AccountScreen .v18061-detail-row span{color:#536F81!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;white-space:normal!important}
#v18061AccountScreen .v18061-detail-row b{min-width:0!important;text-align:right!important;color:#173650!important;font-size:14px!important;font-weight:650!important;line-height:1.5!important;overflow-wrap:anywhere!important;white-space:normal!important;width:100%!important;max-width:100%!important;justify-self:stretch!important}
#v18061AccountScreen .v18061-inline-status{margin:9px 0 0!important;padding:10px!important;border:0!important;border-radius:9px!important;background:#EFF6F9!important;color:#43667D!important}
#v18061AccountScreen .bp13-security-sheet{background:#FFF!important}
#v18061AccountScreen .bp13-security-sheet .v18061-card-head small{display:none!important}
#v18061AccountScreen .v18065-feature-row{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:11px 0!important;border:0!important;border-bottom:1px solid #E9EFF3!important;min-width:0!important}
#v18061AccountScreen .v18065-feature-row:last-child{border-bottom:0!important}
#v18061AccountScreen .v18065-row-icon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#EAF3F9!important;color:#2C74AB!important;box-shadow:none!important}
#v18061AccountScreen .v18065-row-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#v18061AccountScreen .v18065-feature-row b{display:block!important;font-size:14px!important;line-height:1.35!important;color:#173650!important;font-weight:650!important}
#v18061AccountScreen .v18065-feature-row small{display:block!important;color:#536F81!important;font-size:12px!important;line-height:1.4!important;margin-top:3px!important}
#v18061AccountScreen .v18065-feature-row em{font-size:11px!important;font-style:normal!important;font-weight:650!important;color:#316480!important;background:#E8F3F8!important;padding:5px 7px!important;border-radius:7px!important;max-width:95px!important;text-align:center!important}
#v18061AccountScreen .v18065-feature-row em.green{color:#116B4E!important;background:#E4F5EC!important}
/* Sacar：一条明确的操作流程。余额+既有限制同属紧凑信息区，后面直接是金额输入和收款资料。 */
#v18061WithdrawScreen .bp13-withdraw-overview{padding:0!important;margin:0 0 12px!important;border:1px solid #DFE9EE!important;border-radius:16px!important;background:#FFF!important;box-shadow:none!important;overflow:hidden!important}
#v18061WithdrawScreen .v18065-withdraw-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:0!important;margin:0!important;padding:13px 15px 12px!important;background:#EAF4F8!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#v18061WithdrawScreen .v18065-withdraw-hero::before,#v18061WithdrawScreen .v18065-withdraw-hero::after{display:none!important}
#v18061WithdrawScreen .v18065-hero-copy small{display:block!important;font-size:12px!important;letter-spacing:0!important;color:#476578!important;font-weight:650!important}
#v18061WithdrawScreen .v18065-hero-copy strong{display:block!important;margin:3px 0!important;font-size:27px!important;line-height:1.2!important;letter-spacing:-.4px!important;color:#173650!important;font-weight:750!important}
#v18061WithdrawScreen .v18065-hero-copy span{font-size:12px!important;color:#506F81!important;line-height:1.4!important}
#v18061WithdrawScreen .v18065-hero-badge{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:none!important;border:1px solid #C9E7DC!important;border-radius:13px!important;background:#DFF3EA!important;box-shadow:none!important;color:#116B4E!important}
#v18061WithdrawScreen .v18065-hero-badge span{color:#116B4E!important;font-size:13px!important;font-weight:800!important}
#v18061WithdrawScreen .v18065-hero-badge b{color:#116B4E!important;font-size:10px!important}
#v18061WithdrawScreen .bp13-requirements{margin:0!important;padding:9px 15px!important;border:0!important;border-top:1px solid #DFE9EE!important;border-radius:0!important;background:#FFF!important;box-shadow:none!important}
#v18061WithdrawScreen .bp13-requirements .v18061-card-head{display:none!important}
#v18061WithdrawScreen .v18061-eligibility{display:flex!important;flex-wrap:wrap!important;gap:8px 15px!important;margin:0!important}
#v18061WithdrawScreen .v18061-elig{display:flex!important;align-items:baseline!important;gap:5px!important;flex:0 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
#v18061WithdrawScreen .v18061-elig small{font-size:12px!important;line-height:1.4!important;color:#506F81!important;font-weight:600!important}
#v18061WithdrawScreen .v18061-elig b{margin:0!important;font-size:13px!important;line-height:1.4!important;color:#173650!important;font-weight:700!important;overflow-wrap:normal!important}
#v18061WithdrawScreen .bp13-requirements .v18061-inline-status{margin:4px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#506F81!important;font-size:12px!important;line-height:1.5!important}
#v18061WithdrawScreen .bp13-form-sheet{margin:0!important;padding:0 15px!important;border:1px solid #DFE9EE!important;border-radius:16px!important;background:#FFF!important;box-shadow:none!important;overflow:hidden!important}
#v18061SystemViewport #v18061WithdrawScreen .bp13-form-section{margin:0!important;padding:16px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#v18061SystemViewport #v18061WithdrawScreen .bp13-form-section + .bp13-form-section{border-top:1px solid #E5EEF2!important}
#v18061WithdrawScreen .bp13-form-section .v18061-card-head{margin-bottom:11px!important}
#v18061WithdrawScreen .bp13-form-section .v18061-card-head small{display:none!important}
#v18061WithdrawScreen .bp13-form-section .v18061-card-head h2{font-size:16px!important}
#v18061WithdrawScreen .v18061-money-input{display:flex!important;align-items:center!important;gap:8px!important;height:56px!important;min-height:56px!important;padding:0 13px!important;background:#F6FAFC!important;border:1.5px solid #CBDDE7!important;border-radius:12px!important;box-shadow:none!important}
#v18061WithdrawScreen .v18061-money-input:focus-within{border-color:#2C74AB!important;box-shadow:0 0 0 3px rgba(44,116,171,.14)!important}
#v18061WithdrawScreen .v18061-money-input span{font-size:16px!important;color:#2C74AB!important;font-weight:700!important}
#v18061WithdrawScreen .v18061-money-input input{flex:1!important;width:100%!important;min-width:0!important;height:52px!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:#173650!important;font-size:22px!important;letter-spacing:-.3px!important;font-weight:700!important}
#v18061WithdrawScreen .v18061-money-input b{color:#536F81!important;font-size:12px!important;font-weight:600!important}
#v18061WithdrawScreen .v18061-amount-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:11px 0 0!important}
#v18061WithdrawScreen .v18061-amount{min-width:0!important;height:45px!important;min-height:45px!important;border:1px solid #D7E5ED!important;border-radius:11px!important;padding:0 4px!important;background:#F1F7FA!important;box-shadow:none!important;color:#245776!important;font-size:14px!important;font-weight:650!important}
#v18061WithdrawScreen .v18061-amount.selected{border-color:#2C74AB!important;background:#2C74AB!important;color:#FFF!important}
#v18061WithdrawScreen .v18061-amount:disabled{opacity:.58!important}
#v18061WithdrawScreen .v18061-form-grid{display:grid!important;gap:12px!important}
#v18061WithdrawScreen .v18061-field{display:block!important;margin:0!important}
#v18061WithdrawScreen .v18061-field span{display:block!important;margin:0 0 6px!important;font-size:13px!important;font-weight:650!important;color:#315B75!important;line-height:1.4!important}
#v18061WithdrawScreen .v18061-field input{display:block!important;width:100%!important;height:50px!important;border:1px solid #D4E2EA!important;border-radius:11px!important;padding:0 13px!important;background:#FAFCFD!important;color:#173650!important;box-shadow:none!important;font-size:16px!important;font-weight:500!important}
#v18061WithdrawScreen .v18061-field input::placeholder{color:#627E90!important;opacity:1!important}
#v18061WithdrawScreen .v18061-field input:focus{outline:none!important;border-color:#2C74AB!important;box-shadow:0 0 0 3px rgba(44,116,171,.13)!important}
#v18061WithdrawScreen .v18061-error:empty{display:none!important;min-height:0!important;margin:0!important}
#v18061WithdrawScreen .v18061-error{margin-top:8px!important;color:#A33D36!important;font-size:13px!important;line-height:1.45!important}
#v18061WithdrawScreen .v18065-main-cta{display:block!important;width:100%!important;min-height:52px!important;margin:15px 0 0!important;border:0!important;border-radius:12px!important;background:#128461!important;color:#FFF!important;font-size:16px!important;font-weight:700!important;box-shadow:none!important}
#v18061WithdrawScreen .v18065-main-cta:disabled{background:#D2E0E6!important;color:#466478!important}
/* Histórico：统计、筛选、列表按自然顺序，不再将小字塞进三张独立表格卡。 */
#v18061GameHistoryScreen .bp13-stats{display:grid!important;grid-template-columns:1.05fr 1.95fr!important;gap:0!important;align-items:center!important;margin:0 0 12px!important;padding:13px 8px!important;border:1px solid #DFE9EE!important;border-radius:16px!important;background:#FFF!important;box-shadow:none!important}
#v18061GameHistoryScreen .bp13-stats::before,#v18061GameHistoryScreen .bp13-stats::after{display:none!important}
#v18061GameHistoryScreen .bp13-stat-primary{min-width:0!important;padding:0 8px!important;text-align:center!important}
#v18061GameHistoryScreen .bp13-stat-primary small,#v18061GameHistoryScreen .v18065-mini-flow small{display:block!important;color:#536F81!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.4!important}
#v18061GameHistoryScreen .bp13-stat-primary strong{display:block!important;margin:5px 0!important;color:#173650!important;font-size:28px!important;font-weight:750!important;line-height:1.15!important}
#v18061GameHistoryScreen .bp13-stat-primary span{color:#536F81!important;font-size:12px!important;line-height:1.35!important}
#v18061GameHistoryScreen .v18065-mini-flow{display:grid!important;grid-template-columns:1.18fr .82fr!important;gap:0!important;min-width:0!important;background:transparent!important;box-shadow:none!important}
#v18061GameHistoryScreen .v18065-mini-flow>span{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;padding:7px 6px!important;text-align:center!important;border:0!important;border-left:1px solid #E2EBF0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#v18061GameHistoryScreen .v18065-mini-flow b{display:block!important;margin:8px 0 0!important;color:#173650!important;font-size:16px!important;font-weight:700!important;overflow-wrap:anywhere!important;line-height:1.3!important}
#v18061GameHistoryScreen .v18065-filter-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 12px!important;padding:0!important;overflow:visible!important}
#v18061GameHistoryScreen .v18065-filter-chip{min-height:45px!important;height:auto!important;padding:9px 4px!important;border:1px solid #D8E5ED!important;border-radius:10px!important;background:#FFF!important;box-shadow:none!important;color:#2A607F!important;font-size:12px!important;line-height:1.25!important;font-weight:650!important;white-space:normal!important}
#v18061GameHistoryScreen .v18065-filter-chip.active{background:#2C74AB!important;color:#FFF!important;border-color:#2C74AB!important}
#v18061GameHistoryScreen .bp13-games-list{padding:14px!important}
#v18061GameHistoryScreen .bp13-games-list .v18061-card-head small{display:none!important}
#v18061GameHistoryScreen .v18061-tx{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid #E5EEF2!important;border-radius:0!important;box-shadow:none!important;min-width:0!important}
#v18061GameHistoryScreen .v18061-tx:last-child{border-bottom:0!important}
#v18061GameHistoryScreen .v18061-tx-ico{width:36px!important;height:36px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#EAF4F9!important;color:#2C74AB!important;font-size:18px!important;box-shadow:none!important}
#v18061GameHistoryScreen .v18061-tx-copy{min-width:0!important}
#v18061GameHistoryScreen .v18061-tx-copy b{display:block!important;color:#173650!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important;overflow-wrap:anywhere!important}
#v18061GameHistoryScreen .v18061-tx-copy small{display:block!important;color:#536F81!important;font-size:12px!important;line-height:1.45!important;margin-top:3px!important;overflow-wrap:anywhere!important}
#v18061GameHistoryScreen .v18065-game-result{display:inline-block!important;margin-bottom:4px!important;font-size:11px!important;font-weight:700!important;color:#526F81!important}
#v18061GameHistoryScreen .v18065-game-result.win{color:#116B4E!important}
#v18061GameHistoryScreen .v18061-tx-amt{text-align:right!important;max-width:112px!important;min-width:0!important}
#v18061GameHistoryScreen .v18061-tx-amt b{display:block!important;color:#173650!important;font-size:14px!important;font-weight:700!important;overflow-wrap:anywhere!important}
#v18061GameHistoryScreen .v18061-tx-amt b.plus{color:#116B4E!important}
#v18061GameHistoryScreen .v18061-tx-amt small{display:block!important;margin-top:4px!important;color:#536F81!important;font-size:11px!important;font-weight:600!important}
/* Transações：正式 renderer 仍写 .v18161-row，本 Owner 以双层信息行展示，隐藏旧表格表头。 */
#v18061TransactionsScreen .bp13-page-lead{margin:1px 2px 12px!important;padding:0!important;border:0!important;background:transparent!important}
#v18061TransactionsScreen .bp13-page-lead b{display:block!important;color:#173650!important;font-size:16px!important;font-weight:700!important;line-height:1.4!important}
#v18061TransactionsScreen .bp13-page-lead span{display:block!important;margin-top:3px!important;color:#536F81!important;font-size:13px!important;line-height:1.45!important}
#v18061TransactionsScreen .v18161-segment{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:0 0 12px!important;padding:5px!important;border:1px solid #DDE8EE!important;border-radius:13px!important;background:#E9F1F5!important;box-shadow:none!important}
#v18061TransactionsScreen .v18161-segment button{height:44px!important;min-height:44px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#365F77!important;font-size:14px!important;font-weight:650!important;box-shadow:none!important}
#v18061TransactionsScreen .v18161-segment button.active{background:#FFF!important;color:#173650!important;box-shadow:0 1px 4px rgba(28,70,98,.10)!important}
#v18061TransactionsScreen .bp13-transactions-list{margin:0!important;min-height:0!important;padding:0!important;border:1px solid #DFE9EE!important;border-radius:16px!important;background:#FFF!important;box-shadow:none!important;overflow:hidden!important}
#v18061TransactionsScreen .v18161-table-head{display:none!important}
#v18061TransactionsScreen .v18161-table-body{min-height:0!important;color:#173650!important}
#v18061TransactionsScreen .v18161-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'amount status' 'date date'!important;column-gap:10px!important;row-gap:4px!important;align-items:center!important;min-height:72px!important;padding:13px 15px!important;border:0!important;border-bottom:1px solid #E8EFF3!important;background:#FFF!important;box-shadow:none!important}
#v18061TransactionsScreen .v18161-row:last-child{border-bottom:0!important}
#v18061TransactionsScreen .v18161-amount{grid-area:amount!important;min-width:0!important;white-space:normal!important;color:#173650!important;font-size:17px!important;font-weight:750!important;line-height:1.3!important;font-variant-numeric:tabular-nums!important}
#v18061TransactionsScreen .v18161-row.paid .v18161-amount{color:#116B4E!important}
#v18061TransactionsScreen .v18161-row.pending .v18161-amount{color:#173650!important}
#v18061TransactionsScreen .v18161-row.failed .v18161-amount{color:#A23C38!important}
#v18061TransactionsScreen .v18161-status{grid-area:status!important;justify-self:end!important;min-width:0!important;height:auto!important;max-width:135px!important;padding:5px 8px!important;border-radius:7px!important;border:0!important;font-size:12px!important;line-height:1.25!important;font-weight:650!important;white-space:normal!important;text-align:center!important}
#v18061TransactionsScreen .v18161-status.paid{background:#E3F5EB!important;color:#116B4E!important}
#v18061TransactionsScreen .v18161-status.pending{background:#F7F0DC!important;color:#755A17!important}
#v18061TransactionsScreen .v18161-status.failed{background:#FBECE9!important;color:#A23C38!important}
#v18061TransactionsScreen .v18161-status.neutral{background:#EEF4F7!important;color:#365F77!important}
#v18061TransactionsScreen .v18161-date{grid-area:date!important;text-align:left!important;color:#536F81!important;font-size:12px!important;line-height:1.4!important;font-weight:500!important;white-space:normal!important;letter-spacing:0!important}
#v18061TransactionsScreen .v18161-empty{min-height:168px!important;padding:28px 15px!important;text-align:center!important;color:#536F81!important;background:#FFF!important;border:0!important;box-shadow:none!important;outline:0!important}
#v18061TransactionsScreen .v18161-empty svg{width:39px!important;height:39px!important;margin:0 auto 11px!important;display:block!important;fill:none!important;stroke:#2C74AB!important;stroke-width:1.7!important;opacity:1!important}
#v18061TransactionsScreen .v18161-empty b{display:block!important;margin-bottom:6px!important;font-size:15px!important;color:#173650!important;font-weight:700!important}
#v18061TransactionsScreen .v18161-empty p{color:#536F81!important;font-size:13px!important;line-height:1.5!important;margin:0!important}
@media(max-width:350px){
 #v18061SystemViewport .bp13-child{padding-left:12px!important;padding-right:12px!important}
 #v18061SystemViewport .bp13-child .bp13-child-head{width:100%!important;margin:0!important;padding-left:12px!important;padding-right:12px!important}
 #v18061SystemViewport .bp13-child .bp13-child-content{padding-left:12px!important;padding-right:12px!important}
 #v18061AccountScreen .v18061-detail-row{grid-template-columns:1fr!important;gap:2px!important}
 #v18061AccountScreen .v18061-detail-row b{text-align:left!important}
 #v18061AccountScreen .v18065-feature-row{grid-template-columns:36px minmax(0,1fr)!important}
 #v18061AccountScreen .v18065-feature-row em{grid-column:2!important;justify-self:start!important}
 #v18061WithdrawScreen .v18065-withdraw-hero{padding:12px!important}
 #v18061WithdrawScreen .v18065-hero-copy strong{font-size:25px!important}
 #v18061WithdrawScreen .v18061-eligibility{gap:5px 12px!important}
 #v18061GameHistoryScreen .bp13-stats{grid-template-columns:1fr!important;gap:10px!important}
 #v18061GameHistoryScreen .bp13-stat-primary{padding:0 0 10px!important;border-bottom:1px solid #E2EBF0!important}
 #v18061GameHistoryScreen .v18065-mini-flow>span:first-child{border-left:0!important}
 #v18061GameHistoryScreen .v18061-tx{grid-template-columns:32px minmax(0,1fr) auto!important;gap:7px!important}
 #v18061GameHistoryScreen .v18061-tx-amt{max-width:85px!important}
}
@media(prefers-reduced-motion:reduce){#v18061SystemViewport .bp13-child *{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}


/* Block PIX 4.9.6 V1.6｜四个二级页统一排版中的提现简化及游戏历史双玩法卡片；所有选择器限定正式路由。 */
#v18061WithdrawScreen.bp16-withdraw .bp16-withdraw-content{padding-top:12px!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;gap:12px!important}
#v18061WithdrawScreen .bp16-withdraw-balance{background:#fff;border:1px solid #DDE9EF;border-radius:15px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:none}
#v18061WithdrawScreen .bp16-withdraw-balance small{display:block;color:#4B687C;font-size:13px;font-weight:600;line-height:1.4}
#v18061WithdrawScreen .bp16-withdraw-balance strong{display:block;margin-top:3px;color:#173650;font-size:27px;font-weight:750;line-height:1.25;font-variant-numeric:tabular-nums}
#v18061WithdrawScreen .bp16-withdraw-balance>span{color:#14795C;font-size:12px;font-weight:700;white-space:nowrap}
#v18061WithdrawScreen .bp16-withdraw-min{margin:8px 2px 0!important;color:#4B687C!important;font-size:13px!important;line-height:1.45!important}
#v18061WithdrawScreen .bp16-withdraw-min strong{color:#173650;font-weight:700}
#v18061WithdrawScreen .bp16-withdraw-step{margin:0!important;padding:15px 15px 14px!important;background:#fff!important;border:1px solid #DDE9EF!important;border-radius:15px!important;box-shadow:none!important}
#v18061WithdrawScreen .bp16-withdraw-step h2{margin:0 0 11px!important;color:#173650!important;font-size:16px!important;line-height:1.35!important;font-weight:700!important}
#v18061WithdrawScreen .bp16-withdraw-step .v18061-money-input{height:54px!important;min-height:54px!important;background:#F8FBFC!important;border:1.5px solid #C7DAE5!important;border-radius:11px!important;box-shadow:none!important}
#v18061WithdrawScreen .bp16-withdraw-step .v18061-money-input input{font-size:19px!important;color:#173650!important;min-width:0!important}
#v18061WithdrawScreen .bp16-withdraw-step .v18061-amount-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
#v18061WithdrawScreen .bp16-withdraw-step .v18061-amount{min-width:0!important;min-height:44px!important;font-size:14px!important;font-weight:650!important;border:1px solid #D4E4EC!important;border-radius:10px!important;color:#285578!important;background:#F4F9FC!important;box-shadow:none!important}
#v18061WithdrawScreen .bp16-withdraw-step .v18061-amount.selected{color:#fff!important;background:#2C74AB!important;border-color:#2C74AB!important}
#v18061WithdrawScreen .bp16-withdraw-recipient .v18061-form-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
#v18061WithdrawScreen .bp16-withdraw-recipient .v18061-field{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}
#v18061WithdrawScreen .bp16-withdraw-recipient .v18061-field span{font-size:13px!important;color:#3E5F75!important;font-weight:600!important}
#v18061WithdrawScreen .bp16-withdraw-recipient .v18061-field input{height:50px!important;min-height:50px!important;width:100%!important;font-size:16px!important;color:#173650!important;border:1px solid #C7DAE5!important;border-radius:10px!important;background:#F8FBFC!important;box-shadow:none!important}
#v18061WithdrawScreen .bp16-pix-cpf-note{margin:10px 0 0!important;font-size:12px!important;line-height:1.5!important;color:#4B687C!important}
#v18061WithdrawScreen .bp16-withdraw-step .v18061-error:empty{display:none!important}
#v18061WithdrawScreen .bp16-withdraw-cta{width:100%!important;min-height:52px!important;height:auto!important;margin:0!important;border:0!important;border-radius:12px!important;background:#128461!important;color:#fff!important;font-size:16px!important;font-weight:700!important;box-shadow:none!important}
#v18061WithdrawScreen .bp16-withdraw-cta:disabled{background:#D2DEE3!important;color:#536E7A!important}
#v18061GameHistoryScreen .bp16-games-list .v18061-card-head{margin-bottom:8px!important}
#v18061GameHistoryScreen .v18065-filter-chip{font-size:14px!important;font-weight:700!important}
#v18061GameHistoryScreen .bp16-game-row{grid-template-columns:40px minmax(0,1fr) auto!important;gap:11px!important;padding:14px 0!important;align-items:center!important}
#v18061GameHistoryScreen .bp16-game-mode-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;font-size:15px;font-weight:800;color:#2C74AB;background:#E7F2FA}
#v18061GameHistoryScreen .bp16-game-mode-icon.cashout{background:#E2F5EC;color:#117954;font-size:21px}
#v18061GameHistoryScreen .bp16-game-mode-label{display:inline-block;margin-bottom:4px;font-size:12px;font-weight:800;color:#2C74AB}
#v18061GameHistoryScreen .bp16-game-row:has(.cashout) .bp16-game-mode-label{color:#117954}
#v18061GameHistoryScreen .bp16-game-row .v18061-tx-copy b{font-size:14px!important;color:#173650!important;line-height:1.4!important}
#v18061GameHistoryScreen .bp16-game-row .v18061-tx-copy small{font-size:12px!important;line-height:1.45!important;color:#4A687B!important;margin-top:4px!important}
#v18061GameHistoryScreen .bp16-game-row .v18061-tx-amt b{font-size:15px!important;font-variant-numeric:tabular-nums}
#v18061GameHistoryScreen .bp16-game-row .v18061-tx-amt small{font-size:11px!important;letter-spacing:0!important}
@media(max-width:350px){#v18061GameHistoryScreen .bp16-game-row{grid-template-columns:34px minmax(0,1fr) auto!important;gap:7px!important}#v18061GameHistoryScreen .bp16-game-mode-icon{width:34px;height:34px;font-size:12px}#v18061GameHistoryScreen .bp16-game-row .v18061-tx-amt{max-width:83px!important}#v18061WithdrawScreen .bp16-withdraw-content{gap:10px!important}}

#v18061GameHistoryScreen .bp16-game-row .v18061-tx-amt small{display:block!important;margin-top:5px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#4B687C!important;font-size:11px!important;line-height:1.4!important;box-shadow:none!important}
#v18061GameHistoryScreen .bp16-game-row .v18061-tx-amt b.plus{color:#117954!important}
/* V1.6.1｜Sacar: 只调整真实提现页面 Header 的列宽；Pix 资产、回退与 Deposit 共用样式 Owner。 */
#v18061SystemViewport #v18061WithdrawScreen.bp16-withdraw .bp13-child-head{grid-template-columns:44px minmax(0,1fr) 106px!important;}
#v18061SystemViewport #v18061WithdrawScreen.bp16-withdraw .bp13-head-copy{text-align:left!important;padding-left:8px;}
#v18061SystemViewport #v18061WithdrawScreen.bp16-withdraw .bp496-dep-pixmark{justify-self:end;min-width:0;overflow:hidden;}
#v18061WithdrawScreen .bp16-withdraw-step .v18061-amount-grid{margin-top:10px!important;}
@media(max-width:350px){
 #v18061SystemViewport #v18061WithdrawScreen.bp16-withdraw .bp13-child-head{grid-template-columns:44px minmax(0,1fr) 90px!important;}
 #v18061SystemViewport #v18061WithdrawScreen.bp16-withdraw .bp13-head-copy{padding-left:4px!important;}
}

/* Block PIX 4.9.6 · Guest Home V2.0 · Guest-only presentation Owner.
   维护约束：此区只作用于未认证的 #guestShell；沿用旧版 Hero 动画、试玩及认证按钮 ID。
   它不会写入钱包、棋盘、游戏状态，也不会改变现金游戏和试用游戏的业务规则。 */
#lobbyScreen:not(.authenticated-shell-mode){
 --gc-content:396px;--g-board:clamp(242px,76vw,302px);--v20-ink:#163D55;--v20-mute:#5D8195;--v20-line:#D1E4EE;
 background:linear-gradient(180deg,#EFF9FF 0%,#E6F4FC 50%,#F5FAFD 100%)!important;
 color:#163D55!important; padding-top:calc(8px + env(safe-area-inset-top,0px))!important;
}
#lobbyScreen:not(.authenticated-shell-mode):before{display:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .content{padding:0 12px 32px!important;overflow:visible!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestShell{color:#163D55!important;max-width:440px;margin:0 auto}
#lobbyScreen:not(.authenticated-shell-mode) .topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:56px!important;padding:5px 2px 8px!important;margin:0 auto 6px!important;max-width:396px!important;position:relative!important;z-index:5}
#lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:123px!important;max-width:123px!important;height:auto!important;max-height:44px!important;object-fit:contain!important;filter:none!important;flex:0 0 auto}
#lobbyScreen:not(.authenticated-shell-mode) #guestAuthActions.guest-nav{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important;min-width:0}
#lobbyScreen:not(.authenticated-shell-mode) .guest-nav .nav-btn{display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;min-height:39px!important;height:39px!important;font-size:11px!important;font-weight:850!important;letter-spacing:0!important;border-radius:11px!important;padding:0 13px!important;box-shadow:none!important;transition:transform .14s ease,filter .14s ease!important}
#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{order:1!important;color:#2D6385!important;background:#FFFFFF!important;border:1px solid #D1E4EC!important;min-width:66px!important}
#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{order:2!important;display:flex!important;color:white!important;background:linear-gradient(180deg,#29B881,#118C61)!important;border:1px solid #118B60!important;box-shadow:0 3px 0 #0B7652!important;min-width:102px!important}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{width:fit-content!important;margin:8px auto 9px!important;padding:5px 11px!important;background:#E3F4EF!important;color:#187653!important;border:1px solid #BBDDCF!important;border-radius:50px!important;box-shadow:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge strong{font-size:9px!important;letter-spacing:.32px!important;color:#197756!important}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-dot{width:6px!important;height:6px!important;background:#21B983!important;box-shadow:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .headline{width:100%!important;max-width:396px!important;margin:0 auto 7px!important;text-align:center!important;color:#173E58!important;font-size:clamp(24px,7vw,30px)!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.9px!important;text-shadow:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .headline .gain{color:#13865E!important;text-shadow:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r192-hero-subline{color:#638398!important;font-size:12px!important;line-height:1.4!important;font-weight:580!important;margin:0 auto 15px!important;max-width:330px!important;text-align:center!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome.v179262-guest{width:min(100%,396px)!important;max-width:396px!important;padding:0 0 16px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:0!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-hero-kicker{order:0;width:100%!important;margin:0 0 8px!important;padding:0 5px!important;display:flex!important;justify-content:space-between!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-hero-kicker span{color:#26806F!important;font-size:9px!important;font-weight:800!important;letter-spacing:.3px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-hero-kicker b{color:#688BA1!important;font-size:8px!important;font-weight:750!important;letter-spacing:.15px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#v17612DemoCard{order:1;max-width:100%!important;width:100%!important;height:auto!important;margin:0 0 14px!important;padding:12px 12px 13px!important;overflow:visible!important;border-radius:22px!important;border:1px solid #C7E3F0!important;background:linear-gradient(155deg,#FFFFFF,#ECF8FE)!important;box-shadow:0 9px 22px rgba(40,110,154,.11),inset 0 2px rgba(255,255,255,.9)!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#v17612DemoCard:before,#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#v17612DemoCard:after{display:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head{display:flex!important;padding:1px 3px 10px!important;gap:7px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head small{color:#2F81A3!important;font-size:9px!important;font-weight:850!important;letter-spacing:.45px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head strong{color:#214C69!important;font-size:11px!important;font-weight:900!important;line-height:1.25!important;margin-top:3px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-live{color:#22875F!important;font-size:8px!important;font-weight:800!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board-zone{border-radius:18px!important;border:1px solid #9DCBE0!important;background:linear-gradient(160deg,#BEE6F6,#DDF2FC)!important;box-shadow:inset 0 2px rgba(255,255,255,.85),0 4px 12px rgba(47,125,171,.13)!important;padding:8px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board-zone:before{opacity:.26!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board .v17612-cell:not(.filled):not(.v179262-preview){background:linear-gradient(180deg,#B9DDED,#AED4E7)!important;border-color:rgba(255,255,255,.55)!important;box-shadow:inset 0 1px rgba(255,255,255,.42)!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board .v17612-cell.filled{border:1px solid rgba(255,255,255,.32)!important;box-shadow:inset 0 2px rgba(255,255,255,.28),inset 0 -2px rgba(0,64,89,.1),0 1px 3px rgba(35,98,136,.19)!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-goal-hud{width:69px!important;min-height:91px!important;top:9px!important;background:rgba(255,255,255,.96)!important;border:1px solid #B9DEE8!important;border-radius:13px!important;box-shadow:0 4px 14px rgba(25,100,140,.15)!important;backdrop-filter:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-goal-hud small{color:#23856E!important;font-size:8px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-goal-hud strong{font-size:25px!important;color:#1B6D93!important;letter-spacing:-1.2px!important;text-shadow:none!important;margin:5px 0 3px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-goal-hud span{font-size:7px!important;color:#5E8197!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-goal-hud .v17612-goal-track{background:#DCEFF6!important;border:0!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-goal-hud .v17612-goal-track i{background:#21B785!important;box-shadow:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-demo-prize{display:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board-caption span,#lobbyScreen:not(.authenticated-shell-mode) .v179262-board-caption b{background:rgba(255,255,255,.91)!important;color:#367591!important;font-size:6.5px!important;border:1px solid rgba(99,174,208,.3)!important;backdrop-filter:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board-caption b{color:#167E5C!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-zone{margin-top:10px!important;padding:8px!important;grid-template-columns:78px repeat(3,minmax(0,1fr))!important;gap:6px!important;background:linear-gradient(180deg,#F1FAFE,#DFF1F9)!important;border:1px solid #C4DDEA!important;border-radius:15px!important;box-shadow:inset 0 2px rgba(255,255,255,.95)!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-zone:before{display:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-label b{color:#277DA0!important;font-size:9px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-label span{color:#668AA0!important;font-size:7px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-slot{background:linear-gradient(180deg,#FFFFFF,#E8F4FA)!important;border:1px solid #C7E1EC!important;box-shadow:inset 0 2px rgba(255,255,255,.95),0 2px 4px rgba(38,97,128,.07)!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-slot.primary{border-color:#B4DDC9!important;box-shadow:0 0 0 1px rgba(28,170,105,.07)!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-slot em{color:#1C9A69!important;font-size:6.5px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn{order:2;display:flex!important;width:100%!important;max-width:100%!important;min-height:56px!important;border-radius:15px!important;border:1px solid #159364!important;background:linear-gradient(180deg,#32C78D 0%,#189B6E 100%)!important;color:#FFFFFF!important;box-shadow:inset 0 2px rgba(255,255,255,.25),0 4px 0 #0D7652,0 9px 15px rgba(14,131,91,.15)!important;text-shadow:none!important;margin:0 0 6px!important;padding:8px 12px!important;flex-shrink:0}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn span{font-size:17px!important;font-weight:900!important;line-height:1.1!important;color:#FFFFFF!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn small{color:rgba(255,255,255,.86)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.45px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-cta-note{order:3;color:#68879B!important;font-size:10px!important;letter-spacing:0!important;font-weight:600!important;margin:6px auto 14px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-mission{order:4;width:100%!important;max-width:100%!important;padding:10px 12px!important;margin:0 0 14px!important;grid-template-columns:42px minmax(0,1fr)!important;background:linear-gradient(180deg,#FFFFFF,#EDF8FD)!important;border:1px solid #CBE1EC!important;border-radius:15px!important;box-shadow:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-mission-badge{background:#DFF4E9!important;color:#187E5A!important;border:1px solid #AFDEC6!important;box-shadow:none!important;font-size:15px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-mission-copy small{color:#6590A2!important;font-size:9px!important;letter-spacing:.3px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-mission-copy strong{color:#174C69!important;font-size:15px!important;margin-top:4px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-mission-value{display:none!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#bpR19PaidBridge{order:5;max-width:100%!important;width:100%!important;padding:15px!important;margin:0 0 15px!important;background:#FFFFFF!important;border:1px solid #D3E6EF!important;border-radius:18px!important;box-shadow:0 5px 15px rgba(37,101,140,.06)!important;color:#234D64!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-bridge-head small{color:#278C78!important;font-size:9px!important;letter-spacing:.4px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-bridge-head strong{color:#1B4864!important;font-size:17px!important;line-height:1.2!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-bridge-head>span{color:#326F8A!important;font-size:8px!important;padding:4px 6px!important;border-radius:7px!important;background:#E8F5FB!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r196-bridge-sub{color:#67889B!important;font-size:11px!important;line-height:1.45!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-mode-card{background:linear-gradient(180deg,#F0F9FE,#E4F3FA)!important;border:1px solid #D0E7F0!important;border-radius:14px!important;min-height:112px!important;height:auto!important;padding:12px 10px!important;box-shadow:none!important;color:#1E5575!important;cursor:pointer}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-mode-card.meta{border-color:#A8D9E7!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-mode-card.cash{border-color:#B7E1D4!important;background:linear-gradient(180deg,#F0FCF7,#E5F8F1)!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-mode-mark{background:#CFE9F6!important;border:0!important;color:#1B7098!important;box-shadow:none!important;font-size:13px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-mode-card.cash .bp-r19-mode-mark{background:#D2F2E2!important;color:#16865D!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-mode-copy b{color:#194C6A!important;font-size:15px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-mode-copy small{color:#276C91!important;font-size:9px!important;letter-spacing:.2px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-mode-copy em{color:#57798B!important;font-size:9px!important;font-style:normal!important;line-height:1.3!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r19-mode-card i{color:#3C8BAC!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r196-bridge-note{margin-top:11px!important;background:#F1F8FC!important;border:1px solid #DFECF3!important;color:#597B8E!important;font-size:10px!important;line-height:1.45!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#howToPlaySection{order:6;width:100%!important;max-width:100%!important;margin:0 0 16px!important;padding:15px!important;border-radius:18px!important;border:1px solid #D1E6F0!important;background:#FFFFFF!important;box-shadow:0 5px 15px rgba(37,101,140,.05)!important;color:#1B4C67!important}
#lobbyScreen:not(.authenticated-shell-mode) #howToPlaySection:before{display:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .v20-how-title span{font-size:9px;color:#258A75;font-weight:800;letter-spacing:.5px}
#lobbyScreen:not(.authenticated-shell-mode) .v20-how-title h2{font-size:18px;line-height:1.15;color:#164763;font-weight:900;margin:5px 0 13px}
#lobbyScreen:not(.authenticated-shell-mode) .v20-how-grid{display:grid;gap:8px}
#lobbyScreen:not(.authenticated-shell-mode) .v20-how-step{display:flex;align-items:center;gap:12px;padding:10px 11px;border:1px solid #E1EEF4;border-radius:12px;background:#F5FAFD}
#lobbyScreen:not(.authenticated-shell-mode) .v20-step-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;font-size:21px;font-weight:800;background:#E0F1FB;color:#277DB0}
#lobbyScreen:not(.authenticated-shell-mode) .v20-step-icon.drop{background:#DDF5EB;color:#148968}
#lobbyScreen:not(.authenticated-shell-mode) .v20-step-icon.clear{background:#EDE5FA;color:#8655CC}
#lobbyScreen:not(.authenticated-shell-mode) .v20-how-step b{font-size:11px;line-height:1.25;color:#1B5777;font-weight:850}
#lobbyScreen:not(.authenticated-shell-mode) .v20-how-step p{font-size:11px;color:#68889A;line-height:1.4;margin:4px 0 0}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-bottom-conversion{order:7;width:100%!important;max-width:100%!important;margin:0 0 15px!important;padding:16px!important;background:linear-gradient(180deg,#F3FCF7,#E8F6F2)!important;border:1px solid #C5E7D7!important;border-radius:18px!important;box-shadow:none!important;color:#1D5961!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r196-bottom-head small{color:#2E886C!important;font-size:9px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r196-bottom-head strong{color:#185B64!important;font-size:17px!important}
#lobbyScreen:not(.authenticated-shell-mode) #bpR196BottomRegisterCta{color:white!important;background:#169766!important;border:1px solid #0F8056!important;border-radius:12px!important;min-height:48px!important;box-shadow:0 3px 0 #0A704A!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bottomTrialBtn{background:white!important;color:#187C5F!important;border:1px solid #B0DFC8!important;min-height:46px!important;box-shadow:none!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bottomTrialBtn span{color:#187C5F!important;font-size:13px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-bottom-conversion .account-link{color:#67869A!important;font-size:11px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-bottom-conversion .account-link button{color:#157D63!important;font-weight:850!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer{order:9;color:#7190A0!important}
/* Width is never used alone to determine vertical spacing: allow taller screens to breathe, smaller to stay compact. */
@media(min-height:860px) and (min-width:390px){
 #lobbyScreen:not(.authenticated-shell-mode) .topbar{min-height:63px!important;margin-bottom:9px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp-r192-hero-subline{margin-bottom:19px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>#v17612DemoCard{padding:14px!important;margin-bottom:17px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn{min-height:61px!important}
}
@media(max-width:359px){
 #lobbyScreen:not(.authenticated-shell-mode){--g-board:222px;--gc-content:calc(100vw - 20px)}
 #lobbyScreen:not(.authenticated-shell-mode) .content{padding:0 10px 24px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .topbar{min-height:47px!important;gap:4px!important;padding-bottom:4px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:94px!important;max-width:94px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .guest-nav{gap:5px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{min-width:54px!important;padding:0 7px!important;font-size:9px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{min-width:91px!important;padding:0 7px!important;font-size:9px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{margin:3px auto 5px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .headline{font-size:23px!important;line-height:1.05!important;margin-bottom:4px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp-r192-hero-subline{font-size:10px!important;margin-bottom:8px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-hero-kicker b{font-size:6.6px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>#v17612DemoCard{padding:8px!important;margin-bottom:10px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head{padding-bottom:5px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head strong{font-size:9px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-goal-hud{width:56px!important;min-height:80px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-goal-hud strong{font-size:20px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-zone{grid-template-columns:63px repeat(3,minmax(0,1fr))!important;padding:6px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn{min-height:52px!important}
}
@media(max-height:630px) and (min-width:360px){
 #lobbyScreen:not(.authenticated-shell-mode){--g-board:236px}
 #lobbyScreen:not(.authenticated-shell-mode) .topbar{min-height:45px!important;margin-bottom:1px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{margin:4px auto 5px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .headline{font-size:23px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp-r192-hero-subline{margin-bottom:6px!important}
}
@media(prefers-reduced-motion:reduce){
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome .v179262-flying-piece,
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome .v179262-touch{animation:none!important;transition:none!important}
}



/* V2.0.1｜Guest 首页唯一 Owner 扩展：重构信息顺序，让真实试玩 CTA 先于教学棋盘；
   首步交互只在 Guest 演示容器生效，绝不改变正式 Gameplay、账户或钱包页面。 */
#lobbyScreen:not(.authenticated-shell-mode){background:radial-gradient(ellipse 130% 58% at 50% 17%,#D5F1FE 0%,#EEF9FF 52%,#F5FAFD 100%)!important}
#lobbyScreen:not(.authenticated-shell-mode) .topbar{margin-bottom:4px!important}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{background:transparent!important;border:0!important;padding:0 2px!important;margin:5px auto 8px!important}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-badge strong{color:#317F78!important;font-size:9px!important;letter-spacing:.23px!important}
#lobbyScreen:not(.authenticated-shell-mode) .real-money-dot{box-shadow:0 0 0 3px rgba(28,168,116,.10)!important}
#lobbyScreen:not(.authenticated-shell-mode) .headline{font-size:clamp(27px,7.55vw,33px)!important;letter-spacing:-1.22px!important;line-height:1.05!important;margin-bottom:4px!important}
#lobbyScreen:not(.authenticated-shell-mode) .headline .gain{color:#13A16D!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r192-hero-subline{font-size:12px!important;margin-bottom:13px!important;color:#537A93!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn{
 order:-3!important; margin:0 0 9px!important;min-height:59px!important;max-height:65px!important;
 border-radius:17px!important;background:linear-gradient(180deg,#37D598 0%,#1FB780 52%,#12966B 100%)!important;
 border:1px solid #12895F!important;box-shadow:inset 0 2px rgba(255,255,255,.32),0 4px 0 #08734F,0 9px 15px rgba(12,135,91,.20)!important
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn span{font-size:18px!important;letter-spacing:.2px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn span span{font-size:16px!important;margin-left:5px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn small{font-size:9px!important;letter-spacing:.24px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-cta-note{order:-2!important;margin:0 0 18px!important;font-size:10px!important;color:#587C91!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-hero-kicker{order:-1!important;padding:0 7px!important;margin:0 0 8px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-hero-kicker span{font-size:10px!important;color:#156E9B!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-hero-kicker b{font-size:8.3px!important;font-weight:850!important;color:#2B8C77!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#v17612DemoCard{
 order:0!important; padding:11px 11px 12px!important;margin:0 0 11px!important;
 border-radius:20px!important;border:1px solid #A5D5EB!important;
 background:linear-gradient(180deg,#F9FDFF,#E7F5FC)!important;
 box-shadow:0 7px 21px rgba(32,112,157,.11),inset 0 2px rgba(255,255,255,.96)!important
}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head{padding:1px 4px 7px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head small{font-size:8px!important;color:#218BA2!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head strong{font-size:10px!important;color:#164B71!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-live{font-size:8px!important;color:#138466!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-live i{background:#18C68A!important;box-shadow:0 0 0 3px #DAF9ED!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board-zone{border-color:#79BBDA!important;box-shadow:inset 0 2px rgba(255,255,255,.94),0 5px 13px rgba(45,112,161,.13)!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-zone{margin-top:8px!important;background:linear-gradient(180deg,#EBF8FF,#DBF0FA)!important;border-color:#ACD6EB!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-slot.primary{
 cursor:grab!important;touch-action:none!important;pointer-events:auto!important;
 border:2px solid #1BCB92!important;background:#FFFFFF!important;
 box-shadow:0 0 0 4px rgba(19,190,131,.12),0 5px 9px rgba(18,103,143,.10)!important
}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-slot.primary:active{cursor:grabbing!important;transform:scale(.97)}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-slot.primary:focus-visible{outline:3px solid #17866D!important;outline-offset:3px}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-slot.primary em{font-size:8px!important;color:#118462!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board .v17612-cell.demo-target{
 outline:2px dashed #18A97F!important;outline-offset:-3px!important;
 background:linear-gradient(180deg,#F4FFF9,#CFF4E6)!important;
 box-shadow:inset 0 0 0 2px rgba(255,255,255,.54)!important
}
#lobbyScreen:not(.authenticated-shell-mode) #v17612DemoCard[data-first-move="ready"] .v179262-tray-slot.primary{
 animation:bpGuestFirstPrompt 1800ms ease-in-out infinite
}
@keyframes bpGuestFirstPrompt{0%,100%{box-shadow:0 0 0 3px rgba(19,190,131,.10),0 5px 9px rgba(18,103,143,.10)}50%{box-shadow:0 0 0 7px rgba(19,190,131,.22),0 5px 9px rgba(18,103,143,.10)}}
#lobbyScreen:not(.authenticated-shell-mode) #v17612DemoCard[data-first-move="complete"] .v179262-stage-live{color:#11835A!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-mission{
 order:1!important;grid-template-columns:34px minmax(0,1fr)!important;
 padding:7px 10px!important;margin:0 0 12px!important;border-radius:12px!important;background:#E5F5FA!important;border-color:#CCE7F0!important
}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-mission-badge{font-size:12px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-mission-copy strong{font-size:12px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#bpR19PaidBridge{order:2!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#howToPlaySection{order:3!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-bottom-conversion{order:4!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer{order:6!important}
@media(max-width:359px){
 #lobbyScreen:not(.authenticated-shell-mode) .real-money-badge{margin:3px auto 4px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .headline{font-size:25px!important;margin-bottom:3px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp-r192-hero-subline{font-size:10px!important;margin-bottom:8px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn{min-height:53px!important;margin-bottom:6px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-cta-note{margin-bottom:12px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-hero-kicker b{font-size:7px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head strong{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){#lobbyScreen:not(.authenticated-shell-mode) #v17612DemoCard[data-first-move="ready"] .v179262-tray-slot.primary{animation:none!important}}


/* 将进度 HUD 从棋盘内部移到卡片标题行，防止覆盖彩色块和可放置区域。 */
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head{min-height:53px!important;align-items:center!important;flex-wrap:wrap!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head>div:first-child{flex:1 1 175px!important;min-width:0!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-stage-live{display:none!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-goal-hud{
 flex:0 0 auto!important;position:static!important;top:auto!important;right:auto!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;
 min-height:37px!important;width:auto!important;max-width:112px!important;height:auto!important;
 padding:5px 8px!important;margin:0!important;border-radius:12px!important;
 background:#E3F8F0!important;border:1px solid #A6DBC5!important;box-shadow:none!important;
 transform:none!important
}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-goal-hud small{font-size:8px!important;line-height:1.15!important;white-space:nowrap!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-goal-hud strong{font-size:20px!important;line-height:1!important;margin:0!important;color:#14825D!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-goal-hud span,
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-goal-hud .v17612-goal-track,
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-goal-hud .v179262-demo-prize{display:none!important}
@media(max-width:359px){
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head{min-height:43px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-goal-hud{padding:4px 6px!important;min-height:31px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-goal-hud strong{font-size:17px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-goal-hud small{font-size:7px!important}
}

/* ============================================================================
 * Block PIX 4.9.6 / Guest Home V2.0.2 — 单一视觉 Owner
 * 此作用域只影响未登录首页。旧版历史规则存在高优先级!important，
 * 对应的覆盖仅在同一 Scope 里使用，后续独立 CSS Owner 迁移再逐步移除。
 * 不修改 Game、Result、Auth、PIX、Wallet 或正式已登录页面。
 * ============================================================================ */
#lobbyScreen:not(.authenticated-shell-mode) #guestShell[data-guest-visual="V2.0.2"]{
 --bp202-navy:#153F5A;--bp202-green:#129866;--bp202-line:#C5DFEA;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#v17612DemoCard{
 background:radial-gradient(ellipse 110% 50% at 50% 0%,#F5FEFF 0%,#E0F5FD 75%,#D7EFF9 100%)!important;
 border-color:#92C9E3!important;box-shadow:0 9px 0 rgba(117,191,224,.17),0 17px 24px rgba(32,112,157,.10),inset 0 2px #FFF!important;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-stage-head{
 border-bottom:1px solid #C6E5F1!important;margin-bottom:7px!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome .v179262-board-zone{
 background:linear-gradient(145deg,#B7E2F5,#D3F1FE)!important;
 box-shadow:0 5px 0 #B9DDEC,0 11px 18px rgba(28,115,165,.15),inset 0 1px #F9FEFF!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome .v179262-tray-zone{
 box-shadow:inset 0 2px rgba(255,255,255,.9),0 4px 9px rgba(49,127,161,.11)!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#bpR19PaidBridge.bp202-showcase{
 order:2!important;display:block!important;width:100%!important;padding:0!important;border:0!important;
 background:transparent!important;box-shadow:none!important;margin:10px 0 17px!important;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-section-lead{padding:6px 3px 13px;color:#163F5C;text-align:left}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-section-lead>span{font-size:10px;letter-spacing:.8px;font-weight:900;color:#198E79}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-section-lead h2{font-size:21px;font-weight:950;margin:4px 0 5px;color:#173F5C;line-height:1.12}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-section-lead p{font-size:12px;line-height:1.45;color:#607F93;margin:0}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome .bp202-mode-grid{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome .bp202-mode-tile{
 display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;
 padding:0!important;margin:0!important;gap:0!important;align-items:stretch!important;text-align:left!important;
 overflow:hidden!important;background:#FFF!important;border:1px solid #C5DEE8!important;
 box-shadow:0 8px 20px rgba(31,101,145,.095),inset 0 1px #FFF!important;border-radius:20px!important;
 transform:none!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome .bp202-mode-tile.cash{
 background:#FAFFFD!important;border-color:#B7DDCE!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome .bp202-mode-tile:active{transform:translateY(2px)!important;box-shadow:0 4px 10px rgba(31,101,145,.08)!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-media{
 display:block;position:relative;width:100%;height:auto;aspect-ratio:900 / 440;overflow:hidden;
 background:#D7F1FB;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-media img{
 display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-image-label{
 position:absolute;top:13px;left:13px;display:flex;flex-direction:column;justify-content:center;
 min-width:124px;height:62px;padding:8px 16px;border-radius:16px;background:rgba(255,255,255,.94);
 color:#155A8B;font-size:31px;font-weight:1000;line-height:.88;letter-spacing:-1px;
 box-shadow:0 5px 15px rgba(18,105,150,.14);text-align:left;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-image-label small{
 font-size:10px;font-weight:950;letter-spacing:.6px;margin-top:9px;color:#367C9F;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-image-label-cash{
 color:#128764;font-size:24px;min-width:162px;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-image-label-cash small{color:#23866E}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-image-arrow{
 position:absolute;top:13px;right:13px;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;
 background:#FFF;color:#167D92;font-weight:900;font-size:23px;box-shadow:0 3px 12px rgba(18,105,150,.12);
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-info{
 display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 15px 16px;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-copy b{color:#184866;font-size:16px;line-height:1.18;font-weight:950}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-copy>span{color:#648499;font-size:11px;font-weight:650;line-height:1.4}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-action{
 display:flex;align-items:center;gap:5px;flex:0 0 auto;white-space:nowrap;
 border-radius:12px;padding:10px 12px;color:#127AA3;background:#EAF7FD;
 font-size:10px;font-weight:950;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-tile.cash .bp202-mode-action{color:#138763;background:#E6F8F0}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-action span{font-size:18px;line-height:.5}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-note{
 margin:14px 4px 8px;font-size:10.5px;line-height:1.4;text-align:left;color:#64879A;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.bp202-how{
 order:3!important;background:transparent!important;border:0!important;box-shadow:none!important;
 padding:12px 0 5px!important;margin-bottom:13px!important;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how .v20-how-title{padding:0 3px}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how .v20-how-title span{font-size:10px;color:#198E79;letter-spacing:.8px;font-weight:900}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how .v20-how-title h2{font-size:21px;margin:4px 0 5px;color:#163F5C}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how .v20-how-title p{margin:0 0 13px;color:#65899A;font-size:12px}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how .bp202-how-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how .bp202-how-step{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
 padding:0!important;background:#FFF!important;border:1px solid #CBE2EC!important;
 border-radius:15px!important;overflow:hidden!important;min-width:0!important;
 box-shadow:0 4px 10px rgba(31,101,145,.055)!important;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step img{
 display:block;width:100%;aspect-ratio:360 / 258;height:auto;object-fit:cover;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step>div{padding:10px 8px 12px}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step b{display:block;font-size:10px;line-height:1.3;color:#1F607E;font-weight:950;letter-spacing:.25px}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step p{
 font-size:10px!important;line-height:1.38!important;color:#607F93!important;margin:4px 0 0!important;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-tile:focus-visible,
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step:focus-visible{outline:3px solid #129866;outline-offset:3px}
@media(max-width:359px){
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-section-lead h2{font-size:19px}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-image-label{top:9px;left:10px;min-width:103px;height:50px;font-size:25px;padding:6px 11px;border-radius:13px}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-image-label small{font-size:8.5px;margin-top:7px}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-image-label-cash{font-size:20px;min-width:135px}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-info{padding:12px 10px}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-copy b{font-size:14px}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-copy>span{font-size:10px}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-action{font-size:9px;padding:9px 7px}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-how .bp202-how-grid{gap:5px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step>div{padding:8px 5px 11px}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step b{font-size:9px}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step p{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-tile{transition:none!important}}

#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer{
 order:6!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:8px!important;min-height:56px!important;border-radius:13px!important;
 padding:11px 13px!important;margin:0 0 5px!important;
 border:1px solid #C6E3ED!important;background:#EAF7FC!important;box-shadow:none!important;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-footer-brand{
 font-size:12px;font-weight:950;letter-spacing:-.55px;color:#174768;white-space:nowrap;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-footer-brand span{color:#16A879}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer p{
 display:block!important;margin:0!important;font-size:8.4px!important;line-height:1.3!important;color:#63889B!important;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-footer-note{font-size:8px;font-weight:900;color:#218E79;text-align:right}
@media(max-width:359px){
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer{padding:9px 8px!important;gap:5px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer p{font-size:7.4px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-footer-note{font-size:6.8px}
}


/* ==========================================================================
 * V2.0.2.1 | Guest UI Detail Owner | fonts, CTA material, truthful mode copy.
 * 只影响 guestShell / guestHome。不得覆盖钱包、游戏数学、注册与已登录 UI。
 * 历史样式优先级较高，限定范围内覆盖；禁止向页面外扩散。
 * ========================================================================= */
#lobbyScreen:not(.authenticated-shell-mode) #guestShell[data-guest-polish="V2.0.2.1"]{
 --bp203-ink:#194761;--bp203-muted:#53758A;--bp203-green:#14996C;--bp203-deep:#0B8059;
 --bp203-border:#BFDBE8;--bp203-focus:#21896E;
}
/* CTA：相同按钮材质、触控高度和动态反馈，删除装饰性超小字。 */
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn,
#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop,
#lobbyScreen:not(.authenticated-shell-mode) #bpR196BottomRegisterCta{
 background:linear-gradient(180deg,#25B982 0%,#15986C 100%)!important;
 border:1px solid #0C8059!important;border-radius:14px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 0 #0A7353,0 7px 13px rgba(17,121,89,.11)!important;
 color:white!important;text-shadow:none!important;
 transition:transform .14s ease,box-shadow .14s ease,filter .14s ease!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn{min-height:58px!important;max-height:none!important;padding:9px 12px!important;margin-bottom:7px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn span{font-size:17px!important;font-weight:850!important;letter-spacing:.15px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn small{font-size:11px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:.12px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-cta-note{font-size:11px!important;line-height:1.42!important;margin-bottom:12px!important;color:#55798C!important}
#lobbyScreen:not(.authenticated-shell-mode) .guest-nav .nav-btn{font-size:12px!important;font-weight:800!important;letter-spacing:0!important;min-height:42px!important;height:42px!important;border-radius:12px!important}
#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{min-width:106px!important}
#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{min-width:68px!important;background:#FFF!important;color:#276484!important;border:1px solid #C8E0EB!important;box-shadow:0 2px 6px rgba(30,91,123,.05)!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bottomTrialBtn{min-height:49px!important;border-radius:13px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bottomTrialBtn span{font-size:14px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bottomTrialBtn small{font-size:11px!important;color:#47816F!important}
#lobbyScreen:not(.authenticated-shell-mode) #bpR196BottomRegisterCta{min-height:49px!important;font-size:14px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-hero-kicker b{font-size:11px!important;font-weight:650!important;letter-spacing:0!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-hero-kicker span{font-size:11px!important;font-weight:820!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head small{font-size:10px!important;letter-spacing:.15px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head strong{font-size:12px!important;line-height:1.38!important;font-weight:800!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-label span{font-size:10px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-label b{font-size:11px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-tray-slot em{font-size:10px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-goal-hud small{font-size:10px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board-caption span,
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board-caption b{font-size:10px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-section-lead p,
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how .v20-how-title p{font-size:13px!important;line-height:1.5!important;color:#53758A!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-section-lead h2,
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how .v20-how-title h2{font-size:22px!important;line-height:1.16!important;font-weight:900!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-note{font-size:12px!important;line-height:1.5!important;margin-top:13px!important}
/* 模式卡：信息左对齐，文案与入口分行；按钮语义与真实注册动作一致。 */
#lobbyScreen:not(.authenticated-shell-mode) #guestHome .bp202-mode-grid{gap:17px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-panel{background:#fff;border:1px solid #C5DEE8;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(31,101,145,.075);min-width:0}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-panel-cash{border-color:#B6DBCC;background:#FAFFFD}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome .bp202-mode-tile,
#lobbyScreen:not(.authenticated-shell-mode) #guestHome .bp202-mode-tile.cash{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-info{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:14px 15px 12px!important;gap:12px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-copy b{font-size:17px!important;font-weight:880!important;line-height:1.3!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-copy>span{font-size:14px!important;line-height:1.46!important;font-weight:580!important;color:#526F85!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-action{align-self:flex-start;font-size:13px!important;min-height:38px;gap:8px;padding:9px 14px!important;border:1px solid #C6E5F2;background:#EAF7FD;color:#186B8D;font-weight:850;border-radius:11px}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-tile.cash .bp202-mode-action{border-color:#BFE7D6}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-image-label{font-weight:900!important;box-shadow:0 3px 10px rgba(18,105,150,.1)!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-image-label small{font-size:11px!important}
/* 原生 details 支持键盘和触控，可展开真实玩法说明，绝不打开注册弹层。 */
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-details{margin:0;padding:0 15px 13px;border-top:1px solid #E2EEF3}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-details summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;color:#246F8F;font-size:13px;font-weight:850;min-height:45px;line-height:1.35;touch-action:manipulation}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-details summary::-webkit-details-marker{display:none}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-details summary span{font-size:21px;transition:transform .2s ease}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-details[open] summary span{transform:rotate(180deg)}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-details-body{padding:1px 0 6px;border-top:1px dashed #C7DFE9}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-details-body p{font-size:13px;line-height:1.56;color:#426B81;margin:10px 0 0}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-details-body .bp203-detail-aside{border-radius:10px;background:#F0F8FB;padding:10px 11px;font-size:12px}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-decision{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-decision>span{padding:10px;border:1px solid #CAE3EB;border-radius:11px;background:#F1F9FD;min-width:0}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-decision>span:last-child{background:#EDF9F2;border-color:#C1E5D2}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-decision b{display:block;color:#205C7B;font-size:13px;margin-bottom:6px}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-decision small{display:block;color:#50788D;font-size:12px;line-height:1.4}
/* How To Play：手机端恢复图文的真实阅读尺寸，小屏不再强迫三列 9px 文案。 */
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how .bp202-how-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how .bp202-how-step{flex-direction:row!important;align-items:center!important;min-height:106px!important;border-radius:15px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step img{flex:0 0 128px;width:128px;height:106px;max-width:38%;object-fit:cover;aspect-ratio:auto!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step>div{padding:12px 14px!important;min-width:0}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step b{font-size:14px!important;line-height:1.35!important;color:#205C7B!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step p{font-size:13px!important;line-height:1.5!important;margin-top:6px!important;color:#55788B!important}
/* 底部辅助信息不再小于舒适阅读尺寸。 */
#lobbyScreen:not(.authenticated-shell-mode) .bp-r196-bottom-head small{font-size:11px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-bottom-conversion .account-link{font-size:13px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer p{font-size:11px!important;line-height:1.4!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp202-footer-note{font-size:10px!important;line-height:1.35!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-details summary:focus-visible,
#lobbyScreen:not(.authenticated-shell-mode) #trialStartBtn:focus-visible,
#lobbyScreen:not(.authenticated-shell-mode) .guest-nav .nav-btn:focus-visible{outline:3px solid #169D72!important;outline-offset:3px!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn:active,
#lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop:active,
#lobbyScreen:not(.authenticated-shell-mode) #bpR196BottomRegisterCta:active{transform:translateY(2px)!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 1px 0 #0A7353,0 3px 7px rgba(17,121,89,.14)!important}
@media(max-width:359px){
 #lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{font-size:11px!important;min-width:55px!important;padding:0 7px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #openRegisterTop{font-size:11px!important;min-width:92px!important;padding:0 8px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .topbar>.brand-logo{width:94px!important;max-width:94px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn span{font-size:16px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>#trialStartBtn small{font-size:11px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-copy b{font-size:16px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-copy>span{font-size:13px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-image-label small{font-size:10px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-mode-action{font-size:12px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step img{flex-basis:104px;width:104px;height:104px;max-width:37%}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step b{font-size:13px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step p{font-size:12px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-hero-kicker b{display:none!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-hero-kicker span{font-size:11px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer{flex-wrap:wrap!important}
}
@media(min-width:660px){
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-how .bp202-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-how .bp202-how-step{flex-direction:column!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp202-how-step img{width:100%;max-width:100%;height:auto;aspect-ratio:360 / 258!important}
}
@media(prefers-reduced-motion:reduce){#lobbyScreen:not(.authenticated-shell-mode) .bp203-mode-details summary span{transition:none!important}}


/* V2.0.3: 仅游客 Header / 主试玩 CTA 的白色光底修复。真实原因包括旧按钮 ::before 高光层及外投影叠加。 */
#lobbyScreen:not(.authenticated-shell-mode) :is(#openRegisterTop,#openLoginTop,#trialStartBtn)::before,
#lobbyScreen:not(.authenticated-shell-mode) :is(#openRegisterTop,#openLoginTop,#trialStartBtn)::after{content:none!important;display:none!important}
#lobbyScreen:not(.authenticated-shell-mode) :is(#openRegisterTop,#trialStartBtn){background:linear-gradient(180deg,#2ABB86,#169B70 65%,#138D65)!important;box-shadow:0 3px 0 #0D7956,0 6px 12px rgba(12,102,78,.15)!important;filter:none!important;text-shadow:none!important}
#lobbyScreen:not(.authenticated-shell-mode) #openLoginTop{background:#E7F4F9!important;color:#24637E!important;border:1px solid #C5DEE9!important;box-shadow:none!important;filter:none!important}
#lobbyScreen:not(.authenticated-shell-mode) :is(#openRegisterTop,#trialStartBtn):active{transform:translateY(2px)!important;box-shadow:0 1px 0 #0D7956!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-stage-head .v179262-demo-prize{font-size:10px!important;line-height:1.3!important;white-space:normal!important;color:#31718A!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-board-caption span{font-size:9.5px!important;letter-spacing:0!important;white-space:normal!important;line-height:1.35!important}

/* ==========================================================================
 * Block PIX V2.0.3.1 — Guest footer / preflight / demo result / auth-mode owner.
 * 只调整游客展示层及两个既有弹层。业务事件、赔率、钱包与结算均不在本模块。
 * ========================================================================== */
/* 底部承接：不使用固定宽高；手机小屏阅读顺序清楚，Footer 根据宽度自然换行。 */
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-bottom-conversion{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;
  padding:clamp(15px,4vw,22px)!important;margin:5px 0 14px!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;
  background:linear-gradient(155deg,#F3FCF9,#E4F6F2)!important;
  border:1px solid #BEDFD1!important;border-radius:19px!important;
  box-shadow:0 7px 19px rgba(16,103,89,.065)!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-bottom-conversion .bp-r196-bottom-head{
  width:100%;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;margin:0 0 4px!important;
}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r196-bottom-head small{font-size:11px!important;letter-spacing:.6px!important;line-height:1.35!important;color:#218668!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r196-bottom-head strong{font-size:clamp(18px,5.2vw,22px)!important;line-height:1.18!important;color:#174E61!important;letter-spacing:-.45px!important}
#lobbyScreen:not(.authenticated-shell-mode) .bp-r196-bottom-head>span{display:block;font-size:12.5px;line-height:1.45;color:#54758A;max-width:285px}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bpR196BottomRegisterCta,
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bottomTrialBtn{
  width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;
  margin:0!important;border-radius:13px!important;min-height:51px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;padding:10px 12px!important;font-size:15px!important;line-height:1.25!important;font-weight:800!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bpR196BottomRegisterCta{background:#18986D!important;color:#fff!important;border:1px solid #0D7954!important;box-shadow:0 3px 0 #0A7652!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bottomTrialBtn{display:flex!important;flex-direction:column!important;gap:3px!important;background:#FFFFFF!important;color:#167D60!important;border:1px solid #B7DDCB!important;box-shadow:none!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bottomTrialBtn span{font-size:14px!important;line-height:1.2!important;color:#167D60!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome #bottomTrialBtn small{font-size:11px!important;line-height:1.25!important;letter-spacing:.1px!important;color:#527D74!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-bottom-conversion .account-link{margin:4px 0 0!important;text-align:center;line-height:1.5!important;color:#58798D!important;font-size:13px!important}
#lobbyScreen:not(.authenticated-shell-mode) .v179262-bottom-conversion .account-link button{font-size:13px!important;min-height:35px!important;padding:5px 8px!important;text-decoration:underline;text-underline-offset:3px}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;
  padding:12px 13px!important;gap:5px 12px!important;margin:0 0 max(12px, env(safe-area-inset-bottom,0px))!important;
  display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;
  border:1px solid #C7E2EE!important;background:#EAF7FC!important;border-radius:13px!important;
}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer .bp202-footer-brand{font-size:15px!important;grid-column:1!important;grid-row:1!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer p{font-size:11.5px!important;line-height:1.35!important;grid-column:2!important;grid-row:1!important;text-align:right!important;color:#527B8C!important}
#lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer .bp202-footer-note{grid-column:1 / -1!important;grid-row:2!important;font-size:11px!important;line-height:1.4!important;text-align:left!important;font-weight:750!important;color:#27846F!important}
@media(max-width:359px){
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-bottom-conversion{padding:14px 12px!important;gap:9px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp-r196-bottom-head strong{font-size:18px!important}
 #lobbyScreen:not(.authenticated-shell-mode) .bp-r196-bottom-head>span{font-size:12px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer .bp202-footer-brand,
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer p,
 #lobbyScreen:not(.authenticated-shell-mode) #guestHome>.v179262-footer .bp202-footer-note{grid-column:1!important;grid-row:auto!important;text-align:left!important}
}

/* 4.9.6 Owner: src/styles/navigation.css */

/* 顶部/底部导航 Owner：不修改 Tab 顺序和 Router。 */
#authHome .auth-bottom-nav{
 background:var(--bp496-nav);border-top:1px solid var(--bp496-border);
 box-shadow:0 -2px 10px rgba(31,78,112,.05)
}
#authHome .auth-bottom-nav .auth-nav-btn:not(.active){color:#556E80}
#authHome .auth-bottom-nav .auth-nav-btn:not(.active) .ni{
 background:#DFEAF0;border-color:#C3D6E2;color:#4E6F86;box-shadow:none
}
#authHome .auth-bottom-nav .auth-nav-btn.active{color:var(--bp496-brand)}
#authHome .auth-bottom-nav .auth-nav-btn.active .ni,
#authHome.bpco-cash-active .auth-bottom-nav #v17621CashNav .ni{
 background:var(--bp496-brand);border-color:var(--bp496-brand);color:white;
 box-shadow:0 2px 7px rgba(29,92,151,.15)
}
#authHome .auth-bottom-nav .auth-nav-btn.center .ni{background:var(--bp496-action);color:white;border-color:transparent;box-shadow:0 2px 8px rgba(14,144,102,.15)}


/* 现存 .bp-r12-nav 拥有更精确状态类，导航 Owner 必须直接使用相同真实选择器。 */
#authHome .auth-bottom-nav.bp-r12-nav{
 background:var(--bp496-nav);border-top:1px solid var(--bp496-border);
 box-shadow:0 -2px 9px rgba(29,84,118,.05)
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn{color:#56738A}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn .bp-r12-ni{
 color:#587890;background:#E1ECF2;border:1px solid #C5D9E4;box-shadow:none
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active{color:var(--bp496-brand)}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active .bp-r12-ni{
 color:#FFFFFF;background:var(--bp496-brand);border-color:var(--bp496-brand);
 box-shadow:0 2px 7px rgba(33,102,154,.14)
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.center .bp-r12-ni{
 color:#FFFFFF;background:var(--bp496-action);border-color:var(--bp496-action)
}
#authHome #v1762HeaderDeposit{
 color:#FFFFFF;background:var(--bp496-action);border:1px solid var(--bp496-action);box-shadow:none
}
#authHome #authBalanceButton{background:#F0F5F8;color:var(--bp496-text);border:1px solid var(--bp496-border);box-shadow:none}
#authHome #authBalanceText{color:var(--bp496-text)}
#authHome #authAvatar{background:#E4EDF3;color:var(--bp496-brand);border-color:#CFDFE9}


/* 仅针对仍带强制旧色的已迁移 Header/Nav 组件，避免残留黄黑高亮。 */
#authHome #v1762HeaderDeposit{
 background:var(--bp496-action)!important;color:#FFFFFF!important;
 border-color:var(--bp496-action)!important;box-shadow:none!important
}
#authHome #authBalanceButton{
 background:#E7F0F5!important;border-color:#C8DAE6!important;
 box-shadow:none!important;color:var(--bp496-text)!important
}
#authHome #authBalanceButton small,#authHome #authBalanceText{color:var(--bp496-text)!important}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active,
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active span:not(.ni){color:var(--bp496-brand)!important}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active .bp-r12-ni,
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active .ni{
 color:#FFFFFF!important;background:var(--bp496-brand)!important;border-color:var(--bp496-brand)!important;
 box-shadow:none!important
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn:not(.active) .ni{
 color:#50738A!important;background:#E6EFF4!important;border-color:#C7D9E4!important;box-shadow:none!important
}


/* 保持五个原始 Tab；只微调现有视觉及无障碍聚焦状态。 */
#authHome .auth-bottom-nav.bp-r12-nav{
 background:#F5F9FB;border-top:1px solid #D8E5EC;
 box-shadow:0 -2px 10px rgba(32,83,115,.045)
}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn:not(.active){color:#4F687B}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn .bp-r12-ni{border-radius:11px}
#authHome .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn:focus-visible{
 outline:2px solid var(--bp496-brand);outline-offset:-1px;border-radius:10px
}
#authHome #v1762HeaderDeposit{
 background:var(--bp496-action-contrast);border-color:var(--bp496-action-contrast);
 color:#FFFFFF
}


/*@@BP496_10X_HEADER_START@@*/
/* 本页只保留底部 Tab 专属视觉：公共 Header 已迁移到 BP496_GLOBAL_HEADER_OWNER。 */
/* 10X 激活时消除历史赌场黄条；图标全部使用同一套品牌蓝/浅蓝材质。 */
#authHome:has(#authPagePlay.active) .auth-bottom-nav.bp-r12-nav {
  background:#FFFFFF!important;border-top:1px solid #D9E7EF!important;
  box-shadow:0 -3px 12px rgba(29,81,116,.045)!important;
}
#authHome:has(#authPagePlay.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn::before {
  background:#2C74AB!important;box-shadow:none!important;
}
#authHome:has(#authPagePlay.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active {
  background:linear-gradient(180deg,#EDF7FC 0%,#F7FBFD 100%)!important;
  color:#2C74AB!important;
}
#authHome:has(#authPagePlay.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active .bp-r12-nav-label {
  color:#2C74AB!important;
}
#authHome:has(#authPagePlay.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn:not(.active) {
  color:#496D83!important;
}
#authHome:has(#authPagePlay.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn:not(.active) .bp-r12-ni {
  background:#EFF6FA!important;color:#476F88!important;
  border-color:#D7E6EF!important;box-shadow:none!important;
}
#authHome:has(#authPagePlay.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn .bp-r12-nav-label {
  font-size:11px!important;font-weight:760!important;line-height:13px!important;
}
@media(max-width:359px){
  #authHome:has(#authPagePlay.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn .bp-r12-nav-label{font-size:10px!important;}
}
/*@@BP496_10X_HEADER_END@@*/

/*@@BP496_CASHOUT_NAV_START@@*/
/* 本页只保留底部 Tab 专属视觉：公共 Header 已迁移到 BP496_GLOBAL_HEADER_OWNER。 */
/* 10X 激活时消除历史赌场黄条；图标全部使用同一套品牌蓝/浅蓝材质。 */
#authHome:has(#cashoutPageRoot.active) .auth-bottom-nav.bp-r12-nav {
  background:#FFFFFF!important;border-top:1px solid #D9E7EF!important;
  box-shadow:0 -3px 12px rgba(29,81,116,.045)!important;
}
#authHome:has(#cashoutPageRoot.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn::before {
  background:#2C74AB!important;box-shadow:none!important;
}
#authHome:has(#cashoutPageRoot.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active {
  background:linear-gradient(180deg,#EDF7FC 0%,#F7FBFD 100%)!important;
  color:#2C74AB!important;
}
#authHome:has(#cashoutPageRoot.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn.active .bp-r12-nav-label {
  color:#2C74AB!important;
}
#authHome:has(#cashoutPageRoot.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn:not(.active) {
  color:#496D83!important;
}
#authHome:has(#cashoutPageRoot.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn:not(.active) .bp-r12-ni {
  background:#EFF6FA!important;color:#476F88!important;
  border-color:#D7E6EF!important;box-shadow:none!important;
}
#authHome:has(#cashoutPageRoot.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn .bp-r12-nav-label {
  font-size:11px!important;font-weight:760!important;line-height:13px!important;
}
@media(max-width:359px){
  #authHome:has(#cashoutPageRoot.active) .auth-bottom-nav.bp-r12-nav .bp-r12-nav-btn .bp-r12-nav-label{font-size:10px!important;}
}

/*@@BP496_CASHOUT_NAV_END@@*/


/*@@BP496_GLOBAL_HEADER_OWNER_START@@*/
/**
 * BLOCK PIX 全站 Header 唯一 Owner V1.1（Logo 品牌轮廓 V2）
 * DOM: authHome > auth-app-header，五个主 Tab 共用一个节点，不依赖 .active / 路由状态。
 * Logo: 修复 B 与 X 实际字形轮廓、修正 SVG 视口后在 Logo 容器内部双轴居中，禁止字形触碰视口边界。
 * Logo: src/assets/header_logo.svg 为唯一矢量原稿，src/assets/header_logo_transparent.webp 由其派生并在构建时嵌入；五个 Tab 不可单独覆写。
 * 余额: #authBalanceText 由原余额 renderer 更新，不在样式/本模块构造数据。
 * 入口: #authBalanceButton 和 #v1762HeaderDeposit 均由 route-view.js 导向 DEPOSIT；
 *       #authAvatar 保留 PROFILE。已停用钱包快捷触发器以消除重复充值入口。
 * 小屏: 依据可用宽度适配，同宽度不因切换 Tab 调整尺寸。
 */
#authHome {
 --gh-bg:#fff; --gh-text:#173650; --gh-sub:#527184; --gh-border:#D8E5EB;
 --gh-green:#128461; --gh-h:54px; --gh-pad:8px; --gh-gap:5px;
}
#authHome .auth-app-header,
#authHome .auth-app-header.v1762-auth-header {
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 box-sizing:border-box!important; flex:0 0 auto!important;
 height:calc(var(--gh-h) + var(--safeTop,0px))!important;
 min-height:calc(var(--gh-h) + var(--safeTop,0px))!important;
 padding:calc(5px + var(--safeTop,0px)) var(--gh-pad) 5px!important;
 gap:var(--gh-gap)!important;
 background:var(--gh-bg)!important;color:var(--gh-text)!important;
 border:0!important;border-bottom:1px solid var(--gh-border)!important;
 box-shadow:0 2px 7px rgba(29,83,114,.055)!important;
 filter:none!important;backdrop-filter:none!important;
}
#authHome .auth-brand,
#authHome .auth-brand.v1762-auth-brand {
 box-sizing:border-box!important;display:flex!important;align-items:center!important;
 justify-content:center!important;flex:0 0 110px!important;
 width:110px!important;min-width:0!important;height:44px!important;
 margin:0!important;padding:0!important;background:transparent!important;
 filter:none!important;transform:none!important;box-shadow:none!important;
}
#authHome .auth-brand .bp496-header-logo {
 display:block!important;width:110px!important;height:auto!important;max-height:31px!important;
 object-fit:contain!important;object-position:center center!important;
 filter:none!important;transform:none!important;box-shadow:none!important;
}
#authHome .auth-head-right,#authHome .auth-head-right.v1762-head-right {
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 flex:1 1 auto!important;min-width:0!important;gap:var(--gh-gap)!important;
 margin:0!important;padding:0!important;
}
#authHome #authBalanceButton {
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:flex-start!important;
 width:auto!important;flex:0 1 auto!important;min-width:92px!important;max-width:142px!important;overflow:hidden!important;
 height:44px!important;padding:4px 8px!important;margin:0!important;
 border:1px solid var(--gh-border)!important;border-radius:12px!important;
 background:#F0F7FA!important;color:var(--gh-text)!important;
 text-align:left!important;white-space:nowrap!important;
 box-shadow:none!important;filter:none!important;transform:none!important;
 cursor:pointer!important;
}
#authHome #authBalanceButton small {
 display:block!important;font:750 10px/13px system-ui,Arial,sans-serif!important;
 letter-spacing:.25px!important;color:var(--gh-sub)!important;text-shadow:none!important;
}
#authHome #authBalanceText {
 display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 font:800 14px/17px system-ui,Arial,sans-serif!important;letter-spacing:0!important;
 color:var(--gh-text)!important;font-variant-numeric:tabular-nums!important;text-shadow:none!important;
}
#authHome #v1762HeaderDeposit {
 box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 94px!important;width:94px!important;min-width:0!important;
 height:44px!important;margin:0!important;padding:0 7px!important;gap:4px!important;
 color:#fff!important;background:var(--gh-green)!important;
 border:1px solid #0F7658!important;border-radius:12px!important;
 box-shadow:0 2px 4px rgba(17,117,88,.09)!important;
 text-shadow:none!important;filter:none!important;transform:none!important;
 cursor:pointer!important;
}
#authHome #v1762HeaderDeposit>span {
 display:block!important;font:700 18px/1 system-ui,Arial,sans-serif!important;color:#fff!important;text-shadow:none!important;
}
#authHome #v1762HeaderDeposit>b {
 display:block!important;font:800 11px/1.1 system-ui,Arial,sans-serif!important;
 letter-spacing:0!important;color:#fff!important;text-shadow:none!important;
}
#authHome #authAvatar {
 box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;
 margin:0!important;padding:0!important;
 background:#EEF6FA!important;color:#285578!important;
 border:1px solid var(--gh-border)!important;border-radius:12px!important;
 font:800 15px/1 system-ui,Arial,sans-serif!important;
 box-shadow:none!important;filter:none!important;transform:none!important;text-shadow:none!important;
}
/* 防守式隐藏仅针对此版本旧 JS 可能遗留的动态钱包入口，正式源码不再插入。 */
#authHome #walletQuickTrigger {display:none!important;}
#authHome .auth-app-header button:focus-visible {outline:2px solid #2C74AB!important;outline-offset:2px!important;}
#authHome #authBalanceButton:active,#authHome #v1762HeaderDeposit:active {filter:brightness(.96)!important;}
@media(min-width:360px) and (max-width:389px) {
 #authHome {--gh-pad:6px;--gh-gap:4px;}
 #authHome .auth-brand,#authHome .auth-brand.v1762-auth-brand {flex-basis:99px!important;width:99px!important;}
 #authHome .auth-brand .bp496-header-logo{width:99px!important;}
 #authHome #authBalanceButton{width:auto!important;min-width:82px!important;max-width:112px!important;padding:4px 6px!important;}
 #authHome #v1762HeaderDeposit{flex-basis:85px!important;width:85px!important;}
 #authHome #v1762HeaderDeposit>b{font-size:10px!important;}
}
@media(max-width:359px){
 #authHome {--gh-h:50px;--gh-pad:5px;--gh-gap:3px;}
 #authHome .auth-brand,#authHome .auth-brand.v1762-auth-brand{flex-basis:93px!important;width:93px!important;}
 #authHome .auth-brand .bp496-header-logo{width:93px!important;}
 #authHome #authBalanceButton{width:auto!important;min-width:76px!important;max-width:94px!important;padding:4px 6px!important;}
 #authHome #authBalanceText{font-size:12.5px!important;}
 #authHome #v1762HeaderDeposit{flex-basis:44px!important;width:44px!important;padding:0!important;}
 #authHome #v1762HeaderDeposit>b{display:none!important;}
}
/*@@BP496_GLOBAL_HEADER_OWNER_END@@*/

/* 4.9.6 Owner: src/styles/modals.css */

/* 仅基础弹窗视觉；业务触发与详细结算将在 4.9.11 完成。 */
#authOverlay input{background:#F5F9FB;color:var(--bp496-text);border-color:var(--bp496-border)}
#authOverlay input::placeholder{color:#728A9C}
#authOverlay .auth-subtitle{color:var(--bp496-sub)}


/* Auth 是账户弹层，不是游戏结算弹层；其文字/输入/CTA 统一与浅色 Shell。 */
#authOverlay .auth-modal-card{
 background:linear-gradient(180deg,#FFFFFF,#F5FAFC);color:var(--bp496-text);
 border:1px solid #D5E5EE;box-shadow:0 22px 46px rgba(9,36,57,.20)
}
#authOverlay .auth-modal-card:before{background:linear-gradient(90deg,transparent,#90BACF,transparent);box-shadow:none;opacity:.45}
#authOverlay .auth-title-wrap h2{color:var(--bp496-text);font-size:25px;line-height:1.12}
#authOverlay .auth-title-wrap p{color:var(--bp496-sub);font-size:12px;line-height:1.45}
#authOverlay .auth-tabs{
 background:#EAF3F8;border:1px solid var(--bp496-border);box-shadow:none
}
#authOverlay .auth-tab{color:var(--bp496-deep);font-size:13px}
#authOverlay .auth-tab.active,
#authOverlay .auth-tab[data-mode="register"].active,
#authOverlay #registerTab.active{
 background:var(--bp496-brand);color:#FFFFFF;box-shadow:0 2px 7px rgba(29,88,133,.14)
}
#authOverlay .form-group label{color:var(--bp496-text);font-size:12px;letter-spacing:0}
#authOverlay .form-group input{background:#F8FBFD;color:var(--bp496-text);border:1px solid #C9DDE7;box-shadow:none}
#authOverlay .form-group input::placeholder{color:#647D90;opacity:1}
#authOverlay .form-group input:focus{border-color:var(--bp496-brand);box-shadow:0 0 0 3px rgba(44,116,171,.10)}
#authOverlay .auth-submit.login,#authOverlay .auth-submit.register{
 background:var(--bp496-action-contrast);color:#FFFFFF;box-shadow:0 3px 10px rgba(24,101,77,.15);border-radius:14px
}
#authOverlay .auth-submit:before{display:none}
#authOverlay .auth-helper-row,#authOverlay .auth-demo-note{color:var(--bp496-sub);font-size:11px}
#authOverlay .auth-link,#authOverlay .forgot-row .auth-link{color:var(--bp496-brand);font-size:12px}
#authOverlay .password-toggle{color:var(--bp496-deep)}
#authOverlay .auth-form-alert{background:#FFF0F1;color:#962D40;border-color:#E9B8C0}
#authOverlay .auth-welcome-strip{background:#E9F5F5;border-color:var(--bp496-border)}
#authOverlay .auth-welcome-strip strong{color:var(--bp496-text)}
#authOverlay .auth-welcome-strip small{color:var(--bp496-sub);font-size:10px}
#authOverlay .trial-conversion{background:#F1F7FA;border-color:var(--bp496-border)}
#authOverlay .trial-conversion h3{color:var(--bp496-text)}
#authOverlay .trial-conversion p{color:var(--bp496-sub);font-size:12px}
#authOverlay .trial-conversion .conversion-main{background:var(--bp496-brand);color:#FFFFFF;box-shadow:none}
#authOverlay .trial-conversion .conversion-login{color:var(--bp496-brand);font-size:12px}


/* Auth 上方提示条此前遗留 Casino 黑底，跟浅色账户弹层冲突，转为柔和信息卡。 */
#authOverlay #authContextBanner{
 background:#EAF4F8;border:1px solid #CDE1EB;border-radius:16px;
 box-shadow:none;color:var(--bp496-text)
}
#authOverlay #authContextMain{background:transparent;color:var(--bp496-text)}
#authOverlay #authContextKicker{color:#147456;font-size:10px;letter-spacing:.3px}
#authOverlay #authContextHeadline{color:var(--bp496-deep);font-size:16px}
#authOverlay #authContextCopy{color:var(--bp496-sub);font-size:12px;line-height:1.4}
#authOverlay .input-wrap{background:#F8FBFD;border-radius:14px}
#authOverlay #closeAuth{background:var(--bp496-deep);color:#FFFFFF;border-color:var(--bp496-deep)}

/* Block PIX V1.9 · Gameplay Modal Design System.
 * 唯一视觉 Owner：src/styles/modals.css approved block。
 * 仅作用于付费 10X/Cashout 的已有结果层、现有 Cashout 决策层；
 * 不修改 Guest、Pointer、Board、RNG、结算、钱包；按钮 ID 与事件全部保持。
 */
:root{--bp19-ink:#17394c;--bp19-muted:#617d8c;--bp19-border:#cae3eb;--bp19-canvas:#ffffff;--bp19-mist:#eff9fb;--bp19-green:#0d9b70;--bp19-green-dark:#087957;--bp19-orange:#e17d55;--bp19-blue:#25769d;--bp19-shadow:0 24px 52px rgba(12,51,72,.22),0 3px 10px rgba(12,51,72,.07);--bp19-ease:cubic-bezier(.18,.82,.21,1)}
#paidResultRoot.paid-result-root,#cashoutResultRoot.bpco-result-root,#bpcoCheckpointOverlay.bpco-overlay{box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px));background:rgba(13,42,61,.54);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);align-items:center;justify-content:center}
#paidResultRoot .paid-result-backdrop,#cashoutResultRoot .bpco-result-backdrop{background:rgba(13,42,61,.54);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#paidResultRoot .paid-result-sheet.bp19-game-modal,#cashoutResultRoot .bpco-result-sheet.bp19-game-modal,#bpcoCheckpointOverlay .bpco-modal.bp19-game-modal,#bpcoCheckpointOverlay.v17932-runtime-modal .bpco-modal.bp19-game-modal,#bpcoCheckpointOverlay.v17932-runtime-modal[data-final="1"] .bpco-modal.bp19-game-modal{box-sizing:border-box;position:relative;isolation:isolate;flex-shrink:0;width:min(100%,368px);max-width:368px;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overflow-x:hidden;margin:auto;padding:24px 20px 20px;border-radius:26px;border:1px solid var(--bp19-border);background:radial-gradient(ellipse 88% 39% at 50% -1%,#e7f9f4 0%,transparent 100%),linear-gradient(180deg,#fff 0%,#f7fcfd 70%,#eff8fa 100%);color:var(--bp19-ink);box-shadow:var(--bp19-shadow);text-align:center;outline:none}
#paidResultRoot .paid-result-sheet.bp19-game-modal:before,#cashoutResultRoot .bpco-result-sheet.bp19-game-modal:before,#bpcoCheckpointOverlay .bpco-modal.bp19-game-modal:before{content:"";position:absolute;left:25%;right:25%;top:0;height:3px;border-radius:0 0 7px 7px;background:linear-gradient(90deg,transparent,#61c8b5,#0d9b70,#61c8b5,transparent);opacity:.85;pointer-events:none}
/* 图形：不使用 emoji，状态圆章保留可访问文本标记。 */
#paidResultRoot .paid-result-status,#cashoutResultRoot .bpco-result-status,#bpcoCheckpointOverlay .bp19-decision-icon{box-sizing:border-box;width:66px;height:66px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(155deg,#4be3b1,#0f9e72);color:white;border:2px solid rgba(255,255,255,.86);box-shadow:0 6px 0 rgba(7,117,83,.12),0 12px 23px rgba(18,154,106,.17),inset 0 2px 0 rgba(255,255,255,.26);font-size:30px;font-weight:900;line-height:1}
#paidResultRoot.loss .paid-result-status,#cashoutResultRoot.v17932-real-result[data-result="loss"] .bpco-result-status{background:linear-gradient(155deg,#ffb99c,#eb845f);color:#fff;box-shadow:0 6px 0 rgba(173,87,53,.11),0 12px 21px rgba(215,103,67,.14),inset 0 2px rgba(255,255,255,.3)}
#bpcoCheckpointOverlay .bp19-decision-icon{background:linear-gradient(160deg,#e9f8ff,#b5e7f4);border:1px solid #b9dfeb;color:#177b99;box-shadow:0 10px 22px rgba(49,127,161,.12),inset 0 2px #fff}
#paidResultRoot .paid-result-kicker,#cashoutResultRoot .bpco-result-kicker,#bpcoCheckpointOverlay .bpco-modal-kicker{margin:0;color:#398b8a;font-weight:850;font-size:10px;letter-spacing:1.5px;line-height:1.5;text-transform:uppercase}
#paidResultRoot #paidResultTitle,#cashoutResultRoot #bpcoResultTitle,#bpcoCheckpointOverlay #bp19DecisionTitle{margin:7px 0 0;color:var(--bp19-ink);font-size:clamp(22px,6.25vw,26px);line-height:1.14;letter-spacing:-.65px;font-weight:900;text-transform:none;text-shadow:none}
#paidResultRoot .paid-result-subtitle,#cashoutResultRoot .bpco-result-sheet>p{display:block;max-width:300px;margin:8px auto 0;color:var(--bp19-muted);font-size:12px;line-height:1.42;font-weight:500}
/* 金额区域：绿色为已确认收款，失败显示真实返还为中性色。 */
#paidResultRoot .paid-result-money-block,#cashoutResultRoot .bpco-result-money,#bpcoCheckpointOverlay .bp19-current-reward{margin:19px 0 0;padding:18px 12px 15px;background:linear-gradient(180deg,#e5f8ef,#f3fcf8);border:1px solid #c8ead9;border-radius:19px;box-shadow:inset 0 1px #fff,0 5px 13px rgba(16,118,81,.035)}
#paidResultRoot .paid-result-money-block small,#cashoutResultRoot .bpco-result-money small,#bpcoCheckpointOverlay .bp19-reward-caption{display:block;margin:0;color:#3f8b73;font-size:10px;letter-spacing:.75px;line-height:1.35;font-weight:850}
#paidResultRoot #paidResultAmount,#cashoutResultRoot #bpcoResultAmount,#bpcoCheckpointOverlay .bpco-modal-money,#bpcoCheckpointOverlay.v17932-runtime-modal .bpco-modal-money,#bpcoCheckpointOverlay.v17932-runtime-modal[data-final="1"] .bpco-modal-money{display:block;margin:6px 0 0;color:#087e59;font-size:clamp(33px,9.8vw,42px);line-height:1.05;letter-spacing:-1.3px;font-weight:950;font-variant-numeric:tabular-nums;text-shadow:none;white-space:nowrap}
#paidResultRoot.loss .paid-result-money-block,#cashoutResultRoot.v17932-real-result[data-result="loss"] .bpco-result-money{background:linear-gradient(180deg,#f4f7f9,#edf4f7);border-color:#dbe8ee}
#paidResultRoot.loss #paidResultAmount,#cashoutResultRoot.v17932-real-result[data-result="loss"] #bpcoResultAmount{color:#3f667c}
#paidResultRoot .paid-result-summary,#cashoutResultRoot .bpco-result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 0}
#paidResultRoot .paid-result-stat,#cashoutResultRoot .bpco-result-summary>div{box-sizing:border-box;min-height:62px;padding:10px 4px 8px;border:1px solid #dfebef;background:#f6fafc;border-radius:13px}
#paidResultRoot .paid-result-stat small,#cashoutResultRoot .bpco-result-summary small{display:block;min-height:17px;color:#77909d;font-size:9px;line-height:1.22;font-weight:750;letter-spacing:.15px}
#paidResultRoot .paid-result-stat strong,#cashoutResultRoot .bpco-result-summary strong{display:block;margin:5px 0 0;color:#19445c;font-size:clamp(11px,3.1vw,13px);font-weight:850;letter-spacing:-.2px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
#paidResultRoot .paid-result-balance,#cashoutResultRoot.v17932-real-result .v17932-result-balance{margin:11px 0 0;padding:11px 13px;min-height:41px;box-sizing:border-box;border:1px solid #d6e8ee;background:#eaf4f8;border-radius:13px;color:#67808e;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:10px;font-weight:800}
#paidResultRoot .paid-result-balance strong,#cashoutResultRoot.v17932-real-result .v17932-result-balance strong{color:var(--bp19-ink);font-size:14px;font-weight:900}
/* 统一绿色主按钮 + 冷色次按钮；提现操作必须可与继续明确区分。 */
#paidResultRoot .paid-result-primary,#cashoutResultRoot .bpco-result-primary,#bpcoCheckpointOverlay #bpcoTakeBtn{display:block;width:100%;min-height:53px;margin:17px 0 0;border-radius:15px;border:1px solid #0d916c;background:linear-gradient(180deg,#24c996,#0b9b70 78%,#078963);color:#fff;font-weight:900;font-size:15px;line-height:1.2;letter-spacing:.15px;box-shadow:inset 0 2px rgba(255,255,255,.25),0 5px 0 #087956,0 12px 20px rgba(10,141,98,.17);text-shadow:0 1px rgba(0,70,45,.12);cursor:pointer}
#paidResultRoot .paid-result-secondary,#cashoutResultRoot .bpco-result-secondary,#bpcoCheckpointOverlay #bpcoContinueBtn{display:block;width:100%;min-height:49px;margin:12px 0 0;border-radius:15px;border:1px solid #c4dde8;background:linear-gradient(180deg,#fff,#eaf4f9);color:#276587;font-size:14px;line-height:1.2;font-weight:850;box-shadow:inset 0 1px rgba(255,255,255,.8);text-shadow:none;cursor:pointer}
#paidResultRoot .paid-result-primary:active,#cashoutResultRoot .bpco-result-primary:active,#bpcoCheckpointOverlay #bpcoTakeBtn:active{transform:translateY(3px);box-shadow:inset 0 1px rgba(255,255,255,.25),0 2px 0 #087956}
#paidResultRoot .paid-result-secondary:active,#cashoutResultRoot .bpco-result-secondary:active,#bpcoCheckpointOverlay #bpcoContinueBtn:active{transform:scale(.985)}
#paidResultRoot button:focus-visible,#cashoutResultRoot button:focus-visible,#bpcoCheckpointOverlay button:focus-visible{outline:3px solid #60b4d2;outline-offset:3px}
#paidResultRoot button:disabled,#cashoutResultRoot button:disabled,#bpcoCheckpointOverlay button:disabled{cursor:wait;opacity:.55;box-shadow:none}
/* Cashout decision: 真实当前金额优先；倍率与下一节点来自原 runtime，保留原节点文案/计算。 */
#bpcoCheckpointOverlay #bp19DecisionTitle{margin:0 0 8px;font-size:24px}
#bpcoCheckpointOverlay .bpco-modal-kicker{margin:0 0 5px}
#bpcoCheckpointOverlay .bpco-modal-mult,#bpcoCheckpointOverlay.v17932-runtime-modal .bpco-modal-mult,#bpcoCheckpointOverlay.v17932-runtime-modal[data-final="1"] .bpco-modal-mult{margin:0;color:#237497;font-size:31px;line-height:1.13;letter-spacing:-.9px;font-weight:950;text-shadow:none}
#bpcoCheckpointOverlay .bp19-current-reward{margin:14px 0 0;padding:17px 12px 15px}
#bpcoCheckpointOverlay #bpcoCheckpointCopy{font-size:11px!important;display:block;min-height:0;margin:14px auto 0;max-width:310px;color:#5a7987;font-size:11px;line-height:1.5;font-weight:650;letter-spacing:0}
#bpcoCheckpointOverlay #bpcoRiskText{font-size:11px!important;display:block;margin:13px auto 0;color:#b06744;font-size:11px;line-height:1.5;letter-spacing:0;font-weight:650}
#bpcoCheckpointOverlay .bpco-modal.bp19-game-modal{display:flex;flex-direction:column;align-items:stretch}
#bpcoCheckpointOverlay .bp19-decision-icon{flex:0 0 66px}
/* V1.9.2 仅交换 Cashout 节点决策弹框两个按钮的视觉主次，不改变上下顺序、尺寸、文案或点击事件。
 * 上方 Continue 使用既有绿色主按钮主题，下方 Take 使用既有浅蓝次按钮主题。 */
#bpcoCheckpointOverlay #bpcoContinueBtn{border-color:#0d916c;background:linear-gradient(180deg,#24c996,#0b9b70 78%,#078963);color:#fff;box-shadow:inset 0 2px rgba(255,255,255,.25),0 5px 0 #087956,0 12px 20px rgba(10,141,98,.17);text-shadow:0 1px rgba(0,70,45,.12)}
#bpcoCheckpointOverlay #bpcoTakeBtn{border-color:#c4dde8;background:linear-gradient(180deg,#fff,#eaf4f9);color:#276587;box-shadow:inset 0 1px rgba(255,255,255,.8);text-shadow:none}
#bpcoCheckpointOverlay #bpcoContinueBtn:active{transform:translateY(3px);box-shadow:inset 0 1px rgba(255,255,255,.25),0 2px 0 #087956}
#bpcoCheckpointOverlay #bpcoTakeBtn:active{transform:scale(.985);box-shadow:inset 0 1px rgba(255,255,255,.8)}
/* V1.9.1 Cashout 决策按钮保持源 DOM 顺序：上方继续，下方退出领取。
 * 仅修改 flex 视觉排列与间距，保留 #bpcoContinueBtn / #bpcoTakeBtn 事件绑定及资金路径。 */
#bpcoCheckpointOverlay #bpcoContinueBtn{order:8;margin-top:17px;white-space:normal}
#bpcoCheckpointOverlay #bpcoTakeBtn{order:9;min-height:53px!important;margin-top:12px;white-space:normal}
#bpcoCheckpointOverlay #bpcoRiskText{order:7}
#bpcoCheckpointOverlay #bpcoCheckpointCopy{order:6}
#bpcoCheckpointOverlay .bp19-current-reward{order:5}
#bpcoCheckpointOverlay .bpco-modal-mult{order:4}
#bpcoCheckpointOverlay .bpco-modal-kicker{order:3}
#bpcoCheckpointOverlay #bp19DecisionTitle{order:2}
#bpcoCheckpointOverlay .bp19-decision-icon{order:1}
#bpcoCheckpointOverlay[data-final="1"] #bpcoTakeBtn,#bpcoCheckpointOverlay[data-final="1"] #bpcoContinueBtn,#bpcoCheckpointOverlay[data-final="1"] #bpcoRiskText{display:none}
/* V1.8.4 局内金额浮层 z-index 高于 Modal。结果/决策可见期间只遮蔽浮层，不修改动画或业务数据。
 * 修复真实 Cashout 节点处 +R$ 字样压到“当前领取金额”的层级冲突。 */
body:has(#paidResultRoot.show,#cashoutResultRoot.show,#bpcoCheckpointOverlay.show,#v163CashOverlay.show) #bp4r181RewardLayer{visibility:hidden}
/* 唯一显示层，尊重 Round/Settlement Owner 的现有显隐与金额绑定。 */
@keyframes bp19ModalIn{from{opacity:0;transform:translateY(13px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bp19Emblem{from{opacity:.2;transform:scale(.82) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}
#paidResultRoot.show .paid-result-sheet.bp19-game-modal,#cashoutResultRoot.show .bpco-result-sheet.bp19-game-modal,#bpcoCheckpointOverlay.show .bpco-modal.bp19-game-modal{animation:bp19ModalIn 260ms var(--bp19-ease) both}
#paidResultRoot.show .paid-result-status,#cashoutResultRoot.show .bpco-result-status,#bpcoCheckpointOverlay.show .bp19-decision-icon{animation:bp19Emblem 360ms 80ms var(--bp19-ease) both}
#paidResultRoot.reveal #paidResultAmount{opacity:1;transform:none}
@media(min-width:412px) and (min-height:870px){#paidResultRoot .paid-result-sheet.bp19-game-modal,#cashoutResultRoot .bpco-result-sheet.bp19-game-modal,#bpcoCheckpointOverlay .bpco-modal.bp19-game-modal{padding:28px 23px 24px}#paidResultRoot .paid-result-money-block,#cashoutResultRoot .bpco-result-money,#bpcoCheckpointOverlay .bp19-current-reward{margin-top:22px;padding-top:21px;padding-bottom:18px}#paidResultRoot .paid-result-status,#cashoutResultRoot .bpco-result-status,#bpcoCheckpointOverlay .bp19-decision-icon{margin-bottom:18px}}
@media(max-width:350px),(max-height:630px){#paidResultRoot .paid-result-sheet.bp19-game-modal,#cashoutResultRoot .bpco-result-sheet.bp19-game-modal,#bpcoCheckpointOverlay .bpco-modal.bp19-game-modal{width:min(100%,348px);padding:15px 13px 13px;border-radius:21px;max-height:calc(100dvh - 16px)}#paidResultRoot .paid-result-status,#cashoutResultRoot .bpco-result-status,#bpcoCheckpointOverlay .bp19-decision-icon{width:44px;height:44px;border-radius:16px;margin-bottom:6px;font-size:22px}#bpcoCheckpointOverlay .bp19-decision-icon{flex-basis:44px}#bpcoCheckpointOverlay .bp19-decision-icon svg{width:25px;height:25px}#paidResultRoot #paidResultTitle,#cashoutResultRoot #bpcoResultTitle,#bpcoCheckpointOverlay #bp19DecisionTitle{font-size:20px}#paidResultRoot .paid-result-subtitle,#cashoutResultRoot .bpco-result-sheet>p{font-size:11px;margin-top:3px}#paidResultRoot .paid-result-money-block,#cashoutResultRoot .bpco-result-money,#bpcoCheckpointOverlay .bp19-current-reward{margin-top:10px;padding:10px 9px}#paidResultRoot #paidResultAmount,#cashoutResultRoot #bpcoResultAmount,#bpcoCheckpointOverlay .bpco-modal-money{font-size:32px}#paidResultRoot .paid-result-summary,#cashoutResultRoot .bpco-result-summary{margin-top:8px}#paidResultRoot .paid-result-stat,#cashoutResultRoot .bpco-result-summary>div{padding:6px 3px;min-height:48px}#paidResultRoot .paid-result-balance,#cashoutResultRoot.v17932-real-result .v17932-result-balance{padding:7px 9px;min-height:32px;margin-top:7px}#paidResultRoot .paid-result-primary,#cashoutResultRoot .bpco-result-primary,#bpcoCheckpointOverlay #bpcoTakeBtn{margin-top:11px;min-height:48px}#paidResultRoot .paid-result-secondary,#cashoutResultRoot .bpco-result-secondary,#bpcoCheckpointOverlay #bpcoContinueBtn{min-height:44px;margin-top:10px}#bpcoCheckpointOverlay #bpcoCheckpointCopy,#bpcoCheckpointOverlay #bpcoRiskText{font-size:10px!important;margin-top:8px}#bpcoCheckpointOverlay .bpco-modal-mult{font-size:27px}}
@media(prefers-reduced-motion:reduce){#paidResultRoot.show .paid-result-sheet.bp19-game-modal,#cashoutResultRoot.show .bpco-result-sheet.bp19-game-modal,#bpcoCheckpointOverlay.show .bpco-modal.bp19-game-modal,#paidResultRoot.show .paid-result-status,#cashoutResultRoot.show .bpco-result-status,#bpcoCheckpointOverlay.show .bp19-decision-icon{animation:none}}


/* V2.0.3 · Auth commercial visual owner. Only #authOverlay; no Auth Store, modal routing or submit logic modified. */
#authOverlay[data-design-version="V2.0.3"]{z-index:12000;display:none;align-items:center;justify-content:center;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(15,43,62,.53);backdrop-filter:blur(5px)}
#authOverlay[data-design-version="V2.0.3"].show{display:flex}
#authOverlay[data-design-version="V2.0.3"] .auth-modal-card{
 width:min(100%,422px)!important;max-width:422px!important;max-height:min(790px,calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))!important;
 box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
 padding:20px 20px max(21px,env(safe-area-inset-bottom,0px))!important;margin:auto!important;
 border-radius:24px!important;border:1px solid #D1E7ED!important;background:linear-gradient(180deg,#F7FCFE 0%,#F0F9FD 68%,#EDF7F8 100%)!important;
 box-shadow:0 24px 56px rgba(8,54,79,.24),0 3px 12px rgba(8,54,79,.08)!important;color:#1E5068!important;transform:none;opacity:1;
}
#authOverlay[data-design-version="V2.0.3"] .auth-modal-card:before{display:none!important}
#authOverlay[data-design-version="V2.0.3"] .auth-modal-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:0}
#authOverlay[data-design-version="V2.0.3"] .auth-modal-brand{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
#authOverlay[data-design-version="V2.0.3"] .auth-modal-brand .brand-logo{width:91px!important;max-width:91px!important;height:auto!important;object-fit:contain;flex:0 0 auto}
#authOverlay[data-design-version="V2.0.3"] .auth-title-wrap{min-width:0}
#authOverlay[data-design-version="V2.0.3"] #authModalTitle{color:#174A65!important;font-size:22px!important;line-height:1.1;font-weight:900;letter-spacing:-.4px;margin:0 0 5px;text-align:left}
#authOverlay[data-design-version="V2.0.3"] #authModalSubtitle{color:#618198!important;font-size:12px!important;line-height:1.45!important;text-align:left;margin:0}
#authOverlay[data-design-version="V2.0.3"] #closeAuth{flex:0 0 36px;width:36px;height:36px;min-width:36px;background:#E6F3F8!important;border:1px solid #D0E5ED!important;color:#43718B!important;border-radius:11px;font-size:22px;box-shadow:none!important;line-height:1}
#authOverlay[data-design-version="V2.0.3"] #authContextBanner{background:#E5F5F9!important;border:1px solid #C5E3EC!important;border-radius:15px!important;margin:0 0 16px!important;padding:12px!important;box-shadow:none!important}
#authOverlay[data-design-version="V2.0.3"] #authContextTrial{background:#EAF8F0!important;color:#246D51!important;border:1px solid #C9E9D8!important;border-radius:10px!important;padding:7px 10px}
#authOverlay[data-design-version="V2.0.3"] #authContextMain small,#authOverlay[data-design-version="V2.0.3"] #authContextKicker{color:#34738E!important;font-size:10px!important;letter-spacing:.25px!important}
#authOverlay[data-design-version="V2.0.3"] #authContextHeadline{color:#164D69!important;font-size:17px!important;line-height:1.25}
#authOverlay[data-design-version="V2.0.3"] #authContextCopy{color:#547B8D!important;font-size:12px!important;line-height:1.48!important}
#authOverlay[data-design-version="V2.0.3"] .auth-context-benefits span{color:#2E765A!important;background:#F5FDF8!important;border-color:#C7E6D6!important;font-size:11px!important;line-height:1.35}
#authOverlay[data-design-version="V2.0.3"] .auth-context-boundary{color:#637F89!important;font-size:11px!important;line-height:1.45!important}
#authOverlay[data-design-version="V2.0.3"] .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 16px;background:#E4F2F7!important;border:1px solid #CFE4ED!important;border-radius:14px!important;box-shadow:none!important}
#authOverlay[data-design-version="V2.0.3"] .auth-tab{min-height:43px!important;height:auto!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#537D90!important;font-size:13px!important;font-weight:850!important;box-shadow:none!important}
#authOverlay[data-design-version="V2.0.3"] .auth-tab.active{background:#FFFFFF!important;color:#0D805E!important;box-shadow:0 2px 8px rgba(37,94,112,.10)!important}
#authOverlay[data-design-version="V2.0.3"] .form-group{margin:0 0 13px}
#authOverlay[data-design-version="V2.0.3"] .form-group label{display:block;color:#315E73!important;font-size:12px!important;font-weight:800;letter-spacing:.1px!important;line-height:1.35;margin:0 0 7px}
#authOverlay[data-design-version="V2.0.3"] .input-wrap{position:relative;display:flex;align-items:center}
#authOverlay[data-design-version="V2.0.3"] .form-group input{box-sizing:border-box;display:block;width:100%;height:51px;min-height:51px!important;border:1.5px solid #C7E0EA!important;border-radius:13px!important;background:#FFFFFF!important;color:#1B506B!important;font:550 16px/1.3 system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;padding:0 15px!important;box-shadow:0 1px 2px rgba(30,95,118,.04)!important;outline:0;appearance:none}
#authOverlay[data-design-version="V2.0.3"] .form-group input::placeholder{color:#91AABB!important;opacity:1}
#authOverlay[data-design-version="V2.0.3"] .form-group input:focus{border-color:#1EAA83!important;box-shadow:0 0 0 3px rgba(36,169,128,.13)!important}
#authOverlay[data-design-version="V2.0.3"] .password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);min-width:39px;min-height:39px;border:0;background:transparent;color:#5C8498!important;border-radius:9px}
#authOverlay[data-design-version="V2.0.3"] .input-wrap:has(.password-toggle) input{padding-right:52px!important}
#authOverlay[data-design-version="V2.0.3"] .field-error,#authOverlay[data-design-version="V2.0.3"] .auth-form-alert{color:#B73C48!important;font-size:12px!important;line-height:1.4!important}
#authOverlay[data-design-version="V2.0.3"] .auth-form-alert.show{background:#FFF3F3!important;border:1px solid #F0CDCF!important;border-radius:11px;padding:10px}
#authOverlay[data-design-version="V2.0.3"] .forgot-row{margin:1px 0 15px;text-align:right}
#authOverlay[data-design-version="V2.0.3"] .auth-link{font-size:13px!important;font-weight:750;color:#17886E!important;min-height:34px;background:transparent!important;border:0}
#authOverlay[data-design-version="V2.0.3"] .auth-submit{box-sizing:border-box;width:100%;min-height:52px!important;height:auto!important;margin:5px 0 12px;border:1px solid #16895E!important;border-radius:14px!important;background:linear-gradient(180deg,#27B783,#15996A 62%,#118B61)!important;color:white!important;font:850 15px/1.3 system-ui,sans-serif!important;letter-spacing:.2px!important;box-shadow:0 3px 0 #0B744F,0 6px 13px rgba(13,111,80,.15)!important;filter:none!important;text-shadow:none!important;transition:transform .12s ease,box-shadow .12s ease}
#authOverlay[data-design-version="V2.0.3"] .auth-submit:before,#authOverlay[data-design-version="V2.0.3"] .auth-submit:after{content:none!important;display:none!important}
#authOverlay[data-design-version="V2.0.3"] .auth-submit:active{transform:translateY(2px);box-shadow:0 1px 0 #0B744F!important}
#authOverlay[data-design-version="V2.0.3"] .auth-submit:disabled{opacity:.55;box-shadow:none!important}
#authOverlay[data-design-version="V2.0.3"] .auth-helper-row{color:#638395!important;font-size:13px!important;line-height:1.45!important;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}
#authOverlay[data-design-version="V2.0.3"] .auth-privacy-note{color:#678694!important;font-size:11px!important;line-height:1.48!important;text-align:center;margin:5px 0 0}
#authOverlay[data-design-version="V2.0.3"] :is(.auth-tab,.auth-link,.auth-submit,#closeAuth):focus-visible{outline:3px solid #31AA86!important;outline-offset:3px}
@media(max-width:360px){#authOverlay[data-design-version="V2.0.3"]{padding:8px}#authOverlay[data-design-version="V2.0.3"] .auth-modal-card{padding:15px 14px 17px!important;border-radius:19px!important}#authOverlay[data-design-version="V2.0.3"] .auth-modal-brand .brand-logo{width:77px!important;max-width:77px!important}#authOverlay[data-design-version="V2.0.3"] #authModalTitle{font-size:19px!important}#authOverlay[data-design-version="V2.0.3"] #authContextBanner{padding:9px!important;margin-bottom:10px!important}#authOverlay[data-design-version="V2.0.3"] .auth-tabs{margin-bottom:11px}#authOverlay[data-design-version="V2.0.3"] .form-group{margin-bottom:10px}}
@media(max-height:640px){#authOverlay[data-design-version="V2.0.3"]{align-items:center;padding:6px}#authOverlay[data-design-version="V2.0.3"] .auth-modal-card{max-height:calc(100dvh - 12px)!important;padding-top:13px!important;padding-bottom:13px!important}#authOverlay[data-design-version="V2.0.3"] .auth-modal-head{margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){#authOverlay[data-design-version="V2.0.3"] .auth-submit{transition:none!important}}


/* V2.0.3 · 注册页内容密度：重要字段与 CTA 在标准 390×844 高度内优先完整展示；小屏仍允许滚动。 */
#authOverlay[data-design-version="V2.0.3"] .auth-context-benefits{display:flex!important;flex-flow:row wrap!important;align-items:center!important;gap:5px!important;margin:7px 0 0!important}
#authOverlay[data-design-version="V2.0.3"] .auth-context-benefits span{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:100%;padding:4px 7px!important;border-radius:8px!important;font-size:10px!important;flex:0 1 auto!important}
#authOverlay[data-design-version="V2.0.3"] #authContextBanner{padding:10px 11px!important;margin-bottom:12px!important}
#authOverlay[data-design-version="V2.0.3"] .auth-modal-head{margin-bottom:12px}
#authOverlay[data-design-version="V2.0.3"] .form-group{margin-bottom:10px}
#authOverlay[data-design-version="V2.0.3"] .auth-tabs{margin-bottom:13px}
#authOverlay[data-design-version="V2.0.3"] .auth-submit{margin:3px 0 9px}

/* 游客开始前弹框：Block PIX 浅色游戏 UI，明确 5 行试玩与正式 24 行 10X 的区别。 */
#trialIntroOverlay.trial-intro-overlay{
  box-sizing:border-box!important;padding:16px max(12px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-bottom,0px))!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;align-items:center!important;justify-content:center!important;
  background:rgba(15,43,58,.64)!important;backdrop-filter:blur(5px)!important;
}
#trialIntroOverlay .trial-intro-card{
  box-sizing:border-box!important;width:min(100%,370px)!important;max-width:370px!important;
  max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  margin:auto!important;padding:23px 19px 19px!important;border:1px solid #BDDCE8!important;border-radius:24px!important;
  background:linear-gradient(160deg,#FFFFFF,#EEF8FC 85%)!important;color:#183F5A!important;
  box-shadow:0 22px 66px rgba(10,42,64,.27)!important;text-align:center!important;
}
#trialIntroOverlay .trial-intro-card:before,#trialIntroOverlay .trial-intro-card:after{display:none!important;content:none!important}
#trialIntroOverlay .trial-intro-close{position:absolute!important;right:14px!important;top:13px!important;width:36px!important;height:36px!important;min-width:36px!important;border:1px solid #D5E5EE!important;background:#F3F9FC!important;color:#426B82!important;border-radius:11px!important;box-shadow:none!important;font-size:25px!important;line-height:1!important}
#trialIntroOverlay .trial-intro-kicker{font-size:11px!important;line-height:1.3!important;letter-spacing:.5px!important;color:#178A70!important;font-weight:850!important;margin:2px 30px 7px!important}
#trialIntroOverlay h2{font-size:clamp(21px,6vw,25px)!important;line-height:1.12!important;letter-spacing:-.45px!important;color:#173E59!important;margin:5px 18px 9px!important}
#trialIntroOverlay .trial-intro-card>p{font-size:13.5px!important;line-height:1.48!important;color:#55748A!important;margin:0 0 12px!important}
#trialIntroOverlay .bp231-trial-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:0 0 13px;color:#326982;font-size:10.5px;font-weight:800;line-height:1.3}
#trialIntroOverlay .bp231-trial-steps span{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #D0E6F0;border-radius:9px;background:#F3FAFD;white-space:nowrap}
#trialIntroOverlay .bp231-trial-steps b{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;color:white;background:#2E88A9;font-size:10px}
#trialIntroOverlay .challenge-reward{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;margin:0 0 11px!important;padding:10px 9px!important;min-height:0!important;background:#EAF7F1!important;border:1px solid #C4E5D4!important;border-radius:15px!important;box-shadow:none!important}
#trialIntroOverlay .reward-x{font-size:14px!important;line-height:1.2!important;font-weight:900!important;color:#158B6A!important}
#trialIntroOverlay .reward-cash-main{font-size:29px!important;line-height:1.05!important;font-weight:900!important;color:#126B50!important;text-shadow:none!important}
#trialIntroOverlay .reward-label{display:block!important;font-size:10.5px!important;line-height:1.35!important;color:#4E756A!important;letter-spacing:0!important;font-weight:750!important}
#trialIntroOverlay .challenge-objective{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;margin:0 0 12px!important}
#trialIntroOverlay .challenge-objective>div{min-width:0!important;margin:0!important;padding:11px 8px!important;border-radius:12px!important;background:#F0F7FB!important;border:1px solid #D7E9F1!important;box-shadow:none!important;text-align:center!important}
#trialIntroOverlay .challenge-objective small{display:block!important;font-size:10px!important;line-height:1.3!important;color:#547A91!important;letter-spacing:0!important;margin-bottom:4px!important}
#trialIntroOverlay .challenge-objective strong{font-size:13px!important;line-height:1.3!important;color:#1B526D!important;font-weight:850!important;white-space:normal!important}
#trialIntroOverlay .free-stake strong{color:#168365!important}
#trialIntroOverlay #trialIntroStart{width:100%!important;min-height:51px!important;border:1px solid #0D8058!important;border-radius:14px!important;background:#159A70!important;color:#fff!important;box-shadow:0 3px 0 #097450!important;text-shadow:none!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important}
#trialIntroOverlay .trial-intro-note{margin:11px 0 0!important;font-size:11.5px!important;line-height:1.45!important;color:#5F7B8B!important;max-width:none!important}
/* 试玩结果 / 引导注册：真实结果 + 两种模式选择，保持现有 JS owner 和按钮 id。 */
#guestResultRoot #resultOverlay{background:rgba(14,43,62,.65)!important;backdrop-filter:blur(5px)!important;padding:12px!important}
#guestResultRoot #resultCard.v179271-result{
  width:min(100%,370px)!important;max-width:370px!important;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  margin:auto!important;padding:18px 16px 18px!important;border-radius:22px!important;
  border:1px solid #BDDDE7!important;background:linear-gradient(162deg,#FFFFFF,#F2FAFD 90%)!important;
  box-shadow:0 18px 48px rgba(14,48,73,.28)!important;
}
#guestResultRoot #resultCard.v179271-result #resultIcon{height:42px!important;width:42px!important;font-size:23px!important;margin:0 auto 7px!important;border:0!important;border-radius:13px!important;background:#DFF5EC!important;color:#147B5A!important;box-shadow:none!important}
#guestResultRoot #resultCard.v179271-loss #resultIcon{background:#FFF0E8!important;color:#B55D32!important}
#guestResultRoot #resultTitle{font-size:22px!important;line-height:1.15!important;letter-spacing:-.3px!important;color:#173F5A!important;margin:0 0 4px!important}
#guestResultRoot #v179271Achievement{margin:7px 0 0!important}
#guestResultRoot #v179271Achievement .v271-kicker{font-size:11px!important;letter-spacing:.3px!important;color:#39806F!important}
#guestResultRoot #v179271Achievement .v271-score-row{gap:8px!important;margin-top:8px!important}
#guestResultRoot #v179271Achievement .v271-score{min-height:64px!important;padding:9px 8px!important;border-radius:12px!important;background:#ECF7FC!important;border:1px solid #D0E5EE!important}
#guestResultRoot #v179271Achievement .v271-score strong{font-size:27px!important;color:#1B607B!important}
#guestResultRoot #v179271Achievement .v271-score.goal strong{color:#138968!important}
#guestResultRoot #v179271Achievement .v271-score span{font-size:10px!important;color:#587D8D!important;letter-spacing:.2px!important;margin-top:4px!important}
#guestResultRoot #v179271Achievement .v271-missing{font-size:12px!important;color:#965D48!important}
#guestResultRoot #v179271Prize{margin:8px 0 0!important;padding:9px 10px!important;background:#EAF7F1!important;border:1px solid #C8E6D8!important;border-radius:12px!important}
#guestResultRoot #v179271Prize small{font-size:10px!important;color:#3E8069!important;letter-spacing:.3px!important}
#guestResultRoot #v179271Prize strong{font-size:24px!important;color:#137652!important}
#guestResultRoot #resultCard.v179271-loss #v179271Prize strong{color:#62798A!important}
#guestResultRoot #v179271Prize p{font-size:11px!important;color:#55786A!important;line-height:1.4!important;margin-top:4px!important}
#guestResultRoot #trialConversion{margin:9px 0 0!important;padding:12px!important;border-radius:13px!important;background:#F1F9FC!important;border:1px solid #D3E7EE!important}
#guestResultRoot #trialConversion h3{font-size:17px!important;line-height:1.2!important;color:#174761!important;margin:0 0 5px!important}
#guestResultRoot #trialConversion p{font-size:12px!important;line-height:1.46!important;color:#54788C!important;margin:0 0 9px!important}
#guestResultRoot #bpR19ResultModePicker{gap:8px!important;margin:0 0 9px!important}
#guestResultRoot #bpR19ResultModePicker>button{min-height:57px!important;padding:9px 6px!important;border-radius:11px!important;background:#FFFFFF!important;border:1px solid #D0E5EB!important;color:#215A71!important}
#guestResultRoot #bpR19ResultModePicker>button b{font-size:14px!important;color:#195773!important}
#guestResultRoot #bpR19ResultModePicker>button span{font-size:10.5px!important;color:#658294!important}
#guestResultRoot #bpR19ResultModePicker>button.active[data-r19-result-intent="META_10X"]{background:#E8F5FC!important;border-color:#73BBD8!important}
#guestResultRoot #bpR19ResultModePicker>button.active[data-r19-result-intent="META_10X"] b{color:#166C95!important}
#guestResultRoot #bpR19ResultModePicker>button.active[data-r19-result-intent="CASHOUT_50X"]{background:#E7F8EE!important;border-color:#73CBA2!important}
#guestResultRoot #bpR19ResultModePicker>button.active[data-r19-result-intent="CASHOUT_50X"] b{color:#128560!important}
#guestResultRoot #bpR19SimulationNote{font-size:10.5px!important;line-height:1.4!important;margin:0 0 9px!important;color:#527887!important;letter-spacing:0!important}
#guestResultRoot #trialRegisterCta{min-height:49px!important;margin:0 0 8px!important;border-radius:12px!important;border:1px solid #0E835A!important;background:#169C70!important;color:#FFFFFF!important;box-shadow:0 3px 0 #0B7853!important;font-size:14px!important}
#guestResultRoot #resultCard.v179271-loss #trialRegisterCta{min-height:48px!important;background:#E7F7EF!important;color:#137A59!important;border:1px solid #9FD5B9!important;box-shadow:none!important;font-size:13px!important}
#guestResultRoot #playAgainBtn{min-height:43px!important;margin:0 0 6px!important;border-radius:11px!important;background:#FFFFFF!important;border:1px solid #D2E4EB!important;color:#1D5871!important;box-shadow:none!important;font-size:12.5px!important}
#guestResultRoot #resultCard.v179271-loss #playAgainBtn{min-height:48px!important;background:#149B6E!important;border:1px solid #0C855D!important;color:white!important;box-shadow:0 3px 0 #08734E!important;font-size:13px!important}
#guestResultRoot #trialLoginCta{font-size:12px!important;line-height:1.4!important;color:#286F85!important;min-height:35px!important}
/* 注册/登录介绍同时展示两种玩法；当前用户选中的玩法由既有 intent 管理。 */
#authOverlay .bp231-auth-modes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:9px 0!important}
#authOverlay .bp231-auth-modes .bp231-auth-mode{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;padding:10px 11px!important;min-width:0!important;background:#F0F8FC!important;border:1px solid #CDE4EE!important;border-radius:12px!important;color:#1C5F7C!important}
#authOverlay .bp231-auth-modes .bp231-auth-mode b{font-size:13px!important;line-height:1.2!important;color:#1B6689!important}
#authOverlay .bp231-auth-modes .bp231-auth-mode small{font-size:11px!important;line-height:1.33!important;color:#54768B!important;text-align:left!important;white-space:normal!important}
#authOverlay .bp231-auth-modes .bp231-auth-mode.cashout{background:#F0FAF5!important;border-color:#C6E6D6!important}
#authOverlay .bp231-auth-modes .bp231-auth-mode.cashout b{color:#188061!important}
#authOverlay.bp-r197-mode-cashout .bp231-auth-modes .bp231-auth-mode.cashout{border-color:#54B68B!important;box-shadow:0 0 0 1px #8AD5AE inset!important}
#authOverlay:not(.bp-r197-mode-cashout) .bp231-auth-modes .bp231-auth-mode.tenx{border-color:#68B9D6!important;box-shadow:0 0 0 1px #B1DDEC inset!important}
@media(max-width:350px),(max-height:610px){
 #trialIntroOverlay .trial-intro-card{padding:16px 13px!important;border-radius:18px!important}
 #trialIntroOverlay .trial-intro-kicker{font-size:10px!important}
 #trialIntroOverlay h2{font-size:21px!important}
 #trialIntroOverlay .trial-intro-card>p{font-size:12px!important}
 #trialIntroOverlay .reward-cash-main{font-size:24px!important}
 #trialIntroOverlay .bp231-trial-steps{font-size:9.5px!important}
 #trialIntroOverlay .bp231-trial-steps span{padding:4px 5px!important}
 #trialIntroOverlay .trial-intro-note{font-size:10.5px!important}
 #guestResultRoot #resultCard.v179271-result{padding:12px!important;border-radius:18px!important}
 #guestResultRoot #trialConversion{padding:10px!important}
 #guestResultRoot #trialConversion p{font-size:11.5px!important}
 #authOverlay .bp231-auth-modes .bp231-auth-mode{padding:8px!important}
 #authOverlay .bp231-auth-modes .bp231-auth-mode small{font-size:10.5px!important}
}
@media(prefers-reduced-motion:reduce){#trialIntroOverlay .trial-intro-card,#guestResultRoot #resultCard.v179271-result{transition:none!important;animation:none!important}}
/*@@BLOCKPIX_V2031_UI_OWNER_END@@*/

/* V2.0.3.1 弹框剩余的旧底板与奖励倍数局部 Owner 清理 */
#trialIntroOverlay .challenge-objective{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
#trialIntroOverlay.v179114-guest-intro .challenge-objective>div:first-child strong{color:#1B526D!important}
#trialIntroOverlay .reward-x{display:block!important;font-size:17px!important;line-height:1.25!important;transform:none!important;text-shadow:none!important;color:#138464!important;letter-spacing:0!important}
#trialIntroOverlay .reward-cash-main{display:block!important;transform:none!important;text-shadow:none!important;color:#107B58!important}
#trialIntroOverlay.v179114-guest-intro .reward-cash-main{color:#107B58!important}
#trialIntroOverlay .reward-label{transform:none!important;text-shadow:none!important}
#trialIntroOverlay .trial-intro-card .challenge-reward:before,#trialIntroOverlay .trial-intro-card .challenge-reward:after{content:none!important;display:none!important}
#authOverlay.bp231-auth-all-modes .bp231-auth-modes .bp231-auth-mode.tenx{border-color:#CDE4EE!important;box-shadow:none!important}


/* ==================================================================
 * Block PIX V2.0.4 · Unified Modal Visual Owner
 * Scope: appearance, typographic hierarchy, layout and responsiveness only.
 * Does not modify runtime events, amounts, settlement, RNG, mode or wallet.
 * Preserve Cashout decision order: Continue primary / Collect secondary.
 * This is the only V2.0.4 owner block for all active modal families.
 * ================================================================== */
:root{
 --bpm-bg:#ffffff;--bpm-bg2:#f1f9fc;--bpm-bg3:#e8f3f8;
 --bpm-ink:#173d52;--bpm-muted:#567688;--bpm-soft:#7290a0;
 --bpm-edge:#cbdfe8;--bpm-green:#139b71;--bpm-green-deep:#0b7857;
 --bpm-green-light:#e8f8f0;--bpm-blue:#237a9f;--bpm-warning:#ad5d37;
 --bpm-shadow:0 24px 60px rgba(18,58,79,.23),0 4px 15px rgba(18,58,79,.08);
}
/* 视觉规范统一，只影响当前弹框所在的 Overlay Root。 */
:is(#v170Recovery,#v1740DepositSuccess,#v1740WithdrawSuccess,#v18061WithdrawConfirm,#v18061ReferralHow,#v18065TxDetailModal,#v18065GameDetailModal,#v175LogoutOverlay,#v1773InsufficientOverlay,#v1773ExitOverlay,#v163CashOverlay,#bpcoCheckpointOverlay,#cashoutResultRoot,#paidResultRoot,#modePreintegrationOverlay,#bpGlobalConfirmOverlay,#walletQuickSheet){
 --bp-ov-surface:var(--bpm-bg);--bp-ov-surface-2:var(--bpm-bg2);--bp-ov-border:var(--bpm-edge);
 --bp-ov-text:var(--bpm-ink);--bp-ov-muted:var(--bpm-muted);--bp-ov-dim:var(--bpm-soft);
 --bp-ov-gold-strong:var(--bpm-green);--bp-ov-gold:var(--bpm-green);
 --bp-ov-green:var(--bpm-green);--bp-ov-backdrop:rgba(9,35,52,.59);
}
/* Backdrop: preserve each component's existing show/hide mechanism. */
:is(#v170Recovery,#v1740DepositSuccess,#v1740WithdrawSuccess,#v18061WithdrawConfirm,#v18061ReferralHow,#v18065TxDetailModal,#v18065GameDetailModal,#v175LogoutOverlay,#v1773InsufficientOverlay,#v1773ExitOverlay,#v163CashOverlay,#bpcoCheckpointOverlay,#modePreintegrationOverlay,#bpGlobalConfirmOverlay,#walletQuickSheet){
 background-color:rgba(9,35,52,.59)!important;
 backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
#paidResultRoot .paid-result-backdrop,#cashoutResultRoot .bpco-result-backdrop{background:rgba(9,35,52,.59)!important}
/* Commercial modal shell: one white/ice surface, single border, one soft shadow. */
:is(#v170Recovery .modal-card,.v1740-money-modal,.v18061-modal,.v175-logout-card,.v1773-modal,#v163CashOverlay .v163-cash-card,#bpcoCheckpointOverlay .bpco-modal,#cashoutResultRoot .bpco-result-sheet,#paidResultRoot .paid-result-sheet,#modePreintegrationOverlay .v161-pre-card,#bpGlobalConfirmCard,#walletQuickSheet .ds-sheet){
 box-sizing:border-box;max-width:min(390px,calc(100vw - 24px));
 color:var(--bpm-ink)!important;
 background:linear-gradient(180deg,#ffffff 0%,#f2f9fc 100%)!important;
 border:1px solid var(--bpm-edge)!important;
 border-radius:23px!important;
 box-shadow:var(--bpm-shadow)!important;
 max-height:calc(100dvh - 26px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
 overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
}
/* Keep the two intentional bottom-sheet families anchored at the bottom. */
#walletQuickSheet .ds-sheet{border-radius:24px 24px 0 0!important;max-width:430px;max-height:88dvh}
#v170Recovery.modal-overlay{align-items:center!important;padding:12px!important}
#v170Recovery .modal-card{width:min(100%,390px);margin:auto;padding:21px 18px 20px!important}
#v170Recovery .modal-card:before,#paidResultRoot .paid-result-sheet:before,#cashoutResultRoot .bpco-result-sheet:before,#bpGlobalConfirmCard:before{display:none!important;content:none!important}
/* Headings and copy: do not shrink helper text to 6–9px. */
:is(#v170Recovery,.v1740-money-modal,.v18061-modal,.v175-logout-card,.v1773-modal,#v163CashOverlay,#bpcoCheckpointOverlay,#cashoutResultRoot,#paidResultRoot,#modePreintegrationOverlay,#bpGlobalConfirmCard) h2{
 color:var(--bpm-ink)!important;font-size:clamp(21px,5.6vw,25px)!important;
 line-height:1.19!important;letter-spacing:-.55px!important;text-shadow:none!important;
}
:is(#v170Recovery,.v1740-money-modal,.v18061-modal,.v175-logout-card,.v1773-modal,#v163CashOverlay,#bpcoCheckpointOverlay,#cashoutResultRoot,#paidResultRoot,#modePreintegrationOverlay,#bpGlobalConfirmCard) p{
 color:var(--bpm-muted)!important;font-size:13px!important;line-height:1.52!important;letter-spacing:0!important;text-shadow:none!important;
}
:is(#v170Recovery,.v1740-money-modal,.v18061-modal,.v175-logout-card,.v1773-modal,#bpcoCheckpointOverlay,#cashoutResultRoot,#paidResultRoot) small{
 font-size:max(11px, .72em);line-height:1.35;letter-spacing:.1px;
}
/* One button material system, press feedback and 44px minimum touch targets. */
:is(#v170Recovery .v170-primary,.v1740-modal-primary,.v18061-btn.primary,.v1773-modal-actions .pix,.v1773-modal-actions .primary,#v175LogoutOverlay .v175-cancel,#bpGlobalConfirmPrimary,#paidResultRoot .paid-result-primary,#cashoutResultRoot .bpco-result-primary,#bpcoCheckpointOverlay #bpcoContinueBtn,#v163CashOverlay .v163-continue,#walletQuickSheet .ds-wallet-action.primary,#modePreintegrationOverlay button){
 box-sizing:border-box;min-height:48px!important;border-radius:13px!important;
 border:1px solid #0c8660!important;color:#fff!important;
 background:linear-gradient(180deg,#20b788 0%,#11986f 100%)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.22),0 3px 0 #0c7856!important;
 text-shadow:none!important;font-size:14px!important;font-weight:800!important;letter-spacing:.05px!important;
}
:is(#v170Recovery .v170-primary,.v1740-modal-primary,.v18061-btn.primary,.v1773-modal-actions .pix,.v1773-modal-actions .primary,#v175LogoutOverlay .v175-cancel,#bpGlobalConfirmPrimary,#paidResultRoot .paid-result-primary,#cashoutResultRoot .bpco-result-primary,#bpcoCheckpointOverlay #bpcoContinueBtn,#v163CashOverlay .v163-continue,#walletQuickSheet .ds-wallet-action.primary,#modePreintegrationOverlay button):active{
 transform:translateY(2px)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 1px 0 #0c7856!important;
}
:is(#v1740DepositSuccess,#v1740WithdrawSuccess,#v18061WithdrawConfirm,#v18061ReferralHow,#v18065TxDetailModal,#v18065GameDetailModal,#v1773InsufficientOverlay,#v1773ExitOverlay,#bpcoCheckpointOverlay,#paidResultRoot,#cashoutResultRoot,#bpGlobalConfirmOverlay) :is(button,a):focus-visible{outline:3px solid #68b9d4;outline-offset:2px}
:is(#v1740DepositSuccess,#v1740WithdrawSuccess,#v18061WithdrawConfirm,#v18061ReferralHow,#v18065TxDetailModal,#v18065GameDetailModal,#v1773InsufficientOverlay,#v1773ExitOverlay,#bpcoCheckpointOverlay,#paidResultRoot,#cashoutResultRoot,#bpGlobalConfirmOverlay) button:disabled{opacity:.52;box-shadow:none!important;cursor:not-allowed}
/* Secondary never pretends to be the primary; collect = secondary in checkpoint. */
:is(.v1740-modal-secondary,.v18061-btn.secondary,.v1773-modal-actions .secondary,#v175LogoutOverlay .v175-confirm,#bpGlobalConfirmSecondary,#paidResultRoot .paid-result-secondary,#cashoutResultRoot .bpco-result-secondary,#bpcoCheckpointOverlay #bpcoTakeBtn,#v163CashOverlay .v163-take,#walletQuickSheet .ds-wallet-action:not(.primary),#walletQuickSheet .ds-wallet-more){
 box-sizing:border-box;min-height:44px!important;border-radius:13px!important;
 border:1px solid #bcd6e2!important;color:#245d7b!important;
 background:linear-gradient(180deg,#fff,#eaf5fa)!important;
 box-shadow:none!important;text-shadow:none!important;font-size:13px!important;font-weight:780!important;
}
/* Do not change the source button order or existing Cashout event bindings. */
#bpcoCheckpointOverlay #bpcoContinueBtn{order:8!important}
#bpcoCheckpointOverlay #bpcoTakeBtn{order:9!important}
#bpcoCheckpointOverlay .bpco-modal-risk{color:#a45b38!important;font-size:12px!important;line-height:1.45!important}
#bpcoCheckpointOverlay #bpcoCheckpointCopy{font-size:12px!important;line-height:1.48!important;color:var(--bpm-muted)!important}
#bpcoCheckpointOverlay .bpco-modal-kicker,#cashoutResultRoot .bpco-result-kicker,#paidResultRoot .paid-result-kicker{color:#35816c!important;font-size:11px!important;letter-spacing:.55px!important}
#bpcoCheckpointOverlay .bpco-modal-mult{color:#2b789a!important;font-size:31px!important;text-shadow:none!important}
#bpcoCheckpointOverlay .bp19-current-reward{background:var(--bpm-green-light)!important;border:1px solid #bce5d1!important;border-radius:16px!important}
#bpcoCheckpointOverlay .bpco-modal-money{color:#10825c!important;text-shadow:none!important}
/* Real-money result: money is clear, gray on loss, never a fake neon gold. */
#paidResultRoot .paid-result-money-block,#cashoutResultRoot .bpco-result-money{background:#eaf8f1!important;border:1px solid #c2e7d6!important;border-radius:17px!important}
#paidResultRoot #paidResultAmount,#cashoutResultRoot #bpcoResultAmount{color:#107d59!important;text-shadow:none!important;font-size:clamp(29px,8vw,38px)!important}
#paidResultRoot.loss #paidResultAmount,#cashoutResultRoot[data-result="loss"] #bpcoResultAmount{color:#506f81!important}
#paidResultRoot .paid-result-stat,#cashoutResultRoot .bpco-result-summary>div{background:#f6fbfe!important;border-color:#d6e7ee!important}
#paidResultRoot .paid-result-stat small,#cashoutResultRoot .bpco-result-summary small{font-size:11px!important;color:#5c7a8b!important;min-height:0!important}
#paidResultRoot .paid-result-stat strong,#cashoutResultRoot .bpco-result-summary strong{font-size:13px!important;color:var(--bpm-ink)!important}
#paidResultRoot .paid-result-balance,#cashoutResultRoot .v17932-result-balance{background:#eaf4f9!important;border:1px solid #d5e6ed!important}
#paidResultRoot .paid-result-balance span{font-size:11px!important;color:#5c7a8b!important}
#paidResultRoot .paid-result-balance strong{font-size:14px!important;color:var(--bpm-ink)!important}
/* Financial states: separate confirmed deposit from requested withdrawal. */
.v1740-success-icon{color:var(--bpm-green)!important;background:#e6f7ed!important;border-color:#bce4cc!important}
.v1740-modal-amount,.v18065-detail-amount{font-size:clamp(27px,8vw,36px)!important;color:#137e5e!important;text-shadow:none!important}
.v1740-modal-info>div,.v18061-modal-summary>div{background:#f2f9fc!important;border-color:#d5e7ee!important;color:var(--bpm-ink)!important}
.v1740-modal-info small,.v18061-modal-summary small{font-size:11px!important;color:var(--bpm-muted)!important}
.v1740-modal-info b,.v18061-modal-summary b{color:var(--bpm-ink)!important;font-size:13px!important;overflow-wrap:anywhere}
#v1740WithdrawSuccess .v1740-success-icon{background:#e9f4fb!important;border-color:#c0ddea!important;color:#277f9f!important}
#v1740WithdrawSuccess .v1740-modal-amount{color:#237a98!important}
/* Dynamic insufficient, active-round exit, account logout: stable grids and readable labels. */
.v1773-modal-icon,.v175-logout-icon,#bpGlobalConfirmIcon{background:#e5f5fb!important;border:1px solid #c8e6ed!important;color:#2b7994!important;box-shadow:none!important}.v175-logout-icon svg{width:26px;height:26px;stroke:#2b7994;fill:none}
.v1773-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
.v1773-balance-grid>div{min-width:0;border-radius:12px!important;background:#f2f9fc!important;border-color:#d1e6ee!important;padding:11px 6px!important}
.v1773-balance-grid small{font-size:11px!important;color:#638293!important}
.v1773-balance-grid b{font-size:clamp(12px,3.5vw,16px)!important;white-space:normal;overflow-wrap:anywhere;color:var(--bpm-ink)!important}
.v1773-balance-grid .need b{color:#b46b3e!important}
#v175LogoutOverlay .v175-logout-card{padding:24px 18px!important}
#v175LogoutOverlay .v175-logout-actions{display:grid;gap:9px}
/* System sheets/detail/referral: same platform surface, not dark casino screens. */
.v18061-modal-overlay{align-items:center!important;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))!important}
.v18061-modal{width:min(100%,390px)!important;padding:21px 16px 18px!important}
.v18061-modal>small{font-size:11px!important;color:#43866f!important;letter-spacing:.5px!important}
.v18061-modal h2{margin:5px 0 8px!important}
.v18061-modal-summary{border-radius:14px!important;background:#f4fafc!important;border:1px solid #d4e7ee!important;padding:10px!important}
.v18061-modal-summary>div{border-bottom:1px solid #e1eef3!important}
.v18061-modal .v18061-btn-row{gap:8px!important}
.v18061-modal .v18061-btn{width:100%;min-height:47px}
#v18065TxDetailModal .v18065-detail-amount,#v18065GameDetailModal .v18065-detail-amount{background:#eef9f4!important;border:1px solid #cce9d9!important;border-radius:14px!important;padding:12px!important}
#v18061ReferralHow .v18061-modal-summary{font-size:13px!important;line-height:1.5!important}
/* Recovery was still dark because it came from a different dynamic creator. */
#v170Recovery .auth-modal-head{align-items:flex-start!important;gap:9px!important}
#v170Recovery .auth-modal-head h2{font-size:22px!important;color:var(--bpm-ink)!important}
#v170Recovery .auth-modal-head p{font-size:12px!important;color:var(--bpm-muted)!important}
#v170Recovery .v170-input-label{display:block!important;color:#3b657a!important;font-size:12px!important;line-height:1.35!important;letter-spacing:.2px!important;font-weight:750!important;margin:11px 0!important}
#v170Recovery .v170-text-input{box-sizing:border-box;display:block;width:100%;height:48px;margin:7px 0 0;padding:0 13px;border:1px solid #cadfe8!important;border-radius:12px!important;background:#f7fcff!important;color:#163e54!important;font-size:16px!important;box-shadow:none!important}
#v170Recovery .v170-text-input:focus{border-color:#69b9d0!important;box-shadow:0 0 0 3px rgba(72,170,196,.14)!important;outline:0}
#v170Recovery .v170-form-error{font-size:12px!important;line-height:1.4!important;color:#b94b50!important}
#v170RecoveryClose{background:#eaf4f8!important;border:1px solid #cde1e9!important;color:#2c657b!important}
/* Wallet Quick: balanced informational hierarchy and functional actions. */
#walletQuickSheet .ds-sheet{background:linear-gradient(180deg,#fff,#f1f9fc)!important;max-width:430px}
#walletQuickSheet .ds-sheet-handle{background:#c6dce5!important}
#walletQuickSheet .ds-wallet-mark{background:#e8f8f1!important;color:#12845d!important;border-color:#bde8d2!important}
#walletQuickSheet .ds-wallet-head{color:var(--bpm-ink)!important}
#walletQuickSheet .ds-wallet-copy{color:var(--bpm-muted)!important}
#walletQuickSheet .ds-sheet-close{background:#eef7fa!important;border-color:#cfdee7!important;color:#2b617c!important}
/* Confirmation: danger intent is not a primary-green action. */
#bpGlobalConfirmCard{width:min(100%,370px)!important;padding:21px 17px 18px!important}
#bpGlobalConfirmCard p{font-size:13px!important}
#bpGlobalConfirmActions{display:flex;flex-direction:column;gap:9px!important}
#bpGlobalConfirmOverlay.danger #bpGlobalConfirmPrimary{border:1px solid #d99599!important;background:#fff0f2!important;color:#a33743!important;box-shadow:none!important}
/* Toast should be readable and not cover the main tap target. */
#toast.toast{background:rgba(246,252,255,.98)!important;color:#20485d!important;border:1px solid #c9dfea!important;box-shadow:0 10px 25px rgba(17,58,82,.19)!important;min-height:42px;font-size:13px!important;line-height:1.4!important}
/* Small screens and short views: scroll card, never shrink text below legible thresholds. */
@media(max-width:350px),(max-height:610px){
 :is(.v1740-money-modal,.v18061-modal,.v175-logout-card,.v1773-modal,#v163CashOverlay .v163-cash-card,#bpcoCheckpointOverlay .bpco-modal,#cashoutResultRoot .bpco-result-sheet,#paidResultRoot .paid-result-sheet,#modePreintegrationOverlay .v161-pre-card,#bpGlobalConfirmCard){border-radius:19px!important;padding:15px 12px!important;max-height:calc(100dvh - 12px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important}
 .v1773-balance-grid{gap:5px!important}
 .v1773-balance-grid>div{padding:9px 4px!important}
 #v170Recovery .modal-card{padding:15px 12px!important}
 .v18061-modal-overlay{padding:6px!important}
 #paidResultRoot .paid-result-stat small,#cashoutResultRoot .bpco-result-summary small{font-size:10.5px!important}
}
@media(prefers-reduced-motion:reduce){
 #bpGlobalConfirmCard,.v1740-money-modal,.v18061-modal,.v175-logout-card,.v1773-modal,#v170Recovery .modal-card{animation:none!important;transition:none!important}
}

/* V2.0.4.8 | 国际化展示归属：不参与真钱交易计算。 */
.bp-lang-entry{display:grid!important;grid-template-columns:44px minmax(0,1fr) 21px;gap:11px;align-items:center;width:100%;min-height:67px;margin:10px 0 4px;padding:9px 12px;border:1px solid #c9e4e4;border-radius:15px;background:linear-gradient(180deg,#fff,#eef9f8);text-align:left;color:#17394b;box-sizing:border-box;cursor:pointer}
.bp-lang-entry .bp-profile-v11-icon{display:flex;align-items:center;justify-content:center}
.bp-lang-entry .bp-profile-v11-row-text>b{font-size:14px;font-weight:850;line-height:1.25}
.bp-lang-entry .bp-profile-v11-row-text>small{font-size:12px;line-height:1.4;color:#50757d}
.bp-lang-overlay{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:16px;background:rgba(12,37,53,.56);box-sizing:border-box;overscroll-behavior:contain}
.bp-lang-overlay[hidden]{display:none!important}
.bp-lang-dialog{width:min(410px,100%);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border-radius:24px;padding:22px;background:linear-gradient(180deg,#fff,#edf8fb);border:1px solid #d3e5ed;box-shadow:0 22px 70px rgba(4,33,51,.25);color:#183f55}
.bp-lang-dialog h2{font-size:21px;font-weight:850;line-height:1.2;margin:8px 0 9px}
.bp-lang-dialog p{font-size:13px;line-height:1.55;color:#56717d;margin:0 0 16px}
.bp-lang-head{display:flex;justify-content:space-between;align-items:center}
.bp-lang-glyph{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e4f5f3;color:#158368}
.bp-lang-close{width:36px;height:36px;border-radius:11px;border:1px solid #d0e0e4;background:#fff;color:#295b69;font-size:23px}
.bp-lang-option{display:flex;align-items:center;gap:8px;width:100%;margin:9px 0;padding:13px 14px;min-height:66px;border-radius:15px;border:1px solid #c8dce2;background:#fff;text-align:left;color:#183d51}
.bp-lang-option strong{font-size:15px;font-weight:850;flex:1}.bp-lang-option small{font-size:12px;color:#5a7b87}.bp-lang-tick{display:none;font-size:18px;color:#0a996e}
.bp-lang-option[aria-pressed=true]{background:#e5f8f0;border-color:#55bda6;box-shadow:inset 0 0 0 1px #8edac6}.bp-lang-option[aria-pressed=true] .bp-lang-tick{display:block}
.bp-lang-foot{margin:13px 2px 0!important;font-size:12px!important;color:#68808e!important}
.bp-usd-dismiss{width:100%;min-height:48px;border:1px solid #16896e;border-radius:14px;background:#149b79;color:white;font-weight:850}
.bp-usd-pending{display:none!important;margin:12px 14px;padding:13px 15px;border:1px solid #9dc9da;border-radius:13px;background:#eaf7fb;color:#1e5067;font-size:13px;font-weight:700;line-height:1.4}
html[data-bp-currency=USD] #v18061DepositScreen .bp496-dep-pixmark,
html[data-bp-currency=USD] #v18061WithdrawScreen .bp496-dep-pixmark,
html[data-bp-currency=USD] #v18061DepositScreen .bp496-dep-order-method,
html[data-bp-currency=USD] #authPageDeposit .bp496-dep-pixmark,
html[data-bp-currency=USD] #authPageWithdraw .bp496-dep-pixmark{display:none!important}
html[data-bp-currency=USD] #v18061DepositScreen .v18061-deposit-pending{display:none!important}
html[data-bp-currency=USD] #v18061DepositScreen .bp-usd-pending,
html[data-bp-currency=USD] #v18061WithdrawScreen .bp-usd-pending,
html[data-bp-currency=USD] #authPagePlay .bp-usd-pending,
html[data-bp-currency=USD] #cashoutPageRoot .bp-usd-pending{display:block!important}
html[data-bp-currency=USD] #v18061DepositScreen #v18061DepCreate,
html[data-bp-currency=USD] #v18061WithdrawScreen #v18061WdSubmit,
html[data-bp-currency=USD] #v18061WithdrawScreen #v18061WdRequest{opacity:.72;filter:saturate(.45)}
/* 不能把 BRL 的历史交易记录显示成 USD 记录。 */
html[data-bp-currency=USD] #v18061TransactionsScreen .v18161-records,
html[data-bp-currency=USD] #v18061GameHistoryScreen .v18065-game-list{display:none!important}
html[data-bp-currency=USD] #v18061TransactionsScreen .bp-usd-pending,
html[data-bp-currency=USD] #v18061GameHistoryScreen .bp-usd-pending{display:block!important}
@media(max-width:350px){.bp-lang-entry{grid-template-columns:37px minmax(0,1fr) 18px;padding:9px}.bp-lang-dialog{padding:17px}}

/* 未接通独立 USD 交易通道：英语不展示以 BRL/PIX 规则配置的金额表单，避免错币种误解。
 * 只隐藏 USD 上下文里的 BRL 表单；切回葡语立即恢复，不删除 DOM 或破坏原业务。 */
html[data-bp-currency=USD] #v18061DepositScreen .bp496-dep-panel,
html[data-bp-currency=USD] #v18061WithdrawScreen .bp16-withdraw-content{display:none!important}