.kw{--kw-ease:cubic-bezier(.2, .9, .3, 1);--kw-moon:var(--moon-2,#b6cfff);z-index:1000;padding:calc(16px + var(--safe-t,0px)) 16px calc(16px + var(--safe-b,0px));background:radial-gradient(120% 70% at 50% 0,#241b5e 0%,#0e0a2e 48%,#05040f 100%);place-items:center;animation:.35s both kw-fade;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes kw-fade{0%{opacity:0}}.kw-sky{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.kw-sky i{position:absolute;inset:-10%}.kw-neb{filter:blur(10px);background:radial-gradient(40% 30% at 18% 28%,#8c5ae642,#0000 70%),radial-gradient(45% 35% at 86% 62%,#5078ff2e,#0000 70%),radial-gradient(34% 26% at 55% 10%,#f2c66d24,#0000 70%)}.kw-stars{background:var(--sky);opacity:.8;background-size:300px 300px}.kw-stars-2{opacity:.45;background-size:520px 520px}:root:not([data-motion=reduce]) .kw-neb{animation:26s ease-in-out infinite alternate kw-neb}:root:not([data-motion=reduce]) .kw-stars{animation:90s linear infinite kw-drift-a}:root:not([data-motion=reduce]) .kw-stars-2{animation:140s linear infinite kw-drift-b}@keyframes kw-neb{to{transform:translate(3%,-2%)scale(1.08)}}@keyframes kw-drift-a{to{background-position:300px 150px}}@keyframes kw-drift-b{to{background-position:-520px 260px}}.kw-box{z-index:1;width:min(460px,100%);height:min(700px, calc(100dvh - 32px - var(--safe-t,0px) - var(--safe-b,0px)));grid-template-rows:auto 1fr auto;gap:14px;display:grid;position:relative}.kw-head{justify-content:space-between;align-items:center;gap:10px;margin-right:30px;display:flex}.kw-kicker{font:700 .8rem/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);align-items:center;gap:8px;display:inline-flex}.kw-mark{width:18px;height:18px;color:var(--gold-2)}.kw-skip{cursor:pointer;min-height:40px;color:var(--text-2);font:700 .85rem/1 var(--font-sans);background:#ffffff12;border:0;border-radius:10px;padding:10px 14px}.kw-skip:hover{color:#fff;background:#ffffff1c}.kw-body{text-align:center;align-content:center;justify-items:center;gap:18px;min-height:0;display:grid}.kw-stage{place-items:center;width:100%;min-width:0;display:grid}.kw-copy{justify-items:center;gap:10px;display:grid}.kw-stage,.kw-copy{animation:kw-in .45s var(--kw-ease) both}.kw-copy{animation-delay:50ms}@keyframes kw-in{0%{opacity:0;transform:translate(28px)}}.kw-step{font:800 .7rem/1 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0}.kw-title{font:700 1.65rem/1.15 var(--font-display);color:var(--gold-1);letter-spacing:.02em;text-wrap:balance;margin:0}.kw-text{max-width:380px;color:var(--text-2);text-wrap:pretty;margin:0;font-size:1.02rem;line-height:1.5}.kw-text-gold{color:var(--gold-1);font-size:.95rem}.kw-body[data-step=constellation] .kw-title{color:var(--moon-1,#f1f6ff)}.kw-foot{gap:14px;display:grid}.kw-packs{text-align:center;color:var(--gold-1);margin:0;font-size:.92rem;font-weight:700}.kw-dots{justify-content:center;gap:8px;display:flex}.kw-dots i{width:8px;height:8px;transition:width .3s var(--kw-ease), background .3s;background:#ffffff2e;border-radius:4px}.kw-dots i.done{background:#f2c66d73}.kw-dots i.on{background:var(--gold-2);width:26px;box-shadow:0 0 10px #f2c66d8c}.kw-actions{gap:10px;display:flex}.kw-actions .kw-back,.kw-actions .kw-next{justify-content:center;min-height:52px}.kw-actions .kw-back{flex:none;place-items:center;width:56px;padding:0;display:grid}.kw-actions .kw-next{flex:1;min-width:0}.kw-skip:focus-visible,.kw-back:focus-visible,.kw-next:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.kw-art{place-items:center;width:100%;height:clamp(170px,30dvh,250px);display:grid;position:relative}.kw-card{filter:drop-shadow(0 10px 22px #0000008c);width:78px}.kw-medal{width:64px;height:64px;color:var(--gold-1);background:radial-gradient(circle at 50% 35%,#3a2d7a,#17123f);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1.5px #f2c66db3,0 0 26px #f2c66d40,0 10px 24px #00000080}.kw-chip{width:40px;height:40px;color:var(--gold-1);background:#18133eeb;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #f2c66d80,0 6px 14px #00000073}.kw-rays{background:repeating-conic-gradient(#f2c66d29 0deg 5deg,#0000 5deg 18deg);border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}:root:not([data-motion=reduce]) .kw-rays{animation:60s linear infinite kw-spin}@keyframes kw-spin{to{transform:rotate(360deg)}}.kw-pack{width:clamp(96px,17dvh,128px);position:relative}.kw-art-collection{align-content:center;gap:16px}.kw-fan{align-items:flex-end;gap:10px;display:flex}.kw-fan .kw-card:nth-child(2){width:92px;transform:translateY(-10px)}:root:not([data-motion=reduce]) .kw-fan .kw-card{animation:kw-bob 4.8s ease-in-out calc(var(--i) * -1.6s) infinite}@keyframes kw-bob{50%{translate:0 -6px}}.kw-chips{gap:12px;display:flex}.kw-chip-gold{box-shadow:inset 0 0 0 1px #f2c66dcc,0 0 16px #f2c66d4d,0 6px 14px #00000073}.kw-art-market{grid-template-columns:auto auto;justify-content:center;column-gap:18px}.kw-card-solo{width:100px}.kw-art-market .kw-medal-gavel{position:absolute;top:12%;left:calc(50% - 90px)}.kw-bids{height:96px;color:var(--gold-2);align-items:flex-end;gap:6px;display:flex}.kw-bids i{background:linear-gradient(180deg, var(--gold-2), #f2c66d40);border-radius:4px 4px 2px 2px;width:12px;display:block}.kw-bids i:first-child{opacity:.6;height:30%}.kw-bids i:nth-child(2){opacity:.8;height:55%}.kw-bids i:nth-child(3){height:80%}.kw-bids .kosmo-coin,.kw-bids svg{align-self:flex-start}:root:not([data-motion=reduce]) .kw-bids i{transform-origin:bottom;animation:kw-grow .7s var(--kw-ease) both}.kw-bids i:nth-child(2){animation-delay:.12s}.kw-bids i:nth-child(3){animation-delay:.24s}@keyframes kw-grow{0%{transform:scaleY(0)}}.kw-art-social{grid-template-columns:auto auto auto;justify-content:space-between;width:min(300px,100%);margin:0 auto}.kw-swap-path{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kw-swap-path path{fill:none;stroke:var(--gold-2);stroke-width:1.4px;stroke-opacity:.65;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}:root:not([data-motion=reduce]) .kw-swap-path path{animation:1.6s linear infinite kw-dash}:root:not([data-motion=reduce]) .kw-swap-path path+path{animation-direction:reverse}@keyframes kw-dash{to{stroke-dashoffset:-18px}}.kw-swap{position:relative}.kw-card-small{width:76px}.kw-gift{width:36px;height:36px;position:absolute;bottom:-10px;right:-14px}.kw-art-constellation{width:min(300px,100%)}.kw-figure{width:100%;height:auto;overflow:visible}.kw-figure path{fill:none;stroke:var(--kw-moon);stroke-width:1.4px;stroke-opacity:.7;stroke-dasharray:5 4}.kw-figure circle{fill:#fff;filter:drop-shadow(0 0 5px var(--kw-moon))}.kw-figure circle.gold{fill:var(--gold-1);filter:drop-shadow(0 0 8px var(--gold-2))}:root:not([data-motion=reduce]) .kw-figure path{animation:2.2s linear infinite kw-dash}.kw-medal-moon{color:var(--moon-1,#f1f6ff);background:radial-gradient(circle at 50% 35%,#2a3a86,#0e1440);margin-left:-32px;position:absolute;bottom:0;left:50%;box-shadow:inset 0 0 0 1.5px #b6cfffbf,0 0 26px #b6cfff4d,0 10px 24px #00000080}@media (min-width:900px){.kw-box{gap:18px;width:500px}.kw-card{width:100px}.kw-fan .kw-card:nth-child(2){width:118px}.kw-card-solo{width:130px}.kw-card-small{width:96px}.kw-pack{width:150px}.kw-medal{width:76px;height:76px}.kw-art-social{width:380px}.kw-art-market .kw-medal-gavel{left:calc(50% - 120px)}.kw-art-constellation{width:340px}.kw-title{font-size:1.9rem}.kw-art{height:250px}}@media (min-width:1024px){.kw-where{display:none}.kw-head{margin-right:0}}@media (max-height:620px){.kw-art{height:150px}.kw-body{gap:12px}}html[data-motion=reduce] .kw,html[data-motion=reduce] .kw-stage,html[data-motion=reduce] .kw-copy{animation:none}