.dj-hold{--horizon:60%;background:radial-gradient(70% 45% at 50% var(--horizon), #b784ff29 0%, #1e2c5659 40%, transparent 75%), radial-gradient(60% 55% at 50% 40%, #1e2c5680 0%, #07111f8c 45%, transparent 75%), var(--stage);font-family:var(--sans);color:var(--stage-text);-webkit-tap-highlight-color:transparent;animation:1.2s .1s both dj-hold-in;position:fixed;inset:0;overflow:hidden}@keyframes dj-hold-in{0%{opacity:0}}.dj-hold__stars{width:100%;height:100%;position:absolute;inset:0}.dj-hold__world{inset:var(--horizon) 0 0;perspective:240px;perspective-origin:50% 0;background:linear-gradient(#0b0d1c 0%,#04050b 55%,#000 100%);position:absolute;overflow:hidden}.dj-hold__floor{transform-origin:50% 100%;background-image:linear-gradient(#b784ffb3 2px,#0000 2px),linear-gradient(90deg,#5ac8fa80 2px,#0000 2px);background-position:50% 0;background-size:64px 64px;height:1000px;animation:2.4s linear infinite dj-hold-roll;position:absolute;bottom:0;left:-150%;right:-150%;transform:translateY(-1px)rotateX(90deg)translateZ(0);-webkit-mask-image:linear-gradient(#0000 0%,#000 65%);mask-image:linear-gradient(#0000 0%,#000 65%)}@keyframes dj-hold-roll{to{background-position:50% 64px}}.dj-hold__horizon{left:0;right:0;top:var(--horizon);background:var(--grad);opacity:.9;height:2px;margin-top:-1px;position:absolute;box-shadow:0 0 18px 2px #ff6f9173,0 0 60px 10px #b784ff40}.dj-hold__horizon:after{content:"";background:var(--grad);filter:blur(60px);opacity:.22;height:120px;position:absolute;bottom:0;left:10%;right:10%}.dj-hold__stage{left:0;right:0;bottom:calc(100% - var(--horizon) + clamp(36px, 7vh, 72px));padding-inline:max(var(--gutter), env(safe-area-inset-left,0px)) max(var(--gutter), env(safe-area-inset-right,0px));text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute}.dj-hold__markwrap{margin-bottom:clamp(22px,3.5vh,34px);animation:1s .3s both dj-hold-rise;position:relative}.dj-hold__mark{aspect-ratio:74/80;width:clamp(64px,7vw,88px);height:auto;color:var(--stage-text);filter:drop-shadow(0 0 22px #b784ff73)drop-shadow(0 0 4px #ffffff40);animation:6s ease-in-out infinite dj-hold-float;display:block}.dj-hold__shadow{background:radial-gradient(closest-side,#b784ff73,#0000);border-radius:50%;width:80%;height:10px;animation:6s ease-in-out infinite dj-hold-shadow;position:absolute;bottom:-20px;left:50%;translate:-50%}@keyframes dj-hold-float{50%{transform:translateY(-10px)}}@keyframes dj-hold-shadow{50%{opacity:.6;transform:scale(.8)}}.dj-hold__word{letter-spacing:.2em;text-transform:uppercase;margin:0;padding-left:.2em;font-size:clamp(13px,1.3vw,16px);font-weight:500;line-height:1;animation:1s .5s both dj-hold-rise}.dj-hold__h{letter-spacing:-.015em;text-wrap:balance;margin:clamp(14px,2.2vh,22px) 0 0;font-size:clamp(40px,5.6vw,72px);font-weight:600;line-height:1.04;animation:1s .7s both dj-hold-rise}@keyframes dj-hold-rise{0%{opacity:0;transform:translateY(18px)}}.dj-hold__dot{cursor:default;transition:text-shadow .4s;position:relative}.dj-hold__dot:after{content:"";position:absolute;inset:-.15em -.2em -.1em}.dj-hold__dot.is-lit{text-shadow:0 0 10px #ffffffe6,0 0 22px #b784ffcc}.dj-hold__flash{pointer-events:none;background:radial-gradient(circle at 50% 45%, #fff 0%, #fff9 30%, var(--stage) 75%);opacity:0;position:absolute;inset:0}.dj-hold.is-entering .dj-hold__floor{animation-duration:.25s}.dj-hold.is-entering .dj-hold__stage{opacity:0;transition:transform 1.1s cubic-bezier(.55,0,.75,.2),opacity .9s .2s;transform:scale(1.6)}.dj-hold.is-entering .dj-hold__horizon{opacity:0;transition:opacity .8s .3s}.dj-hold.is-entering .dj-hold__flash{animation:1.3s ease-in forwards dj-hold-flash}@keyframes dj-hold-flash{0%{opacity:0}55%{opacity:.85}to{opacity:1;background:var(--stage)}}@media (max-width:734px),(max-height:480px){.dj-hold{--horizon:64%}.dj-hold__h{font-size:clamp(32px,10vw,44px)}}@media (prefers-reduced-motion:reduce){.dj-hold,.dj-hold *,.dj-hold :after{transition:none!important;animation:none!important}}