:root.collectioner-is-loading {
  overflow: hidden;
}

.collectioner-loading-screen {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 47%, rgba(255, 178, 28, .12), transparent 29%),
    radial-gradient(circle at 18% 18%, rgba(159, 35, 57, .13), transparent 34%),
    linear-gradient(145deg, #080509 0%, #120a12 53%, #090609 100%);
  opacity: 1;
  transition: opacity .42s ease, visibility .42s ease;
  isolation: isolate;
}

.collectioner-loading-screen::before,
.collectioner-loading-screen::after {
  position: absolute;
  width: min(70vw, 680px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 221, 151, .08);
  border-radius: 50%;
  content: "";
  animation: collectioner-orbit 9s linear infinite;
}

.collectioner-loading-screen::after {
  width: min(52vw, 500px);
  border-color: rgba(255, 178, 28, .12);
  animation-duration: 6.7s;
  animation-direction: reverse;
}

/* Оформление Rungine-заставки здесь больше не живёт: главная подключает единый
   rungine.io/embed/publisher-splash.js, который приносит свои стили сам. */

.collectioner-loading-screen--technology{display:block;background:#080b10}.collectioner-loading-screen--technology::before,.collectioner-loading-screen--technology::after{display:none}.collectioner-loading-screen__technology{position:absolute;inset:0;display:grid;align-items:end;overflow:hidden}.collectioner-loading-screen__technology>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:collectioner-technology-arrive 2.8s ease-out both}.collectioner-loading-screen__technology-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,12,.97),rgba(7,8,12,.54) 54%,rgba(7,8,12,.1)),linear-gradient(0deg,rgba(7,8,12,.88),transparent 58%)}.collectioner-loading-screen__technology-copy{position:relative;z-index:2;display:grid;max-width:980px;gap:8px;padding:clamp(30px,7vw,94px);color:#fff4e7}.collectioner-loading-screen__technology-copy small{color:#edb267;font-size:clamp(11px,1.2vw,16px);font-weight:900;letter-spacing:.18em;text-transform:uppercase}.collectioner-loading-screen__technology-copy strong{font:950 clamp(66px,13vw,188px)/.72 "Arial Black",Impact,sans-serif;letter-spacing:-.075em;text-shadow:5px 7px 0 #702b27}.collectioner-loading-screen__technology-copy span{color:#d5d1cc;font-size:clamp(16px,2vw,27px);font-weight:760}.collectioner-loading-screen__technology>i{position:absolute;z-index:3;left:clamp(30px,7vw,94px);bottom:clamp(20px,3vw,44px);width:min(320px,52vw);height:2px;overflow:hidden;background:rgba(255,255,255,.14)}.collectioner-loading-screen__technology>i::after{content:"";display:block;width:44%;height:100%;background:linear-gradient(90deg,transparent,#efb057,transparent);animation:collectioner-rungine-loading 1.35s ease-in-out infinite}

.collectioner-loading-screen__mark-wrap {
  position: relative;
  z-index: 1;
  display: grid;
  width: clamp(112px, 18vw, 190px);
  aspect-ratio: 1;
  place-items: center;
}

.collectioner-loading-screen__mark {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  filter:
    drop-shadow(0 0 24px rgba(255, 178, 28, .22))
    drop-shadow(0 20px 42px rgba(0, 0, 0, .55));
  animation: collectioner-mark-pulse 2.25s ease-in-out infinite;
}

.collectioner-loading-screen__shine {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  pointer-events: none;
  -webkit-mask: url('/assets/collectioner-icon-v3.png') center / contain no-repeat;
  mask: url('/assets/collectioner-icon-v3.png') center / contain no-repeat;
}

.collectioner-loading-screen__shine::before {
  position: absolute;
  inset: -45%;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, .7) 49%, transparent 59%);
  content: "";
  transform: translateX(-75%) rotate(8deg);
  animation: collectioner-shine 2.8s ease-in-out infinite;
}

.collectioner-loading-screen__sponsor{position:absolute;z-index:5;right:clamp(18px,4vw,48px);bottom:clamp(18px,4vw,38px);color:rgba(255,244,231,.62);font-size:clamp(11px,1.2vw,14px);font-weight:760;letter-spacing:.04em}
.collectioner-loading-screen--technology .collectioner-loading-screen__sponsor{left:auto;right:clamp(18px,4vw,48px);bottom:clamp(18px,3vw,38px)}


.collectioner-loading-screen.is-leaving {
  visibility: hidden;
  opacity: 0;
}

@keyframes collectioner-mark-pulse {
  0%, 100% { transform: scale(.985); filter: drop-shadow(0 0 20px rgba(255, 178, 28, .18)) drop-shadow(0 20px 42px rgba(0, 0, 0, .55)); }
  50% { transform: scale(1.025); filter: drop-shadow(0 0 31px rgba(255, 178, 28, .34)) drop-shadow(0 20px 46px rgba(0, 0, 0, .62)); }
}

@keyframes collectioner-shine {
  0%, 22% { transform: translateX(-78%) rotate(8deg); }
  62%, 100% { transform: translateX(78%) rotate(8deg); }
}

@keyframes collectioner-orbit {
  to { transform: rotate(360deg); }
}

/* Полоска-прогресс режима «технологии» */
@keyframes collectioner-rungine-loading {
  from { transform: translateX(-120%); }
  to { transform: translateX(340%); }
}

@keyframes collectioner-technology-arrive{from{opacity:.45;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}

@media (prefers-reduced-motion: reduce) {
  .collectioner-loading-screen::before,
  .collectioner-loading-screen::after,
  .collectioner-loading-screen__mark,
  .collectioner-loading-screen__shine::before {
    animation: none;
  }

  .collectioner-loading-screen__technology>img,.collectioner-loading-screen__technology>i::after{animation:none}
}