@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
/* StarMarket visual language: calm dark commerce, clear type, restrained color. */
:root {
  color-scheme: dark;
  --bg: #101319;
  --panel: #171c24;
  --panel-2: #1d242e;
  --text: #f3f5f8;
  --muted: #9ca6b5;
  --line: #2b333f;
  --accent: #8caeff;
  --accent-light: #b5caff;
  --success: #6bd5a2;
  font-family: Inter, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: inherit;
}

.app-shell {
  background: radial-gradient(ellipse at 50% -25%, #293249 0, transparent 56%), var(--bg);
}

:is(.brand, .hero h1, .page-heading h1, .section-heading h2, .form-title h2,
    .checkout-sheet h2, .order-result h2, .finance-card h2, .bonus-spin-head h2,
    .bonus-inventory-head h2, .profile-identity strong) {
  font-family: Inter, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif !important;
  font-weight: 720 !important;
  letter-spacing: -0.035em !important;
  text-shadow: none !important;
}

.eyebrow {
  color: #a8b9d9;
  font-family: inherit;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .11em;
}

.eyebrow.muted {
  color: #8794a7;
  background: none;
  -webkit-text-fill-color: currentColor;
}

.page-heading h1,
.section-heading h2 {
  line-height: 1.12;
}

.page-heading p,
.finance-card p,
.profile-identity span {
  color: var(--muted);
}

/* Profile: identity first, then a quiet account summary and readable orders. */
#screen-profile .page-heading {
  padding-top: 28px;
  padding-bottom: 17px;
}

#screen-profile .profile-card {
  min-height: 88px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #171c24;
  box-shadow: none;
}

#screen-profile .avatar-large {
  width: 54px;
  height: 54px;
  border: 0;
  border-radius: 17px;
  background: linear-gradient(145deg, #39465b, #252e3c);
}

#screen-profile .profile-identity strong {
  font-size: 17px;
}

#screen-profile .profile-identity span {
  font-size: 12px;
}

#screen-profile .admin-badge {
  border-color: #426a9a;
  background: #23364b;
  color: #b8d7ff;
  letter-spacing: .06em;
}

#screen-profile .profile-stats {
  gap: 10px;
  margin-top: 11px;
}

#screen-profile .profile-stats > div {
  min-height: 74px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #171c24;
  box-shadow: none;
}

#screen-profile .profile-stats > div::after {
  content: none;
}

#screen-profile .profile-stats strong {
  color: #f3f5f8;
  font-size: 24px;
  font-weight: 720;
  letter-spacing: -.04em;
}

#screen-profile .profile-stats span {
  color: #98a3b2;
  font-size: 11px;
}

#screen-profile .finance-card {
  margin-top: 12px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(118deg, #1a2230, #29233a 48%, #1c2b39);
  background-size: 220% 220%;
  animation: balance-gradient-wash 18s ease-in-out infinite alternate;
  box-shadow: none;
}

#screen-profile .finance-card::before {
  content: none;
}

#screen-profile .finance-card h2 {
  font-size: 19px;
}

#screen-profile .finance-card-mark {
  border: 1px solid #354255;
  background: #202a38;
  color: #a9c4ef;
}

#screen-profile .finance-glance > div {
  border-color: #2b333f;
  border-radius: 13px;
  background: #12171e;
}

#screen-profile .finance-glance small {
  color: #8f9aaa;
}

#screen-profile .finance-glance strong {
  color: #f3f5f8;
  font-variant-numeric: tabular-nums;
}

#screen-profile .finance-wallet-action {
  border-color: #6487c455;
  background: #25364d;
  color: #dce9ff;
  box-shadow: none;
}

#screen-profile .finance-wallet-action.connected {
  border-color: #54a47d55;
  background: #20392f;
  color: #c8f1dc;
}

#screen-profile .finance-open {
  border-color: #333e4d;
  background: #202732;
  color: #dce3ed;
}

#screen-profile .profile-heading {
  margin-top: 28px;
}

#screen-profile .order-card,
#screen-profile .empty-card {
  border-color: var(--line);
  border-radius: 16px;
  background: #171c24;
  box-shadow: none;
}

#screen-profile .orders-list > .empty-card {
  grid-column: 1 / -1;
}

#screen-profile .order-status {
  border-color: #435b7c;
  background: #202e40;
  color: #c5d9f8;
}

#screen-profile .order-meta > strong {
  color: #f3f5f8;
  font-variant-numeric: tabular-nums;
}

#screen-profile .all-orders-button {
  border-color: #344052;
  background: #1b222c;
  color: #d9e5f6;
}

/* Shared controls: one accent, clear focus, no glossy gradient treatment. */
:is(.primary-button, .hero-button, .floating-checkout, .checkout-submit) {
  background: #5b7fc4;
  box-shadow: none;
}

:is(button, a, input, textarea, select):focus-visible {
  outline-color: #9bbcff;
}

@media (max-width: 600px) {
  #screen-profile .page-heading {
    padding-top: 22px;
  }

  #screen-profile .profile-card {
    padding: 14px;
  }

  #screen-profile .finance-card {
    padding: 15px;
  }
}

/* Keep notification filters above the feed and prevent horizontal page drift. */
body.profile-settings-open{overflow-x:hidden!important;overscroll-behavior-x:none!important;touch-action:pan-y}
html:has(body.profile-settings-open){overflow-x:clip!important;overscroll-behavior-x:none!important;touch-action:pan-y}
.profile-settings-sheet.is-notifications{overflow-x:clip;touch-action:pan-y}
.profile-settings-sheet.is-notifications .profile-settings-sheet-content{overflow-x:hidden;touch-action:pan-y}
.profile-settings-sheet.is-notifications .profile-notification-filters{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:none;gap:6px;overflow:visible;margin:0;padding:8px 0;background:#19171f;box-shadow:0 8px 12px #141319;color:#f5f2f8}
.profile-settings-sheet.is-notifications .profile-notification-filters button{justify-content:center;min-width:0;width:100%;padding-inline:5px;gap:4px;white-space:nowrap}
.profile-notification-feed,.profile-mail-group,.profile-mail-list{min-width:0;max-width:100%;overflow-x:clip}

/* Scrolling stays available, while browser scrollbar thumbs stay hidden throughout the app. */
*,*::before,*::after{scrollbar-width:none!important;-ms-overflow-style:none!important}
*::-webkit-scrollbar,*::-webkit-scrollbar-thumb{display:none!important;width:0!important;height:0!important}

/* Top-up flow: clear amount entry, fee preview and green payment affordance. */
body.topup-sheet-open { overflow: hidden !important; overscroll-behavior: none !important; }
body.topup-sheet-open .bottom-nav { visibility: hidden !important; pointer-events: none !important; }
body.topup-sheet-open .support-fab { visibility: hidden; }
#topup-sheet {
  color: #f4f5f7;
  border: 1px solid #32353b;
  background: linear-gradient(160deg, #1b1d21, #141518 72%);
  box-shadow: 0 24px 80px #0009, inset 0 1px #ffffff09;
}
#topup-sheet .sheet-handle { background: #64686e; }
#topup-sheet .sheet-heading h2 { letter-spacing: -.035em; }
#topup-sheet #topup-explainer { margin: 9px 0 14px; color: #a7abb2; font-size: 12px; }
#topup-sheet .topup-balance-band {
  margin: 12px 0 15px;
  border: 1px solid #1f8457;
  background: linear-gradient(115deg, #123d2d, #15523a 55%, #17372c);
  box-shadow: inset 0 1px #ffffff12;
}
#topup-sheet .topup-balance-icon { background: #2caf70; color: #f2fff7; }
#topup-sheet .topup-balance-band small { color: #a9dfbf; }
#topup-sheet .topup-balance-brand { color: #b6e7c8; }
#topup-sheet .topup-amounts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 12px 0 18px; }
#topup-sheet .topup-amounts button {
  min-height: 44px; border: 1px solid #34373e; border-radius: 13px;
  background: #22252a; color: #e4e6e9; font-size: 12px;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
#topup-sheet .topup-amounts button:hover { transform: translateY(-1px); }
#topup-sheet .topup-amounts button.selected {
  border-color: #42be7e; background: #17432f; color: #eafff1;
  box-shadow: inset 0 0 0 1px #42be7e30;
}
#topup-sheet > label { display: block; margin: 0 0 8px; color: #f1f2f3; font-size: 13px; font-weight: 750; }
#topup-sheet .topup-input-wrap {
  display: flex; align-items: center; height: 54px; padding-right: 16px;
  border: 1px solid #3c4046; border-radius: 15px; background: #17191d;
  transition: border-color .18s ease, box-shadow .18s ease;
}
#topup-sheet .topup-input-wrap:focus-within { border-color: #39b875; box-shadow: 0 0 0 3px #39b8751d; }
#topup-sheet .topup-input-wrap input {
  min-width: 0; height: 100%; border: 0; background: transparent; box-shadow: none;
  color: #f5f7f6; padding: 0 15px; font-size: 19px; font-weight: 750; font-variant-numeric: tabular-nums;
}
#topup-sheet .topup-input-wrap input:focus { border: 0; box-shadow: none; }
#topup-sheet .topup-input-wrap > span { color: #9fa6a1; font-size: 16px; font-weight: 750; }
#topup-sheet .topup-range-hint { display: block; margin: 7px 2px 0; color: #858b87; font-size: 10px; }
#topup-sheet .topup-total {
  display: grid; gap: 9px; margin-top: 16px; padding: 14px 15px;
  border: 1px solid #30343a; border-radius: 15px; background: #191b1f;
}
#topup-sheet .topup-total > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #a4aaa6; font-size: 11px; }
#topup-sheet .topup-total strong { color: #e9ecea; font-size: 12px; font-variant-numeric: tabular-nums; }
#topup-sheet .topup-total b { color: #66d99a; font-weight: 750; }
#topup-sheet .topup-total .topup-total-final { margin-top: 3px; padding-top: 10px; border-top: 1px solid #30343a; color: #edf2ee; font-size: 12px; font-weight: 750; }
#topup-sheet .topup-total-final strong { color: #74e3a5; font-size: 17px; }
#topup-sheet .topup-method-label { display: block; margin-top: 17px; color: #f1f2f3; font-size: 13px; font-weight: 750; }
#topup-sheet .topup-methods { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 9px; }
#topup-sheet .topup-methods button {
  display: grid; align-content: center; gap: 4px; min-height: 58px; padding: 10px 12px;
  border: 1px solid #34383e; border-radius: 14px; background: #22252a; color: #e4e7e4; text-align: left;
}
#topup-sheet .topup-methods button strong { font-size: 12px; }
#topup-sheet .topup-methods button small { color: #969d98; font-size: 10px; }
#topup-sheet .topup-methods button.selected { border-color: #42be7e; background: #173b2c; box-shadow: inset 0 0 0 1px #42be7e30; }
#topup-sheet #topup-notice { margin: 12px 0; padding: 11px 12px; border: 1px solid #383b40; border-radius: 13px; background: #1d2024; color: #a4aaa6; font-size: 10px; line-height: 1.45; }
#topup-sheet #topup-submit {
  min-height: 52px; border: 1px solid #42be7e; border-radius: 15px;
  background: linear-gradient(110deg, #17864e, #24aa65 55%, #17864e); background-size: 180% 100%;
  color: #f5fff8; font-weight: 800; box-shadow: 0 8px 24px #13864c35, inset 0 1px #ffffff2e;
  transition: filter .18s ease, transform .18s ease, opacity .18s ease;
}
#topup-sheet #topup-submit:not(:disabled):hover { background-position: 100% 0; transform: translateY(-1px); }
#topup-sheet #topup-submit:disabled { border-color: #3b4840; background: #27342d; color: #8b9b90; opacity: .82; box-shadow: none; }
@media (max-width: 600px) {
  #topup-sheet .topup-amounts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  #topup-sheet .topup-amounts button { min-height: 42px; font-size: 11px; }
}

/* Wallet and top-up panels use a clear account-first hierarchy. */
#finance-sheet {
  width: min(650px, calc(100% - 24px));
  max-height: min(88dvh, 820px);
  padding: 16px 20px calc(20px + env(safe-area-inset-bottom));
  border-color: #485879;
  border-radius: 26px;
  background: linear-gradient(155deg, #1b2230 0%, #171b25 68%, #1c1b2b 100%);
  box-shadow: 0 28px 90px #000c, inset 0 1px #ffffff0c;
}

#finance-sheet .sheet-handle { margin-bottom: 16px; }
#finance-sheet .sheet-heading { margin-bottom: 14px; }
#finance-sheet .sheet-heading h2 { font-size: 22px; }

.finance-ton-overview {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 5px 12px;
  margin: 9px 0 13px;
  padding: 19px 18px 15px;
  border: 1px solid #596c8a66;
  border-radius: 19px;
  background: radial-gradient(ellipse at 100% 0%, #668bcb38, transparent 58%),
    linear-gradient(125deg, #26364b, #20283a 68%, #28243b);
  box-shadow: inset 0 1px #ffffff12;
}

.finance-ton-overview > div { display: grid; gap: 5px; }
.finance-ton-overview .eyebrow { color: #b0c6e9; }
.finance-ton-overview small { color: #aab6c8; font-size: 10px; }
.finance-ton-overview > strong {
  color: #f7f9ff;
  font-size: clamp(28px, 7vw, 38px);
  font-weight: 760;
  letter-spacing: -.045em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.finance-ton-address {
  grid-column: 1 / -1;
  color: #bdc7d7;
  font-size: 11px;
  line-height: 1.5;
}
.finance-ton-overview.is-connected .finance-ton-address {
  overflow-wrap: anywhere;
  color: #bdc7d7;
  font-family: ui-monospace, "Cascadia Code", monospace;
  font-size: 10px;
  line-height: 1.4;
}

.ton-wallet-card {
  align-items: center;
  margin: 0;
  padding: 13px;
  border-color: #ffffff14;
  border-radius: 17px;
  background: #11172299;
}
.ton-wallet-copy .eyebrow { color: #93a4bc; }
.ton-wallet-copy strong { font-size: 14px; }
.ton-wallet-copy small { font-size: 10px; }
#finance-sheet .ton-wallet-card {
  display: grid;
  grid-template-columns: 43px minmax(0, 1fr);
  gap: 10px 12px;
  margin: 0;
  padding: 15px;
}
#finance-sheet .ton-wallet-card .ton-wallet-copy { grid-column: 2; }
#finance-sheet .ton-wallet-card > button {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 48px;
  margin: 2px 0 0;
  border-radius: 14px;
  font-size: 12px;
}
.ton-wallet-card button {
  min-height: 38px;
  border-color: #6688bb88;
  border-radius: 12px;
  background: linear-gradient(110deg, #354e73, #43416e);
}
.ton-wallet-disconnect {
  width: 100%;
  min-height: 44px;
  margin-top: 8px;
  border: 1px solid #a05f7180;
  border-radius: 13px;
  background: #442b39;
  color: #f0cad4;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
}
.ton-wallet-disconnect.hidden { display: none !important; }

.topup-balance-band {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 17px 0 2px;
  padding: 15px;
  border: 1px solid #5e7eb45e;
  border-radius: 17px;
  background: linear-gradient(112deg, #274766, #2d3d68 65%, #3b3667);
  box-shadow: inset 0 1px #ffffff17;
}
.topup-balance-icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: none;
  border-radius: 13px;
  background: #ffffff17;
  color: #e4edff;
  font-size: 19px;
  font-weight: 800;
}
.topup-balance-band > div { display: grid; gap: 3px; min-width: 0; }
.topup-balance-band small { color: #c4d4ed; font-size: 8px; font-weight: 750; letter-spacing: .08em; }
.topup-balance-band strong { color: #fff; font-size: 22px; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.topup-balance-brand { margin-left: auto; color: #d9e4f6; font-size: 10px; font-weight: 750; opacity: .8; }
#topup-sheet .topup-amounts { margin-top: 14px; }
#topup-sheet .topup-amounts button { min-height: 43px; border-radius: 13px; background: #242a37; }
#topup-sheet .topup-amounts button.selected { border-color: #90b2ed; background: #344d73; color: #f5f8ff; }
#topup-sheet input { border-radius: 13px; background: #151a23; }
#topup-sheet .topup-method-label { display: block; margin-top: 18px; font-size: 12px; font-weight: 750; }
#topup-sheet .topup-methods { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 10px; }
#topup-sheet .topup-methods button { min-height: 45px; border-radius: 13px; background: #202631; }
#topup-sheet .topup-methods button.selected { border-color: #8faee4; background: #2b3d59; color: #edf4ff; }
#topup-sheet #topup-submit { min-height: 49px; border-radius: 14px; }

#app-loader {
  position: fixed;
  z-index: 999;
  inset: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  background: radial-gradient(ellipse at 50% 42%, #293b59 0%, #171d2a 40%, #101319 78%);
  color: #f3f6fb;
  opacity: 1;
  transition: opacity .24s ease, visibility .24s ease;
}
#app-loader.is-leaving { visibility: hidden; opacity: 0; pointer-events: none; }
.startup-emblem {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 3px;
  border: 1px solid #88a9df70;
  border-radius: 19px;
  background: linear-gradient(145deg, #5a78ad, #393a68);
  box-shadow: 0 12px 36px #425c923d, inset 0 1px #ffffff40;
  animation: startup-float 1.1s ease-in-out infinite alternate;
}
.startup-emblem span { color: #fff; font-size: 27px; }
#app-loader > strong { font-size: 20px; letter-spacing: -.04em; }
#app-loader > small { color: #aab6c8; font-size: 11px; }
#app-loader > i { width: 66px; height: 3px; overflow: hidden; margin-top: 6px; border-radius: 4px; background: #ffffff17; }
#app-loader > i::after { display: block; width: 38%; height: 100%; border-radius: inherit; background: #aac7f6; content: ""; animation: startup-progress .85s ease-in-out infinite; }
@keyframes startup-float { to { transform: translateY(-4px); } }
@keyframes startup-progress { from { transform: translateX(-110%); } to { transform: translateX(280%); } }

@media (max-width: 600px) {
  #finance-sheet { bottom: 6px; width: calc(100% - 12px); max-height: min(89dvh, 860px); padding: 13px 14px calc(16px + env(safe-area-inset-bottom)); border-radius: 23px; }
  .finance-ton-overview { padding: 16px 14px 13px; border-radius: 17px; }
  .finance-ton-overview > strong { font-size: clamp(27px, 8vw, 34px); }
  .ton-wallet-card { gap: 9px; padding: 11px; }
  .ton-wallet-mark { width: 38px; height: 38px; }
  .ton-wallet-card button { padding-inline: 10px; }
  .topup-balance-band { margin-top: 12px; padding: 13px; }
  #topup-sheet .topup-amounts { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  #topup-sheet .topup-amounts button { padding-inline: 3px; font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  #app-loader, .startup-emblem, #app-loader > i::after { animation: none; transition: none; }
}

@keyframes balance-gradient-wash {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

/* Home: a storefront welcome, not a pitch-deck cover. */
#screen-home .hero {
  min-height: 390px;
  margin-top: 20px;
  padding: clamp(28px, 5vw, 52px);
  border: 1px solid #35445a;
  border-radius: 25px;
  background: linear-gradient(118deg, #1b2635 0%, #22253a 57%, #1a202e 100%);
  box-shadow: inset 0 1px #ffffff12;
}

#screen-home .hero::before {
  background: radial-gradient(ellipse at 78% 40%, #758ee641, transparent 34%),
    radial-gradient(ellipse at 100% 0%, #9279e126, transparent 43%);
}

#screen-home .hero h1 {
  max-width: 580px;
  margin: 24px 0 16px;
  font-size: clamp(38px, 5.8vw, 62px);
  line-height: 1.02;
}

#screen-home .hero h1 em {
  color: #b4c8ff;
}

#screen-home .hero p {
  max-width: 450px;
  color: #c0c9d6;
  font-size: 14px;
}

#screen-home .hero-art {
  right: 5%;
  top: 17%;
  width: 275px;
  height: 275px;
  opacity: .84;
}

#screen-home .hero-orbit,
#screen-home .hero-light,
#screen-home .orbit-emoji {
  display: none;
}

#screen-home .hero-art-core {
  inset: 15%;
  width: 70%;
  height: 70%;
  border: 1px solid #d9e6ff55;
  border-radius: 34%;
  background: linear-gradient(145deg, #829fe4, #5c6fa9 58%, #373d64);
  box-shadow: 0 24px 55px #090e1d80, inset 0 1px #ffffff55;
  animation: none;
  transform: rotate(-8deg);
}

#screen-home .hero-art-core img {
  width: 68%;
  transform: rotate(8deg);
  filter: drop-shadow(0 10px 15px #10172b66);
}

#screen-home .hero-trust span {
  border-color: #c0d3f71c;
  background: #0c142033;
  color: #c8d4e7;
}

#screen-home .hero-button {
  min-height: 50px;
  border: 1px solid #b8ceff55;
  border-radius: 13px;
  background: linear-gradient(110deg, #6f8fcf, #5975b4 55%, #716ab0);
  box-shadow: 0 10px 25px #111a3266;
}

#screen-home .feature-card,
#screen-home .home-cta,
#screen-home .faq-list details {
  border-color: var(--line);
  border-radius: 17px;
  background: #171c24;
  box-shadow: none;
}

#screen-home .feature-card {
  min-height: 160px;
  padding: 19px;
}

#screen-home .feature-icon {
  border: 1px solid #344154;
  border-radius: 13px;
  background: #202a38;
}

#screen-home .feature-card p,
#screen-home .faq-list details p {
  color: #a4afbf;
}

#screen-home .home-cta button {
  border-color: #667fad;
  border-radius: 12px;
  background: #283951;
  color: #e1ebfa;
}

/* iPhone / Telegram: reserve Telegram's actual safe inset, keep the balance
   platform pinned below native controls, and size the glass nav from its item. */
@media (max-width: 899px) {
  .topbar,
  .telegram-fullscreen .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    height: 64px !important;
    margin: 0 -14px !important;
    padding: 0 12px !important;
    background: #101319ed !important;
    backdrop-filter: blur(20px) saturate(135%);
    -webkit-backdrop-filter: blur(20px) saturate(135%);
  }

  body.telegram-miniapp .topbar {
    height: calc(64px + var(--telegram-header-offset, 56px)) !important;
    padding-top: var(--telegram-header-offset, 56px) !important;
  }

  body.telegram-miniapp .account-pill {
    top: calc(var(--telegram-header-offset, 56px) + 32px) !important;
  }

  .keyboard-open .topbar {
    position: sticky !important;
  }

  .account-pill {
    gap: 2px !important;
    padding: 3px 6px !important;
    border: 1px solid #ffffff1d !important;
    border-radius: 999px !important;
    background: #171d28d9 !important;
    box-shadow: 0 7px 22px #05080e55, inset 0 1px #ffffff0a !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .account-pill .header-topup {
    width: 27px !important;
    margin: 0 !important;
    color: #c1d2f5 !important;
  }

  .account-pill .header-balance {
    width: 122px !important;
    min-width: 122px !important;
  }

  .account-pill .avatar-small {
    width: 30px !important;
    height: 30px !important;
  }

  .bottom-nav {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 25 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: calc(100% - 20px) !important;
    max-width: 520px !important;
    height: 62px !important;
    padding: 5px !important;
    transform: translateX(-50%) !important;
    border: 1px solid #ffffff1d !important;
    border-radius: 21px !important;
    background: #151b25eF !important;
    box-shadow: 0 12px 32px #05070c88, inset 0 1px #ffffff0d !important;
    backdrop-filter: blur(22px) saturate(140%);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
  }

  .bottom-nav::before {
    display: block !important;
    left: var(--nav-indicator-left, 5px) !important;
    top: 5px !important;
    width: var(--nav-indicator-width, calc((100% - 10px) / 4)) !important;
    height: 50px !important;
    transform: none !important;
    border: 1px solid #8daef75c !important;
    border-radius: 16px !important;
    background: linear-gradient(120deg, #7799d445, #786ebc42) !important;
    box-shadow: inset 0 1px #ffffff28, 0 4px 14px #10182b44 !important;
    transition: left .34s cubic-bezier(.22, 1, .36, 1),
      width .34s cubic-bezier(.22, 1, .36, 1), background .25s ease !important;
  }

  .bottom-nav[data-active="catalog"] { --nav-indicator-left: calc(25% + 3px); --nav-indicator-width: calc(25% - 3px); }

  .bottom-nav[data-active="home"]::before { background: linear-gradient(120deg, #7799d445, #786ebc42) !important; }
  .bottom-nav[data-active="catalog"]::before { background: linear-gradient(120deg, #7799d445, #786ebc42) !important; }
  .bottom-nav[data-active="cases"]::before { background: linear-gradient(120deg, #7799d445, #786ebc42) !important; }
  .bottom-nav[data-active="profile"]::before { background: linear-gradient(120deg, #7799d445, #786ebc42) !important; }

  .bottom-nav .nav-item {
    position: relative !important;
    z-index: 1 !important;
    flex: 1 1 25% !important;
    width: 25% !important;
    min-width: 0 !important;
    height: 50px !important;
    padding: 3px 1px !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    background: transparent !important;
    color: #929dad !important;
    box-shadow: none !important;
  }

  .bottom-nav .nav-item.selected {
    border-color: transparent !important;
    background: transparent !important;
    color: #f0f4fb !important;
    box-shadow: none !important;
  }

  .bottom-nav .nav-item .nav-icon { width: 23px !important; height: 23px !important; }
  .bottom-nav .nav-item .nav-icon svg { width: 21px !important; height: 21px !important; }
  .bottom-nav .nav-item small { font-size: 9px !important; line-height: 1.1 !important; }
}

@media (max-width: 600px) {
  #screen-home .hero {
    min-height: 360px;
    margin-top: 12px;
    padding: 25px 21px;
    border-radius: 21px;
  }

  #screen-home .hero h1 {
    max-width: 330px;
    margin-top: 20px;
    font-size: clamp(36px, 10vw, 46px);
    letter-spacing: -.045em !important;
  }

  #screen-home .hero p {
    max-width: 290px;
    font-size: 13px;
  }

  #screen-home .hero-art {
    right: -70px;
    top: 42%;
    width: 205px;
    height: 205px;
    opacity: .27;
  }

  #screen-home .hero-trust { max-width: 280px; }
  #screen-home .hero-trust span { font-size: 9px; }
  #screen-home .feature-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  #screen-home .feature-card { min-height: 145px; padding: 14px; }
  #screen-home .feature-card strong { font-size: 12px; }
  #screen-home .feature-card p { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  #screen-profile .finance-card { animation: none; }
  .bottom-nav::before { transition: none !important; }
}

/* StarMarket profile draft: identity, funds, activity, active orders. */
#screen-profile {
  --profile-card: #171b25;
  --profile-card-raised: #1c2230;
  --profile-stroke: #30394a;
}

#screen-profile .page-heading {
  padding: 18px 2px 16px;
}

#screen-profile .page-heading .eyebrow {
  color: #8daee7;
}

#screen-profile .page-heading h1 {
  margin: 5px 0 0;
  font-size: clamp(27px, 4vw, 34px);
  letter-spacing: -.045em !important;
}

#screen-profile .page-heading p {
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.45;
}

#screen-profile .profile-card {
  position: relative;
  min-height: 88px;
  gap: 14px;
  padding: 14px 17px;
  border: 1px solid var(--profile-stroke);
  border-radius: 20px;
  background: linear-gradient(112deg, #1b2230, #171b25 72%);
  box-shadow: inset 0 1px #ffffff08;
}

#screen-profile .avatar-large {
  width: 58px;
  height: 58px;
  border: 1px solid #53627a;
  border-radius: 18px;
  background: linear-gradient(145deg, #405777, #252e3d 70%);
  box-shadow: 0 0 0 4px #8caeff0b;
}

#screen-profile .profile-identity strong {
  font-size: 17px;
  line-height: 1.2;
}

#screen-profile .profile-identity span {
  margin-top: 5px;
  font-size: 12px;
}

#screen-profile .admin-badge {
  border-color: #5379aa80;
  border-radius: 999px;
  background: #24364d;
  color: #c2dcff;
}

#screen-profile .finance-card {
  margin-top: 12px;
  padding: 18px;
  border: 1px solid #3a4660;
  border-radius: 22px;
  background: radial-gradient(ellipse at 90% 0%, #415f8b45, transparent 48%),
    linear-gradient(135deg, #202a3a, #1b2030 62%, #222033);
  box-shadow: inset 0 1px #ffffff0b;
  animation: none;
}

#screen-profile .finance-card-top {
  align-items: flex-start;
}

#screen-profile .finance-card h2 {
  margin-top: 5px;
  font-size: 19px;
  letter-spacing: -.035em !important;
}

#screen-profile .finance-card p {
  margin-top: 5px;
  font-size: 11px;
}

#screen-profile .finance-card-mark {
  width: 34px;
  height: 34px;
  border-color: #657b9d66;
  border-radius: 12px;
  background: #26364b;
  color: #bcd5ff;
}

#screen-profile .finance-glance {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  gap: 9px;
  margin: 15px 0 12px;
}

#screen-profile .finance-glance > div {
  min-width: 0;
  padding: 12px 13px;
  border-color: #ffffff12;
  border-radius: 15px;
  background: #11172288;
}

#screen-profile .finance-glance small {
  font-size: 9px;
}

#screen-profile .finance-glance strong {
  margin-top: 6px;
  font-size: 17px;
  font-weight: 720;
  letter-spacing: -.025em;
}

#screen-profile .finance-glance > div:first-child strong {
  font-size: 22px;
}

#screen-profile .finance-wallet-action {
  min-height: 45px;
  border: 1px solid #7597d966;
  border-radius: 14px;
  background: linear-gradient(105deg, #324a70, #3a3d68);
  color: #edf4ff;
  font-size: 12px;
  font-weight: 750;
}

#screen-profile .finance-wallet-action.connected {
  border-color: #7185ad66 !important;
  background: linear-gradient(105deg, #2c405a, #35314f) !important;
  color: #e4edff !important;
}

#screen-profile .profile-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

#screen-profile .profile-stats > div {
  display: flex;
  min-height: 82px;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 13px 16px;
  border: 1px solid var(--profile-stroke);
  border-radius: 18px;
  background: linear-gradient(135deg, var(--profile-card-raised), var(--profile-card));
}

#screen-profile .profile-stats strong {
  font-size: 26px;
  line-height: 1;
}

#screen-profile .profile-stats span {
  font-size: 11px;
}

#screen-profile .profile-heading {
  align-items: end;
  margin-top: 24px;
  margin-bottom: 11px;
}

#screen-profile .profile-heading h2 {
  margin-top: 4px;
  font-size: 20px;
  letter-spacing: -.035em !important;
}

#screen-profile .order-card,
#screen-profile .empty-card {
  border-color: var(--profile-stroke);
  border-radius: 17px;
  background: linear-gradient(135deg, #1b202b, #171b24);
  box-shadow: inset 0 1px #ffffff07;
}

#screen-profile .order-card {
  padding: 15px 16px;
}

#screen-profile .order-title-wrap strong {
  font-size: 13px;
}

#screen-profile .order-status {
  border-color: #657b9d55;
  background: #29374c;
  color: #d8e6fb;
}

#screen-profile .order-meta > strong {
  color: #f2f5fa;
  font-size: 14px;
}

#screen-profile .all-orders-button {
  min-height: 46px;
  margin-top: 12px;
  border: 1px solid #3b4c69;
  border-radius: 14px;
  background: #202a38;
  color: #e2edff;
}

@media (min-width: 900px) {
  #screen-profile.active {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(270px, .85fr);
    align-items: stretch;
    column-gap: 16px;
    padding-top: 10px;
  }
  #screen-profile > .page-heading,
  #screen-profile > #profile-error,
  #screen-profile > .profile-card,
  #screen-profile > .profile-heading,
  #screen-profile > .orders-list,
  #screen-profile > #all-orders-open,
  #screen-profile > #admin-panel,
  #screen-profile > .support-link { grid-column: 1 / -1; }
  #screen-profile .page-heading { padding-top: 14px; }
  #screen-profile > #finance-card { grid-column: 1; grid-row: 3; align-self: stretch; }
  #screen-profile > .profile-stats {
    grid-column: 2;
    grid-row: 3;
    grid-template-columns: 1fr;
    align-content: center;
    gap: 12px;
    margin-top: 12px;
  }
  #screen-profile .profile-stats > div { min-height: 82px; }
  #screen-profile .profile-heading { margin-top: 26px; }
}

@media (max-width: 600px) {
  #screen-profile .page-heading { padding-top: 14px; padding-bottom: 13px; }
  #screen-profile .profile-card { min-height: 78px; padding: 12px 14px; border-radius: 18px; }
  #screen-profile .avatar-large { width: 52px; height: 52px; border-radius: 16px; }
  #screen-profile .finance-card { padding: 15px; border-radius: 19px; }
  #screen-profile .finance-glance > div { padding: 10px 11px; }
  #screen-profile .finance-glance strong { font-size: 14px; }
  #screen-profile .finance-glance > div:first-child strong { font-size: 20px; }
  #screen-profile .profile-stats > div { min-height: 74px; padding: 12px 14px; }
}

/* Keep the balance capsule clear of Telegram's native close/menu controls. */
@media (max-width: 899px) {
  body.telegram-miniapp .account-pill {
    top: calc(var(--telegram-header-offset, 56px) + 44px) !important;
    left: calc(50% + 3px) !important;
    width: max-content !important;
    max-width: min(190px, calc(100vw - 210px)) !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    gap: 4px !important;
    height: 34px !important;
    padding: 2px 5px !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 999px !important;
    background: #171c27a8 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body.telegram-miniapp .account-pill .header-topup {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 29px !important;
    margin: 0 !important;
    background: transparent !important;
  }
  body.telegram-miniapp .account-pill .header-balance {
    width: max-content !important;
    min-width: 0 !important;
    height: 28px !important;
    grid-template-rows: 9px 16px !important;
    gap: 0 !important;
    transform: translateY(-1px) !important;
  }
  body.telegram-miniapp .account-pill .header-balance small {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    text-align: center !important;
    font-size: 9px !important;
  }
  body.telegram-miniapp .account-pill .header-balance i { display: none !important; }
  body.telegram-miniapp .account-pill .header-balance strong {
    width: auto !important;
    max-width: none !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
  }
  body.telegram-miniapp .account-pill .avatar-small { width: 26px !important; height: 26px !important; }
}

/* A single finance action opens the wallet and balance panel. */
#screen-profile .finance-actions { grid-template-columns: minmax(0, 1fr) !important; }
#screen-profile .finance-actions .finance-wallet-action { width: 100%; min-height: 46px; }
#screen-profile .finance-actions .finance-open { display: none !important; }
#screen-profile .finance-wallet-action.connected {
  border-color: #697ba055 !important;
  background: linear-gradient(110deg, #29374d, #30243f) !important;
  color: #e1e8f4 !important;
}

/* The finance drawer owns touch scrolling while the page stays fixed. */
#finance-backdrop { z-index: 79 !important; touch-action: none; }
#finance-sheet { z-index: 80 !important; overscroll-behavior: contain; touch-action: pan-y; -webkit-overflow-scrolling: touch; }
body.finance-sheet-open { overflow: hidden !important; overscroll-behavior: none !important; }

/* Only animate when the displayed balance actually changes. */
.header-balance strong,
.header-balance small,
.header-balance i,
.header-balance-center strong,
.header-balance-center small,
.header-balance-center span {
  transition: opacity 180ms ease, transform 180ms ease, filter 180ms ease !important;
}
.topbar.balance-transitioning .header-balance strong,
.topbar.balance-transitioning .header-balance small,
.topbar.balance-transitioning .header-balance i,
.topbar.balance-transitioning .header-balance-center strong,
.topbar.balance-transitioning .header-balance-center small,
.topbar.balance-transitioning .header-balance-center span {
  opacity: 0 !important;
  transform: translateY(3px) !important;
  filter: blur(2px) !important;
}
@media (prefers-reduced-motion: reduce) {
  .header-balance strong,
  .header-balance small,
  .header-balance i,
  .header-balance-center strong,
  .header-balance-center small,
  .header-balance-center span { transition: none !important; }
}

#topup-sheet {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: min(620px, calc(100% - 24px));
  max-height: min(88dvh, 820px);
  border-radius: 25px;
}
#topup-sheet .topup-scroll-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  touch-action: pan-y;
}
#topup-sheet .topup-scroll-content::-webkit-scrollbar { display:none!important;width:0!important;height:0!important }
#topup-backdrop { touch-action:none }
#topup-sheet { overscroll-behavior:contain;touch-action:pan-y }
#topup-sheet .topup-submit-dock {
  position: relative;
  flex: 0 0 auto;
  bottom: auto;
  margin: 12px -22px calc(-26px - env(safe-area-inset-bottom));
}

@media (max-width: 600px) {
  #finance-sheet {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  #topup-sheet {
    bottom: 6px;
    width: calc(100% - 12px);
    max-height: min(89dvh, 860px);
    border-radius: 23px;
  }
  body.topup-sheet-open #topup-sheet{bottom:var(--keyboard-bottom,6px);max-height:min(calc(var(--visual-height,89dvh) - 12px),860px);transition:none!important}
}

/* Profile finances are two independent balances, each with its own action. */
#screen-profile {
  --profile-red: #ed4552;
  --profile-red-soft: #ff7a82;
  --profile-black: #111214;
  --profile-black-raised: #17181b;
  --profile-border: #2a2c31;
  --profile-ton: #69c9f3;
}
#screen-profile .page-heading .eyebrow { color: #f16b75; }
#screen-profile .profile-card {
  border-color: var(--profile-border);
  background: linear-gradient(110deg, #17181b, #121315 76%);
  box-shadow: inset 0 1px #ffffff08;
}
#screen-profile .avatar-large {
  border-color: #4a3034;
  background: linear-gradient(145deg, #523238, #211c1f 74%);
  box-shadow: 0 0 0 4px #ed45520d;
}
#screen-profile .admin-badge {
  border-color: #ed455270;
  background: #3a2024;
  color: #ffb7bc;
}
#profile-finances {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.profile-fund-card {
  display: flex;
  min-width: 0;
  min-height: 104px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 15px;
  border: 1px solid var(--profile-border);
  border-radius: 19px;
  background: linear-gradient(120deg, #191a1d, #121315 78%);
  box-shadow: inset 0 1px #ffffff08;
}
.profile-fund-main { display: flex; min-width: 0; flex: 1; align-items: center; gap: 11px; }
.profile-fund-icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: none;
  place-items: center;
  border: 1px solid #ed455247;
  border-radius: 14px;
  background: #3b2024;
  color: #ffabb1;
  font-size: 19px;
  font-weight: 800;
}
.profile-fund-icon img { width: 27px; height: 27px; object-fit: contain; }
.profile-fund-copy { display: grid; min-width: 0; gap: 4px; }
.profile-fund-copy > small { color: #a1a3aa; font-size: 8px; font-weight: 800; letter-spacing: .09em; }
.profile-fund-copy > strong {
  overflow: hidden;
  color: #f5f5f6;
  font-size: clamp(18px, 2.1vw, 23px);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.profile-fund-copy > span { overflow: hidden; color: #84878f; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.profile-fund-action {
  display: inline-flex;
  min-width: 100px;
  min-height: 40px;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #ff748055;
  border-radius: 12px;
  background: linear-gradient(115deg, #c93442, #a82435);
  color: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 5px 16px #bd28351f, inset 0 1px #ffffff2c;
  cursor: pointer;
  transition: transform .16s ease, filter .16s ease;
}
.profile-fund-action:hover { filter: brightness(1.1); transform: translateY(-1px); }
.profile-fund-action span { font-size: 16px; line-height: 1; }
.profile-ton-card {
  border-color: #293943;
  background: linear-gradient(120deg, #171b1f, #111416 78%);
}
.profile-ton-card .profile-fund-icon {
  border-color: #53b4df48;
  background: #142d38;
  color: var(--profile-ton);
}
.profile-ton-card .profile-fund-copy > small { color: #91b9ca; }
.profile-ton-card .profile-fund-action {
  border-color: #55bce45c;
  background: linear-gradient(115deg, #17617a, #174b66);
  color: #e5f8ff;
  box-shadow: 0 5px 16px #1c88ad1c, inset 0 1px #ffffff2c;
}
.profile-ton-card .profile-fund-action.connected {
  border-color: #5bb9d944;
  background: #172a32;
  color: #a9e6fc;
  box-shadow: inset 0 1px #ffffff10;
}
#screen-profile .profile-stats > div,
#screen-profile .order-card,
#screen-profile .empty-card {
  border-color: var(--profile-border);
  background: linear-gradient(135deg, #18191c, #121315);
  box-shadow: inset 0 1px #ffffff07;
}
#screen-profile .profile-stats strong { color: #f4f4f5; }
#screen-profile .profile-heading .eyebrow { color: #d66a72; }
#screen-profile .order-product-dot { background: var(--profile-red); box-shadow: 0 0 0 4px #ed45521c; }
#screen-profile .order-status { border-color: #ed455249; background: #3a2024; color: #ffb7bc; }
#screen-profile .all-orders-button { border-color: #613139; background: #24181b; color: #ffdce0; }

@media (min-width: 900px) {
  #screen-profile.active { grid-template-columns: minmax(0, 1fr); }
  #screen-profile > #profile-finances,
  #screen-profile > .profile-stats { grid-column: 1 / -1; grid-row: auto; }
  #screen-profile > .profile-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  #profile-finances { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  .profile-fund-card { min-height: 92px; padding: 12px; border-radius: 17px; }
  .profile-fund-action { min-width: 104px; min-height: 40px; padding-inline: 10px; font-size: 10px; }
}

/* Profile home follows a simple account dashboard: balances, then destinations. */
#profile-finances { grid-template-columns: minmax(0, 1fr); gap: 9px; }
#screen-profile .profile-stats { display: none !important; }
#screen-profile.active {
  display: block;
  width: min(100%, 760px);
  margin-inline: auto;
  padding-top: 8px;
}
#screen-profile > .page-heading { display: none !important; }
#screen-profile > .profile-card {
  min-height: 72px;
  margin: 3px 0 14px;
  padding: 4px 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#screen-profile > .profile-heading,
#screen-profile > #orders-list,
#screen-profile > #all-orders-open,
#screen-profile > #support-profile-open { display: none !important; }
.profile-fund-card { min-height: 96px; }
.profile-shortcuts {
  overflow: hidden;
  margin-top: 14px;
  border: 1px solid #2b2d31;
  border-radius: 19px;
  background: #18191b;
  box-shadow: none;
}
.profile-shortcut-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 74px;
  padding: 10px 17px;
  border: 0;
  border-bottom: 1px solid #ffffff0b;
  background: transparent;
  color: #e7e7e9;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease;
}
.profile-shortcut-row:last-child { border-bottom: 0; }
.profile-shortcut-row:hover { background: #ffffff08; }
.profile-shortcut-icon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #bfc1c5;
}
.profile-shortcut-icon svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}
.profile-shortcut-copy { min-width: 0; }
.profile-shortcut-copy strong { font-size: 16px; font-weight: 520; letter-spacing: -.015em; }
.profile-shortcut-arrow { color: #aeb0b5; font-size: 27px; font-weight: 350; line-height: 1; text-align: center; }
@media (max-width: 600px) {
  #screen-profile.active { width: 100%; padding-top: 4px; }
  #screen-profile > .profile-card { min-height: 68px; margin-bottom: 12px; }
  .profile-shortcuts { margin-top: 12px; border-radius: 18px; }
  .profile-shortcut-row { min-height: 70px; padding-inline: 15px; }
  .profile-shortcut-copy strong { font-size: 15px; }
  .profile-fund-card { min-height: 88px; }
}

/* Keep the header clear on the profile; balances live in the profile cards. */
body[data-screen="profile"] .topbar .account-pill,
body[data-screen="profile"] .topbar #header-balance-center { display: none !important; }

/* The two independent balances use the same grouped-row language as the menu. */
#profile-finances {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid #2b2d31;
  border-radius: 19px;
  background: #18191b;
}
#profile-finances .profile-fund-card {
  min-height: 82px;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid #ffffff0b;
  border-radius: 0;
  box-shadow: none;
}
#profile-finances .profile-fund-card:last-child { border-bottom: 0; }
#profile-finances .profile-rub-card {
  background: linear-gradient(100deg, #28191d, #1b181a 74%);
}
#profile-finances .profile-ton-card {
  background: linear-gradient(100deg, #15232b, #18191b 74%);
}
#profile-finances .profile-fund-icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
}
#profile-finances .profile-fund-copy > small { font-size: 8px; }
#profile-finances .profile-fund-copy > strong { font-size: clamp(19px, 2.2vw, 24px); }
#profile-finances .profile-fund-action {
  min-width: 94px;
  min-height: 38px;
  border-radius: 999px;
  box-shadow: none;
}
@media (max-width: 600px) {
  #profile-finances { border-radius: 18px; }
  #profile-finances .profile-fund-card { min-height: 76px; padding: 10px 12px; }
  #profile-finances .profile-fund-main { gap: 9px; }
  #profile-finances .profile-fund-icon { width: 34px; height: 34px; border-radius: 11px; }
  #profile-finances .profile-fund-copy > strong { font-size: 18px; }
  #profile-finances .profile-fund-action { min-width: 86px; min-height: 36px; padding-inline: 10px; font-size: 10px; }
}

/* Touch browsers can keep a synthetic hover after a swipe ends over a control. */
@media (hover: none), (pointer: coarse) {
  html, body { touch-action: pan-x pan-y; -webkit-tap-highlight-color: transparent; }
  :is(button, a, [role="button"], summary) { -webkit-tap-highlight-color: transparent; }
  .header-topup:hover { color: #d9b4ff !important; transform: none !important; }
  .hero-button:hover,
  .primary-button:not(:disabled):hover,
  .floating-checkout:hover,
  .bonus-spin-button:not(:disabled):hover { transform: none !important; filter: none !important; box-shadow: none !important; }
  .speed-badge:hover { transform: none !important; }
  .recipient-clear:hover { color: #d898aa !important; }
  .recipient-verified:hover::after { opacity: 0 !important; transform: translate(-50%, 4px) !important; }
  .star-package:hover:not(.selected),
  .star-package:focus:not(.selected) { border-color: #3d354b !important; background: #211c2e !important; transform: none !important; box-shadow: none !important; }
  .packages-more:hover { color: #a995ba !important; background: transparent !important; }
  .gift-card:hover:not(.selected) { border-color: #40354e !important; transform: none !important; box-shadow: none !important; }
  .gift-card.selected:hover { transform: none !important; }
  .all-orders-button:hover,
  .support-link:hover,
  .ghost-button:hover,
  .balance-button:hover,
  .admin-action:hover,
  .orders-pager button:hover,
  .topup-methods button:hover,
  .promo-input-row button:hover,
  .result-actions a:hover,
  .result-actions button:hover { transform: none !important; box-shadow: none !important; }
  .nav-item:hover:not(.selected),
  .bottom-nav .nav-item:hover:not(.selected) { background: transparent !important; color: #95899f !important; }
  .nav-item.selected:hover { color: #f4e8ff !important; }
  .bonus-demo-referral:hover,
  .admin-order-detail-button:hover { transform: none !important; filter: none !important; }
  #screen-cases .case-choice:hover:not(.selected),
  #screen-cases .case-choice:focus-visible:not(.selected) {
    border-color: #ffffff20 !important;
    box-shadow: 0 14px 30px #0004 !important;
    transform: none !important;
  }
  #screen-cases .case-choice.selected:hover { transform: none !important; }
  .support-inbox-item:hover { border-color: inherit !important; transform: none !important; }
  #screen-catalog .gift-card:hover:not(.selected) { border-color: #40354e !important; }
  .profile-fund-action:hover { filter: none !important; transform: none !important; }
  .profile-shortcut-row:hover { background: transparent !important; }
}

html.touch-interaction :is(button, a, [role="button"]):focus-visible { outline: none !important; }
html.touch-interaction .header-topup:focus-visible { color: #d9b4ff !important; transform: none !important; }
html.touch-interaction .hero-button:focus-visible { transform: none !important; box-shadow: none !important; }
html.touch-interaction .speed-badge:focus-visible { transform: none !important; }
html.touch-interaction .recipient-clear:focus-visible { color: #d898aa !important; }
html.touch-interaction .star-package:focus-visible:not(.selected) { border-color: #3d354b !important; background: #211c2e !important; }
html.touch-interaction .packages-more:focus-visible { color: #a995ba !important; background: transparent !important; }
html.touch-interaction .recipient-verified:focus-visible::after { opacity: 0 !important; transform: translate(-50%, 4px) !important; }

/* A ready case uses a compact mint FREE pill; no extra star or old dot. */
.cases-nav-icon .cases-available-badge:not(.hidden) {
  display: grid !important;
  place-items: center;
  position: absolute;
  top: -7px;
  right: -15px;
  min-width: 27px;
  width: auto;
  height: 15px;
  padding: 0 5px;
  border: 1px solid #183a31;
  border-radius: 999px;
  background: linear-gradient(135deg, #b8f2d7, #67d9ac);
  color: #123a2d;
  font: 850 7px/1 ui-sans-serif, system-ui, sans-serif;
  font-style: normal;
  letter-spacing: .035em;
  white-space: nowrap;
  box-shadow: 0 1px 5px #0006, 0 0 8px #67d9ac38;
  pointer-events: none;
}

/* Keep top-up colors and grid after the legacy component rules above. */
#topup-sheet .topup-amounts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#topup-sheet .topup-amounts button { border-color: #34373e; background: #22252a; color: #e4e6e9; }
#topup-sheet .topup-amounts button.selected { border-color: #42be7e; background: #17432f; color: #eafff1; }
#topup-sheet .topup-methods button { min-height: 58px; border-color: #34383e; background: #22252a; color: #e4e7e4; }
#topup-sheet .topup-methods button.selected { border-color: #42be7e; background: #173b2c; color: #eafff1; }
#topup-sheet #topup-submit { border-color: #42be7e; background: linear-gradient(110deg, #17864e, #24aa65 55%, #17864e); color: #f5fff8; }
#topup-sheet #topup-submit:disabled { border-color: #3b4840; background: #27342d; color: #8b9b90; }
#topup-sheet .topup-submit-dock {
  position: sticky;
  bottom: 0;
  z-index: 4;
  margin: 12px -22px calc(-26px - env(safe-area-inset-bottom));
  padding: 14px 22px calc(12px + env(safe-area-inset-bottom));
  background: linear-gradient(180deg, #14151800 0%, #141518ed 24%, #141518 100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
#topup-sheet .topup-submit-dock #topup-submit { margin: 0; }
#topup-sheet .topup-submit-dock #topup-error { margin-bottom: 0; }
@media (max-width: 600px) {
  #topup-sheet .topup-amounts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #topup-sheet .topup-submit-dock {
    bottom: auto;
  }
}

/* Put the price breakdown directly above a larger, unframed top-up action. */
#topup-sheet .topup-submit-dock {
  padding: 8px 22px calc(12px + env(safe-area-inset-bottom));
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
#topup-sheet .topup-submit-dock .topup-total {
  margin: 0 0 9px;
}
#topup-sheet .topup-submit-dock #topup-submit {
  display: flex;
  width: 100%;
  min-height: 62px;
  height: 62px;
  justify-content: center;
  border: 0;
  border-color: transparent;
  border-radius: 17px;
  background: linear-gradient(110deg, #17864e, #24aa65 55%, #17864e);
  background-size: 180% 100%;
  box-shadow: 0 8px 22px #17864e32;
  color: #f5fff8;
  font-size: 15px;
  font-weight: 850;
}
#topup-sheet .topup-submit-dock #topup-submit:disabled {
  border: 0;
  background: #27342d;
  box-shadow: none;
  color: #8b9b90;
}

/* Profile preferences and document sheets. */
.profile-settings-block { margin: 20px 0 26px; }
.profile-settings-heading { margin: 0 3px 10px; }
.profile-settings-heading h2 { margin: 4px 0 0; font-size: 17px; letter-spacing: -.025em; }
.profile-settings-list { overflow: hidden; border: 1px solid #2b2d31; border-radius: 18px; background: #18191b; }
.profile-settings-list .profile-shortcut-row { min-height: 64px; }
.profile-settings-list [data-profile-setting="language"] { grid-template-columns: 30px minmax(0, 1fr) auto 18px; }
.profile-settings-list .profile-theme-row { grid-template-columns: 30px minmax(0, 1fr) 43px; }
.profile-settings-list .profile-shortcut-row:last-child { border-bottom: 0; }
.profile-settings-list .profile-shortcut-copy small { display: block; margin-top: 4px; color: #898c93; font-size: 10px; line-height: 1.3; }
.profile-settings-list .profile-shortcut-icon { font-size: 18px; }

/* Top-up sheet: keep its heading reachable below Telegram controls and reveal
   the fee summary only after both amount and method have been chosen. */
@media (max-width: 600px) {
  body.telegram-miniapp.topup-sheet-open #topup-sheet {
    top: max(182px, calc(var(--telegram-header-offset, 56px) + 126px));
    bottom: var(--keyboard-bottom, 6px);
    max-height: none;
    padding-top: 12px;
  }
}
#topup-sheet .sheet-heading { position: relative; z-index: 2; flex: 0 0 auto; }
#topup-sheet #topup-close { flex: 0 0 36px; }
#topup-sheet .topup-submit-dock {
  margin: 8px -22px calc(-26px - env(safe-area-inset-bottom));
  padding: 4px 22px calc(14px + env(safe-area-inset-bottom));
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#topup-sheet .topup-submit-dock .topup-total {
  display: grid;
  gap: 8px;
  max-height: 150px;
  margin: 0 0 10px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .24s ease, max-height .28s ease, margin .28s ease, transform .28s ease;
}
#topup-sheet .topup-submit-dock .topup-total.is-collapsed {
  max-height: 0;
  margin: 0;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
}
#topup-sheet .topup-submit-dock .topup-total .topup-total-final { padding-top: 8px; }
#topup-sheet .topup-submit-dock #topup-submit:disabled {
  border: 0 !important;
  background: #34363b !important;
  box-shadow: none !important;
  color: #92959c !important;
  opacity: 1;
}
#topup-sheet .topup-submit-dock #topup-submit:not(:disabled) {
  border: 0 !important;
  background: linear-gradient(110deg, #17864e, #24aa65 55%, #17864e) !important;
  box-shadow: 0 8px 22px #17864e32 !important;
  color: #f5fff8 !important;
}

/* Wallet overview: make the top-up flow read like a real balance screen. */
#topup-sheet .topup-balance-band {
  display:flex;align-items:center;gap:11px;margin:4px 0 14px;padding:13px 14px;
  border:1px solid #32463d;border-radius:16px;
  background:linear-gradient(105deg,#172820,#1c2021 78%);
}
#topup-sheet .topup-balance-icon {
  display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;
  background:#205b3d;color:#8bf0b3;font-size:19px;font-weight:900;
}
#topup-sheet .topup-balance-band > div { display:grid;min-width:0;gap:3px; }
#topup-sheet .topup-balance-band small { color:#8fb9a0;font-size:9px;font-weight:800;letter-spacing:.08em; }
#topup-sheet .topup-balance-band strong { color:#effff4;font-size:19px;line-height:1.05; }
#topup-sheet .topup-balance-status { margin-left:auto;color:#7edda1;font-size:9px;font-weight:750;text-align:right; }
#topup-sheet #topup-explainer { margin-top:0; }

.referral-trust-note{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:11px 12px;border:1px solid #3d3152;border-radius:14px;background:#211a2e;color:#d9c8ec}
.referral-trust-note>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:8px;background:#49316a;color:#d9b7ff;font-weight:900}
.referral-trust-note div{display:grid;gap:3px;min-width:0}.referral-trust-note strong{font-size:11px}.referral-trust-note small{color:#a69bb3;font-size:10px;line-height:1.35}
.profile-setting-value { margin-left: auto; color: #a9aeb7; font-size: 11px; }
.profile-theme-switch { position: relative; flex: none; width: 43px; height: 25px; margin-left: auto; border: 1px solid #484b51; border-radius: 999px; background: #2c2e33; transition: background .2s ease, border-color .2s ease; }
.profile-theme-switch i { position: absolute; top: 3px; left: 3px; width: 17px; height: 17px; border-radius: 50%; background: #aeb1b7; transition: transform .2s ease, background .2s ease; }
.profile-theme-row[aria-checked="true"] .profile-theme-switch { border-color: #b64b59; background: #6f2933; }
.profile-theme-row[aria-checked="true"] .profile-theme-switch i { transform: translateX(18px); background: #ffd7da; }
.profile-settings-backdrop { position: fixed; z-index: 109; inset: 0; background: #07080bcc; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.profile-settings-sheet { position: fixed; z-index: 110; left: 50%; bottom: 0; transform: translateX(-50%); width: min(620px, 100%); max-height: min(86dvh, 820px); overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 14px 22px calc(24px + env(safe-area-inset-bottom)); border: 1px solid #38333f; border-bottom: 0; border-radius: 24px 24px 0 0; background: linear-gradient(155deg, #201c29, #17171b 75%); color: #f1eff5; box-shadow: 0 -20px 60px #0008; }
.profile-settings-sheet .sheet-heading { margin-bottom: 16px; }
.profile-settings-sheet .sheet-heading h2 { max-width: 490px; font-size: clamp(20px, 4vw, 25px); line-height: 1.2; }
.profile-settings-sheet-content { color: #dedbe3; }
.profile-settings-sheet.is-notifications{display:flex;height:100vh!important;height:100dvh!important;max-height:100dvh!important;top:0!important;bottom:0!important;border-radius:0!important;border:none!important;overflow:hidden;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))!important;background:#12101b!important}
.profile-settings-sheet.is-notifications .sheet-heading{flex:none;margin-bottom:12px}
.profile-settings-sheet.is-notifications .profile-settings-sheet-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;touch-action:pan-y}
.profile-language-options { display: grid; gap: 8px; }
.profile-language-option { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 62px; padding: 11px 15px; border: 1px solid #34343b; border-radius: 15px; background: #222329; color: #f0eff2; text-align: left; }
.profile-language-option span { display: grid; gap: 4px; }
.profile-language-option strong { font-size: 13px; }
.profile-language-option small { color: #9799a1; font-size: 10px; }
.profile-language-option b { color: #82d7a4; font-size: 18px; }
.profile-language-option.selected { border-color: #835baf; background: #2a2235; }
.profile-language-option.unavailable { color: #a5a4aa; }
.profile-legal-copy { color: #c8c5ce; font-size: 12px; line-height: 1.65; }
.profile-legal-copy p { margin: 0 0 14px; }
.profile-legal-copy h3 { margin: 20px 0 7px; color: #f3eff7; font-size: 13px; }
.profile-legal-copy ul { display: grid; gap: 8px; margin: 0 0 14px; padding-left: 19px; }
.profile-legal-copy li::marker { color: #c194e5; }
.profile-legal-copy a { color: #d4b0f5; text-decoration: underline; text-underline-offset: 3px; }
body.profile-settings-open { overflow: hidden !important; overscroll-behavior: none !important; }

/* Persisted light palette for users who turn off the dark theme. */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f2f3f5;
  --panel: #ffffff;
  --panel-2: #f7f8fa;
  --text: #1b1d21;
  --muted: #6f747d;
  --line: #dfe2e6;
  --accent: #a83c49;
  --accent-light: #cf5865;
  --success: #198a56;
}
:root[data-theme="light"] body { background: var(--bg) !important; color: var(--text) !important; }
:root[data-theme="light"] .app-shell { background: radial-gradient(ellipse at 50% -25%, #ffffff 0, transparent 55%), var(--bg) !important; }
:root[data-theme="light"] .topbar,
:root[data-theme="light"] .bottom-nav,
:root[data-theme="light"] .sidebar-head { border-color: var(--line) !important; background-color: #f7f8fa !important; }
:root[data-theme="light"] .brand,
:root[data-theme="light"] .page-heading h1,
:root[data-theme="light"] .section-heading h2,
:root[data-theme="light"] .profile-identity strong { color: var(--text) !important; }
:root[data-theme="light"] .page-heading p,
:root[data-theme="light"] .profile-identity span,
:root[data-theme="light"] .profile-stats span { color: var(--muted) !important; }
:root[data-theme="light"] #screen-profile .profile-card,
:root[data-theme="light"] #screen-profile .profile-stats > div,
:root[data-theme="light"] #profile-finances,
:root[data-theme="light"] #profile-finances .profile-fund-card,
:root[data-theme="light"] .profile-shortcuts,
:root[data-theme="light"] .profile-settings-list,
:root[data-theme="light"] .all-orders-button,
:root[data-theme="light"] .support-link,
:root[data-theme="light"] .orders-list .order-card,
:root[data-theme="light"] .orders-list > article {
  border-color: #dfe2e6 !important;
  background: #fff !important;
  color: #25272b !important;
  box-shadow: 0 5px 18px #1c26300a !important;
}
:root[data-theme="light"] #profile-finances .profile-rub-card { background: linear-gradient(100deg, #fff2f3, #fff) !important; }
:root[data-theme="light"] #profile-finances .profile-ton-card { background: linear-gradient(100deg, #eef8fc, #fff) !important; }
:root[data-theme="light"] #profile-finances .profile-fund-copy > small,
:root[data-theme="light"] .profile-settings-list .profile-shortcut-copy small { color: #777d86 !important; }
:root[data-theme="light"] .profile-shortcut-row { border-color: #e8eaed !important; color: #26282d !important; }
:root[data-theme="light"] .profile-shortcut-icon { border-color: #e4e6e9 !important; background: #f0f1f4 !important; color: #6f3940 !important; }
:root[data-theme="light"] .profile-shortcut-arrow { color: #81858c !important; }
:root[data-theme="light"] .profile-settings-heading h2 { color: #202226; }
:root[data-theme="light"] .profile-settings-backdrop { background: #1c20264d; }
:root[data-theme="light"] .profile-settings-sheet { border-color: #d8dbe0; background: #f8f9fb; color: #1d2024; }
:root[data-theme="light"] .profile-settings-sheet-content,
:root[data-theme="light"] .profile-legal-copy { color: #4f555e; }
:root[data-theme="light"] .profile-legal-copy h3 { color: #23262b; }
:root[data-theme="light"] .profile-legal-copy a { color: #963846; }
:root[data-theme="light"] .profile-language-option { border-color: #dfe2e6; background: #fff; color: #25272b; }
:root[data-theme="light"] .profile-language-option.selected { border-color: #b58aa0; background: #fff5f6; }
:root[data-theme="light"] .profile-language-option small { color: #747a83; }
:root[data-theme="light"] #screen-catalog .form-panel,
:root[data-theme="light"] #screen-catalog .summary-panel,
:root[data-theme="light"] #screen-catalog .payment-panel,
:root[data-theme="light"] .checkout-sheet,
:root[data-theme="light"] .finance-sheet,
:root[data-theme="light"] #topup-sheet { border-color: #dfe2e6 !important; background: #fff !important; color: #23262b !important; }
:root[data-theme="light"] #screen-catalog .form-title h2,
:root[data-theme="light"] #screen-catalog .summary-panel h3,
:root[data-theme="light"] #topup-sheet .sheet-heading h2 { color: #22252a !important; }
:root[data-theme="light"] #screen-catalog input,
:root[data-theme="light"] #topup-sheet input,
:root[data-theme="light"] .checkout-sheet input { border-color: #d7dbe0 !important; background: #f4f5f7 !important; color: #1d2024 !important; }
:root[data-theme="light"] #screen-cases .case-choice,
:root[data-theme="light"] #screen-cases .bonus-case-window,
:root[data-theme="light"] #screen-cases .bonus-inventory,
:root[data-theme="light"] #screen-cases .cases-ready-banner { border-color: #dfe2e6 !important; }
:root[data-theme="light"] .profile-theme-switch { border-color: #cbd0d6; background: #e4e7eb; }
:root[data-theme="light"] .profile-theme-switch i { background: #fff; box-shadow: 0 1px 4px #0002; }

/* Profile inbox and the soft flowing accent used across the storefront. */
#screen-profile > .profile-card { position: relative; padding-right: 62px; }
#screen-profile #admin-badge { margin-right: 46px; }
.profile-notifications-open {
  position: absolute; top: 50%; right: 12px; transform: translateY(-50%);
  display: grid; place-items: center; width: 38px; height: 38px; padding: 0;
  border: 1px solid var(--line); border-radius: 13px; background: #ffffff08; color: #d8c2ee;
  cursor: pointer; transition: background .2s ease, color .2s ease, transform .2s ease;
}
.profile-notifications-open svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.profile-notifications-open:active { transform: translateY(-50%) scale(.94); }
.profile-notification-badge { position: absolute; top: -5px; right: -5px; min-width: 17px; height: 17px; padding: 0 4px; display: grid; place-items: center; border: 2px solid var(--panel); border-radius: 99px; background: #d94755; color: white; font-size: 9px; line-height: 1; font-weight: 800; }
.profile-notification-list { display: grid; gap: 8px; margin-top: 18px; }
.profile-notification-card { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: #ffffff06; }
.profile-notification-card.unread { border-color: #8b5bb044; background: linear-gradient(110deg,#7545b015,#ffffff05); }
.profile-notification-icon { flex: 0 0 34px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: #8b5bb026; color: #d9b9ff; font-size: 16px; font-weight: 800; }
.profile-notification-copy { min-width: 0; flex: 1; }
.profile-notification-main { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.profile-notification-main > span { min-width: 0; display: block; }
.profile-notification-main strong { display: block; color: var(--text); font-size: 12px; line-height: 1.35; }
.profile-notification-main small { display: -webkit-box; overflow: hidden; margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.profile-notification-main i { flex: none; color: #a89cb6; font-size: 16px; font-style: normal; transition: transform .2s ease; }
.profile-notification-card.expanded .profile-notification-main i { transform: rotate(180deg); }
.profile-notification-full p { margin: 9px 0 7px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.profile-notification-full time { color: #8e879a; font-size: 9px; }
.profile-notification-action { display: block; margin-top: 9px; padding: 0; border: 0; background: transparent; color: #d6b3ff; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.profile-notifications-empty { padding: 28px 12px; color: var(--muted); text-align: center; font-size: 12px; }
:root[data-theme="light"] .profile-notification-card { border-color: #e0e2e6; background: #fff; }
:root[data-theme="light"] .profile-notification-card.unread { border-color: #c8afdc; background: linear-gradient(110deg,#f9f0ff,#fff); }
:root[data-theme="light"] .profile-notification-copy strong { color: #25272b; }

/* Profile notifications use a mail inbox and a separate message reader. */
.profile-mail-list{display:grid;gap:0;margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.profile-mail-row{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-width:0;min-height:72px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.profile-mail-row:last-child{border-bottom:0}
.profile-mail-row:active{background:rgba(255,255,255,.035)}
.profile-mail-avatar{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#43334f,#27212f);color:#dfc6f2;font-size:16px;font-weight:800}
.profile-mail-avatar img{display:block;width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 2px 5px #0005)}
.profile-mail-avatar.is-balance{background:radial-gradient(circle at 30% 22%,#a6f3cf,#28aa82 52%,#12534d);box-shadow:0 4px 14px #2cb98b35}
.profile-mail-avatar.is-wallet{background:radial-gradient(circle at 30% 22%,#a3efff,#3199d1 53%,#174d83);box-shadow:0 4px 14px #39aee535}
.profile-mail-avatar.is-discount{background:radial-gradient(circle at 30% 22%,#ffe19c,#f28b3c 54%,#a43e55);box-shadow:0 4px 14px #ff9c4b35}
.profile-mail-avatar.is-promotion{background:radial-gradient(circle at 30% 22%,#efb7ff,#a952dc 54%,#542b84);box-shadow:0 4px 14px #b76ce535}
.profile-mail-avatar.is-case{background:radial-gradient(circle at 30% 22%,#b5f8e6,#39bba3 54%,#176c78);box-shadow:0 4px 14px #39c4ad35}
.profile-mail-avatar.is-order{background:radial-gradient(circle at 30% 22%,#c5e2ff,#568cdb 54%,#344a9b);box-shadow:0 4px 14px #5f94f035}
.profile-mail-avatar.is-welcome{background:radial-gradient(circle at 30% 22%,#f2c7ff,#a965d6 54%,#56377f);box-shadow:0 4px 14px #bb73e535}
.profile-mail-copy{display:grid;gap:2px;min-width:0;flex:1}
.profile-mail-sender{color:var(--muted);font-size:10px;line-height:1.2}
.profile-mail-copy strong{overflow:hidden;color:var(--text);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.profile-mail-copy small{overflow:hidden;color:var(--muted);font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.profile-mail-meta{align-self:flex-start;display:flex;align-items:center;gap:7px;flex:none;padding-top:2px;color:var(--muted);font-size:9px;white-space:nowrap}
.profile-mail-meta i{width:7px;height:7px;border-radius:50%;background:#9c68c9}
.profile-mail-row.unread .profile-mail-sender,.profile-mail-row.unread .profile-mail-copy strong{color:var(--text);font-weight:850}
.profile-mail-detail{min-height:240px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.profile-mail-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 18px;padding:4px 0;border:0;background:transparent;color:#caa7e6;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.profile-mail-detail-sender{display:flex;align-items:center;gap:10px;min-width:0}
.profile-mail-detail-sender>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}
.profile-mail-detail-sender strong{font-size:12px}
.profile-mail-detail-sender small,.profile-mail-detail-sender time{color:var(--muted);font-size:9px}
.profile-mail-detail-sender time{flex:none;align-self:flex-start;padding-top:2px}
.profile-mail-banner{position:relative;display:flex;align-items:center;gap:14px;min-height:116px;margin-top:18px;padding:20px;overflow:hidden;border-radius:16px;color:#fff;background:radial-gradient(ellipse at 82% 10%,#c34d6077,transparent 44%),linear-gradient(130deg,#232b39,#15171f 72%);isolation:isolate}
.profile-mail-banner:after{position:absolute;z-index:-1;right:-30px;bottom:-72px;width:190px;height:190px;border:1px solid #ffffff20;border-radius:50%;content:"";box-shadow:0 0 0 22px #ffffff08,0 0 0 48px #ffffff06}
.profile-mail-banner-symbol{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#ffffff14;font-size:30px;filter:drop-shadow(0 6px 14px #0005)}
.profile-mail-banner-copy{display:grid;gap:6px;min-width:0}
.profile-mail-banner-copy small{color:#ffffffae;font-size:8px;font-weight:850;letter-spacing:.18em}
.profile-mail-banner-copy strong{font-size:clamp(17px,5vw,23px);line-height:1.12;letter-spacing:-.03em}
.profile-mail-banner-copy i{color:#ffffffc4;font-size:11px;font-style:normal;line-height:1.35}
.profile-mail-banner-balance{background:radial-gradient(ellipse at 85% 10%,#33c99466,transparent 48%),linear-gradient(130deg,#123b37,#171d24 76%)}
.profile-mail-banner-wallet{background:radial-gradient(ellipse at 85% 10%,#35b8d477,transparent 48%),linear-gradient(130deg,#123449,#171d24 76%)}
.profile-mail-banner-discount{background:radial-gradient(ellipse at 85% 10%,#ffb34e88,transparent 50%),linear-gradient(130deg,#74431f,#452233 82%)}
.profile-mail-banner-promotion{background:radial-gradient(ellipse at 85% 10%,#b54be077,transparent 50%),linear-gradient(130deg,#452653,#20202f 82%)}
.profile-mail-banner-case{background:radial-gradient(ellipse at 85% 10%,#559cf177,transparent 50%),linear-gradient(130deg,#153e69,#1d2432 82%)}
.profile-mail-banner-order{background:radial-gradient(ellipse at 85% 10%,#58d6a077,transparent 48%),linear-gradient(130deg,#16453b,#17242a 82%)}
.profile-mail-banner-welcome{background:radial-gradient(ellipse at 85% 10%,#ad72df88,transparent 50%),linear-gradient(130deg,#39234d,#20202f 82%)}
.profile-mail-banner-image{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;margin-top:18px;border-radius:16px;background:#261e2e}
.profile-mail-detail h3{margin:20px 0 10px;color:var(--text);font-size:19px;line-height:1.25;letter-spacing:-.025em}
.profile-mail-detail>p{margin:0;color:var(--muted);font-size:13px;line-height:1.65;white-space:pre-line}
.profile-mail-detail .profile-notification-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin-top:24px;padding:0 14px;border:1px solid #78539a;border-radius:13px;background:linear-gradient(110deg,#7446a0,#50306f);color:#fff;font-size:12px}
:root[data-theme="light"] .profile-mail-list,:root[data-theme="light"] .profile-mail-detail{border-color:#e0e2e6;background:#fff}
:root[data-theme="light"] .profile-mail-row{border-color:#e8e9ec}
:root[data-theme="light"] .profile-mail-avatar{background:#f0e8f6;color:#67448a}
:root[data-theme="light"] .profile-mail-avatar.is-balance{background:radial-gradient(circle at 30% 22%,#a6f3cf,#28aa82 52%,#12534d)}
:root[data-theme="light"] .profile-mail-avatar.is-wallet{background:radial-gradient(circle at 30% 22%,#a3efff,#3199d1 53%,#174d83)}
:root[data-theme="light"] .profile-mail-avatar.is-discount{background:radial-gradient(circle at 30% 22%,#ffe19c,#f28b3c 54%,#a43e55)}
:root[data-theme="light"] .profile-mail-avatar.is-promotion{background:radial-gradient(circle at 30% 22%,#efb7ff,#a952dc 54%,#542b84)}
:root[data-theme="light"] .profile-mail-avatar.is-case{background:radial-gradient(circle at 30% 22%,#b5f8e6,#39bba3 54%,#176c78)}
:root[data-theme="light"] .profile-mail-avatar.is-order{background:radial-gradient(circle at 30% 22%,#c5e2ff,#568cdb 54%,#344a9b)}
:root[data-theme="light"] .profile-mail-avatar.is-welcome{background:radial-gradient(circle at 30% 22%,#f2c7ff,#a965d6 54%,#56377f)}
@media(max-width:420px){.profile-mail-detail{padding:12px}.profile-mail-banner{min-height:100px;padding:16px;gap:11px}.profile-mail-banner-symbol{width:46px;height:46px;border-radius:14px;font-size:25px}.profile-mail-banner-copy strong{font-size:18px}.profile-mail-detail h3{font-size:18px}.profile-settings-sheet.is-notifications{height:90vh;height:90dvh;max-height:90dvh;padding-bottom:calc(14px + env(safe-area-inset-bottom))}}

/* Keep text clean; the animated accent belongs to control surfaces, not glyph backgrounds. */
.eyebrow, .eyebrow.muted, .eyebrow:not(.muted) {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  color: #b19bc1 !important;
  animation: none !important;
  text-shadow: none !important;
}
#screen-catalog .catalog-intro .eyebrow,
#screen-catalog .form-title .eyebrow { color: #b19bc1 !important; }

@keyframes starmarket-gradient-flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes starmarket-accent-text {
  0%,100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes starmarket-surface-flow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
.product-tab.active {
  position: relative !important; overflow: hidden !important; isolation: isolate;
  background-image: linear-gradient(110deg,#58317c 0%,#8e4bb2 24%,#bb65bb 48%,#7142a1 72%,#58317c 100%) !important;
  background-size: 280% 100% !important; animation: starmarket-surface-flow 5.5s ease-in-out infinite alternate !important;
}
.product-tab.active > * { position: relative; z-index: 1; }
:is(.primary-button,.hero-button,.floating-checkout,.checkout-submit):not(:disabled) {
  background-image: linear-gradient(110deg,#69409d 0%,#9650bd 24%,#bd61b5 48%,#7d50b4 72%,#69409d 100%) !important;
  background-size: 280% 100% !important; animation: starmarket-surface-flow 6s ease-in-out infinite alternate !important;
}
.floating-checkout.is-visible { overflow: hidden; isolation: isolate; border: 1px solid #c490e8 !important; box-shadow: 0 13px 30px #3a1b5966 !important; }
.floating-checkout.is-visible::after { content: none !important; }
.floating-checkout.is-visible:not(:disabled) {
  background-image: linear-gradient(112deg,#542c91 0%,#7741b5 18%,#b34fc1 38%,#663bc0 58%,#3586c3 78%,#542c91 100%) !important;
  background-size: 360% 100% !important;
  animation: starmarket-surface-flow 3.8s ease-in-out infinite alternate !important;
  border-color: #c494ef !important;
  box-shadow: 0 12px 32px #63299c55, inset 0 1px #ffffff38 !important;
}
.bonus-spin-button:not(:disabled) {
  background-image: linear-gradient(110deg,#4c347d 0%,#7950a9 24%,#a858a5 48%,#60499a 72%,#4c347d 100%) !important;
  background-size: 280% 100% !important; animation: starmarket-surface-flow 7s ease-in-out infinite alternate !important;
}
#screen-cases .case-choice::before {
  background-size: 280% 100% !important; animation: starmarket-surface-flow 10s ease-in-out infinite alternate !important;
}
@media (max-width: 600px) {
  #screen-catalog .catalog-intro {
    display: flex !important; grid-template-columns: none !important;
    align-items: center !important; gap: 9px !important; width: 100% !important; min-width: 0 !important;
    margin-top: 10px !important;
  }
  #screen-catalog .catalog-intro .page-heading {
    display: block !important; flex: none !important; width: auto !important; min-width: 0 !important;
  }
  #screen-catalog .catalog-intro .eyebrow,
  #screen-catalog .form-title .eyebrow {
    display: inline-block !important; vertical-align: middle;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
  }
  #screen-catalog .product-switcher {
    display: flex !important; flex: 1 1 0 !important; min-width: 0 !important; max-width: 100% !important; width: auto !important; height: 47px !important; gap: 8px !important;
    overflow-x: auto !important; overflow-y: hidden !important; padding: 3px !important; scroll-snap-type: x mandatory !important;
    box-sizing: border-box !important;
  }
  #screen-catalog .product-tab {
    flex: 0 0 145px !important; min-width: 145px !important; width: 145px !important; height: 39px !important; min-height: 39px !important;
    justify-content: center !important; gap: 6px !important; padding: 0 7px !important;
    font-size: 11px !important; white-space: nowrap; scroll-snap-align: start;
  }
  #screen-catalog .product-tab img { width: 21px !important; height: 21px !important; }
  body:not(.keyboard-open) #screen-catalog #floating-checkout:not(.is-visible) { display: none !important; }
}
/* Compact gift selector and always available mobile checkout action. */
@media (max-width: 600px) {
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-catalog {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card {
    display: grid !important;
    grid-template-columns: 30px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas: "emoji copy" "emoji price" !important;
    align-items: center !important;
    gap: 2px 7px !important;
    min-width: 0 !important;
    min-height: 70px !important;
    padding: 7px !important;
    border-radius: 13px !important;
  }
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card-emoji {
    grid-area: emoji !important;
    width: 30px !important; height: 30px !important; margin: 0 !important;
    border-radius: 10px !important; font-size: 21px !important;
  }
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card-copy {
    grid-area: copy !important; width: 100% !important; min-width: 0 !important;
  }
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card strong {
    display: -webkit-box !important; overflow: hidden !important; white-space: normal !important;
    font-size: 9px !important; line-height: 1.12 !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  }
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card small {
    margin-top: 2px !important; font-size: 8px !important; white-space: nowrap !important;
  }
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card b {
    grid-area: price !important; margin: 0 !important; padding: 0 !important;
    font-size: 10px !important; white-space: nowrap !important;
  }
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card.selected::after {
    top: 4px !important; right: 4px !important; width: 15px !important; height: 15px !important; font-size: 9px !important;
  }
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-quantity-mark {
    display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px;
    color: #c6a2e8;
  }
  #screen-catalog:has(#gift-controls:not(.hidden)) .gift-quantity-mark svg { display: block; width: 24px; height: 24px; }
  #screen-catalog { padding-bottom: calc(158px + env(safe-area-inset-bottom)) !important; }
}

/* BetBoom-inspired order history: graphite surfaces, crisp type, restrained red accents. */
#screen-orders.orders-brand{width:min(1200px,100%);max-width:1200px;margin:0 auto;padding-top:clamp(16px,3vw,34px)}
#screen-orders .orders-heading{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:20px;row-gap:12px;margin:0 0 26px}
#screen-orders .orders-heading>.eyebrow{grid-column:1/-1;color:#de626b;letter-spacing:.16em}
#screen-orders .orders-heading h1{margin:0;color:#f7f7f8;font-size:clamp(30px,4vw,44px);font-weight:850;letter-spacing:-.055em;line-height:1.04}
#screen-orders .orders-heading-meta{display:flex;align-items:center;gap:14px}
#screen-orders .orders-heading-meta p{margin:0;color:#92949d;font-size:12px}
#screen-orders #orders-refresh{padding:0;border:0;background:none;color:#f07880;font-size:12px;font-weight:800;white-space:nowrap}
#screen-orders .orders-filters{padding:17px;border:1px solid #2b2d34;border-radius:18px;background:linear-gradient(145deg,#191a1f,#141519);box-shadow:0 12px 35px #0002}
#screen-orders .filter-main{grid-template-columns:minmax(0,1fr) minmax(140px,.34fr) minmax(140px,.34fr);gap:9px}
#screen-orders .orders-filters input,#screen-orders .orders-filters select{height:46px;padding:0 13px;border:1px solid #34363e;border-radius:11px;background:#222329;color:#f2f2f4;font-size:12px;transition:border-color .16s,background .16s}
#screen-orders .orders-filters input::placeholder{color:#858791}
#screen-orders .orders-filters input:focus,#screen-orders .orders-filters select:focus{border-color:#d6505c;background:#25262c;box-shadow:0 0 0 3px #d6505c1a}
#screen-orders .orders-filters details{margin-top:14px;padding-top:12px;border-top:1px solid #303137;color:#a5a6ad;font-size:11px}
#screen-orders .orders-filters summary{display:flex;align-items:center;gap:7px;list-style:none;color:#c5c6cb;font-weight:700}
#screen-orders .orders-filters summary::-webkit-details-marker{display:none}
#screen-orders .orders-filters summary:before{content:'+';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#292a30;color:#ed6871;font-size:14px}
#screen-orders .orders-filters details[open] summary:before{content:'−'}
#screen-orders .filter-grid{gap:11px;margin:15px 0}
#screen-orders .filter-grid label{color:#a7a8af;font-size:10px;font-weight:700}
#screen-orders #orders-reset{padding:0;border:0;background:none;color:#f07880;font-size:11px;font-weight:800}
#screen-orders .orders-count-label{margin:19px 2px 10px;color:#858790;font-size:11px}
#screen-orders .orders-list{gap:9px}
#screen-orders .order-card{border:1px solid #2c2e35;border-radius:15px;background:linear-gradient(145deg,#1b1c21,#15161a);box-shadow:0 8px 20px #0002;transition:border-color .18s,transform .18s}
#screen-orders .order-card:hover{border-color:#45474f;transform:translateY(-1px)}
#screen-orders .order-status{border:1px solid #3c3d44;border-radius:7px;background:#28292f;color:#d9d9dd}
#screen-orders .order-product-dot{background:#e35c66;box-shadow:0 0 0 4px #e35c661b}
#screen-orders .order-meta span{color:#92939a}
#screen-orders .order-meta span b{color:#e0e0e3}
#screen-orders .order-meta>strong{color:#f1f1f3;font-size:15px;font-variant-numeric:tabular-nums}
#screen-orders .order-code{border-color:#2b2c32;color:#777982}
#screen-orders .order-more{color:#ef777e}
#screen-orders .order-detail-body{border-color:#2b2c32}
#screen-orders .order-detail-body p{color:#b7b8be}
#screen-orders .order-detail-body dt{color:#85868e}
#screen-orders .order-detail-body dd{color:#e3e3e6}
#screen-orders .order-actions button{border-color:#383a42;background:#25262c;color:#e8e8eb}
#screen-orders .order-actions button:hover{border-color:#b8434d;background:#352327;color:#fff}
#screen-orders .orders-pager{gap:10px;margin:18px 0 34px}
#screen-orders .orders-pager button{min-width:100px;min-height:40px;border:1px solid #393b43;border-radius:10px;background:#202126;color:#e7e7e9;font-size:11px;font-weight:800}
#screen-orders .orders-pager button:not(:disabled):hover{border-color:#cf4d57;background:#302226}
#screen-orders .orders-pager span{min-width:46px;color:#c7c8cd;text-align:center;font-variant-numeric:tabular-nums}
#screen-orders .empty-card{border-color:#2b2d34;background:#191a1f;color:#f0f0f2}
#screen-orders .empty-card span{color:#8f9098}
@media(max-width:600px){
  #screen-orders.orders-brand{width:100%;max-width:none;padding:17px 6px calc(118px + env(safe-area-inset-bottom))}
  #screen-orders .orders-heading{grid-template-columns:1fr;row-gap:9px;margin-bottom:19px}
  #screen-orders .orders-heading h1{font-size:34px}
  #screen-orders .orders-heading-meta{justify-content:space-between;gap:8px}
  #screen-orders .orders-heading-meta p{font-size:11px}
  #screen-orders .orders-filters{padding:12px;border-radius:15px}
  #screen-orders .filter-main{grid-template-columns:1fr 1fr;gap:7px}
  #screen-orders .filter-main input{grid-column:1/-1}
  #screen-orders .orders-filters input,#screen-orders .orders-filters select{height:43px;font-size:12px}
  #screen-orders .orders-list{grid-template-columns:1fr}
  #screen-orders .order-detail summary{padding:14px}
  #screen-orders .orders-pager{margin-bottom:10px}
}
@media(max-width:600px){.bottom-nav:not(.nav-indicator-ready)::before{transition:none!important}}

/* Standalone promo activation screen in the shop's black and red profile style. */
#screen-promo.profile-promo-screen{width:min(1080px,100%);margin:0 auto;padding:clamp(20px,4vw,38px) clamp(14px,3vw,26px) calc(120px + env(safe-area-inset-bottom));}
#screen-promo .profile-promo-heading{padding:4px 0 24px;}
#screen-promo .profile-promo-heading .eyebrow{color:#e5666f;letter-spacing:.13em;}
#screen-promo .profile-promo-heading h1{margin:10px 0 8px;color:#f5f5f6;font-size:clamp(27px,5vw,36px);font-weight:800;letter-spacing:-.045em;line-height:1.12;}
#screen-promo .profile-promo-heading p{max-width:520px;color:#a5a6ad;font-size:15px;line-height:1.5;}
#screen-promo .profile-promo-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
#screen-promo .profile-promo-card>label{display:block;margin:0 0 9px;color:#b8b9bf;font-size:12px;font-weight:700;}
#screen-promo #profile-promo-input{display:block;width:100%;height:58px;padding:0 16px;border:1px solid #41434b;border-radius:12px;outline:none;background:#191a1f;color:#f5f5f6;font-size:16px;letter-spacing:.025em;transition:border-color .18s,background .18s;}
#screen-promo #profile-promo-input::placeholder{color:#777982;}
#screen-promo #profile-promo-input:focus{border-color:#7b4147;background:#1d1c21;box-shadow:0 0 0 3px #d34b571a;}
#screen-promo .profile-promo-message{min-height:18px;margin:8px 2px 14px;color:#9b9ca3;font-size:12px;line-height:1.45;}
#screen-promo .profile-promo-message.is-error{color:#f17b83;}
#screen-promo .profile-promo-message.is-success{color:#a8d6b8;}
#screen-promo #profile-promo-activate{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;border:1px solid #e64b56;border-radius:12px;background:linear-gradient(110deg,#d73340,#b91f2d);color:#fff;font-size:15px;font-weight:800;box-shadow:0 8px 24px #b91f2d24;transition:filter .18s,transform .18s,opacity .18s;}
#screen-promo #profile-promo-activate:not(:disabled):active{transform:scale(.99);filter:brightness(.94);}
#screen-promo #profile-promo-activate:disabled{cursor:wait;opacity:.58;}
#screen-promo .profile-promo-saved{display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px 14px;border:1px solid #3b3d43;border-radius:12px;background:#18191d;}
#screen-promo .profile-promo-saved-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#302126;color:#f0757d;font-weight:800;}
#screen-promo .profile-promo-saved>div{display:grid;gap:3px;min-width:0;flex:1;}
#screen-promo .profile-promo-saved strong{color:#ececef;font-size:13px;}
#screen-promo .profile-promo-saved small{color:#92949b;font-size:11px;line-height:1.35;}
#screen-promo #profile-promo-clear{padding:7px 2px;border:0;background:none;color:#e8757c;font-size:12px;font-weight:750;white-space:nowrap;}
@media(max-width:600px){
  #screen-promo.profile-promo-screen{width:100%;max-width:none;margin:0;padding:15px 2px calc(112px + env(safe-area-inset-bottom));}
  #screen-promo .profile-promo-heading{padding-top:0;padding-bottom:20px;}
  #screen-promo .profile-promo-heading p{font-size:14px;}
}

/* Let every screen use the device width; keep only a small, consistent safe gutter. */
@media(max-width:899px){
  .app-shell{width:100%!important;max-width:none!important;padding-left:clamp(16px,4vw,20px)!important;padding-right:clamp(16px,4vw,20px)!important;}
  .app-shell>main{width:100%!important;max-width:none!important;margin-inline:0!important;}
  #screen-home,#screen-catalog,#screen-profile,#screen-cases,#screen-orders,#screen-promo{width:100%!important;max-width:none!important;margin-inline:0!important;}
  #screen-cases{padding-inline:0!important;}
  #cases-content{width:100%;max-width:none;margin-inline:0;}
}

/* Keep page scrolling available without the distracting browser scrollbar. */
html,body{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}

@media(min-width:900px){
  #screen-cases{width:min(1200px,100%);max-width:1200px;margin-inline:auto;}
  #cases-content{width:100%;max-width:1100px;margin-inline:auto;}
  .cases-ready-banner,.cases-inventory-open{max-width:960px;}
}

/* Inventory shortcut count and a calmer, scannable collection view. */
#profile-shortcuts .profile-shortcut-row[data-profile-action="inventory"]{display:flex!important;align-items:center!important;gap:14px!important;}
#profile-shortcuts .profile-shortcut-row[data-profile-action="inventory"]>.profile-shortcut-icon{flex:0 0 30px!important;}
#profile-shortcuts .profile-shortcut-row[data-profile-action="inventory"]>.profile-shortcut-copy{flex:1 1 auto!important;min-width:0!important;}
#profile-shortcuts .profile-shortcut-row[data-profile-action="inventory"]>.profile-shortcut-meta{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:max-content!important;}
#profile-shortcuts .profile-shortcut-row[data-profile-action="inventory"] .profile-inventory-count{flex:0 0 auto!important;margin:0!important;}
#profile-shortcuts .profile-shortcut-row[data-profile-action="inventory"] .profile-shortcut-arrow{flex:0 0 18px!important;margin:0!important;}
.profile-inventory-count{display:grid;place-items:center;min-width:25px;height:22px;padding:0 7px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff08;color:#85878e;font-size:10px;font-weight:750;font-variant-numeric:tabular-nums;}
.profile-inventory-count.has-items{border-color:#d94c582c;background:#d94c5818;color:#e58b91;}
#screen-cases[data-detail="inventory"] .bonus-inventory{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
#screen-cases[data-detail="inventory"] .bonus-inventory-head{align-items:center;margin:0 0 14px;padding:0 2px;}
#screen-cases[data-detail="inventory"] .bonus-inventory-head h2{margin-top:4px;color:#f3f3f4;font-size:24px;letter-spacing:-.035em;}
#screen-cases[data-detail="inventory"] #bonus-inventory-count{padding:6px 10px;border:1px solid #ffffff14;border-radius:999px;background:#ffffff08;color:#a5a6ac;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;}
#screen-cases[data-detail="inventory"] .bonus-inventory-list{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:0;max-height:none;overflow:visible;}
#screen-cases[data-detail="inventory"] .inventory-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:5px 12px;min-height:0;padding:13px;border:1px solid #303137;border-left:2px solid color-mix(in srgb,var(--rarity) 68%,#303137);border-radius:15px;background:linear-gradient(110deg,color-mix(in srgb,var(--rarity) 7%,#1b1c20),#17181c 58%);box-shadow:inset 0 1px 0 #ffffff08;}
#screen-cases[data-detail="inventory"] .inventory-icon{grid-column:1;grid-row:1/3;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--rarity) 25%,transparent);border-radius:13px;background:color-mix(in srgb,var(--rarity) 12%,#18191d);font-size:19px;}
#screen-cases[data-detail="inventory"] .inventory-item>div{grid-column:2;grid-row:1/3;min-width:0;align-self:center;}
#screen-cases[data-detail="inventory"] .inventory-item strong{overflow:visible;color:#f0f0f2;font-size:13px;line-height:1.3;text-overflow:clip;white-space:normal;}
#screen-cases[data-detail="inventory"] .inventory-item small{overflow:visible;margin-top:4px;color:#a1a2a9;font-size:11px;line-height:1.4;text-overflow:clip;white-space:normal;}
#screen-cases[data-detail="inventory"] .inventory-item em{position:static;grid-column:3;grid-row:1/3;max-width:120px;color:#a7a8ae;font-size:10px;font-style:normal;text-align:right;}
#screen-cases[data-detail="inventory"] .inventory-item>button{position:static;grid-column:3;grid-row:1/3;width:auto;min-width:84px;height:auto;min-height:36px;padding:0 12px;border:1px solid color-mix(in srgb,var(--rarity) 38%,#393a40);border-radius:10px;background:color-mix(in srgb,var(--rarity) 12%,#222328);color:#f0f0f2;font-size:10px;font-weight:750;white-space:nowrap;}
#screen-cases[data-detail="inventory"] .inventory-item>button:active{filter:brightness(.9);}
#screen-cases[data-detail="inventory"] .inventory-stars-group{grid-template-columns:44px minmax(0,1fr);padding:14px;}
#screen-cases[data-detail="inventory"] .inventory-stars-group>div{grid-column:2;grid-row:1;}
#screen-cases[data-detail="inventory"] .inventory-stars-group>div strong{font-size:14px;}
#screen-cases[data-detail="inventory"] .inventory-stars-group .inventory-star-actions{position:static;grid-column:2/-1;grid-row:2;display:flex;gap:8px;margin-top:7px;}
#screen-cases[data-detail="inventory"] .inventory-star-actions button{position:static;flex:1;width:auto;height:auto;min-height:37px;padding:0 9px;border:1px solid #51454f;border-radius:10px;background:#272126;color:#f2e9ec;font-size:10px;font-weight:750;white-space:nowrap;}
#screen-cases[data-detail="inventory"] .inventory-progress{height:4px;margin-top:9px;background:#ffffff12;}
#screen-cases[data-detail="inventory"] .bonus-inventory-note{margin:13px 2px 0;padding:11px 13px;border:1px solid #ffffff0d;border-radius:12px;background:#ffffff04;color:#91939a;font-size:11px;line-height:1.45;}
#screen-cases[data-detail="inventory"] .inventory-empty{min-height:190px;padding:24px;border:1px dashed #393a40;border-radius:16px;background:#18191d;color:#a0a1a7;}
#screen-cases[data-detail="inventory"] .inventory-empty strong{color:#eeeef0;font-size:15px;}
#screen-cases[data-detail="inventory"] .inventory-empty p{margin:5px 0 0;color:#999aa1;font-size:12px;line-height:1.45;}
#screen-cases[data-detail="inventory"] .inventory-empty button{border-color:#8d3d45;background:#281b1e;color:#f0c5c8;font-size:11px;}
@media(max-width:600px){
  #screen-cases[data-detail="inventory"] .bonus-inventory-head h2{font-size:22px;}
  #screen-cases[data-detail="inventory"] .inventory-item{grid-template-columns:40px minmax(0,1fr) auto;gap:5px 10px;padding:12px;}
  #screen-cases[data-detail="inventory"] .inventory-icon{width:38px;height:38px;border-radius:12px;}
  #screen-cases[data-detail="inventory"] .inventory-item strong{font-size:12px;}
  #screen-cases[data-detail="inventory"] .inventory-item small{font-size:10px;}
  #screen-cases[data-detail="inventory"] .inventory-item>button{min-width:76px;min-height:34px;padding-inline:9px;font-size:9px;}
  #screen-cases[data-detail="inventory"] .inventory-stars-group{grid-template-columns:40px minmax(0,1fr);}
}



/* Cases: unclutter the toolbar and treat each case as its own focused screen. */
#screen-cases .cases-heading-actions{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;margin-top:1px!important}
#screen-cases .cases-tools-wrap{margin:0!important}
#screen-cases .cases-tools-toggle,
#screen-cases .cases-tools-toggle:hover,
#screen-cases .cases-tools-toggle[aria-expanded="true"]{display:grid!important;place-items:center!important;width:34px!important;height:38px!important;padding:4px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#e9e4ed!important;transform:none!important;box-shadow:none!important}
#screen-cases .cases-tools-toggle svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
#screen-cases .cases-tools-toggle:focus-visible,#screen-cases .cases-inventory-shortcut:focus-visible{outline:2px solid #ad80e2;outline-offset:2px}
#screen-cases .cases-inventory-shortcut{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:38px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#e9e4ed!important;box-shadow:none!important;cursor:pointer}
#screen-cases .cases-inventory-shortcut svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#screen-cases .cases-inventory-shortcut>span{position:absolute;top:-1px;right:-3px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 4px;border:1px solid #17151c;border-radius:999px;background:#b93a48;color:#fff;font-size:8px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
#screen-cases.case-detail-active .cases-heading-actions{display:none!important}
#screen-cases #cases-content{scroll-margin-top:14px}
#screen-cases[data-detail="case"] .case-detail-intro{display:none!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="daily"] .referral-box{display:none!important}
#screen-cases[data-detail="case"] .bonus-spin-card{max-width:760px;margin:0 auto 24px!important;padding:clamp(18px,4vw,30px)!important;border:1px solid #ffffff1b!important;border-radius:25px!important;background:radial-gradient(circle at 88% 6%,#9a70dc2e,transparent 32%),linear-gradient(150deg,#211a2c 0%,#17151e 62%,#121218 100%)!important;box-shadow:0 22px 60px #0005!important}
#screen-cases[data-detail="case"] .bonus-spin-head{align-items:flex-start!important;margin-bottom:7px}
#screen-cases[data-detail="case"] .bonus-spin-head h2{font-size:clamp(28px,5vw,40px)!important;line-height:1.05!important}
#screen-cases[data-detail="case"] .bonus-spin-card>p{max-width:56ch!important;margin:13px 0 21px!important;font-size:13px!important;line-height:1.55!important}
#screen-cases[data-detail="case"] .bonus-case-window{height:clamp(150px,29vw,210px)!important;margin:18px 0 20px!important;border-radius:20px!important}
#screen-cases[data-detail="case"] .bonus-spin-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#screen-cases[data-detail="case"] .bonus-spin-button{position:relative;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;min-height:68px!important;padding:13px 17px!important;border:1px solid #ffffff28!important;border-radius:17px!important;background:linear-gradient(112deg,#7545b4 0%,#9e4ac0 48%,#6950bc 100%)!important;background-size:180% 100%!important;color:#fff!important;text-align:left!important;box-shadow:0 9px 26px #783bb344,inset 0 1px #ffffff38!important;transition:filter .2s ease,transform .2s ease,opacity .2s ease!important}
#screen-cases[data-detail="case"] .bonus-spin-button:not(:disabled){animation:caseButtonSheen 7s ease-in-out infinite}
#screen-cases[data-detail="case"] .bonus-spin-button:not(:disabled):active{transform:scale(.99)!important;filter:brightness(.95)}
#screen-cases[data-detail="case"] .bonus-spin-button:disabled{opacity:.66!important;background:linear-gradient(112deg,#40374a,#342d3c 55%,#292531)!important;box-shadow:inset 0 1px #ffffff15!important}
#screen-cases[data-detail="case"] .bonus-button-mark{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;border:1px solid #ffffff28!important;border-radius:13px!important;background:#ffffff18!important;color:#fff!important;font-size:21px!important}
#screen-cases[data-detail="case"] .bonus-spin-button>span:nth-child(2){display:grid;flex:1;gap:4px;min-width:0}
#screen-cases[data-detail="case"] .bonus-spin-button b{font-size:15px!important;line-height:1.2!important}
#screen-cases[data-detail="case"] .bonus-spin-button small{color:#f2eafa!important;font-size:11px!important;line-height:1.3!important}
#screen-cases[data-detail="case"] .bonus-spin-button>i{font-size:21px!important;font-style:normal!important}
#screen-cases[data-detail="case"] .bonus-spin-status{padding:13px 15px!important;border:1px solid #ffffff13!important;border-radius:15px!important;background:#ffffff06!important}
#screen-cases[data-detail="case"] .bonus-spin-result{padding:14px!important}
@keyframes caseButtonSheen{0%,72%,100%{background-position:0% 50%}86%{background-position:100% 50%}}
@media(max-width:620px){
  #screen-cases .cases-heading-actions{gap:7px!important;margin-top:0!important}
  #screen-cases .cases-tools-toggle,#screen-cases .cases-inventory-shortcut{width:32px!important;height:36px!important;flex-basis:32px!important}
  #screen-cases[data-detail="case"] .bonus-spin-card{margin-inline:0!important;border-radius:22px!important}
  #screen-cases[data-detail="case"] .bonus-case-window{margin:15px 0 17px!important}
  #screen-cases[data-detail="case"] .bonus-spin-button{min-height:64px!important}
}
@media(prefers-reduced-motion:reduce){#screen-cases[data-detail="case"] .bonus-spin-button:not(:disabled){animation:none!important}}

/* Delivery speed: centered badge icon and a focused, animated explanation dialog. */
#delivery-speed.speed-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:34px!important;line-height:1!important;vertical-align:middle!important}
#delivery-speed .speed-spark{display:grid!important;place-items:center!important;flex:0 0 15px!important;width:15px!important;height:15px!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:1!important;transform:none!important}
#delivery-speed #delivery-speed-label{display:block;line-height:1.15!important}
#delivery-speed svg{display:block;flex:0 0 13px!important;width:13px!important;height:13px!important;margin:0!important}
.speed-wrap{align-self:center!important;transform:none!important}
#delivery-speed.speed-instant{border-color:#73c9ff;background:linear-gradient(120deg,#203e66,#322954);color:#dceeff;box-shadow:0 0 17px #72baff35,inset 0 1px #ffffff35}
#delivery-speed.speed-very-fast{border-color:#69cba8;background:linear-gradient(120deg,#205b50,#263c3b);color:#d5ffed;box-shadow:0 0 16px #45d29e30,inset 0 1px #ffffff30}
#delivery-speed.speed-fast{border-color:#68b8dc;background:linear-gradient(120deg,#24495e,#283347);color:#d9f4ff}
#delivery-speed.speed-normal{border-color:#a98ac5;background:linear-gradient(120deg,#342544,#252132);color:#eadcff}
#delivery-speed.speed-busy{border-color:#c88770;background:linear-gradient(120deg,#4b302f,#302431);color:#ffe3d8}
.delivery-speed-backdrop{position:fixed;z-index:140;inset:0;background:rgba(5,7,12,.72);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);animation:speedBackdropIn .18s ease-out}
.delivery-speed-dialog{position:fixed;z-index:141;left:50%;top:50%;width:min(440px,calc(100vw - 30px));max-height:min(84dvh,700px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;transform:translate(-50%,-50%);padding:28px 26px 24px;border:1px solid #8c72ad66;border-radius:26px;background:radial-gradient(circle at 50% 8%,#4c397750,transparent 36%),linear-gradient(155deg,#211a2d,#16151d 70%);box-shadow:0 28px 90px #000b;color:#f5f1f8;animation:speedDialogIn .26s cubic-bezier(.2,.8,.2,1)}
.delivery-speed-dialog.hidden,.delivery-speed-backdrop.hidden{display:none!important}
.delivery-speed-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:12px;background:#ffffff0c;color:#e2d9eb;font-size:23px;line-height:1;cursor:pointer}
.delivery-speed-visual{position:relative;display:grid;place-items:center;width:94px;height:94px;margin:0 auto 15px;border:1px solid #ffffff1c;border-radius:28px;background:linear-gradient(145deg,#34294a,#20212f);color:#c7a7ff;overflow:hidden}
.speed-dialog-rocket{width:54px;height:54px;fill:#c8a8ff18;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 12px #b989ff60);transform:rotate(0deg)}
.speed-trail{position:absolute;bottom:17px;width:2px;height:12px;border-radius:2px;background:linear-gradient(transparent,#c9a5ff);opacity:0;transform:rotate(42deg)}
.speed-trail.trail-one{left:29px}.speed-trail.trail-two{left:39px;height:8px}
.delivery-speed-dialog.is-instant .delivery-speed-visual{border-color:#77bfff72;background:radial-gradient(circle at 50% 52%,#347ac94d,transparent 70%),linear-gradient(145deg,#263e61,#242032)}
.delivery-speed-dialog.is-instant .speed-dialog-rocket{animation:speedRocketLaunch 1.65s cubic-bezier(.28,.7,.22,1) .12s both}
.delivery-speed-dialog.is-instant .speed-trail{animation:speedTrailLaunch 1.1s ease-out .18s both}
.delivery-speed-dialog .eyebrow{display:block;text-align:center;color:#b7a4cd;font-size:10px;letter-spacing:.18em;font-weight:850}
.delivery-speed-dialog h2{margin:7px 0 10px;text-align:center;font-size:clamp(24px,6vw,31px);letter-spacing:-.04em;line-height:1.1}
.delivery-speed-copy{margin:0;color:#c1bbc9;font-size:14px;line-height:1.55;text-align:center}
.delivery-speed-recent{display:grid;gap:6px;margin:19px 0 0;padding:14px 15px;border:1px solid #ffffff16;border-radius:15px;background:#ffffff07}
.delivery-speed-recent span{color:#a99bb8;font-size:10px;font-weight:750;letter-spacing:.04em}
.delivery-speed-recent strong{color:#f5f0f8;font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums}
.delivery-speed-note{margin:13px 2px 18px;color:#9891a1;font-size:11px;line-height:1.5;text-align:center}
.delivery-speed-done{width:100%;min-height:48px;border:1px solid #ffffff24;border-radius:14px;background:linear-gradient(110deg,#7445ab,#8a4db5 52%,#6846a3);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #653d9330}
body.delivery-speed-open{overflow:hidden!important;overscroll-behavior:none!important}
@keyframes speedBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes speedDialogIn{from{opacity:0;transform:translate(-50%,-47%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes speedRocketLaunch{0%{transform:translateY(13px) rotate(0) scale(.82);opacity:.55}35%{opacity:1}75%{transform:translateY(-16px) rotate(-12deg) scale(1.05);opacity:1}100%{transform:translateY(-23px) rotate(-12deg) scale(.86);opacity:.3}}
@keyframes speedTrailLaunch{0%{opacity:0;transform:translateY(8px) rotate(42deg) scaleY(.4)}40%{opacity:.9}100%{opacity:0;transform:translateY(-15px) rotate(42deg) scaleY(1.5)}}
@media(max-width:620px){.delivery-speed-dialog{padding:25px 20px 20px;border-radius:24px}.delivery-speed-visual{width:82px;height:82px;border-radius:25px}.speed-dialog-rocket{width:48px;height:48px}.delivery-speed-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.delivery-speed-backdrop,.delivery-speed-dialog,.delivery-speed-dialog.is-instant .speed-dialog-rocket,.delivery-speed-dialog.is-instant .speed-trail{animation:none!important}.delivery-speed-dialog.is-instant .speed-dialog-rocket{transform:translateY(-8px)}}

/* Case detail is a true destination: never leave the lobby or the other view underneath it. */
#screen-cases:not(.case-detail-active) #cases-content{display:none!important}
#screen-cases.case-detail-active #cases-content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;padding:0!important}
#screen-cases.case-detail-active .cases-heading,
#screen-cases.case-detail-active #cases-ready-banner,
#screen-cases.case-detail-active .cases-lobby,
#screen-cases.case-detail-active .cases-heading-actions{display:none!important}
#screen-cases[data-detail="case"] .case-detail-intro{display:none!important}
#screen-cases[data-detail="case"] .bonus-spin-card{display:block!important;max-width:900px!important;margin:0 auto 28px!important;padding:clamp(20px,4vw,34px)!important;overflow:hidden!important;border:1px solid #ffffff22!important;border-radius:28px!important;background:radial-gradient(ellipse at 82% 0%,#327fc24d,transparent 37%),linear-gradient(145deg,#142d49 0%,#1b2041 48%,#181522 100%)!important;box-shadow:0 22px 64px #0007,inset 0 1px #ffffff24!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"]{background:radial-gradient(ellipse at 82% 0%,#e4779847,transparent 37%),linear-gradient(145deg,#542447 0%,#3b1c39 48%,#181522 100%)!important}
#screen-cases[data-detail="case"] .bonus-spin-head{align-items:center!important;margin:0!important}
#screen-cases[data-detail="case"] .bonus-spin-head .eyebrow{color:#d3e8ff!important;font-size:10px!important;letter-spacing:.18em!important}
#screen-cases[data-detail="case"] .bonus-spin-head h2{margin:7px 0 0!important;font-size:clamp(28px,5vw,42px)!important;line-height:1!important;letter-spacing:-.045em!important}
#screen-cases[data-detail="case"] .bonus-demo-badge{flex:none;padding:8px 11px!important;border:1px solid #ffffff36!important;border-radius:12px!important;background:#ffffff12!important;color:#f2f5ff!important;font-size:9px!important;font-weight:850!important;letter-spacing:.13em!important}
#screen-cases[data-detail="case"] .bonus-spin-card>p{max-width:58ch!important;margin:11px 0 18px!important;color:#e0e5f1!important;font-size:13px!important;line-height:1.5!important}
#screen-cases[data-detail="case"] .bonus-case-window{height:clamp(156px,27vw,202px)!important;margin:0!important;overflow:hidden!important;border:1px solid #8caccb55!important;border-radius:21px!important;background:linear-gradient(180deg,#0a101deF,#101729f5)!important;box-shadow:inset 0 0 38px #000b,0 12px 30px #0004!important}
#screen-cases[data-detail="case"] .bonus-case-window:before{background:linear-gradient(90deg,#080e19 4%,transparent)!important}
#screen-cases[data-detail="case"] .bonus-case-window:after{background:linear-gradient(-90deg,#080e19 4%,transparent)!important}
#screen-cases[data-detail="case"] .bonus-case-window>i{width:3px!important;background:linear-gradient(180deg,transparent,#f6fbff 14%,#f6fbff 86%,transparent)!important;box-shadow:0 0 16px #8edfff,0 0 30px #8edfff77!important}
#screen-cases[data-detail="case"] .bonus-case-track{gap:9px!important;padding:10px 0!important}
#screen-cases[data-detail="case"] .case-item{flex-basis:clamp(116px,25vw,150px)!important;border:1px solid #ffffff20!important;border-radius:15px!important;background:linear-gradient(160deg,#1d2d43,#111827)!important;box-shadow:inset 0 -30px 38px #0005!important}
#screen-cases[data-detail="case"] .case-item>span{width:42px!important;height:42px!important;border-radius:13px!important;font-size:23px!important}
#screen-cases[data-detail="case"] .case-item strong{max-width:calc(100% - 12px)!important;font-size:11px!important}
#screen-cases[data-detail="case"] .case-item small{font-size:8px!important;letter-spacing:.1em!important}
#screen-cases[data-detail="case"] .bonus-spin-instruction{margin:15px 0 13px!important;color:#d8d7e1!important;font-size:13px!important;font-weight:650!important;text-align:center!important}
#screen-cases[data-detail="case"] .bonus-spin-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;margin:0!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="daily"] #bonus-referral-spin,
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] #bonus-daily-spin{display:none!important}
#screen-cases[data-detail="case"] .bonus-spin-button{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:13px!important;width:100%!important;min-height:72px!important;padding:12px 17px!important;border:1px solid #ffffff4a!important;border-radius:18px!important;background:linear-gradient(110deg,#327faf,#378de1 52%,#3478bd)!important;background-size:200% 100%!important;color:#fff!important;text-align:left!important;box-shadow:0 11px 26px #1679bd44,inset 0 1px #ffffff64!important;transition:filter .2s ease,transform .2s ease,opacity .2s ease!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] .bonus-spin-button{background:linear-gradient(110deg,#964576,#d04b83 52%,#8e3c79)!important;box-shadow:0 11px 26px #a331703b,inset 0 1px #ffffff64!important}
#screen-cases[data-detail="case"] .bonus-spin-button:not(:disabled){animation:caseButtonSheen 7s ease-in-out infinite}
#screen-cases[data-detail="case"] .bonus-spin-button:disabled{opacity:.72!important;background:linear-gradient(110deg,#4b5668,#3d4655)!important;box-shadow:inset 0 1px #ffffff20!important}
#screen-cases[data-detail="case"] .bonus-button-mark{display:grid!important;place-items:center!important;flex:0 0 43px!important;width:43px!important;height:43px!important;margin:0!important;border:1px solid #ffffff3b!important;border-radius:14px!important;background:#ffffff20!important;color:#fff!important;font-size:21px!important}
#screen-cases[data-detail="case"] .bonus-spin-button>span:nth-child(2){display:grid!important;flex:1!important;gap:4px!important;min-width:0!important}
#screen-cases[data-detail="case"] .bonus-spin-button b{font-size:15px!important;line-height:1.2!important}
#screen-cases[data-detail="case"] .bonus-spin-button small{color:#eef6ff!important;font-size:10px!important;line-height:1.3!important;opacity:.86!important}
#screen-cases[data-detail="case"] .bonus-spin-button>i{display:grid!important;place-items:center!important;flex:none!important;width:34px!important;height:34px!important;border:1px solid #ffffff38!important;border-radius:12px!important;background:#ffffff1b!important;font-size:20px!important;font-style:normal!important}
#screen-cases[data-detail="case"] .bonus-spin-status{display:grid!important;gap:5px!important;margin:14px 0 0!important;padding:14px 16px!important;border:1px solid #ffffff20!important;border-radius:16px!important;background:#0c1421a8!important}
#screen-cases[data-detail="case"] .bonus-spin-status strong{color:#fff!important;font-size:13px!important}
#screen-cases[data-detail="case"] .bonus-spin-status span{color:#c1c8d4!important;font-size:11px!important;line-height:1.45!important}
#screen-cases[data-detail="case"] .bonus-spin-result{margin-top:12px!important}
#screen-cases[data-detail="case"] .referral-box{margin-top:13px!important}
#screen-cases[data-detail="inventory"] .bonus-spin-card{display:none!important}
#screen-cases[data-detail="inventory"] .bonus-inventory{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important}
#screen-cases[data-detail="inventory"] .case-detail-intro{display:block!important;margin:0 0 16px!important}
#screen-cases[data-detail="inventory"] .cases-heading,
#screen-cases[data-detail="inventory"] #cases-ready-banner,
#screen-cases[data-detail="inventory"] .cases-lobby{display:none!important}
@media(max-width:620px){
  #screen-cases.case-detail-active #cases-content{width:100%!important;max-width:none!important;margin:0!important}
  #screen-cases[data-detail="case"] .bonus-spin-card{padding:20px 16px!important;border-radius:23px!important}
  #screen-cases[data-detail="case"] .bonus-spin-head h2{font-size:30px!important}
  #screen-cases[data-detail="case"] .bonus-demo-badge{padding:7px 8px!important;font-size:8px!important}
  #screen-cases[data-detail="case"] .bonus-case-window{height:158px!important}
  #screen-cases[data-detail="case"] .bonus-spin-instruction{margin:13px 0 11px!important;font-size:12px!important}
  #screen-cases[data-detail="case"] .bonus-spin-button{min-height:68px!important;padding:10px 12px!important}
  #screen-cases[data-detail="case"] .bonus-spin-status{padding:12px!important}
}

/* Keep the package expand/collapse control centered in its own catalog column. */
#screen-catalog #stars-packages-more{display:flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;width:max-content!important;min-width:0!important;margin:10px auto 0!important;padding:5px 12px!important;float:none!important;text-align:center!important}

/* Expanding the bundles must reveal rows without changing the cards' width. */
#screen-catalog .stars-packages,
#screen-catalog .stars-packages.expanded{box-sizing:border-box!important;width:100%!important;padding-right:1px!important}
#screen-catalog .stars-packages .star-package{box-sizing:border-box!important;width:100%!important;min-width:0!important}

/* Checkout promo dialog follows the standalone profile promo form. */
#promo-dialog.promo-dialog{gap:13px;border-color:#34363d;border-radius:20px;background:#17181d;color:#f3f3f5;box-shadow:0 24px 80px #000b}
#promo-dialog .promo-dialog-head{padding-right:36px}
#promo-dialog .promo-dialog-head .eyebrow{color:#e5666f}
#promo-dialog .promo-dialog-head h2{color:#f5f5f6;font-size:27px;font-weight:800;letter-spacing:-.045em}
#promo-dialog .promo-dialog-hint{color:#a5a6ad;font-size:14px;line-height:1.5}
#promo-dialog .promo-dialog-label{margin-top:2px;color:#b8b9bf;font-size:12px}
#promo-dialog .promo-dialog-input{display:block;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#promo-dialog .promo-dialog-input:focus-within{border:0;box-shadow:none}
#promo-dialog .promo-dialog-input input{display:block;width:100%;height:58px;padding:0 16px;border:1px solid #41434b;border-radius:12px;outline:none;background:#191a1f;color:#f5f5f6;font-size:16px;letter-spacing:.025em;transition:border-color .18s,background .18s}
#promo-dialog .promo-dialog-input input::placeholder{color:#777982}
#promo-dialog .promo-dialog-input input:focus{border-color:#7b4147;background:#1d1c21;box-shadow:0 0 0 3px #d34b571a}
#promo-dialog .promo-dialog-activate{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;margin-top:1px;padding:0 16px;border:1px solid #e64b56;border-radius:12px;background:linear-gradient(110deg,#d73340,#b91f2d);color:#fff;font-size:15px;font-weight:800;box-shadow:0 8px 24px #b91f2d24;transition:filter .18s,transform .18s,opacity .18s}
#promo-dialog .promo-dialog-activate:not(:disabled):active{transform:scale(.99);filter:brightness(.94)}
#promo-dialog .promo-dialog-activate:disabled{cursor:wait;opacity:.58}
#promo-dialog .promo-modal-message{min-height:18px;margin:0;color:#9b9ca3;font-size:12px;line-height:1.45}
#promo-dialog .promo-modal-message.is-error{color:#f17b83}
#promo-dialog .promo-modal-message.is-success{color:#a8d6b8}
#promo-dialog .promo-offers{max-height:190px;scrollbar-color:#6c4148 transparent}
#promo-dialog .promo-offer{border-color:#35373e;border-radius:12px;background:#1b1c21;color:#eeeef0}
#promo-dialog .promo-offer:hover,#promo-dialog .promo-offer:focus-visible{border-color:#8f4a51;background:#211c21}
#promo-dialog .promo-offer-mark{background:#302126;color:#f0757d}
#promo-dialog .promo-offer-copy small,#promo-dialog .promo-offers-loading,#promo-dialog .promo-offers-empty{color:#92949b}
#promo-dialog .promo-offer>b{color:#a8d6b8}
@media(max-width:600px){
  #promo-dialog.promo-dialog{gap:11px;padding:18px 17px 16px;border-radius:20px}
  #promo-dialog .promo-dialog-head h2{font-size:24px}
  #promo-dialog .promo-dialog-hint{font-size:13px}
  #promo-dialog .promo-offers{max-height:min(24dvh,170px)}
  .checkout-keyboard-open #promo-dialog .promo-offers{max-height:min(10dvh,72px)}
}

/* Telegram overlays its native close/menu controls over the Mini App viewport.
   Start the checkout promo sheet below that control row and size it to the
   remaining visible area, including while the mobile keyboard is open. */
@media(max-width:600px){
  body.telegram-miniapp #promo-dialog.promo-dialog{
    top:calc(var(--telegram-header-offset,56px) + 12px)!important;
    bottom:auto!important;
    max-height:min(680px,calc(var(--visual-height,100dvh) - var(--telegram-header-offset,56px) - 24px))!important;
    transform:translateX(-50%)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:none;
  }
  body.telegram-miniapp #promo-dialog.promo-dialog::-webkit-scrollbar{display:none}
  body.telegram-miniapp.checkout-keyboard-open #promo-dialog.promo-dialog{
    max-height:calc(var(--visual-height,100dvh) - var(--telegram-header-offset,56px) - 16px)!important;
    transition:none!important;
  }
}

/* Delivery-speed badge alignment and seamless rocket launch loop. */
.form-title .speed-wrap{display:flex!important;align-items:center!important;align-self:center!important;min-height:38px!important;margin:0!important;transform:none!important}
#delivery-speed.speed-badge{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;height:38px!important;padding:0 10px!important;line-height:1!important;vertical-align:middle!important}
#delivery-speed.speed-instant,#delivery-speed.speed-very-fast{border-color:#65c8a0!important;background:linear-gradient(120deg,#174b3d,#1d5b48 52%,#18463d)!important;color:#ddffed!important;box-shadow:0 0 15px #43c99528,inset 0 1px #ffffff2b!important}
.delivery-speed-dialog.is-instant .delivery-speed-visual{border-color:#62c89980;background:radial-gradient(circle at 50% 55%,#38bd8150,transparent 68%),linear-gradient(145deg,#173d36,#20212d)!important}
.delivery-speed-dialog.is-instant .speed-dialog-rocket{animation:speedRocketSeamless 2.65s linear infinite!important;transform-origin:50% 50%;will-change:transform,opacity,filter}
.delivery-speed-dialog.is-instant .rocket-body{fill:#f3f6ff;stroke:#82a9ff}
.delivery-speed-dialog.is-instant .rocket-fin{fill:#737fe0;stroke:#a6b5ff}
.delivery-speed-dialog.is-instant .rocket-window{fill:#49d6f2;stroke:#e5fbff}
.delivery-speed-dialog.is-instant .rocket-flame{fill:#ff7a32;stroke:#ffd66a;stroke-width:1.5;transform-origin:22px 35px;animation:speedFlameFlicker .13s ease-in-out infinite alternate}
.delivery-speed-dialog.is-instant .speed-trail{background:linear-gradient(180deg,transparent,#9bf2ce,#53c9ff,transparent);filter:blur(3px);animation:speedSmokeTrail 2.65s linear infinite!important}
.delivery-speed-dialog.is-instant .trail-two{animation-delay:-1.3s!important}
.speed-smoke{position:absolute;z-index:0;left:50%;bottom:12px;width:13px;height:13px;border-radius:50%;background:#b8c6d0;filter:blur(5px);opacity:0;pointer-events:none}
.speed-dialog-rocket{position:relative;z-index:2}
.delivery-speed-dialog.is-instant .smoke-one{animation:speedSmokeRise 1.55s ease-out infinite}
.delivery-speed-dialog.is-instant .smoke-two{animation:speedSmokeRise 1.55s ease-out .52s infinite;left:42%;width:10px;height:10px}
.delivery-speed-dialog.is-instant .smoke-three{animation:speedSmokeRise 1.55s ease-out 1.04s infinite;left:58%;width:11px;height:11px}
@keyframes speedRocketSeamless{
  0%{opacity:0;transform:translate3d(-5px,58px,0) rotate(-4deg) scale(.82);filter:drop-shadow(0 2px 3px #ff8b4c55)}
  12%{opacity:1}
  82%{opacity:1;transform:translate3d(5px,-35px,0) rotate(3deg) scale(1);filter:drop-shadow(0 5px 12px #63c9ff80)}
  100%{opacity:0;transform:translate3d(8px,-66px,0) rotate(6deg) scale(.9);filter:drop-shadow(0 8px 15px #63c9ff18)}
}
@keyframes speedFlameFlicker{
  from{opacity:.74;transform:scale(.82) rotate(-5deg)}
  to{opacity:1;transform:scale(1.12) rotate(6deg)}
}
@keyframes speedSmokeRise{
  0%{opacity:0;transform:translate3d(-50%,0,0) scale(.45)}
  18%{opacity:.48}
  100%{opacity:0;transform:translate3d(calc(-50% - 9px),-42px,0) scale(1.65)}
}
@keyframes speedSmokeTrail{
  0%{opacity:0;transform:translateY(52px) scaleY(.2)}
  18%{opacity:.62}
  100%{opacity:0;transform:translateY(-48px) scaleY(1.1)}
}
@media(prefers-reduced-motion:reduce){
  .delivery-speed-dialog.is-instant .speed-dialog-rocket,.delivery-speed-dialog.is-instant .rocket-flame,.delivery-speed-dialog.is-instant .speed-trail,.delivery-speed-dialog.is-instant .speed-smoke{animation:none!important}
  .delivery-speed-dialog.is-instant .speed-dialog-rocket{opacity:1;transform:none}
}

/* Profile balance cards: clear wallet branding and matched actions. */
#screen-profile #profile-avatar.avatar-large{border:0!important;box-shadow:none!important;outline:0!important}
#profile-finances .profile-fund-action{box-sizing:border-box!important;width:clamp(128px,36vw,150px)!important;min-width:clamp(128px,36vw,150px)!important;height:44px!important;min-height:44px!important;padding:0 10px!important;white-space:nowrap!important;font-size:11px!important;line-height:1!important}
#profile-finances .profile-ton-card{border-color:#263d49!important;background:linear-gradient(105deg,#14232b,#17191d 76%)!important}
#profile-finances .profile-ton-card .profile-fund-icon{border-color:#3989aa55!important;background:#153342!important;color:#8edbfa!important}
#profile-finances .profile-ton-card .profile-fund-icon{border:0!important;background:transparent!important;border-radius:50%!important;box-shadow:none!important;outline:0!important}
#profile-finances .profile-ton-card .profile-fund-icon img{display:block;width:34px!important;height:34px!important;max-width:none!important;object-fit:cover!important;object-position:left center!important;border-radius:50%!important}
#profile-finances .profile-ton-card .profile-fund-copy>small{color:#83c8e2!important}
#profile-finances .profile-ton-card .profile-fund-action,
#profile-finances .profile-ton-card .profile-fund-action.connected{border:1px solid #3294bc88!important;background:linear-gradient(115deg,#176b89,#14536f)!important;color:#e6f8ff!important;box-shadow:0 5px 16px #087ba01c,inset 0 1px #ffffff2c!important}
#profile-finances .profile-ton-card .profile-fund-action:hover{filter:brightness(1.06)!important}
@media(max-width:600px){
  #profile-finances .profile-fund-action{width:clamp(128px,36vw,142px)!important;min-width:clamp(128px,36vw,142px)!important;height:42px!important;min-height:42px!important;font-size:10.5px!important}
  #profile-finances .profile-ton-card .profile-fund-icon img{width:31px!important;height:31px!important}
}

/* Final delivery-speed polish: a lively diagonal flight and true title-stack centering. */
#screen-catalog .form-title{align-items:stretch!important}
#screen-catalog .form-title>div:first-child{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0}
#screen-catalog .form-title>.speed-wrap{display:flex!important;align-self:stretch!important;align-items:center!important;justify-content:center!important;min-height:0!important;transform:none!important}
#delivery-speed .speed-spark{flex:0 0 18px!important;width:18px!important;height:18px!important;font-size:16px!important;line-height:1!important}
.delivery-speed-dialog.is-instant .speed-dialog-rocket{animation:speedRocketLively 1.9s linear infinite!important;transform-origin:50% 50%;will-change:transform,opacity,filter}
.delivery-speed-dialog.is-instant .rocket-flame{animation:speedFlameLively .16s ease-in-out infinite alternate!important}
.delivery-speed-dialog.is-instant .speed-trail{animation:speedTrailLively 1.9s linear infinite!important}
.delivery-speed-dialog.is-instant .trail-two{animation-delay:-.95s!important}
.delivery-speed-dialog.is-instant .smoke-one{animation:speedSmokeRise 1.05s ease-out infinite!important}
.delivery-speed-dialog.is-instant .smoke-two{animation:speedSmokeRise 1.05s ease-out .35s infinite!important}
.delivery-speed-dialog.is-instant .smoke-three{animation:speedSmokeRise 1.05s ease-out .7s infinite!important}
@keyframes speedRocketLively{
  0%{opacity:0;transform:translate3d(-13px,74px,0) rotate(-10deg) scale(.7);filter:drop-shadow(0 1px 3px #ff8b4c30)}
  7%{opacity:.85}
  19%{opacity:1;transform:translate3d(-8px,40px,0) rotate(-13deg) scale(.92);filter:drop-shadow(0 5px 9px #ff9a5366)}
  51%{opacity:1;transform:translate3d(0,-3px,0) rotate(-11deg) scale(1.06);filter:drop-shadow(0 5px 14px #63c9ff8c)}
  82%{opacity:1;transform:translate3d(9px,-49px,0) rotate(-9deg) scale(1);filter:drop-shadow(0 8px 16px #63c9ff66)}
  100%{opacity:0;transform:translate3d(14px,-83px,0) rotate(-7deg) scale(.84);filter:drop-shadow(0 8px 17px #63c9ff10)}
}
@keyframes speedFlameLively{
  from{opacity:.7;transform:scale(.78) rotate(-7deg)}
  to{opacity:1;transform:scale(1.18) rotate(8deg)}
}
@keyframes speedTrailLively{
  0%{opacity:0;transform:translate3d(-7px,56px,0) rotate(10deg) scaleY(.25)}
  16%{opacity:.65}
  58%{opacity:.45;transform:translate3d(0,0,0) rotate(10deg) scaleY(1)}
  100%{opacity:0;transform:translate3d(9px,-65px,0) rotate(10deg) scaleY(.55)}
}
@media(prefers-reduced-motion:reduce){
  .delivery-speed-dialog.is-instant .speed-dialog-rocket,.delivery-speed-dialog.is-instant .rocket-flame,.delivery-speed-dialog.is-instant .speed-trail,.delivery-speed-dialog.is-instant .speed-smoke{animation:none!important}
  .delivery-speed-dialog.is-instant .speed-dialog-rocket{opacity:1;transform:rotate(-10deg)}
}

/* Finance actions: align the plus optically and give all wallet actions a firmer label. */
#profile-finances .profile-fund-action{font-weight:850!important;letter-spacing:-.025em!important}
#profile-finances #profile-topup span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:15px!important;height:15px!important;font-size:17px!important;font-weight:800!important;line-height:1!important;vertical-align:middle!important;transform:translateY(-.5px)}

/* Clean rocket animation: no raster poster, green tile, or blend-mode haze. */
.delivery-speed-visual{box-sizing:border-box!important;width:104px!important;height:104px!important;border-color:#6684c566!important;border-radius:30px!important;background:radial-gradient(circle at 50% 45%,#283f6545,transparent 66%),linear-gradient(145deg,#202b40,#211c30)!important}
.delivery-speed-dialog.is-instant .delivery-speed-visual{border-color:#668bd866!important;background:radial-gradient(circle at 50% 45%,#31598752,transparent 68%),linear-gradient(145deg,#202d42,#211d31)!important}
.delivery-speed-dialog .speed-dialog-rocket{position:relative!important;z-index:2!important;display:block!important;width:78px!important;height:78px!important;max-width:none!important;overflow:visible!important;object-fit:contain!important;border:0!important;border-radius:0!important;mix-blend-mode:normal!important;filter:drop-shadow(0 5px 10px #48b9ff55)!important;transform-origin:50% 50%!important;animation:none!important}
.delivery-speed-dialog.is-instant .rocket-body{fill:#f4f7ff!important;stroke:#a9c9ff!important;stroke-width:1.5}
.delivery-speed-dialog.is-instant .rocket-fin{fill:#7f8ee8!important;stroke:#bdc6ff!important;stroke-width:1.5}
.delivery-speed-dialog.is-instant .rocket-window{fill:#46d9f4!important;stroke:#e4fbff!important;stroke-width:2}
.delivery-speed-dialog.is-instant .rocket-flame{fill:#ff8138!important;stroke:#ffd66a!important;stroke-width:1.5;transform-origin:40px 60px;animation:speedFlameLively .16s ease-in-out infinite alternate!important}
.delivery-speed-dialog .speed-trail,.delivery-speed-dialog .speed-smoke{display:block!important;pointer-events:none}
.delivery-speed-dialog .speed-trail{z-index:1!important;left:calc(50% - 2px)!important;bottom:20px!important;width:4px!important;height:22px!important;background:linear-gradient(180deg,transparent,#8edaff,#c5a4ff)!important;filter:blur(2px)!important;transform:rotate(-10deg)!important}
.delivery-speed-dialog.is-instant .speed-dialog-rocket{animation:speedRocketFixed 2.2s ease-in-out infinite!important;will-change:transform,opacity,filter}
.delivery-speed-dialog.is-instant .speed-trail{animation:speedTrailFixed 1.1s ease-out infinite!important}
.delivery-speed-dialog.is-instant .trail-two{animation-delay:-.55s!important}
.delivery-speed-dialog.is-instant .smoke-one{animation:speedSmokeRise 1.05s ease-out infinite!important}
.delivery-speed-dialog.is-instant .smoke-two{animation:speedSmokeRise 1.05s ease-out .35s infinite!important}
.delivery-speed-dialog.is-instant .smoke-three{animation:speedSmokeRise 1.05s ease-out .7s infinite!important}
@keyframes speedRocketFixed{0%{opacity:0;transform:translate3d(-5px,34px,0) rotate(-12deg) scale(.82)}12%{opacity:1}48%{opacity:1;transform:translate3d(0,0,0) rotate(-12deg) scale(1)}88%{opacity:1;transform:translate3d(5px,-30px,0) rotate(-12deg) scale(.98)}100%{opacity:0;transform:translate3d(7px,-40px,0) rotate(-12deg) scale(.9)}}
@keyframes speedTrailFixed{0%{opacity:0;transform:translate3d(-5px,25px,0) rotate(-12deg) scaleY(.3)}35%{opacity:.75}100%{opacity:0;transform:translate3d(5px,-28px,0) rotate(-12deg) scaleY(1.2)}}
@media(max-width:620px){.delivery-speed-visual{width:96px!important;height:96px!important;border-radius:27px!important}.delivery-speed-dialog .speed-dialog-rocket{width:72px!important;height:72px!important}}
@media(prefers-reduced-motion:reduce){.delivery-speed-dialog.is-instant .speed-dialog-rocket,.delivery-speed-dialog.is-instant .rocket-flame,.delivery-speed-dialog.is-instant .speed-trail,.delivery-speed-dialog.is-instant .speed-smoke{animation:none!important}.delivery-speed-dialog.is-instant .speed-dialog-rocket{opacity:1;transform:rotate(-12deg)!important}}

/* Use the locally hosted LottieFiles launch video at its full visual size. */
.delivery-speed-dialog .speed-dialog-rocket{width:88px!important;height:88px!important;object-fit:contain!important;background:transparent!important}
.delivery-speed-dialog.is-instant .speed-dialog-rocket{animation:none!important;transform:none!important;filter:none!important;will-change:auto!important}
#delivery-speed .speed-spark{flex:0 0 23px!important;width:23px!important;height:23px!important;font-size:21px!important;line-height:1!important}
#delivery-speed #delivery-speed-label{font-variant-caps:all-small-caps;font-feature-settings:"smcp" 1,"c2sc" 1;font-size:14px!important;font-weight:850!important;letter-spacing:.075em!important;line-height:1.05!important}
@media(max-width:620px){.delivery-speed-dialog .speed-dialog-rocket{width:84px!important;height:84px!important}}

/* Compact, vertically centered delivery badge and profile action typography. */
#screen-catalog .form-title>.speed-wrap{flex:0 1 auto!important;min-width:0!important;max-width:48%!important}
#delivery-speed.speed-badge{box-sizing:border-box!important;display:inline-flex!important;flex:0 1 auto!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;max-width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:0 8px!important;overflow:hidden!important;text-align:center!important}
#delivery-speed .speed-spark{display:grid!important;place-items:center!important;flex:0 0 20px!important;width:20px!important;height:20px!important;font-size:20px!important;line-height:1!important}
#delivery-speed #delivery-speed-label{display:block!important;flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-variant-caps:all-small-caps!important;font-feature-settings:"smcp" 1,"c2sc" 1!important;font-size:12px!important;font-weight:850!important;letter-spacing:.025em!important;line-height:1!important}
#delivery-speed>svg{display:block!important;flex:0 0 13px!important;width:13px!important;height:13px!important;margin:0!important}
#profile-finances .profile-fund-action{font-variant-caps:all-small-caps!important;font-feature-settings:"smcp" 1,"c2sc" 1!important;letter-spacing:.015em!important;font-weight:850!important}
.delivery-speed-visual{box-sizing:border-box!important;width:112px!important;height:112px!important;margin:0 auto 15px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.delivery-speed-dialog.is-instant .delivery-speed-visual{border:0!important;background:transparent!important;box-shadow:none!important}
.delivery-speed-dialog .speed-dialog-rocket{display:block!important;width:108px!important;height:108px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;overflow:visible!important}
#delivery-speed-rocket svg{display:block!important;width:100%!important;height:100%!important;overflow:visible!important}
@media(max-width:620px){.delivery-speed-visual{width:112px!important;height:112px!important}.delivery-speed-dialog .speed-dialog-rocket{width:108px!important;height:108px!important}}

/* Compact the Stars-only speed badge and keep a visible fallback while the
   locally hosted Lottie rocket prepares its first frame. */
#screen-catalog .form-title>.speed-wrap{transform:translateY(3px)!important}
#screen-catalog .form-title>.speed-wrap.hidden{display:none!important}
#delivery-speed.speed-badge{height:33px!important;min-height:33px!important;padding:0 7px!important;gap:4px!important}
#delivery-speed .speed-spark{flex:0 0 17px!important;width:17px!important;height:17px!important;font-size:17px!important}
#delivery-speed #delivery-speed-label{font-size:10px!important;letter-spacing:.015em!important}
#delivery-speed>svg{flex-basis:11px!important;width:11px!important;height:11px!important}
.delivery-speed-visual{position:relative!important}
.speed-rocket-placeholder{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;width:88px;height:88px;transform:translate(-50%,-50%) rotate(-12deg);font-size:58px;line-height:1;animation:rocket-placeholder-rise 1.9s ease-in-out infinite;pointer-events:none}
.delivery-speed-visual.lottie-ready .speed-rocket-placeholder{display:none}
.delivery-speed-visual:not(.lottie-ready) #delivery-speed-rocket{visibility:hidden}
@keyframes rocket-placeholder-rise{0%,100%{translate:0 4px}50%{translate:0 -5px}}
@media(max-width:620px){#delivery-speed.speed-badge{height:31px!important;min-height:31px!important}#delivery-speed .speed-spark{font-size:16px!important}}

/* Case detail and inventory polish: stable mobile entry, compact reel, useful prize list. */
#screen-cases #cases-content{scroll-margin-top:0!important;overflow-anchor:none}
#screen-cases[data-detail="case"] .bonus-spin-card{border:0!important;outline:0!important;box-shadow:none!important;background:linear-gradient(155deg,#1d1a29,#15141b 70%)!important;padding:clamp(16px,3vw,26px)!important}
#screen-cases[data-detail="case"] .bonus-case-window{height:clamp(112px,20vw,150px)!important;margin:12px 0 16px!important}
#screen-cases[data-detail="case"] .bonus-spin-instruction{display:none!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="daily"] #bonus-spin-status{display:none!important}
#screen-cases[data-detail="case"] #bonus-demo-referral{display:none!important}
#screen-cases[data-detail="case"] .case-reward-list{display:grid;gap:10px;margin:16px 0 0;padding-top:15px;border-top:1px solid #ffffff12}
#screen-cases[data-detail="case"] .case-reward-list>strong{font-size:13px;font-weight:800;color:#f1edf5}
#screen-cases[data-detail="case"] .case-reward-list>div{display:flex;flex-wrap:wrap;gap:8px}
#screen-cases[data-detail="case"] .case-reward-chip{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;min-width:min(100%,190px);flex:1 1 175px;padding:9px 10px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05}
#screen-cases[data-detail="case"] .case-reward-chip>img,#screen-cases[data-detail="case"] .case-reward-chip>svg{grid-row:1/3;width:25px;height:25px}
#screen-cases[data-detail="case"] .case-reward-chip b{font-size:11px;line-height:1.25}
#screen-cases[data-detail="case"] .case-reward-chip small{font-size:8px;color:#a8a0b0;text-transform:uppercase;letter-spacing:.06em}
#screen-cases[data-detail="inventory"] .bonus-inventory{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
#screen-cases[data-detail="inventory"] .inventory-item[data-inventory-open]{cursor:pointer}
#screen-cases[data-detail="inventory"] .inventory-item[data-inventory-open]:active{transform:scale(.995)}
#case-win-delete{border-color:#743b48!important;background:#381e27!important;color:#ffb9c2!important}
@media(max-width:620px){
  #screen-cases.case-detail-active{padding-top:0!important}
  #screen-cases.case-detail-active #cases-content{scroll-margin-top:0!important}
  #screen-cases[data-detail="case"] .bonus-spin-card{margin:0 0 16px!important;padding:14px 14px 18px!important;border-radius:0!important}
  #screen-cases[data-detail="case"] .bonus-case-window{height:112px!important;border-radius:16px!important}
  #screen-cases[data-detail="case"] .case-item{flex-basis:94px!important}
  #screen-cases[data-detail="case"] .case-item>span{width:34px!important;height:34px!important;font-size:19px!important}
  #screen-cases[data-detail="case"] .bonus-spin-head h2{font-size:26px!important}
  #screen-cases[data-detail="case"] .bonus-spin-card>p{margin:9px 0 13px!important}
  #screen-cases[data-detail="case"] .bonus-spin-actions{gap:7px!important}
  #screen-cases[data-detail="case"] .bonus-spin-button{min-height:58px!important}
  #screen-cases[data-detail="case"] .case-reward-chip{flex-basis:145px;padding:8px}
  #screen-cases[data-detail="inventory"] .bonus-inventory-head{margin-top:4px}
}

#case-win-delete{grid-column:1/-1!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="daily"] .referral-box{display:none!important}

/* Latest delivery badge refinement: compact, vertically lowered, and stars-only. */
#screen-catalog .form-title>.speed-wrap{transform:translateY(6px)!important;max-width:44%!important}
#delivery-speed.speed-badge{height:30px!important;min-height:30px!important;padding:0 7px!important;gap:4px!important}
#delivery-speed .speed-spark{flex:0 0 16px!important;width:16px!important;height:16px!important;font-size:16px!important}
#delivery-speed #delivery-speed-label{font-size:9px!important;letter-spacing:.01em!important}
#delivery-speed>svg{flex-basis:11px!important;width:11px!important;height:11px!important}
.speed-rocket-placeholder{font-size:50px!important;animation:rocket-placeholder-rise 1.25s ease-in-out infinite!important;filter:drop-shadow(0 5px 14px #7dc8ff55)}
@media(max-width:620px){#screen-catalog .form-title>.speed-wrap{transform:translateY(6px)!important;max-width:46%!important}#delivery-speed.speed-badge{height:29px!important;min-height:29px!important;padding-inline:6px!important}#delivery-speed .speed-spark{font-size:15px!important}}

/* Fit the first two product choices on mobile so Telegram Premium stays fully readable. */
@media(max-width:600px){
  #screen-catalog .catalog-intro{gap:7px!important}
  #screen-catalog .product-switcher{gap:5px!important;padding-inline:2px!important}
  #screen-catalog .product-tab{box-sizing:border-box!important;flex:0 0 clamp(108px,calc((100% - 5px)/2),180px)!important;width:clamp(108px,calc((100% - 5px)/2),180px)!important;min-width:clamp(108px,calc((100% - 5px)/2),180px)!important;gap:4px!important;padding-inline:4px!important;font-size:clamp(9px,2.55vw,10.5px)!important;letter-spacing:-.2px!important}
  #screen-catalog .product-tab img{width:19px!important;height:19px!important}
}
@media(max-width:350px){
  #screen-catalog .product-tab{flex-basis:108px!important;width:108px!important;min-width:108px!important;font-size:9px!important}
}

/* Delivery-speed dialog: start on the visible part of the locally hosted
   rocket loop and keep the short reset gap below half a second. */
.delivery-speed-dialog.is-instant .speed-dialog-rocket{animation:none!important}
.delivery-speed-dialog .delivery-speed-fire-word{
  display:inline-block;
  color:#ffc46e;
  background:linear-gradient(105deg,#fff0b2 0%,#ffbd59 24%,#ff784c 48%,#ffd27c 68%,#fff0b2 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 9px #ff8c4735);
  animation:deliveryFireGlow 1.8s ease-in-out infinite;
}
@keyframes deliveryFireGlow{
  0%,100%{background-position:0% 50%;filter:drop-shadow(0 0 7px #ff8c4730)}
  50%{background-position:100% 50%;filter:drop-shadow(0 0 13px #ff8c4755)}
}
@media(prefers-reduced-motion:reduce){
  .delivery-speed-dialog .delivery-speed-fire-word{animation:none;background-position:50% 50%;filter:none}
}

/* Keep prize names compact in the reel and reserve a clear rarity line. */
#screen-cases[data-detail="case"] .case-item{position:relative!important;box-sizing:border-box!important;justify-content:flex-start!important;padding:8px 5px 23px!important}
#screen-cases[data-detail="case"] .case-item>span{flex:none!important;margin:0 0 4px!important}
#screen-cases[data-detail="case"] .case-item strong{display:-webkit-box!important;flex:none!important;min-height:2.25em!important;max-height:2.25em!important;overflow:hidden!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-height:1.12!important}
#screen-cases[data-detail="case"] .case-item small{position:absolute!important;right:2px!important;bottom:8px!important;left:2px!important;margin:0!important;overflow:visible!important;line-height:1!important;white-space:nowrap!important;font-size:7px!important;letter-spacing:.035em!important}
@media(max-width:620px){#screen-cases[data-detail="case"] .case-item{padding:7px 4px 22px!important}#screen-cases[data-detail="case"] .case-item>span{margin-bottom:3px!important}#screen-cases[data-detail="case"] .case-item strong{font-size:9px!important;min-height:2.2em!important;max-height:2.2em!important}#screen-cases[data-detail="case"] .case-item small{bottom:7px!important;font-size:6.8px!important}}

/* Referral detail: centered spin action, no intervening status copy, balanced promo layout. */
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] .bonus-spin-button{display:grid!important;place-items:center!important;padding:12px!important;text-align:center!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] .bonus-spin-status{display:none!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] .case-button-centered{font-size:16px!important;font-weight:900!important;letter-spacing:.01em!important;line-height:1.15!important;text-align:center!important}
.offer-poster{grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr)!important;gap:20px!important;padding-inline:26px!important}
.offer-poster>b{padding-inline:4px!important}
@media(max-width:620px){.offer-poster{gap:15px!important;padding-inline:20px!important}}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] .bonus-spin-button{display:grid!important;place-items:center!important;min-height:76px!important;padding:10px!important;text-align:center!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] .case-button-centered{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:inherit!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Roboto,"Helvetica Neue",Arial,sans-serif!important;font-size:19px!important;font-weight:850!important;letter-spacing:.1em!important;line-height:1!important;text-align:center!important}
@media(max-width:620px){}

/* Final referral CTA overrides: compact Telegram-style button with true centering. */
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] #bonus-referral-spin{display:grid!important;grid-template-columns:minmax(0,1fr)!important;place-items:center!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:56px!important;height:56px!important;padding:0 12px!important;border:1px solid #76aaff66!important;border-radius:15px!important;background:linear-gradient(110deg,#2468d5,#3986ed 55%,#326cce)!important;color:#fff!important;box-shadow:0 7px 18px #17499a35,inset 0 1px #ffffff35!important;text-align:center!important;animation:none!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] #bonus-referral-spin:disabled{background:linear-gradient(110deg,#30415e,#34435f)!important;border-color:#7890b333!important;color:#e3ebf8!important;opacity:1!important;box-shadow:inset 0 1px #ffffff12!important}
#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] #bonus-referral-spin .case-button-centered{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;flex:none!important;color:inherit!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Roboto,"Helvetica Neue",Arial,sans-serif!important;font-size:17px!important;font-weight:850!important;letter-spacing:.12em!important;line-height:1!important;text-align:center!important;text-transform:uppercase!important}
@media(max-width:620px){#screen-cases[data-detail="case"] .bonus-spin-card[data-case-source="referral"] #bonus-referral-spin{min-height:54px!important;height:54px!important}}
@media(max-width:380px){}

.startup-note{position:fixed;z-index:81;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;display:flex;align-items:center;gap:12px;width:min(440px,calc(100% - 28px));padding:13px 14px;border:1px solid #725b82;border-radius:14px;background:#211a2a;color:#f5eef9;font-size:12px;line-height:1.45;box-shadow:0 12px 36px #0009;transform:translateX(-50%)}
.startup-note[hidden]{display:none}
.startup-note button{flex:none;padding:8px 10px;border:1px solid #ffffff2b;border-radius:9px;background:#67458a;color:#fff;font:inherit;font-size:11px;font-weight:800}
.startup-note button:disabled{opacity:.65}

/* Keep the selected catalog tab's full outline inside the tab. The product
   rail clips outer shadows while scrolling on mobile, so use an inset frame. */
#screen-catalog .product-tab.active{
  box-sizing:border-box!important;
  box-shadow:inset 0 0 0 1px #e4c2ffb8,inset 0 1px 0 #ffffff38!important;
}

/* Dramatic black and graphite depth behind the mobile storefront. */
@media(max-width:899px){
  html,body{background:#000!important}
  body{isolation:isolate}
  body::before{
    content:"";position:fixed;z-index:0;inset:-12%;pointer-events:none;
    background-image:
      radial-gradient(ellipse at 50% 9%,#aeb3bf29,transparent 31%),
      radial-gradient(ellipse at 4% 58%,#52566024,transparent 27%),
      radial-gradient(ellipse at 97% 78%,#42464f20,transparent 29%),
      radial-gradient(ellipse at 50% 46%,transparent 11%,#000000e0 75%),
      linear-gradient(155deg,#000 0%,#000 100%);
    background-size:100% 100%;
    filter:blur(7px);
    transform:translate3d(-1.2%,1%,0) scale(1.04);
    animation:none;
    will-change:auto;
  }
  body::after{
    content:"";position:fixed;z-index:0;inset:-18%;pointer-events:none;
    background:
      radial-gradient(ellipse at 78% 28%,#9095a016,transparent 28%),
      radial-gradient(ellipse at 30% 84%,#686d7814,transparent 31%);
    filter:blur(20px);
    transform:translate3d(1.5%,-1%,0) scale(1.02);
    animation:none;
    will-change:auto;
  }
  .app-shell{position:relative;z-index:1;background:transparent!important}
  /* Legacy theme declarations use !important and otherwise restore their own
     canvas over this effect. Keep the requested dark backdrop authoritative. */
  :root[data-theme="light"] body{background:#000!important}
  :root[data-theme="light"] .app-shell{background:transparent!important}
}
@keyframes mobile-ambient-drift{
  0%{transform:translate3d(-1.2%,1%,0) scale(1.03)}
  100%{transform:translate3d(1.2%,-.7%,0) scale(1.06)}
}
@keyframes mobile-ambient-depth{
  0%{transform:translate3d(1.5%,-1%,0) scale(1.02)}
  100%{transform:translate3d(-1.2%,1.4%,0) scale(1.07)}
}
@media(prefers-reduced-motion:reduce){
  body::before,body::after{animation:none!important;will-change:auto}
}

/* Let Telegram suspend rendering while the phone is asleep. Case animations
   get the GPU budget while the prize reel is on screen. */
body.app-suspended *,body.app-suspended *::before,body.app-suspended *::after,
body.app-suspended::before,body.app-suspended::after{
  animation-play-state:paused!important;
  will-change:auto!important;
}
body[data-screen="cases"]::before,body[data-screen="cases"]::after,
body[data-screen="cases"] .ambient-particles i,
body[data-screen="cases"] .ambient-planets *{
  animation-play-state:paused!important;
  will-change:auto!important;
}
body:not([data-screen="cases"]) .bonus-case-track.idle,
#screen-cases:not([data-detail="case"]) .bonus-case-track.idle{
  animation-play-state:paused!important;
}
.case-item>span .case-gift-still{display:block;width:100%;height:100%;object-fit:contain}

/* Tiny, dim white motes add motion without competing with the storefront. */
.ambient-particles{display:none}
@media(max-width:899px){
  .ambient-particles{position:fixed;z-index:0;inset:0;display:block;overflow:hidden;pointer-events:none}
  .ambient-particles i{
    position:absolute;width:1.5px;height:1.5px;border-radius:50%;
    background:#fff;box-shadow:0 0 4px #ffffff88;opacity:0;
    animation:ambient-speck 9s ease-in-out var(--speck-delay,0s) infinite;
    will-change:opacity,transform;
  }
  .ambient-particles i:nth-child(1){left:2%;top:23%;--speck-delay:-2s}
  .ambient-particles i:nth-child(2){left:97%;top:28%;--speck-delay:-6s}
  .ambient-particles i:nth-child(3){left:2%;top:36%;--speck-delay:-4s}
  .ambient-particles i:nth-child(4){left:97%;top:42%;--speck-delay:-1s}
  .ambient-particles i:nth-child(5){left:2%;top:49%;--speck-delay:-7s}
  .ambient-particles i:nth-child(6){left:97%;top:55%;--speck-delay:-5s}
  .ambient-particles i:nth-child(7){left:2%;top:63%;--speck-delay:-3s}
  .ambient-particles i:nth-child(8){left:97%;top:68%;--speck-delay:-8s}
  .ambient-particles i:nth-child(9){left:2%;top:76%;--speck-delay:-2.5s}
  .ambient-particles i:nth-child(10){left:97%;top:81%;--speck-delay:-6.5s}
  .ambient-particles i:nth-child(11){left:3%;top:88%;--speck-delay:-4.5s}
  .ambient-particles i:nth-child(12){left:96%;top:92%;--speck-delay:-1.5s}
  .ambient-particles i:nth-child(3n){width:2px;height:2px}
}
@keyframes ambient-speck{
  0%,100%{opacity:.12;transform:translate3d(0,3px,0) scale(.75)}
  48%{opacity:.48;transform:translate3d(2px,-8px,0) scale(1.05)}
  72%{opacity:.2;transform:translate3d(-1px,-3px,0) scale(.85)}
}
@media(max-width:899px) and (prefers-reduced-motion:reduce){
  .ambient-particles i{animation:none!important;opacity:.2;transform:none;will-change:auto}
}

/* Local app styles: ambient backdrops and coordinated action-button colors. */
.ambient-planets{display:none}
@media(max-width:899px){
  :root[data-app-style="space"] body::before{
    background-image:
      radial-gradient(ellipse at 50% 8%,#4389c43b,transparent 38%),
      radial-gradient(ellipse at 8% 48%,#35589b30,transparent 31%),
      radial-gradient(ellipse at 95% 76%,#204a7930,transparent 34%),
      radial-gradient(ellipse at 50% 46%,transparent 11%,#000000e0 75%),
      linear-gradient(155deg,#050915 0%,#02040a 48%,#080a16 100%)!important;
  }
  :root[data-app-style="space"] body::after{
    background:radial-gradient(ellipse at 76% 28%,#68a9d42a,transparent 30%),radial-gradient(ellipse at 30% 84%,#5365b12b,transparent 33%)!important;
  }
  :root[data-app-style="space"] .ambient-planets{
    position:fixed;z-index:0;inset:0;display:block;overflow:hidden;pointer-events:none;
  }
  .ambient-planet{position:absolute;display:block;border-radius:50%;}
  .ambient-planet-blue{
    top:31%;left:-20px;width:58px;height:58px;
    background:radial-gradient(circle at 32% 28%,#d6f5ff 0,#7db7da 10%,#3c6d9c 40%,#172744 76%,#080d18 100%);
    box-shadow:inset -10px -5px 16px #050916b8,0 0 22px #477fbd44;
    animation:planet-float 19s ease-in-out infinite alternate;
  }
  .ambient-planet-blue::after{
    position:absolute;content:"";top:20px;left:-11px;width:80px;height:18px;
    border:1px solid #a5dcff70;border-radius:50%;transform:rotate(-24deg);
  }
  .ambient-planet-ringed{
    top:60%;right:-17px;width:45px;height:45px;
    background:radial-gradient(circle at 31% 28%,#e4dbbe 0,#b5a47f 13%,#665849 48%,#17151a 100%);
    box-shadow:inset -8px -5px 12px #09090dcc,0 0 18px #a58c6550;
    animation:planet-float 25s ease-in-out -7s infinite alternate-reverse;
  }
  .ambient-planet-ringed::after{
    position:absolute;content:"";top:14px;left:-16px;width:77px;height:17px;
    border:2px solid #d2c29b88;border-left-color:#e4d9bfaa;border-radius:50%;transform:rotate(-18deg);
  }
}
@keyframes planet-float{to{transform:translate3d(3px,-8px,0) rotate(4deg)}}
@media(max-width:899px) and (prefers-reduced-motion:reduce){.ambient-planet{animation:none!important}}

:root[data-app-style="crimson"] body::before{
  background-image:radial-gradient(ellipse at 50% 10%,#74777f20,transparent 34%),radial-gradient(ellipse at 5% 48%,#8e1e2938,transparent 33%),radial-gradient(ellipse at 97% 76%,#75131e36,transparent 35%),radial-gradient(ellipse at 50% 46%,transparent 11%,#000000e0 75%),linear-gradient(155deg,#0d0b0d 0%,#020202 48%,#100809 100%)!important;
}
:root[data-app-style="crimson"] body::after{background:radial-gradient(ellipse at 78% 28%,#cb374125,transparent 31%),radial-gradient(ellipse at 30% 84%,#85222a22,transparent 34%)!important}

:root[data-app-style="space"] :is(.primary-button,.hero-button,.floating-checkout,.checkout-submit,.raffle-primary,.offer-copy-link,.finance-open,.profile-notification-action),
:root[data-app-style="space"] .bonus-spin-button:not(:disabled){
  border-color:#72bce888!important;background:linear-gradient(110deg,#245d91,#287fba 50%,#5c54aa)!important;
  color:#fff!important;box-shadow:0 8px 24px #2369a54a,inset 0 1px #ffffff38!important;
}
:root[data-app-style="space"] #screen-catalog .product-tab.active,
:root[data-app-style="space"] .bottom-nav .nav-item.selected{background:linear-gradient(115deg,#255b88,#356cac 55%,#554b91)!important}
:root[data-app-style="space"] .bottom-nav::before{background:linear-gradient(120deg,#4c92c345,#6256a842)!important}
:root[data-app-style="space"] #screen-cases[data-detail="case"] .bonus-spin-button:not(:disabled){background:linear-gradient(110deg,#245d91,#287fba 50%,#5c54aa)!important}

:root[data-app-style="crimson"] :is(.primary-button,.hero-button,.floating-checkout,.checkout-submit,.raffle-primary,.offer-copy-link,.finance-open,.profile-notification-action),
:root[data-app-style="crimson"] .bonus-spin-button:not(:disabled){
  border-color:#e56a73a8!important;background:linear-gradient(110deg,#72212b,#bb303d 52%,#761e34)!important;
  color:#fff!important;box-shadow:0 8px 24px #8e1c2b50,inset 0 1px #ffffff35!important;
}
:root[data-app-style="crimson"] #screen-catalog .product-tab.active,
:root[data-app-style="crimson"] .bottom-nav .nav-item.selected{background:linear-gradient(115deg,#69202a,#a92d3a 55%,#72233b)!important}
:root[data-app-style="crimson"] .bottom-nav::before{background:linear-gradient(120deg,#b9425245,#76273842)!important}
:root[data-app-style="crimson"] #screen-cases[data-detail="case"] .bonus-spin-button:not(:disabled){background:linear-gradient(110deg,#72212b,#bb303d 52%,#761e34)!important}

:root[data-app-style="graphite"] :is(.primary-button,.hero-button,.floating-checkout,.checkout-submit,.raffle-primary,.offer-copy-link,.finance-open,.profile-notification-action),
:root[data-app-style="graphite"] .bonus-spin-button:not(:disabled){
  border-color:#b5bac4!important;background:linear-gradient(110deg,#3e424a,#777d88 52%,#454951)!important;
  color:#fff!important;box-shadow:0 8px 24px #0008,inset 0 1px #ffffff48!important;
}
:root[data-app-style="graphite"] #screen-catalog .product-tab.active,
:root[data-app-style="graphite"] .bottom-nav .nav-item.selected{background:linear-gradient(115deg,#3d4148,#656b75 55%,#41454d)!important}
:root[data-app-style="graphite"] .bottom-nav::before{background:linear-gradient(120deg,#aeb5c12e,#7077822a)!important}
:root[data-app-style="graphite"] #screen-cases[data-detail="case"] .bonus-spin-button:not(:disabled){background:linear-gradient(110deg,#3e424a,#777d88 52%,#454951)!important}

.profile-style-intro{margin:0 2px 13px;color:#9da0a8;font-size:12px;line-height:1.5}
.profile-style-list{display:grid;gap:10px}
.profile-style-option{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:0 11px;width:100%;padding:9px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff05;color:#f2f0f4;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.profile-style-option:active{transform:scale(.99)}
.profile-style-option.selected{border-color:#c29ce8;background:#ffffff0b;box-shadow:0 0 0 1px #c29ce825}
.profile-style-preview{position:relative;grid-column:1/-1;display:block;height:75px;margin-bottom:9px;overflow:hidden;border-radius:11px;background:radial-gradient(circle at 15% 30%,#9b67ca5c,transparent 32%),linear-gradient(120deg,#17131f,#0b0b0f 58%,#1d1523)}
.profile-style-preview::after{position:absolute;content:"";right:13px;bottom:11px;width:70px;height:16px;border:1px solid #ffffff30;border-radius:8px;background:linear-gradient(110deg,#774bb2,#ac5ac0);box-shadow:0 4px 12px #0006}
.preview-classic{background:radial-gradient(circle at 20% 25%,#8b58b84a,transparent 35%),linear-gradient(120deg,#17131f,#0b0b0f 58%,#1d1523)}
.preview-space{background:radial-gradient(circle at 18% 32%,#3079b04d,transparent 28%),radial-gradient(circle at 78% 72%,#5e68b149,transparent 34%),linear-gradient(120deg,#050915,#02040a 60%,#0b1020)}
.preview-space::after{background:linear-gradient(110deg,#245d91,#287fba 50%,#5c54aa)}
.preview-crimson{background:radial-gradient(circle at 18% 32%,#a622304c,transparent 29%),radial-gradient(circle at 82% 70%,#7a1a2840,transparent 34%),linear-gradient(120deg,#10090b,#030303 58%,#18090d)}
.preview-crimson::after{background:linear-gradient(110deg,#72212b,#bb303d 52%,#761e34)}
.preview-graphite{background:radial-gradient(ellipse at 35% 5%,#aeb5c13d,transparent 43%),linear-gradient(120deg,#141519,#030303 58%,#1b1c20)}
.preview-graphite::after{background:linear-gradient(110deg,#3e424a,#777d88 52%,#454951)}
.preview-planet{position:absolute;z-index:1;display:block;width:25px;height:25px;border-radius:50%;box-shadow:inset -5px -3px 8px #0009,0 0 15px #528bc655}
.preview-planet.planet-one{top:14px;left:23%;background:radial-gradient(circle at 30% 28%,#e0f8ff,#71b7df 30%,#1d3d67 78%)}
.preview-planet.planet-two{right:22%;bottom:12px;width:17px;height:17px;background:radial-gradient(circle at 30% 28%,#eee2c4,#b49a66 46%,#3a2e28 100%)}
.preview-crimson .preview-planet.planet-one{background:radial-gradient(circle at 30% 28%,#ffd7d6,#d7474d 38%,#441219 82%);box-shadow:inset -5px -3px 8px #0009,0 0 15px #b3263955}
.preview-crimson .preview-planet.planet-two{background:radial-gradient(circle at 30% 28%,#ddd,#82858a 42%,#24262a 100%)}
.preview-graphite .preview-planet{background:radial-gradient(circle at 30% 28%,#fafafa,#858991 42%,#25272d 100%);box-shadow:inset -5px -3px 8px #0009,0 0 12px #abb3c344}
.preview-graphite .preview-planet.planet-two{display:none}
.preview-stars{position:absolute;top:10px;right:14px;color:#ffffffa8;font-size:13px;letter-spacing:9px}
.profile-style-copy{display:grid;gap:3px;min-width:0;align-content:center}
.profile-style-copy strong{font-size:13px}
.profile-style-copy small{color:#9997a1;font-size:10px;line-height:1.35}
.profile-style-copy em{min-height:12px;color:#c5a5e6;font-size:9px;font-style:normal;font-weight:750}
.profile-style-check{align-self:center;justify-self:center;color:#d8b9f5;font-size:17px;font-weight:900}
@media(max-width:600px){.profile-style-preview{height:66px}.profile-style-option{padding:8px}}

/* Theme identity reaches the controls and cards too, not only the canvas. */
:root[data-app-style="original"]{--style-edge:#687486;--style-panel:#171c24;--style-field:#202733;--style-glow:#7789a533;--style-accent:#93a9c7}
:root[data-app-style="classic"]{--style-edge:#805ba0;--style-panel:#201a29;--style-field:#241d30;--style-glow:#a66dd333;--style-accent:#c29ce8}
:root[data-app-style="space"]{--style-edge:#4d9ac4;--style-panel:#101a2a;--style-field:#111c2c;--style-glow:#4da4e044;--style-accent:#7bd4ff}
:root[data-app-style="crimson"]{--style-edge:#a8424b;--style-panel:#211518;--style-field:#25171b;--style-glow:#d4424a3d;--style-accent:#ff7e86}
:root[data-app-style="graphite"]{--style-edge:#747b88;--style-panel:#191b20;--style-field:#202329;--style-glow:#c0c8d022;--style-accent:#d0d6df}

:root[data-app-style] :is(#screen-catalog .recipient-input-wrap,#screen-catalog .amount-wrap,#screen-catalog .stepper,#topup-sheet .topup-input-wrap,#screen-promo input,.profile-promo-card input,#support-input,.support-inbox-search,#orders-search,#screen-orders .orders-filters input){
  position:relative!important;overflow:visible!important;
  background:var(--style-field)!important;box-shadow:none!important;
  transition:background .24s!important;
}
:root[data-app-style] :is(#screen-catalog .recipient-input-wrap:focus-within,#screen-catalog .amount-wrap:focus-within,#screen-catalog .stepper:focus-within,#topup-sheet .topup-input-wrap:focus-within,#screen-promo input:focus,.profile-promo-card input:focus,#support-input:focus,.support-inbox-search:focus-within,#screen-orders .orders-filters input:focus){
  box-shadow:none!important;
}
:root[data-app-style] :is(#screen-catalog .recipient-input-wrap input,#screen-catalog .amount-wrap input,#screen-catalog .stepper input,#topup-sheet .topup-input-wrap input,#screen-promo input,.profile-promo-card input,#support-input,#screen-orders .orders-filters input){background:transparent!important;color:#f7f7fb!important}
:root[data-app-style] .app-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),textarea,select){background-color:var(--style-field)!important;color:#f7f7fb!important;accent-color:var(--style-accent)!important}
:root[data-app-style] .app-shell :is(input,textarea,select)::placeholder{color:color-mix(in srgb,var(--style-accent) 43%,#858a96)!important;opacity:.88}
:root[data-app-style] .app-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),textarea,select):focus{box-shadow:none!important;outline:none!important}
:root[data-app-style] :is(#screen-catalog .field-group label,#screen-catalog .product-controls label,#topup-sheet label,.topup-method-label,.field-hint,.popular-caption){color:color-mix(in srgb,var(--style-accent) 62%,#d3d6dd)!important}
:root[data-app-style] #screen-catalog .form-panel{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
:root[data-app-style] #screen-catalog :is(.summary-panel,.payment-panel){background:linear-gradient(145deg,color-mix(in srgb,var(--style-panel) 92%,var(--style-accent) 8%),var(--style-panel))!important}
:root[data-app-style] #screen-catalog :is(.product-tab,.star-package,.duration,.choice,#gift-catalog .gift-card){background:linear-gradient(140deg,color-mix(in srgb,var(--style-panel) 86%,var(--style-accent) 14%),var(--style-panel))!important;color:#f4f4f8!important}
:root[data-app-style] #screen-catalog :is(.product-tab.active,.star-package.selected,.duration.selected,.choice.selected,#gift-catalog .gift-card.selected){background:linear-gradient(135deg,color-mix(in srgb,var(--style-panel) 65%,var(--style-accent) 35%),color-mix(in srgb,var(--style-panel) 86%,var(--style-accent) 14%))!important;color:#fff!important}
:root[data-app-style] #screen-catalog :is(.field-number,.pack-radio,.gift-quantity-mark){background:color-mix(in srgb,var(--style-accent) 30%,var(--style-panel))!important;color:var(--style-accent)!important}
:root[data-app-style] #screen-catalog :is(.catalog-how h2,.catalog-how h3,.catalog-how strong,.catalog-guide h2,.catalog-guide h3,.popular-caption,.form-heading-line h2,.field-group label,.product-controls label){color:color-mix(in srgb,var(--style-accent) 45%,#f4f4f8)!important}
:root[data-app-style] #screen-cases .cases-detail-note,:root[data-app-style] #screen-cases .cases-ready-banner{background:linear-gradient(145deg,color-mix(in srgb,var(--style-panel) 88%,var(--style-accent) 12%),var(--style-panel))!important;color:#f3f4f8!important}
:root[data-app-style] #screen-cases .cases-detail-note-kicker,:root[data-app-style] #screen-cases .cases-detail-note strong{color:var(--style-accent)!important}
:root[data-app-style] .app-shell :is(.case-choice,.bonus-spin-card,.bonus-inventory-card,.profile-shortcut,.profile-settings-row,.profile-order-card,.order-card,.wallet-total,.wallet-assets,.support-panel,.support-inbox-card){background-color:var(--style-panel)!important}

/* A small theme charm hangs below the recipient input, with a real SVG skull in crimson. */
.style-pendant{position:absolute;z-index:4;top:100%;right:24px;display:block;width:30px;height:35px;pointer-events:none;transform-origin:50% 0}
.style-pendant::before{position:absolute;content:"";top:0;left:50%;width:3px;height:18px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,var(--style-accent) 0 2px,transparent 2px 4px);opacity:.85}
.style-pendant::after{position:absolute;content:"";left:50%;bottom:1px;width:17px;height:17px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,var(--style-accent) 24%,color-mix(in srgb,var(--style-accent) 26%,#111) 78%);box-shadow:0 2px 9px var(--style-glow)}
.style-pendant.is-swaying{animation:pendant-swing 1.35s cubic-bezier(.35,.05,.35,1) both}
:root[data-app-style="space"] .style-pendant::before{background:repeating-linear-gradient(180deg,#9de8ff 0 2px,transparent 2px 4px)}
:root[data-app-style="space"] .style-pendant::after{width:17px;height:17px;background:radial-gradient(circle at 30% 25%,#fff,#8be1ff 18%,#397cae 52%,#102442 85%);box-shadow:0 0 13px #58c8ff70,inset -4px -3px 5px #06111e}
:root[data-app-style="classic"] .style-pendant::after{border-radius:3px;transform:translateX(-50%) rotate(45deg);background:linear-gradient(145deg,#eed8ff,#b679e5 55%,#572d83)}
:root[data-app-style="crimson"] .style-pendant::before{width:4px;background:repeating-radial-gradient(ellipse at center,#ffb0aa 0 1px,#8d2932 1.5px 3px,transparent 3.5px 5px)}
:root[data-app-style="crimson"] .style-pendant::after{width:22px;height:22px;bottom:0;transform:translateX(-50%);border-radius:0;background-color:#ff7474;mask:url("/static/emoji/skull-tabler.svg") center/contain no-repeat;-webkit-mask:url("/static/emoji/skull-tabler.svg") center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 2px 6px #f04a5e88)}
:root[data-app-style="graphite"] .style-pendant::after{border-radius:3px;background:linear-gradient(145deg,#f0f3f8,#8c95a3 48%,#333943);box-shadow:0 0 12px #c2ccd744}
@keyframes pendant-swing{0%,100%{transform:rotate(0)}18%{transform:rotate(8deg)}38%{transform:rotate(-6deg)}62%{transform:rotate(4deg)}82%{transform:rotate(-2deg)}}

/* Restore the original cool gray depth as a selectable theme. */
:root[data-app-style="original"] body::before{background-image:radial-gradient(ellipse at 50% 9%,#aeb8c52b,transparent 32%),radial-gradient(ellipse at 4% 58%,#66708028,transparent 29%),radial-gradient(ellipse at 97% 78%,#535d6b25,transparent 30%),radial-gradient(ellipse at 50% 46%,transparent 11%,#080a0ee0 75%),linear-gradient(155deg,#171a20 0%,#101216 52%,#191c22 100%)!important}
:root[data-app-style="original"] body::after{background:radial-gradient(ellipse at 78% 28%,#a8b7cb20,transparent 29%),radial-gradient(ellipse at 30% 84%,#858b9820,transparent 32%)!important}
:root[data-app-style="original"] :is(.primary-button,.hero-button,.floating-checkout,.checkout-submit,.raffle-primary,.offer-copy-link,.finance-open,.profile-notification-action),
:root[data-app-style="original"] .bonus-spin-button:not(:disabled){border-color:#8ea1bc!important;background:linear-gradient(110deg,#39485d,#65738a 52%,#414b5c)!important;color:#fff!important;box-shadow:0 8px 24px #26344766,inset 0 1px #ffffff4a!important}
:root[data-app-style="original"] #screen-catalog .product-tab.active,:root[data-app-style="original"] .bottom-nav .nav-item.selected{background:linear-gradient(115deg,#3d4c62,#66758b 55%,#424c5e)!important}
:root[data-app-style="original"] .bottom-nav::before{background:linear-gradient(120deg,#a8bdd03b,#78899d38)!important}

/* Keep the catalog as open content: no extra tray around the product tabs or instructions. */
:root[data-app-style] #screen-catalog .product-switcher{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 0 8px!important}
:root[data-app-style] #screen-catalog .product-tab{border-color:color-mix(in srgb,var(--style-accent) 20%,#36343b)!important}
:root[data-app-style] #screen-catalog .product-tab.active{border-color:var(--style-accent)!important;box-shadow:none!important}
:root[data-app-style] #screen-catalog .product-switcher{padding:4px 0 12px!important}
:root[data-app-style] #screen-catalog .star-package.selected,:root[data-app-style] #screen-catalog .duration.selected,:root[data-app-style] #screen-catalog .gift-card.selected{border-color:var(--style-accent)!important;box-shadow:none!important}
:root[data-app-style] #screen-catalog .pack-radio{border-color:color-mix(in srgb,var(--style-accent) 54%,#8f7ca7)!important}
:root[data-app-style] #screen-catalog .star-package.selected .pack-radio{border-color:var(--style-accent)!important}
:root[data-app-style] #screen-catalog .star-package.selected .pack-radio::after{background:var(--style-accent)!important}
:root[data-app-style] #screen-catalog .catalog-how:not(.catalog-how-interactive),:root[data-app-style] #screen-catalog .catalog-guide{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
:root[data-app-style] #screen-catalog .catalog-how-steps>div{border:0!important;border-top:1px solid color-mix(in srgb,var(--style-accent) 18%,transparent)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* Gift-order controls follow the selected palette too. */
:root[data-app-style] #screen-catalog .gift-quantity-input{border-color:color-mix(in srgb,var(--style-edge) 82%,#35343a)!important;background:var(--style-field)!important}
:root[data-app-style] #screen-catalog .gift-quantity-mark{background:color-mix(in srgb,var(--style-accent) 22%,var(--style-panel))!important;color:var(--style-accent)!important}
:root[data-app-style] #screen-catalog .gift-toggle{border-color:color-mix(in srgb,var(--style-edge) 70%,#39363d)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--style-panel) 88%,var(--style-accent) 12%),var(--style-panel))!important;color:#f4f3f7!important}
:root[data-app-style] #screen-catalog .gift-toggle-icon{background:color-mix(in srgb,var(--style-accent) 18%,var(--style-panel))!important;color:var(--style-accent)!important}
:root[data-app-style] #screen-catalog .gift-toggle>i{background:color-mix(in srgb,var(--style-accent) 22%,#36343b)!important}
:root[data-app-style] #screen-catalog .gift-toggle.selected>i{background:color-mix(in srgb,var(--style-accent) 75%,var(--style-panel))!important}
:root[data-app-style] #screen-catalog .gift-toggle small,:root[data-app-style] #screen-catalog .gift-conversion-note{color:color-mix(in srgb,var(--style-accent) 30%,#b8b5bd)!important}
:root[data-app-style] #screen-catalog .gift-comment{border-color:color-mix(in srgb,var(--style-edge) 72%,#39363d)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--style-field) 88%,var(--style-accent) 12%),var(--style-field))!important;color:color-mix(in srgb,var(--style-accent) 46%,#f4f3f7)!important}
:root[data-app-style] #screen-catalog .gift-comment textarea{border:0!important;background:transparent!important;color:#f7f6f8!important;box-shadow:none!important}
:root[data-app-style] #screen-catalog .gift-comment textarea::placeholder{color:color-mix(in srgb,var(--style-accent) 38%,#aaa4ad)!important}
:root[data-app-style] #screen-catalog .gift-comment small{color:color-mix(in srgb,var(--style-accent) 30%,#9c969f)!important}

/* Order status follows the selected app theme instead of keeping its old purple shell. */
:root[data-app-style] #screen-catalog #order-result{
  border-color:color-mix(in srgb,var(--style-edge) 70%,transparent)!important;
  background:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--style-accent) 14%,transparent),transparent 44%),linear-gradient(150deg,color-mix(in srgb,var(--style-panel) 94%,var(--style-accent) 6%),var(--style-panel) 78%)!important;
  box-shadow:0 18px 44px #0005,0 0 28px color-mix(in srgb,var(--style-glow) 42%,transparent)!important;
}
:root[data-app-style] #screen-catalog #order-result>.eyebrow,
:root[data-app-style] #screen-catalog #order-result .result-timeline:before{color:color-mix(in srgb,var(--style-accent) 70%,#d6d4dc)!important}
:root[data-app-style] #screen-catalog #order-result #result-heading{color:#f6f5f8!important}
:root[data-app-style] #screen-catalog #order-result #result-description{color:#b9b7c1!important}
:root[data-app-style] #screen-catalog #order-result .result-icon.working{
  border:1px solid color-mix(in srgb,var(--style-accent) 48%,transparent)!important;
  background:color-mix(in srgb,var(--style-accent) 12%,var(--style-panel))!important;
  color:var(--style-accent)!important;
  animation:result-pulse-themed 2.2s ease-in-out infinite!important;
}
@keyframes result-pulse-themed{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--style-accent) 10%,transparent),0 0 18px color-mix(in srgb,var(--style-accent) 22%,transparent);transform:rotate(18deg)}}
:root[data-app-style] #screen-catalog #order-result .result-icon.completed{border:1px solid #69c99566!important;background:#21523c!important;color:#9ff0bd!important}
:root[data-app-style] #screen-catalog #order-result .result-icon.problem{border:1px solid #ee718066!important;background:#54232b!important;color:#ffb2b7!important}
:root[data-app-style] #screen-catalog #order-result .result-updated{
  padding:10px 12px!important;border:1px solid color-mix(in srgb,var(--style-edge) 48%,transparent)!important;
  border-radius:12px!important;background:color-mix(in srgb,var(--style-field) 74%,transparent)!important;
  color:color-mix(in srgb,var(--style-accent) 30%,#c6c3cb)!important;line-height:1.45!important;
}
:root[data-app-style] #screen-catalog #order-result .result-timeline>div{
  border-color:color-mix(in srgb,var(--style-edge) 38%,transparent)!important;
  background:color-mix(in srgb,var(--style-field) 48%,transparent)!important;
}
:root[data-app-style] #screen-catalog #order-result .result-timeline>div.current{
  border-color:color-mix(in srgb,var(--style-accent) 78%,transparent)!important;
  background:color-mix(in srgb,var(--style-accent) 11%,var(--style-panel))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--style-accent) 18%,transparent),0 0 18px var(--style-glow)!important;
}
:root[data-app-style] #screen-catalog #order-result .result-timeline>div.done{
  border-color:color-mix(in srgb,var(--style-accent) 48%,transparent)!important;
  background:color-mix(in srgb,var(--style-accent) 8%,var(--style-panel))!important;
}
:root[data-app-style] #screen-catalog #order-result .result-timeline i{
  background:color-mix(in srgb,var(--style-accent) 19%,var(--style-panel))!important;color:var(--style-accent)!important;
}
:root[data-app-style] #screen-catalog #order-result .result-timeline small{color:#aaa7b2!important}
:root[data-app-style] #screen-catalog #order-result .result-actions .ghost-button{
  border-color:color-mix(in srgb,var(--style-edge) 64%,transparent)!important;
  background:color-mix(in srgb,var(--style-field) 85%,var(--style-panel))!important;color:#efedf2!important;
}
:root[data-app-style] #screen-catalog #order-result .result-actions .primary-button{
  border-color:var(--style-edge)!important;background:linear-gradient(110deg,color-mix(in srgb,var(--style-accent) 34%,var(--style-panel)),color-mix(in srgb,var(--style-accent) 62%,var(--style-panel)) 52%,color-mix(in srgb,var(--style-accent) 38%,var(--style-panel)))!important;
  box-shadow:0 8px 22px var(--style-glow),inset 0 1px #ffffff35!important;
}
@media(max-width:600px){
  :root[data-app-style] #screen-catalog #order-result{margin:14px 0!important;padding:21px 17px!important;border-radius:22px!important}
  :root[data-app-style] #screen-catalog #order-result #result-heading{font-size:25px;line-height:1.18}
  :root[data-app-style] #screen-catalog #order-result .result-timeline{margin:18px 0 12px!important;gap:7px!important}
  :root[data-app-style] #screen-catalog #order-result .result-timeline>div{border-radius:15px!important}
}

/* The space preset gets a deeper, wider scene with orbit and comet movement. */
@media(max-width:899px){
  :root[data-app-style="space"] .ambient-planet-blue{top:20%;left:-54px;width:128px;height:128px;background:radial-gradient(circle at 32% 28%,#e4fbff 0,#9ed9f0 6%,#3e83b6 36%,#193b6b 69%,#071120 100%);box-shadow:inset -26px -12px 38px #030815d9,0 0 48px #4ba8e44c;animation:planet-float-large 72s ease-in-out infinite alternate}
  :root[data-app-style="space"] .ambient-planet-blue::after{top:43px;left:-26px;width:176px;height:43px;border-width:2px;border-color:#9ce4ff82;box-shadow:0 0 12px #54b9eb33;transform:rotate(-22deg);animation:planet-ring 180s linear infinite}
  :root[data-app-style="space"] .ambient-planet-ringed{top:54%;right:-44px;width:91px;height:91px;background:radial-gradient(circle at 30% 26%,#fff0cb 0,#c5b888 10%,#76694d 43%,#2b2730 78%,#0b0c12);box-shadow:inset -17px -10px 22px #09090dcc,0 0 34px #d7bd7955;animation:planet-float-large 31s ease-in-out -7s infinite alternate-reverse}
  :root[data-app-style="space"] .ambient-planet-ringed::after{top:31px;left:-36px;width:157px;height:34px;border-width:3px;border-color:#e4d5a599;box-shadow:0 0 12px #c8ad6c33;transform:rotate(-18deg)}
  :root[data-app-style="space"] .ambient-planet-moon{top:81%;left:17%;width:24px;height:24px;background:radial-gradient(circle at 28% 26%,#fff,#b6c8d9 20%,#455465 62%,#111821);box-shadow:0 0 18px #bddcff55;animation:moon-cross 42s ease-in-out infinite alternate}
  :root[data-app-style="space"] .ambient-orbit{position:absolute;top:27%;left:-38%;width:176%;height:48%;border:1px solid #94c9eb18;border-radius:50%;transform:rotate(-24deg);animation:orbit-turn 100s linear infinite}
  :root[data-app-style="space"] .ambient-orbit::before,:root[data-app-style="space"] .ambient-orbit::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#d7f4ff;box-shadow:0 0 13px 4px #72d2ff77}
  :root[data-app-style="space"] .ambient-orbit::before{left:22%;top:7%}:root[data-app-style="space"] .ambient-orbit::after{right:18%;bottom:5%;width:3px;height:3px}
  :root[data-app-style="space"] .ambient-comet{position:absolute;display:block;width:76px;height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,#e5fbffb5 68%,#fff);box-shadow:0 0 9px #7fd8ff9c;opacity:0;transform:rotate(-34deg);animation:comet-across 17s ease-in-out var(--comet-delay,0s) infinite}
  :root[data-app-style="space"] .ambient-comet-one{top:34%;left:-90px;--comet-delay:-3s}:root[data-app-style="space"] .ambient-comet-two{top:72%;left:-100px;width:49px;--comet-delay:-11s;animation-duration:23s}
}
@keyframes planet-float-large{0%{transform:translate3d(0,0,0) rotate(-3deg)}100%{transform:translate3d(14px,-17px,0) rotate(4deg)}}
@keyframes planet-ring{to{transform:rotate(338deg)}}
@keyframes orbit-turn{to{transform:rotate(336deg)}}
@keyframes moon-cross{to{transform:translate3d(16px,-22px,0)}}
@keyframes comet-across{0%,22%{opacity:0;transform:translate3d(0,0,0) rotate(-34deg)}28%{opacity:.8}48%{opacity:0;transform:translate3d(115vw,-70px,0) rotate(-34deg)}100%{opacity:0;transform:translate3d(115vw,-70px,0) rotate(-34deg)}}
@media(max-width:899px) and (prefers-reduced-motion:reduce){.ambient-planets *{animation:none!important}.ambient-comet{display:none!important}}
@media(prefers-reduced-motion:reduce){.style-pendant.is-swaying{animation:none!important}}

.preview-original{background:radial-gradient(ellipse at 35% 5%,#aeb8c544,transparent 43%),linear-gradient(120deg,#171a20,#101216 58%,#1b1e24)}
.preview-original::after{background:linear-gradient(110deg,#39485d,#65738a 52%,#414b5c)}
.preview-original .preview-planet{background:radial-gradient(circle at 30% 28%,#f0f3f8,#8a96a8 42%,#252a32 100%);box-shadow:inset -5px -3px 8px #0009,0 0 12px #abb3c344}

/* Checkout sheet inherits the active style instead of retaining fixed green controls. */
:root[data-app-style] #payment-step.checkout-sheet{
  border-color:color-mix(in srgb,var(--style-edge) 72%,transparent)!important;
  background:radial-gradient(ellipse at 96% 2%,color-mix(in srgb,var(--style-accent) 12%,transparent),transparent 36%),linear-gradient(155deg,color-mix(in srgb,var(--style-panel) 92%,var(--style-accent) 8%),var(--style-panel) 72%)!important;
  box-shadow:0 -20px 55px #0009,0 0 34px color-mix(in srgb,var(--style-glow) 42%,transparent)!important;
}
:root[data-app-style] #payment-step .checkout-handle{background:color-mix(in srgb,var(--style-accent) 58%,#6b6871)!important}
:root[data-app-style] #payment-step .checkout-close{border:1px solid color-mix(in srgb,var(--style-edge) 45%,transparent)!important;background:color-mix(in srgb,var(--style-field) 82%,var(--style-panel))!important;color:#f2eff5!important}
:root[data-app-style] #payment-step .eyebrow{color:color-mix(in srgb,var(--style-accent) 68%,#c9c5d0)!important}
:root[data-app-style] #payment-step #checkout-title{color:#f7f6f8!important}
:root[data-app-style] #payment-step .checkout-draft{color:#aaa7b1!important}
:root[data-app-style] #payment-step .checkout-draft strong{color:color-mix(in srgb,var(--style-accent) 40%,#f0edf3)!important}
:root[data-app-style] #payment-step .checkout-draft small{color:#898690!important}
:root[data-app-style] #payment-step .payment-summary{
  border-color:color-mix(in srgb,var(--style-edge) 42%,transparent)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--style-field) 72%,var(--style-accent) 5%),color-mix(in srgb,var(--style-panel) 92%,#08090c))!important;
  box-shadow:inset 0 1px #ffffff08!important;
}
:root[data-app-style] #payment-step .payment-recipient-copy strong,:root[data-app-style] #payment-step .payment-summary>b{color:#f2f0f4!important}
:root[data-app-style] #payment-step .payment-recipient-copy>span{color:#aaa7b1!important}
:root[data-app-style] #payment-step .payment-heading{color:#f1eff4!important}
:root[data-app-style] #payment-step .payment-method{
  border-color:color-mix(in srgb,var(--style-edge) 43%,transparent)!important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--style-field) 88%,var(--style-accent) 7%),color-mix(in srgb,var(--style-panel) 92%,#08090c))!important;
  box-shadow:inset 0 1px #ffffff08!important;
}
:root[data-app-style] #payment-step .payment-method.selected{
  border-color:color-mix(in srgb,var(--style-accent) 82%,#fff)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--style-accent) 24%,var(--style-panel)),color-mix(in srgb,var(--style-accent) 11%,var(--style-field)))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--style-accent) 25%,transparent),0 7px 20px var(--style-glow)!important;
}
:root[data-app-style] #payment-step .payment-method strong{color:#f3f1f5!important}
:root[data-app-style] #payment-step .payment-method small{color:color-mix(in srgb,var(--style-accent) 36%,#aaa7b1)!important}
:root[data-app-style] #payment-step .payment-method .method-icon:not(.method-logo){background:color-mix(in srgb,var(--style-accent) 18%,var(--style-panel))!important;color:var(--style-accent)!important}
:root[data-app-style] #payment-step .payment-availability{
  border-color:color-mix(in srgb,var(--style-edge) 36%,transparent)!important;
  background:color-mix(in srgb,var(--style-field) 58%,transparent)!important;color:#b8b5bf!important;
}
:root[data-app-style] #payment-step .checkout-prices{border-color:color-mix(in srgb,var(--style-edge) 32%,transparent)!important}
:root[data-app-style] #payment-step .checkout-prices>div{color:#aaa7b1!important}
:root[data-app-style] #payment-step .checkout-prices strong{color:#f1eff4!important}
:root[data-app-style] #payment-step .checkout-prices .checkout-total{border-color:color-mix(in srgb,var(--style-accent) 33%,transparent)!important;color:#f6f4f7!important}
:root[data-app-style] #payment-step .checkout-prices .checkout-total strong{color:color-mix(in srgb,var(--style-accent) 45%,#fff)!important}

/* Bonus Club is an earned Stars balance, not a ruble payment method. */
#payment-step .payment-methods:has(.bonus-club-method:not(.hidden)){grid-template-columns:repeat(2,minmax(0,1fr))}
#payment-step .bonus-club-method .method-icon{color:#ffda76!important;background:#5a421d!important}
#screen-cases[data-detail="inventory"] .bonus-club-card{border-left-color:#ffcb58;background:linear-gradient(115deg,#2b241b,#1b1c20 66%)}
#screen-cases[data-detail="inventory"] .bonus-club-card .inventory-icon{color:#ffce6e;background:#48351a}
#screen-cases[data-detail="inventory"] .bonus-club-card>button{border-color:#a47a39;background:#473219;color:#ffe6a7}
#profile-finances .profile-bonus-club-card{background:linear-gradient(105deg,#302519,#1a1b1c 76%)!important}
#profile-finances .profile-bonus-club-card .profile-fund-icon{border-color:#b68d434f!important;background:#4a351a!important;color:#ffd777!important}
#profile-finances .profile-bonus-club-card .profile-fund-copy>small{color:#e5c27d!important}
#profile-finances .profile-bonus-club-card .profile-fund-action{border:1px solid #98703c!important;background:#68491f!important;color:#ffecbc!important}
:root[data-app-style] #payment-step .promo-reveal{color:var(--style-accent)!important}
:root[data-app-style] #payment-step .promo-applied-status{color:color-mix(in srgb,var(--style-accent) 40%,#e5e2e9)!important}
:root[data-app-style] #payment-step .checkout-pay-dock{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--style-panel) 92%,#08090c) 30%)!important}
:root[data-app-style] #payment-step .checkout-pay-dock .primary-button:not(:disabled){
  border-color:color-mix(in srgb,var(--style-edge) 88%,#fff)!important;
  background:linear-gradient(110deg,color-mix(in srgb,var(--style-accent) 34%,var(--style-panel)),color-mix(in srgb,var(--style-accent) 62%,var(--style-panel)) 52%,color-mix(in srgb,var(--style-accent) 38%,var(--style-panel)))!important;
  color:#fff!important;box-shadow:0 9px 24px var(--style-glow),inset 0 1px #ffffff35!important;
}
:root[data-app-style] #payment-step .checkout-pay-dock .primary-button:disabled{
  border-color:color-mix(in srgb,var(--style-edge) 32%,transparent)!important;
  background:color-mix(in srgb,var(--style-panel) 82%,#777 18%)!important;color:#aaa8b0!important;box-shadow:none!important;
}
:root[data-app-style] #payment-step .checkout-pay-dock .primary-button::after{opacity:.14!important}
:root[data-app-style] #payment-step .spend-ack{color:#c5c1ca!important}
:root[data-app-style] #payment-step .spend-ack input{accent-color:var(--style-accent)!important}

/* Catalog outlines should use the active style, not the legacy violet base. */
:root[data-app-style] #screen-catalog :is(.recipient-input-wrap,.amount-wrap,.stepper,.star-package,.duration,.choice,.gift-card){
  border-color:color-mix(in srgb,var(--style-edge) 62%,#34363d)!important;
}
:root[data-app-style] #screen-catalog :is(.recipient-input-wrap:focus-within,.amount-wrap:focus-within,.stepper:focus-within){
  border-color:var(--style-accent)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--style-accent) 24%,transparent)!important;
}
:root[data-app-style] #screen-catalog :is(.star-package.selected,.duration.selected,.choice.selected,.gift-card.selected){
  border-color:var(--style-accent)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--style-accent) 20%,transparent),0 7px 18px var(--style-glow)!important;
}
:root[data-app-style] #screen-catalog .pack-radio{border-color:color-mix(in srgb,var(--style-edge) 72%,#34363d)!important}
:root[data-app-style] #screen-catalog .star-package.selected .pack-radio{border-color:var(--style-accent)!important}
:root[data-app-style] #screen-catalog .self-link{
  padding:2px 0 3px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--style-accent) 54%,transparent)!important;
  background:transparent!important;color:var(--style-accent)!important;text-decoration:none!important;
  text-underline-offset:0!important;transition:color .18s,border-color .18s,opacity .18s;
}
:root[data-app-style] #screen-catalog .self-link:active{opacity:.72}

/* Keep catalog borders achromatic and quiet; reserve theme color for fills and labels. */
:root[data-app-style] #screen-catalog :is(.recipient-input-wrap,.amount-wrap,.stepper,.star-package,.duration,.choice,.gift-card){
  border-color:rgba(255,255,255,.10)!important;
}
:root[data-app-style] #screen-catalog :is(.recipient-input-wrap:focus-within,.amount-wrap:focus-within,.stepper:focus-within){
  border-color:rgba(255,255,255,.24)!important;box-shadow:0 0 0 1px rgba(255,255,255,.06)!important;
}
:root[data-app-style] #screen-catalog :is(.star-package.selected,.duration.selected,.choice.selected,.gift-card.selected){
  border-color:rgba(255,255,255,.28)!important;box-shadow:0 0 0 1px rgba(255,255,255,.06)!important;
}
:root[data-app-style] #screen-catalog .pack-radio{border-color:rgba(255,255,255,.42)!important}
:root[data-app-style] #screen-catalog .star-package.selected .pack-radio{border-color:rgba(255,255,255,.74)!important}
:root[data-app-style] #screen-catalog .self-link{
  padding:2px 0!important;border:0!important;background:transparent!important;
  color:#b9b7c0!important;text-decoration:none!important;font-weight:650!important;
}
:root[data-app-style] #screen-catalog .self-link:active{color:#e4e2e8!important;opacity:.8}
:root[data-app-style] #screen-catalog .field-heading .self-link{
  font-family:inherit!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;
  letter-spacing:normal!important;color:color-mix(in srgb,var(--style-accent) 52%,#f4f3f6)!important;
  text-decoration:underline!important;text-decoration-color:color-mix(in srgb,var(--style-accent) 58%,transparent)!important;
  text-decoration-thickness:1px!important;text-underline-offset:3px!important;
}
:root[data-app-style] #screen-catalog .field-heading .self-link.hidden{display:none!important}
#screen-catalog #boost-controls .amount-wrap{display:flex;align-items:center;gap:10px}
#screen-catalog #boost-controls .amount-icon{display:block;width:29px!important;height:29px!important;min-width:29px;max-width:29px;object-fit:contain;flex:none}
:root[data-app-style] #screen-catalog .field-heading .self-link{
  display:inline-flex!important;align-items:center;justify-content:center;align-self:center;
  min-height:34px;padding:0 10px!important;border:1px solid color-mix(in srgb,var(--style-accent) 48%,transparent)!important;
  border-radius:10px!important;background:color-mix(in srgb,var(--style-accent) 14%,var(--style-panel))!important;
  color:color-mix(in srgb,var(--style-accent) 82%,#fff)!important;
  font-family:inherit!important;font-size:12px!important;font-weight:800!important;line-height:1!important;
  letter-spacing:0!important;text-decoration:none!important;white-space:nowrap;
  box-shadow:0 3px 12px color-mix(in srgb,var(--style-glow) 70%,transparent)!important;
  transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;
}
:root[data-app-style] #screen-catalog .field-heading .self-link:active{
  transform:scale(.97);background:color-mix(in srgb,var(--style-accent) 22%,var(--style-panel))!important;
}
:root[data-app-style] #screen-catalog .field-heading .self-link{
  display:inline-block!important;min-height:0!important;margin:0 0 10px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--style-accent)!important;font-family:inherit!important;font-size:12px!important;font-weight:750!important;
  line-height:normal!important;letter-spacing:normal!important;text-align:right!important;
  text-decoration:underline!important;text-decoration-color:currentColor!important;
  text-decoration-thickness:auto!important;text-underline-offset:3px!important;transform:none!important;
}
:root[data-app-style] #screen-catalog .field-heading .self-link:active{
  color:color-mix(in srgb,var(--style-accent) 82%,#fff)!important;opacity:.82;
}
@media(max-width:600px){:root[data-app-style] #screen-catalog .field-heading .self-link{font-size:14px!important}}
:root[data-app-style] #screen-catalog .field-heading .self-link{
  display:inline-flex!important;align-items:center;justify-content:center;align-self:center;min-height:34px;
  padding:0 10px!important;border:1px solid color-mix(in srgb,var(--style-accent) 48%,transparent)!important;
  border-radius:10px!important;background:color-mix(in srgb,var(--style-accent) 14%,var(--style-panel))!important;
  color:color-mix(in srgb,var(--style-accent) 82%,#fff)!important;font-family:inherit!important;
  font-size:12px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;
  text-decoration:none!important;white-space:nowrap;
  box-shadow:0 3px 12px color-mix(in srgb,var(--style-glow) 70%,transparent)!important;
}
:root[data-app-style] #screen-catalog .field-heading .self-link:active{
  transform:scale(.97);background:color-mix(in srgb,var(--style-accent) 22%,var(--style-panel))!important;
}
:root[data-app-style] #screen-catalog .field-heading .self-link{
  padding:0 0 10px!important;border:0!important;background:none!important;color:#cda3fb!important;
  font-family:inherit!important;font-size:12px!important;font-weight:750!important;line-height:normal!important;
  letter-spacing:normal!important;text-decoration:underline!important;text-decoration-color:currentColor!important;
  text-decoration-thickness:auto!important;text-underline-offset:3px!important;
}
:root[data-app-style] #screen-catalog .field-heading .self-link{
  font-family:inherit!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;
  letter-spacing:-.015em!important;color:color-mix(in srgb,var(--style-accent) 46%,#f4f3f6)!important;
  white-space:nowrap;text-shadow:none!important;
}
@media(max-width:600px){:root[data-app-style] #screen-catalog .field-heading .self-link{font-size:14px!important}}
:root[data-app-style] #screen-catalog .field-heading .self-link{
  display:inline-flex!important;align-items:center;justify-content:center;align-self:center;min-height:34px;
  padding:0 10px!important;border:1px solid color-mix(in srgb,var(--style-accent) 48%,transparent)!important;
  border-radius:10px!important;background:color-mix(in srgb,var(--style-accent) 14%,var(--style-panel))!important;
  color:color-mix(in srgb,var(--style-accent) 82%,#fff)!important;font-family:inherit!important;
  font-size:12px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;
  text-decoration:none!important;white-space:nowrap;
  box-shadow:0 3px 12px color-mix(in srgb,var(--style-glow) 70%,transparent)!important;
}
:root[data-app-style] #screen-catalog .field-heading .self-link:active{
  transform:scale(.97);background:color-mix(in srgb,var(--style-accent) 22%,var(--style-panel))!important;
}

/* The recipient self-action keeps its original text-link shape, tinted by the chosen style. */
:root[data-app-style] #screen-catalog .field-heading .self-link{
  display:inline-block!important;min-height:0!important;margin:0 0 10px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--style-accent)!important;font-family:inherit!important;font-size:12px!important;font-weight:750!important;
  line-height:normal!important;letter-spacing:normal!important;text-align:right!important;
  text-decoration:underline!important;text-decoration-color:currentColor!important;
  text-decoration-thickness:auto!important;text-underline-offset:3px!important;transform:none!important;
}
:root[data-app-style] #screen-catalog .field-heading .self-link:active{
  color:color-mix(in srgb,var(--style-accent) 82%,#fff)!important;opacity:.82;
}

/* Product tabs: inactive choices are quiet; the current category carries the style accent. */
:root[data-app-style] #screen-catalog .product-tab:not(.active){
  border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;
  color:color-mix(in srgb,var(--style-accent) 42%,#aaaab2)!important;animation:none!important;
}
:root[data-app-style] #screen-catalog .product-tab.active{
  border:1px solid color-mix(in srgb,var(--style-accent) 62%,transparent)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--style-accent) 34%,var(--style-panel)),color-mix(in srgb,var(--style-accent) 17%,var(--style-panel)))!important;
  background-size:100% 100%!important;box-shadow:inset 0 1px #ffffff1b,0 5px 16px var(--style-glow)!important;
  color:#fff!important;animation:none!important;
}
:root[data-app-style] #screen-catalog .product-tab.active img{filter:drop-shadow(0 1px 4px color-mix(in srgb,var(--style-accent) 35%,transparent))}

/* Replace the purple rotating ring with a low-motion, theme-colored scan pulse. */
:root[data-app-style] #screen-catalog .recipient-checking{color:color-mix(in srgb,var(--style-accent) 62%,#e6e3ea)!important}
:root[data-app-style] #screen-catalog .checking-spinner{
  position:relative;width:8px!important;height:8px!important;flex:none;border:0!important;border-radius:50%!important;
  background:var(--style-accent)!important;box-shadow:0 0 8px var(--style-glow)!important;
  animation:recipient-check-core 1.8s ease-in-out infinite!important;
}
:root[data-app-style] #screen-catalog .checking-spinner::after{
  position:absolute;content:"";inset:-4px;border:1px solid color-mix(in srgb,var(--style-accent) 66%,transparent);
  border-radius:50%;animation:recipient-check-wave 1.8s ease-out infinite;
}
@keyframes recipient-check-core{0%,100%{transform:scale(.78);opacity:.7}50%{transform:scale(1.08);opacity:1}}
@keyframes recipient-check-wave{0%{transform:scale(.55);opacity:.85}100%{transform:scale(1.65);opacity:0}}
@media(prefers-reduced-motion:reduce){:root[data-app-style] #screen-catalog .checking-spinner,:root[data-app-style] #screen-catalog .checking-spinner::after{animation:none!important}}

/* Delivery-speed dialog follows the active visual style. */
:root[data-app-style="classic"]{--speed-title-gradient:linear-gradient(100deg,#d8b9f5,#b982e2 45%,#e8caff 72%,#d8b9f5)}
:root[data-app-style="space"]{--speed-title-gradient:linear-gradient(100deg,#9be9ff,#6bb4ef 45%,#d2f7ff 72%,#9be9ff)}
:root[data-app-style="crimson"]{--speed-title-gradient:linear-gradient(100deg,#ffb2b7,#ff6f7d 45%,#ffd0a1 72%,#ffb2b7)}
:root[data-app-style="graphite"]{--speed-title-gradient:linear-gradient(100deg,#f0f2f5,#aeb8c7 45%,#ffffff 72%,#f0f2f5)}
:root[data-app-style="original"]{--speed-title-gradient:linear-gradient(100deg,#dbe7f8,#90a8c8 45%,#eef4ff 72%,#dbe7f8)}
:root[data-app-style] .delivery-speed-dialog{
  border-color:color-mix(in srgb,var(--style-edge) 70%,transparent)!important;
  background:radial-gradient(ellipse at 50% 5%,color-mix(in srgb,var(--style-accent) 17%,transparent),transparent 42%),linear-gradient(155deg,color-mix(in srgb,var(--style-panel) 90%,var(--style-accent) 10%),var(--style-panel) 72%)!important;
  box-shadow:0 28px 90px #000b,0 0 36px color-mix(in srgb,var(--style-glow) 55%,transparent)!important;
  color:#f5f3f7!important;
}
:root[data-app-style] .delivery-speed-close{
  border:1px solid color-mix(in srgb,var(--style-edge) 48%,transparent)!important;
  background:color-mix(in srgb,var(--style-field) 78%,transparent)!important;color:#f2f0f4!important;
}
:root[data-app-style] .delivery-speed-dialog .eyebrow{color:color-mix(in srgb,var(--style-accent) 65%,#d3d0d9)!important}
:root[data-app-style] .delivery-speed-dialog h2{color:#f6f4f7!important}
:root[data-app-style] .delivery-speed-dialog .delivery-speed-fire-word{
  color:var(--style-accent)!important;background:var(--speed-title-gradient)!important;background-size:220% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 0 8px var(--style-glow))!important;animation:delivery-theme-shimmer 5.5s linear infinite!important;
}
@keyframes delivery-theme-shimmer{to{background-position:220% 50%}}
:root[data-app-style] .delivery-speed-copy{color:#c3c0c9!important}
:root[data-app-style] .delivery-speed-recent{
  border-color:color-mix(in srgb,var(--style-edge) 38%,transparent)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--style-field) 76%,var(--style-accent) 5%),color-mix(in srgb,var(--style-panel) 92%,#08090c))!important;
}
:root[data-app-style] .delivery-speed-recent span{color:color-mix(in srgb,var(--style-accent) 48%,#c1bdc7)!important}
:root[data-app-style] .delivery-speed-recent strong{color:#f4f2f6!important}
:root[data-app-style] .delivery-speed-note{color:#a7a3ad!important}
:root[data-app-style] .delivery-speed-done{
  border-color:color-mix(in srgb,var(--style-accent) 66%,transparent)!important;
  background:linear-gradient(110deg,color-mix(in srgb,var(--style-accent) 36%,var(--style-panel)),color-mix(in srgb,var(--style-accent) 60%,var(--style-panel)) 52%,color-mix(in srgb,var(--style-accent) 39%,var(--style-panel)))!important;
  color:#fff!important;box-shadow:0 8px 24px var(--style-glow),inset 0 1px #ffffff30!important;
}
:root[data-app-style] .delivery-speed-dialog.is-instant .delivery-speed-visual{
  border:0!important;background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--style-accent) 17%,transparent),transparent 70%)!important;box-shadow:none!important;
}
@media(prefers-reduced-motion:reduce){:root[data-app-style] .delivery-speed-dialog .delivery-speed-fire-word{animation:none!important}}

/* Gift cards inherit the selected style; selection is shown by a soft tint, never a check badge. */
:root[data-app-style] #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card{
  border-color:rgba(255,255,255,.11)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--style-field) 74%,var(--style-panel)),var(--style-panel))!important;
  color:#f4f2f6!important;box-shadow:inset 0 1px #ffffff08!important;
}
:root[data-app-style] #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card.selected{
  border-color:rgba(255,255,255,.28)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--style-accent) 23%,var(--style-panel)),color-mix(in srgb,var(--style-accent) 11%,var(--style-field)))!important;
  box-shadow:inset 0 1px #ffffff16,0 5px 15px var(--style-glow)!important;
}
:root[data-app-style] #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card.selected::after{content:none!important;display:none!important}
:root[data-app-style] #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card-emoji{
  background:color-mix(in srgb,var(--style-accent) 11%,var(--style-panel))!important;
}
:root[data-app-style] #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card strong{color:#f4f2f6!important}
:root[data-app-style] #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card small{color:#aaa7b1!important}
:root[data-app-style] #screen-catalog:has(#gift-controls:not(.hidden)) .gift-card b{color:color-mix(in srgb,var(--style-accent) 55%,#f4f2f6)!important}

/* Keep the gift quantity glyph floating cleanly inside its input. */
:root[data-app-style] #screen-catalog .gift-quantity-input .gift-quantity-mark{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:var(--style-accent)!important;
}

/* A restrained three-dot wave replaces the radar-like checking pulse. */
:root[data-app-style] #screen-catalog .checking-spinner{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  width:20px!important;height:12px!important;flex:none!important;overflow:visible!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  animation:none!important;
}
:root[data-app-style] #screen-catalog .checking-spinner::after{content:none!important;display:none!important;animation:none!important}
:root[data-app-style] #screen-catalog .checking-spinner i{
  display:block!important;width:3px!important;height:3px!important;flex:none!important;border:0!important;border-radius:50%!important;
  background:color-mix(in srgb,var(--style-accent) 78%,#fff)!important;opacity:.32;
  animation:checking-dot-wave 1.05s ease-in-out infinite!important;
}
:root[data-app-style] #screen-catalog .checking-spinner i:nth-child(2){animation-delay:.14s!important}
:root[data-app-style] #screen-catalog .checking-spinner i:nth-child(3){animation-delay:.28s!important}
@keyframes checking-dot-wave{0%,60%,100%{transform:translateY(0) scale(.82);opacity:.34}30%{transform:translateY(-2px) scale(1.12);opacity:1}}
@media(prefers-reduced-motion:reduce){:root[data-app-style] #screen-catalog .checking-spinner i{animation:none!important;opacity:.8}}

/* Align the recipient verification status as one compact mobile control. */
@media(max-width:620px){
  #screen-catalog .recipient-input-wrap>.recipient-checking{
    position:absolute!important;top:50%!important;right:7px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;height:34px!important;margin:0!important;padding:0 9px!important;
    gap:7px!important;border:1px solid #ffffff12!important;border-radius:11px!important;
    background:rgba(15,17,25,.72)!important;color:#e5e0ec!important;
    font-size:11px!important;font-weight:750!important;line-height:1!important;letter-spacing:0!important;
    transform:translateY(-50%)!important;
  }
  #screen-catalog .recipient-input-wrap.is-checking input{padding-right:124px!important}
  #screen-catalog .recipient-input-wrap>.recipient-checking .checking-spinner{
    width:20px!important;height:12px!important;flex:none!important;margin:0!important;
  }
}
@media(max-width:360px){
  #screen-catalog .recipient-input-wrap>.recipient-checking{height:32px!important;padding:0 7px!important;gap:6px!important;font-size:10px!important}
  #screen-catalog .recipient-input-wrap.is-checking input{padding-right:112px!important}
}

/* The instant-delivery highlight stays gold across all app themes. */
:root[data-app-style] .delivery-speed-dialog .delivery-speed-fire-word{
  color:#ffc46e!important;
  background:linear-gradient(105deg,#fff0b2 0%,#ffbd59 24%,#ff784c 48%,#ffd27c 68%,#fff0b2 100%)!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 0 9px #ff8c4735)!important;animation:deliveryFireGlow 1.8s ease-in-out infinite!important;
}
@media(prefers-reduced-motion:reduce){:root[data-app-style] .delivery-speed-dialog .delivery-speed-fire-word{animation:none!important;filter:none!important}}

/* Keep the gold highlight moving even when the device requests reduced motion. */
:root[data-app-style] .delivery-speed-dialog .delivery-speed-fire-word{
  background-image:linear-gradient(105deg,#fff0b2 0%,#ffbd59 24%,#ff784c 48%,#ffd27c 68%,#fff0b2 100%)!important;
  background-size:240% 100%!important;animation:delivery-gold-flow 4.2s linear infinite!important;
}
@keyframes delivery-gold-flow{from{background-position:0% 50%}to{background-position:100% 50%}}

/* Make the gold sweep clearly visible in Telegram's iOS WebView. */
:root[data-app-style] .delivery-speed-dialog .delivery-speed-fire-word{
  background-image:linear-gradient(105deg,#fff5b8 0%,#ffd166 18%,#ff7c45 35%,#fff0a7 52%,#ffba3a 68%,#ff7848 84%,#fff5b8 100%)!important;
  background-size:300% 100%!important;
  -webkit-background-size:300% 100%!important;-webkit-background-clip:text!important;
  -webkit-animation:delivery-gold-sweep 2.4s ease-in-out infinite alternate!important;
  animation:delivery-gold-sweep 2.4s ease-in-out infinite alternate!important;
  will-change:background-position;
}
@-webkit-keyframes delivery-gold-sweep{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes delivery-gold-sweep{from{background-position:0% 50%}to{background-position:100% 50%}}

/* Visible gold glint overlay: the base gold remains fixed while a highlight sweeps across the letters. */
:root[data-app-style] .delivery-speed-dialog .delivery-speed-fire-word{
  position:relative!important;display:inline-block!important;color:#ffc46e!important;
  background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:#ffc46e!important;filter:none!important;overflow:visible!important;
}
:root[data-app-style] .delivery-speed-dialog .delivery-speed-fire-word::after{
  position:absolute;inset:0;z-index:1;content:attr(data-shine);pointer-events:none;
  color:transparent;background-image:linear-gradient(110deg,transparent 0%,transparent 37%,#ffb23b 43%,#fff0a6 49%,#ffffff 52%,#ffc75c 57%,transparent 64%,transparent 100%);
  background-size:200% 100%;background-position:100% 50%;background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:delivery-gold-glint 2.1s ease-in-out infinite alternate!important;
  -webkit-animation:delivery-gold-glint 2.1s ease-in-out infinite alternate!important;
  animation-duration:2.1s!important;will-change:background-position;
}
@-webkit-keyframes delivery-gold-glint{from{background-position:100% 50%}to{background-position:0% 50%}}
@keyframes delivery-gold-glint{from{background-position:100% 50%}to{background-position:0% 50%}}

/* A theme-specific centerpiece sits at the visual center of the checkout CTA. */
.floating-checkout .checkout-theme-object{
  position:absolute;z-index:1;top:50%;left:50%;display:block;width:34px;height:34px;
  transform:translate(-50%,-50%);pointer-events:none;overflow:visible;opacity:.95;
}
.floating-checkout .checkout-theme-object::before,.floating-checkout .checkout-theme-object::after{
  position:absolute;content:"";display:block;box-sizing:border-box;
}
.floating-checkout .checkout-theme-object::before{
  z-index:2;top:6px;left:8px;width:18px;height:22px;
  clip-path:polygon(50% 0,96% 36%,72% 100%,28% 100%,4% 36%);
  background:linear-gradient(145deg,#fff1ff 0%,#d8a2ff 34%,#9b61d0 62%,#55378b 100%);
  filter:drop-shadow(0 0 7px #c58bff88);
}
.floating-checkout .checkout-theme-object::after{
  z-index:1;inset:2px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--style-accent) 32%,transparent),transparent 70%);
}
.floating-checkout>span:first-child,.floating-checkout>#floating-price,.floating-checkout>.floating-arrow{position:relative;z-index:2}
:root[data-app-style="classic"] .floating-checkout .checkout-theme-object::before{
  background:linear-gradient(145deg,#fff1ff 0%,#d8a2ff 34%,#9b61d0 62%,#55378b 100%);filter:drop-shadow(0 0 7px #c58bff88);
}
:root[data-app-style="space"] .floating-checkout .checkout-theme-object::before{
  top:7px;left:7px;width:20px;height:20px;border-radius:50%;clip-path:none;
  background:radial-gradient(circle at 30% 28%,#e8fcff 0%,#90e3ff 18%,#3e92d5 52%,#153566 100%);
  box-shadow:inset -4px -3px 6px #07172a99,0 0 8px #69d8ff88;filter:none;
}
:root[data-app-style="space"] .floating-checkout .checkout-theme-object::after{
  inset:11px -3px 10px;border:1.5px solid #b3f1ffcc;border-radius:50%;
  background:transparent;transform:rotate(-24deg);
}
:root[data-app-style="crimson"] .floating-checkout .checkout-theme-object::before{
  top:5px;left:5px;width:24px;height:25px;clip-path:none;background:#ff9a9c;
  -webkit-mask:url("/static/emoji/skull-tabler.svg") center/contain no-repeat;mask:url("/static/emoji/skull-tabler.svg") center/contain no-repeat;
  filter:drop-shadow(0 0 6px #ff596c99);
}
:root[data-app-style="crimson"] .floating-checkout .checkout-theme-object::after{
  inset:4px;border:1px solid #ff7e8666;border-radius:50%;background:radial-gradient(circle,#ff5b6a24,transparent 72%);
}
:root[data-app-style="graphite"] .floating-checkout .checkout-theme-object::before,
:root[data-app-style="original"] .floating-checkout .checkout-theme-object::before{
  background:linear-gradient(145deg,#fff 0%,#d7e0ed 30%,#8997aa 60%,#3e495a 100%);
  filter:drop-shadow(0 0 7px #c7d6eb66);
}
:root[data-app-style="original"] .floating-checkout .checkout-theme-object::before{
  background:linear-gradient(145deg,#f1f7ff 0%,#b4c6e2 30%,#7185a6 60%,#354967 100%);
}
.floating-checkout.is-visible .checkout-theme-object::before{animation:checkout-theme-float 3.2s ease-in-out infinite alternate}
:root[data-app-style="space"] .floating-checkout.is-visible .checkout-theme-object::before{animation:checkout-planet-breathe 5s ease-in-out infinite alternate}
:root[data-app-style="space"] .floating-checkout.is-visible .checkout-theme-object::after{animation:checkout-ring-turn 18s linear infinite}
:root[data-app-style="crimson"] .floating-checkout.is-visible .checkout-theme-object::after{animation:checkout-aura 3s ease-in-out infinite alternate}
@keyframes checkout-theme-float{from{transform:translateY(1px) rotate(-4deg)}to{transform:translateY(-2px) rotate(4deg)}}
@keyframes checkout-planet-breathe{from{transform:scale(.96)}to{transform:scale(1.06)}}
@keyframes checkout-ring-turn{to{transform:rotate(336deg)}}
@keyframes checkout-aura{from{opacity:.45;transform:scale(.93)}to{opacity:1;transform:scale(1.08)}}
@media(max-width:390px){.floating-checkout .checkout-theme-object{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.floating-checkout .checkout-theme-object::before,.floating-checkout .checkout-theme-object::after{animation:none!important}}

/* Spacious admin workspace with a hamburger-driven section drawer. */
.admin-screen[hidden],.admin-screen-menu[hidden],.admin-menu-scrim[hidden]{display:none!important}
.admin-screen{position:fixed;inset:0;z-index:10050;display:flex;flex-direction:column;overflow:hidden;padding:calc(env(safe-area-inset-top) + 10px) 14px calc(env(safe-area-inset-bottom) + 10px);background:var(--bg,#0c0d12);color:var(--text,#f5f5f7);box-sizing:border-box}
.admin-screen-open{overflow:hidden!important;overscroll-behavior:none}
.admin-screen-header{position:relative;z-index:22;display:flex;align-items:center;gap:13px;flex:none;min-height:58px;padding:0 2px 12px;border-bottom:1px solid #ffffff12}
.admin-screen-header>div{flex:1;min-width:0}.admin-screen-header .eyebrow{font-size:9px;letter-spacing:.16em}.admin-screen-header h1{margin:2px 0 0;font-size:21px;line-height:1.15;letter-spacing:-.035em}
.admin-menu-toggle,.admin-screen-close{display:grid;place-content:center;flex:none;width:42px;height:42px;border:1px solid #ffffff16;border-radius:14px;background:#ffffff08;color:inherit}
.admin-menu-toggle{gap:4px}.admin-menu-toggle i{display:block;width:17px;height:2px;border-radius:2px;background:currentColor}.admin-screen-close{font-size:27px;line-height:1}
.admin-screen-content{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-top:14px;scrollbar-width:thin}
.admin-screen-content>#admin-panel{min-height:0;margin:0;padding:clamp(16px,3vw,28px);overflow:visible;border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(145deg,#191a20,#111217 62%,#17131b);box-shadow:0 18px 55px #0005;box-sizing:border-box}
.admin-screen-content>#admin-panel:before{display:none}.admin-screen-content .admin-center-head h2{font-size:clamp(22px,4vw,30px)}
.admin-screen-content .admin-tabs{display:none}
.admin-menu-scrim{position:absolute;z-index:10;inset:0;border:0;background:#050509a6;backdrop-filter:blur(3px)}
.admin-screen-menu{position:absolute;z-index:11;top:76px;bottom:12px;left:12px;display:flex;width:min(310px,82vw);flex-direction:column;gap:5px;padding:16px 12px;border:1px solid #ffffff18;border-radius:20px;background:#17181f;box-shadow:0 22px 65px #0009;box-sizing:border-box;overflow:auto}
.admin-screen-menu>.eyebrow{padding:3px 10px 8px;font-size:9px;letter-spacing:.16em}
.admin-screen-menu button{min-height:48px;padding:0 13px;border:1px solid transparent;border-radius:12px;background:transparent;color:#b7b8c1;text-align:left;font:inherit;font-size:14px;font-weight:700}
.admin-screen-menu button.active{border-color:color-mix(in srgb,var(--style-accent,#9870ff) 42%,transparent);background:color-mix(in srgb,var(--style-accent,#9870ff) 18%,#181920);color:#fff}
.admin-screen.menu-open .admin-menu-toggle{background:#ffffff15}
@media(min-width:760px){.admin-screen{padding-inline:clamp(24px,5vw,72px)}.admin-screen-content{width:min(1120px,100%);align-self:center}.admin-screen-menu{left:clamp(16px,4vw,56px);width:320px}}
@media(max-width:600px){.admin-screen{padding-inline:10px}.admin-screen-content>#admin-panel{padding:16px 13px;border-radius:19px}.admin-screen-header h1{font-size:19px}}
@media(max-width:899px){body.telegram-miniapp .admin-screen{top:calc(var(--telegram-header-offset,56px) + 64px);padding-top:10px}}

/* Case lobby covers: one source of truth for the reference-matched banners. */
#screen-cases .cases-lobby{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:14px 0 20px!important}
#screen-cases .case-choice{position:relative!important;display:flex!important;min-width:0!important;height:148px!important;min-height:148px!important;padding:14px!important;overflow:hidden!important;isolation:isolate!important;border:1px solid #ffffff20!important;border-radius:19px!important;background:#059ef4!important;box-shadow:0 8px 22px #0005,inset 0 1px #ffffff30!important;text-align:left!important;transition:transform .18s ease,filter .18s ease!important}
#screen-cases .case-choice.daily{background:linear-gradient(115deg,#00a9f4 0%,#078cf0 54%,#0c6dc7 100%)!important}
#screen-cases .case-choice.referral{background:linear-gradient(115deg,#ff56c8 0%,#ec319b 58%,#c12bdb 100%)!important;border-color:#ffffff20!important}
#screen-cases .case-choice::before{position:absolute!important;z-index:-1!important;inset:0!important;display:block!important;opacity:1!important;background:linear-gradient(90deg,#001b3510 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,#ffffff35,transparent 48%)!important;content:""!important}
#screen-cases .case-choice.referral::before{background:linear-gradient(90deg,#66104a12 0%,transparent 58%),radial-gradient(ellipse at 80% 18%,#ffffff42,transparent 49%)!important}
#screen-cases .case-choice::after{position:absolute!important;z-index:-1!important;top:-76px!important;right:-38px!important;inset-inline:auto -38px!important;display:block!important;width:220px!important;height:220px!important;border:1px solid #ffffff24!important;border-radius:50%!important;background:radial-gradient(circle,#ffffff15 0 48%,transparent 49%)!important;opacity:.7!important;pointer-events:none!important}
#screen-cases .case-choice-count{position:absolute!important;z-index:4!important;top:12px!important;right:auto!important;left:12px!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;height:22px!important;padding:0 9px!important;border:0!important;border-radius:999px!important;background:#ffffff2b!important;color:#fff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em!important;backdrop-filter:blur(8px)!important}
#screen-cases .case-choice-count::before{width:6px;height:6px;border-radius:50%;background:#7cffbc;content:""}
#screen-cases .case-choice-art{position:absolute!important;z-index:1!important;top:50%!important;right:-6%!important;bottom:auto!important;left:auto!important;display:block!important;width:75%!important;height:140%!important;margin:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:translateY(-50%)!important;pointer-events:none!important}
#screen-cases .case-cover-illustration{position:absolute!important;right:0!important;bottom:-7%!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:right bottom!important;filter:drop-shadow(0 9px 9px #00102040)!important}
#screen-cases .case-choice>div{position:absolute!important;z-index:3!important;right:auto!important;bottom:13px!important;left:14px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;width:63%!important;max-width:63%!important;min-height:0!important;padding:0!important}
#screen-cases .case-choice>div>small{display:none!important}
#screen-cases .case-choice strong{display:block!important;color:#fff!important;font-size:19px!important;line-height:1.05!important;letter-spacing:-.035em!important;text-shadow:0 1px 7px #00385a35!important}
#screen-cases .case-choice p{display:block!important;max-width:100%!important;margin:4px 0 0!important;color:#ffffffbd!important;font-size:9px!important;line-height:1.25!important;opacity:1!important}
#screen-cases .case-choice em,#screen-cases .case-choice>b{display:none!important}
#screen-cases .case-choice:hover,#screen-cases .case-choice:focus-visible{transform:translateY(-2px)!important;filter:saturate(1.08)!important;box-shadow:0 12px 28px #0006,inset 0 1px #ffffff40!important}
@media(prefers-reduced-motion:reduce){#screen-cases .case-choice{transition:none!important}}

/* Referral offer poster: one clean headline, a directional reward cue, no side copy. */
#screen-cases .referral-promo{position:relative!important;left:auto!important;transform:none!important;display:block!important;width:100%!important;height:200px!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;margin:0 0 24px!important;padding:0!important;appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:23px!important;background:transparent!important;color:#fff!important;box-shadow:none!important;overflow:visible!important;text-align:center!important;cursor:pointer!important}
#screen-cases .referral-promo[hidden]{display:none!important}
#screen-cases .referral-promo:focus-visible{outline:2px solid #d4b2ff!important;outline-offset:3px!important}
#screen-cases .referral-promo-art{position:absolute!important;inset:0!important;isolation:isolate!important;display:grid!important;align-content:center!important;justify-items:center!important;gap:10px!important;width:auto!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;box-sizing:border-box!important;padding:18px 14px!important;overflow:hidden!important;border:1px solid #ffffff20!important;border-radius:23px!important;background:radial-gradient(ellipse at 78% 24%,#d9a5ff38,transparent 30%),radial-gradient(ellipse at 8% 100%,#ff638e35,transparent 40%),linear-gradient(118deg,#291b47 0%,#60366c 52%,#39204f 100%)!important;text-align:center!important}
#screen-cases .referral-promo-art::before{position:absolute!important;z-index:-1!important;top:-68px!important;right:-37px!important;width:190px!important;height:190px!important;border:1px solid #ffffff22!important;border-radius:50%!important;box-shadow:inset 0 0 0 19px #ffffff05!important;content:""!important;pointer-events:none!important}
#screen-cases .referral-promo-art>span{position:relative!important;z-index:1!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:6px 10px!important;border:1px solid #ffffff20!important;border-radius:999px!important;background:#ffffff10!important;color:#f7e6ff!important;font-size:8px!important;font-weight:850!important;letter-spacing:.16em!important;line-height:1!important}
#screen-cases .referral-promo-art>span::before{width:5px!important;height:5px!important;border-radius:50%!important;background:#ffd873!important;box-shadow:0 0 8px #ffd87388!important;content:""!important}
#screen-cases .referral-promo-art>strong{position:relative!important;z-index:1!important;display:block!important;color:#fff!important;font-size:clamp(20px,5.8vw,26px)!important;font-weight:950!important;letter-spacing:-.035em!important;line-height:1.08!important;white-space:nowrap!important;text-shadow:0 2px 12px #160b2470!important}
#screen-cases .referral-promo-art>em{position:relative!important;z-index:1!important;display:inline-block!important;padding:6px 14px 7px!important;border:1px solid #ffffff36!important;border-radius:11px!important;background:linear-gradient(105deg,#ff5b78,#ec345f)!important;color:#fff!important;font-family:Impact,"Arial Narrow",sans-serif!important;font-size:25px!important;font-style:normal!important;font-weight:950!important;letter-spacing:.025em!important;line-height:1!important;text-shadow:0 2px 8px #790f2766!important;box-shadow:0 5px 15px #a8204c44!important}
#screen-cases .referral-promo-art>small{position:relative!important;z-index:1!important;color:#f1e6f5!important;font-size:10px!important;font-weight:650!important;line-height:1.2!important}
@media(max-width:620px){#screen-cases .referral-promo{margin-bottom:24px!important}#screen-cases .referral-promo-art{padding-inline:14px!important}#screen-cases .referral-promo-art>strong{font-size:clamp(20px,5.8vw,24px)!important}}

/* Consistent liquid-glass close controls across dialogs and sheets. */
button.close-button,
button.checkout-close,
button.delivery-speed-close,
button.case-win-close,
button.support-close,
button#case-rewards-close,
button#admin-screen-close,
button#support-ticket-close,
button[data-close-admin-order],
button[data-close-admin-user]{
  display:grid!important;place-items:center!important;flex:none!important;
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  padding:0!important;border:1px solid #ffffff38!important;border-radius:50%!important;
  background:linear-gradient(145deg,#ffffff24,#ffffff0b 54%,#ffffff16)!important;
  color:#fff!important;font-family:Arial,sans-serif!important;font-size:25px!important;font-weight:300!important;line-height:1!important;
  box-shadow:inset 0 1px 1px #ffffff48,inset 0 -1px 2px #0005,0 5px 16px #0006!important;
  -webkit-backdrop-filter:blur(18px) saturate(165%)!important;backdrop-filter:blur(18px) saturate(165%)!important;
  cursor:pointer!important;transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
button.close-button:hover,
button.checkout-close:hover,
button.delivery-speed-close:hover,
button.case-win-close:hover,
button.support-close:hover,
button#case-rewards-close:hover,
button#admin-screen-close:hover,
button#support-ticket-close:hover,
button[data-close-admin-order]:hover,
button[data-close-admin-user]:hover{
  background:linear-gradient(145deg,#ffffff38,#ffffff14 54%,#ffffff22)!important;
  box-shadow:inset 0 1px 2px #ffffff66,0 7px 20px #0008!important;transform:scale(1.04)
}
button.close-button:focus-visible,
button.checkout-close:focus-visible,
button.delivery-speed-close:focus-visible,
button.case-win-close:focus-visible,
button.support-close:focus-visible,
button#case-rewards-close:focus-visible,
button#admin-screen-close:focus-visible,
button#support-ticket-close:focus-visible,
button[data-close-admin-order]:focus-visible,
button[data-close-admin-user]:focus-visible{outline:2px solid #ffffffaa!important;outline-offset:2px!important}
.delivery-speed-recent>span{justify-self:center;width:100%;text-align:center}
.delivery-speed-recent strong.has-delivery-time{display:flex;align-items:center;justify-content:center;gap:8px;color:#58dc91;font-size:17px;line-height:1.2;text-align:center;text-shadow:0 0 16px #52d68c30}
.delivery-speed-recent .delivery-speed-bolt{display:block;flex:none;width:19px;height:19px;fill:currentColor;filter:drop-shadow(0 0 5px #52d68c50)}
.delivery-speed-recent .delivery-speed-time{color:#a7edbe;font-size:19px;font-weight:800;line-height:1.2;text-shadow:0 0 12px #75df9b24}
:root[data-app-style] .delivery-speed-recent strong.has-delivery-time{color:#58dc91!important}
:root[data-app-style] .delivery-speed-recent strong.has-delivery-time .delivery-speed-time{color:#a7edbe!important;font-size:19px!important}

/* Bonus Club wallet and Telegram-like Stars motion */
#screen-cases .cases-heading-actions{gap:10px!important}
#screen-cases .cases-stars-balance{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:76px!important;height:36px!important;padding:0 11px!important;border:1px solid #ffffff16!important;border-radius:999px!important;background:#17181d!important;color:#f7f4ef!important;box-shadow:inset 0 1px #ffffff08!important;font:inherit!important;font-size:14px!important;font-weight:800!important;font-variant-numeric:tabular-nums!important}
#screen-cases .cases-stars-balance img{width:19px;height:19px;object-fit:contain;filter:drop-shadow(0 1px 4px #ffb90055)}
#screen-cases .cases-profile-open{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;padding:2px!important;border:1px solid #ffffff20!important;border-radius:50%!important;background:#17181d!important;color:#fff!important;box-shadow:0 3px 12px #0005!important}
.cases-profile-avatar{display:grid;width:100%;height:100%;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#354c75,#734b88);color:#fff;font-size:14px;font-weight:800}
.cases-profile-avatar img{width:100%;height:100%;object-fit:cover}
#screen-cases[data-detail="inventory"] .case-detail-intro{display:none!important}
#screen-cases[data-detail="inventory"] .bonus-club-hero{position:relative;display:grid;justify-items:center;margin:0 auto 18px;padding:10px 16px 0;text-align:center}
.bonus-club-back{position:absolute;z-index:2;top:0;left:12px;display:grid;width:40px;height:40px;place-items:center;border:1px solid #ffffff22;border-radius:50%;background:#171719;color:#f6f6f7;box-shadow:0 5px 18px #0006}
.bonus-club-back svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bonus-club-star-art{position:relative;display:grid;width:min(100%,360px);height:205px;place-items:center;overflow:hidden;isolation:isolate}
.bonus-club-star-art:before{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 66%,#ffac120d,transparent 48%);content:""}
.bonus-club-star-art>img{position:relative;z-index:1;width:clamp(86px,25vw,118px);height:clamp(86px,25vw,118px);object-fit:contain;filter:drop-shadow(0 9px 17px #ffac2533);animation:bonus-club-star-float 3.6s ease-in-out infinite}
.bonus-club-starscape{position:absolute;inset:0;overflow:hidden}
.bonus-club-starscape i{position:absolute;color:#ffbf28;font-size:14px;font-style:normal;line-height:1;text-shadow:0 0 11px #ffb31c66;animation:bonus-club-star-twinkle 2.7s ease-in-out infinite alternate}
.bonus-club-starscape i:nth-child(1){left:6%;top:62%;font-size:24px;animation-delay:-1s}.bonus-club-starscape i:nth-child(2){left:16%;top:26%;font-size:12px;animation-delay:-2.1s}.bonus-club-starscape i:nth-child(3){left:27%;top:72%;font-size:16px;animation-delay:-.4s}.bonus-club-starscape i:nth-child(4){left:39%;top:16%;font-size:10px;animation-delay:-1.7s}.bonus-club-starscape i:nth-child(5){left:52%;top:8%;font-size:12px;animation-delay:-.8s}.bonus-club-starscape i:nth-child(6){left:68%;top:21%;font-size:15px;animation-delay:-2.5s}.bonus-club-starscape i:nth-child(7){left:83%;top:36%;font-size:22px;animation-delay:-1.2s}.bonus-club-starscape i:nth-child(8){left:92%;top:70%;font-size:12px;animation-delay:-.6s}.bonus-club-starscape i:nth-child(9){left:13%;top:83%;font-size:13px;animation-delay:-1.9s}.bonus-club-starscape i:nth-child(10){left:30%;top:35%;font-size:9px;animation-delay:-.2s}.bonus-club-starscape i:nth-child(11){left:72%;top:78%;font-size:11px;animation-delay:-2s}.bonus-club-starscape i:nth-child(12){left:87%;top:15%;font-size:13px;animation-delay:-1.4s}.bonus-club-starscape i:nth-child(13){left:3%;top:35%;font-size:11px;animation-delay:-2.7s}.bonus-club-starscape i:nth-child(14){left:44%;top:84%;font-size:15px;animation-delay:-.9s}.bonus-club-starscape i:nth-child(15){left:60%;top:31%;font-size:9px;animation-delay:-1.8s}.bonus-club-starscape i:nth-child(16){left:97%;top:49%;font-size:15px;animation-delay:-.3s}.bonus-club-starscape i:nth-child(17){left:22%;top:12%;font-size:9px;animation-delay:-2.2s}.bonus-club-starscape i:nth-child(18){left:78%;top:57%;font-size:11px;animation-delay:-1.1s}.bonus-club-starscape i:nth-child(19){left:36%;top:61%;font-size:12px;animation-delay:-.5s}.bonus-club-starscape i:nth-child(20){left:63%;top:91%;font-size:10px;animation-delay:-2.4s}
@keyframes bonus-club-star-float{0%,100%{transform:translateY(1px) rotate(-3deg) scale(.98)}50%{transform:translateY(-7px) rotate(3deg) scale(1.035)}}
@keyframes bonus-club-star-twinkle{from{opacity:.35;transform:scale(.72) rotate(-18deg)}to{opacity:1;transform:scale(1.13) rotate(18deg)}}
.bonus-club-hero h1{margin:0;color:#f7f6f8;font-size:clamp(27px,7vw,34px);font-weight:850;line-height:1.12;letter-spacing:-.045em}
.bonus-club-hero>p{max-width:390px;margin:9px 0 0;color:#aaa8b0;font-size:14px;line-height:1.5}
.bonus-club-wallet-card{display:grid;justify-items:center;gap:8px;width:min(100%,560px);margin:0 auto 16px;padding:20px 18px 18px;border:1px solid #ffffff08;border-radius:27px;background:linear-gradient(145deg,#202023,#1b1b1e 70%);box-shadow:0 15px 34px #0003,inset 0 1px #ffffff09}
.bonus-club-wallet-amount{display:flex;align-items:center;justify-content:center;gap:9px;min-height:64px}
.bonus-club-wallet-amount img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 2px 6px #ffae1755)}
.bonus-club-wallet-amount strong{color:#f7f5f7;font-size:clamp(45px,12vw,58px);font-weight:550;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.bonus-club-wallet-card>span{color:#9b9aa1;font-size:17px;line-height:1.25}
.bonus-club-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:14px}
.bonus-club-wallet-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:54px;padding:0 12px;border:1px solid #ffffff24;border-radius:999px;background:linear-gradient(180deg,#438bf2,#3177e6);color:#fff;font:inherit;font-size:16px;font-weight:750;box-shadow:inset 0 1px #ffffff3a,0 5px 14px #2773df25;transition:transform .18s ease,filter .18s ease}
.bonus-club-wallet-actions button:active{transform:scale(.97);filter:brightness(.94)}
.bonus-club-wallet-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.bonus-club-earn-card{display:grid;grid-template-columns:54px minmax(0,1fr) 16px;align-items:center;gap:12px;width:min(100%,560px);min-height:102px;margin:0 auto 26px;padding:14px 15px;border:1px solid #ffffff08;border-radius:24px;background:radial-gradient(ellipse at 0% 50%,#4e398525,transparent 44%),linear-gradient(145deg,#202023,#1b1b1e 72%);color:#f3f1f4;text-align:left;box-shadow:0 12px 26px #0002;transition:transform .18s ease,background .18s ease}
.bonus-club-earn-card:active{transform:scale(.985);background:#252529}
.bonus-club-earn-icon{display:grid;width:52px;height:52px;place-items:center;overflow:hidden;border:1px solid #8671c77a;border-radius:15px;background:#27233d;box-shadow:0 5px 18px #624db844}
.bonus-club-earn-icon img{display:block;width:100%;height:100%;object-fit:cover;animation:referral-star-float 3.2s ease-in-out infinite}
@keyframes referral-star-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.025)}}
.bonus-club-earn-card>span:nth-child(2){display:grid;gap:3px;min-width:0}
.bonus-club-earn-card strong{font-size:17px;font-weight:700;line-height:1.25}
.bonus-club-earn-card small{color:#a5a2aa;font-size:13px;line-height:1.35}
.bonus-club-earn-card>b{color:#77777e;font-size:26px;font-weight:400}
#screen-cases[data-detail="inventory"] .bonus-inventory-head{align-items:center;margin:0 0 14px;padding:0 3px}
#screen-cases[data-detail="inventory"] .bonus-inventory-head .eyebrow{color:#8f8d95;font-size:10px;letter-spacing:.12em}
#screen-cases[data-detail="inventory"] .bonus-inventory-head h2{margin-top:4px;font-size:23px}
#screen-cases[data-detail="inventory"] .bonus-inventory-note{margin:12px 3px 20px;padding:0;border:0;background:none;color:#929097;font-size:11px}
.bonus-club-dialog-overlay{position:fixed;z-index:9000;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:20px 12px calc(16px + env(safe-area-inset-bottom));}
.bonus-club-dialog-overlay.hidden{display:none!important}
.bonus-club-dialog-scrim{position:absolute;inset:0;border:0;background:#050508c9;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);animation:bonus-club-scrim-in .22s ease both}
.bonus-club-dialog{position:relative;width:min(100%,500px);max-height:min(78dvh,680px);overflow:auto;padding:20px 18px 18px;border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(155deg,#232327,#17171a 78%);color:#f5f3f6;box-shadow:0 24px 70px #000b;animation:bonus-club-sheet-in .32s cubic-bezier(.2,.8,.2,1) both}
.bonus-club-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}
.bonus-club-dialog>header h2{margin:4px 0 0;font-size:22px;letter-spacing:-.04em}
.bonus-club-dialog-close{display:grid;flex:none;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:#ffffff0b;color:#e4e1e7;font-size:24px;line-height:1}
.bonus-club-dialog-body{color:#c3c0c8;font-size:13px;line-height:1.5}
.bonus-club-dialog-lead{margin:0 0 14px;color:#e1dfe4;font-size:14px;line-height:1.45}
.bonus-club-withdraw-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.bonus-club-withdraw-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid #ffffff0c;border-radius:14px;background:#ffffff05}
.bonus-club-withdraw-steps li>b{color:#8bbcff;font-size:11px}
.bonus-club-dialog-rule{margin:12px 0 0;padding:11px 12px;border-left:2px solid #e6b955;border-radius:0 11px 11px 0;background:#ffffff06;color:#c2bec6;font-size:11px}
.bonus-club-dialog-action{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;margin-top:16px;border:1px solid #ffffff28;border-radius:999px;background:linear-gradient(180deg,#438bf2,#3177e6);color:white;font:inherit;font-size:15px;font-weight:750}
.bonus-club-history-list{display:grid;gap:8px}
.bonus-club-history-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 10px;border:1px solid #ffffff0e;border-radius:13px;background:#ffffff05}
.bonus-club-history-mark{display:grid;width:31px;height:31px;place-items:center;border:1px solid #67d59242;border-radius:10px;background:#67d59212;color:#8ce6ab;font-size:18px;font-weight:800}
.bonus-club-history-mark.is-spent{border-color:#ea768044;background:#ea768012;color:#ed9a9e}
.bonus-club-history-row>span:nth-child(2){display:grid;gap:3px;min-width:0}
.bonus-club-history-row>span:nth-child(2)>strong{font-size:12px}
.bonus-club-history-row small{color:#97949c;font-size:10px}
.bonus-club-history-row>b{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bonus-club-history-row b.is-earned{color:#8ce6ab}.bonus-club-history-row b.is-spent{color:#ed9a9e}
.bonus-club-history-loading{padding:20px 5px;color:#aaa7af;text-align:center}
.bonus-club-history-empty{display:grid;justify-items:center;gap:5px;padding:22px 12px;text-align:center}
.bonus-club-history-empty>span{display:grid;width:40px;height:40px;place-items:center;margin-bottom:4px;border-radius:13px;background:#f1b93618;color:#ffd166;font-size:22px}
.bonus-club-history-empty strong{color:#f0edf2;font-size:14px}.bonus-club-history-empty p{max-width:260px;margin:0;color:#a4a0a9;font-size:11px}
@keyframes bonus-club-sheet-in{from{opacity:0;transform:translateY(24px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bonus-club-scrim-in{from{opacity:0}to{opacity:1}}
@media(max-width:420px){#screen-cases .cases-heading-actions{gap:6px!important}.bonus-club-star-art{height:184px}.bonus-club-hero{padding-inline:12px}.bonus-club-wallet-card{padding:18px 15px 16px}.bonus-club-wallet-actions{gap:8px}.bonus-club-wallet-actions button{min-height:51px;font-size:15px}.bonus-club-earn-card{min-height:88px;padding:12px;border-radius:20px}.bonus-club-earn-card strong{font-size:15px}.bonus-club-earn-card small{font-size:11px}}
@media(orientation:landscape) and (max-height:560px){.bonus-club-star-art{height:145px}.bonus-club-star-art>img{width:82px;height:82px}.bonus-club-hero>p{max-width:460px;font-size:12px}.bonus-club-wallet-card{padding-block:14px}.bonus-club-wallet-actions button{min-height:43px}.bonus-club-earn-card{min-height:76px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.bonus-club-star-art>img,.bonus-club-starscape i,.bonus-club-dialog-scrim,.bonus-club-dialog,.bonus-club-earn-icon img{animation:none!important}.bonus-club-wallet-actions button,.bonus-club-earn-card{transition:none!important}}
@media(prefers-reduced-motion:reduce){button.close-button,button.checkout-close,button.delivery-speed-close,button.case-win-close,button.support-close,button#case-rewards-close,button#admin-screen-close,button#support-ticket-close,button[data-close-admin-order],button[data-close-admin-user]{transition:none!important}}

/* Delivery time emphasis: match the bolt visually and use a restrained warm accent. */
.delivery-speed-recent strong.has-delivery-time .delivery-speed-time,
:root[data-app-style] .delivery-speed-recent strong.has-delivery-time .delivery-speed-time{
  color:#ffd98a!important;
  font-size:20px!important;
  font-weight:850!important;
  text-shadow:0 0 12px #ffc85a32!important;
}
.delivery-speed-recent .delivery-speed-bolt{width:20px!important;height:20px!important;filter:drop-shadow(0 0 5px #52d68c50)}
:root[data-app-style] #payment-step button.checkout-close,
:root[data-app-style] button.close-button,
:root[data-app-style] button.delivery-speed-close,
:root[data-app-style] button.case-win-close,
:root[data-app-style] button.support-close,
:root[data-app-style] button#case-rewards-close,
:root[data-app-style] button#admin-screen-close,
:root[data-app-style] button#support-ticket-close,
:root[data-app-style] button[data-close-admin-order],
:root[data-app-style] button[data-close-admin-user]{
  border:1px solid #ffffff38!important;
  background:linear-gradient(145deg,#ffffff24,#ffffff0b 54%,#ffffff16)!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(18px) saturate(165%)!important;backdrop-filter:blur(18px) saturate(165%)!important;
}


/* Order history controls, pull-to-refresh and compact mobile filter sheet. */
#screen-orders .orders-heading-meta{justify-content:space-between;width:100%}
#screen-orders .orders-filter-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #383a42;border-radius:13px;background:linear-gradient(145deg,#25262d,#1c1d22);color:#f3f1f4;font:inherit;font-size:12px;font-weight:800;white-space:nowrap;transition:background .22s,border-color .22s,transform .22s}
#screen-orders .orders-filter-open span{font-size:17px;line-height:1;color:#f07880}
#screen-orders .orders-filter-open:active{transform:scale(.97)}
#screen-orders .orders-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 5px}
#screen-orders .orders-summary article{display:grid;gap:5px;min-width:0;padding:14px 15px;border:1px solid #292b32;border-radius:15px;background:linear-gradient(145deg,#1b1c21,#15161a)}
#screen-orders .orders-summary strong{overflow:hidden;color:#f6f5f7;font-size:clamp(16px,4vw,23px);font-weight:850;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
#screen-orders .orders-summary article:nth-child(2) strong{font-size:clamp(14px,3.4vw,19px)}
#screen-orders .orders-summary span{overflow:hidden;color:#92939b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
#screen-orders .orders-pull-indicator{display:flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;height:0;overflow:hidden;color:#a9aab1;font-size:12px;opacity:0;transform:translateY(-6px);transition:height .18s ease,opacity .18s ease,transform .18s ease}
#screen-orders .orders-pull-indicator.is-pulling,#screen-orders .orders-pull-indicator.is-refreshing{height:44px;opacity:1;transform:translateY(0)}
#screen-orders .orders-pull-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #41434b;border-radius:50%;color:#f07880;font-size:17px;transition:transform .18s}
#screen-orders .orders-pull-indicator.is-refreshing .orders-pull-icon{animation:orders-refresh-spin .8s linear infinite}
@keyframes orders-refresh-spin{to{transform:rotate(360deg)}}
#screen-orders .orders-count-label{margin-top:16px}
#screen-orders .orders-filter-backdrop{position:fixed;inset:0;z-index:1200;background:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#screen-orders .orders-filter-sheet{position:fixed;inset:auto 0 0;z-index:1201;box-sizing:border-box;width:min(680px,100%);max-height:min(90dvh,860px);margin:0 auto;padding:12px 20px calc(20px + env(safe-area-inset-bottom));overflow:auto;border:1px solid #3b3c45;border-bottom:0;border-radius:26px 26px 0 0;background:linear-gradient(155deg,#1e1f25,#141519 75%);box-shadow:0 -16px 60px #0008;animation:orders-sheet-in .24s cubic-bezier(.2,.75,.25,1)}
#screen-orders .orders-filter-sheet.hidden,#screen-orders .orders-filter-backdrop.hidden{display:none}
#screen-orders .orders-filter-handle{width:42px;height:4px;margin:0 auto 16px;border-radius:4px;background:#747680}
#screen-orders .orders-filter-sheet>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}
#screen-orders .orders-filter-sheet h2{margin:5px 0 0;color:#f4f3f5;font-size:25px;letter-spacing:-.04em}
#screen-orders .orders-filter-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff15;border-radius:14px;background:#ffffff0b;color:#f5f3f6;font-size:25px;line-height:1}
#screen-orders .orders-filter-sheet .orders-filters{padding:14px;border-radius:17px}
#screen-orders .orders-filter-sheet .filter-main{display:grid;grid-template-columns:1fr 1fr;gap:11px}
#screen-orders .orders-filter-sheet .filter-main>label{display:grid;gap:7px;color:#a8a9b1;font-size:11px;font-weight:750}
#screen-orders .orders-filter-sheet .filter-main>.orders-search-label{grid-column:1/-1}
#screen-orders .orders-filter-sheet .filter-main input,#screen-orders .orders-filter-sheet .filter-main select{width:100%;box-sizing:border-box}
#screen-orders .orders-filter-actions{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px;margin-top:14px}
#screen-orders .orders-filter-actions button{min-height:48px;border:1px solid #373941;border-radius:13px;background:#23242a;color:#dbd9df;font:inherit;font-size:12px;font-weight:800}
#screen-orders #orders-filter-apply{border-color:#e15b68;background:linear-gradient(120deg,#a5293e,#d9475b);color:#fff;box-shadow:0 8px 20px #c9304933}
body.orders-filter-open{overflow:hidden;touch-action:none}
#screen-orders .order-more{position:relative;z-index:1;border-top-color:transparent;border-radius:0 0 19px 19px;background-color:#24252b;background-image:linear-gradient(100deg,#24252b,#303138 52%,#24252b);background-size:200% 100%;background-position:0 50%;transition:background-position .8s cubic-bezier(.22,.7,.2,1),background-color .65s ease,color .45s ease,border-color .45s ease,border-radius .45s ease,filter .45s ease}
#screen-orders .order-more:hover,#screen-orders .order-more:focus-visible{background-position:100% 50%;filter:brightness(1.08)}
#screen-orders .order-detail[open] .order-more{display:block;margin-top:0;border-top-color:#ffffff0a;border-radius:0;background-color:#17181d;background-image:linear-gradient(100deg,#191a20,#1b1c22 52%,#191a20);background-position:100% 50%;color:#a9aab1;filter:none}
#screen-orders .order-detail[open] .order-detail-body{margin-top:0;border-top-color:#ffffff0a;background:#17181d}
@keyframes orders-sheet-in{from{transform:translateY(18px);opacity:.8}to{transform:translateY(0);opacity:1}}
@media(max-width:600px){
  #screen-orders .orders-heading-meta{align-items:center}
  #screen-orders .orders-summary{gap:6px}
  #screen-orders .orders-summary article{padding:12px 9px;border-radius:13px}
  #screen-orders .orders-summary span{font-size:9px}
  #screen-orders .orders-filter-sheet{padding-inline:14px}
  #screen-orders .orders-filter-sheet .orders-filters{padding:12px}
  #screen-orders .orders-filter-sheet .filter-main{grid-template-columns:1fr}
  #screen-orders .orders-filter-sheet .filter-main>.orders-search-label{grid-column:auto}
  #screen-orders .orders-filter-sheet .filter-grid{grid-template-columns:1fr 1fr}
  #screen-orders .orders-filter-actions{position:sticky;bottom:0;padding:12px 0 calc(20px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#141519 90%,transparent)}
}
@media(prefers-reduced-motion:reduce){#screen-orders .orders-pull-indicator,#screen-orders .order-more{transition:none}#screen-orders .orders-pull-indicator.is-refreshing .orders-pull-icon{animation:none}}

/* Balance top-up: a focused standalone dialog with clear availability and familiar payment marks. */
#topup-sheet{z-index:1302;width:min(540px,calc(100vw - 28px));max-height:min(88dvh,820px);border:1px solid #34363e;border-radius:26px;background:linear-gradient(155deg,#1b1c21,#111216 78%);box-shadow:0 28px 90px #000c,inset 0 1px #ffffff0b}
#topup-backdrop{z-index:1301;background:#050509c7;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
@media(min-width:601px){#topup-sheet{top:50%;bottom:auto;transform:translate(-50%,-50%);border-radius:26px}}
#topup-sheet .sheet-handle{margin-bottom:15px;background:#666871}
#topup-sheet .sheet-heading{margin-bottom:5px}
#topup-sheet .sheet-heading h2{font-size:25px;letter-spacing:-.045em}
#topup-sheet .topup-balance-band{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin:14px 0 18px;padding:14px 15px;border:1px solid #27845a;border-radius:18px;background:linear-gradient(115deg,#123d2d,#15523a 56%,#17372c);box-shadow:inset 0 1px #ffffff12}
#topup-sheet .topup-balance-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#2caf70;color:#f2fff7;font-size:25px;font-weight:850}
#topup-sheet .topup-balance-band small{display:block;color:#a9dfbf;font-size:10px;font-weight:750;letter-spacing:.08em}
#topup-sheet .topup-balance-band strong{display:block;margin-top:3px;color:#fff;font-size:22px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#topup-sheet .topup-balance-brand{color:#b6e7c8;font-size:11px;font-weight:800}
#topup-sheet .topup-step-heading{display:flex;align-items:center;gap:10px;margin:0 0 9px}
#topup-sheet .topup-step-heading>i,#topup-sheet .topup-step-number{display:grid;width:25px;height:25px;flex:none;place-items:center;border:1px solid #3f805e;border-radius:9px;background:#19412f;color:#9ee5b8;font-size:11px;font-style:normal;font-weight:900}
#topup-sheet .topup-step-heading strong{display:block;color:#f2f1f4;font-size:13px}
#topup-sheet .topup-step-heading small{display:block;margin-top:2px;color:#92939b;font-size:10px}
#topup-sheet .topup-amounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 15px}
#topup-sheet .topup-amounts button{min-height:44px;padding:8px 4px;border:1px solid #34373e;border-radius:13px;background:#22252a;color:#e4e6e9;font-size:12px;font-weight:800}
#topup-sheet .topup-amounts button.selected{border-color:#42be7e;background:#17432f;color:#eafff1}
#topup-sheet>label{margin-bottom:7px;color:#aeb0b7;font-size:11px;font-weight:750}
#topup-sheet .topup-input-wrap{height:53px;border-color:#3c4046;border-radius:14px;background:#17191d}
#topup-sheet .topup-input-wrap input{font-size:18px}
#topup-sheet .topup-range-hint{margin-top:7px;color:#858890;font-size:10px;line-height:1.4}
#topup-sheet .topup-method-label{display:flex;align-items:center;gap:9px;margin-top:19px;color:#f2f1f4;font-size:13px;font-weight:800}
#topup-sheet .topup-step-number{width:23px;height:23px;font-size:10px}
#topup-sheet .topup-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
#topup-sheet .topup-methods .topup-method-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:72px;padding:10px;border:1px solid #34363e;border-radius:15px;background:#202126;color:#ecebf0;text-align:left;cursor:pointer}
#topup-sheet .topup-methods .topup-method-card:disabled{opacity:1;cursor:default}
#topup-sheet .topup-method-logo{display:grid;width:36px;height:36px;place-items:center;overflow:hidden;border:1px solid #ffffff10;border-radius:11px;background:#17181d}
#topup-sheet .topup-method-logo img{display:block;width:100%;height:100%;object-fit:contain}
#topup-sheet .topup-logo-sbp img{width:30px;height:25px}
#topup-sheet .topup-logo-crypto img{width:30px;height:30px;border-radius:9px}
#topup-sheet .topup-logo-ton{width:42px;background:#121821}
#topup-sheet .topup-logo-ton img{width:37px;height:23px;object-fit:contain}
#topup-sheet .topup-method-copy{display:block;min-width:0}
#topup-sheet .topup-method-copy strong{display:block;overflow:hidden;color:#f0eff3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
#topup-sheet .topup-method-copy small{display:block;margin-top:4px;overflow:hidden;color:#9698a0;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
#topup-sheet .topup-method-state{align-self:start;padding:4px 6px;border:1px solid #4c4d55;border-radius:999px;color:#a2a3aa;font-size:8px;font-weight:850;white-space:nowrap}
#topup-sheet .topup-method-state.is-admin{border-color:#4b8b67;color:#a8dfbb}
#topup-sheet .topup-methods .topup-method-card:not(:disabled):hover{border-color:#58bb82;background:#18372a}
#topup-sheet #topup-notice{margin:12px 0 3px;padding:11px 12px;border:1px solid #3a3b43;border-radius:13px;background:#1a1b20;color:#aeb0b7;font-size:10px;line-height:1.5}
#topup-sheet #topup-notice:before{content:'i';display:inline-grid;width:16px;height:16px;margin-right:7px;place-items:center;border:1px solid #696a73;border-radius:50%;color:#d6d4dc;font-size:10px;font-weight:900}
#topup-sheet .topup-submit-dock{margin:7px -22px calc(-26px - env(safe-area-inset-bottom));padding:8px 22px calc(14px + env(safe-area-inset-bottom))}
#topup-sheet .topup-submit-dock #topup-submit{min-height:54px;height:auto;border-radius:15px;font-size:13px;line-height:1.3;white-space:normal}
#topup-sheet .topup-submit-dock #topup-submit:disabled{background:#303136!important;color:#92939a!important;box-shadow:none!important}
@media(max-width:600px){
  #topup-sheet{top:auto;bottom:6px;width:calc(100% - 12px);max-height:min(89dvh,860px);padding:12px 17px calc(21px + env(safe-area-inset-bottom));border-radius:24px}
  body.telegram-miniapp.topup-sheet-open #topup-sheet{top:max(182px,calc(var(--telegram-header-offset,56px) + 126px));bottom:var(--keyboard-bottom,6px);max-height:none;padding-top:12px}
  #topup-sheet .topup-balance-band{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;margin:10px 0 14px;padding:11px}
  #topup-sheet .topup-balance-icon{width:40px;height:40px;border-radius:12px;font-size:22px}
  #topup-sheet .topup-balance-band strong{font-size:19px}
  #topup-sheet .topup-balance-brand{font-size:9px}
  #topup-sheet .topup-methods{gap:7px}
  #topup-sheet .topup-methods .topup-method-card{grid-template-columns:32px minmax(0,1fr);gap:7px;min-height:68px;padding:9px}
  #topup-sheet .topup-method-logo{width:31px;height:31px}
  #topup-sheet .topup-logo-sbp img{width:27px;height:22px}
  #topup-sheet .topup-logo-crypto img{width:27px;height:27px}
  #topup-sheet .topup-logo-ton{width:34px}
  #topup-sheet .topup-logo-ton img{width:31px;height:20px}
  #topup-sheet .topup-method-state{grid-column:2;justify-self:start;align-self:auto;margin-top:-2px;padding:2px 5px;font-size:7px}
  #topup-sheet .topup-method-copy small{margin-top:3px;font-size:8px}
  #topup-sheet .topup-submit-dock{margin-right:-17px;margin-left:-17px;padding-right:17px;padding-left:17px}
}

/* Mobile order header: keep the filter action beside the title and the hint below it. */
@media(max-width:600px){
  #screen-orders .orders-heading{position:relative;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:10px;row-gap:8px;margin-bottom:15px}
  #screen-orders .orders-heading-meta{display:contents}
  #screen-orders .orders-heading h1{grid-column:1;grid-row:2;min-width:0;font-size:34px}
  #screen-orders .orders-heading-meta p{grid-column:1/-1;grid-row:3;margin:0;font-size:11px;line-height:1.35}
  #screen-orders .orders-filter-open{grid-column:2;grid-row:2;align-self:end;min-height:42px;padding:0 12px;border-radius:12px;font-size:11px}
  #screen-orders .orders-filter-open span{font-size:16px}
}

/* Order filter sheet: keep the form expanded, prevent date controls from overflowing, and contain keyboard scrolling. */
#screen-orders .orders-filter-sheet{overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto}
#screen-orders .orders-filter-sheet .filter-extra{margin-top:14px;padding-top:13px;border-top:1px solid #303137}
#screen-orders .orders-filter-sheet .filter-extra h3{margin:0 0 12px;color:#c5c6cb;font-size:12px;font-weight:800;line-height:1.3}
#screen-orders .orders-filter-sheet .filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 10px;margin:0}
#screen-orders .orders-filter-sheet .filter-grid>label{display:grid;min-width:0;gap:6px;overflow:hidden;color:#a7a8af;font-size:10px;font-weight:700}
#screen-orders .orders-filter-sheet .filter-grid input{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding-inline:10px;font-variant-numeric:tabular-nums}
#screen-orders .orders-filter-sheet input[type="date"]{-webkit-appearance:none;appearance:none;min-width:0;max-width:100%;overflow:hidden}
@media(max-width:600px){
  #screen-orders .orders-filter-sheet .orders-filters{padding:12px!important}
  #screen-orders .orders-filter-sheet .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
  #screen-orders .orders-filter-sheet .filter-grid input,#screen-orders .orders-filter-sheet .filter-main input{font-size:16px!important}
  #screen-orders .orders-filter-sheet{max-height:min(90dvh,860px);transition:none!important}
  body.orders-filter-open.keyboard-open:not(.checkout-keyboard-open) .topbar{position:sticky!important;top:0!important}
  body.orders-filter-open.keyboard-open #screen-orders .orders-filter-sheet{bottom:var(--keyboard-bottom,0px);max-height:min(calc(var(--visual-height,100dvh) - env(safe-area-inset-top) - 8px),860px);}
}

/* Case rules: short label, clear title hierarchy, and readable numbered instructions. */
#screen-cases[data-detail="case"] .cases-detail-note{
  display:grid!important;gap:14px!important;max-width:760px!important;margin:18px auto 24px!important;padding:17px!important;
  border:1px solid #a786d22b!important;border-radius:20px!important;
  background:linear-gradient(145deg,#211c2a,#19191f 72%)!important;color:#f4f1f7!important;
  box-shadow:0 12px 30px #0002,inset 0 1px #ffffff0a!important;
}
.cases-rules-heading{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid #ffffff12}
.cases-rules-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid #bd96ea38;border-radius:12px;background:#9362c11c;color:#d5b6f6;font-size:19px;font-weight:800}
.cases-rules-heading>div{display:grid;gap:3px;min-width:0}
#screen-cases .cases-rules-heading .cases-detail-note-kicker{color:#c69ce9!important;font-size:9px!important;font-weight:850!important;letter-spacing:.15em!important;line-height:1.2}
#screen-cases .cases-rules-heading h3{margin:0!important;color:#f8f5fb!important;font-size:18px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.025em}
.cases-rules-heading p{margin:0;color:#a7a1ad;font-size:11px;line-height:1.35}
.cases-rules-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.cases-rules-list li{display:grid;grid-template-columns:29px minmax(0,1fr);align-items:start;gap:10px}
.cases-rules-number{display:grid;width:27px;height:27px;place-items:center;border:1px solid #a67acb35;border-radius:9px;background:#a67acb12;color:#d0a9f1;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums}
#screen-cases .cases-rules-list li>div>strong{display:block!important;margin:1px 0 3px!important;color:#f2eef6!important;font-size:13px!important;font-weight:750!important;line-height:1.3!important}
.cases-rules-list li p{margin:0;color:#b7b1bd;font-size:11px;line-height:1.5}
.cases-rules-footnote{margin:0;padding-top:11px;border-top:1px solid #ffffff10;color:#918b98;font-size:10px;line-height:1.45}
@media(max-width:620px){#screen-cases[data-detail="case"] .cases-detail-note{gap:13px!important;margin:15px 0 20px!important;padding:15px!important;border-radius:18px!important}.cases-rules-list{gap:11px}.cases-rules-list li p{font-size:11px;line-height:1.48}}

/* Keep the admin role attached to the profile name instead of floating in the card. */
#screen-profile .profile-name-line{display:flex;align-items:center;gap:9px;min-width:0}
#screen-profile .profile-name-line #profile-name{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#screen-profile .profile-name-line #admin-badge:not(.hidden){display:inline-flex;align-items:center;justify-content:center;flex:none;margin:0!important;padding:5px 9px;border-radius:999px;font-size:9px;line-height:1;white-space:nowrap}

/* Order history cards: one compact hierarchy for status, item, price, and details. */
#screen-orders .order-card{overflow:hidden;border:1px solid #ffffff12;border-radius:19px;background:linear-gradient(145deg,#1b1c22,#15161b 76%);box-shadow:0 9px 26px #0003,inset 0 1px #ffffff08;transition:border-color .18s,box-shadow .18s}
#screen-orders .order-card:hover{border-color:#ffffff20;transform:none}
#screen-orders .order-detail>summary{display:block;padding:0!important;list-style:none}
#screen-orders .order-detail>summary::-webkit-details-marker{display:none}
.order-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 0}
.order-summary-head>[data-copy-order]{min-width:0;overflow:hidden;padding:0;border:0;background:none;color:#8d8e98;font:inherit;font-size:10px;font-weight:650;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;text-align:left}
#screen-orders .order-summary-head .order-status{flex:none;max-width:48%;overflow:hidden;padding:5px 9px;border:1px solid #ffffff16;border-radius:999px;background:#ffffff08;color:#c5c3ca;font-size:9px;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}
#screen-orders .order-summary-head .order-status.status-final{padding:5px 9px;border-color:#66d6993d;background:#4ac27c14;color:#8de0ae;font-size:9px}
#screen-orders .order-summary-head .order-status.status-failed,#screen-orders .order-summary-head .order-status.status-review_required,#screen-orders .order-summary-head .order-status.status-manual_review{border-color:#e7717b45;background:#e94c5b15;color:#f39aa2}
#screen-orders .order-summary-head .order-status.status-awaiting_customer_payment,#screen-orders .order-summary-head .order-status.status-queued,#screen-orders .order-summary-head .order-status.status-processing{border-color:#e1ad6345;background:#e5a84413;color:#f1c982}
.order-summary-main{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px 14px}
.order-summary-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid #ffffff0d;border-radius:13px;background:#ffffff07}
.order-summary-icon img{width:24px;height:24px;object-fit:contain}
.order-summary-icon .order-product-emoji{font-size:23px;line-height:1}
.order-summary-icon .order-cart-logo,.order-cart-status-logo{display:grid;place-items:center;color:#d8b6f5}
.order-summary-icon .order-cart-logo svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.order-summary-copy{display:grid;gap:4px;min-width:0}
.order-summary-copy>strong{overflow:hidden;color:#f1eff3;font-size:14px;font-weight:750;line-height:1.3;text-overflow:ellipsis}
.order-summary-copy>small{overflow:hidden;color:#92919b;font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.order-summary-copy>small i{padding:0 2px;color:#696a74;font-style:normal}
.order-summary-price{max-width:42vw;color:#f5f3f6;font-size:15px;font-weight:800;line-height:1.2;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.order-summary-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px 13px;border-top:1px solid #ffffff0c}
.order-summary-foot time{color:#92919b;font-size:10px;font-variant-numeric:tabular-nums}
#screen-orders .order-summary-foot .order-more{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;color:#ef8794;font-size:11px;font-weight:750;letter-spacing:0;text-align:right}
#screen-orders .order-summary-foot .order-more:after{content:'⌄';font-size:14px;line-height:1;transition:transform .18s}
#screen-orders .order-detail[open] .order-summary-foot .order-more:after{transform:rotate(180deg)}
#screen-orders .order-detail[open] .order-more{display:inline-flex}
#screen-orders .order-detail-body{padding:14px 16px 16px;border-top:1px solid #ffffff0c;background:#121318}
@media(max-width:420px){.order-summary-head{padding:13px 13px 0}.order-summary-main{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:13px}.order-summary-icon{width:38px;height:38px;border-radius:12px}.order-summary-price{max-width:37vw;font-size:14px}.order-summary-copy>strong{font-size:13px}.order-summary-foot{padding:10px 13px 12px}}
.order-cart-status-logo svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.order-recipient-tags{display:flex;flex-wrap:wrap;gap:7px}
.order-recipient-tag{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff0b;color:#ded9e5;font-size:11px;line-height:1}
.order-multi-recipients{margin-bottom:16px}
.orders-page-numbers{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}
.orders-page-number{min-width:34px!important;width:34px;height:36px;padding:0!important;border-radius:10px!important;font-size:11px!important}
.orders-page-number.is-current{border-color:#df6470!important;background:linear-gradient(145deg,#a73547,#d05260)!important;color:#fff!important;box-shadow:0 6px 16px #c53b4c33}
.orders-page-gap{display:grid;place-items:center;width:18px;color:#888995;font-size:13px}
@media(max-width:520px){.orders-pager{gap:5px!important}.orders-pager>button{min-width:42px!important;padding-inline:6px!important;font-size:10px!important}.orders-page-number{min-width:30px!important;width:30px;height:34px}.orders-page-gap{width:12px}}

/* Admin storefront campaigns: product scope, quick duration controls and live status. */
.admin-promo-manager{display:grid;gap:15px}
.admin-promo-manager>.admin-tool-head{align-items:center}
.admin-promo-manager .admin-tool-head h3{margin:4px 0 0}
.admin-promo-refresh{display:grid;width:42px;height:42px;place-items:center;border:1px solid #393640;border-radius:14px;background:#202027;color:#ded7eb;font-size:23px;cursor:pointer}
.admin-promo-form-card{display:grid;gap:12px;padding:16px;border:1px solid #3d3549;border-radius:20px;background:linear-gradient(145deg,#201d27,#15151b 76%);box-shadow:inset 0 1px #ffffff0a}
.admin-promo-kicker{color:#c99cec;font-size:9px;font-weight:850;letter-spacing:.17em}
.admin-promo-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.admin-promo-fields .admin-field,.admin-promo-form-card>.admin-field{margin:0}
.admin-promo-duration-picks{display:flex;flex-wrap:wrap;gap:7px;margin-top:-4px}
.admin-promo-duration-picks button{min-height:31px;padding:0 11px;border:1px solid #403a49;border-radius:999px;background:#23212a;color:#d2c6dd;font-size:10px;font-weight:750;cursor:pointer}
.admin-promo-products{min-width:0;margin:0;padding:11px;border:1px solid #393640;border-radius:15px;background:#18181f}
.admin-promo-products legend{padding:0 5px;color:#c2bdc9;font-size:11px;font-weight:750}
.admin-promo-product{display:flex;align-items:center;gap:9px;min-width:0;color:#e8e4ec;cursor:pointer}
.admin-promo-product input{width:18px;height:18px;flex:none;accent-color:#a354d1}
.admin-promo-product span{display:grid;gap:2px;min-width:0}
.admin-promo-product strong{font-size:11px;font-weight:750}
.admin-promo-product small{color:#9993a0;font-size:9px;line-height:1.35}
.admin-promo-all{padding:5px 3px 11px;border-bottom:1px solid #ffffff10}
.admin-promo-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;padding:12px 3px 4px}
.admin-promo-form-actions{display:flex;flex-wrap:wrap;gap:8px}
.admin-promo-form-actions .admin-action{margin:0}
.admin-promo-list-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:7px 2px 0}
.admin-promo-list-head h4{margin:4px 0 0;color:#f2edf6;font-size:15px}
#admin-promo-count{color:#aaa4b1;font-size:10px}
.admin-promotions-list{display:grid;gap:9px}
.admin-promo-card{padding:13px;border:1px solid #35323c;border-radius:16px;background:#19191f}
.admin-promo-card.is-active{border-color:#5b3c6b;background:linear-gradient(130deg,#251b2b,#1a191f 72%)}
.admin-promo-card-main,.admin-promo-card-title,.admin-promo-card-foot,.admin-promo-card-foot>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.admin-promo-card-title{justify-content:flex-start;min-width:0}
.admin-promo-card-title>div{display:grid;gap:3px;min-width:0}
.admin-promo-card-title strong{overflow:hidden;color:#f2edf6;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.admin-promo-card-title small{color:#a8a1ad;font-size:9px;line-height:1.35}
.admin-promo-status-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#77717d}
.admin-promo-card.is-active .admin-promo-status-dot{background:#57d58a;box-shadow:0 0 12px #57d58a66}
.admin-promo-percent{flex:none;color:#d4a3f0;font-size:15px;font-weight:850}
.admin-promo-card>p{margin:9px 0;color:#b5afbc;font-size:10px;line-height:1.45}
.admin-promo-card-foot{padding-top:9px;border-top:1px solid #ffffff0d}
.admin-promo-card-foot>span{color:#9fddaF;font-size:9px;font-weight:750}
.admin-promo-card.is-ended .admin-promo-card-foot>span{color:#99939f}
.admin-promo-card-foot>div{justify-content:flex-end;gap:6px}
.admin-promo-card-foot button{min-height:30px;padding:0 9px;border:1px solid #413b49;border-radius:9px;background:#24222a;color:#ddd5e5;font-size:9px;font-weight:750;cursor:pointer}
.admin-promo-card-foot button.danger{color:#ed9aa4}
.admin-promo-empty{display:grid;justify-items:center;gap:7px;padding:26px 18px;border:1px dashed #403b48;border-radius:16px;background:#17171d;text-align:center}
.admin-promo-empty>span{color:#c68ce6;font-size:22px}
.admin-promo-empty strong{color:#efebf3;font-size:13px}
.admin-promo-empty small{max-width:270px;color:#a6a0ad;font-size:10px;line-height:1.45}
@media(max-width:520px){.admin-promo-form-card{padding:13px;border-radius:17px}.admin-promo-product-grid{gap:11px 5px}.admin-promo-product strong{font-size:10px}.admin-promo-card{padding:11px}.admin-promo-card-foot{align-items:flex-start;flex-direction:column}.admin-promo-card-foot>div{width:100%;justify-content:flex-end}}

/* Notification inbox: quick filters, date groups, clear read states, and thumb friendly controls. */
.profile-settings-sheet.is-notifications{background:#12101b!important}
.profile-settings-sheet.is-notifications .sheet-heading{margin:0;padding:4px 0 12px}
.profile-settings-sheet.is-notifications .profile-settings-sheet-content{display:flex;flex-direction:column;gap:12px}
.profile-notifications-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #a47bd534;border-radius:15px;background:linear-gradient(115deg,#292233,#1b1a22)}
.profile-notifications-overview>div{display:grid;gap:3px;min-width:0}
.profile-notifications-overview strong{color:#f4eef9;font-size:13px;font-weight:850}
.profile-notifications-overview small{color:#a69eae;font-size:9px}
.profile-notifications-overview button{flex:none;min-height:34px;padding:0 10px;border:1px solid #bd92e548;border-radius:10px;background:#9b6fc21c;color:#e3c8fa;font:inherit;font-size:9px;font-weight:800;touch-action:manipulation}
.profile-notification-filters{position:sticky;z-index:3;top:-1px;display:flex;gap:6px;overflow-x:auto;margin:0 -3px;padding:2px 3px 8px;background:linear-gradient(#17171d 76%,#17171d00);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.profile-notification-filters::-webkit-scrollbar{display:none}
.profile-notification-filters button{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff06;color:#b4adbd;font:inherit;font-size:9px;font-weight:750;white-space:nowrap;touch-action:manipulation}
.profile-notification-filters button span{display:grid;min-width:17px;height:17px;place-items:center;padding:0 4px;border-radius:99px;background:#ffffff0c;color:#a9a1b1;font-size:8px;font-variant-numeric:tabular-nums}
.profile-notification-filters button.is-active{border-color:#bb8ce35a;background:linear-gradient(110deg,#67477c,#4e3b63);color:#fff}
.profile-notification-filters button.is-active span{background:#ffffff20;color:#fff}
.profile-notification-feed{display:grid;gap:15px;padding-bottom:16px}
.profile-mail-group{display:grid;gap:7px}
.profile-mail-group>h3{margin:0 2px;color:#a89bb7;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.profile-mail-list{display:grid;gap:0;margin:0;overflow:hidden;border:1px solid #ffffff12;border-radius:17px;background:linear-gradient(145deg,#1c1d23,#17181e 82%);box-shadow:0 8px 24px #0002,inset 0 1px #ffffff08}
.profile-mail-row{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:72px;padding:11px 12px;border:0;border-bottom:1px solid #ffffff0d;border-radius:0;background:transparent;color:#f3f0f5;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.profile-mail-row:last-child{border-bottom:0}
.profile-mail-row:active{background:#ffffff08}
.profile-mail-row.unread{background:linear-gradient(100deg,#75509219,#ffffff03 66%)}
.profile-mail-row.unread:before{position:absolute;inset:10px auto 10px 0;width:2px;border-radius:0 3px 3px 0;background:linear-gradient(#d8afff,#9b6ece);content:''}
.profile-mail-avatar{flex:none;display:grid;place-items:center;width:39px;height:39px;border-radius:14px;background:#ffffff08;color:#dfc6f2;font-size:16px;font-weight:800}
.profile-mail-avatar img{display:block;width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 2px 5px #0005)}
.profile-mail-avatar.is-orders{background:radial-gradient(circle at 30% 22%,#c5e2ff,#568cdb 54%,#344a9b);box-shadow:0 4px 14px #5f94f02b}
.profile-mail-avatar.is-offers{background:radial-gradient(circle at 30% 22%,#efb7ff,#a952dc 54%,#542b84);box-shadow:0 4px 14px #b76ce52b}
.profile-mail-avatar.is-rewards{background:radial-gradient(circle at 30% 22%,#b5f8e6,#39bba3 54%,#176c78);box-shadow:0 4px 14px #39c4ad2b}
.profile-mail-avatar.is-updates{background:radial-gradient(circle at 30% 22%,#e0c6ff,#8662bb 54%,#42345c)}
.profile-mail-copy{display:grid;gap:3px;min-width:0;flex:1}
.profile-mail-kind{color:#a596b4;font-size:8px;font-weight:800;letter-spacing:.04em}
.profile-mail-copy strong{overflow:hidden;color:#f1eef4;font-size:12px;font-weight:720;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.profile-mail-row.unread .profile-mail-copy strong{color:#fff;font-weight:850}
.profile-mail-copy small{display:-webkit-box;overflow:hidden;color:#a19ba8;font-size:10px;line-height:1.35;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.profile-mail-meta{align-self:flex-start;display:flex;align-items:center;gap:6px;flex:none;padding-top:2px;color:#938d9a;font-size:8px;white-space:nowrap}
.profile-mail-meta time{font-variant-numeric:tabular-nums}
.profile-mail-meta i{width:7px;height:7px;border-radius:50%;background:#be8be4;box-shadow:0 0 9px #bc8be45c}
.profile-notifications-empty{display:grid;justify-items:center;gap:7px;padding:32px 18px;border:1px dashed #ffffff1d;border-radius:17px;background:#ffffff04;text-align:center}
.profile-notifications-empty>span{display:grid;width:40px;height:40px;place-items:center;border:1px solid #a879d13b;border-radius:14px;background:#9867bf17;color:#d5afeF;font-size:20px}
.profile-notifications-empty strong{color:#e8e3eb;font-size:13px}
.profile-notifications-empty small{max-width:270px;color:#a29ba8;font-size:10px;line-height:1.45}
.profile-mail-detail{margin:0;padding:14px;border:1px solid #ffffff14;border-radius:18px;background:linear-gradient(145deg,#1c1d23,#17181e 82%)}
.profile-mail-back{margin-bottom:16px}
.profile-notification-action{min-height:46px;border-radius:13px;background:linear-gradient(110deg,#8353aa,#634477);font-size:12px}
@media(max-width:430px){.profile-notifications-overview{padding:10px}.profile-mail-row{min-height:68px;gap:9px;padding:10px}.profile-mail-avatar{width:36px;height:36px;border-radius:13px}.profile-mail-meta{font-size:7px}.profile-mail-copy strong{font-size:11px}.profile-mail-copy small{font-size:9px}}

/* Delivery speed control: one centered label and status-colored bolt. */
#screen-catalog .form-title>.speed-wrap{display:flex!important;flex:0 1 auto!important;align-self:center!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:48%!important;min-height:0!important;margin:0!important;transform:none!important}
#delivery-speed.speed-badge{box-sizing:border-box!important;display:inline-flex!important;flex:0 1 auto!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;min-width:0!important;max-width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 11px!important;overflow:hidden!important;border-radius:999px!important;line-height:1!important;text-align:center!important;vertical-align:middle!important}
#delivery-speed .speed-bolt{display:block!important;flex:0 0 17px!important;width:17px!important;height:19px!important;margin:0!important;fill:currentColor!important;opacity:1!important;transform:none!important}
#delivery-speed.speed-unknown .speed-bolt{color:#d4b2ed!important}
#delivery-speed.speed-instant .speed-bolt,#delivery-speed.speed-very-fast .speed-bolt{color:#86efb7!important}
#delivery-speed.speed-fast .speed-bolt{color:#84dcff!important}
#delivery-speed.speed-normal .speed-bolt{color:#d6b2ff!important}
#delivery-speed.speed-busy .speed-bolt{color:#ffc281!important}
#delivery-speed #delivery-speed-label{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 24px)!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;line-height:1!important}
@media(max-width:620px){#screen-catalog .form-title>.speed-wrap{max-width:48%!important}#delivery-speed.speed-badge{height:35px!important;min-height:35px!important;padding-inline:9px!important;gap:6px!important}#delivery-speed .speed-bolt{flex-basis:16px!important;width:16px!important;height:18px!important}#delivery-speed #delivery-speed-label{font-size:10px!important;letter-spacing:.015em!important}}
@media(max-width:360px){#screen-catalog .form-title>.speed-wrap{max-width:46%!important}#delivery-speed.speed-badge{height:33px!important;min-height:33px!important;padding-inline:7px!important;gap:5px!important}#delivery-speed .speed-bolt{flex-basis:15px!important;width:15px!important;height:17px!important}#delivery-speed #delivery-speed-label{font-size:9px!important}}

/* Balance capsule: clear ruble total first, TON wallet as a quiet secondary line. */
@media(max-width:899px){
  body.telegram-miniapp .account-pill{
    max-width:min(220px,calc(100vw - 200px))!important;
    height:46px!important;gap:3px!important;padding:4px!important;
    border:1px solid rgba(190,177,221,.18)!important;
    border-radius:17px!important;
    background:linear-gradient(145deg,rgba(32,34,48,.97),rgba(17,19,29,.97))!important;
    box-shadow:0 5px 18px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  }
  body.telegram-miniapp .account-pill .header-topup{
    flex:none!important;width:29px!important;height:32px!important;
    border:1px solid rgba(171,147,255,.26)!important;border-radius:11px!important;
    background:linear-gradient(145deg,#34314b,#242436)!important;color:#d9c8ff!important;
  }
  body.telegram-miniapp .account-pill .header-topup svg{width:17px!important;height:17px!important}
  body.telegram-miniapp .account-pill .header-balance{
    display:grid!important;grid-template-columns:1fr!important;grid-template-rows:8px 16px 9px!important;
    width:112px!important;min-width:112px!important;height:36px!important;gap:1px!important;
    padding:0 1px!important;transform:none!important;
  }
  body.telegram-miniapp .account-pill .header-balance small{
    width:112px!important;max-width:112px!important;color:#aaa4ba!important;
    font-size:7px!important;letter-spacing:.08em!important;line-height:1!important;
  }
  body.telegram-miniapp .account-pill .header-balance strong{
    width:112px!important;max-width:112px!important;color:#fff!important;
    font-size:14px!important;font-weight:850!important;letter-spacing:-.025em!important;
    font-variant-numeric:tabular-nums!important;line-height:1.1!important;
  }
  body.telegram-miniapp .account-pill .header-balance i{
    display:block!important;width:112px!important;max-width:112px!important;grid-row:3!important;
    overflow:hidden!important;color:#b9a6dc!important;font-size:7px!important;font-style:normal!important;
    line-height:1!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  body.telegram-miniapp .account-pill .avatar-small{
    flex:none!important;width:26px!important;height:26px!important;
    border:1px solid rgba(255,255,255,.2)!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important;
  }
}

/* Final mobile catalog overrides: hidden lookup state and complete delivery label. */
#screen-catalog .recipient-input-wrap>.recipient-checking.hidden{display:none!important}
@media(max-width:620px){
  #screen-catalog .form-title{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:10px!important}
  #screen-catalog .form-title>.speed-wrap{grid-column:1!important;justify-self:start!important;display:flex!important;flex:none!important;align-self:start!important;align-items:center!important;justify-content:flex-start!important;width:max-content!important;max-width:100%!important;min-width:0!important;margin:2px 0 0!important;transform:none!important}
  #delivery-speed.speed-badge{display:inline-flex!important;flex:none!important;width:max-content!important;max-width:calc(100vw - 48px)!important;min-width:0!important;height:36px!important;min-height:36px!important;padding-inline:12px!important;gap:7px!important;overflow:visible!important}
  #delivery-speed #delivery-speed-label{display:block!important;flex:none!important;width:auto!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:11px!important;letter-spacing:.015em!important}
  #screen-catalog .recipient-input-wrap>.recipient-checking{position:absolute!important;top:50%!important;right:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;gap:5px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:translateY(-50%)!important;pointer-events:none!important}
}
@media(max-width:360px){#delivery-speed #delivery-speed-label{font-size:10px!important}#screen-catalog .recipient-input-wrap>.recipient-checking{font-size:9px!important}}

/* Put the delivery status back beside the product heading on phones. */
@media(max-width:620px){
  #screen-catalog .form-title{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  #screen-catalog .form-title>div:first-child{flex:1 1 auto!important;width:auto!important;min-width:0!important;align-self:center!important}
  #screen-catalog .form-title>.speed-wrap{grid-column:auto!important;justify-self:auto!important;flex:0 0 auto!important;align-self:center!important;width:max-content!important;max-width:none!important;margin:0!important}
  #delivery-speed.speed-badge{flex:0 0 auto!important;width:max-content!important;max-width:none!important;padding-inline:10px!important;gap:6px!important}
  #delivery-speed #delivery-speed-label{flex:none!important;width:auto!important;max-width:none!important;font-size:10px!important;letter-spacing:.01em!important}
}
@media(max-width:360px){#screen-catalog .form-title{gap:5px!important}#delivery-speed.speed-badge{padding-inline:7px!important;gap:4px!important}#delivery-speed #delivery-speed-label{font-size:9px!important}}


/* Cases lobby: compact Bonus Club balance, readable header, and restrained cover motion. */
#screen-cases .cases-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;align-items:start!important;column-gap:8px!important;row-gap:0!important}
#screen-cases .cases-heading>div:first-child{display:contents!important}
#screen-cases .cases-heading>div:first-child>.eyebrow{grid-column:1;grid-row:1;align-self:center}
#screen-cases .cases-heading-actions{grid-column:2!important;grid-row:1!important;align-self:center!important;gap:0!important;margin:0!important}
#screen-cases .cases-heading h1{grid-column:1/-1!important;grid-row:2!important;width:100%!important;margin:9px 0 0!important}
#screen-cases .cases-heading p{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;margin:10px 0 0!important;line-height:1.45!important}
#screen-cases .cases-heading>div:first-child>.eyebrow{display:none!important}
#screen-cases .cases-heading h1{grid-row:1!important;margin-top:0!important;font-family:'Russo One',Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;letter-spacing:-.04em!important}
#screen-cases .cases-inventory-balance{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;gap:12px!important;padding:6px 12px!important;border-radius:15px!important}
#screen-cases .cases-inventory-balance-icon{display:none!important}
#screen-cases .cases-inventory-balance-copy{display:grid!important;gap:2px!important;min-width:0!important;text-align:left!important}
#screen-cases .cases-inventory-balance-copy>small{display:block!important;color:#aaa1b2!important;font-size:7px!important;font-weight:800!important;letter-spacing:.1em!important;line-height:1.15!important;white-space:nowrap!important}
#screen-cases .cases-inventory-balance-copy>strong{overflow:hidden!important;color:#f4f1f7!important;font-size:12px!important;font-weight:750!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#screen-cases .cases-inventory-balance-stars{display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;color:#f7f2fc!important;font-size:15px!important;font-weight:800!important;line-height:1!important;font-variant-numeric:tabular-nums}
#screen-cases .cases-inventory-balance-stars img{display:block!important;width:19px!important;height:19px!important;object-fit:contain!important}
#screen-cases .cases-inventory-balance-arrow{display:none!important}
#screen-cases #cases-ready-banner{display:grid!important;grid-template-columns:48px minmax(0,1fr) minmax(94px,auto)!important;grid-template-areas:"visual copy action"!important;align-items:center!important;gap:11px!important;min-height:84px!important;padding:12px 14px!important;border:1px solid #74529a!important;border-radius:21px!important;background:radial-gradient(ellipse at 8% 50%,#9c58d22d,transparent 45%),linear-gradient(115deg,#211b2c,#191922 72%)!important;box-shadow:0 0 0 1px #a66ce01c,inset 0 1px 0 #ffffff12,0 8px 26px #8c48c326!important;}
#screen-cases .cases-ready-visual{grid-area:visual!important;width:48px!important;height:48px!important;overflow:hidden!important;border-radius:15px!important;background:linear-gradient(145deg,#a35de642,#6548a533)!important;box-shadow:0 0 22px #a35de52b!important}
#screen-cases .cases-ready-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.7)!important}
#screen-cases .cases-ready-copy{grid-area:copy!important;gap:4px!important}
#screen-cases .cases-ready-copy>small{overflow:hidden!important;font-size:8px!important;letter-spacing:.11em!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#screen-cases .cases-ready-copy strong{font-size:13px!important;line-height:1.2!important}
#screen-cases .cases-ready-copy>span{font-size:10px!important;line-height:1.25!important}
#screen-cases .cases-ready-action{grid-area:action!important;min-width:94px!important;min-height:42px!important;padding:0 8px!important;border-radius:14px!important;background:linear-gradient(145deg,#a25ed02b,#7049a52e)!important;box-shadow:inset 0 1px 0 #ffffff14!important;font-size:8px!important;letter-spacing:.04em!important}
#screen-cases .cases-ready-action .cases-countdown-time{font-size:12px!important;letter-spacing:.01em!important}
#screen-cases .case-choice .case-cover-illustration.case-cover-rig{height:auto!important;aspect-ratio:2/1;overflow:visible;animation:none!important;opacity:1!important}
#screen-cases .case-leaf-layer,#screen-cases .case-fur-layer{transform-box:view-box;animation-play-state:paused!important}

#screen-cases .case-leaf-layer-0{transform-origin:200px 344px;animation:case-original-leaf 8.8s ease-in-out infinite both}
#screen-cases .case-leaf-layer-1{transform-origin:216px 432px;animation:case-original-leaf 9.6s ease-in-out 2.1s infinite both}
#screen-cases .case-fur-layer{transform-origin:0 94px;animation:case-original-fur 5.8s ease-in-out infinite}
#screen-cases.active:not(.case-detail-active) .case-art-visible .case-leaf-layer,#screen-cases.active:not(.case-detail-active) .case-art-visible .case-fur-layer{animation-play-state:running!important}
html.case-art-page-hidden #screen-cases .case-leaf-layer,html.case-art-page-hidden #screen-cases .case-fur-layer{animation-play-state:paused!important}
@keyframes case-original-leaf{0%,12%,100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}19%{opacity:1;transform:translate(-6px,-3px) rotate(-8deg) scale(1)}39%{opacity:1;transform:translate(-66px,-38px) rotate(23deg) scale(.98)}55%{opacity:0;transform:translate(-160px,-108px) rotate(80deg) scale(.88)}56%,66%{opacity:0;transform:translate(0,0) rotate(0) scale(.04)}75%{opacity:1;transform:translate(0,0) rotate(-4deg) scale(.55)}88%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes case-original-fur{0%,100%{transform:skewX(0deg)}25%{transform:skewX(6deg)}46%{transform:skewX(10deg)}72%{transform:skewX(-4deg)}}
@media(prefers-reduced-motion:reduce){#screen-cases .case-leaf-layer,#screen-cases .case-fur-layer{animation:none!important;transform:none!important;opacity:1!important}}
#screen-cases.active .case-choice .case-cover-blink-frame{position:absolute!important;right:0!important;bottom:-7%!important;z-index:3!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/1!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:right bottom!important;opacity:0;pointer-events:none!important;animation:case-character-blink var(--case-blink-duration,14s) linear var(--case-blink-delay,0s) infinite;will-change:opacity}
#screen-cases.active .case-choice .case-cover-blink-frame.is-daily{-webkit-mask:url('/static/emoji/case-daily-blink-mask.svg?v=2') center/100% 100% no-repeat;mask:url('/static/emoji/case-daily-blink-mask.svg?v=2') center/100% 100% no-repeat}
#screen-cases.active .case-choice .case-cover-blink-frame.is-referral{-webkit-mask:url('/static/emoji/case-referral-blink-mask.svg?v=2') center/100% 100% no-repeat;mask:url('/static/emoji/case-referral-blink-mask.svg?v=2') center/100% 100% no-repeat}
@keyframes case-cover-idle{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.004)}}
@keyframes case-character-blink{0%,3.8%,5.7%,100%{opacity:0}4%,5.6%{opacity:1}}
.case-cover-blink-frame.is-secret-blink{animation-name:case-character-secret-blink!important}
@keyframes case-character-secret-blink{0%,3.8%,5.7%,8%,9.9%,100%{opacity:0}4%,5.6%,8.2%,9.8%{opacity:1}}
.bonus-case-window{position:relative}
.bonus-case-window.case-open-glint:after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffffff00 43%,#ffffffb8 50%,#ffffff00 57%,transparent 65%);transform:translateX(-110%);animation:case-open-glint 1.05s ease-out forwards}
@keyframes case-open-glint{to{transform:translateX(110%)}}
@media(max-width:600px){#screen-cases .cases-heading{margin:10px 0 17px!important}#screen-cases .cases-heading h1{font-size:clamp(27px,7vw,34px)!important}#screen-cases .cases-heading p{font-size:13px!important}#screen-cases .cases-inventory-balance{min-height:42px!important;gap:8px!important;padding:5px 10px!important}#screen-cases .cases-inventory-balance-copy>strong{font-size:11px!important}#screen-cases .cases-inventory-balance-stars{gap:3px!important;font-size:13px!important}#screen-cases .cases-inventory-balance-stars img{width:17px!important;height:17px!important}#screen-cases #cases-ready-banner{grid-template-columns:40px minmax(0,1fr) 94px!important;gap:8px!important;min-height:82px!important;padding:10px!important}#screen-cases .cases-ready-visual{width:40px!important;height:40px!important;border-radius:13px!important}#screen-cases .cases-ready-copy>small{font-size:7px!important;letter-spacing:.08em!important}#screen-cases .cases-ready-copy strong{font-size:12px!important}#screen-cases .cases-ready-action{min-width:0!important;min-height:39px!important;padding-inline:5px!important}#screen-cases .cases-ready-action .cases-countdown-time{font-size:11px!important}}
#screen-cases .cases-ready-copy>span#cases-ready-text{display:block!important;margin-top:6px!important;color:#fff!important;font-family:'Russo One',Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;font-size:15px!important;font-weight:400!important;letter-spacing:.01em!important;line-height:1.15!important;text-shadow:0 2px 10px #001f3d55!important}
@media(max-width:360px){#screen-cases #cases-ready-banner{grid-template-columns:34px minmax(0,1fr) 88px!important;gap:7px!important;padding:9px!important}#screen-cases .cases-ready-visual{width:34px!important;height:34px!important;border-radius:11px!important}#screen-cases .cases-ready-copy>small{font-size:6px!important}#screen-cases .cases-ready-copy strong{font-size:11px!important}#screen-cases .cases-ready-action .cases-countdown-time{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){#screen-cases.active #cases-ready-banner,#screen-cases .case-choice .case-cover-illustration,#screen-cases .case-choice .case-cover-blink-frame{animation:none!important;opacity:0!important}}

/* Keep the profile identity and Stars total compact and aligned in one pill. */
#screen-cases .cases-inventory-balance{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"total identity"!important;align-items:center!important;justify-content:initial!important;column-gap:12px!important;width:max-content!important;max-width:min(100%,220px)!important;min-width:0!important;padding:6px 12px!important}
#screen-cases .cases-inventory-balance-copy{grid-area:identity!important;min-width:0!important}
#screen-cases .cases-inventory-balance-stars{grid-area:total!important;display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-self:end!important;gap:5px!important;white-space:nowrap!important}
#screen-cases #cases-stars-balance-value{display:inline!important;min-width:0!important;white-space:nowrap!important}
#screen-cases .cases-ready-visual img{position:absolute!important;top:-14%!important;right:0!important;width:360%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:unset!important;object-position:unset!important;transform:none!important}
#screen-cases .cases-ready-copy>span{overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
@media(max-width:600px){#screen-cases .cases-inventory-balance{column-gap:8px!important;padding-inline:10px!important}#screen-cases .cases-inventory-balance-copy>small{font-size:6px!important;letter-spacing:.08em!important}#screen-cases .cases-inventory-balance-copy>strong{max-width:94px!important;font-size:10px!important}#screen-cases .cases-inventory-balance-stars{gap:3px!important;font-size:13px!important}#screen-cases .cases-inventory-balance-stars img{width:17px!important;height:17px!important}}

/* Make the daily-case countdown read as a timer, and keep it accurate after backgrounding. */
#screen-cases #cases-ready-banner{min-height:92px!important;margin-top:0!important;margin-bottom:18px!important}
#screen-cases .cases-ready-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:108px!important;min-height:54px!important;padding:7px 9px!important;border:1px solid #ad7de68a!important;background:linear-gradient(145deg,#9e5bd043,#60449c48)!important;color:#f0dcff!important;box-shadow:inset 0 1px 0 #ffffff1c,0 5px 16px #8c48c326!important}
#screen-cases .cases-countdown-label{color:#c8a9e3!important;font-size:7px!important;font-weight:850!important;letter-spacing:.12em!important;line-height:1!important;white-space:nowrap!important}
#screen-cases .cases-ready-action .cases-countdown-time{font-size:14px!important;font-weight:900!important;letter-spacing:.035em!important;line-height:1.1!important}
#screen-cases .cases-ready-banner.ready .cases-ready-action{min-width:108px!important;min-height:48px!important;border-color:#53c99370!important;background:#2cb77b23!important;color:#91edbd!important;font-size:10px!important}
@media(max-width:600px){#screen-cases #cases-ready-banner{min-height:86px!important;margin-bottom:15px!important;grid-template-columns:40px minmax(0,1fr) 104px!important}#screen-cases .cases-ready-action{min-width:104px!important;min-height:50px!important}#screen-cases .cases-ready-action .cases-countdown-time{font-size:12px!important}}
@media(max-width:360px){#screen-cases #cases-ready-banner{grid-template-columns:34px minmax(0,1fr) 88px!important;gap:7px!important}#screen-cases .cases-ready-action{min-width:88px!important;padding-inline:4px!important}#screen-cases .cases-ready-copy strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}#screen-cases .cases-ready-action .cases-countdown-time{font-size:10px!important}}

/* Daily case countdown: readable copy plus a restrained, metallic second tick. */
#screen-cases .cases-ready-copy #cases-ready-text{display:block!important;overflow:visible!important;color:#c9cbd1!important;font-size:10px!important;font-weight:650!important;line-height:1.3!important;white-space:normal!important;text-overflow:clip!important;font-variant-numeric:tabular-nums}
#screen-cases .cases-ready-action{display:flex!important;align-items:center!important;justify-content:center!important;min-width:108px!important;padding:0 9px!important}
#screen-cases .cases-ready-action .cases-countdown-time{display:inline-block!important;min-width:0!important;color:#d7d9df!important;background:linear-gradient(180deg,#fff 0%,#e8eaf0 18%,#8d929d 43%,#f7f8fa 55%,#9da2ad 77%,#e5e7ec 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-family:Inter,system-ui,sans-serif!important;font-size:15px!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;letter-spacing:.035em!important;line-height:1.15!important;text-shadow:0 1px 0 #ffffff30,0 2px 0 #11151c,0 4px 7px #0009!important;filter:drop-shadow(0 0 5px #dfe3ee35)}
@media(max-width:600px){#screen-cases .cases-ready-action{min-width:100px!important;padding-inline:5px!important}#screen-cases .cases-ready-action .cases-countdown-time{font-size:13px!important;letter-spacing:.025em!important}#screen-cases .cases-ready-copy #cases-ready-text{font-size:9px!important}}
@media(max-width:360px){#screen-cases .cases-ready-action{min-width:88px!important}#screen-cases .cases-ready-action .cases-countdown-time{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){#screen-cases.active #cases-ready-banner{opacity:1!important;visibility:visible!important;animation:none!important}}


/* Daily-case timer: calm two-part layout with an unanimated, stable readout. */
#screen-cases #cases-ready-banner{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"copy action"!important;
  align-items:center!important;
  gap:12px!important;
  min-height:78px!important;
  margin:0 0 16px!important;
  padding:12px 16px!important;
  border:1px solid #51465f!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#1d1924 0%,#17151c 100%)!important;
  box-shadow:0 8px 20px #0003,inset 0 1px #ffffff0a!important;
  animation:none!important;
}
#screen-cases #cases-ready-banner .cases-ready-visual{display:none!important}
#screen-cases #cases-ready-banner .cases-ready-copy{
  grid-area:copy!important;
  min-width:0!important;
  gap:0!important;
}
#screen-cases #cases-ready-banner .cases-ready-copy>small,
#screen-cases #cases-ready-banner .cases-ready-copy>strong{display:none!important}
#screen-cases #cases-ready-banner .cases-ready-copy #cases-ready-text{
  display:block!important;
  min-width:0!important;
  color:#d0cdd5!important;
  font-family:"Trebuchet MS",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.3!important;
  white-space:normal!important;
}
#screen-cases #cases-ready-banner .cases-ready-action{
  grid-area:action!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:126px!important;
  min-height:46px!important;
  padding:0 12px!important;
  border:1px solid #ffffff20!important;
  border-radius:13px!important;
  background:#ffffff0a!important;
  box-shadow:none!important;
  color:#e2e3e8!important;
  font-size:14px!important;
  letter-spacing:0!important;
}
#screen-cases #cases-ready-banner .cases-ready-action .cases-countdown-time{
  display:inline-block!important;
  min-width:0!important;
  color:#e2e3e8!important;
  background:none!important;
  -webkit-text-fill-color:#e2e3e8!important;
  font-family:ui-monospace,"SFMono-Regular",Consolas,monospace!important;
  font-size:17px!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  text-align:center!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
  animation:none!important;
}
@media(max-width:600px){
  #screen-cases #cases-ready-banner{grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;padding:11px 12px!important}
  #screen-cases #cases-ready-banner .cases-ready-copy #cases-ready-text{font-size:12px!important}
  #screen-cases #cases-ready-banner .cases-ready-action{min-width:118px!important;min-height:44px!important;padding-inline:9px!important}
  #screen-cases #cases-ready-banner .cases-ready-action .cases-countdown-time{font-size:15px!important}
}
@media(max-width:360px){
  #screen-cases #cases-ready-banner{gap:7px!important;padding-inline:10px!important}
  #screen-cases #cases-ready-banner .cases-ready-copy #cases-ready-text{font-size:11px!important}
  #screen-cases #cases-ready-banner .cases-ready-action{min-width:106px!important}
  #screen-cases #cases-ready-banner .cases-ready-action .cases-countdown-time{font-size:14px!important}
}

/* Final case copy treatment: the countdown phrase is a headline, not helper text. */
#screen-cases #cases-ready-banner .cases-ready-copy #cases-ready-text{
  color:#f7f4ff!important;
  font-family:'Russo One',Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
  line-height:1.2!important;
}
@media(max-width:600px){#screen-cases #cases-ready-banner .cases-ready-copy #cases-ready-text{font-size:14px!important}}
@media(max-width:360px){#screen-cases #cases-ready-banner .cases-ready-copy #cases-ready-text{font-size:13px!important}}

.referral-risk-notice{display:grid;gap:4px;margin:14px 0 0;padding:12px 14px;border:1px solid #f0b34b55;border-radius:14px;background:#f0b34b12;color:#ffe7b2}
.referral-risk-notice strong{font-size:12px}.referral-risk-notice span{font-size:11px;line-height:1.4;color:#d8c5a5}
.referral-risk-notice.is-restricted{border-color:#ff637555;background:#ff3c5512;color:#ffc1c8}.referral-risk-notice.is-restricted span{color:#e8b5ba}
.admin-referral-antifraud-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-column:1/-1;margin-top:8px;padding-top:10px;border-top:1px solid #ffffff12}.admin-referral-antifraud-fields label{display:grid;gap:5px}.admin-referral-antifraud-fields label:first-child{display:flex;align-items:center;gap:7px;grid-column:1/-1}.admin-referral-antifraud-fields input[type=number]{width:100%}
.admin-referral-risk{display:grid;gap:8px;grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff14}.admin-referral-risk>strong{font-size:13px}.admin-referral-risk>span,.admin-referral-risk>small{color:#9da5b5;font-size:11px}.admin-referral-risk hr{width:100%;border:0;border-top:1px solid #ffffff12}.admin-referral-risk-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #ffffff10;border-radius:11px;background:#ffffff05}.admin-referral-risk-row span{display:grid;gap:2px;min-width:0}.admin-referral-risk-row strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-referral-risk-row small{overflow:hidden;color:#9da5b5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-referral-risk-row b{font-size:9px;color:#ffc56b}.admin-referral-risk-row button{padding:5px 7px;border:1px solid #69d7a255;border-radius:8px;background:#69d7a218;color:#9cebc4;font-size:9px;font-weight:750}

/* Cases lobby: the old standalone timer banner duplicated the case state and
   pushed the actual cards down. The countdown now belongs to the daily card. */
#screen-cases #cases-ready-banner{display:none!important}
#screen-cases .cases-heading-actions{display:none!important}
#screen-cases .cases-heading{display:block!important;margin-bottom:18px!important}
#screen-cases .cases-heading h1{max-width:100%!important;margin:0!important;font-size:clamp(29px,8vw,39px)!important;line-height:1.02!important;white-space:nowrap!important}
#screen-cases .cases-heading p{max-width:34ch!important;margin-top:12px!important}
#screen-cases .case-choice{position:relative!important;overflow:hidden!important}
#screen-cases .case-choice>div em{display:block!important;position:absolute!important;right:14px!important;bottom:13px!important;margin:0!important;color:#e9edf5!important;font-size:10px!important;font-style:normal!important;font-weight:800!important;line-height:1.15!important;text-align:right!important;text-shadow:0 1px 4px #0008!important}
#screen-cases .case-choice.daily>div em{padding:6px 9px!important;border:1px solid #ffffff35!important;border-radius:10px!important;background:#061e31a8!important;color:#d8f1ff!important;font-size:11px!important;letter-spacing:.01em!important}
#screen-cases .case-choice.daily>div em .cases-countdown-time{font-size:12px!important;font-variant-numeric:tabular-nums!important}
#screen-cases .case-choice.referral>div em{padding:5px 8px!important;border:1px solid #ffffff3d!important;border-radius:9px!important;background:#80256aa8!important;color:#ffe7f5!important}
#screen-cases .bonus-club-profile-shortcut{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;margin-top:12px!important;padding:9px 11px!important;border:1px solid #ffffff1c!important;border-radius:14px!important;background:#ffffff0b!important;color:#f0edf7!important;text-align:left!important}
#screen-cases .bonus-club-profile-shortcut .cases-inventory-balance-stars{display:flex!important;align-items:center!important;gap:4px!important;margin:0!important}
#screen-cases .bonus-club-profile-shortcut .cases-inventory-balance-stars img{width:20px!important;height:20px!important}
#screen-cases .bonus-club-profile-shortcut .cases-inventory-balance-stars b{font-size:13px!important}
#screen-cases .bonus-club-profile-shortcut .cases-inventory-balance-copy{display:grid!important;gap:2px!important;min-width:0!important}
#screen-cases .bonus-club-profile-shortcut .cases-inventory-balance-copy small{color:#aaa1b8!important;font-size:8px!important;letter-spacing:.08em!important}
#screen-cases .bonus-club-profile-shortcut .cases-inventory-balance-copy strong{overflow:hidden!important;font-size:11px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#screen-cases .bonus-club-profile-arrow{margin-left:auto!important;color:#c9a6ef!important;font-size:22px!important;line-height:1!important}
@media(max-width:600px){#screen-cases .cases-heading h1{font-size:clamp(28px,8.6vw,36px)!important}#screen-cases .case-choice>div em{right:12px!important;bottom:11px!important}#screen-cases .case-choice.daily>div em{font-size:10px!important}#screen-cases .case-choice.daily>div em .cases-countdown-time{font-size:11px!important}}

/* Final cases lobby layout: replace the old timer frame with Bonus Club. */
#screen-cases #cases-ready-banner.bonus-club-banner{
  display:grid!important;grid-template-columns:46px minmax(0,1fr) auto 18px!important;grid-template-areas:"mark copy balance arrow"!important;
  align-items:center!important;gap:11px!important;min-height:78px!important;margin:0 0 18px!important;padding:12px 14px!important;
  border:1px solid #5a4b72!important;border-radius:20px!important;background:linear-gradient(115deg,#211b2d,#17151f 78%)!important;
  box-shadow:inset 0 1px #ffffff14,0 10px 26px #0004!important;text-align:left!important;animation:none!important;
}
#screen-cases .bonus-club-banner-mark{grid-area:mark;display:grid;place-items:center;width:46px;height:46px;border:1px solid #bd8cf366;border-radius:15px;background:#7543a540;box-shadow:0 0 18px #a967dc2a!important}
#screen-cases .bonus-club-banner-mark img{width:29px;height:29px;object-fit:contain}
#screen-cases .bonus-club-banner-copy{grid-area:copy;display:grid!important;gap:3px!important;min-width:0!important}
#screen-cases .bonus-club-banner-copy small{color:#b995dd!important;font-size:8px!important;font-weight:850!important;letter-spacing:.13em!important}
#screen-cases .bonus-club-banner-copy strong{overflow:hidden;color:#fff!important;font-size:14px!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#screen-cases .bonus-club-banner-copy>span{overflow:hidden;color:#aaa1b6!important;font-size:9px!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#screen-cases .bonus-club-banner-balance{grid-area:balance;display:grid;justify-items:end;gap:3px!important;min-width:48px!important}
#screen-cases .bonus-club-banner-balance b{display:flex;align-items:center;gap:4px;color:#fff!important;font-size:14px!important;line-height:1!important}
#screen-cases .bonus-club-banner-balance b img{width:17px;height:17px;object-fit:contain}
#screen-cases .bonus-club-banner-balance b i{font-style:normal;font-variant-numeric:tabular-nums}
#screen-cases .bonus-club-banner-balance small{max-width:72px;overflow:hidden;color:#aaa1b6!important;font-size:8px!important;text-overflow:ellipsis;white-space:nowrap}
#screen-cases .bonus-club-banner-arrow{grid-area:arrow;color:#c5a2ee!important;font-size:25px!important;line-height:1!important}
#screen-cases .case-choice>div em{display:block!important;position:static!important;right:auto!important;bottom:auto!important;margin-top:5px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#ffffffb8!important;font-size:9px!important;font-style:normal!important;font-weight:650!important;line-height:1.2!important;text-align:left!important;text-shadow:none!important}
#screen-cases .case-choice.daily>div p,#screen-cases .case-choice.referral>div p{margin-top:5px!important}
@media(max-width:600px){#screen-cases #cases-ready-banner.bonus-club-banner{grid-template-columns:40px minmax(0,1fr) auto 14px!important;gap:8px!important;min-height:70px!important;padding:10px!important}#screen-cases .bonus-club-banner-mark{width:40px;height:40px;border-radius:13px}#screen-cases .bonus-club-banner-mark img{width:25px;height:25px}#screen-cases .bonus-club-banner-copy strong{font-size:13px!important}#screen-cases .bonus-club-banner-copy>span{font-size:8px!important}#screen-cases .bonus-club-banner-balance b{font-size:13px!important}}

/* The timer belongs beside the Free Case badge, never as a floating label. */
#screen-cases .case-choice-count{display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
#screen-cases .case-card-countdown{display:inline-block!important;color:#e8f8ff!important;font-size:10px!important;font-variant-numeric:tabular-nums!important;font-weight:850!important;letter-spacing:.02em!important}
#screen-cases .case-choice>div em{display:none!important}
#screen-cases.case-detail-active #cases-ready-banner.bonus-club-banner{display:none!important}
#screen-cases[data-detail="case"] #cases-ready-banner.bonus-club-banner{display:none!important}
#screen-cases #cases-ready-banner.bonus-club-banner{grid-template-columns:minmax(0,1fr) auto 18px!important;grid-template-areas:"copy balance arrow"!important}
#screen-cases .bonus-club-banner-balance b{display:flex!important;align-items:center!important;gap:4px!important}
#screen-cases .bonus-club-banner-balance b img{display:block!important;width:18px!important;height:18px!important;object-fit:contain!important}
#screen-cases .bonus-club-banner-balance small{display:block!important;margin-top:2px!important;font-size:8px!important;color:#aaa1b6!important}
@media(max-width:600px){#screen-cases #cases-ready-banner.bonus-club-banner{grid-template-columns:minmax(0,1fr) auto 14px!important}}

/* Raffle referral campaign controls and protection badges. */
.raffle-referral-option{margin:12px 0;padding:12px;border:1px solid #6d4b9955;border-radius:15px;background:#6a3e8e12}.raffle-referral-option .raffle-option{margin:0}.raffle-referral-threshold{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:7px;margin:10px 0 0;padding-left:29px;color:#cfc5dc;font-size:11px}.raffle-referral-threshold input{width:100%;min-height:34px;padding:7px 9px;border:1px solid #6d5b7b;border-radius:9px;background:#1c1726;color:#fff}.raffle-referral-threshold small{grid-column:1/-1;color:#9e91aa;font-size:9px}.raffle-referral-threshold input:disabled{opacity:.45}.raffle-referral-lock{margin:8px 0 0 29px;color:#bfa4e5;font-size:10px;line-height:1.35}.raffle-protection-badge{display:inline-flex;align-items:center;width:max-content;margin:8px 0 0;padding:5px 8px;border:1px solid #a56ce055;border-radius:999px;background:#a56ce018;color:#d8b6fa;font-size:9px;font-weight:800;letter-spacing:.02em}
.raffle-referral-note,.raffle-entry-referral{display:flex;flex-direction:column;gap:4px;margin:14px 0;padding:12px 14px;border:1px solid #a56ce055;border-radius:14px;background:linear-gradient(135deg,#a56ce018,#2e214522);color:#d7c5e8;font-size:12px;line-height:1.4}.raffle-referral-note strong,.raffle-entry-referral strong{color:#e3c8ff;font-size:13px}.raffle-referral-note span,.raffle-entry-referral span{color:#b6a8c4}

/* Raffle step 2 fields stay plain; this follows the global app-style input rule. */
#raffles-app .raffle-v2-settings .raffle-v2-input-row,
#raffles-app .raffle-v2-settings .raffle-v2-input-row:focus-within,
#raffles-app .raffle-v2-settings .raffle-v2-button-block,
#raffles-app .raffle-v2-settings .raffle-v2-button-block:focus-within{
  border-color:transparent!important;
  outline:none!important;
  box-shadow:none!important;
}
#raffles-app .raffle-v2-settings .raffle-v2-input-row input,
#raffles-app .raffle-v2-settings .raffle-v2-input-row input:hover,
#raffles-app .raffle-v2-settings .raffle-v2-input-row input:active,
#raffles-app .raffle-v2-settings .raffle-v2-input-row input:focus,
#raffles-app .raffle-v2-settings .raffle-v2-button-block>input,
#raffles-app .raffle-v2-settings .raffle-v2-button-block>input:hover,
#raffles-app .raffle-v2-settings .raffle-v2-button-block>input:active,
#raffles-app .raffle-v2-settings .raffle-v2-button-block>input:focus{
  border:0!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-color:transparent!important;
}
#raffles-app .raffle-v2-settings input:-webkit-autofill,
#raffles-app .raffle-v2-settings input:-webkit-autofill:hover,
#raffles-app .raffle-v2-settings input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px transparent inset!important;
  box-shadow:0 0 0 1000px transparent inset!important;
  background-color:transparent!important;
}

/* Boost rental uses the same restrained cards and accent as the catalog. */
#screen-catalog #boost-controls{min-width:0}
#screen-catalog #boost-controls>label{display:flex;align-items:center;gap:10px;margin:20px 0 10px}
#screen-catalog #boost-controls>label:first-child{margin-top:0}
#screen-catalog .boost-amount{min-height:55px;padding:0 14px;gap:10px}
#screen-catalog .boost-amount input{flex:1;min-width:0;font-size:20px;font-weight:800}
#screen-catalog .boost-amount>span{font-size:12px;color:#a9a0b5}
#screen-catalog .boost-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:9px 0 0}
#screen-catalog .boost-duration{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#screen-catalog .boost-presets button,#screen-catalog .boost-duration button,#screen-catalog .boost-start-options button{
  min-width:0;border:1px solid var(--style-edge,#3d3449);border-radius:12px;
  background:var(--style-panel,#211b2d);color:#eeeaf5;font:inherit;cursor:pointer;
}
#screen-catalog .boost-presets button{min-height:38px;font-size:13px;font-weight:750}
#screen-catalog .boost-duration button{min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
#screen-catalog .boost-duration button strong{font-size:19px}
#screen-catalog .boost-duration button span,#screen-catalog .boost-start-options small{font-size:11px;color:#aca4b9}
#screen-catalog .boost-presets button.selected,#screen-catalog .boost-duration button.selected,#screen-catalog .boost-start-options button.selected{
  border-color:var(--style-accent,#b779d8);background:color-mix(in srgb,var(--style-accent,#a46acb) 24%,var(--style-panel,#211b2d));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--style-accent,#b779d8) 35%,transparent)
}
#screen-catalog .boost-custom-days{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0;color:#ada4ba;font-size:12px}
#screen-catalog .boost-custom-days>div{display:flex;align-items:center;gap:7px}
#screen-catalog .boost-custom-days input{width:65px;height:36px;border:1px solid var(--style-edge,#3d3449);border-radius:9px;background:var(--style-field,#211b2d);color:#fff;text-align:center;font:inherit;font-weight:750}
#screen-catalog .boost-start-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#screen-catalog .boost-start-options button{min-height:68px;padding:10px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:5px}
#screen-catalog .boost-start-options strong{font-size:12px}
#screen-catalog .boost-start-date{margin-top:10px;display:grid;gap:6px}
#screen-catalog .boost-start-date.hidden{display:none!important}
#screen-catalog .boost-start-date label,#screen-catalog .boost-start-date small{font-size:11px;color:#ada4ba}
#screen-catalog .boost-start-date input{width:100%;box-sizing:border-box;min-height:48px;padding:10px 12px;border:1px solid var(--style-edge,#3d3449);border-radius:11px;background:var(--style-field,#211b2d);color:#f6f3fa;color-scheme:dark;font:inherit}
#screen-catalog .boost-estimate{margin-top:18px;padding:14px;border:1px solid var(--style-edge,#3d3449);border-radius:14px;background:var(--style-panel,#211b2d)}
#screen-catalog .boost-estimate>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#bdb4c8}
#screen-catalog .boost-estimate strong{color:#fff;font-size:16px}
#screen-catalog .boost-estimate .field-hint{margin:10px 0 0}
#screen-catalog .boost-estimate>small{display:block;margin-top:9px;font-size:11px;line-height:1.45;color:#aba2b6}

/* Boost controls: quieter accents and the same rounded rhythm as the catalog. */
#screen-catalog #boost-controls>label{margin:24px 0 12px}
#screen-catalog #boost-controls>label:first-child{margin-top:0}
#screen-catalog .boost-amount{border-radius:15px!important}
#screen-catalog .boost-amount>span{font-size:12px;font-weight:650;color:color-mix(in srgb,var(--style-accent,#b18bd4) 35%,#a5a1ad)}
#screen-catalog .boost-control-caption{margin:14px 0 8px;color:#a29ba9;font-size:11px;font-weight:650}
#screen-catalog .boost-presets{display:flex;flex-wrap:wrap;gap:7px;margin:0}
#screen-catalog .boost-presets button{min-width:45px;min-height:32px;padding:0 13px;border:1px solid #ffffff17;border-radius:999px;background:#ffffff0a;color:#d3cdd9;font-size:12px}
#screen-catalog .boost-duration{gap:8px}
#screen-catalog .boost-duration button{min-height:67px;align-items:flex-start;gap:4px;padding:11px 10px;border:1px solid #ffffff18;border-radius:14px;background:color-mix(in srgb,var(--style-panel,#211b2d) 93%,#fff 7%)}
#screen-catalog .boost-duration button strong{font-size:16px;line-height:1}
#screen-catalog .boost-duration button span{font-size:11px;font-weight:600}
#screen-catalog .boost-presets button.selected,#screen-catalog .boost-duration button.selected,#screen-catalog .boost-start-options button.selected{
  border-color:color-mix(in srgb,var(--style-accent,#b779d8) 64%,transparent);
  background:color-mix(in srgb,var(--style-accent,#a46acb) 19%,var(--style-panel,#211b2d));
  box-shadow:inset 0 1px #ffffff14;color:#fff
}
#screen-catalog .boost-custom-days{min-height:43px;margin-top:10px;padding:0 3px;color:#b6aebd;font-size:12px}
#screen-catalog .boost-custom-days input{width:58px;height:34px;border-color:#ffffff1c;border-radius:10px;font-size:13px}
#screen-catalog .boost-start-options{grid-template-columns:1fr;gap:7px}
#screen-catalog .boost-start-options button{min-height:61px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;padding:10px 13px;border:1px solid #ffffff18;border-radius:14px}
#screen-catalog .boost-start-options button>span:last-child{display:flex;flex-direction:column;gap:4px}
#screen-catalog .boost-start-options strong{font-size:12px;line-height:1.2}
#screen-catalog .boost-start-options small{font-size:11px;line-height:1.3}
#screen-catalog .boost-option-dot{width:16px;height:16px;flex:none;box-sizing:border-box;border:1.5px solid #8e839b;border-radius:50%}
#screen-catalog .boost-start-options .selected .boost-option-dot{border:5px solid var(--style-accent,#bf94ed);background:#fff}
#screen-catalog .boost-estimate{margin-top:22px;padding:15px 16px;border:1px solid #ffffff18;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--style-panel,#211b2d) 92%,var(--style-accent,#a46acb) 8%),var(--style-panel,#211b2d))}
#screen-catalog .boost-estimate .boost-estimate-heading{display:flex;justify-content:space-between;color:color-mix(in srgb,var(--style-accent,#b779d8) 62%,#ddd);font-size:9px;font-weight:800;letter-spacing:.09em}
#screen-catalog .boost-estimate-heading img{width:19px;height:19px;object-fit:contain}
#screen-catalog .boost-estimate .boost-estimate-total{margin-top:11px;display:flex;justify-content:space-between;align-items:baseline;color:#d9d2de;font-size:12px}
#screen-catalog .boost-estimate .boost-estimate-total strong{font-size:19px;letter-spacing:-.02em}
#screen-catalog .boost-estimate .field-hint{padding-top:11px;border-top:1px solid #ffffff12}
#screen-catalog .boost-estimate>small{margin-top:10px;color:#a9a1af}