/* PIVNIK RED COSMOS v2.0
   Platform-neutral final visual layer for VK and Telegram. */
:root {
  --primary-red: #c41e3a;
  --dark-red: #8b0000;
  --cosmic-purple: #4a0d3a;
  --cosmic-dark: #0d0002;
  --gold-accent: #ffd700;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --border-color: var(--primary-red);
  --button-bg: var(--dark-red);
  --button-hover: var(--primary-red);
  --bg: #0d0002 !important;
  --header: #16030e !important;
  --surface: rgba(28, 5, 18, .94) !important;
  --card: rgba(38, 7, 25, .90) !important;
  --text: var(--text-primary) !important;
  --muted: #c7b9c3 !important;
  --gold: var(--primary-red) !important;
  --gold2: #f06a82 !important;
  --theme-color: var(--primary-red) !important;
  --panel-bg: rgba(13, 0, 2, .95) !important;
}
html, body, .app-shell, main {
  background: linear-gradient(135deg,#0d0002 0%,#2a0a1f 25%,#4a0d3a 50%,#2a0a1f 75%,#0d0002 100%) !important;
  background-attachment: fixed !important;
  background-size: 400% 400% !important;
  animation: cosmicShift 15s ease infinite !important;
}
html, body { min-height: 100%; color: var(--text-primary) !important; }
body { position: relative; isolation: isolate; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.70) 0 1px,transparent 1.5px),radial-gradient(circle at 82% 14%,rgba(255,210,220,.55) 0 1px,transparent 1.4px),radial-gradient(circle at 68% 70%,rgba(255,255,255,.42) 0 1px,transparent 1.5px),radial-gradient(circle at 24% 76%,rgba(255,104,135,.45) 0 1px,transparent 1.6px),radial-gradient(ellipse at 78% 25%,rgba(196,30,58,.26),transparent 38%),radial-gradient(ellipse at 18% 70%,rgba(96,12,84,.32),transparent 42%); background-size:139px 139px,181px 181px,223px 223px,167px 167px,auto,auto; opacity:.72; }
body::after { content:""; position:fixed; inset:-25%; z-index:-1; pointer-events:none; background:conic-gradient(from 215deg at 63% 36%,transparent 0 30%,rgba(255,48,91,.10) 36%,transparent 43% 100%),radial-gradient(ellipse at 50% 52%,transparent 0 42%,rgba(105,4,55,.15) 58%,transparent 75%); filter:blur(24px); animation:cosmosNebula 20s ease-in-out infinite alternate; }
@keyframes cosmicShift { 0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%} }
@keyframes cosmosNebula { from{transform:translate3d(-2%,-1%,0) scale(1);opacity:.55}to{transform:translate3d(3%,2%,0) scale(1.05);opacity:.90} }
@media (prefers-reduced-motion:reduce){html,body,.app-shell,main,body::after{animation:none!important}}
.app-shell { --background:unset!important; --bg-primary:unset!important; --palette-bg-1:unset!important; }
.platform-vk,.platform-telegram,html.platform-vk,html.platform-telegram { --theme-color:var(--primary-red)!important; --panel-bg:rgba(13,0,2,.95)!important; }
.topbar,.bottom-nav { background:rgba(13,0,2,.82)!important; border-color:rgba(196,30,58,.24)!important; backdrop-filter:blur(18px) saturate(1.2); }
.vip-glass-card,.hero-card,.card,.modal-sheet,.profile-identity-card,.profile-history-card,.league-summary,.wheel-control-card,.admin-card,.admin-preview-card,.shift-admin-card { background:linear-gradient(145deg,rgba(47,8,31,.90),rgba(13,0,2,.92))!important; border-color:rgba(196,30,58,.30)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.26)!important; }
.primary,.buy-button,.v2-back-button { background:linear-gradient(135deg,var(--primary-red),var(--dark-red))!important; border-color:rgba(255,215,0,.50)!important; color:#fff!important; }
.achievement-tile.locked,.achievement-card.locked { background:linear-gradient(135deg,#38383d,#242428)!important; border-color:rgba(180,180,186,.24)!important; box-shadow:none!important; filter:grayscale(1) saturate(.05)!important; opacity:.64!important; }
.achievement-tile.locked .achievement-tile-icon,.achievement-tile.locked .achievement-state,.achievement-tile.locked b,.achievement-tile.locked strong,.achievement-card.locked * { color:#b7b7bd!important; }
.achievement-tile.locked .achievement-progress>i,.achievement-card.locked .progress-fill { background:#7a7a80!important; }
.achievement-tile.earned,.achievement-card.granted { background:linear-gradient(135deg,rgba(105,75,0,.94),rgba(255,215,0,.22))!important; border:1px solid rgba(255,215,0,.75)!important; box-shadow:0 0 22px rgba(255,215,0,.24),inset 0 1px 0 rgba(255,255,255,.10)!important; filter:none!important; opacity:1!important; }
.achievement-tile.earned .achievement-state,.achievement-tile.earned strong,.achievement-card.granted .progress-text { color:#ffe77c!important; }
.achievement-tile.earned .achievement-progress>i,.achievement-card.granted .progress-fill { background:linear-gradient(90deg,#d8a800,#ffd700,#fff2a0)!important; }
.shop-category-grid,.red-cosmos-shop-grid { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important; gap:14px!important; }
.shop-list-card,.red-cosmos-shop-card { position:relative; overflow:hidden; border:1px solid rgba(196,30,58,.34)!important; border-radius:16px!important; background:rgba(13,0,2,.82)!important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.shop-list-card:hover,.red-cosmos-shop-card:hover { border-color:var(--primary-red)!important; box-shadow:0 0 22px rgba(196,30,58,.26)!important; transform:translateY(-2px); }
.shop-list-card.v2-premium,.red-cosmos-shop-card.v2-premium { border:2px solid rgba(255,215,0,.80)!important; background:linear-gradient(145deg,rgba(95,57,0,.30),rgba(61,4,26,.60))!important; box-shadow:0 0 26px rgba(255,215,0,.16)!important; }
.shop-list-media,.red-cosmos-shop-image { width:100%!important; min-height:160px!important; aspect-ratio:1/1!important; background:linear-gradient(135deg,#2a0a1f,#0d0002)!important; overflow:hidden; }
.shop-list-media img,.red-cosmos-shop-image img,img.shop-list-media { width:100%!important; height:100%!important; object-fit:contain!important; }
.v2-premium-badge { position:absolute; top:10px; right:10px; z-index:2; padding:5px 8px; border-radius:999px; background:#ffd700; color:#160b00; font-size:10px; font-weight:900; letter-spacing:.04em; }
.v2-owned-button,.v2-owned-button:disabled { background:#38383d!important; border-color:#666!important; color:#c6c6ca!important; cursor:default!important; opacity:.85!important; }
.v2-back-button,.v2-modal-back,#wheelBackButton.v2-back-button,#backToProfileFromAdmin.v2-back-button,#backToProfileFromStaff.v2-back-button { position:static!important; inset:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-height:46px!important; min-width:118px!important; padding:11px 16px!important; margin:max(8px,env(safe-area-inset-top)) 0 14px!important; border:2px solid rgba(255,215,0,.55)!important; border-radius:12px!important; color:#fff!important; font-size:15px!important; font-weight:850!important; line-height:1!important; z-index:4; }
.v2-back-button:active,.v2-modal-back:active { transform:scale(.97); }
.wheel-page-head { display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; align-items:center!important; gap:12px!important; }
.wheel-page-head .v2-back-button { margin-top:0!important; margin-bottom:0!important; }
.wheel-head-spacer { display:none!important; }
.modal-sheet>.v2-modal-back { align-self:flex-start; }
.red-cosmos-admin-tabs { position:sticky; top:max(0px,env(safe-area-inset-top)); z-index:20; display:flex; gap:8px; overflow-x:auto; padding:8px 2px 12px; margin-bottom:12px; scrollbar-width:none; background:linear-gradient(180deg,rgba(13,0,2,.98),rgba(13,0,2,.88),transparent); }
.red-cosmos-admin-tabs::-webkit-scrollbar{display:none}.red-cosmos-admin-tab{flex:0 0 auto;min-height:40px;padding:8px 12px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.04);color:#cfc2c8;font-weight:780}.red-cosmos-admin-tab.active{color:#fff;background:rgba(196,30,58,.30);border-color:rgba(255,73,108,.58)}[data-red-cosmos-admin-panel].red-cosmos-admin-hidden{display:none!important}
.red-cosmos-platform-label { display:inline-flex; margin-top:3px; padding:2px 7px; border:1px solid rgba(196,30,58,.30); border-radius:999px; color:#d7c2ca!important; font-size:10px!important; font-weight:800; }
.avatar-frame-beer-mugs{box-shadow:0 0 0 3px #e4a52b,0 0 20px rgba(255,176,39,.36)!important}.avatar-frame-beer-bottles{box-shadow:0 0 0 3px #4f9a4c,0 0 20px rgba(67,147,64,.34)!important}.avatar-frame-lights{box-shadow:0 0 0 3px #ff4266,0 0 12px #ff3154,0 0 28px rgba(170,49,225,.44)!important;animation:redCosmosFramePulse 1.6s ease-in-out infinite alternate}.avatar-frame-premium-smiling-fuck{box-shadow:0 0 0 3px #ffd700,0 0 28px rgba(255,215,0,.42)!important}@keyframes redCosmosFramePulse{from{filter:brightness(.88)}to{filter:brightness(1.25)}}
/* VK interaction hardening: decorative layers never capture taps, opened sheets always sit above fixed navigation. */
.platform-vk .app-shell::before,.platform-vk .app-shell::after,.platform-vk .boot-scene::after,.platform-vk .boot-overlay,.platform-vk .hero-glow,.platform-vk .avatar-orbit,.platform-vk .achievement-burst{pointer-events:none!important}
.platform-vk #appShell:not(.hidden),.platform-vk #appShell>main,.platform-vk .screen.active,.platform-vk .bottom-nav,.platform-vk .bottom-nav button,.platform-vk button:not(:disabled),.platform-vk a,.platform-vk [role="button"]{pointer-events:auto!important}
.platform-vk .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;z-index:2500!important}.platform-vk .modal:not(.open){pointer-events:none!important}.platform-vk .modal.open{display:flex!important;pointer-events:auto!important;z-index:10000!important}.platform-vk .achievement-celebration-modal.open{display:grid!important}.platform-vk #consentModal.open{z-index:11000!important}.platform-vk .modal.open .modal-sheet,.platform-vk .modal.open button,.platform-vk .modal.open input,.platform-vk .modal.open select,.platform-vk .modal.open textarea,.platform-vk .modal.open a{pointer-events:auto!important}
.platform-vk #qrModal .qr-warning{display:none!important}

/* Frame shop hotfix 2026-08-28: show the real frame around the user's avatar. */
.shop-frame-live-preview {
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-height:176px!important;
  padding:28px 20px 34px!important;
  overflow:visible!important;
  isolation:isolate;
}
.shop-frame-live-preview .shop-frame-preview-avatar {
  width:94px!important;
  height:94px!important;
  min-width:94px!important;
  min-height:94px!important;
  position:relative;
  z-index:1;
}
.shop-frame-live-preview .shop-frame-preview-avatar>img,
.shop-frame-live-preview .shop-frame-preview-avatar>.avatar-fallback {
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
}
.shop-frame-live-preview .avatar-orbit { pointer-events:none!important; }
.shop-frame-preview-caption {
  position:absolute;
  left:10px;
  bottom:9px;
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(13,0,2,.72);
  color:#d9cbd1;
  font-size:9px;
  font-weight:800;
  letter-spacing:.02em;
}

@media(max-width:520px){.shop-category-grid,.red-cosmos-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.v2-back-button,.v2-modal-back{min-height:48px!important}.shop-frame-live-preview .shop-frame-preview-avatar{width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important}}


/* PIVNIK_WORKING_PUBLIC_BADGE_CLEANUP_20260829 */
#networkBadge { display:none!important; }

/* PIVNIK_WORKING_RED_COSMOS_BOOT_20260829 */
.boot-screen {
  background:
    radial-gradient(circle at 18% 16%,rgba(255,76,112,.16),transparent 32%),
    radial-gradient(circle at 82% 24%,rgba(118,18,102,.24),transparent 38%),
    linear-gradient(160deg,#0d0002 0%,#260718 46%,#120006 100%) !important;
}
.boot-scene {
  border:1px solid rgba(196,30,58,.26);
  box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 42px rgba(196,30,58,.12) !important;
}
.boot-copy::before {
  background:linear-gradient(180deg,transparent,rgba(13,0,2,.72) 38%,rgba(13,0,2,.96)) !important;
}
.boot-copy h1 { text-shadow:0 3px 18px rgba(0,0,0,.58),0 0 18px rgba(196,30,58,.18); }
.boot-screen.error .boot-copy { border-color:rgba(255,73,108,.42)!important; background:rgba(30,2,12,.82)!important; }


/* PIVNIK_WORKING_VK_TOUCH_POLISH_20260829 */
html.platform-vk { overscroll-behavior-y:none; }
.platform-vk button,
.platform-vk a,
.platform-vk [role="button"],
.platform-vk summary {
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.platform-vk button,
.platform-vk .status-button,
.platform-vk .home-promo-banner,
.platform-vk .home-stat-card,
.platform-vk .bottom-nav button,
.platform-vk [role="button"] {
  -webkit-user-select:none;
  user-select:none;
}
.platform-vk button:active:not(:disabled),
.platform-vk a:active,
.platform-vk [role="button"]:active,
.platform-vk summary:active {
  filter:brightness(1.10);
}
.platform-vk .bottom-nav button:active:not(:disabled),
.platform-vk .icon-btn:active:not(:disabled),
.platform-vk .text-btn:active:not(:disabled) {
  transform:scale(.96);
}


/* PIVNIK_WORKING_RED_COSMOS_NAV_20260829 */
.bottom-nav button {
  border:1px solid transparent!important;
  border-radius:14px!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease,filter .12s ease;
}
.bottom-nav button.active {
  color:#fff!important;
  background:linear-gradient(180deg,rgba(196,30,58,.22),rgba(139,0,0,.10))!important;
  border-color:rgba(255,73,108,.22)!important;
}
.bottom-nav .qr-nav-button {
  background:linear-gradient(145deg,#c41e3a,#7f0018)!important;
  border-color:rgba(255,112,138,.50)!important;
  box-shadow:0 9px 28px rgba(196,30,58,.28)!important;
  color:#fff!important;
}
.bottom-nav .qr-nav-button:active { box-shadow:0 5px 18px rgba(196,30,58,.24)!important; }


/* PIVNIK_WORKING_RED_COSMOS_SURFACE_UNIFY_20260829 */
.profile-shortcuts button,
.profile-menu,
.profile-shift-block .team-strip,
.help-section,
.help-footer,
.admin-quick-grid button,
.staff-session-option,
.shift-staff-option {
  border-color:rgba(196,30,58,.24)!important;
  background:linear-gradient(145deg,rgba(42,7,28,.68),rgba(13,0,2,.78))!important;
}
.profile-shortcuts button,
.profile-menu > button > span,
.profile-menu > button > i,
.help-section summary > span,
.help-section summary::after,
.help-footer b,
.section-link,
.text-btn { color:#f06a82!important; }
.profile-menu > button { border-bottom-color:rgba(196,30,58,.14)!important; }
.profile-menu > button > span,
.help-section summary > span {
  border-color:rgba(196,30,58,.28)!important;
  background:rgba(196,30,58,.12)!important;
}
.profile-menu > button small,
.help-text p,
.help-footer small,
.service-access p { color:#c7b9c3!important; }
.money-input,
.volume-input,
.text-input,
.modal-sheet input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]),
.modal-sheet select,
.modal-sheet textarea,
.user-actions select,
.inquiry-actions select {
  border-color:rgba(196,30,58,.24)!important;
  background:rgba(13,0,2,.72)!important;
  color:#fff!important;
}
.money-input:focus-within,
.volume-input:focus-within,
.text-input:focus,
.modal-sheet input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]):focus,
.modal-sheet select:focus,
.modal-sheet textarea:focus {
  border-color:rgba(255,73,108,.58)!important;
  box-shadow:0 0 0 3px rgba(196,30,58,.10)!important;
  outline:none!important;
}


/* PIVNIK_WORKING_RED_COSMOS_STATUS_TOAST_20260829 */
.status-level {
  border-color:rgba(196,30,58,.22)!important;
  background:linear-gradient(145deg,rgba(39,7,25,.78),rgba(13,0,2,.82))!important;
}
.status-level.current {
  border-color:rgba(255,73,108,.58)!important;
  background:linear-gradient(135deg,rgba(196,30,58,.22),rgba(74,13,58,.28))!important;
  box-shadow:0 0 20px rgba(196,30,58,.10)!important;
}
.status-rank { background:rgba(196,30,58,.10)!important; color:#d8c7ce!important; }
.status-level.current .status-rank { background:linear-gradient(135deg,#c41e3a,#8b0000)!important; color:#fff!important; }
.status-level-head span {
  background:rgba(196,30,58,.12)!important;
  border-color:rgba(196,30,58,.28)!important;
  color:#f06a82!important;
}
.status-level-copy p { color:#c7b9c3!important; }
.toast {
  z-index:12050!important;
  border:1px solid rgba(255,73,108,.36)!important;
  background:rgba(26,2,12,.96)!important;
  color:#fff!important;
  box-shadow:0 12px 36px rgba(0,0,0,.38),0 0 22px rgba(196,30,58,.12)!important;
}

/* PIVNIK_WORKING_RED_COSMOS_NAV_CENTER_20260829 */
.bottom-nav::before {
  border-color:rgba(255,73,108,.24)!important;
  background:rgba(13,0,2,.92)!important;
}
.bottom-nav .qr-nav-button > span {
  border-color:rgba(255,151,170,.72)!important;
  background:radial-gradient(circle at 34% 24%,#ff7d98 0%,#c41e3a 44%,#7f0018 72%,#31000b 100%)!important;
  box-shadow:0 0 0 6px rgba(13,0,2,.96),0 8px 30px rgba(196,30,58,.42),inset 0 1px 1px rgba(255,255,255,.30)!important;
  color:#fff!important;
}
.bottom-nav .qr-nav-button > small {
  color:#ff8aa1!important;
}

/* PIVNIK_WORKING_RED_COSMOS_BACK_BUTTONS_20260829 */
.v2-back-button,
.v2-modal-back,
#wheelBackButton.v2-back-button,
#backToProfileFromAdmin.v2-back-button,
#backToProfileFromStaff.v2-back-button {
  border-color:rgba(255,73,108,.46)!important;
  background:linear-gradient(145deg,rgba(196,30,58,.16),rgba(74,13,58,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.18)!important;
  color:#fff!important;
}
.v2-back-button:active,
.v2-modal-back:active {
  border-color:rgba(255,112,138,.68)!important;
  background:rgba(196,30,58,.24)!important;
}

/* PIVNIK_WORKING_RED_COSMOS_GENERAL_METRICS_20260829 */
.profile-avatar {
  border-color:rgba(255,73,108,.52)!important;
  background:radial-gradient(circle at 38% 28%,#7b1730,#260712 64%,#0d0002)!important;
  box-shadow:0 0 0 4px rgba(196,30,58,.08),0 0 26px rgba(196,30,58,.24)!important;
  color:#ff8aa1!important;
}
.home-stat-card strong,
.league-summary > strong,
.profile-stats-grid strong,
.history-tabs button.active {
  color:#ff9aae!important;
}
.home-stat-card small,
.league-summary > span,
.league-summary > small,
.profile-stats-grid span {
  color:#bfa8b2!important;
}
.home-stat-card > i,
.promo-orbit,
.leaderboard-podium-mini i,
.league-summary > b {
  color:#f06a82!important;
}
.promo-orbit {
  border-color:rgba(255,73,108,.38)!important;
  background:radial-gradient(circle,rgba(196,30,58,.30),rgba(13,0,2,.78) 72%)!important;
}
.league-summary > b {
  border-top-color:rgba(196,30,58,.16)!important;
}
.leaderboard-podium-mini > span,
.profile-stats-grid article,
.profile-history-card .op-row {
  border-color:rgba(196,30,58,.18)!important;
  background:rgba(13,0,2,.62)!important;
}
.history-tabs button { color:#a9919b!important; }
.history-tabs button.active {
  background:linear-gradient(135deg,rgba(196,30,58,.30),rgba(74,13,58,.36))!important;
  box-shadow:inset 0 0 0 1px rgba(255,73,108,.24)!important;
}

/* PIVNIK_WORKING_VK_CONTROL_STATES_20260829 */
.platform-vk button:disabled,
.platform-vk [role="button"][aria-disabled="true"] {
  opacity:.48!important;
  filter:saturate(.55)!important;
  cursor:default!important;
}
.platform-vk button:focus-visible,
.platform-vk a:focus-visible,
.platform-vk [role="button"]:focus-visible,
.platform-vk input:focus-visible,
.platform-vk select:focus-visible,
.platform-vk textarea:focus-visible {
  outline:2px solid rgba(255,112,138,.82)!important;
  outline-offset:2px!important;
}
.platform-vk .bottom-nav button:focus-visible {
  outline-offset:-2px!important;
}

/* PIVNIK_WORKING_RED_COSMOS_WHEEL_20260829 */
.wheel-wrap::after {
  border-color:rgba(255,112,138,.24)!important;
}
.wheel-sector {
  stroke:rgba(255,73,108,.42)!important;
}
.wheel-sector-0 { fill:#16050a!important; }
.wheel-sector-1 { fill:#250713!important; }
.wheel-sector-2 { fill:#100208!important; }
.wheel-sector-jackpot {
  fill:#4d0719!important;
  stroke:rgba(255,112,138,.82)!important;
}
.wheel-sector-label { fill:#f5c7d1!important; }
.wheel-jackpot-label { fill:#ff8aa1!important; }

/* PIVNIK_WORKING_VK_SCROLL_PADDING_20260829 */
.platform-vk #appShell > main {
  scroll-padding-top:16px!important;
  scroll-padding-bottom:calc(128px + env(safe-area-inset-bottom))!important;
}
.platform-vk .modal-sheet {
  scroll-padding-top:12px!important;
  scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;
}


/* PIVNIK_WORKING_VK_MOTION_PERF_20260829 */
.platform-vk,
.platform-vk body,
.platform-vk .app-shell,
.platform-vk main {
  background-attachment:scroll!important;
}
@media (prefers-reduced-motion:reduce) {
  html,body,.app-shell,main,body::after,
  .avatar-frame-lights,
  .shop-list-card,.red-cosmos-shop-card,
  .bottom-nav button,.toast {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
  .shop-list-card:hover,.red-cosmos-shop-card:hover { transform:none!important; }
}


/* PIVNIK_WORKING_VK_TAP_TARGETS_20260829 */
.platform-vk .icon-btn,
.platform-vk .profile-edit-icon,
.platform-vk .modal .close,
.platform-vk .wheel-back {
  min-width:44px!important;
  min-height:44px!important;
}
.platform-vk .bottom-nav button { min-height:56px!important; }
.platform-vk .section-link,
.platform-vk .text-btn {
  min-height:40px!important;
  padding-inline:10px!important;
}


/* PIVNIK_WORKING_RED_COSMOS_MODAL_CHROME_20260829 */
.modal {
  background:rgba(5,0,3,.80)!important;
}
.modal-sheet {
  color:#f7edf1!important;
  box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 28px rgba(196,30,58,.10)!important;
}
.modal-sheet h2,
.modal-title-row h2 { color:#fff!important; }
.modal-sheet > .close,
.modal .close {
  border-color:rgba(255,73,108,.34)!important;
  background:rgba(196,30,58,.10)!important;
  color:#ff9aae!important;
}


/* PIVNIK_WORKING_RED_COSMOS_EMPTY_STATES_20260829 */
.empty-state,
.achievement-empty,
.premium-list.empty-state,
.operation-list.empty-state,
.leaderboard-list.empty-state {
  border:1px dashed rgba(255,73,108,.22)!important;
  border-radius:14px!important;
  background:rgba(13,0,2,.46)!important;
  color:#bfa8b2!important;
  padding:14px!important;
}


/* PIVNIK_WORKING_VK_IOS_FORM_ZOOM_GUARD_20260829 */
.platform-vk input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.platform-vk select,
.platform-vk textarea {
  font-size:16px!important;
}


/* PIVNIK_WORKING_MOBILE_HOVER_GUARD_20260829 */
@media (hover:none) {
  .shop-list-card:hover,
  .red-cosmos-shop-card:hover {
    transform:none!important;
  }
}


/* PIVNIK_WORKING_VK_TOAST_SAFE_AREA_20260829 */
.platform-vk .toast {
  width:min(calc(100% - 28px),420px)!important;
  max-width:none!important;
  bottom:calc(96px + env(safe-area-inset-bottom))!important;
}


/* PIVNIK_WORKING_RED_COSMOS_TOPBAR_20260829 */
.eyebrow { color:#cbb5bf!important; }
.topbar h1,
#brandTitle { color:#fff!important; text-shadow:0 0 18px rgba(196,30,58,.14)!important; }
.topbar .icon-btn {
  border-color:rgba(255,73,108,.30)!important;
  background:rgba(196,30,58,.08)!important;
  color:#ff9aae!important;
}


/* PIVNIK_WORKING_VK_NARROW_HOME_20260829 */
@media (max-width:380px) {
  .platform-vk .home-feature-grid { grid-template-columns:1fr!important; }
  .platform-vk .home-achievement-card,
  .platform-vk .home-shop-card { min-height:auto!important; }
}


/* PIVNIK_WORKING_VK_LONG_TEXT_GUARD_20260829 */
.platform-vk #profileName,
.platform-vk #profileHandle,
.platform-vk .leaderboard-row b,
.platform-vk .leaderboard-row small,
.platform-vk .shop-list-copy,
.platform-vk .achievement-tile,
.platform-vk .toast {
  overflow-wrap:anywhere;
  word-break:break-word;
}
.platform-vk .leaderboard-row > div,
.platform-vk .shop-list-copy { min-width:0; }


/* PIVNIK_WORKING_VK_HORIZONTAL_SCROLL_20260829 */
.platform-vk .profile-achievement-showcase,
.platform-vk .red-cosmos-admin-tabs {
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
}
.platform-vk .profile-achievement-showcase > *,
.platform-vk .red-cosmos-admin-tab { scroll-snap-align:start; }


/* PIVNIK_WORKING_RED_COSMOS_HOME_CORE_20260829 */
.balance > span {
  background:linear-gradient(180deg,#fff3f6,#ff8aa1 58%,#d33a58)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
}
.balance small,
.status-caption,
.home-card-kicker,
.cashback-orbit small,
.max-status-line,
.beer-card-top p,
.beer-card-foot { color:#bfa8b2!important; }
.status-divider {
  background:linear-gradient(90deg,transparent,rgba(255,73,108,.44),transparent)!important;
}
.status-name,
.beer-card-top h2,
.compact-card-head h2 { color:#fff!important; }
.cashback-orbit {
  border-color:rgba(255,73,108,.48)!important;
  background:radial-gradient(circle,rgba(196,30,58,.26),rgba(13,0,2,.66) 70%)!important;
  box-shadow:inset 0 0 22px rgba(196,30,58,.10)!important;
}
.cashback-orbit strong,
.beer-gift-counter strong,
.beer-progress-head b,
.beer-card-foot strong,
.max-status-line strong { color:#ff9aae!important; }
.vip-hero-card .progress {
  border-color:rgba(255,73,108,.18)!important;
  background:rgba(13,0,2,.68)!important;
}
.vip-hero-card .progress i,
.beer-progress i {
  background:linear-gradient(90deg,#7f0018,#c41e3a,#ff6b86)!important;
  box-shadow:0 0 13px rgba(196,30,58,.34)!important;
}
.beer-gift-counter {
  border-color:rgba(255,73,108,.30)!important;
  background:rgba(196,30,58,.10)!important;
}


/* PIVNIK_WORKING_RED_COSMOS_BUTTON_SYSTEM_20260829 */
.primary,
.shop-list-card:not(.v2-premium) .buy-button,
.red-cosmos-shop-card:not(.v2-premium) .buy-button {
  border-color:rgba(255,112,138,.48)!important;
  box-shadow:0 8px 24px rgba(196,30,58,.18)!important;
}
.secondary,
.operation-button,
.manual-code-button,
.copy-code {
  border-color:rgba(255,73,108,.28)!important;
  background:rgba(196,30,58,.08)!important;
  color:#f7e9ee!important;
}


/* PIVNIK_WORKING_RED_COSMOS_HOME_SECONDARY_20260829 */
.home-shop-card { border-color:rgba(255,73,108,.24)!important; }
.home-shop-card .home-shop-preview { border-color:rgba(255,73,108,.22)!important; }
.shop-arrow,
.shop-cta,
.home-promo-banner > i { color:#f06a82!important; }
.home-promo-banner small,
.home-promo-banner em { color:#bfa8b2!important; }
.home-promo-banner strong { color:#fff!important; }


/* PIVNIK_WORKING_RED_COSMOS_PROFILE_IDENTITY_20260829 */
.profile-identity-card h2,
#profileName { color:#fff!important; }
.profile-identity-card small,
#profileHandle { color:#bfa8b2!important; }
.profile-identity-card strong,
#profileStatus { color:#ff9aae!important; }
.profile-edit-icon {
  border-color:rgba(255,73,108,.30)!important;
  background:rgba(196,30,58,.08)!important;
  color:#f06a82!important;
}
.profile-shortcuts button > small {
  background:#8b1028!important;
  color:#fff!important;
}


/* PIVNIK_WORKING_RED_COSMOS_PAGE_LEAGUE_20260829 */
.client-page-title h2 { color:#fff!important; }
.client-page-title p { color:#bfa8b2!important; }
.leaderboard-row {
  border-color:rgba(255,73,108,.20)!important;
  background:linear-gradient(145deg,rgba(42,7,28,.52),rgba(13,0,2,.62))!important;
}
.leaderboard-row.is-me {
  border-color:rgba(255,73,108,.42)!important;
  background:rgba(196,30,58,.12)!important;
}


/* PIVNIK_WORKING_VK_MODAL_SCROLL_20260829 */
.platform-vk .modal.open {
  overscroll-behavior:contain;
}
.platform-vk .modal.open .modal-sheet {
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
}


/* PIVNIK_WORKING_RED_COSMOS_QR_SHEET_20260829 */
.qr-frame {
  border:1px solid rgba(255,73,108,.30)!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 26px rgba(196,30,58,.16)!important;
}
.qr-sheet p { color:#bfa8b2!important; }
.qr-sheet .text-link,
.qr-sheet .copy-code { color:#f06a82!important; }
.platform-vk #qrModal .qr-frame { box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 34px rgba(196,30,58,.20)!important; }

/* PIVNIK_WORKING_RED_COSMOS_ACHIEVEMENT_NAV_20260829 */
.achievement-tabs button {
  border-color:rgba(255,73,108,.16)!important;
  background:rgba(13,0,2,.52)!important;
  color:#a9919b!important;
}
.achievement-tabs button.active {
  border-color:rgba(255,73,108,.46)!important;
  background:linear-gradient(135deg,rgba(196,30,58,.28),rgba(74,13,58,.34))!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,112,138,.12)!important;
}
.achievement-summary { color:#a9919b!important; }
.achievement-summary b { color:#ff9aae!important; }
.achievement-progress { background:rgba(255,73,108,.08)!important; }
.achievement-progress i {
  background:linear-gradient(90deg,#7f0018,#c41e3a,#ff6b86)!important;
  box-shadow:0 0 10px rgba(196,30,58,.24)!important;
}
.achievement-catalog-empty {
  border-color:rgba(255,73,108,.18)!important;
  background:rgba(13,0,2,.44)!important;
}

/* PIVNIK_WORKING_RED_COSMOS_SHOP_CHROME_20260829 */
#shopModal .premium-sheet {
  background:
    radial-gradient(circle at 88% 6%,rgba(196,30,58,.16),transparent 28%),
    radial-gradient(circle at 5% 42%,rgba(89,18,56,.14),transparent 30%),
    linear-gradient(160deg,#17070d,#080407 58%,#0d0206)!important;
  border-color:rgba(255,73,108,.24)!important;
}
#shopModal .premium-sheet::before { border-color:rgba(255,73,108,.12)!important; }
.shop-private-stock {
  border-color:rgba(255,73,108,.30)!important;
  background:radial-gradient(circle at 12% 20%,rgba(255,73,108,.16),transparent 26%),linear-gradient(135deg,rgba(42,7,28,.96),rgba(11,2,7,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px rgba(0,0,0,.25)!important;
}
.shop-private-stock::after {
  border-color:rgba(255,73,108,.10)!important;
  box-shadow:0 0 0 18px rgba(196,30,58,.025),0 0 0 36px rgba(196,30,58,.015)!important;
}
.shop-private-monogram {
  border-color:rgba(255,112,138,.55)!important;
  color:#ff9aae!important;
  text-shadow:0 2px 12px rgba(196,30,58,.42)!important;
  box-shadow:inset 0 0 0 4px rgba(196,30,58,.08),0 0 22px rgba(196,30,58,.12)!important;
}
.shop-private-stock small,.shop-private-seal { color:#f06a82!important; }
.shop-private-stock p,.shop-trust-row { color:#bfa8b2!important; }
.shop-private-seal { border-color:rgba(255,73,108,.28)!important; }
.shop-trust-row span::first-letter { color:#ff6b86!important; }
.shop-category + .shop-category { border-top-color:rgba(255,73,108,.12)!important; }
.shop-category-head span { color:#a9919b!important; }
.shop-category-head h3 { color:#fff!important; }
.shop-category-head > b {
  border-color:rgba(255,73,108,.26)!important;
  background:rgba(196,30,58,.08)!important;
  color:#ff9aae!important;
}
.shop-list-card:not(.v2-premium) {
  border-color:rgba(255,73,108,.18)!important;
}
.shop-list-card:not(.v2-premium)::before {
  background:linear-gradient(180deg,transparent,rgba(255,73,108,.62),transparent)!important;
}
.shop-list-card:not(.v2-premium) .shop-list-media { border-color:rgba(255,73,108,.20)!important; }
.shop-list-card:not(.v2-premium) .shop-list-copy b { color:#fff!important; }
.shop-list-card:not(.v2-premium) .shop-list-copy small {
  border-color:rgba(255,73,108,.16)!important;
  background:rgba(196,30,58,.06)!important;
  color:#d6b7c2!important;
}
.shop-list-card:not(.v2-premium) .shop-list-price { border-color:rgba(255,73,108,.12)!important; }
.shop-list-card:not(.v2-premium) .shop-list-price > strong { color:#ff9aae!important; text-shadow:none!important; }
#shopShowQr {
  border-color:rgba(255,112,138,.46)!important;
  background:linear-gradient(135deg,#c41e3a,#7f0018)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(196,30,58,.24)!important;
}

/* PIVNIK_WORKING_VK_DYNAMIC_MODAL_VIEWPORT_20260829 */
.platform-vk .modal {
  padding-top:calc(10px + env(safe-area-inset-top))!important;
  padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;
}
.platform-vk .tall-sheet {
  max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
}
.platform-vk .modal-sheet {
  padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
}

/* PIVNIK_WORKING_VK_ACHIEVEMENT_TAB_SCROLL_20260829 */
@media (max-width:420px) {
  .platform-vk .achievement-tabs {
    display:flex!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    padding-bottom:3px;
  }
  .platform-vk .achievement-tabs::-webkit-scrollbar { display:none; }
  .platform-vk .achievement-tabs button {
    flex:0 0 auto;
    min-width:86px;
    scroll-snap-align:start;
  }
}

/* PIVNIK_WORKING_VK_NARROW_SHOP_ACTIONS_20260829 */
@media (max-width:360px) {
  .platform-vk .shop-card-actions {
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .platform-vk .shop-card-actions .secondary,
  .platform-vk .shop-card-actions .buy-button,
  .platform-vk .shop-card-actions .text-btn {
    width:100%!important;
    min-height:42px!important;
    justify-content:center!important;
    text-align:center!important;
  }
}

/* PIVNIK_WORKING_VK_PROFILE_ROW_READABILITY_20260829 */
.platform-vk .profile-menu > button > div { min-width:0; }
.platform-vk .profile-menu > button small {
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.35!important;
  overflow-wrap:anywhere;
}
.platform-vk .profile-menu > button > i { flex:none; }
@media (max-width:360px) {
  .platform-vk .profile-menu { padding-inline:10px!important; }
  .platform-vk .profile-menu > button { grid-template-columns:34px minmax(0,1fr) 16px!important; gap:8px!important; }
}

/* PIVNIK_WORKING_VK_NARROW_ACHIEVEMENT_GRID_20260829 */
@media (max-width:340px) {
  .platform-vk .achievement-grid { grid-template-columns:1fr!important; }
  .platform-vk .achievement-tile { min-height:176px!important; }
}

/* PIVNIK_WORKING_RED_COSMOS_SERVICE_CONTROLS_20260829 */
.mode,
.scan-zone,
.confirm-summary,
.staff-step {
  border-color:rgba(255,73,108,.20)!important;
  background:linear-gradient(145deg,rgba(42,7,28,.48),rgba(13,0,2,.62))!important;
}
.mode.active {
  border-color:rgba(255,73,108,.48)!important;
  background:rgba(196,30,58,.16)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,112,138,.10)!important;
}
.mode.active small { color:#e5bcc7!important; }
.scan-zone > i,
.client-found em { color:#ff8aa1!important; }
.calc-box {
  border-color:rgba(255,73,108,.12)!important;
  background:rgba(13,0,2,.44)!important;
}

/* PIVNIK_WORKING_RED_COSMOS_LEAGUE_NOTE_20260829 */
.leaderboard-prize-note {
  border-color:rgba(255,73,108,.20)!important;
  background:rgba(13,0,2,.42)!important;
  color:#bfa8b2!important;
}

/* PIVNIK_WORKING_RED_COSMOS_ACHIEVEMENT_COMING_SOON_20260829 */
.achievement-coming-soon {
  border:1px solid rgba(255,73,108,.14)!important;
  background:rgba(196,30,58,.06)!important;
}
.achievement-coming-soon b { color:#ff9aae!important; }
.achievement-coming-soon span { color:#bfa8b2!important; }

/* PIVNIK_WORKING_RED_COSMOS_CONSENT_CHROME_20260829 */
.consent-mark {
  color:#fff!important;
  background:radial-gradient(circle at 34% 24%,#ff7d98 0%,#c41e3a 46%,#7f0018 74%,#31000b 100%)!important;
  box-shadow:0 14px 34px rgba(196,30,58,.24)!important;
}
.consent-sheet p,
.consent-sheet li { color:#d8c1ca!important; }
.consent-sheet > small,
.shop-legal { color:#a9919b!important; }

/* PIVNIK_WORKING_RED_COSMOS_WHEEL_RULES_20260829 */
.wheel-rules-link { color:#f06a82!important; }
.wheel-odds-list li { border-bottom-color:rgba(255,73,108,.14)!important; }
.wheel-rules-contents p,
.wheel-rules-contents li { color:#cbb5bf!important; }

/* PIVNIK_WORKING_VK_SINGLE_PERSONAL_QR_20260830
   Keep the internal short code available to staff/server, but expose only one client-facing QR in VK. */
.platform-vk #qrToken,
.platform-vk #copyQrCode,
.platform-vk .client-tip {
  display:none!important;
}

/* PIVNIK_WORKING_VK_FRAME_LIVE_PREVIEW_20260830 */
.profile-frame-choice .frame-choice-preview {
  display:grid!important;
  place-items:center!important;
  min-height:72px!important;
  overflow:visible!important;
}
.profile-frame-choice .frame-choice-avatar {
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
}
.profile-frame-choice .frame-choice-avatar > img,
.profile-frame-choice .frame-choice-avatar > .avatar-fallback {
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
}
.profile-frame-choice .frame-choice-none {
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px dashed rgba(255,73,108,.28);
  border-radius:50%;
  color:#a9919b;
  font-size:24px;
}
.profile-frame-choice .avatar-orbit { pointer-events:none!important; }

/* PIVNIK_WORKING_VK_EQUAL_HOME_FRAMES_20260830 */
.platform-vk .home-feature-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.platform-vk .home-achievement-card,
.platform-vk .home-shop-card {
  min-width:0!important;
  height:100%!important;
  min-height:196px!important;
}
@media (max-width:380px) {
  .platform-vk .home-feature-grid { grid-template-columns:1fr!important; }
  .platform-vk .home-achievement-card,
  .platform-vk .home-shop-card { min-height:auto!important; }
}

/* PIVNIK_WORKING_VK_SERVICE_ACCESS_20260830 */
.platform-vk #profileServiceAccess:not(.hidden) {
  margin-top:12px!important;
  border-color:rgba(255,73,108,.30)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,112,138,.05)!important;
}
.platform-vk #profileServiceAccess:not(.hidden) #profileStaffNav,
.platform-vk #profileServiceAccess:not(.hidden) #profileAdminNav {
  min-height:48px!important;
}

/* PIVNIK_WORKING_VK_TRUE_RED_COSMOS_BACKGROUND_20260830
   Override the legacy luxury-vip-space image only in VK. */
.platform-vk .app-shell::before {
  background:
    radial-gradient(circle at 16% 18%,rgba(255,255,255,.72) 0 1px,transparent 1.6px),
    radial-gradient(circle at 78% 12%,rgba(255,185,201,.62) 0 1px,transparent 1.5px),
    radial-gradient(circle at 68% 72%,rgba(255,255,255,.46) 0 1px,transparent 1.6px),
    radial-gradient(circle at 28% 82%,rgba(255,84,121,.52) 0 1.2px,transparent 1.8px),
    radial-gradient(ellipse at 76% 24%,rgba(196,30,58,.34),transparent 34%),
    radial-gradient(ellipse at 22% 68%,rgba(92,12,83,.38),transparent 40%),
    linear-gradient(145deg,#090002 0%,#270614 34%,#4a0d3a 58%,#160006 100%)!important;
  background-size:137px 137px,179px 179px,223px 223px,163px 163px,auto,auto,auto!important;
  filter:none!important;
  opacity:1!important;
}
.platform-vk .app-shell::after {
  background:
    conic-gradient(from 215deg at 63% 34%,transparent 0 29%,rgba(255,48,91,.11) 36%,transparent 44% 100%),
    radial-gradient(ellipse at 50% 55%,transparent 0 38%,rgba(91,4,54,.18) 58%,transparent 76%)!important;
  opacity:1!important;
}

.platform-vk #qrToken,.platform-vk #copyQrCode{display:none!important}

/* PIVNIK_VK_BOTTOM_NAV_SAFE_AREA_20260831 */
.platform-vk .bottom-nav {
  box-sizing:border-box!important;
  height:auto!important;
  min-height:calc(72px + env(safe-area-inset-bottom))!important;
  padding:7px 7px max(7px, env(safe-area-inset-bottom))!important;
  align-items:center!important;
}
.platform-vk .bottom-nav::before {
  content:none!important;
  display:none!important;
}
.platform-vk .bottom-nav .qr-nav-button {
  min-height:56px!important;
  justify-content:center!important;
  gap:2px!important;
}
.platform-vk .bottom-nav .qr-nav-button > span {
  width:50px!important;
  height:50px!important;
  margin-top:0!important;
  box-shadow:0 5px 20px rgba(196,30,58,.28),inset 0 1px 1px rgba(255,255,255,.34)!important;
}

/* PIVNIK_VK_COSMOS_BACKGROUND_20260831
   One visible, low-cost VK background. Inner page containers stay transparent
   so the actual RED COSMOS field is not hidden by their own opaque gradients. */
html.platform-vk,
html.platform-vk body {
  background:#050103!important;
}
html.platform-vk body {
  min-height:100dvh!important;
  background:
    radial-gradient(circle at 12% 13%,rgba(255,255,255,.34) 0 1px,transparent 1.45px),
    radial-gradient(circle at 78% 9%,rgba(255,214,223,.28) 0 1px,transparent 1.4px),
    radial-gradient(circle at 31% 63%,rgba(255,113,142,.22) 0 1px,transparent 1.55px),
    radial-gradient(circle at 89% 76%,rgba(255,255,255,.19) 0 1px,transparent 1.35px),
    radial-gradient(ellipse at 79% 22%,rgba(145,8,46,.34) 0%,rgba(84,4,35,.17) 33%,transparent 58%),
    radial-gradient(ellipse at 18% 76%,rgba(83,8,78,.27) 0%,rgba(64,5,52,.14) 36%,transparent 61%),
    linear-gradient(158deg,#040102 0%,#090205 30%,#16050d 60%,#0a0206 82%,#040102 100%)!important;
  background-size:113px 113px,173px 173px,211px 211px,149px 149px,auto,auto,auto!important;
  background-position:0 0,27px 18px,11px 53px,71px 31px,center,center,center!important;
  animation:none!important;
}
html.platform-vk body::before,
html.platform-vk body::after {
  content:none!important;
  display:none!important;
  animation:none!important;
}
html.platform-vk #appShell,
html.platform-vk #appShell>main,
html.platform-vk .screen {
  background:transparent!important;
  background-image:none!important;
  animation:none!important;
}
html.platform-vk #appShell {
  position:relative!important;
  isolation:isolate!important;
}