/* TREND CORE · Bảng pit trên nỉ
   Visual world only. Does not change prediction/engine behavior. */

@font-face{
  font-family:"Be Vietnam Pro";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("/static/fonts/be-vietnam-pro-vietnamese-400-normal.woff2") format("woff2"),
      url("/static/fonts/be-vietnam-pro-latin-ext-400-normal.woff2") format("woff2"),
      url("/static/fonts/be-vietnam-pro-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face{
  font-family:"Be Vietnam Pro";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("/static/fonts/be-vietnam-pro-latin-ext-400-normal.woff2") format("woff2"),
      url("/static/fonts/be-vietnam-pro-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Be Vietnam Pro";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("/static/fonts/be-vietnam-pro-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url("/static/fonts/be-vietnam-pro-vietnamese-600-normal.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url("/static/fonts/be-vietnam-pro-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url("/static/fonts/be-vietnam-pro-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url("/static/fonts/be-vietnam-pro-vietnamese-700-normal.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url("/static/fonts/be-vietnam-pro-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url("/static/fonts/be-vietnam-pro-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:800;font-display:swap;src:url("/static/fonts/be-vietnam-pro-vietnamese-800-normal.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:800;font-display:swap;src:url("/static/fonts/be-vietnam-pro-latin-ext-800-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:800;font-display:swap;src:url("/static/fonts/be-vietnam-pro-latin-800-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --baize:#0c3326;
  --baize-deep:#071c16;
  --baize-lit:#164a38;
  --baize-rail:#0a281e;
  --ivory:#f3ead6;
  --ivory-dim:#d4c7ab;
  --ink:#1a1610;
  --ink-soft:#3f362b;
  --gold:#c9a24a;
  --gold-bright:#e4c56a;
  --player:#1a6adf;
  --player-deep:#0d3d8c;
  --banker:#c41e32;
  --banker-deep:#6a0d18;
  --tie:#1a8f4a;
  --tie-deep:#0d5a2e;
  --text-on-baize:#efe6d2;
  --muted-on-baize:#c9b896;
  --line-felt:rgba(232,214,170,.09);
  --ease-lamp:cubic-bezier(.22,1,.36,1);
}

html,body,button,input,select,textarea{
  font-family:"Be Vietnam Pro",ui-sans-serif,system-ui,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  letter-spacing:0;
}

::selection{
  background:var(--gold);
  color:var(--ink);
}

:focus-visible{
  outline:2px solid var(--gold-bright);
  outline-offset:2px;
}

body.client-page{
  color:var(--text-on-baize);
  background:
    radial-gradient(ellipse at 50% -10%,rgba(34,96,72,.55),transparent 42%),
    linear-gradient(180deg,var(--baize-lit),var(--baize-deep));
}

body.client-page .muted{color:var(--muted-on-baize)!important}

.apex-mark{
  border-radius:8px;
  border:1px solid var(--gold);
  background:var(--baize-rail);
  box-shadow:0 4px 10px rgba(0,0,0,.35);
}
.apex-mark:before,
.apex-mark::before{
  color:var(--gold-bright)!important;
  text-shadow:none!important;
}

.client-frame{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(28,90,68,.4),transparent 48%),
    linear-gradient(180deg,#123d2f 0%,var(--baize) 38%,var(--baize-deep) 100%)!important;
  border:1px solid rgba(201,162,74,.38)!important;
  border-radius:16px!important;
  box-shadow:0 18px 40px rgba(0,0,0,.55)!important;
}
.client-frame:before,
.client-frame::before{
  display:none!important;
  animation:none!important;
}

.client-head,
.start-note,
.hero-card,
.score-board,
.stat-mini,
.recent-history,
.view-menu,
.sim-sheet,
.confirm-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.client-head:after,
.hero-card:after,
.score-board:after,
.client-head::after,
.hero-card::after,
.score-board::after{
  display:none!important;
}

.client-head{
  background:var(--baize-rail)!important;
  border:1px solid var(--line-felt)!important;
  border-radius:12px!important;
  box-shadow:0 6px 16px rgba(0,0,0,.28)!important;
}
.client-brand .apex-mark{
  border:1px solid var(--gold)!important;
  background:var(--baize-deep)!important;
  box-shadow:0 3px 8px rgba(0,0,0,.3)!important;
}
.client-brand .brand-word{color:var(--ivory)!important;font-weight:800!important;letter-spacing:.02em!important}
.client-brand .brand-word span{color:var(--gold-bright)!important}

.user-chip,
.coin-chip,
.icon-btn{
  background:var(--baize-deep)!important;
  border:1px solid var(--line-felt)!important;
  color:var(--ivory)!important;
  font-size:11px!important;
  font-weight:700!important;
  border-radius:8px!important;
}
.coin-chip,
.admin-btn{color:var(--gold-bright)!important}
.sound-btn.on{
  color:var(--gold-bright)!important;
  border-color:var(--gold)!important;
  box-shadow:0 3px 8px rgba(0,0,0,.25)!important;
}

.start-note{
  background:var(--baize-rail)!important;
  border:1px solid var(--line-felt)!important;
  color:var(--ivory-dim)!important;
  font-size:11px!important;
  font-weight:600!important;
  min-height:32px!important;
}
.start-note b{color:var(--gold-bright)!important}

.hero-card{
  background:var(--baize-rail)!important;
  border:1px solid var(--line-felt)!important;
  border-radius:12px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
}
.card-title{
  color:var(--ivory)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  white-space:normal!important;
  line-height:1.2!important;
}

.quick-result{
  border-radius:10px!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-shadow:none!important;
  box-shadow:0 4px 10px rgba(0,0,0,.28)!important;
}
.quick-result.p{
  background:var(--player)!important;
  border-color:#7eb4ff!important;
}
.quick-result.t{
  background:var(--tie)!important;
  border-color:#7dffb0!important;
}
.quick-result.b{
  background:var(--banker)!important;
  border-color:#ff8a96!important;
}

.last-result{
  border:1px solid var(--line-felt)!important;
  background:var(--baize-deep)!important;
  color:var(--ivory-dim)!important;
  font-size:11px!important;
}
.micro-actions{
  gap:4px!important;
}
.micro-actions button{
  background:var(--baize-deep)!important;
  border:1px solid var(--line-felt)!important;
  color:var(--ivory)!important;
  font-size:11px!important;
  font-weight:700!important;
  height:auto!important;
  min-height:28px!important;
  padding:4px 3px!important;
  line-height:1.15!important;
  white-space:normal!important;
}

/* Ivory disc lamp: CON/CÁI only. Metrics sit on baize, not inside a tile. */
.signal-card{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  place-items:center!important;
  align-content:center!important;
  gap:6px!important;
  padding:8px 6px 7px!important;
}
.signal-shell{
  width:min(92%,152px)!important;
  aspect-ratio:1!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
  filter:none!important;
  color:var(--ink)!important;
  background:var(--ivory)!important;
  border:2px solid rgba(26,22,16,.22)!important;
  box-shadow:
    0 10px 20px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.4)!important;
  transition:background .18s var(--ease-lamp), color .18s var(--ease-lamp), box-shadow .18s var(--ease-lamp), border-color .18s var(--ease-lamp)!important;
}
.signal-shell:after,
.signal-shell::after,
.ring-pulse,
.signal-divider{
  display:none!important;
  animation:none!important;
  content:none!important;
}
.signal-shell:before,
.signal-shell::before{
  display:block!important;
  animation:none!important;
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:50%!important;
  z-index:0!important;
  background:transparent!important;
  box-shadow:inset 0 0 0 1px rgba(26,22,16,.12)!important;
  filter:none!important;
  border:0!important;
}
.signal-shell.is-player{
  color:#f4f8ff!important;
  background:var(--player)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:
    0 10px 20px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.signal-shell.is-banker{
  color:#fff6f5!important;
  background:var(--banker)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:
    0 10px 20px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.2)!important;
}
.signal-shell.is-player:before,
.signal-shell.is-player::before,
.signal-shell.is-banker:before,
.signal-shell.is-banker::before{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;
}
.signal-core{
  width:70%!important;
  gap:4px!important;
  z-index:2!important;
}
.signal-label{display:none!important}
.signal-round{
  top:12px!important;
  right:22px!important;
  font-size:11px!important;
  color:var(--ink)!important;
  border:1px solid rgba(26,22,16,.22)!important;
  background:rgba(255,248,234,.72)!important;
  border-radius:999px!important;
  min-width:26px!important;
  height:20px!important;
  padding:0 6px!important;
  display:grid!important;
  place-items:center!important;
}
.signal-shell.is-player .signal-round,
.signal-shell.is-banker .signal-round{
  background:rgba(0,0,0,.28)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.32)!important;
}
.prediction-hero{
  min-height:0!important;
  font-size:40px!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  color:var(--ink)!important;
}
.prediction-hero .player,
.prediction-hero .banker,
.prediction-hero .tie,
.prediction-hero .muted{
  color:inherit!important;
  text-shadow:none!important;
}
.signal-shell.is-player .prediction-hero,
.signal-shell.is-player .prediction-hero *,
.signal-shell.is-banker .prediction-hero,
.signal-shell.is-banker .prediction-hero *{
  color:#fff!important;
  text-shadow:none!important;
}
.signal-card > .signal-metrics{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:start!important;
  gap:0!important;
  border-top:1px solid var(--line-felt)!important;
  padding-top:5px!important;
  color:var(--ivory)!important;
}
.metric-mini{padding:0 4px!important}
.metric-mini span{
  color:var(--muted-on-baize)!important;
  font-size:11px!important;
  font-weight:700!important;
}
.metric-mini strong{
  font-size:13px!important;
  color:var(--ivory)!important;
}
.metric-mini #patternDisplay{
  font-size:12px!important;
  line-height:1.2!important;
  min-height:0!important;
  color:var(--ivory)!important;
}
.metric-mini + .metric-mini{
  border-left:1px solid var(--line-felt)!important;
}

.edge-badge{
  font-size:11px!important;
  color:var(--ink)!important;
  border:1px solid rgba(26,22,16,.2)!important;
  background:rgba(255,248,234,.45)!important;
  max-width:100%!important;
}
.signal-shell.is-player .edge-badge,
.signal-shell.is-banker .edge-badge{
  color:#fff!important;
  border-color:rgba(255,255,255,.35)!important;
  background:rgba(0,0,0,.22)!important;
}
.edge-badge b{color:inherit!important}

.assessment-card{
  overflow:hidden!important;
}
.assessment-card > .card-title{
  display:block!important;
  font-size:11px!important;
  color:var(--gold-bright)!important;
  margin-bottom:5px!important;
}
.assessment,
.assessment-text{
  display:none!important;
}
.table-scan{
  min-width:0!important;
  margin:0 0 6px!important;
  padding:7px 8px!important;
  border-radius:10px!important;
  border:1px solid var(--line-felt)!important;
  background:var(--baize-rail)!important;
}
.table-scan b{
  display:block!important;
  font-size:13px!important;
  font-weight:700!important;
  color:var(--ivory)!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.table-scan small{
  display:block!important;
  margin-top:3px!important;
  font-size:11px!important;
  color:var(--muted-on-baize)!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.table-scan[data-kind="BÀN BỆT"],
.table-scan[data-kind="BỆT ĐỔI CỬA"]{border-color:rgba(201,162,74,.55)!important}
.table-scan[data-kind="NGANG ĐỀU"]{border-color:rgba(32,229,219,.42)!important}
.table-scan[data-kind="HỖN HỢP"]{border-color:rgba(232,168,86,.5)!important}
.table-scan[data-kind="BẰNG CHÂN"]{border-color:rgba(255,90,110,.55)!important}
.table-scan[data-kind="CẦU 1-1"],
.table-scan[data-kind="CẦU NÚI"]{border-color:rgba(110,186,255,.42)!important}
.status-line{
  font-size:11px!important;
  color:var(--muted-on-baize)!important;
}
.status-dot{
  background:var(--gold)!important;
  box-shadow:none!important;
  border-radius:1px!important;
  width:7px!important;
  height:7px!important;
}

.stats-footer .stat-mini{
  background:var(--baize-rail)!important;
  border:1px solid var(--line-felt)!important;
  border-radius:10px!important;
  box-shadow:0 4px 10px rgba(0,0,0,.25)!important;
  height:38px!important;
}
.stat-mini span{
  font-size:11px!important;
  color:var(--muted-on-baize)!important;
}
.stat-mini strong{font-size:15px!important;color:var(--ivory)!important}
.stat-mini.win{border-color:rgba(26,143,74,.55)!important}
.stat-mini.win strong{color:#7dffb0!important}
.stat-mini.loss{border-color:rgba(196,30,50,.55)!important}
.stat-mini.loss strong{color:#ff8a96!important}
.stat-mini.total strong{color:var(--ivory)!important}
.stat-mini.rate{border-color:rgba(201,162,74,.5)!important}
.stat-mini.rate strong{color:var(--gold-bright)!important}

.player{color:#5aa3ff!important}
.banker{color:#ff6b7a!important}
.tie{color:#5cf07b!important}

.notice,
#actionMsg.ok,
#actionMsg.error{
  font-size:12px!important;
  border-radius:10px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.35)!important;
}
.notice{
  border:1px solid var(--gold)!important;
  background:var(--baize-rail)!important;
  color:var(--gold-bright)!important;
}
#actionMsg.ok{
  color:#b6ffd8!important;
  border:1px solid rgba(26,143,74,.55)!important;
  background:var(--tie-deep)!important;
}
#actionMsg.error{
  color:#ffd0d4!important;
  border:1px solid rgba(196,30,50,.55)!important;
  background:var(--banker-deep)!important;
}

.view-menu{
  background:var(--baize-deep)!important;
  border:1px solid var(--gold)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.5)!important;
}
.view-menu-title{color:var(--gold-bright)!important;font-size:11px!important}
.view-menu button{
  background:var(--baize-rail)!important;
  border:1px solid var(--line-felt)!important;
  color:var(--ivory)!important;
}
.view-menu button b{font-size:12px!important}
.view-menu button span{font-size:11px!important;color:var(--muted-on-baize)!important}
.view-menu button.active{
  border-color:var(--gold)!important;
  background:var(--baize-lit)!important;
  box-shadow:none!important;
}
.view-menu-btn.active{
  color:var(--gold-bright)!important;
  border-color:var(--gold)!important;
  box-shadow:none!important;
}
.view-mode-badge{
  color:var(--gold-bright)!important;
  background:var(--baize-deep)!important;
  border-color:var(--gold)!important;
  font-size:11px!important;
}

.sim-open-btn{
  color:var(--ivory)!important;
  border:1px solid var(--line-felt)!important;
  background:var(--baize-deep)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.25)!important;
  white-space:nowrap!important;
  text-align:left!important;
  overflow:hidden!important;
}
.sim-open-btn span{color:var(--gold-bright)!important;font-size:11px!important;display:block!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.sim-open-btn b{color:var(--ivory)!important;font-size:12px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.sim-open-btn small{color:var(--muted-on-baize)!important;font-size:11px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important;max-width:100%!important}
.sim-open-btn.active{border-color:var(--gold)!important;box-shadow:none!important}
.sim-clear-mini{
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  border-color:rgba(196,30,50,.55)!important;
  background:var(--banker-deep)!important;
  color:#ffb3bb!important;
  font-size:22px!important;
  font-weight:400!important;
  line-height:1!important;
} /* compact chip: X stays 36px, labels never wrap */

.sim-backdrop,
.confirm-backdrop{
  background:rgba(7,28,22,.78)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.confirm-card{
  width:min(100%,328px)!important;
  padding:20px 18px 16px!important;
  border-radius:18px!important;
  background:var(--baize-deep)!important;
  border:0!important;
  box-shadow:0 22px 48px rgba(0,0,0,.55)!important;
  gap:12px!important;
}
.confirm-title{
  color:var(--ivory)!important;
  font-size:18px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1.3!important;
}
.confirm-text{
  color:var(--ivory-dim)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.5!important;
}
.confirm-note{
  color:var(--muted-on-baize)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.45!important;
}
.confirm-kicker{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
}
.confirm-preview{
  background:rgba(12,51,38,.7)!important;
  border:0!important;
  color:var(--ivory)!important;
  border-radius:14px!important;
  min-height:56px!important;
}
.confirm-preview b{
  font-size:22px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.confirm-preview small{
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  color:var(--muted-on-baize)!important;
}
.confirm-btn{
  min-height:46px!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  border-radius:12px!important;
  border:0!important;
}
.confirm-btn.cancel{
  color:var(--ivory)!important;
  border:0!important;
  background:rgba(232,214,170,.1)!important;
}
.confirm-btn.ok{
  color:var(--ink)!important;
  border:0!important;
  background:var(--ivory)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.3)!important;
}
.sim-sheet{
  background:var(--baize-deep)!important;
  border:0!important;
  box-shadow:0 18px 40px rgba(0,0,0,.5)!important;
}
.sim-sheet-title{color:var(--ivory)!important;font-weight:700!important;letter-spacing:0!important}
.sim-sheet-desc,
.sim-start-label{color:var(--muted-on-baize)!important;font-size:12px!important;font-weight:400!important}

.sim-start-btn,
.sim-pattern-btn,
.sim-foot-btn,
.sim-close,
.sim-custom input,
.sim-custom button,
.sim-ai-box{
  background:var(--baize-rail)!important;
  border-color:var(--line-felt)!important;
  color:var(--ivory)!important;
  box-shadow:none!important;
}
.sim-start-btn.active,
.sim-pattern-btn.selected,
.sim-ai-box button{
  border-color:var(--gold)!important;
  background:var(--baize-lit)!important;
}
.sim-group-title,
.sim-ai-box span{color:var(--gold-bright)!important}
.sim-pattern-btn b{font-size:12px!important}
.sim-pattern-btn small{font-size:11px!important;color:var(--muted-on-baize)!important}
.sim-foot-clear{color:#ffb3bb!important;border-color:rgba(196,30,50,.45)!important;background:var(--banker-deep)!important}
.sim-foot-done{color:var(--ink)!important;border-color:var(--gold)!important;background:var(--gold-bright)!important}
.sim-ai-box button.sim-auto-six.on{
  border-color:var(--tie)!important;
  background:var(--tie-deep)!important;
  color:#dffff8!important;
}
.sim-ai-mode-readout{
  min-height:36px!important;
  padding:8px 10px!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.35!important;
  color:var(--ivory)!important;
  overflow:visible!important;
  white-space:normal!important;
  background:var(--baize-rail)!important;
  border-color:var(--line-felt)!important;
}
.sim-ai-mode-readout b{font-size:13px!important;color:var(--ivory)!important}
.sim-ai-mode-readout .banker{color:#ffb3bb!important}
.sim-ai-mode-readout .player{color:#9ecbff!important}
.sim-custom input:focus{
  border-color:var(--gold)!important;
  box-shadow:0 0 0 2px rgba(201,162,74,.28)!important;
}

.score-board{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(22,74,56,.5),transparent 50%),
    linear-gradient(180deg,var(--baize-rail),var(--baize-deep))!important;
  border:1px solid var(--line-felt)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
}
.score-title{color:var(--ivory)!important;font-size:12px!important}
.score-sub{color:var(--muted-on-baize)!important;font-size:11px!important}
.score-kicker{
  color:var(--ivory-dim)!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
}
.score-kicker .meta{color:var(--muted-on-baize)!important;font-size:11px!important}
.score-scroll,
.derived-scroll{
  background:rgba(4,20,16,.78)!important;
  border:1px solid rgba(201,162,74,.18)!important;
}
.plate-grid,
.big-grid,
.derived-grid{
  background-image:
    linear-gradient(rgba(232,214,170,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(232,214,170,.16) 1px,transparent 1px)!important;
}
.big-dot{box-shadow:none!important}
.droad-mark.fill{box-shadow:none!important}

.recent-history{
  background:var(--baize-rail)!important;
  border:1px solid var(--line-felt)!important;
}
.rh-title{color:var(--ivory)!important;font-size:12px!important}
.rh-head span{color:var(--muted-on-baize)!important;font-size:11px!important}
.rh-table{font-size:11px!important;color:var(--ivory)!important}
.rh-table th{
  color:var(--muted-on-baize)!important;
  background:var(--baize-deep)!important;
}
.rh-table-wrap{
  background:rgba(4,20,16,.55)!important;
  border-color:var(--line-felt)!important;
}

.sim-road-legend{color:var(--muted-on-baize)!important;font-size:11px!important}
.sim-road-legend b{color:var(--gold-bright)!important}
.ghost-legend-dot{border-color:var(--gold)!important}

.plate-dot.ghost,
.big-dot.ghost{animation:none!important}

body.view-mini .card-title,
body.view-mini .last-result,
body.view-mini .micro-actions button,
body.view-mini .metric-mini span,
body.view-mini .score-title,
body.view-mini .score-kicker{
  font-size:11px!important;
}
body.view-mini .signal-shell{width:min(92%,118px)!important}
body.view-mini .prediction-hero{font-size:30px!important}
body.view-mini .assessment-text{font-size:12px!important}

@media(max-width:390px){
  .signal-shell{width:min(92%,138px)!important}
  .prediction-hero{font-size:36px!important}
  .card-title{font-size:11px!important}
}
@media(max-height:760px){
  .signal-shell{width:min(92%,132px)!important}
  .prediction-hero{font-size:34px!important}
}

/* Access pages sharing this file */
body.access-page{
  background:
    radial-gradient(ellipse at 50% -8%,rgba(34,96,72,.4),transparent 40%),
    linear-gradient(180deg,var(--baize-lit),var(--baize-deep));
  color:var(--text-on-baize);
  font-family:"Be Vietnam Pro",ui-sans-serif,system-ui,"Segoe UI",sans-serif;
}
body.access-page .shell{
  background:linear-gradient(180deg,#123d2f,var(--baize-deep));
  border:1px solid rgba(201,162,74,.38);
  box-shadow:0 24px 50px rgba(0,0,0,.45);
}
body.access-page .badge{
  border-color:var(--gold);
  color:var(--gold-bright);
}
body.access-page .logoText span{color:var(--gold-bright)}
body.access-page .sub{color:var(--muted-on-baize)}
body.access-page .tabs{background:var(--baize-rail);border-color:var(--line-felt)}
body.access-page .tab{color:var(--muted-on-baize)}
body.access-page .tab.active{color:var(--ivory);background:var(--baize-lit);box-shadow:inset 0 0 0 1px var(--gold)}
body.access-page input[type=text],
body.access-page input[type=password],
body.access-page input[type=tel]{
  background:var(--baize-deep);
  border-color:var(--line-felt);
  color:var(--ivory);
}
body.access-page input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(201,162,74,.2);
}
body.access-page .primary{
  background:var(--gold-bright);
  border-color:var(--gold);
  color:var(--ink);
  box-shadow:0 10px 22px rgba(0,0,0,.28);
}
body.access-page .switch button{color:var(--gold-bright)}
body.access-page .footer{color:var(--muted-on-baize)}
body.access-page .showBtn{
  background:var(--baize-deep);
  border:1px solid var(--gold);
  color:var(--gold-bright);
}
body.access-page label{color:var(--muted-on-baize)}
body.access-page .check{
  background:var(--baize-rail);
  border-color:var(--line-felt);
  color:var(--muted-on-baize);
}
body.access-page .shell.shell-wide{width:min(980px,100%)}
body.access-page .gateNotice{
  margin:18px 0 0;
  padding:12px 16px;
  border-radius:12px;
  background:#5c1a16;
  color:#ffd6c8;
  font-size:15px;
  font-weight:800;
  line-height:1.4;
  text-align:center;
  box-shadow:0 10px 22px rgba(0,0,0,.28);
}
body.access-page .gameCtaLine{
  margin:10px 0 0;
  text-align:center;
  color:var(--muted-on-baize);
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}
body.access-page .gameCtaLine a{
  color:var(--gold-bright);
  font-weight:800;
  text-decoration:none;
}
body.access-page .gameCtaLine a:hover,
body.access-page .gameCtaLine a:focus-visible{
  color:var(--ivory);
}
body.access-page .registerSplit{
  display:grid;
  grid-template-columns:minmax(260px,.88fr) minmax(0,1.12fr);
  gap:22px;
  align-items:start;
  margin-top:6px;
}
body.access-page .phoneGate{
  margin:8px 0 0;
  color:var(--gold-bright);
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}
body.access-page .paneTitle{
  margin:0 0 8px;
  color:var(--ivory);
  font-size:20px;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.25;
}
body.access-page .paneLead{
  margin:0 0 14px;
  color:var(--muted-on-baize);
  font-size:13px;
  font-weight:600;
  line-height:1.5;
}
body.access-page .registerPane-game{
  padding:18px 16px 20px;
  border-radius:16px;
  background:var(--baize-rail);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
body.access-page .shortLink{
  display:block;
  margin:4px 0 14px;
  padding:14px 14px;
  border-radius:12px;
  background:var(--baize-deep);
  color:var(--gold-bright);
  font-size:16px;
  font-weight:800;
  letter-spacing:.02em;
  text-align:center;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}
body.access-page .shortLink:hover,
body.access-page .shortLink:focus-visible{
  color:var(--ivory);
}
body.access-page a.primary{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  margin-top:0;
}
body.access-page .phoneWarn{
  display:none;
  margin-top:8px;
  padding:10px 12px;
  border-radius:10px;
  background:#5c1a16;
  color:#ffd0c6;
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}
body.access-page .phoneWarn:not([hidden]){display:block}
body.access-page .phoneInput.is-invalid{
  border-color:#c41e32!important;
  box-shadow:0 0 0 3px rgba(196,30,50,.22)!important;
}
body.access-page input{caret-color:var(--gold-bright)}
@media(max-width:800px){
  body.access-page .registerSplit{grid-template-columns:1fr}
  body.access-page .shell.shell-wide{width:min(700px,100%)}
}

/* Quiet chrome: panels sit on baize; gold stays on money. */
.client-frame{
  border-color:rgba(232,214,170,.1)!important;
}
.client-head{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.client-brand .brand-word{
  font-weight:700!important;
  letter-spacing:0!important;
}
.user-chip,
.icon-btn{
  border:0!important;
  font-weight:600!important;
  letter-spacing:0!important;
  box-shadow:0 3px 8px rgba(0,0,0,.22)!important;
}
.coin-chip{
  border:1px solid rgba(201,162,74,.42)!important;
  font-weight:600!important;
}
.sound-btn.on{
  border:0!important;
  color:var(--gold-bright)!important;
}
.start-note{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-weight:400!important;
  color:var(--muted-on-baize)!important;
}
.start-note b{color:var(--ivory-dim)!important;font-weight:600!important}

.hero-card,
.score-board,
.recent-history{
  border:0!important;
  background:rgba(7,28,22,.58)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.3)!important;
}
.card-title,
.score-title,
.rh-title{
  font-weight:600!important;
  letter-spacing:.01em!important;
  color:var(--ivory-dim)!important;
}
.score-kicker{letter-spacing:.02em!important;font-weight:600!important}

.quick-result{
  border:0!important;
  font-weight:700!important;
  letter-spacing:.03em!important;
  box-shadow:0 6px 14px rgba(0,0,0,.32)!important;
}
.quick-result.p,
.quick-result.t,
.quick-result.b{border:0!important}

.last-result,
.micro-actions button{
  border:0!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
.metric-mini span,
.rh-head span,
.stat-mini span{
  font-weight:600!important;
  letter-spacing:0!important;
}
.metric-mini strong,
.stat-mini strong{
  font-weight:700!important;
}
.prediction-hero{font-weight:700!important}

.score-scroll,
.derived-scroll,
.rh-table-wrap{
  border:0!important;
  background:rgba(3,16,12,.55)!important;
}
.plate-grid,
.big-grid,
.derived-grid{
  background-image:
    linear-gradient(rgba(232,214,170,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(232,214,170,.08) 1px,transparent 1px)!important;
}

.stats-footer .stat-mini{
  border:0!important;
  background:rgba(7,28,22,.7)!important;
}
.stat-mini.win,
.stat-mini.loss,
.stat-mini.rate{border:0!important}
.stat-mini.win strong{color:#8fd9b0!important}
.stat-mini.loss strong{color:#e89aa3!important}

.player{color:#8bb8ff!important}
.banker{color:#e8929a!important}
.tie{color:#86d4a8!important}

.sim-open-btn{
  border:0!important;
  box-shadow:0 4px 12px rgba(0,0,0,.24)!important;
}
.sim-open-btn span{
  color:var(--ivory-dim)!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
}
.sim-open-btn.active{border:0!important}

#actionMsg.ok,
#actionMsg.error,
.notice{
  border:0!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
#actionMsg.ok{
  background:rgba(13,90,46,.92)!important;
  color:#d8f5e4!important;
}
#actionMsg.error{
  background:rgba(106,13,24,.92)!important;
  color:#ffd8dc!important;
}