:root{

  --nw-нить:color-mix(in oklab, var(--cream) 9%, transparent);
  --nw-нить-ярко:color-mix(in oklab, var(--cream) 16%, transparent);
  --nw-блик:color-mix(in oklab, var(--cream) 5%, transparent);
  
  --nw-свет-нить:color-mix(in oklab, var(--lamp) 72%, transparent);
  --nw-свет-тихо:color-mix(in oklab, var(--lamp) 26%, transparent);
  
  --nw-трубка-свет:var(--lamp);
  
  --nw-стекло:linear-gradient(180deg, var(--stone-2) 0%, var(--stone) 100%);
  --nw-кожа:linear-gradient(180deg, var(--stone-2) 0%, var(--stone) 100%);
  --nw-лоск:none;
  
  --nw-кромка:linear-gradient(var(--nw-нить-ярко), var(--nw-нить-ярко));
  --nw-кромка-тихо:linear-gradient(var(--nw-нить), var(--nw-нить));
  --nw-кромка-свет:linear-gradient(160deg, var(--lamp-top) 0%, var(--lamp) 50%, var(--lamp-lo) 100%);
  --nw-фаска:inset 0 1px 0 var(--nw-блик);
  
  --nw-строчка:1px solid var(--nw-нить);
  
  --nw-штрихи:linear-gradient(115deg, transparent 0 20%, var(--lamp) 20% 33%, transparent 33% 47%,
    var(--lamp) 47% 53%, transparent 53% 65%, color-mix(in oklab, var(--lamp) 70%, transparent) 65% 69%, transparent 69%);
  
  --nw-заклёпки:var(--nw-штрихи) 100% 0 / 58px 20px no-repeat;
  
  --nw-ремень:linear-gradient(var(--seam), var(--seam));
  
  --nw-медь:color-mix(in oklab, var(--rust) 60%, var(--zhar));
  --nw-бронза:color-mix(in oklab, var(--zhar) 62%, var(--sand));
  --nw-серебро:var(--sand);
  --nw-золото:var(--zhar);
  --nw-платина:var(--cream);
  --nw-оттиск:none;
  
  --nw-ярлык:700 10px/1.2 var(--font);
  --nw-объём:inset 0 1px 0 var(--nw-блик), 0 10px 22px -14px rgba(0,0,0,.9);
  
  --nw-хром:inset 0 1px 0 color-mix(in oklab, var(--cream) 22%, transparent),
    0 10px 24px -12px color-mix(in oklab, var(--lamp) 60%, transparent);
  --nw-трубка:0 0 10px color-mix(in oklab, var(--lamp) 60%, transparent);
  
  --nw-зерно:none;
}


body{font-weight:500}

.app, .регионы, .вопрос, .накрыльцо, .пасхалка{--r-card:6px; --r-in:3px; --r-pill:3px}

.app .ore:focus-visible,
.app .gcard:focus-visible,
.app .lob:focus-visible,
.app .лоб-уровни:focus-visible,
.app .ord:focus-visible,
.app .стример-ссылка:focus-visible{outline:1px solid var(--lamp); outline-offset:3px}

.app::before,
.app::after{content:""; position:fixed; inset:0; z-index:-1; pointer-events:none}
.app::before{
  background:
    radial-gradient(80% 40% at 50% -8%, color-mix(in oklab, var(--lamp) 7%, transparent), transparent 70%),
    linear-gradient(180deg, var(--rock) 0%, var(--deep) 60%)}

.app .motes{display:none !important}

.app .bar{background:linear-gradient(180deg,
  color-mix(in oklab, var(--rock) 97%, transparent) 72%, transparent)}
.app .tabs{background:linear-gradient(180deg, transparent 0,
  color-mix(in oklab, var(--rock) 92%, transparent) 12px,
  color-mix(in oklab, var(--rock) 92%, transparent) 60%, transparent)}

.app .about-head h2,
.app .screen[data-screen="order"] .order-head h2,
.app .где b,
.app .vip-now b,
.app #digTitle,
.app .bindbox h2,
.вопрос-тело h2,
.регионы-верх b{font-family:var(--font-display); text-transform:uppercase;
  font-weight:700; letter-spacing:.07em; line-height:var(--lh-tight);
  color:var(--cream); text-shadow:var(--nw-оттиск)}
.app .about-head h2{font-size:var(--fs-lg)}
.app .screen[data-screen="order"] .order-head h2{font-size:var(--fs-xl); letter-spacing:.05em}
.app .где b{font-size:var(--fs-lg); letter-spacing:.06em}
.app .vip-now b{font-size:var(--fs-xl); letter-spacing:.05em}
.app #digTitle{font-size:var(--fs-base); letter-spacing:.12em}
.app .bindbox h2{font-size:var(--fs-md); letter-spacing:.12em}
.вопрос-тело h2{font-size:var(--fs-lg); letter-spacing:.05em; text-wrap:balance}
.регионы-верх b{font-size:var(--fs-sm); letter-spacing:.12em}

.app .vip-h,
.app .row h3{font:var(--nw-ярлык); font-size:var(--fs-cap); text-transform:uppercase;
  letter-spacing:.16em; color:var(--sand)}
.app .vip-h{margin-bottom:12px}
.app .about-head p,
.app .order-head p{color:var(--sand-dim)}

.app .logo{color:var(--cream); font-family:var(--font-display); font-weight:700;
  font-size:10px; letter-spacing:.1em}
.app .logo svg:not(.слово){color:var(--sand)}
.app .logo .слово{color:var(--cream)}
.app .bar .pill.big,
.app .pill.ghost{color:var(--cream); border:1px solid var(--nw-нить-ярко); border-radius:var(--r-in);
  background:color-mix(in oklab, var(--stone) 80%, transparent);
  box-shadow:inset 0 1px 0 var(--nw-блик);
  font:var(--nw-ярлык); font-size:10px; text-transform:uppercase; letter-spacing:.1em}
.app .bar .pill.big span{font:inherit}
.app .bar .pill.big .ic{width:20px; height:20px}
.app .pill.ghost{color:var(--sand)}
.app .bar .pill.big .ic,
.app .pill.ghost .ic{color:var(--sand)}
.app .bar .pill.big:active,
.app .pill.ghost:active{border-color:var(--nw-свет-нить)}
.app .back{color:var(--sand); border-color:var(--nw-нить-ярко); border-radius:var(--r-in);
  background:color-mix(in oklab, var(--stone) 70%, transparent);
  box-shadow:inset 0 1px 0 var(--nw-блик)}
.app .back .ic{color:var(--sand)}
.app .где span{font:var(--nw-ярлык); font-size:var(--fs-cap); text-transform:uppercase;
  letter-spacing:.12em; color:var(--sand-dim)}

.app .tabs{padding-bottom:15px}
.app .tab,
.app .tab-pill{border-radius:var(--r-in)}
.app .tab{font-weight:600; letter-spacing:.02em}
.app .tab-pill{background:var(--stone-deep); overflow:visible;
  box-shadow:inset 0 0 0 1px var(--nw-свет-нить), inset 0 1px 0 var(--nw-блик),
    0 6px 16px -10px color-mix(in oklab, var(--lamp) 50%, transparent)}
.app .tab-pill::after{content:""; position:absolute; left:50%; top:calc(100% + 5px);
  width:28px; height:2px; margin-left:-14px; border-radius:1px; pointer-events:none;
  background:var(--nw-трубка-свет); box-shadow:var(--nw-трубка)}
.app .tab.on{color:var(--cream)}

.app .tab:not(.on){color:var(--cream); border-color:var(--nw-нить-ярко);
  background:var(--nw-стекло); box-shadow:inset 0 1px 0 var(--nw-блик)}
.app .tab:not(.on):active{background:color-mix(in oklab, var(--lamp) 12%, transparent)}
.app .tab .ic{color:var(--lamp)}

.app .ore{border-color:var(--nw-нить); background:var(--nw-стекло);
  box-shadow:inset 0 1px 0 var(--nw-блик), inset 0 -1px 0 rgba(0,0,0,.5),
    0 12px 22px -16px rgba(0,0,0,.95)}
.app .ore:not(.spent):active{border-color:var(--nw-свет-тихо)}
.app .ore.incart{border-color:var(--nw-свет-нить);
  background:
    radial-gradient(90% 46% at 50% 0%, color-mix(in oklab, var(--nw-трубка-свет) 9%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in oklab, var(--lamp) 7%, var(--stone)) 0%,
      var(--stone) 46%, var(--stone-deep) 100%);
  box-shadow:inset 0 1px 0 color-mix(in oklab, var(--lamp-hi) 14%, transparent),
    inset 0 -1px 0 rgba(0,0,0,.5), 0 12px 22px -16px rgba(0,0,0,.95)}

.app .ore.incart::after{content:""; position:absolute; left:16px; right:16px; top:4px; height:2px;
  border-radius:1px; pointer-events:none; background:var(--nw-трубка-свет); box-shadow:var(--nw-трубка);
  animation:nw-зажглась 900ms linear both}

@keyframes nw-зажглась{0%{opacity:0} 9%{opacity:.8} 15%{opacity:.12} 28%{opacity:.62}
  34%{opacity:.22} 56%,100%{opacity:1}}
.app .ore.spent{border-color:color-mix(in oklab, var(--seam) 60%, transparent);
  background:color-mix(in oklab, var(--deep) 70%, transparent); box-shadow:none}
.app .ore.spent .line1 span{color:var(--sand-dim)}
.app .ore.spent .line1 b{color:var(--sand-dim)}

.app .line1 b{color:var(--sand); font-weight:600; letter-spacing:.02em}
.app .grid .ore .line1 b{white-space:normal; text-wrap:balance}
.app .line1 span{margin-top:3px; font-family:var(--font-display); font-weight:700;
  font-size:var(--fs-base); letter-spacing:.01em; color:var(--cream)}
.app .ore .выгода s{color:var(--sand-dim)}
.app .ore .выгода b{color:var(--lamp); font-weight:600}
.app .ore .сложение,
.app .ore .впервые{text-align:center}

.app .ore .take{border:1px solid var(--nw-нить-ярко); border-radius:var(--r-in);
  background:transparent; color:var(--sand); box-shadow:none;
  font:var(--nw-ярлык); font-size:10.5px; text-transform:uppercase; letter-spacing:.1em}
.app .ore:not(.spent):active .take{background:color-mix(in oklab, var(--lamp) 10%, transparent);
  border-color:var(--nw-свет-нить); color:var(--cream)}

.app .ore.incart .take{border-color:var(--nw-свет-нить); color:var(--cream);
  background:var(--stone-deep); box-shadow:inset 0 1px 0 var(--nw-блик);
  font-family:var(--font); letter-spacing:0}
.app .take.picked i{color:var(--lamp); background:color-mix(in oklab, var(--cream) 5%, transparent)}
.app .take.picked i:active{background:color-mix(in oklab, var(--lamp) 16%, transparent)}
.app .take.picked b{font-family:var(--font-display); font-weight:700; color:var(--cream)}
.app .ore.spent .take{background:transparent; border-color:color-mix(in oklab, var(--seam) 60%, transparent);
  box-shadow:none}

.app .ore .mark{z-index:2; font-family:var(--font-display); font-weight:700; letter-spacing:.11em;
  color:var(--lamp); background:var(--stone-deep);
  box-shadow:inset 0 0 0 1px var(--nw-свет-нить), 0 4px 10px -4px rgba(0,0,0,.9)}
.app .ore .gone{background:var(--stone-deep); color:var(--sand-dim);
  box-shadow:inset 0 0 0 1px var(--nw-нить)}

.app .своя{border-color:var(--nw-нить); background:var(--nw-стекло);
  box-shadow:inset 0 1px 0 var(--nw-блик)}
.app .своя .take{border:1px solid var(--nw-свет-нить); color:var(--lamp);
  background:transparent; font-weight:600}
.app .своя .take:disabled{opacity:.5}
.app .замок{border-color:var(--nw-нить); background:var(--nw-стекло);
  box-shadow:inset 0 1px 0 var(--nw-блик);
  backdrop-filter:none; -webkit-backdrop-filter:none}
.app .замок .ic{color:var(--sand)}
.app .замок b{font-family:var(--font-display); font-weight:700; text-transform:uppercase;
  letter-spacing:.08em; font-size:var(--fs-base)}

.app .who-chip{border-color:var(--nw-нить-ярко); background:var(--stone-deep)}
.app .who-chip > svg{color:var(--ore)}
.app .who-edit{color:var(--lamp)}

.app .vows > div{border-color:transparent; background:none; box-shadow:none}
.app .vows .ic{color:var(--sand)}
.app .vows > div{display:grid; grid-template-columns:auto minmax(0, 1fr); column-gap:11px;
  align-items:center; text-align:left; padding:6px 2px}
.app .vows > div .ic{grid-row:1 / span 2; width:20px; height:20px; margin:0}
.app .vows > div b,
.app .vows > div span{grid-column:2}
.app .vows > div b{color:var(--cream); font-weight:600}
.app .vows > div span{color:var(--sand-dim)}

.app .row .more{position:relative; display:inline-flex; align-items:center; gap:8px; flex:none;
  padding:6px 10px 6px 12px; border:0; border-radius:var(--r-in);
  font-family:var(--font-display); font-weight:700; font-size:10.5px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--on-lamp); background:var(--metal);
  box-shadow:var(--nw-объём), 0 0 22px color-mix(in oklab, var(--lamp) 40%, transparent);
  animation:nw-зовёт 2.2s ease-in-out 3}
.app .row .more::after{content:"→"; font-family:var(--font); font-size:13px; font-weight:700; letter-spacing:0}
.app .row .more::before{content:""; position:absolute; inset:-4px; border-radius:calc(var(--r-in) + 3px);
  border:2px solid var(--lamp); pointer-events:none; opacity:0; animation:nw-кольцо 2.2s ease-out 3}
.app .row .more .more-n{display:inline-grid; place-items:center; min-width:20px; height:18px; padding:0 5px;
  border-radius:9px; font:800 10.5px/1 var(--font); letter-spacing:0; font-style:normal;
  color:var(--cream); background:var(--stone-deep)}
.app .row .more:active{scale:.96}

.app .row h3{flex-wrap:nowrap; column-gap:8px; margin-bottom:8px; letter-spacing:.1em}
.app .row h3 .more{margin-left:auto}
.app .home{gap:16px}
@keyframes nw-зовёт{0%,100%{transform:scale(1)} 50%{transform:scale(1.05)}}
@keyframes nw-кольцо{0%{transform:scale(.96); opacity:.75} 75%,100%{transform:scale(1.08); opacity:0}}
.app .row h3 .ic{color:var(--sand)}

.app .home-mark{color:var(--sand);
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.8))}

.app .home-brand{font-family:var(--font-display); font-weight:700; font-size:var(--fs-xl);
  letter-spacing:.14em; margin-right:-.24em; color:var(--cream); text-shadow:var(--nw-оттиск)}

.app .home-head h2{display:none}
.app .home-о{color:var(--sand)}

.app .home-head + .gcards{margin-top:10px}

.app .лоб-уровни{padding-right:44px; border:1px solid transparent;
  background:var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
  box-shadow:inset 0 1px 0 var(--nw-блик), inset 0 -2px 0 rgba(0,0,0,.45),
    0 14px 26px -18px rgba(0,0,0,.95);
  transition:scale var(--t-press) var(--ease-out)}
.app .лоб-уровни:active{scale:.97}
.app .лоб-уровни b{color:var(--cream); font-weight:600}
.app .лоб-уровни span{color:var(--sand-dim)}
.app .лоб-уровни .лоб-шеврон{right:16px; border-color:var(--sand)}
.app .home-vows .лоб-уровни .ic{width:26px; height:26px; margin-bottom:6px; color:var(--sand);
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.8));
  transition:transform var(--t-press) var(--ease-out)}
.app .home-vows .лоб-уровни:active .ic{transform:scale(1.12)}
.app .лоб-уровни::after{content:""; position:absolute; right:40px; bottom:12px;
  width:104px; height:32px; pointer-events:none;
  background:
    radial-gradient(circle closest-side, color-mix(in oklab, var(--lamp) 34%, transparent), transparent) 87px 0 / 18px 18px no-repeat,
    radial-gradient(circle closest-side, var(--lamp-top) 0 16%, var(--lamp) 44%, var(--lamp-lo) 74%, rgba(0,0,0,.7) 92%, transparent) 89px 1px / 14px 14px no-repeat,
    radial-gradient(circle closest-side, var(--lamp-hi) 0 12%, var(--sand) 42%, var(--sand-dim) 72%, rgba(0,0,0,.7) 92%, transparent) 68px 7.25px / 11px 11px no-repeat,
    radial-gradient(circle closest-side, var(--lamp-hi) 0 12%, var(--sand) 42%, var(--sand-dim) 72%, rgba(0,0,0,.7) 92%, transparent) 46.25px 12.75px / 9.5px 9.5px no-repeat,
    radial-gradient(circle closest-side, var(--lamp-hi) 0 12%, var(--sand) 42%, var(--sand-dim) 72%, rgba(0,0,0,.7) 92%, transparent) 24.5px 18.25px / 8px 8px no-repeat,
    radial-gradient(circle closest-side, var(--lamp-hi) 0 12%, var(--sand) 42%, var(--sand-dim) 72%, rgba(0,0,0,.7) 92%, transparent) 3px 24px / 6px 6px no-repeat,
    linear-gradient(to bottom right, transparent calc(50% - 1.1px),
      color-mix(in oklab, var(--sand) 50%, var(--stone)) calc(50% - 1.1px) calc(50% + 1.1px),
      transparent calc(50% + 1.1px)) 6px 8px / 90px 19px no-repeat}
.app .лоб-уровни .menu-tag{color:var(--lamp); background:var(--stone-deep); font-weight:600;
  box-shadow:inset 0 0 0 1px var(--nw-свет-нить)}

.app .gcard{border:1px solid transparent;
  background:
    radial-gradient(70% 58% at 50% 22%, color-mix(in oklab, var(--nw-трубка-свет) 6%, transparent), transparent 72%) padding-box,
    var(--nw-кожа) padding-box,
    var(--nw-кромка-тихо) border-box;
  box-shadow:var(--nw-фаска), 0 12px 24px -16px rgba(0,0,0,.95)}
.app .gcard.big{background:
    radial-gradient(52% 90% at 82% 42%, color-mix(in oklab, var(--nw-трубка-свет) 7%, transparent), transparent 72%) padding-box,
    var(--nw-кожа) padding-box,
    var(--nw-кромка-тихо) border-box}

.app .gcard.now{border-color:var(--nw-нить-ярко)}

.app .gcard-txt b{font-family:var(--font-display); font-weight:700; letter-spacing:.01em}
.app .gcard:not(.big) .gcard-txt b{font-weight:650; font-size:var(--fs-md); letter-spacing:.01em}
.app .gcard.big .gcard-txt b{font-size:min(var(--fs-lg), 4.8vw); letter-spacing:.02em}
.app .gcard-txt u{font:var(--nw-ярлык); font-weight:800; font-size:10.5px; text-transform:uppercase;
  letter-spacing:.06em; color:var(--sand); white-space:nowrap}
.app .gcard.big .gcard-txt u{font-size:var(--fs-cap); letter-spacing:.11em}


.app .gcard::before{content:""; position:absolute; left:0; top:0; width:64px; height:24px;
  pointer-events:none; background:var(--nw-штрихи); opacity:.9}
.app .gcard.big::before{width:84px; height:30px}

.app .gcard-txt{padding:0 0 2px 6px}
.app .gcard.big .gcard-txt{padding-left:10px}

.app .gcard.big:first-child{
  background:
    radial-gradient(56% 80% at 76% 0%, color-mix(in oklab, var(--nw-трубка-свет) 10%, transparent), transparent 74%) padding-box,
    var(--nw-лоск) padding-box,
    var(--nw-кожа) padding-box,
    var(--nw-кромка-свет) border-box;
  box-shadow:var(--nw-фаска), 0 0 30px -18px var(--lamp), 0 16px 30px -18px rgba(0,0,0,.95)}

.app .gcard:not(.soon):active,
.app .gcard.жмём{border-color:var(--nw-свет-нить);}
.app .gcard::after{content:""; position:absolute; top:0; bottom:0; left:0; width:44%;
  pointer-events:none; opacity:0; transform:translateX(-105%);
  background:
    linear-gradient(90deg, transparent, color-mix(in oklab, var(--lamp-hi) 90%, transparent) 50%, transparent) 0 0 / 100% 1px no-repeat,
    linear-gradient(90deg, transparent, color-mix(in oklab, var(--lamp-hi) 55%, transparent) 50%, transparent) 0 100% / 100% 1px no-repeat;
  transition:opacity 320ms var(--ease-out), transform 0s linear 320ms}
.app .gcard:not(.soon):active::after,
.app .gcard.жмём::after{opacity:1; transform:translateX(235%);
  transition:opacity 70ms linear, transform 560ms var(--ease-out)}

.app .lobby{grid-template-columns:1fr 1fr}
.app .lob{grid-template-columns:auto minmax(0, 1fr) auto; justify-items:start; align-items:center;
  column-gap:10px; text-align:left; padding:13px 30px 13px 13px;
  border-color:var(--nw-нить-ярко); background:var(--nw-стекло); box-shadow:var(--nw-объём)}
.app .lob .ic{color:var(--sand); margin:0}
.app .lob b{color:var(--cream); font-weight:600}
.app .lob:active{scale:.97; border-color:var(--nw-свет-нить)}
.app .lob::after{content:""; position:absolute; right:14px; top:50%; width:7px; height:7px;
  margin-top:-4px; pointer-events:none; border:solid var(--sand); border-width:0 1.5px 1.5px 0;
  transform:rotate(-45deg)}
.app .lob .menu-tag{color:var(--lamp); background:var(--stone-deep);
  box-shadow:inset 0 0 0 1px var(--nw-свет-нить)}

.app .dock{background:linear-gradient(180deg, var(--rock) 0%, var(--deep) 70%);
  border-top-color:var(--nw-нить)}
.app .dock::before{content:""; position:absolute; left:0; right:0; top:-7px; height:14px;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 6%, var(--nw-трубка-свет) 22%, var(--nw-трубка-свет) 78%, transparent 94%) 50% 50% / 100% 1.5px no-repeat,
    radial-gradient(46% 50% at 50% 50%, color-mix(in oklab, var(--nw-трубка-свет) 24%, transparent), transparent) 50% 50% / 100% 100% no-repeat}
.app .dock-in{border-color:var(--nw-нить); background:var(--nw-стекло);
  box-shadow:inset 0 1px 0 var(--nw-блик), 0 14px 34px -20px #000}
.app .dock-in > .ic{color:var(--sand)}
.app .dock-sum b{color:var(--cream); font-family:var(--font-display); font-weight:700; letter-spacing:.01em}
.app .dock-sum b span{color:inherit}
.app .dock-sum > span{color:var(--sand-dim)}
.app .dock .act::after{content:""; position:absolute; top:0; bottom:0; left:-60%; width:45%;
  pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
  transform:translateX(0); opacity:0}
.app .dock:not(.away) .act::after{animation:nw-блик 1000ms var(--ease-out) 260ms both}
@keyframes nw-блик{0%{transform:translateX(0); opacity:0} 14%{opacity:1}
  100%{transform:translateX(420%); opacity:0}}

.app .act,
.app .plita-copy,
.вопрос-да{background:var(--metal); color:var(--on-lamp); border-radius:var(--r-in);
  font-family:var(--font-display); font-weight:700; text-transform:uppercase;
  letter-spacing:.1em; font-size:var(--fs-sm); box-shadow:var(--nw-хром)}

.app .plita-copy.ok{background:linear-gradient(176deg, var(--ore-hi), var(--ore)); color:var(--on-ore);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 0 0 1px color-mix(in oklab, var(--ore) 50%, transparent)}

.app .screen[data-screen="order"]::before{
  background:linear-gradient(180deg,
    color-mix(in oklab, var(--rock) 90%, transparent) 0%,
    color-mix(in oklab, var(--deep) 94%, transparent) 100%)}
.app .screen[data-screen="order"] .back{background:var(--stone); border-color:var(--nw-нить-ярко)}
.app .screen[data-screen="order"] .cart-lines{gap:0}
.app .screen[data-screen="order"] .cart-line{border:0; border-radius:0; padding-left:2px; padding-right:2px;
  background:none; box-shadow:none}
.app .screen[data-screen="order"] .cart-line + .cart-line{border-top:1px solid var(--nw-нить)}
.app .screen[data-screen="order"] .panel{position:relative; overflow:visible; margin-top:28px;
  border:1px solid transparent;
  background:var(--nw-заклёпки), var(--nw-лоск) padding-box,
    var(--nw-кожа) padding-box,
    var(--nw-кромка) border-box;
  box-shadow:0 18px 34px -22px #000}

.app .screen[data-screen="order"] .line.hidden + .line{background:none}
.app .screen[data-screen="order"] .line.pay dt{font:var(--nw-ярлык); font-size:var(--fs-cap);
  text-transform:uppercase; letter-spacing:.14em; color:var(--sand)}
.app .screen[data-screen="order"] .line.pay dd{font-family:var(--font-display); font-weight:700;
  color:var(--cream); letter-spacing:.01em}
.app .line.cut dt,
.app .line.cut dd{color:var(--lamp)}
.app .screen[data-screen="order"] .game-name{font:var(--nw-ярлык); font-size:var(--fs-cap);
  text-transform:uppercase; letter-spacing:.12em; color:var(--sand)}
.app .field label{color:var(--sand-dim)}
.app .field label .чья{color:var(--sand)}
.app .field input{border-color:var(--nw-нить-ярко); background:var(--stone-deep)}
.app .field input:focus{border-color:var(--nw-свет-нить); box-shadow:0 0 0 3px var(--nw-свет-тихо)}

.app .game-warn,
.app .screen[data-screen="order"] .game-warn{background:var(--stone-deep);
  border-color:var(--nw-нить-ярко); box-shadow:inset 2px 0 0 var(--sand)}
.app .game-warn::before{color:var(--sand)}
.app #gameWarn b{color:var(--cream)}
.app .say.кому.нет{color:var(--rust)}
.app .обещание .кому{color:var(--lamp)}
.app .обещание .когда .ic{color:var(--sand)}

.app .digger{position:relative; z-index:0; border:1px solid transparent;
  background:var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
  box-shadow:inset 0 1px 0 var(--nw-блик), 0 18px 34px -22px #000}
.app .лз{color:var(--sand); filter:drop-shadow(0 6px 14px rgba(0,0,0,.7))}
.app #digNote{color:var(--sand-dim)}

.app .digger-bar{position:relative; height:9px; overflow:visible; border-radius:2px;
  background:var(--nw-ремень);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55), 0 1px 0 var(--nw-блик)}
.app .digger-bar i{position:relative; height:2px; margin-top:3.5px; border-radius:1px;
  background:linear-gradient(90deg, var(--lamp-lo), var(--lamp) 60%, var(--lamp-hi));
  box-shadow:0 0 6px color-mix(in oklab, var(--lamp) 55%, transparent)}

.app .digger:not(.done):not(.bad) .digger-bar i::before{content:""; position:absolute; right:-16px; top:50%;
  width:32px; height:32px; margin-top:-16px; border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, color-mix(in oklab, var(--lamp) 40%, transparent), transparent);
  animation:nw-дыхание 2.4s var(--ease-in-out) infinite}
@keyframes nw-дыхание{0%,100%{transform:scale(.72); opacity:.45} 50%{transform:scale(1.04); opacity:1}}
.app .digger.done .digger-bar i{background:linear-gradient(90deg,
    color-mix(in oklab, var(--ore) 50%, var(--deep)), var(--ore) 60%, var(--ore-hi));
  box-shadow:0 0 6px color-mix(in oklab, var(--ore) 45%, transparent)}
.app .digger.bad .digger-bar i{height:2px; box-shadow:none;
  background:repeating-linear-gradient(90deg, var(--rust) 0 9px, transparent 9px 12px,
    var(--rust) 12px 14px, transparent 14px 20px)}

.app .лз.ждём{animation:nw-дышит 2.6s var(--ease-in-out) infinite}
@keyframes nw-дышит{0%,100%{transform:scale(1); opacity:.86} 50%{transform:scale(1.04); opacity:1}}

.app .digger.done{background:var(--nw-лоск) padding-box, var(--nw-кожа) padding-box,
    var(--nw-кромка-свет) border-box;
  box-shadow:inset 0 1px 0 color-mix(in oklab, var(--lamp-hi) 16%, transparent),
    0 0 44px -24px var(--lamp), 0 18px 34px -22px #000}
.app .digger.done #digTitle{color:var(--lamp-hi)}
.app .digger.done .лз.готово{color:var(--cream);
  animation:nw-встал 820ms var(--ease-out) both}
@keyframes nw-встал{
  0%  {transform:translateY(12px) scale(.86); opacity:0}
  45% {transform:translateY(-3px) scale(1.05); opacity:1}
  70% {transform:translateY(1px) scale(.99)}
  100%{transform:none; opacity:1}}

.app .digger.done .digger-face::after{content:""; position:absolute; left:50%; top:50%;
  width:156px; height:156px; margin:-78px 0 0 -78px; z-index:-1; border-radius:50%;
  pointer-events:none;
  background:radial-gradient(closest-side, color-mix(in oklab, var(--nw-трубка-свет) 34%, transparent),
    color-mix(in oklab, var(--nw-трубка-свет) 10%, transparent) 52%, transparent);
  animation:nw-лампа 1300ms var(--ease-out) 100ms both}
@keyframes nw-лампа{0%{transform:scale(.6); opacity:0} 10%{opacity:.7} 16%{opacity:.1}
  30%{transform:scale(.95); opacity:.9} 38%{opacity:.35} 58%{transform:scale(1.1); opacity:1}
  100%{transform:scale(1.12); opacity:.4}}

.app .digger.done .лицо-заказа::before{content:""; position:absolute; left:50%; top:50%;
  width:200px; height:136px; margin:-68px 0 0 -100px; z-index:-1; pointer-events:none;
  background:
    radial-gradient(circle at 12% 28%, var(--nw-трубка-свет) 0 1.6px, transparent 2.6px),
    radial-gradient(circle at 88% 20%, var(--cream) 0 1.3px, transparent 2.3px),
    radial-gradient(circle at 20% 80%, var(--lamp) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 82% 76%, var(--lamp-hi) 0 1.3px, transparent 2.3px),
    radial-gradient(circle at 50% 4%, var(--nw-трубка-свет) 0 1.7px, transparent 2.7px),
    radial-gradient(circle at 3% 55%, var(--cream) 0 1.1px, transparent 2.1px),
    radial-gradient(circle at 97% 48%, var(--lamp) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 34% 10%, var(--cream) 0 1.1px, transparent 2.1px),
    radial-gradient(circle at 68% 8%, var(--cream) 0 1.2px, transparent 2.2px);
  animation:nw-искры 1250ms var(--ease-out) 240ms both}
@keyframes nw-искры{0%{transform:scale(.35); opacity:0} 20%{opacity:1}
  100%{transform:scale(1.3); opacity:0}}

.app .digger.bad{border:1px dashed color-mix(in oklab, var(--rust) 55%, transparent);
  background:linear-gradient(180deg, color-mix(in oklab, var(--rust) 5%, var(--stone)), var(--stone-deep));
  outline:0;
  box-shadow:inset 0 1px 0 var(--nw-блик), 0 18px 34px -22px #000}
.app .digger.bad .лз.беда{color:var(--sand); animation:nw-сбился 760ms var(--ease-out) both}
@keyframes nw-сбился{
  0%  {transform:translateX(0); opacity:0}
  18% {transform:translateX(-5px); opacity:1}
  34% {transform:translateX(4px)}
  50% {transform:translateX(-3px)}
  66% {transform:translateX(2px)}
  100%{transform:none; opacity:1}}

.app .trail{border-color:var(--nw-нить); box-shadow:inset 0 1px 0 var(--nw-блик)}
.app .trail li{position:relative; z-index:0}
.app .trail li:not(:last-child)::before{content:""; position:absolute; left:10px; top:32px; bottom:-8px;
  pointer-events:none; border-left:1px solid var(--nw-нить-ярко)}
.app .trail li.was:not(:last-child)::before{border-left-color:color-mix(in oklab, var(--ore) 70%, transparent)}
.app .trail .pip{width:21px; height:21px; border-radius:50%; font-family:var(--font-display); font-weight:700;
  font-style:normal;
  border:1px solid var(--nw-нить-ярко); background:var(--stone-deep); color:var(--sand-dim)}
.app .trail li.now .pip{position:relative; border-color:var(--lamp); background:var(--stone-deep); color:var(--lamp)}
.app .trail li.now .pip::after{content:""; position:absolute; inset:-9px; z-index:-1; border-radius:50%;
  pointer-events:none;
  background:radial-gradient(closest-side, color-mix(in oklab, var(--lamp) 32%, transparent), transparent);
  animation:nw-ореол 2.4s var(--ease-in-out) infinite}
@keyframes nw-ореол{0%,100%{transform:scale(.86); opacity:.35} 50%{transform:scale(1.06); opacity:1}}
.app .trail li.was .pip{border-color:var(--ore); background:var(--ore); color:var(--on-ore)}
.app .trail li.lost .pip{border-color:var(--rust); background:var(--rust); color:var(--on-rust)}

.app .plita{border:1px solid transparent;
  background:var(--nw-заклёпки),
    radial-gradient(80% 60% at 50% 0%, color-mix(in oklab, var(--nw-трубка-свет) 8%, transparent), transparent 70%) padding-box,
    linear-gradient(180deg, color-mix(in oklab, var(--lamp) 6%, var(--stone-deep)) 0%, var(--stone-deep) 60%, var(--deep) 100%) padding-box,
    var(--nw-кромка-свет) border-box;
  box-shadow:0 0 44px -24px var(--lamp), 0 20px 40px -26px #000}
.app .plita::after{background:linear-gradient(100deg, transparent,
  color-mix(in oklab, var(--lamp-hi) 22%, transparent), transparent)}
.app .plita-top{font-family:var(--font-display); font-weight:700; letter-spacing:.19em; color:var(--lamp)}
.app .plita-uc{font-family:var(--font-display); font-weight:700;
  background:linear-gradient(180deg, var(--cream) 0%, var(--sand) 58%, var(--sand-dim) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent}
.app .plita-id{color:var(--sand)}
.app .plita code{border:1px dashed var(--nw-нить-ярко); background:rgba(0,0,0,.5); color:var(--cream)}

.app .note.bad{position:relative; margin-top:12px; padding:13px 14px 13px 42px;
  border-radius:var(--r-card); font-size:var(--fs-md); line-height:var(--lh-text); color:var(--cream);
  border:1px dashed color-mix(in oklab, var(--rust) 55%, transparent);
  background:linear-gradient(180deg, color-mix(in oklab, var(--rust) 9%, var(--stone-deep)), var(--deep));
  box-shadow:inset 2px 0 0 var(--rust)}
.app .note.bad::before{content:""; position:absolute; left:13px; top:14px; width:18px; height:18px;
  border-radius:50%; pointer-events:none; box-shadow:inset 0 0 0 1px var(--rust);
  background:
    linear-gradient(45deg, transparent calc(50% - .7px), var(--rust) calc(50% - .7px) calc(50% + .7px),
      transparent calc(50% + .7px)) 50% 50% / 8px 8px no-repeat,
    linear-gradient(-45deg, transparent calc(50% - .7px), var(--rust) calc(50% - .7px) calc(50% + .7px),
      transparent calc(50% + .7px)) 50% 50% / 8px 8px no-repeat}

.app .vip-now{position:relative; z-index:0; border:1px solid transparent;
  background:var(--nw-заклёпки), var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
  box-shadow:0 18px 34px -22px #000}
.app .vip-now.lvl4{background:var(--nw-заклёпки),
    radial-gradient(80% 60% at 50% 0%, color-mix(in oklab, var(--nw-трубка-свет) 8%, transparent), transparent 70%) padding-box,
    linear-gradient(180deg, color-mix(in oklab, var(--lamp) 8%, var(--stone-2)), var(--stone) 40%, var(--stone-deep)) padding-box,
    var(--nw-кромка-свет) border-box;
  box-shadow:0 0 40px -24px var(--lamp), 0 18px 34px -22px #000}
.app .vip-now.empty-id{background:var(--nw-стекло) padding-box, linear-gradient(var(--nw-нить), var(--nw-нить)) border-box;
  outline:0}
.app .vip-now .ic{width:46px; height:46px; margin-top:4px; color:var(--sand);
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.8))}

.app .vip-now.новая-ступень .ic{animation:nw-ступень 900ms var(--ease-out) 160ms both}
@keyframes nw-ступень{
  0%  {transform:translateY(16px) scale(.88); opacity:0}
  50% {transform:translateY(-3px) scale(1.04); opacity:1}
  76% {transform:translateY(1px) scale(.995)}
  100%{transform:none; opacity:1}}

.app .vip-now.новая-ступень::before{content:""; position:absolute; left:-30px; top:-24px;
  width:150px; height:150px; z-index:-1; border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, color-mix(in oklab, var(--nw-трубка-свет) 32%, transparent),
    color-mix(in oklab, var(--nw-трубка-свет) 9%, transparent) 55%, transparent);
  animation:nw-лампа 1300ms var(--ease-out) 180ms both}
.app .vip-now > span,
.app .vip-left{color:var(--sand-dim)}
.app .vip-now em{color:var(--lamp); background:var(--stone-deep); border-radius:var(--r-in);
  font-family:var(--font-display); font-weight:700; letter-spacing:.06em;
  box-shadow:inset 0 0 0 1px var(--nw-свет-нить)}

.app .vip-bar{height:9px; border-radius:2px; overflow:visible;
  background:var(--nw-ремень);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55), 0 1px 0 var(--nw-блик)}
.app .vip-bar i{position:relative; height:2px; margin-top:3.5px; border-radius:1px;
  background:linear-gradient(90deg, var(--lamp-lo), var(--lamp) 60%, var(--lamp-hi));
  box-shadow:0 0 6px color-mix(in oklab, var(--lamp) 55%, transparent)}


.app .vip-путь{max-width:none; margin-top:20px; padding-inline:20px}
.app .vip-путь-ступени{left:20px; right:20px; height:12px}
.app .vip-путь-полоса{height:12px; border-radius:2px; background:var(--nw-ремень);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55), 0 1px 0 var(--nw-блик)}
.app .vip-путь-свет{inset:4px 0; border-radius:2px;
  background:linear-gradient(90deg, var(--lamp-lo), var(--lamp) 60%, var(--lamp-hi));
  box-shadow:0 0 9px color-mix(in oklab, var(--lamp) 60%, transparent)}
.app .vip-путь-ход::after{width:24px; height:24px; margin:-12px 0 0 -12px;
  background:radial-gradient(circle, #fff 0 13%, var(--lamp-top) 24%,
    color-mix(in oklab, var(--lamp) 42%, transparent) 46%, transparent 70%)}
.app .vip-путь-ступени li{translate:-50% -4px; gap:7px}
.app .vip-путь-ступени li:nth-child(1){--nw-металл:var(--nw-медь)}
.app .vip-путь-ступени li:nth-child(2){--nw-металл:var(--nw-бронза)}
.app .vip-путь-ступени li:nth-child(3){--nw-металл:var(--nw-серебро)}
.app .vip-путь-ступени li:nth-child(4){--nw-металл:var(--nw-золото)}
.app .vip-путь-ступени li:nth-child(5){--nw-металл:var(--nw-платина)}
.app .vip-путь-ступени b{width:20px; height:20px;
  background:radial-gradient(circle at 36% 30%, var(--seam-2), var(--stone-deep) 72%);
  box-shadow:0 0 0 2px var(--stone-deep), inset 0 0 0 1.5px color-mix(in oklab, var(--nw-металл) 55%, transparent),
    0 2px 5px rgba(0,0,0,.8)}
.app .vip-путь-ступени .пройдена b,
.app .vip-путь-ступени .здесь b{
  background:radial-gradient(circle at 36% 30%, var(--lamp-top) 0 10%, var(--nw-металл) 46%,
    color-mix(in oklab, var(--nw-металл) 50%, #000) 100%);
  box-shadow:0 0 0 2px var(--stone-deep), 0 2px 5px rgba(0,0,0,.8)}
.app .vip-путь-ступени .здесь b{
  box-shadow:0 0 0 2px var(--stone-deep), 0 0 0 4px color-mix(in oklab, var(--nw-металл) 60%, transparent),
    0 0 18px color-mix(in oklab, var(--nw-металл) 55%, transparent)}
.app .vip-путь-ступени u{font-family:var(--font-display); font-weight:700; font-size:11px;
  letter-spacing:.06em; color:var(--sand-dim)}
.app .vip-путь-ступени .пройдена u{color:var(--sand)}
.app .vip-путь-ступени .здесь u{color:var(--lamp)}
.app .vip-путь-ступени span{font:var(--nw-ярлык); font-size:9px; text-transform:uppercase; letter-spacing:.1em;
  color:color-mix(in oklab, var(--nw-металл) 70%, var(--sand-dim))}
.app .vip-путь-ступени .впереди span{color:color-mix(in oklab, var(--nw-металл) 40%, var(--sand-dim))}

.app .вход{background:rgba(0,0,0,.74)}
.app .вход-лист{border:1px solid transparent;
  background:var(--nw-заклёпки), var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
  box-shadow:0 24px 60px -20px #000}
.app .вход-знак{width:54px; height:54px; color:var(--sand); filter:drop-shadow(0 4px 10px rgba(0,0,0,.8))}
.app .вход-что{font-family:var(--font-display); font-weight:700; text-transform:uppercase;
  letter-spacing:.08em; color:var(--cream)}
.app .вход-зачем{color:var(--sand)}
.app .вход-да{font-family:var(--font-display); font-weight:700; text-transform:uppercase;
  letter-spacing:.12em; color:var(--on-lamp); background:var(--metal); box-shadow:var(--nw-объём)}
.app .вход-ждём{color:var(--sand-dim)}
.app .вход-закрыть{color:var(--sand)}

.app .вход-код b{font-family:var(--font-display); font-weight:700; letter-spacing:.1em; color:var(--cream)}

.app .выйти-кн{border-color:var(--nw-нить-ярко); color:var(--sand); background:var(--nw-стекло)}
.app .vip-sheet,
.app .bindbox{border-color:var(--nw-нить); background:var(--nw-стекло);
  box-shadow:inset 0 1px 0 var(--nw-блик)}

.app .vip-now + .vip-sheet{position:relative; margin-top:36px}

.app .vip-p{color:var(--sand)}
.app .vip-p b{color:var(--cream)}

.app .vip-table{gap:0}
.app .vip-row{position:relative; overflow:hidden; border:0; border-radius:0; background:none; box-shadow:none}
.app .vip-row + .vip-row{border-top:1px solid var(--nw-нить)}
.app .vip-row b{color:var(--cream); font-weight:600}
.app .vip-row u{white-space:nowrap; color:var(--sand-dim)}
.app .vip-row span{color:var(--sand); font-family:var(--font-display); font-weight:700}
.app .vip-row em{color:var(--sand-dim)}

.app .vip-row.on{border-radius:var(--r-in); padding-left:18px;
  background:color-mix(in oklab, var(--lamp) 8%, var(--rock));
  box-shadow:inset 2px 0 0 var(--lamp), inset 0 0 0 1px var(--nw-свет-тихо)}
.app .vip-row.on + .vip-row{border-top-color:transparent}
.app .vip-row.on span{color:var(--lamp)}
.app .vip-row.on b::after{color:var(--lamp); font-weight:500}

.app .vip-row b > svg.ic{width:22px !important; height:22px !important; color:var(--sand) !important;
  vertical-align:-6px !important; margin-right:10px !important}


.app .vip-now, .app .vip-table .vip-row:nth-child(1){--nw-металл:var(--nw-медь)}
.app .vip-now.lvl1, .app .vip-table .vip-row:nth-child(2){--nw-металл:var(--nw-бронза)}
.app .vip-now.lvl2, .app .vip-table .vip-row:nth-child(3){--nw-металл:var(--nw-серебро)}
.app .vip-now.lvl3, .app .vip-table .vip-row:nth-child(4){--nw-металл:var(--nw-золото)}
.app .vip-now.lvl4, .app .vip-table .vip-row:nth-child(5){--nw-металл:var(--nw-платина)}
.app .vip-now[class*="lvl"] b,
.app .vip-now[class*="lvl"] .ic,
.app .vip-table .vip-row b{color:var(--nw-металл, var(--cream))}
.app .vip-table .vip-row b > svg.ic{color:var(--nw-металл, var(--sand)) !important}

.app .steps li{border-color:transparent; background:none; box-shadow:none;
  display:grid; grid-template-columns:auto minmax(0, 1fr); column-gap:14px;
  align-items:start; padding:10px 2px}
.app .steps li > .step-n{grid-row:1 / span 2; margin:1px 0 0}
.app .steps li > b,
.app .steps li > p{grid-column:2}
.app .steps li > b{margin-bottom:4px; color:var(--cream)}
.app .steps li > p{color:var(--sand-dim)}
.app .step-n,
.шаги-список li span{border:1px solid var(--nw-нить-ярко); border-radius:50%; color:var(--cream);
  background:var(--stone-deep); font-family:var(--font-display); font-weight:700;
  box-shadow:inset 0 1px 0 var(--nw-блик)}
.app .step-n{width:30px; height:30px; font-size:var(--fs-sm)}
.app .steps + .about-head{position:relative; margin-top:36px}

.app .asks details{border-color:var(--nw-нить); background:var(--nw-стекло);
  box-shadow:inset 0 1px 0 var(--nw-блик)}
.app .asks details[open]{border-color:var(--nw-нить-ярко);
  box-shadow:inset 2px 0 0 var(--lamp), inset 0 1px 0 var(--nw-блик)}
.app .asks details[open] summary{color:var(--cream)}
.app .asks details summary::after{border-color:var(--sand)}
.app .asks details[open] summary::after{border-color:var(--lamp)}
.app .asks details p{color:var(--sand)}

.app .ord{position:relative; padding-right:32px; border-color:var(--nw-нить-ярко);
  background:var(--nw-стекло); box-shadow:inset 2px 0 0 var(--nw-нить-ярко), var(--nw-объём)}
.app .ord::after{content:""; position:absolute; right:14px; top:50%; width:7px; height:7px;
  margin-top:-4px; pointer-events:none; border:solid var(--sand); border-width:0 1.5px 1.5px 0;
  transform:rotate(-45deg)}
.app .ord:has(.s-done){box-shadow:inset 2px 0 0 var(--ore), var(--nw-объём)}
.app .ord:has(.s-failed),
.app .ord:has(.s-canceled){box-shadow:inset 2px 0 0 var(--rust), var(--nw-объём)}
.app .ord:has(.s-issuing),
.app .ord:has(.s-paid){box-shadow:inset 2px 0 0 var(--lamp), var(--nw-объём)}
.app .ord:active{scale:.98; border-color:var(--nw-свет-нить)}
.app .ord-n{color:var(--sand-dim)}
.app .ord-sum{font-family:var(--font-display); font-weight:700; color:var(--cream)}
.app .ord-st{border-radius:var(--r-in); font-weight:600; letter-spacing:.02em}
.app .ord-st.s-issuing,
.app .ord-st.s-paid{color:var(--lamp); background:color-mix(in oklab, var(--lamp) 12%, transparent)}

.app .пусто-плита{position:relative; overflow:hidden; border-color:var(--nw-нить); background:var(--nw-стекло);
  box-shadow:inset 0 1px 0 var(--nw-блик)}

.app .пусто-плита b{font-family:var(--font-display); font-weight:700; text-transform:uppercase;
  letter-spacing:.1em; font-size:var(--fs-base)}

.регионы{background:
  radial-gradient(90% 34% at 50% -6%, color-mix(in oklab, var(--nw-трубка-свет) 6%, transparent), transparent 72%),
  var(--deep)}
.регионы-верх{border-bottom-color:var(--nw-нить)}
.регион{position:relative; overflow:hidden; border-color:var(--nw-нить); background:var(--nw-стекло);
  color:var(--sand)}
.регион b{color:var(--cream)}
.регион.on{color:var(--cream); border-color:transparent; padding-left:18px;
  background:color-mix(in oklab, var(--lamp) 8%, var(--rock));
  box-shadow:inset 2px 0 0 var(--lamp), inset 0 0 0 1px var(--nw-свет-нить)}
.регион.on u{color:var(--lamp)}

.регион.on img[src^="data:image/svg"]{filter:brightness(0) invert(1)}
.регион:not(.on):active{background:color-mix(in oklab, var(--lamp) 8%, transparent)}
.регионы .назад{color:var(--sand); border-color:var(--nw-нить-ярко);
  background:color-mix(in oklab, var(--stone) 70%, transparent)}
.регионы-поиск input{border-color:var(--nw-нить-ярко); background:var(--stone-deep); color:var(--cream)}
.регионы-поиск input:focus{outline:none; border-color:var(--nw-свет-нить); box-shadow:0 0 0 3px var(--nw-свет-тихо)}

.вопрос{background:
  radial-gradient(90% 34% at 50% -6%, color-mix(in oklab, var(--nw-трубка-свет) 6%, transparent), transparent 72%),
  var(--deep)}

.вопрос-глубь .шар{background:
    radial-gradient(circle at 50% 62%, transparent 57.6%, color-mix(in oklab, var(--sand) 22%, transparent) 58.2%, transparent 58.9%),
    repeating-linear-gradient(180deg, transparent 0 30px, color-mix(in oklab, var(--sand) 8%, transparent) 30px 31px),
    radial-gradient(circle at 50% 62%, color-mix(in oklab, var(--lamp) 10%, transparent), transparent 58%);
  -webkit-mask:radial-gradient(circle at 50% 62%, #000 59%, transparent 59.4%);
          mask:radial-gradient(circle at 50% 62%, #000 59%, transparent 59.4%)}
.вопрос-глубь .метка{opacity:1;
  background:linear-gradient(135deg, var(--lamp-hi), var(--sand) 48%, var(--sand-dim));
  box-shadow:0 6px 14px -4px #000}
.вопрос-нет{background:transparent; border-color:var(--nw-нить-ярко); color:var(--sand);
  box-shadow:inset 0 1px 0 var(--nw-блик)}
.шаги-список li span{width:28px; flex-basis:28px}
.шаги-список input{border-color:var(--nw-нить-ярко); background:var(--stone-deep)}

#грузим::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(70% 40% at 50% 40%, color-mix(in oklab, var(--lamp) 8%, transparent), transparent 72%),
    var(--deep)}

#грузим > div > svg:first-child{color:var(--sand); filter:drop-shadow(0 8px 18px rgba(0,0,0,.9))}
#грузим .грузим-слово{color:var(--cream)}
#грузим b{color:var(--cream); font-family:var(--font-display); font-weight:700; letter-spacing:.18em}

#грузим.ушёл *{animation:none !important}
.накрыльцо{border-color:var(--nw-нить-ярко); background:var(--stone-2);
  box-shadow:inset 0 1px 0 var(--nw-блик), var(--sh-lift)}
.накрыльцо-знак{color:var(--sand)}
.накрыльцо-да{background:var(--metal); color:var(--on-lamp); box-shadow:var(--nw-хром)}

.app .hero-art{height:min(80vw, 344px);
  -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 60%, transparent 100%);
          mask-image:linear-gradient(180deg, #000 0%, #000 60%, transparent 100%)}
.app .banner-art{
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 14%, #000 70%, transparent 100%);
          mask-image:linear-gradient(180deg, transparent 0%, #000 14%, #000 70%, transparent 100%)}

.app .home-слово{height:40px; max-width:min(330px, 86vw); color:var(--cream);
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.8))}

.app .home-слово.две-строки{height:61px}
.app .hero-kicker{color:var(--sand); letter-spacing:.2em}
.app .hero-note{color:var(--sand-dim)}

.proboy .zerno.глиф{text-shadow:none}

.proboy .zarevo{background:radial-gradient(circle,
  color-mix(in oklab, var(--nw-трубка-свет) 80%, transparent),
  color-mix(in oklab, var(--lamp) 42%, transparent) 30%,
  color-mix(in oklab, var(--lamp) 12%, transparent) 55%, transparent 72%)}

.app .стример{position:relative; border:1px solid transparent; padding:16px 16px 15px;
  background:var(--nw-заклёпки), var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
  box-shadow:0 16px 30px -20px #000}

.app .стример-лицо{border:0; padding:2px;
  background:linear-gradient(158deg, var(--lamp-hi), var(--sand-dim) 40%, var(--sand) 62%, var(--seam-2)) border-box;
  box-shadow:0 0 0 3px var(--stone-deep), 0 6px 14px -6px #000}
.app svg.стример-лицо{color:var(--sand); background:var(--stone-deep);
  box-shadow:inset 0 0 0 1px var(--nw-нить-ярко), 0 6px 14px -6px #000}
.app .стример-имя b{font-family:var(--font-display); font-weight:700; text-transform:uppercase;
  font-size:var(--fs-base); letter-spacing:.1em; color:var(--cream)}
.app .стример-имя span{font:var(--nw-ярлык); text-transform:uppercase; letter-spacing:.1em;
  color:var(--sand-dim)}
.app .стример-ссылка{color:var(--cream); border-color:var(--nw-нить-ярко);
  border-radius:var(--r-in); background:var(--nw-стекло); box-shadow:var(--nw-объём)}
.app .стример-ссылка:active{border-color:var(--nw-свет-нить)}
.app .стример-ссылка .ic{color:var(--sand)}

.пасхалка{border:1px solid transparent;
  background:var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
  box-shadow:0 14px 30px -16px #000}

@media (prefers-reduced-motion:reduce){
  .app .gcard::after{display:none}
  .app .ore.incart::after,
  .app .dock:not(.away) .act::after,
  .app .лз.ждём,
  .app .digger.done .лз.готово,
  .app .digger.bad .лз.беда,
  .app .digger.done .digger-face::after,
  .app .digger.done .лицо-заказа::before,
  .app .digger:not(.done):not(.bad) .digger-bar i::before,
  .app .trail li.now .pip::after,
  .app .vip-now.новая-ступень .ic,
  .app .vip-now.новая-ступень::before,
  .app .row .more,
  .app .row .more::before,
  .app .полка-бок .tab::before{animation:none}
  .app .лоб-уровни,
  .app .home-vows .лоб-уровни .ic{transition:none}
  .app .digger.done .digger-face::after,
  .app .vip-now.новая-ступень::before{opacity:.4}
  .app .digger:not(.done):not(.bad) .digger-bar i::before{opacity:.7}
  .app .trail li.now .pip::after{opacity:.7}
  .app .digger.done .лицо-заказа::before{opacity:0}
}

@media (min-width:600px){
  html[data-телефон] .app::before,
  html[data-телефон] .app::after{left:var(--телефон-поле); right:var(--телефон-поле)}
}
@media (min-width:900px){
  html[data-телефон]{background:
    radial-gradient(60% 50% at 50% -10%, color-mix(in oklab, var(--lamp) 7%, transparent), transparent 70%),
    var(--deep);
    background-attachment:fixed}
  
  
  
}





.gcard[data-game="appstore"] .art3d{animation:парение-ровно 4.6s ease-in-out infinite alternate;
  animation-delay:calc(var(--i, 0) * 0.26s)}
.gcard[data-game="appstore"] .изнанка{display:none}

html[data-телефон] .app .gcard[data-game="appstore"] .art3d{animation:none}
@media (max-width:743.98px){ .app .gcard[data-game="appstore"] .art3d{animation:none} }

@media (hover:none), (pointer:coarse), (any-pointer:coarse){ .app .gcard[data-game="appstore"] .art3d{animation:none} }

.gcard[data-game="appstore"]:not(.big) .gcard-art{width:112px; height:78px; top:4px}


.app .лоб-уровни{position:relative}

.app .лоб-уровни::before,
.app #vipBox .vip-now::before{content:"BETA"; position:absolute; top:8px; right:10px; z-index:2;
  width:auto; height:auto; inset:8px 10px auto auto;
  padding:3px 6px 2px; border-radius:3px; background:var(--nw-beta); color:var(--deep);
  font:800 9px/1 var(--font); letter-spacing:.1em; pointer-events:none}
.app #vipBox .vip-now{position:relative}



@media (min-width:744px){
  html:not([data-телефон]){--nw-поле:clamp(24px, 3.4vw, 56px); --nw-ширь:1320px; --nw-шапка:64px;
    --nw-герой:clamp(380px, 50vh, 560px)}
  html:not([data-телефон]) .app{padding:0}
  html:not([data-телефон]) .app > .screen{padding-inline:var(--nw-поле)}
  html:not([data-телефон]) .app > .screen:not([data-screen="home"]){
    max-width:calc(var(--nw-ширь) + 2 * var(--nw-поле)); margin-inline:auto}
  
  html:not([data-телефон]) .app .bar{display:none}

  
  html:not([data-телефон]) .app .шапка-сайта{position:sticky; top:0; z-index:40;
    display:flex; align-items:center; gap:clamp(14px, 2.2vw, 34px); height:var(--nw-шапка);
    padding:0 max(var(--nw-поле), calc((100% - var(--nw-ширь)) / 2));
    background:linear-gradient(180deg, var(--rock) 0%, color-mix(in oklab, var(--deep) 96%, transparent) 100%);
    box-shadow:inset 0 -1px 0 var(--nw-нить), 0 14px 30px -22px #000}
  html:not([data-телефон]) .app .шапка-сайта::after{content:""; position:absolute; left:50%; bottom:-1px;
    width:min(44%, 520px); height:1px; margin-left:max(-22%, -260px); pointer-events:none;
    background:linear-gradient(90deg, transparent, var(--nw-трубка-свет) 16%, var(--nw-трубка-свет) 84%, transparent);
    box-shadow:0 0 6px 0 color-mix(in oklab, var(--nw-трубка-свет) 55%, transparent),
      0 6px 28px 2px color-mix(in oklab, var(--nw-трубка-свет) 14%, transparent);
    animation:nw-потолок 1200ms linear 450ms both}
  html:not([data-телефон]) .app .шс-знак{display:flex; align-items:center; gap:10px; flex:none;
    height:100%; padding:0; color:var(--cream)}
  html:not([data-телефон]) .app .шс-слово{display:block; width:auto; height:21px; overflow:visible;
    color:var(--cream); filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}
  html:not([data-телефон]) .app .шс-лого{width:24px; height:24px; color:var(--sand)}
  html:not([data-телефон]) .app .шс-знак b{font-family:var(--font-display); font-weight:700; font-size:13px;
    letter-spacing:.12em; text-transform:uppercase}
  html:not([data-телефон]) .app .шс-слово ~ .шс-лого{display:none}
  html:not([data-телефон]) .app .шс-слово ~ b{position:absolute; width:1px; height:1px; overflow:hidden;
    clip-path:inset(50%); white-space:nowrap}
  html:not([data-телефон]) .app .шс-путь{display:flex; align-items:stretch; gap:2px; height:100%; min-width:0}
  html:not([data-телефон]) .app .шс-путь button{position:relative; display:flex; align-items:center; gap:7px;
    padding:0 clamp(7px, .9vw, 14px); white-space:nowrap; color:var(--sand);
    font:var(--nw-ярлык); font-size:11px; letter-spacing:.1em; text-transform:uppercase}
  html:not([data-телефон]) .app .шс-путь button::after{content:""; position:absolute; left:50%; bottom:12px;
    width:22px; height:2px; margin-left:-11px; border-radius:1px; pointer-events:none;
    background:var(--nw-трубка-свет); box-shadow:var(--nw-трубка);
    opacity:0; transform:scaleX(.3); transition:opacity var(--t-hover) var(--ease-out), transform var(--t-hover) var(--ease-out)}
  html:not([data-телефон])[data-экран="home"] .app .шс-путь [data-шс="home"],
  html:not([data-телефон])[data-экран="orders"] .app .шс-путь [data-to="orders"],
  html:not([data-телефон])[data-экран="vip"] .app .шс-путь [data-to="vip"],
  html:not([data-телефон])[data-экран="about"] .app .шс-путь [data-to="about"]{color:var(--cream)}
  html:not([data-телефон])[data-экран="home"] .app .шс-путь [data-шс="home"]::after,
  html:not([data-телефон])[data-экран="orders"] .app .шс-путь [data-to="orders"]::after,
  html:not([data-телефон])[data-экран="vip"] .app .шс-путь [data-to="vip"]::after,
  html:not([data-телефон])[data-экран="about"] .app .шс-путь [data-to="about"]::after{opacity:1; transform:none}
  
  html:not([data-телефон]) .app .шс-путь [data-to="vip"] span::after{content:"BETA"; display:inline-block;
    margin-left:7px; padding:3px 5px 2px; border-radius:3px; vertical-align:1px;
    background:var(--nw-beta); color:var(--deep); font:800 8.5px/1 var(--font); letter-spacing:.1em}
  html:not([data-телефон]) .app .шс-счёт{display:inline-grid; place-items:center; min-width:18px; height:18px;
    padding:0 5px; border-radius:9px; font:600 10px/1 var(--font); font-style:normal; letter-spacing:0;
    color:var(--lamp); background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--nw-свет-нить)}
  
  html:not([data-телефон]) .app .шс-корзина{margin-left:auto; flex:none; display:flex; align-items:center; gap:10px;
    height:42px; padding:0 8px 0 14px; border:1px solid transparent; border-radius:var(--r-in); color:var(--sand);
    background:var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка-тихо) border-box;
    box-shadow:var(--nw-объём); transition:transform var(--t-press) var(--ease-out)}
  html:not([data-телефон]) .app .шс-корзина:active{transform:scale(.97)}
  html:not([data-телефон]) .app .шс-корзина .ic{width:18px; height:18px; color:var(--sand)}
  html:not([data-телефон]) .app .шс-подпись{font:var(--nw-ярлык); font-size:11px; letter-spacing:.1em;
    text-transform:uppercase}
  html:not([data-телефон]) .app .шс-штук{display:grid; place-items:center; min-width:24px; height:24px; padding:0 7px;
    border-radius:12px; font:700 12px/1 var(--font-display); color:var(--sand-dim);
    background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--nw-нить-ярко)}
  html:not([data-телефон]) .app .шс-сумма{font:700 14px/1 var(--font-display); letter-spacing:.01em;
    color:var(--cream); white-space:nowrap}
  html:not([data-телефон]) .app .шс-сумма:empty,
  html:not([data-телефон]) .app .шс-корзина:not(.полна) .шс-штук{display:none}
  html:not([data-телефон]) .app .шс-корзина.полна{color:var(--cream);
    background:var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box}
  html:not([data-телефон]) .app .шс-корзина.полна .шс-штук{color:var(--on-lamp); background:var(--metal);
    box-shadow:var(--nw-хром)}

  
  html:not([data-телефон]) .app > [data-screen="home"]{position:relative; padding:0 0 28px}
  html:not([data-телефон]) .app > [data-screen="home"].show{display:grid; grid-auto-flow:row dense;
    align-content:start;
    grid-template-columns:[full-start] minmax(var(--nw-поле), 1fr)
      [content-start] minmax(0, calc(var(--nw-ширь) / 2)) [mid] minmax(0, calc(var(--nw-ширь) / 2))
      [content-end] minmax(var(--nw-поле), 1fr) [full-end]}
  html:not([data-телефон]) .app [data-screen="home"] > *{grid-column:content}
  
  html:not([data-телефон]) .app [data-screen="home"] > .back{display:none}
  html:not([data-телефон]) .app [data-screen="home"] > .hero-art{grid-column:full; z-index:1;
    height:var(--nw-герой); margin:0;
    -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 62%, transparent 100%);
            mask-image:linear-gradient(180deg, #000 0%, #000 62%, transparent 100%)}
  
  html:not([data-телефон]) .app .hero-art .арт{width:calc(var(--nw-герой) * 1.25); max-width:100%;
    margin-inline:auto;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 16%, #000 84%, transparent 100%);
            mask-image:linear-gradient(90deg, transparent 0%, #000 16%, #000 84%, transparent 100%)}
  
  html:not([data-телефон]) .app [data-screen="home"] > .герой-сцена{display:block; position:absolute; grid-column:full;
    left:0; right:0; top:0; height:var(--nw-герой); pointer-events:none}
  html:not([data-телефон]) .app .герой-широкий,
  html:not([data-телефон]) .app .герой-передний{position:absolute; inset:0}
  html:not([data-телефон]) .app .герой-широкий{z-index:0}
  html:not([data-телефон]) .app .герой-передний{z-index:2}
  
  html:not([data-телефон]) .app .герой-сцена::before{content:""; position:absolute; inset:0; z-index:0;
    background:
      radial-gradient(34% 34% at 50% 40%, color-mix(in oklab, var(--lamp) 14%, transparent), transparent 72%),
      radial-gradient(62% 24% at 50% 40%, color-mix(in oklab, var(--lamp-lo) 11%, transparent), transparent 76%),
      radial-gradient(56% 20% at 50% 0%, color-mix(in oklab, var(--nw-трубка-свет) 9%, transparent), transparent 72%),
      linear-gradient(180deg, transparent 52%, color-mix(in oklab, var(--deep) 72%, transparent) 100%)}
  
  
  
  html:not([data-телефон]) .app [data-screen="home"] > .home-head{z-index:3; padding:0;
    margin-top:calc(var(--nw-герой) * -.26)}
  html:not([data-телефон]) .app .home-слово.две-строки{height:clamp(92px, 12vh, 132px); max-width:none}
  html:not([data-телефон]) .app .home-vows{flex-wrap:nowrap; justify-content:center; align-items:center;
    gap:clamp(18px, 2.6vw, 40px); width:100%; max-width:880px; margin:clamp(14px, 2.2vh, 26px) auto 0}
  html:not([data-телефон]) .app .home-vows .лоб-уровни{flex:0 1 330px}
  html:not([data-телефон]) .app .home-vows > div{flex:0 0 auto}

  
  html:not([data-телефон]) .app [data-screen="home"] > .gcards{margin-top:clamp(34px, 5.5vh, 60px);
    grid-template-columns:repeat(4, minmax(0, 1fr)); gap:clamp(12px, 1.25vw, 18px)}
  html:not([data-телефон]) .app .gcard{
    min-height:clamp(164px, 15vw, 218px); padding:clamp(14px, 1.3vw, 20px)}
  html:not([data-телефон]) .app .gcard.big{grid-column:span 2;
    min-height:clamp(190px, 17vw, 256px); padding:clamp(18px, 1.8vw, 28px)}
  html:not([data-телефон]) .app .gcard-art{width:clamp(80px, 7.6vw, 112px); height:clamp(80px, 7.6vw, 112px);
    top:clamp(14px, 1.5vw, 24px)}
  html:not([data-телефон]) .app .gcard.big .gcard-art{width:clamp(120px, 13vw, 196px);
    height:clamp(120px, 13vw, 196px); right:clamp(18px, 3.4vw, 56px); top:50%}
  html:not([data-телефон]) .app .gcard[data-game="appstore"]:not(.big) .gcard-art{
    width:clamp(132px, 12.4vw, 184px); height:clamp(92px, 8.6vw, 128px); top:clamp(8px, 1vw, 14px)}
  html:not([data-телефон]) .app .gcard.big .gcard-txt{max-width:calc(100% - clamp(150px, 15vw, 260px));
    padding-left:14px}
  html:not([data-телефон]) .app .gcard-txt{padding:0 0 4px 10px}
  html:not([data-телефон]) .app .gcard.big .gcard-txt b{font-size:clamp(22px, 2.1vw, 30px)}
  html:not([data-телефон]) .app .gcard:not(.big) .gcard-txt b{font-size:clamp(14px, 1.15vw, 17px)}
  html:not([data-телефон]) .app .gcard-txt u{font-size:11px}
  html:not([data-телефон]) .app .gcard.big .gcard-txt u{font-size:12px}

  
  html:not([data-телефон]) .app [data-screen="home"] > .lobby{grid-column:mid / content-end;
    margin:clamp(18px, 3vh, 30px) 0 0 8px}
  html:not([data-телефон]) .app [data-screen="home"] > .стример{grid-column:content-start / mid;
    margin:clamp(18px, 3vh, 30px) 8px 0 0}
  
  html:not([data-телефон]) .app .стример{grid-template-columns:minmax(0, 1fr) auto; align-items:center;
    padding:20px 52px 20px 22px}
  html:not([data-телефон]) .app .стример-ссылки{grid-template-columns:repeat(2, minmax(108px, 1fr))}
  html:not([data-телефон]) .app .стример-ссылка{padding:8px 16px}
  html:not([data-телефон]) .app .lob{padding:14px 34px 14px 18px}
  
  html:not([data-телефон]) .app .fine{flex-direction:row; justify-content:center; gap:28px; margin:44px 0 6px}

  
  html:not([data-телефон]) .app::before{
    background:
      radial-gradient(60% 34% at 50% -6%, color-mix(in oklab, var(--lamp) 6%, transparent), transparent 70%),
      linear-gradient(180deg, var(--rock) 0%, var(--deep) 70%)}

  
  html:not([data-телефон]) .app [data-screen="catalog"]{padding-bottom:120px}
  html:not([data-телефон]) .app .banner-art{margin:clamp(12px, 2vh, 22px) 0 0; height:clamp(140px, 14.5vw, 196px);
    max-height:none;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%),
      linear-gradient(180deg, transparent 0%, #000 14%, #000 70%, transparent 100%);
    -webkit-mask-composite:source-in;
            mask-image:linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%),
      linear-gradient(180deg, transparent 0%, #000 14%, #000 70%, transparent 100%);
            mask-composite:intersect}
  html:not([data-телефон]) .app .где{padding:clamp(10px, 1.6vh, 18px) 0 2px; gap:12px}
  html:not([data-телефон]) .app .где b{font-size:clamp(22px, 2vw, 28px)}
  html:not([data-телефон]) .app .tabs{position:relative; top:auto; margin:12px 0 4px; padding:2px 0 16px;
    overflow:visible; flex-wrap:wrap; background:none; -webkit-mask-image:none; mask-image:none}
  html:not([data-телефон]) .app .tab{padding:9px 16px}
  html:not([data-телефон]) .app #grid{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
    gap:clamp(10px, 1vw, 14px); margin-top:14px}
  html:not([data-телефон]) .app .grid .ore:not(.item){padding:14px 12px 12px}
  html:not([data-телефон]) .app .pile.пачка{height:clamp(78px, 6.6vw, 98px); margin-bottom:6px}
  html:not([data-телефон]) .app .line1 b{font-size:13px}
  html:not([data-телефон]) .app .line1 span{font-size:clamp(16px, 1.25vw, 19px)}
  
  html:not([data-телефон]) .app .grid .ore:not(.item){row-gap:6px}
  html:not([data-телефон]) .app .ore .take{height:36px; font-size:11px}
  html:not([data-телефон]) .app .grid .ore:not(.item) > .take{margin-top:auto}
  
  html:not([data-телефон]) .app .grid > .home{grid-template-columns:repeat(auto-fit, minmax(380px, 1fr));
    gap:26px 28px}
  html:not([data-телефон]) .app .откуда-цена{margin-top:18px}

  
  html:not([data-телефон]) .app .dock{left:50%; right:auto; bottom:16px; width:min(640px, calc(100% - 2 * var(--nw-поле)));
    translate:-50% 0; padding:10px 12px 10px 16px; border:1px solid var(--nw-нить-ярко); border-radius:var(--r-card);
    background:var(--nw-лоск), var(--nw-кожа); box-shadow:0 22px 44px -18px #000, 0 0 0 1px rgba(0,0,0,.5)}
  html:not([data-телефон]) .app .dock::before{left:14%; right:14%}
  html:not([data-телефон]) .app .dock .act{padding:12px 26px}

  
  html:not([data-телефон]) .app > .screen:is([data-screen="vip"], [data-screen="orders"], [data-screen="about"],
    [data-screen="terms"], [data-screen="privacy"], [data-screen="track"], [data-screen="order"]){
    max-width:calc(780px + 2 * var(--nw-поле))}
  html:not([data-телефон]) .app .back{margin-top:22px}
  html:not([data-телефон]) .app .steps{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px}
  html:not([data-телефон]) .app .legal-body{padding:30px 40px 36px}

  
  html:not([data-телефон]) .регионы{align-items:center; justify-content:center;
    padding:max(28px, 6vh) var(--nw-поле, 32px);
    background:color-mix(in oklab, var(--deep) 78%, transparent)}
  html:not([data-телефон]) .регионы-окно{display:flex; flex-direction:column; width:min(680px, 100%);
    max-height:min(780px, 100%); overflow:hidden; border:1px solid transparent; border-radius:var(--r-card);
    background:radial-gradient(90% 30% at 50% 0%, color-mix(in oklab, var(--nw-трубка-свет) 7%, transparent), transparent 70%) padding-box,
      var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
    box-shadow:0 40px 90px -30px #000, 0 0 0 1px rgba(0,0,0,.6)}
  html:not([data-телефон]) .регионы-верх{padding:16px 18px 14px}
  html:not([data-телефон]) .регионы-поиск{padding:14px 18px 8px}
  html:not([data-телефон]) .регионы-список{grid-template-columns:repeat(2, minmax(0, 1fr)); padding:6px 18px 20px; min-height:0}
  
  html:not([data-телефон]) .вопрос{background:color-mix(in oklab, var(--deep) 84%, transparent)}
  html:not([data-телефон]) .вопрос-тело{max-width:480px; padding:30px 30px 22px; border:1px solid transparent;
    border-radius:var(--r-card);
    background:radial-gradient(90% 30% at 50% 0%, color-mix(in oklab, var(--nw-трубка-свет) 7%, transparent), transparent 70%) padding-box,
      var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
    box-shadow:0 40px 90px -30px #000}
}

@media (min-width:744px) and (max-width:1279.98px){
  html:not([data-телефон]) .app .стример{grid-template-columns:minmax(0, 1fr); padding:18px 20px 16px}
  html:not([data-телефон]) .app .стример-ссылки{grid-template-columns:1fr 1fr}
  html:not([data-телефон]) .app [data-screen="home"] > .lobby{grid-template-columns:1fr; grid-auto-flow:row; grid-auto-rows:1fr}

  
  html:not([data-телефон]) .app [data-screen="catalog"] .tabs{gap:8px; margin:14px 0 8px; padding:36px 14px 16px;
    border:1px solid transparent; border-radius:var(--r-card);
    background:var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box; box-shadow:0 18px 34px -24px #000}
  html:not([data-телефон]) .app [data-screen="catalog"] .tabs::after{content:"Выберите раздел"; position:absolute;
    left:20px; top:13px; font:var(--nw-ярлык); font-size:11px; letter-spacing:.12em; text-transform:uppercase;
    color:var(--lamp); pointer-events:none}
  html:not([data-телефон]) .app [data-screen="catalog"] .tab{padding:12px 18px; min-height:48px; font-size:15px}
  html:not([data-телефон]) .app [data-screen="catalog"] .tab .зн,
  html:not([data-телефон]) .app [data-screen="catalog"] .tab .ic{width:24px; height:24px}
  
  html:not([data-телефон]) .app .полка-все{display:flex; align-items:center; gap:10px; width:max-content;
    justify-self:start; margin:14px 0 0; padding:11px 16px; cursor:pointer;
    border:1px solid var(--nw-нить-ярко); border-radius:var(--r-in); background:var(--nw-стекло);
    box-shadow:inset 0 1px 0 var(--nw-блик);
    font-family:var(--font-display); font-weight:700; font-size:12.5px; letter-spacing:.1em;
    text-transform:uppercase; color:var(--cream)}
  html:not([data-телефон]) .app .полка-все .ic{width:18px; height:18px; flex:none; color:var(--lamp)}
}

@media (min-width:744px) and (max-width:999.98px){
  
  html:not([data-телефон]) .app .gcard:not(.big){min-height:172px}
  html:not([data-телефон]) .app .gcard:not(.big) .gcard-txt{padding:0 0 18px 6px}
  html:not([data-телефон]) .app .gcard:not(.big) .gcard-txt u{font-size:10px}
  html:not([data-телефон]) .app .шс-подпись{display:none}
  html:not([data-телефон]) .app .шс-путь button{padding:0 7px; letter-spacing:.1em}
  html:not([data-телефон]) .app .шс-корзина{padding:0 8px 0 12px}
}

@media (min-width:1100px){
  html:not([data-телефон]){--nw-рельс:clamp(288px, 22vw, 336px); --nw-герой:clamp(420px, 62vh, 660px)}
  
  html:not([data-телефон]) .app #grid{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}
  html:not([data-телефон]) .app [data-screen="catalog"]{padding-right:calc(var(--nw-поле) + var(--nw-рельс) + clamp(20px, 2vw, 32px));
    padding-bottom:48px}
  
  html:not([data-телефон]) .app .dock,
  html:not([data-телефон]) .app .dock.away{position:fixed; left:auto; bottom:auto; translate:none; transform:none;
    top:calc(var(--nw-шапка) + 22px);
    right:calc(max(0px, (100% - var(--nw-ширь) - 2 * var(--nw-поле)) / 2) + var(--nw-поле));
    width:var(--nw-рельс); max-height:calc(100vh - var(--nw-шапка) - 44px);
    display:flex; flex-direction:column; padding:0;
    border:1px solid transparent; border-radius:var(--r-card);
    background:var(--nw-заклёпки), var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
    box-shadow:0 26px 50px -30px #000;
    visibility:hidden; opacity:0;
    transition:opacity 220ms var(--ease-out), visibility 0s linear 220ms}
  html:not([data-телефон])[data-экран="catalog"] .app .dock:not(.без-корзины){visibility:visible; opacity:1;
    transition:opacity 220ms var(--ease-out), visibility 0s}
  html:not([data-телефон]) .app .dock::before{left:18%; right:18%; top:-7px}
  html:not([data-телефон]) .app .dock-шапка{display:flex; align-items:baseline; justify-content:space-between;
    gap:12px; padding:20px 20px 10px}
  html:not([data-телефон]) .app .dock-шапка b{font:var(--nw-ярлык); font-size:var(--fs-cap); letter-spacing:.16em;
    text-transform:uppercase; color:var(--sand)}
  
  html:not([data-телефон]) .app .dock-шапка span{display:none}
  html:not([data-телефон]) .app .dock-строки{display:block; flex:1 1 auto; min-height:0; overflow-y:auto;
    padding:0 14px; overscroll-behavior:contain}
  html:not([data-телефон]) .app .dock-строки .cart-line{display:grid; grid-template-columns:minmax(0, 1fr) auto;
    grid-template-areas:"что сумма" "что шаг"; align-items:center; gap:6px 10px; padding:12px 6px;
    position:relative; border:0; border-radius:0; background:none}
  html:not([data-телефон]) .app .dock-строки .cart-line + .cart-line{border-top:1px solid var(--nw-нить)}
  html:not([data-телефон]) .app .dock-строки .cart-line b{grid-area:что; align-self:start; font-size:var(--fs-base);
    color:var(--cream)}
  html:not([data-телефон]) .app .dock-строки .line-game{display:block; margin:3px 0 0; font:var(--nw-ярлык);
    font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--sand-dim)}
  html:not([data-телефон]) .app .dock-строки .sum{grid-area:сумма; min-width:0; font-family:var(--font-display);
    font-weight:700; font-size:var(--fs-md); color:var(--cream)}
  html:not([data-телефон]) .app .dock-строки .stepper{grid-area:шаг; justify-self:end; gap:2px}
  html:not([data-телефон]) .app .dock-строки .stepper button{width:28px; height:28px; font-size:var(--fs-base);
    border-color:var(--nw-нить-ярко); background:var(--stone-deep); color:var(--cream)}
  html:not([data-телефон]) .app .dock-строки .stepper .n{min-width:24px}
  
  html:not([data-телефон]) .app .dock-пусто{position:relative; margin:0; padding:54px 10px 26px; text-align:center;
    font-size:var(--fs-sm); line-height:var(--lh-text); color:var(--sand-dim); text-wrap:balance}
  
  html:not([data-телефон]) .app .dock-пусто::after{content:""; position:absolute; left:50%; top:30px; width:200px; height:110px;
    margin-left:-100px; pointer-events:none;
    background:radial-gradient(50% 70% at 50% 0%, color-mix(in oklab, var(--nw-трубка-свет) 12%, transparent), transparent 100%)}
  
  html:not([data-телефон]) .app .dock-in{flex:none; display:grid; grid-template-columns:minmax(0, 1fr);
    gap:12px; margin:0; padding:14px 20px 20px; border:0; border-top:1px solid var(--nw-нить);
    border-radius:0; background:none; box-shadow:none}
  html:not([data-телефон]) .app .dock-in > .ic{display:none}
  html:not([data-телефон]) .app .dock-sum{display:flex; align-items:baseline; justify-content:space-between; gap:10px}
  html:not([data-телефон]) .app .dock-sum b{order:2; font-size:var(--fs-xl)}
  html:not([data-телефон]) .app .dock-sum > span{order:1}
  html:not([data-телефон]) .app .dock .act{width:100%; padding:14px 18px}
  html:not([data-телефон]) .app .dock.пуста .act{opacity:.35; pointer-events:none; box-shadow:none}
  
  html:not([data-телефон]) .пасхалка{bottom:28px}

  
  html:not([data-телефон]) .app > .screen[data-screen="order"]{max-width:calc(1100px + 2 * var(--nw-поле))}
  html:not([data-телефон]) .app > [data-screen="order"].show{display:grid; align-content:start;
    grid-template-columns:minmax(0, 1fr) clamp(340px, 30vw, 420px); column-gap:clamp(28px, 3.4vw, 56px)}
  html:not([data-телефон]) .app [data-screen="order"] > *{grid-column:1}
  html:not([data-телефон]) .app [data-screen="order"] > .back{justify-self:start}
  html:not([data-телефон]) .app [data-screen="order"] > .заказ-итог{display:block; grid-column:2; grid-row:1 / span 12;
    align-self:start; position:sticky; top:calc(var(--nw-шапка) + 22px); margin-top:22px}
  
  html:not([data-телефон]) .app .screen[data-screen="order"] .заказ-итог{padding:8px 18px 20px;
    border:1px solid var(--nw-нить); border-radius:var(--r-card); background:var(--nw-стекло);
    box-shadow:inset 0 1px 0 var(--nw-блик), 0 22px 40px -28px #000}
  html:not([data-телефон]) .app .screen[data-screen="order"] .заказ-итог .panel{margin:30px 0 0}
}

@media (min-width:1100px) and (pointer:coarse){
  html:not([data-телефон]) .app .dock-строки .stepper button{width:38px; height:38px}
}

@media (min-width:1280px){
  html:not([data-телефон]){--nw-бок:clamp(212px, 16vw, 268px)}
  html:not([data-телефон]) .app > [data-screen="catalog"].show{display:grid; align-content:start;
    grid-template-columns:var(--nw-бок) minmax(0, 1fr); column-gap:clamp(20px, 2vw, 32px);
    grid-template-rows:auto auto 1fr}
  html:not([data-телефон]) .app [data-screen="catalog"] > *{grid-column:2}
  html:not([data-телефон]) .app [data-screen="catalog"] > .banner-art{grid-row:1}
  html:not([data-телефон]) .app [data-screen="catalog"] > .акция-плашка{grid-row:1; margin:clamp(12px, 2vh, 22px) 0 0}
  html:not([data-телефон]) .app [data-screen="catalog"] > #бедаВитрины{grid-row:2}
  html:not([data-телефон]) .app [data-screen="catalog"] > #grid{grid-row:3}
  html:not([data-телефон]) .app [data-screen="catalog"] > .откуда-цена{grid-row:4}
  html:not([data-телефон]) .app [data-screen="catalog"] > .sig{grid-row:5}
  html:not([data-телефон]) .app [data-screen="catalog"] > .fine{grid-row:6}
  
  html:not([data-телефон]) .app [data-screen="catalog"] > .полка-бок{display:flex; flex-direction:column; gap:4px;
    grid-column:1; grid-row:1 / span 3; align-self:start; position:sticky; top:calc(var(--nw-шапка) + 22px);
    margin-top:clamp(12px, 2vh, 22px); padding:22px 16px 18px;
    border:1px solid transparent; border-radius:var(--r-card);
    background:var(--nw-заклёпки),
      radial-gradient(90% 40% at 50% 0%, color-mix(in oklab, var(--nw-трубка-свет) 9%, transparent), transparent 72%) padding-box,
      var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
    box-shadow:0 22px 40px -26px #000}
  
  
  
  html:not([data-телефон]) .app .полка-бок .где{display:grid; justify-items:center; text-align:center; gap:4px;
    padding:8px 0 4px}
  html:not([data-телефон]) .app .полка-бок .где::before{content:""; width:76px; height:76px; margin-bottom:6px;
    background:var(--знак-игры, none) center / contain no-repeat; filter:drop-shadow(0 8px 14px rgba(0,0,0,.8))}
  html:not([data-телефон]) .app .полка-бок .где b{font-size:clamp(15px, 1.2vw, 20px); letter-spacing:.04em;
    line-height:var(--lh-tight); text-wrap:balance}
  
  html:not([data-телефон]) .app .полка-бок .tabs{flex-direction:column; flex-wrap:nowrap; gap:6px;
    margin:30px 0 0; padding:0; position:relative}
  
  html:not([data-телефон]) .app .полка-бок .tab{width:100%; justify-content:flex-start; padding:14px 14px 14px 16px;
    font-size:15px; min-height:52px; position:relative; overflow:hidden; text-align:left; line-height:1.25}
  html:not([data-телефон]) .app .полка-бок .tab .зн,
  html:not([data-телефон]) .app .полка-бок .tab .ic{width:26px; height:26px}
  
  html:not([data-телефон]) .app .полка-бок .tab:not(.on)::after{content:"›"; margin-left:auto; padding-left:8px;
    font-size:22px; line-height:1; color:var(--lamp)}
  
  html:not([data-телефон]) .app .полка-бок .tab:not(.on)::before{content:""; position:absolute; top:0; bottom:0; left:0;
    width:40%; pointer-events:none; opacity:0;
    background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--lamp) 26%, transparent), transparent);
    animation:nw-пробег 1.6s ease-in-out 2; animation-delay:calc(.6s + var(--nw-i, 0) * .12s)}
  html:not([data-телефон]) .app .полка-бок .tab:nth-child(2){--nw-i:1}
  html:not([data-телефон]) .app .полка-бок .tab:nth-child(3){--nw-i:2}
  html:not([data-телефон]) .app .полка-бок .tab:nth-child(4){--nw-i:3}
  html:not([data-телефон]) .app .полка-бок .tab:nth-child(5){--nw-i:4}
  
  html:not([data-телефон]) .app .полка-бок .полка-все{display:flex; align-items:center; justify-content:center;
    gap:10px; order:-1; width:100%; margin:0 0 16px; padding:12px 14px; cursor:pointer;
    border:1px solid var(--nw-нить-ярко); border-radius:var(--r-in); background:var(--nw-стекло);
    box-shadow:inset 0 1px 0 var(--nw-блик), 0 8px 18px -12px #000;
    font-family:var(--font-display); font-weight:700; font-size:12.5px; letter-spacing:.1em;
    text-transform:uppercase; color:var(--cream)}
  html:not([data-телефон]) .app .полка-бок .полка-все .ic{width:18px; height:18px; flex:none; color:var(--lamp)}
  html:not([data-телефон]) .app .полка-бок .полка-все:hover{border-color:var(--nw-свет-нить);
    background:color-mix(in oklab, var(--lamp) 10%, transparent)}
  html:not([data-телефон]) .app .полка-бок .полка-все:active{scale:.97}
  
  html:not([data-телефон]) .app .полка-бок .tabs::after{content:"Выберите раздел"; order:-1; align-self:center;
    margin:0 0 4px; font:var(--nw-ярлык); font-size:11px; text-transform:uppercase; letter-spacing:.12em;
    color:var(--lamp)}
  html:not([data-телефон]) .app .полка-бок .tab-pill::after{left:-9px; top:50%; width:2px; height:56%;
    margin:0; translate:0 -50%}
  html:not([data-телефон]) .app .полка-бок .строка-регион{margin:14px 2px 0; justify-content:center; text-align:center}
  html:not([data-телефон]) .app .полка-бок .who-chip{margin:0 0 10px}
  html:not([data-телефон]) .app [data-screen="catalog"] > .banner-art{margin-top:clamp(12px, 2vh, 22px)}
}

@media (min-width:1600px){
  html:not([data-телефон]){--nw-ширь:min(86vw, 1720px); --nw-герой:clamp(560px, 64vh, 760px)}
  
  html:not([data-телефон]) .app #grid{grid-template-columns:repeat(auto-fill, minmax(176px, 1fr))}
}

@media (min-width:744px){
  
  html:not([data-телефон]) .app .gcard-txt{position:static}
  html:not([data-телефон]) .app .gcard-txt > *{position:relative}
  html:not([data-телефон]) .app .gcard-txt::before{content:""; position:absolute; left:50%; bottom:6px;
    width:min(44%, 176px); height:2px; margin-left:max(-22%, -88px); border-radius:1px; pointer-events:none;
    background:var(--nw-трубка-свет);
    box-shadow:var(--nw-трубка), 0 -8px 30px 3px color-mix(in oklab, var(--nw-трубка-свет) 14%, transparent);
    opacity:0}
  
  html:not([data-телефон]) .app .gcard-art::before{content:""; position:absolute; inset:-24%; border-radius:50%;
    pointer-events:none; opacity:0; transition:opacity 380ms var(--ease-out);
    background:radial-gradient(closest-side, color-mix(in oklab, var(--nw-трубка-свет) 20%, transparent),
      color-mix(in oklab, var(--lamp) 7%, transparent) 56%, transparent)}
  
  html:not([data-телефон]) .app .кадр-катсцены{display:block; position:fixed; inset:0; z-index:70;
    pointer-events:none}
  html:not([data-телефон]) .app .кадр-катсцены::before,
  html:not([data-телефон]) .app .кадр-катсцены::after{content:""; position:absolute; left:0; right:0;
    height:clamp(44px, 8.5vh, 96px); background:var(--deep); transform:scaleY(0)}
  html:not([data-телефон]) .app .кадр-катсцены::before{top:0; transform-origin:50% 0}
  html:not([data-телефон]) .app .кадр-катсцены::after{bottom:0; transform-origin:50% 100%}
  html:not([data-телефон]) .app .кадр-катсцены.идёт::before,
  html:not([data-телефон]) .app .кадр-катсцены.идёт::after{animation:nw-кадр 680ms var(--ease-in-out) both}
  
  html:not([data-телефон]) .kormlenie.в-панель{width:30px; height:30px; margin:-15px 0 0 -15px}
  
  html:not([data-телефон]) .app .dock-строки .cart-line.свежая::before{content:""; position:absolute;
    left:-6px; top:12px; bottom:12px; width:2px; border-radius:1px; pointer-events:none;
    background:var(--nw-трубка-свет); box-shadow:var(--nw-трубка); animation:nw-свежая 1500ms linear both}
  html:not([data-телефон]) .app .dock.принял::before{animation:nw-принял 640ms linear}
}

@media (min-width:744px) and (hover:hover) and (pointer:fine){
  
  html:not([data-телефон]) .app .hero-art .арт{translate:calc(var(--lx, 0) * -9px) calc(var(--ly, 0) * -5px)}
  html:not([data-телефон]) .app .герой-широкий{translate:calc(var(--lx, 0) * -4px) calc(var(--ly, 0) * -2px)}
  html:not([data-телефон]) .app .герой-передний{translate:calc(var(--lx, 0) * -16px) calc(var(--ly, 0) * -7px)}
  
  html:not([data-телефон]) .app .gcard:not(.soon){transition:scale var(--t-press) var(--ease-out),
    border-color var(--t-hover) var(--ease-out), transform 320ms var(--ease-out)}
  html:not([data-телефон]) .app .gcard:not(.soon):hover{transform:translateY(-4px);}
  html:not([data-телефон]) .app .gcard:not(.soon):not(.big):hover{background:
    radial-gradient(70% 58% at 50% 22%, color-mix(in oklab, var(--nw-трубка-свет) 10%, transparent), transparent 72%) padding-box,
    var(--nw-кожа) padding-box, var(--nw-кромка-свет) border-box}
  html:not([data-телефон]) .app .gcard.big:not(:first-child):not(.soon):hover{background:
    radial-gradient(52% 90% at 82% 42%, color-mix(in oklab, var(--nw-трубка-свет) 11%, transparent), transparent 72%) padding-box,
    var(--nw-кожа) padding-box, var(--nw-кромка-свет) border-box}
  html:not([data-телефон]) .app .gcard-art{transition:scale 420ms var(--ease-out)}
  html:not([data-телефон]) .app .gcard:not(.soon):hover .gcard-art{scale:1.08}
  html:not([data-телефон]) .app .gcard:not(.soon):hover .gcard-art::before{opacity:1}
  html:not([data-телефон]) .app .gcard:not(.soon):hover .gcard-txt::before{animation:nw-зажглась 900ms linear both}
  
  html:not([data-телефон]) .app .grid .ore:not(.spent){transition:scale var(--t-press) var(--ease-out),
    border-color 200ms var(--ease-out), transform 260ms var(--ease-out)}
  html:not([data-телефон]) .app .grid .ore:not(.spent):hover{transform:translateY(-3px); border-color:var(--nw-нить-ярко)}
  html:not([data-телефон]) .app .grid .ore:not(.spent):not(.incart):hover::after{content:""; position:absolute;
    left:16px; right:16px; top:4px; height:2px; border-radius:1px; pointer-events:none;
    background:var(--nw-трубка-свет); box-shadow:var(--nw-трубка); opacity:.4}
  
  html:not([data-телефон]) .app .шс-путь button:hover{color:var(--cream)}
  html:not([data-телефон]) .app .шс-путь button:hover::after{opacity:.5; transform:none}
  html:not([data-телефон]) .app .шс-корзина:hover{color:var(--cream)}
  
  html:not([data-телефон]) .app .лампа-курсора{display:block; position:fixed; left:0; top:0; z-index:-1;
    width:560px; height:560px; margin:-280px 0 0 -280px; border-radius:50%; pointer-events:none;
    background:radial-gradient(closest-side, color-mix(in oklab, var(--nw-трубка-свет) 26%, transparent),
      color-mix(in oklab, var(--nw-трубка-свет) 9%, transparent) 46%, transparent);
    opacity:0; transition:opacity 520ms var(--ease-out); will-change:transform, opacity}
  html:not([data-телефон]) .app .лампа-курсора.горит{opacity:1}
}

@media (min-width:744px) and (prefers-reduced-motion:reduce){
  html:not([data-телефон]) .app .кадр-катсцены,
  html:not([data-телефон]) .app .лампа-курсора{display:none}
  html:not([data-телефон]) .app .gcard:not(.soon):hover,
  html:not([data-телефон]) .app .grid .ore:not(.spent):hover{transform:none}
  html:not([data-телефон]) .app .gcard:not(.soon):hover .gcard-art{scale:1}
  html:not([data-телефон]) .app .gcard:not(.soon):hover .gcard-txt::before{animation:none; opacity:1}
  html:not([data-телефон]) .app .шапка-сайта::after{animation:none; opacity:.78}
  html:not([data-телефон]) .app .hero-art .арт,
  html:not([data-телефон]) .app .герой-широкий,
  html:not([data-телефон]) .app .герой-передний{translate:none}
  html:not([data-телефон]) .app .dock-строки .cart-line.свежая::before,
  html:not([data-телефон]) .app .dock.принял::before{animation:none}
  html:not([data-телефон]) .app .dock-строки .cart-line.свежая::before{opacity:0}
}
@keyframes nw-кадр{0%,28%{transform:scaleY(1)} 100%{transform:scaleY(0)}}
@keyframes nw-свежая{0%{opacity:0} 8%{opacity:.9} 14%{opacity:.15} 26%{opacity:1} 72%{opacity:1} 100%{opacity:0}}
@keyframes nw-принял{0%{opacity:1} 18%{opacity:.25} 34%{opacity:1} 48%{opacity:.5} 70%,100%{opacity:1}}

@keyframes nw-потолок{0%{opacity:0} 10%{opacity:.6} 16%{opacity:.08} 30%{opacity:.5}
  36%{opacity:.16} 58%,100%{opacity:.78}}

.наэкран-лист{background:var(--nw-стекло); border-color:var(--nw-нить-ярко);
  box-shadow:0 18px 40px -14px rgba(0,0,0,.9), inset 0 1px 0 var(--nw-свет-нить)}
.наэкран-лист::before{content:""; position:absolute; left:18px; right:18px; top:-1px; height:2px;
  border-radius:2px; background:var(--nw-трубка-свет); opacity:.85; pointer-events:none}
.наэкран-что{font-family:var(--font-display); font-weight:700; letter-spacing:.01em}
.наэкран-шаги li::marker{color:var(--nw-трубка-свет)}
.наэкран-поделиться{color:var(--nw-трубка-свет)}
.наэкран-нет{border-color:var(--nw-нить)}

@media (min-width:744px){
  

  
  html:not([data-телефон]) .app .герой-сцена{overflow:hidden}
  
  html:not([data-телефон]) .app [data-screen="home"] > .hero-art .арт{visibility:hidden}
  
  

  
  
  
  

  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  html:not([data-телефон]) .фон-сцены{overflow:hidden}
  
  
}


@keyframes nw-пробег{0%{transform:translateX(-110%); opacity:1} 100%{transform:translateX(260%); opacity:1}}

.app .fine button{font-size:11px; opacity:.14}

@media (hover:hover){ .app .fine button:hover{opacity:.55} }
.app .ore.item{display:flex; flex-direction:column}
.app .ore.item .name{-webkit-line-clamp:3}
.app .ore.item .take{margin-top:auto}

.app .ore.item .cost{margin-top:5px; font-family:var(--font-display); font-weight:700;
  font-size:var(--fs-base); letter-spacing:.01em; color:var(--cream); text-align:center}
.app .ore.item.spent .cost{color:var(--sand-dim)}
@media (min-width:744px){
  html:not([data-телефон]) .app .ore.item .cost{font-size:clamp(16px, 1.25vw, 19px)}
}
.app .ord-вход{border-color:var(--nw-нить-ярко); color:var(--cream); background:var(--nw-стекло)}
@media (max-width:743.98px){
  
  .app .row h3{letter-spacing:.1em}
  
  .app #payFallback{position:sticky; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:5;
    box-shadow:0 -12px 26px -10px #000}
}
@media (min-width:744px) and (max-width:1099.98px){
  
  html:not([data-телефон]) .app > [data-screen="order"]{max-width:640px; margin-inline:auto}
}
@media (min-width:1100px){
  
  html:not([data-телефон]){--nw-герой:clamp(350px, 45vh, 580px)}
  html:not([data-телефон]) .app [data-screen="home"] > .gcards{margin-top:clamp(16px, 2.6vh, 30px)}
}


@media (min-width:744px){
  html:not([data-телефон]){--nw-шапка:76px}
  html:not([data-телефон]) .app .шс-путь button{font-size:clamp(12px, 1.02vw, 14.5px); letter-spacing:.12em;
    gap:9px}
  html:not([data-телефон]) .app .шс-путь button::after{bottom:15px; width:28px; margin-left:-14px}
  html:not([data-телефон]) .app .шс-слово{height:26px}
  html:not([data-телефон]) .app .шс-корзина{height:48px; padding:0 10px 0 16px; font-size:13px}
  html:not([data-телефон]) .app .шс-корзина .ic{width:20px; height:20px}
  html:not([data-телефон]) .app .home-vows{max-width:1000px}
  html:not([data-телефон]) .app .home-vows .лоб-уровни{flex:0 1 440px; min-height:96px;
    padding:18px 60px 18px 20px}
  html:not([data-телефон]) .app .home-vows .лоб-уровни b{font-size:18px}
  html:not([data-телефон]) .app .home-vows .лоб-уровни > span{font-size:13.5px}
  html:not([data-телефон]) .app .home-vows .лоб-уровни .ic{width:34px; height:34px}
  html:not([data-телефон]) .app .home-vows .лоб-уровни::after{scale:1.3; transform-origin:100% 100%; right:48px; bottom:16px}
}


.app .screen[data-screen="order"] .cart-lines{position:relative; padding:36px 14px 6px; margin-top:6px;
  border:1px solid transparent; border-radius:var(--r-card);
  background:var(--nw-лоск) padding-box, var(--nw-кожа) padding-box, var(--nw-кромка) border-box;
  box-shadow:0 14px 28px -22px #000}
.app .screen[data-screen="order"] .cart-lines::before{content:"Что покупаете"; position:absolute; left:16px; top:13px;
  font:var(--nw-ярлык); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--lamp)}
.app .screen[data-screen="order"] .cart-line{padding-top:12px; padding-bottom:12px}
.app .screen[data-screen="order"] .cart-line + .cart-line{border-top:1px dashed var(--nw-нить-ярко)}
.app .screen[data-screen="order"] .cart-line b{color:var(--cream); font-weight:700}
.app .screen[data-screen="order"] .cart-line .sum{color:var(--cream); font-weight:700}
.app .screen[data-screen="order"] .stepper button{color:var(--lamp); border-color:var(--nw-нить-ярко);
  background:var(--nw-стекло)}
.app .screen[data-screen="order"] .stepper .n{color:var(--cream); font-weight:800}

.app #gameFields .game-box{position:relative; margin:18px 0 0; padding:38px 16px 16px;
  border:1px solid transparent; border-radius:var(--r-card);
  background:linear-gradient(90deg, color-mix(in oklab, var(--lamp) 11%, transparent), transparent 45%) padding-box,
    var(--nw-кожа) padding-box, linear-gradient(var(--nw-нить-ярко), var(--nw-нить-ярко)) border-box;
  box-shadow:inset 3px 0 0 var(--lamp), 0 14px 28px -22px #000}
.app #gameFields .game-box::before{content:"Куда зачислить — проверьте цифры"; position:absolute; left:16px; top:14px;
  font:var(--nw-ярлык); font-size:11px; letter-spacing:.11em; text-transform:uppercase; color:var(--lamp)}
.app #gameFields .game-name{color:var(--cream); margin-bottom:8px}
.app #gameFields .field label{color:var(--cream); font-weight:650}
.app #gameFields .field label .чья{color:var(--lamp)}
.app #gameFields .field input{padding:14px 16px; font-size:20px; font-weight:600; letter-spacing:.06em;
  color:var(--cream); border:2px solid color-mix(in oklab, var(--lamp) 50%, var(--seam-2))}
.app #gameFields .field input::placeholder{font-size:16px; font-weight:500; letter-spacing:0; color:var(--sand-dim)}
.app #gameFields .field input:focus{border-color:var(--lamp);
  box-shadow:0 0 0 4px color-mix(in oklab, var(--lamp) 22%, transparent)}
.app #gameFields .field + .field{margin-top:16px; padding-top:16px; border-top:1px dashed var(--nw-нить-ярко)}
.app #gameFields .say{color:var(--sand)}

.app .who-state{margin-top:12px; padding:12px 14px; gap:10px; border-radius:var(--r-in);
  font-size:15px; font-weight:600; line-height:1.3; color:var(--cream)}
.app .who-state svg{width:18px; height:18px}
.app .who-state b{font-size:17px; font-weight:800; color:white; letter-spacing:.01em}
.app .who-state.ok{color:var(--cream); background:color-mix(in oklab, var(--ore) 22%, var(--stone-deep));
  box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--ore) 85%, transparent), inset 4px 0 0 var(--ore)}
.app .who-state.ok svg{color:var(--ore)}
.app .who-state.bad{color:var(--cream); background:color-mix(in oklab, var(--rust) 26%, var(--stone-deep));
  box-shadow:inset 0 0 0 1.5px var(--rust), inset 4px 0 0 var(--rust)}
.app .who-state.bad svg{color:var(--rust)}
.app .who-state.wait{color:var(--lamp); background:color-mix(in oklab, var(--lamp) 10%, var(--stone-deep));
  box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--lamp) 45%, transparent)}

.app .who-txt u{color:var(--cream); opacity:.85; font-size:var(--fs-sm); font-weight:600}
.app .who-chip.who-пусто{box-shadow:inset 0 0 0 1.5px var(--rust)}
.app .who-chip.who-пусто .who-edit{color:var(--cream); font-weight:650}
.app .screen[data-screen="order"] .ошибка-поля{color:var(--rust); font-weight:650}

.app .screen[data-screen="order"] .game-warn{background:color-mix(in oklab, var(--rust) 9%, var(--stone-deep));
  border-color:color-mix(in oklab, var(--rust) 50%, transparent); box-shadow:inset 3px 0 0 var(--rust);
  color:var(--cream)}
.app .screen[data-screen="order"] .game-warn::before{color:var(--rust)}

.app .screen[data-screen="order"] .line.pay dt{color:var(--lamp)}
.app .screen[data-screen="order"] .line.pay dd{color:var(--lamp-top);
  text-shadow:0 0 18px color-mix(in oklab, var(--lamp) 35%, transparent)}
.app .screen[data-screen="order"] .line.cut dt,
.app .screen[data-screen="order"] .line.cut dd{color:var(--ore)}

@media (min-width:744px){
  html:not([data-телефон]) .app .screen[data-screen="order"] .заказ-итог .cart-lines{padding:30px 0 4px;
    border:0; background:none; box-shadow:none}
  html:not([data-телефон]) .app .screen[data-screen="order"] .заказ-итог .cart-lines::before{left:0; top:8px}
}


.app .lob-бот .ic{color:var(--nw-трубка-свет)}
.app .lob-ник{color:var(--sand); letter-spacing:.02em}
@media (min-width:744px){
  html:not([data-телефон]) .app [data-screen="home"] > .lobby{grid-column:content-start / content-end;
    margin-left:0; margin-right:0; grid-template-columns:repeat(3, minmax(0, 1fr)); grid-auto-flow:row;
    grid-auto-rows:auto}
  html:not([data-телефон]) .app .lob-бот{grid-column:auto}
  html:not([data-телефон]) .app [data-screen="home"]:has(> .gcards > .gcard.big:last-child) > .lobby{
    grid-column:mid / content-end; align-self:start;
    margin:calc(-1 * clamp(190px, 17vw, 256px)) 0 0 calc(clamp(12px, 1.25vw, 18px) / 2);
    height:clamp(190px, 17vw, 256px); grid-template-columns:minmax(0, 1fr); grid-auto-rows:1fr;
    gap:clamp(8px, .9vw, 12px)}
  html:not([data-телефон]) .app [data-screen="home"]:has(> .gcards > .gcard.big:last-child) .lob b{
    font-size:clamp(14px, 1.1vw, 16px)}
  
  html:not([data-телефон]) .app [data-screen="home"] > .lobby:has(> .lob-бот:not([hidden])):has(> .lob-помощь:not([hidden])){
    grid-template-columns:repeat(4, minmax(0, 1fr))}
  html:not([data-телефон]) .app [data-screen="home"]:has(> .gcards > .gcard.big:last-child) > .lobby:has(> .lob-помощь:not([hidden])){
    grid-template-columns:minmax(0, 1fr)}
  html:not([data-телефон]) .app [data-screen="home"]:has(> .gcards > .gcard.big:last-child) > .lobby:has(> .lob-помощь:not([hidden])) > .lob{
    padding-block:6px}
  html:not([data-телефон]) .app .lob-помощь{grid-column:auto}
  html:not([data-телефон]) .app .шс-путь button[hidden]{display:none}
}


.app .способ{background:var(--stone-deep); border-color:var(--nw-нить-ярко)}
.app .способ.on{border-color:var(--lamp); background:color-mix(in oklab, var(--lamp) 12%, var(--stone-deep))}
.app .способ-сумма{color:white}
.app .способ-скоро{color:var(--nw-beta)}

.app .способ-знак{display:none}
.app .способ-знак[data-pay="sbp"],
.app .способ-знак[data-pay="crypto"],
.app .способ-знак[data-pay="kz"],
.app .способ-знак[data-pay="foreign"]{display:block; height:28px; margin-bottom:4px;
  background:no-repeat left center / contain}
.app .способ-знак[data-pay="sbp"]{width:23px; background-image:url("img/pay/sbp.svg?v=97dbb2ef")}
.app .способ-знак[data-pay="crypto"]{width:61px; background-image:url("img/pay/crypto.svg?v=97dbb963")}

.app .способ-знак[data-pay="kz"]{width:28px; background-image:url("img/pay/kz.svg?v=7dbb1de3")}
.app .способ-знак[data-pay="foreign"]{width:44px; background-image:url("img/pay/world.svg?v=97dbba03")}
.app .способ.скоро .способ-знак{opacity:.55}



.app .hero-art{height:min(62.5vw, 270px);
  -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 86%, transparent 100%);
          mask-image:linear-gradient(180deg, #000 0%, #000 86%, transparent 100%)}
.app .hero-art:not(:empty) + .home-head{margin-top:6px}

.app .banner-art{
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 6%, #000 88%, transparent 100%);
          mask-image:linear-gradient(180deg, transparent 0%, #000 6%, #000 88%, transparent 100%)}


.app [data-screen="home"] .home-слово{position:relative; z-index:2; height:34px; opacity:.86;
  margin-top:-58px; margin-bottom:24px}
.app [data-screen="home"] .home-слово.две-строки{height:48px; margin-top:-66px; margin-bottom:18px}

@media (min-width:744px){
  html:not([data-телефон]){
    --nw-герой:min(50vw, 44vh, 420px)}
  
  
  
  html:not([data-телефон]) .app [data-screen="home"] > .home-head{margin-top:clamp(10px, 2vh, 22px)}
}

@media (min-width:1100px){
  html:not([data-телефон]){
    --nw-герой:clamp(300px, 38vh, 460px)}
  html:not([data-телефон]) .app .герой-широкий{left:50%; right:auto; width:calc(var(--nw-герой) * 2.7);
    translate:-50% 0; background-size:100% 100%;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
            mask-image:linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%)}
}

@media (min-width:744px) and (hover:none), (min-width:744px) and (pointer:coarse), (min-width:744px) and (any-pointer:coarse), (prefers-reduced-motion:reduce){
  html:not([data-телефон]) .app .герой-широкий::before,
  html:not([data-телефон]) .app .герой-широкий::after{animation:none !important; will-change:auto !important}
}

@media (min-width:744px){
  html:not([data-телефон]) .app [data-screen="home"] > .lobby > .lob-отзывы{display:none}
}


.app .ore.вкусно{border-color:color-mix(in oklab, var(--zhar) 78%, transparent);
  background-image:radial-gradient(120% 70% at 50% 0%, color-mix(in oklab, var(--zhar) 14%, transparent), transparent 70%);
  box-shadow:inset 0 1px 0 color-mix(in oklab, var(--zhar) 45%, transparent),
             0 0 0 1px color-mix(in oklab, var(--zhar) 18%, transparent),
             0 14px 26px -16px color-mix(in oklab, var(--zhar) 85%, transparent)}
.app .ore.вкусно .выгода b{color:var(--nw-skidka); font-weight:700}

@keyframes nw-скидка{0%,100%{transform:scale(1); opacity:.7} 50%{transform:scale(1.32); opacity:1}}
.app .ore.вкусно .выгода b,
.app .ore.вкусно .акция-цена b{display:inline-block; transform-origin:center;
  animation:nw-скидка 1.3s var(--ease-in-out) infinite}

@media (prefers-reduced-motion:reduce){
  .app .ore.вкусно .выгода b,
  .app .ore.вкусно .акция-цена b{animation:nw-скидка 1.3s var(--ease-in-out) infinite!important}
}
.app .ore .экономия{display:block; margin-top:2px; text-align:center; white-space:nowrap; overflow:hidden;
  text-overflow:ellipsis; font-size:var(--fs-cap); font-weight:700; letter-spacing:.01em; color:var(--nw-skidka)}

.app .bar{padding-top:calc(9px + env(safe-area-inset-top))}
.app .tabs{top:calc(52px + env(safe-area-inset-top))}

.app .bar .pill.big{color:var(--cream); border-color:color-mix(in oklab, var(--cream) 55%, transparent);
  background:color-mix(in oklab, var(--cream) 14%, var(--stone));
  box-shadow:inset 0 1px 0 var(--nw-блик), 0 0 14px -6px color-mix(in oklab, var(--cream) 60%, transparent)}
.app .bar .pill.big .ic{color:var(--cream)}

.app .banner-art{height:min(38vw, 150px); max-height:20svh}

.app .нет-игры{border-color:var(--nw-нить-ярко); background:var(--nw-стекло); box-shadow:var(--nw-объём);
  gap:16px; padding:18px 16px 16px; border-radius:var(--r-card)}
.app .нет-игры-ряд + .нет-игры-ряд{padding-top:16px; border-top:1px solid var(--nw-нить-ярко)}
.app .нет-игры-знак{border-radius:var(--r-in); color:var(--lamp); border-color:var(--nw-свет-нить);
  background:var(--stone-deep); box-shadow:inset 0 1px 0 var(--nw-блик)}
.app .нет-игры-текст b{font-family:var(--font-display); font-weight:700; text-transform:uppercase;
  letter-spacing:.07em; font-size:var(--fs-sm); color:var(--cream); text-shadow:var(--nw-оттиск)}
.app .нет-игры-текст span{color:var(--sand); font-size:var(--fs-sm)}
.app .нет-игры-ссылка{border-radius:var(--r-in); font:var(--nw-ярлык); font-size:11px;
  text-transform:uppercase; letter-spacing:.12em; color:var(--cream);
  border:1px solid var(--nw-свет-нить);
  background:color-mix(in oklab, var(--lamp) 14%, var(--stone-deep));
  box-shadow:inset 0 1px 0 var(--nw-блик), 0 0 18px -8px color-mix(in oklab, var(--lamp) 70%, transparent)}
.app .нет-игры-ссылка .ic{color:var(--lamp)}
@media (min-width:744px){
  
  html:not([data-телефон]) .app [data-screen="home"] > .нет-игры{order:1; margin:clamp(18px, 3vh, 30px) 0 0;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) auto; align-items:center; gap:clamp(16px, 2vw, 32px);
    padding:20px 24px}
  html:not([data-телефон]) .app .нет-игры-ряд + .нет-игры-ряд{padding-top:0; border-top:0;
    border-left:1px solid var(--nw-нить-ярко); padding-left:clamp(16px, 2vw, 32px)}
  html:not([data-телефон]) .app .нет-игры-ссылка{padding:14px 22px; white-space:nowrap}
}
@media (min-width:744px){
  html:not([data-телефон]) .app [data-screen="home"] > .fine{order:2}
}


.app .hero-art{height:min(66vw, 290px)}
.app .hero-art .арт{position:absolute; inset:0; width:100%; height:100%}
.app .hero-art .hero-видео{position:absolute; inset:0; z-index:0; width:100%; height:100%;
  object-fit:cover; object-position:50% 42%; opacity:0; transition:opacity 700ms var(--ease-out);
  pointer-events:none}
.app .hero-art .hero-видео.идёт{opacity:1}
.app .hero-art .арт{object-position:50% 42%}
.app .hero-art:has(.hero-видео) + .home-head{margin-top:-4px}

.app [data-screen="home"] .home-слово{position:relative; z-index:2; height:30px; opacity:.72;
  margin:-46px 0 22px 16px; max-width:none; width:auto; filter:drop-shadow(0 2px 8px rgba(0,0,0,.9))}
.app [data-screen="home"] .home-слово.две-строки{height:40px; margin:-58px 0 22px 16px}
@media (min-width:744px){
  html:not([data-телефон]){--nw-герой:clamp(400px, 62vh, 640px)}
  html:not([data-телефон]) .app [data-screen="home"] > .герой-сцена{display:none}
  html:not([data-телефон]) .app [data-screen="home"] > .hero-art{height:var(--nw-герой);
    -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
            mask-image:linear-gradient(180deg, #000 0%, #000 70%, transparent 100%)}
  html:not([data-телефон]) .app .hero-art .арт,
  html:not([data-телефон]) .app .hero-art .hero-видео{left:50%; right:auto; width:calc(var(--nw-герой) * 1.35);
    max-width:none; height:100%; translate:-50% 0;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
            mask-image:linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%)}
  
  html:not([data-телефон]) .app [data-screen="home"] > .hero-art{isolation:isolate}
  html:not([data-телефон]) .app [data-screen="home"] > .hero-art::after{content:""; position:absolute; z-index:-1;
    left:calc(50% - var(--nw-герой) * 1.566); top:calc(var(--nw-герой) * -.0217);
    width:calc(var(--nw-герой) * 3.103); height:calc(var(--nw-герой) * 1.163); pointer-events:none;
    background:url("skin/img/hero4/wide.webp?v=8c7517ee") 0 0 / 100% 100% no-repeat;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 5%, #000 28.7%, transparent 36.5%, transparent 64.4%, #000 72.2%, #000 95%, transparent 100%);
            mask-image:linear-gradient(90deg, transparent 0%, #000 5%, #000 28.7%, transparent 36.5%, transparent 64.4%, #000 72.2%, #000 95%, transparent 100%)}
  html:not([data-телефон]) .app [data-screen="home"] > .home-head{margin-top:0}
  html:not([data-телефон]) .app [data-screen="home"] .home-слово,
  html:not([data-телефон]) .app [data-screen="home"] .home-слово.две-строки{height:clamp(52px, 7vh, 72px);
    display:block; margin:calc(var(--nw-герой) * -.2) auto 18px}
}


.app .home-vows{margin-bottom:0}
.app [data-screen="home"] .home-слово,
.app [data-screen="home"] .home-слово.две-строки{margin-bottom:10px}
.app .лоб-уровни{margin-bottom:0}


@keyframes nw-акция-свет{0%,100%{opacity:.35} 50%{opacity:.9}}
@keyframes nw-акция-огонь{0%,100%{transform:scale(1) rotate(-3deg)} 50%{transform:scale(1.14) rotate(3deg)}}

.app .акция-плашка{position:relative; isolation:isolate; overflow:hidden; color:#fff;
  display:grid; grid-template-columns:auto minmax(0, 1fr); column-gap:10px; row-gap:3px; align-items:center;
  margin:12px 0 4px; padding:10px 14px 9px;
  border:1px solid var(--nw-sale-hi);
  background:linear-gradient(180deg, var(--nw-sale) 0%, var(--nw-sale-lo) 100%);
  box-shadow:inset 0 1px 0 color-mix(in oklab, #fff 40%, transparent),
    0 8px 26px -10px var(--nw-sale)}
.app .акция-плашка::before{content:""; position:absolute; inset:-30% -10% auto -10%; height:140%; z-index:-1;
  background:radial-gradient(60% 60% at 50% 0%, color-mix(in oklab, var(--nw-sale-hi) 70%, transparent), transparent 70%);
  animation:nw-акция-свет 1.8s ease-in-out infinite}
.app .акция-огонь{grid-row:1 / span 2; color:#fff; display:grid; place-items:center;
  filter:drop-shadow(0 0 8px color-mix(in oklab, var(--nw-sale-hi) 80%, transparent))}
.app .акция-огонь svg{width:26px; height:26px; animation:nw-акция-огонь 1.2s ease-in-out infinite; transform-origin:50% 90%}
.app .акция-шапка{display:flex; align-items:baseline; justify-content:space-between; gap:10px; min-width:0}
.app .акция-шапка b{font-family:var(--font-display); font-weight:700; text-transform:uppercase;
  letter-spacing:.05em; font-size:12px; line-height:1.2; white-space:nowrap}
.app .акция-шапка{flex-wrap:wrap; row-gap:6px}

.app .акция-часы{display:flex; gap:6px; font-variant-numeric:tabular-nums}
.app .акция-часы .сег{display:grid; justify-items:center; gap:3px; min-width:40px; padding:5px 5px 4px;
  border-radius:var(--r-in); font-style:normal; background:color-mix(in oklab, #000 36%, transparent);
  border:1px solid color-mix(in oklab, #fff 34%, transparent);
  box-shadow:inset 0 1px 0 color-mix(in oklab, #fff 20%, transparent), 0 4px 12px -6px #000}
.app .акция-часы .сег b{display:block; font-size:19px; line-height:1; font-weight:800; letter-spacing:0;
  text-transform:none; text-shadow:none}
.app .акция-часы .сег u{font-size:8.5px; font-weight:700; letter-spacing:.1em; text-decoration:none;
  text-transform:uppercase; opacity:.78; line-height:1}
.app .акция-часы .сег:last-child{border-color:color-mix(in oklab, #fff 70%, transparent)}
.app .акция-часы .сег:last-child b{animation:nw-тик 1s ease-out infinite}
@keyframes nw-тик{0%{transform:scale(1.14); opacity:1} 100%{transform:scale(1); opacity:.82}}
@media (prefers-reduced-motion:reduce){
  .app .акция-часы .сег:last-child b{animation:nw-тик 1s ease-out infinite!important}
}
.app .акция-крик{font-family:var(--font-display); font-weight:700; font-size:12.5px; line-height:1.25;
  letter-spacing:.03em; text-transform:uppercase; text-wrap:balance;
  text-shadow:0 2px 10px color-mix(in oklab, #000 40%, transparent)}
@media (max-width:480px){
  .app .акция-мобайл{display:none}
}
.app .акция-сами{grid-column:2; font-size:11px; line-height:1.3; text-decoration:none; opacity:.92}
.app .акция-цена{gap:7px; margin-top:2px}
.app .акция-цена s{color:var(--sand-dim); opacity:1; text-decoration-color:var(--nw-sale-hi)}
.app .акция-цена b{background:var(--nw-sale); color:#fff; font-weight:800; padding:2px 8px; border-radius:var(--r-sm);
  font-size:15px; line-height:1.25; letter-spacing:.01em;
  box-shadow:0 0 12px -2px var(--nw-sale)}
.app .gcard .акция-ярлык{left:12px; right:auto; top:12px; padding:4px 9px; z-index:4;
  background:linear-gradient(180deg, var(--nw-sale), var(--nw-sale-lo)); border:1px solid var(--nw-sale-hi);
  box-shadow:0 0 18px -4px var(--nw-sale); border-radius:var(--r-in);
  animation:none}
.app .gcard:not(.big) .акция-ярлык{left:8px; top:8px; padding:3px 7px}
.app .gcard:not(.big) .акция-ярлык b{display:none}
.app .gcard:not(.big) .акция-ярлык span{font-size:11.5px}
.app .gcard.big .акция-ярлык{padding:6px 11px}
.app .акция-ярлык b{font-size:10px; letter-spacing:.1em}
.app .акция-ярлык span{font-family:var(--font-display); font-weight:700; font-size:13px}
@media (min-width:744px){
  html:not([data-телефон]) .app [data-screen="home"] > .акция-плашка{margin-top:clamp(18px, 3vh, 30px)}
  html:not([data-телефон]) .app .акция-плашка{grid-template-columns:auto minmax(0, 1fr) auto; padding:12px 22px;
    column-gap:16px}
  html:not([data-телефон]) .app .акция-шапка{display:contents}
  html:not([data-телефон]) .app .акция-шапка > b:first-child{grid-column:2; grid-row:1; font-size:12px}
  html:not([data-телефон]) .app .акция-часы{grid-column:3; grid-row:1 / span 3; align-self:center; gap:10px}
  html:not([data-телефон]) .app .акция-часы .сег{min-width:68px; padding:10px 8px 8px; gap:5px}
  html:not([data-телефон]) .app .акция-часы .сег b{font-size:34px}
  html:not([data-телефон]) .app .акция-часы .сег u{font-size:10px}
  html:not([data-телефон]) .app .акция-крик{grid-column:2; font-size:18px}
  html:not([data-телефон]) .app .акция-сами{font-size:12.5px}
  html:not([data-телефон]) .app .акция-огонь{grid-row:1 / span 3}
}


.app{--nw-радуга:linear-gradient(135deg, var(--lamp-lo), var(--lamp) 50%, var(--lamp-top))}

.app .digger{padding:28px 16px 24px; gap:8px}
.app .digger:not(.done):not(.bad){overflow:hidden; isolation:isolate; border-color:transparent;
  background:none; outline:0}
.app .digger:not(.done):not(.bad)::before{content:""; position:absolute; z-index:-3; left:50%; top:50%;
  width:640px; height:640px; margin:-320px 0 0 -320px; pointer-events:none;
  background:conic-gradient(from 0deg, var(--lamp-lo), var(--lamp), var(--lamp-top), var(--cream),
    var(--lamp), var(--lamp-lo));
  animation:nw-круг 8s linear infinite}
.app .digger:not(.done):not(.bad)::after{content:""; position:absolute; z-index:-2; inset:2px; pointer-events:none;
  border-radius:calc(var(--r-card) - 2px);
  background:
    radial-gradient(120% 70% at 50% 0%, color-mix(in oklab, var(--nw-violet) 30%, transparent), transparent 70%),
    radial-gradient(90% 60% at 50% 100%, color-mix(in oklab, var(--lamp) 16%, transparent), transparent 70%),
    linear-gradient(180deg, var(--stone-deep), var(--deep))}
@keyframes nw-круг{to{transform:rotate(360deg)}}

.app .digger-face{height:100px; margin-bottom:2px}
.app .digger-face::before{content:""; position:absolute; left:50%; top:50%; width:176px; height:176px;
  margin:-88px 0 0 -88px; z-index:-1; border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, color-mix(in oklab, var(--lamp) 58%, transparent),
    color-mix(in oklab, var(--nw-violet) 30%, transparent) 55%, transparent);
  animation:nw-аура 2.4s var(--ease-in-out) infinite}
@keyframes nw-аура{0%,100%{transform:scale(.78); opacity:.6} 50%{transform:scale(1.08); opacity:1}}
.app .лз{width:88px; height:88px}
.app .лз.ждём{color:var(--cream); filter:drop-shadow(0 0 14px color-mix(in oklab, var(--lamp) 70%, transparent))
  drop-shadow(0 6px 12px rgba(0,0,0,.6)); animation:nw-дышит 2.2s var(--ease-in-out) infinite}
@keyframes nw-дышит{0%,100%{transform:scale(1) rotate(-3deg); opacity:.92} 50%{transform:scale(1.1) rotate(3deg); opacity:1}}

.app .digger:not(.done):not(.bad) .лицо-заказа::before,
.app .digger:not(.done):not(.bad) .лицо-заказа::after{content:""; position:absolute; left:50%; top:50%;
  width:250px; height:150px; margin:-75px 0 0 -125px; z-index:-1; pointer-events:none}
.app .digger:not(.done):not(.bad) .лицо-заказа::before{
  background:
    radial-gradient(circle at 10% 30%, var(--cream) 0 2.4px, transparent 3.6px),
    radial-gradient(circle at 90% 22%, var(--lamp-top) 0 2.2px, transparent 3.4px),
    radial-gradient(circle at 22% 84%, var(--cream) 0 2.6px, transparent 3.8px),
    radial-gradient(circle at 80% 78%, var(--cream) 0 2.2px, transparent 3.4px),
    radial-gradient(circle at 52% 6%, var(--lamp) 0 2.8px, transparent 4px);
  animation:nw-искрятся 3.2s var(--ease-in-out) infinite}
.app .digger:not(.done):not(.bad) .лицо-заказа::after{
  background:
    radial-gradient(circle at 2% 60%, var(--lamp) 0 2px, transparent 3px),
    radial-gradient(circle at 98% 56%, var(--cream) 0 2.4px, transparent 3.6px),
    radial-gradient(circle at 36% 94%, var(--lamp) 0 2.4px, transparent 3.6px),
    radial-gradient(circle at 66% 12%, var(--cream) 0 2.2px, transparent 3.4px),
    radial-gradient(circle at 30% 8%, var(--cream) 0 2px, transparent 3px);
  animation:nw-искрятся 3.2s var(--ease-in-out) -1.6s infinite}
@keyframes nw-искрятся{0%,100%{transform:translateY(8px) scale(.92); opacity:.25}
  50%{transform:translateY(-9px) scale(1.07); opacity:1}}

.app #digTitle{font-family:var(--font-display); font-weight:700; font-size:24px; letter-spacing:.05em;
  line-height:1.15; text-transform:uppercase; color:transparent; text-shadow:none;
  background:linear-gradient(90deg, var(--sand), var(--lamp-top) 42%, var(--lamp-top));
  -webkit-background-clip:text; background-clip:text}
.app .digger.done #digTitle{color:transparent;
  background:linear-gradient(90deg, var(--nw-skidka), var(--lamp-top) 50%, var(--nw-beta));
  -webkit-background-clip:text; background-clip:text}
.app .digger.bad #digTitle{background:none; color:var(--rust)}
.app #digNote{max-width:300px; font-size:15px; line-height:1.4; color:color-mix(in oklab, var(--cream) 86%, transparent)}

.app .digger-bar{height:14px; max-width:270px; margin-top:12px; overflow:hidden; border-radius:99px;
  background:color-mix(in oklab, var(--deep) 80%, transparent);
  box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--seam-2) 80%, transparent)}
.app .digger-bar i{height:100%; margin:0; border-radius:99px; background:var(--nw-радуга); box-shadow:none}

.app .digger:not(.done):not(.bad) .digger-bar i::before{display:none}
.app .digger:not(.done):not(.bad) .digger-bar::after{content:""; position:absolute; top:0; bottom:0; left:0;
  width:30%; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
  animation:nw-блеск 1.7s linear infinite}
@keyframes nw-блеск{from{transform:translateX(-110%)} to{transform:translateX(380%)}}
.app .digger.done .digger-bar i{background:linear-gradient(90deg, var(--sand), var(--nw-skidka) 55%, var(--nw-beta));
  box-shadow:none}

.app .trail{display:grid; gap:10px; margin-top:16px; padding:0; border:0; background:none; box-shadow:none}
.app .trail li{position:relative; overflow:hidden; display:grid; grid-template-columns:auto minmax(0, 1fr);
  align-items:center; gap:15px; padding:14px 16px; border-radius:var(--r-lg);
  border:1px solid var(--seam); background:color-mix(in oklab, var(--stone) 90%, transparent);
  color:var(--sand-dim); animation:nw-шаг-вход 560ms var(--ease-out) both}
.app .trail li:nth-child(2){animation-delay:80ms}
.app .trail li:nth-child(3){animation-delay:160ms}
.app .trail li:nth-child(4){animation-delay:240ms}
@keyframes nw-шаг-вход{from{transform:translateY(16px); opacity:0} to{transform:none; opacity:1}}
.app .trail li:not(:last-child)::before,
.app .trail li.was:not(:last-child)::before{display:none}
.app .trail li div b{display:block; font-family:var(--font-display); font-weight:700; font-size:15.5px;
  letter-spacing:.015em; line-height:1.25; color:inherit}
.app .trail li div > span{margin-top:3px; font-size:14px; line-height:1.35; color:var(--sand)}
.app .trail .pip{display:grid; place-items:center; width:42px; height:42px; margin:0; border-radius:50%;
  font-size:17px; font-weight:700; border:1px solid var(--seam-2);
  background:var(--stone-deep); color:var(--sand-dim)}
.app .trail li.now{color:var(--cream); border-color:color-mix(in oklab, var(--lamp) 70%, transparent);
  background:linear-gradient(100deg, color-mix(in oklab, var(--nw-violet) 26%, var(--stone-deep)),
    color-mix(in oklab, var(--lamp) 16%, var(--stone-deep)));
  box-shadow:0 12px 30px -16px var(--lamp)}
.app .trail li.now > div > span{color:var(--cream)}
.app .trail li.now .pip{border-color:transparent; background:linear-gradient(135deg, var(--nw-violet), var(--lamp));
  color:#fff}
.app .trail li.now .pip::after{inset:-12px; background:radial-gradient(closest-side,
  color-mix(in oklab, var(--lamp) 55%, transparent), transparent)}
.app .trail li.now::after{content:""; position:absolute; top:0; bottom:0; left:0; width:34%; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.16), transparent);
  animation:nw-проблеск 2.8s var(--ease-in-out) infinite}
@keyframes nw-проблеск{from{transform:translateX(-120%)} to{transform:translateX(400%)}}
.app .trail li.was{color:var(--cream); border-color:color-mix(in oklab, var(--nw-skidka) 45%, transparent);
  background:color-mix(in oklab, var(--nw-skidka) 9%, var(--stone-deep))}
.app .trail li.was .pip{font-size:0; border-color:transparent;
  background:linear-gradient(135deg, var(--nw-skidka), var(--sand))}
.app .trail li.was .pip::before{content:"✓"; font-size:21px; font-weight:800; color:var(--deep)}
.app .trail li.lost{color:var(--cream); border-color:color-mix(in oklab, var(--rust) 60%, transparent);
  background:color-mix(in oklab, var(--rust) 12%, var(--stone-deep))}
.app .trail li.lost .pip{border-color:transparent}

.app .digger.done .digger-face::before{background:radial-gradient(closest-side,
  color-mix(in oklab, var(--nw-skidka) 55%, transparent),
  color-mix(in oklab, var(--nw-beta) 26%, transparent) 55%, transparent);
  animation:nw-аура-ура 1100ms var(--ease-out) both}
@keyframes nw-аура-ура{0%{transform:scale(.4); opacity:0} 55%{transform:scale(1.25); opacity:1}
  100%{transform:scale(1); opacity:.85}}
.app .digger.done .лицо-заказа::before,
.app .digger.done .лицо-заказа::after{content:""; position:absolute; left:50%; top:50%;
  width:320px; height:200px; margin:-100px 0 0 -160px; z-index:-1; pointer-events:none}
.app .digger.done .лицо-заказа::before{background:
    radial-gradient(circle at 10% 26%, var(--cream) 0 3px, transparent 4.4px),
    radial-gradient(circle at 90% 18%, var(--lamp-top) 0 2.8px, transparent 4.2px),
    radial-gradient(circle at 18% 82%, var(--cream) 0 3px, transparent 4.4px),
    radial-gradient(circle at 84% 78%, var(--cream) 0 2.8px, transparent 4.2px),
    radial-gradient(circle at 50% 2%, var(--lamp) 0 3.2px, transparent 4.6px),
    radial-gradient(circle at 2% 54%, var(--lamp) 0 2.6px, transparent 4px),
    radial-gradient(circle at 98% 50%, var(--cream) 0 2.4px, transparent 3.8px);
  animation:nw-салют 1500ms var(--ease-out) 200ms both}
.app .digger.done .лицо-заказа::after{background:
    radial-gradient(circle at 30% 8%, var(--cream) 0 2.8px, transparent 4.2px),
    radial-gradient(circle at 70% 10%, var(--lamp) 0 3px, transparent 4.4px),
    radial-gradient(circle at 34% 94%, var(--lamp) 0 2.8px, transparent 4.2px),
    radial-gradient(circle at 66% 92%, var(--cream) 0 3px, transparent 4.4px),
    radial-gradient(circle at 6% 36%, var(--lamp) 0 2.6px, transparent 4px),
    radial-gradient(circle at 94% 66%, var(--cream) 0 2.6px, transparent 4px);
  animation:nw-салют 1700ms var(--ease-out) 420ms both}
@keyframes nw-салют{0%{transform:scale(.3); opacity:0} 14%{opacity:1} 100%{transform:scale(1.55); opacity:0}}


@media (prefers-reduced-motion:reduce){
  .app .digger:not(.done):not(.bad)::before{animation:nw-круг 8s linear infinite!important}
  .app .digger-face::before{animation:nw-аура 2.4s var(--ease-in-out) infinite!important}
  .app .digger.done .digger-face::before{animation:nw-аура-ура 1100ms var(--ease-out) both!important}
  .app .лз.ждём{animation:nw-дышит 2.2s var(--ease-in-out) infinite!important}
  .app .digger:not(.done):not(.bad) .лицо-заказа::before{animation:nw-искрятся 3.2s var(--ease-in-out) infinite!important}
  .app .digger:not(.done):not(.bad) .лицо-заказа::after{animation:nw-искрятся 3.2s var(--ease-in-out) -1.6s infinite!important}
  .app .digger:not(.done):not(.bad) .digger-bar::after{animation:nw-блеск 1.7s linear infinite!important}
  .app .trail li.now::after{animation:nw-проблеск 2.8s var(--ease-in-out) infinite!important}
  .app .trail li.now .pip::after{animation:nw-ореол 2.4s var(--ease-in-out) infinite!important}
  .app .trail li{animation:nw-шаг-вход 560ms var(--ease-out) both!important}
  .app .digger.done .лицо-заказа::before{animation:nw-салют 1500ms var(--ease-out) 200ms both!important}
  .app .digger.done .лицо-заказа::after{animation:nw-салют 1700ms var(--ease-out) 420ms both!important}
}

.без-вращения .art3d{animation:none}

.app .подр-сетка{grid-column:1 / -1; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin-top:4px}

.app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child{grid-column:1 / -1; display:grid;
  grid-template-columns:minmax(0, 1fr) 46%; grid-template-areas:"имя арт" "ниже арт"; align-content:center;
  justify-items:start; text-align:left; padding:14px 16px; min-height:0}
.app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-арт{grid-area:арт; aspect-ratio:auto;
  height:128px; margin:0}
.app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-имя{grid-area:имя; align-self:end;
  font-size:20px}
.app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-ниже{grid-area:ниже; align-self:start;
  justify-content:flex-start; font-size:13px}
.app .подр{position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; min-width:0;
  padding:14px 8px 12px; border-radius:var(--r-lg); border:1px solid var(--seam-2); text-align:center;
  background:radial-gradient(110% 70% at 50% 0%, color-mix(in oklab, var(--lamp) 10%, transparent), transparent 70%),
    linear-gradient(180deg, var(--stone), var(--stone-deep));
  box-shadow:inset 0 1px 0 var(--nw-блик), 0 14px 26px -18px #000;
  transition:translate var(--t-hover) var(--ease-out), border-color var(--t-hover) var(--ease-out)}
.app .подр:active{scale:.97}
.app .подр-арт{display:grid; place-items:center; width:100%; aspect-ratio:1 / 1; margin-top:6px}
.app .подр-арт img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}
.app .подр-значок{width:72%; height:72%; background:var(--cur-h) center / contain no-repeat}
.app .подр-имя{display:block; font-family:var(--font-display); font-weight:700; font-size:13px; line-height:1.2;
  letter-spacing:.02em; color:var(--cream); text-wrap:balance}
.app .подр-ниже{display:flex; align-items:center; justify-content:center; gap:6px; font-size:12px; font-weight:600;
  color:var(--sand); white-space:nowrap}
.app .подр-ниже i{font-style:normal; font-size:10px; font-weight:800; padding:1px 6px; border-radius:9px;
  color:var(--cream); background:var(--stone-deep); border:1px solid var(--seam-2)}
.app .подр-скидка{position:absolute; top:8px; left:8px; z-index:2; font-style:normal; font-size:10px;
  font-weight:800; letter-spacing:.02em; padding:2px 6px; border-radius:var(--r-sm); color:#fff;
  background:var(--nw-sale); box-shadow:0 0 12px -2px var(--nw-sale)}
@media (hover:hover){ .app .подр:hover{translate:0 -3px; border-color:color-mix(in oklab, var(--lamp) 55%, transparent)} }
@media (min-width:744px){
  html:not([data-телефон]) .app .подр-сетка{gap:14px; max-width:760px}
  html:not([data-телефон]) .app .подр{padding:12px 12px 10px}
  html:not([data-телефон]) .app .подр-арт{aspect-ratio:auto; height:104px; margin-top:2px}
  html:not([data-телефон]) .app .подр-имя{font-size:15px}
  html:not([data-телефон]) .app .подр-ниже{font-size:13px}
  html:not([data-телефон]) .app .подр-скидка{font-size:11px; top:10px; left:10px; padding:2px 7px}
  html:not([data-телефон]) .app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child{min-height:0;
    padding:12px 22px}
  html:not([data-телефон]) .app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-имя{font-size:24px}
  html:not([data-телефон]) .app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-арт{height:124px}
}


.app .подр{overflow:hidden; isolation:isolate; --nw-св:var(--lamp)}
.app .подр:nth-child(3n+2){--nw-св:var(--nw-violet)}
.app .подр:nth-child(3n){--nw-св:var(--sand)}
.app .подр{border-color:color-mix(in oklab, var(--nw-св) 45%, var(--seam-2));
  box-shadow:inset 0 1px 0 color-mix(in oklab, var(--nw-св) 40%, transparent),
    0 0 0 1px color-mix(in oklab, var(--nw-св) 14%, transparent),
    0 16px 30px -16px color-mix(in oklab, var(--nw-св) 70%, transparent)}
.app .подр-арт{position:relative}
.app .подр-арт::before{content:""; position:absolute; inset:6% 4% 2%; z-index:-1; border-radius:50%;
  background:radial-gradient(closest-side, color-mix(in oklab, var(--nw-св) 52%, transparent),
    color-mix(in oklab, var(--nw-св) 16%, transparent) 58%, transparent);
}
.app .подр-имя{text-shadow:0 2px 10px color-mix(in oklab, var(--nw-св) 45%, transparent)}
.app .подр-ниже i{border-color:color-mix(in oklab, var(--nw-св) 55%, var(--seam-2))}

.app .home-vows .лоб-уровни{display:grid; grid-template-columns:auto minmax(0, 1fr);
  grid-template-areas:"ic ttl" "ic chart"; column-gap:14px; row-gap:8px; align-items:center; text-align:center;
  padding:14px 40px 12px 14px}
.app .home-vows .лоб-уровни::after{display:none}
.app .home-vows .лоб-уровни > span[data-copy="home.vip.note"]{display:none}
.app .home-vows .лоб-уровни .ic{grid-area:ic; width:60px; height:60px; margin:0; align-self:center}
.app .home-vows .лоб-уровни b{grid-area:ttl; font-family:var(--font-display); font-size:19px; font-weight:700;
  letter-spacing:.01em; line-height:1.15; text-align:center}
.app .home-vows .лоб-уровни > .лоб-лесенка{grid-area:chart; display:flex; align-items:flex-end;
  justify-content:center; gap:8px; height:60px; padding-top:16px}
.app .лоб-лесенка i{position:relative; display:block; flex:1 1 0; max-width:40px;
  height:calc(var(--h) * 38px + 6px); border-radius:4px 4px 2px 2px; font-style:normal;
  background:linear-gradient(180deg, var(--sand), var(--stone-2));
  box-shadow:inset 0 1px 0 var(--nw-блик)}
.app .лоб-лесенка i:nth-child(n+3){background:linear-gradient(180deg, var(--lamp-hi), var(--stone-2))}
.app .лоб-лесенка i:last-child{background:linear-gradient(180deg, var(--lamp-top), var(--lamp-lo));
  box-shadow:0 0 16px color-mix(in oklab, var(--lamp) 65%, transparent), inset 0 1px 0 #fff}
.app .лоб-лесенка em{position:absolute; left:50%; bottom:calc(100% + 3px); translate:-50% 0; font-style:normal;
  font:700 10.5px/1 var(--font); letter-spacing:.01em; color:var(--sand); white-space:nowrap}
.app .лоб-лесенка i:last-child em{color:var(--cream); font-size:12px}
@media (min-width:744px){
  html:not([data-телефон]) .app .home-vows .лоб-уровни{padding:16px 62px 14px 20px; column-gap:20px}
  html:not([data-телефон]) .app .home-vows .лоб-уровни .ic{width:76px; height:76px}
  html:not([data-телефон]) .app .home-vows .лоб-уровни b{font-size:23px}
  html:not([data-телефон]) .app .home-vows .лоб-уровни > .лоб-лесенка{height:68px}
  html:not([data-телефон]) .app .лоб-лесенка i{height:calc(var(--h) * 44px + 7px)}
  html:not([data-телефон]) .app .лоб-лесенка em{font-size:11.5px}
}


.app [data-screen="home"] > .hero-art{margin-top:-21px}
.app [data-screen="home"] .home-слово.две-строки{margin-top:-70px}
@media (min-width:744px){
  html:not([data-телефон]){--nw-герой:clamp(340px, 54vh, 560px)}
  html:not([data-телефон]) .app [data-screen="home"] > .hero-art{margin-top:0}
  html:not([data-телефон]) .app [data-screen="home"] .home-слово,
  html:not([data-телефон]) .app [data-screen="home"] .home-слово.две-строки{margin-top:calc(var(--nw-герой) * -.27)}
}
.app [data-screen="home"] .home-vows{margin-top:-10px}

.app .home-vows .лоб-уровни b{font-size:17px; margin-top:8px}
@media (min-width:744px){
  html:not([data-телефон]) .app .home-vows .лоб-уровни b{font-size:22px; margin-top:6px}
}


.app .подр{border-width:2px; border-color:color-mix(in oklab, var(--nw-св) 82%, var(--deep));
  padding:12px 8px 10px; gap:4px}
.app .подр-арт{aspect-ratio:1 / .76; margin-top:2px}
.app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child{padding:10px 14px}
.app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-арт{height:104px; aspect-ratio:auto}
@media (min-width:744px){
  html:not([data-телефон]) .app .подр{padding:10px 12px 8px}
  html:not([data-телефон]) .app .подр-арт{aspect-ratio:auto; height:88px}
  html:not([data-телефон]) .app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child{padding:10px 22px}
  html:not([data-телефон]) .app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-арт{height:100px}
}


.app .подр-вход{position:absolute; right:10px; top:10px; z-index:4; width:26px; height:26px; border-radius:50%;
  background:color-mix(in oklab, var(--deep) 70%, transparent);
  border:1.5px solid color-mix(in oklab, var(--nw-св) 65%, var(--seam-2));
  pointer-events:none; transition:translate var(--t-press) var(--ease-out)}
.app .подр-вход::before{content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-4px 0 0 -6px;
  border:solid var(--cream); border-width:0 2px 2px 0; border-radius:0 1px 2px 1px; rotate:-45deg}
.app .подр:active .подр-вход{translate:3px 0}
.app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-вход{top:50%; margin-top:-13px; right:14px}
.app .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child{padding-right:54px}


.app #homeBtn.pill.big{height:48px; padding:0 16px 0 12px; gap:8px; border:2px solid var(--lamp-top);
  background:var(--metal); color:var(--on-lamp); opacity:1;
  font-family:var(--font-display); font-weight:800; font-size:13px; letter-spacing:.06em; text-transform:uppercase;
  box-shadow:0 0 22px color-mix(in oklab, var(--lamp) 55%, transparent), 0 6px 14px -4px rgba(0,0,0,.8),
    inset 0 1px 0 #fff;
  text-shadow:none}
.app #homeBtn.pill.big span{font:inherit; color:var(--on-lamp)}
.app #homeBtn.pill.big .ic{width:24px; height:24px; color:var(--on-lamp)}
.app #homeBtn.pill.big:active{scale:.96}


@media (max-width:743.98px){
.app [data-screen="home"]{position:relative}
.app [data-screen="home"] .home-vows{display:block; position:relative}
.app [data-screen="home"] .home-head{position:static}
.app [data-screen="home"] .home-vows > .лоб-уровни{margin-top:0}

.app [data-screen="home"] .home-vows > div{position:absolute; z-index:5; bottom:100%; margin-bottom:-1px;
  display:flex; align-items:center; gap:7px; width:max-content; height:auto; padding:6px 11px 6px 8px;
  border-radius:var(--r-lg); border:1px solid color-mix(in oklab, var(--cream) 22%, transparent);
  background:color-mix(in oklab, var(--deep) 58%, transparent);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); box-shadow:0 6px 14px -8px #000}
.app [data-screen="home"] .home-vows > div:nth-of-type(1){left:24px}
.app [data-screen="home"] .home-vows > div:nth-of-type(2){right:24px}
.app [data-screen="home"] .home-vows > div .ic{width:18px; height:18px; margin:0; color:var(--cream)}
.app [data-screen="home"] .home-vows > div b{font-size:12.5px; font-weight:700; color:var(--cream); line-height:1.1}
.app [data-screen="home"] .home-vows > div span{display:none}
}
html[data-телефон] .app [data-screen="home"]{position:relative}
html[data-телефон] .app [data-screen="home"] .home-vows{display:block; position:relative}
html[data-телефон] .app [data-screen="home"] .home-head{position:static}
html[data-телефон] .app [data-screen="home"] .home-vows > .лоб-уровни{margin-top:0}

html[data-телефон] .app [data-screen="home"] .home-vows > div{position:absolute; z-index:5; bottom:100%; margin-bottom:-1px;
  display:flex; align-items:center; gap:7px; width:max-content; height:auto; padding:6px 11px 6px 8px;
  border-radius:var(--r-lg); border:1px solid color-mix(in oklab, var(--cream) 22%, transparent);
  background:color-mix(in oklab, var(--deep) 58%, transparent);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); box-shadow:0 6px 14px -8px #000}
html[data-телефон] .app [data-screen="home"] .home-vows > div:nth-of-type(1){left:24px}
html[data-телефон] .app [data-screen="home"] .home-vows > div:nth-of-type(2){right:24px}
html[data-телефон] .app [data-screen="home"] .home-vows > div .ic{width:18px; height:18px; margin:0; color:var(--cream)}
html[data-телефон] .app [data-screen="home"] .home-vows > div b{font-size:12.5px; font-weight:700; color:var(--cream); line-height:1.1}
html[data-телефон] .app [data-screen="home"] .home-vows > div span{display:none}


@media (max-width:743.98px){
  .app [data-screen="home"] .home-слово{translate:0 -38px}
}
html[data-телефон] .app [data-screen="home"] .home-слово{translate:0 -38px}


.app .вход-совет{border-color:var(--nw-нить-ярко);
  background:var(--nw-лоск) padding-box, var(--nw-кожа) padding-box;
  box-shadow:inset 0 1px 0 var(--nw-блик), 0 12px 24px -16px #000}
.app .вход-совет .ic{width:44px; height:44px; color:var(--sand)}
.app .вход-совет b{font-family:var(--font-display); font-weight:700; font-size:14px; line-height:1.25}
.app .вход-совет span{font-size:12.5px; color:var(--sand)}
.app .вход-совет-да{background:var(--metal); color:var(--on-lamp); font-family:var(--font-display);
  font-weight:800; font-size:12px; letter-spacing:.05em; text-transform:uppercase}

.app .вход-совет{position:relative; grid-template-columns:auto minmax(0, 1fr) auto; column-gap:16px}
.app .вход-совет > *{position:relative; z-index:1}
.app .вход-совет-текст{padding-right:4px}
.app .вход-совет-да{background:var(--nw-skidka); color:var(--deep); white-space:nowrap; padding:11px 16px;
  font-size:12px; letter-spacing:.04em; box-shadow:0 6px 16px -8px var(--nw-skidka)}
@media (max-width:743.98px){
  .app .вход-совет{grid-template-columns:auto minmax(0, 1fr); row-gap:10px}
  .app .вход-совет-да{grid-column:1 / -1; width:100%}
}
html[data-телефон] .app .вход-совет{grid-template-columns:auto minmax(0, 1fr); row-gap:10px}
html[data-телефон] .app .вход-совет-да{grid-column:1 / -1; width:100%}
.app .вход-совет::after{content:""; position:absolute; inset:0; z-index:0; border-radius:inherit; opacity:0; pointer-events:none;
  background:color-mix(in oklab, var(--nw-sale) 38%, transparent); box-shadow:inset 0 0 0 2px var(--nw-sale-hi)}
.app .вход-совет.тряска{animation:nw-совет-тряска 640ms var(--ease-out)}
.app .вход-совет.тряска::after{animation:nw-совет-красный 1800ms var(--ease-out) both}
@keyframes nw-совет-тряска{0%,100%{transform:none} 14%{transform:translateX(-7px)} 28%{transform:translateX(6px)}
  42%{transform:translateX(-5px)} 56%{transform:translateX(4px)} 70%{transform:translateX(-2px)} 84%{transform:translateX(1px)}}
@keyframes nw-совет-красный{0%{opacity:0} 14%{opacity:1} 55%{opacity:.85} 100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .app .вход-совет.тряска{animation:nw-совет-тряска 640ms var(--ease-out)!important}
  .app .вход-совет.тряска::after{animation:nw-совет-красный 1800ms var(--ease-out) both!important}
}



.app .home-vows .лоб-уровни{border:2px solid transparent;
  background:
    radial-gradient(100% 130% at 0% 0%, color-mix(in oklab, var(--nw-violet) 50%, transparent), transparent 62%) padding-box,
    radial-gradient(100% 130% at 100% 100%, color-mix(in oklab, var(--lamp) 42%, transparent), transparent 62%) padding-box,
    linear-gradient(180deg, var(--stone-2), var(--stone-deep)) padding-box,
    linear-gradient(120deg, var(--lamp-top), var(--lamp), var(--lamp-lo)) border-box;
  outline:0;
  box-shadow:0 16px 36px -14px color-mix(in oklab, var(--nw-violet) 75%, transparent), inset 0 1px 0 var(--nw-блик)}
.app .home-vows .лоб-уровни b{color:transparent; text-shadow:none;
  background:linear-gradient(90deg, var(--lamp-top), var(--lamp-top) 60%, var(--nw-beta));
  -webkit-background-clip:text; background-clip:text}
.app .лоб-лесенка i:nth-child(1){background:linear-gradient(180deg, var(--sand), color-mix(in oklab, var(--sand) 35%, var(--deep)))}
.app .лоб-лесенка i:nth-child(2){background:linear-gradient(180deg, var(--nw-skidka), color-mix(in oklab, var(--nw-skidka) 35%, var(--deep)))}
.app .лоб-лесенка i:nth-child(3){background:linear-gradient(180deg, var(--nw-beta), color-mix(in oklab, var(--nw-beta) 35%, var(--deep)))}
.app .лоб-лесенка i:nth-child(4){background:linear-gradient(180deg, var(--zhar), color-mix(in oklab, var(--zhar) 35%, var(--deep)))}
.app .лоб-лесенка i:nth-child(5){background:linear-gradient(180deg, var(--lamp-top), var(--lamp));
  box-shadow:0 0 18px color-mix(in oklab, var(--lamp) 75%, transparent), inset 0 1px 0 #fff}
.app .лоб-лесенка em{color:var(--cream)}
.app .лоб-лесенка i:last-child em{color:var(--lamp-top)}

.app #gameFields .game-box{border:2px solid transparent;
  background:
    radial-gradient(90% 90% at 0% 0%, color-mix(in oklab, var(--nw-violet) 38%, transparent), transparent 65%) padding-box,
    radial-gradient(90% 90% at 100% 100%, color-mix(in oklab, var(--sand) 28%, transparent), transparent 65%) padding-box,
    linear-gradient(180deg, var(--stone-2), var(--stone-deep)) padding-box,
    linear-gradient(120deg, var(--nw-violet), var(--sand)) border-box;
  box-shadow:0 16px 34px -18px color-mix(in oklab, var(--nw-violet) 70%, transparent)}
.app #gameFields .game-box::before{color:var(--nw-beta)}
.app #gameFields .field label .чья{color:var(--sand)}
.app #gameFields .field input{border-color:color-mix(in oklab, var(--sand) 70%, var(--seam-2)); background:var(--deep)}
.app #gameFields .field input:focus{border-color:var(--sand);
  box-shadow:0 0 0 4px color-mix(in oklab, var(--sand) 28%, transparent)}
.app #gameFields .say{color:var(--cream)}

.app .grid .ore:not(.spent):not(.вкусно):not(.incart){border:2px solid color-mix(in oklab, var(--cream) 42%, var(--stone-2));
  background:linear-gradient(180deg, color-mix(in oklab, var(--stone-2) 88%, var(--cream)), var(--stone-deep));
  box-shadow:inset 0 1px 0 var(--nw-блик), 0 12px 22px -14px #000}
.app .grid .ore.incart{border-width:2px}
.app .grid .ore.вкусно{border-width:2px}
.app .grid .ore.spent{border:2px solid color-mix(in oklab, var(--seam-2) 80%, transparent)}


.app #vipBox .vip-now{border:2px solid transparent;
  background:
    radial-gradient(100% 120% at 0% 0%, color-mix(in oklab, var(--nw-violet) 48%, transparent), transparent 62%) padding-box,
    radial-gradient(100% 120% at 100% 100%, color-mix(in oklab, var(--lamp) 40%, transparent), transparent 62%) padding-box,
    linear-gradient(180deg, var(--stone-2), var(--stone-deep)) padding-box,
    linear-gradient(120deg, var(--lamp-top), var(--lamp), var(--lamp-lo)) border-box;
  outline:0;
  box-shadow:0 18px 38px -16px color-mix(in oklab, var(--nw-violet) 75%, transparent), inset 0 1px 0 var(--nw-блик)}
.app #vipBox .vip-now b{color:transparent; text-shadow:none;
  background:linear-gradient(90deg, var(--lamp-top), var(--lamp-top) 60%, var(--nw-beta));
  -webkit-background-clip:text; background-clip:text}
.app #vipBox .vip-now .ic{width:56px; height:56px}

.app .vip-путь-ступени li:nth-child(1){--nw-металл:var(--sand)}
.app .vip-путь-ступени li:nth-child(2){--nw-металл:var(--nw-skidka)}
.app .vip-путь-ступени li:nth-child(3){--nw-металл:var(--nw-beta)}
.app .vip-путь-ступени li:nth-child(4){--nw-металл:var(--zhar)}
.app .vip-путь-ступени li:nth-child(5){--nw-металл:var(--lamp)}
.app .vip-путь-ступени li:nth-child(1) u{color:var(--sand)}
.app .vip-путь-ступени li:nth-child(2) u{color:var(--nw-skidka)}
.app .vip-путь-ступени li:nth-child(3) u{color:var(--nw-beta)}
.app .vip-путь-ступени li:nth-child(4) u{color:var(--zhar)}
.app .vip-путь-ступени li:nth-child(5) u{color:var(--lamp-top)}
.app .vip-путь-ступени .впереди span, .app .vip-путь-ступени span{color:var(--cream)}
.app .vip-путь-ступени u{font-weight:700}

.app #vipBox .vip-sheet, .app #vipBox .bindbox{border:2px solid transparent;
  background:
    radial-gradient(90% 90% at 0% 0%, color-mix(in oklab, var(--nw-violet) 30%, transparent), transparent 65%) padding-box,
    radial-gradient(90% 90% at 100% 100%, color-mix(in oklab, var(--sand) 22%, transparent), transparent 65%) padding-box,
    linear-gradient(180deg, var(--stone-2), var(--stone-deep)) padding-box,
    linear-gradient(120deg, var(--nw-violet), var(--sand)) border-box;
  box-shadow:0 14px 30px -18px color-mix(in oklab, var(--nw-violet) 65%, transparent)}
.app #vipBox .vip-h, .app #vipBox .bindbox h2{color:var(--nw-beta)}
.app #vipBox .vip-p, .app #vipBox .bindbox p{color:var(--cream)}
.app #vipBox .bindbox a{color:var(--sand); font-weight:700}
.app #vipBox .vip-row span{font-family:var(--font-display); font-weight:800}
.app #vipBox .vip-row:nth-child(2) span{color:var(--sand)}
.app #vipBox .vip-row:nth-child(3) span{color:var(--nw-skidka)}
.app #vipBox .vip-row:nth-child(4) span{color:var(--nw-beta)}
.app #vipBox .vip-row:nth-child(5) span{color:var(--zhar)}
.app #vipBox .vip-row:nth-child(6) span{color:var(--lamp-top)}
.app #vipBox .vip-row em{color:var(--cream)}


@media (min-width:744px){
  html:not([data-телефон]) .app [data-screen="home"] .gcard[data-game="steam"],
  html:not([data-телефон]) .app [data-screen="home"] .gcard[data-game="mlbb"]{order:1}
  html:not([data-телефон]) .app [data-screen="home"] .gcard[data-game="appstore"]{order:2}
  html:not([data-телефон]) .app [data-screen="home"] .gcard:not([data-game="pubg"]):not([data-game="tgstars"]):not([data-game="steam"]):not([data-game="mlbb"]):not([data-game="appstore"]){order:3}
}

.app .gcard .art3d,
.app .gcard[data-game="appstore"] .art3d,
.app .официальный-предмет .art3d,
.app .объём .art3d,
.app .gcard .акция-ярлык{animation:none}

@media (max-width:743px){
  .app .home-head > .home-vows{justify-self:stretch; width:auto}
  
  .app .home-vows .лоб-уровни{width:100%; box-sizing:border-box}
}

.app .акция-процент,
.app .акция-кратко{display:none}
@media (max-width:743.98px){
  .app .hero-art > .акция-плашка{position:absolute; top:34px; right:10px; z-index:3; width:158px; margin:0;
    padding:8px 9px 8px; display:grid; grid-template-columns:minmax(0, 1fr); row-gap:3px; justify-items:start;
    border-radius:var(--r-lg);
    background:linear-gradient(170deg, color-mix(in oklab, var(--nw-sale) 90%, transparent) 0%,
      color-mix(in oklab, var(--nw-sale-lo) 94%, transparent) 100%);
    box-shadow:inset 0 1px 0 color-mix(in oklab, #fff 38%, transparent), 0 10px 28px -8px #000}
  .app .hero-art > .акция-плашка .акция-огонь{position:absolute; top:7px; right:8px; grid-row:auto}
  .app .hero-art > .акция-плашка .акция-огонь svg{width:16px; height:16px}
  .app .hero-art > .акция-плашка .акция-шапка{display:contents}
  .app .hero-art > .акция-плашка .акция-шапка > b:first-child{grid-row:1; font-size:9.5px; letter-spacing:.1em;
    padding-right:20px; color:color-mix(in oklab, #fff 88%, transparent)}
  .app .hero-art > .акция-плашка .акция-процент{display:block; grid-row:2; font-style:normal;
    font-family:var(--font-display); font-weight:800; font-size:23px; line-height:1.1; letter-spacing:-.02em;
    color:#fff; white-space:nowrap; text-shadow:0 2px 14px color-mix(in oklab, #000 45%, transparent)}
  .app .hero-art > .акция-плашка .акция-часы{grid-row:3; gap:4px; width:100%; margin-top:1px}
  .app .hero-art > .акция-плашка .акция-часы .сег{flex:1 1 0; min-width:0; padding:3px 0 2.5px; gap:1.5px}
  .app .hero-art > .акция-плашка .акция-часы .сег b{font-size:13.5px}
  .app .hero-art > .акция-плашка .акция-часы .сег u{font-size:6.5px; letter-spacing:.08em}
  .app .hero-art > .акция-плашка .акция-кратко{display:block; grid-row:4; font-style:normal; font-size:8.5px;
    font-weight:700; letter-spacing:.07em; line-height:1.25; opacity:.9; margin-top:1px}
  .app .hero-art > .акция-плашка .акция-крик,
  .app .hero-art > .акция-плашка .акция-сами{display:none}
}
@media (max-width:360px){
  .app .hero-art > .акция-плашка{width:138px; padding:7px 7px 7px}
  .app .hero-art > .акция-плашка .акция-процент{font-size:20px}
  .app .hero-art > .акция-плашка .акция-часы .сег b{font-size:12px}
  .app .hero-art > .акция-плашка .акция-кратко{font-size:7.5px}
}




html body.shell{--sh-acc:var(--lamp)!important}


html body.shell .sh-king::before,
html body.shell .sh-tile::before,
html body.shell .sh-wide::before{inset:0; opacity:1; border-radius:inherit; -webkit-mask:none; mask:none;
  background:var(--nw-штрихи) 0 0 / 64px 24px no-repeat}
html body.shell .sh-king::before{background-size:88px 32px}
html.desk body #desk .king::before,
html.desk body #desk .t3::before,
html.desk body #desk .ct-t::before{inset:0; opacity:1; border-radius:inherit; -webkit-mask:none; mask:none;
  background:var(--nw-штрихи) 0 0 / 72px 26px no-repeat}
html.desk body #desk .king::before{background-size:110px 40px}
html.desk body #desk .gfb-body::before,
html.desk body #desk .gfb-front::before{display:none}
html.desk body #desk .nc-back{background:var(--nw-штрихи) 0 0 / 48px 18px no-repeat,
  radial-gradient(80% 60% at 50% 30%, color-mix(in oklab, var(--lamp) 13%, transparent), transparent 70%),
  linear-gradient(180deg, var(--stone-2), var(--stone-deep))}


html.desk body #desk .lv2::after,
html.desk body #desk .lg-card::after,
html.desk body #desk .rg::after,
html.desk body #desk .ord::after,
html.desk body #desk .o-stage::after,
html.desk body #desk .ol-find::after{display:none}


html body.shell .sh-gh-scene img,
html body.shell .sh-king-scene img,
html body.shell .sh-king-scene video,
html.desk body #desk .king-scene video,
html.desk body #desk .h-scene video{filter:none}
html body.shell .sh-gh-scene::before,
html body.shell .sh-king-scene::before,
html.desk body #desk .king-scene::before,
html.desk body #desk .h-scene::before{display:none}
html body.shell .sh-gh-scene .f1,
html body.shell .sh-gh-scene .f2,
html body.shell .sh-air::after,
html.desk body #desk .king-fog,
html.desk body #desk .h-fog,
html.desk body #desk .h-rain{display:none; background:none; animation:none}


html body.shell .sh-king-scene::after{background:
  linear-gradient(180deg, color-mix(in oklab, var(--deep) 10%, transparent) 0%, transparent 24%,
    color-mix(in oklab, var(--deep) 62%, transparent) 50%, color-mix(in oklab, var(--deep) 88%, transparent) 72%,
    color-mix(in oklab, var(--deep) 96%, transparent) 100%)}
html body.shell .sh-gh-scene::after{background:
  linear-gradient(180deg, color-mix(in oklab, var(--deep) 62%, transparent) 0%, transparent 30%,
    color-mix(in oklab, var(--deep) 40%, transparent) 66%, var(--deep) 100%),
  linear-gradient(90deg, color-mix(in oklab, var(--deep) 86%, transparent) 0%, color-mix(in oklab, var(--deep) 60%, transparent) 38%,
    color-mix(in oklab, var(--deep) 22%, transparent) 60%, transparent 80%)}
html.desk body #desk .king-scene{background:url("img/hero4/wide.webp?v=8c7517ee") 72% 50% / cover no-repeat, var(--deep)}
html.desk body #desk .h-scene{background:url("img/hero4/wide.webp?v=8c7517ee") 50% 40% / cover no-repeat, var(--deep)}


html body.shell .sh-king-name,
html body.shell .sh-gh-title,
html body.shell .sh-holo-tier b,
html body.shell .sh-cat-title,
html.desk body #desk .chrome,
html.desk body #desk .king-name,
html.desk body #desk .gh-title,
html.desk body #desk .kw-name,
html.desk body #desk .lg-code b,
html.desk body #desk .holo-tier b{background:none; color:var(--cream); -webkit-text-fill-color:currentColor}
html body.shell [data-screen="track"] #digTitle,
html body.shell [data-screen="about"] .step-n{background:none!important; color:var(--cream)!important;
  -webkit-text-fill-color:currentColor!important; -webkit-background-clip:border-box!important; background-clip:border-box!important}

html body.shell .sh-logo-metal,
html.desk body #desk .v3-logo-metal,
html .gf-page .gf-logo i,
html .hp-page .hp-logo i{background:linear-gradient(90deg, var(--cream) 0 60.6%, var(--lamp) 60.6% 100%)}

html.desk body #desk .v3-search{border-color:var(--nw-нить-ярко)}


html body.shell .sh-count{color:var(--on-lamp); background:var(--metal); box-shadow:0 0 0 2px var(--stone-deep)}

html body.shell .sh-stamp{background:color-mix(in oklab, var(--deep) 82%, transparent)}

html.desk body #desk .o-plate{background:var(--nw-заклёпки), linear-gradient(168deg, var(--stone-2), var(--stone-deep));
  border-color:var(--nw-свет-нить)}

html.desk body #desk .king-name{text-shadow:0 2px 14px rgba(0,0,0,.85)}

html.desk body #desk .g-crumbs i{opacity:1; color:var(--sand-dim)}

html body.shell .ore .mark{color:var(--on-lamp)!important; background:var(--metal)!important}


html body.shell .app #payFallback,
html body.shell .sh-lamp,
html.desk body #desk .ord-go,
html.desk body #desk .od-go,
html.desk body #desk .d-lamp,
html.desk body #desk .d-btn{border-radius:999px}


@media (max-width:743.98px){
  html body.shell .sh-gh-txt{max-width:calc(100% - 56px)}
  html body.shell .sh-gh-title,
  html body.shell .sh-king-name{font-size:clamp(20px, 7.2vw, 30px)}
  html body.shell .grid .ore{padding-left:6px!important; padding-right:6px!important}
  html body.shell .grid .ore .line1 b{font-size:clamp(15px, 4.4vw, 19px)!important; letter-spacing:-.01em}
  
  html body.shell [data-screen="order"] .cart-line > b{font-size:clamp(13px, 3.86vw, 16px); letter-spacing:-.01em;
    text-wrap:balance}
}