#stake-options { text-align: left; margin: 14px 0 0; font-size: 14px; color: #b6c9dc; }
#stake-options label { display: block; font-weight: 650; margin-bottom: 10px; color: #edf6ff; }
.tg-stake-presets { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.tg-stake-presets button { min-height: 42px; border-radius: 10px; border: 1px solid #3c5872; background: #152a43; color: #ebf6ff; font: 650 13px 'Segoe UI',system-ui,sans-serif; cursor: pointer; white-space: nowrap; }
.tg-stake-presets button[aria-pressed=true] { background: #ffcf7b; color: #332718; border-color: #ffdfaa; }
.tg-stake-custom { display: flex; align-items: center; gap: 9px; margin-top: 10px; border: 1px solid #557b93; border-radius: 10px; padding: 0 12px; background: #091a2e; }
.tg-stake-custom>span { color: #8de6ed; }
.tg-stake-custom input { flex: 1; width: 80px; min-width: 0; height: 45px; padding: 8px 0; font: 600 16px 'Segoe UI',system-ui,sans-serif; color: #fff; border: 0; background: none; }
.tg-stake-custom small { font-size: 12px; color: #a6bed2; }
#stake-summary { margin: 10px 0; font-size: 13px; line-height: 1.5; color: #b2d8df; }
.tg-rules-note { font-size: 12px; color: #9db4cb; }
.tg-rules-note summary { cursor: pointer; padding: 3px 0; }
.tg-rules-note p { font-size: 13px; margin: 8px 0; }
.tg-start-card { max-height: calc(100dvh - 116px); display: grid; grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; }
.tg-start-art { height: clamp(90px,18dvh,165px); }
.tg-start-art>img:first-child { object-position:76% 24%; }
.tg-start-content { overflow-y: auto; min-height: 0; padding: 16px 26px; overscroll-behavior: contain; }
.tg-start-content .tp-eyebrow { display: none; }
.tg-start-content h1 { font-size: 28px; margin: 0 0 8px; }
.tg-start-content>p:not(.tp-eyebrow) { font-size: 14px; margin: 0 0 10px; line-height: 1.5; }
.tg-start-footer { padding: 12px 26px 18px; border-top: 1px solid #3c587244; background: #102139; }
.tg-start-footer .tp-btn { min-height: 52px; font-size: 16px; margin: 0; }
.tg-start-footer .tg-disclaimer { text-align: center; font-size: 12px!important; margin: 9px 0 0!important; line-height: 1.4; }
.tg-score { font-size: clamp(2.4rem,9vw,4.7rem); }
#place-button { touch-action: manipulation; }
@media(max-width:600px) {
  .tg-overlay { padding: 78px 14px max(10px,env(safe-area-inset-bottom)); }
  .tg-start-card { max-height: calc(100dvh - 90px - env(safe-area-inset-bottom)); width: 100%; border-radius: 22px; }
  .tg-start-content { padding: 13px 18px; }
  .tg-start-content h1 { font-size: 25px; }
  .tg-start-content h1 br { display: none; }
  .tg-start-content>p { display: none; }
  .tg-start-art { height: clamp(88px,16dvh,125px); }
  .tg-start-art .tg-card-logo { width: 120px; height: 65px; }
  .tg-start-art .tp-chip { bottom: 7px; left: 18px; }
  .tg-start-footer { padding: 12px 18px 14px; }
  .tg-stake-presets button { font-size: 12px; }
  #stake-options { margin-top: 10px; }
}
@media(max-height:570px) {
  .tg-start-art { display: none; }
  .tg-start-content h1 { font-size: 22px; }
  .tg-start-footer { padding: 10px 18px; }
}
.tg-cashout-progress {
  width: 100%;
  margin: 13px 0 7px !important;
  color: #e6f6ff !important;
  font-size: .78rem !important;
  font-weight: 700;
  text-align: center;
  text-shadow: 0 2px 8px #061526;
}
.tg-cashout-progress[hidden], #pause-cashout[hidden] { display: none !important; }
.tg-bottom .tg-save-button, #pause-cashout.tg-save-button {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid #8cabc4;
  border-radius: 12px;
  background: #193149;
  color: #e8f2fb;
  font-size: .84rem;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 7px 24px #030b1b70;
}
.tg-bottom .tg-save-button:disabled {
  cursor: not-allowed;
  opacity: .86;
}
.tg-bottom .tg-save-button.is-ready, #pause-cashout.tg-save-button:not(:disabled) {
  border-color: #b8ffe0;
  background: #65f3b2;
  color: #112319;
  box-shadow: 0 9px 27px #0f725b80;
}