@font-face {
  font-family: "Pretendard";
  src: url("./assets/PretendardVariable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
}

:root {
  --bg: #f7f8fa;
  --card: #ffffff;
  --ink: #191f28;
  --muted: #8b95a1;
  --subtle: #f2f4f6;
  --line: #e5e8eb;
  --blue: #3182f6;
  --blue-press: #1b64da;
  --green: #1f9e63;
  --red: #e5484d;
  --shadow: 0 8px 24px rgba(2, 32, 71, 0.06);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}


* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html {
  color: var(--ink);
  background: #021421;
  font-family: "Pretendard", "Noto Sans KR", Arial, sans-serif;
  font-synthesis: none;
}

body {
  margin: 0;
  color: var(--ink);
  font-family: "Pretendard", "Noto Sans KR", Arial, sans-serif;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  font-kerning: normal;
  font-optical-sizing: auto;
  font-synthesis: none;
  font-variant-ligatures: common-ligatures contextual;
  letter-spacing: 0;
  line-height: 1.45;
  text-rendering: optimizeLegibility;
  word-break: keep-all;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: antialiased;
}

body:not([data-auth="signed-in"]) {
  overflow-y: auto;
  background: #021421;
}

.icon-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.icon-svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

button,
input,
select,
textarea {
  font: inherit;
  font-family: "Pretendard", "Noto Sans KR", Arial, sans-serif;
  font-synthesis: none;
}

button {
  cursor: pointer;
}

p,
h1,
h2,
h3 {
  margin: 0;
}

.app {
  width: 100%;
  min-height: 100dvh;
  background: var(--bg);
}

body[data-auth="signed-out"] .app {
  display: none;
}

body[data-auth="signed-in"] .login-screen {
  display: none;
}

.login-screen {
  position: relative;
  display: grid;
  align-items: start;
  justify-items: center;
  width: 100%;
  min-height: 100dvh;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  color: #fff;
  background:
    radial-gradient(circle at 50% 10%, rgba(49, 130, 246, 0.26), transparent 34%),
    linear-gradient(180deg, #061c31 0%, #0a1728 48%, #021421 100%);
}

.login-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 36%),
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
  pointer-events: none;
}

.login-shell {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(100%, 430px);
  min-height: 100dvh;
  padding: max(18px, env(safe-area-inset-top, 0px)) 22px calc(18px + var(--safe-bottom));
  overflow: visible;
}

.login-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.login-signal,
.login-locale {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(18px);
}

.login-signal i {
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: #39e6a1;
  box-shadow: 0 0 14px rgba(57, 230, 161, 0.9);
}

.login-brand-scene {
  display: grid;
  justify-items: center;
  gap: 8px;
  margin-top: clamp(22px, 4.5dvh, 46px);
  text-align: center;
}

.login-app-mark {
  width: 78px;
  height: 78px;
  margin-bottom: 8px;
  border-radius: 22px;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.18);
}

.login-brand-scene h1 {
  color: #fff;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: 0;
}

.login-brand-scene p {
  color: rgba(255, 255, 255, 0.74);
  font-size: 14px;
  font-weight: 700;
}

.login-prize-scene {
  position: absolute;
  left: 50%;
  bottom: -12px;
  width: min(430px, 100vw);
  height: 170px;
  opacity: 0.62;
  pointer-events: none;
  transform: translateX(-50%);
}

.login-stage {
  position: absolute;
  left: -10%;
  right: -10%;
  bottom: -16px;
  height: 108px;
  border-radius: 50% 50% 0 0;
  background:
    radial-gradient(ellipse at 50% 100%, rgba(49, 130, 246, 0.38), transparent 62%),
    linear-gradient(180deg, rgba(4, 31, 53, 0), rgba(0, 9, 19, 0.88));
  filter: blur(0.2px);
}

.login-ticket,
.login-coin {
  position: absolute;
  display: block;
  opacity: 0.82;
}

.login-ticket {
  width: 138px;
  height: 72px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background:
    linear-gradient(90deg, transparent 18px, rgba(255, 255, 255, 0.12) 19px, transparent 20px),
    linear-gradient(135deg, rgba(49, 130, 246, 0.48), rgba(255, 255, 255, 0.1));
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32);
}

.login-ticket::before,
.login-ticket::after {
  content: "";
  position: absolute;
  top: 26px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #071827;
}

.login-ticket::before {
  left: -8px;
}

.login-ticket::after {
  right: -8px;
}

.ticket-a {
  left: 16px;
  bottom: 28px;
  transform: rotate(-7deg);
}

.ticket-b {
  right: 8px;
  bottom: 70px;
  width: 112px;
  height: 60px;
  opacity: 0.58;
  transform: rotate(13deg);
}

.login-coin {
  border-radius: 50%;
  border: 1px solid rgba(255, 231, 88, 0.4);
  background:
    radial-gradient(circle at 36% 32%, rgba(255, 255, 255, 0.66), transparent 20%),
    linear-gradient(135deg, #fee500, #f59f00);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

.coin-a {
  right: 74px;
  bottom: 28px;
  width: 48px;
  height: 48px;
}

.coin-b {
  left: 90px;
  bottom: 98px;
  width: 32px;
  height: 32px;
  opacity: 0.55;
}

.login-status-panel {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 11px;
  margin-top: clamp(16px, 2.8dvh, 24px);
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
}

.login-status-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.login-status-head span,
.login-prize-tiers span {
  display: block;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  font-weight: 800;
}

.login-status-head b {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 17px;
  line-height: 1.12;
}

.login-status-head em {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  color: #9ed0ff;
  background: rgba(49, 130, 246, 0.16);
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}

.login-status-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}

.login-status-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #39e6a1, #48a9ff);
}

.login-prize-tiers {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 7px;
}

.login-prize-tiers article {
  min-width: 0;
  padding: 10px 9px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.login-prize-tiers b {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 13px;
  line-height: 1.08;
}

.login-action-panel {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 11px;
  width: 100%;
  margin-top: clamp(14px, 2.4dvh, 22px);
  padding: 0 0 8px;
}

.login-action-title {
  display: grid;
  gap: 5px;
  margin-bottom: 2px;
  text-align: left;
}

.login-action-title strong {
  color: #fff;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 900;
}

.login-action-title span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  font-weight: 700;
}

.login-action-panel p {
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.login-member-field {
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(18px);
}

.login-member-field span {
  color: rgba(255, 255, 255, 0.54);
}

.login-member-field select {
  min-height: 34px;
  color: #fff;
}

.login-member-field select option {
  color: #191f28;
}

.login-action-panel .kakao-button,
.login-action-panel .google-button,
.login-action-panel .plain-button {
  min-height: 54px;
  border-radius: 14px;
  font-size: 16px;
}

.login-action-panel .google-button,
.login-action-panel .kakao-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.login-action-panel .google-button span,
.login-action-panel .kakao-button span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fee500;
  background: #191600;
  font-size: 13px;
  font-weight: 900;
}

.login-action-panel .google-button span {
  color: var(--blue);
  background: #fff;
}

.login-action-panel .plain-button {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

.mobile-app {
  position: relative;
  width: min(100%, 460px);
  max-width: 100vw;
  height: 100dvh;
  margin: 0 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: max(18px, env(safe-area-inset-top, 0px)) 18px calc(104px + var(--safe-bottom));
  background: var(--bg);
  scrollbar-width: none;
}

.mobile-app::-webkit-scrollbar {
  display: none;
}

.app-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  margin: calc(-1 * max(18px, env(safe-area-inset-top, 0px))) -18px 12px;
  padding: max(18px, env(safe-area-inset-top, 0px)) 18px 10px;
  background: rgba(247, 248, 250, 0.92);
  backdrop-filter: blur(20px);
}

.app-header h1 {
  margin-top: 2px;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: 0;
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.brand-lockup img {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(49, 130, 246, 0.16);
}

.eyebrow {
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.icon-button,
.install-button,
.small-button,
.sheet-close {
  border: 0;
  border-radius: 8px;
  font-weight: 800;
}

.icon-button {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: var(--ink);
  background: #fff;
  box-shadow: var(--shadow);
}

.notice-button .icon-svg {
  width: 23px;
  height: 23px;
  stroke-width: 2.1;
}

.notice-button::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--blue);
  opacity: var(--notice-indicator-opacity, 0);
}

.profile-button {
  color: #fff;
  background: linear-gradient(145deg, #1d78ff, #0b4fd0);
}

.profile-button span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
}

.install-button,
.small-button {
  min-height: 34px;
  padding: 0 12px;
  color: var(--blue);
  background: #e8f3ff;
}

.balance-card,
.selection-panel,
.claim-card,
.referral-card,
.form-field,
.ticket-card,
.purchase-card,
.policy-card,
.charge-card,
.insight-card,
.draw-lab,
.empty-card {
  border: 1px solid rgba(229, 232, 235, 0.8);
  border-radius: 8px;
  background: var(--card);
  box-shadow: var(--shadow);
}

.balance-card {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.balance-card span,
.top-balance span,
.round-summary span,
.selection-panel span,
.referral-card span,
.form-field span,
.public-board span,
.insight-card span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.balance-card strong {
  display: block;
  color: var(--ink);
  font-size: 19px;
  line-height: 1.05;
}

.balance-card strong b {
  font-size: 44px;
  letter-spacing: 0;
}

.home-hero-card {
  position: relative;
  overflow: hidden;
  align-items: stretch;
  gap: 14px;
  padding: 18px;
  border: 0;
  background:
    radial-gradient(circle at 88% 18%, rgba(49, 130, 246, 0.18), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: 0 14px 34px rgba(2, 32, 71, 0.08);
}

.home-wallet-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

.hero-symbol {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(49, 130, 246, 0.16);
}

.hero-symbol img {
  width: 68px;
  height: 68px;
  border-radius: 20px;
  object-fit: cover;
}

.hero-balance {
  display: grid;
  gap: 5px;
  justify-items: start;
  min-width: 0;
  padding: 0;
  color: var(--ink);
  background: transparent;
}

.hero-balance span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.hero-balance strong b {
  display: block;
  margin-top: 0;
  color: var(--ink);
  font-size: 42px;
  line-height: 0.96;
  letter-spacing: 0;
}

.home-wallet-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 2px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.home-wallet-meta b {
  color: var(--blue);
  font-size: 13px;
}

.hero-prize-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.hero-prize-strip article {
  min-width: 0;
  padding: 10px 8px;
  border-radius: 8px;
  background: #eef6ff;
}

.hero-prize-strip span,
.hero-prize-strip b {
  display: block;
}

.hero-prize-strip span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.hero-prize-strip b {
  margin-top: 2px;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.15;
}

.home-buy-button {
  min-height: 52px;
  border-radius: 14px;
  font-size: 16px;
}

.hero-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.round-action {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 54px;
  border: 0;
  border-radius: 16px;
  background: #f0f7ff;
}

.round-action .action-icon {
  width: 25px;
  height: 25px;
  color: var(--blue);
  stroke-width: 2.15;
}

.balance-actions,
.button-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.primary-button,
.plain-button,
.google-button,
.kakao-button,
.text-button,
.segment {
  min-height: 46px;
  border-radius: 8px;
  font-weight: 800;
}

.primary-button,
.google-button {
  border: 0;
  color: #fff;
  background: var(--blue);
}

.kakao-button {
  border: 0;
  color: #191600;
  background: #fee500;
}

.primary-button:active,
.google-button:active {
  background: var(--blue-press);
}

.kakao-button:active {
  background: #f4d900;
}

.primary-button:disabled {
  cursor: default;
  color: #8b95a1;
  background: #e5e8eb;
}

.plain-button {
  border: 0;
  color: var(--ink);
  background: var(--subtle);
}

.text-button {
  border: 0;
  color: var(--blue);
  background: transparent;
}

.full {
  width: 100%;
}

.top-balance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 16px;
}

body:not([data-screen="home"]) .product-switch,
body:not([data-screen="home"]) .balance-card,
body:not([data-screen="home"]) .draw-progress-panel,
body:not([data-screen="home"]) .prize-tier-panel,
body:not([data-screen="home"]) .top-balance,
body:not([data-screen="home"]) .welcome-unlock-card,
body:not([data-screen="home"]) .ticket-summary-panel {
  display: none !important;
}

.product-switch,
.game-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  margin-bottom: 10px;
  border-radius: 8px;
  background: #eaf0f7;
}

.hero-countdown {
  display: grid;
  gap: 4px;
  padding: 14px;
  border-radius: 8px;
  background: #f1f7ff;
}

.hero-countdown span,
.hero-countdown em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.hero-countdown b {
  color: var(--ink);
  font-size: 30px;
  line-height: 1;
}

.draw-progress-panel,
.prize-tier-panel {
  margin-top: 10px;
  border: 1px solid rgba(229, 232, 235, 0.84);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(2, 32, 71, 0.052);
}

.draw-progress-panel {
  display: grid;
  gap: 12px;
  padding: 15px;
}

.draw-progress-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.draw-progress-head span,
.progress-stats span,
.prize-tier-panel span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.draw-progress-head b {
  display: block;
  margin-top: 3px;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.12;
}

.draw-progress-head em {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--blue);
  background: #eef6ff;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}

.round-progress-track {
  height: 9px;
}

.progress-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.progress-stats article {
  min-width: 0;
  padding: 10px 9px;
  border-radius: 8px;
  background: #f7f9fc;
}

.progress-stats b {
  display: block;
  margin-top: 4px;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.08;
}

.prize-tier-panel {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr;
  gap: 1px;
  overflow: hidden;
}

.prize-tier-panel article {
  min-width: 0;
  padding: 14px 12px;
  background: #fff;
}

.prize-tier-panel .tier-first {
  background: #f2f7ff;
}

.prize-tier-panel b {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.08;
}

.prize-tier-panel em {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.round-action span {
  display: block;
  margin-top: 4px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 900;
}

.top-balance > div {
  min-width: 0;
  padding: 13px 11px;
  border: 1px solid rgba(229, 232, 235, 0.78);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(2, 32, 71, 0.045);
}

.top-balance strong,
.round-summary b,
.public-board b {
  display: block;
  margin-top: 4px;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.1;
}

.draw-overview {
  padding: 16px;
  border: 1px solid rgba(229, 232, 235, 0.82);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(2, 32, 71, 0.055);
}

.draw-title {
  align-items: center;
}

.draw-actions {
  display: grid;
  gap: 8px;
}

.draw-actions .primary-button {
  min-height: 50px;
  border-radius: 14px;
  font-size: 15px;
}

.draw-actions .text-button {
  min-height: 44px;
  border-radius: 12px;
  background: #f2f6fb;
}

.screen {
  display: none;
  gap: 14px;
}

.screen.active {
  display: grid;
}

#screen-buy {
  padding-bottom: 152px;
}

.section-block {
  display: grid;
  gap: 12px;
  padding: 0;
}

.section-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.section-title.compact {
  align-items: center;
}

.section-title h2 {
  margin-top: 2px;
  font-size: 27px;
  line-height: 1.1;
  letter-spacing: 0;
}

.section-title h3 {
  font-size: 20px;
  line-height: 1.15;
}

.status-chip,
.price-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 8px;
  color: var(--blue);
  background: #e8f3ff;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.status-chip.active,
.status-chip.safe {
  color: var(--green);
  background: #e9f8f0;
}

.status-chip.blocked {
  color: var(--red);
  background: #fff0f0;
}

.round-summary,
.public-board,
.purchase-breakdown,
.charge-grid,
.status-grid,
.policy-card,
.payout-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.round-summary > div,
.public-board article,
.purchase-breakdown article,
.status-grid article,
.policy-card > div,
.payout-grid article {
  padding: 12px;
  border-radius: 8px;
  background: var(--subtle);
}

.status-grid article,
.policy-card > div,
.payout-grid article {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.status-grid b,
.policy-card b,
.payout-grid b {
  color: var(--ink);
  font-size: 18px;
}

.status-grid em,
.policy-card em,
.payout-grid em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.draw-overview .round-summary {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.draw-overview .round-summary > div {
  min-height: 66px;
  border-radius: 0;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

.draw-overview .round-summary > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.draw-overview .round-summary > div:nth-child(2),
.draw-overview .round-summary > div:nth-child(3) {
  border-bottom: 0;
}

.draw-overview .round-summary > div:nth-child(3) {
  border-right: 0;
}

.round-summary > div:first-child {
  grid-column: 1 / -1;
}

.simple-list,
.ledger-list,
.history-list,
.deposit-list {
  display: grid;
  gap: 2px;
}

.ledger-list > div {
  display: grid;
  gap: 2px;
}

.simple-list article,
.ledger-list article,
.history-list article,
.deposit-list article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 58px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}

.simple-list article[data-navigate] {
  cursor: pointer;
}

.simple-list article[data-navigate][role="button"]:focus-visible {
  outline: 3px solid rgba(110, 179, 255, 0.96);
  outline-offset: 3px;
  border-color: rgba(110, 179, 255, 0.88);
}

.simple-list article:last-child,
.ledger-list article:last-child,
.history-list article:last-child,
.deposit-list article:last-child {
  border-bottom: 0;
}

.simple-list b,
.ledger-list span,
.history-list b,
.deposit-list b {
  display: block;
  color: var(--ink);
  font-size: 15px;
}

.ledger-list b {
  color: var(--ink);
  white-space: nowrap;
}

.ledger-list b.credit {
  color: var(--blue);
}

.ledger-list b.debit {
  color: var(--ink);
}

.ledger-list b.neutral {
  color: var(--muted);
}

.simple-list span,
.history-list span,
.deposit-list span,
.claim-card p,
.progress-row span,
.screen-sticky p {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
}

.simple-list em,
.history-list em,
.deposit-list em {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
}

.deposit-list em.pending {
  color: var(--blue);
}

.deposit-list em.done {
  color: var(--green);
}

.deposit-list em.rejected {
  color: var(--red);
}

.selection-panel {
  display: grid;
  gap: 12px;
  min-height: 96px;
  padding: 16px;
}

.purchase-card,
.policy-card,
.charge-card,
.insight-card,
.draw-lab,
.powerball-hero,
.power-pick-card {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.purchase-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.purchase-row span,
.purchase-breakdown span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.purchase-row b,
.purchase-breakdown b {
  display: block;
  margin-top: 3px;
  color: var(--ink);
  font-size: 16px;
}

.quantity-toggle {
  display: grid;
  grid-template-columns: repeat(4, 42px);
  gap: 4px;
  padding: 4px;
  border-radius: 8px;
  background: var(--subtle);
}

.bonus-ladder {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.bonus-ladder article {
  min-width: 0;
  padding: 10px 6px;
  border-radius: 8px;
  background: #f7f9fc;
  text-align: center;
}

.bonus-ladder span,
.bonus-ladder b {
  display: block;
}

.bonus-ladder span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.bonus-ladder b {
  margin-top: 3px;
  color: var(--ink);
  font-size: 12px;
}

.quantity-button {
  min-height: 36px;
  border: 0;
  border-radius: 8px;
  color: var(--muted);
  background: transparent;
  font-weight: 900;
}

.quantity-button.active {
  color: #fff;
  background: var(--blue);
}

.home-secondary-panel,
.home-extra {
  display: none;
}

body[data-auth="signed-in"]:not([data-screen="home"]) .home-hero-card,
body[data-auth="signed-in"]:not([data-screen="home"]) .welcome-unlock-card,
body[data-auth="signed-in"]:not([data-screen="home"]) .home-conversion-grid,
body[data-auth="signed-in"]:not([data-screen="home"]) .top-balance,
body[data-auth="signed-in"]:not([data-screen="home"]) .ticket-summary-panel,
body[data-auth="signed-in"]:not([data-screen="home"]) .home-secondary-panel {
  display: none !important;
}

.insight-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.insight-title b {
  display: block;
  margin-top: 2px;
  color: var(--ink);
  font-size: 18px;
}

.insight-title em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 9px;
  border-radius: 8px;
  color: var(--blue);
  background: #e8f3ff;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.insight-card p,
.draw-lab p {
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.chip-row span {
  padding: 7px 9px;
  border-radius: 8px;
  color: var(--ink);
  background: var(--subtle);
  font-size: 12px;
  font-weight: 850;
}

.picked-numbers,
.ticket-numbers,
.draw-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 38px;
}

.ball,
.ticket-numbers i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  color: #fff;
  background: var(--blue);
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
}

.empty-pick {
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

.locked-pick {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 8px;
  background: #eef2f7;
}

.powerball-hero,
.power-pick-card,
.subscription-grid article {
  border: 1px solid rgba(229, 232, 235, 0.8);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.powerball-hero {
  grid-template-columns: 1fr;
}

.powerball-hero span,
.power-pick-card span,
.subscription-grid span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.powerball-hero strong {
  display: block;
  margin-top: 4px;
  font-size: 46px;
  line-height: 1;
}

.powerball-hero p,
.subscription-grid p {
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

.powerball-last {
  padding: 12px;
  border-radius: 8px;
  background: #f1f7ff;
}

.powerball-last b {
  display: block;
  margin-top: 4px;
  font-size: 16px;
}

.power-ball {
  background: var(--green);
}

.powerball-number-picker {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}

.powerball-number-picker.compact {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.power-number-button {
  aspect-ratio: 1;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #fff;
  font-size: 12px;
  font-weight: 900;
}

.power-number-button.selected {
  border-color: var(--blue);
  color: #fff;
  background: var(--blue);
}

.power-number-button.power.selected {
  border-color: var(--green);
  background: var(--green);
}

.power-number-button:disabled {
  color: #b0b8c1;
  background: #f2f4f6;
}

.number-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.number-button {
  aspect-ratio: 1;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #fff;
  font-size: 17px;
  font-weight: 850;
}

.number-button.selected {
  border-color: var(--blue);
  color: #fff;
  background: var(--blue);
}

.number-button:disabled {
  color: #b0b8c1;
  background: #f2f4f6;
}

.screen-sticky {
  position: fixed;
  left: 50%;
  bottom: calc(66px + var(--safe-bottom));
  z-index: 16;
  display: grid;
  gap: 8px;
  width: min(428px, calc(100vw - 28px));
  margin: 0;
  padding: 10px 0 0;
  background: linear-gradient(180deg, rgba(247, 248, 250, 0), var(--bg) 34%);
  transform: translateX(-50%);
}

.screen-sticky p {
  display: none;
}

.ticket-list {
  display: grid;
  gap: 10px;
}

.ticket-card {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.ticket-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.ticket-card header b {
  font-size: 16px;
}

.ticket-card span {
  color: var(--muted);
  font-size: 13px;
}

.claim-card {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.claim-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.claim-topline > span:last-child {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.claim-label {
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.claim-card strong {
  display: block;
  font-size: 38px;
  line-height: 1.05;
  letter-spacing: 0;
}

.claim-breakdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.claim-breakdown article {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.claim-breakdown span,
.claim-breakdown b {
  display: block;
}

.claim-breakdown span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.claim-breakdown b {
  margin-top: 5px;
  color: var(--ink);
  font-size: 15px;
}

.segmented {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  border-radius: 8px;
  background: var(--subtle);
}

.segment {
  min-height: 42px;
  border: 0;
  color: var(--muted);
  background: transparent;
  font-size: 14px;
}

.segment.active {
  color: var(--ink);
  background: #fff;
  box-shadow: var(--shadow);
}

.claim-result {
  padding: 13px 14px;
  border-radius: 8px;
  color: var(--blue);
  background: #e8f3ff;
  font-size: 14px;
  font-weight: 800;
}

.referral-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px;
}

.referral-card b {
  display: block;
  margin-top: 4px;
  font-size: 24px;
  letter-spacing: 0;
}

.referral-card em,
.referral-note {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.progress-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.progress-row b {
  display: block;
  color: var(--ink);
  font-size: 16px;
}

.progress-row span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

.progress-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--subtle);
}

.progress-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--blue);
}

.referral-progress-card {
  padding: 16px;
  border: 1px solid rgba(229, 232, 235, 0.86);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.referral-progress-track i {
  background: linear-gradient(90deg, #3182f6, #1f9e63);
}

.referral-reward-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.referral-reward-grid article {
  min-width: 0;
  padding: 12px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--subtle);
}

.referral-reward-grid article.next {
  border-color: rgba(49, 130, 246, 0.34);
  background: #e8f3ff;
}

.referral-reward-grid article.done {
  border-color: rgba(31, 158, 99, 0.34);
  background: #e9f8f0;
}

.referral-reward-grid span,
.referral-reward-grid em {
  display: block;
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.referral-reward-grid b {
  display: block;
  margin: 5px 0 3px;
  color: var(--ink);
  font-size: 18px;
}

.streak-milestones {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.streak-milestones span {
  min-width: 0;
  padding: 8px 4px;
  border-radius: 8px;
  color: var(--blue);
  background: #e8f3ff;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.subscription-grid {
  display: grid;
  gap: 10px;
}

.subscription-grid article {
  display: grid;
  gap: 7px;
  padding: 16px;
}

.subscription-grid article.featured {
  border-color: rgba(49, 130, 246, 0.35);
  background: #f6fbff;
}

.subscription-grid b {
  font-size: 24px;
}

.subscription-grid em {
  color: var(--blue);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.draw-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.draw-flow span {
  min-width: 0;
  padding: 9px 4px;
  border-radius: 8px;
  color: var(--muted);
  background: #f1f3f6;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
}

.draw-flow span.active {
  color: #fff;
  background: var(--blue);
}

.form-field {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.compact-field {
  padding: 12px;
  box-shadow: none;
}

.form-field input,
.form-field select {
  width: 100%;
  min-height: 44px;
  border: 0;
  outline: 0;
  color: var(--ink);
  background: transparent;
  font-size: 16px;
  font-weight: 700;
}

.charge-guide {
  padding: 12px;
  border-radius: 8px;
  color: var(--muted);
  background: var(--subtle);
  font-size: 13px;
  font-weight: 750;
}

.empty-card {
  padding: 18px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  text-align: center;
}

.profile-hero {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(229, 232, 235, 0.8);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.profile-hero img {
  width: 68px;
  height: 68px;
  border-radius: 20px;
  object-fit: cover;
}

.profile-hero h2 {
  font-size: 24px;
  line-height: 1.1;
}

.profile-hero span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.profile-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.ticket-asset-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.profile-metrics article,
.ticket-asset-grid article,
.install-card {
  border: 1px solid rgba(229, 232, 235, 0.8);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.profile-metrics article,
.ticket-asset-grid article {
  min-width: 0;
  padding: 13px 10px;
}

.profile-metrics span,
.ticket-asset-grid span,
.install-card span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.profile-metrics b,
.ticket-asset-grid b,
.install-card b {
  display: block;
  margin-top: 4px;
  color: var(--ink);
  font-size: 16px;
}

.ticket-asset-grid em {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
}

.ticket-asset-grid .ticket-status-asset,
.ticket-asset-grid .ticket-reward-asset {
  grid-column: 1 / -1;
}

.install-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 15px;
}

.install-icon {
  width: 54px;
  height: 54px;
  overflow: hidden;
  border-radius: 16px;
  background: #eef6ff;
}

.install-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.install-card p {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.install-card .small-button:disabled {
  color: var(--muted);
  background: var(--subtle);
}

.profile-list {
  padding: 2px 0;
}

.bottom-nav {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 18;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 2px;
  width: min(460px, 100vw);
  padding: 6px 10px calc(6px + var(--safe-bottom));
  border-top: 1px solid rgba(229, 232, 235, 0.88);
  background: #fff;
  box-shadow: 0 -10px 30px rgba(2, 32, 71, 0.08);
  backdrop-filter: blur(20px);
  transform: translateX(-50%);
}

.nav-item {
  display: grid;
  place-items: center;
  gap: 3px;
  min-height: 54px;
  border: 0;
  border-radius: 8px;
  color: var(--muted);
  background: transparent;
  font-size: 10px;
  font-weight: 850;
}

.nav-icon {
  width: 22px;
  height: 22px;
  stroke-width: 2.05;
}

.nav-item span {
  display: block;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.nav-item.active {
  color: var(--blue);
  background: #e8f3ff;
}

.auth-sheet {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: none;
  place-items: end center;
  padding: 20px;
  background: rgba(25, 31, 40, 0.35);
}

.auth-sheet.open {
  display: grid;
}

.sheet-panel {
  position: relative;
  display: grid;
  gap: 10px;
  width: min(420px, 100%);
  padding: 22px;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.auth-sheet > .sheet-panel {
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.sheet-panel h2 {
  margin-bottom: 8px;
  font-size: 25px;
}

.sheet-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  color: var(--muted);
  background: var(--subtle);
  font-size: 22px;
}

.account-list {
  display: grid;
  gap: 2px;
  margin: 4px 0;
}

.account-list span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.account-list article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 48px;
  border-bottom: 1px solid var(--line);
}

.account-list article:last-child {
  border-bottom: 0;
}

.account-list b {
  color: var(--ink);
  font-size: 14px;
  text-align: right;
}

.account-merge-panel {
  display: grid;
  gap: 11px;
  margin-top: 4px;
  padding: 14px;
  border: 1px solid rgba(55, 163, 255, 0.3);
  border-radius: 8px;
  background: rgba(55, 163, 255, 0.07);
}

.account-merge-heading > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.account-merge-panel span,
.account-merge-panel label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.account-merge-panel b {
  color: var(--ink);
  font-size: 14px;
  text-align: right;
}

.account-merge-panel p {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.account-merge-actions,
.account-merge-code {
  display: grid;
  gap: 8px;
}

.account-merge-panel textarea {
  width: 100%;
  min-height: 72px;
  resize: vertical;
  padding: 10px 11px;
  border: 1px solid rgba(92, 146, 255, 0.32);
  border-radius: 8px;
  color: var(--ink);
  background: rgba(4, 11, 25, 0.56);
  font: 700 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  overflow-wrap: anywhere;
}

.account-merge-panel textarea:focus-visible {
  outline: 3px solid rgba(55, 163, 255, 0.28);
  outline-offset: 2px;
  border-color: rgba(55, 163, 255, 0.78);
}

.account-merge-notice {
  padding-top: 9px;
  border-top: 1px solid rgba(92, 146, 255, 0.18);
}

.account-deletion-panel {
  display: grid;
  gap: 10px;
  margin-top: 4px;
  padding: 14px;
  border: 1px solid rgba(239, 68, 68, 0.24);
  border-radius: 8px;
  background: rgba(239, 68, 68, 0.06);
}

.account-deletion-panel > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.account-deletion-panel span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.account-deletion-panel b {
  color: var(--ink);
  font-size: 14px;
  text-align: right;
}

.account-deletion-panel p,
.account-deletion-confirm-panel > p {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.account-deletion-warning {
  padding: 11px 12px;
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  color: #fecaca;
  background: rgba(127, 29, 29, 0.3);
  font-size: 13px;
  font-weight: 800;
}

.notice-panel {
  gap: 12px;
}

.notice-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.notice-heading h2 {
  margin: 0;
}

.notice-mark-all {
  min-height: 38px;
  padding: 8px 12px;
  white-space: nowrap;
}

.welcome-modal-panel p {
  color: var(--muted);
  font-size: 14px;
  font-weight: 750;
}

.welcome-modal-tickets {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.welcome-modal-ticket {
  display: grid;
  place-items: center;
  min-height: 44px;
  border: 1px solid rgba(29, 119, 255, 0.28);
  border-radius: 8px;
  color: var(--blue);
  background: #eef6ff;
  font-size: 12px;
  font-weight: 900;
}

.notice-list article {
  align-items: center;
  gap: 10px;
}

.notice-list i {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 7px;
  border-radius: 50%;
  background: var(--blue);
}

.notice-list article.is-read {
  opacity: 0.74;
}

.notice-list article > div:not(.notice-row-actions) {
  min-width: 0;
  flex: 1 1 auto;
}

.notice-row-actions {
  display: grid;
  justify-items: end;
  gap: 6px;
  flex: 0 0 auto;
}

.notice-row-actions time {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.notice-read-button,
.notice-device-revoke {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(76, 157, 255, 0.45);
  border-radius: 7px;
  color: #dbeafe;
  background: rgba(12, 47, 100, 0.72);
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.notice-read-button:disabled,
.notice-device-revoke:disabled {
  cursor: default;
  opacity: 0.56;
}

.notice-read-button:focus-visible,
.notice-device-revoke:focus-visible,
.notice-mark-all:focus-visible {
  outline: 3px solid rgba(110, 179, 255, 0.96);
  outline-offset: 2px;
}

.notice-empty,
.notice-device-empty {
  margin: 0;
  padding: 18px 12px;
  color: var(--muted);
  text-align: center;
  font-size: 13px;
  font-weight: 750;
}

.notification-device-section {
  display: grid;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.notification-device-section[hidden] {
  display: none;
}

.notification-device-section h3,
.notification-device-section p {
  margin: 0;
}

.notification-device-section > div:first-child p,
.notification-device-note {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.notification-device-list {
  display: grid;
  gap: 8px;
}

.notification-registration {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(76, 157, 255, 0.28);
  border-radius: 8px;
  background: rgba(4, 18, 44, 0.58);
}

.notification-registration-status {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.notification-registration-status.is-ready {
  color: #9dd2ff;
}

.notification-registration-status.is-blocked {
  color: #ffb3b3;
}

.notification-registration .plain-button {
  width: 100%;
}

.notification-registration .plain-button:disabled {
  cursor: default;
  opacity: 0.56;
}

.notification-device-list article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(76, 157, 255, 0.28);
  border-radius: 8px;
  background: rgba(4, 18, 44, 0.58);
}

.notification-device-list article > div {
  min-width: 0;
}

.notification-device-list b,
.notification-device-list span {
  display: block;
}

.notification-device-list b {
  color: var(--ink);
  font-size: 13px;
}

.notification-device-list span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

.notification-device-list article.is-revoked {
  opacity: 0.6;
}

.danger-button {
  background: var(--red);
}

.toast {
  position: fixed;
  left: 50%;
  bottom: calc(88px + var(--safe-bottom));
  z-index: 40;
  width: min(420px, calc(100vw - 28px));
  padding: 12px 14px;
  border-radius: 8px;
  color: #fff;
  background: rgba(25, 31, 40, 0.94);
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(12px);
  transition: opacity 0.16s ease, transform 0.16s ease;
}

.toast.success {
  background: rgba(25, 31, 40, 0.94);
}

.toast.error {
  background: rgba(210, 48, 51, 0.96);
}

.toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

body[data-auth="signed-in"][data-screen="home"] .app,
body[data-auth="signed-in"][data-screen="home"] .mobile-app {
  color: var(--ink);
  background: var(--bg);
}

body[data-auth="signed-in"][data-screen="home"] .app-header {
  background: rgba(247, 248, 250, 0.94);
  border-bottom: 1px solid rgba(229, 232, 235, 0.72);
}

body[data-auth="signed-in"][data-screen="home"] .app-header h1,
body[data-auth="signed-in"][data-screen="home"] .section-title h2,
body[data-auth="signed-in"][data-screen="home"] .section-title h3 {
  color: var(--ink);
}

body[data-auth="signed-in"][data-screen="home"] .eyebrow {
  color: var(--blue);
}

body[data-auth="signed-in"][data-screen="home"] .icon-button {
  color: var(--ink);
  border: 1px solid rgba(229, 232, 235, 0.9);
  background: #fff;
  box-shadow: 0 8px 22px rgba(2, 32, 71, 0.055);
}

body[data-auth="signed-in"][data-screen="home"] .notice-button::after {
  border-color: #fff;
}

body[data-auth="signed-in"][data-screen="home"] .profile-button {
  border: 0;
  color: #fff;
  background: linear-gradient(145deg, #3182f6, #0b4fd0);
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .draw-progress-panel,
body[data-auth="signed-in"][data-screen="home"] .prize-tier-panel,
body[data-auth="signed-in"][data-screen="home"] .draw-overview,
body[data-auth="signed-in"][data-screen="home"] #screen-home > .section-block:not(.draw-overview) {
  border: 1px solid rgba(229, 232, 235, 0.84);
  background: #fff;
  box-shadow: 0 12px 32px rgba(2, 32, 71, 0.055);
}

body[data-auth="signed-in"][data-screen="home"] #screen-home > .section-block:not(.draw-overview) {
  padding: 16px;
  border-radius: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-symbol {
  background: #f2f7ff;
  box-shadow: 0 12px 28px rgba(49, 130, 246, 0.12);
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance span,
body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta,
body[data-auth="signed-in"][data-screen="home"] .top-balance span,
body[data-auth="signed-in"][data-screen="home"] .round-summary span,
body[data-auth="signed-in"][data-screen="home"] .simple-list span {
  color: var(--muted);
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance strong b,
body[data-auth="signed-in"][data-screen="home"] .top-balance strong,
body[data-auth="signed-in"][data-screen="home"] .round-summary b,
body[data-auth="signed-in"][data-screen="home"] .simple-list b {
  color: var(--ink);
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta b {
  color: var(--blue);
}

body[data-auth="signed-in"][data-screen="home"] .home-buy-button,
body[data-auth="signed-in"][data-screen="home"] .draw-actions .primary-button {
  background: linear-gradient(135deg, #3182f6, #0064ff);
  box-shadow: 0 14px 30px rgba(49, 130, 246, 0.22);
}

body[data-auth="signed-in"][data-screen="home"] .round-action,
body[data-auth="signed-in"][data-screen="home"] .top-balance > div {
  border: 1px solid rgba(229, 232, 235, 0.9);
  background: #fff;
  box-shadow: 0 8px 22px rgba(2, 32, 71, 0.045);
}

body[data-auth="signed-in"][data-screen="home"] .round-action .action-icon {
  color: var(--blue);
}

body[data-auth="signed-in"][data-screen="home"] .draw-overview {
  gap: 14px;
  padding: 18px;
}

body[data-auth="signed-in"][data-screen="home"] .draw-overview .round-summary {
  gap: 8px;
  overflow: visible;
  border: 0;
  background: transparent;
}

body[data-auth="signed-in"][data-screen="home"] .draw-overview .round-summary > div {
  min-height: 76px;
  padding: 15px 16px;
  border: 1px solid rgba(229, 232, 235, 0.86);
  border-radius: 8px;
  background: #f9fafb;
}

body[data-auth="signed-in"][data-screen="home"] .draw-overview .round-summary > div:first-child {
  padding: 16px;
}

body[data-auth="signed-in"][data-screen="home"] .draw-overview .round-summary > div:nth-child(2),
body[data-auth="signed-in"][data-screen="home"] .draw-overview .round-summary > div:nth-child(3) {
  border-bottom: 1px solid rgba(229, 232, 235, 0.86);
}

body[data-auth="signed-in"][data-screen="home"] .draw-overview .round-summary > div:nth-child(3) {
  border-right: 1px solid rgba(229, 232, 235, 0.86);
}

body[data-auth="signed-in"][data-screen="home"] .status-chip.active {
  color: var(--green);
  background: #e9f8f0;
}

body[data-auth="signed-in"][data-screen="home"] .draw-actions .text-button {
  color: var(--blue);
  background: #f2f6fb;
}

body[data-auth="signed-in"][data-screen="home"] .simple-list article {
  border-bottom-color: rgba(229, 232, 235, 0.82);
}

body[data-auth="signed-in"][data-screen="home"] .simple-list em {
  color: var(--blue);
}

body[data-auth="signed-in"][data-screen="home"] .bottom-nav {
  border-top-color: rgba(229, 232, 235, 0.86);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 -12px 32px rgba(2, 32, 71, 0.08);
}

body[data-auth="signed-in"][data-screen="home"] .nav-item {
  color: var(--muted);
}

body[data-auth="signed-in"][data-screen="home"] .nav-item.active {
  color: var(--blue);
  background: #eef6ff;
}

.welcome-unlock-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(49, 130, 246, 0.22);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(49, 130, 246, 0.12), rgba(31, 158, 99, 0.08)),
    #fff;
  box-shadow: 0 14px 32px rgba(2, 32, 71, 0.08);
}

.welcome-unlock-card span,
.reservation-row span,
.risk-limit {
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.welcome-unlock-card strong {
  display: block;
  margin-top: 3px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.15;
}

.welcome-unlock-card p {
  margin-top: 6px;
  color: #2563eb;
  font-size: 14px;
  font-weight: 850;
}

.ticket-summary-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.ticket-summary-panel article {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.ticket-summary-panel span,
.ticket-summary-panel b {
  display: block;
}

.ticket-summary-panel span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.ticket-summary-panel b {
  margin-top: 4px;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.2;
}

.welcome-ticket-bundle {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}

.mini-ticket {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 28px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.mini-ticket.locked {
  border-style: dashed;
  background: #f8fafc;
}

.mini-ticket.ready {
  color: #2563eb;
  border-color: rgba(49, 130, 246, 0.35);
  background: #eef6ff;
}

.mini-ticket.confirmed {
  color: #15803d;
  border-color: rgba(31, 158, 99, 0.35);
  background: #e9f8f0;
}

.assignment-preview {
  margin: 10px 0 0;
  color: #2563eb;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}

.assignment-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(49, 130, 246, 0.2);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(2, 32, 71, 0.07);
}

.assignment-callout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.assignment-callout article {
  min-width: 0;
  padding: 12px;
  border-radius: 8px;
  background: #f8fafc;
}

.assignment-callout span,
.assignment-callout b,
.assignment-callout em {
  display: block;
}

.assignment-callout span,
.assignment-current span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.assignment-callout b,
.assignment-current b {
  margin-top: 4px;
  color: var(--ink);
  font-size: 14px;
}

.assignment-callout em {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.assignment-current {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfdff;
}

.assignment-wait-panel {
  display: none;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(31, 158, 99, 0.28);
  border-radius: 8px;
  background: #effaf4;
}

.assignment-wait-panel.active {
  display: grid;
}

.assignment-wait-panel b {
  color: #117a3a;
  font-size: 14px;
}

.assignment-wait-panel span {
  color: #2b6b45;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.assignment-number-grid {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 6px;
}

.assignment-ticket-list {
  display: grid;
  gap: 8px;
}

.assignment-ticket-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.assignment-ticket-card.confirmed {
  border-color: rgba(31, 158, 99, 0.24);
  background: #f1fbf6;
}

.assignment-ticket-card b,
.assignment-ticket-card span,
.assignment-ticket-card em {
  display: block;
}

.assignment-ticket-card b {
  color: var(--ink);
  font-size: 14px;
}

.assignment-ticket-card span,
.assignment-ticket-card em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.hero-countdown {
  transition: color 180ms ease, transform 180ms ease;
}

body.countdown-warning .hero-countdown {
  color: #b7791f;
}

body.countdown-warning .hero-countdown b {
  color: #b7791f;
}

body.countdown-critical .hero-countdown {
  color: var(--red);
  animation: countdownPulse 900ms ease-in-out infinite;
}

body.countdown-critical .hero-countdown b {
  color: var(--red);
}

@keyframes countdownPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.018);
  }
}

.powerball-hero em,
.risk-limit {
  display: block;
  margin-top: 8px;
  font-style: normal;
}

.power-game-panel {
  display: none;
}

.power-game-panel.active {
  display: grid;
}

.choice-row button {
  min-height: 34px;
  border: 0;
  border-radius: 8px;
  color: var(--ink);
  background: var(--subtle);
  font-size: 12px;
  font-weight: 850;
}

.choice-row button.active {
  color: #fff;
  background: var(--blue);
}

.power-quote-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.power-quote-card article {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.power-quote-card span,
.power-quote-card b {
  display: block;
}

.power-quote-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.power-quote-card b {
  margin-top: 4px;
  color: var(--ink);
  font-size: 14px;
}

.reservation-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.powerball-bet-list {
  display: grid;
  gap: 8px;
}

.powerball-bet-card,
.powerball-bet-empty {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.powerball-bet-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.powerball-bet-card b,
.powerball-bet-card span,
.powerball-bet-card em {
  display: block;
}

.powerball-bet-card b {
  color: var(--ink);
  font-size: 14px;
}

.powerball-bet-card span,
.powerball-bet-card em,
.powerball-bet-empty {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.45;
}

.payout-grid.extended {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.payout-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.payout-summary article {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 8px;
  background: #f5f9ff;
}

.payout-summary span,
.payout-summary b,
.payout-summary em {
  display: block;
}

.payout-summary span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.payout-summary b {
  margin-top: 4px;
  color: var(--ink);
  font-size: 17px;
}

.payout-summary em {
  margin-top: 4px;
  color: #2563eb;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.payout-grid.extended article {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 54px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.payout-grid.extended span {
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.payout-grid.extended b {
  color: var(--ink);
  font-size: 13px;
}

.payout-grid.extended em {
  color: var(--green);
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  text-align: right;
}

.payout-grid.extended small {
  grid-column: 2 / -1;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.compact-payouts article {
  grid-template-columns: 76px minmax(0, 1fr) auto;
}

.final-streak {
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(49, 130, 246, 0.12), rgba(31, 158, 99, 0.1));
}

.final-streak b {
  font-size: 17px;
}

.streak-day-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  margin: 12px 0;
}

.streak-day {
  display: grid;
  place-items: center;
  min-height: 30px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.streak-day.done {
  color: #15803d;
  border-color: rgba(31, 158, 99, 0.3);
  background: #e9f8f0;
}

.streak-day.milestone {
  border-width: 2px;
  color: #2563eb;
}

.streak-day.done.milestone {
  color: #fff;
  border-color: #15803d;
  background: #1f9e63;
}

@media (min-width: 780px) {
  html {
    background: #eef1f4;
  }

  .app {
    display: grid;
    place-items: center;
    min-height: 100dvh;
    padding: 24px;
    background: #eef1f4;
  }

  .mobile-app {
    height: min(900px, calc(100dvh - 48px));
    border: 1px solid rgba(229, 232, 235, 0.65);
    border-radius: 8px;
    box-shadow: 0 18px 54px rgba(2, 32, 71, 0.08);
  }

  .screen-sticky {
    position: static;
    left: auto;
    width: 100%;
    transform: none;
    padding-top: 0;
    background: transparent;
  }

  .number-grid {
    margin-top: 50px;
  }
}

@media (max-width: 390px) {
  body {
    overflow-x: hidden;
  }

  .mobile-app {
    width: 100vw;
    max-width: 100vw;
    padding-left: 14px;
    padding-right: 14px;
  }

  .balance-card strong b {
    font-size: 39px;
  }

  .home-hero-card {
    gap: 13px;
    padding: 16px;
  }

  .hero-symbol {
    width: 72px;
    height: 72px;
    border-radius: 20px;
  }

  .hero-symbol img {
    width: 64px;
    height: 64px;
    border-radius: 18px;
  }

  .hero-balance strong b {
    font-size: 38px;
  }

  .hero-actions {
    display: none;
  }

  .section-title h2 {
    font-size: 25px;
  }

  .top-balance > div,
  .progress-stats article,
  .prize-tier-panel article,
  .round-summary > div,
  .public-board article {
    padding: 12px 10px;
  }

  .progress-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ticket-asset-grid,
  .referral-reward-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prize-tier-panel {
    grid-template-columns: 1fr;
  }

  .power-quote-card,
  .ticket-summary-panel,
  .assignment-callout,
  .payout-summary,
  .payout-grid.extended article,
  .compact-payouts article {
    grid-template-columns: 1fr;
  }

  .assignment-number-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .payout-grid.extended em {
    text-align: left;
  }

  .reservation-row {
    align-items: stretch;
    flex-direction: column;
  }

  body[data-auth="signed-in"][data-screen="home"] .draw-overview {
    padding: 16px;
  }

  body[data-auth="signed-in"][data-screen="home"] .draw-overview .round-summary > div,
  body[data-auth="signed-in"][data-screen="home"] .draw-overview .round-summary > div:first-child {
    padding: 15px 14px;
  }

  .top-balance strong,
  .round-summary b,
  .public-board b {
    font-size: 16px;
  }
}

/* SUPER WINS final dark premium visual layer */
:root {
  --bg: #040a18;
  --card: rgba(8, 18, 41, 0.94);
  --ink: #f7fbff;
  --muted: #9fb0cc;
  --subtle: rgba(15, 29, 58, 0.92);
  --line: rgba(94, 151, 255, 0.28);
  --blue: #37a3ff;
  --blue-press: #1268ee;
  --green: #49e487;
  --red: #ff5d6c;
  --gold: #f5bd36;
  --gold-strong: #ffe58a;
  --shadow: 0 22px 54px rgba(0, 0, 0, 0.36);
}

html,
body[data-auth="signed-in"] {
  background:
    radial-gradient(circle at 18% 4%, rgba(36, 121, 255, 0.24), transparent 30%),
    radial-gradient(circle at 86% 12%, rgba(255, 198, 65, 0.12), transparent 24%),
    linear-gradient(180deg, #030815 0%, #071226 52%, #020712 100%);
}

body[data-auth="signed-in"] .app {
  color: var(--ink);
  background:
    radial-gradient(circle at 50% -12%, rgba(33, 129, 255, 0.2), transparent 34%),
    linear-gradient(180deg, #030815 0%, #071226 46%, #020712 100%);
}

body[data-auth="signed-in"] .mobile-app {
  position: relative;
  color: var(--ink);
  background:
    radial-gradient(circle at 16% 6%, rgba(42, 138, 255, 0.18), transparent 24%),
    radial-gradient(circle at 90% 18%, rgba(246, 195, 72, 0.14), transparent 24%),
    linear-gradient(180deg, #07162f 0%, #061020 42%, #020712 100%);
  border-color: rgba(89, 147, 255, 0.28);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body[data-auth="signed-in"] .mobile-app::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 0%, rgba(55, 163, 255, 0.2), transparent 28%),
    linear-gradient(120deg, transparent 0 58%, rgba(255, 210, 93, 0.08) 62%, transparent 72%);
}

body[data-auth="signed-in"] .mobile-app > * {
  position: relative;
  z-index: 1;
}

body[data-auth="signed-in"] .app-header {
  color: #fff;
  background: linear-gradient(180deg, rgba(4, 13, 30, 0.96), rgba(4, 13, 30, 0.72));
  border-bottom: 1px solid rgba(92, 146, 255, 0.18);
  backdrop-filter: blur(18px);
}

.app-header h1,
.login-brand-scene h1,
.brand-lockup h1 {
  background: linear-gradient(90deg, #fff4bf 0%, #f5bd36 48%, #ffffff 82%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 24px rgba(245, 189, 54, 0.16);
}

body[data-auth="signed-in"] .eyebrow,
body[data-auth="signed-in"] .balance-card span,
body[data-auth="signed-in"] .top-balance span,
body[data-auth="signed-in"] .ticket-card span,
body[data-auth="signed-in"] .powerball-hero span,
body[data-auth="signed-in"] .form-field span,
body[data-auth="signed-in"] .progress-row span,
body[data-auth="signed-in"] .simple-list span,
body[data-auth="signed-in"] .referral-note,
body[data-auth="signed-in"] .install-card p,
body[data-auth="signed-in"] .welcome-unlock-card span,
body[data-auth="signed-in"] .welcome-unlock-card p {
  color: var(--muted);
}

body[data-auth="signed-in"] .icon-button,
body[data-auth="signed-in"] .small-button,
body[data-auth="signed-in"] .status-chip,
body[data-auth="signed-in"] .price-pill {
  color: #dceaff;
  border: 1px solid rgba(91, 151, 255, 0.36);
  background: linear-gradient(180deg, rgba(17, 41, 86, 0.96), rgba(8, 22, 50, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(0, 0, 0, 0.2);
}

body[data-auth="signed-in"] .profile-button {
  color: #fff;
  border-color: rgba(81, 149, 255, 0.58);
  background: linear-gradient(145deg, #1e6eff, #0f3d99);
  box-shadow: 0 0 26px rgba(49, 130, 246, 0.32);
}

body[data-auth="signed-in"] .product-switch,
body[data-auth="signed-in"] .segmented,
body[data-auth="signed-in"] .quantity-toggle {
  background: rgba(5, 14, 32, 0.86);
  border: 1px solid rgba(92, 146, 255, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-auth="signed-in"] .segment,
body[data-auth="signed-in"] .quantity-button {
  color: var(--muted);
}

body[data-auth="signed-in"] .segment.active,
body[data-auth="signed-in"] .quantity-button.active,
body[data-auth="signed-in"] .nav-item.active {
  color: #fff;
  border-color: rgba(67, 160, 255, 0.75);
  background: linear-gradient(180deg, rgba(31, 113, 255, 0.95), rgba(9, 55, 143, 0.95));
  box-shadow:
    0 0 24px rgba(49, 130, 246, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

body[data-auth="signed-in"] .balance-card,
body[data-auth="signed-in"] .home-hero-card,
body[data-auth="signed-in"] .welcome-unlock-card,
body[data-auth="signed-in"] .pwa-access-card,
body[data-auth="signed-in"] .draw-progress-panel,
body[data-auth="signed-in"] .prize-tier-panel article,
body[data-auth="signed-in"] .top-balance > div,
body[data-auth="signed-in"] .ticket-summary-panel article,
body[data-auth="signed-in"] .assignment-callout,
body[data-auth="signed-in"] .section-block,
body[data-auth="signed-in"] .referral-card,
body[data-auth="signed-in"] .referral-progress-card,
body[data-auth="signed-in"] .subscription-grid article,
body[data-auth="signed-in"] .charge-card,
body[data-auth="signed-in"] .claim-card,
body[data-auth="signed-in"] .wallet-card,
body[data-auth="signed-in"] .install-card,
body[data-auth="signed-in"] .powerball-hero,
body[data-auth="signed-in"] .powerball-number-picker,
body[data-auth="signed-in"] .payout-panel,
body[data-auth="signed-in"] .ticket-card,
body[data-auth="signed-in"] .simple-list article,
body[data-auth="signed-in"] .deposit-list article,
body[data-auth="signed-in"] .ledger-list article,
body[data-auth="signed-in"] .mypage-hero,
body[data-auth="signed-in"] .mypage-stat,
body[data-auth="signed-in"] .round-summary > div,
body[data-auth="signed-in"] .public-board article,
body[data-auth="signed-in"] .purchase-breakdown article,
body[data-auth="signed-in"] .status-grid article,
body[data-auth="signed-in"] .policy-card > div,
body[data-auth="signed-in"] .payout-grid article,
body[data-auth="signed-in"] .referral-reward-grid article,
body[data-auth="signed-in"] .streak-day,
body[data-auth="signed-in"] .number-ball,
body[data-auth="signed-in"] .power-button,
body[data-auth="signed-in"] .assignment-ticket-card,
body[data-auth="signed-in"] .powerball-bet-card,
body[data-auth="signed-in"] .powerball-bet-empty {
  color: var(--ink);
  border: 1px solid rgba(92, 146, 255, 0.28);
  background:
    linear-gradient(180deg, rgba(13, 32, 70, 0.9), rgba(5, 14, 32, 0.96)),
    radial-gradient(circle at 12% 0%, rgba(55, 163, 255, 0.12), transparent 32%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-auth="signed-in"] .home-hero-card,
body[data-auth="signed-in"] .welcome-unlock-card {
  border-color: rgba(245, 189, 54, 0.66);
  background:
    radial-gradient(circle at 78% 8%, rgba(245, 189, 54, 0.22), transparent 28%),
    radial-gradient(circle at 18% 14%, rgba(55, 163, 255, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(9, 24, 52, 0.98), rgba(3, 10, 24, 0.98));
  box-shadow:
    0 0 0 1px rgba(255, 229, 138, 0.14),
    0 0 34px rgba(245, 189, 54, 0.16),
    0 24px 54px rgba(0, 0, 0, 0.38);
}

body[data-auth="signed-in"] .hero-symbol,
body[data-auth="signed-in"] .install-icon,
body[data-auth="signed-in"] .ticket-visual,
body[data-auth="signed-in"] .powerball-orb {
  border-color: rgba(245, 189, 54, 0.5);
  background: radial-gradient(circle, rgba(47, 132, 255, 0.28), rgba(4, 12, 30, 0.94));
  box-shadow: 0 0 28px rgba(49, 130, 246, 0.34), inset 0 0 18px rgba(245, 189, 54, 0.1);
}

body[data-auth="signed-in"] strong,
body[data-auth="signed-in"] h2,
body[data-auth="signed-in"] h3,
body[data-auth="signed-in"] .balance-card strong,
body[data-auth="signed-in"] .top-balance strong,
body[data-auth="signed-in"] .round-summary b,
body[data-auth="signed-in"] .public-board b,
body[data-auth="signed-in"] .status-grid b,
body[data-auth="signed-in"] .policy-card b,
body[data-auth="signed-in"] .payout-grid b,
body[data-auth="signed-in"] .referral-card b,
body[data-auth="signed-in"] .subscription-grid b,
body[data-auth="signed-in"] .ticket-summary-panel b,
body[data-auth="signed-in"] .assignment-ticket-card b,
body[data-auth="signed-in"] .powerball-bet-card b {
  color: #f7fbff;
}

body[data-auth="signed-in"] .balance-card strong b,
body[data-auth="signed-in"] .hero-balance strong,
body[data-auth="signed-in"] .claim-card strong,
body[data-auth="signed-in"] .referral-card b,
body[data-auth="signed-in"] .powerball-hero strong,
body[data-auth="signed-in"] .powerball-hero em,
body[data-auth="signed-in"] .section-title h2 {
  background: linear-gradient(180deg, #fff6c7 0%, #f3bc37 88%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body[data-auth="signed-in"] .primary-button,
body[data-auth="signed-in"] .home-buy-button,
body[data-auth="signed-in"] #welcomeHeroCta,
body[data-auth="signed-in"] #purchaseButton,
body[data-auth="signed-in"] #powerballPurchaseButton,
body[data-auth="signed-in"] .screen-sticky .primary-button {
  color: #1b1404;
  border: 1px solid rgba(255, 235, 169, 0.72);
  background:
    linear-gradient(180deg, #fff0a8 0%, #f4bd35 45%, #d8890f 100%);
  box-shadow:
    0 0 28px rgba(245, 189, 54, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.56);
  text-shadow: none;
}

body[data-auth="signed-in"] .plain-button,
body[data-auth="signed-in"] .text-button {
  color: #dceaff;
  border: 1px solid rgba(91, 151, 255, 0.34);
  background: linear-gradient(180deg, rgba(15, 39, 84, 0.94), rgba(5, 16, 38, 0.94));
}

body[data-auth="signed-in"] .round-action,
body[data-auth="signed-in"] .home-secondary-panel {
  color: #eaf3ff;
  border-color: rgba(80, 146, 255, 0.35);
  background: linear-gradient(180deg, rgba(13, 33, 70, 0.94), rgba(5, 14, 31, 0.95));
}

body[data-auth="signed-in"] .progress-track {
  background: rgba(255, 255, 255, 0.08);
}

body[data-auth="signed-in"] .progress-track i,
body[data-auth="signed-in"] .round-progress-track i {
  background: linear-gradient(90deg, #2b87ff, #18d6ff, #f6c44b);
  box-shadow: 0 0 18px rgba(55, 163, 255, 0.45);
}

body[data-auth="signed-in"] .form-field,
body[data-auth="signed-in"] .compact-field,
body[data-auth="signed-in"] input,
body[data-auth="signed-in"] select {
  color: var(--ink);
  border-color: rgba(92, 146, 255, 0.3);
  background: rgba(4, 14, 33, 0.72);
}

body[data-auth="signed-in"] input::placeholder {
  color: rgba(159, 176, 204, 0.72);
}

body[data-auth="signed-in"] .bottom-nav {
  border-color: rgba(92, 146, 255, 0.24);
  background: linear-gradient(180deg, rgba(8, 20, 42, 0.92), rgba(3, 8, 18, 0.98));
  box-shadow: 0 -20px 46px rgba(0, 0, 0, 0.36);
  backdrop-filter: blur(18px);
}

body[data-auth="signed-in"] .nav-item {
  color: rgba(214, 226, 246, 0.68);
}

body[data-auth="signed-in"] .nav-item.active {
  color: #f8fbff;
}

body[data-auth="signed-in"][data-screen="home"] .bottom-nav,
body[data-auth="signed-in"][data-screen="home"] .app-header {
  background: linear-gradient(180deg, rgba(8, 20, 42, 0.94), rgba(3, 8, 18, 0.98));
}

body[data-auth="signed-in"][data-screen="home"] .nav-item.active {
  color: #fff;
  background: linear-gradient(180deg, rgba(31, 113, 255, 0.95), rgba(9, 55, 143, 0.95));
}

body[data-auth="signed-in"] .claim-result,
body[data-auth="signed-in"] .charge-guide,
body[data-auth="signed-in"] .final-streak,
body[data-auth="signed-in"] .referral-reward-grid article.next,
body[data-auth="signed-in"] .subscription-grid article.featured {
  color: #dceaff;
  border: 1px solid rgba(245, 189, 54, 0.38);
  background:
    linear-gradient(180deg, rgba(28, 39, 67, 0.96), rgba(7, 18, 42, 0.96)),
    radial-gradient(circle at 92% 0%, rgba(245, 189, 54, 0.18), transparent 30%);
}

body[data-auth="signed-in"] .streak-day.done,
body[data-auth="signed-in"] .referral-reward-grid article.done,
body[data-auth="signed-in"] .status-chip.active,
body[data-auth="signed-in"] .status-chip.safe {
  color: #c9ffe1;
  border-color: rgba(73, 228, 135, 0.45);
  background: linear-gradient(180deg, rgba(20, 94, 63, 0.72), rgba(5, 27, 27, 0.92));
}

body[data-auth="signed-in"] .status-chip.blocked {
  color: #ffd2d6;
  border-color: rgba(255, 93, 108, 0.38);
  background: linear-gradient(180deg, rgba(109, 28, 45, 0.74), rgba(37, 8, 19, 0.92));
}

.pwa-access-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
}

.pwa-access-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.pwa-access-copy span {
  color: var(--gold-strong);
  font-size: 12px;
  font-weight: 900;
}

.pwa-access-copy b {
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
}

.pwa-access-copy p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.pwa-access-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  min-width: 104px;
}

.pwa-access-actions .plain-button {
  min-height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 13px;
}

body[data-auth="signed-in"] .auth-sheet {
  background: rgba(1, 6, 14, 0.74);
  backdrop-filter: blur(10px);
}

body[data-auth="signed-in"] .sheet-panel,
.qr-panel {
  color: var(--ink);
  border: 1px solid rgba(245, 189, 54, 0.38);
  background:
    radial-gradient(circle at 88% 0%, rgba(245, 189, 54, 0.16), transparent 28%),
    linear-gradient(180deg, rgba(10, 25, 54, 0.98), rgba(4, 11, 25, 0.98));
  box-shadow:
    0 0 0 1px rgba(55, 163, 255, 0.14),
    0 28px 80px rgba(0, 0, 0, 0.52);
}

body[data-auth="signed-in"] .sheet-close {
  color: #eaf3ff;
  border: 1px solid rgba(92, 146, 255, 0.28);
  background: rgba(10, 25, 54, 0.94);
}

.qr-panel {
  justify-items: stretch;
}

.qr-code-frame {
  display: grid;
  place-items: center;
  width: min(260px, 76vw);
  aspect-ratio: 1;
  justify-self: center;
  padding: 12px;
  border: 1px solid rgba(245, 189, 54, 0.46);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(218, 232, 255, 0.96));
  box-shadow: 0 0 30px rgba(55, 163, 255, 0.18);
}

.qr-code-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.qr-url {
  padding: 10px 12px;
  border: 1px solid rgba(92, 146, 255, 0.28);
  border-radius: 12px;
  color: #dceaff;
  background: rgba(5, 14, 31, 0.82);
  font-size: 12px;
  font-weight: 750;
  text-align: center;
}

.qr-actions {
  display: grid;
  gap: 8px;
}

.welcome-ticket-bundle span,
.welcome-modal-tickets span {
  color: #1b1404;
  border-color: rgba(255, 235, 169, 0.72);
  background: linear-gradient(180deg, #fff0a8 0%, #f3bd37 80%);
  box-shadow: 0 0 14px rgba(245, 189, 54, 0.24);
}

@media (min-width: 780px) {
  html,
  .app {
    background:
      radial-gradient(circle at 18% 4%, rgba(36, 121, 255, 0.24), transparent 30%),
      radial-gradient(circle at 86% 12%, rgba(255, 198, 65, 0.12), transparent 24%),
      linear-gradient(180deg, #030815 0%, #071226 52%, #020712 100%);
  }

  .mobile-app {
    border-radius: 30px;
  }
}

@media (max-width: 390px) {
  .pwa-access-card {
    grid-template-columns: 1fr;
  }

  .pwa-access-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Home-specific selectors have higher specificity in the legacy layer, so keep final overrides equally specific. */
body[data-auth="signed-in"][data-screen="home"] .app,
body[data-auth="signed-in"][data-screen="home"] .mobile-app {
  color: var(--ink);
  background:
    radial-gradient(circle at 16% 4%, rgba(42, 138, 255, 0.2), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(246, 195, 72, 0.16), transparent 24%),
    linear-gradient(180deg, #07162f 0%, #061020 44%, #020712 100%);
}

body[data-auth="signed-in"][data-screen="home"] .app-header {
  color: #fff;
  background: linear-gradient(180deg, rgba(4, 13, 30, 0.96), rgba(4, 13, 30, 0.72));
  border-bottom: 1px solid rgba(92, 146, 255, 0.18);
}

body[data-auth="signed-in"][data-screen="home"] .app-header h1,
body[data-auth="signed-in"][data-screen="home"] .section-title h2,
body[data-auth="signed-in"][data-screen="home"] .section-title h3 {
  background: linear-gradient(90deg, #fff4bf 0%, #f5bd36 48%, #ffffff 82%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body[data-auth="signed-in"][data-screen="home"] .icon-button {
  color: #dceaff;
  border: 1px solid rgba(91, 151, 255, 0.36);
  background: linear-gradient(180deg, rgba(17, 41, 86, 0.96), rgba(8, 22, 50, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(0, 0, 0, 0.2);
}

body[data-auth="signed-in"][data-screen="home"] .profile-button {
  color: #fff;
  border: 1px solid rgba(81, 149, 255, 0.58);
  background: linear-gradient(145deg, #1e6eff, #0f3d99);
  box-shadow: 0 0 26px rgba(49, 130, 246, 0.32);
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card,
body[data-auth="signed-in"][data-screen="home"] .pwa-access-card,
body[data-auth="signed-in"][data-screen="home"] .draw-progress-panel,
body[data-auth="signed-in"][data-screen="home"] .prize-tier-panel,
body[data-auth="signed-in"][data-screen="home"] .draw-overview,
body[data-auth="signed-in"][data-screen="home"] #screen-home > .section-block:not(.draw-overview) {
  color: var(--ink);
  border: 1px solid rgba(92, 146, 255, 0.28);
  background:
    radial-gradient(circle at 80% 0%, rgba(245, 189, 54, 0.18), transparent 28%),
    radial-gradient(circle at 10% 0%, rgba(55, 163, 255, 0.14), transparent 32%),
    linear-gradient(180deg, rgba(13, 32, 70, 0.94), rgba(5, 14, 32, 0.98));
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  border-color: rgba(245, 189, 54, 0.66);
  box-shadow:
    0 0 0 1px rgba(255, 229, 138, 0.14),
    0 0 34px rgba(245, 189, 54, 0.16),
    0 24px 54px rgba(0, 0, 0, 0.38);
}

body[data-auth="signed-in"][data-screen="home"] .home-buy-button,
body[data-auth="signed-in"][data-screen="home"] .draw-actions .primary-button,
body[data-auth="signed-in"][data-screen="home"] #welcomeHeroCta {
  color: #1b1404;
  border: 1px solid rgba(255, 235, 169, 0.72);
  background: linear-gradient(180deg, #fff0a8 0%, #f4bd35 45%, #d8890f 100%);
  box-shadow: 0 0 28px rgba(245, 189, 54, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.56);
}

body[data-auth="signed-in"][data-screen="home"] .hero-symbol {
  border: 1px solid rgba(245, 189, 54, 0.5);
  background: radial-gradient(circle, rgba(47, 132, 255, 0.28), rgba(4, 12, 30, 0.94));
  box-shadow: 0 0 28px rgba(49, 130, 246, 0.34), inset 0 0 18px rgba(245, 189, 54, 0.1);
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance strong b,
body[data-auth="signed-in"][data-screen="home"] .top-balance strong,
body[data-auth="signed-in"][data-screen="home"] .round-summary b,
body[data-auth="signed-in"][data-screen="home"] .simple-list b {
  color: #f7fbff;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta b {
  color: var(--gold-strong);
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip article,
body[data-auth="signed-in"][data-screen="home"] .hero-countdown,
body[data-auth="signed-in"][data-screen="home"] .round-action,
body[data-auth="signed-in"][data-screen="home"] .top-balance > div,
body[data-auth="signed-in"][data-screen="home"] .progress-stats article {
  color: #f7fbff;
  border: 1px solid rgba(92, 146, 255, 0.3);
  background:
    linear-gradient(180deg, rgba(13, 32, 70, 0.88), rgba(5, 14, 32, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip span,
body[data-auth="signed-in"][data-screen="home"] .hero-countdown span,
body[data-auth="signed-in"][data-screen="home"] .hero-countdown em,
body[data-auth="signed-in"][data-screen="home"] .progress-stats span {
  color: var(--muted);
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip b,
body[data-auth="signed-in"][data-screen="home"] .hero-countdown b,
body[data-auth="signed-in"][data-screen="home"] .progress-stats b {
  color: #fff4bf;
}

body[data-auth="signed-in"][data-screen="home"] .round-action {
  color: #dceaff;
}

body[data-auth="signed-in"] .assignment-wait-panel {
  border-color: rgba(73, 228, 135, 0.42);
  background:
    linear-gradient(180deg, rgba(14, 64, 47, 0.74), rgba(5, 22, 28, 0.94));
  box-shadow: 0 0 22px rgba(73, 228, 135, 0.12);
}

body[data-auth="signed-in"] .assignment-wait-panel b {
  color: #c9ffe1;
}

body[data-auth="signed-in"] .assignment-wait-panel span {
  color: rgba(220, 255, 235, 0.76);
}

body[data-auth="signed-in"] .profile-hero,
body[data-auth="signed-in"] .profile-metrics article,
body[data-auth="signed-in"] .ticket-asset-grid article {
  color: var(--ink);
  border: 1px solid rgba(92, 146, 255, 0.28);
  background:
    radial-gradient(circle at 90% 0%, rgba(245, 189, 54, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(13, 32, 70, 0.92), rgba(5, 14, 32, 0.98));
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-auth="signed-in"] .profile-hero h2,
body[data-auth="signed-in"] .profile-metrics b,
body[data-auth="signed-in"] .ticket-asset-grid b {
  color: #f7fbff;
}

body[data-auth="signed-in"] .profile-hero span,
body[data-auth="signed-in"] .profile-metrics span,
body[data-auth="signed-in"] .ticket-asset-grid span,
body[data-auth="signed-in"] .ticket-asset-grid em {
  color: var(--muted);
}

body[data-auth="signed-in"] .powerball-last,
body[data-auth="signed-in"] .power-pick-card,
body[data-auth="signed-in"] .game-tabs,
body[data-auth="signed-in"] .power-quote-card article,
body[data-auth="signed-in"] .reservation-row {
  color: var(--ink);
  border: 1px solid rgba(92, 146, 255, 0.28);
  background:
    linear-gradient(180deg, rgba(13, 32, 70, 0.9), rgba(5, 14, 32, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-auth="signed-in"] .power-number-button,
body[data-auth="signed-in"] .choice-row button,
body[data-auth="signed-in"] .number-button {
  color: #dceaff;
  border: 1px solid rgba(92, 146, 255, 0.34);
  background: linear-gradient(180deg, rgba(14, 34, 73, 0.95), rgba(6, 17, 40, 0.98));
}

body[data-auth="signed-in"] .power-number-button.selected,
body[data-auth="signed-in"] .choice-row button.active,
body[data-auth="signed-in"] .number-button.selected {
  color: #fff;
  border-color: rgba(67, 160, 255, 0.78);
  background: linear-gradient(180deg, #2f8cff, #0d4fd6);
  box-shadow: 0 0 18px rgba(49, 130, 246, 0.36);
}

body[data-auth="signed-in"] .power-number-button.power.selected {
  color: #10200d;
  border-color: rgba(255, 235, 169, 0.82);
  background: linear-gradient(180deg, #fff0a8, #f4bd35);
  box-shadow: 0 0 20px rgba(245, 189, 54, 0.38);
}

body[data-auth="signed-in"] .power-number-button:disabled,
body[data-auth="signed-in"] .number-button:disabled {
  color: rgba(159, 176, 204, 0.52);
  background: rgba(10, 20, 41, 0.72);
}

body[data-auth="signed-in"] .powerball-last b,
body[data-auth="signed-in"] .power-quote-card b {
  color: #f7fbff;
}

/* Reference-match polish: stronger premium mobile cards and conversion menu */
body[data-auth="signed-in"] .app-header {
  min-height: 70px;
  padding-top: max(16px, env(safe-area-inset-top, 0px));
}

body[data-auth="signed-in"] .brand-lockup {
  gap: 12px;
}

body[data-auth="signed-in"] .brand-lockup img {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  box-shadow:
    0 0 0 1px rgba(255, 229, 138, 0.24),
    0 0 28px rgba(49, 130, 246, 0.34);
}

body[data-auth="signed-in"] .app-header h1 {
  font-size: 25px;
  line-height: 1;
  font-weight: 900;
}

body[data-auth="signed-in"] .profile-button {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 35% 20%, rgba(255, 255, 255, 0.42), transparent 24%),
    linear-gradient(145deg, #357fff, #0a44c4);
}

body[data-auth="signed-in"] .profile-button span {
  width: 100%;
  height: 100%;
  border-radius: 14px;
  background: transparent;
  font-size: 24px;
  font-weight: 900;
}

body[data-auth="signed-in"] .home-hero-card::before,
body[data-auth="signed-in"] .welcome-unlock-card::before,
body[data-auth="signed-in"] .powerball-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 10%, rgba(89, 180, 255, 0.18), transparent 18%),
    radial-gradient(circle at 80% 8%, rgba(255, 223, 111, 0.18), transparent 16%),
    linear-gradient(130deg, transparent 0 48%, rgba(255, 223, 111, 0.08) 52%, transparent 62%);
  mix-blend-mode: lighten;
}

body[data-auth="signed-in"] .home-hero-card::after {
  content: none;
  display: none;
}

body[data-auth="signed-in"] .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .home-hero-card {
  min-height: 430px;
  padding: 19px;
  border-radius: 10px;
}

body[data-auth="signed-in"] .hero-balance strong b {
  font-size: 52px;
  text-shadow: 0 0 22px rgba(255, 255, 255, 0.14);
}

body[data-auth="signed-in"] .hero-countdown {
  min-height: 88px;
  padding: 15px;
}

body[data-auth="signed-in"] .hero-countdown b {
  font-size: 32px;
  line-height: 1;
}

body[data-auth="signed-in"] .home-buy-button,
body[data-auth="signed-in"][data-screen="home"] .home-buy-button {
  min-height: 58px;
  border-radius: 13px;
  font-size: 17px;
  font-weight: 900;
  box-shadow:
    0 0 0 1px rgba(255, 246, 196, 0.32),
    0 0 34px rgba(245, 189, 54, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.64);
}

body[data-auth="signed-in"] .home-hero-card .hero-actions {
  display: none;
}

.home-conversion-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.home-feature-card {
  position: relative;
  display: grid;
  justify-items: start;
  gap: 5px;
  min-height: 126px;
  padding: 15px;
  overflow: hidden;
  border: 1px solid rgba(92, 146, 255, 0.34);
  border-radius: 10px;
  color: #fff;
  text-align: left;
  background:
    radial-gradient(circle at 86% 14%, rgba(255, 229, 138, 0.14), transparent 28%),
    linear-gradient(180deg, rgba(13, 32, 70, 0.96), rgba(5, 14, 32, 0.98));
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.home-feature-card::after {
  position: absolute;
  right: 12px;
  bottom: 10px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: #101827;
  background: linear-gradient(180deg, #fff2af, #efb329);
  font-size: 22px;
  font-weight: 900;
  box-shadow: 0 0 24px rgba(245, 189, 54, 0.42);
}

.feature-buy {
  border-color: rgba(245, 189, 54, 0.72);
  background:
    radial-gradient(circle at 84% 20%, rgba(255, 230, 130, 0.26), transparent 30%),
    linear-gradient(180deg, rgba(22, 45, 88, 0.98), rgba(7, 16, 34, 0.98));
}

.feature-buy::after { content: "3"; }
.feature-referral::after { content: "↗"; }
.feature-powerball::after { content: "5"; }
.feature-claim::after { content: "✓"; }

.home-feature-card span {
  color: #8ed1ff;
  font-size: 12px;
  font-weight: 900;
}

.home-feature-card b {
  color: #fff8d2;
  font-size: 22px;
  line-height: 1.05;
}

.home-feature-card em {
  max-width: calc(100% - 42px);
  color: rgba(220, 234, 255, 0.78);
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
}

body[data-auth="signed-in"] .welcome-unlock-card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

body[data-auth="signed-in"] .welcome-unlock-card strong {
  font-size: 26px;
}

body[data-auth="signed-in"] .pwa-access-card,
body[data-auth="signed-in"] .install-card {
  border-color: rgba(245, 189, 54, 0.36);
}

body[data-auth="signed-in"] .powerball-hero {
  position: relative;
  min-height: 324px;
  overflow: hidden;
  padding: 18px 18px 18px;
  border-radius: 10px;
}

body[data-auth="signed-in"] .powerball-hero::after {
  content: "POWER";
  position: absolute;
  right: 20px;
  top: 88px;
  display: grid;
  place-items: center;
  width: 118px;
  height: 118px;
  border: 2px solid rgba(83, 168, 255, 0.68);
  border-radius: 50%;
  color: #ffe889;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.72), transparent 12%),
    radial-gradient(circle, rgba(47, 132, 255, 0.86), rgba(5, 20, 58, 0.96) 68%);
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0;
  transform: rotate(-15deg);
  box-shadow:
    0 0 0 10px rgba(42, 138, 255, 0.08),
    0 0 42px rgba(42, 138, 255, 0.5);
}

body[data-auth="signed-in"] .powerball-hero strong {
  font-size: 58px;
  letter-spacing: 0;
}

body[data-auth="signed-in"] .powerball-last {
  width: min(100%, 280px);
  margin-top: 14px;
}

body[data-auth="signed-in"] .bottom-nav {
  min-height: calc(76px + var(--safe-bottom));
  padding-top: 9px;
  border-top-color: rgba(92, 146, 255, 0.28);
}

body[data-auth="signed-in"] .nav-item.active {
  min-height: 58px;
  border: 1px solid rgba(92, 174, 255, 0.8);
  border-radius: 15px;
  box-shadow:
    0 0 28px rgba(42, 138, 255, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

@media (max-width: 390px) {
  body[data-auth="signed-in"] .home-hero-card,
  body[data-auth="signed-in"][data-screen="home"] .home-hero-card {
    min-height: 420px;
  }

  body[data-auth="signed-in"] .hero-balance strong b {
    font-size: 48px;
  }

  .home-feature-card {
    min-height: 116px;
    padding: 13px;
  }

  body[data-auth="signed-in"] .powerball-hero::after {
    right: 16px;
    top: 92px;
    width: 96px;
    height: 96px;
    font-size: 14px;
  }
}

/* Reference-match pass: make the first home viewport read like the provided onboarding/menu screens. */
body:not([data-screen="home"]) .home-stage {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage {
  display: flex;
  flex-direction: column;
  padding-bottom: 22px;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .product-switch { order: 1; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card { order: 2; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card { order: 3; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid { order: 4; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card { order: 5; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .draw-progress-panel { order: 6; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .prize-tier-panel { order: 7; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .top-balance { order: 8; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .ticket-summary-panel { order: 9; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > #screen-home { order: 10; }

body[data-auth="signed-in"] .bottom-nav {
  position: fixed;
  left: 50%;
  right: auto;
  bottom: 0;
  z-index: 18;
  width: min(460px, 100vw);
  transform: translateX(-50%);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  min-height: 342px;
  padding: 24px 20px 18px;
  border-radius: 12px;
  background:
    radial-gradient(circle at 84% 22%, rgba(255, 222, 116, 0.28), transparent 28%),
    radial-gradient(circle at 18% 20%, rgba(52, 139, 255, 0.28), transparent 38%),
    linear-gradient(180deg, rgba(11, 31, 70, 0.98), rgba(3, 10, 24, 0.99));
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::after {
  content: "FREE\A 10";
  position: absolute;
  right: 22px;
  top: 22px;
  display: grid;
  place-items: center;
  width: 86px;
  height: 68px;
  border: 2px solid rgba(255, 235, 169, 0.86);
  border-radius: 10px;
  color: #241704;
  white-space: pre;
  text-align: center;
  line-height: 0.92;
  background:
    radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.8), transparent 14%),
    linear-gradient(180deg, #fff4b7 0%, #f1bf38 54%, #c87808 100%);
  font-size: 22px;
  font-weight: 900;
  transform: rotate(-7deg);
  box-shadow:
    0 0 0 8px rgba(245, 189, 54, 0.08),
    0 0 30px rgba(245, 189, 54, 0.5);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card span {
  color: #8ed1ff;
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
  max-width: 230px;
  margin-top: 10px;
  color: #fff8d2;
  font-size: 31px;
  line-height: 1.06;
  text-shadow: 0 0 28px rgba(255, 229, 138, 0.18);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
  max-width: 270px;
  margin-top: 10px;
  color: rgba(220, 234, 255, 0.78);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-ticket-bundle {
  margin-top: 16px;
}

body[data-auth="signed-in"][data-screen="home"] #welcomeHeroCta {
  min-height: 58px;
  margin-top: 16px;
  border-radius: 13px;
  font-size: 16px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card {
  min-height: 278px;
  padding: 17px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-symbol {
  width: 62px;
  height: 62px;
  border-radius: 18px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-symbol img {
  width: 56px;
  height: 56px;
  border-radius: 17px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance strong b {
  font-size: 40px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip {
  gap: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip article {
  min-height: 54px;
  padding: 9px 10px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown {
  min-height: 74px;
  padding: 12px 14px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown b {
  font-size: 28px;
}

body[data-auth="signed-in"][data-screen="home"] .home-buy-button {
  min-height: 54px;
}

body[data-auth="signed-in"][data-screen="home"] .mobile-app {
  padding-bottom: calc(132px + var(--safe-bottom));
  scroll-padding-bottom: calc(132px + var(--safe-bottom));
}

body[data-auth="signed-in"][data-screen="home"] .home-conversion-grid {
  margin: 12px 0 14px;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-card,
body[data-auth="signed-in"][data-screen="home"] .draw-progress-panel,
body[data-auth="signed-in"][data-screen="home"] .prize-tier-panel {
  margin: 0 0 14px;
}

body[data-auth="signed-in"][data-screen="home"] .top-balance {
  margin: 2px 0 14px;
}

body[data-auth="signed-in"][data-screen="home"] .ticket-summary-panel {
  margin: 0 0 18px;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > #screen-home {
  margin-top: 0;
  padding-bottom: 18px;
}

@media (max-width: 390px) {
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
    min-height: 352px;
    padding: 22px 18px 17px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
    max-width: 210px;
    font-size: 28px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::after {
    right: 18px;
    top: 20px;
    width: 76px;
    height: 60px;
    font-size: 20px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-hero-card {
    min-height: 268px;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-balance strong b {
    font-size: 36px;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-countdown b {
    font-size: 26px;
  }
}

/* Signed-in layout spacing contract: keep screen boxes separated without touching app logic. */
body[data-auth="signed-in"] {
  --screen-edge: 20px;
  --screen-gap: 18px;
  --panel-gap: 14px;
  --panel-radius: 12px;
}

body[data-auth="signed-in"] .mobile-app {
  padding-right: var(--screen-edge);
  padding-left: var(--screen-edge);
  padding-bottom: calc(148px + var(--safe-bottom));
  scroll-padding-bottom: calc(148px + var(--safe-bottom));
}

body[data-auth="signed-in"] .app-header {
  margin-right: calc(-1 * var(--screen-edge));
  margin-left: calc(-1 * var(--screen-edge));
  margin-bottom: var(--screen-gap);
  padding-right: var(--screen-edge);
  padding-left: var(--screen-edge);
}

body[data-auth="signed-in"] .screen.active {
  gap: var(--screen-gap);
  padding-bottom: 34px;
}

body[data-auth="signed-in"] .screen.active > .section-title,
body[data-auth="signed-in"] .screen.active > .balance-card,
body[data-auth="signed-in"] .screen.active > .selection-panel,
body[data-auth="signed-in"] .screen.active > .purchase-card,
body[data-auth="signed-in"] .screen.active > .policy-card,
body[data-auth="signed-in"] .screen.active > .charge-card,
body[data-auth="signed-in"] .screen.active > .insight-card,
body[data-auth="signed-in"] .screen.active > .draw-lab,
body[data-auth="signed-in"] .screen.active > .claim-card,
body[data-auth="signed-in"] .screen.active > .referral-card,
body[data-auth="signed-in"] .screen.active > .referral-progress-card,
body[data-auth="signed-in"] .screen.active > .section-block,
body[data-auth="signed-in"] .screen.active > .powerball-hero,
body[data-auth="signed-in"] .screen.active > .power-pick-card,
body[data-auth="signed-in"] .screen.active > .assignment-panel,
body[data-auth="signed-in"] .screen.active > .ticket-list,
body[data-auth="signed-in"] .screen.active > .simple-list,
body[data-auth="signed-in"] .screen.active > .history-list,
body[data-auth="signed-in"] .screen.active > .ledger-list,
body[data-auth="signed-in"] .screen.active > .deposit-list,
body[data-auth="signed-in"] .screen.active > .form-field,
body[data-auth="signed-in"] .screen.active > .button-row,
body[data-auth="signed-in"] .screen.active > .profile-hero,
body[data-auth="signed-in"] .screen.active > .profile-metrics,
body[data-auth="signed-in"] .screen.active > .ticket-asset-grid,
body[data-auth="signed-in"] .screen.active > .install-card,
body[data-auth="signed-in"] .screen.active > .pwa-access-card,
body[data-auth="signed-in"] .screen.active > .public-board,
body[data-auth="signed-in"] .screen.active > .empty-card,
body[data-auth="signed-in"] .screen.active > #ticketList,
body[data-auth="signed-in"] .screen.active > #smartInsight,
body[data-auth="signed-in"] .screen.active > #numberGrid,
body[data-auth="signed-in"] .screen.active > #saveWalletButton,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .product-switch,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .top-balance,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .ticket-summary-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > #screen-home {
  margin-top: 0;
  margin-bottom: 0;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage {
  gap: var(--screen-gap);
  padding-bottom: 34px;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > #screen-home {
  padding-bottom: 26px;
}

body[data-auth="signed-in"] .section-block,
body[data-auth="signed-in"] .balance-card,
body[data-auth="signed-in"] .selection-panel,
body[data-auth="signed-in"] .purchase-card,
body[data-auth="signed-in"] .policy-card,
body[data-auth="signed-in"] .charge-card,
body[data-auth="signed-in"] .insight-card,
body[data-auth="signed-in"] .draw-lab,
body[data-auth="signed-in"] .claim-card,
body[data-auth="signed-in"] .referral-card,
body[data-auth="signed-in"] .referral-progress-card,
body[data-auth="signed-in"] .subscription-grid article,
body[data-auth="signed-in"] .wallet-card,
body[data-auth="signed-in"] .install-card,
body[data-auth="signed-in"] .pwa-access-card,
body[data-auth="signed-in"] .draw-progress-panel,
body[data-auth="signed-in"] .prize-tier-panel,
body[data-auth="signed-in"] .powerball-hero,
body[data-auth="signed-in"] .power-pick-card,
body[data-auth="signed-in"] .powerball-number-picker,
body[data-auth="signed-in"] .payout-panel,
body[data-auth="signed-in"] .ticket-card,
body[data-auth="signed-in"] .assignment-panel,
body[data-auth="signed-in"] .profile-hero,
body[data-auth="signed-in"] .empty-card {
  border-radius: var(--panel-radius);
}

body[data-auth="signed-in"] .section-block,
body[data-auth="signed-in"] .purchase-card,
body[data-auth="signed-in"] .policy-card,
body[data-auth="signed-in"] .charge-card,
body[data-auth="signed-in"] .insight-card,
body[data-auth="signed-in"] .draw-lab,
body[data-auth="signed-in"] .power-pick-card,
body[data-auth="signed-in"] .assignment-panel,
body[data-auth="signed-in"] .referral-progress-card,
body[data-auth="signed-in"] .payout-panel {
  gap: var(--panel-gap);
  padding: 18px;
}

body[data-auth="signed-in"] .home-conversion-grid,
body[data-auth="signed-in"] .top-balance,
body[data-auth="signed-in"] .ticket-summary-panel,
body[data-auth="signed-in"] .round-summary,
body[data-auth="signed-in"] .public-board,
body[data-auth="signed-in"] .purchase-breakdown,
body[data-auth="signed-in"] .charge-grid,
body[data-auth="signed-in"] .status-grid,
body[data-auth="signed-in"] .policy-card,
body[data-auth="signed-in"] .payout-grid,
body[data-auth="signed-in"] .profile-metrics,
body[data-auth="signed-in"] .ticket-asset-grid,
body[data-auth="signed-in"] .subscription-grid,
body[data-auth="signed-in"] .referral-reward-grid,
body[data-auth="signed-in"] .claim-breakdown,
body[data-auth="signed-in"] .power-quote-card,
body[data-auth="signed-in"] .assignment-callout,
body[data-auth="signed-in"] .payout-grid.extended,
body[data-auth="signed-in"] .ticket-list,
body[data-auth="signed-in"] .powerball-bet-list {
  gap: 12px;
}

body[data-auth="signed-in"] .simple-list,
body[data-auth="signed-in"] .ledger-list,
body[data-auth="signed-in"] .history-list,
body[data-auth="signed-in"] .deposit-list,
body[data-auth="signed-in"] .ledger-list > div {
  gap: 10px;
}

body[data-auth="signed-in"] .simple-list article,
body[data-auth="signed-in"] .ledger-list article,
body[data-auth="signed-in"] .history-list article,
body[data-auth="signed-in"] .deposit-list article {
  min-height: 64px;
  padding: 14px;
  border: 1px solid rgba(92, 146, 255, 0.28);
  border-radius: var(--panel-radius);
}

body[data-auth="signed-in"] .simple-list article:last-child,
body[data-auth="signed-in"] .ledger-list article:last-child,
body[data-auth="signed-in"] .history-list article:last-child,
body[data-auth="signed-in"] .deposit-list article:last-child {
  border-bottom: 1px solid rgba(92, 146, 255, 0.28);
}

body[data-auth="signed-in"] .round-summary > div,
body[data-auth="signed-in"] .public-board article,
body[data-auth="signed-in"] .purchase-breakdown article,
body[data-auth="signed-in"] .status-grid article,
body[data-auth="signed-in"] .policy-card > div,
body[data-auth="signed-in"] .payout-grid article,
body[data-auth="signed-in"] .profile-metrics article,
body[data-auth="signed-in"] .ticket-asset-grid article,
body[data-auth="signed-in"] .ticket-summary-panel article,
body[data-auth="signed-in"] .claim-breakdown article,
body[data-auth="signed-in"] .power-quote-card article,
body[data-auth="signed-in"] .assignment-callout article,
body[data-auth="signed-in"] .referral-reward-grid article,
body[data-auth="signed-in"] .payout-grid.extended article {
  padding: 14px;
  border-radius: var(--panel-radius);
}

body[data-auth="signed-in"] .screen-sticky {
  width: min(420px, calc(100vw - 40px));
  padding-top: 14px;
}

@media (max-width: 390px) {
  body[data-auth="signed-in"] {
    --screen-edge: 18px;
    --screen-gap: 16px;
    --panel-gap: 13px;
  }

  body[data-auth="signed-in"] .screen.active {
    padding-bottom: 30px;
  }

  body[data-auth="signed-in"] .section-block,
  body[data-auth="signed-in"] .purchase-card,
  body[data-auth="signed-in"] .policy-card,
  body[data-auth="signed-in"] .charge-card,
  body[data-auth="signed-in"] .insight-card,
  body[data-auth="signed-in"] .draw-lab,
  body[data-auth="signed-in"] .power-pick-card,
  body[data-auth="signed-in"] .assignment-panel,
  body[data-auth="signed-in"] .referral-progress-card,
  body[data-auth="signed-in"] .payout-panel {
    padding: 16px;
  }
}

/* Powerball reference pass: large neon draw hero matching the supplied SUPER WINS screen. */
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  gap: 18px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
  position: relative;
  display: block;
  min-height: 126px;
  padding-top: 8px;
  border-bottom: 1px solid rgba(79, 139, 255, 0.18);
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) .eyebrow {
  color: #2d91ff;
  font-size: 17px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) h2 {
  margin-top: 6px;
  color: #f7fbff;
  background: none;
  font-size: clamp(44px, 12vw, 60px);
  line-height: 0.96;
  font-weight: 900;
  white-space: nowrap;
  text-shadow: 0 0 22px rgba(87, 155, 255, 0.28);
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
  position: absolute;
  right: 0;
  top: 38px;
  min-height: 44px;
  margin-top: 0;
  padding: 0 15px;
  border-color: rgba(104, 255, 140, 0.58);
  border-radius: 999px;
  color: #93ff9f;
  background: linear-gradient(180deg, rgba(4, 72, 36, 0.98), rgba(4, 42, 25, 0.98));
  box-shadow:
    0 0 26px rgba(50, 255, 116, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: #66ff8a;
  box-shadow: 0 0 12px rgba(102, 255, 138, 0.9);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  position: relative;
  min-height: 356px;
  padding: 24px 18px 18px;
  overflow: hidden;
  border: 1px solid rgba(70, 139, 255, 0.72);
  border-radius: 20px;
  background:
    radial-gradient(circle at 76% 28%, rgba(53, 155, 255, 0.4), transparent 28%),
    radial-gradient(circle at 18% 20%, rgba(60, 132, 255, 0.24), transparent 32%),
    linear-gradient(180deg, rgba(10, 31, 72, 0.98), rgba(3, 11, 28, 0.99));
  box-shadow:
    0 0 0 1px rgba(99, 173, 255, 0.12),
    0 0 36px rgba(44, 123, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero > div:first-child {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: start;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero span {
  color: #c7d8f7;
  font-size: 19px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero strong {
  margin-top: 10px;
  color: #f8fbff;
  background: none;
  font-size: clamp(72px, 20vw, 92px);
  line-height: 0.9;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  text-shadow:
    0 0 12px rgba(255, 255, 255, 0.54),
    0 0 30px rgba(60, 150, 255, 0.78),
    0 0 58px rgba(46, 111, 255, 0.5);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
  max-width: 198px;
  margin-top: 14px;
  color: rgba(220, 234, 255, 0.86);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.45;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
  content: "POWER";
  position: absolute;
  z-index: 1;
  right: 18px;
  top: 86px;
  display: grid;
  place-items: center;
  width: 126px;
  height: 126px;
  border: 2px solid rgba(105, 188, 255, 0.78);
  border-radius: 50%;
  color: #ffe680;
  background:
    linear-gradient(165deg, transparent 42%, rgba(255, 228, 118, 0.74) 43%, rgba(255, 228, 118, 0.74) 49%, transparent 50%),
    radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.82), transparent 10%),
    radial-gradient(circle at 52% 42%, rgba(42, 145, 255, 0.96), rgba(6, 34, 92, 0.98) 68%);
  font-size: 18px;
  font-weight: 900;
  transform: rotate(-14deg);
  box-shadow:
    0 0 0 12px rgba(33, 116, 255, 0.12),
    0 0 48px rgba(50, 140, 255, 0.62),
    inset 0 0 34px rgba(34, 117, 255, 0.42);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 7px;
  width: 100%;
  margin-top: 18px;
  padding: 13px 14px 13px 72px;
  border: 1px solid rgba(83, 139, 255, 0.34);
  border-radius: 16px;
  color: #e9f3ff;
  background: linear-gradient(180deg, rgba(7, 21, 48, 0.92), rgba(3, 10, 25, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 30% 28%, #fff7bc 0 9%, transparent 10%),
    radial-gradient(circle at 58% 58%, #e6a81d 0 32%, transparent 33%),
    linear-gradient(180deg, #fff0a5, #d88f12);
  box-shadow:
    -10px 8px 0 -2px rgba(216, 143, 18, 0.9),
    0 0 22px rgba(245, 189, 54, 0.32);
  transform: translateY(-50%);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em b {
  display: inline;
  color: inherit;
  background: none;
  font-size: 20px;
  line-height: 1.22;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em b {
  color: #ffe27a;
  text-shadow: 0 0 14px rgba(245, 189, 54, 0.26);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(83, 139, 255, 0.32);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(7, 21, 48, 0.86), rgba(3, 10, 25, 0.94));
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last span {
  color: #c7d8f7;
  font-size: 15px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last b {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last i {
  display: grid;
  place-items: center;
  width: 33px;
  height: 33px;
  border: 1px solid rgba(119, 192, 255, 0.8);
  border-radius: 50%;
  color: #fff;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.65), transparent 12%),
    linear-gradient(180deg, #237cff, #063ea8);
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  box-shadow: 0 0 17px rgba(49, 130, 246, 0.45);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last small {
  color: #f7fbff;
  font-size: 20px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last i.power {
  color: #1e1502;
  border-color: rgba(255, 235, 169, 0.9);
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.78), transparent 13%),
    linear-gradient(180deg, #fff0a3, #d99a17);
  box-shadow: 0 0 22px rgba(245, 189, 54, 0.52);
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type {
  border-color: rgba(70, 139, 255, 0.48);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0%, rgba(48, 123, 255, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(6, 21, 50, 0.96), rgba(3, 10, 24, 0.98));
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .section-title.compact h3 {
  font-size: 27px;
  line-height: 1.05;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .section-title.compact .status-chip {
  min-height: 42px;
  border-color: rgba(72, 143, 255, 0.6);
  border-radius: 12px;
  color: #dceaff;
  background: rgba(12, 36, 78, 0.86);
  font-size: 18px;
}

body[data-auth="signed-in"][data-screen="powerball"] .game-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 5px;
  border-radius: 14px;
}

body[data-auth="signed-in"][data-screen="powerball"] .game-tabs .segment {
  min-height: 55px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker {
  gap: 8px;
  padding: 12px;
  border-radius: 16px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-number-button {
  min-height: 44px;
  border-radius: 10px;
  font-size: 17px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker.compact .power-number-button {
  border-radius: 50%;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
  min-height: 64px;
  border-radius: 14px;
  font-size: 23px;
}

@media (max-width: 390px) {
  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
    min-height: 118px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) h2 {
    font-size: 43px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
    min-height: 39px;
    top: 42px;
    padding: 0 12px;
    font-size: 13px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
    min-height: 338px;
    padding: 22px 16px 16px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero > div:first-child {
    padding-right: 0;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero strong {
    font-size: 76px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
    right: 10px;
    top: 100px;
    width: 104px;
    height: 104px;
    font-size: 16px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
    padding-left: 62px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em::before {
    left: 13px;
    width: 36px;
    height: 36px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em span,
  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em b {
    font-size: 16px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-last i {
    width: 29px;
    height: 29px;
    font-size: 13px;
  }
}

/* Brand tone lock: keep browser-link and home-screen/PWA entry visually consistent. */
:root {
  color-scheme: dark;
  --sw-bg-a: #030816;
  --sw-bg-b: #06142d;
  --sw-bg-c: #020711;
  --sw-panel-a: rgba(10, 29, 64, 0.96);
  --sw-panel-b: rgba(3, 10, 24, 0.985);
  --sw-blue-glow: rgba(55, 148, 255, 0.18);
  --sw-gold-glow: rgba(245, 189, 54, 0.13);
  --sw-border-blue: rgba(92, 146, 255, 0.34);
  --sw-border-gold: rgba(245, 189, 54, 0.48);
  --sw-image-tone: saturate(1.08) contrast(1.04) brightness(0.96);
}

html,
body,
body[data-auth="signed-in"],
body[data-auth="signed-in"] .app,
body[data-auth="signed-in"][data-screen="home"] .app,
body[data-auth="signed-in"][data-screen="home"] .mobile-app {
  background:
    radial-gradient(circle at 18% 4%, rgba(42, 138, 255, 0.18), transparent 29%),
    radial-gradient(circle at 88% 10%, rgba(245, 189, 54, 0.1), transparent 24%),
    linear-gradient(180deg, var(--sw-bg-a) 0%, var(--sw-bg-b) 46%, var(--sw-bg-c) 100%);
}

body[data-auth="signed-in"] .mobile-app {
  background:
    radial-gradient(circle at 16% 5%, rgba(42, 138, 255, 0.17), transparent 25%),
    radial-gradient(circle at 88% 15%, rgba(245, 189, 54, 0.1), transparent 24%),
    linear-gradient(180deg, #06142d 0%, #061020 42%, #020711 100%);
}

body[data-auth="signed-in"] .mobile-app::before {
  background:
    radial-gradient(circle at 22% 0%, rgba(55, 163, 255, 0.16), transparent 28%),
    linear-gradient(120deg, transparent 0 58%, rgba(255, 210, 93, 0.055) 62%, transparent 72%);
}

body[data-auth="signed-in"] .brand-lockup img,
.login-app-mark,
body[data-auth="signed-in"] .hero-symbol img,
body[data-auth="signed-in"] .install-icon img,
body[data-auth="signed-in"] .profile-hero img {
  filter: var(--sw-image-tone) drop-shadow(0 0 18px rgba(49, 130, 246, 0.26));
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card,
body[data-auth="signed-in"][data-screen="home"] .pwa-access-card,
body[data-auth="signed-in"][data-screen="home"] .home-feature-card,
body[data-auth="signed-in"][data-screen="home"] .draw-progress-panel,
body[data-auth="signed-in"][data-screen="home"] .prize-tier-panel,
body[data-auth="signed-in"] .install-card,
body[data-auth="signed-in"] .mypage-hero {
  background:
    radial-gradient(circle at 82% 12%, var(--sw-gold-glow), transparent 26%),
    radial-gradient(circle at 14% 8%, var(--sw-blue-glow), transparent 32%),
    linear-gradient(180deg, var(--sw-panel-a), var(--sw-panel-b));
  border-color: var(--sw-border-blue);
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  border-color: var(--sw-border-gold);
  box-shadow:
    0 0 0 1px rgba(255, 229, 138, 0.1),
    0 0 24px rgba(245, 189, 54, 0.12),
    0 24px 54px rgba(0, 0, 0, 0.38);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::after,
.welcome-ticket-bundle span,
.welcome-modal-tickets span {
  filter: saturate(0.98) contrast(1.02) brightness(0.98);
  box-shadow:
    0 0 0 7px rgba(245, 189, 54, 0.06),
    0 0 24px rgba(245, 189, 54, 0.34);
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-card,
body[data-auth="signed-in"] .install-card {
  border-color: rgba(92, 146, 255, 0.34);
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-card .plain-button,
body[data-auth="signed-in"] .install-card .small-button {
  background: linear-gradient(180deg, rgba(15, 39, 84, 0.94), rgba(5, 16, 38, 0.96));
  border-color: rgba(91, 151, 255, 0.36);
  color: #dceaff;
}

body[data-auth="signed-in"] .qr-panel {
  background:
    radial-gradient(circle at 88% 0%, rgba(245, 189, 54, 0.12), transparent 28%),
    radial-gradient(circle at 12% 0%, rgba(55, 148, 255, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(9, 24, 52, 0.99), rgba(3, 10, 24, 0.99));
}

@media (display-mode: standalone), (display-mode: fullscreen) {
  html,
  body,
  body[data-auth="signed-in"],
  body[data-auth="signed-in"] .app,
  body[data-auth="signed-in"] .mobile-app {
    background:
      radial-gradient(circle at 18% 4%, rgba(42, 138, 255, 0.18), transparent 29%),
      radial-gradient(circle at 88% 10%, rgba(245, 189, 54, 0.1), transparent 24%),
      linear-gradient(180deg, var(--sw-bg-a) 0%, var(--sw-bg-b) 46%, var(--sw-bg-c) 100%);
  }
}

/* Powerball art lock: use the supplied ball image instead of the CSS-only orb. */
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
  content: "";
  right: 2px;
  top: 42px;
  width: 172px;
  height: 126px;
  border: 0;
  border-radius: 0;
  background: url("./assets/powerball-ball-hd.png") center / contain no-repeat;
  box-shadow: none;
  color: transparent;
  transform: none;
  opacity: 0.98;
  filter: saturate(1.14) contrast(1.06) brightness(1.04) drop-shadow(0 0 28px rgba(41, 132, 255, 0.42));
  -webkit-mask-image: none;
  mask-image: none;
}

@media (max-width: 390px) {
  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
    right: 0;
    top: 40px;
    width: 148px;
    height: 108px;
  }
}

/* Rewards reference pass: compact 28-day dashboard matching the approved 944x1677 screen. */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body[data-auth="signed-in"][data-screen="rewards"] {
  --reward-blue: #2587ff;
  --reward-violet: #b65cff;
  --reward-red: #ff5667;
  --reward-gold: #f5bd36;
  --reward-panel: rgba(7, 20, 48, 0.9);
  --reward-line: rgba(111, 153, 226, 0.34);
  --screen-edge: 14px;
  --screen-gap: 7px;
}

body[data-auth="signed-in"][data-screen="rewards"] .mobile-app {
  width: min(100%, 472px);
  padding-bottom: calc(62px + var(--safe-bottom));
  scroll-padding-bottom: calc(62px + var(--safe-bottom));
  background:
    radial-gradient(circle at 52% 7%, rgba(37, 109, 255, 0.14), transparent 28%),
    linear-gradient(180deg, #02091a 0%, #06132e 58%, #030919 100%);
}

body[data-auth="signed-in"][data-screen="rewards"] .app-header {
  min-height: 50px;
  margin-bottom: 0;
  padding-top: max(7px, env(safe-area-inset-top, 0px));
  padding-bottom: 6px;
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(2, 9, 26, 0.98), rgba(2, 9, 26, 0.9));
}

body[data-auth="signed-in"][data-screen="rewards"] .brand-lockup {
  gap: 8px;
}

body[data-auth="signed-in"][data-screen="rewards"] .brand-lockup img {
  width: 29px;
  height: 29px;
  border-radius: 8px;
}

body[data-auth="signed-in"][data-screen="rewards"] .app-header h1 {
  font-size: 19px;
}

body[data-auth="signed-in"][data-screen="rewards"] .app-header .brand-lockup p {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .app-header .icon-button,
body[data-auth="signed-in"][data-screen="rewards"] .app-header .profile-button {
  width: 30px;
  height: 30px;
  min-height: 30px;
  border-radius: 8px;
}

body[data-auth="signed-in"][data-screen="rewards"] .app-header .profile-button span {
  font-size: 17px;
}

body[data-auth="signed-in"][data-screen="rewards"] .app-header .header-actions {
  margin-right: 20px;
}

body[data-auth="signed-in"][data-screen="rewards"] #screen-rewards {
  gap: var(--screen-gap);
  padding-bottom: 0;
}

.rewards-hero {
  position: relative;
  min-height: 94px;
  overflow: hidden;
  padding: 8px 8px 4px;
  isolation: isolate;
}

.rewards-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 84% 38%, rgba(46, 115, 255, 0.24), transparent 31%),
    radial-gradient(circle at 15% 78%, rgba(245, 189, 54, 0.08), transparent 26%);
}

.rewards-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 71% 18%, #fff7cb 0 1px, rgba(255, 207, 67, 0.6) 2px, transparent 4px),
    radial-gradient(circle at 89% 64%, #fff 0 1px, rgba(63, 150, 255, 0.72) 2px, transparent 4px),
    radial-gradient(circle at 62% 78%, #ffe58e 0 1px, rgba(255, 201, 47, 0.52) 2px, transparent 4px),
    linear-gradient(110deg, transparent 68%, rgba(46, 119, 255, 0.08) 69%, transparent 70%);
  pointer-events: none;
}

.rewards-cadence {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 1px 9px;
  border: 1px solid rgba(255, 214, 92, 0.82);
  border-radius: 999px;
  color: #fff3b2;
  background: linear-gradient(180deg, rgba(51, 43, 8, 0.96), rgba(10, 17, 35, 0.96));
  box-shadow: 0 0 12px rgba(245, 189, 54, 0.26), inset 0 0 8px rgba(245, 189, 54, 0.14);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  transform: translateX(-5px);
}

.rewards-hero h2 {
  position: relative;
  z-index: 2;
  width: 58%;
  margin: 5px 0 2px;
  color: transparent !important;
  background: linear-gradient(90deg, #fff 0%, #fff7d8 52%, #f5cb58 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  font-size: 36px;
  line-height: 0.98;
  font-weight: 900;
  white-space: nowrap;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.16);
}

.rewards-hero p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(241, 246, 255, 0.82);
  font-size: 14px;
  font-weight: 750;
}

.rewards-hero-art {
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 1;
  width: 174px;
  height: 88px;
  background: url("./assets/super-wins-gift-hd.png") right 3px center / 91px 91px no-repeat;
  filter:
    saturate(1.08)
    contrast(1.05)
    drop-shadow(0 8px 12px rgba(0, 0, 0, 0.5))
    drop-shadow(0 0 15px rgba(42, 115, 255, 0.38));
  pointer-events: none;
}

.rewards-hero-art::before {
  content: "SUPER\A WINS";
  position: absolute;
  left: 20px;
  bottom: 11px;
  display: grid;
  place-items: center;
  width: 64px;
  height: 40px;
  border: 2px solid #f4bd42;
  border-radius: 7px;
  color: #174fbf;
  background: linear-gradient(155deg, #fff0b0, #e9a827);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.58);
  font-size: 9px;
  font-weight: 900;
  line-height: 0.9;
  text-align: center;
  white-space: pre-line;
  transform: rotate(-7deg);
}

.rewards-hero-art::after {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 3px;
  width: 18px;
  height: 18px;
  border: 2px solid #ffe47c;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff6b5, #f1b827 36%, #9d5a00 76%);
  box-shadow:
    -14px 5px 0 -1px #e9a51b,
    -27px 4px 0 -2px #c97f0b,
    0 0 12px rgba(247, 200, 75, 0.62);
}

.reward-code-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 82px;
  align-items: center;
  min-height: 72px;
  margin-top: -4px;
  margin-bottom: 1px;
  padding: 8px 12px;
  border: 1px solid rgba(83, 151, 255, 0.78);
  border-radius: 12px;
  background:
    radial-gradient(circle at 90% 0%, rgba(37, 135, 255, 0.2), transparent 26%),
    linear-gradient(180deg, rgba(9, 29, 67, 0.96), rgba(5, 16, 39, 0.98));
  box-shadow: inset 0 0 20px rgba(37, 135, 255, 0.08), 0 0 20px rgba(16, 83, 190, 0.12);
}

.reward-referral-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff0ae;
  background: radial-gradient(circle, rgba(245, 189, 54, 0.34), rgba(10, 24, 55, 0.48) 62%, transparent 64%);
  box-shadow: 0 0 18px rgba(245, 189, 54, 0.2);
}

.reward-referral-icon::before {
  content: "●  ●";
  position: absolute;
  top: 8px;
  font-size: 15px;
  letter-spacing: 0;
}

.reward-referral-icon::after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 8px;
  width: 28px;
  height: 14px;
  border-radius: 16px 16px 7px 7px;
  background: linear-gradient(180deg, #fff0ad, #e2a82c);
}

.reward-referral-icon i {
  position: absolute;
  right: 1px;
  bottom: 2px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #257dff;
  box-shadow: 0 0 8px rgba(37, 125, 255, 0.7);
}

.reward-referral-icon i::before,
.reward-referral-icon i::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
}

.reward-referral-icon i::after {
  transform: rotate(90deg);
}

.reward-code-card > div > span {
  display: block;
  color: #f6c84d;
  font-size: 13px;
  font-weight: 900;
}

body[data-auth="signed-in"] .reward-code-card b {
  display: block;
  margin-top: 1px;
  color: #f8fbff;
  font-size: 25px;
  line-height: 1;
  letter-spacing: 0;
}

.reward-copy-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(119, 198, 255, 0.82);
  border-radius: 8px;
  color: #f8fbff;
  background: linear-gradient(180deg, #2b8dff, #0752c9);
  box-shadow: 0 0 18px rgba(42, 133, 255, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  font-size: 14px;
  font-weight: 900;
}

.reward-copy-button i {
  position: relative;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.reward-copy-button i::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 3px;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.reward-timeline-card {
  min-height: 82px;
  padding: 8px 13px 7px;
  border: 1px solid var(--reward-line);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(7, 19, 45, 0.96), rgba(5, 14, 34, 0.98));
}

.reward-timeline-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.reward-timeline-heading b {
  display: block;
  color: #f7fbff;
  font-size: 14px;
}

.reward-timeline-heading b i {
  display: inline-grid;
  place-items: center;
  width: 14px;
  height: 14px;
  margin-left: 3px;
  border: 1px solid rgba(204, 219, 245, 0.72);
  border-radius: 50%;
  color: #cbd7ec;
  font-size: 9px;
  font-style: normal;
}

.reward-timeline-heading span {
  color: #b5c2da;
  font-size: 11px;
  font-weight: 750;
}

.reward-timeline-heading strong {
  min-width: 53px;
  padding: 2px 9px;
  border: 1px solid rgba(111, 153, 226, 0.42);
  border-radius: 999px;
  color: #ffe27e;
  background: rgba(14, 29, 61, 0.8);
  font-size: 12px;
  text-align: center;
}

.reward-timeline-track {
  position: relative;
  height: 34px;
  margin: 5px 10px 0 0;
}

.reward-timeline-track::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 0;
  top: 13px;
  height: 5px;
  border-radius: 999px;
  background: repeating-linear-gradient(90deg, #1d2b4d 0 9px, transparent 9px 13px);
}

.reward-timeline-track > i {
  position: absolute;
  left: 12px;
  top: 13px;
  z-index: 1;
  height: 5px;
  max-width: calc(100% - 12px);
  border-radius: 999px;
  background: linear-gradient(90deg, #2891ff, #7a69ff);
  box-shadow: 0 0 10px rgba(40, 145, 255, 0.5);
}

.reward-current-day {
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(180deg, #43a1ff, #0a57d6);
  box-shadow: 0 0 12px rgba(42, 145, 255, 0.62);
  font-size: 11px;
  font-weight: 900;
  transform: translateX(-2px);
}

.reward-current-day.empty {
  opacity: 0.45;
}

.reward-track-marker {
  position: absolute;
  top: -2px;
  z-index: 2;
  display: grid;
  justify-items: center;
  color: #4f86ff;
  line-height: 1;
  transform: translateX(-50%);
  filter: grayscale(0.12) saturate(1.25);
}

.reward-track-marker > i {
  position: relative;
  display: block;
  width: 17px;
  height: 14px;
  border-radius: 3px;
  color: inherit;
  background: currentColor;
  box-shadow: 0 0 8px currentColor;
}

.reward-track-marker > i::before {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: 2px;
  height: 3px;
  border-radius: 2px;
  background: #ffe06b;
  box-shadow: 7px 2px 0 -1px #ffe06b;
}

.reward-track-marker > i::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 0;
  width: 3px;
  height: 14px;
  background: #ffe06b;
}

.reward-track-marker small {
  margin-top: 2px;
  color: #c5d0e5;
  font-size: 10px;
  font-weight: 800;
}

.reward-track-marker.marker-7 { left: 25%; }
.reward-track-marker.marker-14 { left: 50%; color: var(--reward-violet); }
.reward-track-marker.marker-21 { left: 75%; color: var(--reward-red); }
.reward-track-marker.marker-28 { left: 100%; color: var(--reward-gold); }

.reward-track-marker.done {
  filter: saturate(1.4) drop-shadow(0 0 6px currentColor);
}

.reward-stage-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  min-height: 32px;
}

.reward-stage-tabs span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  place-items: center;
  min-width: 0;
  border: 1px solid rgba(71, 151, 255, 0.72);
  border-radius: 8px;
  color: #9fcaff;
  background: linear-gradient(180deg, rgba(10, 48, 108, 0.96), rgba(4, 20, 52, 0.96));
  box-shadow: inset 0 0 14px rgba(37, 135, 255, 0.14);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.reward-stage-tabs span::before {
  content: "⧖";
  font-size: 15px;
  line-height: 1;
}

.reward-stage-tabs .stage-14 {
  color: #d7a6ff;
  border-color: rgba(182, 92, 255, 0.58);
  background: linear-gradient(180deg, rgba(67, 23, 104, 0.72), rgba(24, 10, 53, 0.96));
}

.reward-stage-tabs .stage-21 {
  color: #ff9aa5;
  border-color: rgba(255, 86, 103, 0.6);
  background: linear-gradient(180deg, rgba(91, 23, 43, 0.72), rgba(45, 8, 27, 0.96));
}

.reward-stage-tabs .stage-28 {
  color: #ffe68f;
  border-color: rgba(245, 189, 54, 0.72);
  background: linear-gradient(180deg, rgba(88, 60, 12, 0.76), rgba(43, 28, 5, 0.96));
}

body[data-auth="signed-in"] .reward-day-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
  margin: 0;
  padding: 8px 13px;
  border: 1px solid rgba(91, 132, 202, 0.25);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(6, 17, 41, 0.9), rgba(4, 13, 32, 0.98));
}

body[data-auth="signed-in"] .reward-day-grid .streak-day {
  position: relative;
  min-height: 26px;
  border: 1px solid rgba(95, 127, 183, 0.32);
  border-radius: 6px;
  color: #eef4ff;
  background: linear-gradient(180deg, rgba(17, 33, 66, 0.94), rgba(8, 20, 45, 0.98));
  font-size: 12px;
  font-weight: 900;
}

body[data-auth="signed-in"] .reward-day-grid .streak-day.done {
  color: #fff;
  border-color: #48a6ff;
  background: linear-gradient(180deg, #258dff, #0a54cb);
  box-shadow: 0 0 12px rgba(39, 143, 255, 0.52), inset 0 0 10px rgba(255, 255, 255, 0.2);
}

body[data-auth="signed-in"] .reward-day-grid .streak-day.current::after {
  content: "✓";
  position: absolute;
  right: -2px;
  bottom: -2px;
  display: grid;
  place-items: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  color: #fff;
  background: #3d8eff;
  font-size: 8px;
}

body[data-auth="signed-in"] .reward-day-grid .milestone-7 { color: #5aa8ff; }
body[data-auth="signed-in"] .reward-day-grid .milestone-14 { color: #ce6eff; }
body[data-auth="signed-in"] .reward-day-grid .milestone-21 { color: #ff6170; }
body[data-auth="signed-in"] .reward-day-grid .milestone-28 { color: #ffd255; }

.reward-action-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.reward-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  min-height: 48px;
  padding: 6px 10px;
  border: 1px solid rgba(83, 166, 255, 0.92);
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(180deg, #2188ff, #064fca);
  box-shadow: 0 0 18px rgba(35, 134, 255, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.reward-action .icon-svg {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
}

.reward-action span {
  display: grid;
  min-width: 0;
  text-align: left;
}

.reward-action b {
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
}

.reward-action small {
  overflow: hidden;
  color: rgba(236, 245, 255, 0.76);
  font-size: 9px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reward-action.complete-action {
  border-color: rgba(255, 214, 92, 0.86);
  background: linear-gradient(180deg, #9a6a12, #493006);
  box-shadow: 0 0 18px rgba(245, 189, 54, 0.2), inset 0 1px 0 rgba(255, 243, 185, 0.28);
}

.reward-action.complete-action.done {
  background: linear-gradient(180deg, #a8781a, #593b08);
}

.reward-mission-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 104px;
  align-items: center;
  min-height: 68px;
  padding: 7px 12px;
  border: 1px solid rgba(80, 116, 177, 0.28);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(8, 20, 47, 0.96), rgba(5, 14, 35, 0.98));
}

.reward-target-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 8px double rgba(202, 218, 245, 0.84);
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 0 15px rgba(54, 133, 255, 0.22);
  font-size: 20px;
  font-weight: 900;
}

.reward-mission-card > div > span {
  display: block;
  color: #f5c54a;
  font-size: 11px;
  font-weight: 900;
}

.reward-mission-card > div > b,
.reward-mission-card > div > strong {
  display: block;
  color: #f8fbff;
  font-size: 15px;
  line-height: 1.12;
}

.reward-mission-card > div > strong {
  color: #5aa8ff;
  font-size: 14px;
}

.reward-mission-card > button {
  display: grid;
  place-items: center;
  gap: 1px;
  min-height: 48px;
  padding: 5px 7px;
  border: 1px solid rgba(87, 164, 255, 0.78);
  border-radius: 8px;
  color: #eef6ff;
  background: linear-gradient(180deg, rgba(22, 67, 139, 0.98), rgba(6, 26, 69, 0.98));
  box-shadow: 0 0 14px rgba(41, 123, 255, 0.24);
  font-size: 11px;
  font-weight: 900;
}

.reward-mission-card > button::after {
  content: "›";
  position: absolute;
  right: 4px;
  color: rgba(230, 240, 255, 0.56);
  font-size: 23px;
  line-height: 1;
}

.reward-mission-card > button {
  position: relative;
}

.reward-mission-card > button b {
  color: #58a7ff;
  font-size: 11px;
}

.reward-benefits-panel {
  min-height: 124px;
  padding: 8px 10px 9px;
  border: 1px solid rgba(84, 121, 185, 0.26);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(7, 18, 42, 0.96), rgba(4, 12, 31, 0.98));
}

.reward-benefits-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.reward-benefits-title b {
  color: #dceaff;
  font-size: 11px;
  white-space: nowrap;
}

.reward-benefits-title span {
  overflow: hidden;
  color: #9caac3;
  font-size: 9px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reward-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.reward-benefit-grid article {
  position: relative;
  display: grid;
  justify-items: center;
  min-width: 0;
  min-height: 88px;
  padding: 7px 4px 5px;
  border: 1px solid rgba(74, 151, 255, 0.72);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(12, 47, 102, 0.9), rgba(4, 21, 55, 0.98));
  box-shadow: inset 0 0 14px rgba(37, 135, 255, 0.12);
}

.reward-benefit-grid article > b {
  color: #9fcaff;
  font-size: 10px;
  white-space: nowrap;
}

.reward-benefit-grid article > span {
  display: grid;
  place-items: center;
  color: #8bc4ff;
}

.reward-ticket-art {
  position: relative;
  width: 42px;
  height: 25px;
  border: 2px solid currentColor;
  border-radius: 6px;
  background: linear-gradient(145deg, color-mix(in srgb, currentColor 42%, #06142f), rgba(5, 16, 42, 0.96));
  box-shadow: 0 0 10px currentColor, inset 0 0 8px rgba(255, 255, 255, 0.12);
  transform: rotate(-7deg);
}

.reward-ticket-art::before,
.reward-ticket-art::after {
  content: "";
  position: absolute;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #071630;
}

.reward-ticket-art::before { left: -6px; }
.reward-ticket-art::after { right: -6px; }

.reward-ticket-art > i {
  color: #f7fbff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.reward-benefit-grid article > em {
  color: #f7fbff;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.reward-benefit-grid .benefit-14 {
  border-color: rgba(182, 92, 255, 0.72);
  background: linear-gradient(180deg, rgba(61, 24, 97, 0.9), rgba(26, 9, 54, 0.98));
}

.reward-benefit-grid .benefit-14 > b,
.reward-benefit-grid .benefit-14 > span { color: #d292ff; }

.reward-benefit-grid .benefit-21 {
  border-color: rgba(255, 86, 103, 0.7);
  background: linear-gradient(180deg, rgba(85, 22, 42, 0.9), rgba(42, 7, 25, 0.98));
}

.reward-benefit-grid .benefit-21 > b,
.reward-benefit-grid .benefit-21 > span { color: #ff8490; }

.reward-benefit-grid .benefit-28 {
  border-color: rgba(245, 189, 54, 0.78);
  background: linear-gradient(180deg, rgba(84, 56, 9, 0.92), rgba(43, 28, 4, 0.98));
}

.reward-benefit-grid .benefit-28 > b,
.reward-benefit-grid .benefit-28 > span { color: #ffd257; }

.reward-benefit-grid .benefit-28 > i {
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 2px 4px;
  border-radius: 0 8px 0 6px;
  color: #fff4bd;
  background: #9d690d;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="rewards"] .bottom-nav {
  width: min(472px, 100vw);
  min-height: calc(52px + var(--safe-bottom));
  padding: 2px 8px calc(2px + var(--safe-bottom));
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-item {
  min-height: 44px;
  border-radius: 8px;
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-item.active {
  min-height: 44px;
  border-radius: 8px;
  margin-inline: 3px;
  border-color: rgba(82, 157, 255, 0.62);
  background: linear-gradient(180deg, rgba(25, 104, 214, 0.92), rgba(6, 45, 119, 0.96));
  box-shadow: 0 0 12px rgba(42, 138, 255, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-icon {
  width: 17px;
  height: 17px;
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-item span {
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-rewards .nav-icon {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-rewards {
  position: relative;
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-rewards::before {
  content: "";
  position: relative;
  width: 19px;
  height: 16px;
  border-radius: 4px;
  background: linear-gradient(180deg, #65a9ff, #1f66df);
  box-shadow: 0 0 12px rgba(77, 153, 255, 0.72);
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-rewards::after {
  content: "";
  position: absolute;
  top: 6px;
  width: 3px;
  height: 19px;
  border-radius: 2px;
  background: #dceaff;
  box-shadow: -10px 5px 0 -8px #dceaff, 10px 5px 0 -8px #dceaff;
}

@media (max-width: 420px) {
  .rewards-hero h2 {
    font-size: 29px;
  }

  .rewards-hero p {
    font-size: 11px;
  }

  .rewards-hero-art {
    right: 4px;
  }

  body[data-auth="signed-in"] .reward-code-card b {
    font-size: 22px;
  }

  .reward-action b {
    font-size: 12px;
  }

  .reward-mission-card {
    grid-template-columns: 48px minmax(0, 1fr) 94px;
  }

  .reward-target-icon {
    width: 40px;
    height: 40px;
  }

  .reward-mission-card > div > b,
  .reward-mission-card > div > strong {
    font-size: 12px;
  }

  .reward-benefit-grid {
    gap: 4px;
  }

  .reward-benefit-grid article > b,
  .reward-benefit-grid article > em {
    font-size: 8px;
  }
}

@media (max-width: 359px) {
  .rewards-hero {
    min-height: 98px;
    padding-right: 6px;
  }

  .rewards-hero h2 {
    width: 54%;
    margin-top: 7px;
    font-size: 23px;
    line-height: 1;
  }

  .rewards-hero p {
    width: 55%;
    font-size: 9px;
    line-height: 1.3;
  }

  .rewards-hero-art {
    right: 2px;
    top: 12px;
    width: 128px;
    height: 74px;
    background-size: 72px 72px;
  }

  .rewards-hero-art::before {
    left: 1px;
    bottom: 8px;
    width: 49px;
    height: 31px;
    border-width: 1px;
    border-radius: 5px;
    font-size: 7px;
  }

  .rewards-hero-art::after {
    right: 0;
    bottom: 2px;
    width: 13px;
    height: 13px;
    border-width: 1px;
    box-shadow:
      -10px 4px 0 -1px #e9a51b,
      -19px 3px 0 -2px #c97f0b,
      0 0 9px rgba(247, 200, 75, 0.58);
  }
}

/* v45: single-state home journey, checkout return, and final policy screens. */
[hidden] {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card {
  display: grid;
  gap: 12px;
  padding: 18px;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-top,
body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta {
  margin: 0;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > span {
  color: #9fc6ff;
  font-weight: 800;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 3px;
  color: #ffd968;
  line-height: 0.92;
  letter-spacing: 0;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b {
  color: #fff8d5;
  font-size: 42px;
  letter-spacing: 0;
  text-shadow: 0 0 18px rgba(255, 202, 70, 0.4);
}

.home-round-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.home-round-metrics article {
  min-width: 0;
  min-height: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 10px 12px;
  border: 1px solid rgba(85, 151, 255, 0.38);
  border-radius: 8px;
  background: rgba(4, 22, 52, 0.68);
  box-shadow: inset 0 0 18px rgba(45, 119, 255, 0.08);
}

.home-round-metrics article.welcome-state {
  border-color: rgba(255, 201, 65, 0.52);
  background: rgba(59, 40, 5, 0.34);
}

.home-round-metrics span {
  overflow-wrap: anywhere;
  color: #94add0;
  font-size: 11px;
  font-weight: 700;
}

.home-round-metrics b {
  overflow-wrap: anywhere;
  color: #f8fbff;
  font-size: 14px;
  line-height: 1.25;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown {
  margin: 0;
}

body[data-auth="signed-in"][data-screen="home"] .home-buy-button {
  min-height: 58px;
  padding: 12px 15px;
  border-radius: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 15px;
  line-height: 1.35;
}

.home-primary-helper {
  margin: -3px 2px 0;
  color: #b8c7df;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

.subscription-grid article {
  align-items: stretch;
}

.subscription-grid .subscription-start-button {
  width: 100%;
  min-height: 46px;
  margin-top: 14px;
  border-radius: 8px;
  white-space: normal;
}

.subscription-grid article.active {
  border-color: rgba(95, 238, 167, 0.74);
  box-shadow: 0 0 20px rgba(40, 213, 132, 0.16);
}

.subscription-grid article.pending {
  border-color: rgba(255, 201, 71, 0.72);
  box-shadow: 0 0 18px rgba(255, 183, 36, 0.12);
}

.subscription-terms .simple-list article {
  align-items: center;
}

.subscription-management {
  display: grid;
  gap: 12px;
}

.subscription-management[hidden] {
  display: none;
}

.subscription-management > p {
  margin: 0;
  color: #b8c7df;
  font-size: 12px;
  line-height: 1.55;
}

.subscription-management .danger-button {
  border-color: rgba(255, 123, 123, 0.44);
  color: #ffd1d1;
  background: rgba(98, 25, 34, 0.4);
}

.claim-complete-actions {
  display: grid;
  gap: 10px;
}

.claim-confirm-panel {
  max-width: 420px;
}

.claim-confirm-panel > p:not(.eyebrow) {
  margin: 12px 0 0;
  color: #c9d4e7;
  line-height: 1.55;
}

.claim-confirm-lock-note {
  display: block;
  margin-top: 8px;
  color: #ffd762;
  font-size: 12px;
  line-height: 1.4;
}

.claim-confirm-notice {
  margin: 16px 0;
  padding: 14px;
  border: 1px solid rgba(255, 196, 55, 0.46);
  border-radius: 8px;
  color: #ffe39a;
  background: rgba(77, 49, 2, 0.34);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

#screen-claim.claim-complete .claim-options,
#screen-claim.claim-complete .claim-policy-note,
#screen-claim.claim-complete #claimActionButton {
  display: none;
}

#rewardPrimaryButton i {
  color: inherit;
  font-style: normal;
}

.reward-benefit-grid article > small {
  display: block;
  margin-top: 4px;
  color: rgba(226, 234, 249, 0.72);
  font-size: 9px;
  line-height: 1.2;
}

.reward-ticket-art i {
  font-size: 8px;
  letter-spacing: 0;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] .home-hero-card {
    gap: 10px;
    padding: 14px;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b {
    font-size: 36px;
  }

  .home-round-metrics article {
    min-height: 58px;
    padding: 9px 10px;
  }

  .home-round-metrics b {
    font-size: 12px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-buy-button {
    min-height: 62px;
    font-size: 14px;
  }

  .home-primary-helper {
    font-size: 10px;
  }
}

/* Rewards v43: sharpen the three approval-critical hero and action symbols. */
body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero {
  min-height: 100px;
}

body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art {
  right: 16px;
  top: 9px;
  background-position: right 10px center;
  background-size: 86px 86px;
}

body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art::before {
  left: 27px;
  bottom: 8px;
}

body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art::after {
  right: 10px;
  bottom: 1px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 54px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 44% 42%, rgba(255, 220, 106, 0.2), rgba(16, 30, 63, 0.72) 58%, transparent 72%);
  box-shadow: 0 0 18px rgba(245, 189, 54, 0.18);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon::before {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-people {
  display: block;
  width: 44px;
  height: 44px;
  color: #ffe187;
  stroke-width: 2.25;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.34))
    drop-shadow(0 0 4px rgba(255, 202, 60, 0.66))
    drop-shadow(0 5px 5px rgba(0, 0, 0, 0.48));
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon i {
  right: 0;
  bottom: 0;
  width: 19px;
  height: 19px;
  border-width: 1.5px;
  box-shadow:
    0 0 0 2px #071631,
    0 0 11px rgba(45, 139, 255, 0.88),
    inset 0 1px 4px rgba(255, 255, 255, 0.62);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-action.complete-action > .icon-svg {
  width: 35px;
  height: 35px;
  padding: 3px;
  border: 1px solid rgba(255, 235, 158, 0.88);
  border-radius: 50%;
  color: #fff9da;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.58), transparent 13%),
    linear-gradient(145deg, #d59d2b, #8a5908 72%);
  box-shadow:
    0 0 0 2px rgba(52, 31, 2, 0.72),
    0 0 13px rgba(255, 198, 54, 0.54),
    inset 0 1px 4px rgba(255, 255, 255, 0.42),
    inset 0 -3px 5px rgba(62, 34, 0, 0.52);
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.36));
  stroke-width: 2.35;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero {
    min-height: 100px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art {
    right: 8px;
    top: 14px;
    background-position: right 7px center;
    background-size: 70px 70px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art::before {
    left: 8px;
    bottom: 7px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art::after {
    right: 7px;
  }
}

/* Tickets v34: approved 941x1672 inventory and point-charge reference. */
body[data-auth="signed-in"][data-screen="tickets"] {
  --ticket-reference-image: url("./assets/ticket-screen-reference.png");
  --ticket-reference-size: 470.5px 836px;
  background: #020817;
}

body[data-auth="signed-in"][data-screen="tickets"] .mobile-app {
  background:
    radial-gradient(circle at 10% 35%, rgba(14, 68, 149, 0.11), transparent 32%),
    linear-gradient(180deg, #020817, #030a1b 78%, #020714);
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title > div:first-child {
  position: relative;
  padding-left: 0;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title .eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #299cff;
  font-weight: 850;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title .eyebrow::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background-image: var(--ticket-reference-image);
  background-size: var(--ticket-reference-size);
  background-position: -21px -85px;
  filter: url("#reward-cutout-filter") drop-shadow(0 0 4px rgba(40, 134, 255, 0.72));
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title > div:first-child > span,
body[data-auth="signed-in"][data-screen="tickets"] .ticket-title-actions .small-button,
body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets > .section-block {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-purchase-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #05070a;
  border: 1px solid #ffe885;
  background: linear-gradient(180deg, #fff3a6 0%, #ffd459 48%, #f1a90f 100%);
  box-shadow:
    0 0 0 2px rgba(184, 122, 0, 0.76),
    0 0 18px rgba(255, 192, 42, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-purchase-button .icon-svg {
  width: 24px;
  height: 24px;
  stroke-width: 2.3;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
  overflow: hidden;
  border-color: #1686ff;
  background:
    radial-gradient(circle at 8% 50%, rgba(35, 122, 255, 0.22), transparent 28%),
    linear-gradient(145deg, rgba(8, 29, 68, 0.99), rgba(2, 10, 27, 0.995) 70%);
  box-shadow:
    0 0 0 1px rgba(39, 126, 255, 0.15),
    0 0 18px rgba(23, 108, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
  position: relative;
  display: block;
  width: 76px;
  height: 78px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: var(--ticket-reference-image);
  background-size: var(--ticket-reference-size);
  background-position: -24px -167px;
  box-shadow: none;
  filter: url("#reward-cutout-filter") drop-shadow(0 0 7px rgba(37, 123, 255, 0.48));
  transform: none;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art::before {
  display: none;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art::after {
  content: "";
  position: absolute;
  top: 1px;
  right: -6px;
  display: block;
  width: 1px;
  height: 78px;
  border-radius: 0;
  background: rgba(92, 126, 183, 0.48);
  transform: none;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art svg {
  display: none;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-body {
  align-self: center;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header {
  min-height: 24px;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header b {
  color: #f5f7ff;
  font-size: 16px;
  letter-spacing: 0;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill {
  position: absolute;
  top: 13px;
  right: 24px;
  padding: 4px 9px;
  border-color: rgba(55, 229, 134, 0.72);
  border-radius: 7px;
  color: #5ff09a !important;
  background: rgba(1, 56, 32, 0.78);
  font-size: 9px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers {
  gap: 5px;
  margin-top: 5px;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers i {
  width: 24px;
  height: 24px;
  border: 1px solid #77caff;
  background:
    radial-gradient(circle at 36% 22%, rgba(255, 255, 255, 0.82), transparent 12%),
    linear-gradient(180deg, #3a9cff 0%, #1767df 56%, #0b3da7 100%);
  box-shadow:
    0 0 0 1px rgba(37, 101, 255, 0.58),
    0 0 10px rgba(41, 132, 255, 0.72),
    inset 0 0 7px rgba(255, 255, 255, 0.18);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta {
  margin-top: 10px;
  color: #9fa9c9 !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 24px;
  height: 44px;
  color: #fff;
  font-size: 30px;
  line-height: 1;
  transform: translateY(-50%);
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card {
  align-content: start;
  border-color: rgba(255, 202, 65, 0.92);
  background:
    radial-gradient(circle at 91% 0%, rgba(255, 202, 65, 0.2), transparent 32%),
    radial-gradient(circle at 6% 0%, rgba(35, 136, 255, 0.24), transparent 34%),
    linear-gradient(150deg, rgba(8, 28, 65, 0.99), rgba(2, 10, 27, 0.995));
  box-shadow:
    0 0 18px rgba(255, 194, 37, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .section-title {
  min-height: 34px;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .section-title h3 {
  gap: 8px;
  color: #f4f6ff;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-title-icon {
  width: 56px;
  height: 50px;
  border: 0;
  border-radius: 0;
  color: transparent;
  background-color: transparent;
  background-image: var(--ticket-reference-image);
  background-size: var(--ticket-reference-size);
  background-position: -27px -543px;
  box-shadow: none;
  filter: url("#reward-cutout-filter") drop-shadow(0 0 6px rgba(255, 197, 40, 0.28));
  font-size: 0;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .status-chip {
  border-color: rgba(41, 123, 255, 0.58);
  color: #68b9ff;
  background: rgba(4, 27, 72, 0.9);
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-subtitle {
  color: #aeb8d4;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .form-field {
  border-color: rgba(74, 101, 151, 0.62);
  background: rgba(3, 12, 31, 0.66);
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .form-field > span {
  color: #99b6e4;
  font-weight: 750;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card select,
body[data-auth="signed-in"][data-screen="tickets"] .charge-card input {
  border-color: rgba(62, 89, 139, 0.72);
  color: #f5f7ff;
  background: rgba(2, 9, 24, 0.88);
  font-weight: 850;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-guide {
  position: relative;
  padding-left: 31px;
  border-color: rgba(247, 190, 46, 0.52);
  color: #ffc544;
  background: rgba(36, 28, 8, 0.62);
  font-weight: 750;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-guide::before {
  content: "◇";
  position: absolute;
  left: 12px;
  top: 50%;
  color: #ffc544;
  font-size: 15px;
  font-weight: 900;
  transform: translateY(-50%);
}

@media (max-width: 599px) {
  body[data-auth="signed-in"][data-screen="tickets"] {
    --screen-edge: 20px;
    --screen-gap: 11px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .mobile-app {
    width: min(100%, 470px);
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: calc(63px + var(--safe-bottom));
  }

  body[data-auth="signed-in"][data-screen="tickets"] .app-header,
  body[data-auth="signed-in"][data-screen="tickets"]:not([data-screen="rewards"]) .app-header {
    min-height: 70px;
    margin: 0 -20px;
    padding: max(16px, env(safe-area-inset-top, 0px)) 20px 10px;
    border-bottom-color: rgba(61, 96, 153, 0.24);
    background: rgba(1, 7, 21, 0.98);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup {
    gap: 12px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup img {
    width: 42px;
    height: 42px;
    border-radius: 10px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup .eyebrow {
    margin-bottom: 4px;
    color: #27a9ff;
    font-size: 11px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup h1 {
    font-size: 29px;
    line-height: 0.95;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions {
    gap: 10px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions .icon-button {
    width: 48px;
    height: 48px;
    min-height: 48px;
    border-radius: 12px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions .profile-button {
    width: 52px;
    height: 52px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions .profile-button span {
    font-size: 24px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets {
    gap: 11px;
    padding-bottom: 0;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title {
    min-height: 72px;
    padding: 13px 2px 7px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title .eyebrow {
    margin: 0 0 6px;
    font-size: 11px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title h2 {
    margin: 0;
    font-size: 32px;
    line-height: 1;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-title-actions {
    display: flex;
    align-self: center;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-purchase-button {
    width: 106px;
    min-width: 106px;
    height: 52px;
    min-height: 52px;
    padding: 0 16px;
    border-radius: 13px;
    font-size: 20px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-list {
    gap: 10px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
    grid-template-columns: 82px minmax(0, 1fr) 24px;
    gap: 10px;
    min-height: 116px;
    height: 116px;
    padding: 12px 11px 11px 10px;
    border-radius: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card {
    min-height: 239px;
    gap: 7px;
    padding: 13px;
    border-radius: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .section-title h3 {
    gap: 7px;
    font-size: 20px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .status-chip {
    min-height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 11px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-subtitle {
    margin-top: -12px;
    padding-left: 63px;
    font-size: 11px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-grid {
    gap: 10px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .form-field {
    min-height: 61px;
    gap: 4px;
    padding: 7px;
    border-radius: 8px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card select,
  body[data-auth="signed-in"][data-screen="tickets"] .charge-card input {
    min-height: 34px;
    height: 34px;
    padding: 0 8px;
    border-radius: 7px;
    font-size: 12px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-guide {
    min-height: 34px;
    padding: 8px 8px 8px 30px;
    border-radius: 8px;
    font-size: 9px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card > .primary-button,
  body[data-auth="signed-in"][data-screen="tickets"] .charge-card > .deposit-list {
    display: none;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .bottom-nav,
  body[data-auth="signed-in"][data-screen="tickets"]:not([data-screen="rewards"]) .bottom-nav {
    width: min(470px, 100vw);
    min-height: calc(63px + var(--safe-bottom));
  }
}

@media (max-width: 420px) {
  body[data-auth="signed-in"][data-screen="tickets"] {
    --screen-edge: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .mobile-app {
    padding-right: 14px;
    padding-left: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .app-header,
  body[data-auth="signed-in"][data-screen="tickets"]:not([data-screen="rewards"]) .app-header {
    margin-right: -14px;
    margin-left: -14px;
    padding-right: 14px;
    padding-left: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
    grid-template-columns: 68px minmax(0, 1fr) 20px;
    gap: 8px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
    width: 64px;
    transform: scale(0.9);
    transform-origin: center;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art::after {
    right: -4px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header b {
    font-size: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill {
    right: 20px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers {
    gap: 3px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers i {
    width: 22px;
    height: 22px;
    font-size: 9px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta {
    font-size: 9px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-purchase-button {
    width: 96px;
    min-width: 96px;
    font-size: 18px;
  }
}

@media (min-width: 600px) {
  body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title h2 {
    font-size: 34px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-purchase-button {
    min-width: 112px;
    min-height: 52px;
    border-radius: 13px;
    font-size: 18px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
    grid-template-columns: 82px minmax(0, 1fr) 24px;
    min-height: 116px;
    padding: 12px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card > .primary-button {
    margin-top: 3px;
  }
}

/* 2026-07-10 approved SUPER WINS screen family: home, powerball, assets, claim, referral. */
body[data-auth="signed-in"] {
  --flow-bg: #020817;
  --flow-panel: rgba(5, 18, 44, 0.96);
  --flow-panel-deep: rgba(2, 10, 27, 0.98);
  --flow-line: rgba(67, 124, 218, 0.46);
  --flow-blue: #2388ff;
  --flow-cyan: #56c7ff;
  --flow-gold: #f7c84b;
  --flow-gold-deep: #b87508;
  --flow-green: #4ee486;
  --flow-red: #ff5f6d;
  --flow-muted: #9daccc;
}

body[data-auth="signed-in"] .ticket-page-title > div > span,
body[data-auth="signed-in"] .wallet-page-title > div > span,
body[data-auth="signed-in"] .claim-page-title > div > span {
  display: block;
  margin-top: 6px;
  color: var(--flow-muted);
  font-size: 13px;
  line-height: 1.45;
}

body[data-auth="signed-in"] .ticket-purchase-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 96px;
  min-height: 48px;
  padding: 0 17px;
  border: 1px solid #ffe894;
  border-radius: 14px;
  color: #171004;
  background:
    linear-gradient(180deg, rgba(255,255,255,.55), transparent 27%),
    linear-gradient(180deg, #ffe77a, #f0a70d);
  box-shadow: 0 0 22px rgba(246, 190, 48, 0.32), inset 0 0 0 2px rgba(255,255,255,.18);
  font-size: 16px;
  font-weight: 900;
}

/* Main home: keep the first viewport focused on free tickets, purchase and four core routes. */
body[data-auth="signed-in"][data-screen="home"] {
  --screen-edge: 16px;
  --screen-gap: 11px;
}

body[data-auth="signed-in"][data-screen="home"] .mobile-app {
  width: min(100%, 472px);
  padding-bottom: calc(72px + var(--safe-bottom));
}

body[data-auth="signed-in"][data-screen="home"] .home-stage {
  display: flex;
  gap: 11px;
  padding-bottom: 12px;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .product-switch,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .draw-progress-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .prize-tier-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .top-balance,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .ticket-summary-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > #screen-home {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card { order: 1; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card { order: 2; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid { order: 3; }
body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card { order: 4; }

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  min-height: 148px;
  padding: 17px 18px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 86% 20%, rgba(247, 200, 75, .25), transparent 27%),
    radial-gradient(circle at 12% 15%, rgba(35, 136, 255, .2), transparent 34%),
    linear-gradient(145deg, rgba(9, 31, 71, .98), rgba(3, 12, 31, .99));
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::after {
  right: 16px;
  top: 15px;
  width: 82px;
  height: 68px;
  opacity: .9;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card > div {
  max-width: calc(100% - 82px);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card span {
  color: #ffe98f;
  font-size: 12px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
  margin-top: 3px;
  color: #fff;
  font-size: 23px;
  line-height: 1.12;
  text-shadow: 0 0 18px rgba(247, 200, 75, .22);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
  margin-top: 5px;
  color: #b8c8e7;
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-ticket-bundle {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .primary-button {
  min-height: 43px;
  margin-top: 12px;
  border-radius: 12px;
  font-size: 14px;
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .balance-card.home-hero-card {
  min-height: 221px;
  padding: 16px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 85% 16%, rgba(247, 200, 75, .18), transparent 27%),
    radial-gradient(circle at 16% 15%, rgba(35, 136, 255, .25), transparent 32%),
    linear-gradient(160deg, rgba(11, 34, 77, .98), rgba(3, 12, 30, .99));
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-top {
  min-height: 61px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance strong b {
  font-size: 35px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-symbol {
  width: 64px;
  height: 64px;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta {
  margin-top: 6px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip {
  gap: 7px;
  margin-top: 9px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip article {
  min-height: 44px;
  padding: 8px 9px;
  border-radius: 9px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown {
  min-height: 55px;
  margin-top: 9px;
  padding: 8px 12px;
  border-radius: 10px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown b {
  font-size: 25px;
}

body[data-auth="signed-in"][data-screen="home"] .home-buy-button {
  min-height: 48px;
  margin-top: 10px;
  border-radius: 12px;
  font-size: 17px;
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card .hero-actions {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .home-conversion-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
  min-height: 102px;
  padding: 14px;
  border-radius: 14px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card span {
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card b {
  margin-top: 6px;
  font-size: 20px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card em {
  margin-top: 7px;
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="home"] .feature-referral {
  border-color: rgba(174, 91, 255, .72);
  background: radial-gradient(circle at 86% 20%, rgba(191, 84, 255, .28), transparent 35%), linear-gradient(150deg, #28105c, #080f2d);
}

body[data-auth="signed-in"][data-screen="home"] .feature-powerball {
  border-color: rgba(255, 105, 54, .7);
  background: radial-gradient(circle at 86% 20%, rgba(255, 91, 42, .3), transparent 35%), linear-gradient(150deg, #4b160e, #07122d);
}

body[data-auth="signed-in"][data-screen="home"] .feature-claim {
  border-color: rgba(50, 216, 122, .68);
  background: radial-gradient(circle at 86% 20%, rgba(36, 213, 119, .27), transparent 35%), linear-gradient(150deg, #073e2a, #07122d);
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-card {
  grid-template-columns: minmax(0, 1fr) 104px;
  min-height: 84px;
  padding: 13px 14px;
  border-radius: 13px;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-copy p {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-actions {
  gap: 6px;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-actions .plain-button {
  min-height: 31px;
  padding: 0 8px;
  font-size: 10px;
}

/* Powerball: first viewport matches the approved selection screen; confirmation follows below. */
body[data-auth="signed-in"][data-screen="powerball"] {
  --screen-edge: 16px;
  --screen-gap: 14px;
}

body[data-auth="signed-in"][data-screen="powerball"] .mobile-app {
  width: min(100%, 472px);
  padding-bottom: calc(86px + var(--safe-bottom));
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  gap: 14px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
  min-height: 94px;
  margin-bottom: -5px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) h2 {
  font-size: 48px;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
  top: 35px;
  min-height: 41px;
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  min-height: 327px;
  padding: 21px 17px 15px;
  border-radius: 22px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero strong {
  margin-top: 8px;
  font-size: 80px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
  max-width: 225px;
  margin-top: 11px;
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
  right: 5px;
  top: 54px;
  width: 154px;
  height: 118px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  margin-top: 15px;
  padding: 11px 11px 11px 62px;
  border-radius: 13px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em b {
  font-size: 16px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 8px;
  padding: 9px 12px;
  border-radius: 13px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last b {
  gap: 5px;
  margin-top: 0;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last i {
  width: 29px;
  height: 29px;
  font-size: 12px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type {
  display: flex;
  gap: 12px;
  padding: 14px;
  border-radius: 20px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .section-title { order: 1; }
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .game-tabs { order: 2; }
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .power-game-panel { order: 3; }
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .button-row { order: 4; }
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .power-quote-card { order: 5; }
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .reservation-row { order: 6; }
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .risk-limit { order: 7; }

body[data-auth="signed-in"][data-screen="powerball"] .game-tabs .segment {
  min-height: 48px;
  font-size: 15px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card {
  gap: 14px;
  padding: 13px;
  border-radius: 17px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 7px;
  padding: 10px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker.compact {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 5px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-number-button {
  min-height: 39px;
  border-radius: 9px;
  font-size: 14px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker.compact .power-number-button {
  min-height: 34px;
  padding: 0;
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card .picked-numbers i {
  width: 42px;
  height: 42px;
  font-size: 16px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .button-row #powerballPurchaseButton {
  min-height: 62px;
  border-color: #fff0a7;
  color: #1a1100;
  background:
    linear-gradient(180deg, rgba(255,255,255,.5), transparent 24%),
    linear-gradient(180deg, #ffd85e, #d98e05);
  box-shadow: 0 0 25px rgba(247, 193, 42, .48), inset 0 0 0 2px rgba(255,255,255,.2);
  font-size: 21px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card article {
  position: relative;
  min-height: 82px;
  padding: 13px 10px 12px 48px;
  border: 1px solid rgba(86, 123, 181, .45);
  border-radius: 13px;
  background: linear-gradient(155deg, rgba(9, 26, 57, .96), rgba(3, 10, 25, .98));
}

body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card article::before {
  content: "P";
  position: absolute;
  left: 11px;
  top: 24px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #5fc4ff;
  border-radius: 9px;
  color: #fff;
  background: linear-gradient(145deg, #248cff, #073689);
  box-shadow: 0 0 15px rgba(35, 136, 255, .45);
  font-size: 12px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card article:nth-child(5)::before,
body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card article:nth-child(6)::before {
  border-color: #ffd868;
  color: #261800;
  background: linear-gradient(145deg, #ffe276, #c77e07);
}

body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card b {
  font-size: 14px;
  line-height: 1.3;
}

body[data-auth="signed-in"][data-screen="powerball"] .reservation-row {
  min-height: 58px;
  padding: 9px 11px;
  border: 1px solid rgba(81, 119, 179, .42);
  border-radius: 13px;
  background: rgba(3, 11, 27, .78);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card {
  position: relative;
  padding: 17px 42px 17px 70px;
  border-radius: 15px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card::before {
  content: "PB";
  position: absolute;
  left: 15px;
  top: 50%;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #f6c748;
  border-radius: 50%;
  color: #f7c84b;
  background: #17110a;
  transform: translateY(-50%);
  font-weight: 900;
  box-shadow: 0 0 16px rgba(247, 200, 75, .28);
}

/* Ticket inventory and charging. */
body[data-auth="signed-in"][data-screen="tickets"],
body[data-auth="signed-in"][data-screen="wallet"],
body[data-auth="signed-in"][data-screen="claim"],
body[data-auth="signed-in"][data-screen="referral"] {
  --screen-edge: 16px;
  --screen-gap: 14px;
}

body[data-auth="signed-in"][data-screen="tickets"] .mobile-app,
body[data-auth="signed-in"][data-screen="wallet"] .mobile-app,
body[data-auth="signed-in"][data-screen="claim"] .mobile-app,
body[data-auth="signed-in"][data-screen="referral"] .mobile-app {
  width: min(100%, 472px);
  padding-bottom: calc(86px + var(--safe-bottom));
}

body[data-auth="signed-in"] .ticket-page-title,
body[data-auth="signed-in"] .wallet-page-title,
body[data-auth="signed-in"] .claim-page-title {
  align-items: end;
  min-height: 93px;
  padding: 5px 4px 0;
}

body[data-auth="signed-in"] .ticket-page-title h2,
body[data-auth="signed-in"] .wallet-page-title h2,
body[data-auth="signed-in"] .claim-page-title h2 {
  margin-top: 4px;
  color: #fff;
  background: none;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 900;
}

body[data-auth="signed-in"] .ticket-title-actions {
  display: grid;
  justify-items: end;
  gap: 7px;
}

body[data-auth="signed-in"] .ticket-title-actions .small-button {
  min-height: 30px;
  padding: 0 11px;
  font-size: 10px;
}

body[data-auth="signed-in"] .ticket-list {
  gap: 11px;
}

body[data-auth="signed-in"] .ticket-card {
  position: relative;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 12px;
  min-height: 118px;
  padding: 15px 12px;
  border: 1px solid rgba(43, 137, 255, .8);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 50%, rgba(36, 132, 255, .26), transparent 25%),
    linear-gradient(150deg, rgba(9, 31, 72, .98), rgba(2, 10, 28, .99));
  box-shadow: 0 0 0 1px rgba(63, 160, 255, .12), 0 0 24px rgba(30, 111, 255, .13), inset 0 1px 0 rgba(255,255,255,.06);
}

body[data-auth="signed-in"] .ticket-card.locked {
  border-color: rgba(106, 130, 181, .52);
  filter: saturate(.78);
}

body[data-auth="signed-in"] .ticket-card-art {
  position: relative;
  display: block;
  width: 62px;
  height: 45px;
  border: 1px solid #79c5ff;
  border-radius: 8px;
  background:
    radial-gradient(circle at 32% 26%, rgba(255,255,255,.68), transparent 10%),
    linear-gradient(145deg, #4ea2ff, #194ac7 55%, #112369);
  box-shadow: 0 0 18px rgba(36, 132, 255, .56), inset 0 0 18px rgba(255,255,255,.15);
  transform: rotate(-9deg);
}

body[data-auth="signed-in"] .ticket-card-art::before,
body[data-auth="signed-in"] .ticket-card-art::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--flow-panel-deep);
  transform: translateY(-50%);
}

body[data-auth="signed-in"] .ticket-card-art::before { left: -6px; }
body[data-auth="signed-in"] .ticket-card-art::after { right: -6px; }

body[data-auth="signed-in"] .ticket-card-body {
  min-width: 0;
}

body[data-auth="signed-in"] .ticket-card header {
  gap: 8px;
}

body[data-auth="signed-in"] .ticket-card header b {
  min-width: 0;
  overflow: hidden;
  color: #f5f8ff;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-auth="signed-in"] .ticket-state-pill {
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid rgba(64, 230, 136, .58);
  border-radius: 8px;
  color: #65ef9b !important;
  background: rgba(3, 62, 34, .72);
  font-size: 9px !important;
  font-weight: 900;
}

body[data-auth="signed-in"] .ticket-card.locked .ticket-state-pill {
  border-color: rgba(247, 200, 75, .5);
  color: #f7d66c !important;
  background: rgba(83, 55, 4, .56);
}

body[data-auth="signed-in"] .ticket-card .ticket-numbers {
  display: flex;
  gap: 5px;
  margin-top: 9px;
}

body[data-auth="signed-in"] .ticket-card .ticket-numbers i {
  width: 31px;
  height: 31px;
  border-color: #69c5ff;
  background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.68), transparent 11%), linear-gradient(180deg, #278aff, #0b48b8);
  box-shadow: 0 0 13px rgba(35, 136, 255, .5);
  font-size: 11px;
}

body[data-auth="signed-in"] .ticket-card .empty-pick {
  min-height: 31px;
  padding: 7px 10px;
  border-radius: 9px;
  font-size: 11px;
}

body[data-auth="signed-in"] .ticket-card-meta {
  display: block;
  margin-top: 7px;
  overflow: hidden;
  color: #9dacce !important;
  font-size: 10px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-auth="signed-in"] .ticket-card-arrow {
  width: 24px;
  height: 42px;
  padding: 0;
  border: 0;
  color: #fff;
  background: transparent;
  font-size: 31px;
}

body[data-auth="signed-in"] .ticket-more-button {
  min-height: 40px;
  border: 1px solid rgba(72, 137, 244, .42);
  border-radius: 12px;
  color: #bcd5ff;
  background: rgba(5, 18, 45, .84);
  font-size: 12px;
  font-weight: 850;
}

body[data-auth="signed-in"] .ticket-more-button[hidden] { display: none; }

body[data-auth="signed-in"] .charge-card,
body[data-auth="signed-in"] .wallet-charge-panel,
body[data-auth="signed-in"] .wallet-ledger-panel {
  display: grid;
  gap: 12px;
  padding: 17px;
  border: 1px solid rgba(247, 200, 75, .72);
  border-radius: 18px;
  background:
    radial-gradient(circle at 90% 0%, rgba(247, 200, 75, .16), transparent 30%),
    radial-gradient(circle at 5% 0%, rgba(35, 136, 255, .2), transparent 34%),
    linear-gradient(155deg, rgba(8, 28, 65, .98), rgba(2, 10, 27, .99));
  box-shadow: 0 0 24px rgba(247, 200, 75, .12), inset 0 1px 0 rgba(255,255,255,.07);
}

body[data-auth="signed-in"] .charge-card .section-title h3,
body[data-auth="signed-in"] .wallet-charge-panel .section-title h3 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 23px;
}

body[data-auth="signed-in"] .charge-title-icon,
body[data-auth="signed-in"] .wallet-bolt {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #5ec7ff;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #258cff, #083b9a);
  box-shadow: 0 0 17px rgba(35, 136, 255, .45);
  font-size: 15px;
  font-weight: 900;
}

body[data-auth="signed-in"] .charge-subtitle {
  margin-top: -8px;
  color: #9fb2d7;
  font-size: 12px;
}

body[data-auth="signed-in"] .charge-card .form-field,
body[data-auth="signed-in"] .wallet-charge-grid label,
body[data-auth="signed-in"] .wallet-memo-field {
  position: relative;
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(77, 120, 187, .48);
  border-radius: 12px;
  background: rgba(2, 10, 27, .72);
}

body[data-auth="signed-in"] .charge-card select,
body[data-auth="signed-in"] .charge-card input,
body[data-auth="signed-in"] .wallet-charge-panel select,
body[data-auth="signed-in"] .wallet-charge-panel input {
  min-height: 40px;
  padding: 0 11px;
  border: 1px solid rgba(85, 130, 204, .47);
  border-radius: 9px;
  color: #fff;
  background: rgba(3, 12, 30, .92);
  font-size: 14px;
  font-weight: 800;
}

body[data-auth="signed-in"] .charge-guide,
body[data-auth="signed-in"] #walletChargeGuide {
  padding: 11px 12px;
  border: 1px solid rgba(247, 200, 75, .42);
  border-radius: 10px;
  color: #f8cc58;
  background: rgba(79, 52, 4, .3);
  font-size: 11px;
  line-height: 1.5;
}

body[data-auth="signed-in"] .charge-card .primary-button,
body[data-auth="signed-in"] .wallet-charge-panel .primary-button {
  min-height: 55px;
  border-radius: 13px;
  font-size: 18px;
}

body[data-auth="signed-in"] .deposit-list,
body[data-auth="signed-in"] .wallet-deposit-list {
  display: grid;
  gap: 8px;
}

body[data-auth="signed-in"] .deposit-list article,
body[data-auth="signed-in"] .wallet-deposit-list article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 65px;
  padding: 11px;
  border: 1px solid rgba(62, 225, 131, .45);
  border-radius: 12px;
  background: rgba(3, 45, 28, .35);
}

body[data-auth="signed-in"] .deposit-icon,
body[data-auth="signed-in"] .ledger-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(82, 174, 255, .65);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #247cff, #082b7b);
  font-style: normal;
  font-weight: 900;
  box-shadow: 0 0 14px rgba(35, 136, 255, .28);
}

body[data-auth="signed-in"] .deposit-icon.done,
body[data-auth="signed-in"] .ledger-icon.credit {
  border-color: rgba(78, 228, 134, .72);
  background: linear-gradient(145deg, #20c56d, #075a37);
  box-shadow: 0 0 14px rgba(78, 228, 134, .26);
}

body[data-auth="signed-in"] .ledger-icon.debit {
  border-color: rgba(255, 95, 109, .65);
  background: linear-gradient(145deg, #df4556, #6f0d24);
}

body[data-auth="signed-in"] .ledger-list article,
body[data-auth="signed-in"] .wallet-ledger-list article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 67px;
  padding: 11px;
  border: 1px solid rgba(80, 118, 181, .46);
  border-radius: 12px;
  background: linear-gradient(150deg, rgba(7, 23, 52, .94), rgba(2, 9, 24, .97));
}

body[data-auth="signed-in"] .ledger-list article > div,
body[data-auth="signed-in"] .wallet-ledger-list article > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body[data-auth="signed-in"] .ledger-list article span,
body[data-auth="signed-in"] .wallet-ledger-list article span {
  overflow: hidden;
  color: #f3f6ff;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-auth="signed-in"] .ledger-list article em,
body[data-auth="signed-in"] .wallet-ledger-list article em {
  color: #8797b9;
  font-size: 9px;
  font-style: normal;
}

body[data-auth="signed-in"] .ledger-list article > b,
body[data-auth="signed-in"] .wallet-ledger-list article > b {
  font-size: 13px;
}

/* Wallet history route. */
body[data-auth="signed-in"] .wallet-charge-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

body[data-auth="signed-in"] .wallet-charge-grid label > span,
body[data-auth="signed-in"] .wallet-memo-field > span {
  color: #9eb1d5;
  font-size: 11px;
  font-weight: 800;
}

body[data-auth="signed-in"] .wallet-charge-grid label {
  position: relative;
}

body[data-auth="signed-in"] .wallet-charge-grid label > em {
  position: absolute;
  right: 20px;
  bottom: 23px;
  color: #d9e6ff;
  font-size: 11px;
  font-style: normal;
}

body[data-auth="signed-in"] .wallet-ledger-panel {
  border-color: rgba(45, 130, 255, .72);
}

body[data-auth="signed-in"] .wallet-ledger-list {
  display: grid;
  gap: 9px;
}

/* Claim flow. */
body[data-auth="signed-in"] .claim-progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

body[data-auth="signed-in"] .claim-progress span {
  display: grid;
  place-items: center;
  gap: 5px;
  min-height: 58px;
  border: 1px solid rgba(82, 120, 180, .42);
  border-radius: 12px;
  color: #8392b1;
  background: rgba(4, 14, 34, .82);
  font-size: 10px;
  font-weight: 850;
}

body[data-auth="signed-in"] .claim-progress span i {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-style: normal;
}

body[data-auth="signed-in"] .claim-progress span.active {
  border-color: rgba(247, 200, 75, .6);
  color: #f7d76f;
  background: rgba(71, 48, 6, .36);
}

body[data-auth="signed-in"] .claim-progress span.done {
  border-color: rgba(78, 228, 134, .6);
  color: #66eda0;
  background: rgba(4, 60, 35, .36);
}

body[data-auth="signed-in"] #screen-claim > .claim-card {
  display: grid;
  gap: 13px;
  padding: 18px;
  border: 1px solid rgba(247, 200, 75, .72);
  border-radius: 20px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 10%, rgba(247, 200, 75, .19), transparent 28%),
    linear-gradient(155deg, rgba(8, 28, 64, .98), rgba(2, 9, 25, .99));
  box-shadow: 0 0 25px rgba(247, 200, 75, .14), inset 0 1px 0 rgba(255,255,255,.06);
}

body[data-auth="signed-in"] .claim-trophy {
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  margin: 0 auto;
  border: 2px solid #ffe58a;
  border-radius: 50%;
  color: #211400;
  background: radial-gradient(circle at 35% 26%, #fff8c7, #f1b624 58%, #9b5a02);
  box-shadow: 0 0 28px rgba(247, 200, 75, .55), inset 0 0 18px rgba(255,255,255,.38);
  font-size: 33px;
  font-weight: 900;
}

body[data-auth="signed-in"] .claim-card > strong {
  color: #f7c84b;
  background: none;
  font-size: 42px;
  text-shadow: 0 0 19px rgba(247, 200, 75, .28);
}

body[data-auth="signed-in"] .claim-breakdown {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

body[data-auth="signed-in"] .claim-breakdown article {
  min-height: 67px;
  padding: 10px 7px;
  border: 1px solid rgba(75, 118, 185, .45);
  border-radius: 11px;
  background: rgba(3, 12, 30, .78);
}

body[data-auth="signed-in"] .claim-options {
  display: grid;
  gap: 10px;
}

body[data-auth="signed-in"] .claim-option {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 11px;
  min-height: 80px;
  padding: 12px;
  border: 1px solid rgba(54, 139, 255, .72);
  border-radius: 14px;
  color: #fff;
  text-align: left;
  background: linear-gradient(150deg, rgba(8, 39, 88, .96), rgba(2, 12, 31, .98));
}

body[data-auth="signed-in"] .claim-option[data-claim="reticket"] {
  border-color: rgba(247, 200, 75, .66);
}

body[data-auth="signed-in"] .claim-option.active {
  box-shadow: 0 0 0 2px rgba(62, 150, 255, .3), 0 0 24px rgba(35, 136, 255, .25);
}

body[data-auth="signed-in"] .claim-option[data-claim="reticket"].active {
  box-shadow: 0 0 0 2px rgba(247, 200, 75, .28), 0 0 24px rgba(247, 200, 75, .22);
}

body[data-auth="signed-in"] .claim-option-icon {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border: 1px solid #64c6ff;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #248cff, #0a3d9d);
  font-size: 18px;
  font-weight: 900;
}

body[data-auth="signed-in"] .claim-option-icon.ticket {
  border-radius: 10px;
  border-color: #f9d568;
  color: #241600;
  background: linear-gradient(145deg, #ffe16e, #c57b06);
}

body[data-auth="signed-in"] .claim-option > span:nth-child(2) {
  display: grid;
  gap: 5px;
}

body[data-auth="signed-in"] .claim-option b { font-size: 15px; }
body[data-auth="signed-in"] .claim-option em { color: #b2c2e0; font-size: 11px; font-style: normal; }
body[data-auth="signed-in"] .claim-option > i { font-size: 28px; font-style: normal; }

body[data-auth="signed-in"] .claim-policy-note,
body[data-auth="signed-in"] .claim-result {
  padding: 11px 12px;
  border: 1px solid rgba(247, 200, 75, .4);
  border-radius: 11px;
  color: #e5d29e;
  background: rgba(68, 45, 5, .28);
  font-size: 11px;
  line-height: 1.5;
}

body[data-auth="signed-in"] .claim-result {
  border-color: rgba(75, 137, 234, .45);
  color: #dce8ff;
  background: rgba(5, 22, 51, .76);
}

body[data-auth="signed-in"] .claim-complete .claim-result {
  border-color: rgba(78, 228, 134, .58);
  color: #8af2b4;
  background: rgba(4, 62, 37, .4);
}

body[data-auth="signed-in"] .claim-card #claimActionButton {
  min-height: 57px;
  border-radius: 13px;
  font-size: 17px;
}

body[data-auth="signed-in"] .claim-secondary-action {
  min-height: 45px;
  border-radius: 12px;
}

/* Referral reward route: code sharing, qualifying purchase progress and cumulative tiers. */
body[data-auth="signed-in"][data-screen="referral"] #screen-referral {
  gap: 14px;
}

body[data-auth="signed-in"] .referral-hero {
  position: relative;
  min-height: 177px;
  padding: 23px 150px 20px 20px;
  overflow: hidden;
  border: 1px solid rgba(247, 200, 75, .66);
  border-radius: 20px;
  background:
    radial-gradient(circle at 80% 25%, rgba(247, 200, 75, .3), transparent 31%),
    radial-gradient(circle at 12% 10%, rgba(35, 136, 255, .26), transparent 34%),
    linear-gradient(150deg, rgba(10, 34, 78, .98), rgba(3, 11, 29, .99));
  box-shadow: 0 0 25px rgba(247, 200, 75, .14);
}

body[data-auth="signed-in"] .referral-hero h2 {
  margin-top: 6px;
  color: #fff;
  font-size: 32px;
  line-height: 1.08;
}

body[data-auth="signed-in"] .referral-hero > p:last-child {
  margin-top: 10px;
  color: #b4c4e2;
  font-size: 12px;
  line-height: 1.55;
}

body[data-auth="signed-in"] .referral-gift-art {
  position: absolute;
  right: 20px;
  top: 31px;
  display: grid;
  place-items: center;
  width: 110px;
  height: 110px;
  object-fit: contain;
  border-radius: 30px;
  background: radial-gradient(circle, rgba(247, 200, 75, .2), transparent 68%);
  filter: drop-shadow(0 0 18px rgba(247, 200, 75, .38));
}

body[data-auth="signed-in"] .referral-code-panel,
body[data-auth="signed-in"] .referral-progress-panel,
body[data-auth="signed-in"] .referral-tier-panel {
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(50, 137, 255, .72);
  border-radius: 18px;
  background:
    radial-gradient(circle at 85% 0%, rgba(35, 136, 255, .18), transparent 31%),
    linear-gradient(155deg, rgba(8, 27, 62, .98), rgba(2, 10, 27, .99));
  box-shadow: 0 0 22px rgba(35, 136, 255, .13);
}

body[data-auth="signed-in"] .referral-code-panel {
  text-align: center;
  border-color: rgba(247, 200, 75, .68);
}

body[data-auth="signed-in"] .referral-code-panel > span {
  color: #d7e3fa;
  font-size: 13px;
}

body[data-auth="signed-in"] .referral-code-panel > strong {
  color: #f7c84b;
  font-size: 40px;
  letter-spacing: 1px;
  text-shadow: 0 0 18px rgba(247, 200, 75, .3);
}

body[data-auth="signed-in"] .referral-share-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body[data-auth="signed-in"] .referral-share-grid button {
  min-height: 44px;
  border: 1px solid rgba(71, 137, 244, .56);
  border-radius: 11px;
  color: #e5efff;
  background: linear-gradient(180deg, rgba(15, 48, 101, .9), rgba(4, 15, 36, .95));
  font-size: 12px;
  font-weight: 850;
}

body[data-auth="signed-in"] .referral-share-grid button:first-child {
  border-color: rgba(255, 220, 56, .72);
  color: #191300;
  background: #fee500;
}

body[data-auth="signed-in"] .referral-progress-panel > p {
  color: #9fafcf;
  font-size: 11px;
  line-height: 1.5;
}

body[data-auth="signed-in"] .referral-progress-panel .section-title strong {
  color: #f7c84b;
  font-size: 20px;
}

body[data-auth="signed-in"] .referral-progress-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

body[data-auth="signed-in"] .referral-progress-stats article {
  display: grid;
  gap: 6px;
  padding: 13px;
  border: 1px solid rgba(78, 126, 198, .44);
  border-radius: 12px;
  background: rgba(3, 12, 30, .72);
}

body[data-auth="signed-in"] .referral-progress-stats span { color: #91a4c8; font-size: 10px; }
body[data-auth="signed-in"] .referral-progress-stats b { color: #fff; font-size: 20px; }

body[data-auth="signed-in"] .referral-tier-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(102px, 1fr);
  gap: 12px;
  padding: 2px 2px 8px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
  scrollbar-width: thin;
  scrollbar-color: rgba(76, 135, 230, .5) transparent;
}

body[data-auth="signed-in"] .referral-tier-list article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 112px;
  padding: 11px 9px;
  border: 1px solid rgba(75, 121, 191, .45);
  border-radius: 13px;
  background: linear-gradient(150deg, rgba(8, 24, 54, .95), rgba(2, 9, 24, .98));
  scroll-snap-align: start;
}

body[data-auth="signed-in"] .referral-tier-list article:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -12px;
  color: #6f8fc3;
  font-size: 13px;
  transform: translate(50%, -50%);
  pointer-events: none;
}

body[data-auth="signed-in"] .referral-tier-list article.next {
  border-color: rgba(247, 200, 75, .72);
  box-shadow: 0 0 18px rgba(247, 200, 75, .12);
}

body[data-auth="signed-in"] .referral-tier-list article.done {
  border-color: rgba(78, 228, 134, .62);
}

body[data-auth="signed-in"] .referral-tier-list span {
  display: grid;
  gap: 4px;
}

body[data-auth="signed-in"] .referral-tier-list span b { color: #f7c84b; font-size: 21px; }
body[data-auth="signed-in"] .referral-tier-list span em { color: #8495b6; font-size: 9px; font-style: normal; }
body[data-auth="signed-in"] .referral-tier-list strong { color: #fff; font-size: 15px; }
body[data-auth="signed-in"] .referral-tier-list > article > i { color: #86a6df; font-size: 11px; font-style: normal; text-align: left; }

body[data-auth="signed-in"] .referral-streak-link {
  min-height: 48px;
  border-radius: 12px;
}

@media (max-width: 390px) {
  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) h2 {
    font-size: 42px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero strong {
    font-size: 72px;
  }

  body[data-auth="signed-in"] .ticket-card {
    grid-template-columns: 62px minmax(0, 1fr) 20px;
    gap: 9px;
    padding: 13px 10px;
  }

  body[data-auth="signed-in"] .ticket-card-art {
    width: 54px;
    height: 41px;
  }

  body[data-auth="signed-in"] .ticket-card .ticket-numbers i {
    width: 27px;
    height: 27px;
  }

  body[data-auth="signed-in"] .wallet-charge-grid {
    grid-template-columns: 1fr;
  }

  body[data-auth="signed-in"] .referral-hero {
    min-height: 163px;
    padding-right: 125px;
  }

  body[data-auth="signed-in"] .referral-gift-art {
    right: 12px;
    width: 96px;
    height: 96px;
    font-size: 60px;
  }
}

/* 2026-07-10 reference viewport lock: preserve every interaction while matching the approved mobile density. */
body[data-auth="signed-in"]:not([data-screen="rewards"]) {
  --screen-edge: 14px;
  --screen-gap: 8px;
  --panel-gap: 8px;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .mobile-app {
  width: min(100%, 472px);
  padding-right: var(--screen-edge);
  padding-left: var(--screen-edge);
  padding-bottom: calc(66px + var(--safe-bottom));
  scroll-padding-bottom: calc(66px + var(--safe-bottom));
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .app-header {
  min-height: 58px;
  margin-right: calc(-1 * var(--screen-edge));
  margin-bottom: 7px;
  margin-left: calc(-1 * var(--screen-edge));
  padding: max(7px, env(safe-area-inset-top, 0px)) var(--screen-edge) 7px;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .brand-lockup {
  gap: 9px;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .brand-lockup img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .brand-lockup h1 {
  font-size: 24px;
  line-height: 1;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .brand-lockup .eyebrow {
  margin-bottom: 3px;
  font-size: 11px;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .header-actions {
  gap: 8px;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .header-actions .icon-button {
  width: 40px;
  height: 40px;
  min-height: 40px;
  border-radius: 10px;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .header-actions .profile-button span {
  font-size: 21px;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .bottom-nav {
  width: min(472px, 100vw);
  min-height: calc(62px + var(--safe-bottom));
  padding: 4px 8px calc(4px + var(--safe-bottom));
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .nav-item,
body[data-auth="signed-in"]:not([data-screen="rewards"]) .nav-item.active {
  min-height: 52px;
  border-radius: 10px;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .nav-icon {
  width: 21px;
  height: 21px;
}

body[data-auth="signed-in"]:not([data-screen="rewards"]) .nav-item span {
  font-size: 9px;
}

/* Main home: free-ticket awareness, live draw and all four conversion routes fit above navigation. */
body[data-auth="signed-in"][data-screen="home"] .home-stage {
  gap: 8px;
  padding-bottom: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  min-height: 124px;
  padding: 12px 13px;
  gap: 6px;
  border-radius: 14px;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::after {
  right: 13px;
  top: 12px;
  width: 63px;
  height: 50px;
  border-radius: 8px;
  font-size: 17px;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card > div {
  max-width: calc(100% - 66px);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card span {
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
  max-width: none;
  margin-top: 2px;
  font-size: 20px;
  line-height: 1.08;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
  max-width: none;
  margin-top: 4px;
  overflow: hidden;
  font-size: 10px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .primary-button {
  min-height: 38px;
  margin-top: 6px;
  border-radius: 10px;
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .balance-card.home-hero-card {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 0;
  padding: 12px;
  border-radius: 14px;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-top {
  min-height: 58px;
  max-height: 58px;
  gap: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > span {
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance strong {
  margin-top: 1px;
  font-size: 14px;
  line-height: .95;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance strong b {
  font-size: 30px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance em {
  margin-top: 3px;
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-symbol,
body[data-auth="signed-in"][data-screen="home"] .hero-symbol img {
  width: 48px;
  height: 48px;
  border-radius: 12px;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta {
  min-height: 16px;
  margin-top: 0;
  padding-top: 0;
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip {
  gap: 5px;
  margin-top: 1px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip article {
  min-height: 38px;
  padding: 5px 7px;
  border-radius: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip span {
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip b {
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "label value" "date date";
  align-items: center;
  min-height: 50px;
  margin-top: 1px;
  padding: 6px 9px;
  gap: 1px 8px;
  border-radius: 9px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown > span { grid-area: label; font-size: 9px; }
body[data-auth="signed-in"][data-screen="home"] .hero-countdown > b { grid-area: value; font-size: 20px; }
body[data-auth="signed-in"][data-screen="home"] .hero-countdown > em { grid-area: date; font-size: 9px; }

body[data-auth="signed-in"][data-screen="home"] .home-buy-button {
  min-height: 40px;
  margin-top: 2px;
  border-radius: 10px;
  font-size: 15px;
}

body[data-auth="signed-in"][data-screen="home"] .home-conversion-grid {
  gap: 7px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
  min-height: 72px;
  padding: 9px 10px;
  gap: 2px;
  border-radius: 11px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card::after {
  right: 9px;
  bottom: 8px;
  width: 31px;
  height: 31px;
  border-radius: 9px;
  font-size: 16px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card span { font-size: 9px; }
body[data-auth="signed-in"][data-screen="home"] .home-feature-card b { margin-top: 2px; font-size: 16px; }
body[data-auth="signed-in"][data-screen="home"] .home-feature-card em { max-width: calc(100% - 28px); margin-top: 2px; font-size: 8px; }

body[data-auth="signed-in"][data-screen="home"] .pwa-access-card {
  grid-template-columns: minmax(0, 1fr) 94px;
  min-height: 60px;
  padding: 8px 10px;
  gap: 8px;
  border-radius: 10px;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-copy span { font-size: 8px; }
body[data-auth="signed-in"][data-screen="home"] .pwa-access-copy b { font-size: 11px; }
body[data-auth="signed-in"][data-screen="home"] .pwa-access-actions .plain-button { min-height: 25px; font-size: 8px; }

/* Powerball main: approved hero, full 5+1 picker and purchase CTA remain visible together. */
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  gap: 7px;
  padding-bottom: 18px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
  min-height: 53px;
  margin-bottom: 0;
  padding: 0 2px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) .eyebrow {
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) h2 {
  font-size: 31px;
  line-height: 1;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
  position: static;
  min-height: 32px;
  padding: 0 12px;
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  min-height: 226px;
  padding: 12px 12px 9px;
  border-radius: 15px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero > div:first-child {
  max-width: none;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero > div:first-child > span {
  font-size: 12px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero strong {
  margin-top: 0;
  font-size: 57px;
  line-height: .96;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
  max-width: 230px;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
  right: 2px;
  top: 40px;
  width: 124px;
  height: 90px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  min-height: 45px;
  margin-top: 6px;
  padding: 6px 8px 6px 43px;
  border-radius: 10px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em::before {
  left: 8px;
  width: 28px;
  height: 28px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em b {
  font-size: 11px;
  line-height: 1.25;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last {
  width: 100%;
  min-height: 36px;
  margin-top: 5px;
  padding: 4px 8px;
  gap: 7px;
  border-radius: 9px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last > span { font-size: 10px; }
body[data-auth="signed-in"][data-screen="powerball"] .powerball-last b { gap: 3px; }
body[data-auth="signed-in"][data-screen="powerball"] .powerball-last i { width: 23px; height: 23px; font-size: 9px; }

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type {
  gap: 6px;
  padding: 9px;
  border-radius: 14px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .section-title {
  min-height: 24px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .section-title h3 {
  font-size: 17px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .section-title .status-chip {
  min-height: 25px;
  padding: 0 9px;
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="powerball"] .game-tabs .segment {
  min-height: 34px;
  font-size: 12px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card {
  gap: 5px;
  padding: 7px;
  border-radius: 12px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > div > span {
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="powerball"] .picked-numbers {
  gap: 4px;
  margin-top: 3px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card .picked-numbers i {
  width: 28px;
  height: 28px;
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > div:nth-child(2) .picked-numbers {
  display: none;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker {
  gap: 4px;
  padding: 4px;
  border-radius: 9px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker.compact {
  gap: 4px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-number-button,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker.compact .power-number-button {
  min-height: 27px;
  padding: 0;
  border-radius: 6px;
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > .button-row {
  gap: 5px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > .button-row .plain-button {
  min-height: 28px;
  padding: 0 5px;
  border-radius: 7px;
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .button-row #powerballPurchaseButton {
  min-height: 45px;
  border-radius: 10px;
  font-size: 16px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card {
  gap: 7px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card article {
  min-height: 66px;
  padding: 9px 8px 8px 40px;
  border-radius: 10px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card article::before {
  left: 8px;
  top: 18px;
  width: 24px;
  height: 24px;
}

body[data-auth="signed-in"][data-screen="powerball"] .reservation-row {
  min-height: 48px;
  padding: 7px 9px;
  border-radius: 10px;
}

/* Ticket inventory and point history: three tickets and the next action remain scannable together. */
body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets,
body[data-auth="signed-in"][data-screen="wallet"] #screen-wallet,
body[data-auth="signed-in"][data-screen="claim"] #screen-claim,
body[data-auth="signed-in"][data-screen="referral"] #screen-referral {
  gap: 9px;
  padding-bottom: 18px;
}

body[data-auth="signed-in"] .ticket-page-title,
body[data-auth="signed-in"] .wallet-page-title,
body[data-auth="signed-in"] .claim-page-title {
  min-height: 72px;
  padding: 1px 3px 0;
}

body[data-auth="signed-in"] .ticket-page-title h2,
body[data-auth="signed-in"] .wallet-page-title h2,
body[data-auth="signed-in"] .claim-page-title h2 {
  margin-top: 2px;
  font-size: 27px;
}

body[data-auth="signed-in"] .ticket-page-title > div > span,
body[data-auth="signed-in"] .wallet-page-title > div > span,
body[data-auth="signed-in"] .claim-page-title > div > span {
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.25;
}

body[data-auth="signed-in"] .ticket-purchase-button {
  min-width: 82px;
  min-height: 40px;
  padding: 0 13px;
  border-radius: 11px;
  font-size: 14px;
}

body[data-auth="signed-in"] .ticket-list {
  gap: 8px;
}

body[data-auth="signed-in"] .ticket-card {
  grid-template-columns: 54px minmax(0, 1fr) 18px;
  gap: 9px;
  min-height: 94px;
  padding: 10px;
  border-radius: 13px;
}

body[data-auth="signed-in"] .ticket-card-art {
  width: 47px;
  height: 34px;
  border-radius: 6px;
}

body[data-auth="signed-in"] .ticket-card header b { font-size: 14px; }
body[data-auth="signed-in"] .ticket-state-pill { padding: 3px 6px; font-size: 8px !important; }
body[data-auth="signed-in"] .ticket-card .ticket-numbers { gap: 3px; margin-top: 5px; }
body[data-auth="signed-in"] .ticket-card .ticket-numbers i { width: 24px; height: 24px; font-size: 9px; }
body[data-auth="signed-in"] .ticket-card .empty-pick { min-height: 27px; padding: 5px 8px; font-size: 9px; }
body[data-auth="signed-in"] .ticket-card-meta { margin-top: 4px; font-size: 8px !important; }
body[data-auth="signed-in"] .ticket-card-arrow { width: 18px; height: 34px; font-size: 24px; }
body[data-auth="signed-in"] .ticket-more-button { min-height: 34px; border-radius: 9px; font-size: 10px; }

body[data-auth="signed-in"] .charge-card,
body[data-auth="signed-in"] .wallet-charge-panel,
body[data-auth="signed-in"] .wallet-ledger-panel {
  gap: 8px;
  padding: 13px;
  border-radius: 14px;
}

body[data-auth="signed-in"] .charge-card .section-title h3,
body[data-auth="signed-in"] .wallet-charge-panel .section-title h3 {
  gap: 7px;
  font-size: 18px;
}

body[data-auth="signed-in"] .charge-title-icon,
body[data-auth="signed-in"] .wallet-bolt {
  width: 28px;
  height: 28px;
  font-size: 12px;
}

body[data-auth="signed-in"] .charge-card .form-field,
body[data-auth="signed-in"] .wallet-charge-grid label,
body[data-auth="signed-in"] .wallet-memo-field {
  gap: 5px;
  padding: 8px;
  border-radius: 9px;
}

body[data-auth="signed-in"] .charge-card select,
body[data-auth="signed-in"] .charge-card input,
body[data-auth="signed-in"] .wallet-charge-panel select,
body[data-auth="signed-in"] .wallet-charge-panel input {
  min-height: 35px;
  padding: 0 9px;
  border-radius: 7px;
  font-size: 12px;
}

body[data-auth="signed-in"] .charge-guide,
body[data-auth="signed-in"] #walletChargeGuide {
  padding: 8px 9px;
  border-radius: 8px;
  font-size: 9px;
}

body[data-auth="signed-in"] .charge-card .primary-button,
body[data-auth="signed-in"] .wallet-charge-panel .primary-button {
  min-height: 44px;
  border-radius: 10px;
  font-size: 15px;
}

body[data-auth="signed-in"] .deposit-list article,
body[data-auth="signed-in"] .wallet-deposit-list article,
body[data-auth="signed-in"] .ledger-list article,
body[data-auth="signed-in"] .wallet-ledger-list article {
  min-height: 52px;
  padding: 8px;
  border-radius: 9px;
}

/* Claim flow: both payout choices and irreversible-choice notice are visible before the fixed nav. */
body[data-auth="signed-in"] .claim-progress {
  gap: 5px;
}

body[data-auth="signed-in"] .claim-progress span {
  min-height: 45px;
  gap: 3px;
  border-radius: 9px;
  font-size: 8px;
}

body[data-auth="signed-in"] .claim-progress span i {
  width: 18px;
  height: 18px;
}

body[data-auth="signed-in"] #screen-claim > .claim-card {
  gap: 7px;
  padding: 12px;
  border-radius: 15px;
}

body[data-auth="signed-in"] .claim-topline { font-size: 10px; }
body[data-auth="signed-in"] .claim-trophy { width: 50px; height: 50px; font-size: 23px; }
body[data-auth="signed-in"] .claim-label { font-size: 10px; }
body[data-auth="signed-in"] .claim-card > strong { font-size: 32px; }

body[data-auth="signed-in"] .claim-breakdown { gap: 5px; }
body[data-auth="signed-in"] .claim-breakdown article { min-height: 48px; padding: 7px 5px; border-radius: 8px; }
body[data-auth="signed-in"] .claim-breakdown article span { font-size: 8px; }
body[data-auth="signed-in"] .claim-breakdown article b { font-size: 11px; }
body[data-auth="signed-in"] #claimDescription { font-size: 9px; line-height: 1.3; }

body[data-auth="signed-in"] .claim-options { gap: 6px; }
body[data-auth="signed-in"] .claim-option { grid-template-columns: 36px minmax(0, 1fr) 16px; gap: 8px; min-height: 58px; padding: 8px; border-radius: 10px; }
body[data-auth="signed-in"] .claim-option-icon { width: 34px; height: 34px; font-size: 14px; }
body[data-auth="signed-in"] .claim-option b { font-size: 12px; }
body[data-auth="signed-in"] .claim-option em { font-size: 9px; }
body[data-auth="signed-in"] .claim-option > i { font-size: 22px; }

body[data-auth="signed-in"] .claim-policy-note,
body[data-auth="signed-in"] .claim-result {
  padding: 7px 8px;
  border-radius: 8px;
  font-size: 8px;
  line-height: 1.35;
}

body[data-auth="signed-in"] .claim-card #claimActionButton { min-height: 44px; border-radius: 10px; font-size: 14px; }
body[data-auth="signed-in"] .claim-secondary-action { min-height: 44px; border-radius: 9px; font-size: 10px; }

/* Referral flow: code, qualifying purchases and the first cumulative tiers form one compact story. */
body[data-auth="signed-in"][data-screen="referral"] #screen-referral { gap: 9px; }

body[data-auth="signed-in"] .referral-hero {
  min-height: 112px;
  padding: 14px 105px 13px 14px;
  border-radius: 15px;
}

body[data-auth="signed-in"] .referral-hero h2 { margin-top: 3px; font-size: 24px; }
body[data-auth="signed-in"] .referral-hero > p:last-child { margin-top: 5px; font-size: 9px; line-height: 1.35; }
body[data-auth="signed-in"] .referral-gift-art { right: 12px; top: 16px; width: 82px; height: 82px; border-radius: 20px; font-size: 53px; }

body[data-auth="signed-in"] .referral-code-panel,
body[data-auth="signed-in"] .referral-progress-panel,
body[data-auth="signed-in"] .referral-tier-panel {
  gap: 7px;
  padding: 12px;
  border-radius: 14px;
}

body[data-auth="signed-in"] .referral-code-panel > span { font-size: 10px; }
body[data-auth="signed-in"] .referral-code-panel > strong { font-size: 29px; }
body[data-auth="signed-in"] .referral-code-panel > .primary-button { min-height: 44px; border-radius: 9px; font-size: 13px; }
body[data-auth="signed-in"] .referral-share-grid { gap: 6px; }
body[data-auth="signed-in"] .referral-share-grid button { min-height: 44px; border-radius: 8px; font-size: 10px; }

body[data-auth="signed-in"] .referral-progress-panel .section-title strong { font-size: 16px; }
body[data-auth="signed-in"] .referral-progress-panel > p { font-size: 9px; line-height: 1.3; }
body[data-auth="signed-in"] .referral-progress-stats { gap: 6px; }
body[data-auth="signed-in"] .referral-progress-stats article { gap: 3px; padding: 8px; border-radius: 9px; }
body[data-auth="signed-in"] .referral-progress-stats b { font-size: 15px; }

body[data-auth="signed-in"] .referral-tier-list { grid-auto-columns: minmax(96px, 1fr); gap: 10px; }
body[data-auth="signed-in"] .referral-tier-list article { gap: 5px; min-height: 104px; padding: 9px 8px; border-radius: 10px; }
body[data-auth="signed-in"] .referral-tier-list span b { font-size: 16px; }
body[data-auth="signed-in"] .referral-tier-list strong { font-size: 11px; line-height: 1.35; }
body[data-auth="signed-in"] .referral-tier-list > article > i { font-size: 9px; }

/* Reward visual polish without changing the one-screen 28-day interaction layout. */
body[data-auth="signed-in"][data-screen="rewards"] .nav-rewards::before {
  width: 22px;
  height: 15px;
  margin-top: 7px;
  border: 1px solid rgba(220, 234, 255, .76);
  border-radius: 3px;
  background: linear-gradient(180deg, #70b3ff, #1d63d9);
  box-shadow: 0 0 12px rgba(77, 153, 255, .72);
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-rewards::after {
  top: 4px;
  width: 24px;
  height: 25px;
  border-radius: 0;
  background:
    radial-gradient(ellipse at 34% 18%, transparent 0 34%, #dceaff 38% 53%, transparent 57%),
    radial-gradient(ellipse at 66% 18%, transparent 0 34%, #dceaff 38% 53%, transparent 57%),
    linear-gradient(#dceaff, #dceaff) center 9px / 3px 16px no-repeat,
    linear-gradient(#dceaff, #dceaff) center 12px / 22px 3px no-repeat;
  box-shadow: none;
}

/* Final reference alignment: remove remaining overlap and preserve compact controls. */
body[data-auth="signed-in"][data-screen="home"] .home-wallet-top {
  min-height: 72px;
  max-height: none;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: nowrap;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
  position: static;
  flex: 0 0 auto;
  margin: 0 0 1px auto;
}

body[data-auth="signed-in"][data-screen="powerball"] .picked-numbers {
  min-height: 28px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker {
  margin-top: 3px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-number-button,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker.compact .power-number-button {
  height: 44px;
  min-height: 44px;
  aspect-ratio: auto;
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-rewards .nav-icon {
  display: block;
  filter: drop-shadow(0 0 6px rgba(93, 164, 255, .75));
}

body[data-auth="signed-in"][data-screen="rewards"] .nav-rewards::before,
body[data-auth="signed-in"][data-screen="rewards"] .nav-rewards::after {
  display: none;
}

body[data-auth="signed-in"] .reward-ticket-art {
  width: 48px;
  height: 28px;
  border-radius: 5px;
}

body[data-auth="signed-in"] .reward-track-marker > i {
  width: 19px;
  height: 15px;
  filter: drop-shadow(0 0 4px currentColor);
}

@media (max-width: 390px) {
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
    font-size: 18px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) h2 {
    font-size: 29px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero strong {
    font-size: 52px;
  }

  body[data-auth="signed-in"] .wallet-charge-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .button-row:has(#powerballPurchaseButton) {
  position: fixed;
  z-index: 42;
  right: auto;
  bottom: calc(62px + env(safe-area-inset-bottom));
  left: 50%;
  width: min(444px, calc(100vw - 28px));
  margin: 0;
  transform: translateX(-50%);
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
  position: fixed;
  z-index: 42;
  right: auto;
  bottom: calc(62px + env(safe-area-inset-bottom));
  left: 50%;
  width: min(444px, calc(100vw - 28px));
  margin: 0;
  transform: translateX(-50%);
  min-height: 54px;
  border: 1px solid #ffe690;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffe77b, #e99c08);
  color: #101010;
  box-shadow: 0 0 20px rgba(255, 184, 22, .58), inset 0 1px rgba(255, 255, 255, .8);
  font-size: 16px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  padding-bottom: 92px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block {
  gap: 6px;
  padding: 4px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .section-title {
  min-height: 26px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .game-tabs {
  min-height: 34px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .game-tabs .segment {
  min-height: 32px;
}

/* Number assignment: keep the full 3/13 -> 13/13 flow in the same dark SUPER WINS language. */
body[data-auth="signed-in"][data-screen="assign"] #screen-assign {
  gap: 9px;
  padding-bottom: 24px;
}

body[data-auth="signed-in"][data-screen="assign"] #screen-assign > .section-title {
  min-height: 58px;
  padding: 0 2px;
}

body[data-auth="signed-in"][data-screen="assign"] #screen-assign > .section-title h2 {
  margin-top: 2px;
  font-size: 27px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-panel {
  gap: 9px;
  padding: 13px;
  border: 1px solid rgba(61, 144, 255, .76);
  border-radius: 15px;
  color: #f4f8ff;
  background:
    radial-gradient(circle at 88% 0%, rgba(247, 200, 75, .13), transparent 28%),
    radial-gradient(circle at 4% 0%, rgba(39, 132, 255, .2), transparent 34%),
    linear-gradient(155deg, rgba(8, 28, 67, .99), rgba(2, 10, 28, .99)) !important;
  box-shadow: 0 0 25px rgba(40, 126, 255, .14), inset 0 1px 0 rgba(255, 255, 255, .07);
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-panel .progress-row {
  align-items: start;
  gap: 10px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-panel .progress-row b {
  color: #f7fbff;
  font-size: 14px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-panel .progress-row span {
  margin-top: 4px;
  color: #9fb3d8;
  font-size: 10px;
  line-height: 1.4;
}

body[data-auth="signed-in"][data-screen="assign"] #assignmentProgressPercent {
  color: #f8c94d;
  font-size: 22px;
}

body[data-auth="signed-in"][data-screen="assign"] .progress-track {
  height: 6px;
  background: rgba(77, 111, 171, .28);
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-callout {
  gap: 7px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-callout article {
  min-height: 66px;
  padding: 9px;
  border: 1px solid rgba(80, 129, 207, .46);
  border-radius: 10px;
  background: rgba(2, 12, 31, .68);
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-callout span,
body[data-auth="signed-in"][data-screen="assign"] .assignment-current span {
  color: #86a2d0;
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-callout b,
body[data-auth="signed-in"][data-screen="assign"] .assignment-current b {
  color: #f4f8ff;
  font-size: 12px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-callout em {
  color: #94a6c7;
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-current {
  gap: 5px;
  min-height: 72px;
  padding: 10px;
  border: 1px solid rgba(75, 136, 233, .48);
  border-radius: 10px;
  background: rgba(3, 14, 36, .82);
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-current .picked-numbers {
  min-height: 27px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-number-grid {
  gap: 5px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-number-grid .number-button {
  min-height: 31px;
  border-color: rgba(81, 132, 218, .58);
  border-radius: 8px;
  color: #dce9ff;
  background: linear-gradient(180deg, rgba(16, 40, 83, .97), rgba(4, 15, 38, .99));
  font-size: 11px;
  box-shadow: none;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-number-grid .number-button.selected {
  border-color: #61bfff;
  color: #fff;
  background: linear-gradient(180deg, #258cff, #0b49bc);
  box-shadow: 0 0 13px rgba(43, 139, 255, .58);
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-panel .button-row {
  gap: 7px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-panel .plain-button,
body[data-auth="signed-in"][data-screen="assign"] .assignment-panel .primary-button {
  min-height: 39px;
  border-radius: 9px;
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-wait-panel {
  gap: 4px;
  padding: 10px;
  border-color: rgba(75, 226, 139, .48);
  border-radius: 10px;
  background: rgba(2, 57, 34, .46);
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-wait-panel b {
  color: #6ef3a6;
  font-size: 12px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-wait-panel span {
  color: #a2dabb;
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="assign"] #screen-assign > .section-block {
  gap: 7px;
  padding: 12px;
  border-radius: 14px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-ticket-card {
  min-height: 50px;
  padding: 9px;
  border-radius: 9px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-ticket-card b {
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-ticket-card span,
body[data-auth="signed-in"][data-screen="assign"] .assignment-ticket-card em {
  font-size: 9px;
}

/* Use the app ticket symbol instead of visible cut-out circles on inventory cards. */
body[data-auth="signed-in"] .ticket-card-art {
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

body[data-auth="signed-in"] .ticket-card-art::before,
body[data-auth="signed-in"] .ticket-card-art::after {
  display: none;
}

body[data-auth="signed-in"] .ticket-card-art svg {
  width: 48px;
  height: 48px;
  overflow: visible;
  fill: rgba(41, 127, 255, .24);
  stroke: #67b9ff;
  stroke-width: 1.4;
  filter: drop-shadow(0 0 8px rgba(43, 134, 255, .78));
}

/* Keep payment method, credited amount and approval state independently readable. */
body[data-auth="signed-in"] .deposit-list article > div,
body[data-auth="signed-in"] .wallet-deposit-list article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body[data-auth="signed-in"] .deposit-list article > div > b,
body[data-auth="signed-in"] .wallet-deposit-list article > div > b,
body[data-auth="signed-in"] .deposit-list article > div > span,
body[data-auth="signed-in"] .wallet-deposit-list article > div > span {
  display: block;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-auth="signed-in"] .deposit-list article > div > b,
body[data-auth="signed-in"] .wallet-deposit-list article > div > b {
  color: #f4f8ff;
  font-size: 11px;
}

body[data-auth="signed-in"] .deposit-list article > div > span,
body[data-auth="signed-in"] .wallet-deposit-list article > div > span {
  color: #8fa3ca;
  font-size: 9px;
}

body[data-auth="signed-in"] .deposit-list article > em,
body[data-auth="signed-in"] .wallet-deposit-list article > em {
  margin: 0;
  white-space: nowrap;
}

body[data-auth="signed-in"] .deposit-actions {
  display: grid;
  justify-items: end;
  gap: 5px;
  min-width: 64px;
}

body[data-auth="signed-in"] .deposit-actions > em {
  margin: 0;
  white-space: nowrap;
}

body[data-auth="signed-in"] .deposit-refresh-button {
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid rgba(82, 174, 255, 0.62);
  border-radius: 8px;
  color: #dcecff;
  background: rgba(13, 47, 98, 0.72);
  font: inherit;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
}

body[data-auth="signed-in"] .deposit-refresh-button:hover,
body[data-auth="signed-in"] .deposit-refresh-button:focus-visible {
  border-color: rgba(119, 199, 255, 0.96);
  background: rgba(23, 76, 148, 0.9);
}

body[data-auth="signed-in"] .deposit-refresh-button:focus-visible {
  outline: 2px solid rgba(119, 199, 255, 0.96);
  outline-offset: 2px;
}

body[data-auth="signed-in"] .deposit-refresh-button:disabled {
  cursor: wait;
  opacity: 0.62;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-panel .primary-button:disabled {
  border-color: rgba(71, 103, 159, .46);
  color: #7588ab;
  background: linear-gradient(180deg, rgba(21, 43, 80, .9), rgba(8, 19, 43, .96));
  box-shadow: none;
  opacity: 1;
}

body[data-auth="signed-in"][data-screen="powerball"] .payout-summary article {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(77, 133, 222, .46);
  border-radius: 10px;
  background:
    radial-gradient(circle at 92% 0%, rgba(247, 200, 75, .13), transparent 32%),
    linear-gradient(155deg, rgba(8, 27, 61, .98), rgba(2, 10, 27, .99));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

body[data-auth="signed-in"][data-screen="powerball"] .payout-summary span {
  color: #8ea4cc;
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="powerball"] .payout-summary b {
  margin-top: 4px;
  color: #f5f8ff;
  font-size: 12px;
}

body[data-auth="signed-in"][data-screen="powerball"] .payout-summary em {
  margin-top: 4px;
  color: #42a1ff;
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="buy"] .bonus-ladder article {
  min-width: 0;
  padding: 9px 5px;
  border: 1px solid rgba(73, 122, 199, .48);
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(14, 35, 73, .96), rgba(4, 14, 34, .99));
}

body[data-auth="signed-in"][data-screen="buy"] .bonus-ladder span {
  color: #8196bd;
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="buy"] .bonus-ladder b {
  color: #f2c958;
  font-size: 9px;
}

/*
 * Responsive application canvas
 *
 * The approved reference is mobile-first, but the PWA must use the available
 * tablet and desktop canvas instead of leaving a 472px phone shell centered in
 * a large empty viewport. Mobile styling remains unchanged below 600px.
 */
@media (min-width: 600px) {
  body[data-auth="signed-in"] {
    --screen-edge: 20px;
    --screen-gap: 12px;
    --panel-gap: 10px;
  }

  body[data-auth="signed-in"] .app {
    min-height: 100dvh;
    padding: 12px;
  }

  body[data-auth="signed-in"] .mobile-app,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .mobile-app,
  body[data-auth="signed-in"][data-screen="home"] .mobile-app,
  body[data-auth="signed-in"][data-screen="powerball"] .mobile-app,
  body[data-auth="signed-in"][data-screen="tickets"] .mobile-app,
  body[data-auth="signed-in"][data-screen="wallet"] .mobile-app,
  body[data-auth="signed-in"][data-screen="claim"] .mobile-app,
  body[data-auth="signed-in"][data-screen="referral"] .mobile-app,
  body[data-auth="signed-in"][data-screen="rewards"] .mobile-app {
    width: min(calc(100vw - 24px), 860px) !important;
    max-width: none;
    height: min(1040px, calc(100dvh - 24px));
    padding-right: var(--screen-edge);
    padding-left: var(--screen-edge);
    border: 1px solid rgba(89, 147, 255, 0.32);
    border-radius: 20px;
  }

  body[data-auth="signed-in"] .app-header,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .app-header,
  body[data-auth="signed-in"][data-screen="rewards"] .app-header {
    margin-right: calc(-1 * var(--screen-edge));
    margin-left: calc(-1 * var(--screen-edge));
    padding-right: var(--screen-edge);
    padding-left: var(--screen-edge);
    border-radius: 20px 20px 0 0;
  }

  body[data-auth="signed-in"] .bottom-nav,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .bottom-nav,
  body[data-auth="signed-in"][data-screen="rewards"] .bottom-nav {
    width: min(calc(100vw - 24px), 860px) !important;
    border-right: 1px solid rgba(89, 147, 255, 0.24);
    border-left: 1px solid rgba(89, 147, 255, 0.24);
    border-radius: 0 0 20px 20px;
  }

  body[data-auth="signed-in"] .screen.active > *,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > * {
    min-width: 0;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-conversion-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body[data-auth="signed-in"][data-screen="home"] .pwa-access-card {
    grid-template-columns: minmax(0, 1fr) 210px;
  }

  body[data-auth="signed-in"][data-screen="home"] .pwa-access-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball .button-row:has(#powerballPurchaseButton),
  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    width: min(calc(100vw - 64px), 820px);
  }
}

@media (min-width: 720px) {
  body[data-auth="signed-in"][data-screen="home"] .home-stage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 12px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card {
    grid-column: 1;
    grid-row: 1;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card {
    grid-column: 2;
    grid-row: 1;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card {
    grid-column: 1 / -1;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid {
    grid-row: 2;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card {
    grid-row: 3;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .draw-progress-panel,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .prize-tier-panel,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .top-balance,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .ticket-summary-panel {
    display: grid !important;
    align-self: stretch;
    min-width: 0;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .draw-progress-panel {
    grid-column: 1;
    grid-row: 4;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .prize-tier-panel {
    grid-column: 2;
    grid-row: 4;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .top-balance {
    grid-column: 1;
    grid-row: 5;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .ticket-summary-panel {
    grid-column: 2;
    grid-row: 5;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card,
  body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
  body[data-auth="signed-in"][data-screen="home"] .balance-card.home-hero-card {
    height: 100%;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong,
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
    white-space: normal;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
    overflow: visible;
    text-overflow: clip;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start;
    gap: 14px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > section:nth-of-type(1) {
    grid-column: 1;
    grid-row: 2;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > section:nth-of-type(2) {
    grid-column: 2;
    grid-row: 2 / span 4;
    align-self: start;
    align-content: start;
    height: auto;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > section:nth-of-type(3) {
    grid-column: 1;
    grid-row: 3;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > section:nth-of-type(4) {
    grid-column: 1;
    grid-row: 4;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > section:nth-of-type(5) {
    grid-column: 1;
    grid-row: 5;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > section:nth-of-type(6) {
    grid-column: 1 / -1;
    grid-row: 6;
  }

  body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
    align-items: start;
    gap: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets > .ticket-page-title {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  body[data-auth="signed-in"][data-screen="tickets"] #ticketList {
    grid-column: 1;
    grid-row: 2;
  }

  body[data-auth="signed-in"][data-screen="tickets"] #ticketShowMoreButton {
    grid-column: 1;
    grid-row: 3;
  }

  body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets > .charge-card {
    grid-column: 2;
    grid-row: 2 / span 2;
  }

  body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets > .section-block {
    grid-column: 1 / -1;
    grid-row: 4;
  }

  body[data-auth="signed-in"][data-screen="wallet"] #screen-wallet {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 14px;
  }

  body[data-auth="signed-in"][data-screen="wallet"] #screen-wallet > .wallet-page-title {
    grid-column: 1 / -1;
  }

  body[data-auth="signed-in"][data-screen="wallet"] #screen-wallet > .wallet-charge-panel {
    grid-column: 1;
  }

  body[data-auth="signed-in"][data-screen="wallet"] #screen-wallet > .wallet-ledger-panel {
    grid-column: 2;
  }

  body[data-auth="signed-in"][data-screen="claim"] #screen-claim {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  body[data-auth="signed-in"][data-screen="claim"] .claim-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-auth="signed-in"][data-screen="referral"] #screen-referral {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
  }

  body[data-auth="signed-in"][data-screen="referral"] .referral-hero,
  body[data-auth="signed-in"][data-screen="referral"] .referral-tier-panel,
  body[data-auth="signed-in"][data-screen="referral"] .referral-streak-link {
    grid-column: 1 / -1;
  }

  body[data-auth="signed-in"][data-screen="referral"] .referral-code-panel {
    grid-column: 1;
  }

  body[data-auth="signed-in"][data-screen="referral"] .referral-progress-panel {
    grid-column: 2;
  }

  body[data-auth="signed-in"][data-screen="rewards"] #screen-rewards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero {
    grid-column: 1;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-code-card {
    grid-column: 2;
    align-self: stretch;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-card,
  body[data-auth="signed-in"][data-screen="rewards"] .reward-stage-tabs,
  body[data-auth="signed-in"][data-screen="rewards"] .reward-day-grid,
  body[data-auth="signed-in"][data-screen="rewards"] .reward-action-row,
  body[data-auth="signed-in"][data-screen="rewards"] .reward-mission-card,
  body[data-auth="signed-in"][data-screen="rewards"] .reward-benefits-panel {
    grid-column: 1 / -1;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body[data-auth="signed-in"][data-screen="buy"] #screen-buy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 1fr);
    align-items: start;
    gap: 14px;
  }

  body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .section-title,
  body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .policy-card,
  body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .screen-sticky {
    grid-column: 1 / -1;
  }

  body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .selection-panel,
  body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .insight-card,
  body[data-auth="signed-in"][data-screen="buy"] #screen-buy > #numberGrid,
  body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .button-row {
    grid-column: 1;
  }

  body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .purchase-card {
    grid-column: 2;
    grid-row: 3 / span 4;
  }

  body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .screen-sticky {
    position: static;
    width: 100%;
    padding-top: 0;
    transform: none;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball .button-row:has(#powerballPurchaseButton) {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    min-height: 48px;
  }

  body[data-auth="signed-in"][data-screen="assign"] #screen-assign {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
    align-items: start;
    gap: 14px;
  }

  body[data-auth="signed-in"][data-screen="assign"] #screen-assign > .section-title {
    grid-column: 1 / -1;
  }

  body[data-auth="signed-in"][data-screen="subscribe"] #screen-subscribe,
  body[data-auth="signed-in"][data-screen="mypage"] #screen-mypage,
  body[data-auth="signed-in"][data-screen="public"] #screen-public {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
  }

  body[data-auth="signed-in"][data-screen="subscribe"] #screen-subscribe > .section-title,
  body[data-auth="signed-in"][data-screen="subscribe"] #screen-subscribe > .subscription-grid,
  body[data-auth="signed-in"][data-screen="subscribe"] #screen-subscribe > .section-block,
  body[data-auth="signed-in"][data-screen="mypage"] #screen-mypage > .profile-hero,
  body[data-auth="signed-in"][data-screen="mypage"] #screen-mypage > .profile-metrics,
  body[data-auth="signed-in"][data-screen="mypage"] #screen-mypage > .ticket-asset-grid,
  body[data-auth="signed-in"][data-screen="mypage"] #screen-mypage > .install-card,
  body[data-auth="signed-in"][data-screen="mypage"] #screen-mypage > .section-block,
  body[data-auth="signed-in"][data-screen="public"] #screen-public > .section-title,
  body[data-auth="signed-in"][data-screen="public"] #screen-public > .section-block {
    grid-column: 1 / -1;
  }

  body[data-auth="signed-in"][data-screen="subscribe"] .subscription-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-auth="signed-in"][data-screen="public"] #screen-public > .public-board {
    grid-column: 1;
  }

  body[data-auth="signed-in"][data-screen="public"] #screen-public > .draw-lab {
    grid-column: 2;
  }
}

@media (min-width: 720px) and (max-width: 899px) {
  body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero h2 {
    width: 72%;
    font-size: 28px;
  }
}

@media (min-width: 1000px) {
  body[data-auth="signed-in"] {
    --screen-edge: 24px;
    --screen-gap: 16px;
    --panel-gap: 12px;
  }

  body[data-auth="signed-in"] .app {
    padding: 16px;
  }

  body[data-auth="signed-in"] .mobile-app,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .mobile-app,
  body[data-auth="signed-in"][data-screen="home"] .mobile-app,
  body[data-auth="signed-in"][data-screen="powerball"] .mobile-app,
  body[data-auth="signed-in"][data-screen="tickets"] .mobile-app,
  body[data-auth="signed-in"][data-screen="wallet"] .mobile-app,
  body[data-auth="signed-in"][data-screen="claim"] .mobile-app,
  body[data-auth="signed-in"][data-screen="referral"] .mobile-app,
  body[data-auth="signed-in"][data-screen="rewards"] .mobile-app {
    width: min(calc(100vw - 32px), 1080px) !important;
    height: min(1040px, calc(100dvh - 32px));
  }

  body[data-auth="signed-in"] .bottom-nav,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .bottom-nav,
  body[data-auth="signed-in"][data-screen="rewards"] .bottom-nav {
    width: min(calc(100vw - 32px), 1080px) !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .button-row:has(#powerballPurchaseButton),
  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    width: min(calc(100vw - 96px), 1032px);
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
    min-height: 86px;
  }

  body[data-auth="signed-in"][data-screen="claim"] #screen-claim > .claim-card {
    width: min(100%, 900px);
    justify-self: center;
  }

  body[data-auth="signed-in"][data-screen="referral"] .referral-tier-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 359px) {
  body[data-auth="signed-in"],
  body[data-auth="signed-in"]:not([data-screen="rewards"]),
  body[data-auth="signed-in"][data-screen="rewards"] {
    --screen-edge: 10px;
    --screen-gap: 8px;
    --panel-gap: 7px;
  }

  body[data-auth="signed-in"] .mobile-app,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .mobile-app,
  body[data-auth="signed-in"][data-screen="rewards"] .mobile-app {
    padding-right: var(--screen-edge);
    padding-left: var(--screen-edge);
  }

  body[data-auth="signed-in"] .app-header,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .app-header,
  body[data-auth="signed-in"][data-screen="rewards"] .app-header {
    margin-right: calc(-1 * var(--screen-edge));
    margin-left: calc(-1 * var(--screen-edge));
    padding-right: var(--screen-edge);
    padding-left: var(--screen-edge);
  }

  body[data-auth="signed-in"] .brand-lockup h1,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .brand-lockup h1 {
    font-size: 20px;
  }

  body[data-auth="signed-in"] .brand-lockup img,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .brand-lockup img {
    width: 36px;
    height: 36px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong,
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
    white-space: normal;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
    overflow: visible;
    text-overflow: clip;
  }

  body[data-auth="signed-in"][data-screen="home"] .pwa-access-card {
    grid-template-columns: 1fr;
  }

  body[data-auth="signed-in"][data-screen="home"] .pwa-access-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
    margin-left: 0;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero strong {
    font-size: 46px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .button-row:has(#powerballPurchaseButton),
  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    width: calc(100vw - 20px);
  }

  body[data-auth="signed-in"] .wallet-charge-grid {
    grid-template-columns: 1fr;
  }

  body[data-auth="signed-in"] .bottom-nav,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .bottom-nav,
  body[data-auth="signed-in"][data-screen="rewards"] .bottom-nav {
    gap: 0;
    padding-right: 4px;
    padding-left: 4px;
  }

  body[data-auth="signed-in"] .nav-item span,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .nav-item span {
    font-size: 8px;
  }
}

@media (min-width: 360px) and (max-width: 374px) {
  body[data-auth="signed-in"] .wallet-charge-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 390px) {
  body[data-auth="signed-in"] .ledger-list article span,
  body[data-auth="signed-in"] .wallet-ledger-list article span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.35;
  }
}

@media (min-width: 720px) {
  body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball .button-row:has(#powerballPurchaseButton),
  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    position: static;
    inset: auto;
    width: 100%;
    margin: 0;
    transform: none;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball .button-row:has(#powerballPurchaseButton) {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    min-height: 48px;
    white-space: nowrap;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
    padding-bottom: 76px;
  }
}

/* Rewards v33: reference-faithful artwork and geometry at the approved mobile viewport. */
body[data-auth="signed-in"][data-screen="rewards"] {
  --reward-reference-sprite: url("./assets/reward-screen-reference.png");
  --reward-reference-size: 472px 839px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon,
body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i,
body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon,
body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art {
  background-image: var(--reward-reference-sprite);
  background-repeat: no-repeat;
  background-size: var(--reward-reference-size);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: transparent;
  background-position: -29px -160px;
  box-shadow: 0 0 20px rgba(245, 189, 54, 0.18);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon::before,
body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon::after,
body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon i,
body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i::before,
body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i::after,
body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art::before,
body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art::after,
body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art > i {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-card {
  height: 84px;
  min-height: 84px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track {
  height: 42px;
  margin-top: -18px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track::before,
body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track > i {
  top: 22px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-current-day {
  top: 14px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker {
  top: -2px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1px;
  z-index: -1;
  width: 22px;
  height: 22px;
  border: 1px solid currentColor;
  border-radius: 50% 50% 50% 0;
  background:
    radial-gradient(circle at 34% 25%, rgba(255, 255, 255, 0.74), transparent 13%),
    radial-gradient(circle, color-mix(in srgb, currentColor 36%, #07142f), #07142f 72%);
  box-shadow: 0 0 2px color-mix(in srgb, currentColor 42%, transparent);
  transform: translateX(-50%) rotate(-45deg);
  opacity: 0.9;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker::after {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i {
  width: 34px;
  height: 31px;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  filter: url("#reward-cutout-filter") drop-shadow(0 0 3px currentColor);
  z-index: 1;
  transform: scale(0.74);
  transform-origin: 50% 42%;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track::before,
body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track > i {
  height: 4px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track::before {
  background: repeating-linear-gradient(90deg, #1d2b4d 0 7px, transparent 7px 11px);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-current-day {
  width: 20px;
  height: 20px;
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker.marker-7 > i { background-position: -162px -261px; }
body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker.marker-14 > i { background-position: -249px -261px; }
body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker.marker-21 > i { background-position: -336px -261px; }
body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker.marker-28 > i { background-position: -421px -261px; }

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker small {
  margin-top: -1px;
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-day-grid {
  min-height: 142px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-stage-tabs {
  min-height: 30px;
  margin-top: 3px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-stage-tabs span {
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-stage-tabs span::before {
  font-size: 14px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-day-grid .streak-day {
  min-height: 28px;
  border-color: rgba(95, 127, 183, 0.25);
  font-size: 12px;
  font-weight: 850;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-day-grid .streak-day.current::after {
  right: -1px;
  bottom: -1px;
  width: 13px;
  height: 13px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-action {
  min-height: 47px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-action .icon-svg {
  width: 30px;
  height: 30px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-action .reward-referral-glyph {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-glyph .icon-svg {
  display: block;
  width: 31px;
  height: 31px;
  color: #f6faff;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.26));
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-glyph > i {
  position: absolute;
  right: -1px;
  bottom: 1px;
  display: grid;
  place-items: center;
  width: 13px;
  height: 13px;
  border: 1px solid rgba(194, 224, 255, 0.84);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(180deg, #4aa4ff, #1263db);
  box-shadow: 0 0 7px rgba(50, 139, 255, 0.62);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-mission-card {
  grid-template-columns: 64px minmax(0, 1fr) 110px;
  min-height: 73px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon {
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-position: -25px -570px;
  box-shadow: none;
  color: transparent;
  font-size: 0;
  filter: url("#reward-cutout-filter") drop-shadow(0 0 7px rgba(77, 145, 255, 0.34));
  transform: scale(1.1);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-mission-card > button span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-mission-card > button .icon-svg {
  width: 17px;
  height: 17px;
  color: #72adff;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefits-panel {
  min-height: 131px;
  margin-top: 3px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article {
  min-height: 93px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art {
  width: 66px;
  height: 47px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  transform: translateY(-3px) scale(1.05);
  filter: url("#reward-cutout-filter") drop-shadow(0 4px 7px rgba(0, 0, 0, 0.38));
}

body[data-auth="signed-in"][data-screen="rewards"] .benefit-7 .reward-ticket-art { background-position: -45px -702px; }
body[data-auth="signed-in"][data-screen="rewards"] .benefit-14 .reward-ticket-art { background-position: -152px -702px; }
body[data-auth="signed-in"][data-screen="rewards"] .benefit-21 .reward-ticket-art { background-position: -259px -702px; }
body[data-auth="signed-in"][data-screen="rewards"] .benefit-28 .reward-ticket-art { background-position: -365px -702px; }

@media (max-width: 420px) {
  body[data-auth="signed-in"][data-screen="rewards"] {
    --reward-reference-size: 472px 839px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-mission-card {
    grid-template-columns: 58px minmax(0, 1fr) 100px;
  }
}

/* Tickets v35: final mobile geometry follows the approved 470x836 inventory reference. */
@media (min-width: 0px) {
  body[data-auth="signed-in"][data-screen="tickets"] {
    --screen-edge: 20px;
    --screen-gap: 9px;
    --ticket-reference-image: url("./assets/ticket-screen-reference.png");
    --ticket-reference-size: 470.5px 836px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .mobile-app,
  body[data-auth="signed-in"][data-screen="tickets"]:not([data-screen="rewards"]) .mobile-app {
    width: min(100%, 470px);
    padding: 0 20px calc(63px + var(--safe-bottom));
    scroll-padding-bottom: calc(63px + var(--safe-bottom));
    background:
      radial-gradient(circle at 8% 37%, rgba(14, 68, 149, 0.12), transparent 31%),
      linear-gradient(180deg, #020817, #030a1b 78%, #020714);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .app-header,
  body[data-auth="signed-in"][data-screen="tickets"]:not([data-screen="rewards"]) .app-header {
    box-sizing: border-box;
    width: calc(100% + 40px);
    height: 79px;
    min-height: 79px;
    margin: 0 -20px;
    padding: 18px 20px 10px;
    border-bottom: 0;
    background: #020817;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup {
    gap: 12px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup img {
    width: 43px;
    height: 43px;
    border-radius: 10px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup .eyebrow {
    margin: 0 0 3px;
    color: #27a9ff;
    font-size: 11px;
    line-height: 1;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup h1 {
    font-size: 29px;
    line-height: 1;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions {
    gap: 10px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions .icon-button {
    width: 48px;
    height: 48px;
    min-height: 48px;
    border-radius: 12px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions .profile-button {
    width: 52px;
    height: 52px;
    min-height: 52px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions .profile-button span {
    font-size: 24px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets {
    gap: 9px;
    padding-bottom: 0;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title {
    box-sizing: border-box;
    min-height: 65px;
    height: 65px;
    padding: 6px 2px 3px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title .eyebrow {
    margin: 0 0 6px;
    font-size: 11px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title h2 {
    margin: 0;
    font-size: 32px;
    line-height: 1;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-title-actions {
    align-self: center;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-purchase-button {
    width: 106px;
    min-width: 106px;
    height: 52px;
    min-height: 52px;
    padding: 0 16px;
    border-radius: 13px;
    font-size: 20px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-purchase-button .icon-svg {
    width: 24px;
    height: 24px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-list {
    gap: 10px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
    box-sizing: border-box;
    grid-template-columns: 88px minmax(0, 1fr) 20px;
    gap: 10px;
    min-height: 116px;
    height: 116px;
    padding: 12px 10px;
    border-radius: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
    width: 70px;
    height: 78px;
    background-position: -24px -167px;
    transform: none;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art::after {
    right: -8px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-body {
    height: 92px;
    align-self: center;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header {
    min-height: 24px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header b {
    font-size: 17px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill {
    top: 13px;
    right: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 56px;
    min-width: 56px;
    height: 23px;
    padding: 0 7px;
    border-radius: 7px;
    font-size: 10px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill .icon-svg {
    width: 15px;
    height: 15px;
    stroke-width: 2.5;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers {
    gap: 6px;
    margin-top: 4px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers i {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta {
    margin-top: 8px;
    color: #9fa9c9 !important;
    font-size: 10px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta em {
    color: #1699ff;
    font-style: normal;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-arrow {
    right: 10px;
    width: 20px;
    height: 42px;
    font-size: 30px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card {
    box-sizing: border-box;
    min-height: 239px;
    height: 239px;
    margin-top: 4px;
    gap: 7px;
    padding: 13px;
    overflow: hidden;
    border-radius: 14px;
    background:
      radial-gradient(circle at 91% 0%, rgba(255, 202, 65, 0.18), transparent 31%),
      radial-gradient(circle at 6% 0%, rgba(35, 136, 255, 0.25), transparent 35%),
      linear-gradient(150deg, rgba(7, 27, 64, 0.995), rgba(2, 10, 27, 0.998));
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .section-title {
    min-height: 46px;
    height: 46px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .section-title h3 {
    gap: 7px;
    font-size: 20px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-title-icon {
    width: 52px;
    height: 46px;
    background-position: -27px -543px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .status-chip {
    min-height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 11px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-subtitle {
    margin-top: -19px;
    padding-left: 59px;
    font-size: 11px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-grid {
    gap: 10px;
    height: 65px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .form-field {
    box-sizing: border-box;
    min-height: 0;
    height: 65px;
    gap: 4px;
    padding: 7px;
    border-radius: 8px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card > .form-field {
    height: 60px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .form-field > span:first-child {
    color: #99b6e4;
    font-size: 11px;
    line-height: 1;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-amount-control {
    position: relative;
    display: block;
    height: 34px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-usdt-icon {
    position: absolute;
    left: 7px;
    top: 50%;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border: 1px solid #72ffe4;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #21d5bb, #058d7f);
    box-shadow: 0 0 8px rgba(42, 225, 196, 0.48);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    transform: translateY(-50%);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card select,
  body[data-auth="signed-in"][data-screen="tickets"] .charge-card input {
    box-sizing: border-box;
    width: 100%;
    min-height: 34px;
    height: 34px;
    padding: 0 8px;
    border-radius: 7px;
    font-size: 12px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-amount-control input {
    padding-left: 39px;
    color: #ffd45d;
    font-size: 15px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-guide {
    min-height: 34px;
    height: 34px;
    padding: 8px 8px 8px 30px;
    border-radius: 8px;
    font-size: 9px;
    line-height: 16px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .bottom-nav,
  body[data-auth="signed-in"][data-screen="tickets"]:not([data-screen="rewards"]) .bottom-nav {
    width: min(470px, 100vw);
    min-height: calc(63px + var(--safe-bottom));
    padding: 4px 8px;
    border-top-color: rgba(61, 96, 153, 0.48);
    background: rgba(3, 13, 34, 0.985);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .nav-item {
    color: #a7b3d0;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .nav-item.active {
    border: 1px solid #187cff;
    color: #fff;
    background: linear-gradient(180deg, rgba(20, 105, 255, 0.88), rgba(5, 36, 111, 0.94));
    box-shadow: 0 0 16px rgba(28, 112, 255, 0.68), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .nav-item .nav-icon {
    width: 24px;
    height: 24px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .nav-rewards .nav-icon {
    display: none;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .nav-rewards::before {
    content: "☆";
    font-size: 29px;
    line-height: 22px;
  }
}

@media (max-width: 420px) {
  body[data-auth="signed-in"][data-screen="tickets"] {
    --screen-edge: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .mobile-app,
  body[data-auth="signed-in"][data-screen="tickets"]:not([data-screen="rewards"]) .mobile-app {
    padding-right: 14px;
    padding-left: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .app-header,
  body[data-auth="signed-in"][data-screen="tickets"]:not([data-screen="rewards"]) .app-header {
    width: calc(100% + 28px);
    margin-right: -14px;
    margin-left: -14px;
    padding-right: 14px;
    padding-left: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
    grid-template-columns: 72px minmax(0, 1fr) 18px;
    gap: 7px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
    width: 64px;
    transform: scale(0.92);
    transform-origin: center;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header b {
    font-size: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers {
    gap: 3px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers i {
    width: 29px;
    height: 29px;
    font-size: 11px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta {
    font-size: 9px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill {
    right: 20px;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill span {
    display: inline !important;
    width: auto !important;
    min-width: 20px;
    height: auto !important;
    font-size: 10px !important;
    font-weight: 900;
    line-height: 1 !important;
    white-space: nowrap;
  }
}

@media (min-width: 421px) {
  body[data-auth="signed-in"][data-screen="tickets"] .app-header,
  body[data-auth="signed-in"][data-screen="tickets"]:not([data-screen="rewards"]) .app-header {
    padding: 13px 34px 14px 20px;
    background: transparent;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup {
    gap: 12px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup::before {
    content: "";
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    background-image: var(--ticket-reference-image);
    background-size: var(--ticket-reference-size);
    background-position: -21px -19px;
    filter: url("#reward-cutout-filter") drop-shadow(0 0 6px rgba(42, 125, 255, 0.48));
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup img {
    display: none;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup h1 {
    font-size: 27px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions .icon-button {
    width: 47px;
    height: 46px;
    min-height: 46px;
    border: 0;
    background-color: transparent;
    background-image: var(--ticket-reference-image);
    background-size: var(--ticket-reference-size);
    background-position: -332px -16px;
    box-shadow: none;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions .profile-button {
    height: 46px;
    min-height: 46px;
    border: 0;
    background-color: transparent;
    background-image: var(--ticket-reference-image);
    background-size: var(--ticket-reference-size);
    background-position: -390px -16px;
    box-shadow: none;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .header-actions .icon-button .icon-svg,
  body[data-auth="signed-in"][data-screen="tickets"] .header-actions .profile-button span,
  body[data-auth="signed-in"][data-screen="tickets"] .notice-button::after {
    visibility: hidden;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title h2 {
    position: relative;
    transform: translateY(-5px);
    text-shadow: 0 0 12px rgba(50, 132, 255, 0.12);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title h2::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 2px;
    width: 5px;
    height: 5px;
    background: #fff;
    box-shadow: 0 0 8px #4ca5ff;
    transform: rotate(45deg);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-purchase-button {
    width: 102.5px;
    min-width: 102.5px;
    height: 49px;
    min-height: 49px;
    transform: translate(-0.5px, 1px);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
    width: 73px;
    height: 78px;
    background-position: -32px -174px;
    transform: none;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art::after {
    right: -5px;
    height: 78px;
    transform: none;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill {
    right: 27px;
    white-space: nowrap;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill span {
    display: inline !important;
    width: auto !important;
    min-width: 20px;
    height: auto !important;
    color: inherit;
    font-size: 10px !important;
    font-weight: 900;
    line-height: 1 !important;
    white-space: nowrap;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill .icon-svg {
    display: none;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill::before {
    content: "✓";
    color: #58f39b;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers {
    gap: 7.5px;
    margin-top: 4px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers i {
    width: 36px;
    height: 36px;
    border-color: #57a9ff;
    background:
      radial-gradient(circle at 36% 22%, rgba(255, 255, 255, 0.78), transparent 11%),
      linear-gradient(180deg, #287fe7 0%, #1558c5 56%, #082f8d 100%);
    box-shadow:
      0 0 0 1px rgba(38, 93, 235, 0.65),
      0 0 11px rgba(33, 111, 255, 0.78),
      inset 0 0 8px rgba(255, 255, 255, 0.16);
    font-size: 14px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header b {
    display: block;
    transform: translateY(-1px);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta {
    margin-top: 5px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card {
    margin-top: 7px;
    transform: translateY(3px);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .section-title {
    margin-top: -9px;
    transform: translateY(-4px);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-subtitle {
    transform: translateY(-4px);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-title-icon {
    background-position: -33px -543px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .status-chip {
    padding-right: 7px;
    padding-left: 7px;
    transform: translate(-11px, 9.5px);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-card .status-chip::after {
    content: "";
    position: absolute;
    right: -2px;
    top: -2px;
    width: 4px;
    height: 4px;
    background: #fff;
    box-shadow: 0 0 7px #4f9dff;
    transform: rotate(45deg);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-usdt-icon {
    left: 1px;
    width: 25px;
    height: 25px;
    color: transparent;
    border: 0;
    background-color: transparent;
    background-image: var(--ticket-reference-image);
    background-size: var(--ticket-reference-size);
    background-position: -245px -630px;
    box-shadow: none;
    filter: url("#reward-cutout-filter") drop-shadow(0 0 5px rgba(42, 225, 196, 0.38));
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-amount-control input {
    padding-left: 28px;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-guide::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: var(--ticket-reference-image);
    background-size: var(--ticket-reference-size);
    background-position: -43px -746px;
    filter: url("#reward-cutout-filter") drop-shadow(0 0 3px rgba(255, 197, 68, 0.44));
  }

  body[data-auth="signed-in"][data-screen="tickets"] .bottom-nav,
  body[data-auth="signed-in"][data-screen="tickets"]:not([data-screen="rewards"]) .bottom-nav {
    padding-right: 0;
    padding-left: 0;
    gap: 0;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .nav-item.active {
    border-radius: 11px 11px 0 0;
    background: linear-gradient(180deg, rgba(19, 92, 218, 0.34), rgba(4, 23, 69, 0.66));
    box-shadow: 0 0 18px rgba(28, 119, 255, 0.76), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  }

  body[data-auth="signed-in"][data-screen="tickets"] .nav-item .nav-icon {
    display: block;
    width: 28px;
    height: 25px;
    color: transparent;
    background-color: transparent;
    background-image: var(--ticket-reference-image);
    background-repeat: no-repeat;
    background-size: var(--ticket-reference-size);
    filter: url("#reward-cutout-filter") drop-shadow(0 0 3px rgba(89, 135, 255, 0.24));
  }

  body[data-auth="signed-in"][data-screen="tickets"] .nav-home .nav-icon { background-position: -29px -785px; }
  body[data-auth="signed-in"][data-screen="tickets"] .nav-buy .nav-icon { background-position: -105px -785px; }
  body[data-auth="signed-in"][data-screen="tickets"] .nav-powerball .nav-icon { background-position: -182px -785px; }
  body[data-auth="signed-in"][data-screen="tickets"] .nav-tickets .nav-icon { width: 31px; background-position: -255px -784px; }
  body[data-auth="signed-in"][data-screen="tickets"] .nav-rewards .nav-icon { background-position: -334px -785px; }
  body[data-auth="signed-in"][data-screen="tickets"] .nav-mypage .nav-icon { background-position: -413px -785px; }

  body[data-auth="signed-in"][data-screen="tickets"] .nav-rewards::before {
    display: none;
  }
}

/* 2026-07-12 approved home reference: compact first-visit conversion screen. */
.home-brand-subtitle,
.home-menu-button,
.nav-label-home {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] {
  --home-ref-gold: #f8c63e;
  --home-ref-blue: #167dff;
  --home-ref-panel: rgba(3, 13, 32, 0.96);
  --home-ref-line: rgba(55, 120, 224, 0.52);
  background: #010714;
}

body[data-auth="signed-in"][data-screen="home"] .app,
body[data-auth="signed-in"][data-screen="home"] .mobile-app {
  color: #f7f9ff;
  background:
    radial-gradient(circle at 48% 19%, rgba(12, 82, 188, 0.24), transparent 31%),
    linear-gradient(180deg, #020919 0%, #020817 55%, #010611 100%);
}

body[data-auth="signed-in"][data-screen="home"] .mobile-app {
  width: min(100%, 472px);
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: calc(89px + var(--safe-bottom));
}

body[data-auth="signed-in"][data-screen="home"] .app-header,
body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .app-header {
  min-height: 100px;
  margin-right: -8px;
  margin-bottom: 0;
  margin-left: -8px;
  padding: max(25px, env(safe-area-inset-top, 0px)) 18px 17px;
  border-bottom: 1px solid rgba(71, 115, 190, 0.2);
  background: linear-gradient(180deg, rgba(1, 7, 20, 0.99), rgba(2, 9, 24, 0.96));
  box-shadow: none;
}

body[data-auth="signed-in"][data-screen="home"] .brand-lockup {
  gap: 0;
}

body[data-auth="signed-in"][data-screen="home"] .brand-lockup img,
body[data-auth="signed-in"][data-screen="home"] .brand-lockup .eyebrow,
body[data-auth="signed-in"][data-screen="home"] .notice-button,
body[data-auth="signed-in"][data-screen="home"] .profile-button {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .brand-lockup > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body[data-auth="signed-in"][data-screen="home"] .app-header h1 {
  order: 1;
  color: #fff;
  background: none;
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0;
  -webkit-text-fill-color: currentColor;
}

body[data-auth="signed-in"][data-screen="home"] .home-brand-subtitle {
  order: 2;
  display: block;
  margin-top: 5px;
  color: #8293b3;
  font-size: 9px;
  line-height: 1;
  font-weight: 750;
}

body[data-auth="signed-in"][data-screen="home"] .home-menu-button {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  color: #dce8ff;
  background: transparent;
}

body[data-auth="signed-in"][data-screen="home"] .home-menu-button i {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage {
  display: grid;
  grid-template-rows: minmax(0, 0.435fr) minmax(0, 0.33fr) minmax(0, 0.235fr);
  gap: 8px;
  height: calc(100dvh - 100px - 62px - var(--safe-bottom));
  min-height: 555px;
  padding: 0;
  overflow: hidden;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-reference-intro {
  order: 1;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card {
  order: 2;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid {
  order: 3;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .product-switch,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .draw-progress-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .prize-tier-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .top-balance,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .ticket-summary-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > #screen-home {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-reference-intro {
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 0;
  margin-right: -8px;
  margin-left: -8px;
  overflow: hidden;
  border: 0;
  background:
    radial-gradient(ellipse at 50% 75%, rgba(0, 101, 255, 0.24), transparent 52%),
    linear-gradient(180deg, rgba(2, 9, 24, 0.52), rgba(1, 7, 18, 0));
}

body[data-auth="signed-in"][data-screen="home"] .home-reference-greeting {
  display: grid;
  gap: 4px;
  padding: 18px 15px 0;
  text-align: center;
}

body[data-auth="signed-in"][data-screen="home"] .home-reference-greeting strong {
  color: #f7f9ff;
  font-size: 16px;
  line-height: 1.1;
}

body[data-auth="signed-in"][data-screen="home"] .home-reference-greeting span {
  color: #d6deec;
  font-size: 13px;
  line-height: 1.2;
}

body[data-auth="signed-in"][data-screen="home"] .home-reference-art {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  background: radial-gradient(ellipse at 50% 73%, rgba(0, 91, 255, 0.2), transparent 58%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0 14%, #000 20%, #000 98%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0 14%, #000 20%, #000 98%, transparent 100%);
  isolation: isolate;
}

body[data-auth="signed-in"][data-screen="home"] .home-reference-art::before,
body[data-auth="signed-in"][data-screen="home"] .home-reference-art::after {
  content: "";
  position: absolute;
  display: block;
}

body[data-auth="signed-in"][data-screen="home"] .home-reference-art::before {
  left: 50%;
  top: 52%;
  z-index: -2;
  width: min(76vw, 300px);
  height: 124px;
  border: 1px solid rgba(49, 137, 255, 0.46);
  border-radius: 50%;
  box-shadow:
    0 0 0 18px rgba(27, 108, 242, 0.035),
    0 0 0 38px rgba(27, 108, 242, 0.025),
    0 0 55px rgba(19, 112, 255, 0.38),
    inset 0 0 34px rgba(22, 126, 255, 0.22);
  transform: translate(-50%, -50%) rotate(-7deg);
}

body[data-auth="signed-in"][data-screen="home"] .home-reference-art::after {
  inset: 20px 12px 8px;
  z-index: -3;
  background:
    radial-gradient(circle at 50% 74%, rgba(255, 255, 255, 0.96) 0 1.2%, rgba(54, 176, 255, 0.9) 1.6%, transparent 5%),
    radial-gradient(circle at 24% 68%, #bfeaff 0 1px, #188dff 2px, transparent 4px),
    radial-gradient(circle at 31% 78%, #fff 0 1px, #188dff 2px, transparent 4px),
    radial-gradient(circle at 67% 69%, #bfeaff 0 1px, #188dff 2px, transparent 4px),
    radial-gradient(circle at 78% 79%, #fff 0 1px, #188dff 2px, transparent 4px),
    radial-gradient(ellipse 3px 78px at 50% 74%, rgba(202, 238, 255, 0.82), rgba(50, 159, 255, 0.2) 52%, transparent 74%),
    radial-gradient(ellipse 86px 3px at 50% 74%, rgba(202, 238, 255, 0.6), rgba(50, 159, 255, 0.16) 52%, transparent 74%),
    linear-gradient(16deg, transparent 49.4%, rgba(49, 137, 255, 0.32) 50%, transparent 50.6%),
    linear-gradient(-18deg, transparent 49.4%, rgba(49, 137, 255, 0.24) 50%, transparent 50.6%),
    radial-gradient(circle at 50% 52%, rgba(78, 173, 255, 0.5), rgba(11, 73, 190, 0.17) 25%, transparent 58%);
  filter: drop-shadow(0 0 18px rgba(25, 119, 255, 0.5));
}

body[data-auth="signed-in"][data-screen="home"] .home-reference-art > strong {
  color: #fff;
  font-size: 46px;
  line-height: 0.82;
  text-align: center;
  text-shadow:
    0 0 3px rgba(255, 255, 255, 0.7),
    0 0 16px rgba(22, 127, 255, 0.66);
  visibility: visible;
}

body[data-auth="signed-in"][data-screen="home"] .home-lottery-ball {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 2px solid rgba(190, 225, 255, 0.9);
  border-radius: 50%;
  color: #fff;
  background:
    radial-gradient(circle at 33% 22%, #fff 0 8%, transparent 9%),
    linear-gradient(105deg, transparent 0 60%, rgba(18, 104, 219, 0.95) 61% 72%, transparent 73%),
    radial-gradient(circle at 38% 30%, #fff, #d9e2ee 42%, #7a889a 67%, #1b2637 82%);
  box-shadow:
    0 0 0 5px rgba(21, 103, 234, 0.1),
    0 0 26px rgba(35, 136, 255, 0.76),
    inset -8px -10px 15px rgba(0, 17, 74, 0.55);
  font-size: 20px;
  font-weight: 900;
  visibility: visible;
}

body[data-auth="signed-in"][data-screen="home"] .home-lottery-ball-seven {
  left: 42px;
  bottom: 39px;
}

body[data-auth="signed-in"][data-screen="home"] .home-lottery-ball-thirteen {
  right: 37px;
  bottom: 31px;
  width: 57px;
  height: 57px;
  color: #171717;
  border-color: #f8f5e8;
  background:
    radial-gradient(circle at 34% 24%, #fff 0 8%, transparent 9%),
    linear-gradient(105deg, transparent 0 59%, rgba(221, 157, 18, 0.95) 60% 72%, transparent 73%),
    radial-gradient(circle at 38% 30%, #fff, #e8e8e4 42%, #9a9a94 67%, #31312d 82%);
  box-shadow:
    0 0 0 6px rgba(246, 190, 48, 0.09),
    0 0 28px rgba(246, 190, 48, 0.62),
    inset -8px -10px 15px rgba(111, 52, 0, 0.35);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  position: relative;
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  min-height: 0;
  height: 100%;
  padding: 17px 16px 15px;
  overflow: hidden;
  border: 2px solid rgba(255, 207, 66, 0.94);
  border-radius: 16px;
  background:
    radial-gradient(circle at 84% 18%, rgba(255, 207, 66, 0.15), transparent 25%),
    linear-gradient(155deg, rgba(3, 13, 30, 0.99), rgba(1, 5, 14, 0.995));
  box-shadow:
    0 0 0 1px rgba(255, 234, 156, 0.08),
    0 0 14px rgba(255, 205, 53, 0.52),
    0 0 34px rgba(246, 190, 48, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::before,
body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::after {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .home-gift-art {
  position: relative;
  grid-column: 1;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  align-self: end;
  width: 124px;
  height: 124px;
  margin: 0 0 -4px -4px;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  box-shadow: none;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.4)) drop-shadow(0 0 14px rgba(41, 115, 255, 0.28));
  transform: none;
}

body[data-auth="signed-in"][data-screen="home"] .home-gift-art::before {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .home-gift-art .icon-svg {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card > div {
  position: absolute;
  top: 28px;
  right: 18px;
  left: 40px;
  max-width: none;
  min-width: 0;
  padding-top: 0;
  text-align: center;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card > div > span:not(.home-gift-art) {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
  display: block;
  margin: 0;
  color: #ffe26d;
  font-size: 34px;
  line-height: 1.05;
  white-space: nowrap;
  text-shadow: 0 0 18px rgba(247, 200, 75, 0.42);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
  display: block;
  margin: 8px 0 0;
  overflow: visible;
  color: #c8d3e7;
  font-size: 10px;
  line-height: 1.25;
  text-overflow: clip;
  white-space: normal;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-ticket-bundle {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card #welcomeHeroCta {
  position: absolute;
  right: 16px;
  bottom: 32px;
  width: min(calc(100% - 154px), 210px);
  min-height: 58px;
  margin: 0;
  padding: 0 30px 0 12px;
  border: 1px solid #ffea96;
  border-radius: 10px;
  color: #191104;
  background: linear-gradient(180deg, #ffe779 0%, #efaa13 100%);
  box-shadow: 0 0 22px rgba(246, 190, 48, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.55);
  font-size: 14px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card #welcomeHeroCta::after {
  content: "›";
  position: absolute;
  right: 13px;
  top: 50%;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  transform: translateY(-54%);
}

body[data-auth="signed-in"][data-screen="home"] .home-conversion-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  align-self: start;
  height: 126px;
  min-height: 0;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
  display: grid;
  grid-template-rows: 48px auto 13px;
  align-content: center;
  justify-items: center;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 8px 4px 7px;
  gap: 4px;
  border: 1px solid rgba(56, 112, 204, 0.52);
  border-radius: 12px;
  color: #eaf1ff;
  text-align: center;
  background: linear-gradient(180deg, rgba(7, 24, 57, 0.98), rgba(2, 11, 28, 0.99));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 24px rgba(16, 91, 198, 0.11);
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card::after {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card::before {
  content: none;
  display: none;
  grid-row: 1;
  align-self: center;
  width: 48px;
  height: 48px;
  background-image: url("./assets/home-screen-reference.png");
  background-repeat: no-repeat;
  background-size: 6968% 3920%;
  -webkit-mask-image: radial-gradient(circle, #000 58%, rgba(0, 0, 0, 0.84) 68%, transparent 81%);
  mask-image: radial-gradient(circle, #000 58%, rgba(0, 0, 0, 0.84) 68%, transparent 81%);
  filter: drop-shadow(0 0 8px rgba(52, 139, 255, 0.68));
}

body[data-auth="signed-in"][data-screen="home"] .feature-buy::before {
  background-position: center;
}

body[data-auth="signed-in"][data-screen="home"] .feature-referral::before {
  content: "";
  display: block;
  background-image: url("./assets/referral-friends-hd.png");
  background-position: center;
  background-size: contain;
  -webkit-mask-image: none;
  mask-image: none;
  filter:
    saturate(1.12)
    contrast(1.08)
    drop-shadow(0 0 8px rgba(41, 119, 255, 0.38));
}

body[data-auth="signed-in"][data-screen="home"] .feature-powerball::before {
  content: "";
  display: block;
  background-image: url("./assets/powerball-ball-hd.png");
  background-position: center;
  background-size: contain;
  -webkit-mask-image: none;
  mask-image: none;
  filter:
    saturate(1.14)
    contrast(1.1)
    drop-shadow(0 0 10px rgba(34, 123, 255, 0.64));
}

body[data-auth="signed-in"][data-screen="home"] .feature-claim::before {
  background-position: center;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-icon {
  display: block;
  width: 44px;
  height: 44px;
  padding: 4px;
  border: 1px solid color-mix(in srgb, currentColor 72%, transparent);
  border-radius: 50%;
  color: #3a9bff;
  background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.2), rgba(18, 95, 218, 0.2) 45%, rgba(2, 12, 34, 0.7) 76%);
  fill: rgba(29, 113, 255, 0.2);
  stroke-width: 2;
  filter:
    drop-shadow(0 0 7px rgba(32, 133, 255, 0.72))
    drop-shadow(0 3px 2px rgba(0, 0, 0, 0.45));
}

body[data-auth="signed-in"][data-screen="home"] .feature-referral .home-feature-icon,
body[data-auth="signed-in"][data-screen="home"] .feature-powerball .home-feature-icon {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .feature-referral .home-feature-icon {
  color: #d2d9e8;
  fill: rgba(245, 181, 55, 0.28);
}

body[data-auth="signed-in"][data-screen="home"] .feature-powerball .home-feature-icon {
  color: #ff6f45;
  background: radial-gradient(circle at 34% 28%, #ffbe7a, #b7232b 48%, #5b0714 76%);
  fill: rgba(255, 190, 80, 0.2);
}

body[data-auth="signed-in"][data-screen="home"] .feature-claim .home-feature-icon {
  color: #f5c54b;
  border-radius: 8px;
  background: linear-gradient(145deg, #ffe681, #d58b0f 70%);
  fill: rgba(67, 37, 0, 0.16);
  stroke: #4a2a00;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card span {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card b {
  align-self: start;
  margin: 0;
  min-width: 0;
  color: #f4f7ff;
  font-size: 11px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card em {
  display: block;
  align-self: end;
  color: #8396b9;
  font-size: 7px;
  font-style: normal;
  font-weight: 850;
  line-height: 1;
}

body[data-auth="signed-in"][data-screen="home"] .feature-buy,
body[data-auth="signed-in"][data-screen="home"] .feature-referral,
body[data-auth="signed-in"][data-screen="home"] .feature-powerball,
body[data-auth="signed-in"][data-screen="home"] .feature-claim {
  border-color: rgba(56, 112, 204, 0.52);
  background: linear-gradient(180deg, rgba(7, 24, 57, 0.98), rgba(2, 11, 28, 0.99));
}

body[data-auth="signed-in"][data-screen="home"] .bottom-nav,
body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .bottom-nav {
  width: min(472px, 100vw);
  min-height: calc(62px + var(--safe-bottom));
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 2px;
  padding: 4px 8px calc(4px + var(--safe-bottom));
  border-top: 1px solid rgba(92, 146, 255, 0.24);
  background: linear-gradient(180deg, rgba(8, 20, 42, 0.92), rgba(3, 8, 18, 0.98));
  box-shadow: 0 -20px 46px rgba(0, 0, 0, 0.36);
}

body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-powerball,
body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-rewards {
  display: grid;
}

body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-item {
  min-height: 52px;
  border: 0;
  border-radius: 10px;
  color: rgba(214, 226, 246, 0.68);
  background: transparent;
  box-shadow: none;
}

body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-item.active {
  min-height: 52px;
  border: 1px solid rgba(92, 174, 255, 0.8);
  border-radius: 10px;
  color: #f8fbff;
  background: linear-gradient(180deg, rgba(31, 113, 255, 0.95), rgba(9, 55, 143, 0.95));
  box-shadow:
    0 0 24px rgba(49, 130, 246, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  filter: none;
}

body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-icon {
  width: 21px;
  height: 21px;
}

body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-item span {
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-label-default {
  display: block;
}

body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-label-home {
  display: none;
}

@media (min-width: 600px) {
  body[data-auth="signed-in"][data-screen="home"] .mobile-app {
    width: min(calc(100vw - 24px), 472px) !important;
    padding-right: 8px;
    padding-left: 8px;
  }

  body[data-auth="signed-in"][data-screen="home"] .app-header,
  body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .app-header {
    margin-right: -8px;
    margin-left: -8px;
    padding-right: 18px;
    padding-left: 18px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 0.435fr) minmax(0, 0.33fr) minmax(0, 0.235fr);
    align-items: stretch;
    gap: 8px;
    height: calc(100dvh - 100px - 62px - var(--safe-bottom));
    min-height: 555px;
    padding-top: 0;
    overflow: hidden;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-reference-intro {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    border: 0;
    border-radius: 0;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
    min-height: 0;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-reference-art {
    min-height: 0;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-reference-art > strong {
    font-size: 46px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-lottery-ball-seven {
    left: 42px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-lottery-ball-thirteen {
    right: 37px;
  }

  body[data-auth="signed-in"][data-screen="home"] .bottom-nav,
  body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .bottom-nav {
    width: min(calc(100vw - 24px), 472px) !important;
  }
}

@media (max-height: 700px) {
  body[data-auth="signed-in"][data-screen="home"] .mobile-app {
    padding-bottom: calc(62px + var(--safe-bottom));
  }

  body[data-auth="signed-in"][data-screen="home"] .app-header,
  body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .app-header {
    min-height: 58px;
    padding-top: max(8px, env(safe-area-inset-top, 0px));
    padding-bottom: 8px;
  }

  body[data-auth="signed-in"][data-screen="home"] .app-header h1 {
    font-size: 17px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-brand-subtitle {
    margin-top: 3px;
    font-size: 7px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-menu-button {
    width: 32px;
    height: 32px;
    min-height: 32px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage {
    grid-template-rows: minmax(0, 0.44fr) minmax(0, 0.34fr) minmax(0, 0.22fr);
    gap: 6px;
    height: calc(100dvh - 58px - 62px - var(--safe-bottom));
    min-height: 0;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-conversion-grid {
    height: 100%;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-reference-greeting {
    gap: 2px;
    padding-top: 8px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-reference-greeting strong {
    font-size: 13px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-reference-greeting span {
    font-size: 10px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-reference-art > strong {
    font-size: 31px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-reference-art::before {
    width: min(76vw, 245px);
    height: 96px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-lottery-ball {
    width: 39px;
    height: 39px;
    font-size: 16px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-lottery-ball-seven {
    left: 32px;
    bottom: 25px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-lottery-ball-thirteen {
    right: 29px;
    bottom: 21px;
    width: 44px;
    height: 44px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
    grid-template-columns: 92px minmax(0, 1fr);
    padding: 8px 10px;
    border-width: 1px;
    border-radius: 12px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-gift-art {
    width: 84px;
    height: 84px;
    background-position: -65px -650px;
    background-size: 1872px 1054px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
    font-size: 23px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
    margin-top: 4px;
    font-size: 8px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card #welcomeHeroCta {
    right: 10px;
    bottom: 8px;
    width: calc(100% - 112px);
    min-height: 34px;
    border-radius: 8px;
    font-size: 11px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card > div {
    top: 10px;
    right: 8px;
    left: 78px;
    padding-top: 0;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
    grid-template-rows: 35px auto 10px;
    gap: 2px;
    padding: 4px 2px;
    border-radius: 8px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-icon {
    width: 34px;
    height: 34px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card::before {
    width: 36px;
    height: 36px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card b {
    font-size: 9px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card em {
    font-size: 6px;
  }

  body[data-auth="signed-in"][data-screen="home"] .bottom-nav,
  body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .bottom-nav {
    min-height: calc(62px + var(--safe-bottom));
    padding-top: 4px;
    padding-bottom: calc(4px + var(--safe-bottom));
  }

  body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-item,
  body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-item.active {
    min-height: 52px;
  }

  body[data-auth="signed-in"][data-screen="home"] .bottom-nav .nav-icon {
    width: 21px;
    height: 21px;
  }
}

@media (min-width: 600px) and (max-height: 700px) {
  body[data-auth="signed-in"][data-screen="home"] .home-stage {
    height: calc(100dvh - 24px - 58px - 62px - var(--safe-bottom));
  }
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] .mobile-app {
    padding-right: 10px;
    padding-left: 10px;
  }

  body[data-auth="signed-in"][data-screen="home"] .app-header,
  body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .app-header {
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 12px;
    padding-left: 12px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-lottery-ball-seven {
    left: 30px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-lottery-ball-thirteen {
    right: 27px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
    grid-template-columns: 96px minmax(0, 1fr);
    padding-right: 10px;
    padding-left: 10px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-gift-art {
    width: 91px;
    height: 91px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
    font-size: 23px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card #welcomeHeroCta {
    font-size: 11px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card b {
    font-size: 9px;
  }
}

/* Shared app navigation: every route uses one six-tab component and one active state. */
body[data-auth="signed-in"][data-screen]:not([data-screen="signed-out"]) .bottom-nav {
  width: min(472px, 100vw);
  min-height: calc(62px + var(--safe-bottom));
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 2px;
  padding: 4px 8px calc(4px + var(--safe-bottom));
  border-top: 1px solid rgba(61, 96, 153, 0.48);
  background: rgba(3, 13, 34, 0.985);
  box-shadow: 0 -20px 46px rgba(0, 0, 0, 0.36);
}

body[data-auth="signed-in"][data-screen]:not([data-screen="signed-out"]) .bottom-nav .nav-item,
body[data-auth="signed-in"][data-screen]:not([data-screen="signed-out"]) .bottom-nav .nav-item.active {
  min-height: 54px;
  gap: 3px;
  border-radius: 11px;
}

body[data-auth="signed-in"][data-screen]:not([data-screen="signed-out"]) .bottom-nav .nav-item {
  border: 0;
  color: #a7b3d0;
  background: transparent;
  box-shadow: none;
  filter: none;
}

body[data-auth="signed-in"][data-screen]:not([data-screen="signed-out"]) .bottom-nav .nav-item.active {
  border: 1px solid #187cff;
  color: #fff;
  background: linear-gradient(180deg, rgba(20, 105, 255, 0.88), rgba(5, 36, 111, 0.94));
  box-shadow:
    0 0 20px rgba(28, 112, 255, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -10px 20px rgba(0, 30, 106, 0.24);
}

body[data-auth="signed-in"][data-screen]:not([data-screen="signed-out"]) .bottom-nav .nav-item .nav-icon {
  display: block;
  width: 22px;
  height: 22px;
  color: currentColor;
  background: none;
  filter: none;
  stroke-width: 2.05;
}

body[data-auth="signed-in"][data-screen]:not([data-screen="signed-out"]) .bottom-nav .nav-item span {
  display: block;
  color: currentColor;
  font-size: 9px;
  line-height: 1;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen]:not([data-screen="signed-out"]) .bottom-nav .nav-rewards::before,
body[data-auth="signed-in"][data-screen]:not([data-screen="signed-out"]) .bottom-nav .nav-rewards::after {
  content: none;
  display: none;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen]:not([data-screen="signed-out"]) .bottom-nav .nav-item span {
    font-size: 8px;
  }
}

/* Final Powerball polish: HD art, stronger neon edges and clear CTA/nav separation. */
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
  right: 0;
  top: 34px;
  width: 150px;
  height: 116px;
  opacity: 1;
  filter:
    saturate(1.22)
    contrast(1.15)
    brightness(1.08)
    drop-shadow(0 0 16px rgba(42, 142, 255, 0.72))
    drop-shadow(0 0 32px rgba(20, 91, 255, 0.42));
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero strong {
  color: #fff;
  text-shadow:
    0 0 2px rgba(255, 255, 255, 0.95),
    0 0 12px rgba(68, 155, 255, 0.78),
    0 0 26px rgba(28, 104, 255, 0.46);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em::before {
  width: 34px;
  height: 34px;
  border: 1px solid #ffe58c;
  border-radius: 50%;
  box-shadow:
    -10px 7px 0 -2px #d9910e,
    -18px 10px 0 -4px #a76206,
    0 0 16px rgba(255, 197, 45, 0.62),
    inset 0 1px 4px rgba(255, 255, 255, 0.72);
}

body[data-auth="signed-in"][data-screen="powerball"] .power-number-button.selected,
body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card .picked-numbers i {
  border-color: #5cc2ff;
  background: linear-gradient(180deg, #3eb4ff, #0c54d8);
  box-shadow:
    0 0 0 1px rgba(194, 236, 255, 0.24),
    0 0 12px rgba(35, 137, 255, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

body[data-auth="signed-in"][data-screen="powerball"] .power-number-button.power.selected {
  border-color: #fff0a8;
  background: linear-gradient(180deg, #fff6b9, #efb521);
  box-shadow:
    0 0 0 1px rgba(255, 246, 193, 0.26),
    0 0 16px rgba(255, 190, 31, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .button-row:has(#powerballPurchaseButton),
body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
  bottom: calc(71px + env(safe-area-inset-bottom));
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
  border-radius: 12px;
  box-shadow:
    0 0 24px rgba(255, 184, 22, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    inset 0 -12px 24px rgba(162, 90, 0, 0.18);
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
    right: -2px;
    top: 40px;
    width: 125px;
    height: 96px;
  }
}

@media (min-width: 720px) {
  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .button-row:has(#powerballPurchaseButton),
  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    bottom: auto;
  }
}

/* Powerball final visual pass: keep controls unobscured and match the selected-ball reference. */
body[data-auth="signed-in"][data-screen="powerball"] .power-number-button.selected {
  position: relative;
  overflow: visible;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-number-button.selected::after {
  content: "\2713";
  position: absolute;
  top: -5px;
  right: -4px;
  display: grid;
  width: 13px;
  height: 13px;
  place-items: center;
  border: 1px solid #d8f4ff;
  border-radius: 50%;
  color: #fff;
  background: #147cff;
  box-shadow: 0 0 9px rgba(45, 153, 255, 0.95);
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-number-button.power.selected::after {
  border-color: #fff2a7;
  color: #372200;
  background: #ffd34f;
  box-shadow: 0 0 10px rgba(255, 192, 36, 0.92);
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .button-row:has(#powerballPurchaseButton),
body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
  position: static;
  inset: auto;
  width: 100%;
  margin: 6px 0 0;
  transform: none;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
  border: 1px solid #fff0a1;
  background:
    linear-gradient(110deg, transparent 0 34%, rgba(255, 255, 255, 0.22) 44%, transparent 54%),
    linear-gradient(180deg, #fff39a 0%, #ffc72f 44%, #db8d00 100%);
  background-size: 220% 100%, 100% 100%;
  box-shadow:
    0 0 0 1px rgba(255, 184, 18, 0.2),
    0 0 28px rgba(255, 178, 12, 0.72),
    inset 0 2px 0 rgba(255, 255, 255, 0.86),
    inset 0 -13px 24px rgba(148, 76, 0, 0.2);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  padding-bottom: 84px;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
    max-width: 190px;
    font-size: 9px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
    right: 2px;
    top: 49px;
    width: 103px;
    height: 80px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
    position: relative;
    z-index: 1;
    margin-top: 10px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .power-number-button.selected::after {
    top: -4px;
    right: -3px;
    width: 11px;
    height: 11px;
    font-size: 7px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    min-height: 50px;
    font-size: 15px;
  }
}

/* Final shared header: home uses the same branded shell as every signed-in route. */
body[data-auth="signed-in"][data-screen="home"] .app-header,
body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .app-header {
  min-height: 58px;
  margin-bottom: 0;
  padding: max(7px, env(safe-area-inset-top, 0px)) var(--screen-edge) 7px;
  background: linear-gradient(180deg, rgba(4, 13, 30, 0.98), rgba(3, 12, 29, 0.92));
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
}

body[data-auth="signed-in"][data-screen="home"] .brand-lockup {
  gap: 9px;
}

body[data-auth="signed-in"][data-screen="home"] .brand-lockup img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  object-fit: contain;
  image-rendering: auto;
  box-shadow:
    0 0 0 1px rgba(255, 229, 138, 0.22),
    0 0 20px rgba(49, 130, 246, 0.4);
}

body[data-auth="signed-in"][data-screen="home"] .brand-lockup > div {
  display: block;
}

body[data-auth="signed-in"][data-screen="home"] .brand-lockup .eyebrow {
  display: block;
  margin: 0 0 3px;
  color: #42a8ff;
  font-size: 11px;
  line-height: 1;
}

body[data-auth="signed-in"][data-screen="home"] .app-header h1 {
  display: block;
  margin: 0;
  color: transparent;
  background: linear-gradient(90deg, #fff4bf 0%, #f5bd36 48%, #ffffff 82%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  text-shadow: 0 0 24px rgba(245, 189, 54, 0.16);
}

body[data-auth="signed-in"][data-screen="home"] .home-brand-subtitle,
body[data-auth="signed-in"][data-screen="home"] .home-menu-button {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .notice-button,
body[data-auth="signed-in"][data-screen="home"] .profile-button {
  display: grid;
}

body[data-auth="signed-in"][data-screen="home"] .header-actions {
  display: flex;
  gap: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .header-actions .icon-button {
  width: 40px;
  height: 40px;
  min-height: 40px;
  border-radius: 10px;
}

body[data-auth="signed-in"][data-screen="home"] .header-actions .profile-button span {
  font-size: 21px;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage {
  height: calc(100dvh - 58px - 62px - var(--safe-bottom));
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  box-shadow:
    0 0 0 1px rgba(255, 207, 79, 0.2),
    0 0 24px rgba(40, 122, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
  box-shadow:
    0 0 18px rgba(35, 119, 255, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

@supports (display: __super-wins-disabled-rollback__) {
/* Disabled: this rollback replaced the approved SUPER WINS orbital home. */
body[data-auth="signed-in"][data-screen="home"] {
  --screen-edge: 16px;
  --screen-gap: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .mobile-app {
  width: min(100%, 472px);
  padding-right: var(--screen-edge);
  padding-left: var(--screen-edge);
  padding-bottom: calc(72px + var(--safe-bottom));
}

body[data-auth="signed-in"][data-screen="home"] .app-header,
body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .app-header {
  margin-right: calc(-1 * var(--screen-edge));
  margin-left: calc(-1 * var(--screen-edge));
  padding-right: var(--screen-edge);
  padding-left: var(--screen-edge);
}

body[data-auth="signed-in"][data-screen="home"] .home-stage {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: auto;
  min-height: 0;
  padding: 0 0 8px;
  overflow: visible;
}

body[data-auth="signed-in"][data-screen="home"] .home-reference-intro,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .product-switch,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .draw-progress-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .prize-tier-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .top-balance,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .ticket-summary-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > #screen-home {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card {
  order: 1;
  display: block;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card {
  order: 2;
  display: flex !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid {
  order: 3;
  display: grid;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card {
  order: 4;
  display: grid !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  position: relative;
  grid-template-columns: none;
  grid-template-rows: none;
  align-items: initial;
  min-height: 124px;
  height: auto;
  padding: 12px 13px;
  gap: 6px;
  overflow: hidden;
  border: 1px solid rgba(255, 207, 79, 0.72);
  border-radius: 14px;
  background:
    radial-gradient(circle at 86% 20%, rgba(247, 200, 75, 0.25), transparent 27%),
    radial-gradient(circle at 12% 15%, rgba(35, 136, 255, 0.2), transparent 34%),
    linear-gradient(145deg, rgba(9, 31, 71, 0.98), rgba(3, 12, 31, 0.99));
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::before {
  display: block;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::after {
  content: "FREE\A 10";
  right: 13px;
  top: 12px;
  display: grid;
  width: 63px;
  height: 50px;
  border-radius: 8px;
  font-size: 17px;
  opacity: 0.9;
}

body[data-auth="signed-in"][data-screen="home"] .home-gift-art {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card > div {
  position: static;
  max-width: calc(100% - 66px);
  min-width: 0;
  padding: 0;
  text-align: left;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card > div > span:not(.home-gift-art) {
  display: block;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card span {
  color: #ffe98f;
  font-size: 10px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
  display: block;
  max-width: none;
  margin-top: 2px;
  color: #fff;
  font-size: 20px;
  line-height: 1.08;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
  display: block;
  max-width: none;
  margin: 4px 0 0;
  overflow: hidden;
  color: #b8c8e7;
  font-size: 10px;
  line-height: 1.3;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card #welcomeHeroCta {
  position: static;
  width: 100%;
  min-height: 38px;
  margin: 6px 0 0;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card #welcomeHeroCta::after {
  content: none;
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .home-conversion-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: auto;
  height: auto;
  min-height: 0;
  gap: 7px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: initial;
  justify-items: start;
  min-height: 72px;
  height: auto;
  padding: 9px 10px;
  gap: 2px;
  border-radius: 11px;
  text-align: left;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card::before,
body[data-auth="signed-in"][data-screen="home"] .home-feature-icon {
  content: none;
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card::after {
  right: 9px;
  bottom: 8px;
  display: grid;
  width: 31px;
  height: 31px;
  border-radius: 9px;
  font-size: 16px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card span {
  display: block;
  color: #8ed1ff;
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card b {
  align-self: auto;
  margin-top: 2px;
  color: #fff8d2;
  font-size: 16px;
  line-height: 1.05;
  overflow-wrap: normal;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card em {
  display: block;
  align-self: auto;
  max-width: calc(100% - 28px);
  margin-top: 2px;
  color: rgba(220, 234, 255, 0.78);
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .feature-buy {
  border-color: rgba(69, 145, 255, 0.72);
  background: radial-gradient(circle at 86% 20%, rgba(64, 151, 255, 0.25), transparent 35%), linear-gradient(150deg, #0b376d, #07122d);
}

body[data-auth="signed-in"][data-screen="home"] .feature-referral {
  border-color: rgba(174, 91, 255, 0.72);
  background: radial-gradient(circle at 86% 20%, rgba(191, 84, 255, 0.28), transparent 35%), linear-gradient(150deg, #28105c, #080f2d);
}

body[data-auth="signed-in"][data-screen="home"] .feature-powerball {
  border-color: rgba(255, 105, 54, 0.7);
  background: radial-gradient(circle at 86% 20%, rgba(255, 91, 42, 0.3), transparent 35%), linear-gradient(150deg, #4b160e, #07122d);
}

body[data-auth="signed-in"][data-screen="home"] .feature-claim {
  border-color: rgba(50, 216, 122, 0.68);
  background: radial-gradient(circle at 86% 20%, rgba(36, 213, 119, 0.27), transparent 35%), linear-gradient(150deg, #073e2a, #07122d);
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-card {
  grid-template-columns: minmax(0, 1fr) 94px;
  min-height: 60px;
  padding: 8px 10px;
  gap: 8px;
  border-radius: 10px;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-copy p {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-copy span {
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-copy b {
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-actions .plain-button {
  min-height: 25px;
  padding: 0 8px;
  font-size: 8px;
}

/* Keep the supplied Powerball artwork proportional and clear of the timer copy. */
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
  right: 14px;
  top: 50px;
  width: 82px;
  height: 82px;
  filter:
    saturate(1.14)
    contrast(1.08)
    brightness(1.04)
    drop-shadow(0 0 12px rgba(42, 142, 255, 0.62))
    drop-shadow(0 0 22px rgba(20, 91, 255, 0.34));
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  padding-left: 55px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em::before {
  left: 17px;
  width: 28px;
  height: 28px;
  box-shadow:
    -7px 5px 0 -2px #d9910e,
    -12px 8px 0 -4px #a76206,
    0 0 12px rgba(255, 197, 45, 0.54),
    inset 0 1px 4px rgba(255, 255, 255, 0.72);
}

@media (min-width: 600px) {
  body[data-auth="signed-in"][data-screen="home"] .mobile-app {
    width: min(calc(100vw - 24px), 860px) !important;
    max-width: none;
    padding-right: var(--screen-edge);
    padding-left: var(--screen-edge);
    border: 1px solid rgba(89, 147, 255, 0.32);
    border-radius: 20px;
  }

  body[data-auth="signed-in"][data-screen="home"] .bottom-nav,
  body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .bottom-nav {
    width: min(calc(100vw - 24px), 860px) !important;
    border-right: 1px solid rgba(89, 147, 255, 0.24);
    border-left: 1px solid rgba(89, 147, 255, 0.24);
    border-radius: 0 0 20px 20px;
  }
}

@media (min-width: 720px) {
  body[data-auth="signed-in"][data-screen="home"] .home-stage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 12px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card {
    grid-column: 1;
    grid-row: 1;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card {
    grid-column: 2;
    grid-row: 1;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card {
    grid-column: 1 / -1;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid {
    grid-row: 2;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card {
    grid-row: 3;
    grid-template-columns: minmax(0, 1fr) 210px;
  }

  body[data-auth="signed-in"][data-screen="home"] .pwa-access-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong,
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
    white-space: normal;
  }
}

@media (min-width: 720px) {
  body[data-auth="signed-in"][data-screen="home"] .home-stage {
    grid-template-rows: auto auto auto;
    grid-auto-rows: auto;
    overflow: visible;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .balance-card.home-hero-card {
    min-height: 288px;
    height: auto;
  }
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] {
    --screen-edge: 10px;
  }

  body[data-auth="signed-in"][data-screen="home"] .brand-lockup {
    gap: 7px;
  }

  body[data-auth="signed-in"][data-screen="home"] .brand-lockup img {
    width: 36px;
    height: 36px;
  }

  body[data-auth="signed-in"][data-screen="home"] .brand-lockup .eyebrow {
    font-size: 9px;
  }

  body[data-auth="signed-in"][data-screen="home"] .app-header h1 {
    font-size: 20px;
  }

  body[data-auth="signed-in"][data-screen="home"] .header-actions {
    gap: 6px;
  }

  body[data-auth="signed-in"][data-screen="home"] .header-actions .icon-button {
    width: 36px;
    height: 36px;
    min-height: 36px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
    font-size: 18px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card b {
    font-size: 14px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
    right: 10px;
    top: 55px;
    width: 70px;
    height: 70px;
  }
}
}

/* Keep the approved home intact while applying only the requested Powerball fix. */
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
  right: 14px;
  top: 50px;
  width: 82px;
  height: 82px;
  filter:
    saturate(1.14)
    contrast(1.08)
    brightness(1.04)
    drop-shadow(0 0 12px rgba(42, 142, 255, 0.62))
    drop-shadow(0 0 22px rgba(20, 91, 255, 0.34));
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  padding-left: 55px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em::before {
  left: 17px;
  width: 28px;
  height: 28px;
  box-shadow:
    -7px 5px 0 -2px #d9910e,
    -12px 8px 0 -4px #a76206,
    0 0 12px rgba(255, 197, 45, 0.54),
    inset 0 1px 4px rgba(255, 255, 255, 0.72);
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
    right: 10px;
    top: 55px;
    width: 70px;
    height: 70px;
  }
}

/* Keep the Powerball artwork centered beside the countdown at every viewport. */
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero::after {
  content: none;
  display: none;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: clamp(54px, 18cqi, 80px);
  align-items: center;
  justify-content: space-between;
  gap: clamp(10px, 3vw, 18px);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  container-type: inline-size;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row strong {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: clamp(46px, 14cqi, 64px);
  line-height: 0.96;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-art {
  display: block;
  flex: 0 0 auto;
  width: clamp(54px, 18cqi, 80px);
  height: clamp(54px, 18cqi, 80px);
  object-fit: contain;
  object-position: center;
  filter:
    saturate(1.14)
    contrast(1.08)
    brightness(1.04)
    drop-shadow(0 0 12px rgba(42, 142, 255, 0.62))
    drop-shadow(0 0 22px rgba(20, 91, 255, 0.34));
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
  max-width: 100%;
}

/* Rewards v42: resolution-independent referral, milestone, mission and ticket artwork. */
body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon,
body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i,
body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon,
body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art {
  background-image: none;
  filter: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-code-card {
  grid-template-columns: 62px minmax(0, 1fr) 82px;
  overflow: visible;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon {
  position: relative;
  display: block;
  width: 58px;
  height: 54px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  filter: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255, 222, 118, 0.12);
  border-radius: 50%;
  background-image: var(--reward-reference-sprite);
  background-position: -27px -159px;
  background-repeat: no-repeat;
  background-size: var(--reward-reference-size);
  box-shadow: 0 0 18px rgba(245, 189, 54, 0.2);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon::after {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-people {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon i {
  position: absolute;
  right: 1px;
  bottom: 1px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 1px solid #c8e4ff;
  border-radius: 50%;
  background: linear-gradient(155deg, #58b5ff, #1676ef 54%, #0640aa);
  box-shadow:
    0 0 0 2px #071631,
    0 0 10px rgba(45, 139, 255, 0.78),
    inset 0 1px 3px rgba(255, 255, 255, 0.5);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon i::before,
body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon i::after {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.62);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon i::after {
  transform: rotate(90deg);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker {
  top: -2px;
  width: 32px;
  height: 42px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker::before {
  left: 50%;
  top: 0;
  width: 21px;
  height: 21px;
  border-color: color-mix(in srgb, currentColor 78%, #fff);
  background:
    radial-gradient(circle at 34% 25%, rgba(255, 255, 255, 0.78), transparent 14%),
    linear-gradient(145deg, color-mix(in srgb, currentColor 65%, #18366f), #07142f 78%);
  box-shadow:
    0 0 8px color-mix(in srgb, currentColor 58%, transparent),
    inset 0 0 6px color-mix(in srgb, currentColor 18%, transparent);
  opacity: 1;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i {
  position: absolute;
  left: 50%;
  top: 3px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: translateX(-50%);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i::before {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i::after {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-marker-gift {
  display: block;
  width: 15px;
  height: 15px;
  color: color-mix(in srgb, currentColor 84%, #fff6cb);
  filter:
    drop-shadow(0 0 3px color-mix(in srgb, currentColor 80%, transparent))
    drop-shadow(0 0 6px color-mix(in srgb, currentColor 44%, transparent));
  stroke-width: 2;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker.marker-7 {
  color: #2f8fff;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker small {
  position: absolute;
  left: 50%;
  top: 31px;
  margin: 0;
  min-width: 22px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon {
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 0;
  color: transparent;
  background-image: var(--reward-reference-sprite);
  background-position: -25px -570px;
  background-repeat: no-repeat;
  background-size: var(--reward-reference-size);
  box-shadow: none;
  filter: url("#reward-cutout-filter") drop-shadow(0 0 7px rgba(77, 145, 255, 0.34));
  transform: scale(1.06);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon::before {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon::after {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefits-panel {
  min-height: 126px;
  padding-bottom: 8px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article {
  --ticket-light: #c4e7ff;
  --ticket-base: #3b91ff;
  --ticket-dark: #123f9a;
  --ticket-glow: rgba(55, 146, 255, 0.68);
  --ticket-rotation: -7deg;
  min-height: 91px;
  padding-bottom: 5px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid .benefit-14 {
  --ticket-light: #e3c2ff;
  --ticket-base: #a55af0;
  --ticket-dark: #4b177f;
  --ticket-glow: rgba(176, 84, 255, 0.62);
  --ticket-rotation: -5deg;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid .benefit-21 {
  --ticket-light: #ffc0c3;
  --ticket-base: #f45a68;
  --ticket-dark: #8f1f37;
  --ticket-glow: rgba(255, 79, 96, 0.58);
  --ticket-rotation: -6deg;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid .benefit-28 {
  --ticket-light: #fff0a3;
  --ticket-base: #f3b72c;
  --ticket-dark: #8d5706;
  --ticket-glow: rgba(255, 196, 42, 0.72);
  --ticket-rotation: -8deg;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art {
  position: relative;
  display: grid;
  place-items: center;
  width: 64px;
  height: 40px;
  overflow: visible;
  border: 2px solid color-mix(in srgb, var(--ticket-light) 88%, #fff);
  border-radius: 5px;
  color: #06132c;
  background:
    radial-gradient(ellipse at 22% 10%, rgba(255, 255, 255, 0.52), transparent 24%),
    linear-gradient(115deg, transparent 0 30%, rgba(255, 255, 255, 0.44) 33%, transparent 40%),
    repeating-linear-gradient(105deg, transparent 0 7px, rgba(255, 255, 255, 0.06) 8px 9px),
    linear-gradient(145deg, var(--ticket-light), var(--ticket-base) 45%, var(--ticket-dark));
  box-shadow:
    3px 5px 0 color-mix(in srgb, var(--ticket-dark) 72%, #07142f),
    0 7px 9px rgba(0, 0, 0, 0.46),
    0 0 14px var(--ticket-glow),
    inset 0 1px 3px rgba(255, 255, 255, 0.72),
    inset 0 -3px 5px rgba(0, 0, 0, 0.28);
  clip-path: polygon(
    4% 0, 96% 0,
    96% 10%, 100% 17%, 96% 24%, 100% 31%,
    94% 39%, 94% 61%,
    100% 69%, 96% 76%, 100% 83%, 96% 90%,
    96% 100%, 4% 100%,
    4% 90%, 0 83%, 4% 76%, 0 69%,
    6% 61%, 6% 39%,
    0 31%, 4% 24%, 0 17%, 4% 10%
  );
  transform: translateY(-1px) perspective(100px) rotateY(-5deg) rotateZ(var(--ticket-rotation));
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art::before {
  content: "";
  position: absolute;
  inset: 3px 5px;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.16);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art::after {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art > i {
  position: relative;
  z-index: 2;
  display: grid;
  margin-left: 0;
  color: #07152f;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: 0.9;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art > i::after {
  content: "TICKET";
  display: block;
  font-size: 7px;
  line-height: 1;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="rewards"] .reward-code-card {
    grid-template-columns: 54px minmax(0, 1fr) 72px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon {
    width: 54px;
    height: 52px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art {
    width: 58px;
    height: 38px;
  }
}

/* Keep the v43 referral vector above the older reference-sprite override. */
body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 54px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 44% 42%, rgba(255, 220, 106, 0.2), rgba(16, 30, 63, 0.72) 58%, transparent 72%);
  box-shadow: 0 0 18px rgba(245, 189, 54, 0.18);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon::before {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-people {
  display: block;
  width: 44px;
  height: 44px;
  color: #ffe187;
  stroke-width: 2.25;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.34))
    drop-shadow(0 0 4px rgba(255, 202, 60, 0.66))
    drop-shadow(0 5px 5px rgba(0, 0, 0, 0.48));
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon i {
  right: 0;
  bottom: 0;
  width: 19px;
  height: 19px;
  border-width: 1.5px;
  box-shadow:
    0 0 0 2px #071631,
    0 0 11px rgba(45, 139, 255, 0.88),
    inset 0 1px 4px rgba(255, 255, 255, 0.62);
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon {
    width: 54px;
    height: 52px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-people {
    width: 40px;
    height: 40px;
  }
}

/* Rewards v43 iteration 2: dimensional referral artwork and final alignment. */
body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art {
  right: 22px;
  top: 12px;
  background-position: right 10px center;
  background-size: 82px 82px;
}

body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art::before {
  left: 30px;
  bottom: 9px;
}

body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art::after {
  right: 10px;
  bottom: 2px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon {
  overflow: visible;
  background:
    radial-gradient(circle at 46% 44%, rgba(255, 217, 92, 0.24), rgba(10, 25, 57, 0.82) 59%, transparent 74%);
  box-shadow:
    0 0 20px rgba(245, 189, 54, 0.24),
    inset 0 0 14px rgba(255, 214, 87, 0.08);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 1px;
  display: block;
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 50%;
  background-image: url("./assets/referral-friends-hd.png");
  background-repeat: no-repeat;
  background-position: center 36%;
  background-size: 58px 58px;
  filter:
    sepia(0.22)
    saturate(1.18)
    brightness(1.08)
    drop-shadow(0 0 5px rgba(255, 198, 56, 0.48))
    drop-shadow(0 4px 4px rgba(0, 0, 0, 0.42));
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-people {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-action.complete-action > .icon-svg {
  width: 36px;
  height: 36px;
  border-width: 1.5px;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.78), transparent 11%),
    radial-gradient(circle at 50% 50%, rgba(255, 224, 125, 0.26), transparent 56%),
    linear-gradient(145deg, #e2ad36, #8b5807 72%);
  box-shadow:
    0 0 0 2px rgba(52, 31, 2, 0.72),
    0 0 16px 1px rgba(255, 198, 54, 0.62),
    inset 0 2px 5px rgba(255, 255, 255, 0.5),
    inset 0 -4px 6px rgba(62, 34, 0, 0.58);
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art {
    right: 11px;
    top: 16px;
    background-position: right 7px center;
    background-size: 67px 67px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art::before {
    left: 12px;
    bottom: 8px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon::before {
    width: 46px;
    height: 46px;
    background-size: 54px 54px;
  }
}

/* Rewards v43 iteration 3: reference-matched filled gold referral symbol. */
body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon::before {
  display: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-people {
  position: relative;
  z-index: 1;
  display: block;
  width: 48px;
  height: 48px;
  overflow: visible;
  fill: none;
  stroke: none;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.34))
    drop-shadow(0 0 5px rgba(255, 202, 60, 0.58))
    drop-shadow(0 5px 5px rgba(0, 0, 0, 0.46));
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-people {
    width: 44px;
    height: 44px;
  }
}

/* Rewards v44: sharpen the three primary reward-screen illustrations. */
body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art {
  right: 14px;
  top: -2px;
  width: 184px;
  height: 100px;
  background-position: right 2px center;
  background-size: 98px 98px;
  filter:
    saturate(1.12)
    contrast(1.08)
    drop-shadow(0 9px 12px rgba(0, 0, 0, 0.52))
    drop-shadow(0 0 17px rgba(42, 115, 255, 0.46));
}

body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art::before {
  left: 16px;
  bottom: 9px;
  width: 68px;
  height: 42px;
}

body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art::after {
  right: 0;
  bottom: 2px;
  width: 19px;
  height: 19px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon {
  width: 60px;
  height: 58px;
  background:
    radial-gradient(circle at 43% 43%, rgba(255, 225, 117, 0.25), rgba(20, 35, 70, 0.9) 58%, transparent 73%);
  box-shadow:
    0 0 20px rgba(245, 189, 54, 0.28),
    inset 0 0 13px rgba(255, 222, 107, 0.08);
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-people {
  width: 52px;
  height: 52px;
  filter: none;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon i {
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-action.complete-action > .reward-complete-check {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  color: inherit;
  background: none;
  box-shadow: none;
  filter:
    drop-shadow(0 0 7px rgba(255, 208, 71, 0.68))
    drop-shadow(0 4px 4px rgba(0, 0, 0, 0.48));
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art {
    right: 7px;
    top: 1px;
    width: 148px;
    height: 89px;
    background-size: 80px 80px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero-art::before {
    left: 8px;
    width: 58px;
    height: 36px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-people {
    width: 47px;
    height: 47px;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-action.complete-action > .reward-complete-check {
    width: 36px;
    height: 36px;
  }
}

/* v45 final cascade: keep the single-action journey stable over older visual iterations. */
[hidden] { display: none !important; }

body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .balance-card.home-hero-card {
  display: grid;
  gap: 12px;
  padding: 18px;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-top,
body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta,
body[data-auth="signed-in"][data-screen="home"] .hero-countdown {
  margin: 0;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > span {
  color: #9fc6ff;
  font-weight: 800;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 3px;
  color: #ffd968;
  line-height: 0.92;
  letter-spacing: 0;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b {
  color: #fff8d5;
  font-size: 42px;
  letter-spacing: 0;
  text-shadow: 0 0 18px rgba(255, 202, 70, 0.4);
}

.home-round-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.home-round-metrics article {
  min-width: 0;
  min-height: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 10px 12px;
  border: 1px solid rgba(85, 151, 255, 0.38);
  border-radius: 8px;
  background: rgba(4, 22, 52, 0.68);
  box-shadow: inset 0 0 18px rgba(45, 119, 255, 0.08);
}

.home-round-metrics article.welcome-state {
  border-color: rgba(255, 201, 65, 0.52);
  background: rgba(59, 40, 5, 0.34);
}

.home-round-metrics span {
  overflow-wrap: anywhere;
  color: #94add0;
  font-size: 11px;
  font-weight: 700;
}

.home-round-metrics b {
  overflow-wrap: anywhere;
  color: #f8fbff;
  font-size: 14px;
  line-height: 1.25;
}

body[data-auth="signed-in"][data-screen="home"] .home-buy-button {
  min-height: 58px;
  padding: 12px 15px;
  border-radius: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 15px;
  line-height: 1.35;
}

.home-primary-helper {
  margin: -3px 2px 0;
  color: #b8c7df;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

.subscription-grid article { align-items: stretch; }
.subscription-grid .subscription-start-button {
  width: 100%;
  min-height: 46px;
  margin-top: 14px;
  border-radius: 8px;
  white-space: normal;
}
.subscription-grid article.active {
  border-color: rgba(95, 238, 167, 0.74);
  box-shadow: 0 0 20px rgba(40, 213, 132, 0.16);
}
.subscription-terms .simple-list article { align-items: center; }

.claim-complete-actions { display: grid; gap: 10px; }
.claim-confirm-panel { max-width: 420px; }
.claim-confirm-panel > p:not(.eyebrow) {
  margin: 12px 0 0;
  color: #c9d4e7;
  line-height: 1.55;
}
.claim-confirm-notice {
  margin: 16px 0;
  padding: 14px;
  border: 1px solid rgba(255, 196, 55, 0.46);
  border-radius: 8px;
  color: #ffe39a;
  background: rgba(77, 49, 2, 0.34);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}
#screen-claim.claim-complete .claim-options,
#screen-claim.claim-complete .claim-policy-note,
#screen-claim.claim-complete #claimActionButton { display: none; }

#rewardPrimaryButton i { color: inherit; font-style: normal; }
.reward-benefit-grid article > small {
  display: block;
  margin-top: 4px;
  color: rgba(226, 234, 249, 0.72);
  font-size: 9px;
  line-height: 1.2;
}
.reward-ticket-art i { font-size: 8px; letter-spacing: 0; }

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
  body[data-auth="signed-in"][data-screen="home"] .balance-card.home-hero-card {
    gap: 10px;
    padding: 14px;
  }
  body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b { font-size: 36px; }
  .home-round-metrics article { min-height: 58px; padding: 9px 10px; }
  .home-round-metrics b { font-size: 12px; }
  body[data-auth="signed-in"][data-screen="home"] .home-buy-button { min-height: 62px; font-size: 14px; }
  .home-primary-helper { font-size: 10px; }
}

/* v45 home contract: the live round card is the first signed-in decision surface. */
body[data-auth="signed-in"][data-screen="home"] .home-stage {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  grid-auto-rows: auto !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-reference-intro,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .draw-progress-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .prize-tier-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .top-balance,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .ticket-summary-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > #screen-home {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .product-switch {
  order: 1 !important;
  display: grid !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .balance-card.home-hero-card {
  order: 4 !important;
  display: grid !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card {
  order: 3 !important;
  display: grid !important;
}

/* v46 policy and payment separation: keep the first paid conversion unambiguous. */
.sample-status-badge {
  width: max-content;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(255, 202, 70, 0.72);
  border-radius: 6px;
  color: #ffe083;
  background: rgba(70, 43, 0, 0.52);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.2;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .balance-card.home-hero-card {
  order: 1 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .product-switch {
  order: 2 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card {
  order: 3 !important;
}

.purchase-breakdown {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.purchase-breakdown article {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid rgba(82, 141, 232, 0.36);
  border-radius: 8px;
  background: rgba(5, 20, 47, 0.72);
}

.purchase-breakdown article span,
.purchase-breakdown article b {
  min-width: 0;
  overflow-wrap: anywhere;
}

.purchase-breakdown article span {
  color: #99afd0;
  font-size: 11px;
  font-weight: 700;
}

.purchase-breakdown article b {
  color: #fff4c2;
  font-size: 14px;
}

.wallet-charge-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 14px 0;
  padding: 4px;
  border: 1px solid rgba(70, 127, 214, 0.38);
  border-radius: 8px;
  background: rgba(3, 14, 36, 0.72);
}

.wallet-charge-tabs .segment {
  min-width: 0;
  min-height: 42px;
  padding: 8px;
  border-radius: 6px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.wallet-method-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(61, 132, 242, 0.5);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(9, 37, 82, 0.86), rgba(2, 13, 33, 0.94));
}

.wallet-method-panel[data-wallet-charge-panel="trc20"] {
  border-color: rgba(52, 209, 159, 0.54);
}

.wallet-method-heading,
.wallet-method-heading > div {
  min-width: 0;
}

.wallet-method-heading {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wallet-method-heading > div {
  display: grid;
  gap: 3px;
}

.wallet-method-heading b,
.wallet-method-heading span {
  overflow-wrap: anywhere;
}

.wallet-method-heading span:not(.payment-method-icon) {
  color: #aabbd6;
  font-size: 11px;
}

.payment-method-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 900;
}

.payment-method-icon.perfect { background: linear-gradient(145deg, #ff4f4f, #991010); }
.payment-method-icon.trc20 { background: linear-gradient(145deg, #38d7bc, #087a71); }

.wallet-field {
  min-width: 0;
  display: grid;
  gap: 7px;
  color: #a9c5ed;
  font-size: 11px;
  font-weight: 800;
}

.wallet-field > span:last-child {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.wallet-field input {
  min-width: 0;
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid rgba(91, 145, 225, 0.44);
  border-radius: 6px;
  color: #f8fbff;
  background: rgba(1, 11, 29, 0.78);
  font: inherit;
}

.wallet-field em {
  flex: 0 0 auto;
  color: #6fe4bf;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.wallet-method-guide,
.streak-policy-note,
.policy-readiness-note {
  margin: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255, 196, 55, 0.42);
  border-radius: 8px;
  color: #f8d676;
  background: rgba(70, 44, 1, 0.28);
  font-size: 11px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.policy-readiness-note.blocked {
  border-color: rgba(255, 118, 118, 0.44);
  color: #ffd1d1;
  background: rgba(77, 15, 25, 0.32);
}

.trc20-deposit-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(45, 201, 157, 0.36);
  border-radius: 8px;
  background: rgba(2, 28, 36, 0.58);
}

.trc20-deposit-summary img {
  width: 88px;
  aspect-ratio: 1;
  border-radius: 6px;
  background: #fff;
}

.trc20-deposit-summary > div {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.trc20-deposit-summary b {
  overflow-wrap: anywhere;
  color: #ebf7ff;
  font-size: 12px;
  line-height: 1.35;
}

.trc20-deposit-summary dl {
  margin: 2px 0 0;
  display: grid;
  gap: 5px;
}

.trc20-deposit-summary dl > div,
.trc20-approval-state {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.trc20-deposit-summary dt,
.trc20-deposit-summary dd {
  margin: 0;
  font-size: 10px;
}

.trc20-deposit-summary dd,
.trc20-approval-state b { color: #6ce6bd; }

.trc20-approval-state {
  padding: 11px 12px;
  border-radius: 8px;
  color: #a9bad4;
  background: rgba(2, 12, 30, 0.72);
  font-size: 12px;
}

.preference-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.preference-grid label {
  min-width: 0;
  display: grid;
  gap: 7px;
  color: #a8bcda;
  font-size: 11px;
  font-weight: 800;
}

.preference-grid select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid rgba(74, 132, 220, 0.42);
  border-radius: 6px;
  color: #f5f8ff;
  background: #061631;
}

.policy-document-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.policy-document-list details {
  padding: 13px 14px;
  border: 1px solid rgba(77, 138, 228, 0.38);
  border-radius: 8px;
  background: rgba(5, 20, 47, 0.78);
}

.policy-document-list summary {
  cursor: pointer;
  color: #f5f8ff;
  font-weight: 900;
}

.policy-document-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.policy-document-heading strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.policy-document-heading em {
  flex: 0 0 auto;
  padding: 4px 7px;
  border: 1px solid rgba(255, 194, 48, 0.4);
  border-radius: 999px;
  color: #ffd875;
  background: rgba(74, 46, 3, 0.5);
  font-size: 10px;
  font-style: normal;
}

.policy-document.accepted {
  border-color: rgba(63, 220, 160, 0.45);
}

.policy-document.accepted .policy-document-heading em {
  border-color: rgba(63, 220, 160, 0.38);
  color: #81f2c2;
  background: rgba(4, 61, 43, 0.45);
}

.policy-document-body {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}

.policy-document-list p {
  margin: 0;
  color: #b6c5dc;
  font-size: 12px;
  line-height: 1.65;
}

.policy-document-body dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.policy-document-body dl > div {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
}

.policy-document-body dt,
.policy-document-body dd {
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

.policy-document-body dt {
  color: #879ab8;
}

.policy-document-body dd {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #dce9fb;
}

.policy-accept-button {
  width: 100%;
  min-height: 44px;
  border: 1px solid #f1b925;
  border-radius: 6px;
  color: #111827;
  background: linear-gradient(180deg, #ffe47f, #efa813);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.48);
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.policy-accept-button:hover:not(:disabled) {
  filter: brightness(1.04);
}

.policy-accept-button:active:not(:disabled) {
  transform: translateY(1px);
}

.policy-accept-button:focus-visible {
  outline: 3px solid rgba(103, 181, 255, 0.72);
  outline-offset: 2px;
}

.policy-accept-button:disabled {
  border-color: rgba(113, 132, 160, 0.32);
  color: #8999b2;
  background: rgba(41, 57, 83, 0.7);
  box-shadow: none;
  cursor: not-allowed;
}

.policy-accept-button.complete:disabled {
  border-color: rgba(63, 220, 160, 0.35);
  color: #8aefc7;
  background: rgba(4, 61, 43, 0.4);
}

.policy-operational-list {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(77, 138, 228, 0.26);
}

.simple-list article > div,
.profile-list article > div,
.subscription-terms .simple-list article > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.simple-list article span,
.simple-list article b,
.simple-list article em,
.profile-list article span,
.profile-list article b,
.profile-list article em {
  overflow-wrap: anywhere;
}

.referral-tier-list article > span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

body[data-auth="signed-in"] .referral-tier-list article {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "condition progress"
    "reward reward";
  align-items: start;
  gap: 8px 12px;
  min-height: 0;
  padding: 12px;
  border-radius: 8px;
}

body[data-auth="signed-in"] .referral-tier-list article > span {
  grid-area: condition;
}

body[data-auth="signed-in"] .referral-tier-list article > span b {
  color: #ffe082;
  font-size: 13px;
  line-height: 1.4;
}

body[data-auth="signed-in"] .referral-tier-list article > span em {
  color: #91a3bf;
  font-size: 9px;
  line-height: 1.4;
}

body[data-auth="signed-in"] .referral-tier-list article > strong {
  grid-area: reward;
  color: #f7fbff;
  font-size: 13px;
}

body[data-auth="signed-in"] .referral-tier-list article > i {
  grid-area: progress;
  align-self: center;
  white-space: nowrap;
}

.referral-tier-list article em {
  line-height: 1.35;
}

@media (max-width: 380px) {
  .purchase-breakdown,
  .preference-grid { grid-template-columns: minmax(0, 1fr); }
  .trc20-deposit-summary { grid-template-columns: 72px minmax(0, 1fr); }
  .trc20-deposit-summary img { width: 72px; }
  .wallet-method-panel { padding: 12px; }
  .wallet-charge-tabs .segment { font-size: 11px; }
}

/* v48 home restoration: approved orbital home with a compact live-round summary. */
body[data-auth="signed-in"][data-screen="home"] .mobile-app {
  width: min(100%, 472px) !important;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: calc(72px + var(--safe-bottom));
}

body[data-auth="signed-in"][data-screen="home"] .app-header,
body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .app-header {
  margin-right: -8px;
  margin-left: -8px;
  padding-right: 14px;
  padding-left: 14px;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  grid-auto-rows: auto !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 8px !important;
  overflow: visible !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-reference-intro {
  order: 1 !important;
  display: grid !important;
  height: 214px;
  min-height: 214px;
  margin-right: -8px;
  margin-left: -8px;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .balance-card.home-hero-card {
  position: relative;
  order: 4 !important;
  display: grid !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  gap: 7px !important;
  padding: 12px !important;
  overflow: hidden;
  border: 1px solid rgba(77, 143, 242, 0.58);
  border-radius: 12px;
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 210, 83, 0.12), transparent 28%),
    linear-gradient(145deg, rgba(8, 34, 76, 0.96), rgba(2, 13, 33, 0.99));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 18px rgba(26, 104, 230, 0.14);
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card .sample-status-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  padding: 3px 6px;
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > span {
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-top: 2px;
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b {
  font-size: 36px;
  line-height: 0.95;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > em {
  margin-top: 2px;
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-symbol,
body[data-auth="signed-in"][data-screen="home"] .hero-symbol img {
  width: 48px;
  height: 48px;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 !important;
  padding-top: 2px;
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta b {
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics article {
  min-height: 48px;
  padding: 7px 6px;
  gap: 3px;
  border-radius: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics span {
  font-size: 7px;
  line-height: 1.15;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics b {
  font-size: 9px;
  line-height: 1.2;
}

body[data-auth="signed-in"][data-screen="home"] .hero-prize-strip {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas:
    "label timer"
    "date date";
  align-items: center;
  gap: 2px 8px;
  margin: 0 !important;
  padding: 7px 9px;
  border: 1px solid rgba(68, 126, 215, 0.38);
  border-radius: 8px;
  background: rgba(2, 14, 36, 0.6);
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown span {
  grid-area: label;
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown b {
  grid-area: timer;
  justify-self: end;
  font-size: 20px;
  line-height: 1;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown em {
  grid-area: date;
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card {
  order: 2 !important;
  display: grid !important;
  min-height: 158px;
  height: auto;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  grid-template-columns: 118px minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr auto !important;
  align-items: center;
  padding: 12px 14px !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-gift-art {
  grid-column: 1;
  grid-row: 1 / 4;
  align-self: center;
  width: 108px;
  height: 108px;
  margin: 0;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card > div {
  position: static !important;
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding: 0 !important;
  text-align: center;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
  font-size: 26px;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
  margin-top: 4px;
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button {
  position: static !important;
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  width: 100% !important;
  min-height: 48px !important;
  margin: 3px 0 0 !important;
  padding: 8px 22px 8px 10px !important;
  font-size: 12px !important;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.25;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-primary-helper {
  display: none;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid {
  order: 3 !important;
  display: grid !important;
  height: 112px;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
  min-height: 0;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .product-switch {
  order: 5 !important;
  display: grid !important;
  margin-top: 2px;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card {
  order: 6 !important;
  display: grid !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .draw-progress-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .prize-tier-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .top-balance,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .ticket-summary-panel,
body[data-auth="signed-in"][data-screen="home"] .home-stage > #screen-home {
  display: none !important;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] .mobile-app {
    padding-right: 7px;
    padding-left: 7px;
  }

  body[data-auth="signed-in"][data-screen="home"] .app-header,
  body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .app-header,
  body[data-auth="signed-in"][data-screen="home"] .home-reference-intro {
    margin-right: -7px;
    margin-left: -7px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-reference-intro {
    height: 192px;
    min-height: 192px;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b {
    font-size: 32px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics article {
    padding: 6px 4px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics span {
    font-size: 6px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics b {
    font-size: 8px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card {
    min-height: 150px;
    height: 150px;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid {
    height: 104px;
  }
}

/* Firebase withdrawal surface: real server state only, no optimistic balance mutation. */
body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel {
  display: grid;
  gap: 13px;
  padding: 16px;
  border: 1px solid rgba(77, 143, 235, 0.56);
  border-radius: 15px;
  background:
    radial-gradient(circle at 92% 0%, rgba(49, 142, 255, 0.15), transparent 31%),
    linear-gradient(145deg, rgba(7, 28, 64, 0.98), rgba(2, 12, 30, 0.99));
  box-shadow: 0 9px 24px rgba(0, 6, 17, 0.2);
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel .section-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 44px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel .section-title > div {
  display: grid;
  gap: 2px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel .section-title h3 {
  margin: 0;
  color: #f7f9ff;
  font-size: 18px;
  line-height: 1.2;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel .eyebrow {
  margin: 0;
  color: #61baff;
  font-size: 10px;
  font-weight: 850;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel .status-chip {
  min-height: 29px;
  padding: 0 10px;
  border-color: rgba(245, 189, 54, 0.5);
  color: #ffe68c;
  background: rgba(96, 64, 3, 0.34);
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-summary {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(77, 130, 207, 0.36);
  border-radius: 10px;
  background: rgba(2, 15, 37, 0.74);
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-summary span {
  color: #91a6ca;
  font-size: 10px;
  font-weight: 800;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-summary b {
  overflow-wrap: anywhere;
  color: #edf4ff;
  font-size: 12px;
  line-height: 1.45;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel .wallet-field {
  display: grid;
  gap: 6px;
  color: #a9bbd8;
  font-size: 11px;
  font-weight: 800;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel .wallet-field > span:last-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel input {
  width: 100%;
  min-height: 46px;
  padding: 9px 11px;
  border: 1px solid rgba(85, 130, 204, 0.47);
  border-radius: 9px;
  color: #fff;
  background: rgba(3, 12, 30, 0.92);
  font: inherit;
  font-size: 14px;
  font-weight: 800;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel input:focus-visible {
  outline: 2px solid #55a8ff;
  outline-offset: 2px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel .wallet-field em {
  color: #f7cc5c;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel .primary-button {
  min-height: 50px;
  border-radius: 11px;
  font-size: 15px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel .primary-button:disabled {
  border-color: rgba(111, 128, 158, 0.4);
  color: #8491a8;
  background: #162238;
  box-shadow: none;
  cursor: not-allowed;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-list {
  display: grid;
  gap: 9px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 74px;
  padding: 11px;
  border: 1px solid rgba(71, 122, 193, 0.38);
  border-radius: 10px;
  background: rgba(3, 16, 39, 0.8);
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-row > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-row b {
  overflow: hidden;
  color: #f3f6ff;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-row span {
  color: #91a3c2;
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-status {
  color: #ffd66d;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-status.approved {
  color: #65e8a4;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-status.terminal {
  color: #aab6ca;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-actions {
  display: grid;
  gap: 6px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-action {
  min-width: 72px;
  min-height: 32px;
  padding: 0 8px;
  border: 1px solid rgba(75, 146, 244, 0.56);
  border-radius: 8px;
  color: #cce2ff;
  background: #0a2858;
  font-size: 9px;
  font-weight: 850;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-action.danger {
  border-color: rgba(255, 116, 126, 0.5);
  color: #ffc2c7;
  background: rgba(95, 17, 30, 0.58);
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-action:focus-visible {
  outline: 2px solid #fff1a6;
  outline-offset: 2px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-empty {
  margin: 0;
  padding: 12px;
  border: 1px dashed rgba(80, 126, 193, 0.36);
  border-radius: 10px;
  color: #94a7c7;
  background: rgba(3, 15, 36, 0.58);
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 380px) {
  body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-panel {
    padding: 14px;
  }

  body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-row {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-auth="signed-in"][data-screen="wallet"] .wallet-withdrawal-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/*
 * v65 completed benefit state, QUICK DRAW participation clarity and
 * charge-return field defaults.
 */
@keyframes swWelcomeGlyphSheen {
  0%, 35%, 100% { background-position: 108% 50%; }
  45% { background-position: 52% 50%; }
  55% { background-position: -8% 50%; }
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
  overflow: visible !important;
  color: #ffe58a;
  background:
    linear-gradient(
      102deg,
      #ffe58a 0%,
      #ffe58a 43%,
      #fffbe5 49%,
      #f5bd36 55%,
      #ffe58a 61%,
      #ffe58a 100%
    );
  background-size: 265% 100%;
  background-position: 108% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: swWelcomeGlyphSheen 5.6s ease-in-out infinite;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong::after {
  content: none !important;
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card[data-home-state="waiting"] {
  grid-template-rows: auto auto !important;
  min-height: 170px !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button[hidden],
body[data-auth="signed-in"][data-screen="home"] #homePrimaryCta[data-home-action="waiting"] {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card[data-home-state="waiting"] .home-primary-helper {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-ticket-link:not([hidden]) {
  display: flex !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-height: 46px !important;
  align-items: center;
  justify-content: center;
  justify-self: stretch;
  padding: 10px 14px !important;
  border: 1px solid rgba(245, 189, 54, 0.66);
  border-radius: 10px;
  color: #181104;
  background: linear-gradient(180deg, #ffe889 0%, #f5bd36 58%, #cf8308 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 5px 12px rgba(0, 0, 0, 0.24);
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-ticket-link:active {
  transform: translateY(1px);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-ticket-link:focus-visible {
  outline: 3px solid rgba(110, 179, 255, 0.96);
  outline-offset: 3px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-product-note {
  display: block;
  margin-top: 3px;
  color: #9fb1ca;
  font-size: 9.5px;
  font-weight: 700;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > .button-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > .button-row .plain-button {
  min-height: 42px !important;
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options {
  margin: 4px 0 0 !important;
  border-radius: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary {
  min-height: 50px !important;
  padding: 8px 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary > span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary > strong {
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options-body {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 0 10px 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row {
  display: grid !important;
  grid-template-columns: 94px minmax(0, 1fr) !important;
  min-height: 60px !important;
  align-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(71, 127, 207, 0.38);
  border-radius: 10px;
  background: rgba(8, 28, 61, 0.72);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row > span {
  color: #dbe7f8;
  font-size: 11px !important;
  font-weight: 850;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .quantity-toggle {
  gap: 5px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .quantity-button {
  min-height: 40px !important;
  padding: 0 4px !important;
  font-size: 10px !important;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-note {
  grid-column: 1 / -1;
  margin: 0;
  padding: 9px 10px;
  border-left: 2px solid rgba(88, 160, 255, 0.74);
  color: #aebdd2;
  background: rgba(18, 51, 96, 0.34);
  font-size: 9.5px;
  font-weight: 650;
  line-height: 1.5;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card article {
  min-height: 58px !important;
  align-content: center !important;
  padding: 9px 10px !important;
  border-radius: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card article::before {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card article:nth-child(2) {
  grid-column: 1 / -1;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card span {
  font-size: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card b {
  margin-top: 3px;
  font-size: 11px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .button-row:has(#powerballPurchaseButton) {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  padding: 0 !important;
  transform: none !important;
  background: none !important;
  pointer-events: auto !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
  min-height: 50px !important;
  font-size: 12px !important;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary {
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary > strong {
  margin-left: auto;
  margin-right: 4px;
  color: #8fb8ee;
  font-size: 10px;
  font-weight: 800;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-list {
  display: grid;
  gap: 10px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
  min-width: 0;
  padding: 12px !important;
  border: 1px solid rgba(68, 128, 212, 0.46);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(11, 39, 82, 0.84), rgba(3, 17, 42, 0.92));
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card::before {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-product-chip {
  padding: 4px 7px;
  border: 1px solid rgba(71, 145, 255, 0.48);
  border-radius: 6px;
  color: #8fc4ff;
  background: rgba(34, 105, 221, 0.18);
  font-size: 8px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-heading em {
  color: #77dca0 !important;
  font-size: 9px !important;
  font-style: normal;
  font-weight: 800;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card > b {
  color: #f3f7ff;
  font-size: 12px;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card > p {
  margin: 0;
  color: #c7d9f2;
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card dl > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(75, 125, 194, 0.28);
  border-radius: 7px;
  background: rgba(1, 12, 31, 0.52);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card dt {
  color: #8598b5;
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card dd {
  min-width: 0;
  margin: 0;
  color: #f5d879;
  font-size: 9px;
  font-weight: 850;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 7px !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    font-size: 10.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
    color: #ffe58a !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    animation: none !important;
  }
}

@media (min-width: 600px) {
  body[data-auth="signed-in"][data-screen="home"] .mobile-app,
  body[data-auth="signed-in"][data-screen="home"] .bottom-nav,
  body[data-auth="signed-in"][data-screen="home"]:not([data-screen="rewards"]) .bottom-nav {
    width: min(calc(100vw - 24px), 472px) !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    align-items: stretch !important;
    height: auto !important;
    overflow: visible !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > * {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-width: 0;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-reference-intro {
    order: 1 !important;
    display: grid !important;
    min-height: 214px !important;
    height: 214px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .welcome-unlock-card {
    order: 2 !important;
    display: grid !important;
    min-height: 158px !important;
    height: 158px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-height: 112px !important;
    height: 112px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .balance-card.home-hero-card {
    order: 4 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .product-switch {
    order: 5 !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card {
    order: 6 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 94px !important;
    min-height: 60px !important;
    height: auto !important;
  }
}

/*
 * v50 shared mobile canvas lock
 *
 * Every signed-in route keeps the same phone-sized composition as Home.
 * Wide viewports center the app without switching individual screens to
 * tablet or desktop columns, so artwork, controls and navigation stay at one
 * consistent scale throughout the PWA.
 */
@media (min-width: 600px) {
  body[data-auth="signed-in"] {
    --screen-edge: 16px;
    --screen-gap: 14px;
    --panel-gap: 10px;
  }

  body[data-auth="signed-in"] .app {
    display: grid;
    min-height: 100dvh;
    place-items: center;
    padding: 12px;
  }

  body[data-auth="signed-in"] .mobile-app,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .mobile-app,
  body[data-auth="signed-in"][data-screen] .mobile-app {
    width: min(calc(100vw - 24px), 472px) !important;
    max-width: 472px !important;
    height: min(1040px, calc(100dvh - 24px));
    padding-right: var(--screen-edge);
    padding-left: var(--screen-edge);
  }

  body[data-auth="signed-in"] .bottom-nav,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .bottom-nav,
  body[data-auth="signed-in"][data-screen] .bottom-nav {
    width: min(calc(100vw - 24px), 472px) !important;
    max-width: 472px !important;
  }

  body[data-auth="signed-in"] .screen.active {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
  }

  body[data-auth="signed-in"] .screen.active > * {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-width: 0;
  }

  body[data-auth="signed-in"][data-screen="claim"] .claim-options,
  body[data-auth="signed-in"][data-screen="subscribe"] .subscription-grid,
  body[data-auth="signed-in"][data-screen="referral"] .referral-tier-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball .button-row:has(#powerballPurchaseButton),
  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-block:first-of-type > .button-row:has(#powerballPurchaseButton),
  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    position: static;
    inset: auto;
    width: 100% !important;
    margin: 0;
    transform: none;
  }

  body[data-auth="signed-in"][data-screen="claim"] #screen-claim > .claim-card {
    width: 100%;
  }
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article > em {
  max-width: 100%;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.2;
}

/* v51: every signed-in route uses the exact same canvas width as Home. */
body[data-auth="signed-in"] .app {
  display: grid;
  justify-items: center;
}

body[data-auth="signed-in"] .mobile-app,
body[data-auth="signed-in"]:not([data-screen="rewards"]) .mobile-app,
body[data-auth="signed-in"][data-screen] .mobile-app {
  width: min(100vw, 472px) !important;
  max-width: 472px !important;
}

body[data-auth="signed-in"] .bottom-nav,
body[data-auth="signed-in"]:not([data-screen="rewards"]) .bottom-nav,
body[data-auth="signed-in"][data-screen] .bottom-nav {
  width: min(100vw, 472px) !important;
  max-width: 472px !important;
}

/* v52: restrained emphasis for the welcome benefit and live first prize only. */
@keyframes swWelcomeBorderTrace {
  0%, 9%, 100% { opacity: 0; offset-distance: 0%; }
  12% { opacity: 0.9; }
  32% { opacity: 0.9; offset-distance: 100%; }
  36% { opacity: 0; offset-distance: 100%; }
}

@keyframes swWelcomeGiftPulse {
  0%, 24%, 36%, 100% { transform: scale(1); }
  28% { transform: scale(1.025); }
  32% { transform: scale(0.995); }
}

@keyframes swWelcomeTitleSheen {
  0%, 34%, 100% { opacity: 0; transform: translateX(-170%) skewX(-18deg); }
  37% { opacity: 0.58; }
  49% { opacity: 0.42; transform: translateX(190%) skewX(-18deg); }
  52% { opacity: 0; transform: translateX(190%) skewX(-18deg); }
}

@keyframes swWelcomeCtaSheen {
  0%, 51%, 100% { opacity: 0; transform: translateX(-180%) skewX(-18deg); }
  54% { opacity: 0.52; }
  67% { opacity: 0.36; transform: translateX(210%) skewX(-18deg); }
  70% { opacity: 0; transform: translateX(210%) skewX(-18deg); }
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  isolation: isolate;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  border-color: rgba(255, 211, 82, 0.94);
  box-shadow:
    0 0 0 1px rgba(255, 238, 166, 0.08),
    0 0 12px rgba(245, 189, 54, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  contain: paint;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 46px;
  height: 2px;
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #fff8c9 38%, #f5bd36 64%, transparent);
  box-shadow: 0 0 5px rgba(255, 220, 109, 0.72);
  offset-path: inset(3px round 13px);
  offset-rotate: auto;
  animation: swWelcomeBorderTrace 5.2s ease-in-out infinite;
  will-change: offset-distance, opacity;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-gift-art {
  position: relative;
  z-index: 1;
  width: 96px;
  height: 96px;
  transform-origin: 50% 58%;
  animation: swWelcomeGiftPulse 5.2s ease-in-out infinite;
  will-change: transform;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card > div,
body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button {
  z-index: 1;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #ffe58a;
  font-size: 28px;
  font-weight: 900;
  text-shadow: 0 0 14px rgba(245, 189, 54, 0.34);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong::after {
  content: "";
  position: absolute;
  inset: -25% auto -25% 0;
  width: 34%;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 252, 226, 0.72), transparent);
  mix-blend-mode: screen;
  animation: swWelcomeTitleSheen 5.2s ease-in-out infinite;
  will-change: transform, opacity;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card p {
  color: #aebbd0;
  font-size: 8px;
  font-weight: 650;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button {
  position: relative !important;
  min-height: 48px !important;
  overflow: hidden;
  border: 1px solid #fff0a8;
  border-radius: 10px;
  color: #191104;
  background: linear-gradient(180deg, #fff0a8 0%, #f7c84a 42%, #db920c 100%);
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.28),
    0 0 14px rgba(245, 189, 54, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.74),
    inset 0 -1px 0 rgba(117, 69, 0, 0.28);
  font-size: 12px !important;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0;
  white-space: nowrap;
  overflow-wrap: normal;
  touch-action: manipulation;
  transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button::before {
  content: "";
  position: absolute;
  inset: -30% auto -30% 0;
  width: 30%;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.62), transparent);
  animation: swWelcomeCtaSheen 5.2s ease-in-out infinite;
  will-change: transform, opacity;
}

@media (hover: hover) and (pointer: fine) {
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button:hover:not(:disabled) {
    filter: brightness(1.06) saturate(1.04);
    box-shadow:
      0 7px 16px rgba(0, 0, 0, 0.3),
      0 0 18px rgba(245, 189, 54, 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.8),
      inset 0 -1px 0 rgba(117, 69, 0, 0.24);
  }
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button:active:not(:disabled) {
  transform: translateY(1px) scale(0.992);
  filter: brightness(0.97);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button:focus-visible {
  outline: 3px solid rgba(110, 179, 255, 0.96);
  outline-offset: 3px;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button:disabled {
  border-color: rgba(184, 190, 202, 0.52);
  color: rgba(240, 243, 248, 0.7);
  background: linear-gradient(180deg, #687080, #434a58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  cursor: not-allowed;
  filter: saturate(0.35);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button:disabled::before {
  animation: none;
  opacity: 0;
}

body[data-auth="signed-in"][data-screen="home"] .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .balance-card.home-hero-card {
  border-color: rgba(108, 163, 246, 0.7);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 18px rgba(26, 104, 230, 0.17);
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong {
  flex-wrap: nowrap;
  min-height: 38px;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b {
  display: inline-block;
  min-width: 6.3ch;
  color: #fff8d5;
  font-variant-numeric: tabular-nums;
  text-align: left;
  text-shadow: 0 0 16px rgba(255, 202, 70, 0.34);
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong .jackpot-unit {
  display: inline-block;
  flex: 0 0 auto;
  color: #ffe58a;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > span {
  color: #abc8f4;
  font-weight: 800;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > em {
  color: #c4cee0;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-gift-art {
    width: 80px;
    height: 80px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
    font-size: 22px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button {
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 11px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b {
    min-width: 6.1ch;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::before,
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong::after,
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button::before {
    animation: none !important;
    opacity: 0 !important;
    transform: none !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-gift-art {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button {
    transition: none;
  }
}

/* v53: scoped SUPER WINS copy, flow, trust and accessibility refinements. */
.demo-mode-banner {
  position: fixed;
  inset: 0 0 auto;
  z-index: 5000;
  min-height: 30px;
  padding: 7px 42px;
  border-bottom: 1px solid rgba(255, 211, 82, 0.42);
  color: #ffe997;
  background: rgba(25, 18, 4, 0.96);
  font-size: 11px;
  font-weight: 850;
  line-height: 16px;
  text-align: center;
}

body.demo-banner-visible {
  padding-top: 0;
}

body.demo-banner-visible .app {
  box-sizing: border-box;
  min-height: calc(100dvh - 32px);
  padding-top: 32px;
}

body.demo-banner-visible .mobile-app {
  height: calc(100dvh - 32px);
}

.header-point-balance {
  display: grid;
  flex: 0 0 auto;
  min-width: 56px;
  min-height: 40px;
  align-content: center;
  padding: 4px 7px;
  border: 1px solid rgba(245, 189, 54, 0.28);
  border-radius: 10px;
  color: #ffe58a;
  background: rgba(245, 189, 54, 0.08);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.header-point-balance small {
  color: #8fa0b9;
  font-size: 7px;
  font-weight: 800;
  line-height: 1;
}

.header-point-balance b {
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

.home-ticket-link {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
  min-height: 40px;
  padding: 10px 16px;
  color: #b8c8df;
  font-size: 12px;
  font-weight: 800;
}

.route-focus-target:focus {
  outline: none;
}

.assignment-auto-helper {
  margin: -2px 4px 2px;
  color: #aebbd0;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

body[data-auth="signed-in"][data-screen="home"] #homePrimaryCta[data-home-action="waiting"] {
  min-height: 42px !important;
  border-color: rgba(156, 169, 190, 0.32);
  color: #aeb9ca;
  background: rgba(83, 94, 112, 0.34);
  box-shadow: none;
  font-weight: 800;
  filter: none;
}

body[data-auth="signed-in"][data-screen="home"] .home-ticket-link:not([hidden]) {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  border: 1px solid rgba(245, 189, 54, 0.58);
  border-radius: 9px;
  color: #ffe58a;
  background: rgba(245, 189, 54, 0.1);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.referral-tier-list:focus-visible {
  outline: 3px solid rgba(110, 179, 255, 0.96);
  outline-offset: 3px;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > :not(.welcome-unlock-card),
body[data-auth="signed-in"][data-screen="home"] .home-stage > :not(.welcome-unlock-card) *,
body[data-auth="signed-in"][data-screen="home"] .home-stage > :not(.welcome-unlock-card)::before,
body[data-auth="signed-in"][data-screen="home"] .home-stage > :not(.welcome-unlock-card)::after {
  animation: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-gift-art,
body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card::before,
body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong::after,
body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button::before {
  pointer-events: none;
}

.purchase-emphasis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.purchase-emphasis article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px 8px;
  border: 1px solid rgba(245, 189, 54, 0.35);
  border-radius: 12px;
  background: rgba(245, 189, 54, 0.08);
  text-align: center;
}

.purchase-emphasis span {
  color: #aebbd0;
  font-size: 10px;
}

.purchase-emphasis b,
.purchase-emphasis i {
  color: #ffe58a;
  font-size: 15px;
  font-style: normal;
}

.purchase-details,
.powerball-support-details {
  margin-top: 12px;
}

.purchase-details > summary,
.powerball-support-details > summary {
  min-height: 44px;
  padding: 12px 4px;
  color: #cbd6e8;
  font-weight: 800;
  cursor: pointer;
}

.assignment-choice-panel {
  display: grid;
  gap: 9px;
  margin-top: 14px;
}

.assignment-manual-panel[hidden],
.assignment-choice-panel[hidden] {
  display: none !important;
}

.flow-step {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border-radius: 999px;
  color: #171004;
  background: #f5bd36;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.powerball-support-details h3 {
  margin: 14px 0 8px;
  color: #e8eef8;
  font-size: 14px;
}

.demo-address-warning {
  display: block;
  margin-top: 5px;
  color: #ffb9b9;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

.wallet-status-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin: 10px 0;
}

.wallet-status-steps span {
  min-width: 0;
  padding: 8px 4px;
  border-radius: 8px;
  color: #7f8da3;
  background: rgba(255, 255, 255, 0.05);
  font-size: 9px;
  font-weight: 750;
  text-align: center;
}

.wallet-status-steps span.active {
  color: #ffe58a;
  background: rgba(245, 189, 54, 0.13);
}

.referral-next-reward {
  display: block;
  margin-top: 10px;
  color: #ffe58a;
  font-size: 12px;
}

.guest-link-notice {
  margin-top: 10px;
  color: #aebbd0;
  font-size: 11px;
}

.guest-link-notice button {
  min-height: 40px;
  border: 0;
  color: #85baff;
  background: transparent;
  font-weight: 800;
  text-decoration: underline;
}

.mypage-group > h3 {
  margin-bottom: 8px;
  color: #ffe58a;
  font-size: 15px;
}

.profile-list-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 48px;
  padding: 10px 12px;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
}

.profile-list-button span {
  display: grid;
  gap: 2px;
}

.profile-list-button small,
.profile-list-button em {
  color: #8f9cb0;
  font-size: 10px;
  font-style: normal;
}

body[data-auth="signed-in"] .bottom-nav .nav-item.nav-powerball > span {
  display: block;
  width: 42px;
  max-width: 42px;
  margin-inline: auto;
  overflow: visible;
  font-size: 8px !important;
  line-height: 1.05;
  text-align: center;
  white-space: normal !important;
}

button:focus-visible,
a:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(110, 179, 255, 0.96);
  outline-offset: 2px;
}

@media (max-width: 390px) {
  body[data-auth="signed-in"][data-screen="referral"] .referral-tier-list {
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(118px, 72vw) !important;
    overflow-x: auto !important;
  }

  .demo-mode-banner {
    padding-inline: 8px;
    font-size: 10px;
  }

  .purchase-emphasis {
    gap: 5px;
  }

  .purchase-emphasis article {
    padding-inline: 4px;
  }

  .purchase-emphasis b,
  .purchase-emphasis i {
    font-size: 13px;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button {
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 11px !important;
    letter-spacing: 0;
  }

  body[data-auth="signed-in"] .header-actions {
    gap: 5px;
  }

  body[data-auth="signed-in"] .header-point-balance {
    min-width: 52px;
    padding-inline: 5px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .power-number-button.selected::after {
    top: -3px;
    right: 0;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball,
  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > *,
  body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card,
  body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker,
  body[data-auth="signed-in"][data-screen="powerball"] .power-quote-card,
  body[data-auth="signed-in"][data-screen="powerball"] .reservation-row {
    min-width: 0;
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Final state gate: later layout rules must never override the native hidden state. */
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid[hidden],
body[data-auth="signed-in"][data-screen="home"] .home-stage > .pwa-access-card[hidden] {
  display: none !important;
}

/*
 * v54 shared primary-route geometry
 *
 * Home, Buy and QUICK DRAW use one phone canvas. Home intentionally uses a
 * tighter 8px mobile gutter, so the two transactional routes must follow it
 * instead of inheriting the older 14px route gutter.
 */
body[data-auth="signed-in"][data-screen="buy"] .mobile-app,
body[data-auth="signed-in"][data-screen="powerball"] .mobile-app {
  padding-right: 8px !important;
  padding-left: 8px !important;
  padding-bottom: calc(72px + var(--safe-bottom));
  scroll-padding-bottom: calc(72px + var(--safe-bottom));
}

body[data-auth="signed-in"][data-screen="buy"] .app-header,
body[data-auth="signed-in"][data-screen="powerball"] .app-header {
  margin-right: -8px !important;
  margin-left: -8px !important;
  padding-right: 14px !important;
  padding-left: 14px !important;
}

body[data-auth="signed-in"][data-screen="buy"] #screen-buy,
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .screen-sticky {
  width: min(456px, calc(100vw - 16px));
}

@media (min-width: 600px) {
  body[data-auth="signed-in"][data-screen="buy"] .mobile-app,
  body[data-auth="signed-in"][data-screen="powerball"] .mobile-app {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .screen-sticky {
    width: min(444px, calc(100vw - 28px));
  }
}

/*
 * v55 QUICK DRAW single-screen flow
 *
 * Historical tablet rules split this route into two columns. QUICK DRAW now
 * follows Home's phone canvas at every viewport and lets the shared app shell
 * handle all excess content as one continuous vertical scroll.
 */
body[data-auth="signed-in"][data-screen="powerball"] .mobile-app {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-x: none;
  overscroll-behavior-y: contain;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball.active {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100%;
  min-width: 0;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball.active > * {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  grid-column: auto !important;
  grid-row: auto !important;
}

/*
 * v56 QUICK DRAW compact phone composition
 *
 * Keep the route on the same phone canvas as Home, but compress the title,
 * draw hero and selection chrome so the number picker and one purchase CTA
 * read as a single mobile task. Secondary quote and reservation data stays
 * available behind one disclosure instead of competing with the CTA.
 */
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  gap: 6px !important;
  padding-bottom: calc(150px + var(--safe-bottom)) !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
  min-height: 42px !important;
  padding: 2px 2px 0 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) .eyebrow {
  font-size: 9px !important;
  line-height: 1;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) h2 {
  margin-top: 3px;
  font-size: 27px !important;
  line-height: 0.98;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
  max-width: 154px;
  min-height: 27px !important;
  padding: 0 9px !important;
  overflow: hidden;
  font-size: 8px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  min-height: 166px !important;
  gap: 4px !important;
  padding: 9px 10px 8px !important;
  border-radius: 13px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero > div:first-child > span {
  font-size: 10px !important;
  line-height: 1;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row {
  min-height: 47px !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row strong {
  font-size: 45px !important;
  line-height: 0.92;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-art {
  width: 58px !important;
  height: 58px !important;
  filter:
    saturate(1.08)
    contrast(1.06)
    brightness(1.03)
    drop-shadow(0 0 9px rgba(42, 142, 255, 0.52)) !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
  margin-top: 2px !important;
  font-size: 8px !important;
  line-height: 1.3 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  min-height: 34px !important;
  margin-top: 4px !important;
  padding: 4px 6px 4px 38px !important;
  border-radius: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em::before {
  left: 8px !important;
  width: 23px !important;
  height: 23px !important;
  box-shadow:
    -6px 4px 0 -2px #d9910e,
    -10px 6px 0 -4px #a76206,
    0 0 9px rgba(255, 197, 45, 0.46),
    inset 0 1px 3px rgba(255, 255, 255, 0.68) !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em b {
  font-size: 9px !important;
  line-height: 1.2 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last {
  min-height: 28px !important;
  margin-top: 4px !important;
  padding: 3px 7px !important;
  gap: 5px !important;
  border-radius: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last > span {
  font-size: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last b {
  gap: 2px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last i {
  width: 20px !important;
  height: 20px !important;
  font-size: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block {
  gap: 5px !important;
  padding: 5px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .section-title {
  min-height: 22px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .section-title h3 {
  font-size: 15px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .section-title .status-chip {
  min-height: 24px !important;
  padding: 0 8px !important;
  font-size: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .flow-step {
  width: 19px;
  height: 19px;
  margin-right: 4px;
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="powerball"] .game-tabs {
  gap: 3px;
  padding: 3px;
}

body[data-auth="signed-in"][data-screen="powerball"] .game-tabs .segment {
  min-height: 32px !important;
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card {
  gap: 5px !important;
  padding: 6px !important;
  border-radius: 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballNumberPanel > div:first-child {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 3px 6px;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballNumberPanel > div:first-child > span {
  font-size: 9px !important;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballNumberPanel > div:first-child > .picked-numbers {
  min-height: 24px;
  margin: 0;
  justify-content: flex-end;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballNumberPanel > div:first-child > .powerball-number-picker {
  grid-column: 1 / -1;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card .picked-numbers i {
  width: 24px !important;
  height: 24px !important;
  font-size: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker {
  gap: 3px !important;
  margin-top: 2px !important;
  padding: 3px !important;
  border-radius: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker.compact {
  gap: 3px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-number-button,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker.compact .power-number-button {
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > .button-row {
  gap: 4px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > .button-row .plain-button {
  min-height: 36px !important;
  border-radius: 7px !important;
  font-size: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options {
  order: 4;
  overflow: hidden;
  border: 1px solid rgba(76, 125, 199, 0.46);
  border-radius: 10px;
  background: rgba(3, 12, 29, 0.88);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  color: #dce7f8;
  cursor: pointer;
  list-style: none;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary::-webkit-details-marker {
  display: none;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary::after {
  content: "+";
  display: grid;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 6px;
  color: #a9c9ff;
  background: rgba(36, 100, 198, 0.22);
  font-size: 14px;
  font-weight: 900;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options[open] > summary::after {
  content: "−";
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary > span {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  font-size: 10px;
  font-weight: 850;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary > strong {
  margin-left: auto;
  color: #ffe58a;
  font-size: 10px;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  padding: 0 6px 6px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row {
  display: grid;
  min-height: 72px !important;
  align-content: start;
  gap: 5px;
  padding: 7px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row > span {
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .quantity-toggle {
  width: 100%;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .quantity-button {
  min-width: 0;
  min-height: 36px;
  padding: 0;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .risk-limit {
  grid-column: 1 / -1;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card {
  gap: 5px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card article {
  min-height: 52px !important;
  padding: 7px 6px 6px 32px !important;
  border-radius: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card article::before {
  left: 6px !important;
  top: 15px !important;
  width: 19px !important;
  height: 19px !important;
  font-size: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card span {
  font-size: 8px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card b {
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .button-row:has(#powerballPurchaseButton) {
  position: fixed !important;
  z-index: 41;
  grid-template-columns: minmax(0, 1fr) !important;
  right: auto;
  bottom: calc(62px + var(--safe-bottom));
  left: 50%;
  order: 5;
  width: min(calc(100vw - 16px), 456px) !important;
  margin: 0 !important;
  padding: 6px 0;
  transform: translateX(-50%) !important;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(3, 12, 29, 0), rgba(3, 12, 29, 0.94) 34%);
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
  position: static !important;
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  transform: none !important;
  pointer-events: auto;
  font-size: 15px !important;
}

@media (min-width: 600px) {
  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .button-row:has(#powerballPurchaseButton) {
    width: min(calc(100vw - 28px), 444px) !important;
  }
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
    min-height: 48px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) h2 {
    font-size: 24px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
    max-width: 138px;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row strong {
    font-size: 41px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-art {
    width: 52px !important;
    height: 52px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .button-row:has(#powerballPurchaseButton) {
    width: calc(100vw - 16px) !important;
  }
}

/*
 * v57 route-wide phone canvas invariant
 *
 * Every signed-in screen now uses Home's exact outer width and inner gutter.
 * Wide viewports only center the phone canvas; they never introduce a
 * route-specific tablet width or wider content column.
 */
body[data-auth="signed-in"] {
  --sw-phone-canvas-width: 472px;
  --sw-phone-gutter: 8px;
  --screen-edge: var(--sw-phone-gutter) !important;
}

body[data-auth="signed-in"] .mobile-app,
body[data-auth="signed-in"][data-screen] .mobile-app {
  box-sizing: border-box;
  width: min(100vw, var(--sw-phone-canvas-width)) !important;
  max-width: var(--sw-phone-canvas-width) !important;
  padding-right: var(--sw-phone-gutter) !important;
  padding-left: var(--sw-phone-gutter) !important;
}

body[data-auth="signed-in"] .app-header,
body[data-auth="signed-in"][data-screen] .app-header {
  box-sizing: border-box;
  width: auto !important;
  margin-right: calc(-1 * var(--sw-phone-gutter)) !important;
  margin-left: calc(-1 * var(--sw-phone-gutter)) !important;
  padding-right: 14px !important;
  padding-left: 14px !important;
}

body[data-auth="signed-in"] .bottom-nav,
body[data-auth="signed-in"][data-screen] .bottom-nav {
  box-sizing: border-box;
  width: min(100vw, var(--sw-phone-canvas-width)) !important;
  max-width: var(--sw-phone-canvas-width) !important;
}

body[data-auth="signed-in"] .screen.active,
body[data-auth="signed-in"][data-screen] .screen.active {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (min-width: 600px) {
  body[data-auth="signed-in"] {
    --sw-phone-gutter: 14px;
  }
}

/*
 * v58 mobile rhythm and readability
 *
 * Keep every route on Home's phone canvas while restoring enough breathing
 * room for transactional content. First-purchase quantity is fixed by policy,
 * so it reads as one value instead of an empty four-option selector.
 */
body[data-auth="signed-in"] .screen.active,
body[data-auth="signed-in"][data-screen] .screen.active {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
}

body[data-auth="signed-in"] .screen.active > *,
body[data-auth="signed-in"][data-screen] .screen.active > * {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  grid-column: auto !important;
  grid-row: auto !important;
}

body[data-auth="signed-in"] .header-point-balance {
  min-width: 43px !important;
  min-height: 32px !important;
  padding: 3px 5px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body[data-auth="signed-in"] .header-point-balance small {
  font-size: 6px !important;
}

body[data-auth="signed-in"] .header-point-balance b {
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="buy"] #screen-buy {
  gap: 14px !important;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard {
  gap: 12px !important;
  padding: 15px !important;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard.first-purchase-fixed .purchase-row {
  display: block;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard.first-purchase-fixed .purchase-row > div:first-child {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 2px;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard.first-purchase-fixed .purchase-row > div:first-child span {
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard.first-purchase-fixed #quantityLabel {
  margin: 0;
  color: #ffe58a;
  font-size: 19px;
  line-height: 1;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard.first-purchase-fixed .quantity-toggle {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="buy"] .selection-panel,
body[data-auth="signed-in"][data-screen="buy"] .purchase-card,
body[data-auth="signed-in"][data-screen="buy"] .insight-card {
  padding: 15px !important;
}

body[data-auth="signed-in"][data-screen="buy"] .purchase-emphasis {
  gap: 7px;
  margin-top: 2px;
}

body[data-auth="signed-in"][data-screen="buy"] .purchase-emphasis article {
  min-height: 66px;
  align-content: center;
  padding: 10px 6px;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  gap: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
  min-height: 50px !important;
  padding: 4px 3px 1px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  min-height: 166px !important;
  gap: 4px !important;
  padding: 9px 10px 8px !important;
  border-radius: 14px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row {
  margin-top: 0;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
  margin-top: 2px !important;
  font-size: 8px !important;
  line-height: 1.3 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  margin-top: 4px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em b {
  font-size: 9px !important;
  line-height: 1.2 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last {
  margin-top: 4px !important;
  padding: 3px 7px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block {
  gap: 10px !important;
  padding: 10px !important;
  border-radius: 13px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .section-title {
  min-height: 30px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .game-tabs {
  gap: 4px !important;
  padding: 4px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card {
  gap: 10px !important;
  padding: 10px !important;
  border-radius: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballNumberPanel > div:first-child {
  gap: 5px 8px;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballNumberPanel > div:first-child > span,
body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > div > span {
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker {
  gap: 4px !important;
  margin-top: 5px !important;
  padding: 5px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > .button-row {
  gap: 7px !important;
  margin-top: 2px;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > .button-row .plain-button {
  min-height: 40px !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options {
  margin-top: 2px;
  border-radius: 11px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary {
  min-height: 48px;
  padding: 9px 11px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary > span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary > strong {
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options-body {
  gap: 8px;
  padding: 0 8px 9px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row {
  gap: 7px;
  padding: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row > span {
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card {
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card article {
  min-height: 58px !important;
  padding: 9px 8px 8px 35px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card span {
  font-size: 9px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card b {
  font-size: 11px !important;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details {
  margin: 0 !important;
  padding: 0 11px 11px !important;
  overflow: hidden;
  border-radius: 13px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary {
  min-height: 48px;
  padding: 12px 1px;
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details h3 {
  margin: 12px 0 8px;
  font-size: 13px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-list,
body[data-auth="signed-in"][data-screen="powerball"] .payout-grid.extended {
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-empty {
  padding: 11px !important;
  border-radius: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card {
  gap: 8px;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card b {
  font-size: 12px;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card em,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-empty {
  font-size: 10px;
  line-height: 1.5;
}

body[data-auth="signed-in"][data-screen="powerball"] .payout-summary {
  gap: 8px;
  margin-bottom: 10px;
}

body[data-auth="signed-in"][data-screen="powerball"] .payout-summary article,
body[data-auth="signed-in"][data-screen="powerball"] .payout-grid.extended article {
  padding: 10px !important;
  border-radius: 9px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets {
  gap: 14px !important;
  padding-bottom: 18px;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title {
  height: auto !important;
  min-height: 74px !important;
  padding: 8px 2px 4px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title h2 {
  font-size: 30px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-list {
  gap: 12px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
  grid-template-columns: 62px minmax(0, 1fr) 22px !important;
  gap: 10px !important;
  height: auto !important;
  min-height: 112px !important;
  padding: 12px !important;
  border-radius: 13px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
  width: 56px !important;
  height: 70px !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-body {
  height: auto !important;
  min-height: 84px;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header b {
  font-size: 15px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .empty-pick {
  min-height: 36px;
  margin-top: 7px;
  padding: 8px 9px;
  color: #aebbd0;
  background: rgba(233, 240, 250, 0.08);
  font-size: 10px;
  line-height: 1.4;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta {
  margin-top: 7px !important;
  color: #aeb9ce !important;
  font-size: 10px !important;
  line-height: 1.4;
  white-space: normal !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill {
  right: 25px;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-arrow {
  right: 8px;
  width: 22px;
  height: 44px;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-more-button {
  min-height: 42px;
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  gap: 10px !important;
  padding: 14px !important;
  overflow: visible !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .section-title {
  height: auto !important;
  min-height: 44px !important;
  margin: 0 !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .section-title h3 {
  font-size: 18px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .status-chip {
  min-height: 27px;
  padding: 0 8px;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-subtitle {
  margin: 0 !important;
  padding: 0 !important;
  color: #aebbd0;
  font-size: 10px !important;
  line-height: 1.45;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .primary-button {
  min-height: 44px;
}

@media (max-width: 380px) {
  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
    grid-template-columns: 54px minmax(0, 1fr) 18px !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
    width: 49px !important;
    height: 64px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill {
    right: 21px;
  }
}

/*
 * v59 secondary-screen polish
 *
 * Tickets, Wallet and My Page use the same compact phone header and dark
 * surface rhythm as Home. Route-specific legacy rules made these screens
 * wider, greyer and harder to scan, so this final layer restores one visual
 * system without changing their data or click behavior.
 */
body[data-auth="signed-in"] .app-header,
body[data-auth="signed-in"][data-screen] .app-header {
  min-height: 58px !important;
  padding: max(8px, env(safe-area-inset-top, 0px)) 12px 8px !important;
  border-bottom: 1px solid rgba(45, 103, 184, 0.32) !important;
  background: rgba(2, 12, 29, 0.97) !important;
}

body[data-auth="signed-in"] .brand-lockup,
body[data-auth="signed-in"][data-screen] .brand-lockup {
  display: flex !important;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
  gap: 8px !important;
}

body[data-auth="signed-in"] .brand-lockup::before {
  display: none !important;
}

body[data-auth="signed-in"] .brand-lockup img,
body[data-auth="signed-in"][data-screen] .brand-lockup img {
  display: block !important;
  flex: 0 0 40px;
  width: 40px !important;
  height: 40px !important;
  border-radius: 11px !important;
}

body[data-auth="signed-in"] .brand-lockup > div {
  min-width: 0;
}

body[data-auth="signed-in"] .brand-lockup .eyebrow,
body[data-auth="signed-in"]:not([data-screen="rewards"]) .brand-lockup .eyebrow {
  display: block !important;
  margin: 0 0 2px !important;
  color: #42b5ff !important;
  font-size: 9px !important;
  line-height: 1.1;
  white-space: nowrap;
}

body[data-auth="signed-in"] .brand-lockup .home-brand-subtitle {
  display: none !important;
}

body[data-auth="signed-in"] .brand-lockup h1,
body[data-auth="signed-in"]:not([data-screen="rewards"]) .brand-lockup h1,
body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup h1 {
  margin: 0 !important;
  color: #fff0b3 !important;
  font-size: 21px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"] .header-actions,
body[data-auth="signed-in"]:not([data-screen="rewards"]) .header-actions,
body[data-auth="signed-in"][data-screen="tickets"] .header-actions {
  display: flex !important;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px !important;
}

body[data-auth="signed-in"] .header-actions .icon-button,
body[data-auth="signed-in"]:not([data-screen="rewards"]) .header-actions .icon-button,
body[data-auth="signed-in"][data-screen="tickets"] .header-actions .icon-button {
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 10px !important;
}

body[data-auth="signed-in"] .header-actions .profile-button,
body[data-auth="signed-in"][data-screen="tickets"] .header-actions .profile-button {
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
}

body[data-auth="signed-in"] .header-actions .icon-button .icon-svg,
body[data-auth="signed-in"] .header-actions .profile-button span,
body[data-auth="signed-in"][data-screen="tickets"] .header-actions .icon-button .icon-svg,
body[data-auth="signed-in"][data-screen="tickets"] .header-actions .profile-button span {
  visibility: visible !important;
}

body[data-auth="signed-in"] .header-actions .profile-button span,
body[data-auth="signed-in"]:not([data-screen="rewards"]) .header-actions .profile-button span {
  font-size: 20px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .mobile-app,
body[data-auth="signed-in"][data-screen="wallet"] .mobile-app,
body[data-auth="signed-in"][data-screen="mypage"] .mobile-app {
  color: #f6f8fc;
  background:
    radial-gradient(circle at 50% 0, rgba(24, 82, 157, 0.18), transparent 28%),
    linear-gradient(180deg, #030d20 0%, #020a18 100%) !important;
}

body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets,
body[data-auth="signed-in"][data-screen="wallet"] #screen-wallet,
body[data-auth="signed-in"][data-screen="mypage"] #screen-mypage {
  gap: 12px !important;
  padding-top: 10px !important;
  padding-bottom: 24px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title,
body[data-auth="signed-in"][data-screen="wallet"] .wallet-page-title {
  min-height: 66px !important;
  padding: 3px 4px 2px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title h2,
body[data-auth="signed-in"][data-screen="wallet"] .wallet-page-title h2 {
  margin-top: 2px !important;
  font-size: 27px !important;
  line-height: 1.08 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-page-title > div > span,
body[data-auth="signed-in"][data-screen="wallet"] .wallet-page-title > div > span {
  margin-top: 4px !important;
  color: #98a9c1 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body[data-auth="signed-in"] .ticket-purchase-button {
  display: inline-flex;
  min-width: 76px !important;
  min-height: 42px !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
}

body[data-auth="signed-in"] .ticket-purchase-button .icon-svg {
  width: 17px;
  height: 17px;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-title-actions .small-button {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-list {
  gap: 11px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
  grid-template-columns: 64px minmax(0, 1fr) 22px !important;
  gap: 10px !important;
  min-height: 108px !important;
  padding: 11px !important;
  border: 1px solid rgba(66, 128, 220, 0.46) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(8, 29, 65, 0.98), rgba(2, 13, 32, 0.99)) !important;
  box-shadow: 0 8px 22px rgba(0, 6, 17, 0.24) !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
  width: 58px !important;
  height: 68px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art svg {
  width: 54px !important;
  height: 54px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-body {
  display: flex;
  min-width: 0;
  min-height: 82px !important;
  flex-direction: column;
  justify-content: center;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header b {
  font-size: 15px !important;
  line-height: 1.2;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill {
  min-height: 23px;
  padding: 3px 8px !important;
  font-size: 9px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .empty-pick {
  min-height: 33px !important;
  margin-top: 7px !important;
  padding: 7px 9px !important;
  border: 1px solid rgba(105, 150, 216, 0.18);
  color: #c0cbe0 !important;
  background: rgba(157, 181, 218, 0.08) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta {
  margin-top: 6px !important;
  color: #9aabc2 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta a,
body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta span {
  color: #43aaff;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-more-button {
  min-height: 38px !important;
  border-color: rgba(65, 126, 211, 0.56) !important;
  color: #c9d7ea !important;
  background: #061631 !important;
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card,
body[data-auth="signed-in"][data-screen="tickets"] .section-block,
body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel,
body[data-auth="signed-in"][data-screen="wallet"] .wallet-ledger-panel,
body[data-auth="signed-in"][data-screen="mypage"] .profile-hero,
body[data-auth="signed-in"][data-screen="mypage"] .profile-metrics article,
body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid article,
body[data-auth="signed-in"][data-screen="mypage"] .mypage-group {
  border: 1px solid rgba(58, 119, 207, 0.42) !important;
  background: linear-gradient(145deg, rgba(7, 27, 61, 0.98), rgba(2, 12, 30, 0.99)) !important;
  box-shadow: 0 8px 22px rgba(0, 6, 17, 0.2) !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card {
  min-height: 0 !important;
  gap: 9px !important;
  padding: 13px !important;
  border-color: rgba(234, 178, 40, 0.66) !important;
  border-radius: 13px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .section-title {
  min-height: 36px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .section-title h3 {
  font-size: 17px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-title-icon {
  width: 28px !important;
  height: 28px !important;
  font-size: 12px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .status-chip {
  min-height: 25px !important;
  padding: 0 8px !important;
  font-size: 9px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-subtitle {
  color: #98a9c1 !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-card .primary-button {
  min-height: 44px !important;
  margin-top: 1px;
  font-size: 14px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .deposit-list:empty,
body[data-auth="signed-in"][data-screen="wallet"] .wallet-deposit-list:empty,
body[data-auth="signed-in"][data-screen="tickets"] .ledger-list:empty,
body[data-auth="signed-in"][data-screen="wallet"] .wallet-ledger-list:empty {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-page-title {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 10px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel,
body[data-auth="signed-in"][data-screen="wallet"] .wallet-ledger-panel {
  gap: 11px !important;
  padding: 13px !important;
  border-radius: 13px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel {
  border-color: rgba(232, 181, 45, 0.64) !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel .section-title {
  min-height: 38px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel .section-title h3 {
  font-size: 17px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-bolt {
  width: 30px !important;
  height: 30px !important;
  font-size: 13px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel .status-chip {
  min-height: 28px;
  padding: 0 9px;
  font-size: 10px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-tabs {
  gap: 5px !important;
  margin: 1px 0 0 !important;
  padding: 4px !important;
  border-radius: 10px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-tabs .segment {
  min-height: 40px !important;
  padding: 7px 5px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-panel {
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 11px !important;
  background: rgba(2, 15, 37, 0.9) !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-heading {
  gap: 9px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .payment-method-icon {
  flex-basis: 36px;
  width: 36px !important;
  height: 36px !important;
  font-size: 12px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-heading b {
  font-size: 15px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-heading span:not(.payment-method-icon) {
  font-size: 10px !important;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-field {
  gap: 5px !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-field input {
  min-height: 42px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .demo-address-warning {
  margin: 0 !important;
  color: #ffb8bd !important;
  font-size: 9px !important;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-guide {
  padding: 9px 10px !important;
  border-radius: 9px !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-panel .primary-button {
  min-height: 44px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-ledger-panel .section-title h3 {
  font-size: 17px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-ledger-panel .small-button {
  min-height: 32px !important;
  padding: 0 10px !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-ledger-list,
body[data-auth="signed-in"][data-screen="tickets"] .ledger-list {
  display: grid;
  gap: 8px;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-ledger-list article,
body[data-auth="signed-in"][data-screen="tickets"] .ledger-list article,
body[data-auth="signed-in"][data-screen="tickets"] .deposit-list article,
body[data-auth="signed-in"][data-screen="wallet"] .wallet-deposit-list article {
  min-height: 54px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(71, 122, 193, 0.34);
  border-radius: 9px !important;
  background: rgba(3, 16, 39, 0.76) !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-hero {
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  gap: 11px !important;
  min-height: 92px !important;
  padding: 12px !important;
  border-radius: 13px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-hero img {
  width: 54px !important;
  height: 54px !important;
  border-radius: 15px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-hero .eyebrow {
  color: #59b8ff !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-hero h2 {
  margin-top: 2px;
  font-size: 22px !important;
  line-height: 1.08 !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-hero span {
  margin-top: 3px !important;
  color: #9eafc7 !important;
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-hero .small-button {
  min-width: 52px;
  min-height: 38px;
  padding: 0 10px;
  border-radius: 9px;
  font-size: 11px;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-metrics {
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-metrics article {
  min-height: 70px !important;
  padding: 10px !important;
  border-radius: 11px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-metrics span,
body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid span {
  color: #9eafc7 !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-metrics b {
  margin-top: 4px !important;
  font-size: 18px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid article {
  min-height: 72px !important;
  padding: 10px !important;
  border-radius: 11px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid b {
  margin-top: 3px !important;
  font-size: 16px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid em {
  margin-top: 3px !important;
  color: #8fa2bd !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid .ticket-status-asset,
body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid .ticket-reward-asset {
  grid-column: 1 / -1 !important;
  min-height: 67px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .mypage-group {
  gap: 8px !important;
  padding: 12px !important;
  border-radius: 13px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .mypage-group > h3 {
  margin: 0 !important;
  color: #ffe28a !important;
  font-size: 14px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list {
  display: grid;
  gap: 6px;
  padding: 0 !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list article,
body[data-auth="signed-in"][data-screen="mypage"] .profile-list-button {
  min-height: 52px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(67, 117, 190, 0.3) !important;
  border-radius: 9px !important;
  background: rgba(3, 16, 39, 0.66) !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list article > div,
body[data-auth="signed-in"][data-screen="mypage"] .profile-list-button span {
  gap: 2px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list b,
body[data-auth="signed-in"][data-screen="mypage"] .profile-list-button b {
  color: #f4f7fc !important;
  font-size: 13px !important;
  line-height: 1.25;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list span,
body[data-auth="signed-in"][data-screen="mypage"] .profile-list-button small {
  color: #91a3bc !important;
  font-size: 10px !important;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list em,
body[data-auth="signed-in"][data-screen="mypage"] .profile-list-button em {
  flex: 0 0 auto;
  color: #9cb7df !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .preference-grid {
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .preference-grid label {
  gap: 5px !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .preference-grid select {
  min-height: 40px !important;
  padding: 7px 8px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .install-card {
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  gap: 9px !important;
  min-height: 64px !important;
  padding: 9px !important;
  border: 1px solid rgba(67, 117, 190, 0.3) !important;
  border-radius: 9px !important;
  background: rgba(3, 16, 39, 0.66) !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .install-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .install-card span {
  font-size: 9px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .install-card b {
  margin-top: 2px !important;
  font-size: 12px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .install-card p {
  margin-top: 2px !important;
  font-size: 9px !important;
  line-height: 1.3;
}

body[data-auth="signed-in"][data-screen="mypage"] .install-card .small-button {
  min-width: 62px;
  min-height: 34px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 10px;
}

@media (max-width: 380px) {
  body[data-auth="signed-in"] .brand-lockup img,
  body[data-auth="signed-in"][data-screen] .brand-lockup img {
    flex-basis: 36px;
    width: 36px !important;
    height: 36px !important;
  }

  body[data-auth="signed-in"] .brand-lockup h1,
  body[data-auth="signed-in"]:not([data-screen="rewards"]) .brand-lockup h1,
  body[data-auth="signed-in"][data-screen="tickets"] .brand-lockup h1 {
    font-size: 19px !important;
  }

  body[data-auth="signed-in"] .header-actions {
    gap: 4px !important;
  }

  body[data-auth="signed-in"] .header-actions .icon-button {
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
    grid-template-columns: 56px minmax(0, 1fr) 18px !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
    width: 50px !important;
    height: 64px !important;
  }

  body[data-auth="signed-in"][data-screen="mypage"] .profile-hero {
    grid-template-columns: 50px minmax(0, 1fr) auto !important;
    padding: 10px !important;
  }

  body[data-auth="signed-in"][data-screen="mypage"] .profile-hero img {
    width: 48px !important;
    height: 48px !important;
  }

  body[data-auth="signed-in"][data-screen="mypage"] .preference-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v60 wallet address fit: keep the full address readable beside the QR. */
body[data-auth="signed-in"][data-screen="wallet"] .trc20-deposit-summary {
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 10px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .trc20-deposit-summary img {
  width: 76px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] #walletUsdtAddress {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: clamp(9px, 2.55vw, 11px) !important;
  letter-spacing: 0;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: break-all;
}

/*
 * v61 shared header, charge hierarchy and QUICK DRAW readability
 *
 * Legacy route-specific reference layers left identical header markup at
 * different visual sizes. This final layer restores one phone-app header,
 * makes the outer gold charge card the primary frame, and gives QUICK DRAW
 * transactional content enough breathing room without widening the canvas.
 */
body[data-auth="signed-in"] .app-header,
body[data-auth="signed-in"][data-screen] .app-header {
  display: flex !important;
  box-sizing: border-box !important;
  width: auto !important;
  height: auto !important;
  min-height: 60px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-right: calc(-1 * var(--sw-phone-gutter)) !important;
  margin-left: calc(-1 * var(--sw-phone-gutter)) !important;
  padding: max(8px, env(safe-area-inset-top, 0px)) 12px 8px !important;
  border-bottom: 1px solid rgba(45, 103, 184, 0.32) !important;
  background: rgba(2, 12, 29, 0.98) !important;
}

body[data-auth="signed-in"] .brand-lockup,
body[data-auth="signed-in"][data-screen] .brand-lockup {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 8px !important;
}

body[data-auth="signed-in"] .brand-lockup img,
body[data-auth="signed-in"][data-screen] .brand-lockup img {
  display: block !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 11px !important;
}

body[data-auth="signed-in"] .brand-lockup > div,
body[data-auth="signed-in"][data-screen] .brand-lockup > div {
  min-width: 0 !important;
}

body[data-auth="signed-in"] .brand-lockup .eyebrow,
body[data-auth="signed-in"][data-screen] .brand-lockup .eyebrow {
  display: block !important;
  margin: 0 0 2px !important;
  overflow: hidden !important;
  color: #42b5ff !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"] .brand-lockup .home-brand-subtitle,
body[data-auth="signed-in"][data-screen] .brand-lockup .home-brand-subtitle {
  display: none !important;
}

body[data-auth="signed-in"] .brand-lockup h1,
body[data-auth="signed-in"][data-screen] .brand-lockup h1 {
  margin: 0 !important;
  color: #fff0b3 !important;
  font-size: 21px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"] .header-actions,
body[data-auth="signed-in"][data-screen] .header-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 6px !important;
}

body[data-auth="signed-in"] .header-point-balance,
body[data-auth="signed-in"][data-screen] .header-point-balance {
  display: grid !important;
  box-sizing: border-box !important;
  min-width: 43px !important;
  min-height: 34px !important;
  align-content: center !important;
  padding: 3px 5px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body[data-auth="signed-in"] .header-point-balance small,
body[data-auth="signed-in"][data-screen] .header-point-balance small {
  font-size: 6px !important;
}

body[data-auth="signed-in"] .header-point-balance b,
body[data-auth="signed-in"][data-screen] .header-point-balance b {
  font-size: 10px !important;
}

body[data-auth="signed-in"] .header-actions .icon-button,
body[data-auth="signed-in"][data-screen] .header-actions .icon-button {
  display: grid !important;
  box-sizing: border-box !important;
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  place-items: center !important;
  padding: 0 !important;
  border-radius: 10px !important;
}

body[data-auth="signed-in"] .header-actions .profile-button,
body[data-auth="signed-in"][data-screen] .header-actions .profile-button {
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
}

body[data-auth="signed-in"] .header-actions .profile-button span,
body[data-auth="signed-in"][data-screen] .header-actions .profile-button span {
  display: block !important;
  visibility: visible !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

body[data-auth="signed-in"] .header-actions .icon-button .icon-svg,
body[data-auth="signed-in"][data-screen] .header-actions .icon-button .icon-svg {
  visibility: visible !important;
  width: 21px !important;
  height: 21px !important;
}

body[data-auth="signed-in"] .home-menu-button,
body[data-auth="signed-in"][data-screen] .home-menu-button {
  display: none !important;
}

body[data-auth="signed-in"] .charge-title-icon,
body[data-auth="signed-in"] .wallet-bolt,
body[data-auth="signed-in"][data-screen="tickets"] .charge-title-icon,
body[data-auth="signed-in"][data-screen="wallet"] .wallet-bolt {
  display: grid !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center !important;
  border: 1px solid rgba(106, 205, 255, 0.88) !important;
  border-radius: 50% !important;
  color: #f7fbff !important;
  background: linear-gradient(145deg, #258cff, #083b9a) !important;
  background-image: none !important;
  box-shadow: 0 0 13px rgba(35, 136, 255, 0.36) !important;
  filter: none !important;
  transform: none !important;
}

body[data-auth="signed-in"] .charge-title-icon .icon-svg,
body[data-auth="signed-in"] .wallet-bolt .icon-svg {
  width: 20px !important;
  height: 20px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-entry-card {
  display: grid !important;
  min-height: 178px !important;
  align-content: start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 16px !important;
  overflow: visible !important;
  border: 1px solid rgba(239, 185, 42, 0.78) !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(246, 195, 54, 0.14), transparent 30%),
    linear-gradient(145deg, rgba(7, 28, 64, 0.98), rgba(2, 12, 30, 0.99)) !important;
  box-shadow: 0 9px 24px rgba(0, 6, 17, 0.2) !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-entry-card .section-title {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 38px !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-entry-card .section-title h3 {
  display: flex !important;
  min-width: 0;
  align-items: center !important;
  gap: 9px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-entry-card .status-chip {
  min-height: 27px !important;
  padding: 0 9px !important;
  font-size: 9px !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-entry-card .charge-subtitle {
  margin: 0 !important;
  padding: 0 !important;
  color: #a8b7cd !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .charge-entry-card > .primary-button {
  display: inline-flex !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border-radius: 11px !important;
  font-size: 15px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel {
  display: grid !important;
  min-height: 500px !important;
  align-content: start !important;
  gap: 14px !important;
  padding: 16px !important;
  border: 1px solid rgba(239, 185, 42, 0.78) !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(246, 195, 54, 0.13), transparent 28%),
    linear-gradient(145deg, rgba(7, 28, 64, 0.98), rgba(2, 12, 30, 0.99)) !important;
  box-shadow: 0 9px 24px rgba(0, 6, 17, 0.2) !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel .section-title {
  min-height: 40px !important;
  gap: 10px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel .section-title h3 {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel .status-chip {
  min-height: 28px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-tabs {
  gap: 6px !important;
  margin: 0 !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: rgba(3, 15, 38, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(70, 127, 214, 0.18) !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-tabs .segment {
  min-height: 42px !important;
  padding: 8px 6px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-panel {
  gap: 12px !important;
  padding: 15px !important;
  border: 1px solid rgba(79, 132, 208, 0.22) !important;
  border-radius: 12px !important;
  background: rgba(2, 15, 37, 0.72) !important;
  box-shadow: none !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-panel[data-wallet-charge-panel="trc20"] {
  border-color: rgba(52, 209, 159, 0.22) !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-heading {
  gap: 11px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .payment-method-icon {
  display: grid !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  place-items: center !important;
  font-size: 13px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-heading b {
  font-size: 16px !important;
  line-height: 1.2 !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-heading span:not(.payment-method-icon) {
  font-size: 11px !important;
  line-height: 1.4 !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-field {
  gap: 6px !important;
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-field input {
  min-height: 46px !important;
  padding: 9px 11px !important;
  font-size: 14px !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-guide {
  padding: 10px 11px !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body[data-auth="signed-in"][data-screen="wallet"] .wallet-method-panel .primary-button {
  min-height: 50px !important;
  font-size: 15px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  gap: 14px !important;
  padding-top: 10px !important;
  padding-bottom: 22px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
  min-height: 54px !important;
  padding: 6px 4px 2px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) .eyebrow {
  margin-bottom: 3px !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) h2 {
  font-size: 29px !important;
  line-height: 1 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
  max-width: 158px !important;
  min-height: 29px !important;
  padding: 0 10px !important;
  font-size: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  min-height: 0 !important;
  gap: 4px !important;
  padding: 7px 10px !important;
  border-radius: 15px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero > div:first-child > span {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row {
  min-height: 48px !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row strong {
  font-size: 45px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-art {
  width: 56px !important;
  height: 56px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
  margin-top: 1px !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  min-height: 36px !important;
  margin-top: 3px !important;
  padding: 4px 8px 4px 40px !important;
  border-radius: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em::before {
  left: 8px !important;
  width: 24px !important;
  height: 24px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em b {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last {
  min-height: 32px !important;
  margin-top: 3px !important;
  padding: 4px 8px !important;
  gap: 6px !important;
  border-radius: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last > span {
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last b {
  gap: 3px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last i {
  width: 21px !important;
  height: 21px !important;
  font-size: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block {
  gap: 12px !important;
  padding: 13px !important;
  border-radius: 14px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .section-title {
  min-height: 38px !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .section-title h3 {
  font-size: 17px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .section-title .status-chip {
  min-height: 27px !important;
  padding: 0 9px !important;
  font-size: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .flow-step {
  width: 22px !important;
  height: 22px !important;
  margin-right: 5px !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .game-tabs {
  gap: 5px !important;
  padding: 4px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .game-tabs .segment {
  min-height: 40px !important;
  font-size: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card {
  gap: 12px !important;
  padding: 13px !important;
  border-radius: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballNumberPanel > div:first-child {
  gap: 6px 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballNumberPanel > div:first-child > span,
body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > div > span {
  font-size: 11px !important;
  line-height: 1.3 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card .picked-numbers i {
  width: 27px !important;
  height: 27px !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker.compact {
  gap: 4px !important;
  margin-top: 6px !important;
  padding: 6px !important;
  border-radius: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-number-button,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-number-picker.compact .power-number-button {
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > .button-row {
  gap: 7px !important;
  margin-top: 2px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .power-pick-card > .button-row .plain-button {
  min-height: 42px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options {
  margin-top: 2px !important;
  border-radius: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary {
  min-height: 50px !important;
  padding: 9px 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary > span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary > strong {
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options-body {
  gap: 9px !important;
  padding: 0 9px 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row {
  gap: 7px !important;
  padding: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row > span {
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card article {
  min-height: 62px !important;
  padding: 10px 9px 9px 36px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card span {
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card b {
  font-size: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details {
  margin: 0 !important;
  padding: 0 13px 13px !important;
  border-radius: 14px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary {
  min-height: 52px !important;
  padding: 13px 1px !important;
  font-size: 14px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details h3 {
  margin: 13px 0 9px !important;
  font-size: 14px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-list,
body[data-auth="signed-in"][data-screen="powerball"] .payout-grid.extended {
  gap: 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-empty,
body[data-auth="signed-in"][data-screen="powerball"] .payout-summary article,
body[data-auth="signed-in"][data-screen="powerball"] .payout-grid.extended article {
  padding: 12px !important;
  border-radius: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card b,
body[data-auth="signed-in"][data-screen="powerball"] .payout-summary b,
body[data-auth="signed-in"][data-screen="powerball"] .payout-grid.extended b {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card em,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-empty,
body[data-auth="signed-in"][data-screen="powerball"] .payout-summary span,
body[data-auth="signed-in"][data-screen="powerball"] .payout-grid.extended span,
body[data-auth="signed-in"][data-screen="powerball"] .payout-grid.extended em {
  font-size: 10.5px !important;
  line-height: 1.5 !important;
}

@media (max-width: 380px) {
  body[data-auth="signed-in"] .brand-lockup img,
  body[data-auth="signed-in"][data-screen] .brand-lockup img {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
  }

  body[data-auth="signed-in"] .brand-lockup h1,
  body[data-auth="signed-in"][data-screen] .brand-lockup h1 {
    font-size: 19px !important;
  }

  body[data-auth="signed-in"] .header-actions,
  body[data-auth="signed-in"][data-screen] .header-actions {
    gap: 4px !important;
  }

  body[data-auth="signed-in"] .header-actions .icon-button,
  body[data-auth="signed-in"][data-screen] .header-actions .icon-button {
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-entry-card {
    padding: 14px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .charge-entry-card .section-title h3,
  body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel .section-title h3 {
    font-size: 16px !important;
  }

  body[data-auth="signed-in"][data-screen="wallet"] .wallet-charge-panel {
    padding: 14px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
    padding: 7px 9px !important;
  }
}

/*
 * v62 QUICK DRAW spacing, compact support rows and shared header controls
 *
 * Keep the fixed phone canvas and existing interactions intact while making
 * collapsed support sections compact and the shared header easier to scan.
 */
body[data-auth="signed-in"] .header-point-balance,
body[data-auth="signed-in"][data-screen] .header-point-balance {
  position: relative !important;
  min-width: 50px !important;
  min-height: 38px !important;
  justify-items: end !important;
  padding: 5px 7px 5px 19px !important;
  border: 1px solid rgba(245, 189, 54, 0.42) !important;
  border-radius: 10px !important;
  color: #fff0ad !important;
  background:
    linear-gradient(145deg, rgba(245, 189, 54, 0.13), rgba(4, 19, 44, 0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 173, 0.12),
    0 5px 14px rgba(0, 0, 0, 0.18) !important;
  text-align: right !important;
}

body[data-auth="signed-in"] .header-point-balance::before,
body[data-auth="signed-in"][data-screen] .header-point-balance::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 50%;
  width: 9px;
  height: 9px;
  border: 1px solid rgba(255, 232, 139, 0.9);
  border-radius: 50%;
  background: linear-gradient(145deg, #fff0a5 0%, #f5bd36 46%, #b66b00 100%);
  box-shadow: 0 0 7px rgba(245, 189, 54, 0.4);
  transform: translateY(-50%);
  pointer-events: none;
}

body[data-auth="signed-in"] .header-point-balance small,
body[data-auth="signed-in"][data-screen] .header-point-balance small {
  color: #9fb0c9 !important;
  font-size: 6px !important;
  line-height: 1 !important;
}

body[data-auth="signed-in"] .header-point-balance b,
body[data-auth="signed-in"][data-screen] .header-point-balance b {
  color: #fff0ad !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
}

body[data-auth="signed-in"] .header-actions .notice-button,
body[data-auth="signed-in"][data-screen] .header-actions .notice-button {
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border: 1px solid rgba(64, 137, 239, 0.52) !important;
  color: #eef6ff !important;
  background: linear-gradient(145deg, rgba(14, 42, 82, 0.98), rgba(3, 17, 39, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(163, 211, 255, 0.14),
    0 5px 14px rgba(0, 0, 0, 0.22) !important;
}

body[data-auth="signed-in"] .header-actions .notice-button::after,
body[data-auth="signed-in"][data-screen] .header-actions .notice-button::after {
  right: 6px !important;
  top: 6px !important;
  width: 7px !important;
  height: 7px !important;
  border: 2px solid #06152f !important;
  background: #35aaff !important;
  box-shadow: 0 0 6px rgba(53, 170, 255, 0.72) !important;
}

body[data-auth="signed-in"] .header-actions .profile-button,
body[data-auth="signed-in"][data-screen] .header-actions .profile-button {
  border: 1px solid rgba(79, 153, 255, 0.78) !important;
  color: #fff !important;
  background: linear-gradient(145deg, #2b86ff 0%, #155ee0 52%, #092f95 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 0 0 1px rgba(14, 74, 174, 0.24),
    0 6px 16px rgba(4, 50, 139, 0.28) !important;
}

body[data-auth="signed-in"] .header-actions .profile-button span,
body[data-auth="signed-in"][data-screen] .header-actions .profile-button span {
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  text-shadow: 0 1px 3px rgba(0, 18, 62, 0.48) !important;
}

body[data-auth="signed-in"] .header-actions .notice-button:hover,
body[data-auth="signed-in"][data-screen] .header-actions .notice-button:hover,
body[data-auth="signed-in"] .header-actions .profile-button:hover,
body[data-auth="signed-in"][data-screen] .header-actions .profile-button:hover {
  border-color: rgba(108, 181, 255, 0.92) !important;
  filter: brightness(1.08);
}

body[data-auth="signed-in"] .header-actions .notice-button:active,
body[data-auth="signed-in"][data-screen] .header-actions .notice-button:active,
body[data-auth="signed-in"] .header-actions .profile-button:active,
body[data-auth="signed-in"][data-screen] .header-actions .profile-button:active {
  transform: translateY(1px) scale(0.97);
}

body[data-auth="signed-in"] .header-actions .notice-button:focus-visible,
body[data-auth="signed-in"][data-screen] .header-actions .notice-button:focus-visible,
body[data-auth="signed-in"] .header-actions .profile-button:focus-visible,
body[data-auth="signed-in"][data-screen] .header-actions .profile-button:focus-visible {
  outline: 2px solid #9fd3ff !important;
  outline-offset: 2px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  gap: 16px !important;
  padding-top: 14px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
  min-height: 58px !important;
  gap: 10px !important;
  margin: 0 2px !important;
  padding: 8px 6px 5px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
  max-width: 150px !important;
  padding: 0 9px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero,
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details {
  margin-right: 2px !important;
  margin-left: 2px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  gap: 5px !important;
  padding: 9px 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row {
  min-height: 46px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row strong {
  font-size: 44px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-art {
  width: 52px !important;
  height: 52px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  min-height: 34px !important;
  margin-top: 2px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last {
  min-height: 30px !important;
  margin-top: 2px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details {
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary {
  position: relative !important;
  display: flex !important;
  box-sizing: border-box !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 42px !important;
  color: #dbe7f8 !important;
  background: linear-gradient(180deg, rgba(10, 35, 72, 0.84), rgba(4, 20, 47, 0.82)) !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  text-align: center !important;
  list-style: none !important;
  cursor: pointer !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary::-webkit-details-marker {
  display: none;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary::marker {
  content: "";
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary::after {
  content: "+";
  position: absolute;
  right: 13px;
  top: 50%;
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border: 1px solid rgba(89, 150, 230, 0.34);
  border-radius: 7px;
  color: #acd1ff;
  background: rgba(34, 91, 171, 0.18);
  font-size: 14px;
  font-weight: 900;
  transform: translateY(-50%);
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details[open] > summary::after {
  content: "-";
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary:hover {
  color: #fff3bd !important;
  background: linear-gradient(180deg, rgba(18, 49, 92, 0.9), rgba(6, 25, 56, 0.88)) !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary:focus-visible {
  outline: 2px solid #7dbbff !important;
  outline-offset: -3px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details[open] > summary {
  margin-bottom: 10px !important;
  border-bottom: 1px solid rgba(76, 125, 199, 0.3) !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > :not(summary) {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > :last-child {
  margin-bottom: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details h3 {
  margin-top: 12px !important;
}

@media (max-width: 380px) {
  body[data-auth="signed-in"] .header-point-balance,
  body[data-auth="signed-in"][data-screen] .header-point-balance {
    min-width: 45px !important;
    min-height: 36px !important;
    padding-right: 5px !important;
  }

  body[data-auth="signed-in"] .header-actions .notice-button,
  body[data-auth="signed-in"][data-screen] .header-actions .notice-button {
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body[data-auth="signed-in"] .header-actions .profile-button,
  body[data-auth="signed-in"][data-screen] .header-actions .profile-button {
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
    gap: 14px !important;
    padding-top: 12px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
    min-height: 54px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
    max-width: 142px !important;
    font-size: 8.5px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
    padding: 8px 9px !important;
  }
}

/*
 * v63 QUICK DRAW hero readability and support-row alignment
 *
 * Preserve the fixed phone canvas while restoring comfortable vertical
 * rhythm. Collapsed support rows read as left-aligned navigation items.
 */
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  gap: 18px !important;
  padding-top: 16px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
  min-height: 62px !important;
  margin-right: 4px !important;
  margin-left: 4px !important;
  padding: 9px 6px 7px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero,
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  gap: 8px !important;
  padding: 13px !important;
  border-radius: 16px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero > div:first-child > span {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row {
  min-height: 56px !important;
  gap: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row strong {
  font-size: 48px !important;
  line-height: 1 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-art {
  width: 58px !important;
  height: 58px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
  margin-top: 3px !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  min-height: 46px !important;
  margin-top: 5px !important;
  padding: 7px 10px 7px 48px !important;
  border-radius: 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em::before {
  left: 9px !important;
  width: 29px !important;
  height: 29px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em b {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last {
  min-height: 40px !important;
  margin-top: 5px !important;
  padding: 7px 10px !important;
  gap: 8px !important;
  border-radius: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last > span {
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last b {
  gap: 4px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last i {
  width: 24px !important;
  height: 24px !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details {
  display: block !important;
  border-radius: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary {
  min-height: 48px !important;
  justify-content: flex-start !important;
  padding: 0 44px 0 15px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary::after {
  content: ">" !important;
  right: 15px !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #b8d3f4 !important;
  background: transparent !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details[open] > summary::after {
  content: ">" !important;
  transform: translateY(-50%) rotate(90deg) !important;
}

@media (max-width: 380px) {
  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
    gap: 16px !important;
    padding-top: 14px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
    min-height: 58px !important;
    margin-right: 3px !important;
    margin-left: 3px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero,
  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block,
  body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
    gap: 7px !important;
    padding: 11px 10px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row {
    min-height: 53px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row strong {
    font-size: 45px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-art {
    width: 54px !important;
    height: 54px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
    font-size: 10.75px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
    min-height: 44px !important;
    padding-left: 45px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-last {
    min-height: 38px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary {
    min-height: 46px !important;
    padding-left: 14px !important;
    font-size: 13.5px !important;
  }
}

/*
 * v64 QUICK DRAW draw-summary scale
 *
 * Give the primary countdown more room and keep the high-resolution POWER
 * artwork legible without changing the fixed phone canvas.
 */
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  min-height: 286px !important;
  gap: 10px !important;
  padding: 17px 15px 15px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row {
  min-height: 82px !important;
  gap: 14px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-art {
  flex: 0 0 82px !important;
  width: 82px !important;
  height: 82px !important;
  object-fit: contain !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero p {
  margin-top: 5px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero em {
  min-height: 50px !important;
  margin-top: 7px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-last {
  min-height: 42px !important;
  margin-top: 7px !important;
}

@media (max-width: 380px) {
  body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
    min-height: 276px !important;
    gap: 9px !important;
    padding: 15px 12px 13px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-row {
    min-height: 74px !important;
    gap: 10px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-countdown-art {
    flex-basis: 74px !important;
    width: 74px !important;
    height: 74px !important;
  }
}

/*
 * v66 final interaction polish
 *
 * This block intentionally sits at EOF. Earlier historical patches contain
 * competing rules for the completed welcome state and QUICK DRAW layout.
 */
@keyframes swWelcomeTextGlint {
  0%, 34%, 52%, 100% {
    background-position: 115% 50%;
    text-shadow: 0 0 10px rgba(245, 189, 54, 0.2);
  }
  37% {
    background-position: 102% 50%;
  }
  44% {
    background-position: 48% 50%;
    text-shadow: 0 0 14px rgba(255, 226, 128, 0.34);
  }
  49% {
    background-position: -15% 50%;
    text-shadow: 0 0 10px rgba(245, 189, 54, 0.2);
  }
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
  grid-template-columns: 108px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  min-height: 170px !important;
  padding: 14px 16px !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-gift-art {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 96px !important;
  height: 96px !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card > div {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
  position: relative !important;
  display: inline-block !important;
  overflow: visible !important;
  color: #ffe58a !important;
  background-color: #ffe58a !important;
  background-image:
    linear-gradient(
      103deg,
      #ffe58a 0%,
      #ffe58a 43%,
      #fffdf2 49%,
      #f8ca55 55%,
      #ffe58a 61%,
      #ffe58a 100%
    ) !important;
  background-repeat: no-repeat !important;
  background-size: 280% 100% !important;
  background-position: 115% 50%;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: swWelcomeTextGlint 5.2s ease-in-out infinite !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-buy-button[hidden],
body[data-auth="signed-in"][data-screen="home"] #homePrimaryCta[data-home-action="waiting"] {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-primary-helper {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-ticket-link:not([hidden]) {
  display: inline-flex !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-height: 46px !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: start !important;
  justify-self: stretch !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #ffe992 !important;
  border-radius: 10px !important;
  color: #181104 !important;
  background: linear-gradient(180deg, #ffed9b 0%, #f7c744 48%, #dd950f 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    0 5px 13px rgba(0, 0, 0, 0.26) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-ticket-link:hover {
  filter: brightness(1.05);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-ticket-link:active {
  transform: translateY(1px) !important;
  filter: brightness(0.97);
}

body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-ticket-link:focus-visible {
  outline: 3px solid #75baff !important;
  outline-offset: 3px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
  gap: 18px !important;
  padding: 16px 10px 94px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact),
body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero,
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details,
body[data-auth="signed-in"][data-screen="powerball"] .claim-card {
  width: auto !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-hero {
  min-height: 286px !important;
  gap: 10px !important;
  padding: 17px 15px 15px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options {
  margin-top: 4px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary {
  min-height: 52px !important;
  padding: 10px 13px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary > span,
body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options > summary > strong {
  font-size: 11.5px !important;
  line-height: 1.3 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 0 11px 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  min-height: 62px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(71, 127, 207, 0.4) !important;
  border-radius: 10px !important;
  background: rgba(8, 28, 61, 0.76) !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row > span {
  color: #dbe7f8 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .quantity-toggle {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
  min-width: 0 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .quantity-button {
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 3px !important;
  font-size: 10px !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-note {
  margin: 0 !important;
  padding: 10px 11px !important;
  border-left: 2px solid #5ca0ff !important;
  border-radius: 0 8px 8px 0 !important;
  color: #b8c9df !important;
  background: rgba(26, 65, 117, 0.3) !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1.5 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card article {
  min-height: 62px !important;
  align-content: center !important;
  padding: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card article:nth-child(2) {
  grid-column: 1 / -1 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .power-quote-card article::before {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > .button-row:has(#powerballPurchaseButton) {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
  min-height: 52px !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details {
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary {
  position: relative !important;
  display: flex !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 44px 0 15px !important;
  color: #e5eefb !important;
  background: linear-gradient(180deg, rgba(10, 35, 72, 0.88), rgba(4, 20, 47, 0.88)) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary > strong {
  margin-left: auto !important;
  color: #91baf0 !important;
  font-size: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details[open] > summary {
  margin-bottom: 0 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > :not(summary) {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > :last-child {
  margin-bottom: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-list {
  display: grid !important;
  gap: 10px !important;
  padding-top: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 12px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-bet-card dl {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card {
    grid-template-columns: 84px minmax(0, 1fr) !important;
    column-gap: 9px !important;
    padding: 12px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card .home-gift-art {
    width: 78px !important;
    height: 78px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
    font-size: 22px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] .powerball-purchase-options .reservation-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballPurchaseButton {
    font-size: 10.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-auth="signed-in"][data-screen="home"] .welcome-unlock-card strong {
    color: #ffe58a !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    animation: none !important;
    text-shadow: none !important;
  }
}

/*
 * Main lottery purchase summary
 *
 * Keep the quantity control available for regular purchases, while presenting
 * every calculated purchase value in one consistent 2-by-2 summary.
 */
body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-row-copy {
  min-width: 0;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-row-copy b {
  color: #dbe7f8;
  font-size: 12px;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard.first-purchase-fixed .purchase-row {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 3px;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis article {
  display: grid;
  min-width: 0;
  min-height: 78px;
  align-content: center;
  gap: 7px;
  padding: 13px 12px;
  overflow: hidden;
  border: 1px solid rgba(105, 158, 244, 0.34);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(17, 48, 98, 0.78), rgba(5, 20, 48, 0.92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 8px 18px rgba(0, 0, 0, 0.16);
  text-align: left;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis article:nth-child(2),
body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis article:nth-child(3) {
  border-color: rgba(245, 189, 54, 0.45);
  background:
    linear-gradient(145deg, rgba(66, 49, 10, 0.42), rgba(7, 23, 51, 0.94));
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis span {
  color: #aebed5;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis b,
body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis i {
  min-width: 0;
  margin: 0;
  color: #ffe58a;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0;
  white-space: nowrap;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis {
    gap: 8px;
  }

  body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis article {
    min-height: 72px;
    padding: 11px 9px;
  }

  body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis span {
    font-size: 10px;
  }

  body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis b,
  body[data-auth="signed-in"][data-screen="buy"] #mainPurchaseCard .purchase-emphasis i {
    font-size: 17px;
  }
}

/*
 * Shared five-tab shell
 *
 * The header is one DOM component outside every route. These final rules
 * remove legacy route-specific sizing so all five primary tabs render the
 * same shell, including the Rewards active state.
 */
body[data-auth="signed-in"][data-screen] .app-header {
  display: flex !important;
  box-sizing: border-box !important;
  width: auto !important;
  height: auto !important;
  min-height: 60px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 calc(-1 * var(--sw-phone-gutter)) 0 !important;
  padding: max(8px, env(safe-area-inset-top, 0px)) 12px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(45, 103, 184, 0.32) !important;
  border-radius: 0 !important;
  background: rgba(2, 12, 29, 0.98) !important;
}

body[data-auth="signed-in"][data-screen] .app-header .brand-lockup {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen] .app-header .brand-lockup img {
  display: block !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 11px !important;
}

body[data-auth="signed-in"][data-screen] .app-header .brand-lockup > div {
  min-width: 0 !important;
}

body[data-auth="signed-in"][data-screen] .app-header .brand-lockup .eyebrow {
  display: block !important;
  margin: 0 0 2px !important;
  overflow: hidden !important;
  color: #42b5ff !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"][data-screen] .app-header .brand-lockup h1 {
  margin: 0 !important;
  color: #fff0b3 !important;
  font-size: 21px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"][data-screen] .app-header .header-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

body[data-auth="signed-in"][data-screen] .app-header .header-point-balance {
  flex: 0 0 auto !important;
}

body[data-auth="signed-in"][data-screen] .app-header .notice-button {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
}

body[data-auth="signed-in"][data-screen] .app-header .profile-button {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
}

body[data-auth="signed-in"][data-screen] .bottom-nav {
  display: grid !important;
  box-sizing: border-box !important;
  width: min(100vw, var(--sw-phone-canvas-width)) !important;
  max-width: var(--sw-phone-canvas-width) !important;
  min-height: calc(62px + var(--safe-bottom)) !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 3px !important;
  padding: 4px 8px calc(4px + var(--safe-bottom)) !important;
  border-top: 1px solid rgba(61, 96, 153, 0.48) !important;
  border-radius: 0 !important;
  background: rgba(3, 13, 34, 0.985) !important;
}

body[data-auth="signed-in"][data-screen] .bottom-nav .nav-item,
body[data-auth="signed-in"][data-screen] .bottom-nav .nav-item.active,
body[data-auth="signed-in"][data-screen="rewards"] .bottom-nav .nav-rewards {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 5px 2px !important;
  gap: 3px !important;
  border-radius: 10px !important;
}

body[data-auth="signed-in"][data-screen] .bottom-nav .nav-item .nav-icon,
body[data-auth="signed-in"][data-screen="rewards"] .bottom-nav .nav-rewards .nav-icon {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 auto !important;
  color: currentColor !important;
}

body[data-auth="signed-in"][data-screen] .bottom-nav .nav-item span {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
  color: currentColor !important;
  font-size: 9px !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"][data-screen] .bottom-nav .nav-rewards::before,
body[data-auth="signed-in"][data-screen] .bottom-nav .nav-rewards::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 380px) {
  body[data-auth="signed-in"][data-screen] .app-header .brand-lockup img {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
  }

  body[data-auth="signed-in"][data-screen] .app-header .brand-lockup h1 {
    font-size: 19px !important;
  }

  body[data-auth="signed-in"][data-screen] .app-header .header-actions {
    gap: 4px !important;
  }

  body[data-auth="signed-in"][data-screen] .bottom-nav .nav-item span {
    font-size: 8px !important;
  }
}

/*
 * QUICK DRAW content alignment
 *
 * The game-flow section previously added horizontal padding on top of the
 * route gutter, making its heading, tabs and picker narrower than the hero.
 */
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero,
body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 13px 0 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .powerball-hero + .section-block > * {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/*
 * v64 ticket assignment and product-status navigation
 *
 * Keep every route on the fixed phone canvas while making number assignment
 * scale from the actual purchased ticket count.
 */
body[data-auth="signed-in"][data-screen] .bottom-nav {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 2px !important;
  padding-right: 6px !important;
  padding-left: 6px !important;
}

body[data-auth="signed-in"][data-screen] .bottom-nav .nav-item {
  padding-right: 1px !important;
  padding-left: 1px !important;
}

body[data-auth="signed-in"][data-screen] .bottom-nav .nav-item span {
  font-size: 8px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  column-gap: 10px !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #screen-powerball > .section-title:not(.compact) > div {
  min-width: 0 !important;
}

body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
  display: inline-flex !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  max-width: 160px !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: start !important;
  justify-self: end !important;
  margin: 18px 0 0 !important;
  padding: 6px 11px !important;
  text-align: center !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details > summary::after {
  content: "" !important;
  box-sizing: border-box !important;
  right: 17px !important;
  top: 50% !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border: 0 !important;
  border-right: 2px solid #b8d3f4 !important;
  border-bottom: 2px solid #b8d3f4 !important;
  border-radius: 0 !important;
  background: transparent !important;
  margin-top: -4px !important;
  transform: rotate(-45deg) !important;
  transform-origin: center !important;
  transition:
    transform 180ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 180ms ease !important;
  pointer-events: none !important;
}

body[data-auth="signed-in"][data-screen="powerball"] .powerball-support-details[open] > summary::after {
  content: "" !important;
  border-color: #ffe07a !important;
  transform: rotate(45deg) !important;
}

body[data-auth="signed-in"][data-screen="buy"] #screen-buy > .section-title {
  margin-top: 24px !important;
}

body[data-auth="signed-in"][data-screen="buy"] #numberGrid,
body[data-auth="signed-in"][data-screen="assign"] .assignment-number-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

body[data-auth="signed-in"][data-screen="buy"] #numberGrid .number-button,
body[data-auth="signed-in"][data-screen="assign"] .assignment-number-grid .number-button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-choice-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-choice-panel > button {
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 10px 8px !important;
  font-size: 11px !important;
  white-space: normal !important;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-choice-panel #assignAllButton {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-choice-panel .assignment-auto-helper {
  grid-column: 1 / -1 !important;
  margin: 1px 0 0 !important;
  line-height: 1.5 !important;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-manual-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-manual-actions > button {
  min-width: 0 !important;
  min-height: 44px !important;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-manual-actions #assignCurrentButton {
  grid-column: 1 / -1 !important;
}

body[data-auth="signed-in"][data-screen="assign"] #assignmentAutoCurrentButton[hidden] {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-back-button {
  width: 100% !important;
  min-height: 42px !important;
  margin-top: 9px !important;
  border: 1px solid rgba(89, 137, 207, 0.38) !important;
  border-radius: 9px !important;
  color: #acc0da !important;
  background: rgba(6, 24, 54, 0.74) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body[data-auth="signed-in"][data-screen="assign"] .assignment-back-button:focus-visible {
  outline: 2px solid #7dbbff !important;
  outline-offset: 2px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets {
  gap: 14px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-banner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  min-height: 68px;
  align-items: center;
  gap: 12px;
  padding: 12px 42px 12px 14px;
  border: 1px solid rgba(255, 202, 76, 0.72);
  border-radius: 12px;
  color: #fff;
  text-align: left;
  background:
    linear-gradient(135deg, rgba(31, 81, 153, 0.82), rgba(10, 31, 70, 0.96) 58%),
    #071a3b;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 7px 18px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-banner[hidden] {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-banner::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  width: 9px;
  height: 9px;
  border-right: 2px solid #ffe28b;
  border-bottom: 2px solid #ffe28b;
  transform: translateY(-50%) rotate(-45deg);
  pointer-events: none;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-copy b {
  color: #fff5cf;
  font-size: 12px;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-copy small {
  color: #afc7e8;
  font-size: 9px;
  line-height: 1.4;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-banner > strong {
  color: #ffdf72;
  font-size: 10px;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-banner:hover {
  border-color: #ffdd70;
  background:
    linear-gradient(135deg, rgba(38, 96, 179, 0.88), rgba(11, 38, 85, 0.98) 58%),
    #071a3b;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-banner:active {
  transform: translateY(1px);
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-banner:focus-visible {
  outline: 2px solid #ffdd70;
  outline-offset: 2px;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-product-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px !important;
  padding: 4px !important;
  border: 1px solid rgba(67, 122, 207, 0.46) !important;
  border-radius: 11px !important;
  background: rgba(4, 19, 47, 0.9) !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-product-tabs button {
  min-width: 0 !important;
  min-height: 44px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: #aebdd3 !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-product-tabs button.active {
  border-color: rgba(98, 174, 255, 0.82) !important;
  color: #fff !important;
  background: linear-gradient(180deg, #2482f5 0%, #0752bd 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 5px 12px rgba(0, 91, 221, 0.24) !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-product-tabs button:focus-visible {
  outline: 2px solid #8fc8ff !important;
  outline-offset: 2px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-product-panel {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 10px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-product-panel[hidden] {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-product-panel .ticket-list,
body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list {
  width: 100% !important;
  min-width: 0 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-summary {
  display: flex !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(68, 126, 211, 0.4) !important;
  border-radius: 10px !important;
  color: #dce9fb !important;
  background: rgba(7, 28, 63, 0.8) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-summary strong {
  color: #ffe184 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list {
  display: grid !important;
  gap: 10px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list .powerball-bet-card,
body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list .powerball-bet-empty {
  display: grid !important;
  min-width: 0 !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid rgba(59, 119, 206, 0.42) !important;
  border-radius: 11px !important;
  color: #dce8fa !important;
  background: linear-gradient(145deg, rgba(10, 38, 83, 0.94), rgba(4, 19, 45, 0.95)) !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list .powerball-bet-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list .powerball-product-chip {
  padding: 5px 8px !important;
  border-radius: 999px !important;
  color: #fff2b5 !important;
  background: rgba(190, 128, 16, 0.22) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list .powerball-bet-card > b {
  font-size: 13px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list .powerball-bet-card > p {
  margin: 0 !important;
  color: #b9c9df !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list .powerball-bet-card dl {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list .powerball-bet-card dl div {
  display: grid !important;
  gap: 4px !important;
  padding: 8px !important;
  border-radius: 8px !important;
  background: rgba(23, 62, 113, 0.36) !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list dt {
  color: #8fa6c5 !important;
  font-size: 8px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .quickdraw-ticket-list dd {
  margin: 0 !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

@media (max-width: 380px) {
  body[data-auth="signed-in"][data-screen] .bottom-nav .nav-item span {
    font-size: 7px !important;
  }

  body[data-auth="signed-in"][data-screen="powerball"] #powerballRoundLabel {
    max-width: 145px !important;
    margin-top: 19px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
    font-size: 8px !important;
  }

  body[data-auth="signed-in"][data-screen="buy"] #numberGrid,
  body[data-auth="signed-in"][data-screen="assign"] .assignment-number-grid {
    gap: 5px !important;
  }
}

/*
 * v67 home readability pass
 *
 * Keep the approved phone canvas and interaction order intact while giving
 * the shortcut row, live jackpot summary and install controls more breathing
 * room on the home screen.
 */
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid {
  height: 126px !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
  grid-template-rows: 50px auto 14px !important;
  padding: 10px 5px 9px !important;
  gap: 5px !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card::before {
  width: 50px !important;
  height: 50px !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-icon {
  width: 46px !important;
  height: 46px !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card b {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-feature-card em {
  font-size: 8px !important;
  line-height: 1.15 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .balance-card.home-hero-card {
  gap: 9px !important;
  padding: 14px !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics {
  gap: 6px !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics article {
  min-height: 56px !important;
  padding: 8px 7px !important;
  gap: 4px !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics span {
  font-size: 8px !important;
  line-height: 1.2 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics b {
  font-size: 10px !important;
  line-height: 1.28 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics .welcome-state b,
body[data-auth="signed-in"][data-screen="home"] #homePrimaryWelcome {
  color: #fff0b0 !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown {
  min-height: 56px !important;
  gap: 4px 10px !important;
  padding: 9px 11px !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown span {
  font-size: 9.5px !important;
  font-weight: 850 !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown b {
  font-size: 24px !important;
  font-variant-numeric: tabular-nums !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown em {
  font-size: 8.5px !important;
  line-height: 1.25 !important;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-card {
  grid-template-columns: minmax(0, 1fr) 102px !important;
  min-height: 68px !important;
  gap: 10px !important;
  padding: 10px 15px 10px 12px !important;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-actions {
  width: 100% !important;
  min-width: 0 !important;
  gap: 6px !important;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-copy span {
  font-size: 8.5px !important;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-copy b {
  font-size: 11.5px !important;
  line-height: 1.3 !important;
}

body[data-auth="signed-in"][data-screen="home"] .pwa-access-actions .plain-button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 0 7px !important;
  font-size: 8.5px !important;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-conversion-grid {
    height: 120px !important;
    gap: 6px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card {
    grid-template-rows: 45px auto 13px !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card::before {
    width: 45px !important;
    height: 45px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-icon {
    width: 42px !important;
    height: 42px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card b {
    font-size: 10.5px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-feature-card em {
    font-size: 7px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .balance-card.home-hero-card {
    padding: 12px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics article {
    min-height: 54px !important;
    padding: 7px 5px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics span {
    font-size: 7px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics b,
  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics .welcome-state b,
  body[data-auth="signed-in"][data-screen="home"] #homePrimaryWelcome {
    font-size: 8.5px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-countdown b {
    font-size: 22px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .pwa-access-card {
    grid-template-columns: minmax(0, 1fr) 94px !important;
    padding-right: 12px !important;
    padding-left: 10px !important;
  }
}

/* v68 home value alignment and status readability. */
body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong {
  gap: 2px !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b {
  min-width: 0 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-top {
  grid-template-columns: minmax(0, 1fr) 60px !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-symbol,
body[data-auth="signed-in"][data-screen="home"] .hero-symbol img {
  width: 56px !important;
  height: 56px !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown span {
  font-size: 11px !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown b {
  font-size: 22px !important;
}

body[data-auth="signed-in"][data-screen="home"] #welcomeHeroSummary {
  margin-top: 5px !important;
  color: #dce8fb !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics .welcome-state b,
body[data-auth="signed-in"][data-screen="home"] #homePrimaryWelcome {
  font-size: 11px !important;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] .home-wallet-top {
    grid-template-columns: minmax(0, 1fr) 52px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-symbol,
  body[data-auth="signed-in"][data-screen="home"] .hero-symbol img {
    width: 50px !important;
    height: 50px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-countdown span {
    font-size: 10px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-countdown b {
    font-size: 20px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] #welcomeHeroSummary,
  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics .welcome-state b,
  body[data-auth="signed-in"][data-screen="home"] #homePrimaryWelcome {
    font-size: 9px !important;
  }
}

/* v69 home round metrics: readable 2-by-2 cards on the phone canvas. */
body[data-auth="signed-in"][data-screen="home"] .home-round-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics article {
  min-height: 66px !important;
  padding: 10px 12px !important;
  gap: 6px !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics span {
  font-size: 9.5px !important;
  line-height: 1.25 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics b {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics .welcome-state b,
body[data-auth="signed-in"][data-screen="home"] #homePrimaryWelcome {
  font-size: 12px !important;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics {
    gap: 7px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics article {
    min-height: 62px !important;
    padding: 9px 10px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics span {
    font-size: 8.5px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics b {
    font-size: 11.5px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics .welcome-state b,
  body[data-auth="signed-in"][data-screen="home"] #homePrimaryWelcome {
    font-size: 10.5px !important;
  }
}

/*
 * v70 tickets, rewards and My Page refinement.
 *
 * These screens keep the fixed phone canvas and shared SUPER WINS palette.
 * The final layer only repairs artwork alignment, spacing and information
 * hierarchy; existing navigation and state bindings remain unchanged.
 */

/* My Tickets: stable artwork column and a compact signup-benefit state. */
body[data-auth="signed-in"][data-screen="tickets"] #screen-tickets {
  gap: 14px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
  grid-template-columns: 68px minmax(0, 1fr) 24px !important;
  gap: 12px !important;
  min-height: 118px !important;
  padding: 13px 12px !important;
  align-items: center !important;
  overflow: hidden !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
  display: grid !important;
  place-items: center !important;
  width: 64px !important;
  height: 76px !important;
  overflow: visible !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art::before,
body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art::after {
  display: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art svg {
  display: block !important;
  width: 58px !important;
  height: 58px !important;
  max-width: 100% !important;
  overflow: visible !important;
  fill: rgba(43, 128, 255, 0.24) !important;
  stroke: #6ec0ff !important;
  stroke-width: 1.45 !important;
  filter:
    drop-shadow(0 0 7px rgba(52, 137, 255, 0.7))
    drop-shadow(0 6px 8px rgba(0, 7, 24, 0.5)) !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-body {
  min-height: 88px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .welcome-benefit-state {
  display: flex !important;
  min-height: 36px !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 9px !important;
  border: 1px solid rgba(64, 151, 255, 0.34) !important;
  color: #d7e8ff !important;
  background: linear-gradient(180deg, rgba(12, 41, 86, 0.86), rgba(4, 21, 51, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body[data-auth="signed-in"][data-screen="tickets"] .welcome-benefit-state .icon-svg {
  display: block;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  color: #65e69a;
}

body[data-auth="signed-in"][data-screen="tickets"] .welcome-benefit-state span {
  min-width: 0;
  color: inherit;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.35;
}

body[data-auth="signed-in"][data-screen="tickets"] .welcome-ticket .ticket-card-meta em {
  color: #55b4ff;
}

/* Rewards: give every section a readable pause and center the artwork. */
body[data-auth="signed-in"][data-screen="rewards"] #screen-rewards {
  gap: 14px !important;
  padding-top: 12px !important;
  padding-bottom: 28px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-code-card {
  grid-template-columns: 64px minmax(0, 1fr) 96px !important;
  gap: 12px !important;
  min-height: 84px !important;
  margin: 0 !important;
  padding: 12px 13px !important;
  overflow: hidden !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-icon {
  place-self: center !important;
  width: 58px !important;
  height: 58px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-referral-people {
  width: 48px !important;
  height: 48px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-copy-button {
  min-height: 42px !important;
  padding: 0 11px !important;
  font-size: 12px !important;
  white-space: nowrap;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-copy-button i {
  flex: 0 0 14px;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-card {
  min-height: 120px !important;
  padding: 13px 15px 14px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track {
  height: 58px !important;
  margin: 9px 12px 0 0 !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track::before,
body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track > i {
  top: 22px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-current-day {
  top: 13px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker {
  top: 11px !important;
  width: 32px !important;
  height: 47px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker::before {
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i {
  left: 50% !important;
  top: 3px !important;
  display: grid !important;
  place-items: center !important;
  transform: translateX(-50%) !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-marker-gift {
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker small {
  top: 31px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-action-row {
  gap: 10px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-mission-card {
  grid-template-columns: 62px minmax(0, 1fr) 106px !important;
  gap: 11px !important;
  min-height: 94px !important;
  padding: 12px !important;
  align-items: center !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon {
  place-self: center !important;
  align-self: center !important;
  width: 56px !important;
  height: 56px !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefits-panel {
  min-height: 178px !important;
  padding: 12px 10px 11px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefits-title {
  min-height: 24px;
  margin-bottom: 9px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid {
  gap: 8px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article {
  display: grid !important;
  grid-template-rows: minmax(26px, auto) 54px minmax(16px, auto) minmax(14px, auto) !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 4px !important;
  min-height: 138px !important;
  padding: 9px 4px 8px !important;
  overflow: hidden !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article > b,
body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article > em,
body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article > small {
  position: static !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article > b {
  align-self: start;
  white-space: normal !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art {
  align-self: center !important;
  width: 60px !important;
  height: 38px !important;
  margin: 0 auto !important;
  transform: perspective(100px) rotateY(-4deg) rotateZ(var(--ticket-rotation)) !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article > small {
  color: #9eacc3 !important;
  font-size: 8px !important;
  white-space: normal !important;
}

/* My Page: MyChartCloud-inspired single-surface settings groups. */
body[data-auth="signed-in"][data-screen="mypage"] #screen-mypage {
  gap: 16px !important;
  padding: 12px 12px 30px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-hero {
  min-height: 100px !important;
  padding: 14px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(58, 119, 207, 0.42);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(7, 27, 61, 0.98), rgba(2, 12, 30, 0.99));
  box-shadow: 0 8px 22px rgba(0, 6, 17, 0.2);
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-metrics article {
  min-height: 72px !important;
  padding: 11px 8px !important;
  border: 0 !important;
  border-right: 1px solid rgba(62, 114, 187, 0.26) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-metrics article:last-child {
  border-right: 0 !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(58, 119, 207, 0.42);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(7, 27, 61, 0.98), rgba(2, 12, 30, 0.99));
  box-shadow: 0 8px 22px rgba(0, 6, 17, 0.2);
}

body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid article,
body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid .ticket-status-asset,
body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid .ticket-reward-asset {
  grid-column: auto !important;
  min-height: 80px !important;
  padding: 11px !important;
  border: 0 !important;
  border-right: 1px solid rgba(62, 114, 187, 0.26) !important;
  border-bottom: 1px solid rgba(62, 114, 187, 0.26) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid article:nth-child(even) {
  border-right: 0 !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid article:nth-last-child(-n + 2) {
  border-bottom: 0 !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .ticket-asset-grid em {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-auth="signed-in"][data-screen="mypage"] .mypage-group {
  display: grid !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .mypage-group > h3 {
  margin: 0 !important;
  padding: 0 2px !important;
  color: #ffe28a !important;
  font-size: 14px !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list {
  display: grid !important;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(58, 119, 207, 0.38);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(7, 27, 61, 0.94), rgba(2, 12, 30, 0.98));
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list article,
body[data-auth="signed-in"][data-screen="mypage"] .profile-list-button {
  min-height: 56px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(62, 114, 187, 0.24) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list > :last-child {
  border-bottom: 0 !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list article[data-navigate],
body[data-auth="signed-in"][data-screen="mypage"] .profile-list-button {
  cursor: pointer;
}

body[data-auth="signed-in"][data-screen="mypage"] .profile-list article[data-navigate]:active,
body[data-auth="signed-in"][data-screen="mypage"] .profile-list-button:active {
  background: rgba(28, 80, 154, 0.22) !important;
}

body[data-auth="signed-in"][data-screen="mypage"] .preference-grid {
  gap: 8px !important;
  padding: 10px;
  border: 1px solid rgba(58, 119, 207, 0.3);
  border-radius: 13px;
  background: rgba(3, 16, 39, 0.72);
}

body[data-auth="signed-in"][data-screen="mypage"] .install-card {
  min-height: 72px !important;
  padding: 11px !important;
  border-radius: 13px !important;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card {
    grid-template-columns: 58px minmax(0, 1fr) 20px !important;
    gap: 9px !important;
    padding: 11px 9px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art {
    width: 54px !important;
    height: 68px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-art svg {
    width: 50px !important;
    height: 50px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-code-card {
    grid-template-columns: 54px minmax(0, 1fr) 82px !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-copy-button {
    padding: 0 8px !important;
    font-size: 11px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-mission-card {
    grid-template-columns: 54px minmax(0, 1fr) 94px !important;
    gap: 8px !important;
    padding: 10px 8px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon {
    width: 50px !important;
    height: 50px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid {
    gap: 5px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article {
    min-height: 134px !important;
    padding-inline: 2px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art {
    width: 52px !important;
    height: 35px !important;
  }

  body[data-auth="signed-in"][data-screen="mypage"] #screen-mypage {
    padding-inline: 10px !important;
  }
}

/*
 * v71 My Tickets containment.
 * Keep status badges in the content column so signup-benefit copy can never
 * escape the card at narrow phone widths.
 */
body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header {
  position: static !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 7px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card header b {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill,
body[data-auth="signed-in"][data-screen="tickets"] .welcome-source-pill {
  position: static !important;
  inset: auto !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 72px !important;
  height: 24px !important;
  min-height: 24px !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 3px 6px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill::before,
body[data-auth="signed-in"][data-screen="tickets"] .welcome-source-pill::before {
  content: none !important;
  display: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .welcome-source-pill {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  flex: 0 0 76px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill .icon-svg {
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill span {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .welcome-source-pill span {
  overflow: visible !important;
  font-size: 9px !important;
  text-overflow: clip !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .ticket-numbers {
  width: 100% !important;
  min-width: 0 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card .welcome-benefit-state {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 100% !important;
  overflow: hidden !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .welcome-benefit-state span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill,
  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill:not(.welcome-source-pill) {
    max-width: 62px !important;
    padding-inline: 5px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .welcome-source-pill {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    flex-basis: 74px !important;
    padding-inline: 5px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .ticket-state-pill span {
    font-size: 8px !important;
  }

  body[data-auth="signed-in"][data-screen="tickets"] .welcome-source-pill span {
    font-size: 8.5px !important;
  }
}

/*
 * v72 reward alignment and home rhythm.
 * Keep reward artwork centered inside its own layout cells and reserve enough
 * vertical space for milestone labels and the streak policy.
 */
body[data-auth="signed-in"][data-screen="home"] .home-stage {
  gap: 12px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-card {
  min-height: 130px !important;
  padding: 14px 15px 16px !important;
  overflow: hidden !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track {
  height: 64px !important;
  margin: 10px 16px 0 6px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track::before,
body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track > i {
  top: 23px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-current-day {
  top: 14px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker {
  top: 11px !important;
  width: 30px !important;
  height: 50px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker::before {
  left: 50% !important;
  top: 0 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  transform: translateX(-50%) !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i {
  left: 50% !important;
  top: 4px !important;
  width: 16px !important;
  height: 16px !important;
  display: grid !important;
  place-items: center !important;
  transform: translateX(-50%) !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-marker-gift {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker small {
  top: 37px !important;
  min-width: 26px !important;
  font-size: 10px !important;
  line-height: 12px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-action.complete-action {
  padding-right: 16px !important;
  padding-left: 6px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-mission-card {
  min-height: 102px !important;
  padding-block: 14px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon {
  display: grid !important;
  place-items: center !important;
  width: 56px !important;
  height: 56px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #dceaff !important;
  background:
    radial-gradient(circle at 44% 38%, rgba(75, 151, 255, 0.24), rgba(5, 19, 47, 0.86) 66%, transparent 68%) !important;
  background-image:
    radial-gradient(circle at 44% 38%, rgba(75, 151, 255, 0.24), rgba(5, 19, 47, 0.86) 66%, transparent 68%) !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  box-shadow: 0 0 16px rgba(49, 125, 255, 0.24) !important;
  filter: none !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon > .icon-svg {
  display: block !important;
  width: 54px !important;
  height: 54px !important;
  overflow: visible !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefits-panel {
  min-height: 278px !important;
  padding: 13px 10px 12px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefits-title {
  min-height: 26px !important;
  margin-bottom: 10px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid {
  align-items: stretch !important;
  gap: 8px !important;
  padding: 0 !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article {
  grid-template-rows: 30px 58px 18px 18px !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 4px !important;
  min-height: 152px !important;
  padding: 9px 4px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article > b,
body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article > em,
body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article > small {
  width: 100% !important;
  align-self: center !important;
  justify-self: center !important;
  text-align: center !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art {
  position: relative !important;
  inset: auto !important;
  place-self: center !important;
  align-self: center !important;
  justify-self: center !important;
  width: 60px !important;
  height: 40px !important;
  margin: 0 !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .streak-policy-note {
  display: flex !important;
  min-height: 68px !important;
  align-items: center !important;
  margin-top: 13px !important;
  padding: 12px 13px !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="rewards"] .reward-timeline-track {
    margin-right: 14px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-mission-card {
    min-height: 98px !important;
    padding-block: 12px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon {
    width: 50px !important;
    height: 50px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-target-icon > .icon-svg {
    width: 48px !important;
    height: 48px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid {
    gap: 5px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-benefit-grid article {
    grid-template-rows: 30px 52px 18px 18px !important;
    min-height: 146px !important;
    padding-inline: 2px !important;
  }

  body[data-auth="signed-in"][data-screen="rewards"] .reward-ticket-art {
    width: 52px !important;
    height: 36px !important;
  }
}

/*
 * v73 home legibility, reward marker centering and pending-ticket continuation.
 * This layer preserves the fixed phone canvas while increasing only the
 * operational values the user must read and act on.
 */
body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
body[data-auth="signed-in"][data-screen="home"] .home-stage > .balance-card.home-hero-card {
  gap: 11px !important;
  padding: 16px !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > span {
  font-size: 13.5px !important;
  line-height: 1.3 !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b {
  font-size: 46px !important;
  line-height: 0.96 !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong .jackpot-unit {
  font-size: 14.5px !important;
  line-height: 1 !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-balance > em {
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta,
body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta span,
body[data-auth="signed-in"][data-screen="home"] .home-wallet-meta b {
  font-size: 11.5px !important;
  line-height: 1.3 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics article {
  min-height: 78px !important;
  padding: 12px !important;
  gap: 7px !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics span {
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics b {
  font-size: 16.5px !important;
  line-height: 1.25 !important;
}

body[data-auth="signed-in"][data-screen="home"] .home-round-metrics .welcome-state b,
body[data-auth="signed-in"][data-screen="home"] #homePrimaryWelcome {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown {
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "label value"
    "date date" !important;
  min-height: 72px !important;
  align-items: center !important;
  gap: 6px 12px !important;
  padding: 12px 14px !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown > span {
  grid-area: label !important;
  align-self: center !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown > b {
  grid-area: value !important;
  align-self: center !important;
  justify-self: end !important;
  font-size: 25px !important;
  line-height: 1 !important;
}

body[data-auth="signed-in"][data-screen="home"] .hero-countdown > em {
  grid-area: date !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero {
  min-height: 116px !important;
  padding: 16px 16px 13px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .rewards-cadence {
  margin-bottom: 8px !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .rewards-hero h2 {
  margin: 8px 0 5px !important;
  line-height: 1.12 !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-track-marker > i {
  left: 50% !important;
  top: 0 !important;
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  filter: none !important;
  transform: translateX(-50%) !important;
}

body[data-auth="signed-in"][data-screen="rewards"] .reward-marker-gift {
  position: static !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  filter: drop-shadow(0 0 3px currentColor) !important;
  transform: none !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-copy b {
  font-size: 13px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .assignment-resume-copy small {
  font-size: 10.5px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-body > header b {
  font-size: 16px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card-meta {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card.pending {
  border-color: rgba(255, 202, 76, 0.76) !important;
  background:
    linear-gradient(135deg, rgba(32, 76, 139, 0.72), rgba(7, 25, 57, 0.96) 62%),
    #071a3b !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 0 1px rgba(255, 202, 76, 0.08) !important;
  cursor: pointer;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card.pending:hover {
  border-color: #ffdc70 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card.pending:focus-visible {
  outline: 2px solid #ffdc70 !important;
  outline-offset: 2px !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card.pending .empty-pick {
  min-height: 40px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(255, 202, 76, 0.42) !important;
  color: #fff2b8 !important;
  background: rgba(255, 198, 60, 0.08) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

body[data-auth="signed-in"][data-screen="tickets"] .ticket-card.pending .ticket-card-arrow {
  color: #ffe078 !important;
}

@media (max-width: 359px) {
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .home-hero-card,
  body[data-auth="signed-in"][data-screen="home"] .home-stage > .balance-card.home-hero-card {
    padding: 13px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-balance > span {
    font-size: 12px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong b {
    font-size: 40px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-balance > strong .jackpot-unit {
    font-size: 12.5px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics article {
    min-height: 72px !important;
    padding: 10px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics span {
    font-size: 10px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics b {
    font-size: 14px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .home-round-metrics .welcome-state b,
  body[data-auth="signed-in"][data-screen="home"] #homePrimaryWelcome {
    font-size: 11.5px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-countdown > span {
    font-size: 11.5px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-countdown > b {
    font-size: 22px !important;
  }

  body[data-auth="signed-in"][data-screen="home"] .hero-countdown > em {
    font-size: 10px !important;
  }
}

/* v74 shared header point balance legibility. */
body[data-auth="signed-in"] .header-point-balance,
body[data-auth="signed-in"][data-screen] .header-point-balance {
  min-width: 52px !important;
  min-height: 40px !important;
  padding: 5px 8px 5px 20px !important;
}

body[data-auth="signed-in"] .header-point-balance small,
body[data-auth="signed-in"][data-screen] .header-point-balance small {
  font-size: 6.5px !important;
}

body[data-auth="signed-in"] .header-point-balance b,
body[data-auth="signed-in"][data-screen] .header-point-balance b {
  font-size: 12px !important;
  line-height: 1.12 !important;
}

/* v75 ticket actions: keep short labels legible and stable across platforms. */
body[data-auth="signed-in"] .ticket-purchase-button,
body[data-auth="signed-in"][data-screen="tickets"] .ticket-purchase-button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 102px !important;
  min-height: 42px !important;
  padding-inline: 13px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

body[data-auth="signed-in"] .ticket-purchase-button span,
body[data-auth="signed-in"][data-screen="tickets"] .ticket-purchase-button span {
  display: inline-block;
  flex: 0 0 auto;
  line-height: 1;
  white-space: nowrap;
}

/* Server-backed purchase and QUICK DRAW detail surfaces. */
.purchase-history-panel {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(87, 143, 224, 0.28);
}

.purchase-history-title,
.purchase-history-heading,
.activity-detail-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.purchase-history-title h3 {
  margin: 0;
  color: #f5f8ff;
  font-size: 15px;
}

.purchase-history-title strong {
  color: #8fbcff;
  font-size: 12px;
}

.purchase-history-list {
  display: grid;
  gap: 10px;
}

.purchase-history-item,
.purchase-history-empty {
  width: 100%;
  min-width: 0;
  padding: 13px 42px 13px 14px;
  border: 1px solid rgba(68, 132, 223, 0.6);
  border-radius: 8px;
  color: #f6f8ff;
  background: linear-gradient(155deg, #0b1f40, #06132b);
  text-align: left;
}

.purchase-history-item {
  position: relative;
  display: grid;
  gap: 6px;
  cursor: pointer;
}

.purchase-history-item:hover {
  border-color: rgba(88, 159, 255, 0.95);
  background: linear-gradient(155deg, #102b55, #071733);
}

.purchase-history-item:active {
  transform: translateY(1px);
}

.purchase-history-item:focus-visible,
.powerball-bet-card[role="button"]:focus-visible {
  outline: 3px solid rgba(255, 205, 73, 0.72);
  outline-offset: 2px;
}

.purchase-history-heading b,
.purchase-history-item strong {
  font-size: 13px;
  font-style: normal;
}

.purchase-history-heading em {
  color: #65dc9b;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.purchase-history-item small,
.purchase-history-empty {
  color: #9eb1cf;
  font-size: 11px;
  line-height: 1.5;
}

.purchase-history-item > i {
  position: absolute;
  top: 50%;
  right: 15px;
  color: #a9c9f5;
  font-size: 25px;
  font-style: normal;
  transform: translateY(-50%);
}

.powerball-bet-card[role="button"] {
  cursor: pointer;
}

.history-list .recent-result-item,
.history-list .recent-result-empty {
  width: 100%;
  padding: 12px;
  border: 0;
  border-bottom: 1px solid rgba(76, 132, 207, 0.28);
  color: #f4f7ff;
  background: transparent;
  text-align: left;
}

.history-list .recent-result-item {
  display: grid;
  grid-template-columns: minmax(90px, 0.7fr) minmax(0, 1.6fr) auto;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.history-list .recent-result-item:hover {
  background: rgba(35, 81, 148, 0.22);
}

.history-list .recent-result-item:focus-visible {
  outline: 3px solid rgba(255, 205, 73, 0.72);
  outline-offset: -3px;
}

.history-list .recent-result-item b,
.history-list .recent-result-item span,
.history-list .recent-result-item em {
  min-width: 0;
  margin: 0;
}

.history-list .recent-result-item span {
  color: #e5edff;
  overflow-wrap: anywhere;
}

.history-list .recent-result-item em,
.history-list .recent-result-empty {
  color: #9eb1cf;
  font-size: 11px;
  font-style: normal;
}

.activity-detail-panel {
  width: min(100%, 460px);
}

.activity-detail-heading {
  align-items: flex-start;
  margin-bottom: 16px;
}

.activity-detail-heading h2 {
  min-width: 0;
  margin: 0;
}

.activity-detail-heading span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(69, 221, 139, 0.48);
  border-radius: 8px;
  color: #75e7a7;
  background: rgba(15, 100, 58, 0.22);
  font-size: 11px;
  font-weight: 850;
}

.activity-detail-facts {
  display: grid;
  gap: 0;
  margin: 0 0 14px;
  border: 1px solid rgba(76, 132, 207, 0.42);
  border-radius: 8px;
  overflow: hidden;
}

.activity-detail-facts[aria-busy="true"] {
  min-height: 88px;
  background:
    linear-gradient(
      100deg,
      rgba(16, 42, 81, 0.45) 25%,
      rgba(35, 77, 136, 0.55) 50%,
      rgba(16, 42, 81, 0.45) 75%
    );
  background-size: 200% 100%;
  animation: activity-detail-loading 1.4s ease-in-out infinite;
}

.activity-detail-facts > div {
  display: grid;
  grid-template-columns: minmax(100px, 0.8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 14px;
  min-height: 46px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(76, 132, 207, 0.28);
  background: rgba(6, 21, 47, 0.72);
}

.activity-detail-facts > div:last-child {
  border-bottom: 0;
}

.activity-detail-facts dt,
.activity-detail-facts dd {
  margin: 0;
}

.activity-detail-facts dt {
  color: #9db0cf;
  font-size: 12px;
  font-weight: 750;
}

.activity-detail-facts dd {
  min-width: 0;
  color: #f6f8ff;
  font-size: 12px;
  font-weight: 850;
  overflow-wrap: anywhere;
  text-align: right;
}

.activity-detail-note {
  margin: 0 0 14px;
  color: #9eb1cf;
  font-size: 11px;
  line-height: 1.55;
}

@keyframes activity-detail-loading {
  from {
    background-position: 150% 0;
  }
  to {
    background-position: -50% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .activity-detail-facts[aria-busy="true"] {
    animation: none;
  }

  .purchase-history-item:active {
    transform: none;
  }
}

@media (max-width: 520px) {
  .history-list .recent-result-item {
    grid-template-columns: minmax(76px, 0.65fr) minmax(0, 1.35fr);
  }

  .history-list .recent-result-item em {
    grid-column: 1 / -1;
  }
}