:root {
  color-scheme: light;
  --background: var(--c_app_eef6fb, #eef6fb);
  --surface: var(--c_app_ffffff, #ffffff);
  --surface-soft: var(--c_app_f8fafc, #f8fafc);
  --text: var(--c_app_192843, #192843);
  --muted: var(--c_app_718096, #718096);
  --line: var(--c_app_e7eef5, #e7eef5);
  --primary: var(--c_app_1daeed, #1daeed);
  --primary-dark: var(--c_app_173e82, #173e82);
  --primary-soft: var(--c_app_e7f8ff, #e7f8ff);
  --cyan: var(--c_app_06b6d4, #06b6d4);
  --gold: var(--c_app_f4bd18, #f4bd18);
  --danger: var(--c_app_ef4444, #ef4444);
  --purple: var(--c_app_a855f7, #a855f7);
  --shadow: 0 22px 55px rgb(var(--c_app_154c70-rgb, 21 76 112) / 0.13);
  --radius-sm: 18px;
  --radius-md: 24px;
  --radius-lg: 32px;
  --radius-xl: 40px;
}

* { box-sizing: border-box; }

.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

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

body {
  margin: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% -15%, var(--c_app_cbeeff, #cbeeff) 0, transparent 42%),
    var(--background);
  color: var(--text);
  font-family: Inter, ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

button, input, select, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible, a:focus-visible { outline: 3px solid rgb(var(--c_app_1daeed-rgb, 29 174 237) / 0.35); outline-offset: 3px; }

.edge-glow {
  position: fixed;
  z-index: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(180deg, var(--c_app_7ee9ff, #7ee9ff), var(--c_app_169ee9, #169ee9) 48%, var(--c_app_a7efff, #a7efff));
  box-shadow: 0 0 28px var(--c_app_29c7ff, #29c7ff);
}
.edge-glow--left { left: 0; }
.edge-glow--right { right: 0; }

.app-shell {
  position: relative;
  z-index: 1;
  width: min(100%, 448px);
  height: 100dvh;
  margin: 0 auto;
  overflow: hidden;
  background: var(--surface-soft);
  box-shadow: 0 0 90px rgb(var(--c_app_134e74-rgb, 19 78 116) / 0.18);
}

.topbar {
  position: absolute;
  z-index: 20;
  inset: 0 0 auto;
  height: calc(74px + env(safe-area-inset-top));
  padding: calc(12px + env(safe-area-inset-top)) 16px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.94);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
}

.brand { display: flex; align-items: center; gap: 9px; color: var(--primary-dark); text-decoration: none; }
.brand img { width: 42px; height: 42px; border-radius: 50%; box-shadow: 0 8px 18px rgb(var(--c_app_1daeed-rgb, 29 174 237) / 0.22); }
.brand__wordmark { font-size: 14px; font-weight: 950; letter-spacing: .08em; }

.balance-pill {
  min-height: 46px;
  padding: 7px 14px;
  border: 1px solid var(--c_app_c8efff, #c8efff);
  border-radius: 18px;
  background: linear-gradient(145deg, var(--c_app_f6fdff, #f6fdff), var(--c_app_e5f8ff, #e5f8ff));
  text-align: right;
  cursor: pointer;
  box-shadow: inset 0 1px var(--c_app_ffffff, #fff), 0 8px 20px rgb(var(--c_app_1daeed-rgb, 29 174 237) / 0.1);
}
.balance-pill span { display: block; color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.balance-pill strong { color: var(--primary-dark); font-size: 14px; }

.main-scroll {
  position: absolute;
  inset: calc(74px + env(safe-area-inset-top)) 0 calc(74px + env(safe-area-inset-bottom));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 18px 16px 48px;
  scroll-behavior: smooth;
}

.hero__media {
  position: relative;
  height: 320px;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: var(--c_app_0b83d8, #0b83d8);
  box-shadow: var(--shadow);
}
.hero__slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.03); transition: opacity .6s ease, transform 1.2s ease; }
.hero__slide.is-active { opacity: 1; transform: scale(1); }
.hero__shade { position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgb(var(--c_app_042043-rgb, 4 32 67) / 0.65)); }
.hero__content { position: absolute; inset: auto 20px 25px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.eyebrow { margin: 0 0 4px; color: var(--c_app_ffffff, #fff); font-size: 11px; font-weight: 900; letter-spacing: .13em; text-shadow: 0 2px 12px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.45); }
.primary-cta {
  min-height: 48px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.65);
  border-radius: 18px;
  padding: 0 18px;
  background: linear-gradient(135deg, var(--c_app_41d0ff, #41d0ff), var(--primary));
  color: var(--c_app_ffffff, #fff);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .04em;
  cursor: pointer;
  box-shadow: 0 12px 30px rgb(var(--c_app_00a2e5-rgb, 0 162 229) / 0.42), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.45);
  animation: pulse-cta 1.6s ease-in-out infinite;
}

.carousel-dots { position: absolute; z-index: 3; top: 16px; right: 17px; display: flex; gap: 6px; }
.carousel-dots button { width: 8px; height: 8px; padding: 0; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.8); border-radius: 999px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.38); cursor: pointer; }
.carousel-dots button.is-active { width: 23px; background: var(--c_app_ffffff, #fff); }

.section { margin-top: 34px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 5px 14px; }
.section-kicker { margin: 0 0 2px; color: var(--gold); font-size: 11px; font-weight: 950; letter-spacing: .08em; }
.section-heading h1 { margin: 0; color: var(--primary-dark); font-size: 21px; font-weight: 950; letter-spacing: -.03em; text-transform: uppercase; }
.countdown { margin: 2px 0 0; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.countdown strong { color: var(--primary); }
.text-button { padding: 8px 0; border: 0; background: transparent; color: var(--primary); font-size: 11px; font-weight: 950; text-transform: uppercase; cursor: pointer; }

.ranking-card { margin: 0; padding: 8px 0; overflow: hidden; list-style: none; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: 0 14px 40px rgb(var(--c_app_26516e-rgb, 38 81 110) / 0.08); }
.ranking-card li { min-height: 54px; padding: 0 22px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; border-bottom: 1px solid var(--c_app_edf2f7, #edf2f7); }
.ranking-card li:last-child { border-bottom: 0; }
.ranking-card strong { font-size: 14px; }
.ranking-card li > span:last-child { color: var(--primary); font-size: 13px; font-weight: 900; }
.ranking-card small { font-size: 11px; }
.rank { color: var(--c_app_9aa8b8, #9aa8b8); font-size: 14px; font-weight: 950; }
.rank--gold { color: var(--gold); }
.rank--bronze { color: var(--c_app_f1842a, #f1842a); }

.mission-card { position: relative; min-height: 254px; margin-top: 24px; overflow: hidden; border-radius: var(--radius-xl); box-shadow: var(--shadow); }
.mission-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mission-card__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(var(--c_app_081f3f-rgb, 8 31 63) / 0.89), rgb(var(--c_app_081f3f-rgb, 8 31 63) / 0.32)); }
.mission-card__content { position: relative; z-index: 1; width: 72%; padding: 30px 25px; color: var(--c_app_ffffff, #fff); }
.section-kicker--light { color: var(--c_app_8be8ff, #8be8ff); }
.mission-card h2 { margin: 5px 0 8px; font-size: 24px; line-height: 1.02; text-transform: uppercase; }
.mission-card p:not(.section-kicker) { margin: 0; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.78); font-size: 13px; line-height: 1.45; }
.mission-button { min-height: 42px; margin-top: 18px; padding: 0 15px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.4); border-radius: 15px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.16); color: var(--c_app_ffffff, #fff); font-size: 11px; font-weight: 900; text-transform: uppercase; backdrop-filter: blur(8px); }

.preview-note { margin-top: 24px; padding: 18px 20px; display: flex; flex-direction: column; gap: 3px; border: 1px dashed var(--c_app_a4dff7, #a4dff7); border-radius: 20px; background: var(--primary-soft); }
.preview-note strong { color: var(--primary-dark); font-size: 13px; }
.preview-note span { color: var(--muted); font-size: 12px; line-height: 1.4; }

.about-card {
  margin-top: 26px;
  padding: 28px 20px 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: 0 16px 45px rgb(var(--c_app_26516e-rgb, 38 81 110) / 0.08);
}
.about-card__intro { padding: 4px 8px 12px; }
.about-card__intro h2 { margin: 2px 0 6px; color: var(--primary-dark); font-size: 26px; letter-spacing: -.04em; text-transform: uppercase; }
.about-card__intro > p:last-child { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.guide-group { --guide-accent: var(--primary); margin-top: 28px; }
.guide-group--red { --guide-accent: var(--danger); }
.guide-group--cyan { --guide-accent: var(--cyan); }
.guide-group--purple { --guide-accent: var(--purple); }
.guide-group__title { margin: 0 8px 12px; display: flex; align-items: center; gap: 9px; color: var(--guide-accent); }
.guide-group__title span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 11px; background: color-mix(in srgb, var(--guide-accent) 12%, var(--c_app_ffffff, white)); }
.guide-group__title h3 { margin: 0; font-size: 15px; font-weight: 950; letter-spacing: .025em; text-transform: uppercase; }
.guide-item { position: relative; min-height: 236px; margin-bottom: 15px; overflow: hidden; border-radius: var(--radius-md); background: var(--c_app_e8f4fa, #e8f4fa); isolation: isolate; }
.guide-item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.guide-item__effect { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 43%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.86) 0 8%, transparent 9% 18%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.24) 19% 20%, transparent 21%), linear-gradient(145deg, var(--c_app_6e5de8, #6e5de8), var(--c_app_b88aff, #b88aff) 48%, var(--c_app_e7ddff, #e7ddff)); }
.guide-item__effect::before,
.guide-item__effect::after { content: ""; position: absolute; width: 154px; height: 154px; border: 2px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.48); border-radius: 50%; box-shadow: 0 0 42px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.42); }
.guide-item__effect::after { width: 205px; height: 205px; opacity: .45; }
.guide-item__effect i { position: relative; z-index: 1; margin-top: -34px; color: var(--c_app_ffffff, #fff); font-size: 82px; font-style: normal; font-weight: 950; line-height: 1; text-shadow: 0 10px 28px rgb(var(--c_app_2c1b6f-rgb, 44 27 111) / 0.38); }
.guide-item--slowmo .guide-item__effect { background: radial-gradient(circle at 50% 43%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.86) 0 8%, transparent 9% 18%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.24) 19% 20%, transparent 21%), linear-gradient(145deg, var(--c_app_0f9bc7, #0f9bc7), var(--c_app_56def1, #56def1) 48%, var(--c_app_d9f8ff, #d9f8ff)); }
.guide-item--revive .guide-item__effect { background: radial-gradient(circle at 50% 42%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.92) 0 9%, transparent 10% 23%, rgb(var(--c_app_fff1ab-rgb, 255 241 171) / 0.42) 24% 26%, transparent 27%), linear-gradient(145deg, var(--c_app_f0a91d, #f0a91d), var(--c_app_ffda63, #ffda63) 50%, var(--c_app_fff5bd, #fff5bd)); color: var(--c_app_855600, #855600); }
.guide-item::after { content: ""; position: absolute; z-index: 1; inset: 34% 0 0; background: linear-gradient(transparent, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.94) 56%, var(--c_app_ffffff, #fff) 76%); }
.guide-item > div { position: absolute; z-index: 2; inset: auto 18px 17px; }
.guide-item h4 { margin: 0 0 4px; color: var(--text); font-size: 17px; font-weight: 950; text-transform: uppercase; }
.guide-item p { margin: 0; color: var(--c_app_5c6b7e, #5c6b7e); font-size: 13px; line-height: 1.42; }

.demo-banner { margin-top: 22px; padding: 17px 18px; display: flex; gap: 12px; border: 1px solid var(--c_app_bceafe, #bceafe); border-radius: 22px; background: var(--c_app_ebfaff, #ebfaff); color: var(--primary-dark); }
.demo-banner > span { flex: 0 0 auto; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 12px; background: var(--c_app_d2f2ff, #d2f2ff); color: var(--primary); }
.demo-banner strong { font-size: 13px; }
.demo-banner p { margin: 3px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; }

.site-footer { padding: 30px 10px 5px; display: grid; justify-items: center; gap: 7px; text-align: center; }
.site-footer img { border-radius: 50%; }
.site-footer p { margin: 0; color: var(--c_app_8a98a9, #8a98a9); font-size: 11px; }
.site-footer a { color: var(--primary); font-size: 11px; font-weight: 850; text-decoration: none; }

.overlay {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgb(var(--c_app_07172a-rgb, 7 23 42) / 0.62);
  backdrop-filter: blur(9px);
  animation: overlay-in .22s ease-out;
}
.overlay--drawer { justify-content: flex-end; padding: 0; }
.modal {
  width: min(100%, 390px);
  max-height: min(760px, calc(100dvh - 36px));
  overflow: auto;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.7);
  border-radius: 32px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.96);
  box-shadow: 0 30px 90px rgb(var(--c_app_00122b-rgb, 0 18 43) / 0.28);
  animation: modal-in .26s ease-out;
}
.modal--wide { width: min(100%, 420px); }
.modal__header { position: sticky; z-index: 3; top: 0; padding: 22px 23px 14px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.94); backdrop-filter: blur(14px); }
.modal__header p { margin: 0 0 2px; color: var(--primary); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.modal__header h2 { margin: 0; color: var(--primary-dark); font-size: 22px; letter-spacing: -.035em; }
.icon-button { flex: 0 0 auto; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 14px; background: var(--c_app_f8fbfd, #f8fbfd); color: var(--c_app_698096, #698096); cursor: pointer; }
.modal__body { padding: 6px 23px 24px; }
.modal__lead { margin: 0 0 18px; color: var(--muted); font-size: 13px; line-height: 1.52; }

.drawer { width: min(84vw, 330px); height: 100dvh; overflow: auto; border-left: 1px solid var(--line); background: var(--c_app_ffffff, #fff); box-shadow: -25px 0 70px rgb(var(--c_app_00122b-rgb, 0 18 43) / 0.25); animation: drawer-in .28s ease-out; }
.drawer__hero { padding: 26px 22px 20px; color: var(--c_app_ffffff, #fff); background: linear-gradient(145deg, var(--primary-dark), var(--c_app_119cde, #119cde)); }
.drawer__hero .icon-button { float: right; border-color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.25); background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.12); color: var(--c_app_ffffff, #fff); }
.drawer__hero img { width: 56px; height: 56px; margin: 14px 0 8px; border-radius: 50%; border: 3px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.55); }
.drawer__hero h2 { margin: 0; font-size: 20px; }
.drawer__hero p { margin: 3px 0 0; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.75); font-size: 12px; }
.drawer__body { padding: 20px 17px 30px; }
.drawer-label { margin: 8px 8px 7px; color: var(--c_app_9aa8b8, #9aa8b8); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.drawer-link { width: 100%; min-height: 52px; padding: 0 14px; display: flex; align-items: center; gap: 12px; border: 0; border-radius: 17px; background: transparent; color: inherit; text-align: left; text-decoration: none; font-weight: 800; cursor: pointer; }
.drawer-link:hover { background: var(--c_app_f1f9fd, #f1f9fd); color: var(--primary); }
.drawer-link > span:first-child { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 12px; background: var(--primary-soft); }
.drawer-link > span:last-child { margin-left: auto; color: var(--c_app_b0bac6, #b0bac6); }
.drawer-link--danger { color: var(--danger); }
.drawer-link--danger > span:first-child { background: var(--c_app_fff0f0, #fff0f0); }
.drawer--profile { width:min(92vw,390px); overscroll-behavior:contain; }
.drawer--profile .drawer__hero { padding-top:calc(24px + env(safe-area-inset-top,0px)); }
.drawer--profile .drawer__hero p { overflow-wrap:anywhere; font-size:.875rem; }
.drawer--profile .drawer__body { padding-bottom:calc(24px + env(safe-area-inset-bottom,0px)); }
.drawer--profile .drawer-label { margin:22px 12px 8px; font-size:.75rem; }
.drawer--profile .drawer-label:first-child { margin-top:0; }
.drawer--profile .drawer-link { padding:10px 12px; min-height:56px; gap:12px; font-size:.9375rem; line-height:1.35; }
.drawer--profile .drawer-link b { min-width:0; font-weight:700; }
.drawer--profile .profile-menu-icon { flex:0 0 36px; width:36px; height:36px; }
.drawer--profile .profile-menu-chevron { flex:0 0 16px; width:16px; }
.drawer--profile .ui-icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.drawer--profile .profile-menu-chevron svg { width:16px; height:16px; }
.drawer--profile .icon-button { display:grid; place-items:center; }
.drawer--profile .profile-balance { margin-top:12px; font-size:1.3rem; font-weight:800; color:var(--c_app_ffffff, #fff); }
.drawer--profile .profile-balance span { font-size:.8125rem; font-weight:500; }
.profile-admin-badge { display:inline-flex; margin-top:12px; padding:6px 10px; border:1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.3); border-radius:999px; background:rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.12); font-size:.75rem; font-weight:700; }
.drawer--profile .drawer-link--admin { background:var(--primary-soft); color:var(--primary-dark); border:1px solid var(--line); }
.drawer--profile .profile-season strong { display:flex; align-items:center; justify-content:center; gap:4px; }
.drawer--profile .profile-season svg { width:14px; height:14px; }
.modal--admin-notifications { width:min(94vw,580px); }
.modal--admin-notifications .referral-push { margin:0 0 20px; padding:18px; }
.consent-choice { margin: 10px 0 14px; padding: 16px; display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--c_app_bfe9f7, #bfe9f7); border-radius: 18px; background: linear-gradient(145deg, var(--c_app_f5fcff, #f5fcff), var(--c_app_e9f8ff, #e9f8ff)); cursor: pointer; }
.consent-choice input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--primary); }
.consent-choice span, .consent-choice strong, .consent-choice small { display: block; }
.consent-choice span { flex: 1; }
.consent-choice strong { color: var(--c_app_123756, #123756); font-size: 14px; }
.consent-choice small { margin-top: 5px; color: var(--c_app_60798e, #60798e); font-size: 11px; line-height: 1.5; }

.form-grid { display: grid; gap: 14px; }
.form-field { display: grid; gap: 7px; }
.form-field label { color: var(--c_app_667589, #667589); font-size: 11px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.form-field input, .form-field select, .form-field textarea { width: 100%; min-height: 50px; padding: 0 15px; border: 1px solid var(--c_app_dce7ef, #dce7ef); border-radius: 17px; background: var(--c_app_f8fbfd, #f8fbfd); color: var(--text); outline: none; }
.form-field textarea { min-height: 90px; padding-top: 13px; resize: vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--c_app_6bd2f6, #6bd2f6); box-shadow: 0 0 0 4px rgb(var(--c_app_1daeed-rgb, 29 174 237) / 0.1); }
.quick-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.quick-values button, .stake-chips button { min-height: 45px; border: 1px solid var(--c_app_cfeaf7, #cfeaf7); border-radius: 15px; background: var(--c_app_f0fbff, #f0fbff); color: var(--primary-dark); font-size: 13px; font-weight: 900; cursor: pointer; }
.quick-values button { border-bottom: 3px solid var(--quick-badge-color, var(--c_app_22c55e, #22c55e)); }
.quick-values button > span { display: block; }
.quick-values button.is-active, .stake-chips button.is-active { border-color: var(--primary); background: var(--primary); color: var(--c_app_ffffff, #fff); box-shadow: 0 9px 18px rgb(var(--c_app_1daeed-rgb, 29 174 237) / 0.22); }
.quick-values small { display: block; margin-top: 2px; color: var(--quick-badge-color, var(--c_app_1ea75b, #1ea75b)); font-size: 8px; letter-spacing: .035em; }
.quick-values button.is-active small { color: var(--c_app_ffffff, #fff); }
.action-button { width: 100%; min-height: 51px; margin-top: 17px; border: 0; border-radius: 17px; background: linear-gradient(135deg, var(--c_app_43cdf8, #43cdf8), var(--primary)); color: var(--c_app_ffffff, #fff); font-size: 13px; font-weight: 950; letter-spacing: .045em; text-transform: uppercase; cursor: pointer; box-shadow: 0 12px 28px rgb(var(--c_app_1daeed-rgb, 29 174 237) / 0.24); }
.action-button--secondary { background: var(--c_app_edf8fd, #edf8fd); color: var(--primary-dark); box-shadow: none; }
.action-button--danger { background: linear-gradient(135deg, var(--c_app_ff7373, #ff7373), var(--danger)); }
.security-note { margin-top: 14px; padding: 12px 13px; border-radius: 15px; background: var(--c_app_f2f8fb, #f2f8fb); color: var(--c_app_7a8a9b, #7a8a9b); font-size: 11px; line-height: 1.45; }

.summary-card { padding: 17px; display: flex; align-items: center; justify-content: space-between; border-radius: 20px; background: linear-gradient(145deg, var(--c_app_e5f8ff, #e5f8ff), var(--c_app_f8fdff, #f8fdff)); border: 1px solid var(--c_app_cbeefd, #cbeefd); }
.summary-card span { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.summary-card strong { display: block; margin-top: 2px; color: var(--primary-dark); font-size: 20px; }
.summary-card b { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 15px; background: var(--c_app_ffffff, #fff); color: var(--primary); }
.coupon-summary .ui-icon,
.platform-promotion > span .ui-icon,
.player-support-empty > span .ui-icon { width: 24px; height: 24px; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.payment-form { margin-top: 18px; }
.payment-limits { margin: 0; color: var(--c_app_8292a3, #8292a3); font-size: 11px; line-height: 1.45; }
.payment-unavailable, .payment-pix-lead { margin-top: 18px; }
.payment-history-title { margin-top: 24px; }
.payment-history { display: grid; gap: 9px; }
.payment-history-card { background: linear-gradient(145deg, var(--c_app_ffffff, #fff), var(--c_app_f7fbfd, #f7fbfd)); }
.payment-history-card dl { margin: 12px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.payment-history-card dt { color: var(--c_app_91a0af, #91a0af); font-size: 9px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.payment-history-card dd { margin: 2px 0 0; color: var(--primary-dark); font-size: 12px; font-weight: 900; }
.payment-inline-action { margin-top: 11px; padding: 8px 11px; border: 1px solid var(--c_app_cfeaf7, #cfeaf7); border-radius: 11px; background: var(--c_app_eefaff, #eefaff); color: var(--primary-dark); font-size: 11px; font-weight: 900; cursor: pointer; }
.payment-inline-action:disabled { opacity: .6; cursor: wait; }
.payment-pix-code { padding: 14px; display: grid; gap: 12px; border: 1px solid var(--c_app_ccebf7, #ccebf7); border-radius: 18px; background: var(--c_app_f2fbff, #f2fbff); }
.payment-pix-code code { max-height: 112px; overflow: auto; color: var(--c_app_31526b, #31526b); font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.payment-pix-code button { min-height: 42px; border: 0; border-radius: 13px; background: var(--c_app_ffffff, #fff); color: var(--primary); font-size: 11px; font-weight: 950; cursor: pointer; box-shadow: 0 7px 18px rgb(var(--c_app_16719b-rgb, 22 113 155) / 0.09); }
.payment-form .action-button:disabled { opacity: .65; cursor: wait; }
.payment-pix-qr { margin: 20px 0 0; display: grid; justify-items: center; gap: 10px; }
.payment-pix-qr__image { width: min(100%, 256px); aspect-ratio: 1; display: grid; place-items: center; background: var(--c_app_ffffff, #fff); border: 1px solid var(--c_app_dcebf2, #dcebf2); border-radius: 12px; overflow: hidden; }
.payment-pix-qr__image svg { display: block; width: 100%; height: auto; aspect-ratio: 1; shape-rendering: crispEdges; }
.payment-pix-qr__image > span, .payment-pix-qr__image.is-error { padding: 20px; text-align: center; color: var(--c_app_526d85, #526d85); font-size: 14px; line-height: 1.5; }
.payment-pix-qr figcaption { color: var(--c_app_31526b, #31526b); font-size: 14px; line-height: 1.4; text-align: center; }

.reward-podium { padding: 20px 10px 12px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: end; gap: 7px; text-align: center; }
.podium-place { padding: 12px 4px; border-radius: 17px 17px 10px 10px; background: var(--c_app_eef6fb, #eef6fb); }
.podium-place:nth-child(1) { min-height: 125px; background: linear-gradient(var(--c_app_fff4ba, #fff4ba), var(--c_app_ffd54a, #ffd54a)); }
.podium-place:nth-child(2) { min-height: 105px; }
.podium-place:nth-child(3) { min-height: 90px; background: var(--c_app_fff1e8, #fff1e8); }
.podium-place:nth-child(4) { min-height: 78px; }
.podium-place span { display: block; font-size: 22px; }
.podium-place strong { display: block; margin-top: 7px; font-size: 12px; }
.podium-place small { color: var(--c_app_69788a, #69788a); font-size: 9px; }

.history-list { display: grid; gap: 10px; }
.history-card { padding: 15px; border: 1px solid var(--line); border-radius: 19px; background: var(--c_app_ffffff, #fff); }
.history-card__head { display: flex; justify-content: space-between; align-items: center; }
.history-card__head strong { font-size: 12px; }
.status-pill { padding: 5px 8px; border-radius: 999px; background: var(--c_app_e9f9ef, #e9f9ef); color: var(--c_app_20a55a, #20a55a); font-size: 9px; font-weight: 950; }
.status-pill--lost { background: var(--c_app_fff0f0, #fff0f0); color: var(--danger); }
.history-card dl { margin: 12px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.history-card dt { color: var(--c_app_9aa8b8, #9aa8b8); font-size: 9px; text-transform: uppercase; }
.history-card dd { margin: 2px 0 0; font-size: 11px; font-weight: 850; }

.referral-link { padding: 12px; display: grid; grid-template-columns: 1fr auto; gap: 8px; border-radius: 16px; background: var(--c_app_f2f8fb, #f2f8fb); }
.referral-link code { align-self: center; overflow: hidden; color: var(--c_app_5e6f82, #5e6f82); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.referral-link button { border: 0; border-radius: 12px; padding: 0 11px; background: var(--c_app_ffffff, #fff); color: var(--primary); font-size: 11px; font-weight: 900; cursor: pointer; }
.referral-stats { margin: 15px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
.referral-stat { padding: 13px; border: 1px solid var(--line); border-radius: 16px; }
.referral-stat span { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; }
.referral-stat strong { font-size: 17px; }

.drawer-link--affiliate {
  border-color: var(--c_app_bdebf6, #bdebf6);
  background: linear-gradient(135deg, var(--c_app_e8fbff, #e8fbff), var(--c_app_f8fdff, #f8fdff));
  color: var(--c_app_075a7c, #075a7c);
}
.drawer-link--affiliate > span:first-child { background: linear-gradient(145deg, var(--c_app_22c4e7, #22c4e7), var(--c_app_138ecb, #138ecb)); color: var(--c_app_ffffff, #fff); }
.affiliate-dashboard { width: min(100%, 590px); }
.affiliate-dashboard__hero {
  margin: 0 18px 18px;
  padding: 24px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgb(var(--c_app_59e1f8-rgb, 89 225 248) / 0.32);
  border-radius: 24px;
  color: var(--c_app_ffffff, #fff);
  background:
    radial-gradient(circle at 90% 20%, rgb(var(--c_app_49e0ff-rgb, 73 224 255) / 0.28), transparent 34%),
    linear-gradient(135deg, var(--c_app_062746, #062746), var(--c_app_07577b, #07577b) 58%, var(--c_app_087ba2, #087ba2));
  box-shadow: 0 18px 38px rgb(var(--c_app_013252-rgb, 1 50 82) / 0.18);
}
.affiliate-dashboard__hero::after { content: "◆"; position: absolute; right: 20px; bottom: -33px; color: rgb(var(--c_app_71e9ff-rgb, 113 233 255) / 0.12); font-size: 120px; transform: rotate(18deg); }
.affiliate-dashboard__badge { display: inline-flex; margin-bottom: 16px; padding: 6px 9px; border: 1px solid rgb(var(--c_app_76ecff-rgb, 118 236 255) / 0.35); border-radius: 999px; color: var(--c_app_83efff, #83efff); background: rgb(var(--c_app_1199be-rgb, 17 153 190) / 0.18); font-size: 9px; font-weight: 950; letter-spacing: .12em; }
.affiliate-dashboard__hero > small { display: block; color: var(--c_app_8edff0, #8edff0); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.affiliate-dashboard__hero > strong { position: relative; z-index: 1; display: block; margin-top: 5px; font-size: clamp(30px, 7vw, 42px); letter-spacing: -.045em; }
.affiliate-dashboard__hero > p { position: relative; z-index: 1; max-width: 430px; margin: 9px 0 0; color: rgb(var(--c_app_e4faff-rgb, 228 250 255) / 0.76); font-size: 12px; line-height: 1.5; }
.affiliate-dashboard__body { padding-top: 0; }
.affiliate-dashboard__metrics { margin-bottom: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.affiliate-dashboard__metrics article { min-width: 0; padding: 14px; border: 1px solid var(--c_app_d7eaf2, #d7eaf2); border-radius: 17px; background: linear-gradient(145deg, var(--c_app_f7fcfe, #f7fcfe), var(--c_app_edf8fc, #edf8fc)); }
.affiliate-dashboard__metrics span,
.affiliate-dashboard__metrics small { display: block; color: var(--c_app_7b8f9f, #7b8f9f); font-size: 9px; }
.affiliate-dashboard__metrics span { font-weight: 850; text-transform: uppercase; }
.affiliate-dashboard__metrics strong { display: block; margin: 4px 0 2px; overflow: hidden; color: var(--c_app_0b4264, #0b4264); font-size: 19px; text-overflow: ellipsis; white-space: nowrap; }
.affiliate-dashboard__link { margin-bottom: 14px; padding: 14px; display: grid; grid-template-columns: 1fr auto; gap: 10px; border: 1px solid var(--c_app_cdebf4, #cdebf4); border-radius: 18px; background: var(--c_app_effaff, #effaff); }
.affiliate-dashboard__link-details { min-width: 0; }
.affiliate-dashboard__link-details small { display: block; color: var(--c_app_6f8797, #6f8797); font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.affiliate-dashboard__link-details a,
.affiliate-dashboard__link-details span { display: block; margin-top: 5px; overflow: hidden; color: var(--c_app_075a7c, #075a7c); font-size: 12px; font-weight: 800; line-height: 1.35; overflow-wrap: anywhere; text-overflow: ellipsis; }
.affiliate-dashboard__link-details a { text-decoration: underline; text-decoration-color: rgb(var(--c_app_075a7c-rgb, 7 90 124) / 0.32); text-underline-offset: 3px; }
.affiliate-dashboard__link button { grid-column: 2; grid-row: 1; min-height: 44px; padding: 0 15px; border: 0; border-radius: 13px; color: var(--c_app_ffffff, #fff); background: linear-gradient(145deg, var(--c_app_22c7e8, #22c7e8), var(--c_app_118fca, #118fca)); font-size: 11px; font-weight: 900; cursor: pointer; }
.affiliate-dashboard__link button:disabled { color: var(--c_app_78909d, #78909d); background: var(--c_app_dcecf1, #dcecf1); cursor: not-allowed; }
.affiliate-dashboard__link p { grid-column: 1 / -1; margin: 0; color: var(--c_app_6f8493, #6f8493); font-size: 11px; line-height: 1.45; }

@media (max-width: 520px) {
  .affiliate-dashboard__hero { margin-inline: 12px; padding: 20px; }
  .affiliate-dashboard__metrics { grid-template-columns: 1fr 1fr; }
  .affiliate-dashboard__metrics article { padding: 12px; }
  .affiliate-dashboard__metrics strong { font-size: 16px; }
}

.memory-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.referral-center { width: min(100%, 1080px); max-height: calc(100dvh - 36px); border-radius: 26px; background: var(--c_app_f4f8fc, #f4f8fc); color: var(--c_app_18354f, #18354f); }
.referral-center .modal__header { padding: 22px 26px 18px; background: rgb(var(--c_app_f4f8fc-rgb, 244 248 252) / 0.9803921568627451); border-bottom: 1px solid var(--c_app_dce7ef, #dce7ef); }
.referral-center .modal__header p { font-size: 12px; }
.referral-center .modal__header h2 { font-size: 26px; }
.referral-center button, .referral-center input, .referral-center select { font: inherit; }
.referral-center button:focus-visible, .referral-center select:focus-visible, .referral-center input:focus-visible, .referral-center summary:focus-visible { outline: 3px solid var(--c_app_08a9d4, #08a9d4); outline-offset: 3px; }
.referral-center button:disabled { opacity: .45; cursor: not-allowed; }
.referral-center .ui-icon { width: 21px; height: 21px; flex: 0 0 auto; }
.referral-intro { padding: 24px 26px; display: grid; grid-template-columns: .85fr 1.4fr; gap: 22px; }
.referral-balance { padding: 25px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--c_app_2b7593, #2b7593); border-radius: 20px; color: var(--c_app_ffffff, #fff); background: radial-gradient(ellipse at top right, var(--c_app_13728a, #13728a), transparent 75%), var(--c_app_062b46, #062b46); }
.referral-eyebrow { display: block; color: var(--c_app_1387a3, #1387a3); font-size: 12px; letter-spacing: .11em; font-weight: 850; }
.referral-balance .referral-eyebrow { color: var(--c_app_86e2ef, #86e2ef); }
.referral-balance > strong { margin-top: 12px; max-width: 100%; overflow-wrap: anywhere; font-size: clamp(28px, 4vw, 40px); letter-spacing: -.04em; line-height: 1.15; }
.referral-balance > p { margin: 7px 0 22px; color: var(--c_app_bcdae6, #bcdae6); font-size: 14px; }
.referral-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--c_app_bddae9, #bddae9); border-radius: 12px; background: var(--c_app_ffffff, #fff); color: var(--c_app_164d6b, #164d6b); font-size: 14px !important; font-weight: 750 !important; cursor: pointer; }
.referral-button:hover:not(:disabled) { border-color: var(--c_app_169fc7, #169fc7); background: var(--c_app_eefbff, #eefbff); }
.referral-button--light { margin-top: auto; background: var(--c_app_7ee8f6, #7ee8f6); border-color: var(--c_app_7ee8f6, #7ee8f6); color: var(--c_app_07384b, #07384b); }
.referral-invite { padding: 4px 0; min-width: 0; }
.referral-invite.referral-invite--sub { margin:0 26px 22px; padding:22px; border:1px solid var(--c_app_c5e5f1, #c5e5f1); border-radius:20px; background:var(--c_app_edf8fd, #edf8fd); }
.referral-invite--sub > small { display:block; margin-top:12px; color:var(--c_app_526c80, #526c80); font-size:12px; line-height:1.5; }
@media(max-width:650px) { .referral-invite.referral-invite--sub { margin:0 16px 18px; padding:16px; } }
.referral-invite h3 { margin: 8px 0; color: var(--c_app_113753, #113753); font-size: 24px; letter-spacing: -.035em; }
.referral-invite p { margin: 0 0 16px; color: var(--c_app_526c80, #526c80); font-size: 16px; line-height: 1.5; }
.referral-invite label { display: block; margin-bottom: 7px; font-size: 12px; color: var(--c_app_526c80, #526c80); font-weight: 750; }
.referral-link-control { display: flex; gap: 8px; }
.referral-link-control input { flex: 1; min-width: 0; border: 1px solid var(--c_app_c9dce8, #c9dce8); border-radius: 12px; padding: 12px; color: var(--c_app_286079, #286079); background: var(--c_app_ffffff, #fff); font-size: 14px; }
.referral-link-control .referral-button { background: var(--c_app_087c9e, #087c9e); border-color: var(--c_app_087c9e, #087c9e); color: var(--c_app_ffffff, #fff); }
.referral-link-control .referral-button:is(:hover, :focus-visible):not(:disabled) { background: var(--c_app_065d78, #065d78); border-color: var(--c_app_065d78, #065d78); color: var(--c_app_ffffff, #fff); }
.referral-button--light:is(:hover, :focus-visible):not(:disabled) { background: var(--c_app_a5f1fa, #a5f1fa); border-color: var(--c_app_7ee8f6, #7ee8f6); color: var(--c_app_07384b, #07384b); }
.referral-share, .referral-refresh { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; border: 0; background: transparent; color: var(--c_app_087796, #087796); font-size: 14px !important; font-weight: 750 !important; cursor: pointer; }
.referral-toolbar { padding: 0 26px 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.referral-periods { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 1px solid var(--c_app_d9e5ee, #d9e5ee); border-radius: 12px; background: var(--c_app_eaf1f7, #eaf1f7); }
.referral-periods button { min-height: 40px; padding: 8px 14px; border: 0; border-radius: 8px; background: transparent; color: var(--c_app_52697e, #52697e); font-size: 14px; font-weight: 700; cursor: pointer; }
.referral-periods button[aria-pressed="true"] { color: var(--c_app_085b79, #085b79); background: var(--c_app_ffffff, #fff); box-shadow: 0 2px 6px rgb(var(--c_app_163e57-rgb, 22 62 87) / 0.07058823529411765); }
.referral-tabs { padding: 0 26px; display: flex; gap: 20px; border-block: 1px solid var(--c_app_dce7ef, #dce7ef); background: var(--c_app_ffffff, #fff); overflow-x:auto; }
.referral-tabs button { flex-shrink:0; white-space:nowrap; }
.referral-operation { margin-block:24px; }
.referral-center .ui-icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.referral-links { min-width:0; align-self:start; border:1px solid var(--c_app_cbdde8, #cbdde8); border-radius:14px; background:var(--c_app_ffffff, #fff); padding:18px; }
.referral-links > summary { cursor:pointer; color:var(--c_app_075a7c, #075a7c); font-size:16px; font-weight:750; min-height:26px; }
.referral-links[open] > summary { margin-bottom:18px; }
.referral-links .referral-invite--sub { margin:20px 0 0; }
.referral-game-results { padding:18px; border:1px solid var(--c_app_cbdde8, #cbdde8); border-radius:14px; background:var(--c_app_ffffff, #fff); color:var(--c_app_153c56, #153c56); }
.referral-game-results summary { cursor:pointer; font-size:14px; font-weight:750; min-height:30px; }
.referral-game-results h4 { margin:20px 0 14px; font-size:16px; }
.referral-insights + .referral-metrics { margin-top:20px; }
.referral-tabs button { display: flex; align-items: center; gap: 9px; min-height: 58px; padding: 12px 2px; border: 0; border-bottom: 3px solid transparent; color: var(--c_app_587185, #587185); background: transparent; font-size: 14px; font-weight: 750; cursor: pointer; }
.referral-tabs button[aria-selected="true"] { color: var(--c_app_077b9a, #077b9a); border-bottom-color: var(--c_app_10aac9, #10aac9); }
.referral-content { padding: 22px 26px 16px; }
.referral-content [role="tabpanel"][hidden] { display: none; }
.referral-section-heading { margin-bottom: 18px; display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.referral-section-heading h3, .referral-card > h3 { margin: 0; color: var(--c_app_153c56, #153c56); font-size: 18px; letter-spacing: -.02em; }
.referral-section-heading p { margin: 5px 0 0; font-size: 14px; line-height: 1.5; color: var(--c_app_60758a, #60758a); }
.referral-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.referral-metric { display: flex; align-items: flex-start; gap: 10px; padding: 17px; border: 1px solid var(--c_app_dce7ef, #dce7ef); border-radius: 16px; background: var(--c_app_ffffff, #fff); min-width: 0; }
.referral-metric__icon { width: 35px; height: 35px; display: grid; place-items: center; flex-shrink: 0; border-radius: 10px; color: var(--c_app_0988a8, #0988a8); background: var(--c_app_e6f7fb, #e6f7fb); }
.referral-metric > div { min-width: 0; }
.referral-metric div > span { display: block; color: var(--c_app_526a7e, #526a7e); font-size: 14px; line-height: 1.3; }
.referral-metric strong { display: block; margin-block: 7px 5px; color: var(--c_app_123a54, #123a54); font-size: 27px; line-height: 1.2; letter-spacing: -.03em; overflow-wrap: anywhere; }
.referral-metric small { display: block; color: var(--c_app_6b7d8b, #6b7d8b); font-size: 12px; line-height: 1.4; }
.referral-insights { display: grid; grid-template-columns: 1.35fr 1fr; gap: 16px; }
.referral-card { min-width: 0; padding: 20px; border: 1px solid var(--c_app_dce7ef, #dce7ef); border-radius: 18px; background: var(--c_app_ffffff, #fff); }
.referral-chart-total { color: var(--c_app_086f8b, #086f8b); font-size: 28px; font-weight: 850; }
.referral-chart { height: 155px; margin: 26px 0 30px; padding-bottom: 1px; display: flex; gap: 3px; border-bottom: 1px solid var(--c_app_d5e4ef, #d5e4ef); background: repeating-linear-gradient(to top, transparent 0, transparent 49px, var(--c_app_edf3f7, #edf3f7) 50px); }
.referral-chart__day { position: relative; flex: 1; min-width: 0; display: flex; align-items: flex-end; }
.referral-chart__day i { display: block; width: 100%; height: max(3px, var(--bar)); border-radius: 3px 3px 0 0; background: linear-gradient(var(--c_app_52dcec, #52dcec), var(--c_app_0c8fae, #0c8fae)); }
.referral-chart__day i.is-zero { background: var(--c_app_dce8ed, #dce8ed); }
.referral-chart__day small { position: absolute; left: 0; bottom: -23px; font-size: 12px; white-space: nowrap; color: var(--c_app_637b8e, #637b8e); }
.referral-chart__day:last-child small { left: auto; right: 0; }
.referral-chart-data { color: var(--c_app_396279, #396279); font-size: 12px; }
.referral-chart-data summary { cursor: pointer; min-height: 32px; }
.referral-chart-data table { width: 100%; border-collapse: collapse; text-align: left; }
.referral-chart-data td, .referral-chart-data th { padding: 7px; border-bottom: 1px solid var(--c_app_e3edf2, #e3edf2); }
.referral-chart-data caption { padding: 10px; }
.referral-funnel { display: grid; gap: 19px; margin-block: 25px; }
.referral-funnel > div > span { display: flex; justify-content: space-between; gap: 10px; color: var(--c_app_486276, #486276); font-size: 14px; }
.referral-funnel strong { color: var(--c_app_113e57, #113e57); }
.referral-funnel > div > div { height: 7px; overflow: hidden; margin-top: 9px; border-radius: 10px; background: var(--c_app_edf3f7, #edf3f7); }
.referral-funnel i { display: block; height: 100%; border-radius: inherit; background: var(--c_app_16b6cb, #16b6cb); }
.referral-card > p, .referral-disclosure { font-size: 12px; line-height: 1.6; color: var(--c_app_657e90, #657e90); }
.referral-filter { display: grid; gap: 6px; font-size: 12px; font-weight: 650; color: var(--c_app_597186, #597186); }
.referral-filter select { max-width: 100%; min-height: 44px; padding: 9px 12px; border: 1px solid var(--c_app_cbdde8, #cbdde8); border-radius: 10px; background: var(--c_app_ffffff, #fff); color: var(--c_app_285068, #285068); font-size: 14px; }
.referral-members { overflow: hidden; border: 1px solid var(--c_app_dce7ef, #dce7ef); border-radius: 16px; background: var(--c_app_ffffff, #fff); }
.referral-member { padding: 17px 20px; display: grid; grid-template-columns: 1.1fr 1fr .7fr; gap: 14px; align-items: center; border-bottom: 1px solid var(--c_app_e9f0f5, #e9f0f5); }
.referral-member:last-child { border: 0; }
.referral-member__person { min-width: 0; display: flex; align-items: center; gap: 10px; }
.referral-member__person strong { display: block; overflow-wrap: anywhere; font-size: 16px; }
.referral-member small { display: block; margin-top: 4px; color: var(--c_app_698094, #698094); font-size: 12px; }
.referral-avatar { flex: 0 0 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--c_app_d7e9f2, #d7e9f2); border-radius: 12px; background: var(--c_app_eaf6fb, #eaf6fb); color: var(--c_app_1586a2, #1586a2); font-weight: 850; }
.referral-stage { display: inline-block; padding: 6px 9px; border-radius: 7px; background: var(--c_app_eef3f8, #eef3f8); color: var(--c_app_526d84, #526d84); font-size: 12px; font-weight: 750; }
.referral-stage--active, .referral-stage--deposited { color: var(--c_app_15755b, #15755b); background: var(--c_app_e4f7ef, #e4f7ef); }
.referral-stage--played { color: var(--c_app_146c99, #146c99); background: var(--c_app_e6f4fc, #e6f4fc); }
.referral-stage--unattributed { color: var(--c_app_96601b, #96601b); background: var(--c_app_fff4df, #fff4df); }
.referral-member .referral-recent { color: var(--c_app_178669, #178669); }
.referral-member__commission { text-align: right; }
.referral-member__commission strong { display: block; margin-top: 5px; font-size: 16px; }
.referral-pagination { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 16px; font-size: 14px; color: var(--c_app_5c7588, #5c7588); }
.referral-pagination > div { display: flex; gap: 7px; }
.referral-empty { padding: 42px 20px; text-align: center; }
.referral-empty > svg { width: 38px !important; height: 38px !important; color: var(--c_app_199dbb, #199dbb); }
.referral-empty h3 { margin-bottom: 8px; font-size: 18px; }
.referral-empty p { max-width: 420px; margin: auto; font-size: 14px; line-height: 1.6; color: var(--c_app_617c90, #617c90); }
.referral-levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.referral-level { padding: 22px; border: 1px solid var(--c_app_c8e4ed, #c8e4ed); border-radius: 18px; background: linear-gradient(135deg, var(--c_app_ffffff, #fff), var(--c_app_eaf8fc, #eaf8fc)); }
.referral-level > span { font-size: 12px; font-weight: 850; letter-spacing: .09em; color: var(--c_app_0784a1, #0784a1); }
.referral-level h3 { margin: 10px 0 18px; font-size: 16px; color: var(--c_app_244d65, #244d65); }
.referral-level > strong { display: block; font-size: 28px; letter-spacing: -.04em; overflow-wrap: anywhere; }
.referral-level > small { display: block; margin-top: 8px; font-size: 12px; color: var(--c_app_657d90, #657d90); }
.referral-refund { padding-top: 8px; font-size: 12px; color: var(--c_app_9a631f, #9a631f); }
.referral-financial { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.referral-financial .referral-metric strong { font-size: 21px; }
.referral-footer { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--c_app_dce7ef, #dce7ef); color: var(--c_app_698197, #698197); font-size: 12px; }
@media (max-width: 860px) {
  .referral-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .referral-intro { grid-template-columns: .9fr 1.2fr; gap: 16px; }
  .referral-balance { padding: 20px; }
  .referral-invite h3 { font-size: 21px; }
  .referral-financial { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .referral-center { max-height: calc(100dvh - 24px); border-radius: 20px; }
  .referral-center .modal__header { padding: 18px 16px 14px; }
  .referral-center .modal__header h2 { font-size: 23px; }
  .referral-intro { grid-template-columns: 1fr; padding: 16px; }
  .referral-balance > p { margin-bottom: 15px; }
  .referral-invite { padding-top: 10px; }
  .referral-link-control { flex-wrap: wrap; }
  .referral-link-control input { width: 100%; flex-basis: 100%; }
  .referral-link-control .referral-button { flex: 1; }
  .referral-toolbar { padding: 0 16px 14px; flex-wrap: wrap; }
  .referral-periods { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .referral-periods button { padding-inline: 6px; white-space: nowrap; font-size: 12px; }
  .referral-tabs { padding: 0 12px; gap: 8px; }
  .referral-tabs button { flex: 1 0 95px; flex-direction: column; justify-content: center; gap: 5px; font-size: 13px; }
  .referral-tabs .ui-icon { width: 18px; height: 18px; }
  .referral-content { padding: 18px 16px; }
  .referral-metrics { gap: 9px; }
  .referral-metric { display: block; padding: 13px; }
  .referral-metric__icon { margin-bottom: 10px; }
  .referral-metric strong { font-size: 25px; }
  .referral-insights, .referral-levels { grid-template-columns: 1fr; }
  .referral-section-heading { align-items: stretch; flex-direction: column; gap: 12px; }
  .referral-member { grid-template-columns: 1fr; padding: 17px; gap: 10px; }
  .referral-member__commission { display: flex; justify-content: space-between; gap: 10px; text-align: left; }
  .referral-member__commission strong { margin-top: 0; }
  .referral-pagination { flex-wrap: wrap; }
  .referral-footer { align-items: flex-start; font-size: 12px; line-height: 1.5; }
}
.memory-card { aspect-ratio: 1; border: 0; border-radius: 15px; background: linear-gradient(145deg, var(--primary-dark), var(--primary)); color: transparent; font-size: 22px; cursor: pointer; transform-style: preserve-3d; transition: transform .25s, background .25s; }
.memory-card.is-flipped, .memory-card.is-matched { background: var(--c_app_eefbff, #eefbff); color: inherit; transform: rotateY(180deg); }
.memory-card.is-matched { box-shadow: inset 0 0 0 2px var(--c_app_45ca82, #45ca82); }

.game-modal { position: relative; width: min(920px, calc(100vw - 18px)); height: min(820px, calc(100dvh - 18px)); overflow: hidden; overscroll-behavior: none; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.24); border-radius: 34px; color: var(--c_app_ffffff, #fff); background: linear-gradient(180deg, var(--c_app_061d4c, #061d4c) 0%, var(--c_app_087bc5, #087bc5) 50%, var(--c_app_d9f6ff, #d9f6ff) 100%); box-shadow: 0 35px 100px rgb(var(--c_app_000c2c-rgb, 0 12 44) / 0.45); isolation: isolate; }
.game-modal::before { content: ""; position: absolute; z-index: 0; inset: 36% -12% -18%; background: linear-gradient(155deg, transparent 38%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.86) 39% 54%, transparent 55%), linear-gradient(205deg, transparent 32%, rgb(var(--c_app_d7f6ff-rgb, 215 246 255) / 0.82) 33% 55%, transparent 56%); opacity: .68; }
.game-top { position: relative; z-index: 30; min-height: 72px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; }
.game-top__stats { display: flex; gap: 7px; }
.game-stat { padding: 8px 11px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.22); border-radius: 13px; background: rgb(var(--c_app_051f43-rgb, 5 31 67) / 0.42); backdrop-filter: blur(10px); }
.game-stat span { display: block; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.65); font-size: 8px; text-transform: uppercase; }
.game-stat strong { font-size: 13px; }
.game-top .icon-button { border-color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.24); background: rgb(var(--c_app_000000-rgb, 0 0 0) / 0.18); color: var(--c_app_ffffff, #fff); }
.game-stage { position: absolute; z-index: 2; inset: 72px 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; text-align: center; }
.game-stage:not(.game-stage--world) { overflow-y: auto; }
.game-stage__eyebrow { margin: 0; color: var(--c_app_8eeeff, #8eeeff); font-size: 11px; font-weight: 950; letter-spacing: .16em; }
.game-stage h2 { margin: 6px 0; font-size: 34px; letter-spacing: -.05em; text-shadow: 0 4px 16px rgb(var(--c_app_001437-rgb, 0 20 55) / 0.3); }
.game-stage__copy { max-width: 310px; margin: 0; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.76); font-size: 13px; line-height: 1.48; }
.mascot-wrap { position: relative; width: 230px; height: 265px; margin: 8px auto -4px; display: grid; place-items: center; }
.mascot-wrap::after { content: ""; position: absolute; bottom: 20px; width: 130px; height: 22px; border-radius: 50%; background: rgb(var(--c_app_002158-rgb, 0 33 88) / 0.28); filter: blur(7px); }
.mascot-wrap img { position: relative; z-index: 1; max-width: 190px; max-height: 270px; object-fit: contain; filter: drop-shadow(0 18px 18px rgb(var(--c_app_001a4a-rgb, 0 26 74) / 0.25)); }
.mascot-wrap--clean { width: 190px; height: 190px; margin: 18px auto 8px; }
.mascot-wrap--clean::after { bottom: 5px; }
.mascot-wrap--clean img { width: 168px; height: 168px; border-radius: 50%; }
.stake-chips { width: min(100%, 570px); margin-top: 8px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
.stake-chips button { border-color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.23); background: rgb(var(--c_app_052a5a-rgb, 5 42 90) / 0.4); color: var(--c_app_ffffff, #fff); backdrop-filter: blur(8px); }
.stake-chips button:disabled { opacity: .38; cursor: not-allowed; }
.game-start { width: min(100%, 570px); min-height: 54px; margin-top: 10px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.5); border-radius: 18px; background: linear-gradient(135deg, var(--c_app_4ae7ff, #4ae7ff), var(--c_app_13a9ee, #13a9ee)); color: var(--c_app_ffffff, #fff); font-weight: 950; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; box-shadow: 0 14px 32px rgb(var(--c_app_004884-rgb, 0 72 132) / 0.32); }
.game-start:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; filter: saturate(.45); }
.game-demo-label { margin-top: 9px; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.62); font-size: 9px; font-weight: 850; text-transform: uppercase; }

.game-stage--world { inset: 72px 0 0; display: block; padding: 0; text-align: initial; }
.game-world { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(ellipse at 50% 2%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.74) 0 4%, transparent 28%), linear-gradient(180deg, var(--c_app_148dd6, #148dd6) 0%, var(--c_app_5bc8ec, #5bc8ec) 30%, var(--c_app_c7eff8, #c7eff8) 31%, var(--c_app_eefcff, #eefcff) 100%); outline: none; touch-action: none; user-select: none; -webkit-user-select: none; }
.game-world:focus-visible { box-shadow: inset 0 0 0 4px rgb(var(--c_app_73efff-rgb, 115 239 255) / 0.78); }
.game-world::before, .game-world::after { content: ""; position: absolute; z-index: 1; top: 21%; width: 44%; height: 44%; background: rgb(var(--c_app_f1fcff-rgb, 241 252 255) / 0.94); filter: drop-shadow(0 7px 0 rgb(var(--c_app_8bd2e7-rgb, 139 210 231) / 0.42)); }
.game-world::before { left: -18%; transform: rotate(26deg); }
.game-world::after { right: -18%; transform: rotate(-26deg); }
.game-sky { position: absolute; z-index: 0; inset: 0; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.58); font-size: 18px; }
.game-sky span { position: absolute; animation: game-sparkle 2.8s ease-in-out infinite; }
.game-sky span:nth-child(1) { top: 7%; left: 14%; }
.game-sky span:nth-child(2) { top: 12%; right: 17%; animation-delay: -.9s; }
.game-sky span:nth-child(3) { top: 26%; left: 26%; animation-delay: -1.7s; }
.game-track { position: absolute; z-index: 2; inset: 23% 0 0; overflow: hidden; clip-path: polygon(43% 0, 57% 0, 100% 100%, 0 100%); background: linear-gradient(90deg, var(--c_app_c4eaf3, #c4eaf3) 0 2%, var(--c_app_f9feff, #f9feff) 3% 48%, var(--c_app_d9f4fa, #d9f4fa) 50%, var(--c_app_f9feff, #f9feff) 52% 97%, var(--c_app_c4eaf3, #c4eaf3) 98%); box-shadow: inset 0 0 50px rgb(var(--c_app_289bc4-rgb, 40 155 196) / 0.18); }
.game-track i { position: absolute; top: -40%; width: 4px; height: 180%; background: repeating-linear-gradient(180deg, rgb(var(--c_app_4bb5d8-rgb, 75 181 216) / 0.38) 0 18px, transparent 18px 42px); transform-origin: top; }
.game-track i:nth-child(1) { left: 8%; transform: rotate(11deg); }
.game-track i:nth-child(2) { left: 29%; transform: rotate(6deg); }
.game-track i:nth-child(3) { left: 50%; }
.game-track i:nth-child(4) { left: 71%; transform: rotate(-6deg); }
.game-track i:nth-child(5) { left: 92%; transform: rotate(-11deg); }
.is-running .game-track i { animation: track-scroll .42s linear infinite; }
.game-scenery { position: absolute; z-index: 3; inset: 25% 0 0; pointer-events: none; }
.game-scenery span { position: absolute; font-size: clamp(22px, 5vw, 50px); filter: drop-shadow(0 8px 5px rgb(var(--c_app_1f7799-rgb, 31 119 153) / 0.2)); }
.game-scenery span:nth-child(1) { top: 18%; left: 3%; }
.game-scenery span:nth-child(2) { top: 4%; left: 27%; color: var(--c_app_ffffff, #fff); }
.game-scenery span:nth-child(3) { top: 28%; right: 3%; }
.game-scenery span:nth-child(4) { top: 2%; right: 25%; color: var(--c_app_ffffff, #fff); }

.game-hud { position: absolute; z-index: 18; inset: 9px 12px auto; display: grid; grid-template-columns: minmax(102px, 1fr) minmax(170px, 1.4fr) minmax(102px, 1fr); align-items: start; gap: 9px; pointer-events: none; }
.game-hud__chip, .game-goal { min-height: 53px; padding: 8px 11px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.42); border-radius: 14px; background: rgb(var(--c_app_02295c-rgb, 2 41 92) / 0.68); color: var(--c_app_ffffff, #fff); box-shadow: 0 8px 22px rgb(var(--c_app_00234e-rgb, 0 35 78) / 0.18); backdrop-filter: blur(9px); }
.game-hud__chip span, .game-goal > span { display: block; color: var(--c_app_9cecff, #9cecff); font-size: 8px; font-weight: 950; letter-spacing: .1em; }
.game-hud__chip strong, .game-goal strong { display: block; margin-top: 2px; font-size: clamp(12px, 2vw, 17px); font-variant-numeric: tabular-nums; }
.game-hud__chip--right { text-align: right; }
.game-goal { text-align: center; }
.game-goal i { height: 5px; margin-top: 6px; display: block; overflow: hidden; border-radius: 999px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.18); }
.game-goal b { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--c_app_50ecff, #50ecff), var(--c_app_55f19c, #55f19c)); box-shadow: 0 0 12px var(--c_app_58e8f8, #58e8f8); transition: width .18s ease-out; }

.game-entities { position: absolute; z-index: 7; inset: 0; pointer-events: none; }
.game-entity { position: absolute; left: 50%; top: 16%; display: grid; place-items: center; will-change: left, top, transform; filter: drop-shadow(0 8px 5px rgb(var(--c_app_00304c-rgb, 0 48 76) / 0.28)); }
.game-entity--coin { width: 42px; height: 42px; border: 4px solid var(--c_app_fff0a8, #fff0a8); border-radius: 50%; background: radial-gradient(circle at 35% 30%, var(--c_app_fffab8, #fffab8) 0 10%, var(--c_app_ffc720, #ffc720) 32%, var(--c_app_e89000, #e89000) 75%); color: var(--c_app_9f5d00, #9f5d00); font-size: 21px; font-weight: 1000; box-shadow: inset 0 0 0 3px rgb(var(--c_app_ae5d00-rgb, 174 93 0) / 0.22), 0 0 18px rgb(var(--c_app_ffd325-rgb, 255 211 37) / 0.72); }
.game-entity--diamond { color: var(--c_app_5ff4ff, #5ff4ff); font-size: 42px; text-shadow: 0 0 4px var(--c_app_ffffff, #fff), 0 0 18px var(--c_app_00bade, #00bade); }
.game-entity--rock, .game-entity--log, .game-entity--snowman { font-size: 44px; }
.game-entity--lake { width: 74px; height: 34px; border: 3px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.7); border-radius: 50%; background: radial-gradient(ellipse, var(--c_app_0c91c9, #0c91c9), var(--c_app_7adcf1, #7adcf1) 64%, var(--c_app_e5fbff, #e5fbff) 68%); color: var(--c_app_ffffff, #fff); font-size: 18px; }
.game-entity--spike { width: 52px; height: 43px; color: var(--c_app_dffbff, #dffbff); font-size: 44px; text-shadow: 0 4px 0 var(--c_app_79c9dd, #79c9dd), 0 0 10px var(--c_app_ffffff, #fff); }

.game-slingshot { position: absolute; z-index: 8; inset: 0; pointer-events: none; }
.game-slingshot svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.game-slingshot line { stroke: var(--c_app_8f4f25, #8f4f25); stroke-width: 1.8; stroke-linecap: round; filter: drop-shadow(0 2px 1px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.24)); }
.game-sling-post { position: absolute; top: 61%; width: 20px; height: 92px; border: 4px solid var(--c_app_7a421e, #7a421e); border-radius: 12px 12px 8px 8px; background: linear-gradient(90deg, var(--c_app_8a4b24, #8a4b24), var(--c_app_d78c46, #d78c46) 48%, var(--c_app_6c3518, #6c3518)); box-shadow: 0 10px 12px rgb(var(--c_app_00263e-rgb, 0 38 62) / 0.25); }
.game-sling-post--left { left: calc(42% - 10px); transform: rotate(-8deg); }
.game-sling-post--right { left: calc(58% - 10px); transform: rotate(8deg); }

.game-player { --player-lean: 0deg; position: absolute; z-index: 11; left: 50%; top: 69%; width: clamp(76px, 12vw, 104px); aspect-ratio: 1; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: grab; touch-action: none; transform: translate(-50%, -50%) rotate(var(--player-lean)); transition: left .07s linear, transform .07s linear; filter: drop-shadow(0 13px 8px rgb(var(--c_app_003a57-rgb, 0 58 87) / 0.28)); }
.game-player.is-grabbed { cursor: grabbing; transition: none; }
.game-player img { position: absolute; z-index: 2; inset: 3% 11% auto; width: 78%; height: 78%; border-radius: 50%; pointer-events: none; -webkit-user-drag: none; }
.game-player__sled { position: absolute; z-index: 1; left: 6%; bottom: 5%; width: 88%; height: 33%; border: 3px solid var(--c_app_75f1f3, #75f1f3); border-radius: 50% 50% 44% 44%; background: linear-gradient(180deg, var(--c_app_1ed3d1, #1ed3d1), var(--c_app_087caa, #087caa)); box-shadow: inset 0 4px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.35), 0 7px 0 var(--c_app_075a83, #075a83); transform: perspective(60px) rotateX(23deg); }
.is-running .game-player { animation: game-player-glide .8s ease-in-out infinite; }
.is-crashing .game-player { animation: game-crash .8s ease-in forwards; }
.is-sinking .game-player { animation: game-sink .8s ease-in forwards; }

.game-power { position: absolute; z-index: 14; left: 50%; bottom: 86px; width: min(280px, 64%); transform: translateX(-50%); text-align: center; }
.game-power > span { display: block; margin-bottom: 5px; color: var(--c_app_0d5a85, #0d5a85); font-size: 9px; font-weight: 950; letter-spacing: .12em; }
.game-power i { height: 10px; padding: 2px; display: block; overflow: hidden; border-radius: 999px; background: rgb(var(--c_app_043a5c-rgb, 4 58 92) / 0.28); box-shadow: inset 0 1px 3px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.18); }
.game-power b { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--c_app_34cffa, #34cffa), var(--c_app_4ce98e, #4ce98e), var(--c_app_ffcf3e, #ffcf3e), var(--c_app_ff6c5f, #ff6c5f)); }
.game-instruction { position: absolute; z-index: 15; left: 50%; bottom: 22px; width: min(440px, 88%); margin: 0; padding: 10px 14px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.58); border-radius: 15px; background: rgb(var(--c_app_02375c-rgb, 2 55 92) / 0.68); text-align: center; transform: translateX(-50%); backdrop-filter: blur(8px); pointer-events: none; }
.game-instruction strong, .game-instruction span { display: block; }
.game-instruction strong { font-size: 11px; letter-spacing: .08em; }
.game-instruction span { margin-top: 2px; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.76); font-size: 10px; }
.is-running .game-instruction, .is-crashing .game-instruction, .is-sinking .game-instruction { top: 74px; bottom: auto; width: min(340px, 64%); }

.game-cashout { position: absolute; z-index: 22; left: 50%; bottom: 57px; min-width: min(330px, 78%); min-height: 58px; padding: 8px 25px; border: 2px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.72); border-radius: 18px; background: linear-gradient(135deg, var(--c_app_34d36e, #34d36e), var(--c_app_0baf55, #0baf55)); color: var(--c_app_ffffff, #fff); cursor: pointer; transform: translateX(-50%); box-shadow: 0 12px 32px rgb(var(--c_app_047738-rgb, 4 119 56) / 0.38), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.35); animation: cashout-in .32s ease-out; }
.game-cashout span, .game-cashout strong { display: block; }
.game-cashout span { font-size: 10px; font-weight: 950; letter-spacing: .09em; }
.game-cashout strong { font-size: 18px; }
.game-cashout:disabled { opacity: .6; cursor: wait; }
.game-run-stats { position: absolute; z-index: 16; right: 12px; bottom: 14px; left: 12px; display: flex; justify-content: space-between; gap: 8px; color: var(--c_app_0d5a85, #0d5a85); font-size: 11px; font-weight: 900; pointer-events: none; }
.game-run-stats span { min-width: 72px; padding: 7px 9px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.74); border-radius: 12px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.62); text-align: center; box-shadow: 0 5px 14px rgb(var(--c_app_106688-rgb, 16 102 136) / 0.13); backdrop-filter: blur(7px); }
.game-demo-label--world { position: absolute; z-index: 15; right: 0; bottom: 2px; left: 0; margin: 0; color: rgb(var(--c_app_044a6c-rgb, 4 74 108) / 0.55); text-align: center; pointer-events: none; }
.is-pulsing { animation: hud-pulse .28s ease-out; }

.game-stage--result { overflow-y: auto; justify-content: flex-start; padding: 18px 24px 28px; }
.game-result { width: min(100%, 570px); margin-top: auto; padding: 22px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.34); border-radius: 24px; background: rgb(var(--c_app_001e4b-rgb, 0 30 75) / 0.48); text-align: center; box-shadow: 0 24px 60px rgb(var(--c_app_001f4b-rgb, 0 31 75) / 0.22); backdrop-filter: blur(14px); }
.game-result__icon { display: block; font-size: 38px; }
.game-result > p { margin: 5px 0 2px; color: var(--c_app_83edff, #83edff); font-size: 10px; font-weight: 950; letter-spacing: .15em; }
.game-result h2 { margin: 4px 0 8px; font-size: clamp(18px, 4vw, 27px); letter-spacing: -.025em; }
.game-result > strong { display: block; color: var(--c_app_8dffbd, #8dffbd); font-size: clamp(27px, 5vw, 40px); }
.game-result--lost > strong { color: var(--c_app_ffffff, #fff); font-size: 20px; }
.game-result dl { margin: 18px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.game-result dl div { padding: 10px 5px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.16); border-radius: 13px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.08); }
.game-result dt { color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.59); font-size: 8px; text-transform: uppercase; }
.game-result dd { margin: 4px 0 0; font-size: 12px; font-weight: 900; }
.game-result__balance { margin-top: 12px; padding: 11px 14px; display: flex; justify-content: space-between; border-radius: 14px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.1); font-size: 12px; }
.game-result__loss-note { margin: 10px 0 0; color: var(--c_app_d9f6ff, #d9f6ff); font-size: 11px; }
.game-result__actions { width: min(100%, 570px); margin-top: 4px; }
.game-result__actions .action-button { margin-top: 8px; }
.game-text-button { min-height: 44px; margin-top: 5px; padding: 0 20px; border: 0; background: transparent; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.74); font-size: 11px; font-weight: 900; cursor: pointer; text-transform: uppercase; }
.game-stage--result > .game-demo-label { margin-bottom: auto; }

.toast { position: fixed; z-index: 1500; left: 50%; bottom: 24px; width: min(360px, calc(100% - 32px)); padding: 14px 16px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.72); border-radius: 16px; background: rgb(var(--c_app_132841-rgb, 19 40 65) / 0.94); color: var(--c_app_ffffff, #fff); font-size: 12px; line-height: 1.4; box-shadow: 0 18px 45px rgb(var(--c_app_00122b-rgb, 0 18 43) / 0.3); transform: translateX(-50%); animation: toast-in .25s ease-out; }

.bottom-nav {
  position: absolute;
  z-index: 30;
  inset: auto 0 0;
  height: calc(74px + env(safe-area-inset-bottom));
  padding: 7px 15px env(safe-area-inset-bottom);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.96);
  border-top: 1px solid var(--line);
  backdrop-filter: blur(18px);
  box-shadow: 0 -12px 38px rgb(var(--c_app_154c70-rgb, 21 76 112) / 0.09);
}
.nav-item { min-height: 54px; border: 0; background: transparent; color: var(--c_app_a6b2bf, #a6b2bf); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; cursor: pointer; }
.nav-item > span { font-size: 22px; font-weight: 800; line-height: 1; }
.nav-item small { font-size: 10px; font-weight: 850; text-transform: uppercase; }
.nav-item.is-active { color: var(--primary); transform: scale(1.04); }
.diamond-button { width: 58px; height: 58px; justify-self: center; border: 5px solid var(--c_app_e9f9ff, #e9f9ff); border-radius: 50%; background: radial-gradient(circle at 38% 30%, var(--c_app_dfffff, #dfffff), var(--c_app_42c8f6, #42c8f6) 45%, var(--c_app_0e94dd, #0e94dd)); box-shadow: 0 12px 28px rgb(var(--c_app_1daeed-rgb, 29 174 237) / 0.36); cursor: pointer; transform: translateY(-13px); }
.diamond-button span { display: block; font-size: 22px; animation: diamond-float 2.4s ease-in-out infinite; }

@keyframes pulse-cta { 0%,100% { transform: scale(1); } 50% { transform: scale(1.035); } }
@keyframes diamond-float { 0%,100% { transform: translateY(1px) rotate(-7deg); } 50% { transform: translateY(-2px) rotate(7deg); } }
@keyframes overlay-in { from { opacity: 0; } }
@keyframes modal-in { from { opacity: 0; transform: translateY(16px) scale(.98); } }
@keyframes drawer-in { from { transform: translateX(100%); } }
@keyframes toast-in { from { opacity: 0; transform: translate(-50%, 12px); } }
@keyframes track-scroll { to { background-position-y: 42px; } }
@keyframes game-sparkle { 0%,100% { opacity: .28; transform: scale(.75); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes game-player-glide { 0%,100% { margin-top: 0; } 50% { margin-top: -5px; } }
@keyframes game-crash { 30% { transform: translate(-50%, -50%) rotate(18deg) scale(1.05); } 100% { transform: translate(-50%, 70%) rotate(110deg) scale(.7); opacity: .15; } }
@keyframes game-sink { to { transform: translate(-50%, 60%) scale(.5); opacity: 0; } }
@keyframes hud-pulse { 50% { color: var(--c_app_fff58f, #fff58f); transform: scale(1.16); } }
@keyframes cashout-in { from { opacity: 0; transform: translate(-50%, 12px) scale(.96); } }

@media (max-width: 390px) {
  .brand__wordmark { display: none; }
  .hero__media { height: 292px; }
  .mission-card__content { width: 82%; }
  .section-heading { align-items: flex-start; }
  .game-modal { width: 100vw; height: 100dvh; border: 0; border-radius: 0; }
  .game-top { min-height: 66px; padding: 10px 12px; }
  .game-stage, .game-stage--world { top: 66px; }
  .game-stat { padding: 7px 8px; }
  .game-stat:nth-child(2) { display: none; }
  .game-hud { grid-template-columns: 92px 1fr 88px; gap: 5px; inset-inline: 6px; }
  .game-hud__chip, .game-goal { padding: 7px 6px; }
  .game-hud__chip strong, .game-goal strong { font-size: 11px; }
  .game-stage { padding-inline: 16px; }
  .game-stage--world { padding: 0; }
  .mascot-wrap--clean { width: 142px; height: 142px; margin: 8px auto 3px; }
  .mascot-wrap--clean img { width: 126px; height: 126px; }
  .stake-chips { gap: 5px; }
  .stake-chips button { min-height: 41px; font-size: 11px; }
  .game-result { padding: 17px 13px; }
  .game-result dl { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 391px) and (max-width: 460px) {
  .game-hud { grid-template-columns: minmax(0, 92px) minmax(0, 1fr) minmax(0, 88px); gap: 5px; inset-inline: 6px; }
  .game-hud__chip, .game-goal { min-width: 0; padding: 7px 6px; }
  .game-hud__chip strong, .game-goal strong { font-size: 11px; }
}

@media (max-height: 600px) {
  .game-stage:not(.game-stage--world):not(.game-stage--result) { justify-content: flex-start; padding-top: 7px; }
  .game-stage__eyebrow { font-size: 9px; }
  .game-stage h2 { margin-block: 3px; font-size: 24px; }
  .game-stage__copy { font-size: 11px; }
  .mascot-wrap--clean { width: 82px; height: 82px; margin: 3px auto; }
  .mascot-wrap--clean img { width: 72px; height: 72px; }
  .stake-chips button { min-height: 38px; }
  .game-start { min-height: 46px; }
}

@media (min-width: 700px) {
  .overlay--drawer { justify-content: center; padding-left: min(50vw, 448px); }
  .drawer { height: min(820px, calc(100dvh - 30px)); border: 1px solid var(--line); border-radius: 30px; }
}

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

/* Polar Rush 3D */
.overlay--game {
  display: block;
  padding: 0;
  overflow: hidden;
  background: var(--c_app_eaf2f7, #eaf2f7);
}

.overlay--game .game-modal {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  max-width: none;
  max-height: none;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: var(--c_app_eaf2f7, #eaf2f7);
  box-shadow: none;
  color: var(--c_app_15345c, #15345c);
  isolation: isolate;
}

.overlay--game .game-modal::before { display: none; }

.game-menu-scene {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: var(--c_app_edf3f7, #edf3f7) url("/assets/slingshot.jpg") center 42% / cover no-repeat;
  transform: scale(1.025);
  filter: saturate(.88) contrast(.92);
}

.game-menu-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(var(--c_app_d4ebf8-rgb, 212 235 248) / 0.16), rgb(var(--c_app_154675-rgb, 21 70 117) / 0.33));
  backdrop-filter: blur(1.5px);
}

.overlay--game .game-stage {
  position: absolute;
  z-index: 2;
  inset: 0;
  padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
}

.game-stage--menu {
  display: grid;
  place-items: center;
  overflow-y: auto;
}

.game-menu-card {
  position: relative;
  width: min(384px, 100%);
  max-height: calc(100dvh - 28px);
  padding: 30px 32px 25px;
  overflow-y: auto;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.78);
  border-radius: 24px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.9);
  box-shadow: 0 24px 75px rgb(var(--c_app_1b4063-rgb, 27 64 99) / 0.27), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.9);
  color: var(--c_app_163a65, #163a65);
  text-align: center;
  backdrop-filter: blur(18px) saturate(1.1);
}

.game-close {
  position: absolute;
  z-index: 25;
  top: 13px;
  right: 13px;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgb(var(--c_app_50799b-rgb, 80 121 155) / 0.18);
  border-radius: 50%;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.68);
  color: var(--c_app_7690a8, #7690a8);
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
  backdrop-filter: blur(10px);
}

.game-close--world {
  position: fixed;
  top: max(14px, calc(env(safe-area-inset-top) + 8px));
  right: max(14px, calc(env(safe-area-inset-right) + 8px));
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.72);
  color: var(--c_app_254a6c, #254a6c);
  box-shadow: 0 8px 24px rgb(var(--c_app_254d6f-rgb, 37 77 111) / 0.13);
}

.game-audio-controls {
  position: fixed;
  z-index: 26;
  top: max(76px, calc(env(safe-area-inset-top) + 68px));
  right: max(14px, calc(env(safe-area-inset-right) + 8px));
  display: grid;
  gap: 8px;
}
.game-sound {
  position: relative;
  width: 42px;
  height: 42px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgb(var(--c_app_50799b-rgb, 80 121 155) / 0.22);
  border-radius: 50%;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.76);
  color: var(--c_app_315a79, #315a79);
  font-size: 20px;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 8px 24px rgb(var(--c_app_254d6f-rgb, 37 77 111) / 0.13);
  backdrop-filter: blur(10px);
  touch-action: manipulation;
}
.game-sound::after {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 9px;
  height: 9px;
  border: 2px solid var(--c_app_ffffff, #fff);
  border-radius: 50%;
  background: var(--c_app_f59e5b, #f59e5b);
  box-shadow: 0 1px 5px rgb(var(--c_app_0f314a-rgb, 15 49 74) / 0.25);
}
.game-sound [data-audio-icon] { display: grid; place-items: center; }
.game-sound .ui-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.game-sound.is-audible { color: var(--c_app_087c6e, #087c6e); background: rgb(var(--c_app_f0fffb-rgb, 240 255 251) / 0.88); }
.game-sound.is-audible::after { background: var(--c_app_16c784, #16c784); }
.game-sound.is-muted { color: var(--c_app_7c8e9f, #7c8e9f); background: rgb(var(--c_app_f0f4f7-rgb, 240 244 247) / 0.82); }
.game-sound.is-muted::after { background: var(--c_app_9aa8b4, #9aa8b4); }
.game-music.is-audible { color: var(--c_app_6e45b9, #6e45b9); background: rgb(var(--c_app_f8f3ff-rgb, 248 243 255) / 0.9); }
.game-music.is-audible::after { background: var(--c_app_9a63e7, #9a63e7); }
.game-sound:not(.is-muted)[data-audio-state="blocked"],
.game-sound:not(.is-muted)[data-audio-state="unsupported"] { color: var(--c_app_a34646, #a34646); animation: game-sound-attention 1.15s ease-in-out infinite; }
.game-sound:not(.is-muted)[data-audio-state="blocked"]::after,
.game-sound:not(.is-muted)[data-audio-state="unsupported"]::after { background: var(--c_app_ef6258, #ef6258); }

.game-menu-balance { margin-top: 4px; }
.game-menu-balance span,
.game-menu-best span,
.game-menu-label {
  display: block;
  margin: 0;
  color: var(--c_app_8292a3, #8292a3);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.game-menu-balance strong {
  display: block;
  margin-top: 5px;
  color: var(--c_app_20aceb, #20aceb);
  font-size: clamp(28px, 4vw, 36px);
  font-weight: 950;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
}
.game-menu-best { margin-top: 7px; color: var(--c_app_64809a, #64809a); font-size: 12px; }
.game-menu-best span { display: inline; margin-right: 6px; font-size: 9px; }
.game-menu-best b { font-size: 12px; }
.game-menu-divider { width: 48px; height: 3px; margin: 20px auto 18px; border-radius: 99px; background: var(--c_app_d9edf7, #d9edf7); }
.game-menu-label { margin-bottom: 10px; color: var(--c_app_25496c, #25496c); text-align: left; }

.overlay--game .stake-chips {
  width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.overlay--game .stake-chips button {
  min-width: 0;
  min-height: 43px;
  padding: 0 5px;
  border: 2px solid var(--c_app_edf2f6, #edf2f6);
  border-radius: 13px;
  background: var(--c_app_ffffff, #fff);
  color: var(--c_app_8a98a8, #8a98a8);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: none;
  transition: transform .16s ease, border-color .16s ease, color .16s ease, background .16s ease;
}
.overlay--game .stake-chips button:hover:not(:disabled) { transform: translateY(-1px); border-color: var(--c_app_a7e1f8, #a7e1f8); color: var(--c_app_159edc, #159edc); }
.overlay--game .stake-chips button.is-active {
  border-color: var(--c_app_1daeed, #1daeed);
  background: var(--c_app_eefaff, #eefaff);
  color: var(--c_app_0ba3e6, #0ba3e6);
  transform: scale(1.045);
  box-shadow: 0 7px 18px rgb(var(--c_app_1daeed-rgb, 29 174 237) / 0.14);
}
.overlay--game .stake-chips button:disabled { opacity: .35; cursor: not-allowed; }

.game-menu-rule {
  margin: 15px 4px 0;
  color: var(--c_app_75899d, #75899d);
  font-size: 12px;
  line-height: 1.45;
}

.game-integrity-notice {
  display: grid;
  gap: 4px;
  margin-top: 14px;
  padding: 11px 13px;
  border: 1px solid rgb(var(--c_app_25d3f5-rgb, 37 211 245) / 0.32);
  border-radius: 14px;
  background: rgb(var(--c_app_e0faff-rgb, 224 250 255) / 0.72);
  color: var(--c_app_174d68, #174d68);
  text-align: left;
}
.game-integrity-notice strong { font-size: 10px; letter-spacing: .13em; }
.game-integrity-notice span { font-size: 11px; line-height: 1.4; }
.game-integrity-notice.is-practice {
  border-color: rgb(var(--c_app_f59e0b-rgb, 245 158 11) / 0.34);
  background: rgb(var(--c_app_fff7e1-rgb, 255 247 225) / 0.88);
  color: var(--c_app_7c4a08, #7c4a08);
}
.game-integrity-notice.is-pending {
  border-color: rgb(var(--c_app_64748b-rgb, 100 116 139) / 0.24);
  background: rgb(var(--c_app_f1f5f9-rgb, 241 245 249) / 0.86);
  color: var(--c_app_52687a, #52687a);
}

.overlay--game .game-start {
  width: 100%;
  min-height: 60px;
  margin-top: 18px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.65);
  border-radius: 28px;
  background: linear-gradient(135deg, var(--c_app_3bc9f4, #3bc9f4), var(--c_app_159fe1, #159fe1));
  color: var(--c_app_ffffff, #fff);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 14px 30px rgb(var(--c_app_109ad8-rgb, 16 154 216) / 0.27), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.42);
}

.game-menu-link {
  width: 100%;
  min-height: 46px;
  margin-top: 10px;
  border: 0;
  border-radius: 17px;
  background: rgb(var(--c_app_d7f3fc-rgb, 215 243 252) / 0.58);
  color: var(--c_app_1f5c7d, #1f5c7d);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}
.game-menu-link--muted { margin-top: 6px; background: transparent; color: var(--c_app_9aa6b2, #9aa6b2); }
.game-menu-card .game-demo-label { display: block; margin-top: 12px; color: var(--c_app_a5afb9, #a5afb9); font-size: 9px; letter-spacing: .08em; }

.game-stage--world { display: block; padding: 0 !important; }
.game-world--3d {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: var(--c_app_eaf2f7, #eaf2f7);
  outline: none;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
}
.game-world--3d::before,
.game-world--3d::after { content: none; display: none; }
.game-world--3d:active { cursor: grabbing; }
.game-world--3d:focus-visible { box-shadow: inset 0 0 0 4px rgb(var(--c_app_1daeed-rgb, 29 174 237) / 0.7); }
.game-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.game-color-shift {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: var(--c_app_ffffff, #fff);
  opacity: 0;
  mix-blend-mode: difference;
  pointer-events: none;
  transition: opacity .18s ease;
}
.is-color-trap .game-color-shift { opacity: 1; }

.game-loading {
  position: absolute;
  z-index: 30;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: rgb(var(--c_app_e1eef7-rgb, 225 238 247) / 0.64);
  color: var(--c_app_ffffff, #fff);
  text-shadow: 0 2px 14px rgb(var(--c_app_1f3d58-rgb, 31 61 88) / 0.48);
  backdrop-filter: blur(2px);
}
.game-loading[hidden] { display: none; }
.game-loading__mountain { width: 78px; height: 78px; display: grid; place-items: center; border-radius: 50%; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.86); color: var(--c_app_45aacd, #45aacd); font-size: 38px; text-shadow: none; box-shadow: 0 14px 35px rgb(var(--c_app_295675-rgb, 41 86 117) / 0.2); }
.game-loading strong { font-size: 20px; font-weight: 950; letter-spacing: -.02em; }
.game-loading > i { width: min(200px, 45vw); height: 5px; overflow: hidden; border-radius: 99px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.35); }
.game-loading > i b { display: block; width: 45%; height: 100%; border-radius: inherit; background: var(--c_app_ffffff, #fff); animation: game-loading-bar 1.2s ease-in-out infinite; }
.game-loading > span:last-child { color: var(--c_app_274f6e, #274f6e); font-size: 13px; text-shadow: none; }

.game-hud--3d {
  position: absolute;
  z-index: 18;
  top: max(14px, calc(env(safe-area-inset-top) + 8px));
  right: max(66px, calc(env(safe-area-inset-right) + 58px));
  left: max(14px, calc(env(safe-area-inset-left) + 8px));
  display: grid;
  grid-template-columns: 145px minmax(230px, 1fr) 128px;
  align-items: start;
  gap: 12px;
  pointer-events: none;
}
.game-hud__left { width: 145px; display: flex; flex-direction: column; align-items: stretch; gap: 7px; }
.game-hud--3d .game-hud__chip,
.game-hud--3d .game-goal,
.game-hud__diamonds {
  min-height: 57px;
  padding: 10px 14px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.78);
  border-radius: 17px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.72);
  color: var(--c_app_193e63, #193e63);
  box-shadow: 0 10px 28px rgb(var(--c_app_254c6c-rgb, 37 76 108) / 0.13);
  backdrop-filter: blur(12px) saturate(1.1);
}
.game-hud--3d .game-hud__chip span,
.game-hud--3d .game-goal > span {
  display: block;
  color: var(--c_app_7790a5, #7790a5);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .13em;
}
.game-hud--3d .game-hud__chip strong,
.game-hud--3d .game-goal strong {
  display: block;
  margin-top: 3px;
  color: var(--c_app_173f68, #173f68);
  font-size: clamp(14px, 1.6vw, 20px);
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}
.game-hud--3d .game-hud__chip--right { width: 128px; justify-self: end; text-align: right; }
.game-hud--3d .game-goal { width: min(320px, 100%); justify-self: center; text-align: center; }
.game-hud--3d .game-goal i { height: 6px; margin-top: 7px; display: block; overflow: hidden; border-radius: 99px; background: rgb(var(--c_app_396889-rgb, 57 104 137) / 0.13); }
.game-hud--3d .game-goal b { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--c_app_19aee9, #19aee9), var(--c_app_31d58a, #31d58a)); box-shadow: 0 0 12px rgb(var(--c_app_22c2da-rgb, 34 194 218) / 0.45); transition: width .2s ease-out; }
.game-hud__diamonds { width: 100%; min-width: 0; min-height: 48px; display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding-inline: 13px; color: var(--c_app_10bce8, #10bce8); }
.game-hud__diamonds span { color: var(--c_app_1dd8f2, #1dd8f2); font-size: 19px; text-shadow: 0 0 12px rgb(var(--c_app_19bfe8-rgb, 25 191 232) / 0.58); }
.game-hud__diamonds strong { font-size: 14px; font-variant-numeric: tabular-nums; }

.game-powerups {
  position: absolute;
  z-index: 23;
  top: max(139px, calc(env(safe-area-inset-top) + 130px));
  left: max(14px, calc(env(safe-area-inset-left) + 8px));
  max-width: 220px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  pointer-events: none;
}
.game-traps {
  position: absolute;
  z-index: 23;
  top: max(178px, calc(env(safe-area-inset-top) + 169px));
  right: max(14px, calc(env(safe-area-inset-right) + 8px));
  max-width: 220px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  pointer-events: none;
}
.game-powerup {
  --bonus: var(--c_app_af7cff, #af7cff);
  --bonus-glow: rgb(var(--c_app_7c4dff-rgb, 124 77 255) / 0.48);
  width: 66px;
  display: grid;
  justify-items: center;
  gap: 6px;
  color: var(--c_app_183f63, #183f63);
  transform-origin: center;
}
.game-powerup[hidden] { display: none; }
.game-powerup--boost { --bonus: var(--c_app_ffba42, #ffba42); --bonus-glow: rgb(var(--c_app_ff9d1c-rgb, 255 157 28) / 0.52); }
.game-powerup--jump { --bonus: var(--c_app_33daf4, #33daf4); --bonus-glow: rgb(var(--c_app_16bce8-rgb, 22 188 232) / 0.5); }
.game-powerup--intangible { --bonus: var(--c_app_a894ff, #a894ff); --bonus-glow: rgb(var(--c_app_856cff-rgb, 133 108 255) / 0.55); }
.game-powerup--slowmo { --bonus: var(--c_app_5ee7ff, #5ee7ff); --bonus-glow: rgb(var(--c_app_36cef4-rgb, 54 206 244) / 0.54); }
.game-powerup--revive { --bonus: var(--c_app_ffda63, #ffda63); --bonus-glow: rgb(var(--c_app_ffc42f-rgb, 255 196 47) / 0.62); }
.game-powerup--revive.is-timed-persistent { --bonus: var(--c_app_6cf4ff, #6cf4ff); --bonus-glow: rgb(var(--c_app_42deff-rgb, 66 222 255) / 0.68); }
.game-powerup--trap { --bonus: var(--c_app_ff7468, #ff7468); --bonus-glow: rgb(var(--c_app_ff4f41-rgb, 255 79 65) / 0.52); }
.game-powerup--color-trap { --bonus: var(--c_app_d78cff, #d78cff); --bonus-glow: rgb(var(--c_app_b752ff-rgb, 183 82 255) / 0.48); }
.game-powerup--controls-trap { --bonus: var(--c_app_ffb242, #ffb242); --bonus-glow: rgb(var(--c_app_ff911d-rgb, 255 145 29) / 0.48); }
.game-powerup__dial {
  position: relative;
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.25);
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.25), transparent 29%), linear-gradient(145deg, var(--c_app_245778, #245778), var(--c_app_102c48, #102c48));
  box-shadow: 0 10px 24px rgb(var(--c_app_112d44-rgb, 17 45 68) / 0.31), 0 0 19px var(--bonus-glow), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.25);
}
.game-powerup__ring { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; transform: rotate(-90deg); }
.game-powerup__ring-track,
.game-powerup__ring-value { fill: none; stroke-width: 4; }
.game-powerup__ring-track { stroke: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.18); }
.game-powerup__ring-value { stroke: var(--bonus); stroke-dasharray: 100; stroke-dashoffset: 0; stroke-linecap: round; filter: drop-shadow(0 0 3px var(--bonus-glow)); transition: stroke-dashoffset .09s linear; }
.game-powerup__glyph { width: 29px; height: 29px; fill: none; stroke: var(--c_app_ffffff, #fff); stroke-width: 2.15; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 4px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.28)); }
.game-powerup__glyph--filled { fill: var(--c_app_ffffff, #fff); stroke: none; }
.game-powerup__symbol { position: relative; z-index: 1; color: var(--c_app_ffffff, #fff); font-size: 29px; font-weight: 950; line-height: 1; text-shadow: 0 3px 8px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.28), 0 0 13px var(--bonus-glow); }
.game-powerup time,
.game-powerup__ready {
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: max-content;
  white-space: nowrap;
  min-width: 41px;
  padding: 2px 5px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.8);
  border-radius: 999px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.95);
  color: var(--c_app_234761, #234761);
  box-shadow: 0 3px 8px rgb(var(--c_app_143045-rgb, 20 48 69) / 0.23);
  font-size: 9px;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  text-align: center;
  transform: translateX(-50%);
}
.game-powerup__ready { color: var(--c_app_8b5c00, #8b5c00); letter-spacing: .03em; }
.game-powerup > strong { max-width: 72px; color: var(--c_app_173e61, #173e61); font-size: 8px; font-weight: 950; line-height: 1.05; letter-spacing: .035em; text-align: center; text-shadow: 0 1px 3px var(--c_app_ffffff, #fff), 0 0 9px var(--c_app_ffffff, #fff); }
.game-powerup.is-active { animation: powerup-token-in .38s cubic-bezier(.16,1,.3,1) both; }
.game-powerup.is-leaving { animation: powerup-token-out .2s ease-in both; }
.game-powerup--magnet.is-active .game-powerup__glyph { animation: powerup-glyph-pulse .9s ease-in-out infinite; }
.game-powerup--magnet.is-active .game-powerup__symbol,
.game-powerup--intangible.is-active .game-powerup__symbol,
.game-powerup--slowmo.is-active .game-powerup__symbol { animation: powerup-glyph-pulse .9s ease-in-out infinite; }
.game-powerup--revive.is-active .game-powerup__dial { animation: revive-token-ready 1.35s ease-in-out infinite; }
.game-powerup--revive.is-active .game-powerup__symbol { animation: revive-token-cross 1.35s ease-in-out infinite; }
.game-powerup--revive.is-timed-persistent .game-powerup__dial { background: radial-gradient(circle at 34% 28%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.32), transparent 29%), linear-gradient(145deg, var(--c_app_177c94, #177c94), var(--c_app_113a63, #113a63)); }
.game-powerup--revive.is-timed-persistent .game-powerup__symbol { animation: revive-shield-pulse .7s ease-in-out infinite alternate; }
.game-powerup.is-consuming { z-index: 4; animation: revive-token-consume .55s cubic-bezier(.2,.8,.2,1) both; }
.game-powerup--trap .game-powerup__dial { background: radial-gradient(circle at 34% 28%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.22), transparent 29%), linear-gradient(145deg, var(--c_app_5f2430, #5f2430), var(--c_app_261827, #261827)); }
.game-powerup--trap > strong { color: var(--c_app_7e2c32, #7e2c32); text-shadow: 0 1px 3px var(--c_app_ffffff, #fff), 0 0 9px var(--c_app_ffffff, #fff); }
.game-powerup.is-ending .game-powerup__dial { animation: powerup-ending .46s ease-in-out infinite alternate; }
.game-powerup--trap.is-active:not(.is-ending) .game-powerup__dial { animation: trap-token-pulse 1.05s ease-in-out infinite; }
.game-powerup--color-trap.is-active .game-powerup__symbol { animation: trap-color-symbol 1.1s linear infinite; }
.game-powerup--speed-trap.is-active .game-powerup__symbol { animation: trap-speed-symbol .56s ease-in-out infinite alternate; }
.game-powerup--controls-trap.is-active .game-powerup__symbol { animation: trap-controls-symbol .72s ease-in-out infinite; }

.game-aim-ui[hidden] { display: none; }
.is-aiming .game-hud--3d,
.is-aiming .game-powerups,
.is-aiming .game-traps,
.is-aiming .game-speed,
.is-aiming .game-coin-count { opacity: 0; visibility: hidden; }
.game-power {
  position: absolute;
  z-index: 22;
  left: 50%;
  bottom: max(116px, calc(env(safe-area-inset-bottom) + 102px));
  width: min(285px, 66vw);
  transform: translateX(-50%);
  text-align: center;
  pointer-events: none;
}
.game-power > span { display: block; margin-bottom: 6px; color: var(--c_app_315f80, #315f80); font-size: 10px; font-weight: 950; letter-spacing: .16em; }
.game-power i { height: 11px; padding: 2px; display: block; overflow: hidden; border-radius: 99px; background: rgb(var(--c_app_184360-rgb, 24 67 96) / 0.26); box-shadow: inset 0 1px 3px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.13); }
.game-power b { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--c_app_23c7f3, #23c7f3), var(--c_app_48dc87, #48dc87), var(--c_app_ffd43b, #ffd43b), var(--c_app_fb6b57, #fb6b57)); transition: width .04s linear; }
.game-instruction {
  position: absolute;
  z-index: 21;
  left: 50%;
  bottom: max(28px, calc(env(safe-area-inset-bottom) + 18px));
  width: min(430px, calc(100vw - 34px));
  margin: 0;
  padding: 13px 20px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.78);
  border-radius: 17px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.82);
  color: var(--c_app_234f73, #234f73);
  text-align: center;
  transform: translateX(-50%);
  box-shadow: 0 14px 36px rgb(var(--c_app_1f415c-rgb, 31 65 92) / 0.2);
  backdrop-filter: blur(12px);
  pointer-events: none;
}
.game-instruction strong,
.game-instruction span { display: block; }
.game-instruction strong { color: var(--c_app_16a9e7, #16a9e7); font-size: 11px; font-weight: 950; letter-spacing: .2em; }
.game-instruction span { margin-top: 4px; color: var(--c_app_173f68, #173f68); font-size: 14px; font-weight: 800; }

.game-speed,
.game-coin-count {
  position: absolute;
  z-index: 17;
  bottom: max(18px, calc(env(safe-area-inset-bottom) + 10px));
  min-width: 82px;
  padding: 9px 12px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.72);
  border-radius: 15px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.62);
  color: var(--c_app_244e70, #244e70);
  text-align: center;
  box-shadow: 0 8px 22px rgb(var(--c_app_214969-rgb, 33 73 105) / 0.1);
  backdrop-filter: blur(10px);
  pointer-events: none;
}
.game-speed { right: max(16px, calc(env(safe-area-inset-right) + 10px)); }
.game-speed strong { display: block; font-size: 21px; font-variant-numeric: tabular-nums; line-height: 1; }
.game-speed span { display: block; margin-top: 2px; color: var(--c_app_738da2, #738da2); font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.game-coin-count { left: max(16px, calc(env(safe-area-inset-left) + 10px)); display: flex; align-items: center; justify-content: center; gap: 7px; }
.game-coin-count span { width: 20px; height: 20px; display: grid; place-items: center; border: 3px solid var(--c_app_ffdf59, #ffdf59); border-radius: 50%; background: var(--c_app_f8b900, #f8b900); color: transparent; box-shadow: inset 0 0 0 2px var(--c_app_de8f00, #de8f00), 0 0 10px rgb(var(--c_app_ffc000-rgb, 255 192 0) / 0.35); }
.game-coin-count strong { font-size: 16px; font-variant-numeric: tabular-nums; }

.game-cashout {
  position: absolute;
  z-index: 26;
  left: 50%;
  bottom: max(25px, calc(env(safe-area-inset-bottom) + 15px));
  min-width: min(340px, calc(100vw - 190px));
  min-height: 62px;
  padding: 8px 27px;
  border: 2px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.82);
  border-radius: 20px;
  background: linear-gradient(135deg, var(--c_app_32d56e, #32d56e), var(--c_app_0ba755, #0ba755));
  color: var(--c_app_ffffff, #fff);
  cursor: pointer;
  transform: translateX(-50%);
  box-shadow: 0 14px 36px rgb(var(--c_app_078743-rgb, 7 135 67) / 0.34), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.34);
  animation: cashout-3d-in .38s cubic-bezier(.2,.9,.25,1.2);
}
.game-cashout span,
.game-cashout strong { display: block; }
.game-cashout span { font-size: 10px; font-weight: 950; letter-spacing: .12em; }
.game-cashout strong { margin-top: 2px; font-size: 19px; }
.game-cashout.is-confirming { pointer-events: none; animation: cashout-confirm .42s cubic-bezier(.2,.85,.25,1.2) both; }

.is-cashing-out .game-hud--3d,
.is-cashing-out .game-powerups,
.is-cashing-out .game-traps,
.is-cashing-out .game-speed,
.is-cashing-out .game-coin-count,
.is-cashing-out .game-event,
.is-cashing-out .game-demo-label--world,
.is-cashing-out .game-close--world,
.is-cashing-out .game-audio-controls {
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}
.is-cashing-out .game-cashout { opacity: 0; transform: translate(-50%, -18px) scale(.9); transition: opacity .24s ease .2s, transform .24s ease .2s; }

.game-cashout-celebration {
  position: absolute;
  z-index: 34;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 50% 55%, rgb(var(--c_app_fff17d-rgb, 255 241 125) / 0.52), transparent 35%), linear-gradient(rgb(var(--c_app_11425c-rgb, 17 66 92) / 0.12), rgb(var(--c_app_08364e-rgb, 8 54 78) / 0.48));
  backdrop-filter: blur(3px) saturate(.88);
  pointer-events: none;
  animation: withdraw-flash 1.95s ease-out both;
}
.game-cashout-celebration__rays {
  position: absolute;
  left: 50%;
  top: 52%;
  width: min(760px, 120vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, rgb(var(--c_app_fff287-rgb, 255 242 135) / 0) 0deg 10deg, rgb(var(--c_app_fff287-rgb, 255 242 135) / 0.24) 10deg 17deg);
  opacity: .75;
  transform: translate(-50%, -50%);
  animation: withdraw-rays 9s linear infinite, withdraw-rays-in .72s ease-out both;
}
.game-cashout-celebration__halo {
  position: absolute;
  left: 50%;
  top: 53%;
  width: min(470px, 80vw);
  aspect-ratio: 1;
  border: 4px solid rgb(var(--c_app_ffef76-rgb, 255 239 118) / 0.62);
  border-radius: 50%;
  box-shadow: 0 0 0 18px rgb(var(--c_app_57eccc-rgb, 87 236 204) / 0.13), 0 0 80px rgb(var(--c_app_ffdb47-rgb, 255 219 71) / 0.48);
  animation: withdraw-halo 1.45s .18s ease-out both;
}
.game-cashout-celebration__card {
  position: relative;
  z-index: 2;
  width: min(390px, calc(100vw - 42px));
  padding: 35px 28px 25px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.92);
  border-radius: 26px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.91);
  color: var(--c_app_173f68, #173f68);
  text-align: center;
  box-shadow: 0 28px 80px rgb(var(--c_app_13465e-rgb, 19 70 94) / 0.35), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.9);
  backdrop-filter: blur(16px) saturate(1.25);
  animation: withdraw-card .66s .12s cubic-bezier(.16,1,.3,1) both;
}
.game-cashout-celebration__card::after {
  content: "";
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  background: linear-gradient(108deg, transparent 31%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.74) 47%, transparent 62%);
  transform: translateX(-115%);
  animation: withdraw-sheen .72s .56s ease-out both;
  pointer-events: none;
}
.game-cashout-celebration__badge {
  position: static;
  min-width: 150px;
  margin: -2px auto 11px;
  padding: 7px 14px;
  display: table;
  border: 3px solid var(--c_app_ffffff, #fff);
  border-radius: 99px;
  background: linear-gradient(135deg, var(--c_app_ffd84b, #ffd84b), var(--c_app_ffae24, #ffae24));
  color: var(--c_app_744600, #744600);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .14em;
  box-shadow: 0 8px 18px rgb(var(--c_app_946004-rgb, 148 96 4) / 0.22);
}
.game-cashout-celebration__check {
  width: 66px;
  height: 66px;
  margin: -69px auto 13px;
  display: grid;
  place-items: center;
  border: 5px solid var(--c_app_ffffff, #fff);
  border-radius: 50%;
  background: linear-gradient(145deg, var(--c_app_42df83, #42df83), var(--c_app_0aad59, #0aad59));
  color: var(--c_app_ffffff, #fff);
  font-size: 34px;
  font-weight: 950;
  box-shadow: 0 13px 28px rgb(var(--c_app_079849-rgb, 7 152 73) / 0.35);
  animation: withdraw-check .62s .74s cubic-bezier(.2,1.35,.35,1) both;
}
.game-cashout-celebration__card p { margin: 0; color: var(--c_app_12a65b, #12a65b); font-size: 11px; font-weight: 950; letter-spacing: .16em; }
.game-cashout-celebration__card strong { display: block; margin-top: 7px; color: var(--c_app_0eaa58, #0eaa58); font-size: clamp(34px, 6vw, 49px); font-variant-numeric: tabular-nums; letter-spacing: -.035em; line-height: 1.08; text-shadow: 0 8px 22px rgb(var(--c_app_0eaa58-rgb, 14 170 88) / 0.18); }
.game-cashout-celebration__card small { margin: 13px auto 0; padding: 7px 11px; display: inline-flex; align-items: center; gap: 6px; border-radius: 99px; background: var(--c_app_edf9f2, #edf9f2); color: var(--c_app_577467, #577467); font-size: 11px; font-weight: 850; }
.game-cashout-celebration__card small span { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; background: var(--c_app_1cc469, #1cc469); color: var(--c_app_ffffff, #fff); font-size: 10px; }
.game-cashout-celebration.is-complete .game-cashout-celebration__card { animation: withdraw-complete .46s cubic-bezier(.2,.9,.25,1.2) both; }
.game-cashout-celebration.is-complete .game-cashout-celebration__check { box-shadow: 0 0 0 15px rgb(var(--c_app_22ce72-rgb, 34 206 114) / 0), 0 13px 28px rgb(var(--c_app_079849-rgb, 7 152 73) / 0.35); transition: box-shadow .55s ease-out; }
.game-cashout-celebration__coins { position: absolute; z-index: 3; inset: 0; }
.game-cashout-celebration__coins i {
  --x: 0vw;
  --y: 36vh;
  --d: 0s;
  position: absolute;
  left: 50%;
  top: 53%;
  width: 21px;
  height: 21px;
  border: 4px solid var(--c_app_ffe46a, #ffe46a);
  border-radius: 50%;
  background: var(--c_app_f2b400, #f2b400);
  opacity: 0;
  box-shadow: inset 0 0 0 2px var(--c_app_cf8500, #cf8500), 0 0 17px rgb(var(--c_app_ffd02c-rgb, 255 208 44) / 0.68);
  animation: withdraw-coin 1.05s var(--d) cubic-bezier(.2,.75,.25,1) both;
}
.game-cashout-celebration__coins i:nth-child(1) { --x: -42vw; --y: 31vh; --d: .02s; }
.game-cashout-celebration__coins i:nth-child(2) { --x: -32vw; --y: -36vh; --d: .14s; }
.game-cashout-celebration__coins i:nth-child(3) { --x: -17vw; --y: 43vh; --d: .24s; }
.game-cashout-celebration__coins i:nth-child(4) { --x: -9vw; --y: -44vh; --d: .08s; }
.game-cashout-celebration__coins i:nth-child(5) { --x: 12vw; --y: 45vh; --d: .18s; }
.game-cashout-celebration__coins i:nth-child(6) { --x: 24vw; --y: -42vh; --d: .28s; }
.game-cashout-celebration__coins i:nth-child(7) { --x: 41vw; --y: 28vh; --d: .1s; }
.game-cashout-celebration__coins i:nth-child(8) { --x: 45vw; --y: -19vh; --d: .22s; }
.game-cashout-celebration__coins i:nth-child(9) { --x: -45vw; --y: -13vh; --d: .3s; }
.game-cashout-celebration__coins i:nth-child(10) { --x: 5vw; --y: -47vh; --d: .34s; }
.game-cashout-celebration__sparks { position: absolute; inset: 0; }
.game-cashout-celebration__sparks i {
  --x: 0px;
  --y: -180px;
  --d: 0s;
  position: absolute;
  left: 50%;
  top: 52%;
  width: 11px;
  height: 11px;
  border-radius: 3px;
  background: var(--c_app_ffe25e, #ffe25e);
  opacity: 0;
  box-shadow: 0 0 12px currentColor;
  animation: withdraw-spark 1.05s var(--d) cubic-bezier(.2,.7,.2,1) both;
}
.game-cashout-celebration__sparks i:nth-child(2n) { border-radius: 50%; background: var(--c_app_55e6cf, #55e6cf); }
.game-cashout-celebration__sparks i:nth-child(3n) { background: var(--c_app_ffffff, #fff); }
.game-cashout-celebration__sparks i:nth-child(1) { --x: -225px; --y: -155px; --d: .04s; }
.game-cashout-celebration__sparks i:nth-child(2) { --x: -150px; --y: -225px; --d: .12s; }
.game-cashout-celebration__sparks i:nth-child(3) { --x: -55px; --y: -245px; --d: .01s; }
.game-cashout-celebration__sparks i:nth-child(4) { --x: 65px; --y: -240px; --d: .1s; }
.game-cashout-celebration__sparks i:nth-child(5) { --x: 170px; --y: -205px; --d: .03s; }
.game-cashout-celebration__sparks i:nth-child(6) { --x: 230px; --y: -115px; --d: .14s; }
.game-cashout-celebration__sparks i:nth-child(7) { --x: -235px; --y: 55px; --d: .16s; }
.game-cashout-celebration__sparks i:nth-child(8) { --x: -165px; --y: 155px; --d: .08s; }
.game-cashout-celebration__sparks i:nth-child(9) { --x: -55px; --y: 205px; --d: .18s; }
.game-cashout-celebration__sparks i:nth-child(10) { --x: 65px; --y: 195px; --d: .06s; }
.game-cashout-celebration__sparks i:nth-child(11) { --x: 175px; --y: 145px; --d: .15s; }
.game-cashout-celebration__sparks i:nth-child(12) { --x: 235px; --y: 35px; --d: .02s; }

.game-event {
  position: absolute;
  z-index: 24;
  top: max(105px, calc(env(safe-area-inset-top) + 96px));
  left: 50%;
  min-width: min(360px, calc(100vw - 38px));
  padding: 12px 20px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.8);
  border-radius: 18px;
  background: rgb(var(--c_app_123a58-rgb, 18 58 88) / 0.78);
  color: var(--c_app_ffffff, #fff);
  text-align: center;
  opacity: 0;
  transform: translate(-50%, -12px) scale(.96);
  box-shadow: 0 16px 38px rgb(var(--c_app_173752-rgb, 23 55 82) / 0.24);
  backdrop-filter: blur(12px);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}
.game-event.is-visible { opacity: 1; transform: translate(-50%, 0) scale(1); }
.game-event strong,
.game-event span { display: block; }
.game-event strong { color: var(--c_app_74edff, #74edff); font-size: 13px; font-weight: 950; letter-spacing: .13em; }
.game-event span { margin-top: 3px; font-size: 12px; }

.game-trap-warning {
  --trap-accent: var(--c_app_ff6f61, #ff6f61);
  position: absolute;
  z-index: 32;
  top: 50%;
  left: 50%;
  width: min(470px, calc(100vw - 36px));
  min-height: 138px;
  padding: 22px 24px;
  display: grid;
  grid-template-columns: 78px 1fr;
  align-items: center;
  gap: 18px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--trap-accent) 48%, var(--c_app_ffffff, white));
  border-radius: 24px;
  background: linear-gradient(135deg, rgb(var(--c_app_14172b-rgb, 20 23 43) / 0.93), rgb(var(--c_app_481625-rgb, 72 22 37) / 0.91));
  color: var(--c_app_ffffff, #fff);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.82);
  box-shadow: 0 30px 90px rgb(var(--c_app_050a1e-rgb, 5 10 30) / 0.54), 0 0 55px color-mix(in srgb, var(--trap-accent) 24%, transparent), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.18);
  backdrop-filter: blur(14px) saturate(1.15);
  pointer-events: none;
  transition: opacity .2s ease, transform .34s cubic-bezier(.16,1,.3,1);
}
.game-trap-warning[hidden] { display: none; }
.game-trap-warning.is-visible { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.game-trap-warning--color { --trap-accent: var(--c_app_c98bff, #c98bff); }
.game-trap-warning--speed { --trap-accent: var(--c_app_ff6558, #ff6558); }
.game-trap-warning--controls { --trap-accent: var(--c_app_ffb03d, #ffb03d); }
.game-trap-warning__burst { position: absolute; top: 50%; left: 50%; width: 125px; height: 125px; border: 3px solid var(--trap-accent); border-radius: 50%; opacity: 0; transform: translate(-50%, -50%); animation: trap-warning-burst .82s ease-out both; }
.game-trap-warning__icon { position: relative; z-index: 1; width: 72px; height: 72px; display: grid; place-items: center; border: 3px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.72); border-radius: 22px; background: linear-gradient(145deg, color-mix(in srgb, var(--trap-accent) 85%, var(--c_app_ffffff, white)), var(--trap-accent)); color: var(--c_app_ffffff, #fff); font-size: 40px; font-weight: 950; box-shadow: 0 12px 28px color-mix(in srgb, var(--trap-accent) 34%, transparent); transform: rotate(-5deg); }
.game-trap-warning > div { position: relative; z-index: 1; }
.game-trap-warning small { display: block; color: color-mix(in srgb, var(--trap-accent) 42%, var(--c_app_ffffff, white)); font-size: 10px; font-weight: 950; letter-spacing: .2em; }
.game-trap-warning strong { display: block; margin-top: 4px; font-size: clamp(21px, 4vw, 30px); line-height: 1.05; }
.game-trap-warning p { margin: 7px 0 0; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.72); font-size: 12px; line-height: 1.35; }
.game-trap-warning time { margin-top: 8px; display: inline-flex; align-items: center; gap: 7px; padding: 4px 9px; border: 1px solid color-mix(in srgb, var(--trap-accent) 45%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--trap-accent) 16%, transparent); color: var(--c_app_ffffff, #fff); font-variant-numeric: tabular-nums; }
.game-trap-warning time b { font-size: 13px; }
.game-trap-warning time span { color: color-mix(in srgb, var(--trap-accent) 38%, var(--c_app_ffffff, white)); font-size: 8px; font-weight: 950; letter-spacing: .12em; }
.game-trap-warning.is-visible .game-trap-warning__icon { animation: trap-warning-icon 1.55s cubic-bezier(.16,1,.3,1) both; }
.is-speed-trap .game-speed { border-color: rgb(var(--c_app_ff6455-rgb, 255 100 85) / 0.65); color: var(--c_app_b62424, #b62424); box-shadow: 0 8px 22px rgb(var(--c_app_a8231e-rgb, 168 35 30) / 0.17), 0 0 24px rgb(var(--c_app_ff5646-rgb, 255 86 70) / 0.22); }
.game-world--3d.is-controls-trap { cursor: ew-resize; }

.game-revive-transition {
  position: absolute;
  z-index: 35;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 50% 57%, rgb(var(--c_app_ffde63-rgb, 255 222 99) / 0.35), transparent 31%), linear-gradient(rgb(var(--c_app_052c44-rgb, 5 44 68) / 0.08), rgb(var(--c_app_052a42-rgb, 5 42 66) / 0.46));
  opacity: 1;
  backdrop-filter: blur(1.5px) saturate(1.08);
  pointer-events: none;
  transition: opacity .38s ease;
  animation: revive-overlay-in .32s ease-out both;
}
.game-revive-transition.is-complete { opacity: 0; }
.game-revive-transition__aurora { position: absolute; inset: -35%; background: conic-gradient(from 45deg, transparent, rgb(var(--c_app_66e8f9-rgb, 102 232 249) / 0.2), transparent 34%, rgb(var(--c_app_ffdc63-rgb, 255 220 99) / 0.24), transparent 68%); filter: blur(24px); animation: revive-aurora 2.2s linear infinite; }
.game-revive-transition__rings { position: absolute; top: 54%; left: 50%; width: min(340px, 72vw); aspect-ratio: 1; transform: translate(-50%, -50%); }
.game-revive-transition__rings i { position: absolute; inset: 0; border: 3px solid rgb(var(--c_app_ffe070-rgb, 255 224 112) / 0.78); border-radius: 50%; opacity: 0; box-shadow: 0 0 34px rgb(var(--c_app_ffcd3e-rgb, 255 205 62) / 0.36); animation: revive-ring 1.3s ease-out infinite; }
.game-revive-transition__rings i:nth-child(2) { animation-delay: .2s; }
.game-revive-transition__rings i:nth-child(3) { animation-delay: .4s; }
.game-revive-transition__card { position: relative; z-index: 2; width: min(390px, calc(100vw - 38px)); padding: 25px 26px 22px; border: 1px solid rgb(var(--c_app_ffe88f-rgb, 255 232 143) / 0.72); border-radius: 25px; background: linear-gradient(145deg, rgb(var(--c_app_0f3f51-rgb, 15 63 81) / 0.88), rgb(var(--c_app_0a2946-rgb, 10 41 70) / 0.92)); color: var(--c_app_ffffff, #fff); text-align: center; box-shadow: 0 28px 80px rgb(var(--c_app_001e36-rgb, 0 30 54) / 0.38), 0 0 58px rgb(var(--c_app_ffd043-rgb, 255 208 67) / 0.28), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.22); animation: revive-card-in .62s cubic-bezier(.16,1,.3,1) both; }
.game-revive-transition__icon { width: 68px; height: 68px; margin: -57px auto 12px; display: grid; place-items: center; border: 4px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.88); border-radius: 50%; background: linear-gradient(145deg, var(--c_app_fff7c2, #fff7c2), var(--c_app_ffc83d, #ffc83d)); color: var(--c_app_8b5a00, #8b5a00); font-size: 39px; font-weight: 950; box-shadow: 0 14px 35px rgb(var(--c_app_ffc42f-rgb, 255 196 47) / 0.42); animation: revive-icon-pop .72s cubic-bezier(.16,1,.3,1) both; }
.game-revive-transition__card small { display: block; color: var(--c_app_7cecff, #7cecff); font-size: 10px; font-weight: 950; letter-spacing: .2em; }
.game-revive-transition__card strong { display: block; margin-top: 5px; color: var(--c_app_ffe47f, #ffe47f); font-size: clamp(28px, 5vw, 38px); line-height: 1.05; text-shadow: 0 0 22px rgb(var(--c_app_ffcc39-rgb, 255 204 57) / 0.34); }
.game-revive-transition__card p { margin: 8px 0 0; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.78); font-size: 12px; line-height: 1.4; }
.is-reviving .game-canvas { animation: revive-camera 1.65s ease-in-out both; }
.is-reviving .game-hud--3d,
.is-reviving .game-traps,
.is-reviving .game-event { opacity: .25; transition: opacity .2s ease; }

.game-crash-transition {
  --crash-accent: var(--c_app_ff7569, #ff7569);
  position: absolute;
  z-index: 34;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 50% 57%, rgb(var(--c_app_70d5ff-rgb, 112 213 255) / 0.2), transparent 28%), linear-gradient(rgb(var(--c_app_051c34-rgb, 5 28 52) / 0.12), rgb(var(--c_app_051a31-rgb, 5 26 49) / 0.76));
  pointer-events: none;
  animation: crash-overlay-in .52s ease-out both;
}
.game-crash-transition--lake { --crash-accent: var(--c_app_5de0ff, #5de0ff); background: linear-gradient(rgb(var(--c_app_105171-rgb, 16 81 113) / 0.12), rgb(var(--c_app_012a47-rgb, 1 42 71) / 0.82)); }
.game-crash-transition__pulse {
  position: absolute;
  left: 50%;
  top: 53%;
  width: min(240px, 56vw);
  aspect-ratio: 1;
  border: 3px solid color-mix(in srgb, var(--crash-accent) 64%, var(--c_app_ffffff, white));
  border-radius: 50%;
  box-shadow: 0 0 0 18px color-mix(in srgb, var(--crash-accent) 12%, transparent), 0 0 80px color-mix(in srgb, var(--crash-accent) 36%, transparent);
  animation: crash-pulse 1.25s .08s ease-out both;
}
.game-crash-transition__panel {
  position: relative;
  z-index: 2;
  width: min(390px, calc(100vw - 38px));
  padding: 26px 26px 23px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.26);
  border-radius: 25px;
  background: rgb(var(--c_app_0a2642-rgb, 10 38 66) / 0.78);
  color: var(--c_app_ffffff, #fff);
  text-align: center;
  box-shadow: 0 28px 80px rgb(var(--c_app_001227-rgb, 0 18 39) / 0.42), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.18);
  backdrop-filter: blur(17px) saturate(1.1);
  animation: crash-panel-in .56s .12s cubic-bezier(.16,1,.3,1) both;
}
.game-crash-transition__panel::before { content: ""; position: absolute; top: 0; right: 22%; left: 22%; height: 2px; border-radius: 99px; background: linear-gradient(90deg, transparent, var(--crash-accent), transparent); box-shadow: 0 0 20px var(--crash-accent); animation: crash-scan 1.1s .2s ease-out both; }
.game-crash-transition__icon { width: 62px; height: 62px; margin: -58px auto 14px; display: grid; place-items: center; border: 4px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.88); border-radius: 50%; background: linear-gradient(145deg, color-mix(in srgb, var(--crash-accent) 78%, var(--c_app_ffffff, white)), var(--crash-accent)); font-size: 32px; font-weight: 950; box-shadow: 0 14px 32px color-mix(in srgb, var(--crash-accent) 32%, transparent); }
.game-crash-transition__panel p { margin: 0; color: color-mix(in srgb, var(--crash-accent) 55%, var(--c_app_ffffff, white)); font-size: 10px; font-weight: 950; letter-spacing: .18em; }
.game-crash-transition__panel strong { display: block; margin-top: 5px; font-size: clamp(26px, 5vw, 36px); line-height: 1.1; }
.game-crash-transition__panel small { display: block; margin-top: 9px; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.67); font-size: 12px; }
.game-crash-transition__snow { position: absolute; inset: 0; }
.game-crash-transition__snow i { --sx: 50%; --delay: 0s; position: absolute; top: -8%; left: var(--sx); width: 7px; height: 7px; border-radius: 50%; background: var(--c_app_ffffff, #fff); opacity: 0; box-shadow: 0 0 11px rgb(var(--c_app_adebff-rgb, 173 235 255) / 0.8); animation: crash-snow 1.45s var(--delay) ease-in both; }
.game-crash-transition__snow i:nth-child(1) { --sx: 7%; --delay: .04s; }
.game-crash-transition__snow i:nth-child(2) { --sx: 18%; --delay: .22s; }
.game-crash-transition__snow i:nth-child(3) { --sx: 29%; --delay: .1s; }
.game-crash-transition__snow i:nth-child(4) { --sx: 39%; --delay: .31s; }
.game-crash-transition__snow i:nth-child(5) { --sx: 48%; --delay: .16s; }
.game-crash-transition__snow i:nth-child(6) { --sx: 59%; --delay: .01s; }
.game-crash-transition__snow i:nth-child(7) { --sx: 69%; --delay: .26s; }
.game-crash-transition__snow i:nth-child(8) { --sx: 78%; --delay: .12s; }
.game-crash-transition__snow i:nth-child(9) { --sx: 88%; --delay: .34s; }
.game-crash-transition__snow i:nth-child(10) { --sx: 96%; --delay: .2s; }
.is-crashing .game-canvas { animation: crash-camera .48s ease-out both; }
.is-sinking .game-canvas { animation: lake-camera 1.5s ease-in both; }
.is-crashing .game-powerups,
.is-sinking .game-powerups,
.is-crashing .game-traps,
.is-sinking .game-traps { opacity: 0; transform: translateY(-10px); transition: opacity .2s ease, transform .2s ease; }

.game-demo-label--world {
  position: absolute;
  z-index: 15;
  right: 0;
  bottom: 3px;
  left: 0;
  margin: 0;
  color: rgb(var(--c_app_1c4b69-rgb, 28 75 105) / 0.46);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none;
}
.is-launching .game-demo-label--world,
.is-running .game-demo-label--world { opacity: .6; }

.overlay--game .game-stage--result {
  position: absolute;
  inset: 0;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow-y: auto;
  background: linear-gradient(180deg, rgb(var(--c_app_d8ebf7-rgb, 216 235 247) / 0.32), rgb(var(--c_app_23537a-rgb, 35 83 122) / 0.37));
  color: var(--c_app_173b61, #173b61);
}
.game-result-ambience { position: fixed; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.game-result-ambience i { --x: 50%; --s: 18px; --d: 0s; position: absolute; bottom: -45px; left: var(--x); width: var(--s); height: var(--s); border: 1px solid rgb(var(--c_app_89e1ff-rgb, 137 225 255) / 0.5); background: linear-gradient(145deg, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.37), rgb(var(--c_app_3db9e6-rgb, 61 185 230) / 0.14)); opacity: 0; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); filter: drop-shadow(0 0 12px rgb(var(--c_app_52d0f8-rgb, 82 208 248) / 0.4)); animation: result-crystal-float 4.8s var(--d) ease-in-out infinite; }
.game-result-ambience i:nth-child(1) { --x: 8%; --s: 28px; --d: -.8s; }
.game-result-ambience i:nth-child(2) { --x: 21%; --s: 13px; --d: -3.1s; }
.game-result-ambience i:nth-child(3) { --x: 36%; --s: 21px; --d: -1.7s; }
.game-result-ambience i:nth-child(4) { --x: 53%; --s: 15px; --d: -4.1s; }
.game-result-ambience i:nth-child(5) { --x: 69%; --s: 24px; --d: -2.4s; }
.game-result-ambience i:nth-child(6) { --x: 84%; --s: 16px; --d: -.2s; }
.game-result-ambience i:nth-child(7) { --x: 94%; --s: 31px; --d: -3.6s; }
.overlay--game .game-stage--result-lost {
  position: absolute;
  isolation: isolate;
  background: radial-gradient(circle at 50% 29%, rgb(var(--c_app_45bfe8-rgb, 69 191 232) / 0.3), transparent 28%), linear-gradient(160deg, var(--c_app_071f3b, #071f3b), var(--c_app_123b5d, #123b5d) 54%, var(--c_app_0b2947, #0b2947));
  color: var(--c_app_ffffff, #fff);
}
.overlay--game .game-stage--result-lost::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  background: radial-gradient(circle at 15% 20%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.12) 0 2px, transparent 3px), radial-gradient(circle at 83% 34%, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.1) 0 3px, transparent 4px), radial-gradient(circle at 63% 82%, rgb(var(--c_app_61daff-rgb, 97 218 255) / 0.12) 0 3px, transparent 4px);
  background-size: 130px 130px, 180px 180px, 210px 210px;
  animation: result-snow-drift 12s linear infinite;
}
.overlay--game .game-result {
  width: min(570px, 100%);
  margin: auto 0 0;
  padding: 24px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.82);
  border-radius: 25px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.88);
  color: var(--c_app_173b61, #173b61);
  box-shadow: 0 26px 70px rgb(var(--c_app_153d5e-rgb, 21 61 94) / 0.25);
  backdrop-filter: blur(18px);
}
.overlay--game .game-result--win { animation: result-pop .52s cubic-bezier(.16,1,.3,1) both; }
.overlay--game .game-result--win .game-result__icon { animation: trophy-bounce .72s .08s cubic-bezier(.2,1.35,.35,1) both; }
.overlay--game .game-result--win dl div { animation: stat-rise .36s .18s ease-out both; }
.overlay--game .game-result--win dl div:nth-child(2) { animation-delay: .24s; }
.overlay--game .game-result--win dl div:nth-child(3) { animation-delay: .3s; }
.overlay--game .game-result--win dl div:nth-child(4) { animation-delay: .36s; }
.overlay--game .game-result--lost {
  position: relative;
  overflow: hidden;
  border-color: rgb(var(--c_app_66dcff-rgb, 102 220 255) / 0.3);
  background: linear-gradient(145deg, rgb(var(--c_app_0b2d4c-rgb, 11 45 76) / 0.92), rgb(var(--c_app_123b58-rgb, 18 59 88) / 0.84));
  color: var(--c_app_ffffff, #fff);
  box-shadow: 0 30px 90px rgb(var(--c_app_000d22-rgb, 0 13 34) / 0.48), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.15);
  animation: gameover-card-in .62s cubic-bezier(.16,1,.3,1) both;
}
.overlay--game .game-result--lost::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 0, rgb(var(--c_app_5adaff-rgb, 90 218 255) / 0.17), transparent 35%); pointer-events: none; }
.overlay--game .game-result__emblem { position: relative; width: 82px; height: 82px; margin: -2px auto 7px; display: grid; place-items: center; }
.overlay--game .game-result__emblem::before,
.overlay--game .game-result__emblem i { content: ""; position: absolute; inset: 4px; border: 1px solid rgb(var(--c_app_68e1ff-rgb, 104 225 255) / 0.44); border-radius: 50%; }
.overlay--game .game-result__emblem::before { animation: gameover-ring 1.6s .18s ease-out infinite; }
.overlay--game .game-result__emblem i { inset: 12px; background: linear-gradient(145deg, rgb(var(--c_app_71e2ff-rgb, 113 226 255) / 0.33), rgb(var(--c_app_1772a4-rgb, 23 114 164) / 0.24)); box-shadow: 0 0 35px rgb(var(--c_app_3ecaf5-rgb, 62 202 245) / 0.25); }
.overlay--game .game-result__emblem span { position: relative; z-index: 2; font-size: 36px; filter: drop-shadow(0 8px 12px rgb(var(--c_app_00142a-rgb, 0 20 42) / 0.36)); animation: gameover-emblem-in .7s .1s cubic-bezier(.2,1.3,.35,1) both; }
.overlay--game .game-result--lost > p { position: relative; color: var(--c_app_77e6ff, #77e6ff); }
.overlay--game .game-result--lost h2 { position: relative; margin-top: 6px; color: var(--c_app_ffffff, #fff); font-size: clamp(24px, 4.5vw, 32px); }
.overlay--game .game-result h2:focus { outline: none; }
.overlay--game .game-result__loss { position: relative; margin: 17px 0 0; padding: 14px 18px; border: 1px solid rgb(var(--c_app_ff8274-rgb, 255 130 116) / 0.27); border-radius: 17px; background: linear-gradient(115deg, rgb(var(--c_app_ff7569-rgb, 255 117 105) / 0.16), rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.05)); animation: gameover-loss-in .45s .2s ease-out both; }
.overlay--game .game-result__loss span,
.overlay--game .game-result__loss strong,
.overlay--game .game-result__loss small { display: block; }
.overlay--game .game-result__loss span { color: var(--c_app_ffc6be, #ffc6be); font-size: 9px; font-weight: 950; letter-spacing: .14em; }
.overlay--game .game-result__loss strong { margin-top: 3px; color: var(--c_app_ff8d7d, #ff8d7d); font-size: clamp(27px, 5vw, 38px); font-variant-numeric: tabular-nums; line-height: 1.05; }
.overlay--game .game-result__loss small { margin-top: 5px; color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.6); font-size: 10px; }
.overlay--game .game-result--lost dl div { border-color: rgb(var(--c_app_6fd9f5-rgb, 111 217 245) / 0.17); background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.07); animation: stat-rise .38s .32s ease-out both; }
.overlay--game .game-result--lost dl div:nth-child(2) { animation-delay: .39s; }
.overlay--game .game-result--lost dl div:nth-child(3) { animation-delay: .46s; }
.overlay--game .game-result--lost dl div:nth-child(4) { animation-delay: .53s; }
.overlay--game .game-result--lost dt { color: rgb(var(--c_app_bfe5f2-rgb, 191 229 242) / 0.58); }
.overlay--game .game-result--lost dd { color: var(--c_app_ffffff, #fff); }
.overlay--game .game-result--lost .game-result__balance { position: relative; border: 1px solid rgb(var(--c_app_68e0ff-rgb, 104 224 255) / 0.15); background: rgb(var(--c_app_041d37-rgb, 4 29 55) / 0.38); color: var(--c_app_c5edfa, #c5edfa); }
.overlay--game .game-result--lost .game-result__balance b { color: var(--c_app_ffffff, #fff); }
.overlay--game .game-result--lost .game-result__loss-note { position: relative; color: rgb(var(--c_app_d2eff7-rgb, 210 239 247) / 0.68); }
.overlay--game .game-stage--result-lost .game-result__actions { animation: result-actions-in .45s .48s ease-out both; }
.overlay--game .game-result__icon { font-size: 42px; }
.overlay--game .game-result > p { color: var(--c_app_18aee9, #18aee9); }
.overlay--game .game-result h2 { color: var(--c_app_173b61, #173b61); }
.overlay--game .game-result > strong { color: var(--c_app_13a85a, #13a85a); }
.overlay--game .game-result--lost > strong { color: var(--c_app_7b8fa2, #7b8fa2); }
.overlay--game .game-result dl div { border-color: var(--c_app_dceaf3, #dceaf3); background: rgb(var(--c_app_ecf7fc-rgb, 236 247 252) / 0.76); }
.overlay--game .game-result dt { color: var(--c_app_7d91a4, #7d91a4); }
.overlay--game .game-result dd { color: var(--c_app_1f4568, #1f4568); }
.overlay--game .game-result__balance { background: var(--c_app_edf8fc, #edf8fc); color: var(--c_app_315877, #315877); }
.overlay--game .game-result__loss-note { color: var(--c_app_6e8396, #6e8396); }
.overlay--game .game-stage--result-lost .game-result--lost h2 { color: var(--c_app_ffffff, #fff); text-shadow: 0 5px 22px rgb(var(--c_app_000e22-rgb, 0 14 34) / 0.36); }
.overlay--game .game-stage--result-lost .game-result--lost dl div { border-color: rgb(var(--c_app_6fd9f5-rgb, 111 217 245) / 0.17); background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.07); }
.overlay--game .game-stage--result-lost .game-result--lost dt { color: rgb(var(--c_app_bfe5f2-rgb, 191 229 242) / 0.58); }
.overlay--game .game-stage--result-lost .game-result--lost dd { color: var(--c_app_ffffff, #fff); }
.overlay--game .game-result__actions { width: min(570px, 100%); margin: 0 0 auto; }
.overlay--game .game-result__actions .action-button--secondary { border-color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.75); background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.82); color: var(--c_app_245272, #245272); }
.overlay--game .game-text-button { color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.88); }
.overlay--game .game-stage--result > .game-demo-label { color: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.72); }

@keyframes game-loading-bar {
  0% { transform: translateX(-115%); }
  55%, 100% { transform: translateX(250%); }
}
@keyframes game-sound-attention {
  0%, 100% { transform: scale(1); box-shadow: 0 8px 24px rgb(var(--c_app_254d6f-rgb, 37 77 111) / 0.13); }
  50% { transform: scale(1.08); box-shadow: 0 0 0 7px rgb(var(--c_app_ef6258-rgb, 239 98 88) / 0.13), 0 9px 25px rgb(var(--c_app_254d6f-rgb, 37 77 111) / 0.18); }
}
@keyframes trap-token-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 10px 24px rgb(var(--c_app_112d44-rgb, 17 45 68) / 0.31), 0 0 14px var(--bonus-glow), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.25); }
  50% { transform: scale(1.075); box-shadow: 0 12px 28px rgb(var(--c_app_112d44-rgb, 17 45 68) / 0.36), 0 0 27px var(--bonus-glow), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.34); }
}
@keyframes trap-color-symbol { to { transform: rotate(360deg); filter: hue-rotate(360deg); } }
@keyframes trap-speed-symbol { from { transform: translateX(-3px) scaleX(.82); } to { transform: translateX(3px) scaleX(1.16); } }
@keyframes trap-controls-symbol { 0%, 100% { transform: rotateY(0); } 50% { transform: rotateY(180deg); } }
@keyframes trap-warning-icon {
  0% { opacity: 0; transform: rotate(-18deg) scale(.35); }
  24% { opacity: 1; transform: rotate(7deg) scale(1.13); }
  52% { transform: rotate(-5deg) scale(1); }
  78% { transform: rotate(3deg) scale(1.06); }
  100% { transform: rotate(-3deg) scale(1); }
}
@keyframes cashout-3d-in {
  from { opacity: 0; transform: translate(-50%, 16px) scale(.92); }
}
@keyframes cashout-confirm {
  45% { transform: translateX(-50%) scale(1.08); box-shadow: 0 0 0 12px rgb(var(--c_app_3ddd7c-rgb, 61 221 124) / 0.18), 0 18px 44px rgb(var(--c_app_078743-rgb, 7 135 67) / 0.42); }
}
@keyframes withdraw-flash {
  0% { opacity: 0; }
  12%, 82% { opacity: 1; }
  100% { opacity: .92; }
}
@keyframes withdraw-rays { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes withdraw-sheen { to { transform: translateX(115%); } }
@keyframes withdraw-rays-in { from { opacity: 0; scale: .55; } }
@keyframes withdraw-halo {
  from { opacity: 0; transform: translate(-50%, -50%) scale(.18); }
  42% { opacity: 1; }
  to { opacity: 0; transform: translate(-50%, -50%) scale(1.35); }
}
@keyframes withdraw-card {
  from { opacity: 0; transform: translateY(30px) scale(.82); }
}
@keyframes withdraw-complete { 50% { transform: scale(1.035); filter: brightness(1.04); } }
@keyframes withdraw-check {
  from { opacity: 0; transform: scale(.25) rotate(-24deg); }
}
@keyframes withdraw-spark {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.25) rotate(0); }
  16% { opacity: 1; }
  100% { opacity: 0; transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1.15) rotate(210deg); }
}
@keyframes withdraw-coin {
  0% { opacity: 0; transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(.45) rotate(0); }
  18% { opacity: 1; }
  78% { opacity: 1; transform: translate(-50%, -50%) scale(.9) rotate(520deg); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(.2) rotate(620deg); }
}
@keyframes powerup-token-in { from { opacity: 0; transform: translateY(-10px) scale(.58); } 70% { transform: translateY(0) scale(1.08); } }
@keyframes powerup-token-out { to { opacity: 0; transform: translateY(-7px) scale(.78); } }
@keyframes powerup-glyph-pulse { 50% { transform: scale(1.12) rotate(-5deg); } }
@keyframes powerup-ending { to { filter: brightness(1.2); transform: scale(.94); } }
@keyframes revive-token-ready { 50% { transform: scale(1.06); box-shadow: 0 10px 24px rgb(var(--c_app_112d44-rgb, 17 45 68) / 0.31), 0 0 28px rgb(var(--c_app_ffcc3d-rgb, 255 204 61) / 0.78), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.35); } }
@keyframes revive-token-cross { 50% { transform: scale(1.18) rotate(90deg); } }
@keyframes revive-token-consume { 45% { opacity: 1; transform: translateY(10px) scale(1.35); filter: brightness(1.5); } to { opacity: 0; transform: translate(42px, 48vh) scale(.35) rotate(160deg); } }
@keyframes revive-shield-pulse { to { transform: scale(1.18); text-shadow: 0 0 19px var(--c_app_ffffff, #fff), 0 0 28px var(--bonus-glow); } }
@keyframes revive-overlay-in { from { opacity: 0; } }
@keyframes revive-aurora { to { transform: rotate(360deg); } }
@keyframes revive-ring { from { opacity: .9; transform: scale(.18); } to { opacity: 0; transform: scale(1.25); } }
@keyframes revive-card-in { from { opacity: 0; transform: translateY(26px) scale(.76); filter: blur(4px); } }
@keyframes revive-icon-pop { from { opacity: 0; transform: scale(.2) rotate(-45deg); } 72% { transform: scale(1.12) rotate(6deg); } }
@keyframes revive-camera { 0%, 100% { filter: none; } 28% { filter: brightness(.58) saturate(.62); } 58% { filter: brightness(1.45) saturate(1.2); } }
@keyframes trap-warning-burst { from { opacity: .9; transform: translate(-50%, -50%) scale(.25); } to { opacity: 0; transform: translate(-50%, -50%) scale(3.7); } }
@keyframes crash-overlay-in { from { opacity: 0; } }
@keyframes crash-scan { from { opacity: 0; transform: scaleX(.1); } 55% { opacity: 1; } to { opacity: .45; transform: scaleX(1); } }
@keyframes crash-panel-in { from { opacity: 0; transform: translateY(28px) scale(.86); } }
@keyframes crash-pulse { from { opacity: 1; transform: translate(-50%, -50%) scale(.1); } to { opacity: 0; transform: translate(-50%, -50%) scale(2.4); } }
@keyframes crash-snow { 0% { opacity: 0; transform: translateY(0) scale(.5); } 18% { opacity: .9; } 100% { opacity: 0; transform: translate(34px, 112vh) scale(1.3); } }
@keyframes crash-camera { 18% { transform: translateX(-7px) rotate(-.45deg); filter: brightness(1.3); } 36% { transform: translateX(6px) rotate(.35deg); } 58% { transform: translateX(-3px); } 100% { filter: brightness(.72) saturate(.72); } }
@keyframes lake-camera { to { transform: translateY(10px) scale(1.025); filter: blur(2px) brightness(.64) saturate(.7); } }
@keyframes gameover-card-in { from { opacity: 0; transform: translateY(28px) scale(.9); filter: blur(5px); } }
@keyframes gameover-emblem-in { from { opacity: 0; transform: scale(.25) rotate(-30deg); } }
@keyframes gameover-ring { from { opacity: .8; transform: scale(.65); } to { opacity: 0; transform: scale(1.4); } }
@keyframes gameover-loss-in { from { opacity: 0; transform: translateY(12px) scale(.96); } }
@keyframes result-actions-in { from { opacity: 0; transform: translateY(15px); } }
@keyframes result-snow-drift { to { background-position: 25px 130px, -35px 180px, 20px 210px; } }
@keyframes result-crystal-float { 0% { opacity: 0; transform: translate3d(0, 0, 0) rotate(0); } 18% { opacity: .55; } 78% { opacity: .22; } 100% { opacity: 0; transform: translate3d(24px, -112vh, 0) rotate(210deg); } }
@keyframes result-pop {
  from { opacity: 0; transform: translateY(22px) scale(.9); }
}
@keyframes trophy-bounce {
  from { opacity: 0; transform: translateY(18px) scale(.35) rotate(-12deg); }
  65% { transform: translateY(-5px) scale(1.12) rotate(5deg); }
}
@keyframes stat-rise {
  from { opacity: 0; transform: translateY(12px); }
}

@media (max-width: 680px) {
  .game-menu-card { padding: 25px 22px 20px; }
  .game-hud--3d {
    right: max(54px, calc(env(safe-area-inset-right) + 48px));
    grid-template-columns: 104px minmax(142px, 1fr) 88px;
    gap: 6px;
  }
  .game-hud--3d .game-hud__chip,
  .game-hud--3d .game-goal,
  .game-hud__diamonds { min-height: 51px; padding: 8px 9px; border-radius: 14px; }
  .game-hud--3d .game-hud__chip span,
  .game-hud--3d .game-goal > span { font-size: 8px; }
  .game-hud--3d .game-hud__chip strong,
  .game-hud--3d .game-goal strong { font-size: 12px; }
  .game-hud__left { width: 104px; }
  .game-hud--3d .game-hud__chip--right { width: 88px; }
  .game-powerups { top: max(122px, calc(env(safe-area-inset-top) + 113px)); left: max(8px, calc(env(safe-area-inset-left) + 5px)); max-width: 190px; gap: 6px; }
  .game-traps { top: max(172px, calc(env(safe-area-inset-top) + 163px)); right: max(8px, calc(env(safe-area-inset-right) + 5px)); max-width: 190px; gap: 6px; }
  .game-powerup { width: 56px; }
  .game-powerup__dial { width: 52px; height: 52px; }
  .game-powerup__glyph { width: 24px; height: 24px; }
  .game-powerup__symbol { font-size: 24px; }
  .game-powerup > strong { max-width: 58px; font-size: 7px; }
  .game-powerup time { bottom: -5px; min-width: 35px; font-size: 8px; }
  .game-cashout { min-width: min(300px, calc(100vw - 172px)); padding-inline: 15px; }
}

@media (max-width: 440px) {
  .game-menu-scene { background-position: 50% center; }
  .game-menu-card { width: 100%; border-radius: 22px; }
  .game-menu-balance strong { font-size: 29px; }
  .overlay--game .stake-chips { gap: 6px; }
  .overlay--game .stake-chips button { min-height: 41px; font-size: 11px; }
  .game-hud--3d {
    top: max(9px, calc(env(safe-area-inset-top) + 5px));
    right: max(49px, calc(env(safe-area-inset-right) + 45px));
    left: max(7px, calc(env(safe-area-inset-left) + 5px));
    grid-template-columns: 82px minmax(126px, 1fr) 72px;
    gap: 4px;
  }
  .game-hud--3d .game-hud__chip,
  .game-hud--3d .game-goal { min-height: 47px; padding: 7px 6px; border-radius: 12px; }
  .game-hud--3d .game-hud__chip strong,
  .game-hud--3d .game-goal strong { font-size: 10px; }
  .game-hud__left { width: 82px; }
  .game-hud--3d .game-hud__chip--right { width: 72px; }
  .game-hud__diamonds { min-height: 41px; padding: 6px; }
  .game-powerups { top: max(108px, calc(env(safe-area-inset-top) + 101px)); max-width: 174px; gap: 4px; }
  .game-traps { top: max(158px, calc(env(safe-area-inset-top) + 151px)); max-width: 134px; gap: 4px; }
  .game-event {
    top: max(64px, calc(env(safe-area-inset-top) + 58px));
    width: min(230px, calc(100vw - 150px));
    min-width: 0;
    padding: 8px 10px;
    border-radius: 12px;
  }
  .game-event strong { font-size: 10px; letter-spacing: .1em; }
  .game-event span { margin-top: 2px; font-size: 9px; line-height: 1.15; }
  .game-trap-warning { min-height: 124px; padding: 18px; grid-template-columns: 60px 1fr; gap: 13px; border-radius: 20px; }
  .game-trap-warning__icon { width: 58px; height: 58px; border-radius: 18px; font-size: 31px; }
  .game-trap-warning p { font-size: 11px; }
  .overlay--game .game-result { padding: 19px 16px; }
  .overlay--game .game-result dl { grid-template-columns: repeat(2, 1fr); }
  .overlay--game .game-result__emblem { width: 70px; height: 70px; }
  .overlay--game .game-result__loss { margin-top: 12px; padding: 11px 13px; }
  .game-cashout-celebration__card { padding-inline: 19px; }
  .game-close--world { top: max(9px, calc(env(safe-area-inset-top) + 5px)); right: 7px; width: 36px; height: 36px; }
  .game-audio-controls { top: max(61px, calc(env(safe-area-inset-top) + 56px)); right: 7px; gap: 7px; }
  .game-sound { width: 42px; height: 42px; }
  .game-speed,
  .game-coin-count { min-width: 65px; padding: 7px 8px; border-radius: 12px; }
  .game-speed strong { font-size: 17px; }
  .game-coin-count span { width: 17px; height: 17px; }
  .game-cashout { min-width: min(250px, calc(100vw - 176px)); min-height: 55px; padding-inline: 12px; }
  .game-cashout strong { font-size: 16px; }
}

/* Portal competitivo v22 */
body {
  background:
    radial-gradient(circle at 10% 0, rgb(var(--c_app_39c4ff-rgb, 57 196 255) / 0.18), transparent 31%),
    radial-gradient(circle at 92% 12%, rgb(var(--c_app_2fe2c9-rgb, 47 226 201) / 0.12), transparent 28%),
    var(--c_app_edf5fa, #edf5fa);
}

.app-shell--portal {
  width: 100%;
  max-width: none;
  background: transparent;
  box-shadow: none;
}

.portal-topbar {
  height: calc(82px + env(safe-area-inset-top));
  padding: calc(14px + env(safe-area-inset-top)) max(24px, calc((100vw - 1240px) / 2)) 12px;
  border-bottom-color: rgb(var(--c_app_cde0eb-rgb, 205 224 235) / 0.76);
  background: rgb(var(--c_app_fafdff-rgb, 250 253 255) / 0.89);
  box-shadow: 0 10px 34px rgb(var(--c_app_154c70-rgb, 21 76 112) / 0.06);
}

.portal-topbar .brand > span { display: grid; gap: 1px; }
.portal-topbar .brand small { color: var(--c_app_7890a3, #7890a3); font-size: 9px; font-weight: 850; letter-spacing: .16em; }
.portal-topbar .brand img { width: 46px; height: 46px; }
.desktop-nav { display: flex; align-items: center; gap: 30px; }
.desktop-nav a { position: relative; padding: 12px 0; color: var(--c_app_5e7488, #5e7488); font-size: 13px; font-weight: 750; text-decoration: none; }
.desktop-nav a::after { content: ""; position: absolute; bottom: 4px; left: 50%; width: 0; height: 2px; border-radius: 9px; background: var(--primary); opacity: 0; transform: translateX(-50%); transition: width .2s ease, opacity .2s ease; }
.desktop-nav a:hover { color: var(--primary-dark); }
.desktop-nav a:hover::after { width: 100%; opacity: 1; }
.topbar-account { display: flex; align-items: center; gap: 10px; }
.diamond-balance { min-height: 46px; padding: 7px 13px; display: grid; grid-template-columns: auto auto; align-items: center; gap: 0 7px; border: 1px solid var(--c_app_cbeef7, #cbeef7); border-radius: 14px; background: var(--c_app_f4fcff, #f4fcff); color: var(--c_app_19acd9, #19acd9); cursor: pointer; }
.diamond-balance > span { grid-row: 1 / 3; font-size: 22px; text-shadow: 0 4px 13px rgb(var(--c_app_1ab7db-rgb, 26 183 219) / 0.28); transform: rotate(45deg); }
.diamond-balance strong { color: var(--c_app_164166, #164166); font-size: 14px; line-height: 1; text-align: left; }
.diamond-balance small { color: var(--c_app_8195a6, #8195a6); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.portal-topbar .balance-pill { min-height: 46px; border-radius: 14px; }
.profile-shortcut { width: 42px; height: 42px; border: 1px solid var(--c_app_bfe9f7, #bfe9f7); border-radius: 14px; background: linear-gradient(145deg, var(--c_app_164b78, #164b78), var(--c_app_1aaee7, #1aaee7)); color: var(--c_app_ffffff, #fff); font-size: 11px; font-weight: 900; cursor: pointer; box-shadow: 0 8px 20px rgb(var(--c_app_1daeed-rgb, 29 174 237) / 0.19); }

.portal-main {
  inset: calc(82px + env(safe-area-inset-top)) 0 0;
  padding: 32px max(24px, calc((100vw - 1240px) / 2)) 70px;
  overflow-x: hidden;
}

.portal-hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(360px, .85fr); gap: 22px; align-items: stretch; }
.hero--premium { min-width: 0; }
.hero--premium .hero__media { height: 590px; border-radius: 26px; background: var(--c_app_0b4d85, #0b4d85); box-shadow: 0 30px 70px rgb(var(--c_app_0f3d5e-rgb, 15 61 94) / 0.18); }
.hero--premium .hero__slide { object-position: center 44%; }
.hero--premium .hero__shade { inset: 0; background: linear-gradient(90deg, rgb(var(--c_app_04152e-rgb, 4 21 46) / 0.88) 0, rgb(var(--c_app_041936-rgb, 4 25 54) / 0.58) 47%, rgb(var(--c_app_041e3c-rgb, 4 30 60) / 0.05) 78%), linear-gradient(0deg, rgb(var(--c_app_031730-rgb, 3 23 48) / 0.4), transparent 48%); }
.hero--premium .hero__content { inset: 0; padding: 52px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; }
.hero__copy { width: min(560px, 78%); margin-top: auto; margin-bottom: auto; }
.hero__copy .eyebrow { display: flex; align-items: center; gap: 8px; color: var(--c_app_79eaff, #79eaff); font-size: 12px; }
.hero__copy .eyebrow span { width: 8px; height: 8px; border: 2px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.7); background: var(--c_app_27cee9, #27cee9); transform: rotate(45deg); }
.hero__copy h1 { margin: 14px 0 14px; color: var(--c_app_ffffff, #fff); font-size: clamp(38px, 4.2vw, 61px); line-height: .98; letter-spacing: -.055em; text-wrap: balance; text-shadow: 0 10px 35px rgb(var(--c_app_000e21-rgb, 0 14 33) / 0.26); }
.hero__copy > p:not(.eyebrow) { max-width: 500px; margin: 0; color: rgb(var(--c_app_ebf8ff-rgb, 235 248 255) / 0.77); font-size: 16px; line-height: 1.55; }
.hero__actions { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 10px; }
.hero--premium .primary-cta { min-height: 54px; padding: 0 22px; border-radius: 14px; font-size: 14px; animation: none; }
.secondary-cta { min-height: 54px; padding: 0 20px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.4); border-radius: 14px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.12); color: var(--c_app_ffffff, #fff); font-size: 13px; font-weight: 850; cursor: pointer; backdrop-filter: blur(8px); }
.primary-cta:hover, .secondary-cta:hover { transform: translateY(-2px); }
.hero__status { display: flex; align-self: flex-start; gap: 1px; overflow: hidden; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.24); border-radius: 14px; background: rgb(var(--c_app_041d39-rgb, 4 29 57) / 0.34); backdrop-filter: blur(12px); }
.hero__status > span { min-width: 130px; padding: 11px 14px; display: grid; gap: 3px; border-right: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.15); }
.hero__status > span:last-child { border-right: 0; }
.hero__status small { color: rgb(var(--c_app_def4ff-rgb, 222 244 255) / 0.65); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hero__status strong { color: var(--c_app_ffffff, #fff); font-size: 13px; font-variant-numeric: tabular-nums; }

.championship-card { position: relative; min-width: 0; padding: 26px; overflow: hidden; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.8); border-radius: 26px; background: linear-gradient(160deg, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.98), rgb(var(--c_app_f1faff-rgb, 241 250 255) / 0.94)); box-shadow: 0 28px 68px rgb(var(--c_app_0f3d5e-rgb, 15 61 94) / 0.13); isolation: isolate; }
.championship-card::before { content: ""; position: absolute; z-index: -1; top: -120px; right: -105px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgb(var(--c_app_3ad2f3-rgb, 58 210 243) / 0.2), transparent 69%); }
.championship-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.championship-card__header h2 { margin: 4px 0 0; color: var(--c_app_102f51, #102f51); font-size: 26px; letter-spacing: -.04em; }
.live-pill { padding: 7px 9px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--c_app_bbefd9, #bbefd9); border-radius: 999px; background: var(--c_app_edfff7, #edfff7); color: var(--c_app_138657, #138657); font-size: 8px; font-weight: 950; letter-spacing: .08em; }
.live-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--c_app_1fc979, #1fc979); box-shadow: 0 0 0 4px rgb(var(--c_app_1fc979-rgb, 31 201 121) / 0.12); animation: live-pulse 1.8s ease-in-out infinite; }
.player-rank-card { margin-top: 20px; padding: 15px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 5px 13px; border: 1px solid var(--c_app_cbeef8, #cbeef8); border-radius: 18px; background: linear-gradient(145deg, var(--c_app_e8faff, #e8faff), var(--c_app_f9feff, #f9feff)); }
.player-rank-card__badge { grid-row: 1 / 3; min-width: 76px; padding: 10px 8px; border-radius: 13px; background: var(--c_app_143d66, #143d66); color: var(--c_app_ffffff, #fff); text-align: center; }
.player-rank-card__badge small { display: block; color: var(--c_app_91ddf5, #91ddf5); font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.player-rank-card__badge strong { display: block; margin-top: 4px; font-size: 22px; }
.player-rank-card > div:nth-child(2) > span { display: block; color: var(--c_app_7b8fa2, #7b8fa2); font-size: 10px; }
.player-rank-card > div:nth-child(2) > strong { display: block; margin-top: 3px; color: var(--c_app_153d63, #153d63); font-size: 21px; }
.player-rank-card > div:nth-child(2) i, .leaderboard-row__score i, .ranking-snapshot__player i, .leaderboard-summary i, .leaderboard-player-sticky i { color: var(--c_app_18c1de, #18c1de); font-style: normal; }
.player-rank-card > small { color: var(--c_app_6e8294, #6e8294); font-size: 9px; line-height: 1.35; }
.podium-preview { min-height: 155px; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 8px; list-style: none; }
.podium-preview__place { min-width: 0; padding: 12px 6px 11px; display: grid; justify-items: center; gap: 4px; border: 1px solid var(--c_app_deebf2, #deebf2); border-radius: 16px; background: var(--c_app_f5f9fc, #f5f9fc); text-align: center; }
.podium-preview__place--1 { min-height: 145px; padding-top: 16px; border-color: var(--c_app_f4db7e, #f4db7e); background: linear-gradient(180deg, var(--c_app_fff9dd, #fff9dd), var(--c_app_fff1ab, #fff1ab)); }
.podium-preview__place--2 { min-height: 127px; }
.podium-preview__place--3 { min-height: 113px; border-color: var(--c_app_f1d9c7, #f1d9c7); background: var(--c_app_fff7f1, #fff7f1); }
.podium-preview__medal { font-size: 19px; }
.podium-preview__avatar { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg, var(--c_app_173d65, #173d65), var(--c_app_1aaee7, #1aaee7)); color: var(--c_app_ffffff, #fff); font-size: 9px; font-weight: 900; }
.podium-preview__place strong { max-width: 80px; overflow: hidden; color: var(--c_app_263f58, #263f58); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.podium-preview__place small { color: var(--c_app_199ec9, #199ec9); font-size: 10px; font-weight: 900; }
.podium-preview__place small i { font-style: normal; }
.prize-preview { margin-top: 11px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.prize-preview > span { padding: 9px 5px; border-radius: 11px; background: var(--c_app_eef6fa, #eef6fa); text-align: center; }
.prize-preview small, .prize-preview strong { display: block; }
.prize-preview small { color: var(--c_app_8b9aaa, #8b9aaa); font-size: 7px; font-weight: 850; text-transform: uppercase; }
.prize-preview strong { margin-top: 3px; color: var(--c_app_243f5c, #243f5c); font-size: 10px; }
.championship-card__actions { margin-top: 17px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.championship-card__actions button { min-height: 42px; border: 1px solid var(--c_app_ccebf6, #ccebf6); border-radius: 12px; background: var(--c_app_ffffff, #fff); color: var(--c_app_17668d, #17668d); font-size: 10px; font-weight: 900; cursor: pointer; }
.championship-card__actions button:first-child { border-color: var(--c_app_1aaee7, #1aaee7); background: var(--c_app_1aaee7, #1aaee7); color: var(--c_app_ffffff, #fff); }
.championship-card__update { margin: 12px 0 0; color: var(--c_app_94a4b2, #94a4b2); font-size: 8px; text-align: center; }

.performance-strip { margin-top: 22px; padding: 12px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 8px; border: 1px solid var(--c_app_dceaf2, #dceaf2); border-radius: 20px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.76); box-shadow: 0 16px 42px rgb(var(--c_app_1d4c6c-rgb, 29 76 108) / 0.08); backdrop-filter: blur(12px); }
.award-banner { position: relative; margin-top: 22px; padding: 18px 54px 18px 19px; display: flex; align-items: center; gap: 14px; overflow: hidden; border: 1px solid var(--c_app_f0d16d, #f0d16d); border-radius: 20px; background: linear-gradient(110deg, var(--c_app_fff8cf, #fff8cf), var(--c_app_fffdf2, #fffdf2) 55%, var(--c_app_e9fbff, #e9fbff)); box-shadow: 0 18px 42px rgb(var(--c_app_ab7b15-rgb, 171 123 21) / 0.13); animation: award-banner-in .45s cubic-bezier(.2,1.2,.3,1) both; }
.award-banner[hidden] { display: none; }
.award-banner__icon { width: 48px; height: 48px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 15px; background: var(--c_app_fff0a8, #fff0a8); font-size: 24px; box-shadow: inset 0 0 0 1px var(--c_app_f1d16d, #f1d16d); }
.award-banner small, .award-banner strong { display: block; }
.award-banner small { color: var(--c_app_a37c16, #a37c16); font-size: 8px; font-weight: 950; letter-spacing: .12em; }
.award-banner strong { margin-top: 3px; color: var(--c_app_3d371e, #3d371e); font-size: 16px; }
.award-banner p { margin: 3px 0 0; color: var(--c_app_7f7859, #7f7859); font-size: 10px; }
.award-banner > button { position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; border: 1px solid rgb(var(--c_app_987b25-rgb, 152 123 37) / 0.18); border-radius: 10px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.6); color: var(--c_app_8c7a43, #8c7a43); cursor: pointer; }
.performance-strip article { min-height: 62px; padding: 9px 12px; display: flex; align-items: center; gap: 10px; border-right: 1px solid var(--c_app_e5eef4, #e5eef4); }
.performance-strip__icon { width: 35px; height: 35px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; background: var(--c_app_e8f8fd, #e8f8fd); color: var(--c_app_11abd9, #11abd9); font-size: 14px; }
.performance-strip small, .performance-strip strong { display: block; }
.performance-strip small { color: var(--c_app_8192a2, #8192a2); font-size: 9px; }
.performance-strip strong { margin-top: 2px; color: var(--c_app_1c3e5e, #1c3e5e); font-size: 17px; }
.performance-strip > button { min-width: 142px; border: 0; border-radius: 13px; background: var(--c_app_143d66, #143d66); color: var(--c_app_ffffff, #fff); font-size: 10px; font-weight: 900; cursor: pointer; }

.home-grid { margin-top: 22px; display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(360px, .87fr); gap: 22px; }
.mission-card--compact { min-height: 430px; margin: 0; border-radius: 24px; }
.mission-card--compact .mission-card__shade { background: linear-gradient(90deg, rgb(var(--c_app_051936-rgb, 5 25 54) / 0.94), rgb(var(--c_app_052548-rgb, 5 37 72) / 0.34)); }
.mission-card--compact .mission-card__content { width: 66%; height: 100%; padding: 45px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.mission-card--compact h2 { margin: 8px 0 10px; font-size: 34px; text-transform: none; }
.mission-card--compact p:not(.section-kicker) { font-size: 15px; line-height: 1.55; }
.mission-card--compact .mission-button { min-height: 49px; margin-top: 24px; padding: 0 18px; border-radius: 13px; font-size: 11px; cursor: pointer; }
.mission-button.is-complete { border-color: rgb(var(--c_app_5eeaad-rgb, 94 234 173) / 0.48); background: rgb(var(--c_app_139a63-rgb, 19 154 99) / 0.24); color: var(--c_app_bfffe2, #bfffe2); }
.ranking-snapshot { padding: 24px; border: 1px solid var(--c_app_dceaf2, #dceaf2); border-radius: 24px; background: var(--c_app_ffffff, #fff); box-shadow: 0 22px 56px rgb(var(--c_app_1d4c6c-rgb, 29 76 108) / 0.1); }
.ranking-snapshot > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ranking-snapshot h2 { margin: 3px 0 0; color: var(--c_app_193a5b, #193a5b); font-size: 24px; letter-spacing: -.035em; }
.ranking-snapshot > header button { padding: 8px 0; border: 0; background: transparent; color: var(--c_app_139fd7, #139fd7); font-size: 10px; font-weight: 900; cursor: pointer; text-transform: uppercase; }
.ranking-card--snapshot { margin-top: 14px; padding: 0; border-radius: 15px; box-shadow: none; }
.ranking-card--snapshot li { min-height: 48px; padding: 0 13px; grid-template-columns: 36px 1fr auto; }
.ranking-card--snapshot li.is-player { background: var(--c_app_ecfaff, #ecfaff); }
.ranking-card--snapshot strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.ranking-card--snapshot li > span:last-child { font-size: 11px; }
.ranking-snapshot__player { margin-top: 12px; padding: 12px 13px; display: flex; justify-content: space-between; border-radius: 13px; background: var(--c_app_153e67, #153e67); color: var(--c_app_ffffff, #fff); font-size: 11px; }
.ranking-snapshot__player strong { color: var(--c_app_b9f4ff, #b9f4ff); }

.about-card--accordion { margin-top: 22px; padding: 35px; border-radius: 24px; }
.about-card--accordion .about-card__intro { max-width: 680px; padding: 0; }
.about-card--accordion .about-card__intro h2 { margin-top: 5px; font-size: 34px; text-transform: none; }
.about-card--accordion .about-card__intro > p:last-child { font-size: 15px; }
.guide-accordion-grid { margin-top: 25px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; }
.guide-panel { overflow: hidden; border: 1px solid var(--c_app_dfebf2, #dfebf2); border-radius: 16px; background: var(--c_app_fafdff, #fafdff); }
.guide-panel summary { min-height: 72px; padding: 13px 16px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; cursor: pointer; list-style: none; }
.guide-panel summary::-webkit-details-marker { display: none; }
.guide-panel summary > span { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px; background: var(--c_app_e5f8ff, #e5f8ff); color: var(--c_app_13a9db, #13a9db); }
.guide-panel summary strong, .guide-panel summary small { display: block; }
.guide-panel summary strong { color: var(--c_app_213e5a, #213e5a); font-size: 14px; }
.guide-panel summary small { margin-top: 2px; color: var(--c_app_8495a5, #8495a5); font-size: 10px; }
.guide-panel summary > i { color: var(--c_app_9aa9b7, #9aa9b7); font-size: 17px; font-style: normal; transition: transform .2s ease; }
.guide-panel[open] summary > i { transform: rotate(45deg); }
.guide-panel__body { padding: 0 12px 12px; display: grid; gap: 7px; }
.guide-panel__body article { min-height: 66px; padding: 7px; display: flex; align-items: center; gap: 11px; border-radius: 12px; background: var(--c_app_ffffff, #fff); }
.guide-panel__body img { width: 54px; height: 54px; flex: 0 0 auto; border-radius: 10px; object-fit: cover; }
.guide-panel__body h3 { margin: 0; color: var(--c_app_28445f, #28445f); font-size: 12px; }
.guide-panel__body p, .guide-panel__copy p { margin: 3px 0 0; color: var(--c_app_708294, #708294); font-size: 11px; line-height: 1.42; }
.guide-chip-list { padding: 0 14px 15px; display: flex; flex-wrap: wrap; gap: 7px; }
.guide-chip-list span { padding: 8px 10px; border: 1px solid var(--c_app_d9eaf2, #d9eaf2); border-radius: 999px; background: var(--c_app_ffffff, #fff); color: var(--c_app_5e7387, #5e7387); font-size: 10px; font-weight: 750; }
.guide-panel__copy { padding: 0 16px 18px; }
.guide-panel__copy p { font-size: 12px; }
.portal-main .demo-banner { margin-top: 22px; border-radius: 16px; }
.portal-main .site-footer { padding: 28px 10px 0; }

.portal-bottom-nav { display: none; }
.diamond-button--play span { color: var(--c_app_ffffff, #fff); font-size: 18px; animation: none; }

.modal--leaderboard { width: min(100%, 560px); max-height: min(850px, calc(100dvh - 30px)); }
.leaderboard-header { padding-bottom: 13px; }
.leaderboard-summary { margin: 0 22px 12px; padding: 12px; display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 8px; border-radius: 16px; background: linear-gradient(145deg, var(--c_app_133c64, #133c64), var(--c_app_176f9b, #176f9b)); color: var(--c_app_ffffff, #fff); }
.leaderboard-summary > div { padding: 2px 8px; border-right: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.17); }
.leaderboard-summary small, .leaderboard-summary strong { display: block; }
.leaderboard-summary small { color: var(--c_app_96def3, #96def3); font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.leaderboard-summary strong { margin-top: 3px; font-size: 17px; }
.leaderboard-summary button { min-height: 36px; padding: 0 10px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.28); border-radius: 10px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.12); color: var(--c_app_ffffff, #fff); font-size: 9px; font-weight: 900; cursor: pointer; }
.leaderboard-body { padding-top: 0; }
.leaderboard-list { margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--c_app_e2edf3, #e2edf3); border-radius: 16px; list-style: none; }
.leaderboard-row { min-height: 58px; padding: 7px 12px; display: grid; grid-template-columns: 34px 36px minmax(0, 1fr) auto; align-items: center; gap: 9px; border-bottom: 1px solid var(--c_app_ebf1f5, #ebf1f5); }
.leaderboard-row:last-child { border-bottom: 0; }
.leaderboard-row.is-player { background: var(--c_app_eafaff, #eafaff); box-shadow: inset 3px 0 var(--c_app_17b4e1, #17b4e1); }
.leaderboard-row__rank { color: var(--c_app_778a9b, #778a9b); font-size: 11px; font-weight: 900; text-align: center; }
.leaderboard-row__avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--c_app_e5f5fb, #e5f5fb); color: var(--c_app_1787b0, #1787b0); font-size: 8px; font-weight: 950; }
.leaderboard-row__name { min-width: 0; }
.leaderboard-row__name strong, .leaderboard-row__name small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.leaderboard-row__name strong { color: var(--c_app_29445f, #29445f); font-size: 11px; }
.leaderboard-row__name small { margin-top: 2px; color: var(--c_app_97a5b2, #97a5b2); font-size: 8px; }
.leaderboard-row__score { color: var(--c_app_169fc8, #169fc8); font-size: 11px; white-space: nowrap; }
.leaderboard-unranked { margin-top: 10px; padding: 13px; display: grid; gap: 3px; border: 1px dashed var(--c_app_b9deeb, #b9deeb); border-radius: 13px; background: var(--c_app_f1fbff, #f1fbff); text-align: center; }
.leaderboard-unranked strong { color: var(--c_app_244765, #244765); font-size: 11px; }
.leaderboard-unranked span { color: var(--c_app_7690a3, #7690a3); font-size: 9px; }
.leaderboard-player-sticky { position: sticky; bottom: -1px; margin-top: 10px; padding: 12px 14px; display: flex; justify-content: space-between; border-radius: 13px; background: var(--c_app_123b62, #123b62); color: var(--c_app_ffffff, #fff); font-size: 11px; box-shadow: 0 8px 25px rgb(var(--c_app_0a3354-rgb, 10 51 84) / 0.2); }
.leaderboard-player-sticky strong { color: var(--c_app_a9efff, #a9efff); }
.leaderboard-reset { margin: 11px 4px 0; color: var(--c_app_8b9ba8, #8b9ba8); font-size: 9px; text-align: center; }
.reward-podium { grid-template-columns: repeat(3, 1fr); }
.reward-podium .podium-place:nth-child(1) { min-height: 135px; }
.reward-podium .podium-place:nth-child(2) { min-height: 115px; }
.reward-podium .podium-place:nth-child(3) { min-height: 98px; }
.history-card dl { grid-template-columns: repeat(4, 1fr); }
.history-empty { padding: 32px 16px; display: grid; justify-items: center; text-align: center; }
.history-empty > span { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; background: var(--c_app_e8f8fd, #e8f8fd); color: var(--c_app_16a9d6, #16a9d6); font-size: 25px; }
.history-empty > strong { margin-top: 14px; color: var(--c_app_234461, #234461); font-size: 15px; }
.history-empty > p { max-width: 230px; margin: 6px 0 0; color: var(--c_app_7d8fa0, #7d8fa0); font-size: 11px; line-height: 1.45; }
.history-empty .action-button { width: min(220px, 100%); }
.profile-season { margin-top: 16px; padding: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.18); border-radius: 14px; background: rgb(var(--c_app_001835-rgb, 0 24 53) / 0.18); }
.profile-season > span { text-align: center; }
.profile-season small, .profile-season strong { display: block; }
.profile-season small { color: var(--c_app_9de7fb, #9de7fb); font-size: 7px; font-weight: 850; letter-spacing: .08em; }
.profile-season strong { margin-top: 4px; color: var(--c_app_ffffff, #fff); font-size: 11px; }
.mission-complete-state { padding-top: 18px; display: grid; justify-items: center; text-align: center; }
.mission-complete-state > span { width: 74px; height: 74px; display: grid; place-items: center; border-radius: 24px; background: var(--c_app_e4faff, #e4faff); color: var(--c_app_18b5dc, #18b5dc); font-size: 36px; transform: rotate(45deg); }
.mission-complete-state > strong { margin-top: 18px; color: var(--c_app_143f63, #143f63); font-size: 25px; }
.mission-complete-state > p { margin: 8px 0 4px; color: var(--c_app_6f8293, #6f8293); font-size: 13px; line-height: 1.5; }
.game-menu-season { margin: 14px 0 4px; padding: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border: 1px solid var(--c_app_e1edf3, #e1edf3); border-radius: 13px; background: var(--c_app_f5fbfd, #f5fbfd); }
.game-menu-season > span { padding: 3px 8px; border-right: 1px solid var(--c_app_dcebf2, #dcebf2); }
.game-menu-season > span:last-child { border-right: 0; }
.game-menu-season small, .game-menu-season strong { display: block; }
.game-menu-season small { color: var(--c_app_8a9aab, #8a9aab); font-size: 7px; font-weight: 900; letter-spacing: .08em; }
.game-menu-season strong { margin-top: 3px; color: var(--c_app_174467, #174467); font-size: 12px; }
.game-result__loss-note strong { display: block; margin-top: 5px; color: var(--c_app_4ed59b, #4ed59b); }

@keyframes live-pulse { 50% { opacity: .5; transform: scale(.82); } }
@keyframes award-banner-in { from { opacity: 0; transform: translateY(-8px) scale(.985); } }

@media (max-width: 980px) {
  .desktop-nav { gap: 15px; }
  .desktop-nav a { font-size: 11px; }
  .portal-hero { grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); }
  .hero--premium .hero__content { padding: 36px; }
  .home-grid { grid-template-columns: 1fr 1fr; }
  .performance-strip { grid-template-columns: repeat(3, 1fr); }
  .performance-strip > button { grid-column: 1 / -1; min-height: 46px; }
}

@media (max-width: 760px) {
  .edge-glow { display: none; }
  .portal-topbar { height: calc(68px + env(safe-area-inset-top)); padding: calc(9px + env(safe-area-inset-top)) 13px 8px; }
  .portal-topbar .brand img { width: 42px; height: 42px; }
  .portal-topbar .brand > span { display: none; }
  .desktop-nav { display: none; }
  .topbar-account { gap: 6px; }
  .diamond-balance { min-height: 43px; padding: 5px 9px; border-radius: 13px; }
  .diamond-balance small { display: none; }
  .diamond-balance > span { grid-row: auto; font-size: 16px; }
  .diamond-balance strong { font-size: 13px; }
  .portal-topbar .balance-pill { min-height: 43px; padding: 6px 10px; }
  .portal-topbar .balance-pill span { font-size: 7px; }
  .portal-topbar .balance-pill strong { font-size: 12px; }
  .profile-shortcut { display: none; }
  .portal-main { inset: calc(68px + env(safe-area-inset-top)) 0 calc(74px + env(safe-area-inset-bottom)); padding: 13px 12px 35px; }
  .portal-hero { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .hero--premium .hero__media { height: 450px; border-radius: 20px; }
  .hero--premium .hero__shade { background: linear-gradient(0deg, rgb(var(--c_app_04152e-rgb, 4 21 46) / 0.92) 0, rgb(var(--c_app_041936-rgb, 4 25 54) / 0.42) 66%, transparent 100%); }
  .hero--premium .hero__content { padding: 25px 22px; }
  .hero__copy { width: 100%; margin-top: auto; margin-bottom: 18px; }
  .hero__copy h1 { max-width: 350px; font-size: 37px; }
  .hero__copy > p:not(.eyebrow) { font-size: 14px; }
  .hero__status { width: 100%; align-self: stretch; }
  .hero__status > span { min-width: 0; flex: 1; }
  .championship-card { padding: 20px; border-radius: 20px; }
  .championship-card__header h2 { font-size: 23px; }
  .performance-strip { margin-top: 12px; padding: 8px; grid-template-columns: repeat(3, 1fr); border-radius: 17px; }
  .award-banner { margin-top: 12px; padding: 15px 45px 15px 14px; border-radius: 16px; }
  .award-banner__icon { width: 41px; height: 41px; font-size: 20px; }
  .award-banner strong { font-size: 13px; }
  .performance-strip article { min-height: 58px; padding: 7px 5px; justify-content: center; border-right: 1px solid var(--c_app_e5eef4, #e5eef4); text-align: center; }
  .performance-strip__icon { display: none; }
  .performance-strip small { font-size: 8px; }
  .performance-strip strong { font-size: 15px; }
  .performance-strip > button { min-height: 42px; }
  .home-grid { margin-top: 12px; grid-template-columns: 1fr; gap: 12px; }
  .mission-card--compact { min-height: 330px; }
  .mission-card--compact .mission-card__content { width: 82%; padding: 29px 23px; }
  .mission-card--compact h2 { font-size: 28px; }
  .mission-card--compact p:not(.section-kicker) { font-size: 13px; }
  .ranking-snapshot { padding: 19px; border-radius: 20px; }
  .about-card--accordion { margin-top: 12px; padding: 24px 18px; border-radius: 20px; }
  .about-card--accordion .about-card__intro h2 { font-size: 28px; }
  .guide-accordion-grid { grid-template-columns: 1fr; }
  .portal-bottom-nav { display: grid; }
  .portal-bottom-nav .diamond-button--play { background: linear-gradient(145deg, var(--c_app_24c8f3, #24c8f3), var(--c_app_087cbf, #087cbf)); }
  .modal--leaderboard { max-height: 92dvh; border-radius: 24px; }
}

@media (max-width: 430px) {
  .hero--premium .hero__media { height: 420px; }
  .hero__copy h1 { margin-block: 10px; font-size: 32px; }
  .hero__copy > p:not(.eyebrow) { font-size: 12px; line-height: 1.48; }
  .hero__actions { margin-top: 18px; }
  .hero--premium .primary-cta, .secondary-cta { min-height: 48px; padding-inline: 15px; font-size: 11px; }
  .hero__status > span { padding: 9px 10px; }
  .hero__status strong { font-size: 11px; }
  .championship-card { padding: 17px; }
  .player-rank-card { grid-template-columns: auto 1fr; }
  .player-rank-card > small { grid-column: 1 / -1; }
  .podium-preview { min-height: 138px; }
  .podium-preview__place--1 { min-height: 132px; }
  .podium-preview__place--2 { min-height: 116px; }
  .podium-preview__place--3 { min-height: 105px; }
  .prize-preview strong { font-size: 9px; }
  .championship-card__actions { grid-template-columns: 1fr; }
  .history-card dl { grid-template-columns: repeat(2, 1fr); }
  .leaderboard-summary { margin-inline: 14px; grid-template-columns: 1fr 1fr; }
  .leaderboard-summary button { grid-column: 1 / -1; }
  .leaderboard-row { padding-inline: 9px; grid-template-columns: 30px 32px minmax(0, 1fr) auto; gap: 7px; }
  .leaderboard-row__avatar { width: 31px; height: 31px; }
}

@media (max-width: 360px) {
  .game-hud--3d { grid-template-columns: 70px minmax(112px, 1fr) 66px; }
  .game-hud__left { width: 70px; }
  .game-hud--3d .game-hud__chip--right { width: 66px; }
  .game-hud--3d .game-hud__chip,
  .game-hud--3d .game-goal,
  .game-hud__diamonds { padding-inline: 4px; }
  .game-hud--3d .game-hud__chip strong,
  .game-hud--3d .game-goal strong { font-size: 9px; }
  .game-powerup { width: 30px; }
  .game-powerup__dial { width: 28px; height: 28px; }
  .game-powerup__symbol { font-size: 15px; }
  .game-powerup time,
  .game-powerup__ready { min-width: 26px; font-size: 6px; }
}

@media (max-height: 650px) {
  .game-menu-card { max-height: calc(100dvh - 16px); padding-block: 18px; }
  .game-menu-divider { margin-block: 11px; }
  .game-menu-rule { margin-top: 10px; }
  .overlay--game .game-start { min-height: 50px; margin-top: 12px; }
  .game-menu-link { min-height: 40px; margin-top: 6px; }
  .game-power { bottom: 91px; }
  .game-instruction { bottom: 14px; padding-block: 9px; }
  .game-instruction span { font-size: 12px; }
}

@media (max-width: 900px), (max-height: 650px) {
  .game-powerups,
  .game-traps { max-width: none; flex-wrap: nowrap; gap: 3px; }
  .game-powerup { width: 34px; gap: 0; }
  .game-powerup__dial { width: 32px; height: 32px; }
  .game-powerup__symbol { font-size: 17px; }
  .game-powerup > strong { display: none; }
  .game-powerup time { bottom: -6px; min-width: 29px; padding: 1px 3px; font-size: 6.5px; }
  .game-powerup__ready { bottom: -6px; min-width: 29px; padding: 1px 3px; font-size: 6.5px; }
  .game-traps { top: max(170px, calc(env(safe-area-inset-top) + 161px)); max-width: 134px; }
  .game-traps .game-powerup { width: 42px; flex: 0 0 42px; }
  .game-traps .game-powerup__dial { width: 40px; height: 40px; }
  .game-traps .game-powerup__symbol { font-size: 21px; }
  .game-traps .game-powerup time { min-width: 34px; padding: 2px 4px; font-size: 8px; }
  .game-event { top: max(84px, calc(env(safe-area-inset-top) + 77px)); }
}

@media (max-width: 440px) {
  .game-powerups,
  .game-traps { gap: 2px; }
  .game-powerup { width: 30px; }
  .game-powerup__dial { width: 28px; height: 28px; }
  .game-powerup__symbol { font-size: 15px; }
  .game-powerup time,
  .game-powerup__ready { min-width: 26px; font-size: 6px; }
  .game-event {
    top: max(64px, calc(env(safe-area-inset-top) + 58px));
    width: min(230px, calc(100vw - 150px));
    min-width: 0;
    padding: 8px 10px;
    border-radius: 12px;
  }
  .game-event strong { font-size: 10px; letter-spacing: .1em; }
  .game-event span { margin-top: 2px; font-size: 9px; line-height: 1.15; }
}

@media (prefers-reduced-motion: reduce) {
  .game-color-shift,
  .game-trap-warning { transition: none; }
  .game-trap-warning__burst { animation: none; }
  .game-revive-transition,
  .game-revive-transition__aurora,
  .game-revive-transition__rings i,
  .game-revive-transition__card,
  .game-revive-transition__icon,
  .game-powerup--revive.is-active .game-powerup__dial,
  .game-powerup--revive.is-active .game-powerup__symbol,
  .game-powerup.is-consuming { animation: none; }
  .game-powerup--magnet.is-active .game-powerup__symbol,
  .game-powerup--intangible.is-active .game-powerup__symbol,
  .game-powerup--slowmo.is-active .game-powerup__symbol { animation: none; }
}

/* Portal Polar Arena v25 — reconstrução visual mobile-first */
.icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.skip-link {
  position: fixed;
  z-index: 3000;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--c_app_ffffff, #fff);
  color: var(--c_app_08243f, #08243f);
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-150%);
}

.skip-link:focus { transform: translateY(0); }

body {
  background:
    radial-gradient(circle at 14% -6%, rgb(var(--c_app_19c9ee-rgb, 25 201 238) / 0.2), transparent 28%),
    radial-gradient(circle at 92% 22%, rgb(var(--c_app_2663eb-rgb, 38 99 235) / 0.17), transparent 30%),
    var(--c_app_04101f, #04101f);
}

.app-shell--portal {
  background:
    radial-gradient(circle at 7% 8%, rgb(var(--c_app_1ac9e7-rgb, 26 201 231) / 0.15), transparent 24%),
    radial-gradient(circle at 95% 24%, rgb(var(--c_app_594ee8-rgb, 89 78 232) / 0.13), transparent 25%),
    linear-gradient(180deg, var(--c_app_07182c, #07182c) 0, var(--c_app_071526, #071526) 52%, var(--c_app_050f1d, #050f1d) 100%);
}

.app-shell--portal::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.17) 0 1px, transparent 1.4px);
  background-size: 42px 42px;
  mask-image: linear-gradient(var(--c_app_000000, #000), transparent 70%);
  opacity: .18;
}

.portal-topbar {
  height: calc(78px + env(safe-area-inset-top));
  padding: calc(12px + env(safe-area-inset-top)) max(24px, calc((100vw - 1240px) / 2)) 10px;
  border-bottom: 1px solid rgb(var(--c_app_80cae7-rgb, 128 202 231) / 0.13);
  background: rgb(var(--c_app_051223-rgb, 5 18 35) / 0.88);
  box-shadow: 0 14px 42px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.2);
  backdrop-filter: blur(20px) saturate(130%);
}

.portal-topbar .brand {
  gap: 11px;
  color: var(--c_app_f4fbff, #f4fbff);
}

.portal-topbar .brand img {
  width: 46px;
  height: 46px;
  border: 2px solid rgb(var(--c_app_67e6ff-rgb, 103 230 255) / 0.52);
  box-shadow: 0 0 0 5px rgb(var(--c_app_20c5e7-rgb, 32 197 231) / 0.08), 0 10px 28px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.28);
}

.portal-topbar .brand__wordmark {
  color: var(--c_app_ffffff, #fff);
  font-size: 15px;
  letter-spacing: .12em;
}

.portal-topbar .brand small {
  color: var(--c_app_77dff4, #77dff4);
  font-size: 10px;
  letter-spacing: .17em;
}

.desktop-nav a {
  color: var(--c_app_9cb2c5, #9cb2c5);
  font-size: 14px;
}

.desktop-nav a:hover { color: var(--c_app_68e7ff, #68e7ff); }
.desktop-nav a::after { background: var(--c_app_3bdaf3, #3bdaf3); }

.topbar-account { gap: 9px; }

.diamond-balance,
.portal-topbar .balance-pill,
.profile-shortcut {
  min-height: 48px;
  border: 1px solid rgb(var(--c_app_77d5ef-rgb, 119 213 239) / 0.19);
  border-radius: 15px;
  background: rgb(var(--c_app_0e2741-rgb, 14 39 65) / 0.72);
  color: var(--c_app_ffffff, #fff);
  box-shadow: inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.05);
}

.diamond-balance {
  padding: 6px 13px 6px 8px;
  grid-template-columns: auto auto;
  gap: 0 9px;
}

.diamond-balance .account-icon {
  grid-row: 1 / 3;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(145deg, var(--c_app_34e6f2, #34e6f2), var(--c_app_159bd8, #159bd8));
  color: var(--c_app_03223b, #03223b);
  transform: none;
  box-shadow: 0 7px 18px rgb(var(--c_app_1bc8e8-rgb, 27 200 232) / 0.2);
}

.diamond-balance svg,
.portal-topbar .balance-pill svg,
.profile-shortcut svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.diamond-balance strong {
  color: var(--c_app_f5fcff, #f5fcff);
  font-size: 16px;
}

.diamond-balance small {
  color: var(--c_app_87a5ba, #87a5ba);
  font-size: 10px;
  letter-spacing: .08em;
}

.portal-topbar .balance-pill {
  min-width: 126px;
  padding: 7px 13px;
  text-align: left;
}

.portal-topbar .balance-pill span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--c_app_86a5ba, #86a5ba);
  font-size: 10px;
}

.portal-topbar .balance-pill span svg {
  width: 13px;
  height: 13px;
  color: var(--c_app_3bd9ef, #3bd9ef);
}

.portal-topbar .balance-pill strong {
  margin-top: 2px;
  color: var(--c_app_ffffff, #fff);
  font-size: 14px;
}

.profile-shortcut {
  width: auto;
  padding: 5px 9px 5px 6px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.profile-shortcut > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(145deg, var(--c_app_187bc8, #187bc8), var(--c_app_18c8df, #18c8df));
  font-size: 11px;
  font-weight: 900;
}

.profile-shortcut svg { width: 14px; color: var(--c_app_82a4ba, #82a4ba); }

.portal-main {
  inset: calc(78px + env(safe-area-inset-top)) 0 0;
  padding: 28px max(24px, calc((100vw - 1240px) / 2)) 72px;
  overflow-x: clip;
  scrollbar-color: var(--c_app_1aaeca, #1aaeca) var(--c_app_08182a, #08182a);
}

.portal-main button { -webkit-tap-highlight-color: transparent; }

.portal-hero--v25 {
  display: grid;
  grid-template-columns: minmax(0, 1.56fr) minmax(360px, .74fr);
  gap: 20px;
  align-items: stretch;
}

.campaign-banner {
  position: relative;
  min-width: 0;
  aspect-ratio: 3 / 2;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgb(var(--c_app_76e5ff-rgb, 118 229 255) / 0.24);
  border-radius: 28px;
  background: var(--c_app_071d38, #071d38);
  box-shadow: 0 30px 78px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.34);
  isolation: isolate;
}

.campaign-banner::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.07), inset 0 -50px 90px rgb(var(--c_app_010b1b-rgb, 1 11 27) / 0.18);
}

.campaign-banner .hero__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  opacity: 1;
  transform: none;
  transition: none;
}

.play-panel {
  position: relative;
  min-width: 0;
  padding: clamp(27px, 3vw, 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgb(var(--c_app_64d7ef-rgb, 100 215 239) / 0.18);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0, rgb(var(--c_app_23d2eb-rgb, 35 210 235) / 0.18), transparent 34%),
    linear-gradient(155deg, var(--c_app_102b48, #102b48) 0, var(--c_app_0a1c33, #0a1c33) 58%, var(--c_app_07172b, #07172b) 100%);
  box-shadow: 0 30px 78px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.3);
}

.play-panel::after {
  content: "";
  position: absolute;
  right: -45px;
  bottom: -65px;
  width: 230px;
  height: 230px;
  border: 1px solid rgb(var(--c_app_4fdef5-rgb, 79 222 245) / 0.11);
  border-radius: 50%;
  box-shadow: 0 0 0 30px rgb(var(--c_app_3ed7f2-rgb, 62 215 242) / 0.03), 0 0 0 68px rgb(var(--c_app_3ed7f2-rgb, 62 215 242) / 0.02);
  pointer-events: none;
}

.play-panel__topline {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.play-panel__topline > span,
.section-kicker {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--c_app_65e5f5, #65e5f5);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.play-panel__topline svg,
.section-kicker svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.play-panel__topline > i {
  padding: 6px 9px;
  border: 1px solid rgb(var(--c_app_4aeeb5-rgb, 74 238 181) / 0.24);
  border-radius: 999px;
  background: rgb(var(--c_app_24d392-rgb, 36 211 146) / 0.09);
  color: var(--c_app_65efbd, #65efbd);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
}

.play-panel__copy {
  position: relative;
  z-index: 1;
  margin: auto 0;
  padding: 26px 0;
}

.play-panel__copy h1 {
  margin: 0;
  color: var(--c_app_f7fcff, #f7fcff);
  font-size: clamp(36px, 3.5vw, 53px);
  line-height: .98;
  letter-spacing: -.055em;
}

.play-panel__copy h1 em {
  color: var(--c_app_5ee7f4, #5ee7f4);
  font-style: normal;
}

.play-panel__copy p {
  max-width: 410px;
  margin: 18px 0 0;
  color: var(--c_app_9fb5c8, #9fb5c8);
  font-size: 16px;
  line-height: 1.55;
}

.play-panel__actions {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 9px;
}

.primary-cta--play,
.secondary-cta--ranking {
  width: 100%;
  min-height: 56px;
  padding: 0 10px 0 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .01em;
  cursor: pointer;
  animation: none;
  transition: transform .18s ease, filter .18s ease, border-color .18s ease;
}

.primary-cta--play {
  border: 1px solid var(--c_app_83f4ff, #83f4ff);
  background: linear-gradient(135deg, var(--c_app_53e5f6, #53e5f6), var(--c_app_17b3e7, #17b3e7));
  color: var(--c_app_04213a, #04213a);
  box-shadow: 0 13px 30px rgb(var(--c_app_0fb5e2-rgb, 15 181 226) / 0.24), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.65);
}

.primary-cta--play svg {
  width: 38px;
  height: 38px;
  padding: 9px;
  border-radius: 11px;
  background: var(--c_app_06243c, #06243c);
  fill: var(--c_app_ffffff, #fff);
  stroke: none;
}

.secondary-cta--ranking {
  min-height: 50px;
  justify-content: center;
  border: 1px solid rgb(var(--c_app_86cde2-rgb, 134 205 226) / 0.19);
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.05);
  color: var(--c_app_d8e8f2, #d8e8f2);
}

.secondary-cta--ranking svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: var(--c_app_64deef, #64deef);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.primary-cta--play:hover,
.secondary-cta--ranking:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
}

.season-telemetry {
  position: relative;
  z-index: 1;
  margin-top: 18px;
  padding-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  border-top: 1px solid rgb(var(--c_app_90ccdf-rgb, 144 204 223) / 0.13);
}

.season-telemetry > span { min-width: 0; }
.season-telemetry small,
.season-telemetry strong { display: block; }
.season-telemetry small {
  color: var(--c_app_6e8da4, #6e8da4);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.season-telemetry strong {
  margin-top: 4px;
  overflow: hidden;
  color: var(--c_app_e8f5fb, #e8f5fb);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.award-banner {
  margin-top: 20px;
  border-color: rgb(var(--c_app_f9ce4b-rgb, 249 206 75) / 0.38);
  background: linear-gradient(115deg, var(--c_app_382c0e, #382c0e), var(--c_app_17233a, #17233a) 64%, var(--c_app_0d3041, #0d3041));
  color: var(--c_app_ffffff, #fff);
  box-shadow: 0 18px 50px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.25);
}

.award-banner strong { color: var(--c_app_ffffff, #fff); }
.award-banner p { color: var(--c_app_aebdca, #aebdca); font-size: 12px; }

.performance-strip {
  margin-top: 20px;
  padding: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid rgb(var(--c_app_73c4dc-rgb, 115 196 220) / 0.14);
  border-radius: 20px;
  background: var(--c_app_0a1d33, #0a1d33);
  box-shadow: 0 18px 48px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.22);
  backdrop-filter: none;
}

.performance-strip article,
.performance-strip > button {
  min-width: 0;
  min-height: 72px;
  padding: 10px 14px;
  border: 1px solid rgb(var(--c_app_7dcae1-rgb, 125 202 225) / 0.09);
  border-radius: 15px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.03);
}

.performance-strip article {
  gap: 11px;
  border-right: 1px solid rgb(var(--c_app_7dcae1-rgb, 125 202 225) / 0.09);
}

.performance-strip__icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(145deg, rgb(var(--c_app_39dcf0-rgb, 57 220 240) / 0.18), rgb(var(--c_app_1176b8-rgb, 17 118 184) / 0.14));
  color: var(--c_app_5be1f1, #5be1f1);
}

.performance-strip__icon svg,
.performance-strip > button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.performance-strip small {
  color: var(--c_app_809bb0, #809bb0);
  font-size: 12px;
}

.performance-strip strong {
  color: var(--c_app_f2f9fd, #f2f9fd);
  font-size: 21px;
}

.performance-strip > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--c_app_6fe7f4, #6fe7f4);
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
}

.experience-grid,
.home-grid {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.championship-card {
  min-width: 0;
  padding: 28px;
  border: 1px solid rgb(var(--c_app_59daef-rgb, 89 218 239) / 0.17);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0, rgb(var(--c_app_1ad1e8-rgb, 26 209 232) / 0.19), transparent 30%),
    linear-gradient(150deg, var(--c_app_112a47, #112a47), var(--c_app_081b31, #081b31) 62%, var(--c_app_061527, #061527));
  box-shadow: 0 26px 66px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.28);
}

.championship-card::before {
  top: auto;
  right: -70px;
  bottom: -100px;
  background: radial-gradient(circle, rgb(var(--c_app_1cc5e1-rgb, 28 197 225) / 0.14), transparent 68%);
}

.championship-card__header h2 {
  color: var(--c_app_f6fbff, #f6fbff);
  font-size: clamp(27px, 2.4vw, 35px);
}

.championship-card .section-kicker { margin-bottom: 5px; }
.live-pill {
  padding: 7px 10px;
  border-color: rgb(var(--c_app_3ce8ac-rgb, 60 232 172) / 0.25);
  background: rgb(var(--c_app_1ed38f-rgb, 30 211 143) / 0.08);
  color: var(--c_app_62eeb7, #62eeb7);
  font-size: 11px;
}

.player-rank-card {
  margin-top: 20px;
  padding: 14px;
  grid-template-columns: auto 1fr;
  border: 1px solid rgb(var(--c_app_5ddeef-rgb, 93 222 239) / 0.18);
  border-radius: 18px;
  background: rgb(var(--c_app_23bbdc-rgb, 35 187 220) / 0.07);
}

.player-rank-card__badge {
  min-width: 86px;
  border-radius: 14px;
  background: linear-gradient(145deg, var(--c_app_35d8ed, #35d8ed), var(--c_app_159bd9, #159bd9));
  color: var(--c_app_03213a, #03213a);
}

.player-rank-card__badge small { color: var(--c_app_075077, #075077); font-size: 10px; }
.player-rank-card__badge strong { font-size: 25px; }
.player-rank-card > div:nth-child(2) > span { color: var(--c_app_87a4b8, #87a4b8); font-size: 12px; }
.player-rank-card > div:nth-child(2) > strong {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--c_app_f4fbff, #f4fbff);
  font-size: 23px;
}

.player-rank-card > div:nth-child(2) svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: var(--c_app_4be0ef, #4be0ef);
  stroke-width: 1.9;
  stroke-linejoin: round;
}

.player-rank-card > small {
  color: var(--c_app_89a3b6, #89a3b6);
  font-size: 12px;
}

.podium-preview {
  min-height: 177px;
  margin-top: 22px;
  gap: 9px;
}

.podium-preview__place {
  min-height: 136px;
  padding: 13px 7px;
  align-content: start;
  gap: 6px;
  border: 1px solid rgb(var(--c_app_7ec7dc-rgb, 126 199 220) / 0.13);
  border-radius: 16px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.04);
}

.podium-preview__place--1 {
  grid-column: 2;
  grid-row: 1;
  min-height: 174px;
  padding-top: 15px;
  border-color: rgb(var(--c_app_f9cc47-rgb, 249 204 71) / 0.43);
  background: linear-gradient(180deg, rgb(var(--c_app_facd4b-rgb, 250 205 75) / 0.17), rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.04));
}

.podium-preview__place--2 {
  grid-column: 1;
  grid-row: 1;
  min-height: 152px;
  align-self: end;
}

.podium-preview__place--3 {
  grid-column: 3;
  grid-row: 1;
  min-height: 136px;
  align-self: end;
  border-color: rgb(var(--c_app_e6985a-rgb, 230 152 90) / 0.24);
  background: rgb(var(--c_app_e17d3d-rgb, 225 125 61) / 0.06);
}

.podium-preview__medal {
  position: relative;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.08);
  color: var(--c_app_b6cad7, #b6cad7);
}

.podium-preview__place--1 .podium-preview__medal { background: var(--c_app_eec148, #eec148); color: var(--c_app_493403, #493403); }
.podium-preview__place--3 .podium-preview__medal { color: var(--c_app_e9a069, #e9a069); }
.podium-preview__medal svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.podium-preview__medal b {
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border: 2px solid var(--c_app_0b1e34, #0b1e34);
  border-radius: 50%;
  background: var(--c_app_ffffff, #fff);
  color: var(--c_app_10263d, #10263d);
  font-size: 9px;
}

.podium-preview__avatar {
  width: 42px;
  height: 42px;
  border: 2px solid rgb(var(--c_app_5ee0f1-rgb, 94 224 241) / 0.22);
  border-radius: 13px;
  background: linear-gradient(145deg, var(--c_app_183e62, #183e62), var(--c_app_1a99bd, #1a99bd));
  color: var(--c_app_eafdff, #eafdff);
  font-size: 11px;
}

.podium-preview__place strong {
  max-width: 100%;
  color: var(--c_app_eff8fd, #eff8fd);
  font-size: 13px;
}

.podium-preview__place small {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--c_app_61deed, #61deed);
  font-size: 12px;
}

.podium-preview__place small svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.prize-preview { gap: 8px; }
.prize-preview > span {
  padding: 10px 7px;
  border: 1px solid rgb(var(--c_app_e6be41-rgb, 230 190 65) / 0.13);
  border-radius: 12px;
  background: rgb(var(--c_app_efc544-rgb, 239 197 68) / 0.06);
}

.prize-preview small { color: var(--c_app_899fb0, #899fb0); font-size: 10px; }
.prize-preview strong { color: var(--c_app_f4d673, #f4d673); font-size: 13px; }

.championship-card__actions { margin-top: 18px; gap: 9px; }
.championship-card__actions button {
  min-height: 48px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-color: rgb(var(--c_app_5bd9ed-rgb, 91 217 237) / 0.17);
  border-radius: 13px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.05);
  color: var(--c_app_cce1ec, #cce1ec);
  font-size: 12px;
}

.championship-card__actions button:first-child {
  border-color: var(--c_app_31cfeb, #31cfeb);
  background: linear-gradient(135deg, var(--c_app_43d9ef, #43d9ef), var(--c_app_159edb, #159edb));
  color: var(--c_app_06213a, #06213a);
}

.championship-card__actions svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.championship-card__update { color: var(--c_app_748fa4, #748fa4); font-size: 11px; }

.mission-card--compact {
  min-height: 100%;
  margin: 0;
  border: 1px solid rgb(var(--c_app_74dff8-rgb, 116 223 248) / 0.24);
  border-radius: 26px;
  background: var(--c_app_0b6aaa, #0b6aaa);
  box-shadow: 0 26px 66px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.28);
}

.mission-card--compact .mission-card__shade {
  background:
    linear-gradient(90deg, rgb(var(--c_app_041b36-rgb, 4 27 54) / 0.92) 0, rgb(var(--c_app_042445-rgb, 4 36 69) / 0.7) 45%, rgb(var(--c_app_041e3a-rgb, 4 30 58) / 0.13) 76%),
    linear-gradient(0deg, rgb(var(--c_app_041426-rgb, 4 20 38) / 0.36), transparent 55%);
}

.mission-card--compact .mission-card__content {
  width: 65%;
  padding: clamp(30px, 4vw, 52px);
}

.mission-card--compact h2 {
  margin: 10px 0 12px;
  font-size: clamp(31px, 3vw, 43px);
  letter-spacing: -.045em;
}

.mission-card--compact p:not(.section-kicker) { color: var(--c_app_c8dfea, #c8dfea); font-size: 15px; }
.mission-card--compact .mission-button {
  min-height: 52px;
  margin-top: 25px;
  padding: 0 12px 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  border-color: var(--c_app_7bf0fa, #7bf0fa);
  border-radius: 14px;
  background: var(--c_app_eafcff, #eafcff);
  color: var(--c_app_083153, #083153);
  font-size: 13px;
  cursor: pointer;
  backdrop-filter: none;
}

.mission-button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.home-grid { align-items: start; }

.ranking-snapshot,
.about-card--accordion {
  min-width: 0;
  margin: 0;
  padding: 28px;
  border: 1px solid rgb(var(--c_app_9ad6e7-rgb, 154 214 231) / 0.18);
  border-radius: 24px;
  background: linear-gradient(160deg, var(--c_app_f9fdff, #f9fdff), var(--c_app_eaf5fa, #eaf5fa));
  box-shadow: 0 24px 60px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.25);
}

.ranking-snapshot h2,
.about-card--accordion .about-card__intro h2 {
  margin-top: 6px;
  color: var(--c_app_102e4a, #102e4a);
  font-size: 30px;
  letter-spacing: -.045em;
  text-transform: none;
}

.ranking-snapshot .section-kicker,
.about-card--accordion .section-kicker { color: var(--c_app_0f9fca, #0f9fca); }

.ranking-snapshot > header button {
  min-height: 44px;
  padding: 0 4px 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--c_app_087fae, #087fae);
  font-size: 12px;
}

.ranking-snapshot > header button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
}

.ranking-card--snapshot {
  margin-top: 16px;
  padding: 6px;
  border-color: var(--c_app_d7e8f0, #d7e8f0);
  border-radius: 17px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.72);
}

.ranking-card--snapshot li {
  min-height: 51px;
  border-radius: 11px;
  border-bottom: 0;
}

.ranking-card--snapshot li:nth-child(even) { background: rgb(var(--c_app_def0f7-rgb, 222 240 247) / 0.45); }
.ranking-card--snapshot li.is-player { background: var(--c_app_d7f6fb, #d7f6fb); box-shadow: inset 3px 0 var(--c_app_11afd3, #11afd3); }
.ranking-card--snapshot strong { color: var(--c_app_1d3a54, #1d3a54); font-size: 13px; }
.ranking-card--snapshot li > span:last-child {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--c_app_087fae, #087fae);
  font-size: 13px;
}

.ranking-card--snapshot li > span:last-child svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.ranking-snapshot__player {
  min-height: 48px;
  padding: 12px 15px;
  align-items: center;
  border-radius: 13px;
  background: var(--c_app_0b2947, #0b2947);
  font-size: 13px;
}

.ranking-snapshot__player strong { display: flex; align-items: center; gap: 7px; color: var(--c_app_69e7f4, #69e7f4); }
.ranking-snapshot__player strong > i { width: 1px; height: 17px; background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.15); }
.ranking-snapshot__player svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.about-card--accordion .about-card__intro { padding: 0; }
.about-card--accordion .about-card__intro > p:last-child { color: var(--c_app_637b8e, #637b8e); font-size: 14px; }
.guide-accordion-grid {
  margin-top: 20px;
  grid-template-columns: 1fr;
  gap: 9px;
}

.guide-panel {
  border-color: var(--c_app_d5e6ed, #d5e6ed);
  border-radius: 15px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.68);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.guide-panel[open] {
  border-color: var(--c_app_a6d9e8, #a6d9e8);
  box-shadow: 0 10px 25px rgb(var(--c_app_225b77-rgb, 34 91 119) / 0.08);
}

.guide-panel summary {
  min-height: 70px;
  padding: 11px 13px;
  gap: 12px;
}

.guide-panel summary > .guide-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--c_app_dbf6fb, #dbf6fb);
  color: var(--c_app_078eb8, #078eb8);
}

.guide-panel summary > .guide-icon--danger { background: var(--c_app_ffeced, #ffeced); color: var(--c_app_db4851, #db4851); }
.guide-panel summary > .guide-icon--power { background: var(--c_app_fff5d6, #fff5d6); color: var(--c_app_b27a05, #b27a05); }
.guide-panel summary > .guide-icon--controls { background: var(--c_app_eae9ff, #eae9ff); color: var(--c_app_6557c8, #6557c8); }
.guide-panel summary > .guide-icon svg,
.guide-panel summary > i svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.guide-panel summary strong { color: var(--c_app_17354f, #17354f); font-size: 15px; }
.guide-panel summary small { color: var(--c_app_72889a, #72889a); font-size: 12px; }
.guide-panel summary > i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--c_app_edf4f7, #edf4f7);
  color: var(--c_app_70889b, #70889b);
  font-size: 0;
  transition: transform .2s ease, background .2s ease;
}

.guide-panel[open] summary > i { background: var(--c_app_def5fa, #def5fa); color: var(--c_app_098bad, #098bad); transform: rotate(180deg); }
.guide-panel__body { padding: 2px 10px 10px; gap: 8px; }
.guide-panel__body article { min-height: 72px; padding: 8px; border: 1px solid var(--c_app_e4eef2, #e4eef2); }
.guide-panel__body img { width: 56px; height: 56px; }
.guide-panel__body h3 { font-size: 14px; }
.guide-panel__body p,
.guide-panel__copy p { color: var(--c_app_657b8c, #657b8c); font-size: 13px; }
.guide-chip-list { padding: 2px 13px 14px; gap: 7px; }
.guide-chip-list span { padding: 8px 10px; font-size: 12px; }
.guide-panel__copy { padding: 2px 15px 18px; }

.portal-main .demo-banner {
  margin-top: 20px;
  padding: 17px 19px;
  align-items: center;
  border-color: rgb(var(--c_app_5dd2eb-rgb, 93 210 235) / 0.16);
  border-radius: 16px;
  background: var(--c_app_0a1d32, #0a1d32);
  color: var(--c_app_e9f6fb, #e9f6fb);
}

.portal-main .demo-banner > span {
  width: 40px;
  height: 40px;
  background: rgb(var(--c_app_44d9ef-rgb, 68 217 239) / 0.1);
  color: var(--c_app_58dfef, #58dfef);
}

.portal-main .demo-banner svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.portal-main .demo-banner strong { font-size: 14px; }
.portal-main .demo-banner p { color: var(--c_app_849eb2, #849eb2); font-size: 12px; }
.portal-main .site-footer { padding-top: 30px; }
.portal-main .site-footer p { color: var(--c_app_668198, #668198); font-size: 12px; }

.portal-bottom-nav { display: none; }

@media (max-width: 1040px) {
  .portal-hero--v25 { grid-template-columns: minmax(0, 1.32fr) minmax(340px, .68fr); }
  .play-panel { padding: 28px; }
  .play-panel__copy h1 { font-size: 37px; }
  .season-telemetry { gap: 8px; }
  .experience-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 880px) {
  .desktop-nav { display: none; }
  .portal-hero--v25 { grid-template-columns: 1fr; }
  .campaign-banner { aspect-ratio: 16 / 8.6; }
  .play-panel__copy { padding-block: 30px; }
  .play-panel__actions { grid-template-columns: 1fr 1fr; }
  .season-telemetry { grid-template-columns: repeat(3, 1fr); }
  .experience-grid,
  .home-grid { grid-template-columns: 1fr; }
  .mission-card--compact { min-height: 390px; }
}

@media (max-width: 760px) {
  .portal-topbar {
    height: calc(68px + env(safe-area-inset-top));
    padding: calc(8px + env(safe-area-inset-top)) 12px 8px;
    backdrop-filter: blur(16px);
  }

  .portal-topbar .brand img { width: 43px; height: 43px; }
  .portal-topbar .brand > span { display: none; }
  .topbar-account { min-width: 0; gap: 6px; }
  .diamond-balance,
  .portal-topbar .balance-pill { min-height: 44px; border-radius: 13px; }
  .diamond-balance { padding: 5px 9px 5px 5px; gap: 7px; }
  .diamond-balance .account-icon { width: 32px; height: 32px; border-radius: 10px; }
  .diamond-balance .account-icon svg { width: 17px; height: 17px; }
  .diamond-balance strong { font-size: 14px; }
  .diamond-balance small { display: none; }
  .portal-topbar .balance-pill { min-width: 112px; padding: 5px 10px; }
  .portal-topbar .balance-pill span { font-size: 9px; }
  .portal-topbar .balance-pill strong { font-size: 13px; }
  .profile-shortcut { display: none; }

  .portal-main {
    inset: calc(68px + env(safe-area-inset-top)) 0 calc(76px + env(safe-area-inset-bottom));
    padding: 12px 12px 35px;
  }

  .portal-hero--v25 { gap: 0; }
  .campaign-banner {
    aspect-ratio: 3 / 2;
    border-radius: 22px;
    box-shadow: 0 20px 48px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.32);
  }

  .campaign-banner .hero__slide { object-position: center center; }
  .play-panel {
    z-index: 3;
    margin: -18px 9px 0;
    padding: 24px 19px 19px;
    border-radius: 20px;
    box-shadow: 0 20px 48px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.36);
  }

  .play-panel__topline > span { font-size: 11px; }
  .play-panel__topline > i { padding: 5px 8px; font-size: 10px; }
  .play-panel__copy { padding: 21px 0 19px; }
  .play-panel__copy h1 { font-size: clamp(30px, 9.2vw, 38px); line-height: 1; }
  .play-panel__copy p { margin-top: 12px; font-size: 14px; line-height: 1.48; }
  .play-panel__actions { grid-template-columns: 1fr; gap: 8px; }
  .primary-cta--play { min-height: 54px; }
  .secondary-cta--ranking { min-height: 46px; }
  .season-telemetry { margin-top: 14px; padding-top: 13px; }
  .season-telemetry small { font-size: 9px; }
  .season-telemetry strong { font-size: 12px; }

  .performance-strip {
    margin-top: 12px;
    padding: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    border-radius: 17px;
  }

  .performance-strip article,
  .performance-strip > button {
    min-height: 69px;
    padding: 9px 10px;
  }

  .performance-strip article { justify-content: flex-start; text-align: left; }
  .performance-strip__icon { display: grid; width: 36px; height: 36px; }
  .performance-strip small { font-size: 11px; }
  .performance-strip strong { font-size: 18px; }
  .performance-strip > button { grid-column: auto; font-size: 12px; }

  .experience-grid,
  .home-grid { margin-top: 12px; gap: 12px; }
  .experience-grid,
  .home-grid,
  .portal-main .demo-banner,
  .portal-main .site-footer { content-visibility: auto; contain-intrinsic-size: auto 520px; }

  .championship-card,
  .ranking-snapshot,
  .about-card--accordion { padding: 20px 17px; border-radius: 20px; }
  .championship-card__header h2 { font-size: 26px; }
  .live-pill { font-size: 10px; }
  .player-rank-card { margin-top: 16px; }
  .player-rank-card__badge { min-width: 78px; }
  .player-rank-card > div:nth-child(2) > strong { font-size: 21px; }
  .podium-preview { min-height: 159px; margin-top: 18px; }
  .podium-preview__place--1 { min-height: 157px; }
  .podium-preview__place--2 { min-height: 142px; }
  .podium-preview__place--3 { min-height: 128px; }
  .podium-preview__avatar { width: 38px; height: 38px; }
  .podium-preview__place strong { font-size: 12px; }
  .prize-preview strong { font-size: 12px; }

  .mission-card--compact { min-height: 340px; border-radius: 20px; }
  .mission-card--compact .mission-card__content { width: 82%; padding: 28px 22px; }
  .mission-card--compact h2 { font-size: 32px; }
  .mission-card--compact p:not(.section-kicker) { font-size: 14px; }
  .mission-card--compact .mission-button { min-height: 49px; margin-top: 20px; }

  .ranking-snapshot h2,
  .about-card--accordion .about-card__intro h2 { font-size: 26px; }
  .ranking-card--snapshot li { padding-inline: 10px; }
  .guide-accordion-grid { margin-top: 17px; }

  .portal-bottom-nav {
    height: calc(76px + env(safe-area-inset-bottom));
    padding: 6px 6px env(safe-area-inset-bottom);
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    border-top: 1px solid rgb(var(--c_app_6fc4db-rgb, 111 196 219) / 0.14);
    background: rgb(var(--c_app_051323-rgb, 5 19 35) / 0.96);
    box-shadow: 0 -14px 38px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.3);
    backdrop-filter: blur(18px) saturate(130%);
  }

  .portal-bottom-nav .nav-item,
  .portal-bottom-nav .diamond-button--play {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 62px;
    padding: 4px 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--c_app_8099ad, #8099ad);
    box-shadow: none;
    cursor: pointer;
    transform: none;
  }

  .portal-bottom-nav .nav-item > span,
  .portal-bottom-nav .diamond-button--play > span {
    width: 34px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-size: 0;
    animation: none;
  }

  .portal-bottom-nav svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .portal-bottom-nav small {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: inherit;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.1;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
  }

  .portal-bottom-nav .nav-item.is-active { color: var(--c_app_55ddeb, #55ddeb); transform: none; }
  .portal-bottom-nav .nav-item.is-active > span { background: rgb(var(--c_app_3fdaef-rgb, 63 218 239) / 0.11); }
  .portal-bottom-nav .diamond-button--play { color: var(--c_app_eafcff, #eafcff); }
  .portal-bottom-nav .diamond-button--play > span {
    background: linear-gradient(145deg, var(--c_app_4ce2ee, #4ce2ee), var(--c_app_179fdb, #179fdb));
    color: var(--c_app_052039, #052039);
    box-shadow: 0 7px 17px rgb(var(--c_app_11afd8-rgb, 17 175 216) / 0.21);
  }
  .portal-bottom-nav .diamond-button--play svg { fill: currentColor; stroke: none; }
}

@media (max-width: 430px) {
  .portal-topbar { padding-inline: 10px; }
  .portal-topbar .brand img { width: 41px; height: 41px; }
  .topbar-account { gap: 5px; }
  .diamond-balance { padding-right: 8px; }
  .diamond-balance .account-icon { width: 30px; height: 30px; }
  .portal-topbar .balance-pill { min-width: 106px; padding-inline: 8px; }
  .portal-main { padding-inline: 10px; }
  .play-panel { margin-inline: 7px; }
  .play-panel__copy h1 { font-size: clamp(29px, 9vw, 35px); }
  .play-panel__copy p { font-size: 13px; }
  .season-telemetry { gap: 5px; }
  .season-telemetry > span:nth-child(2) { text-align: center; }
  .season-telemetry > span:nth-child(3) { text-align: right; }
  .performance-strip__icon { width: 33px; height: 33px; }
  .performance-strip__icon svg { width: 18px; height: 18px; }
  .performance-strip small { font-size: 10px; }
  .performance-strip strong { font-size: 17px; }
  .championship-card__actions { grid-template-columns: 1fr; }
  .championship-card__actions button { font-size: 12px; }
  .podium-preview__place { padding-inline: 4px; }
  .podium-preview__place small { font-size: 11px; }
  .prize-preview > span { padding-inline: 3px; }
  .prize-preview small { font-size: 9px; }
  .prize-preview strong { font-size: 11px; }
  .mission-card--compact { min-height: 330px; }
  .mission-card--compact .mission-card__content { width: 88%; }
  .ranking-snapshot > header button { padding-left: 7px; }
  .ranking-card--snapshot li { grid-template-columns: 34px 1fr auto; }
  .portal-bottom-nav small { font-size: 10px; }
}

@media (max-width: 355px) {
  .portal-topbar .balance-pill { min-width: 98px; }
  .portal-topbar .balance-pill span svg { display: none; }
  .portal-topbar .balance-pill strong { font-size: 12px; }
  .diamond-balance .account-icon { display: none; }
  .performance-strip article,
  .performance-strip > button { padding-inline: 8px; }
  .performance-strip__icon { display: none; }
  .season-telemetry small { font-size: 8px; }
  .season-telemetry strong { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .primary-cta--play,
  .secondary-cta--ranking,
  .guide-panel,
  .guide-panel summary > i { transition: none; }
}

/* Guia visual de poderes */

.power-guide {
  margin-top: 20px;
  padding: 34px;
}

.power-guide__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.power-guide__header .about-card__intro { max-width: 720px; }
.effect-guide {
  margin-top: 30px;
  padding-top: 27px;
  border-top: 1px solid var(--c_app_d8e8ef, #d8e8ef);
}

.effect-guide > header,
.effect-guide > header > div {
  display: flex;
  align-items: center;
}

.effect-guide > header { justify-content: space-between; gap: 16px; }
.effect-guide > header > div { gap: 12px; }
.effect-guide > header > div > span {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, var(--c_app_3bd9eb, #3bd9eb), var(--c_app_139acc, #139acc));
  color: var(--c_app_04213a, #04213a);
  box-shadow: 0 10px 24px rgb(var(--c_app_15a3cc-rgb, 21 163 204) / 0.18);
}

.effect-guide > header svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.effect-guide > header p,
.effect-guide > header h3 { margin: 0; }
.effect-guide > header p {
  color: var(--c_app_1595bb, #1595bb);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
}

.effect-guide > header h3 {
  margin-top: 3px;
  color: var(--c_app_17334b, #17334b);
  font-size: 21px;
  letter-spacing: -.03em;
}

.effect-guide > header > small {
  color: var(--c_app_708798, #708798);
  font-size: 12px;
  font-weight: 750;
}

.effect-guide--trap > header > div > span {
  background: linear-gradient(145deg, var(--c_app_ff7c86, #ff7c86), var(--c_app_df3f55, #df3f55));
  color: var(--c_app_ffffff, #fff);
  box-shadow: 0 10px 24px rgb(var(--c_app_d5374f-rgb, 213 55 79) / 0.18);
}

.effect-guide--trap > header p { color: var(--c_app_d5485b, #d5485b); }

.effect-card-grid {
  margin-top: 17px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.effect-card-grid--traps { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.effect-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--c_app_dbeaf0, #dbeaf0);
  border-radius: 17px;
  background: var(--c_app_ffffff, #fff);
  box-shadow: 0 10px 28px rgb(var(--c_app_15435d-rgb, 21 67 93) / 0.07);
  transition: transform .2s ease, box-shadow .2s ease;
}

.effect-card:hover { transform: translateY(-3px); box-shadow: 0 17px 35px rgb(var(--c_app_15435d-rgb, 21 67 93) / 0.12); }

.effect-card__media {
  position: relative;
  aspect-ratio: 16 / 9.5;
  overflow: hidden;
  background: linear-gradient(145deg, var(--c_app_102f4d, #102f4d), var(--c_app_0b6f9e, #0b6f9e));
}

.effect-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, rgb(var(--c_app_05182a-rgb, 5 24 42) / 0.44), transparent 56%);
}

.effect-card__media > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 46%;
  transition: transform .35s ease;
}

.effect-card:hover .effect-card__media > img { transform: scale(1.035); }

.effect-card__media > span {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.68);
  border-radius: 12px;
  background: rgb(var(--c_app_effdff-rgb, 239 253 255) / 0.91);
  color: var(--c_app_087fa8, #087fa8);
  box-shadow: 0 8px 22px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.19);
}

.effect-card__media > span svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.effect-card__media > small {
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 9px;
  padding: 6px 8px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.22);
  border-radius: 9px;
  background: rgb(var(--c_app_05192b-rgb, 5 25 43) / 0.74);
  color: var(--c_app_eafcff, #eafcff);
  font-size: 11px;
  font-weight: 900;
}

.effect-card__copy { padding: 15px 15px 17px; }
.effect-card__copy p,
.effect-card__copy h4,
.effect-card__copy > span { margin: 0; }
.effect-card__copy p {
  color: var(--c_app_1495ba, #1495ba);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .09em;
}

.effect-card__copy h4 {
  margin-top: 4px;
  color: var(--c_app_17354e, #17354e);
  font-size: 16px;
  letter-spacing: -.02em;
}

.effect-card__copy > span {
  display: block;
  margin-top: 7px;
  color: var(--c_app_677d8e, #677d8e);
  font-size: 13px;
  line-height: 1.43;
}

.effect-card--phase .effect-card__media > img { opacity: .66; filter: hue-rotate(42deg) saturate(1.35); }
.effect-card--slow .effect-card__media > img { filter: saturate(.62) contrast(1.04) hue-rotate(16deg); }
.effect-card--revive .effect-card__media { background: radial-gradient(circle, var(--c_app_58e9f2, #58e9f2), var(--c_app_1477b7, #1477b7) 68%, var(--c_app_0b2747, #0b2747)); }
.effect-card--revive .effect-card__media > img { object-fit: contain; object-position: center 28%; filter: drop-shadow(0 12px 16px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.28)); transform: scale(1.18); }
.effect-card--revive:hover .effect-card__media > img { transform: scale(1.22); }
.effect-card--color-trap .effect-card__media > img { filter: invert(1) hue-rotate(158deg) saturate(1.45); }
.effect-card--speed-trap .effect-card__media > img { filter: saturate(1.45) contrast(1.12); transform: scale(1.08); }
.effect-card--speed-trap:hover .effect-card__media > img { transform: scale(1.12); }
.effect-card--controls-trap .effect-card__media > img { transform: scaleX(-1); }
.effect-card--controls-trap:hover .effect-card__media > img { transform: scaleX(-1) scale(1.035); }
.effect-guide--trap .effect-card { border-color: var(--c_app_efd9dc, #efd9dc); }
.effect-guide--trap .effect-card__media > span { color: var(--c_app_d33d54, #d33d54); }
.effect-guide--trap .effect-card__copy p { color: var(--c_app_d34658, #d34658); }

.guide-accordion-grid--basics {
  margin-top: 28px;
  padding-top: 27px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--c_app_d8e8ef, #d8e8ef);
}

.award-banner__icon svg,
.reward-podium .podium-place__medal svg,
.leaderboard-medal svg,
.leaderboard-row__score svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.award-banner__icon { color: var(--c_app_a97607, #a97607); }
.reward-podium .podium-place__medal {
  position: relative;
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  margin-inline: auto;
  border-radius: 13px;
  background: var(--c_app_f3c84f, #f3c84f);
  color: var(--c_app_543b04, #543b04);
}

.reward-podium .podium-place:nth-child(2) .podium-place__medal { background: var(--c_app_dce7ed, #dce7ed); color: var(--c_app_506674, #506674); }
.reward-podium .podium-place:nth-child(3) .podium-place__medal { background: var(--c_app_efb07e, #efb07e); color: var(--c_app_6d371c, #6d371c); }
.reward-podium .podium-place__medal > b {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 2px solid var(--c_app_ffffff, #fff);
  border-radius: 50%;
  background: var(--c_app_173956, #173956);
  color: var(--c_app_ffffff, #fff);
  font-size: 9px;
}

.leaderboard-medal {
  position: relative;
  width: 27px;
  height: 27px;
  display: inline-grid;
  place-items: center;
  border-radius: 9px;
  background: var(--c_app_f3c84f, #f3c84f);
  color: var(--c_app_573d04, #573d04);
  font-style: normal;
}

.leaderboard-medal--2 { background: var(--c_app_e3edf2, #e3edf2); color: var(--c_app_617481, #617481); }
.leaderboard-medal--3 { background: var(--c_app_f3c19d, #f3c19d); color: var(--c_app_76452a, #76452a); }
.leaderboard-medal svg { width: 15px; height: 15px; }
.leaderboard-medal > b {
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 14px;
  height: 14px;
  display: grid;
  place-items: center;
  border: 2px solid var(--c_app_ffffff, #fff);
  border-radius: 50%;
  background: var(--c_app_173956, #173956);
  color: var(--c_app_ffffff, #fff);
  font-size: 7px;
}

.leaderboard-row__score {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.leaderboard-row__score svg { width: 14px; height: 14px; }

@media (max-width: 880px) {
  .power-guide { padding: 27px; }
  .effect-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .effect-card-grid--traps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .power-guide { margin-top: 12px; padding: 23px 16px; border-radius: 20px; }
  .power-guide__header { align-items: flex-start; }
  .effect-guide { margin-top: 23px; padding-top: 21px; }
  .effect-guide > header > div > span { width: 42px; height: 42px; }
  .effect-guide > header h3 { font-size: 19px; }
  .effect-guide > header > small { font-size: 10px; }
  .effect-card-grid,
  .effect-card-grid--traps {
    margin-inline: -16px;
    padding: 0 16px 8px;
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }
  .effect-card-grid::-webkit-scrollbar { display: none; }
  .effect-card { width: min(78vw, 290px); flex: 0 0 min(78vw, 290px); scroll-snap-align: start; }
  .effect-card:hover { transform: none; }
  .effect-card__copy > span { font-size: 12px; }
  .guide-accordion-grid--basics { margin-top: 20px; padding-top: 20px; grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .effect-guide > header { align-items: flex-start; }
  .effect-guide > header > small { max-width: 92px; padding-top: 4px; text-align: right; }
}

@media (prefers-reduced-motion: reduce) {
  .effect-card,
  .effect-card__media > img { transition: none; }
}

/* Arena de jogo e demonstrações reais v26 */
.portal-hero--v26 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.portal-hero--v26 .campaign-banner {
  width: 100%;
  height: clamp(350px, 43vw, 520px);
  aspect-ratio: auto;
  flex: 0 0 auto;
  border-color: rgb(var(--c_app_55e1ff-rgb, 85 225 255) / 0.42);
  background: var(--c_app_03152c, #03152c);
  box-shadow: 0 28px 85px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.42), 0 0 0 1px rgb(var(--c_app_4ddaf8-rgb, 77 218 248) / 0.08);
}

.portal-hero--v26 .campaign-banner::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -65%;
  left: -25%;
  width: 24%;
  height: 230%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgb(var(--c_app_a6faff-rgb, 166 250 255) / 0.2), transparent);
  transform: rotate(18deg);
  animation: banner-scan 7.8s ease-in-out infinite;
}

.portal-hero--v26 .campaign-banner .hero__slide {
  object-position: center 51%;
}

.campaign-banner__status {
  position: absolute;
  z-index: 4;
  top: 22px;
  left: 22px;
  min-width: 176px;
  padding: 10px 14px;
  display: grid;
  gap: 2px;
  border: 1px solid rgb(var(--c_app_87edff-rgb, 135 237 255) / 0.32);
  border-radius: 13px;
  background: rgb(var(--c_app_031429-rgb, 3 20 41) / 0.72);
  color: var(--c_app_ffffff, #fff);
  box-shadow: 0 13px 34px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.28);
  backdrop-filter: blur(12px) saturate(140%);
}

.campaign-banner__status span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--c_app_72f0bd, #72f0bd);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .11em;
}

.campaign-banner__status span i,
.power-guide__live i,
.effect-demo-live i {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--c_app_55ecad, #55ecad);
  box-shadow: 0 0 0 4px rgb(var(--c_app_55ecad-rgb, 85 236 173) / 0.13), 0 0 14px var(--c_app_55ecad, #55ecad);
  animation: live-pulse 1.7s ease-in-out infinite;
}

.campaign-banner__status strong {
  font-size: 14px;
  letter-spacing: .04em;
}

.portal-hero--v26 .play-panel {
  z-index: 5;
  width: min(calc(100% - 64px), 1130px);
  min-height: 206px;
  margin: -54px auto 0;
  padding: 25px 27px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(230px, .56fr) minmax(250px, .68fr);
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "topline actions telemetry"
    "copy actions telemetry";
  align-items: center;
  column-gap: 28px;
  border-color: rgb(var(--c_app_65e7fb-rgb, 101 231 251) / 0.27);
  background:
    radial-gradient(circle at 12% -10%, rgb(var(--c_app_30e0f1-rgb, 48 224 241) / 0.21), transparent 36%),
    linear-gradient(145deg, rgb(var(--c_app_102f4e-rgb, 16 47 78) / 0.98), rgb(var(--c_app_051528-rgb, 5 21 40) / 0.98));
  box-shadow: 0 28px 70px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.43), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.07);
  backdrop-filter: blur(18px) saturate(130%);
}

.portal-hero--v26 .play-panel__topline { grid-area: topline; align-self: start; }
.portal-hero--v26 .play-panel__copy { grid-area: copy; margin: 0; padding: 11px 0 0; align-self: start; }
.portal-hero--v26 .play-panel__copy h1 { font-size: clamp(31px, 3vw, 43px); }
.portal-hero--v26 .play-panel__copy p { max-width: 470px; margin-top: 10px; font-size: 14px; }
.portal-hero--v26 .play-panel__actions { grid-area: actions; }
.portal-hero--v26 .season-telemetry {
  grid-area: telemetry;
  height: 100%;
  margin: 0;
  padding: 0 0 0 25px;
  grid-template-columns: 1fr;
  align-content: center;
  gap: 13px;
  border-top: 0;
  border-left: 1px solid rgb(var(--c_app_90ccdf-rgb, 144 204 223) / 0.13);
}

.portal-hero--v26 .season-telemetry > span {
  padding-bottom: 9px;
  border-bottom: 1px solid rgb(var(--c_app_90ccdf-rgb, 144 204 223) / 0.09);
}

.portal-hero--v26 .season-telemetry > span:last-child { padding-bottom: 0; border-bottom: 0; }
.portal-hero--v26 .season-telemetry strong { font-size: 15px; }

.mission-card__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.mission-card__media img { object-position: center center; }
.home-grid { grid-template-columns: 1fr; }

.power-guide__live {
  min-height: 42px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  border: 1px solid var(--c_app_b7dfea, #b7dfea);
  border-radius: 12px;
  background: var(--c_app_e2f7fb, #e2f7fb);
  color: var(--c_app_087fa7, #087fa7);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}

.effect-card__media > button {
  position: absolute;
  z-index: 4;
  right: 10px;
  bottom: 10px;
  min-width: 42px;
  min-height: 39px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.7);
  border-radius: 12px;
  background: rgb(var(--c_app_041e33-rgb, 4 30 51) / 0.86);
  color: var(--c_app_e9fcff, #e9fcff);
  box-shadow: 0 9px 24px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.24);
  cursor: pointer;
  backdrop-filter: blur(9px);
  transition: background .18s ease, transform .18s ease;
}

.effect-card__media > button:hover,
.effect-card__media > button:focus-visible {
  background: var(--c_app_22c9e4, #22c9e4);
  color: var(--c_app_06223b, #06223b);
  transform: translateY(-2px);
}

.effect-card__media > button svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  stroke: none;
}

.effect-card__media > button b {
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .07em;
  white-space: nowrap;
}

.effect-card__media > span { bottom: 10px; }
.effect-card--revive .effect-card__media > img { object-fit: cover; object-position: center 48%; filter: none; transform: none; }
.effect-card--revive:hover .effect-card__media > img { transform: scale(1.035); }

.modal--effect-demo {
  width: min(100%, 860px);
  max-height: min(900px, calc(100dvh - 30px));
  overflow: auto;
  border-color: rgb(var(--c_app_5be2f6-rgb, 91 226 246) / 0.27);
  background: var(--c_app_071a2e, #071a2e);
  color: var(--c_app_ffffff, #fff);
}

.modal--effect-demo .modal__header {
  border-bottom: 1px solid rgb(var(--c_app_69dbef-rgb, 105 219 239) / 0.13);
  background: rgb(var(--c_app_071a2e-rgb, 7 26 46) / 0.97);
}

.modal--effect-demo .modal__header p { color: var(--c_app_5de2ef, #5de2ef); }
.modal--effect-demo .modal__header h2 { color: var(--c_app_f8fdff, #f8fdff); }
.modal--effect-demo-trap { border-color: rgb(var(--c_app_ff6573-rgb, 255 101 115) / 0.32); }
.modal--effect-demo-trap .modal__header p { color: var(--c_app_ff8f98, #ff8f98); }
.modal--effect-demo .icon-button { border-color: rgb(var(--c_app_81d3e7-rgb, 129 211 231) / 0.16); background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.05); color: var(--c_app_cce1eb, #cce1eb); }
.modal--effect-demo .modal__body { padding: 19px; }

.effect-demo-player {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgb(var(--c_app_66dff1-rgb, 102 223 241) / 0.24);
  border-radius: 20px;
  background: var(--c_app_e7f1f6, #e7f1f6);
  box-shadow: 0 24px 52px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.3);
  isolation: isolate;
}

.effect-demo-player canvas {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

.effect-demo-player::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.12), inset 0 -74px 80px rgb(var(--c_app_03111f-rgb, 3 17 31) / 0.28);
}

.effect-demo-player.is-color-trap-demo::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background: var(--c_app_ffffff, #fff);
  mix-blend-mode: difference;
  opacity: .94;
}

.effect-demo-player.is-speed-trap-demo canvas { filter: saturate(1.28) contrast(1.08); }
.effect-demo-player.is-controls-trap-demo { box-shadow: 0 24px 52px rgb(var(--c_app_75152d-rgb, 117 21 45) / 0.28), inset 0 0 0 2px rgb(var(--c_app_ff4c63-rgb, 255 76 99) / 0.26); }

.effect-demo-loading {
  position: absolute;
  z-index: 7;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 12px;
  background: linear-gradient(145deg, var(--c_app_0d3556, #0d3556), var(--c_app_071a30, #071a30));
  color: var(--c_app_dffaff, #dffaff);
}

.effect-demo-loading[hidden] { display: none; }
.effect-demo-loading i {
  width: 34px;
  height: 34px;
  border: 3px solid rgb(var(--c_app_66e1f3-rgb, 102 225 243) / 0.18);
  border-top-color: var(--c_app_5de1ee, #5de1ee);
  border-radius: 50%;
  animation: effect-loader .8s linear infinite;
}

.effect-demo-loading strong { font-size: 10px; letter-spacing: .12em; }
.effect-demo-live,
.effect-demo-speed,
.effect-demo-directions,
.effect-demo-hud { position: absolute; z-index: 5; }

.effect-demo-live {
  top: 13px;
  left: 13px;
  padding: 7px 9px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.34);
  border-radius: 9px;
  background: rgb(var(--c_app_04182b-rgb, 4 24 43) / 0.71);
  color: var(--c_app_eaffff, #eaffff);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  backdrop-filter: blur(9px);
}

.effect-demo-speed {
  top: 13px;
  right: 13px;
  padding: 7px 9px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.33);
  border-radius: 9px;
  background: rgb(var(--c_app_04182b-rgb, 4 24 43) / 0.71);
  color: var(--c_app_eaffff, #eaffff);
  font-size: 11px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  backdrop-filter: blur(9px);
}

.effect-demo-hud {
  right: 14px;
  bottom: 14px;
  left: 14px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: space-between;
  gap: 6px 14px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.25);
  border-radius: 12px;
  background: rgb(var(--c_app_04182b-rgb, 4 24 43) / 0.76);
  backdrop-filter: blur(10px) saturate(130%);
}

.effect-demo-hud > span { color: var(--c_app_8fdfea, #8fdfea); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.effect-demo-hud > strong { color: var(--c_app_ffffff, #fff); font-size: 12px; font-variant-numeric: tabular-nums; }
.effect-demo-hud > i {
  grid-column: 1 / -1;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.12);
}
.effect-demo-hud > i > b { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--c_app_43dff0, #43dff0), var(--c_app_5cf2b6, #5cf2b6)); transition: width .1s linear; }

.effect-demo-directions {
  top: 50%;
  left: 50%;
  padding: 8px 11px;
  display: flex;
  gap: 10px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.43);
  border-radius: 10px;
  background: rgb(var(--c_app_48061d-rgb, 72 6 29) / 0.72);
  color: var(--c_app_ffffff, #fff);
  font-size: 10px;
  font-weight: 900;
  transform: translate(-50%, -50%);
  backdrop-filter: blur(8px);
}
.effect-demo-directions strong { color: var(--c_app_ffb1bb, #ffb1bb); }

.effect-demo-copy {
  margin-top: 15px;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 13px;
  border: 1px solid rgb(var(--c_app_69d9ee-rgb, 105 217 238) / 0.13);
  border-radius: 15px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.04);
}

.effect-demo-copy > span {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, var(--c_app_4ae0ef, #4ae0ef), var(--c_app_149fd8, #149fd8));
  color: var(--c_app_062039, #062039);
}

.modal--effect-demo-trap .effect-demo-copy > span { background: linear-gradient(145deg, var(--c_app_ff929a, #ff929a), var(--c_app_e33c54, #e33c54)); color: var(--c_app_ffffff, #fff); }
.effect-demo-copy svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.effect-demo-copy small { color: var(--c_app_62dfea, #62dfea); font-size: 10px; font-weight: 900; letter-spacing: .09em; }
.modal--effect-demo-trap .effect-demo-copy small { color: var(--c_app_ff909a, #ff909a); }
.effect-demo-copy p { margin: 5px 0 0; color: var(--c_app_b4c8d5, #b4c8d5); font-size: 14px; line-height: 1.48; }
.effect-demo-note { margin: 12px 3px 0; color: var(--c_app_7f9aab, #7f9aab); font-size: 12px; line-height: 1.45; }
.effect-demo-actions { margin-top: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.effect-demo-actions button {
  min-height: 50px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid rgb(var(--c_app_65d8ed-rgb, 101 216 237) / 0.18);
  border-radius: 13px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.05);
  color: var(--c_app_d9edf5, #d9edf5);
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}
.effect-demo-actions button:last-child { border-color: var(--c_app_66e8f2, #66e8f2); background: linear-gradient(135deg, var(--c_app_4be0ee, #4be0ee), var(--c_app_17a8df, #17a8df)); color: var(--c_app_05223a, #05223a); }
.effect-demo-actions button:disabled { cursor: wait; opacity: .5; }
.effect-demo-actions svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.effect-demo-actions button:last-child svg { fill: currentColor; stroke: none; }

@keyframes banner-scan {
  0%, 34% { opacity: 0; transform: translateX(-35vw) rotate(18deg); }
  48% { opacity: 1; }
  72%, 100% { opacity: 0; transform: translateX(150vw) rotate(18deg); }
}

@keyframes live-pulse { 50% { opacity: .48; transform: scale(.78); } }
@keyframes effect-loader { to { transform: rotate(360deg); } }

@media (max-width: 1040px) {
  .portal-hero--v26 .play-panel {
    grid-template-columns: minmax(0, 1fr) minmax(230px, .62fr);
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "topline actions"
      "copy actions"
      "telemetry telemetry";
  }
  .portal-hero--v26 .season-telemetry {
    height: auto;
    margin-top: 16px;
    padding: 14px 0 0;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgb(var(--c_app_90ccdf-rgb, 144 204 223) / 0.13);
    border-left: 0;
  }
  .portal-hero--v26 .season-telemetry > span { padding: 0; border: 0; }
}

@media (max-width: 760px) {
  .portal-main { padding-top: 10px; }
  .portal-hero--v26 .campaign-banner {
    height: clamp(215px, 57vw, 270px);
    border-radius: 19px;
  }
  .portal-hero--v26 .campaign-banner .hero__slide { object-position: center 50%; }
  .campaign-banner__status { top: 13px; left: 13px; min-width: 0; padding: 8px 10px; border-radius: 10px; }
  .campaign-banner__status span { font-size: 8px; }
  .campaign-banner__status strong { font-size: 11px; }
  .portal-hero--v26 .play-panel {
    width: calc(100% - 14px);
    min-height: 0;
    margin: -14px auto 0;
    padding: 18px 16px 16px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "topline" "copy" "actions" "telemetry";
    row-gap: 0;
    border-radius: 18px;
  }
  .portal-hero--v26 .play-panel__copy { padding: 13px 0 14px; }
  .portal-hero--v26 .play-panel__copy h1 { font-size: clamp(27px, 8vw, 33px); }
  .portal-hero--v26 .play-panel__copy p { margin-top: 8px; font-size: 13px; line-height: 1.4; }
  .portal-hero--v26 .play-panel__actions { grid-template-columns: 1fr 1fr; }
  .portal-hero--v26 .primary-cta--play,
  .portal-hero--v26 .secondary-cta--ranking { min-height: 49px; border-radius: 13px; font-size: 12px; }
  .portal-hero--v26 .primary-cta--play svg { width: 34px; height: 34px; }
  .portal-hero--v26 .season-telemetry { margin-top: 13px; padding-top: 12px; gap: 5px; }
  .portal-hero--v26 .season-telemetry strong { font-size: 11px; }

  .experience-grid { content-visibility: visible; contain-intrinsic-size: none; }
  .mission-card--compact {
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto;
    overflow: hidden;
  }
  .mission-card--compact .mission-card__media {
    position: relative;
    inset: auto;
    grid-row: 1;
    aspect-ratio: 960 / 587;
    background: var(--c_app_20b7ee, #20b7ee);
  }
  .mission-card--compact .mission-card__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .mission-card--compact .mission-card__shade { display: none; }
  .mission-card--compact .mission-card__content {
    grid-row: 2;
    width: 100%;
    padding: 22px 18px 20px;
    background: linear-gradient(145deg, var(--c_app_0c3153, #0c3153), var(--c_app_071b31, #071b31));
  }
  .mission-card--compact h2 { margin-block: 7px 8px; font-size: 28px; }
  .mission-card--compact p:not(.section-kicker) { font-size: 13px; line-height: 1.45; }
  .mission-card--compact .mission-button { width: 100%; min-height: 48px; margin-top: 16px; justify-content: space-between; }

  .power-guide__header { display: block; }
  .power-guide__live { margin-top: 14px; }
  .effect-card__media > button { min-width: 40px; min-height: 40px; padding-inline: 12px; }
  .effect-card__media > button b { display: inline; }
  .modal--effect-demo {
    width: 100%;
    max-height: 94dvh;
    border-radius: 24px;
  }
  .modal--effect-demo .modal__body { padding: 13px; }
  .effect-demo-player { border-radius: 16px; }
  .effect-demo-live,
  .effect-demo-speed,
  .effect-demo-hud,
  .effect-demo-directions {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgb(var(--c_app_04182b-rgb, 4 24 43) / 0.91);
  }
  .effect-demo-player.is-speed-trap-demo canvas { filter: none; }
  .effect-demo-live { top: 9px; left: 9px; font-size: 8px; }
  .effect-demo-speed { top: 9px; right: 9px; font-size: 10px; }
  .effect-demo-hud { right: 9px; bottom: 9px; left: 9px; padding: 9px 10px; }
  .effect-demo-copy { margin-top: 11px; padding: 12px; align-items: flex-start; }
  .effect-demo-copy > span { width: 42px; height: 42px; border-radius: 12px; }
  .effect-demo-copy p { font-size: 13px; }
  .effect-demo-actions { grid-template-columns: 1fr; gap: 7px; }
  .effect-demo-actions button { min-height: 47px; }
}

@media (max-width: 760px) and (max-height: 650px) {
  .modal--effect-demo { max-height: calc(100dvh - 20px); border-radius: 18px; }
  .modal--effect-demo .modal__header { padding: 14px 15px 10px; }
  .modal--effect-demo .modal__body { padding: 10px 13px 13px; }
  .effect-demo-player { aspect-ratio: 2 / 1; }
  .effect-demo-copy { margin-top: 8px; padding: 10px; }
  .effect-demo-copy > span { width: 36px; height: 36px; }
  .effect-demo-copy p { font-size: 12px; }
  .effect-demo-note { margin-top: 8px; font-size: 10px; }
  .effect-demo-actions { grid-template-columns: 1fr 1fr; gap: 6px; }
  .effect-demo-actions button { min-height: 44px; padding-inline: 6px; font-size: 10px; }
}

@media (max-width: 430px) {
  .portal-hero--v26 .play-panel__actions { grid-template-columns: 1fr; }
  .portal-hero--v26 .secondary-cta--ranking { min-height: 44px; }
  .effect-card__media > button b { display: none; }
  .effect-card__media > button { min-width: 40px; padding: 0; }
  .effect-demo-live { max-width: 122px; line-height: 1.15; }
}

@media (prefers-reduced-motion: reduce) {
  .portal-hero--v26 .campaign-banner::before,
  .campaign-banner__status span i,
  .power-guide__live i,
  .effect-demo-live i,
  .effect-demo-loading i { animation: none; }
  .effect-card__media > button,
  .effect-demo-hud > i > b { transition: none; }
}

/* Acabamento final da interface pré-jogo v29 */
.diamond-balance {
  min-width: 108px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
}

.diamond-balance > .account-icon {
  grid-row: auto;
  flex: 0 0 auto;
  transform: none;
}

.diamond-balance > .diamond-balance__copy {
  min-width: 0;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 3px;
  grid-row: auto;
  color: inherit;
  font-size: inherit;
  text-shadow: none;
  transform: none;
}

.diamond-balance__copy small,
.diamond-balance__copy strong {
  display: block;
  margin: 0;
  line-height: 1;
  text-align: left;
}

.diamond-balance__copy small {
  color: var(--c_app_8ea9bb, #8ea9bb);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.diamond-balance__copy strong {
  color: var(--c_app_f7fdff, #f7fdff);
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

.mission-card--compact {
  min-height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border-color: rgb(var(--c_app_5ce1f4-rgb, 92 225 244) / 0.31);
  background: linear-gradient(145deg, var(--c_app_0b3154, #0b3154), var(--c_app_06192d, #06192d));
  box-shadow: 0 28px 68px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.32), inset 0 1px rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.07);
}

.mission-card--compact .mission-card__media {
  position: relative;
  inset: auto;
  z-index: 1;
  grid-row: 1;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--c_app_071c43, #071c43);
}

.mission-card--compact .mission-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(0deg, rgb(var(--c_app_05162b-rgb, 5 22 43) / 0.54), transparent 42%),
    linear-gradient(125deg, rgb(var(--c_app_19daeb-rgb, 25 218 235) / 0.08), transparent 40%);
}

.mission-card--compact .mission-card__media picture,
.mission-card--compact .mission-card__media img {
  width: 100%;
  height: 100%;
  display: block;
}

.mission-card--compact .mission-card__media img {
  position: static;
  object-fit: cover;
  object-position: center 51%;
  transition: transform .5s ease;
}

.mission-card--compact:hover .mission-card__media img { transform: scale(1.018); }
.mission-card--compact .mission-card__shade { display: none; }

.mission-card__art-badge {
  position: absolute;
  z-index: 2;
  bottom: 14px;
  left: 14px;
  min-width: 132px;
  padding: 9px 11px;
  display: grid;
  gap: 4px;
  border: 1px solid rgb(var(--c_app_8eeffc-rgb, 142 239 252) / 0.39);
  border-radius: 12px;
  background: rgb(var(--c_app_051833-rgb, 5 24 51) / 0.76);
  color: var(--c_app_ffffff, #fff);
  box-shadow: 0 10px 26px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.25);
  backdrop-filter: blur(12px) saturate(125%);
}

.mission-card__art-badge small {
  color: var(--c_app_8ceefa, #8ceefa);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .1em;
}

.mission-card__art-badge strong {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 17px;
}

.mission-card__art-badge svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: var(--c_app_55e4f2, #55e4f2);
  stroke-width: 2;
}

.mission-card--compact .mission-card__content {
  position: relative;
  z-index: 2;
  grid-row: 2;
  width: 100%;
  height: auto;
  padding: 24px 25px 25px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  background:
    radial-gradient(circle at 100% 0, rgb(var(--c_app_2cd5ea-rgb, 44 213 234) / 0.14), transparent 35%),
    linear-gradient(145deg, var(--c_app_0b3153, #0b3153), var(--c_app_06192d, #06192d) 72%);
}

.mission-card--compact h2 { margin: 8px 0 9px; font-size: clamp(29px, 3vw, 37px); }
.mission-card--compact p:not(.section-kicker) { max-width: 540px; color: var(--c_app_c5dce8, #c5dce8); font-size: 14px; line-height: 1.5; }

.mission-card__facts {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.mission-card__facts span {
  min-height: 31px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgb(var(--c_app_70dced-rgb, 112 220 237) / 0.18);
  border-radius: 9px;
  background: rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.05);
  color: var(--c_app_afd0de, #afd0de);
  font-size: 10px;
  font-weight: 750;
}

.mission-card__facts svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: var(--c_app_4de0ec, #4de0ec);
  stroke-width: 2;
}

.mission-card--compact .mission-button {
  width: 100%;
  min-height: 52px;
  margin-top: 18px;
  border: 1px solid var(--c_app_8af2f8, #8af2f8);
  background: linear-gradient(135deg, var(--c_app_e9ffff, #e9ffff), var(--c_app_c7f8fb, #c7f8fb));
  color: var(--c_app_082742, #082742);
  box-shadow: 0 11px 28px rgb(var(--c_app_14cde2-rgb, 20 205 226) / 0.18);
}

.effect-card {
  border-color: var(--c_app_cfe5ed, #cfe5ed);
  box-shadow: 0 13px 32px rgb(var(--c_app_103d5b-rgb, 16 61 91) / 0.1);
}

.effect-card__media { aspect-ratio: 16 / 9; }
.effect-card__media::after { background: linear-gradient(0deg, rgb(var(--c_app_041322-rgb, 4 19 34) / 0.63), transparent 52%); }
.effect-card__media > img { object-position: center center; image-rendering: auto; }
.effect-card--phase .effect-card__media > img,
.effect-card--slow .effect-card__media > img,
.effect-card--revive .effect-card__media > img,
.effect-card--color-trap .effect-card__media > img,
.effect-card--speed-trap .effect-card__media > img,
.effect-card--controls-trap .effect-card__media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  filter: none;
  transform: none;
}

.effect-card--phase:hover .effect-card__media > img,
.effect-card--slow:hover .effect-card__media > img,
.effect-card--revive:hover .effect-card__media > img,
.effect-card--color-trap:hover .effect-card__media > img,
.effect-card--speed-trap:hover .effect-card__media > img,
.effect-card--controls-trap:hover .effect-card__media > img { transform: scale(1.035); }

.effect-card__live {
  position: absolute;
  z-index: 3;
  top: 9px;
  left: 9px;
  min-height: 25px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgb(var(--c_app_ffffff-rgb, 255 255 255) / 0.29);
  border-radius: 8px;
  background: rgb(var(--c_app_041a2d-rgb, 4 26 45) / 0.78);
  color: var(--c_app_eaffff, #eaffff);
  font-size: 8px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .07em;
  box-shadow: 0 7px 18px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.18);
  backdrop-filter: blur(8px);
}

.effect-card__live i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--c_app_5df1b8, #5df1b8);
  box-shadow: 0 0 0 4px rgb(var(--c_app_5df1b8-rgb, 93 241 184) / 0.12);
}

.effect-guide--trap .effect-card__live i { background: var(--c_app_ff7888, #ff7888); box-shadow: 0 0 0 4px rgb(var(--c_app_ff7888-rgb, 255 120 136) / 0.12); }
.effect-card__copy { min-height: 148px; }

.track-manuals {
  margin-top: 30px;
  padding-top: 29px;
  display: grid;
  gap: 18px;
  border-top: 1px solid var(--c_app_d7e8ef, #d7e8ef);
}

.track-manual {
  --manual-accent: var(--c_app_13b8d9, #13b8d9);
  --manual-soft: var(--c_app_e4faff, #e4faff);
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
  border: 1px solid var(--c_app_d8e8ef, #d8e8ef);
  border-radius: 22px;
  background: var(--c_app_ffffff, #fff);
  box-shadow: 0 18px 45px rgb(var(--c_app_13405c-rgb, 19 64 92) / 0.09);
}

.track-manual--hazards { --manual-accent: var(--c_app_e44e5c, #e44e5c); --manual-soft: var(--c_app_fff0f1, #fff0f1); }
.track-manual--mechanics { --manual-accent: var(--c_app_7166dc, #7166dc); --manual-soft: var(--c_app_efedff, #efedff); }

.track-manual__visual {
  position: relative;
  min-height: 350px;
  overflow: hidden;
  background: var(--c_app_082039, #082039);
}

.track-manual__visual picture,
.track-manual__visual img { width: 100%; height: 100%; display: block; }
.track-manual__visual img { object-fit: cover; object-position: center; }
.track-manual__visual--course img { object-position: 59% center; }
.track-manual__visual--mechanics img { object-position: 38% center; }

.track-manual__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, rgb(var(--c_app_031224-rgb, 3 18 36) / 0.55), transparent 52%);
}

.track-manual__visual-badge {
  position: absolute;
  z-index: 2;
  top: 15px;
  left: 15px;
  min-height: 34px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgb(var(--c_app_90effb-rgb, 144 239 251) / 0.39);
  border-radius: 10px;
  background: rgb(var(--c_app_041c34-rgb, 4 28 52) / 0.78);
  color: var(--c_app_9af5ff, #9af5ff);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .09em;
  box-shadow: 0 10px 25px rgb(var(--c_app_000000-rgb, 0 0 0) / 0.25);
  backdrop-filter: blur(10px);
}

.track-manual__visual-badge svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.track-manual__visual-badge--danger { border-color: rgb(var(--c_app_ff9fa8-rgb, 255 159 168) / 0.43); color: var(--c_app_ffc0c6, #ffc0c6); }
.track-manual__visual-badge--mechanics { border-color: rgb(var(--c_app_c3bbff-rgb, 195 187 255) / 0.42); color: var(--c_app_d7d1ff, #d7d1ff); }

.track-manual__content { min-width: 0; padding: 24px; }
.track-manual__header { display: flex; align-items: flex-start; gap: 14px; }

.track-manual__header > span {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--manual-soft);
  color: var(--manual-accent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--manual-accent) 12%, transparent);
}

.track-manual__header svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.track-manual__header small { color: var(--manual-accent); font-size: 9px; font-weight: 950; letter-spacing: .12em; }
.track-manual__header h3 { margin: 3px 0 5px; color: var(--c_app_16354f, #16354f); font-size: 23px; letter-spacing: -.035em; }
.track-manual__header p { margin: 0; color: var(--c_app_6b8091, #6b8091); font-size: 12px; line-height: 1.48; }

.guide-info-grid {
  margin-top: 19px;
  display: grid;
  gap: 8px;
}

.guide-info-grid--three { grid-template-columns: 1fr; }
.guide-info-grid--hazards { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.guide-info-card {
  min-width: 0;
  padding: 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid var(--c_app_e1ebf0, #e1ebf0);
  border-radius: 13px;
  background: var(--c_app_f9fcfd, #f9fcfd);
}

.guide-info-card > span {
  width: 37px;
  height: 37px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: var(--manual-soft);
  color: var(--manual-accent);
}

.guide-info-card > span svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.guide-info-card__art { width: 54px; height: 54px; flex: 0 0 auto; object-fit: cover; border-radius: 11px; box-shadow: inset 0 0 0 1px rgb(var(--c_app_0e405b-rgb, 14 64 91) / 0.08); }
.guide-info-card small { color: var(--c_app_91a1ae, #91a1ae); font-size: 7px; font-weight: 950; letter-spacing: .1em; }
.guide-info-card h4 { margin: 2px 0 3px; color: var(--c_app_1d3b54, #1d3b54); font-size: 13px; }
.guide-info-card p { margin: 0; color: var(--c_app_6e8292, #6e8292); font-size: 10px; line-height: 1.42; }
.guide-info-card--coin > span { background: var(--c_app_fff4ce, #fff4ce); color: var(--c_app_c48704, #c48704); }
.guide-info-card--diamond > span { background: var(--c_app_e1faff, #e1faff); color: var(--c_app_049ec7, #049ec7); }
.guide-info-card--box > span { background: var(--c_app_f0eaff, #f0eaff); color: var(--c_app_7149ca, #7149ca); }
.guide-info-card--fatal { border-color: var(--c_app_ffd6d9, #ffd6d9); background: var(--c_app_fff7f7, #fff7f7); }

.guide-tip {
  margin-top: 12px;
  padding: 11px 12px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  border: 1px solid var(--c_app_dfeaf0, #dfeaf0);
  border-radius: 12px;
  background: var(--c_app_f5fafc, #f5fafc);
  color: var(--c_app_567083, #567083);
}

.guide-tip svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: var(--manual-accent); stroke-width: 1.9; }
.guide-tip p { margin: 0; font-size: 10px; line-height: 1.45; }
.guide-tip strong { color: var(--c_app_29475e, #29475e); }
.guide-tip--danger { border-color: var(--c_app_ffd9dc, #ffd9dc); background: var(--c_app_fff7f8, #fff7f8); }

.mechanics-flow {
  margin: 19px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
  list-style: none;
}

.mechanics-flow li {
  min-width: 0;
  padding: 10px;
  display: grid;
  grid-template-columns: 30px 38px 1fr 58px;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--c_app_e1e9f2, #e1e9f2);
  border-radius: 13px;
  background: var(--c_app_fafbff, #fafbff);
}

.mechanics-flow li > b { color: var(--c_app_8b84df, #8b84df); font-size: 9px; letter-spacing: .08em; }
.mechanics-flow li > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--c_app_efedff, #efedff); color: var(--c_app_6b5ed4, #6b5ed4); }
.mechanics-flow__art { width: 58px; height: 44px; object-fit: cover; border-radius: 9px; }
.mechanics-flow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.mechanics-flow h4 { margin: 0 0 3px; color: var(--c_app_213d55, #213d55); font-size: 12px; }
.mechanics-flow p { margin: 0; color: var(--c_app_718494, #718494); font-size: 10px; line-height: 1.4; }

@media (max-width: 880px) {
  .track-manual { grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); }
  .track-manual__content { padding: 20px; }
  .guide-info-grid--hazards { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .diamond-balance { min-width: 94px; min-height: 46px; padding: 5px 9px 5px 5px; }
  .diamond-balance > .account-icon { width: 32px; height: 32px; }
  .diamond-balance__copy small { display: block; font-size: 7px; }
  .diamond-balance__copy strong { font-size: 15px; }

  .mission-card--compact { border-radius: 21px; }
  .mission-card--compact .mission-card__media { aspect-ratio: 16 / 9; }
  .mission-card--compact .mission-card__media img { position: static; object-position: center; }
  .mission-card__art-badge { bottom: 11px; left: 11px; min-width: 118px; padding: 8px 9px; backdrop-filter: none; }
  .mission-card--compact .mission-card__content { width: 100%; padding: 20px 18px 19px; }
  .mission-card--compact h2 { margin-block: 7px 8px; font-size: 29px; }
  .mission-card--compact p:not(.section-kicker) { font-size: 13px; }
  .mission-card__facts { margin-top: 13px; }
  .mission-card--compact .mission-button { min-height: 49px; margin-top: 15px; }

  .power-guide { padding-inline: 13px; }
  .effect-card { width: min(82vw, 310px); flex-basis: min(82vw, 310px); }
  .effect-card__copy { min-height: 142px; }
  .effect-card__live { backdrop-filter: none; }

  .track-manuals { margin-top: 22px; padding-top: 22px; gap: 14px; }
  .track-manual { grid-template-columns: 1fr; border-radius: 18px; }
  .track-manual__visual { min-height: 0; aspect-ratio: 16 / 9; }
  .track-manual__visual--course img { object-position: 58% center; }
  .track-manual__visual--mechanics img { object-position: 35% center; }
  .track-manual__visual-badge { top: 10px; left: 10px; min-height: 30px; padding-inline: 9px; font-size: 8px; backdrop-filter: none; }
  .track-manual__content { padding: 17px 15px 16px; }
  .track-manual__header { gap: 11px; }
  .track-manual__header > span { width: 43px; height: 43px; border-radius: 12px; }
  .track-manual__header h3 { font-size: 21px; }
  .track-manual__header p { font-size: 11px; }
  .guide-info-grid--hazards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guide-info-card { padding: 9px; }
  .guide-info-card p { font-size: 9px; }
  .mechanics-flow li { grid-template-columns: 27px 36px 1fr; gap: 8px; padding: 9px; }
  .mechanics-flow__art { display: none; }
}

@media (max-width: 430px) {
  .portal-topbar { padding-inline: 10px; }
  .topbar-account { gap: 5px; }
  .diamond-balance { min-width: 91px; padding-right: 7px; }
  .diamond-balance > .account-icon { width: 31px; height: 31px; display: grid; }
  .portal-topbar .balance-pill { min-width: 108px; }
  .guide-info-grid--hazards { grid-template-columns: 1fr; }
  .effect-card__live { min-height: 23px; font-size: 7px; }
}

@media (max-width: 355px) {
  .diamond-balance { min-width: 75px; gap: 5px; }
  .diamond-balance > .account-icon { width: 27px; height: 27px; display: grid; }
  .diamond-balance__copy small { font-size: 6px; letter-spacing: .06em; }
  .diamond-balance__copy strong { font-size: 13px; }
  .portal-topbar .balance-pill { min-width: 94px; }
  .mission-card__facts { display: grid; grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .mission-card--compact .mission-card__media img { transition: none; }
}

/* PINGUIM SURF identity and authenticated-session status */
.portal-topbar .brand .brand__lockup {
  width: 172px;
  height: auto;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgb(var(--c_app_2dd3f4-rgb, 45 211 244) / 0.2));
  box-shadow: none;
}
.portal-topbar .brand .brand__symbol { display: none; }
.site-footer img { width: 132px; height: auto; border-radius: 0; object-fit: contain; }
.payment-status-banner { border-color: rgb(var(--c_app_f9c146-rgb, 249 193 70) / 0.3); background: var(--c_app_fffaf0, #fffaf0); }
.payment-status-banner > span { background: var(--c_app_fff0c5, #fff0c5); color: var(--c_app_ad7200, #ad7200); }
.session-warning {
  position: fixed;
  z-index: 4000;
  right: 18px;
  bottom: calc(86px + env(safe-area-inset-bottom));
  width: min(360px, calc(100% - 36px));
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 12px;
  border: 1px solid rgb(var(--c_app_ffc359-rgb, 255 195 89) / 0.4);
  border-radius: 17px;
  background: rgb(var(--c_app_071a2d-rgb, 7 26 45) / 0.96);
  color: var(--c_app_ffffff, #fff);
  box-shadow: 0 18px 46px rgb(var(--c_app_000d1e-rgb, 0 13 30) / 0.35);
}
.session-warning strong { font-size: 13px; }
.session-warning span { grid-column: 1; color: var(--c_app_a9bdca, #a9bdca); font-size: 11px; }
.session-warning button { grid-column: 2; grid-row: 1 / span 2; border: 0; border-radius: 11px; background: var(--c_app_37d8f3, #37d8f3); color: var(--c_app_042239, #042239); font-size: 11px; font-weight: 900; cursor: pointer; }

.platform-promotion {
  margin-top: 18px;
  padding: 15px 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  border: 1px solid rgb(var(--c_app_39daf4-rgb, 57 218 244) / 0.32);
  border-radius: 18px;
  background: linear-gradient(105deg, rgb(var(--c_app_0a304b-rgb, 10 48 75) / 0.96), rgb(var(--c_app_071f35-rgb, 7 31 53) / 0.96));
  color: var(--c_app_ffffff, #fff);
  box-shadow: 0 18px 44px rgb(var(--c_app_000a1c-rgb, 0 10 28) / 0.22);
}
.platform-promotion > span { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg, var(--c_app_48e4f7, #48e4f7), var(--c_app_13a5dc, #13a5dc)); color: var(--c_app_04243b, #04243b); font-size: 18px; }
.platform-promotion small, .platform-promotion strong { display: block; }
.platform-promotion small { color: var(--c_app_66e6f8, #66e6f8); font-size: 8px; font-weight: 950; letter-spacing: .14em; }
.platform-promotion strong { margin-top: 3px; font-size: 13px; line-height: 1.4; }
.configured-popup .configured-popup__icon { width: 74px; height: 74px; margin: 4px auto 16px; display: grid; place-items: center; border: 1px solid rgb(var(--c_app_39daf4-rgb, 57 218 244) / 0.3); border-radius: 23px; background: linear-gradient(145deg, rgb(var(--c_app_37daf4-rgb, 55 218 244) / 0.22), rgb(var(--c_app_0f5987-rgb, 15 89 135) / 0.16)); font-size: 38px; box-shadow: 0 18px 40px rgb(var(--c_app_0f9bce-rgb, 15 155 206) / 0.15); }
.configured-popup__image { width: 100%; max-height: 210px; margin: 4px 0 16px; display: block; object-fit: cover; border-radius: 18px; }
.modal-media-banner { margin: 0 23px 16px; height: 132px; overflow: hidden; border-radius: 17px; background: var(--c_app_eaf4f8, #eaf4f8); }
.modal-media-banner img { width: 100%; height: 100%; display: block; object-fit: cover; }
.game-menu-card__media { width: calc(100% + 64px); height: 108px; margin: -30px -32px 18px; display: block; object-fit: cover; border-radius: 23px 23px 0 0; }
.configured-popup .modal__lead { white-space: pre-line; text-align: center; }

@media (max-width: 760px) {
  .portal-topbar .brand .brand__lockup { display: none; }
  .portal-topbar .brand .brand__symbol { width: 43px; height: 43px; display: block; border-radius: 50%; object-fit: contain; }
  .platform-promotion { margin-top: 12px; padding: 12px 13px; border-radius: 15px; }
}
.session-pending body {
  visibility: hidden;
}

/* Atendimento interno do jogador */
.drawer--support { width: min(760px, 100vw); background: var(--c_app_f4fbff, #f4fbff); }
.player-support-hero { position: relative; overflow: hidden; padding-bottom: 26px; background: radial-gradient(circle at 82% 14%, rgb(var(--c_app_38e1f6-rgb, 56 225 246) / 0.28), transparent 32%), linear-gradient(145deg, var(--c_app_031c35, #031c35), var(--c_app_06365a, #06365a) 62%, var(--c_app_075b78, #075b78)); }
.player-support-hero::after { content: ""; position: absolute; right: -34px; bottom: -78px; width: 210px; height: 210px; border: 1px solid rgb(var(--c_app_75efff-rgb, 117 239 255) / 0.18); border-radius: 50%; box-shadow: 0 0 0 25px rgb(var(--c_app_75efff-rgb, 117 239 255) / 0.05), 0 0 0 52px rgb(var(--c_app_75efff-rgb, 117 239 255) / 0.03); }
.player-support-hero__icon { position: relative; z-index: 1; width: 50px; height: 50px; margin-top: 12px; display: grid; place-items: center; border: 1px solid rgb(var(--c_app_8aedff-rgb, 138 237 255) / 0.38); border-radius: 16px; background: rgb(var(--c_app_2acdeb-rgb, 42 205 235) / 0.14); color: var(--c_app_7defff, #7defff); font-size: 24px; font-weight: 950; }
.player-support-hero > p, .player-support-hero > h2 { position: relative; z-index: 1; }
.player-support-body { padding-bottom: calc(28px + env(safe-area-inset-bottom)); }
.player-support-channels { margin-top: 14px; display: grid; gap: 7px; }
.player-support-channels > small { color: var(--c_app_7390a1, #7390a1); font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.player-support-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.player-support-toolbar strong { color: var(--c_app_0a2c4b, #0a2c4b); font-size: 13px; }
.player-support-toolbar button { min-height: 35px; padding: 0 12px; border: 1px solid var(--c_app_b9deea, #b9deea); border-radius: 11px; background: var(--c_app_ffffff, #fff); color: var(--c_app_087a9d, #087a9d); font-size: 10px; font-weight: 900; cursor: pointer; }
.player-support-list { margin: 12px 0 17px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.player-support-ticket { position: relative; min-width: 0; padding: 12px; display: grid; gap: 6px; border: 1px solid var(--c_app_d6e7ee, #d6e7ee); border-radius: 15px; background: var(--c_app_ffffff, #fff); color: var(--c_app_173a55, #173a55); text-align: left; box-shadow: 0 8px 24px rgb(var(--c_app_093f5d-rgb, 9 63 93) / 0.05); cursor: pointer; }
.player-support-ticket.is-active { border-color: var(--c_app_25c8e5, #25c8e5); background: linear-gradient(145deg, var(--c_app_f1fdff, #f1fdff), var(--c_app_ffffff, #fff)); box-shadow: 0 10px 28px rgb(var(--c_app_11accf-rgb, 17 172 207) / 0.12); }
.player-support-ticket > span { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.player-support-ticket strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.player-support-ticket small { overflow: hidden; color: var(--c_app_6b8293, #6b8293); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.player-support-ticket time { color: var(--c_app_93a6b2, #93a6b2); font-size: 8px; }
.player-support-ticket > i { position: absolute; top: -6px; right: -5px; min-width: 21px; height: 21px; padding: 0 5px; display: grid; place-items: center; border: 2px solid var(--c_app_f4fbff, #f4fbff); border-radius: 999px; background: var(--c_app_ffb629, #ffb629); color: var(--c_app_162b3a, #162b3a); font-size: 9px; font-style: normal; font-weight: 950; }
.player-support-status { flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; background: var(--c_app_e6f9fd, #e6f9fd); color: var(--c_app_087b9d, #087b9d); font-size: 7px; font-weight: 950; letter-spacing: .04em; text-transform: uppercase; }
.player-support-status--in_progress { background: var(--c_app_eee9ff, #eee9ff); color: var(--c_app_6549b8, #6549b8); }
.player-support-status--closed { background: var(--c_app_edf1f4, #edf1f4); color: var(--c_app_657584, #657584); }
.player-support-conversation, .player-support-new { overflow: hidden; border: 1px solid var(--c_app_d5e8ef, #d5e8ef); border-radius: 19px; background: var(--c_app_ffffff, #fff); box-shadow: 0 16px 38px rgb(var(--c_app_043958-rgb, 4 57 88) / 0.08); }
.player-support-conversation > header { padding: 16px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--c_app_e1edf2, #e1edf2); background: linear-gradient(145deg, var(--c_app_f6fdff, #f6fdff), var(--c_app_ffffff, #fff)); }
.support-kicker { color: var(--c_app_12a8cb, #12a8cb); font-size: 8px; font-weight: 950; letter-spacing: .13em; }
.player-support-conversation h3, .player-support-new h3 { margin: 4px 0 0; color: var(--c_app_092b48, #092b48); font-size: 20px; }
.player-support-messages { max-height: 390px; padding: 16px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; background: linear-gradient(var(--c_app_f4fafc, #f4fafc), var(--c_app_f9fdfe, #f9fdfe)); }
.player-support-message { width: min(82%, 470px); padding: 11px 12px; border: 1px solid var(--c_app_dae8ed, #dae8ed); border-radius: 14px 14px 14px 4px; background: var(--c_app_ffffff, #fff); color: var(--c_app_173a55, #173a55); box-shadow: 0 5px 14px rgb(var(--c_app_083d59-rgb, 8 61 89) / 0.05); }
.player-support-message--player { align-self: flex-end; border-color: var(--c_app_aeeaf3, #aeeaf3); border-radius: 14px 14px 4px 14px; background: var(--c_app_eafcff, #eafcff); }
.player-support-message > div { display: flex; justify-content: space-between; gap: 8px; }
.player-support-message strong { color: var(--c_app_0b91af, #0b91af); font-size: 9px; }
.player-support-message time { color: var(--c_app_91a3af, #91a3af); font-size: 8px; }
.player-support-message p { margin: 6px 0 0; font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
.player-support-composer { padding: 14px; border-top: 1px solid var(--c_app_deebf0, #deebf0); }
.player-support-composer label, .player-support-new label { display: grid; gap: 6px; color: var(--c_app_536e81, #536e81); font-size: 9px; font-weight: 900; }
.player-support-composer textarea, .player-support-new input, .player-support-new textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--c_app_cbdfe7, #cbdfe7); border-radius: 12px; outline: none; background: var(--c_app_f9fcfd, #f9fcfd); color: var(--c_app_153951, #153951); font: inherit; resize: vertical; }
.player-support-composer textarea:focus, .player-support-new input:focus, .player-support-new textarea:focus { border-color: var(--c_app_29c9e5, #29c9e5); box-shadow: 0 0 0 3px rgb(var(--c_app_29c9e5-rgb, 41 201 229) / 0.12); }
.player-support-composer .action-button { min-height: 45px; margin-top: 9px; }
.player-support-new { padding: 18px; display: grid; gap: 13px; }
.player-support-new > p { margin: 0; color: var(--c_app_6b8293, #6b8293); font-size: 11px; line-height: 1.5; }
.player-support-empty { grid-column: 1 / -1; padding: 24px; display: grid; place-items: center; gap: 5px; border: 1px dashed var(--c_app_c5e1ea, #c5e1ea); border-radius: 16px; color: var(--c_app_6f8797, #6f8797); text-align: center; }
.player-support-empty > span { color: var(--c_app_1bc4e1, #1bc4e1); font-size: 24px; }
.player-support-empty strong { color: var(--c_app_163a55, #163a55); font-size: 12px; }
.player-support-empty p { margin: 0; font-size: 10px; }
.player-support-closed { margin: 14px; padding: 13px; display: grid; gap: 3px; border: 1px solid var(--c_app_d7e3e8, #d7e3e8); border-radius: 12px; background: var(--c_app_f3f7f9, #f3f7f9); color: var(--c_app_6b7c88, #6b7c88); text-align: center; }
.player-support-closed strong { color: var(--c_app_314e61, #314e61); font-size: 11px; }
.player-support-closed span { font-size: 9px; }
.player-support-fallback { margin-top: 14px; display: block; color: var(--c_app_52788e, #52788e); font-size: 9px; font-weight: 800; text-align: center; text-decoration: none; }
.player-support-loading { min-height: 180px; display: grid; place-items: center; align-content: center; gap: 12px; color: var(--c_app_52788e, #52788e); font-size: 10px; font-weight: 850; }
.player-support-loading i { width: 30px; height: 30px; border: 3px solid var(--c_app_cfebf2, #cfebf2); border-top-color: var(--c_app_1fc5e2, #1fc5e2); border-radius: 50%; animation: support-spin .8s linear infinite; }
@keyframes support-spin { to { transform: rotate(360deg); } }

/* Affiliate opt-in: compact, independent of game/financial controls. */
.referral-push { margin-top: 24px; padding: 22px; border: 1px solid var(--c_app_bce5ee, #bce5ee); border-radius: 20px; background: linear-gradient(120deg, var(--c_app_edfbff, #edfbff), var(--c_app_f9fdff, #f9fdff)); color: var(--c_app_133a54, #133a54); }
.referral-push [hidden] { display: none !important; }
.referral-push-heading { display: flex; align-items: flex-start; gap: 14px; }
.referral-push-icon { display: grid; place-items: center; flex: 0 0 46px; height: 46px; border-radius: 14px; background: var(--c_app_d0f3fa, #d0f3fa); color: var(--c_app_0687a5, #0687a5); }
.referral-push-icon svg { width: 25px; height: 25px; }
.referral-push h3 { margin: 0 0 6px; font-size: 1.15rem; color: var(--c_app_133a54, #133a54); }
.referral-push p { margin: 0; font-size: .95rem; line-height: 1.55; color: var(--c_app_567386, #567386); }
.referral-push-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.referral-push-options label { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--c_app_d2e8ee, #d2e8ee); border-radius: 14px; background: var(--c_app_ffffff, #fff); cursor: pointer; }
.referral-push-options input { width: 22px; height: 22px; flex: 0 0 22px; accent-color: var(--c_app_069fc4, #069fc4); }
.referral-push-options strong { display: block; font-size: .95rem; }
.referral-push small { display: block; margin-top: 5px; font-size: .875rem; line-height: 1.5; color: var(--c_app_617d8e, #617d8e); }
.referral-push-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.referral-push-actions button { min-height: 44px; font-size: .9rem; }
.referral-push-disable { padding: 10px 12px; border: 0; background: transparent; color: var(--c_app_476b80, #476b80); text-decoration: underline; cursor: pointer; }
.referral-push .referral-push-note { margin-top: 14px; font-size: .875rem; }
.referral-push-install { padding: 16px; margin: 12px 0; border: 1px solid var(--c_app_adcfdf, #adcfdf); border-radius: 14px; background: var(--c_app_ffffff, white); font-size: .95rem; }
.referral-push-install ol { margin: 10px 0; padding-left: 22px; line-height: 1.7; }
.referral-push button:focus-visible,.referral-push input:focus-visible { outline: 3px solid var(--c_app_0eaccf, #0eaccf); outline-offset: 3px; }
.referral-push[data-active="true"] .referral-push-icon { color: var(--c_app_067861, #067861); background: var(--c_app_cefae9, #cefae9); }
@media(max-width:600px) { .referral-push { padding: 16px; } .referral-push-options { grid-template-columns: 1fr; } .referral-push-actions { align-items: stretch; flex-direction: column; } }

@media (max-width: 600px) {
  .player-support-list { grid-template-columns: 1fr; }
  .player-support-messages { max-height: 330px; }
  .player-support-message { width: 90%; }
}

@media (prefers-reduced-motion: reduce) {
  .player-support-loading i { animation: none; }
}

/* Affiliate-owned campaign settings remain scoped to the referral panel. */
.referral-pixel { padding: 24px; margin: 24px 0; border: 1px solid var(--c_app_bcdde9, #bcdde9); border-radius: 22px; background: linear-gradient(125deg, var(--c_app_f1fcff, #f1fcff), var(--c_app_ffffff, #fff) 65%); color: var(--c_app_193c55, #193c55); }
.referral-pixel-heading { display: flex; align-items: flex-start; gap: 14px; }
.referral-pixel-heading h3 { margin: 3px 0 5px; font-size: 21px; }
.referral-pixel-heading p { margin: 0; color: var(--c_app_657e91, #657e91); font-size: 13px; line-height: 1.6; }
.referral-pixel-icon { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border-radius: 14px; background: var(--c_app_dcf5fc, #dcf5fc); color: var(--c_app_028ba9, #028ba9); }
.referral-pixel-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.referral-pixel-badge { margin-left: auto; border: 1px solid var(--c_app_c0dfe9, #c0dfe9); border-radius: 99px; padding: 7px 10px; color: var(--c_app_367285, #367285); background: var(--c_app_eaf9fc, #eaf9fc); font-size: 11px; font-weight: 800; white-space: nowrap; }
.referral-pixel-fields { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 18px; margin-top: 22px; align-items: center; }
.referral-pixel-fields > label:first-child { display: grid; gap: 8px; font-size: 13px; font-weight: 800; }
.referral-pixel-fields input[type="text"] { width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid var(--c_app_bcd4e0, #bcd4e0); border-radius: 12px; padding: 14px; background: var(--c_app_ffffff, #fff); color: var(--c_app_163e59, #163e59); font: inherit; font-size: 16px; font-weight: 500; }
.referral-pixel-fields small { display: block; font-size: 11px; line-height: 1.6; font-weight: 400; color: var(--c_app_627c91, #627c91); }
.referral-pixel-toggle { display: flex; align-items: center; gap: 11px; border: 1px solid var(--c_app_c4e2eb, #c4e2eb); border-radius: 12px; padding: 16px; background: var(--c_app_f3fbfe, #f3fbfe); font-size: 13px; cursor: pointer; }
.referral-pixel-toggle input[type="checkbox"] { width: 20px; height: 20px; margin: 0; flex-shrink: 0; accent-color: var(--c_app_029ebd, #029ebd); }
.referral-pixel-events { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
.referral-pixel-events > span { padding: 9px 12px; border: 1px solid var(--c_app_d9e9f0, #d9e9f0); border-radius: 10px; background: var(--c_app_ffffff, #fff); font-size: 12px; }
.referral-pixel-events code { display: block; color: var(--c_app_167d9c, #167d9c); font-size: 10px; margin-top: 3px; }
.referral-pixel-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.referral-pixel .referral-button--outline { background: transparent; border: 1px solid var(--c_app_add4e3, #add4e3); color: var(--c_app_276079, #276079); box-shadow: none; }
.referral-pixel-status { padding: 12px 14px; background: var(--c_app_eaf6fa, #eaf6fa); border-radius: 12px; font-size: 12px; line-height: 1.65; margin: 16px 0 10px; overflow-wrap: anywhere; }
.referral-pixel-note { font-size: 11px; line-height: 1.7; color: var(--c_app_637b8c, #637b8c); margin: 0; }
.referral-pixel :disabled { opacity: .55; cursor: wait; }
.referral-pixel :focus-visible { outline: 3px solid var(--c_app_07afd4, #07afd4); outline-offset: 3px; }
@media (max-width: 600px) {
  .referral-pixel { padding: 18px; }
  .referral-pixel-heading { flex-wrap: wrap; }
  .referral-pixel-heading > div { flex: 1; min-width: 170px; }
  .referral-pixel-badge { margin-left: 58px; }
  .referral-pixel-fields { grid-template-columns: 1fr; }
  .referral-pixel-actions > button { width: 100%; }
}