:root {
  --bg: #050607;
  --panel: rgba(17, 19, 20, 0.88);
  --line: rgba(255, 255, 255, 0.09);
  --text: #f7f7f7;
  --muted: #9a9a9d;
  --orange: #ff6a00;
  --orange-2: #ff9a24;
  --green: #32d46f;
  --side-padding: 24px;
  --topbar-offset: 8px;
  --topbar-height: 68px;
  --content-gap: 28px;
  --nav-offset: 12px;
  --nav-height: 76px;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
}

html.js:not(.tg-ready):not(.tg-blocked) .app-shell,
html.js:not(.tg-ready):not(.tg-blocked) .toast {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

*,
*::before,
*::after {
  -webkit-tap-highlight-color: transparent;
}

body,
.app-shell,
.app-screen,
button,
a,
label,
.panel,
.promo-slide,
.bottom-nav,
.modal-card {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

input,
textarea {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

img,
svg,
canvas {
  -webkit-user-drag: none;
  user-drag: none;
}


html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 113, 18, 0.16), transparent 22rem),
    linear-gradient(130deg, #0b0d0f 0%, #050607 48%, #090a0b 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: var(--text);
}

button,
input {
  font: inherit;
}

button {
  border: 0;
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.app-shell {
  position: relative;
  width: min(100vw, 430px);
  height: 100vh;
  height: 100dvh;
  max-height: 940px;
  overflow: hidden;
  background:
    linear-gradient(122deg, rgba(255, 106, 0, 0.12), transparent 1px) 8% 11% / 17rem 17rem,
    linear-gradient(142deg, transparent 0 45%, rgba(255, 106, 0, 0.18) 45.4%, transparent 46%) center / 22rem 22rem,
    radial-gradient(circle at 35% 40%, rgba(255, 112, 24, 0.18), transparent 0.15rem),
    linear-gradient(150deg, rgba(255, 255, 255, 0.04), transparent 28%),
    #070809;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 30px 80px rgba(0, 0, 0, 0.55);
}

.app-shell::before,
.app-shell::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

.app-shell::before {
  background:
    linear-gradient(142deg, transparent 11%, rgba(255, 107, 0, 0.3) 11.2%, transparent 11.8%),
    linear-gradient(142deg, transparent 62%, rgba(255, 107, 0, 0.22) 62.2%, transparent 62.8%),
    radial-gradient(ellipse at 38% 73%, rgba(255, 132, 28, 0.28), transparent 8rem);
  opacity: 0.72;
}

.app-shell::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 18%, rgba(0, 0, 0, 0.55));
}

.splash-screen {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 0 30px;
  background:
    linear-gradient(122deg, rgba(255, 106, 0, 0.16), transparent 1px) 18% 13% / 18rem 18rem,
    linear-gradient(142deg, transparent 0 48%, rgba(255, 106, 0, 0.27) 48.2%, transparent 48.6%) center / 24rem 24rem,
    radial-gradient(ellipse at 35% 72%, rgba(255, 121, 22, 0.35), transparent 5rem),
    linear-gradient(150deg, rgba(255, 255, 255, 0.04), transparent 28%),
    #060708;
  transition: opacity 0.45s ease, visibility 0.45s ease;
}

.splash-screen.is-hidden {
  visibility: hidden;
  opacity: 0;
}

.brand {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.08em;
  color: #fff;
  font-size: 34px;
  font-weight: 950;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.6));
}

.brand strong {
  color: var(--orange);
}

.brand-large {
  justify-self: center;
  align-self: center;
  margin: 0;
  font-size: clamp(56px, 17vw, 82px);
}

.loader-block {
  position: absolute;
  right: 30px;
  bottom: calc(70px + env(safe-area-inset-bottom));
  left: 30px;
  z-index: 1;
  display: grid;
  gap: 12px;
  color: #f2f2f2;
  text-align: center;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.65);
}

.loader-block p {
  margin: 0;
  color: #dedee1;
  font-size: 16px;
  font-weight: 650;
}

.progress-track {
  width: 100%;
  height: 15px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  background: rgba(13, 14, 15, 0.85);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}

.progress-track span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--orange), #ff7f14);
  box-shadow: 0 0 18px rgba(255, 106, 0, 0.72);
  transition: width 0.15s linear;
}

.loader-block b {
  justify-self: end;
  color: #f5f5f5;
  font-size: 18px;
}

.app-screen {
  position: absolute;
  top: calc(var(--topbar-offset) + (var(--topbar-height) / 2) + env(safe-area-inset-top));
  right: 0;
  bottom: calc(var(--nav-offset) + (var(--nav-height) / 2) + env(safe-area-inset-bottom));
  left: 0;
  z-index: 2;
  display: none;
  min-height: 0;
  overflow-y: auto;
  padding: calc((var(--topbar-height) / 2) + var(--content-gap)) var(--side-padding) calc((var(--nav-height) / 2) + var(--content-gap));
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

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

.app-screen.is-active {
  display: block;
}

.app-screen[data-screen="history"].is-active,
.app-screen[data-screen="rules"].is-active {
  display: flex;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}

.topbar,
.page-header,
.user-card,
.panel,
.bottom-nav,
.wheel-wrap,
.coupon-counter {
  position: relative;
  z-index: 3;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  margin-bottom: 22px;
}

.app-topbar {
  position: absolute;
  top: calc(var(--topbar-offset) + env(safe-area-inset-top));
  right: var(--side-padding);
  left: var(--side-padding);
  z-index: 12;
  min-height: var(--topbar-height);
  margin-bottom: 0;
  padding: 8px 12px;
  border: 1px solid rgba(77, 98, 133, 0.34);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(10, 17, 29, 0.98), rgba(4, 8, 15, 0.98));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.scroll-mask {
  display: none;
}

.app-logo {
  display: block;
  width: 82px;
  height: 52px;
  flex: 0 0 auto;
  border-radius: 0;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.55));
}

.topbar-actions {
  position: relative;
  display: inline-flex;
  min-width: 0;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), transparent 42%),
    rgba(13, 15, 16, 0.86);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.22), 0 12px 26px rgba(0, 0, 0, 0.28);
}

.header-balance {
  display: inline-flex;
  min-width: 112px;
  height: 44px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 13px;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  line-height: 44px;
  text-shadow: 0 0 14px rgba(255, 255, 255, 0.14);
  white-space: nowrap;
}

.header-balance .currency {
  color: var(--orange-2);
  font-size: inherit;
  font-weight: 950;
}

.header-avatar {
  width: 46px;
  height: 44px;
  flex: 0 0 46px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(circle at 50% 39%, #fff 0 17%, transparent 18%),
    radial-gradient(circle at 50% 73%, #fff 0 23%, transparent 24%),
    linear-gradient(145deg, #282a2d, #101113);
  background-position: center;
  background-size: cover;
}

.topbar-actions .icon-btn {
  width: 46px;
  height: 44px;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.025);
}

.topbar-actions .icon-btn:hover,
.topbar-actions .icon-btn:focus-visible {
  border-left-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 106, 0, 0.1);
}

.icon-btn {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: #e9e9eb;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.icon-btn svg {
  width: 27px;
  height: 27px;
}

.icon-btn:hover,
.icon-btn:focus-visible {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  outline: none;
}

.user-card {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.avatar {
  display: grid;
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 42%, #fff 0 18%, transparent 19%),
    radial-gradient(circle at 50% 73%, #fff 0 22%, transparent 23%),
    linear-gradient(145deg, #282a2d, #101113);
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.04), 0 10px 22px rgba(0, 0, 0, 0.35);
}

.avatar.big {
  width: 66px;
  height: 66px;
}

.user-card h1,
.profile-row h2 {
  margin: 0 0 4px;
  color: #f4f4f5;
  font-size: 18px;
  font-weight: 850;
}

.user-card p,
.profile-row p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.panel {
  margin-bottom: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 38%),
    var(--panel);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18), 0 20px 42px rgba(0, 0, 0, 0.32);
}

.info-question-icon {
  position: absolute;
  top: 15px;
  right: 17px;
  width: 56px;
  height: 56px;
  object-fit: contain;
  opacity: 0.96;
  pointer-events: none;
  filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.34)) drop-shadow(0 0 12px rgba(0, 194, 255, 0.14));
}

.promo-slider {
  position: relative;
  margin-bottom: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(8, 10, 13, 0.88);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 20px 42px rgba(0, 0, 0, 0.32);
}


.promo-track {
  display: flex;
  width: 100%;
  overflow: visible;
  touch-action: pan-y;
  will-change: transform;
  -webkit-overflow-scrolling: touch;
  transition: transform 420ms cubic-bezier(.22, .9, .24, 1);
}

.promo-track.is-dragging {
  transition: none;
  cursor: grabbing;
}

.promo-slide {
  position: relative;
  display: flex;
  flex: 0 0 100%;
  min-height: 158px;
  padding: 22px 22px 20px;
  overflow: hidden;
  user-select: none;
  background:
    radial-gradient(circle at 86% 18%, rgba(255, 154, 36, 0.5), transparent 3.7rem),
    linear-gradient(135deg, rgba(255, 106, 0, 0.25), transparent 56%),
    linear-gradient(180deg, #121820 0%, #0a0d12 100%);
  background-position: center;
  background-size: cover;
}

.promo-slide.has-bg {
  background-position: center;
  background-size: cover;
}

.promo-slide.has-bg::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  background:
    linear-gradient(90deg, rgba(3, 5, 9, 0.84), rgba(3, 5, 9, 0.58) 54%, rgba(3, 5, 9, 0.28)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.42));
}

.promo-slide.image-only::before {
  display: none;
}

.promo-slide::after {
  position: absolute;
  right: -28px;
  bottom: -52px;
  width: 142px;
  height: 142px;
  border: 18px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  content: "";
}

.promo-slide.image-only::after {
  display: none;
}

.promo-slide-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 116px;
}

.promo-slide span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--orange-2);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.62);
  text-transform: uppercase;
}

.promo-slide h2 {
  position: relative;
  z-index: 1;
  max-width: 250px;
  margin: 0 0 8px;
  color: #fff;
  font-size: 25px;
  line-height: 1.1;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.7);
}

.promo-slide p {
  position: relative;
  z-index: 1;
  max-width: 275px;
  margin: 0 0 18px;
  color: #e4e6ea;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.72);
}

.promo-cta {
  position: relative;
  z-index: 1;
  min-height: 38px;
  margin-top: auto;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  background: rgba(18, 20, 24, 0.58);
  color: #fff;
  font-size: 13px;
  font-weight: 850;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.64);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 22px rgba(0, 0, 0, 0.24);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.promo-dots {
  position: absolute;
  right: 22px;
  bottom: 22px;
  z-index: 4;
  display: flex;
  gap: 6px;
}

.promo-dots span {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.34);
}

.promo-dots span.is-active {
  width: 18px;
  background: var(--orange-2);
}

.stat-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 126px;
  gap: 16px;
  padding: 23px;
}

.stat-panel p,
.info-panel p,
.daily-panel p {
  margin: 0;
  color: #bdbdc0;
  font-size: 16px;
  font-weight: 700;
}

.stat-panel strong {
  display: block;
  margin-top: 20px;
  color: #fff;
  font-size: 36px;
  font-weight: 850;
  line-height: 1;
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.16);
}

.coupon-line {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
}

.coupon-line strong {
  margin-top: 0;
  line-height: 1;
}

.coupon-panel {
  align-items: flex-end;
}

.coupon-panel .primary-btn.compact {
  min-height: 48px;
}

.ticket-icon {
  display: block;
  width: 43px;
  height: 43px;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(255, 106, 0, 0.35));
}

.ticket-icon.small {
  width: 25px;
  height: 25px;
}

.primary-btn {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(255, 166, 57, 0.45);
  border-radius: 10px;
  background: linear-gradient(180deg, #ff9028 0%, #ff6900 50%, #ef5300 100%);
  color: #fff;
  font-size: 17px;
  font-weight: 850;
  letter-spacing: 0;
  text-shadow: 0 1px 0 rgba(118, 37, 0, 0.35);
  box-shadow: 0 10px 22px rgba(255, 96, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.primary-btn:hover,
.primary-btn:focus-visible {
  transform: translateY(-1px);
  filter: brightness(1.05);
  outline: none;
  box-shadow: 0 14px 26px rgba(255, 96, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.primary-btn:active {
  transform: translateY(1px) scale(0.99);
}

.primary-btn:disabled,
.primary-btn:disabled:hover,
.primary-btn:disabled:focus-visible {
  transform: none;
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, #3a3d40 0%, #242629 100%);
  color: #a8a9ad;
  text-shadow: none;
  filter: none;
  box-shadow: none;
}

.primary-btn.compact {
  min-width: 144px;
  min-height: 48px;
  padding: 0 18px;
  font-size: 16px;
}

.primary-btn.wide,
.spin-btn {
  width: 100%;
}

.primary-btn svg {
  width: 25px;
  height: 25px;
}

.info-panel,
.rules-panel,
.history-panel,
.profile-panel,
.promo-panel,
.daily-panel {
  padding: 22px;
}

.info-panel {
  position: relative;
}

.info-panel-help {
  position: absolute;
  top: 18px;
  right: 18px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(255, 108, 138, 0.48);
  border-radius: 50%;
  background: linear-gradient(145deg, #ff315d, #b90835);
  color: #fff;
  font-size: 21px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 8px 22px rgba(229, 22, 67, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.24);
  text-shadow: 0 2px 5px rgba(70, 0, 18, 0.5);
}

.info-panel h2,
.rules-panel h2,
.history-panel h2,
.promo-panel h2,
.daily-panel h2 {
  margin: 0 0 14px;
  color: #f2f2f4;
  font-size: 19px;
  font-weight: 850;
}

.info-panel h2 {
  max-width: calc(100% - 78px);
  color: #f9973e;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #f9973e;
  text-shadow: 0 0 18px rgba(249, 151, 62, 0.18);
}

.info-panel p {
  max-width: calc(100% - 78px);
  margin-bottom: 28px;
  line-height: 1.45;
}

.info-accent {
  color: var(--orange-2);
  font-weight: 900;
  text-shadow: 0 0 12px rgba(255, 106, 0, 0.26);
}

.bottom-nav {
  position: absolute;
  right: var(--side-padding);
  bottom: calc(var(--nav-offset) + env(safe-area-inset-bottom));
  left: var(--side-padding);
  z-index: 10;
  display: grid;
  min-height: var(--nav-height);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(77, 98, 133, 0.34);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(10, 17, 29, 0.98), rgba(4, 8, 15, 0.98));
  backdrop-filter: blur(20px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.56), inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.bottom-nav button {
  display: grid;
  min-width: 0;
  justify-items: center;
  gap: 5px;
  padding: 4px 2px;
  background: transparent;
  color: #9098aa;
  font-size: 11px;
  line-height: 1.05;
  white-space: nowrap;
  font-weight: 800;
  transition: color 0.18s ease;
}

.bottom-nav svg {
  width: 28px;
  height: 28px;
}

.bottom-nav button.is-active {
  color: var(--orange);
}

.page-header {
  display: grid;
  grid-template-columns: 46px 1fr 46px;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  margin-bottom: 28px;
}

.page-header.simple {
  display: flex;
  min-height: 48px;
  margin-bottom: 20px;
}

.page-header h1 {
  margin: 0;
  color: #e7e7e8;
  font-size: 18px;
  font-weight: 850;
  text-align: center;
}

.page-header.simple h1 {
  font-size: 24px;
  text-align: left;
}

.wheel-page {
  padding-right: 18px;
  padding-left: 18px;
}

.wheel-page.is-active {
  display: flex;
  min-height: 0;
  flex-direction: column;
  justify-content: center;
}

.coupon-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 0 18px;
  color: #bfc0c4;
  font-size: 18px;
  font-weight: 700;
}

.coupon-counter b {
  color: #fff;
  font-size: 20px;
}

.wheel-wrap {
  width: min(100%, 286px);
  aspect-ratio: 1;
  margin: 0 auto 32px;
  filter: drop-shadow(0 24px 48px rgba(0, 0, 0, 0.45));
}

.pointer {
  position: absolute;
  top: -19px;
  left: 50%;
  z-index: 5;
  width: 38px;
  height: 50px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #ffa136, var(--orange) 62%, #d94d00);
  clip-path: polygon(50% 100%, 92% 12%, 80% 0, 20% 0, 8% 12%);
  border-radius: 16px 16px 24px 24px;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 12px rgba(255, 106, 0, 0.7));
}

.wheel-lights {
  position: absolute;
  inset: -4px;
  z-index: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 0%, #fff 0 1.5%, transparent 1.8%),
    radial-gradient(circle at 79% 10%, #fff 0 1.5%, transparent 1.8%),
    radial-gradient(circle at 97% 35%, #fff 0 1.5%, transparent 1.8%),
    radial-gradient(circle at 94% 66%, #fff 0 1.5%, transparent 1.8%),
    radial-gradient(circle at 73% 91%, #fff 0 1.5%, transparent 1.8%),
    radial-gradient(circle at 43% 99%, #fff 0 1.5%, transparent 1.8%),
    radial-gradient(circle at 15% 84%, #fff 0 1.5%, transparent 1.8%),
    radial-gradient(circle at 2% 56%, #fff 0 1.5%, transparent 1.8%),
    radial-gradient(circle at 8% 25%, #fff 0 1.5%, transparent 1.8%),
    radial-gradient(circle at 28% 8%, #fff 0 1.5%, transparent 1.8%),
    conic-gradient(from -90deg, #ff8d20, #ca4d00, #ffb13e, #ce4e00, #ff8d20);
  box-shadow: 0 0 0 7px rgba(80, 34, 5, 0.84), 0 0 34px rgba(255, 101, 0, 0.55);
}

.wheel {
  position: absolute;
  inset: 16px;
  z-index: 2;
  --spin-duration: 4.6s;
  --label-radius: 78px;
  overflow: hidden;
  border: 4px solid rgba(255, 169, 69, 0.85);
  border-radius: 50%;
  background:
    radial-gradient(circle, transparent 0 26%, rgba(0, 0, 0, 0.22) 26.5% 27.3%, transparent 28%),
    repeating-conic-gradient(from -90deg, rgba(255, 255, 255, 0.08) 0 1deg, transparent 1deg 36deg),
    conic-gradient(
      from -90deg,
      #070809 0deg 36deg,
      #813000 36deg 72deg,
      #090a0b 72deg 108deg,
      #a94200 108deg 144deg,
      #d85d00 144deg 180deg,
      #070809 180deg 216deg,
      #813000 216deg 252deg,
      #090a0b 252deg 288deg,
      #a94200 288deg 324deg,
      #ff850f 324deg 360deg
    );
  box-shadow: inset 0 0 28px rgba(0, 0, 0, 0.75);
  transform: rotate(0deg);
  transition: transform var(--spin-duration) cubic-bezier(0.08, 0.82, 0.13, 1);
  will-change: transform;
}

.wheel::before {
  position: absolute;
  inset: 7%;
  content: "";
  border-radius: 50%;
  background: radial-gradient(circle, transparent 0 34%, rgba(255, 255, 255, 0.06) 34.4%, transparent 35%);
  pointer-events: none;
}

.wheel-label {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 84px;
  height: 34px;
  margin: -17px 0 0 -42px;
  color: #fff;
  font-size: clamp(15px, 4.8vw, 20px);
  font-weight: 850;
  line-height: 34px;
  text-align: center;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
  transform:
    rotate(calc(-72deg + var(--i) * 36deg))
    translateY(calc(-1 * var(--label-radius)))
    rotate(90deg);
  transform-origin: center;
}

.wheel-label.label-hot,
.wheel-label.label-1000,
.wheel-label.label-3000,
.wheel-label.label-5000 {
  width: 92px;
  margin-left: -46px;
  color: #fff3e6;
}

.wheel-label.label-tall,
.wheel-label.label-empty {
  font-size: clamp(14px, 4.4vw, 18px);
}

.wheel-label.label-empty {
  color: #d9dde3;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.92);
}

.wheel-label.label-500 {
  color: #fff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.82), 0 0 8px rgba(255, 106, 0, 0.28);
}

.wheel-label.label-1000 {
  color: #fff5eb;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.84), 0 0 11px rgba(255, 122, 18, 0.42);
}

.wheel-label.label-3000 {
  color: #fff1dc;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.84), 0 0 14px rgba(255, 140, 30, 0.58);
}

.wheel-label.label-5000 {
  color: #fff9e8;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.86), 0 0 18px rgba(255, 179, 52, 0.78);
}

.wheel-center {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  display: grid;
  width: 76px;
  height: 76px;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 5px solid var(--orange);
  border-radius: 50%;
  background: radial-gradient(circle at 44% 38%, #282a2b, #08090a 70%);
  box-shadow: 0 0 0 3px rgba(255, 191, 71, 0.32), 0 0 26px rgba(255, 106, 0, 0.72);
}

.wheel-center-logo {
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}

.spin-btn {
  position: relative;
  z-index: 3;
  display: flex;
  width: min(100%, 260px);
  min-height: 44px;
  margin: 0 auto 20px;
  padding: 0 16px;
  font-size: 15px;
}

.agreement {
  position: relative;
  z-index: 3;
  width: min(300px, 100%);
  margin: 0 auto;
  color: #77787d;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
  text-align: center;
}

.agreement button {
  padding: 0;
  background: transparent;
  color: var(--orange);
  font-weight: 850;
}

.section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.section-head h2 {
  margin: 0;
}

.history-panel {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  margin-bottom: 0;
  overflow: hidden;
}

.rules-panel {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  margin-bottom: 0;
  overflow: hidden;
}

.history-panel .section-head {
  flex: 0 0 auto;
}

.rules-panel h2 {
  flex: 0 0 auto;
}

.link-btn {
  padding: 0;
  background: transparent;
  color: var(--orange);
  font-size: 13px;
  font-weight: 850;
}

.history-list {
  display: grid;
  align-content: start;
  flex: 1 1 auto;
  gap: 10px;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
  scrollbar-width: none;
}

.history-list::-webkit-scrollbar {
  display: none;
}

.history-item,
.empty-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 62px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
}

.history-item > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.history-item > div > span {
  color: #f0f0f2;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
}

.history-item small,
.empty-state {
  color: #98999d;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.25;
}

.history-item small span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.history-item b {
  color: var(--green);
  font-size: 14px;
  white-space: nowrap;
}

.history-value {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.history-ticket-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 0 8px rgba(255, 106, 0, 0.3));
}

.history-item b.zero {
  color: #aaa;
}

.empty-state {
  justify-content: center;
  text-align: center;
}

.rules-panel ol {
  display: grid;
  align-content: start;
  flex: 1 1 auto;
  gap: 14px;
  min-height: 0;
  margin: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-left: 21px;
  padding-right: 3px;
  color: #bfc0c4;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.45;
  scrollbar-width: none;
}

.rules-panel ol::-webkit-scrollbar {
  display: none;
}

.profile-row {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.profile-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.profile-grid div {
  min-height: 86px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
}

.profile-grid > div > span,
.promo-panel .hint,
.daily-panel p {
  color: #a8a9ad;
  font-size: 13px;
  font-weight: 700;
}

.profile-grid b {
  display: block;
  margin-top: 9px;
  color: #fff;
  font-size: 25px;
}

.profile-grid b span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.profile-balance-card {
  display: grid;
  align-content: start;
}

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

.profile-actions .primary-btn.compact {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 0 12px;
  font-size: 14px;
}

.promo-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.promo-form input {
  min-width: 0;
  min-height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(4, 5, 6, 0.65);
  color: #fff;
  padding: 0 13px;
  font-size: 15px;
  font-weight: 750;
  outline: none;
}

.promo-form input:focus {
  border-color: rgba(255, 106, 0, 0.65);
  box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.12);
}

.promo-panel .hint {
  margin: 12px 0 0;
}

.daily-panel p {
  margin-bottom: 18px;
  line-height: 1.45;
}

.result-modal {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: end center;
  padding: 18px;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.62);
  opacity: 0;
  transition: opacity 0.18s ease, visibility 0.18s ease;
}

.result-modal.is-open {
  visibility: visible;
  opacity: 1;
}

.modal-card {
  position: relative;
  width: min(100%, 390px);
  padding: 26px 22px 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 106, 0, 0.23), transparent 58%),
    #111315;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.65);
  transform: translateY(18px);
  transition: transform 0.18s ease;
}

.result-modal.is-open .modal-card {
  transform: translateY(0);
}

.modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.modal-close svg {
  width: 21px;
  height: 21px;
}

.modal-kicker {
  color: var(--orange-2);
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
}

.modal-card h2 {
  margin: 8px 42px 8px 0;
  color: #fff;
  font-size: 29px;
  line-height: 1.1;
}

.modal-card p {
  margin: 0 0 20px;
  color: #bfc0c4;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.45;
}

.toast {
  position: fixed;
  right: 16px;
  bottom: calc(20px + env(safe-area-inset-bottom));
  left: 16px;
  z-index: 70;
  max-width: 390px;
  margin: 0 auto;
  padding: 13px 16px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  background: rgba(18, 20, 22, 0.94);
  color: #fff;
  font-size: 14px;
  font-weight: 760;
  text-align: center;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.45);
  opacity: 0;
  pointer-events: none;
  transform: translateY(16px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 380px) {
  :root {
    --side-padding: 16px;
  }

  .app-screen {
    padding-right: 16px;
    padding-left: 16px;
  }

  .app-topbar {
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 22px;
  }

  .wheel-page {
    padding-right: 12px;
    padding-left: 12px;
  }

  .stat-panel {
    padding: 18px;
  }

  .info-question-icon {
    top: 14px;
    right: 14px;
    width: 50px;
    height: 50px;
  }

  .info-panel h2,
  .info-panel p {
    max-width: calc(100% - 66px);
  }

  .stat-panel strong {
    font-size: 31px;
  }

  .primary-btn.compact {
    min-width: 128px;
    padding: 0 13px;
    font-size: 14px;
  }

  .topbar {
    gap: 10px;
  }

  .app-logo {
    width: 74px;
    height: 48px;
    border-radius: 0;
    object-fit: contain;
  }

  .header-balance {
    min-width: 94px;
    padding: 0 10px;
    font-size: 16px;
  }

  .header-avatar {
    width: 42px;
    flex-basis: 42px;
  }

  .topbar-actions .icon-btn {
    width: 42px;
  }

  .wheel-label {
    --label-radius: 74px;
  }

  .wheel-center {
    width: 70px;
    height: 70px;
  }

  .wheel-center-logo {
    width: 52px;
    height: 52px;
  }

  .promo-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .promo-form {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 431px) {
  body {
    padding: 22px 0;
  }

  .app-shell {
    height: min(100dvh - 44px, 900px);
    border-radius: 32px;
  }
}

.avatar{background-size:cover!important;background-position:center!important;}

/* Server integrated wheel */
.server-wheel-wrap {
  display: grid;
  place-items: center;
  justify-items: center;
  width: 100%;
  min-height: min(78vw, 360px);
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}
.client-wheel-canvas {
  width: min(100%, 360px);
  max-width: calc(100vw - 32px);
  aspect-ratio: 1 / 1;
  height: auto;
  display: block;
  margin: 0 auto;
  filter: drop-shadow(0 20px 34px rgba(0,0,0,.55));
  -webkit-tap-highlight-color: transparent;
}
.wheel-coupon-chip {
  width: max-content;
  max-width: 100%;
  margin: -6px auto 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  background: rgba(12,14,16,.72);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18), 0 14px 24px rgba(0,0,0,.28);
  color: #f7f7f7;
  font-size: 13px;
  font-weight: 850;
}
.wheel-coupon-chip b {
  color: var(--orange-2);
  font-size: 16px;
}
.wheel-coupon-chip .ticket-icon {
  width: 22px;
  height: 22px;
}

.wheel-page .server-wheel-wrap { margin-inline: auto; }
.wheel-coupon-chip { display: none !important; }

/* v43: fixed safe spacing for the wheel screen on different phone sizes */
.wheel-page {
  top: calc(var(--topbar-offset) + var(--topbar-height) + env(safe-area-inset-top));
  bottom: calc(var(--nav-offset) + var(--nav-height) + env(safe-area-inset-bottom));
  padding: clamp(16px, 3.2dvh, 28px) 18px clamp(18px, 3dvh, 30px);
  overflow-y: auto;
}

.wheel-page.is-active {
  display: flex;
  min-height: 0;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.wheel-page .server-wheel-wrap {
  flex: 0 0 auto;
  width: 100%;
  min-height: 0;
  margin: 0 auto clamp(18px, 3dvh, 28px);
}

.client-wheel-canvas {
  width: clamp(238px, min(86vw, 48dvh), 360px);
  max-width: calc(100vw - 36px);
}

.spin-btn {
  flex: 0 0 auto;
  margin: 0 auto clamp(12px, 2dvh, 18px);
}

.agreement {
  flex: 0 0 auto;
  padding-bottom: max(2px, env(safe-area-inset-bottom));
}

@media (max-height: 640px) {
  .wheel-page {
    padding-top: 12px;
    padding-bottom: 14px;
  }

  .client-wheel-canvas {
    width: clamp(224px, min(82vw, 43dvh), 320px);
  }

  .wheel-page .server-wheel-wrap {
    margin-bottom: 14px;
  }

  .spin-btn {
    min-height: 42px;
    margin-bottom: 10px;
  }

  .agreement {
    font-size: 12px;
    line-height: 1.28;
  }
}

/* v53: verification and withdrawal */
.profile-verify.telegram-blue {
  border-color: rgba(42, 171, 238, 0.58);
  background: linear-gradient(180deg, #37b6f6 0%, #229ed9 55%, #1687c0 100%);
  box-shadow: 0 10px 22px rgba(34, 158, 217, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.profile-withdraw.is-wide {
  grid-column: 1 / -1;
}

.avatar.big.is-verified {
  position: relative;
  border: 3px solid #22c55e;
  box-shadow: inset 0 0 0 4px rgba(34, 197, 94, 0.16), 0 12px 25px rgba(34, 197, 94, 0.18);
}

.avatar.big.is-verified::after {
  content: "✓";
  position: absolute;
  top: -7px;
  left: -7px;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid #0b1115;
  border-radius: 50%;
  background: #22c55e;
  color: #fff;
  font-size: 14px;
  font-weight: 950;
  line-height: 1;
}

.bottom-sheet-modal {
  align-items: end;
  padding: 14px;
}

.bottom-sheet-modal .modal-card {
  width: min(100%, 430px);
  max-height: min(78vh, 680px);
  overflow-y: auto;
  border-radius: 24px 24px 18px 18px;
}

.verification-status {
  display: grid;
  gap: 5px;
  margin: 8px 0 16px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
}

.verification-status b {
  color: #fff;
  font-size: 15px;
}

.verification-status span {
  color: #bfc0c4;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.verification-status.pending {
  border-color: rgba(245, 158, 11, 0.35);
  background: rgba(245, 158, 11, 0.1);
}

.verification-status.verified {
  border-color: rgba(34, 197, 94, 0.35);
  background: rgba(34, 197, 94, 0.1);
}

.verification-status.rejected {
  border-color: rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.1);
}

.verification-requirements p,
.verification-requirements li {
  color: #d7d9dd;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.42;
}

.verification-requirements ol {
  padding-left: 20px;
  margin: 0 0 15px;
}

.upload-field,
.withdraw-field {
  display: grid;
  gap: 8px;
  margin: 12px 0;
  color: #a8a9ad;
  font-size: 13px;
  font-weight: 850;
}

.upload-field input,
.withdraw-field input {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(4, 5, 6, 0.65);
  color: #fff;
  padding: 11px 12px;
  font-size: 14px;
  font-weight: 750;
  outline: none;
}

.withdraw-methods {
  display: grid;
  gap: 9px;
  margin: 12px 0;
}

.withdraw-method {
  display: grid;
  grid-template-columns: 34px 1fr;
  grid-template-areas: "icon title" "icon fee";
  gap: 2px 10px;
  width: 100%;
  min-height: 58px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  color: #fff;
  padding: 10px 12px;
  text-align: left;
}

.withdraw-method.is-active {
  border-color: rgba(255, 106, 0, 0.6);
  background: rgba(255, 106, 0, 0.12);
}

.withdraw-method span {
  grid-area: icon;
  font-size: 24px;
}

.withdraw-method b {
  grid-area: title;
  font-size: 15px;
}

.withdraw-method small {
  grid-area: fee;
  color: #a8a9ad;
  font-size: 12px;
  font-weight: 750;
}

.withdraw-method .withdraw-referral-badge {
  display: inline-block;
  margin-top: 3px;
  color: #47d77b;
  font-style: normal;
  font-weight: 850;
}

.withdraw-summary {
  margin: 4px 0 14px;
}

.withdraw-error {
  color: #ff6b6b;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

.withdraw-history {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.withdraw-history h3 {
  margin: 0 0 2px;
  color: #fff;
  font-size: 15px;
}

.withdraw-history-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 11px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  color: #d7d9dd;
  font-size: 13px;
  font-weight: 750;
}

.withdraw-status {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.08);
  color: #d7d9dd;
  font-size: 11px;
  font-weight: 950;
}

.withdraw-status-pending,
.withdraw-status-approved {
  background: rgba(245, 158, 11, 0.14);
  color: #fbbf24;
}

.withdraw-status-paid {
  background: rgba(34, 197, 94, 0.14);
  color: #4ade80;
}

.withdraw-status-rejected,
.withdraw-status-cancelled {
  background: rgba(239, 68, 68, 0.14);
  color: #f87171;
}

/* v55: real hidden state must win over component display rules */
[hidden],
.profile-verify[hidden],
.verification-status[hidden],
.withdraw-summary[hidden],
.upload-field[hidden],
.withdraw-field[hidden] {
  display: none !important;
}

.withdrawal-history-item .withdraw-history-meta {
  display: grid;
  gap: 2px;
}

.withdrawal-history-item .history-status {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.history-status-pending,
.history-withdraw-value-pending {
  color: #98999d !important;
}

.history-status-approved,
.history-withdraw-value-approved {
  color: #fbbf24 !important;
}

.history-status-paid,
.history-withdraw-value-paid {
  color: #4ade80 !important;
}

.history-status-rejected,
.history-status-cancelled,
.history-withdraw-value-rejected {
  color: #f87171 !important;
}

/* v58: profile cleanup, green promo activation, compact history loader */
.profile-panel {
  padding: 18px;
}

.profile-grid {
  align-items: stretch;
}

.profile-grid .profile-stat-card {
  min-height: 64px;
  padding: 12px 13px;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(8, 10, 14, 0.62);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 10px 20px rgba(0, 0, 0, 0.22);
}

.profile-grid .profile-balance-card {
  background:
    radial-gradient(circle at 0 0, rgba(34, 197, 94, 0.18), transparent 58%),
    rgba(8, 10, 14, 0.62);
}

.profile-grid .profile-coupons-card {
  background:
    radial-gradient(circle at 0 0, rgba(255, 106, 0, 0.20), transparent 58%),
    rgba(8, 10, 14, 0.62);
}

.profile-grid b {
  margin-top: 5px;
  font-size: 22px;
}

.promo-activate-btn {
  border-color: rgba(34, 197, 94, 0.55);
  background: linear-gradient(180deg, #34d399 0%, #22c55e 55%, #16a34a 100%);
  box-shadow: 0 10px 22px rgba(34, 197, 94, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  text-shadow: 0 1px 0 rgba(5, 46, 22, 0.32);
}

.promo-activate-btn:hover,
.promo-activate-btn:focus-visible {
  box-shadow: 0 14px 26px rgba(34, 197, 94, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.history-loader {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 14px 0 4px;
  color: #98999d;
  font-size: 12px;
  font-weight: 750;
}

.history-loader::before {
  content: "";
  width: 28px;
  height: 28px;
  border: 3px solid rgba(255, 255, 255, 0.12);
  border-top-color: var(--orange);
  border-radius: 50%;
  animation: history-spin 0.78s linear infinite;
}

@keyframes history-spin {
  to { transform: rotate(360deg); }
}

.history-item.history-withdrawal .history-meta {
  display: grid;
  gap: 2px;
}

.history-item.history-withdrawal .history-status {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* v59: profile cards like reference screenshot */
.app-screen[data-screen="profile"] .profile-panel {
  padding: 0 0 2px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.app-screen[data-screen="profile"] .profile-row {
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 106, 0, 0.12), transparent 46%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
    rgba(8, 10, 14, 0.78);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025), 0 14px 30px rgba(0, 0, 0, 0.22);
}

.app-screen[data-screen="profile"] .profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.app-screen[data-screen="profile"] .profile-grid .profile-stat-card {
  position: relative;
  display: grid;
  min-height: 84px;
  grid-template-columns: 62px minmax(0, 1fr) 24px;
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 14px;
  padding: 14px 16px 14px 14px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 13% 50%, rgba(255, 255, 255, 0.055), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    rgba(7, 9, 13, 0.84);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 14px 30px rgba(0, 0, 0, 0.24);
}

.app-screen[data-screen="profile"] .profile-grid .profile-stat-card::before {
  content: "";
  grid-row: 1 / 3;
  align-self: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 29px 29px, auto;
}

.app-screen[data-screen="profile"] .profile-grid .profile-stat-card::after {
  content: "›";
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
  justify-self: end;
  color: rgba(255, 255, 255, 0.66);
  font-size: 34px;
  font-weight: 500;
  line-height: 1;
}

.app-screen[data-screen="profile"] .profile-grid .profile-balance-card {
  border: 1px solid rgba(34, 197, 94, 0.22);
  background:
    radial-gradient(circle at 6% 50%, rgba(34, 197, 94, 0.20), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    rgba(7, 9, 13, 0.86);
}

.app-screen[data-screen="profile"] .profile-grid .profile-balance-card::before {
  border: 1px solid rgba(34, 197, 94, 0.46);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7H5a3 3 0 0 0 0 6h15v6H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h13v4'/%3E%3Cpath d='M16 13h4'/%3E%3C/svg%3E"),
    linear-gradient(180deg, rgba(34, 197, 94, 0.13), rgba(34, 197, 94, 0.045));
  box-shadow: 0 0 24px rgba(34, 197, 94, 0.12), inset 0 0 0 1px rgba(34, 197, 94, 0.05);
}

.app-screen[data-screen="profile"] .profile-grid .profile-coupons-card {
  border: 1px solid rgba(255, 106, 0, 0.26);
  background:
    radial-gradient(circle at 6% 50%, rgba(255, 106, 0, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    rgba(7, 9, 13, 0.86);
}

.app-screen[data-screen="profile"] .profile-grid .profile-coupons-card::before {
  border: 1px solid rgba(255, 106, 0, 0.48);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23ff7a18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 0 0 0-4Z'/%3E%3Cpath d='M9 9h.01M15 15h.01M15 9l-6 6M12 5v14'/%3E%3C/svg%3E"),
    linear-gradient(180deg, rgba(255, 106, 0, 0.16), rgba(255, 106, 0, 0.045));
  box-shadow: 0 0 24px rgba(255, 106, 0, 0.13), inset 0 0 0 1px rgba(255, 106, 0, 0.05);
}

.app-screen[data-screen="profile"] .profile-grid > div > span {
  grid-column: 2;
  margin: 0 0 2px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.15;
}

.app-screen[data-screen="profile"] .profile-grid b {
  grid-column: 2;
  margin: 0;
  color: #fff;
  font-size: 31px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -0.03em;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-screen[data-screen="profile"] .profile-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 12px;
}

.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact {
  position: relative;
  justify-content: flex-start;
  width: 100%;
  min-height: 60px;
  min-width: 0;
  padding: 0 52px 0 82px;
  border-radius: 13px;
  font-size: 16px;
  font-weight: 950;
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 12px 24px rgba(0, 0, 0, 0.28);
}

.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact::before,
.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact::before {
  left: 23px;
  width: 28px;
  height: 28px;
  background: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact::after {
  right: 20px;
  content: "›";
  color: rgba(255, 255, 255, 0.82);
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}

.app-screen[data-screen="profile"] .profile-withdraw {
  border-color: rgba(222, 118, 30, 0.66);
  background: linear-gradient(180deg, #d57820 0%, #b85a12 56%, #8e420d 100%);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(222, 118, 30, 0.18), 0 11px 22px rgba(185, 88, 18, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.app-screen[data-screen="profile"] .profile-withdraw::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5'/%3E%3C/svg%3E");
}

.app-screen[data-screen="profile"] .profile-verify.telegram-blue {
  border-color: rgba(59, 130, 246, 0.86);
  background:
    radial-gradient(circle at 9% 50%, rgba(59, 130, 246, 0.22), transparent 34%),
    linear-gradient(180deg, rgba(7, 14, 26, 0.92), rgba(3, 8, 18, 0.96));
  color: #f8fbff;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.20), 0 12px 24px rgba(37, 99, 235, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  text-shadow: none;
}

.app-screen[data-screen="profile"] .profile-verify::before {
  color: #60a5fa;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
}

.app-screen[data-screen="profile"] .profile-verify[hidden] {
  display: none !important;
}

.app-screen[data-screen="profile"] .promo-panel {
  margin: 14px calc(var(--side-padding) * -1) 0;
  padding: 16px var(--side-padding) 0;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 0;
  background: rgba(6, 8, 12, 0.42);
  box-shadow: none;
}

.app-screen[data-screen="profile"] .promo-panel h2 {
  margin: 0 0 9px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
  font-weight: 900;
}

.app-screen[data-screen="profile"] .promo-form {
  grid-template-columns: 1fr;
  gap: 10px;
}

.app-screen[data-screen="profile"] .promo-form input {
  width: 100%;
  min-height: 40px;
  border-radius: 8px;
  border-color: rgba(255, 255, 255, 0.09);
  background: rgba(3, 5, 9, 0.72);
  padding: 0 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.28);
}

.app-screen[data-screen="profile"] .promo-form input::placeholder {
  color: rgba(255, 255, 255, 0.42);
}

.app-screen[data-screen="profile"] .promo-activate-btn {
  width: 100%;
  min-height: 44px;
  border-radius: 8px;
  background: linear-gradient(180deg, #22c55e 0%, #17a64d 100%);
  box-shadow: 0 12px 24px rgba(34, 197, 94, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.20);
  font-size: 14px;
  font-weight: 950;
}

@media (max-width: 380px) {
  .app-screen[data-screen="profile"] .profile-grid .profile-stat-card {
    min-height: 78px;
    grid-template-columns: 56px minmax(0, 1fr) 20px;
    column-gap: 11px;
    padding-right: 13px;
  }

  .app-screen[data-screen="profile"] .profile-grid .profile-stat-card::before {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background-size: 26px 26px, auto;
  }

  .app-screen[data-screen="profile"] .profile-grid b {
    font-size: 28px;
  }

  .app-screen[data-screen="profile"] .profile-actions .primary-btn.compact {
    min-height: 56px;
    padding-left: 72px;
    font-size: 15px;
  }

  .app-screen[data-screen="profile"] .profile-actions .primary-btn.compact::before {
    left: 21px;
    width: 26px;
    height: 26px;
  }
}


/* v60: profile combined card variant */
.app-screen[data-screen="profile"] .profile-panel {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background:
    radial-gradient(circle at 90% 34%, rgba(255, 106, 0, 0.14), transparent 38%),
    linear-gradient(180deg, rgba(14, 18, 27, 0.80), rgba(5, 8, 13, 0.90));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 14px 34px rgba(0, 0, 0, 0.24);
}

.app-screen[data-screen="profile"] .profile-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-screen[data-screen="profile"] .profile-row .avatar.big {
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  border-radius: 50%;
  border: 1px solid rgba(255, 106, 0, 0.22);
  box-shadow: 0 0 28px rgba(255, 106, 0, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.app-screen[data-screen="profile"] .profile-row h2 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.app-screen[data-screen="profile"] .profile-row p {
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.app-screen[data-screen="profile"] .profile-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  margin: 0 0 12px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(11, 15, 22, 0.84), rgba(4, 7, 12, 0.92)) padding-box,
    linear-gradient(90deg,
      rgba(34, 197, 94, 0.82) 0%,
      rgba(34, 197, 94, 0.34) 30%,
      rgba(255, 255, 255, 0.06) 50%,
      rgba(255, 106, 0, 0.34) 70%,
      rgba(255, 106, 0, 0.82) 100%) border-box,
    radial-gradient(circle at 8% 55%, rgba(34, 197, 94, 0.16), transparent 40%),
    radial-gradient(circle at 88% 50%, rgba(255, 106, 0, 0.18), transparent 44%);
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.app-screen[data-screen="profile"] .profile-grid::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 50%;
  width: 1px;
  background: rgba(255, 255, 255, 0.18);
  transform: translateX(-0.5px);
  pointer-events: none;
}

.app-screen[data-screen="profile"] .profile-grid .profile-stat-card {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 78px;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 12px;
  padding: 14px 13px;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.app-screen[data-screen="profile"] .profile-grid .profile-stat-card::after {
  content: none;
}

.app-screen[data-screen="profile"] .profile-grid .profile-stat-card::before {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  justify-self: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px 27px, auto;
}

.app-screen[data-screen="profile"] .profile-grid .profile-balance-card::before {
  border: 1px solid rgba(34, 197, 94, 0.52);
  background-image:
    url("../img/wallet.png"),
    linear-gradient(180deg, rgba(34, 197, 94, 0.16), rgba(34, 197, 94, 0.045));
  box-shadow: 0 0 24px rgba(34, 197, 94, 0.16), inset 0 0 0 1px rgba(34, 197, 94, 0.05);
}

.app-screen[data-screen="profile"] .profile-grid .profile-coupons-card::before {
  border: 1px solid rgba(255, 106, 0, 0.56);
  background-image:
    url("../img/ticket.png"),
    linear-gradient(180deg, rgba(255, 106, 0, 0.18), rgba(255, 106, 0, 0.05));
  box-shadow: 0 0 24px rgba(255, 106, 0, 0.18), inset 0 0 0 1px rgba(255, 106, 0, 0.06);
}

.app-screen[data-screen="profile"] .profile-grid > div > span {
  grid-column: 2;
  grid-row: 2;
  margin: 3px 0 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.1;
}

.app-screen[data-screen="profile"] .profile-grid b {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  color: #fff;
  font-size: 26px;
  font-weight: 950;
  line-height: 0.96;
  letter-spacing: -0.04em;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-screen[data-screen="profile"] .profile-actions {
  gap: 11px;
  margin-top: 0;
}

.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact {
  min-height: 54px;
  border-radius: 11px;
  padding-left: 78px;
}

.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact::before {
  left: 24px;
}

.app-screen[data-screen="profile"] .promo-panel {
  margin: 8px 0 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 197, 94, 0.07), transparent 36%),
    radial-gradient(circle at 90% 100%, rgba(255, 106, 0, 0.08), transparent 40%),
    linear-gradient(180deg, rgba(11, 15, 22, 0.82), rgba(4, 7, 12, 0.90));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 14px 30px rgba(0, 0, 0, 0.22);
}

.app-screen[data-screen="profile"] .promo-panel h2 {
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.90);
  font-size: 15px;
  font-weight: 900;
}

.app-screen[data-screen="profile"] .promo-form {
  gap: 9px;
}

.app-screen[data-screen="profile"] .promo-form input {
  min-height: 40px;
  border-radius: 9px;
  border-color: rgba(255, 255, 255, 0.09);
  background: linear-gradient(180deg, rgba(5, 8, 13, 0.95), rgba(8, 12, 19, 0.96));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.30);
  color: #fff;
  font-weight: 800;
}

.app-screen[data-screen="profile"] .promo-activate-btn {
  min-height: 44px;
  border-radius: 9px;
  border-color: rgba(46, 208, 104, 0.54);
  background: linear-gradient(180deg, #28c262 0%, #1eaa53 100%);
  box-shadow: 0 10px 22px rgba(34, 197, 94, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

@media (max-width: 380px) {
  .app-screen[data-screen="profile"] .profile-panel {
    padding: 11px;
  }

  .app-screen[data-screen="profile"] .profile-row .avatar.big {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
  }

  .app-screen[data-screen="profile"] .profile-row h2 {
    font-size: 18px;
  }

  .app-screen[data-screen="profile"] .profile-grid .profile-stat-card {
    min-height: 74px;
    grid-template-columns: 43px minmax(0, 1fr);
    column-gap: 9px;
    padding: 12px 10px;
  }

  .app-screen[data-screen="profile"] .profile-grid .profile-stat-card::before {
    width: 38px;
    height: 38px;
    background-size: 24px 24px, auto;
  }

  .app-screen[data-screen="profile"] .profile-grid b {
    font-size: 23px;
  }

  .app-screen[data-screen="profile"] .profile-actions .primary-btn.compact {
    min-height: 52px;
    padding-left: 70px;
    font-size: 15px;
  }
}


/* v54: compact legal rules */
.rules-panel {
  padding: 18px;
}

.rules-panel h2 {
  margin: 0 0 12px;
  color: #f9973e;
  font-size: 20px;
  font-weight: 760;
  line-height: 1.15;
  text-shadow: 0 0 16px rgba(249, 151, 62, 0.14);
}

.rules-content {
  display: grid;
  align-content: start;
  flex: 1 1 auto;
  gap: 10px;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 3px;
  color: #c9cbd0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.38;
  scrollbar-width: none;
}

.rules-content::-webkit-scrollbar {
  display: none;
}

.rules-lead,
.rules-block p {
  margin: 0;
}

.rules-lead {
  color: #e8e8ea;
  font-weight: 560;
}

.rules-block {
  display: grid;
  gap: 4px;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.032);
}

.rules-block h3 {
  margin: 0;
  color: #f9973e;
  font-size: 13px;
  font-weight: 690;
  line-height: 1.25;
}

.rules-content a {
  color: #f9973e;
  font-weight: 620;
  text-decoration: none;
}

.rules-content a:focus-visible,
.rules-content a:hover {
  text-decoration: underline;
}

.rules-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 2px;
}

.rules-links a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border: 1px solid rgba(249, 151, 62, 0.28);
  border-radius: 9px;
  background: rgba(249, 151, 62, 0.08);
  color: #f8d1ad;
  font-size: 12px;
  font-weight: 620;
  text-align: center;
}

@media (max-width: 380px) {
  .rules-panel {
    padding: 16px;
  }

  .rules-content {
    gap: 8px;
    font-size: 12.5px;
  }

  .rules-block {
    padding: 9px 10px;
  }

  .rules-links {
    grid-template-columns: 1fr;
  }
}

/* v61: requested MiniApp polish */
.info-panel p {
  font-size: 14.5px;
  line-height: 1.42;
}

.promo-rules-card {
  border-color: rgba(255, 143, 52, 0.20);
  background:
    radial-gradient(circle at 86% 0%, rgba(255, 122, 24, 0.22), transparent 48%),
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.06), transparent 34%),
    linear-gradient(180deg, rgba(17, 20, 25, 0.98), rgba(8, 10, 14, 0.98));
}

.promo-rules-text {
  display: grid;
  max-height: 44vh;
  overflow: auto;
  gap: 10px;
  margin: 12px 0 18px;
  padding-right: 2px;
  color: #d9dbe0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.46;
}

.promo-rules-text p {
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.promo-rules-text a {
  color: #38bdf8;
  font-weight: 850;
  text-decoration: none;
  border-bottom: 1px dashed rgba(56, 189, 248, 0.55);
}

.promo-rules-text a:active,
.promo-rules-text a:hover {
  color: #7dd3fc;
}

.promo-rules-text ul,
.promo-rules-text ol {
  margin: 0 0 0 18px;
  padding: 0;
}

.promo-rules-text li {
  margin: 4px 0;
}

.promo-rules-text b,
.promo-rules-text strong {
  color: #fff;
  font-weight: 900;
}

.promo-rules-text span {
  font-weight: 800;
}

.promo-rules-ok {
  background: linear-gradient(180deg, #ff9a3d 0%, #f97316 55%, #d85f0e 100%);
  box-shadow: 0 12px 24px rgba(249, 115, 22, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.20);
}

.app-screen[data-screen="profile"] .profile-row .avatar.big.is-verified {
  border: 3px solid #22c55e;
  box-shadow:
    0 0 0 3px rgba(34, 197, 94, 0.14),
    0 0 28px rgba(34, 197, 94, 0.18),
    inset 0 0 0 2px rgba(255, 255, 255, 0.08);
}

.app-screen[data-screen="profile"] .profile-row .avatar.big.is-verified::after {
  content: "✓";
  position: absolute;
  top: -8px;
  left: -8px;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid #07100b;
  border-radius: 50%;
  background: linear-gradient(180deg, #35dc75, #16a34a);
  color: #fff;
  font-size: 14px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 8px 16px rgba(34, 197, 94, 0.28);
}

.app-screen[data-screen="profile"] .profile-grid {
  margin-bottom: 10px;
}

.app-screen[data-screen="profile"] .profile-grid::before {
  top: 10px;
  bottom: 10px;
}

.app-screen[data-screen="profile"] .profile-grid .profile-stat-card {
  min-height: 64px;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 8px;
  padding: 10px 9px;
}

.app-screen[data-screen="profile"] .profile-grid .profile-stat-card::before {
  width: 31px;
  height: 31px;
  border-radius: 8px;
  background-size: 20px 20px, auto;
}

.app-screen[data-screen="profile"] .profile-grid > div > span {
  margin-top: 2px;
  font-size: 11px;
}

.app-screen[data-screen="profile"] .profile-grid b {
  font-size: 22px;
  letter-spacing: -0.045em;
}

.verification-card {
  border-color: rgba(42, 171, 238, 0.26);
  background:
    radial-gradient(circle at 84% 0%, rgba(42, 171, 238, 0.24), transparent 44%),
    radial-gradient(circle at 12% 8%, rgba(96, 165, 250, 0.15), transparent 36%),
    linear-gradient(180deg, rgba(9, 18, 33, 0.98), rgba(4, 10, 22, 0.98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.66), inset 0 0 0 1px rgba(42, 171, 238, 0.08);
}

.verification-card .modal-kicker {
  color: #60c5ff;
}

.verification-card .modal-close {
  background: rgba(42, 171, 238, 0.14);
  box-shadow: inset 0 0 0 1px rgba(42, 171, 238, 0.18);
}

.verification-card h2 {
  text-shadow: 0 0 22px rgba(42, 171, 238, 0.18);
}

.verification-card .verification-status {
  border-color: rgba(42, 171, 238, 0.22);
  background: rgba(42, 171, 238, 0.08);
}

.verification-card .verification-status.pending {
  border-color: rgba(245, 158, 11, 0.35);
  background: rgba(245, 158, 11, 0.10);
}

.verification-card .verification-status.verified {
  border-color: rgba(34, 197, 94, 0.35);
  background: rgba(34, 197, 94, 0.10);
}

.verification-card .verification-status.rejected {
  border-color: rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.10);
}

.verification-card .primary-btn.wide {
  border-color: rgba(96, 165, 250, 0.44);
  background: linear-gradient(180deg, #37b6f6 0%, #229ed9 56%, #1687c0 100%);
  box-shadow: 0 12px 24px rgba(34, 158, 217, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.upload-field {
  position: relative;
  overflow: hidden;
  padding: 12px;
  border: 1px solid rgba(42, 171, 238, 0.20);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(42, 171, 238, 0.10), rgba(42, 171, 238, 0.045));
  cursor: pointer;
}

.upload-field-title {
  color: #dbeafe;
  font-size: 13px;
  font-weight: 900;
}

.upload-field-ui {
  position: relative;
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 14px;
  border: 1px dashed rgba(96, 165, 250, 0.44);
  border-radius: 12px;
  background: rgba(4, 12, 24, 0.58);
  color: #bfdbfe;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.upload-field-ui::before {
  content: "+";
  display: grid;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  place-items: center;
  border-radius: 50%;
  background: rgba(96, 165, 250, 0.18);
  color: #eff6ff;
  font-size: 16px;
  line-height: 1;
}

.upload-field-ui.has-file {
  border-style: solid;
  color: #e0f2fe;
  background: rgba(14, 165, 233, 0.14);
}

.upload-field input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

@media (max-width: 380px) {
  .app-screen[data-screen="profile"] .profile-grid .profile-stat-card {
    min-height: 60px;
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 7px;
    padding: 9px 8px;
  }

  .app-screen[data-screen="profile"] .profile-grid .profile-stat-card::before {
    width: 28px;
    height: 28px;
    background-size: 18px 18px, auto;
  }

  .app-screen[data-screen="profile"] .profile-grid b {
    font-size: 20px;
  }
}


/* v62: MiniApp cosmetic protection and Telegram-only entry */
.telegram-only-screen {
  width: min(100vw, 430px);
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 113, 18, 0.18), transparent 20rem),
    linear-gradient(140deg, #0b0d0f, #050607 54%, #090a0b);
  color: #fff;
  text-align: center;
}

.telegram-only-card {
  width: 100%;
  padding: 24px 20px 22px;
  border: 1px solid rgba(255, 154, 36, 0.56);
  border-radius: 24px;
  background:
    radial-gradient(circle at 84% 4%, rgba(255, 154, 36, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(16, 19, 24, 0.98), rgba(7, 9, 13, 0.98));
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.46), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.telegram-only-card h1 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.15;
}

.telegram-only-card p {
  margin: 0 0 18px;
  color: #d8dbe0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.42;
}

.telegram-only-card a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ff9a3d 0%, #f97316 58%, #d85f0e 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(249, 115, 22, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

button,
a,
[role="button"],
input,
label,
.promo-slide,
.bottom-nav button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* v70: promo input gradient, inline promo errors, blocked screen */
.app-screen[data-screen="profile"] .promo-form {
  position: relative;
}

.app-screen[data-screen="profile"] .promo-form input {
  border: 1px solid transparent !important;
  background:
    linear-gradient(180deg, rgba(5, 8, 13, 0.96), rgba(8, 12, 19, 0.98)) padding-box,
    linear-gradient(90deg, rgba(34, 197, 94, 0.96) 0%, rgba(34, 197, 94, 0.24) 28%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 106, 0, 0.28) 72%, rgba(255, 106, 0, 0.96) 100%) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 10px 22px rgba(0, 0, 0, 0.18) !important;
}

.app-screen[data-screen="profile"] .promo-form input:focus {
  box-shadow:
    0 0 0 3px rgba(34, 197, 94, 0.08),
    0 0 0 5px rgba(255, 106, 0, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

.promo-inline-error {
  display: none;
  margin: 8px 2px 0;
  color: #ff9a9a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.3;
}

.promo-inline-error.is-visible {
  display: block;
}

.promo-form.is-shaking {
  animation: promoShake 0.34s ease both;
}

@keyframes promoShake {
  0%, 100% { transform: translateX(0); }
  18% { transform: translateX(-6px); }
  36% { transform: translateX(5px); }
  54% { transform: translateX(-4px); }
  72% { transform: translateX(3px); }
}

.blocked-screen {
  width: min(100vw, 430px);
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 18%, rgba(239, 68, 68, 0.18), transparent 18rem),
    linear-gradient(150deg, #08090c, #050607);
  color: #fff;
}

.blocked-card {
  width: 100%;
  padding: 26px 22px;
  border: 1px solid rgba(239, 68, 68, 0.26);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 0%, rgba(239, 68, 68, 0.22), transparent 58%),
    rgba(15, 18, 24, 0.94);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  text-align: center;
}

.blocked-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: rgba(239, 68, 68, 0.14);
  font-size: 30px;
}

.blocked-card h1 {
  margin: 0 0 10px;
  font-size: 25px;
}

.blocked-card p {
  margin: 0 0 12px;
  color: #f3c6c6;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

.blocked-card small {
  display: block;
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.56);
  font-size: 12px;
  font-weight: 750;
}

.blocked-card button {
  min-height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, #ef4444, #b91c1c);
  color: #fff;
  font-weight: 900;
}


/* totalizator */

.totalizator-panel,.totalizator-results-panel{display:grid;gap:16px}
.totalizator-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.totalizator-head h2{margin:0;font-size:20px;line-height:1.15}
.totalizator-status,.totalizator-chip{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:rgba(59,130,246,.16);color:#bfdbfe;font-size:12px;font-weight:800;text-align:center;white-space:nowrap}
.totalizator-status.is-finished{background:rgba(34,197,94,.14);color:#bbf7d0}
.totalizator-status.is-locked{background:rgba(239,68,68,.14);color:#fecaca}
.totalizator-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:18px 14px;border-radius:26px;background:linear-gradient(180deg,rgba(13,23,40,.88),rgba(9,16,29,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.team-card{display:grid;justify-items:center;gap:10px;text-align:center}
.team-card--left{justify-items:start;text-align:left}
.team-card--right{justify-items:end;text-align:right}
.team-flag{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-size:28px}
.team-flag img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px}
.team-flag span{font-size:18px;font-weight:900;color:rgba(255,255,255,.58)}
.team-name{font-size:18px;font-weight:800;line-height:1.15}
.match-center{display:grid;justify-items:center;gap:10px;text-align:center;min-width:118px}
.match-date-wrap{display:grid;gap:4px}
.match-date-line,.match-time-line{font-size:15px;font-weight:800;line-height:1.1}
.match-date-line{color:#f8fafc}
.match-time-line{color:rgba(255,255,255,.78)}
.match-separator{font-size:20px;font-weight:900;text-transform:uppercase;color:rgba(255,255,255,.66)}
.match-score{font-size:28px;font-weight:900;letter-spacing:.04em;color:#ff9a2f}
.totalizator-note,.totalizator-pick{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.05);line-height:1.45;color:rgba(255,255,255,.9)}
.totalizator-pick{font-weight:700}
.totalizator-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:340px;overflow:auto;padding-right:2px}
.totalizator-minute-btn{border:0;border-radius:14px;padding:11px 0;background:rgba(10,24,48,.9);color:#f8fafc;font-weight:800;font-size:14px;box-shadow:inset 0 0 0 1px rgba(59,130,246,.16);transition:.18s ease;cursor:pointer}
.totalizator-minute-btn.is-stoppage{font-size:12px;letter-spacing:-.2px;background:rgba(30,64,175,.2);box-shadow:inset 0 0 0 1px rgba(96,165,250,.24)}
.totalizator-minute-btn.is-selected{background:linear-gradient(180deg,#ff9a2f,#ff6a00);color:#fff;box-shadow:0 10px 24px rgba(255,106,0,.24)}
.totalizator-minute-btn.is-locked{opacity:.56;cursor:default}
.totalizator-minute-btn.is-predicted{background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 10px 22px rgba(37,99,235,.24)}
.totalizator-minute-btn.is-busy{background:rgba(255,255,255,.06);color:rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.totalizator-results{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);line-height:1.55;color:rgba(255,255,255,.86)}
.totalizator-winners{display:grid;gap:10px}
.totalizator-winner{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:16px;background:rgba(15,23,42,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.totalizator-winner b{display:block;font-size:14px}
.totalizator-winner span{display:block;color:rgba(255,255,255,.68);font-size:12px}
.totalizator-empty{color:rgba(255,255,255,.56);text-align:center;padding:12px}
.totalizator-confirm-card{display:grid;gap:14px}
.totalizator-confirm-text{font-size:16px;line-height:1.45;color:rgba(255,255,255,.9)}
.totalizator-confirm-warning{padding:12px 14px;border-radius:14px;background:rgba(245,158,11,.14);color:#ffd18b;font-size:14px;line-height:1.4}
.totalizator-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ghost-btn{border:none;border-radius:16px;padding:15px 18px;background:rgba(255,255,255,.08);color:#fff;font-weight:800;cursor:pointer}
.ghost-btn:disabled{opacity:.5;cursor:default}
@media (max-width: 430px){.totalizator-scoreboard{grid-template-columns:1fr auto 1fr;padding:16px 12px}.team-flag{width:48px;height:48px;font-size:24px}.team-name{font-size:16px}.match-date-line,.match-time-line{font-size:14px}.match-score{font-size:24px}.totalizator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.totalizator-confirm-actions{grid-template-columns:1fr}.totalizator-head{flex-direction:column;align-items:flex-start}}


/* totalizator visual fixes v1.0.88 */
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 8px;gap:0}
.bottom-nav button{font-size:11px;line-height:1.05;white-space:nowrap;gap:4px;padding:4px 1px}
.bottom-nav svg{width:25px;height:25px}
.app-screen[data-screen="totalizator"] .totalizator-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.app-screen[data-screen="totalizator"] .totalizator-results-panel{margin-top:14px}
.app-screen[data-screen="totalizator"] .totalizator-grid{max-height:none!important;overflow:visible!important;padding-right:0!important}
.app-screen[data-screen="totalizator"] .totalizator-note[hidden],
.app-screen[data-screen="totalizator"] .totalizator-pick[hidden],
.app-screen[data-screen="totalizator"] .totalizator-grid[hidden]{display:none!important}
@media (max-width:430px){.bottom-nav button{font-size:10.5px}.bottom-nav svg{width:24px;height:24px}.bottom-nav{padding:8px 7px}}


/* totalizator v1.0.89 refinements */
.app-screen[data-screen="totalizator"]{gap:18px;padding-bottom:150px}
.app-screen[data-screen="totalizator"] .totalizator-panel,
.app-screen[data-screen="totalizator"] .totalizator-results-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.app-screen[data-screen="totalizator"] .totalizator-head{margin-bottom:8px}
.app-screen[data-screen="totalizator"] .totalizator-scoreboard{margin:0 0 18px}
.app-screen[data-screen="totalizator"] .totalizator-note,
.app-screen[data-screen="totalizator"] .totalizator-pick{margin:0 0 12px}
.app-screen[data-screen="totalizator"] .totalizator-grid{max-height:none!important;overflow:visible!important;padding:0 0 8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.app-screen[data-screen="totalizator"] .totalizator-minute-btn{min-height:46px}
.app-screen[data-screen="totalizator"] .totalizator-results-panel .panel-headlined{margin:0 0 12px}
.app-screen[data-screen="totalizator"] .totalizator-results-panel h3{margin:0 0 10px;font-size:28px;line-height:1.08}
.app-screen[data-screen="totalizator"] .totalizator-results{display:grid;gap:10px;padding:0;background:transparent!important;border-radius:0}
.totalizator-result-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.totalizator-result-row span{font-size:14px;font-weight:800;color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.04em}
.totalizator-result-row b{font-size:18px;color:#fff;text-align:right}
.app-screen[data-screen="totalizator"] .totalizator-winner{margin-top:8px}
@media (max-width:430px){.app-screen[data-screen="totalizator"] .totalizator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.app-screen[data-screen="totalizator"] .totalizator-minute-btn{min-height:44px}}


/* totalizator v1.0.90 final spacing */
.app-screen[data-screen="totalizator"] .totalizator-results-panel{margin-top:6px!important}
.app-screen[data-screen="totalizator"] .totalizator-results-panel .panel-headlined{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 14px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.app-screen[data-screen="totalizator"] .totalizator-results-panel .totalizator-chip{margin-top:2px}
.app-screen[data-screen="totalizator"] .totalizator-results-panel::before,
.app-screen[data-screen="totalizator"] .totalizator-results-panel::after{display:none!important}
.app-screen[data-screen="totalizator"] .totalizator-winners{margin-top:12px}


/* totalizator v1.0.95 status chips and clean empty blocks */
.app-screen[data-screen="totalizator"] .totalizator-head{gap:12px!important}
.app-screen[data-screen="totalizator"] .totalizator-status-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.app-screen[data-screen="totalizator"] .totalizator-choice-badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:rgba(34,197,94,.16);color:#bbf7d0;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(34,197,94,.14)}
.app-screen[data-screen="totalizator"] .totalizator-choice-badge[hidden],
.app-screen[data-screen="totalizator"] .totalizator-closed-badge[hidden],
.app-screen[data-screen="totalizator"] .totalizator-note[hidden],
.app-screen[data-screen="totalizator"] .totalizator-pick[hidden]{display:none!important}
.app-screen[data-screen="totalizator"] .totalizator-closed-badge{background:rgba(245,158,11,.14);color:#ffd18b}
.app-screen[data-screen="totalizator"] .totalizator-status.is-live{background:rgba(239,68,68,.14);color:#fecaca}
.app-screen[data-screen="totalizator"] .totalizator-note:empty,
.app-screen[data-screen="totalizator"] .totalizator-pick:empty{display:none!important}
.app-screen[data-screen="totalizator"] .totalizator-minute-btn.is-predicted{opacity:1!important;background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 10px 22px rgba(37,99,235,.24), inset 0 0 0 1px rgba(255,255,255,.12)!important}
.app-screen[data-screen="totalizator"] .totalizator-minute-btn.is-busy{opacity:.55!important;background:rgba(255,255,255,.07)!important;color:rgba(255,255,255,.38)!important}
.app-screen[data-screen="totalizator"] .totalizator-minute-btn.is-busy:not(:disabled){cursor:pointer!important}
.app-screen[data-screen="totalizator"] .totalizator-minute-btn:not(.is-busy):not(.is-predicted).is-locked{opacity:.72}
.app-screen[data-screen="totalizator"] .totalizator-minute-btn.is-access-check{cursor:pointer;opacity:.9}


/* totalizator v1.0.96 title/closed badge cleanup */
.app-screen[data-screen="totalizator"] #totalizatorTitle{display:none!important}
.app-screen[data-screen="totalizator"] .totalizator-head{justify-content:flex-start!important}
.app-screen[data-screen="totalizator"] .totalizator-status-line{width:100%;justify-content:flex-start!important}

/* maintenance mode v1.0.100 */
body.maintenance-active{overflow:hidden!important;touch-action:none}
.maintenance-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,rgba(255,154,47,.2),transparent 19rem),rgba(3,5,8,.94);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.maintenance-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.maintenance-card{width:min(100%,390px);padding:30px 24px 26px;border:1px solid rgba(255,154,47,.28);border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(255,154,47,.2),transparent 58%),rgba(13,17,24,.97);box-shadow:0 30px 90px rgba(0,0,0,.68),inset 0 0 0 1px rgba(255,255,255,.05);color:#fff;text-align:center}
.maintenance-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;border-radius:22px;background:linear-gradient(145deg,rgba(255,176,73,.22),rgba(255,106,0,.12));box-shadow:inset 0 0 0 1px rgba(255,176,73,.18);font-size:34px}
.maintenance-kicker{display:block;margin-bottom:8px;color:#ffae4a;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.maintenance-card h2{margin:0 0 12px;font-size:27px;line-height:1.12}
.maintenance-card p{margin:0;color:rgba(255,255,255,.78);font-size:15px;font-weight:700;line-height:1.52;white-space:pre-line}
.maintenance-wait{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.56);font-size:12px;font-weight:800}
.maintenance-wait span{width:9px;height:9px;border-radius:50%;background:#ff9a2f;box-shadow:0 0 0 0 rgba(255,154,47,.55);animation:maintenancePulse 1.4s ease-out infinite}
@keyframes maintenancePulse{0%{box-shadow:0 0 0 0 rgba(255,154,47,.55)}75%,100%{box-shadow:0 0 0 9px rgba(255,154,47,0)}}
.app-screen[data-screen="totalizator"] .totalizator-info-hidden{display:none!important}


/* totalizator v1.0.98 page title */
.app-screen[data-screen="totalizator"] .totalizator-head{display:grid!important;gap:10px!important;justify-content:stretch!important;align-items:start!important;margin-bottom:12px!important}
.app-screen[data-screen="totalizator"] #totalizatorTitle{display:block!important;margin:0!important;font-size:24px!important;line-height:1.08!important;font-weight:900!important;color:#fff!important;letter-spacing:-.02em!important}
.app-screen[data-screen="totalizator"] #totalizatorTitle[hidden]{display:block!important}
.app-screen[data-screen="totalizator"] .totalizator-status-line{width:100%;justify-content:flex-start!important}

/* predictions v1.0.107 */
.magic-entry-zone{position:absolute;top:15px;right:17px;z-index:3;display:block;width:56px;height:56px}
.magic-entry-zone[hidden]{display:none!important}
.magic-entry-button{position:relative;z-index:2;display:grid;width:100%;height:100%;place-items:center;padding:0;overflow:hidden;border:0;border-radius:50%;background:transparent;box-shadow:0 8px 18px rgba(0,0,0,.3);animation:magicEntryCall 3.6s ease-in-out infinite;isolation:isolate}
.magic-entry-fallback{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#293d74,#17264e);font-size:28px;line-height:1}
.magic-entry-button img{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:50%;object-fit:contain;filter:none}
.magic-entry-button:active{transform:scale(.94)}
.magic-entry-stars{position:absolute;inset:-13px;z-index:1;pointer-events:none}
.magic-entry-stars i{position:absolute;display:block;width:2px;height:2px;border-radius:50%;background:rgba(244,249,255,.96);box-shadow:0 0 5px 2px rgba(213,232,255,.48);opacity:0;animation:magicEntryStar 4.8s ease-in-out infinite}
.magic-entry-stars i::before,.magic-entry-stars i::after{position:absolute;top:50%;left:50%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(249,252,255,.96),transparent);content:"";transform:translate(-50%,-50%)}
.magic-entry-stars i::before{width:1px;height:10px;background:linear-gradient(180deg,transparent,rgba(249,252,255,.95),transparent)}
.magic-entry-stars i::after{width:8px;height:1px}
.magic-entry-stars i:nth-child(1){left:9%;top:19%;--star-x:7px;--star-y:-5px;animation-delay:-.8s}.magic-entry-stars i:nth-child(2){right:5%;top:30%;--star-x:-6px;--star-y:6px;animation-delay:-2.6s}.magic-entry-stars i:nth-child(3){right:14%;bottom:8%;--star-x:-8px;--star-y:-4px;animation-delay:-1.7s}.magic-entry-stars i:nth-child(4){left:16%;bottom:4%;--star-x:6px;--star-y:-7px;animation-delay:-3.4s}.magic-entry-stars i:nth-child(5){left:49%;top:1%;--star-x:5px;--star-y:7px;animation-delay:-4.2s}
@keyframes magicEntryCall{0%,28%{transform:translateX(0) rotate(0) scale(1)}9%{transform:translateX(0) rotate(0) scale(1.09)}18%{transform:translateX(0) rotate(0) scale(.98)}34%,100%{transform:translateX(0) rotate(0) scale(1)}36%{transform:translateX(-2px) rotate(-2deg) scale(1)}38%{transform:translateX(2px) rotate(2deg) scale(1)}40%{transform:translateX(-2px) rotate(-1.5deg) scale(1)}42%{transform:translateX(2px) rotate(1.5deg) scale(1)}44%{transform:translateX(0) rotate(0) scale(1)}}
@keyframes magicEntryStar{0%,100%{opacity:.08;transform:translate3d(0,0,0) scale(.55)}28%{opacity:.88;transform:translate3d(var(--star-x),0,0) scale(1)}62%{opacity:.28;transform:translate3d(var(--star-x),var(--star-y),0) scale(.7)}82%{opacity:.72;transform:translate3d(0,var(--star-y),0) scale(.92)}}
.app-screen.predictions-page.is-active{display:flex;min-height:0;overflow:hidden}
.prediction-stage{position:relative;z-index:3;width:100%;min-height:0;flex:1 1 auto;overflow:hidden;border:0;border-radius:26px;background:url("../img/almax_magic_s2_last.jpg?v=202607232") center top/cover no-repeat,#050914;box-shadow:0 22px 46px rgba(0,0,0,.48)}
.prediction-video{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;background:#050914;opacity:1;transition:opacity .08s linear}
.prediction-stage.is-revealed .prediction-video{opacity:0}
.prediction-last-frame{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;pointer-events:none;transition:opacity .08s linear}
.prediction-stage.is-ending .prediction-last-frame,.prediction-stage.is-revealed .prediction-last-frame{opacity:1}
.prediction-reveal{position:absolute;inset:auto 0 0;z-index:5;display:flex;min-height:65%;align-items:center;justify-content:flex-end;flex-direction:column;padding:112px 0 0;background:linear-gradient(180deg,rgba(2,6,18,0) 0%,rgba(2,6,18,.22) 18%,rgba(2,6,18,.68) 48%,rgba(1,4,13,.96) 100%);opacity:0;pointer-events:none;text-align:center;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}
.prediction-stage.is-revealed .prediction-reveal{opacity:1;transform:translateY(0)}
.prediction-content{position:relative;display:flex;width:100%;max-width:none;align-items:center;flex-direction:column;padding:13px 20px 18px;border:0;border-radius:0 0 24px 24px;background:linear-gradient(180deg,rgba(17,30,61,.42),rgba(4,9,23,.68));box-shadow:0 -12px 34px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.prediction-emblem{display:grid;width:58px;height:58px;place-items:center;margin:-38px 0 8px;border-radius:50%;background:radial-gradient(circle,rgba(114,163,255,.3),rgba(13,25,58,.4) 62%,transparent 66%);box-shadow:0 0 30px rgba(77,135,255,.28)}
.prediction-orb{width:54px;height:54px;border-radius:50%;object-fit:contain;filter:drop-shadow(0 0 11px rgba(126,173,255,.8)) drop-shadow(0 7px 13px rgba(0,0,0,.72));animation:predictionOrbGlow 2.4s ease-in-out infinite}
.prediction-kicker{margin-bottom:5px;color:#b7d0ff;font-size:9px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.prediction-reveal h2{max-width:310px;margin:0;color:#fff;font-size:clamp(20px,5.8vw,25px);line-height:1.08;letter-spacing:-.025em;text-shadow:0 3px 16px rgba(0,0,0,.96)}
.prediction-divider{display:flex;width:min(160px,60%);align-items:center;justify-content:center;gap:8px;margin:8px 0 7px;color:#7fb0ff;font-size:10px;text-shadow:0 0 10px rgba(96,155,255,.9)}
.prediction-divider i{display:block;height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(137,180,255,.55))}
.prediction-divider i:last-child{transform:scaleX(-1)}
.prediction-reveal p{max-width:310px;margin:0;color:rgba(244,248,255,.9);font-size:clamp(12px,3.45vw,14px);font-weight:720;line-height:1.38;white-space:pre-line;text-shadow:0 2px 12px rgba(0,0,0,.96)}
.prediction-action{display:flex;width:100%;min-height:45px;align-items:center;justify-content:center;gap:9px;margin-top:13px;padding:0 16px;border:0;border-radius:15px;background:linear-gradient(135deg,#527fff,#6b4bd8);box-shadow:0 12px 24px rgba(59,91,211,.3),inset 0 0 0 1px rgba(255,255,255,.18);color:#fff;font-size:13px;font-weight:950;letter-spacing:.01em;pointer-events:none}
.prediction-action[hidden]{display:none}
.prediction-stage.is-revealed .prediction-action{pointer-events:auto}
.prediction-action svg{width:19px;height:19px;transition:transform .18s ease}
.prediction-action:active{transform:scale(.98)}.prediction-action:active svg{transform:translateX(3px)}
.prediction-play-hint{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;padding:28px;background:rgba(3,7,18,.48);color:#fff;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.prediction-play-hint[hidden]{display:none}
.prediction-play-hint span{font-size:34px}.prediction-play-hint b{max-width:240px;font-size:14px;line-height:1.35;text-shadow:0 2px 10px rgba(0,0,0,.85)}
.magic-fireflies{position:absolute;inset:0;z-index:4;overflow:hidden;opacity:0;pointer-events:none;transition:opacity 1s ease .2s}
.predictions-page.is-revealed .magic-fireflies{opacity:1}
.magic-fireflies i{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:rgba(223,239,255,.92);box-shadow:0 0 5px 2px rgba(96,161,255,.48),0 0 13px 5px rgba(71,111,232,.17);opacity:0}
.magic-fireflies i::before,.magic-fireflies i::after{position:absolute;top:50%;left:50%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(221,237,255,.92),transparent);content:"";transform:translate(-50%,-50%)}
.magic-fireflies i::before{width:1px;height:13px;background:linear-gradient(180deg,transparent,rgba(221,237,255,.9),transparent)}
.magic-fireflies i::after{width:11px;height:1px}
.predictions-page.is-revealed .magic-fireflies i{animation:magicFirefly var(--fly-time,7s) ease-in-out var(--fly-delay,0s) infinite}
.magic-fireflies i:nth-child(1){left:11%;top:19%;--fly-time:7.4s;--fly-delay:-2s;--dx:38px;--dy:-48px}.magic-fireflies i:nth-child(2){left:24%;top:38%;--fly-time:8.1s;--fly-delay:-5s;--dx:-28px;--dy:-62px}.magic-fireflies i:nth-child(3){left:38%;top:14%;--fly-time:6.8s;--fly-delay:-1s;--dx:24px;--dy:54px}.magic-fireflies i:nth-child(4){left:51%;top:33%;--fly-time:9s;--fly-delay:-6s;--dx:-36px;--dy:-45px}.magic-fireflies i:nth-child(5){left:65%;top:17%;--fly-time:7.2s;--fly-delay:-4s;--dx:30px;--dy:62px}.magic-fireflies i:nth-child(6){left:82%;top:28%;--fly-time:8.6s;--fly-delay:-3s;--dx:-42px;--dy:50px}.magic-fireflies i:nth-child(7){left:91%;top:48%;--fly-time:6.9s;--fly-delay:-1.5s;--dx:-27px;--dy:-58px}.magic-fireflies i:nth-child(8){left:17%;top:57%;--fly-time:9.3s;--fly-delay:-7s;--dx:44px;--dy:-38px}.magic-fireflies i:nth-child(9){left:34%;top:68%;--fly-time:7.7s;--fly-delay:-4.5s;--dx:-24px;--dy:-51px}.magic-fireflies i:nth-child(10){left:57%;top:56%;--fly-time:8.4s;--fly-delay:-2.5s;--dx:31px;--dy:-64px}.magic-fireflies i:nth-child(11){left:76%;top:66%;--fly-time:7.1s;--fly-delay:-5.5s;--dx:-38px;--dy:-43px}.magic-fireflies i:nth-child(12){left:8%;top:76%;--fly-time:8.9s;--fly-delay:-3.5s;--dx:36px;--dy:-55px}.magic-fireflies i:nth-child(13){left:46%;top:79%;--fly-time:6.6s;--fly-delay:-6.5s;--dx:27px;--dy:-46px}.magic-fireflies i:nth-child(14){left:88%;top:81%;--fly-time:8s;--fly-delay:-.5s;--dx:-34px;--dy:-61px}
@keyframes magicFirefly{0%,100%{opacity:.12;transform:translate3d(0,0,0) scale(.55)}22%{opacity:.92;transform:translate3d(var(--dx),0,0) scale(1.15)}52%{opacity:.34;transform:translate3d(var(--dx),var(--dy),0) scale(.72)}78%{opacity:.8;transform:translate3d(0,var(--dy),0) scale(1)}}
@keyframes predictionOrbGlow{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.045)}}
@media(max-width:380px){.magic-entry-zone{top:14px;right:14px;width:50px;height:50px}.magic-entry-fallback{font-size:25px}}
@media(max-height:690px){.prediction-reveal{min-height:68%;padding:96px 0 0}.prediction-content{padding:11px 16px 14px}.prediction-emblem{width:52px;height:52px;margin-top:-34px}.prediction-orb{width:48px;height:48px}.prediction-action{min-height:41px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.magic-entry-button,.magic-entry-stars i,.prediction-orb,.predictions-page.is-revealed .magic-fireflies i{animation:none}.magic-entry-stars,.magic-fireflies{display:none}}

/* tasks v1.0 */
.bottom-nav[data-visible-count="6"]{padding-right:7px;padding-left:7px}
.bottom-nav[data-visible-count="6"] button{gap:4px;padding-right:0;padding-left:0;font-size:9.5px}
.bottom-nav[data-visible-count="6"] svg{width:24px;height:24px}
.tasks-page{background:radial-gradient(circle at 86% 8%,rgba(255,176,0,.1),transparent 8rem)}
.tasks-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
.tasks-page-head h1{margin:0 0 3px;color:#fff;font-size:27px;font-weight:950;letter-spacing:-.035em}
.tasks-page-head p{margin:0;color:rgba(255,255,255,.55);font-size:13px;font-weight:720}
.tasks-points-badge{display:flex;min-width:88px;align-items:center;justify-content:center;gap:9px;padding:9px 12px;border:1px solid rgba(255,182,31,.22);border-radius:17px;background:linear-gradient(145deg,rgba(255,179,0,.14),rgba(255,106,0,.06));box-shadow:0 0 24px rgba(255,171,0,.1),inset 0 0 0 1px rgba(255,255,255,.03)}
.tasks-points-badge strong{color:#fff;font-size:22px;font-weight:950}.tasks-star-icon{display:grid;width:31px;height:31px;place-items:center;border:2px solid #ffb300;border-radius:10px;color:#ffe279;font-size:16px;filter:drop-shadow(0 0 6px rgba(255,173,0,.78));transform:rotate(30deg)}.tasks-star-icon::first-letter{transform:rotate(-30deg)}
.tasks-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;padding:13px 15px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:linear-gradient(145deg,rgba(18,22,29,.96),rgba(11,14,19,.96));box-shadow:0 12px 28px rgba(0,0,0,.24)}
.tasks-summary>div:first-child{display:grid;gap:2px;color:rgba(255,255,255,.56);font-size:11px;font-weight:720}.tasks-summary>div:first-child b{color:#ff821b;font-size:12px}
.tasks-summary-points{display:flex;min-width:78px;align-items:center;justify-content:center;gap:3px;padding:7px 10px;border-radius:11px;background:rgba(255,255,255,.055);color:#fff;font-size:21px}.tasks-summary-points strong{font-weight:950}.tasks-summary-points i{display:grid;width:21px;height:21px;place-items:center;margin-left:3px;border:1px solid #d98f00;border-radius:7px;color:#ffc32a;font-size:11px;font-style:normal}
.tasks-list{overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:linear-gradient(150deg,rgba(15,19,26,.96),rgba(8,11,16,.97));box-shadow:0 16px 32px rgba(0,0,0,.24)}
.task-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:13px;margin:0 13px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.075)}
.task-card:last-child{border-bottom:0}.task-card.is-completed{opacity:.72}
.task-icon{display:grid;width:56px;height:56px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:26px;box-shadow:inset 0 0 18px color-mix(in srgb,currentColor 11%,transparent),0 0 18px color-mix(in srgb,currentColor 9%,transparent)}
.task-icon svg{width:29px;height:29px;stroke-width:1.8}.task-icon.subscription{color:#2eaaf5}.task-icon.name{color:#18d67a}.task-icon.story{color:#c044f3}
.task-icon .task-al{font-size:18px;font-weight:950;letter-spacing:-.04em}.task-card-main{min-width:0}.task-card-main h3{margin:0 0 4px;color:#f7f7f8;font-size:14px;font-weight:900;line-height:1.2}.task-card-main p{margin:0 0 7px;color:rgba(255,255,255,.53);font-size:11px;font-weight:650;line-height:1.35;white-space:pre-line}.task-reward{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:12px;font-weight:900}.task-reward i{display:grid;width:18px;height:18px;place-items:center;border:1px solid #d98f00;border-radius:6px;color:#ffc32a;font-size:9px;font-style:normal}.task-state{display:inline-flex;align-items:center;gap:5px;margin-left:7px;color:#72dc97;font-size:10px;font-weight:850}
.task-action{min-width:91px;min-height:39px;padding:0 13px;border:1px solid rgba(255,165,64,.35);border-radius:10px;background:linear-gradient(180deg,#ff7b08,#e95c00);box-shadow:0 7px 18px rgba(224,83,0,.25),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;font-size:12px;font-weight:900}.task-action:active{transform:translateY(1px)}.task-action:disabled{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.08);box-shadow:none;color:rgba(255,255,255,.58);opacity:1}
.task-empty{padding:28px 18px;color:rgba(255,255,255,.55);font-size:13px;font-weight:750;line-height:1.45;text-align:center}
.tasks-tech-note{margin-top:12px;padding:10px 12px;border:1px solid rgba(255,187,71,.16);border-radius:12px;background:rgba(255,171,36,.07);color:#ffc066;font-size:11px;font-weight:800;line-height:1.4}
.tasks-tech-note[hidden]{display:none!important}
@media(max-width:375px){.task-card{grid-template-columns:48px minmax(0,1fr) auto;gap:9px;margin:0 10px}.task-icon{width:48px;height:48px}.task-icon svg{width:25px;height:25px}.task-action{min-width:75px;padding:0 9px;font-size:10.5px}.task-card-main h3{font-size:13px}.task-card-main p{font-size:10.5px}.tasks-page-head h1{font-size:24px}}

/* tasks + predict v1.09.20 */
.task-icon.daily{color:#f5b82e}.task-icon.code{color:#6e8cff}
.bottom-nav[data-visible-count="7"]{padding-right:5px;padding-left:5px}
.bottom-nav[data-visible-count="7"] button{gap:3px;padding-right:0;padding-left:0;font-size:8.5px;letter-spacing:-.02em}
.bottom-nav[data-visible-count="7"] svg{width:22px;height:22px}
.predict-page{padding-bottom:150px;background:radial-gradient(circle at 80% 4%,rgba(119,55,255,.13),transparent 12rem)}
.predict-page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}
.predict-page-head h1{margin:0 0 3px;color:#fff;font-size:28px;font-weight:950;letter-spacing:-.04em}
.predict-page-head p{margin:0;color:rgba(255,255,255,.55);font-size:13px;font-weight:750}
.predict-balance{display:flex;min-width:88px;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:1px solid rgba(158,99,255,.25);border-radius:17px;background:linear-gradient(145deg,rgba(105,48,207,.2),rgba(51,25,101,.13));box-shadow:0 0 24px rgba(123,67,255,.12)}
.predict-balance span{display:grid;width:29px;height:29px;place-items:center;border:2px solid #8f54ff;border-radius:10px;color:#d7b7ff;font-size:15px;transform:rotate(28deg)}
.predict-balance strong{font-size:21px;font-weight:950;color:#fff}
.predict-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(12,15,21,.93)}
.predict-tabs button{min-height:42px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.48);font-size:13px;font-weight:900}
.predict-tabs button.is-active{background:rgba(255,255,255,.045);color:#ff8326;box-shadow:inset 0 -2px 0 #ff7a13}
.predict-list{display:grid;gap:13px}
.predict-card{overflow:hidden;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:linear-gradient(155deg,rgba(13,17,24,.98),rgba(7,10,15,.98));box-shadow:0 14px 34px rgba(0,0,0,.25)}
.predict-card.is-finished{opacity:.92}
.predict-card-top{display:grid;grid-template-columns:101px minmax(0,1fr);gap:14px;align-items:start}
.predict-card-image{display:block;width:101px;height:132px;border-radius:9px;object-fit:cover;background:#121620;box-shadow:0 9px 20px rgba(0,0,0,.35)}
.predict-card-fallback{display:grid;place-items:center;font-size:35px;background:linear-gradient(145deg,#432a71,#1a1427)}
.predict-card-meta{min-width:0;padding-top:1px}
.predict-live-badge{display:inline-flex;margin-bottom:7px;padding:5px 8px;border-radius:6px;background:rgba(139,64,240,.22);color:#bd83ff;font-size:9px;font-weight:950;letter-spacing:.05em}
.predict-live-badge.closed{background:rgba(255,255,255,.08);color:rgba(255,255,255,.62)}
.predict-card-meta h2{margin:0 0 4px;color:#fff;font-size:18px;font-weight:950;line-height:1.12;letter-spacing:-.025em}
.predict-card-meta p{min-height:17px;margin:0 0 13px;color:rgba(255,255,255,.47);font-size:12px;font-weight:700}
.predict-timer-label{margin-bottom:4px;color:rgba(255,255,255,.48);font-size:11px;font-weight:750}
.predict-timer{color:#fff;font-size:17px;font-weight:950;letter-spacing:.035em;font-variant-numeric:tabular-nums}
.predict-question{margin:13px 1px 11px;color:rgba(255,255,255,.71);font-size:12px;font-weight:720;line-height:1.42}
.predict-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.predict-option{position:relative;display:grid;min-height:77px;place-items:center;padding:10px 8px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035);color:#fff;text-align:center}
.predict-option strong{font-size:13px;font-weight:950}.predict-option span{min-height:14px;color:rgba(255,255,255,.53);font-size:10px;font-weight:700}.predict-option b{font-size:11px;font-weight:950}
.predict-option.green{border-color:rgba(22,163,74,.45);background:linear-gradient(145deg,rgba(17,107,55,.2),rgba(9,52,30,.12))}.predict-option.green b{color:#71e39b}
.predict-option.orange{border-color:rgba(234,102,24,.48);background:linear-gradient(145deg,rgba(135,61,15,.23),rgba(69,31,12,.12))}.predict-option.orange b{color:#ffad6a}
.predict-option.purple{border-color:rgba(146,82,255,.48);background:rgba(97,54,174,.16)}.predict-option.purple b{color:#c59aff}
.predict-option.blue{border-color:rgba(59,130,246,.48);background:rgba(35,84,161,.16)}.predict-option.blue b{color:#91bdff}
.predict-option.is-selected{box-shadow:inset 0 0 0 1px currentColor,0 0 18px rgba(65,216,118,.12)}.predict-option:disabled{opacity:.68}
.predict-card-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;padding:11px 12px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:rgba(255,255,255,.025)}
.predict-card-summary>div{display:grid;gap:2px}.predict-card-summary>div+div{padding-left:12px;border-left:1px solid rgba(255,255,255,.06)}
.predict-card-summary span{color:rgba(255,255,255,.44);font-size:9px;font-weight:800}.predict-card-summary b{color:#fff;font-size:13px;font-weight:950}.predict-card-summary small{color:rgba(255,255,255,.42);font-size:9px;font-weight:750}
.predict-result-note{margin-top:10px;padding:10px 11px;border-radius:10px;background:rgba(132,77,238,.11);color:#d9c5ff;font-size:11px;font-weight:800;line-height:1.4}
.predict-empty{padding:34px 18px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(12,15,21,.92);color:rgba(255,255,255,.54);font-size:13px;font-weight:780;text-align:center}
.predict-bet-card{display:grid;gap:13px}
.predict-bet-card h2{margin:0;padding-right:36px;font-size:20px}.predict-bet-question{margin:-5px 0 0;color:rgba(255,255,255,.58);font-size:12px;font-weight:700}
.predict-bet-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.predict-modal-option{display:grid;min-height:84px;place-items:center;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035);color:#fff;text-align:center}
.predict-modal-option strong{font-size:14px;font-weight:950}.predict-modal-option span{font-size:10px;color:rgba(255,255,255,.55)}.predict-modal-option b{font-size:12px}
.predict-modal-option.green{border-color:rgba(22,163,74,.48)}.predict-modal-option.orange{border-color:rgba(234,102,24,.48)}.predict-modal-option.purple{border-color:rgba(146,82,255,.48)}.predict-modal-option.blue{border-color:rgba(59,130,246,.48)}
.predict-modal-option.is-selected{background:linear-gradient(145deg,rgba(18,111,58,.29),rgba(65,29,114,.14));box-shadow:inset 0 0 0 1px #31bf68}
.predict-bet-amount-head{display:flex;justify-content:space-between;gap:10px;color:rgba(255,255,255,.65);font-size:11px;font-weight:800}.predict-bet-amount-head b{color:#be83ff}
.predict-bet-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.predict-bet-presets button{min-height:40px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(255,255,255,.035);color:#fff;font-size:12px;font-weight:900}.predict-bet-presets button.is-active{border-color:#ff7a13;background:linear-gradient(180deg,#ff851e,#e95d00)}.predict-bet-presets button:disabled{opacity:.35}
.predict-custom-amount{display:grid;gap:6px;color:rgba(255,255,255,.55);font-size:10px;font-weight:800}.predict-custom-amount input{min-height:43px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(3,6,11,.76);color:#fff;font-size:14px;font-weight:850}
.predict-potential{display:flex;align-items:center;justify-content:space-between;padding:15px 12px;border:1px solid rgba(129,64,225,.17);border-radius:11px;background:rgba(24,14,40,.42)}.predict-potential span{color:rgba(255,255,255,.5);font-size:11px;font-weight:800}.predict-potential strong{color:#b76fff;font-size:21px;font-weight:950}
.predict-warning{padding:10px 11px;border-radius:9px;background:rgba(142,62,18,.25);color:#f2aa81;font-size:10px;font-weight:800;line-height:1.35}.predict-confirm{background:linear-gradient(180deg,#ff861e,#e95c00)!important}
@media(max-width:365px){.predict-card-top{grid-template-columns:88px minmax(0,1fr)}.predict-card-image{width:88px;height:119px}.predict-card-meta h2{font-size:16px}.predict-options,.predict-bet-options{grid-template-columns:1fr}.predict-bet-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* tasks v2: custom icons, compact cards and referrals */
.tasks-page{
  padding-bottom:150px;
  background:
    radial-gradient(circle at 90% 2%,rgba(67,139,255,.13),transparent 13rem),
    radial-gradient(circle at 0 36%,rgba(255,115,22,.07),transparent 15rem);
}
.tasks-page-head{margin-bottom:14px}
.tasks-page-head h1{font-size:29px;letter-spacing:-.045em}
.tasks-page-head p{color:rgba(255,255,255,.48);font-size:12px;letter-spacing:.01em}
.tasks-points-badge{
  min-width:96px;
  padding:8px 12px 8px 9px;
  border-color:rgba(255,189,47,.22);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(28,33,43,.96),rgba(12,15,21,.96));
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
}
.tasks-points-badge img{width:35px;height:35px;flex:0 0 35px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(255,190,0,.16))}
.tasks-points-badge strong{font-size:21px;letter-spacing:-.035em}
.tasks-list{display:grid;gap:10px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.task-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  margin:0;
  padding:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:17px;
  background:
    linear-gradient(145deg,rgba(18,22,30,.97),rgba(8,11,16,.98)),
    radial-gradient(circle at 0 0,rgba(255,255,255,.04),transparent 45%);
  box-shadow:0 14px 30px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.035);
}
.task-card:last-child{border-bottom:1px solid rgba(255,255,255,.075)}
.task-icon{display:grid;width:58px;height:58px;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none}
.task-icon img{display:block;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.24))}
.task-icon.referral img{width:52px;height:52px}
.task-card-main h3{margin-bottom:5px;font-size:14px;line-height:1.22;letter-spacing:-.01em}
.task-card-main p{margin-bottom:3px;color:rgba(255,255,255,.5);font-size:11px;line-height:1.42}
.task-reward{gap:4px;color:#ffd67a;font-size:11.5px}
.task-reward img{width:18px;height:18px;object-fit:contain}
.task-state{margin-left:8px;color:#71c9ff}
.task-action{min-width:88px;min-height:40px;border-radius:11px;font-size:11px;letter-spacing:.01em}
.task-empty{border:1px dashed rgba(255,255,255,.1);border-radius:17px;background:rgba(12,15,21,.82)}
.task-card-referral{
  grid-template-columns:58px minmax(0,1fr);
  background:
    radial-gradient(circle at 94% 0,rgba(51,136,255,.13),transparent 48%),
    linear-gradient(145deg,rgba(17,23,34,.98),rgba(7,11,17,.99));
}
.task-card-referral .referral-details{grid-column:1/-1;display:grid;gap:9px;margin-top:2px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
.referral-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:43px;padding:6px 7px 6px 12px;border:1px solid rgba(71,150,255,.2);border-radius:11px;background:rgba(40,92,163,.11);color:#fff;text-align:left}
.referral-link span{min-width:0;overflow:hidden;color:rgba(213,230,255,.72);font-size:10.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.referral-link b{padding:8px 10px;border-radius:8px;background:linear-gradient(180deg,#338bff,#1765d8);font-size:10px;font-weight:900;box-shadow:0 6px 14px rgba(32,112,224,.22)}
.referral-link:active b{transform:translateY(1px)}
.referral-link:disabled{opacity:.55}.referral-link:disabled b{display:none}
.referral-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:rgba(255,255,255,.5);font-size:10px;font-weight:800}
.referral-progress-head strong{color:#fff;font-size:11px;font-weight:950}
.referral-progress{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.referral-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#277dff,#58b7ff);box-shadow:0 0 13px rgba(54,154,255,.5);transition:width .35s ease}
.referral-earned{color:rgba(255,255,255,.42);font-size:9.5px;font-weight:750;text-align:right}.referral-earned b{color:#ffd46f;font-weight:950}
.referral-requirements{padding:9px 10px;border:1px solid rgba(65,154,255,.16);border-radius:10px;background:rgba(40,105,190,.08);color:rgba(226,237,255,.64);font-size:9.5px;font-weight:700;line-height:1.4}.referral-requirements b{color:#69b5ff;font-weight:900}
.referral-limit-note{padding:8px 10px;border:1px solid rgba(255,184,71,.16);border-radius:10px;background:rgba(255,169,39,.07);color:rgba(255,211,140,.75);font-size:9.5px;font-weight:750;line-height:1.4}

/* Profile: balance, coupons and points always stay in one row. */
.app-screen[data-screen="profile"] .profile-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:
    linear-gradient(180deg,rgba(11,15,22,.84),rgba(4,7,12,.92)) padding-box,
    linear-gradient(90deg,rgba(34,197,94,.72),rgba(255,106,0,.58),rgba(61,137,255,.72)) border-box;
}
.app-screen[data-screen="profile"] .profile-grid::before{content:none!important}
.app-screen[data-screen="profile"] .profile-grid .profile-stat-card{
  min-width:0;
  min-height:64px;
  grid-template-columns:28px minmax(0,1fr);
  column-gap:6px;
  padding:9px 7px;
}
.app-screen[data-screen="profile"] .profile-grid .profile-stat-card+.profile-stat-card{border-left:1px solid rgba(255,255,255,.11)!important}
.app-screen[data-screen="profile"] .profile-grid .profile-stat-card::before{width:27px;height:27px;border-radius:8px;background-size:18px 18px,auto}
.app-screen[data-screen="profile"] .profile-grid .profile-points-card::before{
  border:1px solid rgba(72,149,255,.54);
  background-image:url("../img/point.png"),linear-gradient(180deg,rgba(58,133,240,.16),rgba(58,133,240,.04));
  box-shadow:0 0 22px rgba(58,133,240,.14),inset 0 0 0 1px rgba(58,133,240,.05);
}
.app-screen[data-screen="profile"] .profile-grid>div>span{margin-top:2px;font-size:9px;letter-spacing:-.01em}
.app-screen[data-screen="profile"] .profile-grid b{min-width:0;overflow:hidden;font-size:20px;letter-spacing:-.045em;text-overflow:clip;white-space:nowrap}
.app-screen[data-screen="profile"] .profile-row p[hidden]{display:none!important}
.profile-casino-accounts{display:block;margin-top:2px}
.profile-casino-accounts[hidden]{display:none!important}
.casino-account-line{display:flex;align-items:flex-start;margin:0;padding:0;color:inherit;font-size:12px;font-weight:700;line-height:1.16}
.casino-account-line .casino-account-label{flex:0 0 auto;margin-right:4px;color:rgba(255,255,255,.58)}
.casino-account-value{display:inline-flex;min-width:0;flex-direction:column;align-items:flex-start;margin:0;padding:0;line-height:1.05}
.casino-account-line b{font-weight:900}
.casino-account-value small{display:block;margin:0;padding:0;font-size:10px;font-weight:950;line-height:1.05}
.casino-account-line.is-unverified b{color:#fb923c}
.casino-account-line.is-referral b,.casino-account-line.is-referral small{color:#4ade80}
.casino-account-line.is-not-referral b,.casino-account-line.is-not-referral small{color:#fb4d5d}
.app-screen[data-screen="profile"] .profile-row .avatar.big.is-partial{
  position:relative;border:3px solid #f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.14),0 0 28px rgba(245,158,11,.18),inset 0 0 0 2px rgba(255,255,255,.08)
}
.app-screen[data-screen="profile"] .profile-row .avatar.big.is-partial::after{
  content:"?";position:absolute;top:-8px;left:-8px;display:grid;width:24px;height:24px;place-items:center;border:2px solid #140d03;border-radius:50%;background:linear-gradient(180deg,#ffb52d,#e87808);color:#fff;font-size:14px;font-weight:950;line-height:1;box-shadow:0 8px 16px rgba(245,158,11,.28)
}
.app-screen[data-screen="profile"] .profile-row .avatar.big.is-referral-rejected{
  position:relative;border:3px solid #ef334d;box-shadow:0 0 0 3px rgba(239,51,77,.16),0 0 30px rgba(239,51,77,.22),inset 0 0 0 2px rgba(255,255,255,.07)
}
.app-screen[data-screen="profile"] .profile-row .avatar.big.is-referral-rejected::after{
  content:"×";position:absolute;top:-8px;left:-8px;display:grid;width:24px;height:24px;place-items:center;border:2px solid #170307;border-radius:50%;background:linear-gradient(180deg,#ff5b70,#d81734);color:#fff;font-size:18px;font-weight:950;line-height:1;box-shadow:0 8px 16px rgba(239,51,77,.3)
}
.verification-instructions{margin:0 0 15px;color:#d7d9dd;font-size:14px;font-weight:650;line-height:1.48;white-space:pre-line}
.verification-casino-select{display:grid;gap:7px;margin:2px 0 14px;color:#9ca3af;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.verification-casino-select select{width:100%;min-height:50px;appearance:none;-webkit-appearance:none;border:1px solid rgba(96,165,250,.27);border-radius:15px;outline:0;padding:0 46px 0 15px;background-color:#111827;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2393c5fd' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(30,41,59,.98),rgba(15,23,42,.98));background-repeat:no-repeat,no-repeat;background-position:right 15px center,center;background-size:18px 18px,100% 100%;color:#f8fafc;font-size:14px;font-weight:850;box-shadow:0 12px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.verification-casino-select select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.16),0 14px 28px rgba(0,0,0,.22)}
.verification-casino-select select:active{transform:translateY(1px)}
.verification-casino-select select option{background:#111827;color:#f8fafc;font-weight:750}
.payment-verification-casino-select select{border-color:rgba(255,72,135,.38);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ff6a9e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(38,20,39,.98),rgba(18,18,31,.98));box-shadow:0 12px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06)}
.payment-verification-casino-select select:focus{border-color:#ff5d98;box-shadow:0 0 0 3px rgba(255,61,132,.17),0 14px 28px rgba(0,0,0,.24)}

/* Task verification and account entry dialogs. */
.task-action.task-action-verify:not(:disabled){
  border-color:rgba(72,184,241,.64);
  background:linear-gradient(180deg,#3ab8f5 0%,#229ed9 56%,#1688c2 100%);
  box-shadow:0 8px 20px rgba(34,158,217,.3),inset 0 1px 0 rgba(255,255,255,.28);
}
.task-action.task-action-verify:not(:disabled):active{box-shadow:0 4px 11px rgba(34,158,217,.24),inset 0 1px 0 rgba(255,255,255,.2)}
.modal-close[hidden],.modal-secondary-btn[hidden]{display:none!important}
.casino-id-card,.code-word-card{
  border-color:rgba(75,166,255,.22);
  background:
    radial-gradient(circle at 86% 0,rgba(48,148,255,.2),transparent 48%),
    linear-gradient(180deg,rgba(15,20,29,.99),rgba(7,10,16,.99));
}
.casino-id-card h2,.code-word-card h2{font-size:24px;letter-spacing:-.025em}
.casino-id-card input,.code-word-card input{
  width:100%;
  min-height:50px;
  margin:0 0 12px;
  padding:0 15px;
  border:1px solid rgba(96,165,250,.25);
  border-radius:14px;
  outline:0;
  background:linear-gradient(180deg,rgba(18,27,42,.98),rgba(10,16,27,.98));
  color:#f8fafc;
  font-size:15px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.casino-id-card input:focus,.code-word-card input:focus{border-color:#4db9f2;box-shadow:0 0 0 3px rgba(34,158,217,.15),inset 0 1px 0 rgba(255,255,255,.04)}
.casino-id-card input:disabled,.code-word-card input:disabled{opacity:.64}
.modal-secondary-btn{
  display:flex;
  width:100%;
  min-height:44px;
  align-items:center;
  justify-content:center;
  margin-top:9px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:850;
}
.modal-secondary-btn:active{transform:translateY(1px);background:rgba(255,255,255,.085)}
.code-word-card{display:grid;gap:0}
.code-word-card .modal-kicker{color:#79b8ff}
.code-word-card .code-word-hint{margin-bottom:14px;color:#b7c6da;font-size:13px}
.code-word-error{min-height:21px;margin:-3px 2px 8px;color:#fca5a5;font-size:11px;font-weight:800;line-height:1.35}

@media(max-width:375px){
  .task-card{grid-template-columns:49px minmax(0,1fr) auto;gap:9px;padding:12px}
  .task-icon{width:49px;height:49px;border-radius:13px}.task-icon img{width:36px;height:36px}.task-icon.referral img{width:45px;height:45px}
  .task-action{min-width:73px;padding:0 8px;font-size:10px}
  .task-card-referral{grid-template-columns:49px minmax(0,1fr)}
  .app-screen[data-screen="profile"] .profile-grid .profile-stat-card{grid-template-columns:24px minmax(0,1fr);column-gap:4px;padding:8px 5px}
  .app-screen[data-screen="profile"] .profile-grid .profile-stat-card::before{width:23px;height:23px;background-size:16px 16px,auto}
  .app-screen[data-screen="profile"] .profile-grid>div>span{font-size:8px}
  .app-screen[data-screen="profile"] .profile-grid b{font-size:18px}
}

/* === Shop & scratch cards v1 === */
.app-screen[data-screen="shop"]{gap:18px;padding:18px 14px 150px;background:radial-gradient(circle at 90% 3%,rgba(255,139,41,.14),transparent 26rem),linear-gradient(180deg,#080a0d,#090b0f)}
.shop-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:4px 2px 0}.shop-page-head h1{margin:3px 0 3px;color:#fff;font-size:30px;line-height:1;font-weight:950;letter-spacing:-.045em}.shop-page-head p{margin:0;color:rgba(255,255,255,.52);font-size:12px;font-weight:750}.shop-kicker{color:#ff963b;font-size:9px;font-weight:950;letter-spacing:.18em}.shop-points-badge{display:flex;align-items:center;gap:7px;min-width:112px;padding:8px 10px;border:1px solid rgba(255,164,75,.22);border-radius:15px;background:linear-gradient(145deg,rgba(255,144,47,.15),rgba(255,255,255,.055));box-shadow:0 14px 34px rgba(0,0,0,.2)}.shop-points-badge img{width:31px;height:31px;object-fit:contain}.shop-points-badge>span{display:grid;line-height:1}.shop-points-badge small{margin-bottom:4px;color:rgba(255,255,255,.5);font-size:8px;font-weight:850;text-transform:uppercase}.shop-points-badge strong{color:#fff;font-size:18px;font-weight:950;letter-spacing:-.03em}
.shop-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.045)}.shop-tabs button{min-height:39px;border:0;border-radius:11px;background:transparent;color:rgba(255,255,255,.48);font-size:12px;font-weight:900}.shop-tabs button.is-active{background:#fff;color:#17191d;box-shadow:0 8px 22px rgba(0,0,0,.24)}.shop-tab-panel{display:grid;gap:20px}.shop-tab-panel[hidden]{display:none!important}.shop-section-block{display:grid;gap:11px}.shop-section-title{display:flex;align-items:end;justify-content:space-between;gap:10px}.shop-section-title span{color:#ff963b;font-size:8px;font-weight:950;letter-spacing:.16em}.shop-section-title h2{margin:3px 0 0;color:#fff;font-size:19px;font-weight:950;letter-spacing:-.025em}.shop-section-title>small{color:rgba(255,255,255,.38);font-size:10px;font-weight:750}
.shop-unrevealed{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;border:1px solid rgba(255,176,92,.26);border-radius:18px;padding:11px 12px;color:#fff;text-align:left;background:linear-gradient(135deg,rgba(255,142,43,.21),rgba(255,255,255,.055));box-shadow:0 16px 36px rgba(0,0,0,.2)}.shop-unrevealed>span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:rgba(255,255,255,.1);font-size:22px}.shop-unrevealed b{font-size:11px;font-weight:900;line-height:1.3}.shop-unrevealed small{color:#ffae62;font-size:10px;font-weight:900}
.scratch-series-list{display:grid;gap:10px}.scratch-series-card{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);min-height:118px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:21px;background:radial-gradient(circle at 100% 0%,rgba(255,166,80,.19),transparent 48%),linear-gradient(145deg,#171a20,#101216);box-shadow:0 20px 44px rgba(0,0,0,.23)}.scratch-series-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#ff9b42,#df650b)}.scratch-series-visual::before{content:"";position:absolute;inset:-24px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 5px,transparent 5px 13px);transform:rotate(12deg)}.scratch-series-visual img{position:relative;width:100%;height:100%;object-fit:cover}.scratch-series-ticket-icon{position:relative;display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:16px;background:rgba(0,0,0,.14);font-size:27px;box-shadow:0 10px 22px rgba(87,30,0,.2)}.scratch-series-info{display:grid;align-content:center;gap:5px;padding:12px 12px 12px 13px}.scratch-series-info h3{margin:0;color:#fff;font-size:16px;font-weight:950;letter-spacing:-.025em}.scratch-series-info p{display:-webkit-box;overflow:hidden;margin:0;color:rgba(255,255,255,.48);font-size:10px;font-weight:700;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.scratch-series-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:4px}.scratch-series-left{color:rgba(255,255,255,.35);font-size:9px;font-weight:800}.shop-buy-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:0;border-radius:11px;padding:0 11px;background:linear-gradient(180deg,#ff9d47,#ef7417);color:#17100a;font-size:10px;font-weight:950;box-shadow:0 9px 20px rgba(239,116,23,.22)}.shop-buy-btn:disabled{opacity:.48;box-shadow:none}
.shop-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-product-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid rgba(255,255,255,.085);border-radius:19px;background:linear-gradient(180deg,#17191e,#101216);box-shadow:0 17px 38px rgba(0,0,0,.22)}.shop-product-image{position:relative;display:grid;min-height:118px;place-items:center;overflow:hidden;background:radial-gradient(circle at 74% 18%,rgba(255,157,71,.22),transparent 45%),linear-gradient(145deg,#23262e,#15171c)}.shop-product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shop-product-image>span{font-size:39px;filter:drop-shadow(0 9px 15px rgba(0,0,0,.3))}.shop-product-body{display:flex;min-height:145px;flex:1;flex-direction:column;padding:11px}.shop-product-type{margin-bottom:5px;color:#ff9840;font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.shop-product-body h3{margin:0 0 5px;color:#fff;font-size:14px;font-weight:950;line-height:1.15;letter-spacing:-.02em}.shop-product-body p{display:-webkit-box;overflow:hidden;margin:0;color:rgba(255,255,255,.44);font-size:10px;font-weight:700;line-height:1.38;-webkit-line-clamp:3;-webkit-box-orient:vertical}.shop-product-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:11px}.shop-product-price{display:flex;align-items:center;gap:4px;color:#fff;font-size:13px;font-weight:950}.shop-product-price img{width:18px;height:18px}.shop-product-card .shop-buy-btn{min-height:32px;padding:0 10px}.shop-empty{padding:30px 18px;border:1px dashed rgba(255,255,255,.12);border-radius:19px;color:rgba(255,255,255,.45);font-size:12px;font-weight:800;line-height:1.5;text-align:center}
.shop-orders-list{display:grid;gap:9px}.shop-order-card{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.045)}.shop-order-icon{display:grid;width:43px;height:43px;place-items:center;overflow:hidden;border-radius:13px;background:rgba(255,255,255,.07);font-size:22px}.shop-order-icon img{width:100%;height:100%;object-fit:cover}.shop-order-main{min-width:0}.shop-order-main b{display:block;overflow:hidden;color:#fff;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.shop-order-main small{display:block;margin-top:4px;color:rgba(255,255,255,.4);font-size:9px;font-weight:750}.shop-order-status{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:950;white-space:nowrap}.shop-order-status.pending{background:rgba(245,158,11,.14);color:#ffd18a}.shop-order-status.fulfilled{background:rgba(34,197,94,.14);color:#9aefb6}.shop-order-status.cancelled{background:rgba(239,68,68,.14);color:#ffaaa8}
.scratch-modal{align-items:center;padding:14px;background:rgba(0,0,0,.86);backdrop-filter:blur(12px)}.scratch-modal-card{width:min(100%,420px);overflow:hidden;padding:24px 17px 18px;border:1px solid rgba(255,159,70,.2);border-radius:27px;background:radial-gradient(circle at 100% 0%,rgba(255,132,34,.22),transparent 46%),linear-gradient(180deg,#17191d,#0d0f12);box-shadow:0 30px 80px rgba(0,0,0,.66)}.scratch-modal-card h2{margin:5px 0 4px;color:#fff;font-size:25px;font-weight:950;letter-spacing:-.04em}.scratch-modal-card>p{margin:0 0 15px;color:rgba(255,255,255,.48);font-size:11px;font-weight:750}.scratch-modal-kicker{color:#ff9740;font-size:9px;font-weight:950;letter-spacing:.16em}.scratch-play-area{position:relative;overflow:hidden;width:100%;aspect-ratio:1.62;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#f5efe3;box-shadow:0 18px 38px rgba(0,0,0,.35);touch-action:none;user-select:none}.scratch-prize-panel{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:4px;padding:16px;background:radial-gradient(circle at 50% 30%,rgba(255,190,101,.34),transparent 40%),linear-gradient(145deg,#fff8e9,#ffd998);color:#1e1408;text-align:center}.scratch-prize-panel>span{font-size:31px}.scratch-prize-panel small{font-size:8px;font-weight:950;letter-spacing:.16em;opacity:.52}.scratch-prize-panel strong{max-width:90%;font-size:22px;font-weight:950;line-height:1.1;letter-spacing:-.035em}.scratch-play-area canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.scratch-coin{position:absolute;z-index:3;display:grid;width:39px;height:39px;place-items:center;border-radius:50%;font-size:29px;filter:drop-shadow(0 6px 7px rgba(0,0,0,.35));pointer-events:none;opacity:0;transform:translate(-50%,-50%) rotate(-15deg);transition:opacity .12s ease}.scratch-play-area.is-touching .scratch-coin{opacity:1}.scratch-progress{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:8px;margin-top:13px}.scratch-progress>span{height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.scratch-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8430,#ffc16d);transition:width .18s ease}.scratch-progress b{color:rgba(255,255,255,.6);font-size:10px;font-weight:900;text-align:right}.scratch-done-btn{margin-top:13px;background:linear-gradient(180deg,#ff9b43,#ef7417);color:#1c1108}.scratch-modal.is-revealed .scratch-play-area{animation:scratchRevealGlow .58s ease}.scratch-modal.is-revealed .scratch-progress{opacity:.35}@keyframes scratchRevealGlow{50%{transform:scale(1.018);box-shadow:0 0 0 4px rgba(255,166,81,.13),0 24px 46px rgba(0,0,0,.44)}}
@media(max-width:370px){.shop-products-grid{gap:8px}.shop-product-body{padding:9px}.shop-product-card .shop-buy-btn{padding:0 7px;font-size:9px}.shop-product-price{font-size:11px}.shop-page-head h1{font-size:27px}.shop-points-badge{min-width:100px}}

/* Shop v2: same safe layout as the tasks screen, clean tabs and purchase dialog. */
.app-screen[data-screen="shop"]{
  width:100%;
  max-width:100%;
  padding:calc((var(--topbar-height) / 2) + var(--content-gap)) var(--side-padding) 150px;
  background:radial-gradient(circle at 90% 3%,rgba(255,139,41,.11),transparent 24rem),linear-gradient(180deg,#080a0d,#090b0f);
}
.shop-page-head{align-items:center;margin:0 0 14px;padding:0}.shop-page-head h1{margin:0 0 4px}.shop-page-head p{margin:0}
.shop-tabs{gap:8px;margin:0 0 14px;padding:0;border:0;background:transparent}.shop-tabs button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.shop-tabs button.is-active{border-color:transparent}
.shop-tab-panel{gap:14px}.shop-section-block{gap:10px}.shop-section-block+.shop-section-block{margin-top:4px}
#shopOrdersPanel{padding-top:4px}.shop-orders-list{gap:9px;padding-top:4px}
.shop-purchase-modal{align-items:center;padding:14px;background:rgba(0,0,0,.82);backdrop-filter:blur(12px)}
.shop-purchase-card{width:min(100%,390px);padding:25px 18px 18px;border:1px solid rgba(255,155,66,.2);border-radius:25px;background:radial-gradient(circle at 100% 0,rgba(255,132,34,.18),transparent 45%),linear-gradient(180deg,#17191e,#0d0f12);box-shadow:0 30px 80px rgba(0,0,0,.62)}
.shop-purchase-kicker{display:block;margin-bottom:10px;color:#ff9740;font-size:9px;font-weight:950;letter-spacing:.14em}
.shop-purchase-icon{display:grid;width:54px;height:54px;place-items:center;margin-bottom:11px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.055);font-size:29px}
.shop-purchase-card h2{margin:0 34px 6px 0;color:#fff;font-size:23px;font-weight:950;line-height:1.12;letter-spacing:-.035em}.shop-purchase-card>p{margin:0 0 14px;color:rgba(255,255,255,.51);font-size:11px;font-weight:720;line-height:1.45}
.shop-purchase-price{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.035)}.shop-purchase-price>span{color:rgba(255,255,255,.45);font-size:10px;font-weight:800}.shop-purchase-price strong{display:flex;align-items:center;gap:5px;color:#fff;font-size:13px;font-weight:900}.shop-purchase-price img{width:22px;height:22px}.shop-purchase-price b{font-size:18px;font-weight:950}
.shop-purchase-field{display:grid;gap:7px;margin-bottom:4px;color:rgba(255,255,255,.6);font-size:10px;font-weight:850}.shop-purchase-field[hidden]{display:none!important}.shop-purchase-field input{width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(3,6,10,.72);color:#fff;font-size:13px;font-weight:800;outline:0}.shop-purchase-field input:focus{border-color:rgba(58,152,255,.72);box-shadow:0 0 0 3px rgba(58,152,255,.1)}
.shop-purchase-error{min-height:22px;padding:5px 2px 2px;color:#ffaaa8;font-size:10px;font-weight:800;line-height:1.35}.shop-purchase-confirm{min-height:46px;margin-top:5px;background:linear-gradient(180deg,#ff9c45,#ec7015);color:#1b1007}.shop-purchase-confirm:disabled{opacity:.58}
.bootstrap-error-card{display:grid;width:min(88vw,360px);justify-items:center;padding:25px 20px;border:1px solid rgba(255,255,255,.09);border-radius:23px;background:linear-gradient(180deg,rgba(22,25,31,.98),rgba(10,12,16,.99));box-shadow:0 30px 80px rgba(0,0,0,.6);text-align:center}.bootstrap-error-icon{display:grid;width:54px;height:54px;place-items:center;margin-bottom:13px;border-radius:17px;background:rgba(255,132,36,.12);color:#ff9a43;font-size:30px;font-weight:900}.bootstrap-error-card h1{margin:0 0 8px;color:#fff;font-size:21px;line-height:1.15}.bootstrap-error-card p{margin:0 0 17px;color:rgba(255,255,255,.54);font-size:12px;font-weight:700;line-height:1.5}.bootstrap-error-card button{min-height:43px;padding:0 23px;border:0;border-radius:12px;background:linear-gradient(180deg,#ff8f31,#ed690b);color:#1b1008;font-size:12px;font-weight:950}
.bottom-nav[data-visible-count="8"]{padding-right:4px;padding-left:4px}.bottom-nav[data-visible-count="8"] button{gap:2px;padding-right:0;padding-left:0;font-size:7.6px;letter-spacing:-.035em}.bottom-nav[data-visible-count="8"] svg{width:21px;height:21px}

/* Shop v3: bottom purchase sheet, stronger scratch-card hierarchy. */
.shop-points-badge{min-width:86px;justify-content:center;padding:8px 12px}.shop-points-badge>strong{color:#fff;font-size:20px;font-weight:950;letter-spacing:-.035em}
#scratchShopSection{padding:13px;border:1px solid rgba(255,153,60,.13);border-radius:23px;background:radial-gradient(circle at 100% 0,rgba(255,139,43,.1),transparent 48%),rgba(255,255,255,.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
#shopProductsSection{position:relative;margin-top:0!important;padding-top:0;border-top:0}
#shopProductsSection::before{content:none}.shop-section-block#scratchShopSection:not([hidden])+.shop-section-block#shopProductsSection:not([hidden]){margin-top:15px!important;padding-top:22px;border-top:1px solid rgba(255,255,255,.075)}.shop-section-block#scratchShopSection:not([hidden])+.shop-section-block#shopProductsSection:not([hidden])::before{content:"";position:absolute;top:-1px;left:0;width:76px;height:2px;border-radius:99px;background:linear-gradient(90deg,#ff8c32,rgba(255,140,50,0));box-shadow:0 0 14px rgba(255,129,35,.2)}
.scratch-series-card{grid-template-columns:44% minmax(0,1fr);min-height:150px;border-radius:20px}.scratch-series-visual{min-width:0}.scratch-series-visual img{object-position:center}.scratch-series-info{align-content:center;gap:6px;padding:13px 12px}.scratch-series-info h3{font-size:15px}.scratch-series-info p{-webkit-line-clamp:2}.scratch-series-meta{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;margin-top:3px}.scratch-series-left{font-size:12px;font-weight:950;letter-spacing:-.01em}.scratch-series-left.stock-good{color:#72dfa0}.scratch-series-left.stock-warning{color:#ffb461}.scratch-series-left.stock-low{color:#ff7772}.scratch-buy-btn{width:100%;min-height:41px;border-radius:12px;padding:0 12px;font-size:11px;letter-spacing:.01em}
.shop-purchase-modal{align-items:end;place-items:end center;padding:14px;background:rgba(0,0,0,.76);backdrop-filter:blur(10px)}
.shop-purchase-modal .shop-purchase-card{width:min(100%,430px);max-height:min(82vh,720px);overflow-y:auto;padding:25px 18px 18px;border-radius:25px 25px 18px 18px;transform:translateY(48px);background:radial-gradient(circle at 100% 0,rgba(255,132,34,.15),transparent 42%),linear-gradient(180deg,#17191e,#0d0f12)}
.shop-purchase-modal.is-open .shop-purchase-card{transform:translateY(0)}.shop-purchase-card h2{margin:0 42px 7px 0;font-size:24px}.shop-purchase-card>p{margin-bottom:16px;font-size:12px;line-height:1.5}
.shop-purchase-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:8px}.shop-purchase-input-row[hidden]{display:none!important}.shop-purchase-input-row .shop-purchase-field{margin:0}.shop-purchase-field textarea{width:100%;min-height:72px;resize:vertical;padding:12px 13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:0;background:rgba(3,6,10,.72);color:#fff;font:800 13px/1.35 Arial,sans-serif}.shop-purchase-field textarea:focus{border-color:rgba(58,152,255,.72);box-shadow:0 0 0 3px rgba(58,152,255,.1)}.shop-purchase-field>small{margin-left:4px;color:rgba(255,255,255,.34);font-size:9px;font-weight:750}
.shop-purchase-inline-price{display:flex;min-width:78px;min-height:46px;align-items:center;justify-content:center;gap:5px;margin-bottom:4px;padding:0 10px;border:1px solid rgba(255,174,83,.16);border-radius:12px;background:rgba(255,149,54,.08);color:#fff}.shop-purchase-inline-price img{width:23px;height:23px;object-fit:contain}.shop-purchase-inline-price b{font-size:17px;font-weight:950}.shop-purchase-price[hidden],.shop-purchase-field[hidden]{display:none!important}
.shop-order-main small{display:-webkit-box;overflow:hidden;line-height:1.35;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.scratch-progress{grid-template-columns:1fr}.scratch-progress>span{height:7px}.scratch-modal-card>p{min-height:32px;line-height:1.45}
@media(max-width:370px){.scratch-series-card{grid-template-columns:42% minmax(0,1fr)}.scratch-series-info{padding:11px 10px}.scratch-series-left{font-size:10.5px}.scratch-buy-btn{padding:0 8px;font-size:10px}.shop-purchase-input-row{grid-template-columns:minmax(0,1fr) 72px}.shop-purchase-inline-price{min-width:72px;padding:0 7px}}

/* Shop v4: clean catalog hierarchy, softer overlays and configurable result layer. */
#scratchShopSection{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.shop-section-block#scratchShopSection:not([hidden])+.shop-section-block#shopProductsSection:not([hidden]){margin-top:4px!important;padding-top:0;border-top:0}
.shop-section-block#scratchShopSection:not([hidden])+.shop-section-block#shopProductsSection:not([hidden])::before{content:none}
.shop-purchase-modal,.scratch-modal{background:rgba(0,0,0,.62);backdrop-filter:none;-webkit-backdrop-filter:none}
.shop-purchase-youtube-field{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px;margin-top:2px}
.shop-purchase-youtube-field>span{white-space:nowrap}.shop-purchase-youtube-field small{color:rgba(255,255,255,.34);font-size:9px;font-weight:750}
.shop-product-body p{-webkit-line-clamp:2}.shop-product-type,.shop-section-title span{font-size:10px}.shop-product-price{gap:5px;font-size:15px}.shop-product-price img{width:22px;height:22px}
.scratch-prize-panel{display:block;padding:0;background-color:#ffdc9a;background-image:radial-gradient(circle at 50% 30%,rgba(255,255,255,.38),transparent 48%);background-position:center;background-repeat:no-repeat;background-size:cover}
.scratch-prize-content{position:absolute;left:50%;top:54%;display:grid;width:90%;max-width:90%;justify-items:center;gap:4px;transform:translate(-50%,-50%);text-align:center}
.scratch-prize-content>span{font-size:31px}.scratch-prize-content small{font-size:8px;font-weight:950;letter-spacing:.16em;opacity:.72}.scratch-prize-content strong{max-width:100%;font-size:22px;font-weight:950;line-height:1.1;letter-spacing:-.035em}
.scratch-done-btn{margin-top:15px}
@media(max-width:370px){.shop-purchase-youtube-field{grid-template-columns:1fr;gap:7px}.shop-purchase-youtube-field>span{white-space:normal}.shop-product-type,.shop-section-title span{font-size:9px}.shop-product-price{font-size:14px}.shop-product-price img{width:21px;height:21px}}

/* Shop v5: compact catalog, product artwork and polished scratch experience. */
.scratch-series-card{height:106px;min-height:106px;grid-template-columns:42% minmax(0,1fr);border-radius:18px}
.scratch-series-info{align-content:center;gap:4px;padding:8px 10px}.scratch-series-info h3{font-size:14px}.scratch-series-info p{font-size:9.5px;line-height:1.3;-webkit-line-clamp:1}.scratch-series-meta{display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:7px;margin-top:2px}.scratch-series-left{min-width:0;font-size:10px;line-height:1.15}.scratch-buy-btn{width:auto;min-width:91px;min-height:36px;flex:0 0 auto;padding:0 10px;color:#fff;font-size:13px;letter-spacing:-.01em}
.shop-product-body{min-height:132px}.shop-product-footer{margin-top:7px;padding-top:0}.shop-product-card .shop-buy-btn{min-height:34px;padding:0 12px;background:linear-gradient(180deg,#32afe7,#229ed9);color:#fff;font-size:11px;box-shadow:0 9px 20px rgba(34,158,217,.22)}
.shop-buy-btn,.shop-purchase-confirm,.scratch-done-btn{color:#fff}.shop-purchase-confirm,.scratch-done-btn{background:linear-gradient(180deg,#ff9c45,#ec7015);text-shadow:0 1px 1px rgba(93,39,0,.22)}
.result-modal.is-open{-webkit-backdrop-filter:blur(8px) saturate(.86);backdrop-filter:blur(8px) saturate(.86)}.shop-purchase-modal,.scratch-modal{background:rgba(3,5,8,.58);-webkit-backdrop-filter:blur(10px) saturate(.82);backdrop-filter:blur(10px) saturate(.82)}
.shop-purchase-card>p{margin-bottom:11px;color:#c7ccd5;font-size:12.5px;font-weight:650;line-height:1.48}
.shop-purchase-media{position:relative;width:100%;height:96px;overflow:hidden;margin:0 0 7px;border-radius:15px;background:#11141a}.shop-purchase-media[hidden]{display:none!important}.shop-purchase-media::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(13,15,19,.02),rgba(13,15,19,.08) 52%,#111318 100%);pointer-events:none}.shop-purchase-media img{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,rgba(0,0,0,.72) 74%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 55%,rgba(0,0,0,.72) 74%,transparent 100%)}
.shop-purchase-field{gap:6px;color:#f1f3f6;font-size:11px;font-weight:800;letter-spacing:.01em}.shop-purchase-field input,.shop-purchase-field textarea{color:#fff;font-family:inherit;font-size:13.5px;font-weight:700}.shop-purchase-field input::placeholder,.shop-purchase-field textarea::placeholder{color:#777f8c;font-size:12px;font-weight:550;opacity:1}.shop-purchase-youtube-field small,.shop-purchase-field>small{color:#8f97a5;font-size:10px;font-weight:650}.shop-purchase-price>span{color:#a4acb9;font-size:11px}.shop-purchase-error{font-size:11px}
.shop-purchase-input-row{align-items:end}.shop-purchase-inline-price{height:46px;min-height:46px;align-self:end;margin:0;padding-top:0;padding-bottom:0}.shop-purchase-input-row .shop-purchase-field{align-self:end;margin:0}
.scratch-modal{padding:14px}.scratch-modal-card{position:relative;width:min(100%,410px);padding:20px 14px 14px;border:1px solid rgba(255,164,79,.2);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(255,130,32,.15),transparent 42%),linear-gradient(180deg,#171a20,#0c0e12);box-shadow:0 34px 90px rgba(0,0,0,.58)}.scratch-modal-card::before{position:absolute;top:0;left:50%;width:78px;height:3px;border-radius:0 0 999px 999px;content:"";transform:translateX(-50%);background:linear-gradient(90deg,#ff8731,#ffc16e);box-shadow:0 0 18px rgba(255,139,52,.42)}
.scratch-modal-head{padding:2px 42px 13px 3px}.scratch-modal-kicker{color:#ff9b4a;font-size:9px;font-weight:900;letter-spacing:.13em}.scratch-modal-card h2{margin:5px 0 0;font-size:23px;line-height:1.05;letter-spacing:-.035em}.scratch-stage{padding:9px 9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:21px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.scratch-play-area{border-radius:16px;border-color:rgba(255,255,255,.16);box-shadow:0 15px 32px rgba(0,0,0,.34)}
.scratch-progress{display:block;margin:10px 2px 0}.scratch-progress>span{display:block;height:8px;padding:2px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#090b0f;box-shadow:inset 0 1px 3px rgba(0,0,0,.55)}.scratch-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7b25,#ffbd69);box-shadow:0 0 12px rgba(255,132,43,.38);transition:width .14s linear}.scratch-modal.is-revealed .scratch-progress{display:none}.scratch-modal.is-revealed .scratch-stage{padding-bottom:9px}.scratch-done-btn{min-height:44px;margin-top:11px}
@media(max-width:370px){.scratch-series-card{height:102px;min-height:102px;grid-template-columns:39% minmax(0,1fr)}.scratch-series-info{padding:7px 8px}.scratch-series-info p{display:none}.scratch-series-left{font-size:9px}.scratch-buy-btn{min-width:82px;min-height:34px;padding:0 7px;font-size:11.5px}.shop-product-card .shop-buy-btn{padding:0 9px;font-size:10px}.shop-purchase-media{height:84px}.scratch-modal-card{padding:18px 11px 11px}.scratch-stage{padding:7px}}

/* Колесо магазина использует ту же карточку и ту же сцену, что и основные механики. */
.shop-wheel-ticket span{color:#ffd26f}
.shop-reward-wheel-card.scratch-series-card{height:106px;min-height:106px}
.shop-reward-wheel-card .shop-reward-wheel-visual::after{display:none!important;content:none!important;animation:none!important}
.shop-reward-wheel-card .scratch-buy-btn{background:linear-gradient(180deg,#ff9d47,#ef7417);box-shadow:0 9px 20px rgba(239,116,23,.22);color:#fff}
.shop-wheel-result{min-height:20px;margin:-7px auto 7px;color:#fff;font-size:14px;font-weight:900;line-height:1.25;text-align:center}
.shop-wheel-result:empty{min-height:0;margin:0}
.shop-wheel-page .shop-server-wheel-wrap{margin-inline:auto}
@media(max-width:370px){.shop-reward-wheel-card.scratch-series-card{height:102px;min-height:102px}}

/* Количество купонов колеса и единая иконка wheela.png. */
.shop-wheel-ticket>span img{display:block;width:32px;height:32px;object-fit:contain}
.shop-order-card .shop-order-icon img[src$="wheela.png"]{width:34px;height:34px;object-fit:contain}
.shop-purchase-quantity{display:grid;gap:8px;margin:0 0 10px;padding:11px 12px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.035)}
.shop-purchase-quantity[hidden]{display:none!important}
.shop-purchase-quantity-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.shop-purchase-quantity-line>span{color:#f1f3f6;font-size:11px;font-weight:850}
.shop-purchase-stepper{display:grid;grid-template-columns:36px 42px 36px;align-items:center;overflow:hidden;border:1px solid rgba(255,168,80,.24);border-radius:12px;background:#0b0e13}
.shop-purchase-stepper button{display:grid;width:36px;height:36px;place-items:center;border:0;background:rgba(255,143,45,.12);color:#ffab61;font:900 22px/1 Arial,sans-serif;cursor:pointer}
.shop-purchase-stepper button:disabled{cursor:default;color:#5d636d;background:rgba(255,255,255,.025)}
.shop-purchase-stepper b{display:grid;height:36px;place-items:center;border-inline:1px solid rgba(255,255,255,.07);color:#fff;font-size:15px;font-weight:950}
.shop-purchase-quantity>small{color:#8f97a5;font-size:9.5px;font-weight:650;line-height:1.35}

/* === Strawberry Club red redesign === */
:root{
  --orange:#ff315d;
  --strawberry:#e51643;
  --strawberry-dark:#6f071d;
  --strawberry-soft:#ff6c8a;
}
body{
  background:
    radial-gradient(circle at 50% -10%,rgba(255,57,95,.30),transparent 34rem),
    radial-gradient(circle at 8% 72%,rgba(167,12,43,.22),transparent 24rem),
    linear-gradient(180deg,#16070b 0%,#090608 42%,#12060a 100%)!important;
}
.app-shell{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,55,96,.18),transparent 18rem),
    linear-gradient(180deg,rgba(42,7,15,.96),rgba(10,7,9,.98))!important;
}
.splash-screen{
  background:
    radial-gradient(circle at 50% 38%,rgba(255,49,93,.32),transparent 16rem),
    linear-gradient(155deg,#350916,#11070a 60%,#070506)!important;
}
.brand strong,.app-wordmark strong{color:#ff315d!important}
.app-wordmark{display:flex;align-items:center;gap:.08em;color:#fff;font-size:22px;font-weight:950;font-style:italic;letter-spacing:-.06em;text-transform:uppercase;filter:drop-shadow(0 5px 12px rgba(0,0,0,.35))}
.primary-btn{background:linear-gradient(180deg,#ff4168 0%,#e51643 58%,#ad0c31 100%)!important;box-shadow:0 12px 28px rgba(229,22,67,.28),inset 0 1px 0 rgba(255,255,255,.18)!important}
.primary-btn.telegram-blue{background:linear-gradient(180deg,#ff6b89,#e51643)!important}
.bottom-nav button.is-active{color:#ff587a!important}
.bottom-nav button.is-active svg{filter:drop-shadow(0 0 8px rgba(255,49,93,.4))}
.panel{border-color:rgba(255,92,126,.14)!important}
.header-balance{box-shadow:inset 0 0 0 1px rgba(255,90,123,.16)!important}
.profile-actions{grid-template-columns:1fr 1fr!important}
.profile-payment-verify{grid-column:1/-1;min-height:46px}
.payment-verification-lead{margin:-2px 0 14px;color:var(--muted);font-size:13px;line-height:1.45}
.payment-verification-card .withdraw-field small{font-weight:600;opacity:.65}
.payment-verification-history{display:grid;gap:8px;margin:14px 0}
.payment-verification-history-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.58)}
.payment-verification-history-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.payment-verification-history-row div{display:grid;gap:2px}.payment-verification-history-row span,.payment-verification-history-row small{color:rgba(255,255,255,.62);font-size:12px}.payment-verification-history-row small{grid-column:1/-1}.payment-verification-history-row strong{font-size:12px}.payment-verification-history-row.approved strong{color:#78e39d}.payment-verification-history-row.rejected strong{color:#ff8ca4}.payment-verification-history-row.pending strong,.payment-verification-history-row.needs_revision strong{color:#ffd27a}.payment-verification-history-row.revised strong{color:#b8a7ff}
@media(max-width:390px){.app-wordmark{font-size:19px}.profile-actions{grid-template-columns:1fr!important}.profile-payment-verify{grid-column:auto}}

/* === Streamer card and circular application preloader === */
.splash-screen{
  display:grid;
  place-items:center;
  padding:28px;
  background:radial-gradient(circle at 50% 43%,rgba(255,44,82,.25),transparent 18rem),linear-gradient(155deg,#350916,#11070a 60%,#070506)!important;
}
.loader-visual{
  --loader-progress:0deg;
  position:relative;
  display:grid;
  width:clamp(184px,54vw,238px);
  aspect-ratio:1;
  place-items:center;
}
.loader-visual::before{
  position:absolute;
  inset:0;
  border-radius:50%;
  content:"";
  background:conic-gradient(#ff315d 0 var(--loader-progress),rgba(255,255,255,.12) var(--loader-progress) 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));
  filter:drop-shadow(0 0 12px rgba(255,49,93,.7));
  transition:background .16s linear;
}
.loader-visual::after{
  position:absolute;
  inset:-7px;
  border:2px solid transparent;
  border-top-color:#fff;
  border-right-color:rgba(255,82,116,.68);
  border-radius:50%;
  content:"";
  animation:loaderOrbit .9s linear infinite;
}
.loader-image{
  display:block;
  width:calc(100% - 22px);
  height:calc(100% - 22px);
  object-fit:cover;
  border:2px solid rgba(255,255,255,.14);
  border-radius:50%;
  box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 42px rgba(229,22,67,.28);
  animation:loaderPulse 1.65s ease-in-out infinite;
}
@keyframes loaderOrbit{to{transform:rotate(360deg)}}
@keyframes loaderPulse{50%{transform:scale(1.035);filter:saturate(1.12) brightness(1.05)}}
@media(prefers-reduced-motion:reduce){.loader-visual::after{animation-duration:2.2s}.loader-image{animation:none}}

.streamer-card{
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  overflow:hidden;
  padding:15px;
  border:1px solid rgba(255,80,112,.2)!important;
  background:radial-gradient(circle at 100% 0,rgba(255,48,91,.19),transparent 52%),linear-gradient(145deg,rgba(30,14,20,.98),rgba(14,9,12,.98))!important;
  box-shadow:0 20px 44px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04);
}
.streamer-card::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.035) 48%,transparent 62%)}
.streamer-card-icon{position:relative;z-index:1;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#ff0000;box-shadow:0 13px 28px rgba(255,0,0,.25)}
.streamer-card-icon img{display:block;width:37px;height:37px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.24))}
.streamer-card-copy{position:relative;z-index:1;min-width:0}.streamer-card-copy>span{display:block;margin-bottom:3px;color:#ff6c8a;font-size:8px;font-weight:950;letter-spacing:.16em}.streamer-card-copy h2{overflow:hidden;margin:0 0 6px;color:#fff;font-size:18px;font-weight:950;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}
.streamer-status{display:flex;align-items:center;gap:6px;color:#9ba1ac;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.streamer-status i{display:block;width:8px;height:8px;border-radius:50%;background:#69707c;box-shadow:0 0 0 4px rgba(105,112,124,.1)}.streamer-status b{font-weight:900}
.streamer-card.is-online .streamer-status{color:#70e39b}.streamer-card.is-online .streamer-status i{background:#36d878;box-shadow:0 0 0 4px rgba(54,216,120,.12),0 0 14px rgba(54,216,120,.75);animation:streamerLivePulse 1.45s ease-in-out infinite}
@keyframes streamerLivePulse{50%{transform:scale(1.18);box-shadow:0 0 0 6px rgba(54,216,120,.07),0 0 19px rgba(54,216,120,.9)}}
.streamer-channel-button{position:relative;z-index:1;display:flex;min-height:42px;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.11);border-radius:13px;padding:0 11px;background:rgba(255,255,255,.075);color:#fff;font-size:10px;font-weight:900;white-space:nowrap}.streamer-channel-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.streamer-channel-button:not(:disabled):active{transform:translateY(1px);background:rgba(255,49,93,.18)}.streamer-channel-button:disabled{cursor:default;opacity:.4}
@media(max-width:370px){.streamer-card{grid-template-columns:50px minmax(0,1fr);gap:10px;padding:12px}.streamer-card-icon{width:50px;height:50px;border-radius:16px}.streamer-channel-button{grid-column:1/-1;width:100%;min-height:40px}.streamer-card-copy h2{font-size:17px}}

.app-screen[data-screen="wheel"],.app-screen[data-screen="shop-wheel"],.app-screen[data-screen="predict"],.app-screen[data-screen="totalizator"],.app-screen[data-screen="predictions"],#shopRewardWheelSection,#shopWheelTicketButton{display:none!important}

/* === Compact configurable profile === */
.app-screen[data-screen="profile"] .profile-grid{
  grid-template-columns:repeat(var(--profile-stat-count,3),minmax(0,1fr))!important;
}
.app-screen[data-screen="profile"] .profile-grid[hidden]{display:none!important}
.app-screen[data-screen="profile"] .profile-stat-card[hidden],
.app-screen[data-screen="profile"] .profile-stat-card.is-hidden-by-setting,
.app-screen[data-screen="profile"] .profile-actions button[hidden]{display:none!important}
.app-screen[data-screen="profile"] .profile-grid.is-single-stat .profile-stat-card{
  display:flex!important;
  min-height:64px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:13px 16px!important;
}
.app-screen[data-screen="profile"] .profile-grid.is-single-stat .profile-stat-card>span{
  margin:0!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-align:left!important;
}
.app-screen[data-screen="profile"] .profile-grid.is-single-stat .profile-stat-card>b{
  margin:0 0 0 auto!important;
  font-size:28px!important;
  letter-spacing:-.035em!important;
  text-align:right!important;
}
.app-screen[data-screen="profile"] .profile-grid.is-single-stat .profile-stat-card::before{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
}
.app-screen[data-screen="profile"] .profile-grid.is-single-stat .profile-stat-card::after{display:none!important}
.app-screen[data-screen="profile"] .profile-actions{
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
  gap:8px!important;
  margin-top:10px!important;
}
.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact{
  position:relative;
  display:flex;
  width:100%;
  min-width:0;
  min-height:42px!important;
  align-items:center;
  justify-content:center!important;
  overflow:hidden;
  border-radius:11px!important;
  padding:0 9px!important;
  font-size:clamp(9.5px,2.75vw,11.5px)!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.015em;
  text-align:center!important;
  text-overflow:ellipsis;
  text-shadow:none!important;
  white-space:nowrap;
}
.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact::before,
.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact::after{display:none!important}
.app-screen[data-screen="profile"] .profile-withdraw{
  border:1px solid rgba(52,211,153,.38)!important;
  background:linear-gradient(180deg,#159a75,#0b6b56)!important;
  color:#f1fff9!important;
  box-shadow:0 8px 18px rgba(11,107,86,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.app-screen[data-screen="profile"] .profile-verify.telegram-blue{
  border:1px solid rgba(96,165,250,.42)!important;
  background:linear-gradient(180deg,#3f8cff,#1c56c7)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(28,86,199,.25),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.app-screen[data-screen="profile"] .profile-payment-verify{
  grid-column:1/-1;
  min-height:39px!important;
  border:1px solid rgba(196,154,255,.38)!important;
  background:linear-gradient(180deg,rgba(126,74,208,.94),rgba(79,43,151,.96))!important;
  color:#fff!important;
  box-shadow:0 7px 17px rgba(79,43,151,.22),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.app-screen[data-screen="profile"] .profile-actions.is-single-primary .profile-withdraw,
.app-screen[data-screen="profile"] .profile-actions.is-single-primary .profile-verify{grid-column:1/-1}
.app-screen[data-screen="profile"] .profile-actions.is-verified-actions{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
}
.app-screen[data-screen="profile"] .profile-actions.is-verified-actions .profile-withdraw,
.app-screen[data-screen="profile"] .profile-actions.is-verified-actions .profile-payment-verify{
  grid-column:auto!important;
  min-width:0!important;
}
.app-screen[data-screen="profile"] .profile-actions .primary-btn.compact:active{transform:translateY(1px);filter:brightness(.96)}

/* Payment requests live directly under the profile action and show five rows at most. */
.profile-payment-verification-history{
  display:grid;
  gap:8px;
  margin:11px 0 0;
  padding:11px;
  border:1px solid rgba(196,154,255,.16);
  border-radius:13px;
  background:rgba(35,19,61,.34);
}
.profile-payment-verification-history[hidden]{display:none!important}
.profile-payment-verification-history .payment-verification-history-title{
  font-size:10px;
  line-height:1.3;
  letter-spacing:.045em;
}
.payment-verification-history-scroll{
  display:grid;
  max-height:322px;
  gap:7px;
  overflow-x:hidden;
  overflow-y:auto;
  padding-right:0;
  overscroll-behavior-y:auto;
  touch-action:pan-y;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.payment-verification-history-scroll::-webkit-scrollbar{display:none;width:0;height:0}
.profile-payment-verification-history .payment-verification-history-row{
  display:block;
  height:auto;
  min-height:58px;
  padding:9px 10px;
  overflow:visible;
}
.profile-payment-verification-history .payment-verification-history-row>div{min-width:0}
.payment-verification-history-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:10px;
}
.payment-verification-history-main{
  display:grid;
  min-width:0;
  align-content:start;
  gap:2px;
}
.payment-verification-history-comment{
  display:block;
  grid-column:auto!important;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:17px;
  margin-top:7px;
  padding-top:6px;
  border-top:1px solid rgba(255,255,255,.07);
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal!important;
  line-height:1.35;
}
.profile-payment-verification-history .payment-verification-history-row.has-comment{
  min-height:82px;
  padding-bottom:10px;
}
.payment-verification-history-status{
  align-content:start;
  justify-items:end;
  text-align:right;
}
.payment-verification-history-status time{
  color:rgba(255,255,255,.48);
  font-size:9px;
  font-weight:750;
  line-height:1.25;
  white-space:nowrap;
}
.payment-verification-form[hidden],
.payment-verification-status[hidden]{display:none!important}
.payment-verification-deadline{
  display:grid;
  gap:4px;
  margin:-3px 0 13px;
  padding:10px 11px;
  border:1px solid rgba(245,158,11,.2);
  border-radius:12px;
  background:rgba(245,158,11,.075);
  line-height:1.35;
}
.payment-verification-deadline span{
  color:rgba(255,255,255,.58);
  font-size:10px;
  font-weight:700;
}
.payment-verification-deadline b{
  color:#ffd38a;
  font-size:11px;
  font-weight:900;
}
.payment-verification-status{
  margin:12px 0 2px!important;
}
.payment-verification-status.needs_revision{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.09)}
.payment-verification-status.needs_revision strong{display:block;margin-top:6px;color:#ffd38a;font-size:12px}
.payment-verification-card :is(input,select):disabled{opacity:.52}
.payment-verification-upload{
  display:block;
}
.payment-verification-upload input[type="file"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
}

/* YouTube profile binding and the focused Strawberry giveaway. */
.profile-youtube-account{display:flex;min-width:0;align-items:flex-start;gap:6px;margin:4px 0 0;color:rgba(255,255,255,.62);font-size:11px}.profile-social-value{display:grid;min-width:0;gap:1px}.profile-youtube-account b,.profile-youtube-account small{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-youtube-account b{color:#ff7898;font-weight:900}.profile-youtube-account small{color:rgba(255,255,255,.48);font-size:10px;font-weight:750}.profile-youtube-link{background:linear-gradient(135deg,#ff174d,#bd123d)!important;box-shadow:0 9px 22px rgba(229,22,67,.25)!important}.profile-actions:has(.profile-youtube-link:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.profile-actions .profile-youtube-link.is-wide{grid-column:1/-1;width:100%}
.giveaway-page{padding-bottom:120px;background:radial-gradient(circle at 90% 5%,rgba(255,26,80,.16),transparent 42%),radial-gradient(circle at 0 42%,rgba(143,35,208,.12),transparent 38%)}.giveaway-page-head{padding:8px 2px 17px}.giveaway-page-head>span,.giveaway-section-head span{display:block;margin-bottom:7px;color:#ff5d86;font-size:9px;font-weight:950;letter-spacing:.18em}.giveaway-page-head h1{margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.02;letter-spacing:-.035em}.giveaway-page-head p{margin:8px 0 0;color:rgba(255,255,255,.57);font-size:12px;line-height:1.45}.giveaway-status-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:15px;min-height:126px;padding:18px;overflow:hidden;border:1px solid rgba(255,76,120,.28);border-radius:25px;background:linear-gradient(145deg,rgba(72,15,41,.96),rgba(18,10,29,.97));box-shadow:0 21px 55px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07)}.giveaway-status-card::after{position:absolute;right:-44px;bottom:-55px;width:150px;height:150px;border:1px solid rgba(255,68,111,.22);border-radius:50%;content:"";box-shadow:0 0 60px rgba(255,37,92,.14)}.giveaway-status-card.is-eligible{border-color:rgba(71,238,161,.34);background:linear-gradient(145deg,rgba(15,77,57,.93),rgba(12,16,29,.98))}.giveaway-status-card.is-blocked{border-color:rgba(255,160,64,.25)}.giveaway-status-orbit{position:relative;display:grid;width:70px;height:70px;place-items:center;border-radius:50%;background:radial-gradient(circle,#ff315d 0 28%,#7b0c2d 29% 51%,#180b19 52%);box-shadow:0 0 30px rgba(255,34,91,.35)}.giveaway-status-orbit::before{position:absolute;inset:-5px;border:2px solid rgba(255,255,255,.12);border-top-color:#ff7c9d;border-radius:50%;content:"";animation:giveawayOrbit 3s linear infinite}.giveaway-status-orbit b{z-index:1;color:#fff;font-size:23px;text-shadow:0 0 15px #fff}.giveaway-status-card span{color:#ff7b9c;font-size:8px;font-weight:950;letter-spacing:.18em}.giveaway-status-card h2{margin:5px 0 4px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:21px}.giveaway-status-card p{margin:0;color:rgba(255,255,255,.62);font-size:11px;line-height:1.45}.giveaway-requirements{display:grid;gap:9px;margin:13px 0}.giveaway-requirement{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(255,255,255,.035)}.giveaway-requirement-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;background:rgba(255,92,129,.12);color:#ff668e;font-size:17px;font-weight:950}.giveaway-requirement.is-passed .giveaway-requirement-icon{background:rgba(54,214,142,.13);color:#54e7a5}.giveaway-requirement div{min-width:0}.giveaway-requirement b{display:block;color:#fff;font-size:12px}.giveaway-requirement small{display:block;margin-top:3px;overflow:hidden;color:rgba(255,255,255,.5);font-size:10px;line-height:1.35;text-overflow:ellipsis}.giveaway-requirement>em{color:#ff6b8e;font-size:9px;font-style:normal;font-weight:950;text-transform:uppercase}.giveaway-requirement.is-passed>em{color:#4be29e}.giveaway-participants-card,.giveaway-winners-card{margin-top:12px!important;padding:16px!important;border-color:rgba(255,72,115,.14)!important;background:linear-gradient(150deg,rgba(38,14,31,.92),rgba(14,10,24,.96))!important}.giveaway-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.giveaway-section-head h2{margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:20px}.giveaway-section-head strong{display:grid;min-width:42px;height:42px;place-items:center;padding:0 10px;border:1px solid rgba(255,93,132,.2);border-radius:14px;background:rgba(255,54,101,.11);color:#ff81a0;font-size:17px}.giveaway-participants{display:flex;gap:10px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none}.giveaway-participants::-webkit-scrollbar{display:none}.giveaway-participant{flex:0 0 82px;min-width:0;text-align:center}.giveaway-avatar{display:grid;width:62px;height:62px;margin:0 auto 7px;place-items:center;overflow:hidden;border:2px solid rgba(255,70,113,.36);border-radius:19px;background:linear-gradient(145deg,#341226,#170d1b);color:#fff;font-weight:950;box-shadow:0 8px 20px rgba(0,0,0,.28)}.giveaway-avatar img{width:100%;height:100%;object-fit:cover}.giveaway-participant b{display:block;overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.giveaway-winners{display:grid;gap:8px}.giveaway-winner{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border-radius:15px;background:rgba(255,255,255,.035)}.giveaway-winner .giveaway-avatar{width:42px;height:42px;margin:0;border-radius:13px}.giveaway-winner div{min-width:0}.giveaway-winner b,.giveaway-winner small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.giveaway-winner b{color:#fff;font-size:11px}.giveaway-winner small{margin-top:3px;color:rgba(255,255,255,.46);font-size:9px}.giveaway-winner strong{max-width:104px;overflow:hidden;color:#ff7899;font-family:Georgia,"Times New Roman",serif;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.giveaway-empty{padding:18px 8px;color:rgba(255,255,255,.45);font-size:11px;text-align:center}.giveaway-tech-note{margin-top:12px}@keyframes giveawayOrbit{to{transform:rotate(360deg)}}
.giveaway-status-card.is-completed{border-color:rgba(101,221,255,.38);background:linear-gradient(145deg,rgba(20,53,91,.95),rgba(15,9,37,.98))}.giveaway-status-card.is-completed .giveaway-status-orbit{background:radial-gradient(circle,#53dfff 0 28%,#2c3294 29% 51%,#120b25 52%)}.giveaway-participant b,.giveaway-participant small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.giveaway-participant small{margin-top:2px;color:rgba(255,255,255,.45);font-size:8px;font-weight:750}
@media(max-width:360px){.giveaway-status-card{grid-template-columns:58px minmax(0,1fr);padding:15px}.giveaway-status-orbit{width:56px;height:56px}.giveaway-page-head h1{font-size:27px}}

/* Giveaway page polish: shared app typography, compact grids and custom icons. */
.giveaway-page,
.giveaway-page *{font-family:inherit}
.giveaway-page-head>span{display:none!important}
.giveaway-page-head h1{font-family:inherit;font-size:29px;font-weight:950;line-height:1.08;letter-spacing:-.045em;white-space:nowrap}
.giveaway-status-card h2{font-family:inherit;font-size:20px;font-weight:900;line-height:1.12;letter-spacing:-.025em}
.giveaway-status-card.is-waiting h2,.giveaway-status-card.is-active h2,.giveaway-status-card.is-completed h2{white-space:nowrap}
.giveaway-status-card.is-waiting #giveawayStatusKicker{font-size:10px;letter-spacing:.13em}
.giveaway-status-orbit{overflow:visible;background:transparent;box-shadow:none}
.giveaway-status-orbit img{position:relative;z-index:1;display:block;width:58px;height:58px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 7px 16px rgba(0,0,0,.28))}
.giveaway-status-card.is-completed .giveaway-status-orbit{background:transparent}
.giveaway-requirement.is-passed .giveaway-requirement-icon{background:transparent;color:inherit}
.giveaway-requirement.is-passed .giveaway-requirement-icon img{display:block;width:34px;height:34px;object-fit:contain}
.giveaway-section-head h2{font-family:inherit;font-size:20px;font-weight:900;letter-spacing:-.025em}
.giveaway-section-head strong{font-family:inherit;font-weight:900}
.giveaway-participants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;max-height:440px;overflow-x:hidden;overflow-y:auto;padding:2px 1px 5px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.giveaway-participants::-webkit-scrollbar{display:none}
.giveaway-participant{min-width:0;min-height:80px;text-align:center}
.giveaway-avatar{width:50px;height:50px;margin:0 auto 5px;border-radius:15px}
.giveaway-participant b{font-size:10.5px;font-weight:850}
.giveaway-participant small{font-size:8.5px;font-weight:650}
.giveaway-winners{max-height:612px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.giveaway-winners::-webkit-scrollbar{display:none}
.giveaway-winner{min-height:54px;padding:6px 8px}
.giveaway-winner .giveaway-avatar{width:40px;height:40px;border-radius:12px}
.giveaway-winner b{font-size:11px;font-weight:850}
.giveaway-winner small{font-size:9px;font-weight:600}
.giveaway-winner strong{font-family:inherit;font-size:13px;font-weight:900}
@media(max-width:360px){
  .giveaway-page-head h1{font-size:26px}
  .giveaway-status-card h2{font-size:18px}
  .giveaway-status-orbit img{width:50px;height:50px}
  .giveaway-avatar{width:46px;height:46px}
  .giveaway-participant{min-height:76px}
  .giveaway-participants{max-height:420px}
}


/* Giveaway requirement actions and task-specific icons. */
.giveaway-requirement-icon.has-image{background:transparent;color:inherit}
.giveaway-requirement-icon.has-image img{display:block;width:34px;height:34px;object-fit:contain}
.giveaway-requirement-state{color:#ff6b8e;font-size:9px;font-style:normal;font-weight:950;text-transform:uppercase}
.giveaway-requirement-state.is-ready{color:#4be29e}
.giveaway-requirement-action{min-width:76px;height:32px;padding:0 12px;border:1px solid rgba(255,91,128,.42);border-radius:10px;background:linear-gradient(135deg,rgba(255,55,104,.98),rgba(191,24,71,.98));color:#fff;font:inherit;font-size:10px;font-weight:900;line-height:1;box-shadow:0 7px 18px rgba(217,25,76,.2);cursor:pointer}
.giveaway-requirement-action:active{transform:translateY(1px);filter:brightness(.94)}
@media(max-width:360px){.giveaway-requirement-action{min-width:70px;padding:0 9px;font-size:9.5px}.giveaway-requirement{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding-left:11px;padding-right:11px}}

/* YouTube chat username task. */
.giveaway-youtube-username-card{display:grid;gap:12px}
.giveaway-youtube-username-card h2{margin:0;font-size:24px;font-weight:950;letter-spacing:-.035em}
.giveaway-youtube-username-lead{margin:0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.5}
.giveaway-youtube-username-warning{display:grid;gap:4px;padding:12px 13px;border:1px solid rgba(255,176,64,.28);border-radius:14px;background:rgba(255,153,32,.09)}
.giveaway-youtube-username-warning b{color:#ffd08a;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.giveaway-youtube-username-warning span{color:rgba(255,255,255,.72);font-size:11px;font-weight:650;line-height:1.45}
.giveaway-youtube-username-field{margin-top:1px}
.giveaway-youtube-username-field input{text-transform:none}
.giveaway-youtube-username-error{min-height:16px;color:#ff8aa7;font-size:10px;font-weight:750;line-height:1.4}
.giveaway-participant small{max-width:100%}


/* Giveaway status: stream info + participant counter */
.giveaway-status-copy{position:relative;z-index:2;min-width:0}
.giveaway-status-card.has-participants-badge .giveaway-status-copy{padding-right:42px}
.giveaway-status-participants{position:absolute;z-index:3;top:13px;right:13px;display:grid;min-width:34px;height:34px;place-items:center;padding:0 8px;border:1px solid rgba(92,239,174,.34);border-radius:12px;background:linear-gradient(145deg,rgba(48,211,143,.18),rgba(26,142,106,.12));color:#78f1bd;font-size:15px;font-weight:950;line-height:1;box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.06)}
.giveaway-status-participants[hidden]{display:none}
.giveaway-stream-note{position:relative;z-index:3;display:block;width:min(100%,300px);margin:8px 0 0!important;color:rgba(255,255,255,.6)!important;font-size:10px!important;font-weight:500!important;line-height:1.45!important}
.giveaway-stream-note[hidden]{display:none}
@media(max-width:360px){.giveaway-status-card.has-participants-badge .giveaway-status-copy{padding-right:36px}.giveaway-status-participants{top:11px;right:11px;min-width:31px;height:31px;padding:0 7px;font-size:14px}}