@layer components{.ya-tape{background-color:var(--void);height:24px;box-shadow:0 -3px 0 var(--void), 0 3px 0 var(--void);position:relative;overflow:hidden}.ya-tape__run{inset-block:0;width:calc(100% + 24px);image-rendering:pixelated;will-change:transform;background-repeat:repeat-x;background-size:24px 24px;animation:1.6s steps(8,end) infinite ya-tape;position:absolute;left:-24px}.ya-tape--rev .ya-tape__run{animation-direction:reverse}@keyframes ya-tape{to{transform:translate(24px)}}.ya-site{isolation:isolate;background:radial-gradient(60% 80% at 22% 100%, color-mix(in srgb, var(--ember) 18%, transparent), transparent 70%), linear-gradient(180deg, var(--abyss), var(--crypt));position:relative;overflow:hidden}.ya-site__grid{z-index:-1;background-image:linear-gradient(color-mix(in srgb, var(--gold) 7%, transparent) 2px, transparent 2px), linear-gradient(90deg, color-mix(in srgb, var(--gold) 7%, transparent) 2px, transparent 2px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 80%,#0000);mask-image:linear-gradient(#0000,#000 30% 80%,#0000)}.ya-site__ground{z-index:-1;background:var(--void);height:40px;box-shadow:0 -4px 0 var(--crypt-2);position:absolute;inset:auto 0 0}.ya-site__ground:before{content:"";background-image:repeating-conic-gradient(var(--crypt-2) 0 25%, transparent 0 50%);opacity:.6;background-size:8px 8px;position:absolute;inset:0}.ya-crane{filter:drop-shadow(0 0 22px color-mix(in srgb, var(--gold) 22%, transparent));position:relative}.ya-forge{background:var(--void);grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;padding:3px;display:grid}.ya-forge>i{background:var(--crypt-2);height:14px}.ya-forge>i[data-on]{background:var(--gold);box-shadow:inset 0 -3px 0 var(--gold-deep), inset 0 2px 0 #ffffff59}.ya-forge>i[data-hot]{background:var(--ember);animation:.9s steps(2,jump-none) infinite ya-blink}@keyframes ya-blink{50%{opacity:.35}}.ya-bp{--bp:#0e2a5a;--bp-ink:color-mix(in srgb, var(--gta-cyan) 70%, white);background-color:var(--bp);background-image:linear-gradient(color-mix(in srgb, var(--gta-cyan) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--gta-cyan) 22%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--gta-cyan) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--gta-cyan) 9%, transparent) 1px, transparent 1px), repeating-conic-gradient(#00000038 0 25%, transparent 0 50%);--px-c:color-mix(in srgb, var(--gta-cyan) 55%, var(--bp));height:100%;color:var(--bp-ink);background-size:40px 40px,40px 40px,8px 8px,8px 8px,4px 4px;flex-direction:column;transition:filter .12s steps(2,end);display:flex;position:relative}.ya-bp:hover,.ya-bp:focus-within{--px-c:var(--gold);filter:brightness(1.12)}.ya-bp__plate{aspect-ratio:4/3;border:2px dashed color-mix(in srgb, var(--bp-ink) 55%, transparent);place-items:center;margin:12px 12px 0;display:grid;position:relative}.ya-bp__plate:before,.ya-bp__plate:after{content:"";background:color-mix(in srgb, var(--bp-ink) 45%, transparent);position:absolute}.ya-bp__plate:before{height:2px;bottom:8px;left:10px;right:10px}.ya-bp__plate:after{width:2px;top:10px;bottom:10px;right:8px}.ya-bp__icon{color:var(--bp-ink);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--gta-cyan) 45%, transparent));transition:transform .16s steps(2,end)}.ya-bp:hover .ya-bp__icon,.ya-bp:focus-within .ya-bp__icon{transform:translateY(-4px)scale(1.06)}.ya-bp__stamp{border:2px solid var(--ui-blood-ink,#ff5c74);color:var(--ui-blood-ink,#ff5c74);background:#07060b8c;padding:3px 6px 2px;position:absolute;top:10px;right:10px;transform:rotate(6deg)}.ya-tag{background:var(--gold);color:var(--void);clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 calc(50% + 4px),0 calc(50% - 4px));box-shadow:inset 0 -3px 0 var(--gold-deep), inset 0 2px 0 #fff6;white-space:nowrap;align-items:center;gap:6px;padding:6px 10px 6px 18px;display:inline-flex;position:relative}.ya-tag:before{content:"";background:var(--void);width:4px;height:4px;position:absolute;top:calc(50% - 2px);left:8px}.ya-potion{place-items:center;width:132px;height:132px;display:grid;position:relative}.ya-potion__glow{background:color-mix(in srgb, var(--poison) 22%, transparent);filter:blur(20px);animation:2.2s steps(5,end) infinite alternate ya-breathe;position:absolute;inset:12px}@keyframes ya-breathe{0%{opacity:.4}to{opacity:1}}.ya-potion__bubble{background:var(--poison);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--poison) 25%, transparent);opacity:0;animation:2.4s steps(10,end) infinite ya-bubble;position:absolute;bottom:54%}.ya-potion__bubble:nth-child(odd){background:color-mix(in srgb, var(--poison) 60%, white);width:4px;height:4px}@keyframes ya-bubble{0%{opacity:0;transform:translate(0)}15%{opacity:1}50%{transform:translate(6px,-34px)}to{opacity:0;transform:translate(-4px,-70px)}}.ya-potion__flask{animation:2.4s steps(4,end) infinite ya-wobble;position:relative}@keyframes ya-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}html[data-motion=reduce] .ya-tape__run,html[data-motion=reduce] .ya-forge>i[data-hot],html[data-motion=reduce] .ya-potion__glow,html[data-motion=reduce] .ya-potion__flask{animation:none}html[data-motion=reduce] .ya-potion__bubble{display:none}@media (prefers-reduced-motion:reduce){.ya-tape__run,.ya-forge>i[data-hot],.ya-potion__glow,.ya-potion__flask{animation:none}.ya-potion__bubble{display:none}}html[data-quality=low] .ya-tape__run,html[data-quality=low] .ya-potion__glow,html[data-quality=low] .ya-potion__flask{animation-play-state:paused}html[data-quality=low] .ya-potion__bubble{display:none}}@media (max-width:379px){.ya-tag--bp{padding-left:16px;padding-right:8px;font-size:8px}.ya-tag--bp .ya-tag__coin{display:none}}
@layer components{.yg-banner{isolation:isolate;background:radial-gradient(42% 60% at 50% 46%, color-mix(in srgb, var(--blox-violet) 30%, transparent), transparent 70%), radial-gradient(70% 50% at 50% 100%, color-mix(in srgb, var(--blood) 16%, transparent), transparent 70%), linear-gradient(180deg, var(--void) 0%, var(--crypt) 100%);position:relative;overflow:clip}.yg-stars{z-index:-1;background-image:radial-gradient(circle at 12% 18%, var(--bone) 1px, transparent 2px), radial-gradient(circle at 78% 12%, var(--gold) 1px, transparent 2px), radial-gradient(circle at 88% 64%, var(--bone) 1px, transparent 2px), radial-gradient(circle at 24% 72%, var(--blox-violet) 1px, transparent 2px), radial-gradient(circle at 60% 8%, var(--bone) 1px, transparent 2px), repeating-conic-gradient(#00000040 0 25%, transparent 0 50%);opacity:.7;background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,4px 4px;position:absolute;inset:0}.yg-floor{z-index:-1;background:var(--void);height:56px;box-shadow:0 -4px 0 var(--crypt-2);position:absolute;inset:auto 0 0}.yg-floor:before{content:"";background-image:repeating-conic-gradient(var(--crypt-2) 0 25%, transparent 0 50%);opacity:.5;background-size:8px 8px;position:absolute;inset:0}.yg-stage{place-items:center;display:grid;position:relative}.yg-portal>.yg-s4{display:none}@media (min-width:640px){.yg-portal>.yg-s3{display:none}.yg-portal>.yg-s4{display:block}}@media (min-width:1024px) and (max-height:959px){.yg-portal>.yg-s3{display:block}.yg-portal>.yg-s4{display:none}}.yg-aura{z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--blox-violet) 55%, transparent), transparent);filter:blur(18px);opacity:.35;transition:opacity .4s steps(4,end),transform .4s steps(4,end);position:absolute;inset:8% 10% 14%;transform:scale(.8)}.yg-portal{filter:drop-shadow(0 0 #0000);transition:filter .3s steps(3,end);position:relative}.yg-mote{background:var(--gold);opacity:0;pointer-events:none;width:4px;height:4px;position:absolute;top:44%;left:50%}.yg-mote:nth-child(3n){background:var(--bone)}.yg-mote:nth-child(3n+1){background:color-mix(in srgb, var(--blox-violet) 70%, white)}.yg-dot{background:var(--poison);width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb, var(--poison) 30%, transparent), 0 0 12px var(--poison);animation:1.2s steps(2,jump-none) infinite yg-blink;display:inline-block}@keyframes yg-blink{50%{opacity:.35}}.yg-perk{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;display:grid}html[data-motion=reduce] .yg-mote{display:none}html[data-motion=reduce] .yg-dot{animation:none}@media (prefers-reduced-motion:reduce){.yg-mote{display:none}.yg-dot{animation:none}}}