.mobile-shell .mp-shell.game-triple_pana {
  --tp-brand: var(--theme-primary,#007c76); --tp-deep: var(--theme-primary-deep,#00615d);
  --tp-ink: #183547; --tp-muted: #607581; --tp-surface: #fff;
  --tp-soft: color-mix(in srgb,var(--tp-brand) 8%,white);
  --tp-line: color-mix(in srgb,var(--tp-brand) 23%,white);
  --tp-shadow: color-mix(in srgb,var(--tp-deep) 14%,transparent);
  min-height: 100dvh; display: flex; flex-direction: column;
  padding-bottom: calc(82px + env(safe-area-inset-bottom,0px));
  background: linear-gradient(160deg,var(--tp-soft),#f5f8fb); color: var(--tp-ink);
}
html[data-app-theme=neon] .mobile-shell .game-triple_pana {
  --tp-ink: #e6f3fc; --tp-muted: #b4c7d6; --tp-surface: #142332;
  --tp-soft: #1a2d40; --tp-line: color-mix(in srgb,var(--tp-brand) 45%,#203043); background: #0e1824;
}
.mobile-shell .game-triple_pana .mp-header {
  min-height: 56px; padding: 7px 10px !important; gap: 7px; flex-shrink: 0;
  border-radius: 0 0 17px 17px;
  background: radial-gradient(ellipse at 12% 0,#ffffff26,transparent 65%),linear-gradient(120deg,var(--tp-brand),var(--tp-deep)) !important;
}
.mobile-shell .game-triple_pana .mp-header h1 { font: 900 clamp(14px,4vw,18px)/1.15 Arial,sans-serif; white-space: normal; overflow-wrap: anywhere; color: white !important; }
.mobile-shell .game-triple_pana .mp-back { width: 30px; height: 32px; }
.mobile-shell .game-triple_pana .mp-wallet-pill { min-height: 32px !important; padding: 0 8px; font-size: 11px; background: color-mix(in srgb,var(--tp-deep) 78%,black); }
.mobile-shell .game-triple_pana .mp-content { display: flex; flex: 1; padding: 10px !important; }
.mobile-shell .game-triple_pana .triple-pana-play {
  flex: 1; min-width: 0; min-height: calc(100dvh - 158px - env(safe-area-inset-bottom,0px));
  display: grid; grid-template-rows: auto auto minmax(390px,1fr) auto; gap: 10px;
}
.mobile-shell .game-triple_pana .mp-row-2 { margin: 0; gap: 9px; }
.mobile-shell .game-triple_pana .mp-field-box { min-height: 44px; padding: 0 11px; border: 1px solid var(--tp-line); background: var(--tp-surface); color: var(--tp-ink); font-size: 12px; }
.mobile-shell .game-triple_pana .triple-pana-caption { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--tp-muted); font: 600 11px Arial,sans-serif; }
.mobile-shell .game-triple_pana .triple-pana-caption strong { color: var(--tp-ink); font-size: 12px; letter-spacing: .06em; }
.mobile-shell .game-triple_pana .mp-pana-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(5,minmax(70px,1fr)); gap: 8px 10px; margin: 0; }
.mobile-shell .game-triple_pana .triple-pana-card {
  position: relative; display: grid; grid-template-columns: minmax(52px,.85fr) minmax(0,1fr); align-items: stretch;
  min-width: 0; margin: 0; padding: 6px; gap: 7px; border: 1px solid var(--tp-line); border-radius: 16px;
  background: linear-gradient(160deg,var(--tp-surface),var(--tp-soft));
  box-shadow: 0 4px 0 var(--tp-line),0 7px 16px var(--tp-shadow),inset 0 1px 0 #ffffffb3;
  transition: border-color .15s ease,box-shadow .15s ease;
}
.mobile-shell .game-triple_pana .mp-pana-label {
  position: relative; width: auto; min-width: 0; border-radius: 12px;
  color: white; background: radial-gradient(ellipse at 25% 0,#ffffff6b,transparent 65%),linear-gradient(145deg,var(--tp-brand),var(--tp-deep));
  box-shadow: inset 0 1px 1px #ffffff80,inset 0 -3px 0 #00000014;
  font: 900 clamp(21px,6vw,29px)/1 Arial,sans-serif; letter-spacing: -.04em;
}
.mobile-shell .game-triple_pana .mp-pana-points {
  min-width: 0; width: 100%; min-height: 44px; margin: 0; padding: 0 3px;
  border: 1px solid var(--tp-line); border-radius: 11px; outline: none;
  background: var(--tp-surface); color: var(--tp-ink); font: 800 22px Arial,sans-serif; text-align: center;
  appearance: textfield; -moz-appearance: textfield;
}
.mobile-shell .game-triple_pana .mp-pana-points::-webkit-inner-spin-button,
.mobile-shell .game-triple_pana .mp-pana-points::-webkit-outer-spin-button { appearance: none; margin: 0; }
.mobile-shell .game-triple_pana .triple-pana-card:focus-within { border-color: var(--tp-brand); box-shadow: 0 4px 0 var(--tp-line),0 0 0 2px var(--tp-line); }
.mobile-shell .game-triple_pana .triple-pana-card.is-filled .mp-pana-points { background: var(--tp-soft); border-color: var(--tp-brand); }
.mobile-shell .game-triple_pana .mp-pana-points.invalid { background: #fff0f3 !important; color: #9b1631 !important; border-color: #c43a52; }
.mobile-shell .game-triple_pana .mp-submit-btn {
  min-height: 50px; margin: 0; border-radius: 15px;
  background: linear-gradient(120deg,var(--tp-brand),var(--tp-deep)) !important;
  color: white; font: 800 17px Arial,sans-serif; box-shadow: 0 4px 12px var(--tp-shadow);
}
@media (max-height:700px) {
  .mobile-shell .game-triple_pana .triple-pana-play { grid-template-rows: auto auto minmax(350px,1fr) auto; gap: 8px; }
  .mobile-shell .game-triple_pana .mp-pana-grid { grid-template-rows: repeat(5,minmax(62px,1fr)); }
}
@media (prefers-reduced-motion:reduce) {
  .mobile-shell .game-triple_pana .triple-pana-card { transition: none; }
}