.skr{--tw: clamp(230px, 24vw, 360px);--iw: clamp(84px, 8.6vw, 132px);--push: clamp(70px, 9vw, 150px);position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - var(--hd, 68px));display:grid;grid-template-rows:auto 1fr auto auto;background:#0b0b0c;color:#f4f1f2;font-family:KS Body,ui-monospace,monospace;padding-bottom:0}.skr *,.skr *:before,.skr *:after,.skr__detail *,.skr__detail *:before,.skr__detail *:after{box-sizing:border-box}.skr button,.skr__detail button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.skr img{image-rendering:auto}.skr__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 50% 42%,rgba(254,202,225,.22),transparent 70%),radial-gradient(40% 40% at 18% 80%,rgba(120,120,128,.18),transparent 70%),radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1.7px) 0 0 / 9px 9px,#0b0b0c}.skr__bg:before,.skr__bg:after{content:"";position:absolute;width:520px;height:520px;opacity:.16;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23f4efe8' stroke-width='1.2'%3E%3Cpath d='M0 0 200 200M0 0 200 60M0 0 60 200M0 0 200 120M0 0 120 200'/%3E%3Cpath d='M40 0Q35 30 0 40M80 0Q70 60 0 80M120 0Q105 90 0 120M160 0Q140 120 0 160M200 0Q175 150 0 200'/%3E%3C/g%3E%3C/svg%3E") 0 0 / contain no-repeat}.skr__bg:before{top:0;left:0}.skr__bg:after{right:0;bottom:40px;transform:scale(-1)}.skr__head{display:grid;justify-items:center;gap:8px;padding:34px 16px 0;text-align:center;transition:filter .5s,opacity .5s,transform .5s}.skr__logo{margin:0;line-height:0}.skr__logo img{width:384px;max-width:86vw;height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.6));animation:skr-glitch 6s steps(1) infinite}@keyframes skr-glitch{0%,92%,to{filter:drop-shadow(0 6px 0 rgba(0,0,0,.6));transform:none}93%{filter:drop-shadow(-4px 0 0 #f4f1f2) drop-shadow(4px 0 0 #f6a3c7);transform:translate(2px)}95%{filter:drop-shadow(4px 0 0 #f4f1f2) drop-shadow(-4px 0 0 #f6a3c7);transform:translate(-2px)}}.skr__tag{margin:0;font-size:18px;color:#d6d2d4;letter-spacing:.04em}.skr__rack{position:relative;min-height:clamp(400px,56vh,620px);perspective:1600px;transition:filter .5s,opacity .5s,transform .5s}.skr__rod{position:absolute;top:var(--rod, 46px);z-index:2;left:5%;right:5%;height:12px;border-radius:6px;background:linear-gradient(#f2f4f8,#a6acb6 40%,#6e6a6c 75%,#2a2a2e);box-shadow:0 10px 18px #0009}.skr__rod:before,.skr__rod:after{content:"";position:absolute;top:-6px;width:12px;height:24px;border-radius:4px;background:linear-gradient(90deg,#6e6a6c,#c9ccd2,#6e6a6c)}.skr__rod:before{left:-6px}.skr__rod:after{right:-6px}.skr__items{list-style:none;margin:0;padding:0;display:flex;justify-content:center;height:100%}.skr__it{position:relative;width:var(--iw);height:calc(var(--tw) * 1.01 + 95px);flex:none;transition:transform .7s cubic-bezier(.2,.9,.2,1);transform-style:preserve-3d;z-index:1}.skr__hang{position:absolute;left:50%;top:calc(var(--rod, 46px) - var(--tw) * .045);width:var(--tw);margin-left:calc(var(--tw) / -2);transform-origin:50% 0;transform:rotateY(66deg) rotate(var(--sway, 0deg));transition:transform .8s cubic-bezier(.2,.9,.2,1),filter .4s;display:block;animation:skr-sway 5s ease-in-out infinite;animation-delay:calc(var(--i) * -1.3s)}@keyframes skr-sway{0%,to{--sway: -1.2deg}50%{--sway: 1.2deg}}@property --sway{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.skr__hanger{display:block;width:46%;margin:0 auto -6px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5))}.skr__tee{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 18px rgba(0,0,0,.65)) brightness(.82);transition:filter .4s;pointer-events:none;-webkit-user-select:none;user-select:none}.skr__it:hover,.skr__it:focus-within{z-index:5}.skr__it:hover .skr__hang,.skr__hang:focus-visible{transform:rotateY(0) translateZ(90px) rotate(var(--sway, 0deg));outline:none}.skr__it:hover .skr__tee,.skr__hang:focus-visible .skr__tee{filter:drop-shadow(0 24px 22px rgba(0,0,0,.7)) brightness(1);animation:skr-rgb .45s steps(3)}@keyframes skr-rgb{0%{filter:drop-shadow(-6px 0 0 rgba(244,241,242,.8)) drop-shadow(6px 0 0 rgba(246,163,199,.8))}to{filter:drop-shadow(0 24px 22px rgba(0,0,0,.7))}}.skr__it:hover~.skr__it,.skr__it:focus-within~.skr__it{transform:translate(var(--push))}.skr__it:has(~.skr__it:hover),.skr__it:has(~.skr__it:focus-within){transform:translate(calc(var(--push) * -1))}.skr__label{position:absolute;left:50%;bottom:0;transform:translate(-50%,8px);display:grid;justify-items:center;gap:2px;white-space:nowrap;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.skr__label b{font:700 18px/1 KS Title,monospace;text-transform:uppercase;letter-spacing:.06em;color:#fff;text-shadow:3px 3px 0 var(--c2),-2px -2px 0 #000}.skr__label small{font-size:14px;color:#d6d2d4;letter-spacing:.1em}.skr__it:hover .skr__label,.skr__it:focus-within .skr__label{opacity:1;transform:translate(-50%)}.skr__hint{margin:0 0 18px;text-align:center;color:#a19ca0;font-size:15px;letter-spacing:.08em;text-transform:uppercase;transition:opacity .4s}.skr__marquee{overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,#fecae1,#333);border-top:3px solid #000;color:#fff;font:700 14px/38px KS Title,monospace;letter-spacing:.08em;text-shadow:2px 2px 0 #000}.skr__marquee span{display:inline-block;animation:skr-mq 40s linear infinite;padding-left:100%}@keyframes skr-mq{to{transform:translate(-100%)}}.skr__detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;grid-template-columns:minmax(320px,480px) minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,64px);padding:clamp(16px,4vw,56px) clamp(16px,5vw,80px);background:#0b0b0cb8;font-family:KS Body,ui-monospace,monospace;color:#f4f1f2;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s;overflow-y:auto}.skr__detail.is-open{opacity:1;visibility:visible;transition:opacity .45s}.skr.is-open .skr__rack,.skr.is-open .skr__head,.skr.is-open .skr__hint{filter:blur(10px) brightness(.45);transform:scale(.96)}html.skr-lock{overflow:hidden}.skr__close{position:absolute;top:18px;right:18px;z-index:3;width:48px;height:48px;display:grid;place-items:center;background:#161618;border:2px solid #000;box-shadow:inset 0 0 0 2px #3a3a3e,0 4px #000}.skr__close:hover{background:#fecae1}.skr__close svg{width:20px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:square}.skr__papers{position:relative;display:grid}.skr__paper{grid-area:1 / 1;display:none;gap:12px;padding:22px 22px 20px;background:#f4f1f2;color:#161618;border:3px solid #000;box-shadow:8px 8px #000,0 0 0 6px #f4f1f214;transform:rotate(-1.4deg);clip-path:polygon(0 3%,4% 0,9% 2.4%,15% .4%,22% 2.6%,30% 0,38% 2%,46% .3%,55% 2.5%,63% .2%,71% 2.2%,80% 0,88% 2.6%,95% .5%,100% 2.4%,100% 97%,96% 100%,89% 97.6%,82% 99.6%,74% 97.4%,66% 100%,58% 97.8%,49% 99.7%,41% 97.5%,33% 99.8%,25% 97.6%,17% 100%,9% 97.4%,3% 99.6%,0 97%)}.skr__paper.is-on{display:grid;animation:skr-print .55s steps(6)}@keyframes skr-print{0%{transform:translate(-60px) rotate(-9deg) scale(.9);opacity:0}}.skr__mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;border-bottom:4px double #161618;padding-bottom:6px;font-size:12px;color:#3a3a3e}.skr__mast span:last-child{text-align:right}.skr__mast b{font:700 16px/1 KS Title,monospace;text-transform:uppercase;color:#161618}.skr__h{margin:4px 0 0;font:700 clamp(24px,2.6vw,34px)/1 "KS Title",monospace;text-transform:uppercase;color:#f6a3c7;text-wrap:balance}.skr__kick{margin:0;display:inline-flex;justify-self:start;align-items:center;gap:8px;font-weight:600;font-size:15px;letter-spacing:.1em;text-transform:uppercase}.skr__kick:before{content:"";width:28px;height:14px;border:2px solid #000;background:linear-gradient(135deg,var(--c1) 50%,var(--c2) 50%)}.skr__hud{display:flex;gap:10px;align-items:stretch;padding:10px;background:#161618;border:2px solid #000;box-shadow:inset 0 0 0 2px #333;color:#f4f1f2}.skr__face{width:74px;height:74px;flex:none;display:grid;place-items:center;overflow:hidden;border:2px solid var(--c2);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c2) 40%,#222225),#0b0b0c 75%);box-shadow:inset 0 0 0 2px #000}.skr__sprite{display:block;width:52px;height:72px;background:0 0 / 400% 100% no-repeat;image-rendering:pixelated;animation:skr-idle .9s steps(4) infinite;margin-top:8px}@keyframes skr-idle{to{background-position:133.333% 0}}.skr__stats{flex:1;display:grid;gap:6px;align-content:center;min-width:0}.skr__name{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:15px;line-height:1}.skr__name b{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skr__name span{color:#f4f1f2}.skr__hp{position:relative;height:20px;background:#1c1c1f;border:2px solid #000;overflow:hidden}.skr__hp i{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--c2),color-mix(in srgb,var(--c2) 55%,#000));transform-origin:left;animation:skr-fill 1s cubic-bezier(.2,.9,.2,1)}.skr__hp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 16px,rgba(0,0,0,.5) 16px 18px)}.skr__hp span{position:absolute;left:4px;top:50%;transform:translateY(-50%);z-index:1;font-weight:600;font-size:12px;line-height:1;color:#fff;background:#000;padding:2px 4px}@keyframes skr-fill{0%{transform:scaleX(0)}}.skr__mini{display:flex;gap:12px;font-size:12px;color:#a19ca0}.skr__mini b{color:#fecae1}.skr__lore{font-size:15px;line-height:1.45;color:#222225}.skr__lore:first-letter{float:left;font:700 40px/.82 KS Title,monospace;color:#f6a3c7;margin:4px 4px 0 0}.skr__sh{margin:2px 0 0;font:700 13px/1 KS Title,monospace;text-transform:uppercase;letter-spacing:.06em;border-top:2px solid #161618;padding-top:8px}.skr__specs{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:14px}.skr__specs li{display:flex;gap:8px}.skr__specs li:before{content:"";flex:none;width:8px;height:8px;margin-top:6px;background:#f6a3c7}.skr__buy{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:2px dashed #161618}.skr__price{font:700 22px/1 KS Title,monospace;text-transform:uppercase}.skr__btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;background:linear-gradient(#f6a3c7,#f6a3c7);color:#fff;border:2px solid #000;box-shadow:inset 0 2px #ffffff40,0 4px #000;font-weight:600;font-size:16px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;text-shadow:0 2px 0 #000}.skr__btn:hover{transform:translateY(-2px);box-shadow:inset 0 2px #ffffff40,0 6px #000}.skr__btn .kv-tri{width:10px;height:10px}.skr__stage{display:grid;justify-items:center;gap:18px;perspective:1800px}.skr__card{position:relative;width:min(560px,100%);display:grid;justify-items:center}.skr__card .skr__hanger{width:40%;position:relative;z-index:2}.skr__faces{position:relative;width:100%;aspect-ratio:1000 / 1009;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.9,.2,1)}.skr__faces.is-back{transform:rotateY(180deg)}.skr__face-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;filter:drop-shadow(0 30px 28px rgba(0,0,0,.7))}.skr__back{transform:rotateY(180deg)}.skr__wipe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 0 100% 0);opacity:0;pointer-events:none;z-index:2;filter:drop-shadow(0 30px 28px rgba(0,0,0,.7))}.skr__faces.is-back .skr__wipe{transform:rotateY(180deg)}.skr__wipe.go{opacity:1;animation:skr-wipe .6s cubic-bezier(.6,0,.2,1) forwards}@keyframes skr-wipe{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.skr__controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center}.skr__fb{display:inline-flex;padding:4px;background:#161618;border:2px solid #000;box-shadow:inset 0 0 0 2px #333}.skr__fb button{height:36px;padding:0 16px;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#a19ca0}.skr__fb button.is-on{background:#f4f1f2;color:#161618}.skr__tags{display:flex;gap:14px;align-items:flex-start}.skr__htag{position:relative;width:50px;height:76px;transform-origin:50% -14px;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.skr__htag:before{content:"";position:absolute;left:50%;top:-16px;width:2px;height:18px;background:#d6d2d4}.skr__htag span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;padding-bottom:6px;font-size:9px;font-weight:600;letter-spacing:.06em;color:#fff;text-shadow:0 1px 0 #000;background:radial-gradient(circle at 50% 10px,#0b0b0c 3px,transparent 4px),linear-gradient(160deg,var(--c1) 0 55%,var(--c2) 55%);border:2px solid #000;clip-path:polygon(20% 0,80% 0,100% 16%,100% 100%,0 100%,0 16%);box-shadow:inset 0 0 0 2px #ffffff26}.skr__htag:hover{transform:rotate(-6deg)}.skr__htag.is-on{transform:translateY(8px) rotate(4deg) scale(1.12)}.skr__htag.is-on span{box-shadow:inset 0 0 0 3px #fecae1}@media(max-width:899px){.skr{--tw: 190px;--iw: 82px;--push: 50px}.skr__rack{min-height:330px}.skr{--rod: 40px}.skr__detail{grid-template-columns:1fr;align-items:start;padding:72px 16px 32px}.skr__stage{order:-1}.skr__card{width:min(380px,92vw)}.skr__paper{transform:rotate(-.8deg);padding:18px 16px}.skr__mast{grid-template-columns:1fr;text-align:center}.skr__mast span{display:none}.skr__tags{gap:10px}.skr__htag{width:44px;height:66px}.skr__tag{font-size:15px}}@media(hover:none){.skr__hang{transform:rotateY(60deg) rotate(var(--sway, 0deg))}}@media(prefers-reduced-motion:reduce){.skr *,.skr *:before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/spider-rack.css.map */