/* Restrained premium pass for the Telegram Mini App.
   This file intentionally overrides the older ornamental layers instead of
   adding more decoration. */

:root {
  --premium-bg: #07070a;
  --premium-bg-soft: #0c0c11;
  --premium-surface: rgba(17, 17, 23, .94);
  --premium-surface-2: rgba(23, 22, 29, .96);
  --premium-line: rgba(225, 190, 112, .16);
  --premium-line-strong: rgba(225, 190, 112, .34);
  --premium-gold: #d8b56d;
  --premium-gold-bright: #f0d590;
  --premium-text: #f5f1e9;
  --premium-muted: #a49eaa;
  --premium-muted-low: #89838f;
  --premium-danger: #d46c63;
  /* Angular hierarchy: roundness now communicates role instead of being the default. */
  --game-radius-frame: 12px 12px 3px 12px;
  --game-radius-card: 9px 9px 3px 9px;
  --game-radius-row: 6px 6px 2px 6px;
  --game-radius-control: 5px 5px 2px 5px;
  --game-radius-token: 3px;
  --game-radius-round: 999px;
  --premium-radius: var(--game-radius-card);
  --premium-radius-small: var(--game-radius-row);
  --premium-shadow: 0 10px 24px rgba(0, 0, 0, .27);
  --premium-inset: inset 0 1px 0 rgba(255, 255, 255, .045);
}

* { box-sizing: border-box; }

html {
  background: var(--premium-bg);
  color-scheme: dark;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  overflow-x: hidden;
  background:
    radial-gradient(circle at 50% -12%, rgba(92, 60, 132, .17), transparent 33%),
    linear-gradient(180deg, #09090d 0%, var(--premium-bg) 58%, #050507 100%) !important;
  color: var(--premium-text);
  font-family: Inter, Onest, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.world { opacity: .72; }
.world__veil {
  background:
    linear-gradient(180deg, rgba(5, 5, 8, .2), rgba(5, 5, 8, .82)),
    radial-gradient(circle at 50% 18%, transparent, rgba(4, 4, 7, .72) 72%) !important;
}
.world__moon { opacity: .18 !important; filter: grayscale(.35) saturate(.45); }
.petals { display: none !important; }

.app-shell {
  width: min(100%, 480px) !important;
  max-width: 480px !important;
  min-height: var(--arara-viewport-stable-height, 100svh);
  margin-inline: auto;
  padding-inline: max(12px, var(--tg-content-safe-left, 0px), var(--tg-content-safe-right, 0px)) !important;
  padding-bottom: calc(86px + max(10px, var(--tg-content-safe-bottom, 0px))) !important;
}

.topbar {
  position: sticky !important;
  z-index: 120;
  top: 0;
  min-height: 58px !important;
  margin-inline: -12px;
  padding: max(8px, var(--tg-content-safe-top, 0px)) 14px 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
  background: rgba(7, 7, 10, .965) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .16);
}

.brand-lockup { gap: 9px !important; }
.brand-lockup > img {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(225, 190, 112, .32);
  border-radius: var(--game-radius-control) !important;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .36);
}
.brand-lockup strong { font-size: 13px !important; letter-spacing: .16em !important; }
.brand-lockup span { margin-top: 2px; color: #8f8995 !important; font-size: 7px !important; letter-spacing: .15em !important; }

.icon-button,
.refresh-button {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: var(--game-radius-control) !important;
  background: rgba(255, 255, 255, .025) !important;
  box-shadow: var(--premium-inset);
  color: #d7d2da !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.icon-button:active,
.refresh-button:active { transform: scale(.94); }

.preview-ribbon {
  margin: 8px 0 0 !important;
  border: 1px solid rgba(226, 184, 91, .18) !important;
  border-radius: var(--game-radius-token) !important;
  background: rgba(226, 184, 91, .07) !important;
  color: #d5bc83 !important;
  font-size: 9px !important;
}

.screen {
  display: grid !important;
  gap: 12px !important;
  padding-top: 12px !important;
  animation: premium-screen-in .28s cubic-bezier(.2, .72, .25, 1) both !important;
}
.screen[hidden] { display: none !important; }

@keyframes premium-screen-in {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: none; }
}

.prize-card,
.player-strip,
.tap-zone,
.daily-card,
.task-card,
.fairness-note,
.rank-explainer,
.profile-card,
.ton-card,
.referral-card,
.rules-card,
.arara-shout-card,
.adsgram-card,
.leader-row {
  border: 1px solid var(--premium-line) !important;
  border-radius: var(--premium-radius) !important;
  background:
    linear-gradient(145deg, rgba(25, 24, 31, .97), rgba(12, 12, 17, .98)) !important;
  box-shadow: var(--premium-inset), var(--premium-shadow) !important;
}

/* Surface hierarchy: hero frames float, content cards sit, dense rows stay flat. */
.prize-card,
.tap-zone,
.auth-gate__card {
  border-radius: var(--game-radius-frame) !important;
}

.player-strip,
.daily-card,
.profile-card,
.ton-card,
.referral-card,
.rules-card {
  border-radius: var(--game-radius-card) !important;
  border-block-start-color: rgba(225, 190, 112, .28) !important;
  box-shadow: var(--premium-inset), 0 8px 18px rgba(0, 0, 0, .22) !important;
}

.player-strip {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.task-card,
.leader-row,
.fairness-note,
.rank-explainer,
.arara-shout-card,
.adsgram-card,
.arara-bonus-item {
  border-radius: var(--game-radius-row) !important;
  border-inline-start-color: rgba(201, 232, 70, .26) !important;
  box-shadow: var(--premium-inset) !important;
}

.fairness-note,
.rank-explainer {
  background: rgba(15, 17, 18, .96) !important;
}

.prize-card::before,
.daily-card::before,
.task-card::before,
.profile-card::before,
.ton-card::before,
.referral-card::before,
.rules-card::before,
.arara-shout-card::before,
.adsgram-card::before { opacity: .18 !important; }

.prize-card {
  min-height: 142px !important;
  padding: 18px !important;
  overflow: hidden;
}
.prize-card__art {
  opacity: .28 !important;
  filter: grayscale(.25) saturate(.45) contrast(1.08) !important;
  transform: scale(1.04);
}
.prize-card__eyebrow {
  color: var(--premium-gold) !important;
  font-size: 8px !important;
  letter-spacing: .19em !important;
}
.prize-card__main { margin-top: 14px !important; }
.prize-card__main strong { font-size: clamp(40px, 13vw, 58px) !important; letter-spacing: -.055em !important; }
.prize-card__currency { color: var(--premium-gold) !important; }
.prize-card__main p { max-width: 230px; color: var(--premium-muted) !important; font-size: 10px !important; line-height: 1.35 !important; }
.prize-card__stats {
  margin-top: 15px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255, 255, 255, .055) !important;
  color: #9c96a2 !important;
}
.prize-card__stats b { color: #e6e1d9 !important; }

.player-strip {
  min-height: 60px !important;
  padding: 10px 12px !important;
  gap: 10px !important;
}
.player-strip .avatar {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(225, 190, 112, .28) !important;
  border-radius: var(--game-radius-control) !important;
  background: #0b0b0f !important;
}
.player-strip__name { min-width: 0; }
.player-strip__name span,
.player-stat > span { color: var(--premium-muted-low) !important; font-size: 7px !important; letter-spacing: .12em !important; }
.player-strip__name strong,
.player-stat strong { color: #f0ece5 !important; font-size: 11px !important; }
.player-stat { min-width: 48px !important; }
.player-stat--ticket strong img { width: 16px !important; height: 16px !important; }

.tap-zone {
  position: relative;
  overflow: hidden;
  padding: 15px 12px 14px !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(94, 57, 130, .16), transparent 38%),
    linear-gradient(180deg, rgba(18, 17, 24, .98), rgba(8, 8, 12, .99)) !important;
}
.tap-zone::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255, 255, 255, .025), transparent 28%, transparent 72%, rgba(216, 181, 109, .035));
  pointer-events: none;
}
.score-lockup { position: relative; z-index: 6; }
.score-lockup span {
  color: #8f8996 !important;
  font-size: 8px !important;
  letter-spacing: .2em !important;
}
.score-lockup span img { display: none !important; }
.score-lockup strong {
  color: var(--premium-text) !important;
  font-size: clamp(35px, 11vw, 52px) !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 8px 24px rgba(0, 0, 0, .44) !important;
}

.tap-orbit {
  width: min(100%, 350px) !important;
  height: clamp(260px, 76vw, 345px) !important;
  margin: -2px auto -7px !important;
}
.tap-orbit__ring {
  opacity: .68 !important;
  filter: grayscale(.15) saturate(.58) contrast(1.02) !important;
}
.tap-orbit__pedestal {
  bottom: 0 !important;
  opacity: .72 !important;
  filter: grayscale(.1) saturate(.65) !important;
}
.tap-button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  will-change: transform;
}
.tap-button__arara {
  height: 99% !important;
  bottom: 2% !important;
  filter:
    saturate(.94)
    contrast(1.055)
    drop-shadow(0 15px 18px rgba(0, 0, 0, .62))
    drop-shadow(0 0 12px rgba(92, 53, 139, .22)) !important;
  transition: filter .28s ease, opacity .24s ease, transform .18s cubic-bezier(.2, .72, .3, 1) !important;
}
.tap-button__aura {
  opacity: .34 !important;
  filter: blur(5px) saturate(.7) !important;
}
.tap-button__shine { opacity: .22 !important; }
.tap-button__shockwave { opacity: 0; }
.tap-button.is-tapping .tap-button__arara {
  animation: premium-character-tap .22s cubic-bezier(.18, .76, .3, 1.15) both !important;
}
@keyframes premium-character-tap {
  0% { transform: translateY(0) scale(1); }
  38% { transform: translateY(5px) scale(.965); }
  72% { transform: translateY(-3px) scale(1.025); }
  100% { transform: translateY(0) scale(1); }
}

.tap-hint {
  margin-top: 4px !important;
  color: #918b97 !important;
  font-size: 8px !important;
  letter-spacing: .16em !important;
}

.energy-row {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(88px, auto) minmax(0, 1fr) auto !important;
  align-items: center;
  gap: 10px !important;
  min-height: 42px;
  margin-top: 11px !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  border-radius: var(--game-radius-row) !important;
  background: rgba(255, 255, 255, .025) !important;
}
.energy-icon { display: none !important; }
.arara-strength-caption {
  display: flex !important;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.arara-strength-caption b { color: #d8d2ca !important; font-size: 7px !important; letter-spacing: .14em !important; }
.arara-strength-caption small { overflow: hidden; color: var(--premium-muted-low) !important; font-size: 7px !important; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.energy-track {
  height: 7px !important;
  border: 0 !important;
  border-radius: var(--game-radius-round) !important;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .55) !important;
}
.energy-track i {
  border-radius: inherit !important;
  background: linear-gradient(90deg, #a87533, var(--premium-gold-bright)) !important;
  box-shadow: 0 0 10px rgba(216, 181, 109, .25) !important;
  transition: transform .2s linear, background .24s ease !important;
}
.energy-row > strong { color: #d7d1c9 !important; font-size: 9px !important; font-variant-numeric: tabular-nums; }
.arara-is-tired .energy-track i { background: linear-gradient(90deg, #8e6334, #c59650) !important; }
.arara-is-weak .energy-track i,
.arara-is-resting .energy-track i { background: linear-gradient(90deg, #743936, #c1685e) !important; box-shadow: 0 0 10px rgba(193, 104, 94, .22) !important; }
.arara-is-tired .tap-button__arara { filter: grayscale(.13) saturate(.72) brightness(.92) drop-shadow(0 15px 18px rgba(0,0,0,.62)) !important; }
.arara-is-weak .tap-button__arara { filter: grayscale(.28) saturate(.52) brightness(.82) drop-shadow(0 14px 17px rgba(0,0,0,.65)) !important; transform: translateY(4px) scale(.985); }
.arara-is-resting .tap-button__arara { filter: grayscale(.45) saturate(.38) brightness(.72) drop-shadow(0 12px 15px rgba(0,0,0,.68)) !important; transform: translateY(7px) scale(.975); }

.ticket-progress {
  margin-top: 10px !important;
  padding: 10px 11px !important;
  border: 1px solid rgba(255, 255, 255, .05) !important;
  border-radius: var(--game-radius-row) !important;
  background: rgba(255, 255, 255, .018) !important;
}
.ticket-progress > div:first-child span,
.ticket-progress small { color: var(--premium-muted-low) !important; }
.ticket-progress > div:first-child strong { color: #d8d2ca !important; }
.ticket-progress__track { height: 4px !important; background: rgba(255,255,255,.06) !important; }
.ticket-progress__track i { background: var(--premium-gold) !important; box-shadow: none !important; }

.daily-card {
  min-height: 74px !important;
  padding: 12px !important;
  gap: 11px !important;
}
.daily-card__icon {
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(225, 190, 112, .16) !important;
  border-radius: var(--game-radius-row) !important;
  background: rgba(255, 255, 255, .025) !important;
}
.daily-card__copy span,
.card-kicker { color: var(--premium-gold) !important; letter-spacing: .16em !important; }
.daily-card__copy strong { margin-top: 3px !important; color: #eee9e1 !important; }
.daily-card__copy small { margin-top: 3px !important; color: #817b86 !important; line-height: 1.3 !important; }

.gold-button,
.task-card__action,
.ton-connect-button,
.ton-disconnect-button,
.referral-code button,
.arara-shout-card button,
.adsgram-card__button,
.arara-bonus-meta {
  display: block;
  margin-top: 5px;
  color: #a69ca9 !important;
  font-size: 11px !important;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
}

.arara-bonus-buy {
  min-height: 42px !important;
  border: 1px solid rgba(232, 199, 124, .65) !important;
  border-radius: var(--game-radius-control) !important;
  background: linear-gradient(180deg, #e2c27b 0%, #b68a43 100%) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .46), 0 8px 20px rgba(0, 0, 0, .22) !important;
  color: #17120b !important;
  font-weight: 850 !important;
  letter-spacing: .02em !important;
  transition: transform .15s ease, filter .15s ease, opacity .15s ease !important;
}
.gold-button:active,
.task-card__action:active,
.ton-connect-button:active,
.ton-disconnect-button:active,
.referral-code button:active,
.arara-shout-card button:active,
.adsgram-card__button:active,
.arara-bonus-buy:active { transform: translateY(1px) scale(.975) !important; }
.gold-button:disabled,
.task-card__action:disabled,
.arara-shout-card button:disabled,
.arara-bonus-buy:disabled { opacity: .42 !important; filter: grayscale(.45) !important; }

.section-heading {
  min-height: 58px !important;
  padding: 5px 2px 2px !important;
  align-items: end !important;
}
.section-heading > div > span { color: var(--premium-gold) !important; font-size: 8px !important; letter-spacing: .18em !important; }
.section-heading h1 { margin-top: 5px !important; color: var(--premium-text) !important; font-size: clamp(25px, 8vw, 34px) !important; letter-spacing: -.035em !important; }
.section-lead { margin: -5px 2px 2px !important; color: #8d8793 !important; font-size: 10px !important; line-height: 1.45 !important; }
.section-heading__reward {
  min-width: 72px;
  padding: 7px 9px !important;
  border: 1px solid rgba(225,190,112,.16) !important;
  border-radius: var(--game-radius-row) !important;
  background: rgba(255,255,255,.025) !important;
}

.task-list { display: grid !important; gap: 9px !important; }
.task-card {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) minmax(82px, auto) !important;
  align-items: center !important;
  min-height: 76px !important;
  gap: 11px !important;
  padding: 11px !important;
  overflow: hidden;
}
.task-card__icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: var(--game-radius-control) !important;
  border-color: rgba(255,255,255,.07) !important;
  box-shadow: 0 7px 16px rgba(0,0,0,.32) !important;
}
.task-card__copy { min-width: 0; }
.task-card__copy span { color: var(--premium-muted-low) !important; font-size: 7px !important; letter-spacing: .13em !important; }
.task-card__copy strong { margin-top: 4px !important; color: #eee9e2 !important; font-size: 11px !important; line-height: 1.25 !important; }
.task-card__copy small { margin-top: 5px !important; color: var(--premium-gold) !important; font-size: 8px !important; }
.task-card__action { min-width: 82px !important; min-height: 38px !important; padding: 0 10px !important; font-size: 8px !important; white-space: nowrap; }
.task-card__action.is-claimed { border-color: rgba(112, 167, 126, .25) !important; background: rgba(85, 126, 96, .18) !important; color: #a8cfb0 !important; box-shadow: none !important; }
.fairness-note { padding: 13px !important; gap: 11px !important; }
.fairness-note svg { color: var(--premium-gold) !important; }
.fairness-note strong { color: #e5dfd7 !important; }
.fairness-note p { color: #827c88 !important; line-height: 1.4 !important; }

.rank-explainer { padding: 13px 14px !important; }
.rank-explainer strong { color: #eee9e1 !important; }
.rank-explainer p { color: #817b87 !important; line-height: 1.45 !important; }
.rank-stage {
  min-height: 178px !important;
  margin: -2px 0 !important;
  border-radius: var(--game-radius-card) !important;
  opacity: .72;
  filter: grayscale(.12) saturate(.6);
}
.leaderboard { display: grid !important; gap: 8px !important; }
.leader-row { min-height: 62px !important; padding: 10px 12px !important; }
.leader-row.is-user { border-color: var(--premium-line-strong) !important; background: linear-gradient(145deg, rgba(41,35,25,.96), rgba(15,14,16,.98)) !important; }
.leader-row__rank { color: var(--premium-gold) !important; }
.leader-row__avatar { border-radius: var(--game-radius-control) !important; background: #17151c !important; color: #d6c7a4 !important; }
.leader-row__name strong,
.leader-row__score strong { color: #eee9e2 !important; }
.leader-row__name span,
.leader-row__score span { color: var(--premium-muted-low) !important; }

.profile-card,
.ton-card,
.referral-card,
.rules-card { padding: 16px !important; }
.profile-card__avatar {
  width: 66px !important;
  height: 66px !important;
  border: 1px solid rgba(225,190,112,.28) !important;
  border-radius: var(--game-radius-card) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.34) !important;
}
.profile-card h2 { color: #f0ebe4 !important; letter-spacing: -.03em !important; }
.profile-card > p { color: #817b87 !important; }
.profile-grid {
  gap: 8px !important;
  margin-top: 15px !important;
}
.profile-grid > div {
  padding: 11px 8px !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--game-radius-control) !important;
  background: rgba(255,255,255,.022) !important;
}
.profile-grid span { color: var(--premium-muted-low) !important; }
.profile-grid strong { color: #eee9e2 !important; }
.ton-card__logo { border-radius: var(--game-radius-row) !important; background: #11131a !important; box-shadow: none !important; }
.ton-card__state { border: 1px solid rgba(255,255,255,.07) !important; border-radius: var(--game-radius-token) !important; background: rgba(255,255,255,.025) !important; }
.ton-wallet { border-radius: var(--game-radius-row) !important; }
.ton-card > p,
.referral-card > p { color: #8b8590 !important; line-height: 1.5 !important; }
.referral-card__art { opacity: .17 !important; filter: grayscale(.25) saturate(.45) !important; }
.referral-code {
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: var(--game-radius-row) !important;
  background: rgba(255,255,255,.022) !important;
}
.referral-code code,
.rules-card li > b { border-radius: var(--game-radius-control) !important; }
.rules-card li { gap: 10px !important; }
.rules-card li > b { background: rgba(216,181,109,.1) !important; color: var(--premium-gold) !important; }
.rules-card strong { color: #e8e2da !important; }
.rules-card li span { color: #827c88 !important; line-height: 1.45 !important; }
#rules-link { color: var(--premium-gold) !important; }

.arara-shout-card,
.adsgram-card {
  margin-top: 0 !important;
  padding: 14px !important;
}
.arara-shout-card__head strong { color: #f0ebe4 !important; font-size: 22px !important; }
.arara-shout-card__head em { border-color: rgba(225,190,112,.16) !important; border-radius: var(--game-radius-token) !important; background: rgba(225,190,112,.06) !important; color: var(--premium-gold) !important; }
.arara-shout-card > p,
.arara-shout-card__next,
.arara-shout-card > small { color: #817b87 !important; }
.arara-shout-card__next {
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--game-radius-control) !important;
  background: rgba(255,255,255,.02) !important;
}
.arara-shout-card__next b { color: #ded7ce !important; }
.adsgram-card { grid-template-columns: minmax(0,1fr) auto !important; }
.adsgram-card__copy strong { color: #ede7df !important; }
.adsgram-card__copy small,
.adsgram-card__status { color: #807a85 !important; }

.arara-bonus-store {
  display: grid;
  gap: 8px;
}
.arara-bonus-list,
.arara-bonus-copy {
  display: grid;
}
.arara-bonus-list { gap: 8px; }
.arara-bonus-copy { gap: 3px; }
.arara-bonus-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--premium-line) !important;
  background: linear-gradient(145deg, rgba(22, 22, 27, .97), rgba(12, 13, 16, .99)) !important;
}
.arara-bonus-item > * { min-width: 0; }
.arara-bonus-copy > strong { color: var(--premium-text); }
.arara-bonus-copy > small { color: var(--premium-muted-low); line-height: 1.35; }
.arara-bonus-buy {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.arara-bonus-price {
  color: var(--premium-gold-bright);
  font-variant-numeric: tabular-nums lining-nums;
  white-space: nowrap;
}
#arara-bonus-message {
  margin: 2px 2px 0;
  color: var(--premium-muted-low);
  font-size: var(--type-small, 12px);
  line-height: 1.4;
}
#arara-bonus-message:empty { display: none; }

.bottom-nav {
  position: fixed !important;
  z-index: 200 !important;
  right: 0;
  bottom: 0;
  left: 0;
  width: min(100%, 480px) !important;
  min-height: calc(68px + max(8px, var(--tg-content-safe-bottom, 0px))) !important;
  margin-inline: auto !important;
  padding: 7px 9px max(8px, var(--tg-content-safe-bottom, 0px)) !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 0 !important;
  background: rgba(8,8,11,.97) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 -8px 20px rgba(0,0,0,.24) !important;
}
.bottom-nav button {
  min-width: 0;
  min-height: 54px !important;
  border: 0 !important;
  border-radius: var(--game-radius-control) !important;
  background: transparent !important;
  color: var(--premium-muted-low) !important;
  transition: background .16s ease, color .16s ease, transform .16s ease !important;
}
.bottom-nav button::after { display: none !important; }
.bottom-nav button::before {
  top: 3px !important;
  width: 34px !important;
  height: 34px !important;
  opacity: .72 !important;
  filter: grayscale(.18) saturate(.72) contrast(1.02) !important;
}
.bottom-nav button span {
  margin-top: 1px !important;
  color: inherit !important;
  font-size: 7px !important;
  font-weight: 720 !important;
  letter-spacing: .015em !important;
}
.bottom-nav button.is-active {
  background: rgba(216,181,109,.075) !important;
  color: var(--premium-gold-bright) !important;
}
.bottom-nav button.is-active::before {
  opacity: 1 !important;
  filter: saturate(.9) contrast(1.04) brightness(1.05) drop-shadow(0 0 7px rgba(216,181,109,.28)) !important;
  transform: translateX(-50%) scale(1.02) !important;
}
.bottom-nav button:active { transform: scale(.95); }

.tap-comic-word {
  min-width: 82px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(232,199,124,.78) !important;
  border-radius: var(--game-radius-row) !important;
  background: rgba(13,13,17,.96) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.36), 0 0 18px rgba(216,181,109,.18) !important;
  color: var(--premium-gold-bright) !important;
  font-size: clamp(16px, 4.8vw, 22px) !important;
  text-shadow: none !important;
  animation: premium-comic-pop .48s cubic-bezier(.18,.76,.28,1) both !important;
}
.tap-comic-word::after { border-color: rgba(232,199,124,.78) !important; background: #0d0d11 !important; }
@keyframes premium-comic-pop {
  0% { opacity: 0; transform: translate(-50%, 8px) scale(.82); }
  24% { opacity: 1; transform: translate(-50%, 0) scale(1.02); }
  72% { opacity: 1; transform: translate(calc(-50% + var(--comic-drift,0px)), -5px) scale(1); }
  100% { opacity: 0; transform: translate(calc(-50% + var(--comic-drift,0px)), -14px) scale(.96); }
}
.tap-pop { color: var(--premium-gold-bright) !important; text-shadow: 0 3px 12px rgba(0,0,0,.62) !important; }
.tap-impact-flash { opacity: .62 !important; filter: saturate(.7) !important; }
.tap-impact-ring { opacity: .46 !important; }
.tap-burst-particle,
.tap-spark { opacity: .72 !important; filter: saturate(.75) !important; }

.toast {
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: var(--game-radius-row) !important;
  background: rgba(18,18,23,.985) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.32) !important;
  color: #eae5de !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.toast.is-error { border-color: rgba(212,108,99,.28) !important; color: #edb1ab !important; }

.loading-screen::before,
.auth-gate::before {
  background: rgba(6, 7, 9, .96) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.auth-gate__card {
  border: 1px solid var(--premium-line-strong) !important;
  box-shadow: var(--premium-inset), 0 18px 46px rgba(0,0,0,.42) !important;
}

:where(button, a, [tabindex]):focus-visible {
  outline: 2px solid var(--costume-acid, var(--premium-gold-bright)) !important;
  outline-offset: 3px;
}

html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .task-card { grid-template-columns: minmax(82px,auto) minmax(0,1fr) 44px !important; }
html[dir="rtl"] .task-card__icon { grid-column: 3; }
html[dir="rtl"] .task-card__copy { grid-column: 2; grid-row: 1; }
html[dir="rtl"] .task-card__action { grid-column: 1; grid-row: 1; }
html[dir="rtl"] .brand-lockup,
html[dir="rtl"] .ton-card__heading,
html[dir="rtl"] .arara-shout-card__head { direction: rtl; }
html[dir="rtl"] .tap-comic-word { direction: rtl; }

@media (max-width: 390px) {
  .app-shell { padding-inline: max(9px, var(--tg-content-safe-left,0px), var(--tg-content-safe-right,0px)) !important; }
  .topbar { margin-inline: -9px; padding-inline: 11px !important; }
  .prize-card { min-height: 132px !important; padding: 15px !important; }
  .tap-zone { padding-inline: 9px !important; }
  .tap-orbit { height: clamp(248px, 79vw, 306px) !important; }
  .energy-row { grid-template-columns: 82px minmax(0,1fr) auto !important; gap: 7px !important; padding-inline: 9px !important; }
  .arara-strength-caption small { max-width: 82px; }
  .task-card { grid-template-columns: 40px minmax(0,1fr) minmax(72px,auto) !important; gap: 8px !important; padding: 9px !important; }
  .task-card__icon { width: 38px !important; height: 38px !important; }
  .task-card__action { min-width: 72px !important; padding-inline: 8px !important; font-size: 7px !important; }
  .adsgram-card { grid-template-columns: 1fr !important; }
  .adsgram-card__button { width: 100% !important; }
  .section-heading h1 { font-size: 27px !important; }
}

@media (max-width: 340px) {
  .player-stat:not(.player-stat--ticket) { display: none !important; }
  .task-card { grid-template-columns: 38px minmax(0,1fr) !important; }
  .task-card__action { grid-column: 1 / -1; width: 100%; }
  .arara-bonus-item { grid-template-columns: 1fr; }
  .arara-bonus-buy { width: 100%; }
  html[dir="rtl"] .task-card { grid-template-columns: minmax(0,1fr) 38px !important; }
  html[dir="rtl"] .task-card__icon { grid-column: 2; }
  html[dir="rtl"] .task-card__copy { grid-column: 1; }
  html[dir="rtl"] .task-card__action { grid-column: 1 / -1; grid-row: 2; }
}

@media (hover: hover) and (pointer: fine) {
  .task-card:hover,
  .leader-row:hover { border-color: rgba(225,190,112,.25) !important; transform: translateY(-1px); }
  .gold-button:hover,
  .task-card__action:hover,
  .ton-connect-button:hover,
  .arara-shout-card button:hover,
  .adsgram-card__button:hover,
  .arara-bonus-buy:hover { filter: brightness(1.04); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }

  .screen,
  .toast,
  .tap-comic-word { animation: none !important; }
}

@media (forced-colors: active) {
  .prize-card,
  .player-strip,
  .tap-zone,
  .daily-card,
  .task-card,
  .fairness-note,
  .rank-explainer,
  .leader-row,
  .profile-card,
  .ton-card,
  .referral-card,
  .rules-card,
  .arara-shout-card,
  .adsgram-card,
  .arara-bonus-item,
  .toast {
    border: 1px solid CanvasText !important;
    box-shadow: none !important;
  }

  :where(button, a, [tabindex]):focus-visible {
    outline-color: Highlight !important;
  }
}