:root {
    --bg: #070b16;
    --panel: rgba(18, 25, 43, .78);
    --panel-strong: #111827;
    --text: #f8fafc;
    --muted: #94a3b8;
    --blue: #3b82f6;
    --cyan: #22d3ee;
    --border: rgba(148, 163, 184, .18);
}

/* Home module switcher: compact tabs instead of a single shadowed heading. */
.upgrade-title-switcher{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;font-size:clamp(18px,2.2vw,28px)!important;letter-spacing:.04em!important;line-height:1.2}
.upgrade-title-switcher a{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid transparent;border-radius:8px;color:#8d9ab2!important;text-decoration:none!important;text-shadow:none!important;transition:color .2s,background .2s,border-color .2s,transform .2s}
.upgrade-title-switcher a:hover{color:#fff!important;background:rgba(36,117,205,.14);border-color:rgba(73,151,239,.3);transform:translateY(-1px)}
.upgrade-title-switcher a.is-active{color:#fff!important;background:linear-gradient(180deg,rgba(43,137,224,.28),rgba(22,74,132,.16));border-color:rgba(71,159,241,.6);box-shadow:0 5px 18px rgba(15,97,177,.18)}
.upgrade-title-switcher span{padding:0 3px;color:#e89a2b;text-shadow:none}

/* Absolute final promo layout for mobile and narrow screens. */
.support-modal-content{width:min(1120px,calc(100vw - 32px))!important;height:calc(100vh - 32px)!important;max-height:calc(100vh - 32px)!important;overflow:hidden!important}.support-modal-content .support-page{height:100%!important;min-height:0!important;padding:0!important;display:block!important}.support-modal-content .support-card{box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.support-tickets,.support-conversation{min-height:0!important}.support-tickets{display:flex!important;flex-direction:column!important}.support-ticket-list{flex:1 1 auto!important;height:auto!important;min-height:0!important}.support-conversation{overflow:hidden!important}.support-ticket-view{min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.support-ticket-view[hidden]{display:none!important}.support-ticket-view>h2{display:inline-flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important;min-height:40px!important;margin:0!important;padding:0 0 12px!important;border-bottom:1px solid rgba(148,163,184,.16)!important}.support-ticket-view>form[data-support-status-form]{display:inline-flex!important;position:absolute!important;right:0!important;top:0!important;margin:0!important;z-index:2}.support-chat{flex:1 1 auto!important;min-height:0!important;max-height:none!important;margin:12px 0 0!important;overflow:auto!important}.support-ticket-view>.support-form{flex:0 0 auto!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(148,163,184,.16)!important}.support-form textarea{resize:none!important}.support-conversation>.support-create{height:100%!important;min-height:0!important;grid-template-rows:auto 48px minmax(0,1fr) auto!important}.support-tickets-heading{padding-bottom:14px!important;border-bottom:1px solid rgba(148,163,184,.16)!important;margin-bottom:12px!important}
@media (max-width:1240px){
  body:not(.page-admin) [data-spa-root]>.upgrade-live-history{display:none!important}
  body:not(.page-admin) .mobile-upgrade-feed:not([hidden]){display:block!important;position:relative!important;width:100%!important;height:78px!important;min-height:78px!important;margin:64px 0 0!important;padding:0!important;overflow:hidden!important;z-index:3!important;background:#0b1422!important}
  body:not(.page-admin) .mobile-upgrade-feed>.upgrade-live-history{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;height:78px!important;min-height:78px!important;margin:0!important;padding:0 0 0 10px!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:4!important}
  body.page-home .mobile-upgrade-feed{margin-top:64px!important}
  body.page-home .top-header .header-right>.mobile-header-menu{display:none!important}
  body.page-home .top-header .header-right>.mobile-header-menu:not([hidden]){display:grid!important}
  body.page-home .hourly-promo{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important}
  body.page-home .mobile-upgrade-feed{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:3!important}
}

@media (max-width:1240px){
  body.page-home .top-header .brand-up{
    transform:scale(.86)!important;
    transform-origin:left center!important;
  }
  body.page-home .promo-banner,
  body.page-home .hourly-promo{
    margin-top:0!important;
    top:0!important;
  }
}

/* Desktop promo banner matching the reference composition. */
@media (min-width:1241px){
  .top-header .desktop-balance-value::after{content:" ₽"!important;color:inherit!important;font-weight:inherit!important}
  .top-header .mobile-menu-balance .mobile-balance-label{display:none!important}
  .top-header .mobile-menu-balance .desktop-balance-value{display:block!important;color:#fff!important;font-size:14px!important;font-weight:800!important;white-space:nowrap!important}
  .top-header .mobile-menu-notifications .notification-badge{display:none!important}
  .top-header .mobile-menu-notifications{font-size:0!important}
  body.page-home main#app,
  body.page-home main#app>.upgrade-page{
    background:transparent!important;
    background-image:none!important;
  }
  body.page-home main#app>.upgrade-page .upgrade-wrap{
    background:transparent!important;
  }
  body.page-home main#app>.upgrade-page{
    background-color:#070b16!important;
    background-image:radial-gradient(circle at 50% 42%,rgba(36,117,205,.18),transparent 34rem)!important;
    padding-top:0!important;
  }
  body.page-home main#app>.upgrade-page:before{display:none!important}
  body.page-home main#app>.upgrade-page .upgrade-title{margin-top:28px!important}
  body.page-home main#app>.upgrade-page{
    background:#070b16!important;
    background-image:none!important;
  }
  body.page-home main#app{padding-top:0!important}
  body.page-home main#app>.hero-section{margin-top:0!important;padding-top:0!important}
  body.page-home main#app>.upgrade-page{padding-top:0!important}
  body.page-home main#app>.upgrade-page .upgrade-title{margin-top:28px!important}
  body.page-home .promo-banner__layout{
    width:calc(100% - var(--live-feed-width,220px))!important;
    max-width:none!important;
    margin-left:var(--live-feed-width,220px)!important;
    margin-right:0!important;
    padding:0 46px!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(260px,1fr) 420px minmax(260px,1fr)!important;
  }
  body.page-home .promo-banner__timer{padding-left:18px!important;box-sizing:border-box!important}
  body.page-home .promo-banner__timer strong{padding-left:6px!important}
  body.page-home .promo-banner__layout{width:min(1200px,calc(100% - 48px))!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;grid-template-columns:minmax(250px,1fr) 340px minmax(250px,1fr)!important;gap:34px!important;justify-content:center!important}
  body.page-home .promo-banner__bonus{justify-self:end!important}
  body.page-home .promo-banner__timer{justify-self:center!important}
  body.page-home .promo-banner__code{justify-self:start!important}
  body.page-home .hourly-promo{
    height:104px!important;
    min-height:104px!important;
    margin-top:72px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 50% 50%,rgba(48,103,157,.16),transparent 31%),
      linear-gradient(90deg,#151b27 0%,#101b2a 48%,#111a27 100%)!important;
    border-top:0!important;
    border-bottom:1px solid rgba(100,164,214,.18)!important;
    box-shadow:none!important;
  }
  body.page-home .hourly-promo__inner{
    display:grid!important;
    grid-template-columns:minmax(280px,1fr) minmax(420px,520px) minmax(280px,1fr)!important;
    align-items:center!important;
    gap:34px!important;
    width:100%!important;
    max-width:none!important;
    height:104px!important;
    min-height:104px!important;
    margin:0!important;
    padding:10px 7vw!important;
    box-sizing:border-box!important;
    background-image:linear-gradient(30deg,transparent 48%,rgba(78,145,194,.13) 49%,transparent 50%),linear-gradient(150deg,transparent 48%,rgba(78,145,194,.1) 49%,transparent 50%)!important;
    background-size:74px 74px!important;
  }
  body.page-home .hourly-promo__bonus{
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:250px!important;
  }
  body.page-home .hourly-promo__badge{
    width:62px!important;
    height:62px!important;
    border-radius:16px!important;
    font-size:42px!important;
    transform:rotate(-14deg)!important;
    background:linear-gradient(145deg,#8b35ff 0%,#b52bff 48%,#ff3d7c 100%)!important;
    box-shadow:0 10px 24px rgba(125,42,255,.4)!important;
  }
  body.page-home .hourly-promo__bonus small{font-size:11px!important;color:#d5e1f0!important}
  body.page-home .hourly-promo__bonus strong{font-size:36px!important;color:#fff!important;text-shadow:0 2px 0 rgba(0,0,0,.28)!important}
  body.page-home .hourly-promo__timer{
    justify-self:center!important;
    width:100%!important;
    min-width:420px!important;
    padding:9px 28px!important;
    border:2px solid #ff9e2d!important;
    border-radius:16px!important;
    background:rgba(8,17,30,.78)!important;
    box-shadow:0 0 24px rgba(255,147,35,.12),inset 0 0 22px rgba(40,105,160,.12)!important;
  }
  body.page-home .hourly-promo__timer small{font-size:11px!important;color:#f2f5fb!important}
  body.page-home .hourly-promo__clock{font-size:43px!important;letter-spacing:.04em!important}
  body.page-home .hourly-promo__code{
    justify-self:start!important;
    display:block!important;
    min-width:280px!important;
    text-align:center!important;
    border:0!important;
    background:transparent!important;
  }
  body.page-home .hourly-promo__code small{font-size:12px!important;color:#f2f5fb!important}
  body.page-home .hourly-promo__code strong{
    margin-top:5px!important;
    padding:11px 30px!important;
    border-radius:12px!important;
    font-size:27px!important;
    background:linear-gradient(100deg,#ffbd28,#ff4f68)!important;
    box-shadow:0 8px 18px rgba(255,78,74,.22)!important;
  }
  body.page-home .hourly-promo__code span{display:none!important}
}

/* Rarity glow must win over generic card backgrounds. */
.skin-card.rarity-industrial::before{background:linear-gradient(180deg,rgba(20,27,35,.93),rgba(20,27,35,.82),rgba(75,130,210,.40))!important}
.skin-card.rarity-milspec::before{background:linear-gradient(180deg,rgba(20,27,35,.93),rgba(20,27,35,.82),rgba(45,75,210,.48))!important}
.skin-card.rarity-restricted::before{background:linear-gradient(180deg,rgba(20,27,35,.93),rgba(20,27,35,.82),rgba(128,54,190,.52))!important}
.skin-card.rarity-classified::before{background:linear-gradient(180deg,rgba(20,27,35,.93),rgba(20,27,35,.82),rgba(196,55,160,.50))!important}
.skin-card.rarity-covert::before{background:linear-gradient(180deg,rgba(20,27,35,.93),rgba(20,27,35,.82),rgba(205,55,55,.50))!important}
.skin-card.rarity-rare::before{background:linear-gradient(180deg,rgba(20,27,35,.93),rgba(20,27,35,.82),rgba(196,142,38,.52))!important}
.skin-card.rarity-contraband::before{background:linear-gradient(180deg,rgba(20,27,35,.93),rgba(20,27,35,.82),rgba(215,104,30,.52))!important}

/* Restore the original desktop user panel; mobile menu styling stays below 1240px. */
@media (min-width:1241px){
  .top-header .mobile-header-menu{display:flex!important;align-items:center!important;gap:8px!important;position:static!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .top-header .mobile-menu-profile,.top-header .mobile-menu-divider,.top-header .mobile-menu-stats{display:none!important}
  .top-header .mobile-menu-balance{display:flex!important;min-height:40px!important;align-items:center!important}
  .top-header .mobile-menu-notifications{display:flex!important;width:38px!important;min-height:38px!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:9px!important;background:#101c2f!important;color:#9eb0c8!important;font-size:0!important}
  .top-header .mobile-menu-notifications svg{display:block!important;width:18px!important;height:18px!important}
  .top-header .mobile-menu-notifications>span:first-of-type{display:none!important}
  .top-header .mobile-menu-notifications .notification-badge{position:absolute!important;display:inline-flex!important}
}

@media (min-width:1241px){
  .mobile-header-menu{display:flex!important}
  .mobile-menu-toggle{display:none!important}
}
  body.page-home:has(.hourly-promo) .hourly-promo,
  body.page-home:has(.hourly-promo) .hourly-promo__inner{width:100%!important;max-width:100vw!important;box-sizing:border-box!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo__inner{display:grid!important;grid-template-columns:50% 50%!important;grid-template-rows:1fr 1fr!important;height:136px!important;min-height:136px!important;padding:8px 0!important;margin:0!important;gap:0!important;position:relative!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus{grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-width:0!important;margin:0!important;padding:0 8px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus>div{min-width:0!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code{grid-column:1!important;grid-row:2!important;width:100%!important;height:100%!important;min-width:0!important;margin:0!important;padding:0 8px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code small,body.page-home:has(.hourly-promo) .hourly-promo__code span{display:none!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code strong{display:grid!important;place-items:center!important;width:min(100%,180px)!important;margin:0!important;padding:8px 4px!important;box-sizing:border-box!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{grid-column:2!important;grid-row:1 / 3!important;width:max-content!important;max-width:calc(100% - 16px)!important;height:max-content!important;min-width:0!important;margin:0!important;padding:6px 9px!important;position:static!important;transform:none!important;justify-self:center!important;align-self:center!important;box-sizing:border-box!important}
  body.page-home:has(.hourly-promo) .hourly-promo__clock{font-size:22px!important}
}

@media (max-width:1240px){
  body.page-home .top-header,body.page-home .top-header .header-shell{height:64px!important}
  body.page-home .top-header .header-shell{display:flex!important;align-items:center!important;padding:0 12px!important}
  body.page-home .top-header .header-left{position:static!important;width:auto!important;height:64px!important;padding:0!important;display:block!important;pointer-events:auto!important}
  body.page-home .top-header .brand-up{position:static!important;height:64px!important;display:flex!important;align-items:center!important}
  body.page-home .top-header .header-left .header-stat,.body.page-home .top-header .header-help{display:none!important}
  body.page-home .top-header .header-right{position:relative!important;top:auto!important;right:auto!important;height:64px!important;margin-left:auto!important;display:flex!important;align-items:center!important}
  body.page-home .top-header .header-right>*:not(.mobile-menu-toggle){display:none!important}
  .mobile-menu-toggle{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:9px!important;background:#101c2f!important;color:#dbe7ff!important;font-size:20px!important;cursor:pointer!important}
  .mobile-header-menu[hidden]{display:none!important}.mobile-header-menu{position:absolute!important;right:0!important;top:56px!important;width:min(290px,calc(100vw - 24px))!important;padding:14px!important;display:grid!important;gap:10px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:13px!important;background:#0b1423!important;box-shadow:0 18px 45px rgba(0,0,0,.45)!important;z-index:30000!important}
  .mobile-header-menu .balance-pill,.mobile-header-menu .deposit-btn,.mobile-header-menu .icon-btn,.mobile-header-menu .avatar-link{display:flex!important;min-height:38px!important;align-items:center!important;justify-content:center!important}
  .mobile-menu-divider{height:1px;background:rgba(148,163,184,.16)}.mobile-menu-stats{display:flex;justify-content:center;gap:18px;color:#b9c9df;font-size:12px;font-weight:800}
}
@media (min-width:1241px){.mobile-menu-toggle,.mobile-header-menu{display:none!important}}

/* Final responsive header behavior */
@media (max-width:1240px){
  .top-header,.top-header .header-shell{height:64px!important}
  .top-header .header-shell{position:relative!important;display:flex!important;align-items:center!important;padding:0 12px!important}
  .top-header .header-left{position:static!important;display:block!important;width:auto!important;height:64px!important;padding:0!important;pointer-events:auto!important}
  .top-header .brand-up{position:static!important;display:flex!important;align-items:center!important;height:64px!important;transform:none!important}
  .top-header .header-left .header-stat,.top-header .header-left .header-help{display:none!important}
  .top-header .header-right{position:relative!important;top:auto!important;right:auto!important;height:64px!important;margin-left:auto!important;display:flex!important;align-items:center!important}
  .top-header .header-right>*:not(.mobile-menu-toggle):not(.mobile-header-menu){display:none!important}
  .mobile-menu-toggle{display:grid!important;place-items:center!important;position:relative!important;z-index:30002!important}
  .mobile-header-menu{display:grid!important;position:absolute!important;right:0!important;top:58px!important}
  .mobile-header-menu[hidden]{display:none!important}
}
@media (min-width:1241px){
  .mobile-menu-toggle{display:none!important}
  .mobile-header-menu{display:flex!important;position:static!important;align-items:center!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .mobile-header-menu .mobile-menu-profile{display:none!important}
  .mobile-header-menu .mobile-menu-divider,.mobile-header-menu .mobile-menu-stats{display:none!important}
  .mobile-header-menu[hidden]{display:flex!important}
}

/* Authoritative logo position for the mobile two-level header. */
@media (max-width:1240px){
  body.page-home .top-header .header-shell .brand-up{
    position:absolute!important;
    left:14px!important;
    top:0!important;
    bottom:auto!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    transform:none!important;
  }
  body.page-home .top-header .header-right{
    top:0!important;
    bottom:auto!important;
    height:64px!important;
    align-items:center!important;
  }
}

/* Mobile/narrow header: two centered horizontal levels. */
@media (max-width:1240px){
  body.page-home .top-header,
  body.page-home .top-header .header-shell{height:122px!important}
  body.page-home .top-header .header-shell{position:relative!important;display:block!important;padding:0!important}
  body.page-home .top-header .header-left{position:absolute!important;inset:0!important;width:100%!important;height:122px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:26px!important;padding:0 12px 15px!important;box-sizing:border-box!important;pointer-events:none!important}
  body.page-home .top-header .brand-up{position:absolute!important;left:14px!important;top:10px!important;pointer-events:auto!important}
  body.page-home .top-header .header-help{display:none!important}
  body.page-home .top-header .header-left .header-stat{position:static!important;display:flex!important;align-items:center!important;margin:0!important;transform:none!important;pointer-events:auto!important;white-space:nowrap!important}
  body.page-home .top-header .header-right{position:absolute!important;right:12px!important;top:10px!important;bottom:auto!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;transform:none!important}
}
@media (max-width:560px){
  body.page-home .top-header .header-left{gap:16px!important;padding-bottom:14px!important}
  body.page-home .top-header .header-left .header-stat{font-size:11px!important;gap:5px!important}
  body.page-home .top-header .header-left .header-stat strong{font-size:12px!important}
  body.page-home .top-header .header-left .header-stat small{font-size:10px!important}
  body.page-home .top-header .header-right{right:10px!important;gap:6px!important}
}

html { scroll-behavior: smooth; }
body {
    background: var(--bg);
    color: var(--text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 15% 20%, rgba(59,130,246,.24), transparent 32rem),
        radial-gradient(circle at 85% 10%, rgba(34,211,238,.18), transparent 28rem),
        linear-gradient(180deg, #0b1020 0%, #070b16 55%, #050812 100%);
    z-index: -2;
}
.site-edge-decor{display:none}
@media (min-width:1241px){
  body.page-home{background:#070b16!important}
  body.page-home::before{display:none!important}
  .site-edge-decor{display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
  .site-edge-decor img{position:absolute;top:0;height:100vh;width:auto;max-width:none;object-fit:contain;user-select:none;pointer-events:none}
  .site-edge-decor__left{left:0;transform:scaleX(-1)}
  .site-edge-decor__right{right:0;transform:scaleX(-1)}
  body.page-home .top-header,body.page-home #app,body.page-home .site-footer{position:relative;z-index:1}
  body.page-home .upgrade-live-history{z-index:1040!important}
}

a { text-decoration: none; }
.glass-nav {
    background: rgba(7, 11, 22, .78);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border);
}
.navbar-brand, .nav-link { color: #fff !important; }
.nav-link { color: var(--muted) !important; }
.nav-link:hover { color: #fff !important; }
.navbar-toggler { background: rgba(255,255,255,.9); }
.brand-dot {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-right: .55rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    box-shadow: 0 0 24px rgba(34,211,238,.6);
}
.btn-primary {
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    border: 0;
    color: #fff;
    box-shadow: 0 14px 30px rgba(59,130,246,.24);
}
.btn-primary:hover { filter: brightness(1.08); }
.hero-section { overflow: hidden; }
.hero-card, .feature-card, .cta-box, .profile-card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 32px;
    backdrop-filter: blur(18px);
}
.hero-card { position: relative; overflow: hidden; }
.hero-card-top {
    height: 220px;
    background:
        linear-gradient(135deg, rgba(59,130,246,.75), rgba(34,211,238,.55)),
        radial-gradient(circle at 60% 35%, rgba(255,255,255,.6), transparent 12rem);
}
.status-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 7px rgba(34,197,94,.12);
}
.metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.metric, .mini-box {
    padding: 1.1rem;
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    border: 1px solid var(--border);
}
.metric span, .mini-box span { display:block; color: var(--muted); font-size:.85rem; }
.metric strong, .mini-box strong { display:block; color:#fff; font-size:1.25rem; }
.mock-list div {
    height: 14px;
    border-radius: 20px;
    margin-top: 14px;
    background: rgba(255,255,255,.11);
}
.mock-list div:nth-child(2) { width: 76%; }
.mock-list div:nth-child(3) { width: 56%; }
.section-pad { padding: 110px 0; }
.feature-card { padding: 2rem; transition: transform .2s ease, border-color .2s ease; }
.feature-card:hover { transform: translateY(-6px); border-color: rgba(34,211,238,.45); }
.feature-card h3 { color: #fff; font-size: 1.25rem; margin-bottom: 1rem; }
.feature-card p { color: var(--muted); margin: 0; }
.cta-box { padding: 2.5rem; }
.footer { background: #050812; border-top: 1px solid var(--border); }
.flash-wrap { padding-top: 90px; margin-bottom: -70px; position: relative; z-index: 5; }
.profile-section { background: radial-gradient(circle at 50% 10%, rgba(59,130,246,.2), transparent 30rem); }
.profile-card { padding: 2rem; }
.avatar { width: 132px; height: 132px; object-fit: cover; border-radius: 30px; border: 1px solid var(--border); }

@media (max-width: 767px) {
    .display-4 { font-size: 2.35rem; }
    .section-pad { padding: 72px 0; }
    .metric-grid { grid-template-columns: 1fr; }
    .hero-card-top { height: 150px; }
}

/* Final mobile stacking for the promo banner and live feed */
@media (max-width:1240px){
  .page-home:has(.hourly-promo) .top-header{position:fixed!important;top:0!important;z-index:20000!important;height:122px!important}
  .page-home:has(.hourly-promo) .hourly-promo{position:relative!important;z-index:2!important;margin-top:122px!important;min-height:0!important}
  .page-home:has(.hourly-promo) .upgrade-live-history{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;z-index:3!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;transform:none!important}
  .page-home:has(.hourly-promo) #app{display:block!important;overflow:visible!important;padding-top:0!important}
}

@media (max-width:1240px){
  body.page-home:has(.hourly-promo) .hourly-promo__inner{position:relative!important;display:block!important;min-height:112px!important;padding:10px 0 12px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus{position:absolute!important;left:0!important;top:10px!important;width:50%!important;height:40px!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0 8px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code{position:absolute!important;right:0!important;top:10px!important;width:50%!important;height:40px!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0 8px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code strong{width:min(100%,190px)!important;margin:0!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{position:absolute!important;left:50%!important;right:auto!important;top:58px!important;width:max-content!important;max-width:calc(100% - 24px)!important;margin:0!important;transform:translateX(-50%)!important;justify-self:auto!important}
  body.page-home:has(.hourly-promo) .hourly-promo__inner{
    grid-template-columns:50% 50%!important;
    column-gap:0!important;
    row-gap:10px!important;
  }
  body.page-home:has(.hourly-promo) .hourly-promo__timer{
    grid-column:1 / -1!important;
    width:max-content!important;
    max-width:calc(100vw - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-self:center!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
  }
  body.page-home:has(.hourly-promo) .hourly-promo__timer{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Keep the promo banner inside the mobile viewport. */
@media (max-width:767px){
  body.page-home:has(.hourly-promo) .hourly-promo{
    width:100%!important;
    max-width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.page-home:has(.hourly-promo) .hourly-promo__inner{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.page-home:has(.hourly-promo) .hourly-promo__code strong{max-width:calc(100vw - 48px);overflow:hidden;text-overflow:ellipsis}
}

/* Apply the same mobile promo layout to narrow desktop/tablet widths. */
@media (min-width:768px) and (max-width:1240px){
  body.page-home:has(.hourly-promo) .hourly-promo__inner{display:grid!important;grid-template-columns:50% 50%!important;grid-template-rows:auto auto!important;gap:10px!important;padding:14px 16px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus{grid-column:1!important;grid-row:1!important;justify-self:stretch!important;align-self:center!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code{grid-column:2!important;grid-row:1!important;justify-self:stretch!important;align-self:center!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code small,body.page-home:has(.hourly-promo) .hourly-promo__code span{display:none!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{grid-column:1/3!important;grid-row:2!important;justify-self:center!important}
}

/* Mobile only: exact 50/50 columns and centered timer between them. */
@media (max-width:767px){
  body.page-home:has(.hourly-promo) .hourly-promo__inner{
    grid-template-columns:50% 50%!important;
    grid-template-rows:auto auto!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.page-home:has(.hourly-promo) .hourly-promo__bonus{grid-column:1!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code{grid-column:2!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{
    grid-column:1 / 3!important;
    grid-row:2!important;
    justify-self:center!important;
    align-self:center!important;
  }
}

/* Mobile promo: bonus information and promo button share one horizontal row. */
@media (max-width:767px){
  body.page-home:has(.hourly-promo) .hourly-promo__inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(118px,.8fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:10px!important;padding:10px 10px 12px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;justify-self:stretch!important;min-width:0!important;gap:7px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus>div{min-width:0!important;text-align:left!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code{grid-column:2!important;grid-row:1!important;display:block!important;align-self:center!important;justify-self:stretch!important;margin:0!important;padding:0!important;text-align:center!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code small,body.page-home:has(.hourly-promo) .hourly-promo__code span{display:none!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code strong{display:grid!important;place-items:center!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:9px 5px!important;font-size:14px!important;line-height:1!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{grid-column:1/-1!important;grid-row:2!important;align-self:center!important;justify-self:center!important;margin:0!important;padding:6px 15px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__badge{flex:0 0 32px!important;width:32px!important;height:32px!important;font-size:22px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus small{font-size:8px!important;line-height:1.1!important;white-space:nowrap!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus strong{font-size:21px!important;line-height:1!important}
}
@media (max-width:560px){
  .page-home:has(.hourly-promo) .hourly-promo__inner{min-height:0!important;padding:12px 12px 14px!important}
  .page-home:has(.hourly-promo) .hourly-promo__bonus{order:1!important}
  .page-home:has(.hourly-promo) .hourly-promo__code{order:2!important}
  .page-home:has(.hourly-promo) .hourly-promo__timer{order:3!important}
  .page-home:has(.hourly-promo) .hourly-promo__clock{font-size:25px!important}
}

/* Header like UPTRADER screenshot */
.promo-wrapper{width:100%}.promo-container{position:relative;display:grid;grid-template-columns:1fr minmax(420px,520px) 1fr;align-items:center;gap:34px;width:100%;max-width:1360px;min-height:104px;margin:0 auto;padding:10px 24px;box-sizing:border-box}.promo-info{display:flex;align-items:center;justify-self:end;gap:12px}.promo-icon{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(139,53,255,.35))}.promo-info--label{color:#fff;font-size:36px;line-height:1;font-weight:950}.promo-info--label-bottom{margin-top:3px;color:#ffcf38;font-size:13px;font-weight:900}.promo-timer--inner{display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 22px;border:2px solid #ff9e2d;border-radius:16px;background:rgba(8,17,30,.78);box-shadow:0 0 24px rgba(255,147,35,.12),inset 0 0 22px rgba(40,105,160,.12)}.promo-timer--label{max-width:118px;margin:0;color:#fff;font-size:15px;line-height:1.05;font-weight:950}.promo-timer--countdown{display:flex;align-items:center;gap:3px;color:#fff;font-size:43px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums;white-space:nowrap}.promo-timer--countdown b{display:grid;place-items:center;min-width:24px;padding:4px 2px;border-radius:5px;background:linear-gradient(#293d58,#111b2b);box-shadow:inset 0 1px rgba(255,255,255,.13),0 3px 8px rgba(0,0,0,.3)}.promo-timer--countdown i{font-style:normal;color:#ffcf38}.promo-timer--icon{width:52px;height:52px;object-fit:contain}.promo-code{justify-self:start;border:0;background:transparent;text-align:center;cursor:pointer}.promo-code--label{margin:0;color:#fff;font-size:15px;font-weight:800}.promo-code--label-light{font-weight:950}.promo-code--button{display:block;margin-top:5px;padding:11px 30px;border-radius:12px;background:linear-gradient(100deg,#ffbd28,#ff4f68);color:#fff;box-shadow:0 8px 18px rgba(255,78,74,.22)}.promo-code--button .inner{font-size:27px;font-weight:950;letter-spacing:.06em;white-space:nowrap}.promo-code:hover .promo-code--button{filter:brightness(1.08);transform:translateY(-1px)}
.hourly-promo .promo-container{background-image:linear-gradient(30deg,transparent 48%,rgba(78,145,194,.13) 49%,transparent 50%),linear-gradient(150deg,transparent 48%,rgba(78,145,194,.1) 49%,transparent 50%);background-size:74px 74px}
@media (max-width:1240px){
  body.page-home .hourly-promo{margin-top:64px!important;min-height:136px!important;height:136px!important;overflow:hidden!important}
  body.page-home .promo-container{display:grid!important;grid-template-columns:50% 50%!important;grid-template-rows:1fr 1fr!important;height:136px!important;min-height:136px!important;max-width:none!important;padding:8px 0!important;gap:0!important}
  body.page-home .promo-info{grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;justify-content:center!important;min-width:0!important;padding:0 5px!important;box-sizing:border-box!important;overflow:hidden!important}
  body.page-home .promo-code{grid-column:1!important;grid-row:2!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:0 5px!important;box-sizing:border-box!important;overflow:hidden!important}
  body.page-home .promo-code--label{display:none!important}.promo-code--button{margin:0!important;padding:8px 5px!important;max-width:100%!important}.promo-code--button .inner{font-size:13px!important}
  body.page-home .promo-timer{grid-column:2!important;grid-row:1 / 3!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important}
  body.page-home .promo-timer--inner{max-width:calc(100% - 12px)!important;padding:6px 7px!important;gap:5px!important;box-sizing:border-box!important}.promo-timer--label{font-size:9px!important;max-width:70px!important}.promo-timer--countdown{font-size:21px!important;gap:2px!important}.promo-timer--countdown b{min-width:15px!important;padding:3px 1px!important}.promo-timer--icon{width:27px!important;height:27px!important}
}
.hourly-promo{position:relative;z-index:1020;min-height:88px;margin-top:72px;overflow:hidden;background:radial-gradient(circle at 20% 50%,rgba(41,117,194,.18),transparent 28%),linear-gradient(105deg,#101b2d,#0a1422 55%,#101b2e);border-bottom:1px solid rgba(91,171,224,.22);box-shadow:inset 0 -1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.18)}.hourly-promo__inner{display:grid;grid-template-columns:1fr minmax(240px,360px) 1fr;align-items:center;gap:28px;max-width:1360px;min-height:88px;margin:0 auto;padding:10px 24px}.hourly-promo__bonus,.hourly-promo__code{display:flex;align-items:center;gap:12px}.hourly-promo__bonus{justify-self:end}.hourly-promo__badge{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;transform:rotate(-12deg);background:linear-gradient(145deg,#8d38ff,#ff4d83);color:#fff000;font-size:32px;font-weight:950;box-shadow:0 7px 18px rgba(126,54,255,.35)}.hourly-promo small{display:block;color:#9fb4d1;font-size:10px;font-weight:900;letter-spacing:.08em}.hourly-promo__bonus strong{display:block;color:#ffdc39;font-size:28px;line-height:1;font-weight:950}.hourly-promo__timer{justify-self:center;text-align:center;padding:8px 28px;border:1px solid rgba(255,174,37,.8);border-radius:13px;background:rgba(8,16,29,.72);box-shadow:inset 0 0 20px rgba(36,111,164,.1)}.hourly-promo__clock{margin-top:2px;color:#f6faff;font-size:32px;line-height:1;font-weight:950;letter-spacing:.08em;font-variant-numeric:tabular-nums}.hourly-promo__code{display:block;justify-self:start;text-align:center}.hourly-promo__code strong{display:block;margin-top:4px;padding:9px 24px;border-radius:11px;background:linear-gradient(90deg,#ffbd25,#ff4f67);color:#fff;font-size:19px;letter-spacing:.06em;font-weight:950;white-space:nowrap}.hourly-promo__clock.is-flipping{animation:hourly-digit-flip .28s ease}@keyframes hourly-digit-flip{0%{transform:translateY(-4px);opacity:.25}100%{transform:translateY(0);opacity:1}}@media (min-width:1241px){.hourly-promo__inner{max-width:none;margin-left:var(--live-feed-width,0px)}}@media (max-width:767px){.hourly-promo{margin-top:122px;min-height:0}.hourly-promo__inner{grid-template-columns:1fr;gap:10px;padding:14px 16px}.hourly-promo__bonus,.hourly-promo__code{justify-self:center}.hourly-promo__timer{order:3}.hourly-promo__clock{font-size:27px}}
.page-home:has(.hourly-promo) .top-header{box-shadow:none!important;border-bottom:0!important;background:#080d18!important}.page-home:has(.hourly-promo) .hourly-promo{margin-top:72px!important;border:0!important;box-shadow:none!important}.page-home:has(.hourly-promo) #app{padding-top:0!important}
.page-home:has(.hourly-promo) .top-header{position:fixed!important;top:0!important;z-index:20000!important;height:72px!important;background:#080d18!important;border:0!important;box-shadow:none!important}
.page-home:has(.hourly-promo) .hourly-promo{position:relative!important;z-index:1!important;top:0!important;margin-top:72px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-color:#101b2d!important}
.page-home:has(.hourly-promo) .upgrade-live-history{position:fixed!important;z-index:21000!important}
.top-header {
    height: 72px;
    background: linear-gradient(180deg, rgba(8, 13, 24, .98), rgba(7, 11, 20, .96));
    border-bottom: 1px solid rgba(148, 163, 184, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
    z-index: 1030;
}
.hourly-promo__clock{display:flex!important;justify-content:center;gap:3px!important;letter-spacing:0!important}.hourly-promo__clock b{display:grid;place-items:center;min-width:24px;padding:4px 2px;border-radius:5px;background:linear-gradient(#293d58,#111b2b);box-shadow:inset 0 1px rgba(255,255,255,.13),0 3px 8px rgba(0,0,0,.3)}.hourly-promo__clock i{font-style:normal;color:#ffcf38}.hourly-promo__code{border:0;cursor:pointer;background:transparent}.hourly-promo__code span{display:block;margin-top:4px;color:#9fb4d1;font-size:10px}.page-home:has(.hourly-promo) main{padding-top:0}.page-home:has(.hourly-promo) .hero-section{margin-top:0;padding-top:0}.page-home:has(.hourly-promo) .top-header{box-shadow:none!important;border-bottom-color:transparent!important}.page-home:has(.hourly-promo) .hourly-promo{border-top:0!important;box-shadow:none!important}
.header-shell {
    height: 72px;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.header-left,
.header-right {
    display: flex;
    align-items: center;
    gap: 22px;
    min-width: 0;
}
.brand-up {
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:38px;
    padding:0 14px 0 11px;
    color:#f7fbff;
    background:linear-gradient(135deg,rgba(21,36,57,.96),rgba(8,16,29,.96));
    border:1px solid rgba(70,199,239,.32);
    clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 22px rgba(34,211,238,.10);
    transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
    font-weight: 950;
    font-size: 19px;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-style: italic;
    transform:skew(-4deg);
    text-shadow:0 1px 0 rgba(255,255,255,.18),0 0 14px rgba(125,220,255,.18);
    white-space: nowrap;
}
.brand-up:hover{color:#fff;filter:brightness(1.12);transform:skew(-4deg) translateY(-1px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 28px rgba(34,211,238,.22)}
.brand-name{display:inline-block}
.brand-mark{display:inline-flex;align-items:flex-end;gap:2px;height:18px;transform:skew(4deg)}
.brand-mark i{display:block;width:4px;background:linear-gradient(#7de4ff,#2aa8df);box-shadow:0 0 8px rgba(42,168,223,.65)}
.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:18px}
.brand-star {
    color: #fff;
    font-size: 17px;
    margin: 0 1px;
}
.header-stat,
.header-help {
    align-items: center;
    gap: 8px;
    color: #8b97aa;
    font-size: 14px;
    white-space: nowrap;
}
.header-stat strong {
    color: #f3f7ff;
    font-size: 15px;
    font-weight: 800;
}
.header-stat small,
.header-help span:last-child {
    color: #8d98ab;
    font-weight: 600;
}
.users-icon {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
}
.users-icon::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #8d9aaf;
    position: absolute;
    left: 2px;
    top: 2px;
}
.users-icon span:first-child {
    width: 11px;
    height: 6px;
    border-radius: 10px 10px 3px 3px;
    background: #8d9aaf;
    position: absolute;
    left: 0;
    bottom: 2px;
}
.users-icon span:last-child {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #37d67a;
    border: 2px solid #070b14;
    position: absolute;
    right: 0;
    bottom: 0;
}
.upgrade-icon {
    color: #ffc226;
    font-size: 28px;
    font-weight: 900;
    line-height: 0;
    transform: translateY(3px);
    text-shadow: 0 0 12px rgba(255, 194, 38, .24);
}
.help-circle {
    width: 17px;
    height: 17px;
    border: 2px solid #7f8da3;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9ca8ba;
    font-size: 11px;
    font-weight: 900;
}
.header-help:hover span:last-child { color: #fff; }
.balance-pill,
.icon-btn {
    min-height: 40px;
    border-radius: 9px;
    background: #121b2c;
    color: #9fb0c7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(148, 163, 184, .05);
}
.balance-pill {
    padding: 0 15px;
    gap: 6px;
    font-weight: 800;
}
.balance-pill .rub,
.balance-pill strong {
    color: #31bbff;
    font-weight: 900;
}
.deposit-btn {
    min-height: 40px;
    padding: 0 18px;
    border-radius: 8px;
    background: linear-gradient(180deg, #2aa8df, #1d8fc5);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 20px rgba(23, 146, 207, .18);
    white-space: nowrap;
}
.deposit-btn:hover { color: #fff; filter: brightness(1.07); }
.steam-login-btn { text-transform: none; }
.icon-btn {
    width: 40px;
    color: #8090a8;
}
.icon-btn:hover { color: #fff; background: #172238; }
.avatar-link {
    width: 40px;
    height: 40px;
    border-radius: 9px;
    overflow: hidden;
    display: inline-flex;
    border: 2px solid rgba(255,255,255,.1);
    background: #121b2c;
}
.avatar-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main { padding-top: 72px; }
.hero-section { margin-top: -72px; padding-top: 72px; }
.flash-wrap { padding-top: 18px; margin-bottom: 0; }

@media (max-width: 767px) {
    .top-header,
    .header-shell { height: 122px; }
    .top-header {
        background: linear-gradient(180deg, rgba(8, 13, 24, .99), rgba(7, 11, 20, .98));
        border-bottom-color: rgba(148, 163, 184, .06);
    }
    .header-shell {
        position: relative;
        padding: 10px 20px 18px;
        gap: 0;
        align-items: flex-start;
    }
    .header-left { display: contents; }
    .brand-up {
        position: absolute;
        left: 20px;
        top: 25px;
        font-size: 26px;
        letter-spacing: -1.15px;
        line-height: 1;
        z-index: 2;
    }
    .brand-star { font-size: 18px; }
    .header-right {
        position: absolute;
        top: 10px;
        right: 20px;
        gap: 10px;
        z-index: 3;
    }
    .header-stat,
    .header-help {
        display: inline-flex !important;
        position: absolute;
        bottom: 21px;
        gap: 9px;
        font-size: 16px;
    }
    .header-stat strong { font-size: 16px; font-weight: 700; }
    .header-stat small,
    .header-help span:last-child { font-size: 14px; font-weight: 500; }
    .header-stat:nth-of-type(1) { left: 20px; }
    .header-stat:nth-of-type(2) { left: 176px; }
    .header-help { left: 390px; }
    .users-icon { width: 22px; height: 22px; }
    .users-icon::before { width: 8px; height: 8px; left: 3px; top: 3px; }
    .users-icon span:first-child { width: 13px; height: 7px; bottom: 3px; }
    .users-icon span:last-child { width: 7px; height: 7px; border-width: 2px; }
    .upgrade-icon { font-size: 33px; transform: translateY(4px); }
    .help-circle { width: 20px; height: 20px; font-size: 12px; }
    .balance-pill {
        min-height: 38px;
        padding: 0 10px;
        gap: 6px;
        border: 0;
        border-radius: 10px;
        background: linear-gradient(180deg, #28a7de, #1f91c8);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 22px rgba(23,146,207,.18);
        cursor: pointer;
    }
    .balance-pill .rub,
    .balance-pill strong { color: #fff; font-size: 13px; font-weight: 600; }
    .balance-pill::after {
        content: "";
        width: 13px;
        height: 13px;
        margin-left: 3px;
        opacity: .95;
        background: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7.5A3.5 3.5 0 0 1 6.5 4H18a2 2 0 0 1 2 2v1.5h-2V6H6.5A1.5 1.5 0 0 0 5 7.5V8h15a2 2 0 0 1 2 2v7a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V7.5Zm14 6a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7.5A3.5 3.5 0 0 1 6.5 4H18a2 2 0 0 1 2 2v1.5h-2V6H6.5A1.5 1.5 0 0 0 5 7.5V8h15a2 2 0 0 1 2 2v7a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V7.5Zm14 6a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
    }
    .deposit-btn[data-balance-open] { display: none; }
    .steam-login-btn {
        min-height: 38px;
        padding: 0 13px;
        border-radius: 8px;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        gap: 0;
    }
    .steam-login-btn::before {
        content: "";
        width: 13px;
        height: 13px;
        flex: 0 0 13px;
        margin-right: 7px;
        background: currentColor;
        -webkit-mask: url("../img/steam.svg") center / contain no-repeat;
        mask: url("../img/steam.svg") center / contain no-repeat;
    }
    .icon-btn { width: 36px; min-height: 36px; border-radius: 8px; }
    .icon-btn svg { width: 14px; height: 14px; }
    .avatar-link { width: 36px; height: 36px; border-radius: 8px; }
    main { padding-top: 122px; }
    .hero-section { margin-top: -122px; padding-top: 122px; }
}

@media (max-width: 560px) {
    .top-header,
    .header-shell { height: 112px; }
    .header-shell { padding: 10px 12px 16px; }
    .brand-up { left: 12px; top: 24px; font-size: 21px; }
    .brand-star { font-size: 15px; }
    .header-right { right: 12px; gap: 7px; }
    .header-stat,
    .header-help { bottom: 18px; gap: 6px; }
    .header-stat:nth-of-type(1) { left: 12px; }
    .header-stat:nth-of-type(2) { left: 132px; }
    .header-help { left: 292px; }
    .header-stat strong { font-size: 15px; }
    .header-stat small,
    .header-help span:last-child { font-size: 13px; }
    .users-icon { width: 18px; height: 18px; }
    .upgrade-icon { font-size: 28px; }
    .help-circle { width: 18px; height: 18px; }
    .balance-pill { min-height: 34px; padding: 0 8px; }
    .balance-pill .rub, .balance-pill strong { font-size: 12px; font-weight: 600; }
    .balance-pill::after { width: 12px; height: 12px; margin-left: 2px; }
    .icon-btn { width: 34px; min-height: 34px; border-radius: 8px; }
    .icon-btn svg { width: 13px; height: 13px; }
    .avatar-link { width: 34px; height: 34px; border-radius: 8px; }
    .steam-login-btn { min-height: 34px; padding: 0 11px; font-size: 10px; font-weight: 600; }
    .steam-login-btn::before { width: 12px; height: 12px; flex-basis: 12px; margin-right: 6px; }
    main { padding-top: 112px; }
    .hero-section { margin-top: -112px; padding-top: 112px; }
}

@media (max-width: 430px) {
    .brand-up { font-size: 18px; }
    .balance-pill { min-height: 32px; padding: 0 7px; }
    .balance-pill .rub, .balance-pill strong { font-size: 11px; font-weight: 600; }
    .icon-btn { width: 32px; min-height: 32px; }
    .icon-btn svg { width: 12px; height: 12px; }
    .avatar-link { width: 32px; height: 32px; }
    .steam-login-btn { min-height: 32px; padding: 0 9px; font-size: 9.5px; font-weight: 600; }
    .steam-login-btn::before { width: 11px; height: 11px; flex-basis: 11px; margin-right: 5px; }
    .header-stat:nth-of-type(2) { left: 112px; }
    .header-help { left: 246px; }
    .header-help span:last-child { max-width: 128px; overflow: hidden; text-overflow: ellipsis; }
    .icon-btn.d-none.d-sm-inline-flex { display: none !important; }
}
.icon-btn { position: relative; }
.notification-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 99px;
    background: #2aa8df;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 900;
    border: 2px solid #0b111c;
}


/* Upgrade target cards that are incompatible with the selected input skin. */
.skin-card.is-upgrade-unavailable{filter:grayscale(.75) brightness(.62);opacity:.62;cursor:not-allowed}
.skin-card.is-upgrade-unavailable:hover{transform:none;filter:grayscale(.75) brightness(.62)}

/* The consolation dialog is above the shared support blur layer. */
.support-modal-open .consolation-modal{filter:none!important;pointer-events:auto!important}
.consolation-close{position:fixed!important;top:14px!important;right:18px!important;z-index:100130!important}
.consolation-track.is-spinning{animation-duration:11.5s!important;animation-timing-function:cubic-bezier(.08,.74,.16,1)!important}
.consolation-winner .consolation-card b{color:var(--skin-text,#dbe7ff)}
.consolation-card.rarity-industrial{--skin-text:#58a6ff}.consolation-card.rarity-milspec{--skin-text:#687cff}.consolation-card.rarity-restricted{--skin-text:#bd75ff}.consolation-card.rarity-classified{--skin-text:#ff72d2}.consolation-card.rarity-covert{--skin-text:#ff6674}.consolation-card.rarity-rare{--skin-text:#ffd45c}.consolation-card.rarity-contraband{--skin-text:#ff963f}
.consolation-confirm{position:fixed;z-index:100140;width:min(460px,calc(100vw - 32px));padding:26px;border:1px solid rgba(248,113,113,.34);border-radius:18px;background:linear-gradient(180deg,#17243a,#0b1424);box-shadow:0 24px 80px rgba(0,0,0,.65);text-align:center;color:#fff}.consolation-confirm[hidden]{display:none}.consolation-confirm h3{margin:0 0 12px;font-size:20px}.consolation-confirm p{color:#b6c4d8;line-height:1.5}.consolation-confirm>div{display:flex;justify-content:center;gap:10px;margin-top:20px}.consolation-confirm button{border:0;border-radius:9px;padding:11px 16px;color:#fff;font-weight:900;cursor:pointer}.consolation-confirm button:first-child{background:#ef5362}.consolation-confirm button:last-child{background:#278fca}

/* SPA feedback */
.consolation-sound{position:fixed;left:50%;bottom:14px;z-index:100130;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#aebed5;font-size:12px;font-weight:400}.consolation-sound input{position:absolute;opacity:0;pointer-events:none}.consolation-sound i{width:38px;height:20px;border-radius:999px;background:#34455f;position:relative;cursor:pointer;transition:.2s}.consolation-sound i:before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.consolation-sound input:checked+i{background:#269bd4}.consolation-sound input:checked+i:before{transform:translateX(18px)}
.consolation-track .consolation-card b{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px!important;font-weight:500!important;line-height:1.15!important;text-align:center;color:#dbe7ff!important;margin:4px 0 0}
.consolation-dialog h2,.consolation-result h2,.consolation-spinner h2{font-size:24px!important;font-weight:600!important;line-height:1.15!important}.consolation-received{font-size:14px!important;font-weight:400!important}.consolation-winner-name{font-size:14px!important;font-weight:500!important;line-height:1.35!important;max-width:430px!important;overflow-wrap:anywhere!important}.consolation-actions button{font-size:14px!important;font-weight:500!important;line-height:1.2!important;padding:12px 20px!important}.consolation-card b{font-size:12px!important;font-weight:500!important;line-height:1.25!important}.consolation-card small{font-size:11px!important;font-weight:400!important}.consolation-confirm h3{font-size:17px!important;font-weight:500!important;line-height:1.3!important}.consolation-confirm p{font-size:13px!important;font-weight:400!important}.consolation-confirm button{font-size:13px!important;font-weight:500!important}
.consolation-dialog,.consolation-confirm{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.consolation-result h2{font-size:28px;font-weight:800;letter-spacing:-.02em}.consolation-received{font-size:15px;font-weight:500;color:#c7d3e6;margin:0 0 14px}.consolation-winner-name{font-size:15px;font-weight:650;line-height:1.25;overflow-wrap:anywhere}.consolation-winner .consolation-card{height:170px}.consolation-winner .consolation-card img{height:135px}.consolation-winner-name+*{font-size:12px}
.consolation-confirm[hidden]{display:none!important}.consolation-dialog[hidden]{display:none!important}
.consolation-dialog{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}
.consolation-winner-name{margin:-12px auto 22px;color:var(--skin-text,#dbe7ff);font-size:18px;font-weight:900;max-width:420px}
.consolation-winner-name{display:block!important;margin:10px auto 22px!important;font-size:14px!important;font-weight:400!important;line-height:1.35!important;max-height:3.8em!important;overflow:hidden!important}
.consolation-winner-name{display:flex!important;flex-direction:column!important;gap:3px!important;margin:10px auto 22px!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important;max-height:4em!important;overflow:hidden!important;overflow-wrap:anywhere!important}.consolation-winner-name strong,.consolation-winner-name span{font-weight:700!important;color:inherit!important}.consolation-card b,.consolation-card small{display:none!important}
.consolation-winner-name{margin:8px auto 10px!important}.consolation-winner{margin-bottom:10px!important}
.consolation-winner-name{color:var(--skin-text,#dbe7ff)!important}
.consolation-winner-name{color:var(--skin-text,#dbe7ff)!important}.consolation-winner.rarity-industrial{--skin-text:#58a6ff}.consolation-winner.rarity-milspec{--skin-text:#687cff}.consolation-winner.rarity-restricted{--skin-text:#bd75ff}.consolation-winner.rarity-classified{--skin-text:#ff72d2}.consolation-winner.rarity-covert{--skin-text:#ff6674}.consolation-winner.rarity-rare{--skin-text:#ffd45c}.consolation-winner.rarity-contraband{--skin-text:#ff963f}
.consolation-winner .consolation-card b,.consolation-winner .consolation-card small{display:none!important}
.consolation-never{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:#91a4bf;font-size:12px}.consolation-never input{accent-color:#278fca}
.consolation-confirm{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
.consolation-track.is-spinning{animation-duration:11.5s!important}
.consolation-winner .consolation-card b{color:var(--skin-text,#dbe7ff)}
.consolation-card.rarity-industrial{--skin-text:#58a6ff}.consolation-card.rarity-milspec{--skin-text:#687cff}.consolation-card.rarity-restricted{--skin-text:#bd75ff}.consolation-card.rarity-classified{--skin-text:#ff72d2}.consolation-card.rarity-covert{--skin-text:#ff6674}.consolation-card.rarity-rare{--skin-text:#ffd45c}.consolation-card.rarity-contraband{--skin-text:#ff963f}
.consolation-modal{position:fixed;inset:0;z-index:100110;display:grid;place-items:center;padding:24px}.consolation-modal[hidden]{display:none}.consolation-modal:before{content:"";position:absolute;inset:0;background:rgba(3,8,18,.42);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.consolation-dialog{position:relative;width:min(760px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:38px 34px 32px;border:1px solid rgba(148,163,184,.24);border-radius:24px;background:linear-gradient(180deg,rgba(17,26,48,.99),rgba(8,15,28,.99));box-shadow:0 30px 100px rgba(0,0,0,.55);text-align:center;color:#fff;overflow:hidden}.consolation-close{position:absolute;right:16px;top:12px;width:38px;height:38px;border:0;border-radius:10px;background:rgba(17,26,48,.72);color:#b5c5df;font-size:30px;line-height:1;cursor:pointer}.consolation-close:hover{color:#fff;background:rgba(37,99,235,.28)}.consolation-spinner h2,.consolation-result h2{margin:0 0 22px;font-size:30px;font-weight:950}.consolation-track-window{height:190px;position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#07101f}.consolation-track{height:100%;display:flex;align-items:center;gap:12px;padding:0 12px;transform:translateX(0)}.consolation-track.is-spinning{animation:consolation-spin 6s cubic-bezier(.08,.74,.16,1) forwards}.consolation-card{flex:0 0 140px;height:160px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#17243a;padding:9px;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.08);position:relative;overflow:hidden}.consolation-card:before{content:"";position:absolute;inset:0;background:var(--skin-glow,rgba(125,135,150,.25));opacity:.5}.consolation-card>*{position:relative;z-index:1}.consolation-card img{width:100%;height:100px;object-fit:contain}.consolation-card b{display:block;font-size:14px}.consolation-card small{color:#a9b8cf}.consolation-card.rarity-industrial{--skin-glow:rgba(75,130,210,.5)}.consolation-card.rarity-milspec{--skin-glow:rgba(45,75,210,.58)}.consolation-card.rarity-restricted{--skin-glow:rgba(128,54,190,.62)}.consolation-card.rarity-classified{--skin-glow:rgba(196,55,160,.62)}.consolation-card.rarity-covert{--skin-glow:rgba(205,55,55,.65)}.consolation-card.rarity-rare{--skin-glow:rgba(196,142,38,.65)}.consolation-card.rarity-contraband{--skin-glow:rgba(215,104,30,.68)}.consolation-pointer{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:3px;background:#ffcf55;box-shadow:0 0 16px #ffcf55;transform:translateX(-50%)}.consolation-spinner p{color:#9fb2d5}.consolation-result{animation:consolation-result-in .45s ease both}.consolation-winner{width:230px;margin:0 auto 24px;padding:14px;border-radius:16px;background:#17243a}.consolation-winner .consolation-card{width:200px;margin:auto}.consolation-winner img{width:170px;height:150px;object-fit:contain}.consolation-winner b{display:block;font-size:17px}.consolation-winner small{color:#a9b8cf}.consolation-actions{display:flex;justify-content:center;gap:12px}.consolation-actions button{border:0;border-radius:10px;padding:13px 22px;color:#fff;font-weight:900;cursor:pointer}.consolation-actions button:first-child{background:#229bd4}.consolation-actions button:last-child{background:#2eaf69}@keyframes consolation-spin{from{transform:translateX(0)}to{transform:translateX(var(--consolation-stop, -1500px))}}@keyframes consolation-result-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.consolation-dialog{width:calc(100vw - 24px);padding:34px 14px 24px}.consolation-actions{flex-direction:column}.consolation-actions button{width:100%}}
html.spa-loading [data-spa-root] {
    opacity: .55;
    transition: opacity .15s ease;
    pointer-events: none;
}

/* Upgrade UI */
.upgrade-page{min-height:calc(100vh - 72px);padding:22px 0 60px;background:radial-gradient(circle at 50% 8%,rgba(36,117,205,.18),transparent 34rem)}
.upgrade-wrap{max-width:1360px;margin:0 auto;padding:0 22px}.upgrade-title{text-align:center;color:#fff;font-weight:950;font-size:28px;letter-spacing:1px;margin:14px 0 20px;text-shadow:2px 2px 0 rgba(255,118,62,.35)}
.upgrade-top{display:grid;grid-template-columns:1fr 360px 1fr;gap:30px;align-items:center}.pick-panel,.inventory-box{background:rgba(7,13,24,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);position:relative;overflow:hidden}.pick-panel{height:320px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(120deg,transparent,rgba(34,211,238,.03)),radial-gradient(circle at 50% 40%,rgba(255,212,0,.08),transparent 16rem)}
.pick-panel:before,.inventory-box:before{content:"";position:absolute;inset:0;opacity:.18;background-size:140px 80px;background-image:linear-gradient(30deg,transparent 48%,rgba(242,212,39,.5) 49%,rgba(242,212,39,.5) 51%,transparent 52%);pointer-events:none}.panel-icons{position:absolute;left:18px;top:18px;display:flex;gap:9px;z-index:6;pointer-events:auto}.panel-icons span,.panel-icons button{width:30px;height:30px;border-radius:8px;background:#0b1321;border:0;display:flex;align-items:center;justify-content:center;color:#8fa0b7;font-weight:800}.panel-icons button{cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.panel-icons button:hover{color:#fff;transform:translateY(-1px)}.panel-icons button.active{background:#ff2d2d;color:#fff;box-shadow:0 0 0 3px rgba(255,45,45,.18),0 0 18px rgba(255,45,45,.38)}.skin-preview{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.skin-preview img{width:260px;height:150px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.45))}.skin-preview b{max-width:330px;color:#fff;font-weight:900}.skin-preview span{color:#ffd63d;font-weight:900}.skin-empty{font-weight:950;color:#fff;font-size:18px;line-height:1.25}.skin-preview small{color:#8d9ab0;font-weight:700}.chance-panel{display:flex;flex-direction:column;align-items:center;gap:18px}.chance-ring{--chance:0;width:290px;height:290px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#f7eb15 0 calc(var(--chance)*1%),#ff463e calc(var(--chance)*1%) 98%,#0c1626 0);box-shadow:0 0 0 12px #0c1626,0 0 0 14px rgba(73,96,130,.45),inset 0 0 45px rgba(0,0,0,.55)}.chance-ring:before{content:"";position:absolute;inset:46px;border-radius:50%;background:#08111f;border:2px solid rgba(103,127,164,.35)}.chance-core{position:relative;width:150px;height:150px;border-radius:50%;background:#09111f;border:1px dashed rgba(147,165,194,.3);display:flex;flex-direction:column;align-items:center;justify-content:center}.chance-core strong{font-size:36px;color:#b9ff35;font-weight:950}.chance-core span{color:#d5ff39;font-weight:800}.pointer{position:absolute;left:50%;top:6px;width:18px;height:56px;margin-left:-9px;background:linear-gradient(#fff31a,#ff9e16);clip-path:polygon(50% 0,100% 60%,50% 100%,0 60%);transform-origin:50% 139px;z-index:3;filter:drop-shadow(0 0 8px rgba(255,216,0,.8))}.pointer.spin{animation:spinPointer 1.25s cubic-bezier(.2,.8,.2,1) infinite}@keyframes spinPointer{to{transform:rotate(1440deg)}}.upgrade-start{width:236px;height:52px;border:0;border-radius:12px;background:linear-gradient(180deg,#aa8425,#8d6b1c);color:#030712;font-weight:950}.upgrade-start:disabled{opacity:.45;filter:grayscale(1)}
.control-row{display:grid;grid-template-columns:1fr auto;gap:26px;margin:12px 0 40px}.balance-line{height:46px;border-radius:12px;background:rgba(7,13,24,.72);border:1px solid rgba(148,163,184,.1);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#93b5df}.balance-line b{font-size:15px}.balance-line strong{color:#ffd720}.choice-buttons{display:flex;gap:8px}.choice-buttons button{min-width:74px;height:46px;border-radius:9px;border:1px solid rgba(148,163,184,.12);background:#08111f;color:#b9c4d3;font-weight:950}.choice-buttons button.active,.choice-buttons button:hover{border-color:#ffd21c;color:#ffdd24;background:rgba(255,210,28,.08)}.choice-buttons button:nth-child(4){color:#ff4d5b}.choice-buttons button:nth-child(6){color:#2ff485}
.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inventory-box{min-height:390px;padding:16px}.tabs{position:relative;z-index:1;display:flex;gap:10px;margin-bottom:14px}.tabs button{border:0;border-radius:9px;padding:10px 18px;background:transparent;color:#69758a;font-weight:900}.tabs button.active{background:#1a2639;color:#fff}.shop-actions{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-bottom:12px}.buy-btn{border:0;background:#249bd4;color:#fff;border-radius:8px;padding:10px 15px;font-weight:900}.search-row{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px}.search-row input{height:42px;background:#121d2e;border:1px solid rgba(148,163,184,.08);border-radius:8px;color:#fff;padding:0 14px}.search-row span{height:42px;border-radius:8px;background:#121d2e;color:#78879d;display:flex;align-items:center;padding:0 14px;font-weight:700}.target-filters{grid-template-columns:minmax(180px,1fr) 76px 92px auto;align-items:center}.search-input,.price-filter{height:42px;background:#121d2e;border:1px solid rgba(148,163,184,.08);border-radius:8px;display:flex;align-items:center;overflow:hidden}.search-input span{height:auto;background:transparent;color:#64748b;padding:0 0 0 12px}.search-input input,.price-filter input{width:100%;height:100%;border:0;background:transparent;padding:0 10px;color:#fff;outline:none}.price-filter span{height:auto;background:transparent;color:#fff;padding:0 11px 0 4px;font-weight:900}.sort-filter{height:42px;border:0;border-radius:8px;background:#172236;color:#fff;padding:0 14px;font-weight:950;display:flex;align-items:center;gap:8px}.sort-filter span{height:auto;background:transparent;color:#9fb0c7;padding:0;font-weight:950}.items-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.skin-card{height:164px;border:0;background:#111923;border-radius:8px;text-align:left;padding:10px;color:#fff;position:relative;overflow:hidden;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,filter .15s ease}.skin-card:hover{transform:translateY(-2px);filter:brightness(1.08)}.skin-card.active{box-shadow:0 0 0 2px rgba(52,211,153,.65),0 10px 28px rgba(0,0,0,.25)}.skin-card::before{content:"";position:absolute;inset:0;opacity:.92;background:linear-gradient(180deg,rgba(20,27,35,.93) 0%,rgba(20,27,35,.82) 47%,var(--skin-glow,rgba(125,135,150,.34)) 100%)}.skin-card::after{content:"";position:absolute;inset:auto 0 0;height:58%;background:radial-gradient(ellipse at center bottom,var(--skin-glow-strong,rgba(125,135,150,.42)),transparent 68%);opacity:.72}.rarity-consumer{--skin-glow:rgba(142,154,170,.33);--skin-glow-strong:rgba(190,199,210,.34)}.rarity-industrial{--skin-glow:rgba(75,130,210,.40);--skin-glow-strong:rgba(88,166,255,.48)}.rarity-milspec{--skin-glow:rgba(45,75,210,.48);--skin-glow-strong:rgba(54,100,255,.58)}.rarity-restricted{--skin-glow:rgba(128,54,190,.52);--skin-glow-strong:rgba(163,83,255,.64)}.rarity-classified{--skin-glow:rgba(196,55,160,.50);--skin-glow-strong:rgba(255,81,205,.62)}.rarity-covert{--skin-glow:rgba(205,55,55,.50);--skin-glow-strong:rgba(255,77,77,.62)}.rarity-rare{--skin-glow:rgba(196,142,38,.52);--skin-glow-strong:rgba(255,190,67,.65)}.rarity-contraband{--skin-glow:rgba(215,104,30,.52);--skin-glow-strong:rgba(255,142,45,.65)}.skin-card>*{position:relative;z-index:1}.skin-wear{position:absolute;left:10px;top:8px;color:rgba(255,255,255,.36);font-weight:950;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.skin-rarity-label{position:absolute;right:10px;top:8px;max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.26);font-weight:800;font-size:10px;opacity:.0}.skin-card img{width:100%;height:86px;object-fit:contain;margin-top:14px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35))}.skin-card b{display:block;color:#fff;font-size:15px;line-height:1.05;font-weight:950;text-shadow:0 1px 1px rgba(0,0,0,.5);white-space:nowrap}.skin-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#c1c7d0;font-weight:800;font-size:11px;line-height:1.18;margin-top:5px}.skin-card .rarity{display:none}.empty-inv{grid-column:1/-1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8f9db2}.empty-inv b{color:#fff;font-size:20px}.skin-pagination{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.skin-pagination[hidden]{display:none}.skin-pagination button{min-width:38px;height:34px;border:1px solid rgba(148,163,184,.16);border-radius:9px;background:#101a2b;color:#fff;font-weight:950}.skin-pagination button:disabled{opacity:.35;cursor:not-allowed}.skin-pagination span{min-width:72px;text-align:center;color:#9fb0c7;font-weight:900}.toast-area{position:fixed;right:18px;bottom:18px;z-index:2000;display:flex;flex-direction:column;gap:8px}.up-toast{background:#122238;border:1px solid rgba(34,211,238,.25);color:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 16px 35px rgba(0,0,0,.35);font-weight:800}.up-toast.bad{border-color:rgba(255,77,91,.45);background:#2a1018}.result-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1900;display:grid;place-items:center}.result-modal[hidden]{display:none}.result-modal>div{width:min(420px,92vw);border-radius:26px;padding:34px;text-align:center;background:#0c1626;border:1px solid rgba(148,163,184,.18);box-shadow:0 25px 80px rgba(0,0,0,.55)}.result-modal h2{font-weight:950;color:#fff}.result-modal.win h2{color:#8bff45}.result-modal.lose h2{color:#ff6674}.result-modal p{color:#aab6ca}.result-modal button{border:0;border-radius:10px;background:#2aa8df;color:#fff;font-weight:900;padding:11px 18px}
@media(max-width:1100px){.upgrade-top,.upgrade-grid{grid-template-columns:1fr}.chance-panel{order:3}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-row{grid-template-columns:1fr}.choice-buttons{flex-wrap:wrap}}@media(max-width:640px){.upgrade-wrap{padding:0 12px}.pick-panel{height:250px}.chance-ring{width:240px;height:240px}.pointer{transform-origin:50% 114px}.choice-buttons button{min-width:64px}.items-grid{grid-template-columns:1fr 1fr}.search-row,.target-filters{grid-template-columns:1fr 1fr}.target-filters .search-input{grid-column:1/-1}.skin-preview img{width:210px}}

/* Profile withdrawal statistics */
.profile-withdraw-divider{margin:12px 0;border:0;border-top:1px solid rgba(148,163,184,.16);opacity:1}.profile-withdraw-stat{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px}.profile-withdraw-stat span{color:#9fb2d5;font-size:12px;font-weight:800}.profile-withdraw-stat b{color:#eef4ff;font-size:13px;font-weight:950}

/* Upgrade preparation panel: selected skins and chance gauge */
.pick-panel{isolation:isolate;background-color:rgba(7,13,24,.84)}
.pick-panel:before{opacity:.28;background-size:160px 92px;background-image:linear-gradient(30deg,transparent 47.8%,var(--panel-line,rgba(242,212,39,.58)) 48.8%,var(--panel-line,rgba(242,212,39,.58)) 50.8%,transparent 51.8%)}
.pick-panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.9;background:radial-gradient(circle at 50% 43%,var(--panel-glow,rgba(245,197,39,.14)),transparent 34%),linear-gradient(180deg,transparent 55%,var(--panel-bottom,rgba(245,197,39,.07)));z-index:0}
.pick-panel.has-selected{border-color:color-mix(in srgb,var(--panel-line,#f2d427) 38%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 0 38px var(--panel-glow,rgba(245,197,39,.08))}
.pick-panel.rarity-consumer{--panel-line:rgba(190,199,210,.46);--panel-glow:rgba(190,199,210,.11);--panel-bottom:rgba(190,199,210,.045)}
.pick-panel.rarity-industrial{--panel-line:rgba(88,166,255,.62);--panel-glow:rgba(88,166,255,.14);--panel-bottom:rgba(88,166,255,.06)}
.pick-panel.rarity-milspec{--panel-line:rgba(54,100,255,.66);--panel-glow:rgba(54,100,255,.15);--panel-bottom:rgba(54,100,255,.07)}
.pick-panel.rarity-restricted{--panel-line:rgba(163,83,255,.66);--panel-glow:rgba(163,83,255,.17);--panel-bottom:rgba(163,83,255,.075)}
.pick-panel.rarity-classified{--panel-line:rgba(255,81,205,.66);--panel-glow:rgba(255,81,205,.16);--panel-bottom:rgba(255,81,205,.075)}
.pick-panel.rarity-covert{--panel-line:rgba(255,77,77,.72);--panel-glow:rgba(255,77,77,.15);--panel-bottom:rgba(255,77,77,.07)}
.pick-panel.rarity-rare{--panel-line:rgba(255,190,67,.72);--panel-glow:rgba(255,190,67,.17);--panel-bottom:rgba(255,190,67,.075)}
.pick-panel.rarity-contraband{--panel-line:rgba(255,142,45,.72);--panel-glow:rgba(255,142,45,.17);--panel-bottom:rgba(255,142,45,.075)}
.profile-best-panel.rarity-consumer{--panel-line:rgba(190,199,210,.46);--panel-glow:rgba(190,199,210,.11);--panel-bottom:rgba(190,199,210,.045)}.profile-best-panel.rarity-industrial{--panel-line:rgba(88,166,255,.62);--panel-glow:rgba(88,166,255,.14);--panel-bottom:rgba(88,166,255,.06)}.profile-best-panel.rarity-milspec{--panel-line:rgba(54,100,255,.66);--panel-glow:rgba(54,100,255,.15);--panel-bottom:rgba(54,100,255,.07)}.profile-best-panel.rarity-restricted{--panel-line:rgba(163,83,255,.66);--panel-glow:rgba(163,83,255,.17);--panel-bottom:rgba(163,83,255,.075)}.profile-best-panel.rarity-classified{--panel-line:rgba(255,81,205,.66);--panel-glow:rgba(255,81,205,.16);--panel-bottom:rgba(255,81,205,.075)}.profile-best-panel.rarity-covert{--panel-line:rgba(255,77,77,.72);--panel-glow:rgba(255,77,77,.15);--panel-bottom:rgba(255,77,77,.07)}.profile-best-panel.rarity-rare{--panel-line:rgba(255,190,67,.72);--panel-glow:rgba(255,190,67,.17);--panel-bottom:rgba(255,190,67,.075)}.profile-best-panel.rarity-contraband{--panel-line:rgba(255,142,45,.72);--panel-glow:rgba(255,142,45,.17);--panel-bottom:rgba(255,142,45,.075)}
.skin-preview{width:100%;min-height:255px;justify-content:center;padding:34px 42px 18px}.skin-preview img{width:min(330px,70%);height:160px;margin-bottom:4px}.skin-preview b{font-size:18px;line-height:1.16;text-shadow:0 2px 8px rgba(0,0,0,.75)}.skin-preview span{font-size:16px;text-shadow:0 0 12px currentColor}.pick-panel.has-selected .skin-preview{position:static}.selected-clear{position:absolute;right:18px;top:18px;width:30px;height:30px;border:0;border-radius:8px;background:#0b1321;color:#8fa0b7;font-weight:950;z-index:8;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;appearance:none;-webkit-appearance:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.selected-clear svg{width:15px;height:15px;display:block;stroke:currentColor;stroke-width:2.25;fill:none;stroke-linecap:round;stroke-linejoin:round}.selected-clear:hover{color:#fff;background:#172236;transform:translateY(-1px)}.selected-clear:focus,.selected-clear:focus-visible{outline:0;box-shadow:none}
.chance-ring{--pointer-angle:0deg;overflow:visible;background:radial-gradient(circle at 50% 50%,#0a1422 0 43%,transparent 44%),conic-gradient(from 90deg,#0c1626 0 25%,#e8f015 25% calc(25% + var(--chance)*.5%),#ff4a2d calc(25% + var(--chance)*.5%) 75%,#0c1626 75% 100%)}
.chance-ring:after{content:"50%                 50%";white-space:pre;position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#b7c9e8;font-size:16px;font-weight:800;pointer-events:none}.chance-ring:before{box-shadow:0 0 0 14px rgba(7,13,24,.95),inset 0 0 22px rgba(0,0,0,.55)}
.chance-core strong{font-size:38px;color:#c8ff2d;text-shadow:0 0 18px rgba(185,255,53,.12)}.chance-core span{font-size:16px;color:#c8ff2d}.pointer{transform:rotate(var(--pointer-angle));transition:transform .25s ease}.pointer.spin{animation:spinPointer 1.25s cubic-bezier(.2,.8,.2,1) infinite}.upgrade-start:not(:disabled){background:linear-gradient(180deg,#ffc20e,#d79912);box-shadow:0 0 28px rgba(255,194,14,.18)}

/* Chance gauge: sector grows symmetrically from bottom to top like the reference screenshots.
   0% = empty, 50% = lower semicircle, 80% = almost full ring with a top gap. */
.chance-ring{
  --chance:0;
  --arc-start:180deg;
  --arc-mid:180deg;
  --arc-end:180deg;
  --arc-edge:#ef3b32;
  --pointer-angle:0deg;
  overflow:visible;
  background:
    radial-gradient(circle at 50% 50%,#0a1422 0 43%,transparent 44%),
    conic-gradient(from 0deg,
      #0c1626 0deg var(--arc-start),
      var(--arc-edge) var(--arc-start),
      #ffb51b calc(var(--arc-start) + (var(--arc-end) - var(--arc-start)) * .38),
      #61e33e calc(var(--arc-start) + (var(--arc-end) - var(--arc-start)) * .78),
      #37d98d var(--arc-end),
      #0c1626 var(--arc-end) 360deg);
}
.chance-wheel-base{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none;object-fit:contain}
.chance-ring{background:transparent!important;box-shadow:none!important}
.chance-ring:before{display:none!important}
.chance-ring.is-low{--arc-edge:#ef3b32}
.chance-ring.is-mid{--arc-edge:#ffb51b}
.chance-ring.is-high{--arc-edge:#37d98d}
.pointer{transform:rotate(var(--pointer-angle));}

/* Upgrade spin animation and win fireworks */
.chance-ring.is-spinning .pointer{transition:none}
.upgrade-start.is-busy{pointer-events:none;filter:saturate(.9) brightness(.9)}
.upgrade-fireworks{position:fixed;inset:0;z-index:2100;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.04),transparent 32rem)}
.upgrade-fireworks i{position:absolute;width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px currentColor;animation:upgradeFirework 1.25s cubic-bezier(.08,.72,.24,1) var(--delay,0ms) forwards;opacity:0;transform:translate(-50%,-50%) scale(.35)}
@keyframes upgradeFirework{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}
  10%{opacity:1}
  82%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1)}
  100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y) + 26px)) scale(.1)}
}

/* Smooth one-piece upgrade spin: JS drives the pointer every frame, so CSS must not interpolate it again. */
.chance-ring .pointer,
.chance-ring.is-spinning .pointer{
  transition:none !important;
  will-change:transform;
}


/* Win effect is restricted to the desired-skin panel only. */
.pick-panel[data-drop="target"]{position:relative;overflow:hidden}
.upgrade-fireworks{display:none!important}
.upgrade-fireworks-target{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),transparent 34%)}
.upgrade-fireworks-target i{position:absolute;width:7px;height:7px;border-radius:50%;box-shadow:0 0 13px currentColor,0 0 24px currentColor;animation:upgradeTargetFirework 1.45s cubic-bezier(.08,.72,.18,1) var(--delay,0ms) forwards;opacity:0;transform:translate(-50%,-50%) scale(.3)}
@keyframes upgradeTargetFirework{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
  8%{opacity:1}
  78%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1)}
  100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y) + 22px)) scale(.08)}
}

/* FIX: side 50% labels on chance gauge — exactly at 9 and 3 o'clock, centered on the gauge band */
.chance-ring:after{
    content:none !important;
    display:none !important;
}
.chance-core:before,
.chance-core:after{
    content:"50%";
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:5;
    color:rgba(238,246,255,.96);
    font-size:15px;
    line-height:1;
    font-weight:900;
    letter-spacing:.01em;
    text-shadow:0 0 8px rgba(255,255,255,.28),0 1px 2px rgba(0,0,0,.65);
    pointer-events:none;
}
/* Place side 50% labels on the middle of the colored gauge band (not shifted toward the center).
   Ring: 290px, core: 150px, centered; offsets below put labels at ~25px / 265px from the ring edge. */
.chance-core:before{left:-52px;}
.chance-core:after{left:202px;}
.chance-core:before,.chance-core:after{content:none!important}
.chance-ring:after{content:""!important;display:block!important;position:absolute;inset:10px;border:1px solid rgba(113,143,178,.16);border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(119,164,204,.42) 0deg 1deg,transparent 1deg 8deg);-webkit-mask:radial-gradient(circle,transparent 0 52%,#000 53% 55%,transparent 56%);mask:radial-gradient(circle,transparent 0 52%,#000 53% 55%,transparent 56%);opacity:.55}
@media(max-width:640px){
  .chance-core:before{left:-40px;}
  .chance-core:after{left:190px;}
}

@media(max-width:640px){
    .chance-core:before{left:-40px;}
    .chance-core:after{left:190px;}
}

/* Chance gauge: two-sided fill with a fixed red → orange → green spectrum. */
.chance-ring{
  background:radial-gradient(circle at 50% 50%,#0a1422 0 43%,#0d1b2b 44% 100%);
}
.chance-fill{
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:50%;
  /* Project map: 270° = bottom/red, 90° = top/green, 0° = right and 180° = left. */
  /* Project 210°/330° → orange; 150°/30° → green; 120°/60° → vivid green. */
  /* Conversion to CSS conic coordinates: CSS angle = 90° − project angle. */
  background:conic-gradient(from 0deg,
    #b1ef32 0deg,
    #b1ef32 30deg,
    #55df3c 60deg,
    #ff9c18 90deg,
    #ff9c18 120deg,
    #ef3b32 180deg,
    #ff9c18 240deg,
    #ff9c18 270deg,
    #55df3c 300deg,
    #b1ef32 330deg,
    #b1ef32 360deg);
  -webkit-mask-image:radial-gradient(circle,transparent 0 72%,#000 73% 100%),conic-gradient(from 0deg,transparent 0deg var(--arc-start),#000 var(--arc-start) var(--arc-end),transparent var(--arc-end) 360deg);
  -webkit-mask-composite:source-in;
  mask-image:radial-gradient(circle,transparent 0 72%,#000 73% 100%),conic-gradient(from 0deg,transparent 0deg var(--arc-start),#000 var(--arc-start) var(--arc-end),transparent var(--arc-end) 360deg);
  mask-composite:intersect;
  pointer-events:none;
}

/* Final layer order for the gauge: never let the inner disc cover the progress ring. */
.chance-ring .chance-progress{z-index:2!important;display:block!important;background:transparent!important}
.chance-ring:before{z-index:1!important}
.chance-ring .chance-fill{display:none!important}
.chance-ring .chance-core{z-index:4!important}
.chance-ring .pointer{z-index:5!important}
.chance-ticks{
  position:absolute;
  z-index:2;
  border-radius:50%;
  pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(119,164,204,.52) 0deg 1deg,transparent 1deg 8deg);
  -webkit-mask:radial-gradient(circle,transparent 0 52%,#000 53% 55%,transparent 56%);
  mask:radial-gradient(circle,transparent 0 52%,#000 53% 55%,transparent 56%);
}
.chance-ticks--inner{inset:0}
.chance-ticks--outer{inset:-13px;-webkit-mask:radial-gradient(circle,transparent 0 94%,#000 94.5% 96%,transparent 96.5%);mask:radial-gradient(circle,transparent 0 94%,#000 94.5% 96%,transparent 96.5%)}
.chance-ring:after{content:none!important;display:none!important}
.chance-core,.chance-ring .pointer{z-index:3}

/* Final gauge treatment: symmetric red → orange → green bowl. */
.chance-ring{
  width:320px;
  height:320px;
  background:radial-gradient(circle at 50% 50%,#07111d 0 44%,#0b1929 45% 100%);
  box-shadow:0 0 0 10px #07111d,0 0 0 12px rgba(77,111,151,.55),inset 0 0 42px rgba(0,0,0,.7),0 0 34px rgba(21,104,161,.18);
}
.chance-fill{
  /* Project 0°/180° (CSS 90°/270°) use a muted yellow-orange. */
  /* Keep the color as a slim annular band instead of filling the whole bowl. */
  background:conic-gradient(from 0deg,#b1ef32 0deg,#b1ef32 30deg,#55df3c 60deg,#e2a52a 90deg,#f08b22 120deg,#ef3b32 180deg,#f08b22 240deg,#e2a52a 270deg,#55df3c 300deg,#b1ef32 330deg,#b1ef32 360deg);
  -webkit-mask:conic-gradient(from 0deg,transparent 0deg var(--arc-start),#000 var(--arc-start) var(--arc-end),transparent var(--arc-end) 360deg);
  mask:conic-gradient(from 0deg,transparent 0deg var(--arc-start),#000 var(--arc-start) var(--arc-end),transparent var(--arc-end) 360deg);
  filter:saturate(1.08) drop-shadow(0 0 9px rgba(255,133,24,.18));
}
.chance-ring:before{inset:42px;background:#050c15;border:2px solid rgba(58,83,116,.75);box-shadow:0 0 0 13px rgba(7,13,24,.96),inset 0 0 24px rgba(0,0,0,.65);z-index:1}
.chance-fill{z-index:2}
.chance-fill{display:none!important}
.chance-progress{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;background:transparent!important;overflow:visible;transform:none;pointer-events:none}
.chance-progress__track{fill:none;stroke:rgba(8,15,25,.92);stroke-width:16;stroke-linecap:round}
.chance-progress__arc path{fill:none;stroke-width:16;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(255,171,28,.28))}
.chance-scale-labels{fill:#d8e5f5;font:800 13px/1 Arial,sans-serif;letter-spacing:.1px;text-shadow:0 1px 3px rgba(0,0,0,.85);pointer-events:none}
.chance-scale-labels text{dominant-baseline:middle}
.chance-ring:before{z-index:3}
.chance-core{z-index:4}
.chance-core{width:150px;height:150px;background:#050c15;border:1px dashed rgba(113,143,178,.38);box-shadow:0 0 0 1px rgba(255,255,255,.02),inset 0 0 28px rgba(0,0,0,.8)}
.chance-core strong{font-size:40px;line-height:1;color:#c7ff2f;text-shadow:0 0 18px rgba(199,255,47,.16)}
.chance-core span{margin-top:7px;color:#c7ff2f;font-size:15px;font-weight:800}
.chance-ring .pointer{top:3px;width:20px;height:61px;margin-left:-10px;transform-origin:50% 157px;background:linear-gradient(180deg,#fff700,#ffad0b 72%,#e97e00);filter:drop-shadow(0 0 9px rgba(255,205,20,.95));clip-path:polygon(50% 0,100% 58%,50% 100%,0 58%)}
.chance-ticks--outer{inset:-15px}
@media(max-width:640px){
  .chance-ring{width:270px;height:270px}
  .chance-ring .pointer{transform-origin:50% 132px}
  .chance-core{width:132px;height:132px}
  .chance-core strong{font-size:34px}
}
.result-modal{display:none!important}
.left-filters{margin-bottom:14px}
.sad-shake{animation:sadShake 1s ease}
.sad-shake::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,0,80,.18),transparent 60%);pointer-events:none;animation:sadFlash 1s ease}
@keyframes sadShake{
0%,100%{transform:translateX(0)}
15%{transform:translateX(-10px) rotate(-1deg)}
30%{transform:translateX(10px) rotate(1deg)}
45%{transform:translateX(-8px)}
60%{transform:translateX(8px)}
75%{transform:translateX(-4px)}
}
@keyframes sadFlash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
.chance-fill{
  -webkit-mask-image:radial-gradient(circle,transparent 0 72%,#000 73% 100%),conic-gradient(from 0deg,transparent 0deg var(--arc-start),#000 var(--arc-start) var(--arc-end),transparent var(--arc-end) 360deg)!important;
  -webkit-mask-composite:source-in!important;
  mask-image:radial-gradient(circle,transparent 0 72%,#000 73% 100%),conic-gradient(from 0deg,transparent 0deg var(--arc-start),#000 var(--arc-start) var(--arc-end),transparent var(--arc-end) 360deg)!important;
  mask-composite:intersect!important;
}

/* Fast-spin toggle: визуально меняется только цвет молнии.
   Невидимая зона нажатия расширена без изменения вида кнопки. */
.panel-icons button[data-fast-spin]{
  position:relative;
  background:#0b1321;
  color:#8b96a6;
  border:0;
  outline:0;
  box-shadow:none;
  filter:grayscale(1) saturate(.25) brightness(.85);
}
.panel-icons button[data-fast-spin]::before{
  content:"";
  position:absolute;
  inset:-12px;
}
.panel-icons button[data-fast-spin]:hover{
  color:#8b96a6;
  transform:none;
}
.panel-icons button[data-fast-spin].active{
  background:#0b1321;
  color:#ff7a1a;
  box-shadow:none;
  filter:none;
}
.panel-icons button[data-fast-spin].active:hover{
  color:#ff7a1a;
}
.panel-icons button[data-fast-spin]:focus,
.panel-icons button[data-fast-spin]:focus-visible{
  outline:0;
  box-shadow:none;
}


/* Sound toggle: gray speaker when enabled, colored crossed speaker when muted. */
.panel-icons button[data-sound-toggle]{
  position:relative;
  background:#0b1321;
  color:#8b96a6;
  border:0;
  outline:0;
  box-shadow:none;
  filter:grayscale(1) saturate(.25) brightness(.85);
}
.panel-icons button[data-sound-toggle]::before{
  content:"";
  position:absolute;
  inset:-12px;
}
.panel-icons button[data-sound-toggle]:hover{
  color:#8b96a6;
  transform:none;
}
.panel-icons button[data-sound-toggle].muted{
  background:#0b1321;
  color:#ff7a1a;
  box-shadow:none;
  filter:none;
}
.panel-icons button[data-sound-toggle].muted:hover{
  color:#ff7a1a;
}
.panel-icons button[data-sound-toggle]:focus,
.panel-icons button[data-sound-toggle]:focus-visible{
  outline:0;
  box-shadow:none;
}

/* Balance add-on slider for upgrade chance */
.control-row{
  grid-template-columns:minmax(0, 484px) auto;
  align-items:center;
}
.balance-line.balance-slider{
  width:min(100%, 484px);
  height:46px;
  display:grid;
  grid-template-columns:auto 12px minmax(120px,1fr) auto auto;
  gap:10px;
  align-items:center;
  justify-content:normal;
  padding:0 16px;
}
.balance-slider .slider-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ffd21b;
  box-shadow:0 0 10px rgba(255,210,27,.65);
}
.balance-slider input[type="range"]{
  --fill:0%;
  width:100%;
  height:4px;
  border:0;
  border-radius:999px;
  outline:0;
  background:linear-gradient(90deg,#ffd21b 0 var(--fill),rgba(148,163,184,.18) var(--fill) 100%);
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}
.balance-slider input[type="range"]::-webkit-slider-thumb{
  width:14px;
  height:14px;
  border-radius:50%;
  border:0;
  background:#ffd21b;
  box-shadow:0 0 10px rgba(255,210,27,.8);
  appearance:none;
  -webkit-appearance:none;
}
.balance-slider input[type="range"]::-moz-range-thumb{
  width:14px;
  height:14px;
  border-radius:50%;
  border:0;
  background:#ffd21b;
  box-shadow:0 0 10px rgba(255,210,27,.8);
}
.balance-slider input[type="range"]:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.6}
.balance-extra strong{color:#ffd720}.balance-total{color:#6f7d91;font-size:16px}.balance-total strong{color:#6f7d91}
@media(max-width:1100px){.control-row{grid-template-columns:1fr}.balance-line.balance-slider{width:100%;max-width:none}}

/* v6: align selected skin panels with the wheel, and controls with the upgrade button */
.upgrade-top{
  grid-template-columns:minmax(0,1fr) 360px minmax(0,1fr);
  align-items:center;
}
.chance-panel{
  gap:0;
  justify-content:center;
}
.control-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px minmax(0,1fr);
  gap:30px;
  align-items:center;
  margin:14px 0 40px;
}
.control-row .upgrade-start{
  justify-self:center;
  align-self:center;
}
.balance-line.balance-slider{
  width:100%;
  max-width:none;
  height:52px;
  align-self:center;
}
.choice-buttons{
  justify-self:stretch;
  align-self:center;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.choice-buttons button{
  min-width:0;
  width:100%;
  height:52px;
}
@media(max-width:1100px){
  .upgrade-top,.control-row{grid-template-columns:1fr;}
  .chance-panel{order:0;}
  .control-row .upgrade-start{width:236px;}
  .choice-buttons{display:flex;flex-wrap:wrap;}
  .choice-buttons button{width:auto;min-width:74px;height:46px;}
  .balance-line.balance-slider{height:46px;}
}

/* Sell all skins control: aligned with inventory tabs */
.inventory-tabs-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.inventory-tabs-head .tabs{margin-bottom:0;flex:1 1 auto;min-width:0}
.sell-all-skins{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto;margin-left:auto}
.sell-all-skins[hidden]{display:none!important}
.sell-all-btn{height:40px;border:0;border-radius:9px;padding:0 16px;background:linear-gradient(180deg,#ffca28,#d79414);color:#0b1020;font-weight:950;white-space:nowrap;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.22)}
.sell-all-btn:hover{filter:brightness(1.06)}
.sell-all-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}

/* Billing page */
.billing-page{min-height:calc(100vh - 72px);padding:32px 0 56px;background:radial-gradient(circle at 14% 12%,rgba(34,211,238,.10),transparent 28rem),radial-gradient(circle at 88% 8%,rgba(59,130,246,.14),transparent 30rem)}
.billing-shell{max-width:1360px;margin:0 auto;padding:0 22px}
.billing-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,420px);gap:18px;align-items:stretch}
.billing-hero__copy,.billing-hero__card,.billing-stat,.billing-panel{background:linear-gradient(180deg,rgba(11,18,32,.94),rgba(8,13,24,.9));border:1px solid rgba(148,163,184,.11);border-radius:20px;box-shadow:0 18px 60px rgba(0,0,0,.22)}
.billing-hero__copy{padding:30px 32px;background-image:radial-gradient(circle at 85% 18%,rgba(34,211,238,.12),transparent 14rem),linear-gradient(180deg,rgba(11,18,32,.94),rgba(8,13,24,.9))}
.billing-eyebrow,.billing-panel__eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7ddcff;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.billing-eyebrow:before,.billing-panel__eyebrow:before{content:"";width:26px;height:1px;background:currentColor;opacity:.7}
.billing-hero__copy h1{margin:14px 0 14px;color:#fff;font-size:36px;line-height:1.02;font-weight:950;letter-spacing:-.03em;max-width:12ch}
.billing-hero__copy p{margin:0;max-width:560px;color:#9fb0c8;font-size:15px;line-height:1.55;font-weight:700}
.billing-hero__card{padding:28px 28px 24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.billing-hero__card:before{content:"";position:absolute;inset:auto -18% -34% auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(42,168,223,.24),transparent 68%);pointer-events:none}
.billing-hero__card>span,.billing-hero__card p,.billing-hero__card .billing-hero__actions{position:relative;z-index:1}
.billing-hero__card>span{color:#8ea0bb;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.billing-hero__amount{display:flex;align-items:flex-end;gap:8px;margin:12px 0 10px;position:relative;z-index:1}
.billing-hero__amount strong{color:#fff;font-size:40px;line-height:1;font-weight:950;letter-spacing:-.04em}
.billing-hero__amount em{color:#7ddcff;font-style:normal;font-size:24px;font-weight:950;transform:translateY(-4px)}
.billing-hero__card p{margin:0;color:#a6b6cd;font-size:14px;font-weight:700}
.billing-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.billing-button,.billing-inline-action{border:0;border-radius:12px;min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;cursor:pointer;transition:transform .16s ease,filter .16s ease,background .16s ease,color .16s ease}
.billing-button:hover,.billing-inline-action:hover{transform:translateY(-1px);filter:brightness(1.05)}
.billing-button--accent{background:linear-gradient(135deg,#2aa8df,#37d6c3);color:#fff;box-shadow:0 16px 28px rgba(42,168,223,.22)}
.billing-button--ghost,.billing-inline-action{background:rgba(255,255,255,.04);color:#d8e6fb;border:1px solid rgba(148,163,184,.14)}
.billing-button--full{width:100%}
.billing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.billing-stat{padding:22px 24px}
.billing-stat span{display:block;color:#8ea0bb;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.billing-stat strong{display:block;margin-top:10px;color:#fff;font-size:28px;line-height:1.05;font-weight:950;letter-spacing:-.03em}
.billing-stat small{display:block;margin-top:8px;color:#70829d;font-size:13px;font-weight:700}
.billing-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);gap:18px}
.billing-side{display:grid;gap:18px;align-self:start}
.billing-panel{padding:24px}
.billing-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.billing-panel__head h2{margin:8px 0 0;color:#fff;font-size:24px;line-height:1.05;font-weight:950;letter-spacing:-.03em}
.billing-panel__meta{min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:#14243a;color:#cfe8ff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:950}
.billing-operations,.billing-request-list{display:grid;gap:12px}
.billing-operation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.08)}
.billing-operation__main{display:flex;align-items:flex-start;gap:14px;min-width:0}
.billing-operation__icon{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#132237;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.billing-operation__icon:before{color:#fff;font-size:18px;font-weight:900;line-height:1}
.billing-operation--deposit .billing-operation__icon{background:rgba(22,101,52,.22);color:#83f3b7}
.billing-operation--deposit .billing-operation__icon:before{content:"↗"}
.billing-operation--coupon .billing-operation__icon{background:rgba(34,197,94,.20);color:#7ef1a8}
.billing-operation--coupon .billing-operation__icon:before{content:"+"}
.billing-operation--purchase .billing-operation__icon{background:rgba(249,115,22,.18);color:#ffbe83}
.billing-operation--purchase .billing-operation__icon:before{content:"🛒"}
.billing-operation--sale .billing-operation__icon{background:rgba(37,99,235,.18);color:#8db9ff}
.billing-operation--sale .billing-operation__icon:before{content:"₽"}
.billing-operation--upgrade .billing-operation__icon{background:rgba(250,204,21,.18);color:#ffe279}
.billing-operation--upgrade .billing-operation__icon:before{content:"↑"}
.billing-operation--withdrawal .billing-operation__icon{background:rgba(234,88,12,.18);color:#ffba8a}
.billing-operation--withdrawal .billing-operation__icon:before{content:"↓"}
.billing-operation--withdrawal_refund .billing-operation__icon{background:rgba(16,185,129,.20);color:#88ffd6}
.billing-operation--withdrawal_refund .billing-operation__icon:before{content:"↺"}
.billing-operation__copy{min-width:0}
.billing-operation__line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.billing-operation__line strong{color:#fff;font-size:15px;font-weight:900}
.billing-operation__copy p{margin:7px 0 0;color:#94a7c4;font-size:13px;line-height:1.45;font-weight:700}
.billing-operation__side{text-align:right}
.billing-operation__amount{display:block;font-size:18px;line-height:1.05;font-weight:950;letter-spacing:-.02em}
.billing-operation__amount.is-positive{color:#83f3b7}
.billing-operation__amount.is-negative{color:#ffb37b}
.billing-operation__side time{display:block;margin-top:7px;color:#71829e;font-size:12px;font-weight:800}
.billing-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.billing-status--success{background:rgba(22,163,74,.18);color:#88f1a8}
.billing-status--pending{background:rgba(249,115,22,.18);color:#ffcf88}
.billing-status--danger{background:rgba(239,68,68,.18);color:#ff9f9f}
.billing-status--neutral{background:rgba(148,163,184,.16);color:#d3dfef}
.billing-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(148,163,184,.14);border-radius:18px;background:rgba(255,255,255,.025);padding:24px;color:#8ea1be}
.billing-empty b{color:#fff;font-size:21px;font-weight:950}
.billing-empty span{display:block;max-width:360px;margin-top:10px;font-size:14px;font-weight:700;line-height:1.45}
.billing-empty--compact{min-height:180px}
.billing-withdraw-form{display:grid;gap:14px}
.billing-field{display:grid;gap:8px}
.billing-field span{color:#d8e6fb;font-size:13px;font-weight:900}
.billing-field input{height:52px;border-radius:14px;border:1px solid rgba(148,163,184,.12);background:#111b2d;color:#fff;padding:0 16px;font-size:15px;font-weight:800;outline:none}
.billing-field input:focus{border-color:rgba(125,220,255,.58);box-shadow:0 0 0 .2rem rgba(42,168,223,.12)}
.billing-field input::placeholder{color:#6e809c}
.billing-withdraw-summary{padding:14px 16px;border-radius:16px;background:rgba(42,168,223,.08);border:1px solid rgba(42,168,223,.16);color:#cfe2fa;font-size:14px;line-height:1.6;font-weight:700}
.billing-withdraw-summary strong{color:#fff;font-weight:950}
.billing-request-card{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.08)}
.billing-request-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.billing-request-card__top strong{display:block;color:#fff;font-size:15px;font-weight:950}
.billing-request-card__top small{display:block;margin-top:6px;color:#7d90ac;font-size:12px;font-weight:800}
.billing-request-card__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.billing-request-card__grid span{display:block;color:#8799b6;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.billing-request-card__grid b{display:block;margin-top:7px;color:#fff;font-size:15px;font-weight:900;word-break:break-word}
@media(max-width:1100px){
  .billing-hero,.billing-layout{grid-template-columns:1fr}
  .billing-side{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .billing-shell{padding:0 14px}
  .billing-page{padding-top:20px}
  .billing-hero__copy,.billing-hero__card,.billing-panel,.billing-stat{padding:20px}
  .billing-hero__copy h1{font-size:30px;max-width:none}
  .billing-hero__amount strong{font-size:34px}
  .billing-stats{grid-template-columns:1fr}
  .billing-side{grid-template-columns:1fr}
  .billing-panel__head{flex-direction:column;align-items:flex-start}
  .billing-operation{grid-template-columns:1fr}
  .billing-operation__side{text-align:left;padding-left:58px}
  .billing-request-card__grid{grid-template-columns:1fr}
}

/* Billing refinement: lighter typography and quieter surfaces */
.billing-page{
  padding-top:28px;
  background:radial-gradient(circle at 12% 8%,rgba(34,211,238,.07),transparent 26rem),radial-gradient(circle at 90% 4%,rgba(59,130,246,.09),transparent 28rem)
}
.billing-hero__copy,.billing-hero__card,.billing-stat,.billing-panel{
  border-color:rgba(148,163,184,.10);
  border-radius:16px;
  box-shadow:0 12px 36px rgba(0,0,0,.16)
}
.billing-hero__copy{padding:28px 30px}
.billing-eyebrow,.billing-panel__eyebrow{
  font-size:11px;
  font-weight:700;
  letter-spacing:.10em
}
.billing-hero__copy h1{
  margin:12px 0 12px;
  font-size:32px;
  line-height:1.08;
  font-weight:650;
  letter-spacing:-.025em
}
.billing-hero__copy p{font-size:14px;font-weight:400;line-height:1.6}
.billing-hero__card{padding:25px 26px 22px}
.billing-hero__card>span{font-size:11px;font-weight:600;letter-spacing:.07em}
.billing-hero__amount{margin:10px 0 9px}
.billing-hero__amount strong{font-size:36px;font-weight:650;letter-spacing:-.035em}
.billing-hero__amount em{font-size:21px;font-weight:600}
.billing-hero__card p{font-size:13px;font-weight:400;color:#9aabc2}
.billing-hero__actions{margin-top:18px}
.billing-button,.billing-inline-action{
  min-height:44px;
  border-radius:10px;
  padding:0 16px;
  font-size:13px;
  font-weight:600
}
.billing-button--accent{box-shadow:0 10px 20px rgba(42,168,223,.16)}
.billing-stats{gap:12px;margin:16px 0}
.billing-stat{padding:19px 21px}
.billing-stat span{font-size:11px;font-weight:600;letter-spacing:.07em}
.billing-stat strong{margin-top:8px;font-size:24px;font-weight:650;letter-spacing:-.02em}
.billing-stat small{margin-top:6px;font-size:12px;font-weight:400}
.billing-layout{gap:16px}
.billing-side{gap:16px}
.billing-panel{padding:21px}
.billing-panel__head{margin-bottom:16px}
.billing-panel__head h2{margin-top:7px;font-size:21px;font-weight:650;letter-spacing:-.02em}
.billing-panel__meta{min-width:30px;height:30px;font-size:11px;font-weight:600}
.billing-operations,.billing-request-list{gap:9px}
.billing-operation{gap:14px;padding:13px 15px;border-radius:12px}
.billing-operation__main{gap:12px}
.billing-operation__icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}
.billing-operation__icon:before{font-size:16px;font-weight:700}
.billing-operation__line{gap:8px}
.billing-operation__line strong{font-size:14px;font-weight:600}
.billing-operation__copy p{margin-top:5px;font-size:12px;font-weight:400;line-height:1.45}
.billing-operation__amount{font-size:16px;font-weight:650}
.billing-operation__side time{margin-top:5px;font-size:11px;font-weight:400}
.billing-status{min-height:24px;padding:0 8px;font-size:10px;font-weight:600;letter-spacing:.03em}
.billing-empty{min-height:210px;border-radius:14px;padding:22px}
.billing-empty b{font-size:18px;font-weight:600}
.billing-empty span{margin-top:8px;font-size:13px;font-weight:400}
.billing-withdraw-form{gap:12px}
.billing-field{gap:7px}
.billing-field span{font-size:12px;font-weight:500}
.billing-field input{height:48px;border-radius:11px;padding:0 14px;font-size:14px;font-weight:400}
.billing-withdraw-summary{padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.55;font-weight:400}
.billing-withdraw-summary strong{font-weight:600}
.billing-page-title{margin:0 0 14px;color:#fff;font-size:26px;font-weight:650;letter-spacing:-.02em}
.billing-methods{margin:0;padding:0;border:0}
.billing-methods legend{margin-bottom:8px;color:#d8e6fb;font-size:12px;font-weight:500}
.billing-method-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.billing-method-options label{min-height:42px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:rgba(255,255,255,.03);color:#b9c9df;font-size:11px;cursor:pointer}
.billing-method-options input{accent-color:#2aa8df}
.billing-method-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#1c2e47;color:#dff6ff;font-size:11px;font-weight:700}
.billing-method-icon img{display:block;max-width:19px;max-height:17px;width:auto;height:auto;object-fit:contain}
.billing-method-options label:first-child .billing-method-icon img{max-width:20px;max-height:13px}
.billing-method-options label:nth-child(2) .billing-method-icon img{max-width:18px;max-height:18px}
.billing-method-options label:nth-child(3) .billing-method-icon img{max-width:20px;max-height:12px}
.billing-method-options label:nth-child(4) .billing-method-icon{background:#fff}
.billing-method-options label:nth-child(4) .billing-method-icon img{max-width:18px;max-height:18px}
.billing-method-options b{font-weight:500}
.billing-method-select{position:relative;margin-top:7px}
.billing-method-select__trigger{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(148,163,184,.12);border-radius:11px;background:#111b2d;color:#d8e6fb;padding:0 14px;font-size:14px;text-align:left;cursor:pointer}
.billing-method-select__trigger>span{display:flex;align-items:center;gap:8px}
.billing-method-select__trigger b{color:#8fa2bd;font-size:17px;font-weight:400}
.billing-method-select__menu{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:21;display:grid;gap:3px;padding:5px;border:1px solid rgba(148,163,184,.16);border-radius:11px;background:#0d1829;box-shadow:0 16px 35px rgba(0,0,0,.35)}
.billing-method-select__menu[hidden]{display:none}
.billing-method-select__option{min-height:38px;display:flex;align-items:center;gap:8px;border:0;border-radius:7px;background:transparent;color:#c7d5e9;padding:0 8px;font-size:12px;text-align:left;cursor:pointer}
.billing-method-select__option:hover{background:rgba(42,168,223,.13);color:#fff}
.billing-method-select__option img,.billing-method-select__trigger img{width:24px;height:24px;border-radius:6px;object-fit:contain;background:#fff}
.billing-method-select__option:first-child img,.billing-method-select__option:nth-child(2) img,.billing-method-select__option:nth-child(3) img{width:24px;height:20px}
.billing-withdraw-step{display:grid;gap:7px}
.billing-withdraw-step[hidden]{display:none}
.billing-field select{height:48px;border-radius:11px;border:1px solid rgba(148,163,184,.12);background:#111b2d;color:#fff;padding:0 14px;font-size:14px;outline:none}
.billing-bank-select{position:relative;margin-top:7px}
.billing-bank-select__trigger{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(148,163,184,.12);border-radius:11px;background:#111b2d;color:#d8e6fb;padding:0 14px;font-size:14px;text-align:left;cursor:pointer}
.billing-bank-select__trigger>span{display:flex;align-items:center;gap:8px}
.billing-bank-select__trigger img{width:24px;height:24px;border-radius:6px;object-fit:cover;background:#fff;flex:0 0 24px}
.billing-bank-select__trigger b{color:#8fa2bd;font-size:17px;font-weight:400}
.billing-bank-select__menu{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:20;display:grid;gap:3px;padding:5px;border:1px solid rgba(148,163,184,.16);border-radius:11px;background:#0d1829;box-shadow:0 16px 35px rgba(0,0,0,.35)}
.billing-bank-select__menu[hidden]{display:none}
.billing-bank-select__option{min-height:38px;display:flex;align-items:center;gap:8px;border:0;border-radius:7px;background:transparent;color:#c7d5e9;padding:0 8px;font-size:12px;text-align:left;cursor:pointer}
.billing-bank-select__option:hover{background:rgba(42,168,223,.13);color:#fff}
.billing-bank-select__option img{width:24px;height:24px;border-radius:6px;object-fit:cover;background:#fff}
.billing-withdraw-error{min-height:15px;color:#ff9f9f;font-size:11px}
.billing-withdraw-summary{display:grid;gap:3px}
.billing-toast-wrap{position:fixed;right:22px;bottom:22px;z-index:100000;display:grid;gap:10px;width:min(390px,calc(100vw - 28px));pointer-events:none}
.billing-toast{display:flex;align-items:flex-start;gap:11px;padding:14px 14px 14px 15px;border:1px solid rgba(255,110,125,.35);border-radius:14px;background:linear-gradient(145deg,#202b3b,#121b2b);box-shadow:0 18px 45px rgba(0,0,0,.42);color:#dce8f8;pointer-events:auto;animation:billing-toast-in .22s ease-out}
.billing-toast.is-success{border-color:rgba(81,224,171,.35)}
.billing-toast__mark{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;border-radius:50%;background:rgba(255,83,104,.17);color:#ff9ba7;font-size:15px;font-weight:700}
.billing-toast.is-success .billing-toast__mark{background:rgba(81,224,171,.16);color:#74e8bc}
.billing-toast strong{display:block;color:#fff;font-size:13px;font-weight:650}
.billing-toast p{margin:4px 0 0;color:#aebdd1;font-size:12px;line-height:1.4}
.billing-toast button{margin-left:auto;border:0;background:transparent;color:#7e91aa;font-size:20px;line-height:1;cursor:pointer}
@keyframes billing-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.billing-request-card{padding:13px 15px;border-radius:12px}
.billing-request-card__top{gap:12px}
.billing-request-card__top strong{font-size:14px;font-weight:600}
.billing-request-card__top small{margin-top:5px;font-size:11px;font-weight:400}
.billing-request-card__grid{gap:10px;margin-top:13px}
.billing-request-card__grid span{font-size:10px;font-weight:600;letter-spacing:.035em}
.billing-request-card__grid b{margin-top:5px;font-size:14px;font-weight:600}
.billing-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(148,163,184,.08)}
.billing-pagination__link,.billing-pagination__dots{min-width:34px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}
.billing-pagination__link{border:1px solid rgba(148,163,184,.13);background:#101a2b;color:#b9c8dc;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}
.billing-pagination__link:hover{background:#17263d;border-color:rgba(125,220,255,.35);color:#fff}
.billing-pagination__link.is-active{background:rgba(42,168,223,.18);border-color:rgba(125,220,255,.42);color:#fff}
.billing-pagination__link.is-disabled{opacity:.35;pointer-events:none}
.billing-pagination__dots{min-width:18px;color:#71829e}
.billing-operation-filters{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap;margin:-2px 0 16px;padding:4px;border-bottom:1px solid rgba(148,163,184,.08)}
.billing-operation-filter,.billing-operation-filter-group{display:inline-flex;align-items:center}
.billing-operation-filter{min-height:30px;padding:0 11px;border-radius:8px;color:#8fa2bd;font-size:12px;font-weight:500;text-decoration:none;transition:background .16s ease,color .16s ease}
.billing-operation-filter:hover{background:rgba(255,255,255,.05);color:#e8f2ff}
.billing-operation-filter.is-active,.billing-operation-filter-group.is-active>.billing-operation-filter{background:rgba(42,168,223,.15);color:#dff6ff}
.billing-operation-filter-group{gap:3px;flex-wrap:wrap}
.billing-operation-filter-subgroup{display:inline-flex;align-items:center;gap:2px;padding-left:3px;border-left:1px solid rgba(148,163,184,.16)}
.billing-operation-filter--sub{min-height:26px;padding:0 8px;color:#7186a4;font-size:11px}
.billing-operation-filter--sub.is-active{background:rgba(125,220,255,.12);color:#fff}
.billing-request-filters{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:-2px 0 14px;padding:4px;border-bottom:1px solid rgba(148,163,184,.08)}
.billing-tabs{display:flex;gap:5px;margin-bottom:18px;padding:4px;border-bottom:1px solid rgba(148,163,184,.10)}
.billing-tab{min-height:38px;padding:0 16px;border-radius:9px;display:inline-flex;align-items:center;color:#8fa2bd;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s ease,color .16s ease}
.billing-tab:hover{background:rgba(255,255,255,.05);color:#e8f2ff}
.billing-tab.is-active{background:rgba(42,168,223,.16);color:#fff}
.billing-tab-panel{display:none}
.billing-tab-panel.is-active{display:block}
.billing-tab-panel.is-active.billing-tab-panel--history{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,380px);gap:16px;align-items:start}
.billing-history-column{display:grid;gap:16px;min-width:0}
.billing-tab-panel--history .billing-history-column{display:contents}
.billing-tab-panel--history #billing-operations{grid-column:1}
.billing-tab-panel--history #billing-deposit{grid-column:2;grid-row:1}
.billing-withdraw-tab{max-width:none;margin:0}
.billing-side--withdraw-tab{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,380px);gap:16px;align-items:start}
.billing-side--withdraw-tab #billing-withdrawals{grid-column:1;grid-row:1;order:1}
.billing-side--withdraw-tab #billing-withdraw{grid-column:2;grid-row:1;order:2}
.billing-panel--deposit .billing-panel__head{margin-bottom:14px}
.billing-deposit-form{display:grid;gap:12px}
.billing-deposit-label{display:flex;justify-content:space-between;gap:12px;color:#d8e6fb;font-size:12px;font-weight:500}
.billing-deposit-label small{color:#8092ad;font-weight:400}
.billing-deposit-amount{height:48px;display:flex;align-items:center;border:1px solid rgba(148,163,184,.12);border-radius:11px;background:#111b2d;overflow:hidden}
.billing-deposit-amount input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;padding:0 14px;font-size:14px}
.billing-deposit-amount span{padding-right:14px;color:#9fb0c8}
.billing-deposit-presets{display:flex;gap:5px;flex-wrap:wrap}
.billing-deposit-presets button{min-height:30px;padding:0 9px;border:1px solid rgba(148,163,184,.12);border-radius:8px;background:rgba(255,255,255,.035);color:#aabbd1;font-size:11px;cursor:pointer}
.billing-deposit-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.billing-deposit-totals>div{padding:10px 12px;border-radius:10px;background:rgba(42,168,223,.07);color:#8fa2bd;font-size:11px}
.billing-deposit-totals b{color:#fff;font-size:14px;font-weight:600}
.billing-deposit-or{text-align:center;color:#71829e;font-size:11px}
.billing-deposit-coupon{display:flex;gap:7px}
.billing-deposit-coupon input{min-width:0;flex:1;height:42px;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:#111b2d;color:#fff;padding:0 12px}
.billing-panel__actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.billing-mobile-deposit{display:none}
@media(max-width:560px){
  .billing-operation-filters{gap:4px}
  .billing-operation-filter-group{width:100%}
  .billing-operation-filter-subgroup{margin-left:4px}
  .billing-panel__actions{width:100%;justify-content:flex-start}
  .billing-mobile-deposit{display:inline-flex}
  .billing-tabs{margin-bottom:14px}
  .billing-tab{flex:1;justify-content:center;padding:0 8px;font-size:12px}
  .billing-tab-panel.is-active.billing-tab-panel--history{display:block}
  .billing-tab-panel--history #billing-operations,.billing-tab-panel--history #billing-deposit{display:block}
  .billing-history-column{gap:14px}
  .billing-side--withdraw-tab{grid-template-columns:1fr}
  .billing-side--withdraw-tab #billing-withdraw,.billing-side--withdraw-tab #billing-withdrawals{grid-column:auto;grid-row:auto}
  .billing-side--withdraw-tab #billing-withdrawals{order:1}
  .billing-side--withdraw-tab #billing-withdraw{order:2}
}
@media(max-width:900px){
  .billing-tab-panel.is-active.billing-tab-panel--history{display:block}
  .billing-tab-panel--history #billing-operations,.billing-tab-panel--history #billing-deposit{display:block;grid-column:auto;grid-row:auto}
  .billing-tab-panel--history #billing-deposit{margin-top:16px}
  .billing-side--withdraw-tab{grid-template-columns:1fr}
  .billing-side--withdraw-tab #billing-withdrawals,.billing-side--withdraw-tab #billing-withdraw{grid-column:auto;grid-row:auto}
  .billing-side--withdraw-tab #billing-withdrawals{order:1}
  .billing-side--withdraw-tab #billing-withdraw{order:2}
}
.sell-all-skins small{font-size:11px;line-height:1;color:#96a5ba;font-weight:800;white-space:nowrap}
.sell-all-skins small strong{color:#ffd63d;font-weight:950}
@media (max-width: 720px){.inventory-tabs-head{align-items:stretch;flex-direction:column}.sell-all-skins{align-items:flex-start}.sell-all-btn{width:100%}}

/* Site toast notifications */
.toast-area{position:fixed;right:22px;bottom:22px;z-index:100000;display:grid;gap:10px;width:min(390px,calc(100vw - 28px));pointer-events:none}
.up-toast{display:flex;align-items:flex-start;gap:11px;padding:14px 14px 14px 15px;border:1px solid rgba(81,224,171,.35);border-radius:14px;background:linear-gradient(145deg,#202b3b,#121b2b);box-shadow:0 18px 45px rgba(0,0,0,.42);color:#dce8f8;pointer-events:auto;animation:billing-toast-in .22s ease-out}
.up-toast.bad{border-color:rgba(255,110,125,.35)}
.up-toast__mark{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;border-radius:50%;background:rgba(81,224,171,.16);color:#74e8bc;font-size:15px;font-weight:700}
.up-toast.bad .up-toast__mark{background:rgba(255,83,104,.17);color:#ff9ba7}
.up-toast strong{display:block;color:#fff;font-size:13px;font-weight:650}
.up-toast p{margin:4px 0 0;color:#aebdd1;font-size:12px;line-height:1.4}
.up-toast button{margin-left:auto;border:0;background:transparent;color:#7e91aa;font-size:20px;line-height:1;cursor:pointer}

/* Shop cart control: aligned with tabs on the right */
.cart-toggle{position:relative;flex:0 0 auto;margin-left:auto;width:42px;height:40px;border:0;border-radius:9px;background:#1a2639;color:#fff;font-size:18px;font-weight:950;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.22)}
.cart-toggle[hidden]{display:none!important}
.cart-toggle:hover{filter:brightness(1.08)}
.cart-icon{line-height:1;transform:translateY(1px)}
.cart-count{position:absolute;right:-6px;bottom:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff3347;color:#fff;font-size:11px;line-height:18px;font-weight:950;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.cart-modal{position:fixed;inset:0;z-index:1950;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px}
.cart-modal[hidden]{display:none!important}
.cart-modal[hidden],.site-confirm-modal[hidden],.result-modal[hidden],.consolation-modal[hidden]{visibility:hidden!important;pointer-events:none!important}
.cart-modal-card{width:min(620px,94vw);max-height:min(760px,92vh);overflow:auto;border-radius:22px;background:#0c1626;border:1px solid rgba(148,163,184,.18);box-shadow:0 28px 85px rgba(0,0,0,.58);padding:22px;color:#fff}
.cart-modal-card h2{margin:0 0 12px;text-align:center;font-size:24px;font-weight:950;color:#fff;text-transform:uppercase;text-shadow:0 2px 0 rgba(255,67,35,.32)}
.cart-summary{color:#aab6ca;font-weight:850;margin-bottom:12px}.cart-summary strong{color:#fff}
.cart-items{display:grid;gap:10px;margin:12px 0;max-height:390px;overflow:auto;padding-right:4px}
.cart-item{position:relative;overflow:hidden;min-height:94px;border-radius:12px;background:#111923;padding:10px;display:grid;grid-template-columns:104px 1fr auto;gap:12px;align-items:center}
.cart-item::before{content:"";position:absolute;inset:0;opacity:.88;background:linear-gradient(180deg,rgba(20,27,35,.94) 0%,rgba(20,27,35,.82) 48%,var(--skin-glow,rgba(125,135,150,.34)) 100%)}
.cart-item>*{position:relative;z-index:1}.cart-item img{width:104px;height:72px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35))}.cart-item b{display:block;font-size:15px;line-height:1.15;font-weight:950}.cart-item span{display:block;margin-top:5px;color:#aeb8c8;font-size:16px;font-weight:800}.cart-item strong{white-space:nowrap;color:#ffd63d;font-size:15px;font-weight:950}.cart-empty{min-height:120px;border-radius:12px;background:#111923;display:flex;align-items:center;justify-content:center;color:#8f9db2;font-weight:900}.cart-total{display:flex;justify-content:flex-end;gap:10px;color:#c3ccda;font-size:17px;font-weight:900;margin-top:12px}.cart-total strong{color:#ffd63d}.cart-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.cart-actions button{height:40px;border:0;border-radius:10px;padding:0 16px;font-weight:950;cursor:pointer}.cart-buy{background:#26a8df;color:#fff}.cart-clear{background:#2a3445;color:#d6e0ef}.cart-close{background:#172236;color:#d6e0ef}.cart-actions button:hover{filter:brightness(1.08)}
@media (max-width:720px){.cart-toggle{align-self:flex-start}.cart-item{grid-template-columns:82px 1fr;}.cart-item strong{grid-column:2}.cart-item img{width:82px}.cart-actions button{flex:1 1 100%}}


.site-confirm-modal{position:fixed;inset:0;z-index:2100;background:rgba(3,8,18,.74);display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}
.site-confirm-modal[hidden]{display:none!important}
.site-confirm-card{width:min(560px,94vw);border-radius:22px;background:linear-gradient(180deg,#121b2b,#0b1321);border:1px solid rgba(148,163,184,.2);box-shadow:0 30px 90px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.04);padding:28px 30px;color:#fff;text-align:left}
.site-confirm-card h2{margin:0 0 10px;font-size:19px;line-height:1.22;font-weight:950;color:#fff;text-transform:none;text-shadow:0 2px 0 rgba(255,67,35,.18)}
.site-confirm-card p{margin:0;color:#e9eef7;font-size:15px;line-height:1.45;font-weight:800}
.site-confirm-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}
.site-confirm-actions button{height:46px;min-width:150px;border:0;border-radius:11px;padding:0 22px;font-size:16px;font-weight:950;cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease}
.site-confirm-actions button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.site-confirm-yes{background:linear-gradient(180deg,#ffca28,#d79414);color:#101726;box-shadow:0 12px 26px rgba(255,190,30,.16)}
.site-confirm-no{background:#263142;color:#dce6f4}
@media (max-width:520px){.site-confirm-card{padding:22px 18px}.site-confirm-actions{flex-direction:column}.site-confirm-actions button{width:100%}}

/* Rich empty inventory state */
.empty-inv-rich{
  min-height:560px;
  gap:10px;
}
.empty-inv-rich b{
  font-size:20px;
  line-height:1.15;
}
.empty-inv-rich span{
  color:#94a3b8;
  font-weight:700;
  font-size:16px;
  line-height:1.45;
}
.empty-inv-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:10px;
}
.empty-inv-actions button,
.empty-inv-actions a{
  height:36px;
  border:0;
  border-radius:9px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#fff;
  font-weight:950;
  font-size:16px;
  text-decoration:none;
  background:#1a2639;
}
.empty-inv-actions a{
  background:#249bd4;
}
.empty-inv-actions button:hover,
.empty-inv-actions a:hover{
  filter:brightness(1.08);
}


/* Public user profile */
.up-profile-page{min-height:100vh;padding:72px clamp(32px,4vw,72px) 34px;background:radial-gradient(circle at 80% 20%,rgba(38,125,160,.16),transparent 34rem),#070b16;color:#fff}.up-profile-container{max-width:1460px;margin:0 auto}.profile-top-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:stretch}.profile-panel{background:rgba(8,13,23,.74);border:1px solid rgba(148,163,184,.09);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);position:relative;overflow:hidden}.profile-user-panel{min-height:208px;display:flex;align-items:center;gap:18px;padding:28px 24px}.profile-avatar-big{width:80px;height:80px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.14)}.profile-user-panel h1{margin:0 0 5px;color:#fff;font-size:18px;font-weight:950}.profile-user-panel span{color:#8fa0b8;font-size:15px;font-weight:800}.profile-own-links{display:flex;gap:9px;margin-top:12px}.profile-own-links a{color:#fff;background:#162236;border:1px solid rgba(148,163,184,.12);border-radius:8px;padding:7px 10px;font-weight:900;font-size:16px}.profile-best-panel{min-height:208px;padding:18px;text-align:center;background-image:linear-gradient(rgba(8,13,23,.78),rgba(8,13,23,.78)),linear-gradient(30deg,transparent 30%,var(--panel-line,rgba(34,93,150,.20)) 30% 31%,transparent 31% 60%,var(--panel-line,rgba(34,93,150,.20)) 60% 61%,transparent 61%);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 36px var(--panel-glow,rgba(34,93,150,.06))}.profile-best-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,var(--panel-glow,rgba(245,197,39,.12)),transparent 34%),linear-gradient(180deg,transparent 56%,var(--panel-bottom,rgba(245,197,39,.06)));z-index:0}.profile-best-panel>*{position:relative;z-index:1}.profile-panel-title{position:absolute;left:18px;top:18px;font-weight:950;font-size:15px}.best-drop-chance{position:absolute;right:18px;top:18px;font-weight:950;font-size:15px}.best-drop-chance span,.stat-upgrades i,.profile-history-head span,.profile-card-top b{color:#ffd000;font-style:normal}.profile-best-img{width:190px;height:104px;object-fit:contain;margin-top:26px;filter:drop-shadow(0 18px 12px rgba(0,0,0,.45))}.profile-best-name{font-size:16px;font-weight:950;line-height:1.1;text-shadow:0 2px 0 rgba(0,0,0,.35);max-width:78%;margin:0 auto}.profile-best-price{margin-top:6px;color:#5ab7ff;font-weight:950;font-size:17px}.profile-empty-best{height:100%;display:grid;place-items:center;color:#8fa0b8;font-weight:800;font-size:16px}.profile-side-stats{display:grid;grid-template-rows:1fr 1fr;gap:12px}.stat-panel{padding:24px 20px;display:flex;flex-direction:column;justify-content:center}.stat-panel span{color:#8fa0b8;font-weight:800;font-size:15px}.stat-panel b{color:#fff;font-size:16px;margin-top:6px}.stat-panel strong{color:#ffd11a;font-size:22px;font-weight:950;margin-top:4px}.stat-upgrades strong{color:#fff;font-size:27px}.profile-history-panel{margin-top:24px;background:rgba(8,13,23,.68);border:1px solid rgba(148,163,184,.08);border-radius:12px;padding:18px}.profile-history-head{display:inline-flex;align-items:center;gap:8px;background:#1b263a;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:950;margin-bottom:20px}.profile-history-panel::before{content:"";display:block;border-top:1px solid rgba(148,163,184,.07);transform:translateY(54px);margin:0 8px 30px}.profile-history-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.profile-upgrade-card{height:168px;border-radius:7px;position:relative;overflow:hidden;padding:9px 10px;background:#111923;color:#fff}.profile-upgrade-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,22,31,.92),rgba(17,24,34,.78) 52%,var(--skin-glow,rgba(125,135,150,.34)) 100%);z-index:0}.profile-upgrade-card::after{content:"";position:absolute;inset:auto 0 0;height:62%;background:radial-gradient(ellipse at center bottom,var(--skin-glow-strong,rgba(125,135,150,.42)),transparent 66%);z-index:0}.profile-upgrade-card>*{position:relative;z-index:1}.profile-card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.profile-card-top span{font-size:10px;font-weight:950;border-radius:4px;padding:3px 6px}.profile-card-top b{font-size:11px}.profile-upgrade-card.is-win .profile-card-top span{background:#063d25;color:#00e676}.profile-upgrade-card.is-lose .profile-card-top span{background:#431a22;color:#ff4b4b}.profile-upgrade-card img{width:100%;height:82px;object-fit:contain;margin-top:10px;filter:drop-shadow(0 12px 8px rgba(0,0,0,.38))}.profile-upgrade-card strong{display:block;margin-top:4px;font-size:13px;font-weight:950;line-height:1.05;white-space:normal;overflow-wrap:anywhere}.profile-upgrade-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#b5becc;font-size:9px;line-height:1.12;font-weight:800;overflow-wrap:anywhere}.profile-history-empty{min-height:220px;display:grid;place-items:center;color:#8fa0b8;font-weight:900}@media (max-width:1200px){.profile-history-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-top-grid{grid-template-columns:1fr 1fr}.profile-side-stats{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}}@media (max-width:760px){.profile-top-grid{grid-template-columns:1fr}.profile-side-stats{grid-template-columns:1fr}.profile-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-user-panel{min-height:150px}.up-profile-page{padding:70px 16px 28px}}

/* v15: profile stats refinement */
.stat-upgrades{gap:8px;align-items:stretch}
.profile-upgrade-stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.profile-upgrade-stat-row span{margin:0}
.profile-upgrade-stat-row strong{margin:0;color:#fff;font-size:18px;white-space:nowrap}
.profile-upgrade-stat-row:first-child strong{font-size:24px}
@media (max-width:760px){.profile-upgrade-stat-row strong{font-size:16px}.profile-upgrade-stat-row:first-child strong{font-size:21px}}

.profile-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;position:relative;z-index:2}
.profile-pagination a,.profile-pagination span{min-width:36px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:15px;color:#9fb0c7;background:#101a2b;border:1px solid rgba(148,163,184,.12)}
.profile-pagination a.active{background:#1f2d44;color:#fff;border-color:rgba(255,208,0,.36);box-shadow:0 0 18px rgba(255,208,0,.08)}
.profile-pagination a.disabled{opacity:.35;pointer-events:none}
.profile-pagination span{background:transparent;border-color:transparent;min-width:24px}
.skin-pagination a{min-width:38px;height:34px;border:1px solid rgba(148,163,184,.16);border-radius:9px;background:#101a2b;color:#fff;font-weight:950;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.skin-pagination a.disabled{opacity:.35;pointer-events:none;cursor:not-allowed}.skin-pagination a.active{background:#1a2639;color:#fff}

/* v32: keep contract result state on the wheel until the next upgrade setup */
.chance-core strong.chance-result-win,
.chance-core span.chance-result-win{
  color:#55e65a!important;
  text-shadow:0 0 18px rgba(85,230,90,.22);
}
.chance-core strong.chance-result-lose,
.chance-core span.chance-result-lose{
  color:#ff5b68!important;
  text-shadow:0 0 18px rgba(255,91,104,.20);
}
.chance-core strong.chance-result-win,
.chance-core strong.chance-result-lose{
  font-size:32px;
  font-weight:950;
  line-height:1.05;
}
.chance-core span.chance-result-win,
.chance-core span.chance-result-lose{
  display:block;
  margin-top:5px;
  font-size:15px;
  font-weight:850;
  line-height:1.1;
}
.chance-core span[data-chance-label]{display:block!important;width:100%!important;text-align:center!important;margin-left:0!important;margin-right:0!important}
.chance-core span[data-chance-label].chance-result-win,
.chance-core span[data-chance-label].chance-result-lose{display:block!important;width:100%!important;text-align:center!important}

/* v40: successful upgrades history on the home page */
.upgrade-live-history{
  position:fixed;
  left:0;
  top:0;
  width:252px;
  height:100vh;
  max-height:100vh;
  overflow:hidden;
  z-index:1040;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:0;
  pointer-events:auto;
}
.upgrade-live-card{
  position:relative;
  display:block;
  flex:1 1 0;
  min-height:88px;
  height:auto;
  overflow:hidden;
  border-radius:0 8px 8px 0;
  background:#111923;
  border:1px solid rgba(148,163,184,.08);
  border-left:0;
  color:#fff;
  text-decoration:none;
  padding:10px 124px 9px 12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;
}

.upgrade-live-card.is-entering{
  animation:upgradeLiveCardEnter .62s cubic-bezier(.16,1,.3,1) both;
  will-change:transform,opacity,filter;
}
.upgrade-live-card.is-leaving{
  animation:upgradeLiveCardLeave .26s ease both;
  pointer-events:none;
}
@keyframes upgradeLiveCardEnter{
  0%{opacity:0;transform:translateX(-34px) scale(.96);filter:blur(4px) brightness(1.35)}
  58%{opacity:1;transform:translateX(6px) scale(1.015);filter:blur(0) brightness(1.12)}
  100%{opacity:1;transform:translateX(0) scale(1);filter:blur(0) brightness(1)}
}
@keyframes upgradeLiveCardLeave{
  0%{opacity:1;transform:translateX(0) scale(1)}
  100%{opacity:0;transform:translateX(-18px) scale(.98)}
}
@media (prefers-reduced-motion: reduce){
  .upgrade-live-card.is-entering,
  .upgrade-live-card.is-leaving{animation:none}
}
.upgrade-live-card:hover{
  transform:translateX(4px);
  filter:brightness(1.08);
  box-shadow:0 12px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04);
}
.upgrade-live-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,var(--skin-glow,rgba(125,135,150,.55)) 0%, rgba(17,24,37,.85) 55%, rgba(17,24,37,0) 100%);
}
.upgrade-live-card:after{display:none}
.upgrade-live-card>*{position:relative;z-index:1}
.upgrade-live-chance{
  display:inline-flex;
  align-items:center;
  gap:4px;
  max-width:86px;
  height:24px;
  padding:0 7px;
  border-radius:0 0 8px 0;
  background:rgba(5,10,18,.74);
  color:#fff;
  font-size:16px;
  font-weight:950;
  line-height:1;
  margin:-9px 0 9px -12px;
}
.upgrade-live-chance i{
  color:#ffd21b;
  font-style:normal;
  font-size:15px;
  line-height:1;
}
.upgrade-live-chance-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  flex:0 0 14px;
  background:url(../img/up-arrow-yellow.svg) center/contain no-repeat;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));
}
.best-drop-chance,
.stat-upgrades .profile-upgrade-stat-row strong,
.profile-history-head,
.profile-tabs button[data-profile-tab="history"],
.profile-card-top b{
  display:inline-flex;
  align-items:center;
}
.best-drop-chance,
.profile-history-head,
.profile-card-top b{
  gap:4px;
}
.stat-upgrades .profile-upgrade-stat-row strong,
.profile-tabs button[data-profile-tab="history"]{
  gap:7px;
}
.profile-tabs button[data-profile-tab="history"] .upgrade-live-chance-icon,
.profile-history-head .upgrade-live-chance-icon{
  margin-right:0;
}
.upgrade-live-card img{
  position:absolute;
  right:2px;
  top:50%;
  width:150px;
  height:82px;
  transform:translateY(-50%);
  object-fit:contain;
  z-index:1;
  filter:drop-shadow(0 12px 9px rgba(0,0,0,.42));
}
.upgrade-live-card strong{
  display:block;
  color:#fff;
  font-size:16px;
  font-weight:950;
  line-height:1.13;
  text-shadow:0 1px 1px rgba(0,0,0,.55);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.upgrade-live-card small{
  display:block;
  color:#c7cfdb;
  font-size:11px;
  font-weight:800;
  line-height:1.15;
  margin-top:3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:1500px){
  .upgrade-live-history{width:220px}
  .upgrade-live-card{min-height:82px;padding-right:102px}
  .upgrade-live-card img{width:125px;height:72px;right:0}
}
@media(max-width:1240px){
  .upgrade-live-history{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    flex-direction:row;
    gap:8px;
    padding:0 0 12px;
    margin:0 0 10px;
    z-index:1;
    scrollbar-width:none;
  }
  .upgrade-live-history::-webkit-scrollbar{display:none}
  .upgrade-live-card{
    flex:0 0 220px;
    min-height:82px;
    height:82px;
    border-left:1px solid rgba(148,163,184,.08);
    border-radius:8px;
  }
  .upgrade-live-card:hover{transform:translateY(-2px)}
}
@media(max-width:640px){
  .upgrade-live-history{margin-top:2px}
  .upgrade-live-card{flex-basis:205px;min-height:78px;height:78px;padding:8px 76px 7px 10px}
  .upgrade-live-chance{height:22px;font-size:11px;margin:-8px 0 8px -10px}
  .upgrade-live-card img{width:82px;height:56px;top:50%;right:2px}
  .upgrade-live-card strong{font-size:11px}
  .upgrade-live-card small{font-size:10px}
}

/* v44: center main home content within the space to the right of the live history feed */
@media (min-width:1501px){
  .upgrade-page{
    box-sizing:border-box;
    padding-left:252px;
  }
  .upgrade-wrap{
    margin-left:auto;
    margin-right:auto;
  }
}
@media (min-width:1241px) and (max-width:1500px){
  .upgrade-page{
    box-sizing:border-box;
    padding-left:220px;
  }
  .upgrade-wrap{
    margin-left:auto;
    margin-right:auto;
  }
}
@media (max-width:1240px){
  .upgrade-page{
    padding-left:0;
  }
}


/* v45: align the authenticated header controls with the shifted main content area */
@media (min-width:1501px){
  .top-header .header-right{
    transform:translateX(126px);
  }
}
@media (min-width:1241px) and (max-width:1500px){
  .top-header .header-right{
    transform:translateX(110px);
  }
}
@media (max-width:1240px){
  .top-header .header-right{
    transform:none;
  }
}

/* v46: make desktop layout fit at 100% browser zoom with the left live feed */
@media (min-width:1241px){
  html, body{overflow-x:hidden;}
  body{--live-feed-width:220px;}
  .upgrade-live-history{width:var(--live-feed-width);}
  .upgrade-page{
    box-sizing:border-box;
    padding-left:var(--live-feed-width);
  }
  .upgrade-wrap{
    width:100%;
    max-width:min(1360px, calc(100vw - var(--live-feed-width) - 44px));
    padding-left:14px;
    padding-right:14px;
  }
  .top-header .header-shell{
    width:100%;
    max-width:none;
    box-sizing:border-box;
    padding-left:calc(var(--live-feed-width) + 34px);
    padding-right:22px;
  }
  .top-header .header-right{
    transform:none !important;
    margin-left:auto;
  }
}
@media (min-width:1501px){
  body{--live-feed-width:252px;}
}
@media (min-width:1241px) and (max-width:1700px){
  .header-shell{gap:14px;}
  .header-left,.header-right{gap:16px;}
  .brand-up{font-size:22px;}
  .upgrade-wrap{
    max-width:calc(100vw - var(--live-feed-width) - 36px);
  }
  .upgrade-top{
    grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);
    gap:22px;
  }
  .chance-ring{width:260px;height:260px;}
  .chance-core{width:134px;height:134px;}
  .chance-core strong{font-size:32px;}
  .pointer{transform-origin:50% 124px;}
  .pick-panel{height:300px;}
  .control-row{gap:18px;margin-bottom:34px;}
  .choice-buttons button{min-width:66px;}
  .upgrade-grid{gap:16px;}
  .items-grid{gap:8px;}
  .skin-card{height:152px;}
}
@media (min-width:1241px) and (max-width:1540px){
  .header-left .header-help{display:none !important;}
  .header-left,.header-right{gap:12px;}
  .balance-pill{padding-left:14px;padding-right:14px;}
  .deposit-btn{padding-left:18px;padding-right:18px;}
  .upgrade-top{
    grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr);
    gap:18px;
  }
  .chance-ring{width:238px;height:238px;}
  .chance-core{width:124px;height:124px;}
  .chance-core strong{font-size:30px;}
  .chance-core span{font-size:14px;}
  .pointer{transform-origin:50% 113px;}
  .upgrade-start{width:220px;}
  .pick-panel{height:280px;}
  .skin-preview img{width:min(280px,68%);height:140px;}
  .choice-buttons button{min-width:58px;padding-left:10px;padding-right:10px;}
}


/* v48: desktop 100% zoom fit with fixed success feed */
@media (min-width: 1200px) {
  :root {
    --success-feed-width: 248px;
    --success-feed-gap: 34px;
    --desktop-side-gap: 28px;
  }

  body {
    overflow-x: hidden;
  }

  .success-history-feed,
  .success-feed,
  .upgrade-success-feed,
  .home-success-feed {
    width: var(--success-feed-width) !important;
    max-width: var(--success-feed-width) !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    z-index: 50 !important;
  }

  .upgrade-page,
  .home-page,
  main,
  .main {
    box-sizing: border-box;
  }

  .upgrade-page {
    padding-left: calc(var(--success-feed-width) + var(--success-feed-gap)) !important;
    padding-right: var(--desktop-side-gap) !important;
  }

  .site-header,
  .top-header,
  .header,
  .topbar,
  .main-header {
    box-sizing: border-box;
  }

  .site-header .container,
  .top-header .container,
  .header .container,
  .topbar .container,
  .main-header .container,
  .header-inner,
  .topbar-inner {
    box-sizing: border-box;
    padding-left: calc(var(--success-feed-width) + var(--success-feed-gap)) !important;
    padding-right: var(--desktop-side-gap) !important;
    max-width: none !important;
    width: 100% !important;
  }

  .upgrade-wrap,
  .upgrade-container,
  .home-upgrade-wrap {
    max-width: calc(100vw - var(--success-feed-width) - var(--success-feed-gap) - var(--desktop-side-gap)) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }
}

@media (min-width: 1200px) and (max-width: 1680px) {
  :root {
    --success-feed-width: 232px;
    --success-feed-gap: 30px;
    --desktop-side-gap: 24px;
  }

  .upgrade-title,
  .page-title,
  h1 {
    margin-top: 20px !important;
    margin-bottom: 22px !important;
  }

  .upgrade-choice,
  .selected-skin-panel,
  .choice-panel {
    max-width: 430px !important;
  }

  .upgrade-wheel,
  .wheel-wrap,
  .contract-wheel {
    transform: scale(.94);
    transform-origin: center center;
  }

  .upgrade-actions,
  .chance-buttons,
  .multiplier-buttons {
    gap: 10px !important;
  }
}

@media (max-width: 1199px) {
  .upgrade-page {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .site-header .container,
  .top-header .container,
  .header .container,
  .topbar .container,
  .main-header .container,
  .header-inner,
  .topbar-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}


/* v50: fixed left success feed + safe compact central layout */
@media (min-width: 1200px) {
  :root {
    --success-feed-width: 248px;
    --success-feed-gap: 38px;
    --desktop-right-gap: 28px;
  }

  body {
    overflow-x: hidden;
  }

  /* Лента всегда приклеена к левому краю и не участвует в масштабировании контента */
  .success-history-feed,
  .success-feed,
  .upgrade-success-feed,
  .home-success-feed {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: var(--success-feed-width) !important;
    max-width: var(--success-feed-width) !important;
    height: 100vh !important;
    min-height: 100vh !important;
    transform: none !important;
    z-index: 80 !important;
  }

  /* Основной контент начинается после ленты */
  .upgrade-page {
    box-sizing: border-box;
    padding-left: calc(var(--success-feed-width) + var(--success-feed-gap)) !important;
    padding-right: var(--desktop-right-gap) !important;
  }

  .upgrade-wrap,
  .upgrade-container,
  .home-upgrade-wrap {
    width: 100% !important;
    max-width: calc(100vw - var(--success-feed-width) - var(--success-feed-gap) - var(--desktop-right-gap)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    transform: none !important;
  }

  /* Верхняя панель выровнена по той же границе, но не задевает ленту */
  .site-header .container,
  .top-header .container,
  .header .container,
  .topbar .container,
  .main-header .container,
  .header-inner,
  .topbar-inner {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    padding-left: calc(var(--success-feed-width) + var(--success-feed-gap)) !important;
    padding-right: var(--desktop-right-gap) !important;
  }

  /* Компактность без масштабирования общего контейнера и ленты */
  .upgrade-choice,
  .selected-skin-panel,
  .choice-panel {
    max-width: 430px !important;
  }

  .upgrade-wheel,
  .wheel-wrap,
  .contract-wheel {
    transform: scale(.94) !important;
    transform-origin: center center !important;
  }

  .upgrade-actions,
  .chance-buttons,
  .multiplier-buttons {
    gap: 10px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1680px) {
  :root {
    --success-feed-width: 232px;
    --success-feed-gap: 34px;
    --desktop-right-gap: 24px;
  }

  .upgrade-title,
  .page-title,
  h1 {
    margin-top: 18px !important;
    margin-bottom: 22px !important;
  }

  .upgrade-choice,
  .selected-skin-panel,
  .choice-panel {
    max-width: 410px !important;
  }

  .upgrade-wheel,
  .wheel-wrap,
  .contract-wheel {
    transform: scale(.90) !important;
  }
}

@media (max-width: 1199px) {
  .success-history-feed,
  .success-feed,
  .upgrade-success-feed,
  .home-success-feed {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
  }

  .upgrade-page {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}


/* v51: real 100% desktop redesign, no global transforms */
@media (min-width: 1241px){
  :root{
    --live-feed-width: 252px;
    --work-width: 1320px;
    --work-gap: 46px;
    --panel-w: 430px;
    --wheel-col: 300px;
  }

  html,body{overflow-x:hidden!important;}

  .upgrade-live-history{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:var(--live-feed-width)!important;
    max-width:var(--live-feed-width)!important;
    height:100vh!important;
    min-height:100vh!important;
    transform:none!important;
    z-index:1040!important;
  }

  .upgrade-page{
    box-sizing:border-box!important;
    padding-left:var(--live-feed-width)!important;
    padding-right:0!important;
  }

  .upgrade-wrap{
    width:var(--work-width)!important;
    max-width:calc(100vw - var(--live-feed-width) - 56px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
  }

  .upgrade-title{margin-top:22px!important;margin-bottom:26px!important;}

  .upgrade-top{
    display:grid!important;
    grid-template-columns:var(--panel-w) var(--wheel-col) var(--panel-w)!important;
    gap:var(--work-gap)!important;
    justify-content:center!important;
    align-items:center!important;
  }

  .pick-panel{
    width:var(--panel-w)!important;
    max-width:var(--panel-w)!important;
    height:300px!important;
  }

  .chance-panel{gap:16px!important;}
  .chance-ring{
    width:282px!important;
    height:282px!important;
    transform:none!important;
  }
  .chance-ring:before{inset:44px!important;}
  .chance-core{width:144px!important;height:144px!important;}
  .chance-core strong{font-size:34px!important;}
  .pointer{transform-origin:50% 135px!important;}
  .upgrade-start{width:230px!important;height:50px!important;}

  .control-row{
    display:grid!important;
    grid-template-columns:var(--panel-w) var(--wheel-col) var(--panel-w)!important;
    gap:var(--work-gap)!important;
    justify-content:center!important;
    align-items:center!important;
    margin:14px auto 38px!important;
  }
  .control-row>.balance-line{grid-column:1!important;width:100%!important;box-sizing:border-box!important;}
  .control-row>.choice-buttons{grid-column:3!important;justify-content:flex-end!important;}
  .choice-buttons{gap:10px!important;}
  .choice-buttons button{min-width:64px!important;height:46px!important;}

  .upgrade-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:26px!important;
    width:100%!important;
  }
  .inventory-box{min-height:390px!important;}
  .items-grid{gap:10px!important;}
  .skin-card{height:164px!important;}

  .top-header .header-shell{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding-left:calc(var(--live-feed-width) + ((100vw - var(--live-feed-width) - var(--work-width)) / 2))!important;
    padding-right:max(22px, calc((100vw - var(--live-feed-width) - var(--work-width)) / 2))!important;
  }
  .top-header .header-right{transform:none!important;margin-left:auto!important;}
}

@media (min-width:1241px) and (max-width:1700px){
  :root{
    --live-feed-width: 232px;
    --work-width: 1180px;
    --work-gap: 36px;
    --panel-w: 382px;
    --wheel-col: 272px;
  }
  .upgrade-wrap{max-width:calc(100vw - var(--live-feed-width) - 48px)!important;}
  .upgrade-title{font-size:27px!important;margin-top:20px!important;margin-bottom:24px!important;}
  .pick-panel{height:282px!important;}
  .chance-ring{width:254px!important;height:254px!important;}
  .chance-ring:before{inset:41px!important;}
  .chance-core{width:128px!important;height:128px!important;}
  .chance-core strong{font-size:31px!important;}
  .chance-core span{font-size:14px!important;}
  .pointer{transform-origin:50% 121px!important;}
  .upgrade-start{width:214px!important;height:48px!important;}
  .choice-buttons button{min-width:58px!important;padding-left:10px!important;padding-right:10px!important;}
  .inventory-box{min-height:370px!important;}
  .skin-card{height:152px!important;}
}

@media (min-width:1701px) and (max-width:1940px){
  :root{
    --live-feed-width: 252px;
    --work-width: 1288px;
    --work-gap: 42px;
    --panel-w: 420px;
    --wheel-col: 280px;
  }
  .chance-ring{width:268px!important;height:268px!important;}
  .chance-core{width:136px!important;height:136px!important;}
  .pointer{transform-origin:50% 128px!important;}
}

@media (max-width:1240px){
  .upgrade-live-history{position:relative!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;}
  .upgrade-page{padding-left:0!important;padding-right:0!important;}
  .upgrade-wrap{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important;}
}


/* v52: aligned 3-column desktop grid + readable skin cards */
@media (min-width:1241px){
  :root{
    --live-feed-width:252px;
    --desktop-free-left:252px;
    --work-width:1328px;
    --panel-w:430px;
    --wheel-col:300px;
    --work-gap:42px;
    --panel-h:300px;
    --control-h:54px;
  }

  html,body{overflow-x:hidden!important;}

  .upgrade-live-history{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:var(--live-feed-width)!important;
    max-width:var(--live-feed-width)!important;
    height:100vh!important;
    min-height:100vh!important;
    transform:none!important;
    z-index:1040!important;
  }

  .upgrade-page{
    box-sizing:border-box!important;
    padding-left:var(--live-feed-width)!important;
    padding-right:0!important;
  }

  .upgrade-wrap{
    width:var(--work-width)!important;
    max-width:calc(100vw - var(--live-feed-width) - 48px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
  }

  .upgrade-title{
    margin-top:22px!important;
    margin-bottom:24px!important;
    text-align:center!important;
  }

  .upgrade-top,
  .control-row{
    width:100%!important;
    display:grid!important;
    grid-template-columns:var(--panel-w) var(--wheel-col) var(--panel-w)!important;
    column-gap:var(--work-gap)!important;
    justify-content:center!important;
    align-items:center!important;
  }

  .upgrade-top{
    min-height:var(--panel-h)!important;
  }

  .pick-panel{
    width:var(--panel-w)!important;
    max-width:var(--panel-w)!important;
    height:var(--panel-h)!important;
    align-self:center!important;
  }

  .chance-panel{
    width:var(--wheel-col)!important;
    min-width:var(--wheel-col)!important;
    align-self:center!important;
    justify-self:center!important;
    gap:0!important;
  }

  .chance-ring{
    width:282px!important;
    height:282px!important;
    margin:0 auto!important;
    transform:none!important;
  }
  .chance-ring:before{inset:44px!important;}
  .chance-core{width:144px!important;height:144px!important;}
  .chance-core strong{font-size:34px!important;}
  .pointer{transform-origin:50% 135px!important;}

  .control-row{
    margin:16px auto 34px!important;
    min-height:var(--control-h)!important;
  }

  .control-row>.balance-line{
    grid-column:1!important;
    width:100%!important;
    height:var(--control-h)!important;
    align-self:center!important;
    box-sizing:border-box!important;
  }

  .control-row>.upgrade-start{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    width:230px!important;
    height:var(--control-h)!important;
  }

  .control-row>.choice-buttons{
    grid-column:3!important;
    justify-self:stretch!important;
    align-self:center!important;
    display:grid!important;
    grid-template-columns:repeat(6,1fr)!important;
    gap:10px!important;
    width:100%!important;
  }

  .choice-buttons button{
    width:100%!important;
    min-width:0!important;
    height:var(--control-h)!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .upgrade-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:26px!important;
    align-items:start!important;
  }

  .inventory-box{
    min-height:420px!important;
    padding:18px!important;
  }

  .target-filters{
    grid-template-columns:minmax(230px,1fr) 86px 102px auto!important;
    gap:9px!important;
  }

  .items-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .skin-card{
    height:188px!important;
    padding:11px!important;
  }

  .skin-card img{
    height:94px!important;
    margin-top:14px!important;
  }

  .skin-card b{
    font-size:15px!important;
    line-height:1.12!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .skin-card small{
    font-size:10px!important;
    line-height:1.18!important;
    -webkit-line-clamp:3!important;
  }

  .top-header .header-shell{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding-left:calc(var(--live-feed-width) + ((100vw - var(--live-feed-width) - var(--work-width)) / 2))!important;
    padding-right:max(22px, calc((100vw - var(--live-feed-width) - var(--work-width)) / 2))!important;
  }
  .top-header .header-right{transform:none!important;margin-left:auto!important;}
}

@media (min-width:1241px) and (max-width:1700px){
  :root{
    --live-feed-width:232px;
    --work-width:1220px;
    --panel-w:395px;
    --wheel-col:282px;
    --work-gap:34px;
    --panel-h:286px;
    --control-h:52px;
  }

  .upgrade-wrap{
    max-width:calc(100vw - var(--live-feed-width) - 44px)!important;
  }

  .upgrade-title{
    font-size:27px!important;
    margin-top:20px!important;
    margin-bottom:22px!important;
  }

  .chance-ring{
    width:260px!important;
    height:260px!important;
  }
  .chance-ring:before{inset:42px!important;}
  .chance-core{width:132px!important;height:132px!important;}
  .chance-core strong{font-size:31px!important;}
  .chance-core span{font-size:14px!important;}
  .pointer{transform-origin:50% 124px!important;}

  .control-row>.upgrade-start{width:218px!important;}
  .target-filters{grid-template-columns:minmax(200px,1fr) 82px 98px auto!important;}

  .items-grid{gap:10px!important;}
  .skin-card{height:180px!important;}
  .skin-card img{height:88px!important;}
}

@media (min-width:1241px) and (max-width:1540px){
  :root{
    --live-feed-width:220px;
    --work-width:1136px;
    --panel-w:368px;
    --wheel-col:260px;
    --work-gap:28px;
    --panel-h:270px;
    --control-h:50px;
  }

  .upgrade-title{font-size:26px!important;}

  .chance-ring{
    width:240px!important;
    height:240px!important;
  }
  .chance-ring:before{inset:38px!important;}
  .chance-core{width:122px!important;height:122px!important;}
  .chance-core strong{font-size:29px!important;}
  .pointer{transform-origin:50% 114px!important;}

  .skin-preview img{width:min(280px,70%)!important;height:138px!important;}

  .target-filters{
    grid-template-columns:minmax(0,1fr) 74px 88px auto!important;
    gap:8px!important;
  }
  .sort-filter{padding-left:12px!important;padding-right:12px!important;}

  .items-grid{gap:9px!important;}
  .skin-card{height:174px!important;}
  .skin-card img{height:84px!important;}
  .skin-card b{font-size:14px!important;}
  .skin-card small{font-size:11px!important;}
}

@media (max-width:1240px){
  .upgrade-live-history{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    transform:none!important;
  }
  .upgrade-page{padding-left:0!important;padding-right:0!important;}
  .upgrade-wrap{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important;}
}

/* v57: final compact alignment fixes by request
   - live feed is above the header
   - upper blocks and controls share one strict 3-column grid
   - balance add block is compact and readable
   - left inventory/shop block and target block have identical sizing
*/
@media (min-width:1241px){
  :root{
    --live-feed-width:252px;
    --work-width:1280px;
    --panel-w:410px;
    --wheel-col:270px;
    --work-gap:36px;
    --panel-h:286px;
    --control-h:48px;
    --bottom-box-h:392px;
  }

  html,body{overflow-x:hidden!important;}

  .top-header{z-index:1000!important;}
  .upgrade-live-history{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:var(--live-feed-width)!important;
    max-width:var(--live-feed-width)!important;
    height:100vh!important;
    min-height:100vh!important;
    z-index:9999!important;
    margin:0!important;
  }

  .upgrade-page{
    padding-left:var(--live-feed-width)!important;
    padding-right:0!important;
    padding-top:18px!important;
  }
  .upgrade-wrap{
    width:var(--work-width)!important;
    max-width:calc(100vw - var(--live-feed-width) - 44px)!important;
    padding:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .upgrade-title{
    font-size:21px!important;
    line-height:1.1!important;
    margin:16px 0 18px!important;
  }

  .upgrade-top,
  .control-row{
    width:100%!important;
    display:grid!important;
    grid-template-columns:var(--panel-w) var(--wheel-col) var(--panel-w)!important;
    column-gap:var(--work-gap)!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .upgrade-top{min-height:var(--panel-h)!important;}
  .pick-panel{
    width:var(--panel-w)!important;
    max-width:var(--panel-w)!important;
    height:var(--panel-h)!important;
    border-radius:13px!important;
  }
  .skin-empty{font-size:17px!important;line-height:1.2!important;}
  .skin-preview small{font-size:13px!important;}
  .panel-icons{left:16px!important;top:16px!important;gap:8px!important;}
  .panel-icons span,.panel-icons button{width:27px!important;height:27px!important;border-radius:7px!important;font-size:13px!important;}

  .chance-panel{width:var(--wheel-col)!important;min-width:var(--wheel-col)!important;gap:0!important;}
  .chance-ring{width:246px!important;height:246px!important;margin:0 auto!important;box-shadow:0 0 0 10px #0c1626,0 0 0 12px rgba(73,96,130,.45),inset 0 0 38px rgba(0,0,0,.55)!important;}
  .chance-ring:before{inset:39px!important;}
  .chance-core{width:122px!important;height:122px!important;}
  .chance-core strong{font-size:29px!important;line-height:1!important;}
  .chance-core span{font-size:13px!important;}
  .pointer{width:16px!important;height:48px!important;margin-left:-8px!important;transform-origin:50% 116px!important;}

  .control-row{
    min-height:var(--control-h)!important;
    margin:14px auto 28px!important;
  }
  .control-row>.balance-line{grid-column:1!important;}
  .control-row>.upgrade-start{grid-column:2!important;}
  .control-row>.choice-buttons{grid-column:3!important;}

  .balance-line.balance-slider{
    width:100%!important;
    height:var(--control-h)!important;
    min-height:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:auto 10px minmax(70px,1fr) auto auto!important;
    gap:8px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .balance-line.balance-slider b{
    font-size:12px!important;
    line-height:1.05!important;
    letter-spacing:.2px!important;
    max-width:70px!important;
  }
  .balance-slider .slider-dot{width:10px!important;height:10px!important;}
  .balance-slider input[type="range"]{height:3px!important;min-width:70px!important;}
  .balance-slider input[type="range"]::-webkit-slider-thumb{width:12px!important;height:12px!important;}
  .balance-slider input[type="range"]::-moz-range-thumb{width:12px!important;height:12px!important;}
  .balance-extra,
  .balance-total{font-size:12px!important;line-height:1.05!important;white-space:nowrap!important;}
  .balance-extra strong,
  .balance-total strong{font-size:14px!important;line-height:1!important;}

  .upgrade-start{
    width:210px!important;
    height:var(--control-h)!important;
    border-radius:10px!important;
    font-size:14px!important;
  }
  .choice-buttons{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .choice-buttons button{
    width:100%!important;
    min-width:0!important;
    height:var(--control-h)!important;
    padding:0!important;
    border-radius:8px!important;
    font-size:14px!important;
  }

  .upgrade-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:22px!important;
    align-items:stretch!important;
  }
  .inventory-box,
  .inventory-box.target-box{
    height:var(--bottom-box-h)!important;
    min-height:var(--bottom-box-h)!important;
    max-height:var(--bottom-box-h)!important;
    box-sizing:border-box!important;
    padding:15px!important;
    border-radius:13px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .inventory-tabs-head,
  .inventory-box>.tabs{
    flex:0 0 auto!important;
    min-height:38px!important;
    margin-bottom:12px!important;
  }
  .tabs{gap:8px!important;margin-bottom:0!important;}
  .tabs button{
    height:38px!important;
    padding:0 15px!important;
    border-radius:8px!important;
    font-size:13px!important;
    line-height:38px!important;
  }

  .search-row.target-filters{
    flex:0 0 auto!important;
    grid-template-columns:minmax(0,1fr) 74px 86px 74px!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }
  .search-input,.price-filter,.sort-filter{height:38px!important;border-radius:8px!important;font-size:12px!important;}
  .search-input input,.price-filter input{font-size:12px!important;padding:0 8px!important;}
  .search-input span{padding-left:10px!important;font-size:12px!important;}
  .price-filter span{font-size:12px!important;padding-right:8px!important;}
  .sort-filter{padding:0 10px!important;justify-content:center!important;gap:5px!important;font-size:13px!important;}

  .items-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:136px!important;
    gap:9px!important;
    align-content:start!important;
  }
  .skin-card{
    height:136px!important;
    min-height:136px!important;
    padding:8px!important;
    border-radius:8px!important;
  }
  .skin-wear{left:8px!important;top:7px!important;font-size:10px!important;}
  .skin-card img{height:66px!important;margin-top:12px!important;}
  .skin-card b{font-size:12px!important;line-height:1.1!important;-webkit-line-clamp:2!important;white-space:normal!important;}
  .skin-card small{font-size:9.5px!important;line-height:1.12!important;margin-top:3px!important;-webkit-line-clamp:2!important;}

  .empty-inv,
  .empty-inv.empty-inv-rich{
    grid-column:1/-1!important;
    min-height:0!important;
    height:100%!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:0 24px!important;
  }
  .empty-inv b{font-size:17px!important;line-height:1.15!important;}
  .empty-inv span{font-size:14px!important;line-height:1.35!important;max-width:430px!important;}
  .empty-inv-actions{margin-top:18px!important;display:flex!important;gap:10px!important;justify-content:center!important;}
  .empty-inv-actions button,.empty-inv-actions a{height:38px!important;padding:0 14px!important;border-radius:8px!important;font-size:14px!important;line-height:38px!important;}

  .home-left-pagination-wrap,
  .skin-pagination{
    flex:0 0 auto!important;
    margin-top:9px!important;
  }
  .skin-pagination button{height:30px!important;min-width:34px!important;font-size:12px!important;}
  .skin-pagination span{font-size:12px!important;}

  .top-header .header-shell{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding-left:calc(var(--live-feed-width) + ((100vw - var(--live-feed-width) - min(var(--work-width), calc(100vw - var(--live-feed-width) - 44px))) / 2))!important;
    padding-right:max(22px, calc((100vw - var(--live-feed-width) - min(var(--work-width), calc(100vw - var(--live-feed-width) - 44px))) / 2))!important;
  }
}

@media (min-width:1241px) and (max-width:1700px){
  :root{
    --live-feed-width:220px;
    --work-width:1160px;
    --panel-w:368px;
    --wheel-col:252px;
    --work-gap:28px;
    --panel-h:264px;
    --control-h:46px;
    --bottom-box-h:380px;
  }
  .upgrade-title{font-size:24px!important;margin:14px 0 16px!important;}
  .chance-ring{width:230px!important;height:230px!important;}
  .chance-ring:before{inset:36px!important;}
  .chance-core{width:116px!important;height:116px!important;}
  .chance-core strong{font-size:27px!important;}
  .pointer{transform-origin:50% 108px!important;}
  .upgrade-start{width:198px!important;font-size:13px!important;}
  .skin-empty{font-size:16px!important;}
  .search-row.target-filters{grid-template-columns:minmax(0,1fr) 68px 80px 70px!important;gap:7px!important;}
  .items-grid{grid-auto-rows:130px!important;gap:8px!important;}
  .skin-card{height:130px!important;min-height:130px!important;}
  .skin-card img{height:61px!important;}
}

@media (max-width:1240px){
  .upgrade-live-history{z-index:20!important;}
  .inventory-box,.inventory-box.target-box{height:auto!important;max-height:none!important;}
}

/* v58: strict 4x4 cards in bottom panels (inventory/shop/target)
   - each bottom panel keeps identical dimensions
   - item grids always reserve space for 16 cards: 4 columns x 4 rows
   - cards/text are compact so the full 4x4 fits cleanly
*/
@media (min-width:1241px){
  :root{
    --bottom-box-h:668px;
    --card-row-h:120px;
    --card-gap:8px;
  }

  .upgrade-grid{
    align-items:stretch!important;
  }

  .inventory-box,
  .inventory-box.target-box{
    height:var(--bottom-box-h)!important;
    min-height:var(--bottom-box-h)!important;
    max-height:var(--bottom-box-h)!important;
    padding:15px!important;
    overflow:hidden!important;
  }

  .inventory-tabs-head,
  .inventory-box>.tabs{
    height:38px!important;
    min-height:38px!important;
    margin-bottom:12px!important;
  }

  .left-filters,
  .search-row.target-filters{
    flex:0 0 auto!important;
    height:38px!important;
    min-height:38px!important;
    margin-bottom:12px!important;
  }

  .items-grid{
    flex:0 0 auto!important;
    height:calc((var(--card-row-h) * 4) + (var(--card-gap) * 3))!important;
    min-height:calc((var(--card-row-h) * 4) + (var(--card-gap) * 3))!important;
    max-height:calc((var(--card-row-h) * 4) + (var(--card-gap) * 3))!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,var(--card-row-h))!important;
    grid-auto-rows:var(--card-row-h)!important;
    gap:var(--card-gap)!important;
    overflow:hidden!important;
    align-content:start!important;
  }

  .skin-card{
    height:var(--card-row-h)!important;
    min-height:var(--card-row-h)!important;
    max-height:var(--card-row-h)!important;
    padding:7px 8px!important;
    border-radius:8px!important;
  }

  .skin-wear{
    left:8px!important;
    top:7px!important;
    font-size:9px!important;
    line-height:1!important;
  }

  .skin-card img{
    height:53px!important;
    margin-top:12px!important;
    margin-bottom:2px!important;
  }

  .skin-card b{
    font-size:11px!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  .skin-card small{
    font-size:9px!important;
    line-height:1.08!important;
    margin-top:3px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  .skin-pagination,
  .home-left-pagination-wrap{
    flex:0 0 auto!important;
    min-height:30px!important;
    margin-top:10px!important;
  }

  .empty-inv,
  .empty-inv.empty-inv-rich{
    height:calc((var(--card-row-h) * 4) + (var(--card-gap) * 3))!important;
    min-height:calc((var(--card-row-h) * 4) + (var(--card-gap) * 3))!important;
    max-height:calc((var(--card-row-h) * 4) + (var(--card-gap) * 3))!important;
  }
}

@media (min-width:1241px) and (max-width:1700px){
  :root{
    --bottom-box-h:642px;
    --card-row-h:114px;
    --card-gap:8px;
  }

  .skin-card img{height:49px!important;margin-top:11px!important;}
  .skin-card b{font-size:10.5px!important;}
  .skin-card small{font-size:8.5px!important;}
}

/* v59: top upgrade area widened to match bottom panels full width
   The selected-skin panels + wheel now occupy the same horizontal span as
   the lower 2-column area (inventory/shop + target skin). */
@media (min-width:1241px){
  :root{
    --top-panel-w:450px;
    --top-wheel-col:280px;
    --top-gap:50px;
  }

  .upgrade-top,
  .control-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:var(--top-panel-w) var(--top-wheel-col) var(--top-panel-w)!important;
    column-gap:var(--top-gap)!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }

  .pick-panel{
    width:var(--top-panel-w)!important;
    max-width:var(--top-panel-w)!important;
  }

  .chance-panel{
    width:var(--top-wheel-col)!important;
    min-width:var(--top-wheel-col)!important;
  }

  .control-row>.balance-line,
  .control-row>.choice-buttons{
    width:100%!important;
    max-width:100%!important;
  }
}

@media (min-width:1241px) and (max-width:1700px){
  :root{
    --top-panel-w:410px;
    --top-wheel-col:260px;
    --top-gap:40px;
  }

  .pick-panel{
    height:270px!important;
  }

  .chance-ring{
    width:238px!important;
    height:238px!important;
  }
  .chance-ring:before{inset:37px!important;}
  .chance-core{width:120px!important;height:120px!important;}
  .chance-core strong{font-size:28px!important;}
  .pointer{transform-origin:50% 112px!important;}
}

@media (min-width:1701px){
  .pick-panel{
    height:286px!important;
  }
}

/* v60: compact live upgrade feed + compact header at 100% browser zoom */
@media (min-width:1241px){
  body{--live-feed-width:214px;}
  .upgrade-live-history{width:var(--live-feed-width)!important;gap:1px!important;}
  .upgrade-live-card{
    min-height:70px!important;
    padding:7px 91px 6px 9px!important;
    border-radius:0 7px 7px 0!important;
  }
  .upgrade-live-chance{
    height:18px!important;
    max-width:72px!important;
    padding:0 5px!important;
    margin:-7px 0 5px -9px!important;
    gap:3px!important;
    font-size:10px!important;
    border-radius:0 0 6px 0!important;
  }
  .upgrade-live-chance i{font-size:10px!important;}
  .upgrade-live-chance-icon{width:10px!important;height:10px!important;flex-basis:10px!important;}
  .upgrade-live-card img{width:100px!important;height:58px!important;right:0!important;}
  .upgrade-live-card strong{font-size:11px!important;line-height:1.08!important;}
  .upgrade-live-card small{font-size:9px!important;line-height:1.08!important;margin-top:2px!important;}
  .upgrade-page{padding-left:var(--live-feed-width)!important;}
  .upgrade-wrap{max-width:calc(100vw - var(--live-feed-width) - 32px)!important;}
  .top-header,.top-header .header-shell{height:60px!important;}
  .top-header .header-shell{padding-left:calc(var(--live-feed-width) + 18px)!important;padding-right:14px!important;gap:10px!important;}
  .header-left,.header-right{gap:10px!important;}
  .brand-up{font-size:18px!important;letter-spacing:-.65px!important;}
  .brand-star{font-size:13px!important;}
  .header-stat,.header-help{gap:5px!important;font-size:11px!important;}
  .header-stat strong{font-size:12px!important;}
  .upgrade-icon{font-size:20px!important;}
  .help-circle{width:14px!important;height:14px!important;font-size:9px!important;border-width:1px!important;}
  .balance-pill,.icon-btn{min-height:32px!important;border-radius:7px!important;}
  .balance-pill{padding:0 10px!important;gap:4px!important;font-size:12px!important;}
  .deposit-btn{min-height:32px!important;padding:0 12px!important;font-size:11px!important;border-radius:7px!important;}
  .icon-btn{width:32px!important;}
  .icon-btn svg{width:15px!important;height:15px!important;}
  .avatar-link{width:32px!important;height:32px!important;border-radius:7px!important;}
  .notification-badge{min-width:15px!important;height:15px!important;font-size:9px!important;}
}
@media (min-width:1501px){body{--live-feed-width:224px;}}
@media (min-width:1241px) and (max-width:1540px){
  .header-left .header-help{display:flex!important;}
  .header-help span:last-child{max-width:102px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}
@media (max-width:1240px){
  .upgrade-live-card strong{font-size:10.5px!important;}
  .upgrade-live-card small{font-size:9px!important;}
}


/* v61: return wear labels in inventory, larger skin images, compact sell-all block */
@media (min-width:1241px){
  .inventory-tabs-head{align-items:flex-start!important;gap:8px!important;}
  .sell-all-skins{gap:2px!important;margin-top:0!important;transform:translateY(-1px)!important;}
  .sell-all-btn{height:32px!important;border-radius:8px!important;padding:0 12px!important;font-size:12px!important;line-height:1!important;box-shadow:0 7px 16px rgba(0,0,0,.2)!important;}
  .sell-all-skins small{font-size:10px!important;line-height:1!important;}
  .left-filters,.search-row.target-filters{margin-top:0!important;}

  .skin-wear{display:block!important;opacity:1!important;color:rgba(255,255,255,.42)!important;font-size:10px!important;z-index:3!important;}
  .skin-card img{height:66px!important;margin-top:9px!important;margin-bottom:0!important;transform:scale(1.12)!important;transform-origin:center center!important;}
  .skin-card b{margin-top:1px!important;}
}
@media (min-width:1241px) and (max-width:1700px){
  .skin-card img{height:62px!important;margin-top:8px!important;transform:scale(1.12)!important;}
  .sell-all-btn{height:31px!important;font-size:11.5px!important;padding:0 11px!important;}
  .sell-all-skins small{font-size:9.5px!important;}
}
@media (max-width:1240px){
  .skin-card img{height:72px!important;transform:scale(1.08)!important;}
  .sell-all-btn{height:34px!important;font-size:12px!important;padding:0 12px!important;}
  .sell-all-skins small{font-size:10px!important;}
}

/* v62/v63: live feed uses the original side gradient, but with the same rarity/sticker colors as skin cards */
.upgrade-live-card:before{
  background:linear-gradient(90deg,var(--skin-glow,rgba(125,135,150,.55)) 0%,rgba(17,24,37,.85) 55%,rgba(17,24,37,0) 100%)!important;
  opacity:.92!important;
}
.upgrade-live-card:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:70%!important;
  height:auto!important;
  z-index:0!important;
  background:radial-gradient(ellipse at left center,var(--skin-glow-strong,rgba(125,135,150,.42)),transparent 70%)!important;
  opacity:.62!important;
}
.header-help,
.header-left .header-help,
.header-help span:last-child{
  max-width:none!important;
  width:auto!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
@media (min-width:1241px) and (max-width:1540px){
  .header-help span:last-child{max-width:none!important;overflow:visible!important;text-overflow:clip!important;}
  .top-header .header-shell{gap:8px!important;}
  .header-left,.header-right{gap:8px!important;}
  .brand-up{font-size:16px!important;}
  .header-stat,.header-help{font-size:10.5px!important;}
  .deposit-btn{padding:0 10px!important;}
  .balance-pill{padding:0 8px!important;}
}
.skin-card.active{
  box-shadow:inset 0 0 0 2px rgba(52,211,153,.82),0 10px 24px rgba(0,0,0,.22)!important;
  outline:0!important;
}
.skin-card.active:before{inset:2px!important;border-radius:6px!important;}
.skin-card.active:after{left:2px!important;right:2px!important;bottom:2px!important;border-radius:0 0 6px 6px!important;}
.items-grid{padding:2px!important;margin:-2px!important;}

/* v64: smaller wheel result typography + roomier top header */
.chance-core strong.chance-result-win,
.chance-core strong.chance-result-lose{
  font-size:25px!important;
  line-height:.98!important;
  letter-spacing:.2px!important;
  white-space:nowrap!important;
}
.chance-core span.chance-result-win,
.chance-core span.chance-result-lose{
  font-size:12px!important;
  line-height:1.05!important;
  margin-top:4px!important;
  white-space:nowrap!important;
}
@media (min-width:1241px){
  .top-header .header-shell{
    gap:18px!important;
  }
  .header-left{
    gap:22px!important;
  }
  .header-right{
    gap:12px!important;
  }
  .brand-up{
    margin-right:8px!important;
  }
  .header-stat{
    margin-left:4px!important;
  }
  .header-help{
    margin-left:8px!important;
  }
}
@media (min-width:1500px){
  .header-left{gap:30px!important;}
  .brand-up{margin-right:12px!important;}
  .header-help{margin-left:12px!important;}
}
@media (min-width:1241px) and (max-width:1540px){
  .top-header .header-shell{gap:12px!important;}
  .header-left{gap:16px!important;}
  .header-right{gap:9px!important;}
  .brand-up{margin-right:4px!important;font-size:16px!important;}
  .header-stat,.header-help{font-size:10.5px!important;}
  .header-help{margin-left:4px!important;}
}

/* v66: реально уменьшаем текст результата апгрейда в центре барабана */
.chance-panel .chance-ring .chance-core strong[data-chance].chance-result-win,
.chance-panel .chance-ring .chance-core strong[data-chance].chance-result-lose,
.chance-ring .chance-core strong.chance-result-win,
.chance-ring .chance-core strong.chance-result-lose{
  font-size:18px!important;
  line-height:.95!important;
  letter-spacing:0!important;
  transform:none!important;
  white-space:nowrap!important;
  max-width:112px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.chance-panel .chance-ring .chance-core span[data-chance-label].chance-result-win,
.chance-panel .chance-ring .chance-core span[data-chance-label].chance-result-lose,
.chance-ring .chance-core span.chance-result-win,
.chance-ring .chance-core span.chance-result-lose{
  font-size:10px!important;
  line-height:1!important;
  margin-top:3px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  max-width:112px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Footer like reference: placed under skin blocks, while the live upgrade feed remains on the left. */
.site-footer{
    background:transparent;
    border-top:0;
    padding:70px 0 42px var(--live-feed-width, 0px);
    color:#8fa0b7;
}
.site-footer-inner{
    width:min(1360px, calc(100vw - var(--live-feed-width, 0px) - 32px));
    margin:0 auto;
    padding:0 22px;
}
.site-footer-main{
    display:grid;
    grid-template-columns:minmax(320px, 1.35fr) minmax(220px, .9fr) minmax(220px, .7fr);
    gap:70px;
    align-items:start;
    padding-bottom:38px;
    border-bottom:1px solid rgba(148,163,184,.10);
}
.footer-support h3{margin:0 0 18px;color:#dbe7ff;font-size:18px}.footer-support p{max-width:290px;color:#7185a5;font-size:16px;line-height:1.6}.footer-support-button{display:inline-flex;align-items:center;min-height:50px;padding:0 20px;border-radius:10px;background:#1b293d;color:#eef4ff;text-decoration:none;font-weight:900}.footer-support-button:hover{background:#263a56;color:#fff}.support-modal[hidden]{display:none}.support-modal{position:fixed;inset:0;z-index:100100;display:grid;place-items:center;padding:0}.support-modal-backdrop{position:absolute;inset:0;background:rgba(3,8,18,.42);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.support-modal-content{position:relative;width:min(1120px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto}.support-modal-content .support-page{min-height:0;padding:0}.support-modal-content .support-card{max-height:calc(100vh - 48px);overflow:auto}.support-modal-open{overflow:hidden}.support-modal-open .top-header,.support-modal-open #app,.support-modal-open .site-footer,.support-modal-open .mobile-upgrade-feed,.support-modal-open .site-edge-decor{filter:blur(28px);pointer-events:none;user-select:none}.support-modal-loading,.support-modal-error{padding:40px;text-align:center;border-radius:20px;background:linear-gradient(180deg,rgba(17,26,48,.98),rgba(8,15,28,.98));color:#dbe7ff}
.support-page{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:42px 20px}.support-card{position:relative;width:min(1080px,100%);padding:32px;border:1px solid rgba(148,163,184,.2);border-radius:24px;background:linear-gradient(180deg,rgba(17,26,48,.98),rgba(8,15,28,.98));box-shadow:0 30px 100px rgba(0,0,0,.4);color:#dbe7ff}.support-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#b5c5df;font-size:34px;line-height:1;cursor:pointer}.support-head{padding-right:36px}.support-head h1{margin:0;color:#fff}.support-head p{color:#8fa3c7}.support-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:520px;border:1px solid rgba(148,163,184,.14);border-radius:16px;overflow:hidden}.support-tickets{padding:12px;border-right:1px solid rgba(148,163,184,.14);overflow:auto}.support-new-ticket{display:flex;justify-content:center;padding:11px;border-radius:10px;background:#2563eb;color:#fff;text-decoration:none;font-weight:900;margin-bottom:10px}.support-ticket{display:grid;gap:5px;padding:12px;border-radius:10px;color:#dbe7ff;text-decoration:none}.support-ticket:hover,.support-ticket.active{background:rgba(37,99,235,.18)}.support-ticket small{color:#8293b0}.support-conversation{display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:20px;min-width:0}.support-conversation h2{margin:0;color:#fff}.support-chat{min-height:300px;max-height:430px;overflow:auto;padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:rgba(0,0,0,.13)}.support-form,.support-create{display:grid;gap:10px}.support-form textarea,.support-create textarea,.support-create input{padding:11px;color:#eef4ff;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.18);border-radius:10px}.support-form textarea{min-height:78px}.support-create textarea{min-height:150px}.support-form>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.support-form button,.support-create button{justify-self:end;border:0;border-radius:9px;padding:10px 18px;background:#2563eb;color:#fff;font-weight:900}.support-error{color:#ffc0c5;font-size:12px}@media(max-width:800px){.support-card{padding:22px 14px}.support-layout{grid-template-columns:1fr}.support-tickets{max-height:220px;border-right:0;border-bottom:1px solid rgba(148,163,184,.14)}}
.footer-logo{
    display:inline-block;
    color:#f8fafc;
    font-size:24px;
    line-height:1;
    font-weight:950;
    text-transform:uppercase;
    font-style:italic;
    transform:skew(-7deg);
    letter-spacing:-.9px;
    margin-bottom:22px;
    text-shadow:0 1px 0 rgba(255,255,255,.18);
}
.footer-logo .brand-mark{margin-right:9px;vertical-align:middle}

/* Signature CS2-style header mark */
.brand-up{
    isolation:isolate;
    overflow:hidden;
    min-width:174px;
    border-color:rgba(83,211,255,.42);
    background:
        linear-gradient(115deg,transparent 0 17%,rgba(73,201,239,.10) 17.4%,transparent 18%),
        linear-gradient(180deg,rgba(20,40,64,.98),rgba(5,13,25,.98));
}
.brand-up:before{
    content:"";
    position:absolute;
    inset:1px;
    z-index:-1;
    opacity:.28;
    background-image:linear-gradient(rgba(125,220,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(125,220,255,.12) 1px,transparent 1px);
    background-size:11px 11px;
    clip-path:inherit;
    pointer-events:none;
}
.brand-up:after{
    content:"";
    position:absolute;
    left:-20%;
    right:-20%;
    bottom:3px;
    height:1px;
    z-index:0;
    background:linear-gradient(90deg,transparent,#57dcff 28%,#57dcff 72%,transparent);
    box-shadow:0 0 9px rgba(87,220,255,.95);
    opacity:.8;
    transform:translateX(-30%);
    animation:brand-scan 4.8s ease-in-out infinite;
    pointer-events:none;
}
.brand-up>*{position:relative;z-index:1}
.brand-up .brand-name{font-weight:800;letter-spacing:-.55px}
.brand-up .brand-mark{position:relative;width:22px;justify-content:center;gap:2px}
.brand-up .brand-mark:before{
    content:"";
    position:absolute;
    width:22px;
    height:22px;
    border:1px solid rgba(92,218,255,.45);
    border-radius:50%;
    transform:rotate(45deg) skew(-8deg);
    box-shadow:0 0 12px rgba(42,168,223,.20),inset 0 0 8px rgba(42,168,223,.12);
}
.brand-up .brand-mark:after{
    content:"";
    position:absolute;
    right:-9px;
    top:-8px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#63e6be;
    box-shadow:0 0 0 3px rgba(99,230,190,.10),0 0 10px #63e6be;
}
.brand-up .brand-mark i{width:3px;background:linear-gradient(180deg,#b8f4ff 0%,#47d8ff 42%,#178bc4 100%);box-shadow:0 0 8px rgba(71,216,255,.85)}
.brand-up .brand-star{display:none}
@keyframes brand-scan{0%,35%{transform:translateX(-30%);opacity:0}48%{opacity:.8}70%,100%{transform:translateX(30%);opacity:0}}
@media(max-width:560px){
    .brand-up{min-width:0;padding-left:9px;padding-right:11px;gap:8px}
    .brand-up .brand-name{font-size:inherit;letter-spacing:-.7px}
}

/* Mobile header alignment: logo and account controls share the top row */
@media (max-width: 767px){
    .top-header .header-shell{align-items:center!important}
    .top-header .brand-up{
        position:absolute!important;
        left:20px!important;
        top:10px!important;
        min-width:0!important;
        max-width:42vw!important;
        height:38px!important;
        font-size:16px!important;
        line-height:1!important;
        white-space:nowrap!important;
        overflow:hidden!important;
    }
    .top-header .brand-up .brand-name{overflow:hidden;text-overflow:ellipsis}
    .top-header .header-right{top:10px!important;right:20px!important;align-items:center!important}
}
@media (max-width: 560px){
    .top-header .brand-up{left:12px!important;top:10px!important;max-width:43vw!important;font-size:14px!important;height:34px!important}
    .top-header .header-right{right:12px!important;top:10px!important}
    .top-header .brand-up .brand-mark{transform:scale(.82) skew(4deg);transform-origin:left center}
}
@media (max-width: 430px){
    .top-header .brand-up{max-width:39vw!important;font-size:12px!important}
    .top-header .brand-up .brand-mark{display:none}
}
.footer-copy{
    color:#f4f7fb;
    font-size:16px;
    font-weight:800;
    margin-bottom:24px;
}
.footer-about p,
.footer-support p,
.site-footer-legal p{
    margin:0;
    color:#7889a4;
    font-size:15px;
    line-height:1.78;
    font-weight:650;
}
.footer-support h3,
.footer-info h3{
    margin:0 0 24px;
    color:#f4f7fb;
    font-size:20px;
    line-height:1.2;
    font-weight:950;
}
.footer-support p{max-width:285px;margin-bottom:24px;}
.footer-support-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 22px;
    border-radius:8px;
    background:#1a2638;
    color:#f8fafc;
    font-size:15px;
    font-weight:900;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.footer-support-btn:hover{color:#fff;background:#22314a;}
.footer-info nav{display:flex;flex-direction:column;gap:20px;}
.footer-info a{
    color:#90a1bc;
    font-size:15px;
    font-weight:650;
}
.footer-info a:hover{color:#fff;}
.site-footer-legal{
    padding-top:26px;
    display:flex;
    flex-direction:column;
    gap:16px;
}
.site-footer-legal p{font-size:13px;line-height:1.7;color:#62708a;}

@media (max-width: 1100px){
    .site-footer{padding-left:0;}
    .site-footer-inner{width:100%;padding:0 22px;}
    .site-footer-main{grid-template-columns:1fr;gap:34px;}
}
@media (max-width: 640px){
    .site-footer{padding:46px 0 30px;}
    .site-footer-inner{padding:0 14px;}
    .footer-logo{font-size:20px;}
    .footer-copy{font-size:14px;}
    .footer-about p,.footer-support p,.footer-info a{font-size:13px;}
}


/* Footer typography refinement */
.footer-title,.footer h2,.footer h3{
 font-weight:600!important;
 letter-spacing:-0.02em!important;
}
.footer-text,.footer p,.footer-links a{
 font-weight:400!important;
}
.footer-legal,.footer-bottom,.footer small{
 font-weight:300!important;
 opacity:.75;
}
.footer-support-btn,.footer button{
 font-weight:600!important;
}


/* Footer typography v69 - ultra thin */
.footer-title,.footer h2,.footer h3{
 font-weight:500!important;
 font-size:24px!important;
 letter-spacing:-0.02em!important;
}
.footer-text,.footer p,.footer-links a{
 font-weight:300!important;
 font-size:16px!important;
 line-height:1.6!important;
}
.footer-legal,.footer-bottom,.footer small{
 font-weight:300!important;
 font-size:13px!important;
 opacity:.7!important;
}
.footer-support-btn,.footer button{
 font-weight:500!important;
 font-size:16px!important;
}


/* v70 footer actual font reduction */
footer, .footer, [class*="footer"]{
  font-weight:400 !important;
}
footer h1, footer h2, footer h3, footer h4,
.footer h1, .footer h2, .footer h3, .footer h4,
[class*="footer"] h1,[class*="footer"] h2,[class*="footer"] h3{
  font-size:18px !important;
  font-weight:500 !important;
}
footer p, footer a, footer li,
.footer p, .footer a, .footer li,
[class*="footer"] p,[class*="footer"] a,[class*="footer"] li{
  font-size:14px !important;
  font-weight:350 !important;
  opacity:.9;
}
footer small, .footer small, [class*="footer"] small{
  font-size:12px !important;
  font-weight:300 !important;
  opacity:.7 !important;
}


/* v59: expanded upgrade preset buttons (6 multipliers + 6 chances) */
.choice-buttons{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-rows:var(--control-btn-h,46px)!important;
  gap:8px 10px!important;
  align-self:center!important;
  justify-self:stretch!important;
}
.choice-buttons button{
  width:100%!important;
  min-width:0!important;
  height:var(--control-btn-h,46px)!important;
  padding:0!important;
}
.choice-buttons button:nth-child(5),
.choice-buttons button:nth-child(5).active{color:#ffdd24;}
.choice-buttons button:nth-child(7){color:#51dfff;}
.choice-buttons button:nth-child(8){color:#4d8cff;}
.choice-buttons button:nth-child(9){color:#8b5cff;}
.choice-buttons button:nth-child(10){color:#ff4d5b;}
.choice-buttons button:nth-child(12){color:#2ff485;}
@media(max-width:1100px){
  .choice-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .choice-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* FreeKassa balance page */
.balance-page{padding:34px 0 70px}.balance-container{width:min(1040px,calc(100% - 28px));margin:0 auto}.balance-card{background:linear-gradient(180deg,rgba(17,26,48,.96),rgba(8,15,28,.96));border:1px solid rgba(148,163,184,.14);border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.24);margin-top:18px}.balance-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.balance-card h1,.balance-card h2{margin:0;color:#eef4ff;font-weight:950}.balance-card h1{font-size:28px}.balance-card h2{font-size:20px}.balance-card p{margin:8px 0 0;color:#9fb2d5}.balance-current{min-width:180px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:14px;text-align:right}.balance-current span{display:block;color:#9fb2d5;font-size:12px;font-weight:800}.balance-current strong{display:block;margin-top:5px;color:#ffd720;font-size:22px}.balance-alert{margin-top:16px;border-radius:14px;padding:12px 14px;font-weight:800}.balance-alert.error{background:rgba(255,77,91,.12);border:1px solid rgba(255,77,91,.22);color:#ffb6bf}.balance-form{display:grid;gap:14px;margin-top:18px}.balance-form label{display:grid;gap:8px;color:#dbe7ff;font-weight:900}.balance-form input{height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;padding:0 14px;font-size:18px;outline:none}.balance-form input:focus{border-color:rgba(255,215,32,.65);box-shadow:0 0 0 .2rem rgba(255,215,32,.12)}.balance-presets{display:flex;gap:10px;flex-wrap:wrap}.balance-presets button{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.07);color:#dbe7ff;font-weight:900;padding:10px 14px}.balance-presets button:hover{border-color:rgba(255,215,32,.5);color:#ffd720}.balance-submit{width:max-content;border:0;min-height:46px;padding:0 22px}.balance-payments{display:grid;gap:8px;margin-top:16px}.balance-payment-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px 90px 150px;gap:12px;align-items:center;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);padding:12px;color:#cbd7ed}.balance-payment-row span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-payment-row b{color:#fff}.balance-payment-row em{font-style:normal;font-weight:900}.status-paid{color:#2ff485}.status-pending{color:#ffd720}.status-failed{color:#ff6b7a}.balance-payment-row small{color:#8fa3c7}.balance-empty{margin-top:14px;color:#9fb2d5}@media(max-width:720px){.balance-card-head{display:grid}.balance-current{text-align:left}.balance-payment-row{grid-template-columns:1fr}.balance-submit{width:100%}}

/* FreeKassa balance modal */
.balance-modal{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(1,6,14,.72);backdrop-filter:blur(10px)}
.balance-modal.is-open{display:flex}.balance-modal__backdrop{position:absolute;inset:0}.balance-modal__dialog{position:relative;display:grid;grid-template-columns:minmax(220px,370px) minmax(360px,630px);width:min(1000px,calc(100vw - 28px));min-height:620px;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;background:#0b111a;box-shadow:0 28px 90px rgba(0,0,0,.58);color:#fff}.balance-modal__hero{position:relative;background:linear-gradient(160deg,#241b2d,#3b1645 60%,#1a0c22);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.balance-modal__hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.14),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.18),transparent)}.balance-modal__hero img{position:relative;width:118%;max-width:none;transform:translateY(3%);filter:drop-shadow(0 26px 24px rgba(0,0,0,.35))}.balance-modal__content{position:relative;padding:38px 36px 30px;background:linear-gradient(160deg,#101721,#080d14)}.balance-modal__close{position:absolute;right:24px;top:22px;width:34px;height:34px;border:0;background:transparent;color:#7c8594;font-size:32px;line-height:1;cursor:pointer}.balance-modal__content h2{margin:0 0 30px;font-size:28px;font-weight:900;letter-spacing:-.03em}.balance-modal__alert{margin:-12px 0 18px;padding:12px 14px;border:1px solid rgba(255,80,80,.35);border-radius:12px;background:rgba(255,80,80,.09);color:#ffb4b4;font-weight:700}.balance-modal__label-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;color:#8e96a5;font-size:14px;font-weight:800}.balance-modal__tabs{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#161d27}.balance-modal__tabs b,.balance-modal__tabs span{min-width:74px;padding:7px 12px;border-radius:999px;text-align:center;font-size:13px}.balance-modal__tabs b{background:#2497c9;color:#fff}.balance-modal__tabs span{color:#777f8d}.balance-modal__methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.balance-method{min-height:88px;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#141b25;cursor:pointer}.balance-method.active{border-color:#f6c400;background:#161d27}.balance-method.disabled{opacity:.55;cursor:not-allowed}.balance-method input{display:none}.balance-method__logo{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#27c4ff,#7b3dff,#ffbf00);font-weight:900;color:#fff;font-size:14px}.balance-method__logo.muted{background:#202936}.balance-method b{display:block;font-size:17px;line-height:1.1}.balance-method small{display:block;margin-top:5px;color:#737d8c;font-size:12px;font-weight:800}.balance-method i{margin-left:auto;width:18px;height:18px;border:2px solid #394251;border-radius:50%}.balance-method.active i{border-color:#ffd200;box-shadow:inset 0 0 0 4px #141b25;background:#ffd200}.amount-row small{color:#6f7785}.balance-modal__amount{height:70px;display:flex;align-items:center;gap:12px;padding:0 22px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#171e28}.balance-modal__amount input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:26px;font-weight:900}.balance-modal__amount span{font-size:25px;font-weight:900}.balance-modal__presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:13px 0 34px}.balance-modal__presets button{height:39px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111822;color:#777f8c;font-weight:900}.balance-modal__presets button:hover,.balance-modal__presets button.active{border-color:#2daee8;color:#fff}.balance-modal__total{display:flex;align-items:center;justify-content:space-between;margin-bottom:62px}.balance-modal__total span{color:#969da9;font-size:17px;font-weight:900}.balance-modal__total b{color:#36c7ff;font-size:34px;font-weight:950}.balance-modal__submit{width:100%;height:68px;border:0;border-radius:15px;background:#249bd0;color:#fff;font-size:18px;font-weight:950;text-transform:uppercase;box-shadow:0 16px 28px rgba(36,155,208,.22)}.balance-modal__submit:hover{filter:brightness(1.08)}.balance-modal__form p{margin:22px 0 0;text-align:center;color:#697281;font-size:12px;font-weight:800}body.balance-modal-lock{overflow:hidden}
@media (max-width: 860px){.balance-modal{padding:12px}.balance-modal__dialog{grid-template-columns:1fr;min-height:0;max-height:calc(100vh - 24px);overflow:auto}.balance-modal__hero{display:none}.balance-modal__content{padding:28px 18px 22px}.balance-modal__methods{grid-template-columns:1fr}.balance-modal__presets{grid-template-columns:repeat(3,1fr)}.balance-modal__total{margin-bottom:28px}.balance-modal__tabs span:nth-child(n+2){display:none}.balance-modal__content h2{font-size:24px;margin-bottom:22px}}

/* Compact FreeKassa balance modal rebuild */
.balance-modal{padding:18px;background:rgba(1,6,14,.70);backdrop-filter:blur(8px)}
.balance-modal__dialog{grid-template-columns:290px 430px;width:min(720px,calc(100vw - 28px));min-height:430px;border-radius:18px}
.balance-modal__hero{align-items:flex-end;justify-content:center;background:linear-gradient(160deg,#21172a,#3a1543 65%,#160b1d)}
.balance-modal__hero img{width:142%;transform:translateY(9%);filter:drop-shadow(0 18px 18px rgba(0,0,0,.35))}
.balance-modal__content{padding:26px 26px 22px}
.balance-modal__close{right:18px;top:16px;width:28px;height:28px;font-size:27px}
.balance-modal__content h2{margin:0 0 20px;font-size:23px;letter-spacing:-.035em}
.balance-modal__alert{margin:-6px 0 14px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.35}
.balance-modal__label-row{margin:0 0 9px;font-size:12.5px}
.balance-modal__tabs{display:none!important}
.balance-modal__methods{grid-template-columns:1fr;gap:0;margin-bottom:18px}
.balance-method{min-height:72px;gap:12px;padding:12px 14px;border-radius:13px}
.balance-method__logo{width:38px;height:38px;border-radius:10px;font-size:13px}
.balance-method b{font-size:15px}
.balance-method small{margin-top:4px;font-size:11px}
.balance-method i{width:17px;height:17px}
.balance-modal__amount{height:58px;padding:0 18px;border-radius:13px}
.balance-modal__amount input{font-size:22px;-moz-appearance:textfield}
.balance-modal__amount input::-webkit-outer-spin-button,.balance-modal__amount input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.balance-modal__amount span{font-size:22px}
.balance-modal__presets{gap:7px;margin:10px 0 25px}
.balance-modal__presets button{height:34px;border-radius:9px;font-size:13px}
.balance-modal__total{margin-bottom:38px}
.balance-modal__total span{font-size:14.5px}
.balance-modal__total b{font-size:28px}
.balance-modal__submit{height:56px;border-radius:13px;font-size:15px}
.balance-modal__form p{margin:16px 0 0;font-size:10.5px}
@media (max-width: 860px){
  .balance-modal__dialog{width:min(430px,calc(100vw - 24px));grid-template-columns:1fr;min-height:0}
  .balance-modal__content{padding:24px 18px 20px}
  .balance-modal__presets{grid-template-columns:repeat(3,1fr)}
}

/* FreeKassa modal: promo/coupon compact layout */
.balance-modal__dialog{grid-template-columns:270px 410px!important;width:min(680px,calc(100vw - 28px))!important;min-height:500px!important}
.balance-modal__hero img{width:155%!important;transform:translateY(4%)!important}
.balance-modal__content{padding:24px 24px 20px!important}
.balance-modal__content h2{font-size:21px!important;margin-bottom:16px!important}
.balance-modal__alert{font-size:12px!important;margin:-2px 0 12px!important;padding:9px 11px!important}
.balance-modal__methods,.balance-method{display:none!important}
.balance-modal__label-row{font-size:12px!important;margin-bottom:7px!important}
.balance-modal__label-row small.is-ok{color:#33d17a!important}.balance-modal__label-row small.is-bad{color:#ff7b7b!important}.balance-modal__label-row small.is-muted{color:#7f8a99!important}
.balance-modal__field{height:46px;display:flex;align-items:center;padding:0 16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#171e28;margin-bottom:13px}
.balance-modal__field input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.balance-modal__field input::placeholder{color:#6f7785;text-transform:none;letter-spacing:0}
.balance-modal__field select,.billing-field select{width:100%;height:100%;border:0;outline:0;border-radius:10px;background:transparent;color:#dbe7ff;font-size:14px;font-weight:800;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8fa3c7 50%),linear-gradient(135deg,#8fa3c7 50%,transparent 50%);background-position:calc(100% - 16px) 20px,calc(100% - 11px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}
.balance-modal__field select option,.billing-field select option{background:#111b2d;color:#fff}
.balance-modal__amount{height:52px!important;padding:0 16px!important;border-radius:12px!important}
.balance-modal__amount input{font-size:20px!important}.balance-modal__amount span{font-size:20px!important}
.balance-modal__presets{margin:9px 0 18px!important;gap:7px!important}.balance-modal__presets button{height:32px!important;font-size:12px!important}
.balance-modal__totals{display:grid;gap:8px;margin-bottom:22px}.balance-modal__total{margin:0!important}.balance-modal__total span{font-size:13.5px!important}.balance-modal__total b{font-size:24px!important}.balance-modal__total-pay b{font-size:20px!important;color:#fff!important}
.balance-modal__submit{height:52px!important;font-size:14px!important;border-radius:12px!important}
.balance-modal__or{display:flex;align-items:center;gap:12px;margin:12px 0;color:#6f7785;font-size:11px;font-weight:950;text-align:center}.balance-modal__or:before,.balance-modal__or:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.08)}
.balance-modal__coupon-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.balance-modal__coupon-form .balance-modal__field{margin:0;height:42px}.balance-modal__coupon-form input{font-size:13px!important;letter-spacing:.02em}.balance-modal__coupon-submit{height:42px;padding:0 13px;border:1px solid rgba(45,174,232,.65);border-radius:11px;background:#111822;color:#fff;font-size:11px;font-weight:950;text-transform:uppercase}.balance-modal__coupon-submit:hover{background:#1d8bbb}
.balance-modal__form p{margin-top:13px!important;font-size:10px!important}
@media (max-width:860px){.balance-modal__dialog{width:min(430px,calc(100vw - 24px))!important;grid-template-columns:1fr!important}.balance-modal__coupon-form{grid-template-columns:1fr}.balance-modal__coupon-submit{width:100%}}

/* Notifications popover */
.icon-btn{border:0;}
.notification-badge{background:#ef4444;}
.notifications-popover{position:fixed;inset:0;z-index:1045;pointer-events:none;}
.notifications-popover[aria-hidden="true"]{display:none;}
.notifications-popover[aria-hidden="false"]{display:block;pointer-events:auto;}
.notifications-popover__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.02);}
.notifications-popover__dialog{position:fixed;top:70px;right:16px;width:min(475px,calc(100vw - 32px));min-height:204px;max-height:calc(100vh - 84px);overflow:hidden;background:linear-gradient(180deg,#0c1422,#080e19);border:1px solid rgba(148,163,184,.10);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.36);color:#e5edf8;display:flex;flex-direction:column;}
.notifications-popover__head{display:flex;align-items:center;gap:14px;padding:18px 20px 8px;flex:0 0 auto;}
.notifications-popover__icon{width:39px;height:39px;border-radius:10px;background:#121d31;color:#aab7ca;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.notifications-popover__head h2{font-size:17px;line-height:1;margin:0;font-weight:950;color:#fff;}
.notifications-popover__actions{margin-left:auto;display:flex;align-items:center;gap:8px;}
.notifications-popover__mark-all{width:34px;height:34px;border:0;border-radius:10px;background:rgba(18,29,49,.9);color:#8fa0b7;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease;}
.notifications-popover__mark-all:hover{background:#17243a;color:#e5edf8;transform:translateY(-1px);}
.notifications-popover__close{border:0;background:transparent;color:#8fa0b7;font-size:26px;line-height:1;cursor:pointer;padding:0 8px;}
.notifications-popover__list{padding:6px 20px 14px;overflow:hidden;flex:1 1 auto;min-height:0;}
.notifications-popover__empty{height:128px;display:flex;align-items:center;justify-content:center;color:#758398;font-weight:800;font-size:16px;}
.notification-item{padding:10px 14px;border:1px solid rgba(148,163,184,.10);border-radius:12px;background:rgba(15,25,42,.82);margin-bottom:9px;}
.notification-item.is-unread{border-color:rgba(239,68,68,.42);background:linear-gradient(90deg, rgba(239,68,68,.18), rgba(15,25,42,.90) 58%);box-shadow:inset 3px 0 0 #ef4444, 0 10px 24px rgba(239,68,68,.08);}
.notification-item__title{display:flex;justify-content:space-between;gap:12px;color:#fff;font-weight:900;font-size:13px;margin-bottom:5px;}
.notification-item__date{color:#718197;font-size:11px;font-weight:800;white-space:nowrap;}
.notification-item__text{color:#b7c3d5;font-size:12.5px;line-height:1.34;}
.notifications-popover__pagination{display:flex;align-items:center;justify-content:center;gap:7px;padding:2px 0 0;margin-top:2px;}
.notifications-popover__page{min-width:28px;height:28px;border:1px solid rgba(148,163,184,.14);border-radius:9px;background:rgba(15,25,42,.82);color:#9cabc0;font-weight:900;line-height:1;cursor:pointer;}
.notifications-popover__page:hover:not(:disabled),.notifications-popover__page.is-active{border-color:rgba(56,189,248,.45);background:#13314a;color:#fff;}
.notifications-popover__page:disabled{opacity:.45;cursor:not-allowed;}
.notifications-popover__page-gap{color:#65748a;font-weight:900;padding:0 2px;}
@media (max-width:575px){.notifications-popover__dialog{top:64px;right:8px;left:8px;width:auto;max-height:calc(100vh - 72px);}.notifications-popover__head{padding:14px 16px 6px}.notifications-popover__list{padding:6px 16px 12px}.notification-item{padding:9px 12px;margin-bottom:8px}.notification-item__text{font-size:12px;line-height:1.3}}


/* sell modal typography */
.site-confirm-card h2,
.sell-confirm-title{font-weight:700!important;}
.site-confirm-card p,
.sell-confirm-text,
.site-confirm-card button,
.site-confirm-actions button{font-weight:400!important;}


/* cart modal typography */
.cart-modal-card h2{
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:700!important;
    margin-bottom:10px!important;
}
.cart-summary,
.cart-item b,
.cart-item span,
.cart-item strong,
.cart-empty,
.cart-total,
.cart-actions button{
    font-weight:400!important;
}
.cart-summary{
    font-size:14px!important;
    line-height:1.35!important;
}
.cart-item b{
    font-size:14px!important;
    line-height:1.2!important;
}
.cart-item span,
.cart-item strong{
    font-size:14px!important;
}
.cart-total{
    font-size:15px!important;
}
.cart-actions button{
    font-size:14px!important;
}


/* lucky pinned upgrade card in live history */
.upgrade-live-card.is-lucky-upgrade .upgrade-live-chance{
  gap:5px;
}
.upgrade-live-crown{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ffd21b;
  font-size:14px;
  line-height:1;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));
}
.upgrade-live-card.is-lucky-upgrade{
  order:-1;
  box-shadow:0 0 0 1px rgba(255,210,27,.14), 0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
}
.upgrade-live-card.is-top-contract{order:-1;box-shadow:0 0 0 1px rgba(255,210,27,.14),0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)}
.upgrade-live-card > .upgrade-live-chance > .upgrade-live-contract-icon{position:static!important;display:inline-flex!important;width:14px!important;height:14px!important;flex:0 0 14px!important;transform:none!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))!important}
@media(max-width:1240px){.upgrade-live-card > .upgrade-live-chance > .upgrade-live-contract-icon{width:10px!important;height:10px!important;flex-basis:10px!important}}

/* v71: mobile home layout matched to reference screenshots
   v73: apply the same mobile layout up to 1240px so the separate tablet layout is removed. */
@media (max-width: 1240px){
  html, body{overflow-x:hidden!important;}

  .upgrade-page{
    min-height:auto!important;
    padding:0 0 34px!important;
    background:radial-gradient(circle at 50% 15%,rgba(36,117,205,.16),transparent 330px)!important;
  }
  .upgrade-wrap{
    width:100%!important;
    max-width:100%!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
  }

  /* top upgrade feed: compact horizontal cards, no avatars/user text */
  .upgrade-live-history{
    order:0!important;
    position:relative!important;
    width:calc(100% + 20px)!important;
    max-width:none!important;
    height:78px!important;
    min-height:78px!important;
    margin:0 -10px 18px!important;
    padding:0 0 0 10px!important;
    display:flex!important;
    flex-direction:row!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    z-index:5!important;
  }
  .upgrade-live-history::-webkit-scrollbar{display:none!important;}
  .upgrade-live-card{
    flex:0 0 84px!important;
    width:84px!important;
    height:74px!important;
    min-height:74px!important;
    padding:0!important;
    border-radius:0!important;
    border:0!important;
    border-top:3px solid rgba(255,210,28,.9)!important;
    background:#101827!important;
    overflow:hidden!important;
  }
  .upgrade-live-card strong,
  .upgrade-live-card small{display:none!important;}
  .upgrade-live-card:before{
    background:linear-gradient(180deg,rgba(17,24,39,.38),var(--skin-glow,rgba(125,135,150,.42)))!important;
  }
  .upgrade-live-card:after{display:none!important;}
  .upgrade-live-card img{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:30px!important;
    width:74px!important;
    height:42px!important;
    transform:translateX(-50%)!important;
    object-fit:contain!important;
  }
  .upgrade-live-chance{
    position:absolute!important;
    left:5px!important;
    bottom:3px!important;
    margin:0!important;
    max-width:74px!important;
    height:18px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:rgba(8,12,22,.72)!important;
    font-size:10px!important;
    line-height:1!important;
    z-index:3!important;
  }
  .upgrade-live-chance i,
  .upgrade-live-crown{font-size:10px!important;color:#ffd21b!important;}
  .upgrade-live-chance-icon{width:10px!important;height:10px!important;flex-basis:10px!important;}

  .upgrade-title{
    font-size:24px!important;
    line-height:1.05!important;
    letter-spacing:.4px!important;
    margin:0 0 22px!important;
  }

  .upgrade-top{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:"wheel wheel" "input target"!important;
    gap:14px!important;
    align-items:start!important;
  }
  .chance-panel{grid-area:wheel!important;width:100%!important;min-width:0!important;}
  .pick-panel[data-drop="input"]{grid-area:input!important;}
  .pick-panel[data-drop="target"]{grid-area:target!important;}

  .chance-ring{
    width:250px!important;
    height:250px!important;
    margin:0 auto!important;
    box-shadow:0 0 0 10px #0c1626,0 0 0 12px rgba(73,96,130,.45),inset 0 0 38px rgba(0,0,0,.55)!important;
  }
  .chance-ring:before{inset:40px!important;}
  .chance-core{width:126px!important;height:126px!important;}
  .chance-core strong{font-size:30px!important;}
  .chance-core span{font-size:14px!important;}
  .chance-core:before{left:-39px!important;font-size:11px!important;}
  .chance-core:after{left:165px!important;font-size:11px!important;}
  .pointer{width:16px!important;height:49px!important;margin-left:-8px!important;transform-origin:50% 118px!important;}

  .pick-panel{
    width:100%!important;
    max-width:none!important;
    height:242px!important;
    border-radius:12px!important;
  }
  .skin-preview{min-height:0!important;height:100%!important;padding:28px 12px 16px!important;gap:7px!important;}
  .skin-empty{font-size:16px!important;line-height:1.15!important;}
  .skin-preview small{font-size:12px!important;line-height:1.15!important;}
  .skin-preview img{width:95%!important;height:112px!important;}
  .panel-icons{left:14px!important;top:14px!important;gap:6px!important;}
  .panel-icons span,.panel-icons button{width:24px!important;height:24px!important;border-radius:6px!important;font-size:11px!important;}

  .control-row{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    margin:14px 0 18px!important;
  }
  .upgrade-start{
    order:1!important;
    width:100%!important;
    height:56px!important;
    border-radius:13px!important;
    font-size:15px!important;
  }
  .balance-line.balance-slider{
    order:2!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:24px 14px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:0 14px!important;
    border-radius:13px!important;
  }
  .balance-line.balance-slider b,
  .balance-total{display:none!important;}
  .balance-line.balance-slider:before{
    content:"▣";
    color:#8796ab;
    font-size:17px;
  }
  .balance-extra{font-size:18px!important;color:#ffd21b!important;white-space:nowrap!important;}
  .balance-extra strong{font-size:18px!important;color:#ffd21b!important;}
  .balance-slider .slider-dot{width:14px!important;height:14px!important;}

  .choice-buttons{
    order:3!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
  }
  .choice-buttons button{
    height:50px!important;
    min-width:0!important;
    width:100%!important;
    border-radius:8px!important;
    font-size:13px!important;
    padding:0!important;
  }
  .choice-buttons button:nth-child(1),
  .choice-buttons button:nth-child(4),
  .choice-buttons button:nth-child(6),
  .choice-buttons button:nth-child(7),
  .choice-buttons button:nth-child(8),
  .choice-buttons button:nth-child(9){display:none!important;}

  .upgrade-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
  }
  .inventory-box.target-box{order:1!important;}
  .inventory-box:not(.target-box){order:2!important;}
  .inventory-box,
  .inventory-box.target-box{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px!important;
    border-radius:12px!important;
  }
  .inventory-box:not(.target-box) .inventory-tabs-head{margin-bottom:0!important;}
  .tabs{margin-bottom:14px!important;gap:8px!important;}
  .tabs button{height:45px!important;padding:0 14px!important;border-radius:8px!important;font-size:15px!important;line-height:45px!important;}
  .target-box>.tabs button{width:100%!important;}
  .search-row.target-filters,
  .left-filters{
    grid-template-columns:minmax(0,1fr) 68px 86px 48px!important;
    gap:8px!important;
    margin-bottom:14px!important;
  }
  .search-input,.price-filter,.sort-filter{height:45px!important;border-radius:9px!important;}
  .sort-filter{font-size:0!important;padding:0!important;justify-content:center!important;}
  .sort-filter span{font-size:16px!important;}
  .items-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
  }
  .skin-card{
    height:240px!important;
    min-height:240px!important;
    max-height:none!important;
    padding:12px!important;
    border-radius:8px!important;
  }
  .skin-card img{height:126px!important;margin-top:24px!important;transform:none!important;}
  .skin-wear{font-size:12px!important;left:12px!important;top:10px!important;}
  .skin-card b{font-size:16px!important;line-height:1.08!important;}
  .skin-card small{font-size:13px!important;line-height:1.15!important;-webkit-line-clamp:2!important;}
  .skin-pagination,.home-left-pagination-wrap{margin-top:12px!important;}
}

@media (max-width: 390px){
  .upgrade-wrap{padding-left:8px!important;padding-right:8px!important;}
  .upgrade-live-history{width:calc(100% + 16px)!important;margin-left:-8px!important;margin-right:-8px!important;padding-left:8px!important;}
  .chance-ring{width:238px!important;height:238px!important;}
  .chance-core{width:118px!important;height:118px!important;}
  .chance-core strong{font-size:28px!important;}
  .chance-core:before{left:-38px!important;}
  .chance-core:after{left:156px!important;}
  .pick-panel{height:226px!important;}
  .skin-card{height:226px!important;min-height:226px!important;}
  .skin-card img{height:112px!important;}
}

/* v72: mobile order exactly like the provided reference: panels -> button -> balance -> six presets -> section tabs -> chosen list
   v73: enabled for all non-desktop widths. */
.mobile-section-tabs{display:none;}
@media (max-width:1240px){
  .mobile-section-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    margin:20px 0 14px!important;
    padding:8px!important;
    border:1px solid rgba(148,163,184,.10)!important;
    border-radius:13px!important;
    background:rgba(7,13,24,.70)!important;
  }
  .mobile-section-tabs button{
    height:45px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#778296!important;
    font-weight:950!important;
    font-size:15px!important;
  }
  .mobile-section-tabs button.active{
    background:#202b3d!important;
    color:#fff!important;
  }
  .upgrade-grid{
    margin-top:0!important;
  }
  .inventory-box:not(.target-box){order:1!important;}
  .inventory-box.target-box{order:2!important;}
  .upgrade-page[data-mobile-section-active="items"] [data-mobile-section-panel="target"],
  .upgrade-page[data-mobile-section-active="target"] [data-mobile-section-panel="items"]{
    display:none!important;
  }
  .upgrade-page[data-mobile-section-active="target"] [data-mobile-section-panel="target"],
  .upgrade-page[data-mobile-section-active="items"] [data-mobile-section-panel="items"]{
    display:block!important;
  }
}

/* v67: rarity-colored live upgrade feed stripes + mobile feed image placement */
.rarity-consumer{--rarity-color:#bfc7d2;}
.rarity-industrial{--rarity-color:#58a6ff;}
.rarity-milspec{--rarity-color:#3664ff;}
.rarity-restricted{--rarity-color:#a353ff;}
.rarity-classified{--rarity-color:#ff51cd;}
.rarity-covert{--rarity-color:#ff4d4d;}
.rarity-rare{--rarity-color:#ffbe43;}
.rarity-contraband{--rarity-color:#ff8e2d;}

.upgrade-live-card{
  border-left:0!important;
}
.upgrade-live-card:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  height:auto!important;
  z-index:3!important;
  background:var(--rarity-color, #ffd21b)!important;
  opacity:1!important;
  border-radius:0!important;
  box-shadow:0 0 10px color-mix(in srgb, var(--rarity-color, #ffd21b) 55%, transparent)!important;
}

@media (max-width:1240px){
  .upgrade-live-card{
    border-left:1px solid rgba(148,163,184,.08)!important;
    border-top:0!important;
  }
  .upgrade-live-card:after{
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:auto!important;
    width:auto!important;
    height:3px!important;
    border-radius:8px 8px 0 0!important;
  }
}

@media (max-width:640px){
  .upgrade-live-history{
    gap:8px!important;
    padding-bottom:12px!important;
  }
  .upgrade-live-card{
    flex:0 0 106px!important;
    width:106px!important;
    min-height:88px!important;
    height:88px!important;
    padding:0!important;
    border-radius:8px!important;
  }
  .upgrade-live-card:before{
    background:linear-gradient(180deg,rgba(17,24,37,.88) 0%,var(--skin-glow,rgba(125,135,150,.45)) 100%)!important;
  }
  .upgrade-live-card img{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:12px!important;
    width:94px!important;
    height:58px!important;
    transform:translateX(-50%)!important;
    object-fit:contain!important;
    z-index:1!important;
  }
  .upgrade-live-chance{
    position:absolute!important;
    left:6px!important;
    bottom:7px!important;
    top:auto!important;
    height:20px!important;
    max-width:none!important;
    padding:0 6px!important;
    margin:0!important;
    border-radius:10px!important;
    background:rgba(5,10,18,.78)!important;
    font-size:10px!important;
    z-index:4!important;
  }
  .upgrade-live-chance i,
  .upgrade-live-crown{font-size:10px!important;}
  .upgrade-live-chance-icon{width:10px!important;height:10px!important;flex-basis:10px!important;}
  .upgrade-live-card strong,
  .upgrade-live-card small{display:none!important;}
}


/* v78: rocket SVG icons instead of text caret in upgrade controls */
.rocket-icon{
  display:inline-block;
  width:1em;
  height:1em;
  object-fit:contain;
  vertical-align:-0.12em;
  flex:0 0 auto;
  pointer-events:none;
}
.upgrade-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.upgrade-icon .rocket-icon--header{
  width:20px;
  height:20px;
}
.upgrade-start{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.upgrade-start .rocket-icon--button{
  width:22px;
  height:22px;
}
.target-box>.tabs button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.target-box>.tabs button .rocket-icon--tab{
  width:18px;
  height:18px;
}
@media (max-width: 1240px){
  .upgrade-icon .rocket-icon--header{width:16px;height:16px;}
  .upgrade-start .rocket-icon--button{width:18px;height:18px;}
  .target-box>.tabs button .rocket-icon--tab{width:16px;height:16px;}
}
@media (max-width: 560px){
  .upgrade-icon .rocket-icon--header{width:14px!important;height:14px!important;}
  .upgrade-start .rocket-icon--button{width:16px!important;height:16px!important;}
  .target-box>.tabs button .rocket-icon--tab{width:15px!important;height:15px!important;}
}

/* v79: restore Steam auth icon + compact/light mobile header typography */
.steam-login-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-transform:none!important;
}
.steam-login-btn::before{
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  flex:0 0 16px;
  margin-right:0;
  background:currentColor;
  -webkit-mask:url("../img/steam.svg") center / contain no-repeat;
  mask:url("../img/steam.svg") center / contain no-repeat;
}
@media (max-width:767px){
  .brand-up{
    font-size:23px!important;
    font-weight:850!important;
    letter-spacing:-.9px!important;
  }
  .brand-star{font-size:16px!important;font-weight:800!important;}
  .header-stat,
  .header-help{
    gap:7px!important;
    font-size:13px!important;
    font-weight:500!important;
  }
  .header-stat strong{
    font-size:14px!important;
    font-weight:650!important;
  }
  .header-stat small,
  .header-help span:last-child{
    font-size:12px!important;
    font-weight:500!important;
  }
  .users-icon{width:18px!important;height:18px!important;}
  .users-icon::before{width:7px!important;height:7px!important;left:2px!important;top:2px!important;}
  .users-icon span:first-child{width:11px!important;height:6px!important;bottom:2px!important;}
  .users-icon span:last-child{width:6px!important;height:6px!important;}
  .upgrade-icon .rocket-icon--header{width:15px!important;height:15px!important;}
  .help-circle{width:17px!important;height:17px!important;font-size:10px!important;font-weight:700!important;}
  .steam-login-btn{
    min-height:42px!important;
    padding:0 16px!important;
    border-radius:8px!important;
    font-size:12px!important;
    font-weight:650!important;
    letter-spacing:0!important;
    gap:6px!important;
  }
  .steam-login-btn::before{
    width:13px!important;
    height:13px!important;
    flex-basis:13px!important;
  }
}
@media (max-width:560px){
  .brand-up{font-size:20px!important;font-weight:850!important;}
  .brand-star{font-size:14px!important;}
  .header-stat,
  .header-help{gap:5px!important;font-size:12px!important;}
  .header-stat strong{font-size:13px!important;font-weight:650!important;}
  .header-stat small,
  .header-help span:last-child{font-size:11px!important;font-weight:500!important;}
  .users-icon{width:16px!important;height:16px!important;}
  .upgrade-icon .rocket-icon--header{width:14px!important;height:14px!important;}
  .steam-login-btn{min-height:40px!important;padding:0 14px!important;font-size:11px!important;font-weight:650!important;gap:5px!important;}
  .steam-login-btn::before{width:12px!important;height:12px!important;flex-basis:12px!important;}
}
@media (max-width:430px){
  .brand-up{font-size:18px!important;}
  .steam-login-btn{padding:0 12px!important;font-size:10.5px!important;font-weight:650!important;}
  .steam-login-btn::before{width:11px!important;height:11px!important;flex-basis:11px!important;}
}


/* Mobile header compact controls patch */
@media (max-width: 767px) {
    .top-header .header-stat,
    .top-header .header-help { font-weight: 500; }
    .top-header .header-stat strong { font-weight: 700; }
    .top-header .header-stat small,
    .top-header .header-help span:last-child { font-weight: 500; }
    .top-header .balance-pill,
    .top-header .deposit-btn,
    .top-header .icon-btn,
    .top-header .avatar-link { font-weight: 700; }
    .top-header .balance-pill .rub,
    .top-header .balance-pill strong { font-weight: 700; }
}
@media (max-width: 560px) {
    .top-header .balance-pill,
    .top-header .icon-btn,
    .top-header .avatar-link { min-height: 38px; }
    .top-header .avatar-link { width: 38px; height: 38px; }
}

/* global live upgrade feed on all public pages */
@media (min-width:1241px){
  body.has-global-upgrade-feed #app > :not(.upgrade-live-history):not(.upgrade-page){
    margin-left:var(--live-feed-width,252px)!important;
    width:calc(100% - var(--live-feed-width,252px))!important;
  }
}
@media (max-width:1240px){
  body.has-global-upgrade-feed #app > :not(.upgrade-live-history){
    margin-left:0!important;
    width:auto!important;
  }
  body.has-global-upgrade-feed #app > .upgrade-live-history{
    margin-top:0!important;
  }
}

/* v profile personal page: layout and settings modal */
.profile-page-own.up-profile-page{padding-top:60px;padding-bottom:46px}.profile-page-own .up-profile-container{max-width:1380px}.profile-page-own .profile-top-grid{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr) minmax(300px,.95fr);gap:16px}.profile-page-own .profile-panel{border-radius:13px;background:rgba(8,13,23,.72);border-color:rgba(148,163,184,.08)}.profile-user-panel{justify-content:center}.profile-page-own .profile-user-panel{min-height:190px;padding:30px 28px;justify-content:flex-start}.profile-page-own .profile-avatar-big{width:86px;height:86px;border-radius:8px}.profile-user-main h1{font-size:19px;margin-bottom:4px}.profile-user-main>span{font-size:15px;color:#91a2bb}.profile-action-icons{display:flex;gap:8px;margin-top:12px}.profile-icon-btn{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:#152235;color:#8191a8;text-decoration:none;cursor:pointer}.profile-icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.profile-icon-btn--accent{color:#ffd21b}.profile-icon-btn:hover{filter:brightness(1.12);color:#fff}.profile-best-panel{min-height:190px;padding:18px 18px 20px;display:flex;flex-direction:column;text-align:center;background-image:linear-gradient(rgba(8,13,23,.78),rgba(8,13,23,.78)),linear-gradient(90deg,transparent 18%,var(--panel-line,rgba(245,197,39,.32)) 18.4%,transparent 18.8%,transparent 39%,var(--panel-line,rgba(245,197,39,.32)) 39.4%,transparent 39.8%,transparent 60%,var(--panel-line,rgba(245,197,39,.32)) 60.4%,transparent 60.8%,transparent 81%,var(--panel-line,rgba(245,197,39,.32)) 81.4%,transparent 81.8%),linear-gradient(30deg,transparent 36%,var(--panel-line,rgba(245,197,39,.25)) 36.4%,transparent 36.8%,transparent 68%,var(--panel-line,rgba(245,197,39,.22)) 68.4%,transparent 68.8%)}.profile-best-visual{flex:1 1 auto;min-height:104px;display:flex;align-items:center;justify-content:center;padding:24px 0 6px}.profile-best-img{width:min(250px,80%);height:122px;object-fit:contain;margin:0;filter:drop-shadow(0 18px 12px rgba(0,0,0,.45))}.profile-best-info{margin-top:auto}.profile-best-name{font-size:17px;line-height:1.12;font-weight:950;max-width:90%;margin:0 auto}.profile-best-price{font-size:18px;margin-top:7px;color:#5ab7ff}.profile-page-own .best-drop-chance{display:none}.profile-empty-best{font-size:16px;font-weight:950;color:#fff}.profile-side-stats{gap:12px}.profile-page-own .stat-panel{min-height:88px;padding:22px 24px}.stat-with-image{position:relative;overflow:hidden}.stat-with-image>div:first-child{position:relative;z-index:2}.stat-with-image:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.95;filter:drop-shadow(0 18px 18px rgba(0,0,0,.45))}.stat-with-image--withdraw:after{width:80px;height:80px;background-image:url("../img/profile-withdraw.webp")}.stat-with-image--upgrades:after{width:72px;height:72px;right:18px;background-image:url("../img/profile-upgrades.webp")}.stat-panel b{font-size:15px}.stat-panel strong{font-size:22px}.stat-upgrades .profile-upgrade-stat-row{display:block}.stat-upgrades .profile-upgrade-stat-row strong{display:block;margin-top:8px;font-size:28px}.profile-settings-saved{margin-bottom:12px;padding:10px 14px;border-radius:10px;background:rgba(39,174,96,.13);border:1px solid rgba(39,174,96,.3);color:#b8ffd0;font-weight:900}.profile-personal-panel{min-height:310px;margin-top:22px;padding:18px 22px 22px}.profile-personal-panel:before{display:none}.profile-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid rgba(148,163,184,.07)}.profile-tabs{display:flex;gap:10px}.profile-tabs button{height:40px;border:0;border-radius:9px;background:transparent;color:#67758b;font-weight:950;padding:0 18px;cursor:pointer}.profile-tabs button.active{background:#202b3f;color:#fff}.profile-tabs button span{margin-right:7px}.profile-sell-tools{display:flex;align-items:center;gap:18px}.profile-sale-toggle{display:flex;align-items:center;gap:10px;color:#92a1b8;font-size:14px;font-weight:850}.profile-sale-toggle input{display:none}.profile-sale-toggle i{width:42px;height:24px;border-radius:999px;background:#162235;position:relative}.profile-sale-toggle i:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#f5f7fb;transition:left .15s}.profile-sale-toggle input:checked+i:before{left:21px}.profile-sell-all-btn{height:46px;padding:0 28px;border-radius:10px;border:1px solid rgba(255,210,27,.42);background:transparent;color:#ffd21b;font-weight:950;cursor:pointer}.profile-sell-all-btn:disabled{opacity:.4;cursor:not-allowed}.profile-tab-panel{display:none}.profile-tab-panel.active{display:block}.profile-inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.profile-inventory-card{height:154px;border-radius:8px;padding:8px 10px;background:#111923;position:relative;overflow:hidden}.profile-inventory-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,22,31,.92),rgba(17,24,34,.78) 52%,var(--skin-glow,rgba(125,135,150,.34)) 100%)}.profile-inventory-card>*{position:relative;z-index:1}.profile-inventory-card img{width:100%;height:82px;object-fit:contain;margin-top:8px;filter:drop-shadow(0 12px 8px rgba(0,0,0,.38))}.profile-inventory-card strong{display:block;font-size:13px;font-weight:950;color:#fff}.profile-inventory-card small{display:block;margin-top:3px;color:#b5becc;font-size:10px;font-weight:800;line-height:1.12;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.profile-inventory-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(84,120,160,.08),transparent 220px),linear-gradient(30deg,transparent 47%,rgba(56,80,115,.12) 48%,transparent 49%);color:#8798b2}.profile-inventory-empty b{font-size:20px;color:#fff;font-weight:950}.profile-inventory-empty span{font-size:15px;font-weight:800;margin-top:8px}.profile-settings-modal{position:fixed;inset:0;z-index:2200;display:grid;place-items:center}.profile-settings-modal[hidden]{display:none}.profile-settings-backdrop{position:absolute;inset:0;background:rgba(2,6,12,.46)}.profile-settings-card{position:relative;width:min(464px,calc(100vw - 32px));border-radius:16px;border:1px solid rgba(148,163,184,.09);background:linear-gradient(180deg,#0c1420,#090f18);box-shadow:0 28px 80px rgba(0,0,0,.52);padding:22px;color:#fff}.profile-settings-head{display:flex;align-items:center;gap:12px;margin-bottom:28px}.profile-settings-icon{width:34px;height:34px;border-radius:10px;background:#152235;display:grid;place-items:center}.profile-settings-head b{font-size:18px}.profile-settings-head button{margin-left:auto;border:0;background:transparent;color:#8390a2;font-size:26px;cursor:pointer}.profile-settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.profile-settings-row span,.profile-trade-label>span{display:flex;flex-direction:column;gap:5px}.profile-settings-row b,.profile-trade-label b{font-size:15px}.profile-settings-row small,.profile-trade-label small{font-size:13px;color:#75849a;font-weight:800}.profile-settings-row input{display:none}.profile-settings-row i{width:42px;height:24px;border-radius:999px;background:#152235;position:relative}.profile-settings-row i:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}.profile-settings-row input:checked+i:before{left:21px}.profile-settings-warning{padding:14px 16px;border:1px solid rgba(255,184,0,.26);border-radius:9px;background:rgba(255,153,0,.07);color:#ffb000;font-size:13px;font-weight:950;line-height:1.35;margin-bottom:20px}.profile-trade-label{display:block}.profile-trade-label>span{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-trade-row{display:grid;grid-template-columns:1fr 120px;gap:8px}.profile-trade-row input{height:44px;border:1px solid rgba(148,163,184,.1);border-radius:9px;background:#111b2a;color:#dbe7f6;padding:0 14px;font-weight:800;min-width:0}.profile-trade-row button{height:44px;border:0;border-radius:9px;background:#ffbf14;color:#11151d;font-weight:950;cursor:pointer}
@media(max-width:1200px){.profile-page-own .profile-top-grid{grid-template-columns:1fr 1fr}.profile-page-own .profile-side-stats{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.profile-inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.profile-tabs-row,.profile-sell-tools{align-items:stretch;flex-direction:column}.profile-tabs{display:grid;grid-template-columns:1fr}.profile-page-own .profile-top-grid,.profile-page-own .profile-side-stats{grid-template-columns:1fr}.profile-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-trade-row{grid-template-columns:1fr}.profile-page-own.up-profile-page{padding-left:16px;padding-right:16px}}

/* profile personal header controls refinement */
.profile-page-own .profile-user-panel{
  display:grid;
  grid-template-columns:86px minmax(0,auto);
  align-items:center;
  justify-content:center;
  column-gap:18px;
}
.profile-page-own .profile-avatar-big{
  grid-column:1;
  align-self:center;
}
.profile-page-own .profile-user-main{
  grid-column:2;
  align-self:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:86px;
}
.profile-page-own .profile-action-icons{
  align-items:center;
  margin-top:12px;
}
.profile-page-own .profile-icon-btn{
  width:34px;
  height:34px;
  border-radius:10px;
  transition:color .15s ease, background .15s ease, transform .15s ease, filter .15s ease;
}
.profile-page-own .profile-icon-btn:hover{
  transform:translateY(-1px);
}
.profile-steam-btn::before{
  content:"";
  display:block;
  width:18px;
  height:18px;
  background:currentColor;
  -webkit-mask:url("../img/steam.svg") center / contain no-repeat;
  mask:url("../img/steam.svg") center / contain no-repeat;
}
.profile-settings-trigger{
  color:#8191a8;
}
.profile-settings-trigger.is-open,
.profile-settings-trigger[aria-expanded="true"]{
  color:#ffd21b;
  background:#1d2a3c;
}
.profile-settings-modal .profile-settings-backdrop{
  background:rgba(2,6,12,.28);
  -webkit-backdrop-filter:blur(8px) saturate(.88);
  backdrop-filter:blur(8px) saturate(.88);
}
body.profile-settings-open .up-profile-page > .up-profile-container{
  filter:blur(1.5px);
}
body.profile-settings-open{
  overflow:hidden;
}
@media (max-width: 720px){
  .profile-page-own .profile-user-panel{
    grid-template-columns:76px minmax(0,1fr);
  }
  .profile-page-own .profile-user-main{min-height:76px;}
}

/* profile personal header fine tuning: compact second column, real gear state, clear modal */
.profile-page-own .profile-user-main{
  min-height:0;
  height:86px;
  justify-content:center;
  gap:8px;
}
.profile-page-own .profile-user-main h1{
  margin:0;
  line-height:1.08;
}
.profile-page-own .profile-user-main > span{
  display:block;
  margin:0;
  line-height:1.05;
}
.profile-page-own .profile-action-icons{
  margin-top:0;
  gap:8px;
  line-height:1;
}
.profile-page-own .profile-settings-trigger svg{
  width:18px;
  height:18px;
}
.profile-page-own .profile-settings-trigger svg circle,
.profile-page-own .profile-settings-trigger svg path{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.profile-settings-open .up-profile-page > .up-profile-container{
  filter:none;
}
.profile-settings-modal{
  isolation:isolate;
}
.profile-settings-modal .profile-settings-backdrop{
  z-index:0;
  background:rgba(2,6,12,.30);
  -webkit-backdrop-filter:blur(8px) saturate(.9);
  backdrop-filter:blur(8px) saturate(.9);
}
.profile-settings-modal .profile-settings-card{
  z-index:1;
  filter:none;
}
@media (max-width: 720px){
  .profile-page-own .profile-user-main{
    height:76px;
    gap:7px;
  }
}

/* profile personal header spacing fix: equal compact gaps in second column */
.profile-page-own .profile-user-main{
  display:grid;
  grid-auto-flow:row;
  grid-auto-rows:max-content;
  align-content:center;
  justify-content:start;
  row-gap:10px;
  height:auto;
  min-height:0;
}
.profile-page-own .profile-user-main h1,
.profile-page-own .profile-user-main > span,
.profile-page-own .profile-action-icons{
  margin:0;
}
.profile-page-own .profile-user-main h1{
  line-height:1.08;
}
.profile-page-own .profile-user-main > span{
  line-height:1.08;
}
.profile-page-own .profile-action-icons{
  display:flex;
  align-items:center;
  gap:8px;
  line-height:1;
}
@media (max-width:720px){
  .profile-page-own .profile-user-main{
    height:auto;
    row-gap:9px;
  }
}

/* Gauge final override: progress stays above the inner disc. */
.chance-ring:before{z-index:1!important}
.chance-ring .chance-progress{z-index:2!important;display:block!important;background:transparent!important}
.chance-ring .chance-core{z-index:4!important}
.chance-ring .pointer{z-index:5!important}

/* profile personal header gap fix v2: force compact equal vertical rhythm */
.profile-page-own .profile-user-panel .profile-user-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  height:86px!important;
  min-height:0!important;
  padding:0!important;
}
.profile-page-own .profile-user-panel .profile-user-main h1{
  margin:0!important;
  padding:0!important;
  line-height:.98!important;
}
.profile-page-own .profile-user-panel .profile-user-main > span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:.98!important;
}
.profile-page-own .profile-user-panel .profile-action-icons{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
.profile-page-own .profile-user-panel .profile-action-icons .profile-icon-btn{
  flex:0 0 34px!important;
}
@media (max-width:720px){
  .profile-page-own .profile-user-panel .profile-user-main{
    height:76px!important;
    gap:5px!important;
  }
}

/* profile settings privacy/trade refinement */
.profile-settings-row i,
.profile-sale-toggle i{
  transition:background .16s ease, box-shadow .16s ease;
}
.profile-settings-row input:checked + i,
.profile-sale-toggle input:checked + i{
  background:#ffbf14;
  box-shadow:0 0 0 1px rgba(255,191,20,.18), 0 8px 20px rgba(255,191,20,.14);
}
.profile-settings-row input:checked + i:before,
.profile-sale-toggle input:checked + i:before{
  left:21px;
}
.profile-settings-row input:disabled + i{
  opacity:.65;
  cursor:wait;
}
.profile-trade-label a{
  color:#8fa1bb;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  transition:color .15s ease;
}
.profile-trade-label a:hover{
  color:#ffbf14;
}
.profile-trade-row input:invalid:not(:placeholder-shown){
  border-color:rgba(255,80,80,.58);
  box-shadow:0 0 0 3px rgba(255,80,80,.08);
}
.profile-settings-error{
  background:rgba(239,68,68,.14);
  border-color:rgba(239,68,68,.35);
  color:#ffd1d1;
}
.profile-page-hidden-public .profile-top-grid{
  grid-template-columns:minmax(320px, 420px) minmax(320px, 1fr);
  align-items:stretch;
}
.profile-page-hidden-public .profile-user-main > span{
  display:none;
}
.profile-hidden-notice{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:10px;
  padding:30px 34px;
}
.profile-hidden-notice b{
  color:#fff;
  font-size:22px;
  font-weight:950;
}
.profile-hidden-notice span{
  color:#91a2bb;
  font-size:15px;
  font-weight:800;
  line-height:1.35;
}
@media (max-width: 900px){
  .profile-page-hidden-public .profile-top-grid{
    grid-template-columns:1fr;
  }
}

/* profile privacy save toasts */
.profile-toast-wrap{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:2600;
  display:flex;
  flex-direction:column;
  gap:10px;
  pointer-events:none;
}
.profile-toast{
  min-width:240px;
  max-width:min(360px, calc(100vw - 44px));
  padding:13px 16px;
  border-radius:12px;
  background:linear-gradient(180deg,#132236,#0e1827);
  border:1px solid rgba(34,211,238,.28);
  color:#eaf4ff;
  box-shadow:0 18px 42px rgba(0,0,0,.42);
  font-size:14px;
  font-weight:900;
  transition:opacity .25s ease, transform .25s ease;
}
.profile-toast--bad{
  background:linear-gradient(180deg,#2a1219,#1b0d13);
  border-color:rgba(255,77,91,.46);
  color:#ffd7dc;
}
@media(max-width:720px){
  .profile-toast-wrap{left:16px;right:16px;bottom:16px;}
  .profile-toast{max-width:none;width:100%;}
}

/* fix: keep upgrade svg icon in profile history cards from inheriting status badge styles */
.profile-upgrade-card .profile-card-top b .upgrade-live-chance-icon,
.profile-upgrade-card.is-win .profile-card-top b .upgrade-live-chance-icon,
.profile-upgrade-card.is-lose .profile-card-top b .upgrade-live-chance-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  flex:0 0 14px;
  padding:0;
  border-radius:0;
  background:url(../img/up-arrow-yellow.svg) center/contain no-repeat;
  color:transparent;
  font-size:0;
  line-height:0;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));
}

/* fix: live upgrade feed arrow icon must stay inside percent badge, same inline flow as percent text */
.upgrade-live-card > .upgrade-live-chance{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
.upgrade-live-card > .upgrade-live-chance > .upgrade-live-chance-icon{
  position:static!important;
  display:inline-block!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  max-width:10px!important;
  flex:0 0 10px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url(../img/up-arrow-yellow.svg)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  transform:none!important;
  inset:auto!important;
  object-fit:contain!important;
}
@media (min-width:1241px){
  .upgrade-live-card > .upgrade-live-chance > .upgrade-live-chance-icon{
    width:10px!important;
    height:10px!important;
    min-width:10px!important;
    max-width:10px!important;
    flex-basis:10px!important;
  }
}
@media (max-width:1240px){
  .upgrade-live-card > .upgrade-live-chance > .upgrade-live-chance-icon{
    width:10px!important;
    height:10px!important;
    min-width:10px!important;
    max-width:10px!important;
    flex-basis:10px!important;
  }
}


/* profile patch: compact history status/chance and inventory cards reuse upgrade history card layout */
.profile-history-grid .profile-upgrade-card .profile-card-top{
  min-width:0;
}
.profile-history-grid .profile-upgrade-card .profile-card-top span{
  flex:0 1 auto;
  max-width:68px;
  padding:3px 5px;
  font-size:9px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.profile-history-grid .profile-upgrade-card .profile-card-top b{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:2px;
  min-width:0;
  max-width:74px;
  font-size:10px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
}
.profile-history-grid .profile-upgrade-card .profile-card-top b .upgrade-live-chance-icon{
  width:12px;
  height:12px;
  flex-basis:12px;
}
.profile-tab-panel[data-profile-tab-panel="inventory"] .profile-inventory-grid{
  grid-template-columns:repeat(8,minmax(0,1fr));
}
.profile-inventory-card.profile-upgrade-card{
  height:168px;
  padding:9px 10px;
}
.profile-inventory-card.profile-upgrade-card img{
  width:100%;
  height:82px;
  object-fit:contain;
  margin-top:10px;
  filter:drop-shadow(0 12px 8px rgba(0,0,0,.38));
}
.profile-inventory-card.profile-upgrade-card strong{
  display:block;
  margin-top:4px;
  font-size:13px;
  font-weight:950;
  line-height:1.05;
  white-space:normal;
  overflow-wrap:anywhere;
}
.profile-inventory-card.profile-upgrade-card small{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#b5becc;
  font-size:9px;
  line-height:1.12;
  font-weight:800;
  overflow-wrap:anywhere;
}
.profile-inventory-card-top{
  min-height:18px;
  justify-content:flex-start;
}
.profile-inventory-card-top .profile-wear-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  padding:3px 6px;
  border-radius:4px;
  background:#25334a;
  color:#d7e6ff;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.2px;
}
.profile-inventory-card[data-profile-inventory-card]{
  height:168px;
  min-height:168px;
  display:flex;
  flex-direction:column;
  overflow:visible;
  margin-bottom:0;
}
.profile-inventory-actions{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:8px;
  padding-top:0;
  z-index:3;
}
.profile-inventory-action{
  width:38px;
  height:38px;
  min-height:38px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:10px;
  background:rgba(13,21,35,.86);
  color:#eef4ff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  font-size:0;
  font-weight:900;
  cursor:pointer;
  transition:transform .15s ease, filter .15s ease, border-color .15s ease;
}
.profile-inventory-action:hover:not(:disabled){
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.profile-inventory-action:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.profile-inventory-action--sell{
  border-color:rgba(255,210,27,.32);
  background:linear-gradient(180deg,rgba(45,33,10,.92),rgba(26,21,10,.92));
  color:#ffd85b;
}
.profile-inventory-action--steam{
  border-color:rgba(90,183,255,.26);
  background:linear-gradient(180deg,rgba(10,26,45,.92),rgba(10,18,31,.92));
}
.profile-inventory-action-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.profile-inventory-action-icon--ruble{
  font-size:16px;
  line-height:1;
}
.profile-inventory-action-icon--steam{
  width:16px;
  height:16px;
  background:currentColor;
  -webkit-mask:url("../img/steam.svg") center / contain no-repeat;
  mask:url("../img/steam.svg") center / contain no-repeat;
}
.profile-inventory-action > span:not(.profile-inventory-action-icon){
  display:none;
}
.profile-tab-panel[data-profile-tab-panel="inventory"] .profile-inventory-grid{
  row-gap:58px;
}
.profile-tab-panel[data-profile-tab-panel="inventory"] .profile-pagination{
  margin-top:32px;
}
.profile-withdraw-overlay{
  position:absolute;
  inset:0;
  z-index:4;
  display:grid;
  place-items:center;
  padding:18px;
  text-align:center;
  background:rgba(23,73,130,.24);
  -webkit-backdrop-filter:blur(28px) saturate(1.1);
  backdrop-filter:blur(28px) saturate(1.1);
}
.profile-withdraw-overlay[hidden]{
  display:none!important;
}
.profile-withdraw-overlay>div{
  max-width:180px;
  color:#eaf6ff;
  font-size:13px;
  font-weight:900;
  line-height:1.32;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
.profile-inventory-card.is-withdraw-pending .profile-inventory-actions{
  opacity:0;
  pointer-events:none;
}
.profile-sell-modal{
  position:fixed;
  inset:0;
  z-index:2500;
  display:grid;
  place-items:center;
  padding:20px;
}
body.profile-sell-modal-open{
  overflow:hidden;
}
.profile-sell-modal[hidden]{
  display:none;
}
.profile-sell-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,12,.38);
  -webkit-backdrop-filter:blur(28px);
  backdrop-filter:blur(28px);
}
.profile-sell-modal__dialog{
  position:relative;
  z-index:1;
  width:min(560px,calc(100vw - 32px));
  border-radius:18px;
  border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg,#0d1624,#0a101a);
  box-shadow:0 28px 90px rgba(0,0,0,.54);
  padding:22px;
  color:#fff;
}
.profile-sell-modal__close{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:#aebbd0;
  font-size:22px;
  cursor:pointer;
}
.profile-sell-modal__dialog h3{
  margin:0 40px 18px 0;
  font-size:18px;
  line-height:1.25;
  font-weight:800;
}
.profile-sell-modal__content{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.profile-sell-modal__preview{
  min-height:130px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(17,24,34,.94),rgba(13,21,34,.82));
  border:1px solid rgba(148,163,184,.12);
  display:grid;
  place-items:center;
  padding:14px;
}
.profile-sell-modal__preview img{
  max-width:100%;
  max-height:90px;
  object-fit:contain;
  filter:drop-shadow(0 12px 10px rgba(0,0,0,.38));
}
.profile-sell-modal__meta{
  display:grid;
  gap:10px;
}
.profile-sell-modal__meta b{
  font-size:15px;
  line-height:1.22;
  font-weight:800;
}
.profile-sell-modal__meta span{
  color:#9eb0c8;
  font-size:12px;
  font-weight:700;
}
.profile-sell-modal__meta strong{
  color:#ffd85b;
  font-size:18px;
  font-weight:800;
}
.profile-sell-modal__actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:22px;
}
.profile-sell-modal__actions button{
  min-height:44px;
  padding:0 18px;
  border-radius:10px;
  border:0;
  font-size:13px;
  font-weight:400;
  cursor:pointer;
}
.profile-sell-modal__confirm{
  background:#ffbf14;
  color:#11151d;
}
.profile-sell-modal__cancel{
  background:rgba(255,255,255,.08);
  color:#dce7f6;
}
@media (max-width:1200px){
  .profile-tab-panel[data-profile-tab-panel="inventory"] .profile-inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media (max-width:760px){
  .profile-tab-panel[data-profile-tab-panel="inventory"] .profile-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .profile-sell-modal__content{grid-template-columns:1fr;}
  .profile-sell-modal__actions{flex-direction:column;}
  .profile-sell-modal__actions button{width:100%;}
}

/* profile inventory follow-up fixes */
.profile-sell-all-btn{
  height:40px;
  padding:0 20px;
  font-size:12px;
  font-weight:800;
}
.profile-tab-panel[data-profile-tab-panel="inventory"] .profile-inventory-grid{
  padding-bottom:0;
  margin-bottom:78px;
}
.profile-tab-panel[data-profile-tab-panel="inventory"] .profile-pagination{
  margin-top:18px;
}
.profile-sell-modal__bulk{
  grid-column:1 / -1;
  display:grid;
  gap:10px;
  align-items:start;
}
.profile-sell-modal__bulk b{
  font-size:16px;
  line-height:1.3;
  font-weight:800;
  color:#eef4ff;
}
.profile-sell-modal__bulk span{
  font-size:14px;
  line-height:1.35;
  color:#ffd85b;
  font-weight:700;
}
.user-account-blocked .top-header,
.user-account-blocked .site-footer,
.user-account-blocked #app > :not(.account-block-overlay) {
    filter: blur(28px);
    pointer-events: none;
    user-select: none;
}
.user-account-blocked,
.user-account-blocked body {
    overflow: hidden !important;
    height: 100vh !important;
}
.user-account-blocked .account-block-overlay {
    position: fixed;
    inset: 0;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    z-index: 10000;
    padding: 0;
    background: rgba(3, 8, 18, .42);
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
}
@media (min-width: 1241px) {
    body.user-account-blocked.has-global-upgrade-feed #app > .account-block-overlay {
        margin-left: 0 !important;
        width: 100vw !important;
    }
}
.account-block-card {
    position: absolute;
    left: 50vw;
    top: 50vh;
    transform: translate(-50%, -50%);
    width: min(1080px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 32px;
    display: grid;
    grid-template-columns: minmax(330px, .9fr) minmax(420px, 1.1fr);
    gap: 30px;
    text-align: center;
    color: #dbe7ff;
    background: linear-gradient(180deg, rgba(17,26,48,.98), rgba(8,15,28,.98));
    border: 1px solid rgba(148,163,184,.24);
    border-radius: 24px;
    box-shadow: 0 30px 100px rgba(0,0,0,.62);
}
.account-block-summary { min-width: 0; }
.account-block-card.is-appeals-disabled { grid-template-columns: 1fr; width: min(560px, calc(100vw - 48px)); }
.account-appeal { min-width: 0; padding-left: 30px; border-left: 1px solid rgba(148,163,184,.22); text-align: left; }
.account-appeal-notice { color: #aebed9; font-size: 11px; line-height: 1.45; }
.account-appeal-notice span { display: block; margin-bottom: 7px; }
.account-appeal-notice span:last-child { margin-bottom: 0; }
.account-appeal-chat { height: 330px; margin-top: 15px; padding: 11px; overflow-y: auto; border: 1px solid rgba(148,163,184,.14); border-radius: 12px; background: rgba(0,0,0,.16); }
.account-block-card,
.account-appeal-chat {
    scrollbar-width: thin;
    scrollbar-color: rgba(96,165,250,.72) rgba(15,23,42,.7);
}
.account-block-card::-webkit-scrollbar,
.account-appeal-chat::-webkit-scrollbar {
    width: 7px;
}
.account-block-card::-webkit-scrollbar-track,
.account-appeal-chat::-webkit-scrollbar-track {
    background: rgba(15,23,42,.7);
    border-radius: 999px;
}
.account-block-card::-webkit-scrollbar-thumb,
.account-appeal-chat::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #38bdf8, #2563eb);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
}
.account-block-card::-webkit-scrollbar-thumb:hover,
.account-appeal-chat::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #7dd3fc, #3b82f6);
}
.appeal-message { padding: 10px 0; border-bottom: 1px solid rgba(148,163,184,.12); }
.appeal-message:last-child { border-bottom: 0; }
.appeal-message header { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; }
.appeal-message.is-user header b { color: #eef4ff; }
.appeal-message.is-admin header b { color: #ff747d; }
.appeal-message time { color: #8293b0; font-size: 11px; white-space: nowrap; }
.appeal-message p { margin: 6px 0 0; color: #d9e4f6; font-size: 12px; line-height: 1.4; }
.appeal-attachments { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; padding-top: 9px; border-top: 1px solid rgba(148,163,184,.12); }
.appeal-attachments img { width: 62px; height: 62px; object-fit: cover; border-radius: 8px; border: 1px solid rgba(148,163,184,.16); }
.account-appeal-error { margin-top: 9px; color: #ffc0c5; font-size: 12px; }
.account-appeal-form { display: grid; gap: 9px; margin-top: 12px; }
.account-appeal-form textarea { min-height: 72px; resize: vertical; padding: 10px; color: #eef4ff; border: 1px solid rgba(148,163,184,.18); border-radius: 10px; background: rgba(255,255,255,.06); outline: none; font: inherit; font-size: 12px; }
.account-appeal-form > div { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.account-appeal-files { color: #bcd2ff; font-size: 12px; font-weight: 800; cursor: pointer; }
.account-appeal-files input { display: none; }
.account-appeal-form small { color: #8293b0; font-size: 10px; }
.account-appeal-form button { margin-left: auto; min-height: 34px; padding: 0 14px; color: #fff; border: 0; border-radius: 9px; background: #2563eb; font-weight: 900; cursor: pointer; }
.account-appeal-form button:disabled { opacity: .6; cursor: wait; }
.account-block-icon { width: 58px; height: 58px; margin: 0 auto 14px; display: grid; place-items: center; border-radius: 18px; color: #fff; background: linear-gradient(135deg,#b91c1c,#ef4444); font-size: 29px; }
.account-block-card h1 { margin: 0 0 22px; color: #fff; font-size: 25px; }
.account-block-relax-note { margin: -10px auto 10px; max-width: 360px; color: #8fa3c7; font-size: 11px; line-height: 1.4; }
.account-block-relax-player { width: min(100%, 390px); min-height: 44px; margin: 0 auto 18px; padding: 6px 9px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(96,165,250,.24); border-radius: 13px; background: linear-gradient(135deg, rgba(37,99,235,.16), rgba(8,15,28,.82)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.relax-play,.relax-volume { width: 31px; height: 31px; flex: 0 0 auto; display: grid; place-items: center; border: 0; border-radius: 9px; color: #eaf5ff; background: rgba(56,189,248,.16); cursor: pointer; font-size: 13px; transition: background .18s ease, transform .18s ease; }
.relax-play:hover,.relax-volume:hover { background: #2563eb; transform: translateY(-1px); }
.relax-progress { flex: 1; min-width: 40px; height: 4px; appearance: none; -webkit-appearance: none; border-radius: 999px; outline: 0; background: linear-gradient(90deg, #38bdf8 var(--relax-progress, 0%), rgba(148,163,184,.28) var(--relax-progress, 0%)); cursor: pointer; }
.relax-progress::-webkit-slider-thumb { width: 12px; height: 12px; appearance: none; -webkit-appearance: none; border: 2px solid #eaf5ff; border-radius: 50%; background: #2563eb; box-shadow: 0 2px 7px rgba(0,0,0,.35); }
.relax-progress::-moz-range-thumb { width: 9px; height: 9px; border: 2px solid #eaf5ff; border-radius: 50%; background: #2563eb; }
.relax-volume-range { width: 55px; height: 4px; appearance: none; -webkit-appearance: none; border-radius: 999px; outline: 0; background: linear-gradient(90deg, #38bdf8 var(--relax-volume, 50%), rgba(148,163,184,.28) var(--relax-volume, 50%)); cursor: pointer; }
.relax-volume-range::-webkit-slider-thumb { width: 10px; height: 10px; appearance: none; -webkit-appearance: none; border: 2px solid #eaf5ff; border-radius: 50%; background: #2563eb; }
.relax-volume-range::-moz-range-thumb { width: 7px; height: 7px; border: 2px solid #eaf5ff; border-radius: 50%; background: #2563eb; }
.relax-time { flex: 0 0 auto; color: #b8c9e8; font-size: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.account-block-avatar { width: 92px; height: 92px; border-radius: 25px; object-fit: cover; box-shadow: 0 12px 30px rgba(0,0,0,.35); }
.account-block-name { display: block; margin-top: 11px; color: #fff; font-size: 20px; }
.account-block-card small { display: block; margin-top: 5px; color: #8fa3c7; }
.account-block-card hr { margin: 22px 0; border-color: rgba(148,163,184,.16); }
.account-block-appeal-intro { margin: 15px 0 0; color: #aebed9; text-align: center; font-size: 12px; line-height: 1.45; }
.account-block-details { display: grid; gap: 11px; margin: 0; text-align: left; }
.account-block-details div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 13px; border-radius: 11px; background: rgba(255,255,255,.045); }
.account-block-details dt { color: #9fb2d5; font-weight: 800; }
.account-block-details dd { margin: 0; color: #fff; text-align: right; }
/* Final mobile order: header → feed → promo → content */
@media (max-width:767px){body.page-home:has(.hourly-promo) .mobile-upgrade-feed{display:block!important;margin-top:122px!important;height:78px!important}body.page-home:has(.hourly-promo) .hourly-promo{margin-top:0!important}body.page-home:has(.hourly-promo) .hourly-promo__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;padding:10px!important}body.page-home:has(.hourly-promo) .hourly-promo__bonus,body.page-home:has(.hourly-promo) .hourly-promo__code{justify-self:stretch!important;align-self:center!important}body.page-home:has(.hourly-promo) .hourly-promo__timer{grid-column:1/-1!important;order:3!important;justify-self:center!important;padding:6px 15px!important}body.page-home:has(.hourly-promo) .hourly-promo__clock{font-size:23px!important}body.page-home:has(.hourly-promo) #app{padding-top:18px!important}}
@media (max-width: 800px) { .account-block-card { width: min(580px, calc(100vw - 24px)); max-height: calc(100vh - 24px); grid-template-columns: 1fr; gap: 22px; padding: 24px 16px; } .account-appeal { padding: 22px 0 0; border-left: 0; border-top: 1px solid rgba(148,163,184,.22); } .account-block-details div { display: grid; gap: 4px; } .account-block-details dd { text-align: left; } }
.support-tickets-heading{display:flex!important;align-items:center!important;justify-content:space-between!important}.support-tickets-heading>div{display:block!important}.support-tickets-heading h1{margin:0!important}.support-tickets-heading p{display:none!important}.support-tickets-heading .support-new-ticket{align-self:center!important;margin:0!important}.support-status.is-open{color:#4ade80!important}.support-status.is-closed{color:#f87171!important}.support-status.is-answered{color:#f59e0b!important}.support-card{height:min(666px,calc(100vh - 48px))!important;min-height:666px!important}.support-modal-content .support-card{box-shadow:none!important}.support-create{height:450px!important;min-height:450px!important;grid-template-rows:auto 48px minmax(0,1fr) auto!important}.support-create textarea{height:100%!important;min-height:0!important;resize:none!important}.support-form-actions{min-height:42px!important}.support-form-actions button{margin-left:auto!important}

/* Final mobile header vertical alignment */
.support-new-ticket,.support-status-button,.support-close,.admin-support-status-button{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;display:grid!important;place-items:center!important;padding:0!important;color:#bcd0ed!important}.support-new-ticket{width:34px!important;height:34px!important;font-size:0!important}.support-new-ticket::before{content:'+';font-size:28px;line-height:1;font-weight:700}.support-new-ticket:hover,.support-status-button:hover,.support-close:hover,.admin-support-status-button:hover{background:transparent!important;color:#fff!important;filter:brightness(1.2)}.support-status-button{width:34px;height:34px;font-size:0!important}.support-status-button::before{content:'×';font-size:28px;line-height:1}.support-status-button[aria-label*='Открыть']::before{content:'🔓';font-size:16px;line-height:1}.support-close{width:38px!important;height:38px!important;background:transparent!important;border:0!important;font-size:0!important}.support-close::before{content:'×';font-size:34px;line-height:1}.admin-support-status-button{font-size:0!important}.admin-support-status-button::before{content:'×';font-size:26px;line-height:1}
.support-modal,.support-modal-content,.support-modal-content .support-page,.support-modal-content .support-card{box-sizing:border-box;overflow-x:hidden!important}.support-modal-content .support-card{overflow-y:hidden!important}.support-close{position:fixed!important;top:20px!important;right:20px!important;z-index:100120!important;width:38px;height:38px;padding:0;display:grid;place-items:center;background:rgba(17,26,48,.72);border:1px solid rgba(148,163,184,.28);border-radius:10px;font-size:30px;line-height:1}.support-ticket-view{position:relative!important}.support-ticket-view>h2{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:40px!important;margin:0!important;padding:0 48px 12px 0!important;border-bottom:1px solid rgba(148,163,184,.16)!important}.support-ticket-view>form[data-support-status-form]{position:absolute!important;top:0!important;right:0!important;display:flex!important;margin:0!important}.support-ticket-view>form[data-support-status-form] .support-status-button{display:grid;place-items:center}.support-chat{margin-top:12px!important;margin-bottom:0!important}.support-ticket-view>.support-form{margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(148,163,184,.16)!important}.support-ticket-view>.support-form textarea{resize:none!important}.support-tickets-heading{padding-bottom:14px!important;border-bottom:1px solid rgba(148,163,184,.16)!important;margin-bottom:12px!important}.support-modal-open,.support-modal-open body{overflow:hidden!important;overflow-x:hidden!important}
.support-ticket-view{position:relative!important}
.support-create select{appearance:none;-webkit-appearance:none;cursor:pointer;background-color:#182338!important;color:#eef4ff!important;background-image:linear-gradient(45deg,transparent 50%,#dbe7ff 50%),linear-gradient(135deg,#dbe7ff 50%,transparent 50%)!important;background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;padding-right:42px!important;border-color:rgba(148,163,184,.28)!important}.support-create select:focus{border-color:#4b9cff!important;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.16)}.support-create select option{background:#182338!important;color:#eef4ff!important}.support-create select option:checked,.support-create select option:hover{background:#2563eb!important;color:#fff!important}
.support-modal-open,.support-modal-open body{overflow:hidden!important;height:100vh!important}
.support-chat,.support-ticket-list,.support-modal-content .support-card{scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.78) rgba(15,23,42,.78)}
.support-chat::-webkit-scrollbar,.support-ticket-list::-webkit-scrollbar,.support-modal-content .support-card::-webkit-scrollbar{width:8px;height:8px}
.support-chat::-webkit-scrollbar-track,.support-ticket-list::-webkit-scrollbar-track,.support-modal-content .support-card::-webkit-scrollbar-track{background:rgba(15,23,42,.78);border-radius:999px}
.support-chat::-webkit-scrollbar-thumb,.support-ticket-list::-webkit-scrollbar-thumb,.support-modal-content .support-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdf8,#2563eb);border-radius:999px;border:2px solid rgba(15,23,42,.78)}
.support-chat::-webkit-scrollbar-thumb:hover,.support-ticket-list::-webkit-scrollbar-thumb:hover,.support-modal-content .support-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7dd3fc,#3b82f6)}
.support-modal-error{max-height:calc(100vh - 80px);overflow:auto;padding:24px;border:1px solid rgba(248,113,113,.45);border-radius:16px;background:#111827;color:#fecaca;font:13px/1.5 monospace}.support-modal-error b,.support-modal-error small{display:block;margin-bottom:10px;font-family:inherit}.support-modal-error small{color:#fca5a5}.support-modal-error pre{white-space:pre-wrap;word-break:break-word;color:#fecaca}
.support-tickets-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.support-tickets-heading h1{margin-bottom:8px}.support-tickets-heading p{margin-bottom:22px}.support-tickets-heading .support-new-ticket{width:34px;height:34px;min-width:34px;margin:0;padding:0;display:grid;place-items:center;border:1px solid rgba(96,165,250,.3);font-size:24px;line-height:1;background:#1b293d}.support-ticket time{flex:0 0 auto;align-self:flex-start;color:#aebed9;font-size:11px;white-space:nowrap}.support-create select{padding:11px;color:#eef4ff;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.18);border-radius:10px}
.support-create[hidden],.support-ticket-view[hidden]{display:none!important}
.support-tickets-heading{align-items:center!important}.support-tickets-heading>div{display:flex;align-items:center;gap:14px}.support-tickets-heading h1{margin:0!important}.support-tickets-heading p{display:none}.support-tickets-heading .support-new-ticket{margin:0!important;align-self:center}.support-ticket time{flex:0 0 auto;align-self:flex-start;color:#aebed9;font-size:11px;white-space:nowrap}.support-status{font-style:normal;font-size:10px;color:#4ade80}.support-status.is-open{color:#4ade80}.support-status.is-closed{color:#f87171}.support-status.is-answered{color:#f59e0b}.support-ticket-list{height:390px!important}.support-create{min-height:450px!important;grid-template-rows:auto 48px minmax(0,1fr) auto!important;align-content:stretch!important}.support-create textarea{height:100%!important;min-height:0!important;resize:none!important}.support-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.support-form-actions button{margin-left:auto}.support-create select{appearance:none;-webkit-appearance:none;background-color:#182338!important;color:#eef4ff!important}
.support-ticket-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(148,163,184,.16);padding-bottom:12px}.support-ticket-title h2{margin:0}.support-status-button{width:34px;height:34px;padding:0;border:1px solid rgba(96,165,250,.3);border-radius:10px;background:#1b293d;color:#dbe7ff;font-size:23px;line-height:1;cursor:pointer}.support-status-button:hover{background:#2563eb;color:#fff}.support-event{padding:8px 0;text-align:center;color:#9fb2d5;font-size:11px;font-style:italic;border-bottom:1px solid rgba(148,163,184,.1)}
.support-modal-content .support-card{box-shadow:none!important}.support-card{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.1fr);gap:30px;width:min(1080px,calc(100vw - 48px));padding:32px;background:linear-gradient(180deg,rgba(17,26,48,.98),rgba(8,15,28,.98));border:1px solid rgba(148,163,184,.24);border-radius:24px;color:#dbe7ff}.support-tickets{min-width:0;padding-right:30px;border-right:1px solid rgba(148,163,184,.22);overflow:hidden}.support-tickets h1{margin:0 0 8px;color:#fff;font-size:25px}.support-tickets>p{margin:0 0 22px;color:#8fa3c7;font-size:12px}.support-ticket-list{height:390px;overflow:auto;padding-right:7px;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.72) rgba(15,23,42,.7)}.support-ticket-list::-webkit-scrollbar{width:7px}.support-ticket-list::-webkit-scrollbar-track{background:rgba(15,23,42,.7);border-radius:999px}.support-ticket-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdf8,#2563eb);border-radius:999px}.support-new-ticket{display:flex;justify-content:center;margin-bottom:12px;padding:11px;border-radius:10px;background:#2563eb;color:#fff;text-decoration:none;font-weight:900}.support-ticket{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:10px;color:#dbe7ff;text-decoration:none}.support-ticket:hover,.support-ticket.active{background:rgba(37,99,235,.18)}.support-ticket span{display:grid;gap:5px;min-width:0}.support-ticket b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-ticket small{color:#8293b0}.support-status{font-style:normal;font-size:10px;color:#86efac}.support-status.is-closed{color:#94a3b8}.support-conversation{display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-width:0;padding:0}.support-notices{display:grid;gap:8px;color:#aebed9;font-size:11px;line-height:1.45}.support-chat{min-height:300px;max-height:390px}.support-create{align-content:start}.support-create h2{margin:0}.support-modal-content .support-page{padding:0;min-height:0}.support-modal-content .support-card{max-height:calc(100vh - 48px);overflow:auto}@media(max-width:800px){.support-card{grid-template-columns:1fr;padding:24px 16px}.support-tickets{padding:0 0 20px;border-right:0;border-bottom:1px solid rgba(148,163,184,.22)}.support-ticket-list{height:180px}.support-conversation{padding-top:20px}}

@media (max-width:1240px){
  body.page-home .top-header,
  body.page-home .top-header .header-shell{height:122px!important}
  body.page-home .top-header .header-shell{position:relative!important;display:block!important}
  body.page-home .top-header .brand-up{
    position:absolute!important;left:14px!important;top:0!important;height:64px!important;
    display:flex!important;align-items:center!important;margin:0!important
  }
  body.page-home .top-header .header-right{
    position:absolute!important;top:0!important;right:12px!important;height:64px!important;
    display:flex!important;align-items:center!important;margin:0!important;transform:none!important
  }
  body.page-home .top-header .header-left .header-stat{
    position:static!important;transform:none!important
  }
  body.page-home .top-header .header-left{
    position:absolute!important;left:0!important;right:0!important;top:64px!important;
    bottom:auto!important;height:58px!important;padding:0 12px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important
  }
}

/* Final small-screen banner layout: left = bonus + code, right = timer. */
@media (max-width:1240px){
  body.page-home:has(.hourly-promo) .hourly-promo{overflow:hidden!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}
  body.page-home:has(.hourly-promo) .hourly-promo__inner{position:relative!important;display:grid!important;grid-template-columns:50% 50%!important;grid-template-rows:1fr 1fr!important;width:100%!important;height:112px!important;min-height:112px!important;max-width:none!important;gap:0!important;padding:8px 0!important;box-sizing:border-box!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus{grid-column:1!important;grid-row:1!important;position:static!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;padding:0 8px!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code{grid-column:1!important;grid-row:2!important;position:static!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;padding:0 8px!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code small,body.page-home:has(.hourly-promo) .hourly-promo__code span{display:none!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code strong{width:min(100%,180px)!important;margin:0!important;padding:8px 5px!important;box-sizing:border-box!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{grid-column:2!important;grid-row:1 / 3!important;position:static!important;width:max-content!important;max-width:calc(100% - 16px)!important;align-self:center!important;justify-self:center!important;margin:0!important;padding:6px 10px!important;transform:none!important;box-sizing:border-box!important}
  body.page-home:has(.hourly-promo) .hourly-promo__clock{font-size:22px!important}
}

/* Absolute mobile promo layout: two safe halves and a viewport-centered timer. */
@media (max-width:1240px){
  body.page-home:has(.hourly-promo) .hourly-promo{overflow:hidden!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}
  body.page-home:has(.hourly-promo) .hourly-promo__inner{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:112px!important;min-height:112px!important;padding:0!important;box-sizing:border-box!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus{position:absolute!important;left:0!important;top:10px!important;width:50%!important;height:40px!important;display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;margin:0!important;padding:0 6px!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code{position:absolute!important;right:0!important;top:10px!important;width:50%!important;height:40px!important;display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;margin:0!important;padding:0 6px!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code small,body.page-home:has(.hourly-promo) .hourly-promo__code span{display:none!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code strong{display:grid!important;place-items:center!important;width:min(100%,190px)!important;margin:0!important;padding:8px 5px!important;box-sizing:border-box!important;font-size:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{position:absolute!important;left:50%!important;right:auto!important;top:61px!important;width:max-content!important;max-width:calc(100% - 24px)!important;margin:0!important;transform:translateX(-50%)!important;box-sizing:border-box!important}
}

/* Final narrow-screen promo grid: strict 50/50 columns. */
@media (max-width:1240px){
  body.page-home:has(.hourly-promo) .hourly-promo__inner{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,50%))!important;
    grid-template-rows:auto auto!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    gap:10px 0!important;
    padding:12px 0 14px!important;
  }
  body.page-home:has(.hourly-promo) .hourly-promo__bonus,
  body.page-home:has(.hourly-promo) .hourly-promo__code{
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    justify-self:stretch!important;
    align-self:center!important;
  }
  body.page-home:has(.hourly-promo) .hourly-promo__bonus{
    grid-column:1!important;
    justify-content:center!important;
    padding:0 8px!important;
  }
  body.page-home:has(.hourly-promo) .hourly-promo__code{
    grid-column:2!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    padding:0 8px!important;
  }
  body.page-home:has(.hourly-promo) .hourly-promo__code small,
  body.page-home:has(.hourly-promo) .hourly-promo__code span{display:none!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code strong{
    width:min(100%,190px)!important;
    margin:0!important;
    box-sizing:border-box!important;
    text-align:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.page-home:has(.hourly-promo) .hourly-promo__timer{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:center!important;
    align-self:center!important;
    margin:0!important;
  }
}

@media (max-width:767px){
  body.page-home:has(.hourly-promo) .hourly-promo__inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;justify-items:stretch!important;gap:8px!important;padding:10px 8px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus{display:flex!important;justify-content:center!important;align-items:center!important;align-self:center!important;justify-self:stretch!important;min-width:0!important;gap:7px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code{display:block!important;align-self:center!important;justify-self:stretch!important;min-width:0!important;margin:0!important;text-align:center!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code strong{display:block!important;width:100%!important;box-sizing:border-box!important;margin:4px 0 0!important;padding:7px 4px!important;font-size:13px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{grid-column:1/-1!important;grid-row:2!important;align-self:center!important;justify-self:center!important;margin:0!important}
}

/* Mobile-only promo composition */
.mobile-upgrade-feed{display:none}
@media (max-width:767px){
  .top-header .header-help{display:none!important}
  .top-header .header-left{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding-left:145px!important;padding-right:145px!important}
  .top-header .header-left .brand-up{position:absolute!important;left:12px!important;top:10px!important}
  .top-header .header-left .header-stat{position:relative!important;left:auto!important;bottom:auto!important;margin:0 6px!important}
  .mobile-upgrade-feed{display:block!important;position:relative!important;z-index:4!important;width:100%!important;height:78px!important;margin-top:122px!important;overflow:hidden!important;background:#0b1422!important}
  .mobile-upgrade-feed>.upgrade-live-history{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;height:78px!important;min-height:78px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:1!important}
  body.page-home:has(.mobile-upgrade-feed) #app>.upgrade-live-history{display:none!important}
  body.page-home:has(.hourly-promo) .hourly-promo{margin-top:0!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}
  body.page-home:has(.hourly-promo) .hourly-promo__inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;min-height:0!important;padding:10px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus,body.page-home:has(.hourly-promo) .hourly-promo__code{justify-self:stretch!important;min-width:0!important;align-self:center!important}
  body.page-home:has(.hourly-promo) .hourly-promo__badge{width:34px!important;height:34px!important;font-size:23px!important;border-radius:10px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus strong{font-size:21px!important}
  body.page-home:has(.hourly-promo) .hourly-promo small{font-size:8px!important;letter-spacing:.02em!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code{display:block!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code strong{padding:7px 5px!important;font-size:14px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code span{font-size:8px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{grid-column:1/-1!important;order:3!important;padding:6px 15px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__clock{font-size:23px!important}
  body.page-home:has(.hourly-promo) #app{padding-top:18px!important}
}

/* Final mobile promo layout override */
@media (max-width:1240px){
  body.page-home:has(.hourly-promo){overflow-x:hidden!important}
  body.page-home:has(.hourly-promo) .top-header{position:fixed!important;top:0!important;z-index:20000!important;height:122px!important;box-shadow:none!important}
  body.page-home:has(.hourly-promo) .hourly-promo{position:relative!important;z-index:2!important;margin-top:122px!important;border:0!important;box-shadow:none!important}
  body.page-home:has(.hourly-promo) .hourly-promo__inner{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;min-height:0!important;padding:14px 12px!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus,body.page-home:has(.hourly-promo) .hourly-promo__code,body.page-home:has(.hourly-promo) .hourly-promo__timer{justify-self:center!important;order:initial!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{order:3!important}
  body.page-home:has(.hourly-promo) .upgrade-live-history{position:relative!important;inset:auto!important;z-index:3!important;width:100%!important;max-width:100%!important;height:88px!important;min-height:88px!important;margin:0!important;transform:none!important}
  body.page-home:has(.hourly-promo) #app{display:block!important;padding-top:0!important;margin:0!important;overflow:visible!important}
}

/* v26: authoritative mobile/narrow promo layout */
@media (max-width:1240px){
  body.page-home:has(.hourly-promo) .hourly-promo__inner{position:relative!important;display:grid!important;grid-template-columns:50% 50%!important;grid-template-rows:1fr 1fr!important;width:100%!important;height:136px!important;min-height:136px!important;max-width:none!important;margin:0!important;padding:8px 0!important;gap:0!important;box-sizing:border-box!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo__bonus{grid-column:1!important;grid-row:1!important;position:static!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code{grid-column:1!important;grid-row:2!important;position:static!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code small,body.page-home:has(.hourly-promo) .hourly-promo__code span{display:none!important}
  body.page-home:has(.hourly-promo) .hourly-promo__code strong{width:min(100%,180px)!important;margin:0!important;padding:8px 4px!important;box-sizing:border-box!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.page-home:has(.hourly-promo) .hourly-promo__timer{grid-column:2!important;grid-row:1 / 3!important;position:static!important;width:max-content!important;max-width:calc(100% - 16px)!important;height:max-content!important;margin:0!important;padding:6px 9px!important;justify-self:center!important;align-self:center!important;transform:none!important;box-sizing:border-box!important}
  body.page-home:has(.hourly-promo) .hourly-promo__clock{font-size:22px!important}
  body.page-home:has(.hourly-promo) .hourly-promo{width:100%!important;max-width:100vw!important;box-sizing:border-box!important;overflow:hidden!important}
  body.page-home:has(.hourly-promo) .hourly-promo{margin-bottom:16px!important}
}

/* FINAL HEADER + PROMO BREAKPOINT OVERRIDES */
@media (min-width:1241px){
  body.page-home .top-header,body.page-home .top-header .header-shell{height:72px!important}
  body.page-home .top-header .header-shell{display:flex!important;position:relative!important;padding-left:22px!important;padding-right:22px!important}
  body.page-home .top-header .header-left{position:static!important;display:flex!important;width:auto!important;height:72px!important;padding:0!important;align-items:center!important;pointer-events:auto!important}
  body.page-home .top-header .brand-up{position:relative!important;left:auto!important;top:auto!important;height:auto!important;display:flex!important;align-items:center!important}
  body.page-home .top-header .header-left .header-stat,body.page-home .top-header .header-left .header-help{display:flex!important;position:static!important}
  body.page-home .top-header .header-right{position:static!important;height:72px!important;margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important}
  body.page-home .top-header .header-right>.mobile-menu-toggle{display:none!important}
  body.page-home .top-header .mobile-header-menu,body.page-home .top-header .mobile-header-menu[hidden]{position:static!important;display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.page-home .top-header .mobile-header-menu .mobile-menu-divider,body.page-home .top-header .mobile-header-menu .mobile-menu-stats{display:none!important}
  body.page-home .hourly-promo{display:block!important;margin-top:72px!important;min-height:88px!important;height:auto!important;visibility:visible!important;opacity:1!important}
  body.page-home .hourly-promo__inner{display:grid!important;grid-template-columns:1fr minmax(240px,360px) 1fr!important;grid-template-rows:none!important;height:auto!important;min-height:88px!important;width:100%!important;max-width:1360px!important;margin:0 auto!important;padding:10px 24px!important;gap:28px!important;position:relative!important}
  body.page-home .hourly-promo__bonus,body.page-home .hourly-promo__timer,body.page-home .hourly-promo__code{position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important}
  body.page-home .hourly-promo__bonus{justify-self:end!important}.body.page-home .hourly-promo__timer{justify-self:center!important}.body.page-home .hourly-promo__code{justify-self:start!important}
  body.page-home .mobile-upgrade-feed{display:none!important}
}
@media (max-width:1240px){
  body.page-home .top-header,body.page-home .top-header .header-shell{height:64px!important}
  body.page-home .top-header .header-shell{display:flex!important;position:relative!important;align-items:center!important;padding:0 12px!important}
  body.page-home .top-header .header-left{position:static!important;display:block!important;width:auto!important;height:64px!important;padding:0!important;pointer-events:auto!important}
  body.page-home .top-header .brand-up{position:static!important;display:flex!important;align-items:center!important;height:64px!important}
  body.page-home .top-header .header-left .header-stat,body.page-home .top-header .header-left .header-help{display:none!important}
  body.page-home .top-header .header-right{position:relative!important;display:flex!important;align-items:center!important;height:64px!important;margin-left:auto!important;right:auto!important;top:auto!important}
  body.page-home .top-header .header-right>*:not(.mobile-menu-toggle):not(.mobile-header-menu){display:none!important}
  body.page-home .top-header .mobile-menu-toggle{display:grid!important}
  body.page-home .top-header .mobile-header-menu{position:absolute!important;right:0!important;top:58px!important;display:grid!important;width:min(290px,calc(100vw - 24px))!important;padding:14px!important;gap:10px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:13px!important;background:#0b1423!important;box-shadow:0 18px 45px rgba(0,0,0,.45)!important;z-index:30000!important}
  body.page-home .top-header .mobile-header-menu[hidden]{display:none!important}
  body.page-home .hourly-promo{display:block!important;visibility:visible!important;opacity:1!important;margin-top:64px!important;min-height:136px!important;height:136px!important;overflow:hidden!important}
  body.page-home .hourly-promo__inner{display:grid!important;grid-template-columns:50% 50%!important;grid-template-rows:1fr 1fr!important;position:relative!important;width:100%!important;height:136px!important;min-height:136px!important;padding:8px 0!important;margin:0!important;gap:0!important;box-sizing:border-box!important}
  body.page-home .hourly-promo__bonus{grid-column:1!important;grid-row:1!important;position:static!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  body.page-home .hourly-promo__code{grid-column:1!important;grid-row:2!important;position:static!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  body.page-home .hourly-promo__code small,body.page-home .hourly-promo__code span{display:none!important}
  body.page-home .hourly-promo__code strong{width:min(100%,180px)!important;margin:0!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.page-home .hourly-promo__timer{grid-column:2!important;grid-row:1 / 3!important;position:static!important;width:max-content!important;max-width:calc(100% - 16px)!important;height:max-content!important;margin:0!important;padding:6px 9px!important;justify-self:center!important;align-self:center!important;transform:none!important}
  body.page-home .hourly-promo__clock{font-size:22px!important}
  body.page-home .mobile-upgrade-feed{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;margin-top:0!important;height:78px!important;z-index:3!important}
  body.page-home #app{padding-top:16px!important}
}

/* Promo reference styles imported from the supplied style.css */
.promo-banner{width:100%;height:100px;margin-top:72px;background:linear-gradient(90deg,#13171e,#22273b 50%,#13171e);overflow:hidden}.promo-banner__layout{display:grid;grid-template-columns:1fr 340px 1fr;align-items:center;gap:34px;max-width:1100px;height:100%;margin:auto;padding:0 24px}.promo-banner__bonus{display:flex;align-items:center;justify-self:end;gap:10px}.promo-banner__bonus img{width:72px;height:82px;object-fit:contain}.promo-banner__bonus b{display:block;color:#fff;font-size:34px}.promo-banner__bonus span{display:block;color:#fff0a8;font-size:13px;font-weight:800}.promo-banner__timer{display:flex;align-items:center;justify-content:center;gap:10px;height:62px;border:2px solid #ff7350;border-radius:13px;color:#fff}.promo-banner__timer>span{max-width:96px;color:#fff0a8;font-size:14px;font-weight:900;line-height:1.1}.promo-banner__timer strong{font-size:38px;white-space:nowrap}.promo-banner__timer img{width:48px}.promo-banner__code{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;cursor:pointer}.promo-banner__code small{color:#fff;font-weight:800}.promo-banner__code b{display:block;width:210px;padding:10px;border-radius:10px;background:linear-gradient(90deg,#fda033,#f95243);color:#fff;font-size:22px}.promo-banner__code:hover b{filter:brightness(1.1)}
@media(max-width:1240px){.promo-banner{height:82px;margin-top:64px}.promo-banner__layout{grid-template-columns:1fr 1fr;gap:0;padding:0 8px}.promo-banner__bonus{grid-column:1;justify-self:center}.promo-banner__bonus img{width:48px;height:58px}.promo-banner__bonus b{font-size:23px}.promo-banner__bonus span{font-size:9px}.promo-banner__timer{grid-column:2;width:calc(100% - 8px);height:54px}.promo-banner__timer>span,.promo-banner__timer img{display:none}.promo-banner__timer strong{font-size:24px}.promo-banner__code{display:none}}
.promo-banner__bonus img{width:64px;height:64px;object-fit:contain}.promo-banner__timer{padding-right:20px!important;box-sizing:border-box!important}.promo-banner__timer img{width:38px;height:38px;object-fit:contain;margin-right:6px}@media(max-width:767px){.promo-banner__bonus img{width:44px;height:44px}.promo-banner__timer{padding-right:12px!important}.promo-banner__timer img{width:28px;height:28px;margin-right:4px}}
@media(max-width:1240px){
  .promo-banner__timer{display:none!important}
  .promo-banner__layout{display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;padding:0 12px!important}
  .promo-banner__bonus{flex:0 1 auto!important;min-width:0!important;justify-self:auto!important}
  .promo-banner__code{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important}
  .promo-banner__code small{display:block!important;margin:0!important;color:#fff!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important;text-transform:uppercase!important}
  .promo-banner__code b{width:170px!important;padding:9px 6px!important;font-size:17px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(max-width:767px){
  .promo-banner{height:82px!important}
  .promo-banner__bonus img{width:44px!important;height:54px!important}
  .promo-banner__bonus b{font-size:21px!important}
  .promo-banner__code b{width:145px!important;font-size:15px!important}
  .promo-banner__layout{gap:14px!important}
}
.promo-wrapper{height:100px!important;width:100%!important;background:url("https://cdn6.gamecontent.io/images/misc/promo/promo-bg.webp") no-repeat center,linear-gradient(to right,#13171e 0%,#22273b 35%,#232f3f 50%,#22273b 67%,#13171e 100%),#171c25!important}
.promo-wrapper .promo-container{display:flex!important;justify-content:space-around!important;align-items:center!important;max-width:1026px!important;height:100%!important;margin:0 auto!important;position:relative!important}
.promo-wrapper .promo-info{position:relative!important;display:flex!important;align-items:center!important;height:100%!important;margin-left:10px!important}
.promo-wrapper .promo-icon-3{position:absolute!important;z-index:4!important;left:-34px!important;top:6px!important;width:auto!important;height:85%!important;object-fit:contain!important;filter:drop-shadow(0 0 7px rgba(255,1,153,.25))!important}
.promo-wrapper .promo-info--card{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;width:150px!important;height:65px!important;transform:rotate(-3deg)!important}
.promo-wrapper .promo-info--label{position:relative!important;z-index:1!important;height:100%!important;width:100%!important;box-sizing:border-box!important;border-radius:40px 13px .75rem 40px!important;padding:2px 16px 0 0!important;text-align:right!important;color:#fff!important;font:700 32px/1 "Arial Black","Impact",sans-serif!important;letter-spacing:-3px!important;background:linear-gradient(90deg,#f4952a,#f24e4a)!important}
.promo-wrapper .promo-info--label-bottom{position:absolute!important;bottom:-1px!important;right:0!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;height:1.45rem!important;padding-right:15px!important;box-sizing:border-box!important;background:#7b24f4!important;border-radius:0 0 11px 11px!important;color:#fff3b1!important;font-size:14px!important;font-weight:600!important}
.promo-wrapper .promo-timer{height:65px!important;width:340px!important;border-radius:12px!important;border:2px solid #ff7350!important;border-left-color:#ffb648!important;border-right-color:#ff3557!important;display:block!important;box-sizing:border-box!important}
.promo-wrapper .promo-timer--inner{position:relative!important;display:flex!important;height:100%!important;align-items:center!important;justify-content:space-between!important;gap:.25rem!important;padding:0 2.5rem 0 1rem!important;box-sizing:border-box!important}
.promo-wrapper .promo-timer--label{max-width:105px!important;margin:0!important;color:#fef9c3!important;font-size:17px!important;font-weight:700!important;line-height:1.25rem!important;text-transform:uppercase!important}
.promo-wrapper .promo-timer--countdown{display:flex!important;align-items:center!important;justify-content:center!important;margin-top:4px!important;color:#fff!important;font-size:42px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}
.promo-wrapper .promo-timer--countdown b{display:inline!important;min-width:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.promo-wrapper .promo-timer--countdown i{font-style:normal!important;color:#fff!important}
.promo-wrapper .promo-timer--icon{position:absolute!important;right:-32px!important;width:63px!important;filter:drop-shadow(0 0 5px rgba(1,170,255,.5))!important}
.promo-wrapper .promo-code{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;border:0!important;background:transparent!important;color:#fff!important;cursor:pointer!important}
.promo-wrapper .promo-code--label{margin:0!important;color:#fff!important;font-size:14px!important;text-transform:uppercase!important}
.promo-wrapper .promo-code--label-light{color:#fef9c3!important;font-weight:700!important}
.promo-wrapper .promo-code--button{display:inline-flex!important;justify-content:center!important;align-items:center!important;width:210px!important;height:45px!important;box-sizing:border-box!important;position:relative!important;overflow:hidden!important;border-radius:9px!important;border:1px solid rgba(0,0,0,0)!important;background:linear-gradient(90deg,#fda033,#f95243)!important;box-shadow:0 0 15px 3px rgba(255,170,0,.25)!important;color:#fff!important}
.promo-wrapper .promo-code--button .inner{position:relative!important;z-index:2!important;font:900 22px/1 "Arial Black","Impact",sans-serif!important;letter-spacing:1px!important}
.promo-wrapper .promo-code--button .points_wrapper{position:absolute!important;inset:0!important;z-index:1!important;overflow:hidden!important;pointer-events:none!important;border-radius:12px!important}
.promo-wrapper .promo-code--button .point{position:absolute!important;bottom:-10px!important;width:2px!important;height:2px!important;background:#fff!important;border-radius:999px!important;box-shadow:0 0 4px #fff!important;animation:floating-points 2.3s infinite ease-in-out!important}
.promo-wrapper .promo-code--button .point:nth-child(1){left:10%}.promo-wrapper .promo-code--button .point:nth-child(2){left:30%;animation-delay:.5s}.promo-wrapper .promo-code--button .point:nth-child(3){left:50%;animation-delay:.2s}.promo-wrapper .promo-code--button .point:nth-child(4){left:75%;animation-delay:.8s}.promo-wrapper .promo-code--button .point:nth-child(5){left:88%;animation-delay:.3s}.promo-wrapper .promo-code--button .point:nth-child(6){left:25%;animation-delay:1s}.promo-wrapper .promo-code--button .point:nth-child(7){left:44%;animation-delay:.6s}.promo-wrapper .promo-code--button .point:nth-child(8){left:58%;animation-delay:.4s}.promo-wrapper .promo-code--button .point:nth-child(9){left:65%;animation-delay:.9s}.promo-wrapper .promo-code--button .point:nth-child(10){left:98%;animation-delay:.1s}
@keyframes floating-points{0%{transform:translateY(0)}85%{opacity:0}100%{transform:translateY(-55px);opacity:0}}
@media (max-width:1240px){.promo-wrapper{height:100px!important}.promo-wrapper .promo-container{max-width:100%!important;padding:0 18px!important;gap:12px!important}.promo-wrapper .promo-timer{width:277px!important}.promo-wrapper .promo-timer--countdown{font-size:34px!important}.promo-wrapper .promo-code--button{width:190px!important}.promo-wrapper .promo-code--button .inner{font-size:19px!important}}
@media (max-width:767px){.promo-wrapper{height:112px!important}.promo-wrapper .promo-container{display:grid!important;grid-template-columns:50% 50%!important;grid-template-rows:1fr!important;gap:0!important;padding:6px 0!important}.promo-wrapper .promo-info{grid-column:1!important;grid-row:1!important;justify-content:center!important;margin:0!important;min-width:0!important}.promo-wrapper .promo-icon-3{left:-21px!important;top:12px!important;height:58px!important}.promo-wrapper .promo-info--card{width:105px!important;height:49px!important}.promo-wrapper .promo-info--label{font-size:25px!important;padding-right:9px!important;border-radius:30px 9px 10px 30px!important}.promo-wrapper .promo-info--label-bottom{height:17px!important;padding-right:8px!important;font-size:10px!important}.promo-wrapper .promo-timer{grid-column:2!important;grid-row:1!important;width:calc(100% - 10px)!important;height:64px!important;align-self:center!important;justify-self:center!important}.promo-wrapper .promo-timer--inner{padding:0 8px!important;gap:3px!important}.promo-wrapper .promo-timer--label{max-width:52px!important;font-size:9px!important;line-height:1!important}.promo-wrapper .promo-timer--countdown{font-size:22px!important}.promo-wrapper .promo-timer--icon{right:-15px!important;width:31px!important}.promo-wrapper .promo-code{display:none!important}}
@media (max-width:1240px){.promo-wrapper .promo-timer{display:none!important}.promo-wrapper .promo-container{display:flex!important;justify-content:space-around!important;align-items:center!important;gap:12px!important}.promo-wrapper .promo-info{margin:0!important}.promo-wrapper .promo-code{display:flex!important;flex:0 0 auto!important}.promo-wrapper .promo-code--label{font-size:11px!important}.promo-wrapper .promo-code--button{width:180px!important;height:42px!important}.promo-wrapper .promo-code--button .inner{font-size:18px!important}}
@media (max-width:767px){.promo-wrapper{height:82px!important}.promo-wrapper .promo-container{height:82px!important;padding:0 8px!important}.promo-wrapper .promo-icon-3{height:52px!important;left:-17px!important;top:15px!important}.promo-wrapper .promo-info--card{width:100px!important;height:45px!important}.promo-wrapper .promo-info--label{font-size:23px!important}.promo-wrapper .promo-code--label{display:none!important}.promo-wrapper .promo-code--button{width:150px!important;height:36px!important}.promo-wrapper .promo-code--button .inner{font-size:16px!important}}

/* Final desktop promo alignment relative to the workspace after the live feed. */
@media (min-width:1241px){
  body.page-home .promo-banner__layout{
    width:calc(100% - var(--live-feed-width,252px))!important;
    max-width:none!important;
    margin-left:var(--live-feed-width,252px)!important;
    margin-right:0!important;
    padding-left:clamp(24px,3vw,64px)!important;
    padding-right:clamp(24px,3vw,64px)!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(280px,1fr) 420px minmax(280px,1fr)!important;
    gap:34px!important;
  }
  body.page-home .promo-banner__bonus{justify-self:end!important}
  body.page-home .promo-banner__timer{justify-self:center!important;padding-left:26px!important}
  body.page-home .promo-banner__code{justify-self:start!important}
}

/* Final desktop workspace alignment: live feed occupies the left column. */
@media (min-width:1241px){
  body.page-home .top-header .header-shell,
  body.has-global-upgrade-feed .top-header .header-shell{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding-left:calc(var(--live-feed-width,252px) + 22px)!important;
    padding-right:22px!important;
  }
  body.page-home .promo-banner,
  body.has-global-upgrade-feed .promo-banner{
    width:calc(100% - var(--live-feed-width,252px))!important;
    max-width:none!important;
    margin-left:var(--live-feed-width,252px)!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  body.page-home .promo-banner__layout,
  body.has-global-upgrade-feed .promo-banner__layout{
    width:100%!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
  }
  body.page-home .header-left,
  body.has-global-upgrade-feed .header-left{min-width:0!important}
}

/* Final desktop spacing between promo and upgrade content. */
@media (min-width:1241px){
  body.page-home main#app{padding-top:0!important;margin-top:0!important}
  body.page-home main#app>.upgrade-page{padding-top:0!important;margin-top:0!important}
  body.page-home main#app>.upgrade-page .upgrade-wrap{padding-top:0!important}
  body.page-home main#app>.upgrade-page .upgrade-title{margin-top:28px!important}
}

/* Final override: keep the main gradient, remove the top separator band. */
@media (min-width:1241px){
  body.page-home main#app>.upgrade-page{
    background-color:#070b16!important;
    background-image:radial-gradient(circle at 50% 48%,rgba(36,117,205,.18),transparent 34rem)!important;
    background-repeat:no-repeat!important;
    background-position:center 0!important;
    padding-top:0!important;
    margin-top:0!important;
  }
  body.page-home main#app>.upgrade-page .upgrade-title{margin-top:28px!important}
}

/* Final desktop fix: no colored separator immediately below promo. */
@media (min-width:1241px){
  body.page-home main#app>.upgrade-page{
    padding-top:0!important;
    background-color:#070b16!important;
    background-image:linear-gradient(#070b16 0 38px,transparent 38px),radial-gradient(circle at 50% 48%,rgba(36,117,205,.18),transparent 34rem)!important;
    background-repeat:no-repeat!important;
    background-position:top center,center 0!important;
  }
  body.page-home main#app>.upgrade-page .upgrade-title{margin-top:38px!important}
}

/* Definitive desktop transition fix: flat band, gradient below it. */
@media (min-width:1241px){
  body.page-home main#app>.upgrade-page{
    padding-top:0!important;
    margin-top:0!important;
    background-color:#070b16!important;
    background-image:
      linear-gradient(to bottom,#070b16 0,#070b16 48px,transparent 48px),
      radial-gradient(circle at 50% 48%,rgba(36,117,205,.18),transparent 34rem)!important;
    background-repeat:no-repeat!important;
    background-position:top center!important;
    background-size:100% 100%,100% 100%!important;
  }
  body.page-home main#app>.upgrade-page .upgrade-title{margin-top:38px!important}
}

/* Final body-layer fix for desktop home page. */
@media (min-width:1241px){
  body.page-home::before{background:#070b16!important;background-image:none!important}
  body.page-home main#app>.upgrade-page{
    background-color:#070b16!important;
    background-image:radial-gradient(circle at 50% 48%,rgba(36,117,205,.18),transparent 34rem)!important;
    background-repeat:no-repeat!important;
    background-position:center 0!important;
    padding-top:0!important;
    margin-top:0!important;
  }
  body.page-home main#app>.upgrade-page .upgrade-title{margin-top:38px!important}
}

/* Final transparent desktop content layer. */
@media (min-width:1241px){
  body.page-home main#app,
  body.page-home main#app>.upgrade-page,
  body.page-home main#app>.upgrade-page .upgrade-wrap{
    background:transparent!important;
    background-image:none!important;
  }
}

/* Final desktop header/feed/banner stacking. */
@media (min-width:1241px){
  body.page-home .upgrade-live-history,
  body.has-global-upgrade-feed .upgrade-live-history{
    position:fixed!important;
    left:0!important;
    top:0!important;
    z-index:30000!important;
  }
  body.page-home .promo-banner,
  body.has-global-upgrade-feed .promo-banner{
    margin-top:0!important;
    top:0!important;
    position:relative!important;
    z-index:2!important;
  }
}

/* Definitive desktop stacking and zero-gap layout. */
@media (min-width:1241px){
  body.page-home .top-header{position:fixed!important;top:0!important;z-index:100000!important}
  body.page-home .upgrade-live-history{position:fixed!important;top:0!important;left:0!important;z-index:100001!important;display:flex!important}
  body.page-home .mobile-upgrade-feed{display:none!important}
  body.page-home .promo-banner{position:relative!important;top:0!important;margin-top:0!important;padding-top:0!important;z-index:2!important}
  body.page-home main#app{padding-top:0!important;margin-top:0!important}
  body.page-home main#app>.upgrade-page{margin-top:0!important;padding-top:0!important}
}

/* Correct desktop layering: feed above header, banner below header. */
@media (min-width:1241px){
  body.page-home .top-header{position:fixed!important;top:0!important;height:72px!important;z-index:100000!important}
  body.page-home .upgrade-live-history{position:fixed!important;top:0!important;left:0!important;z-index:100001!important}
  body.page-home .promo-banner{position:relative!important;top:auto!important;margin-top:72px!important;z-index:2!important}
  body.page-home main#app{padding-top:0!important;margin-top:0!important}
}

/* Final desktop seam correction. */
@media (min-width:1241px){
  body.page-home .promo-banner{
    margin-top:57px!important;
    padding-top:0!important;
  }
}

/* Definitive root stacking order: feed > header > banner. */
@media (min-width:1241px){
  body.page-home #app{
    position:static!important;
    z-index:auto!important;
  }
  body.page-home .top-header{
    position:fixed!important;
    top:0!important;
    z-index:10000!important;
  }
  body.page-home .upgrade-live-history{
    position:fixed!important;
    left:0!important;
    top:0!important;
    z-index:20000!important;
  }
  body.page-home .promo-banner{
    position:relative!important;
    margin-top:72px!important;
    z-index:1!important;
  }
}

/* Final mobile header/feed layout and themed menu button. */
@media (max-width:1240px){
  body.page-home .top-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:64px!important;
    z-index:20000!important;
  }
  body.page-home .mobile-upgrade-feed{
    display:block!important;
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    height:78px!important;
    min-height:78px!important;
    margin-top:64px!important;
    overflow:hidden!important;
  }
  body.page-home .mobile-upgrade-feed>.upgrade-live-history{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    width:100%!important;
    height:78px!important;
    min-height:78px!important;
    margin:0!important;
    z-index:4!important;
  }
  body.page-home .top-header .mobile-menu-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
    border:1px solid rgba(69,176,231,.55)!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#142b43,#0b1626)!important;
    color:#bcecff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 16px rgba(0,0,0,.28)!important;
    font-size:0!important;
    cursor:pointer!important;
  }
  body.page-home .top-header .mobile-menu-toggle:before,
  body.page-home .top-header .mobile-menu-toggle:after{content:"";display:block;position:absolute;width:18px;height:2px;border-radius:2px;background:#bcecff;box-shadow:0 6px 0 #bcecff,0 -6px 0 #bcecff}
}

/* Final mobile logo scale and zero gap before promo. */
@media (max-width:1240px){
  body.page-home .top-header .brand-up{transform:scale(.86)!important;transform-origin:left center!important}
  body.page-home .promo-banner,body.page-home .hourly-promo{margin-top:0!important;top:0!important}
}

/* Final mobile menu contents and ordering. */
@media (max-width:1240px){
  .top-header .mobile-header-menu{display:grid!important;align-content:start!important;justify-items:stretch!important;gap:8px!important;padding:14px!important}
  .top-header .mobile-header-menu[hidden]{display:none!important}
  .top-header .mobile-menu-profile{display:flex!important;align-items:center!important;gap:11px!important;padding:4px 2px 10px!important;color:#eaf5ff!important;text-decoration:none!important}
  .top-header .mobile-menu-profile img{width:48px!important;height:48px!important;border-radius:10px!important;object-fit:cover!important;border:1px solid rgba(79,190,241,.45)!important}
  .top-header .mobile-menu-profile span{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
  .top-header .mobile-menu-profile b{font-size:13px!important;line-height:1.1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:200px!important}
  .top-header .mobile-menu-profile small{font-size:10px!important;color:#8298b5!important;line-height:1.1!important}
  .top-header .mobile-header-menu>.mobile-menu-link{width:100%!important;min-height:42px!important;box-sizing:border-box!important;justify-content:flex-start!important;padding:0 13px!important;border-radius:9px!important;text-decoration:none!important}
  .top-header .mobile-header-menu>.balance-pill{gap:7px!important;color:#fff!important;background:#14243a!important}
  .top-header .mobile-header-menu>.balance-pill .rub{color:#50c9ff!important}.top-header .mobile-header-menu>.balance-pill strong{font-size:14px!important}
  .top-header .mobile-header-menu>.deposit-btn{background:linear-gradient(90deg,#249bd0,#2ab4e4)!important;color:#fff!important;font-weight:900!important;text-transform:uppercase!important}
  .top-header .mobile-header-menu>.mobile-menu-balance,
  .top-header .mobile-header-menu>.mobile-menu-notifications{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:42px!important;box-sizing:border-box!important;padding:0 13px!important;border-radius:9px!important;background:#14243a!important;color:#dbe8f7!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important}
  .top-header .mobile-header-menu>.mobile-menu-balance strong{color:#58caff!important}
  .top-header .mobile-header-menu>.mobile-menu-notifications{position:relative!important;gap:10px!important;font-size:13px!important}
  .top-header .mobile-header-menu>.mobile-menu-notifications:after{content:none!important}
  .top-header .mobile-header-menu>.mobile-menu-admin-link{display:flex!important;align-items:center!important;gap:10px!important;background:#14243a!important;color:#dbe8f7!important;font-size:13px!important;font-weight:800!important}
  .top-header .mobile-header-menu>.mobile-menu-admin-link svg{display:block!important;flex:0 0 18px!important}
  .top-header .mobile-header-menu>.admin-header-btn,.top-header .mobile-header-menu>.avatar-link{display:none!important}
  .top-header .mobile-header-menu>.mobile-menu-notifications .notification-badge{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;margin-left:auto!important;border-radius:50%!important;background:#ef4055!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
  .top-header .mobile-header-menu>.avatar-link{display:none!important}
  .top-header .mobile-menu-divider{display:block!important;width:100%!important;height:1px!important;margin:5px 0!important;background:rgba(148,163,184,.2)!important}
  .top-header .mobile-menu-stats{display:grid!important;gap:7px!important;justify-content:stretch!important;color:#c4d1e3!important;font-size:13px!important;font-weight:800!important}
  .top-header .mobile-menu-stats span{display:block!important;text-align:left!important}
}

/* Definitive responsive separation for header account controls. */
@media (min-width:1241px){
  .top-header .mobile-menu-profile,.top-header .mobile-menu-divider,.top-header .mobile-menu-stats{display:none!important}
  .top-header .mobile-menu-admin-link{display:none!important}
  .top-header .mobile-menu-balance{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 12px!important;gap:0!important}
  .top-header .mobile-balance-label{display:none!important}
  .top-header .desktop-balance-value{display:block!important;color:#fff!important;font-size:14px!important;font-weight:800!important;white-space:nowrap!important}
  .top-header .mobile-menu-notifications{display:flex!important;position:relative!important;width:38px!important;height:38px!important;min-height:38px!important;align-items:center!important;justify-content:center!important;padding:0!important;font-size:0!important}
  .top-header .mobile-menu-notifications>span:first-of-type{display:none!important}
  .top-header .mobile-menu-notifications .notification-badge{display:none!important}
  .top-header .mobile-menu-notifications .notification-badge:not([hidden]){display:inline-flex!important}
}
@media (max-width:1240px){
  .top-header .mobile-balance-label{display:block!important}
  .top-header .desktop-balance-value{display:none!important}
  .top-header .mobile-header-menu{position:absolute!important;right:0!important;top:58px!important;z-index:30000!important;width:min(290px,calc(100vw - 24px))!important;display:grid!important;gap:8px!important;padding:14px!important;box-sizing:border-box!important;border:1px solid rgba(79,190,241,.32)!important;border-radius:13px!important;background:linear-gradient(180deg,#0e1b2d,#091321)!important;box-shadow:0 18px 45px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.05)!important}
  .top-header .mobile-header-menu[hidden]{display:none!important}
  .top-header .mobile-menu-toggle{display:grid!important;position:relative!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid rgba(69,176,231,.55)!important;border-radius:10px!important;background:linear-gradient(145deg,#142b43,#0b1626)!important;color:#bcecff!important;font-size:0!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 16px rgba(0,0,0,.28)!important}
  .top-header .mobile-menu-toggle:before{content:""!important;display:block!important;position:absolute!important;width:18px!important;height:2px!important;border-radius:2px!important;background:#bcecff!important;box-shadow:0 6px 0 #bcecff,0 -6px 0 #bcecff!important}
  .top-header .mobile-menu-profile{display:flex!important;align-items:center!important;gap:11px!important;padding:4px 2px 10px!important;color:#eaf5ff!important;text-decoration:none!important}
  .top-header .mobile-menu-profile img{width:48px!important;height:48px!important;border-radius:10px!important;object-fit:cover!important}
  .top-header .mobile-header-menu>.mobile-menu-link{display:flex!important;align-items:center!important;width:100%!important;min-height:42px!important;box-sizing:border-box!important;border-radius:9px!important;text-decoration:none!important}
  .top-header .mobile-header-menu>.mobile-menu-notifications{justify-content:flex-start!important;padding:0 13px!important;color:#dbe8f7!important;background:#14243a!important;font-size:13px!important;font-weight:800!important;gap:0!important}
  .top-header .mobile-header-menu>.mobile-menu-notifications>span:first-of-type{display:block!important}
  .top-header .mobile-header-menu>.mobile-menu-notifications .notification-badge{display:inline-flex!important;margin-left:auto!important;position:static!important;width:20px!important;height:20px!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#ef4055!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
}

/* Mobile menu typography refinement only. */
@media (max-width:1240px){
  .top-header .mobile-header-menu{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
  .top-header .mobile-header-menu a,.top-header .mobile-header-menu button{font-weight:500!important;letter-spacing:0!important}
  .top-header .mobile-menu-profile b{font-size:12px!important;font-weight:650!important;letter-spacing:.01em!important}
  .top-header .mobile-menu-profile small{font-size:9px!important;font-weight:400!important;letter-spacing:.02em!important}
  .top-header .mobile-header-menu>.mobile-menu-link{font-size:12px!important;font-weight:500!important}
  .top-header .mobile-header-menu>.mobile-menu-balance{font-size:12px!important}
  .top-header .mobile-header-menu>.mobile-menu-balance strong{font-size:12px!important;font-weight:650!important}
  .top-header .mobile-header-menu>.deposit-btn{font-size:12px!important;font-weight:650!important;text-transform:none!important}
  .top-header .mobile-header-menu>.mobile-menu-notifications{font-size:12px!important;font-weight:500!important}
  .top-header .mobile-header-menu>.mobile-menu-notifications .notification-badge{font-size:9px!important;font-weight:650!important}
  .top-header .mobile-menu-stats{font-size:11px!important;font-weight:500!important}
}

/* Fix duplicate feed after SPA navigation on narrow screens. */
@media (max-width:1240px){
  .mobile-upgrade-feed[hidden],
  [data-promo-banner][hidden]{display:none!important;visibility:hidden!important}
  body:not(.page-home) .mobile-upgrade-feed{display:none!important}
  body.page-home .mobile-upgrade-feed:not([hidden]){display:block!important}
}

/* Unified mobile/narrow header and live-feed layout on every page. */
@media (max-width:1240px){
  html,body{overflow-x:hidden!important}
  .top-header{position:fixed!important;inset:0 0 auto 0!important;height:64px!important;min-height:64px!important;z-index:20000!important;background:#080d18!important;border:0!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important}
  .top-header .header-shell{position:relative!important;width:100%!important;max-width:none!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
  .top-header .header-left{position:static!important;display:block!important;width:auto!important;height:64px!important;padding:0!important;margin:0!important;pointer-events:auto!important}
  .top-header .brand-up{position:static!important;display:flex!important;align-items:center!important;height:64px!important;min-height:0!important;margin:0!important;padding:0!important;transform:scale(.86)!important;transform-origin:left center!important}
  .top-header .header-left .header-stat,.top-header .header-left .header-help{display:none!important}
  .top-header .header-right{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;height:64px!important;margin:0 0 0 auto!important;display:flex!important;align-items:center!important}
  .top-header .header-right>*:not(.mobile-menu-toggle):not(.mobile-header-menu){display:none!important}
  .top-header .mobile-menu-toggle{display:grid!important;position:relative!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;font-size:0!important;border:1px solid rgba(69,176,231,.55)!important;border-radius:10px!important;background:linear-gradient(145deg,#142b43,#0b1626)!important;color:#bcecff!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 16px rgba(0,0,0,.28)!important}
  .top-header .mobile-menu-toggle:before{content:""!important;display:block!important;position:absolute!important;width:18px!important;height:2px!important;border-radius:2px!important;background:#bcecff!important;box-shadow:0 6px 0 #bcecff,0 -6px 0 #bcecff!important}
  .top-header .mobile-header-menu{position:absolute!important;right:0!important;top:58px!important;width:min(290px,calc(100vw - 24px))!important;display:grid!important;gap:8px!important;padding:14px!important;box-sizing:border-box!important;border:1px solid rgba(79,190,241,.32)!important;border-radius:13px!important;background:linear-gradient(180deg,#0e1b2d,#091321)!important;box-shadow:0 18px 45px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.05)!important;z-index:30000!important}
  .top-header .mobile-header-menu[hidden]{display:none!important}
  .mobile-upgrade-feed{display:none!important}
  .mobile-upgrade-feed:not([hidden]){display:block!important;position:relative!important;width:100%!important;height:78px!important;min-height:78px!important;margin:64px 0 0!important;padding:0!important;overflow:hidden!important;z-index:3!important;background:#0b1422!important}
  .mobile-upgrade-feed>.upgrade-live-history{position:relative!important;inset:auto!important;display:flex!important;width:100%!important;height:78px!important;min-height:78px!important;margin:0!important;padding:0 0 0 10px!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:4!important}
  [data-spa-root]>.upgrade-live-history{position:relative!important;inset:auto!important;display:flex!important;width:100%!important;height:78px!important;min-height:78px!important;margin:64px 0 0!important;padding:0 0 0 10px!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:3!important}
  body.page-home [data-spa-root]>.upgrade-live-history{display:none!important}
  body:not(.page-home) .mobile-upgrade-feed{display:none!important}
  body:not(.page-home) .mobile-upgrade-feed[hidden]{display:none!important}
  body.page-home .mobile-upgrade-feed:not([hidden]){display:block!important}
  body.page-home [data-spa-root]>.upgrade-live-history{display:none!important}
  body:not(.page-home) [data-spa-root]>.upgrade-live-history{display:flex!important}
}

/* Final parity: home mobile header must match every other page. */
@media (max-width:1240px){
  body.page-home .top-header,
  body.page-home .top-header .header-shell{height:64px!important;min-height:64px!important}
  body.page-home .top-header .header-shell{position:relative!important;display:flex!important;align-items:center!important;padding:0 12px!important}
  body.page-home .top-header .header-left{position:static!important;display:block!important;width:auto!important;height:64px!important;padding:0!important;margin:0!important}
  body.page-home .top-header .brand-up{position:static!important;display:flex!important;align-items:center!important;height:64px!important;transform:scale(.86)!important;transform-origin:left center!important}
  body.page-home .top-header .header-left .header-stat,
  body.page-home .top-header .header-left .header-help{display:none!important}
  body.page-home .top-header .header-right{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;height:64px!important;margin-left:auto!important;display:flex!important;align-items:center!important}
  body.page-home .top-header .header-right>*:not(.mobile-menu-toggle):not(.mobile-header-menu){display:none!important}
  body.page-home .mobile-upgrade-feed{display:block!important;position:relative!important;width:100%!important;height:78px!important;min-height:78px!important;margin:64px 0 0!important;padding:0!important;z-index:3!important;background:#0b1422!important}
  body.page-home .mobile-upgrade-feed[hidden]{display:none!important}
  body.page-home .mobile-upgrade-feed>.upgrade-live-history{position:relative!important;inset:auto!important;display:flex!important;width:100%!important;height:78px!important;min-height:78px!important;margin:0!important;padding:0 0 0 10px!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:4!important}
  body.page-home .promo-banner{margin-top:0!important}
}

/* Final mobile feed deduplication and identical logo geometry on every page. */
@media (max-width:1240px){
  body:not(.page-admin) [data-spa-root]>.upgrade-live-history{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
  body:not(.page-admin) .mobile-upgrade-feed>.upgrade-live-history{display:flex!important;visibility:visible!important;height:78px!important;min-height:78px!important;margin:0!important;padding:0 0 0 10px!important}
  .top-header .brand-up{position:static!important;left:auto!important;top:auto!important;width:auto!important;max-width:calc(100vw - 90px)!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;transform:scale(.86)!important;transform-origin:left center!important;font-size:inherit!important}
  .top-header .brand-up .brand-mark{display:inline-flex!important}
}

/* Home mobile logo must use the same geometry as secondary pages. */
@media (max-width:1240px){
  body.page-home .top-header .brand-up{
    position:static!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    max-width:calc(100vw - 90px)!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    transform:scale(.86)!important;
    transform-origin:left center!important;
    font-size:inherit!important;
  }
  body.page-home .top-header .brand-up .brand-mark{display:inline-flex!important}
}

/* Unified mobile header for every page: no page-specific geometry. */
@media (max-width:1240px){
  html,body{overflow-x:hidden!important}
  .top-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:64px!important;min-height:64px!important;z-index:20000!important;background:#080d18!important;border:0!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important}
  .top-header .header-shell{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;max-width:none!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0 12px!important;box-sizing:border-box!important}
  .top-header .header-left{position:static!important;display:block!important;width:auto!important;height:64px!important;margin:0!important;padding:0!important;pointer-events:auto!important}
  .top-header .brand-up{position:static!important;display:flex!important;align-items:center!important;width:auto!important;max-width:calc(100vw - 90px)!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0!important;transform:scale(.86)!important;transform-origin:left center!important}
  .top-header .header-left .header-stat,.top-header .header-left .header-help{display:none!important}
  .top-header .header-right{position:relative!important;display:flex!important;align-items:center!important;width:auto!important;height:64px!important;margin:0 0 0 auto!important;top:auto!important;right:auto!important;bottom:auto!important}
  .top-header .header-right>*:not(.mobile-menu-toggle):not(.mobile-header-menu){display:none!important}
  .top-header .mobile-menu-toggle{display:grid!important;position:relative!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid rgba(69,176,231,.55)!important;border-radius:10px!important;background:linear-gradient(145deg,#142b43,#0b1626)!important;color:#bcecff!important;font-size:0!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 16px rgba(0,0,0,.28)!important}
  .top-header .mobile-menu-toggle:before{content:""!important;display:block!important;position:absolute!important;width:18px!important;height:2px!important;border-radius:2px!important;background:#bcecff!important;box-shadow:0 6px 0 #bcecff,0 -6px 0 #bcecff!important}
  .top-header .mobile-header-menu{position:absolute!important;right:0!important;top:58px!important;width:min(290px,calc(100vw - 24px))!important;display:grid!important;gap:8px!important;padding:14px!important;box-sizing:border-box!important;border:1px solid rgba(79,190,241,.32)!important;border-radius:13px!important;background:linear-gradient(180deg,#0e1b2d,#091321)!important;box-shadow:0 18px 45px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.05)!important;z-index:30000!important}
  .top-header .mobile-header-menu[hidden]{display:none!important}
  .mobile-upgrade-feed{display:none!important}
  .mobile-upgrade-feed:not([hidden]){display:block!important;position:relative!important;width:100%!important;height:78px!important;min-height:78px!important;margin:64px 0 0!important;padding:0!important;overflow:hidden!important;z-index:3!important;background:#0b1422!important}
  .mobile-upgrade-feed>.upgrade-live-history{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;height:78px!important;min-height:78px!important;margin:0!important;padding:0 0 0 10px!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:4!important}
  [data-spa-root]>.upgrade-live-history{display:none!important}
  .promo-banner{margin-top:0!important}
}

/* Absolute final mobile parity for home and secondary pages. */
@media (max-width:1240px){
  .top-header,
  .top-header .header-shell{
    height:64px!important;
    min-height:64px!important;
  }
  .top-header .header-shell{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
  }
  .top-header .header-left{position:static!important;display:block!important;width:auto!important;height:64px!important;margin:0!important;padding:0!important}
  .top-header .brand-up{position:static!important;display:flex!important;align-items:center!important;width:auto!important;max-width:calc(100vw - 90px)!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0!important;transform:scale(.86)!important;transform-origin:left center!important}
  .top-header .header-left .header-stat,.top-header .header-left .header-help{display:none!important}
  .top-header .header-right{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;height:64px!important;margin:0 0 0 auto!important;display:flex!important;align-items:center!important}
  .top-header .header-right>.mobile-menu-toggle{display:grid!important}
  .top-header .header-right>.mobile-header-menu{position:absolute!important;right:0!important;top:58px!important;display:grid!important;width:min(290px,calc(100vw - 24px))!important;z-index:30000!important}
  .top-header .header-right>.mobile-header-menu[hidden]{display:none!important}
  .mobile-upgrade-feed,
  .mobile-upgrade-feed:not([hidden]){
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:78px!important;
    min-height:78px!important;
    margin:64px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    z-index:3!important;
  }
  .mobile-upgrade-feed[hidden]{display:none!important}
  .mobile-upgrade-feed>.upgrade-live-history{
    display:flex!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:78px!important;
    min-height:78px!important;
    margin:0!important;
    padding:0 0 0 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    z-index:4!important;
  }
  [data-spa-root]>.upgrade-live-history{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
  .promo-banner{margin-top:0!important}
}

/* DOM-level final parity: one shared mobile feed and one shared logo geometry. */
@media (max-width:1240px){
  [data-spa-root] [data-upgrade-live-history]{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  [data-shared-mobile-feed]{display:block!important;visibility:visible!important;position:relative!important;width:100%!important;height:78px!important;min-height:78px!important;margin:64px 0 0!important;padding:0!important;overflow:hidden!important;z-index:3!important;background:#0b1422!important}
  [data-shared-mobile-feed][hidden]{display:none!important}
  [data-shared-mobile-feed] [data-upgrade-live-history]{display:flex!important;visibility:visible!important;position:relative!important;inset:auto!important;width:100%!important;height:78px!important;min-height:78px!important;margin:0!important;padding:0 0 0 10px!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:4!important}
  .top-header .header-shell{height:64px!important;min-height:64px!important;padding:0 12px!important;display:flex!important;align-items:center!important}
  .top-header .brand-up{position:static!important;left:auto!important;top:auto!important;height:64px!important;min-height:64px!important;width:auto!important;max-width:calc(100vw - 90px)!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;transform:scale(.86)!important;transform-origin:left center!important}
  .top-header .header-right{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;height:64px!important;margin-left:auto!important;display:flex!important;align-items:center!important}
}

/* Final identical mobile logo geometry on every page. */
@media (max-width:1240px){
  .top-header .brand-up,
  body.page-home .top-header .brand-up{
    position:static!important;
    left:auto!important;
    top:auto!important;
    width:190px!important;
    max-width:calc(100vw - 90px)!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
    transform-origin:center!important;
    font-size:16px!important;
    line-height:1!important;
    letter-spacing:-.7px!important;
    white-space:nowrap!important;
  }
  .top-header .brand-up .brand-name{display:inline-block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .top-header .brand-up .brand-mark{display:inline-flex!important;flex:0 0 22px!important;transform:none!important}
}

/* Pixel-level mobile logo normalization for every page. */
@media (max-width:1240px){
  .top-header .brand-up,
  body.page-home .top-header .brand-up{
    box-sizing:border-box!important;
    width:190px!important;
    max-width:calc(100vw - 90px)!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 10px!important;
    margin:0!important;
    gap:8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    position:static!important;
    transform:none!important;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
    font-size:16px!important;
    font-weight:850!important;
    line-height:1!important;
    letter-spacing:-.7px!important;
    text-transform:uppercase!important;
    font-style:italic!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .top-header .brand-up .brand-mark,
  body.page-home .top-header .brand-up .brand-mark{
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    height:18px!important;
    min-height:18px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 22px!important;
    display:inline-flex!important;
    align-items:flex-end!important;
    gap:2px!important;
    transform:skew(4deg)!important;
  }
  .top-header .brand-up .brand-name,
  body.page-home .top-header .brand-up .brand-name{
    display:inline-block!important;
    width:auto!important;
    max-width:calc(100% - 30px)!important;
    margin:0!important;
    padding:0!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:1!important;
    letter-spacing:inherit!important;
    transform:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* Final equal logo geometry: override page-home-specific mobile rules too. */
@media (max-width:1240px){
  .top-header .header-left .brand-up,
  body.page-home .top-header .header-left .brand-up{
    position:static!important;
    left:auto!important;
    top:auto!important;
    width:190px!important;
    max-width:calc(100vw - 90px)!important;
    min-width:190px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 10px!important;
    display:inline-flex!important;
    flex:0 0 190px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:scale(.86)!important;
    transform-origin:left center!important;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
    font-size:16px!important;
    font-weight:850!important;
    line-height:1!important;
    letter-spacing:-.7px!important;
    text-transform:uppercase!important;
    font-style:italic!important;
    white-space:nowrap!important;
  }
  .top-header .header-left .brand-up .brand-name,
  body.page-home .top-header .header-left .brand-up .brand-name{
    display:inline-block!important;
    width:auto!important;
    max-width:calc(100% - 30px)!important;
    margin:0!important;
    padding:0!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:1!important;
    letter-spacing:inherit!important;
    transform:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .top-header .header-left .brand-up .brand-mark,
  body.page-home .top-header .header-left .brand-up .brand-mark{
    display:inline-flex!important;
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    height:18px!important;
    min-height:18px!important;
    flex:0 0 22px!important;
    margin:0!important;
    transform:skew(4deg)!important;
  }
}

/* Final vertical centering of the unified mobile logo. */
@media (max-width:1240px){
  .top-header .header-shell{align-items:center!important}
  .top-header .header-left{height:64px!important;display:flex!important;align-items:center!important}
  .top-header .brand-up,
  body.page-home .top-header .brand-up{
    top:auto!important;
    bottom:auto!important;
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
    transform:scale(.86)!important;
    transform-origin:left center!important;
  }
}

/* Absolute final mobile centering: normalize the home header parent too. */
@media (max-width:1240px){
  .top-header .header-shell,
  body.page-home .top-header .header-shell{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    height:64px!important;
    min-height:64px!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
  }
  .top-header .header-left,
  body.page-home .top-header .header-left{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    height:64px!important;
    min-height:64px!important;
    padding:0!important;
    margin:0!important;
    pointer-events:auto!important;
  }
  .top-header .brand-up,
  body.page-home .top-header .brand-up{
    position:static!important;
    top:auto!important;
    bottom:auto!important;
    align-self:center!important;
    margin:0!important;
    transform:scale(.86)!important;
    transform-origin:left center!important;
  }
}

/* Wallet icon belongs to the mobile deposit link. */
@media (max-width:1240px){
  .top-header .mobile-menu-deposit{display:flex!important;align-items:center!important;gap:9px!important;justify-content:flex-start!important}
  .top-header .mobile-menu-wallet-icon{display:block!important;flex:0 0 18px!important;color:#bcecff!important}
}

/* Final mobile menu icon and unread badge rules. */
@media (max-width:1240px){
  .top-header .mobile-menu-balance::after{display:none!important;content:none!important}
  .top-header .mobile-menu-balance .rub{display:none!important}
  .top-header .mobile-menu-notifications{display:flex!important;align-items:center!important;gap:8px!important}
  .top-header .mobile-menu-notifications svg{display:block!important;flex:0 0 18px!important;margin:0!important}
  .top-header .mobile-menu-notifications .notification-badge[hidden]{display:none!important;visibility:hidden!important}
  .top-header .mobile-menu-notifications .notification-badge:not([hidden]){display:inline-flex!important;visibility:visible!important}
}

/* Equal icon-to-text spacing in mobile menu links. */
@media (max-width:1240px){
  .top-header .mobile-header-menu>.mobile-menu-deposit,
  .top-header .mobile-header-menu>.mobile-menu-notifications{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
  }
  .top-header .mobile-menu-wallet-icon,
  .top-header .mobile-menu-notifications>svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    flex:0 0 18px!important;
    margin:0!important;
  }
  .top-header .mobile-menu-deposit>span,
  .top-header .mobile-menu-notifications>span:first-of-type{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
}

/* Mobile/narrow live-feed skin image: centered and slightly larger on every page. */
@media (max-width:1240px){
  .upgrade-live-card{position:relative!important;}
  .upgrade-live-card img{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:46%!important;
    width:108px!important;
    height:66px!important;
    max-width:none!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    object-fit:contain!important;
    z-index:1!important;
  }
}
@media (max-width:640px){
  .upgrade-live-card img{
    top:45%!important;
    width:104px!important;
    height:64px!important;
  }
}

/* Center the mobile live-feed chance badge horizontally at the card bottom. */
@media (max-width:1240px){
  .upgrade-live-card>.upgrade-live-chance{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:5px!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    margin:0!important;
    z-index:5!important;
  }
}

/* Secondary mobile pages: remove the extra main offset after the shared feed. */
@media (max-width:1240px){
  body:not(.page-home) main#app,
  body:not(.page-home) main[data-spa-root]{
    padding-top:0!important;
    margin-top:0!important;
  }
  body:not(.page-home) main#app>.profile-page-own,
  body:not(.page-home) main#app>.up-profile-page,
  body:not(.page-home) main#app>.billing-page{
    margin-top:0!important;
  }
}

/* Profile toasts use the shared site toast component. */
.profile-toast-wrap{display:none!important}

/* Balance modal: above the feed on every page and refined typography. */
.balance-modal{z-index:50000!important}
.balance-modal__backdrop{z-index:0!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:rgba(1,6,14,.78)!important}
.balance-modal__dialog{z-index:1!important}
.balance-modal__content{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.balance-modal__content h2{font-size:24px!important;font-weight:650!important;letter-spacing:-.02em!important}
.balance-modal__label-row{font-size:12px!important;font-weight:500!important}
.balance-modal__label-row small{font-size:11px!important;font-weight:400!important}
.balance-modal__field input,.balance-modal__promo input,.balance-modal__coupon input{font-size:14px!important;font-weight:450!important}
.balance-modal__amount input{font-size:22px!important;font-weight:650!important}
.balance-modal__amount span{font-size:20px!important;font-weight:650!important}
.balance-modal__presets button{font-size:12px!important;font-weight:550!important}
.balance-modal__total span{font-size:13px!important;font-weight:500!important}
.balance-modal__total b{font-size:25px!important;font-weight:700!important}
.balance-modal__submit,.balance-modal__coupon-submit{font-size:14px!important;font-weight:650!important;letter-spacing:.01em!important}
.balance-modal__form p{font-size:11px!important;font-weight:400!important}
@media(max-width:860px){.balance-modal__content h2{font-size:21px!important}.balance-modal__total b{font-size:22px!important}}

/* Compact balance modal dimensions. */
.balance-modal__dialog{min-height:540px!important;width:min(920px,calc(100vw - 28px))!important}
.balance-modal__content{padding:26px 30px 22px!important}
.balance-modal__content h2{margin-bottom:20px!important}
.balance-modal__label-row{margin-bottom:7px!important}
.balance-modal__field input{height:42px!important;min-height:42px!important;padding:0 12px!important}
.balance-modal__amount{height:54px!important;min-height:54px!important;padding:0 16px!important}
.balance-modal__amount input{height:100%!important}
.balance-modal__presets{gap:6px!important;margin:10px 0 20px!important}
.balance-modal__presets button{height:34px!important;min-height:34px!important;padding:0 7px!important}
.balance-modal__total{margin-bottom:12px!important}
.balance-modal__total b{font-size:23px!important}
.balance-modal__submit{height:52px!important;min-height:52px!important}
.balance-modal__or{margin:12px 0!important}
.balance-modal__coupon-form{gap:7px!important}
.balance-modal__coupon-submit{height:42px!important;min-height:42px!important}
.balance-modal__form p{margin-top:13px!important}
@media(max-width:860px){
  .balance-modal__dialog{min-height:0!important;max-height:calc(100vh - 24px)!important}
  .balance-modal__content{padding:22px 18px 18px!important}
  .balance-modal__presets{margin-bottom:16px!important}
  .balance-modal__submit{height:48px!important;min-height:48px!important}
}

/* Balance modal: compact width and reduced height (not stretched horizontally). */
.balance-modal__dialog{
  width:min(680px,calc(100vw - 28px))!important;
  min-height:500px!important;
  max-height:calc(100vh - 32px)!important;
  grid-template-columns:270px 410px!important;
  border-radius:20px!important;
}
.balance-modal__content{padding:22px 24px 16px!important}
.balance-modal__content h2{margin-bottom:14px!important;font-size:21px!important}
.balance-modal__label-row{margin-bottom:5px!important}
.balance-modal__field input{height:38px!important;min-height:38px!important}
.balance-modal__amount{height:48px!important;min-height:48px!important}
.balance-modal__presets{margin:8px 0 14px!important}
.balance-modal__presets button{height:32px!important;min-height:32px!important}
.balance-modal__total{margin-bottom:7px!important}
.balance-modal__total b{font-size:22px!important}
.balance-modal__submit{height:46px!important;min-height:46px!important;margin-top:6px!important}
.balance-modal__or{margin:8px 0!important}
.balance-modal__coupon-form .balance-modal__field{height:38px!important}
.balance-modal__coupon-submit{height:38px!important;min-height:38px!important}
.balance-modal__form p{margin-top:9px!important;line-height:1.25!important}
@media(max-width:860px){
  .balance-modal__dialog{width:min(430px,calc(100vw - 24px))!important;grid-template-columns:1fr!important;min-height:0!important}
  .balance-modal__content{padding:20px 18px 16px!important}
}

/* Further reduce balance modal height. */
.balance-modal__dialog{min-height:450px!important}
.balance-modal__content{padding-top:17px!important;padding-bottom:12px!important}
.balance-modal__content h2{margin-bottom:10px!important}
.balance-modal__field input{height:34px!important;min-height:34px!important}
.balance-modal__amount{height:43px!important;min-height:43px!important}
.balance-modal__presets{margin:6px 0 10px!important}
.balance-modal__presets button{height:29px!important;min-height:29px!important}
.balance-modal__total{margin-bottom:3px!important}
.balance-modal__submit{height:41px!important;min-height:41px!important;margin-top:3px!important}
.balance-modal__or{margin:5px 0!important}
.balance-modal__coupon-form .balance-modal__field{height:34px!important}
.balance-modal__coupon-submit{height:34px!important;min-height:34px!important}
.balance-modal__form p{margin-top:6px!important;font-size:10px!important}

/* Unified desktop header height across home and secondary pages. */
@media (min-width:1241px){
  .top-header,
  .top-header .header-shell{
    height:87px!important;
    min-height:87px!important;
  }
  .top-header .header-shell{box-sizing:border-box!important}
  body:not(.page-home) main#app{padding-top:87px!important;margin-top:0!important}
  body:not(.page-home) main#app>.upgrade-page,
  body:not(.page-home) main#app>.billing-page,
  body:not(.page-home) main#app>.profile-page-own,
  body:not(.page-home) main#app>.up-profile-page{margin-top:0!important}
  body.page-home .promo-banner{margin-top:87px!important}
}