*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;overflow:hidden}#section{position:fixed;top:0;right:0;bottom:0;left:0}canvas#c{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas#c.-dragging{cursor:grabbing}.brand{position:fixed;top:clamp(28px,6.5vh,62px);left:50%;transform:translate(-50%);width:92%;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;font-family:Open Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.brand h1{margin:0;font-weight:400;font-size:clamp(26px,4.6vw,54px);line-height:1.1;letter-spacing:-.015em;color:#eef4fd;text-shadow:0 2px 34px rgba(50,110,190,.45),0 1px 3px rgba(0,0,0,.5)}.brand small{display:block;margin-top:16px;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:#c8d8f073}#css3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.card-label{white-space:nowrap;text-align:center;font-family:Open Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-transform:uppercase;-webkit-font-smoothing:antialiased;text-shadow:0 1px 12px rgba(0,0,0,.7);backface-visibility:hidden;-webkit-backface-visibility:hidden}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;font-family:Open Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#eaf1fb;--accent: #7fd8ff}.hud .vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 90% at 50% 42%,transparent 52%,rgba(2,4,9,.55) 100%),linear-gradient(to bottom,rgba(2,4,9,.42) 0%,transparent 20%,transparent 62%,rgba(2,4,9,.62) 100%)}.hud .frame{position:absolute;inset:clamp(14px,2.4vh,26px);border:1px solid rgba(160,200,255,.11);border-radius:3px;box-shadow:inset 0 0 60px #03060e80}.hud .frame:before,.hud .frame:after{content:"";position:absolute;width:9px;height:9px;border:1px solid rgba(180,214,255,.5)}.hud .frame:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.hud .frame:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.hud .mast{position:absolute;top:clamp(30px,6.6vh,66px);left:50%;transform:translate(-50%);width:92%;text-align:center}.hud .mast .kicker{font-size:clamp(8.5px,.95vw,10px);letter-spacing:.42em;text-transform:uppercase;color:#b4cef48c;margin-bottom:15px}.hud .mast .kicker b{color:var(--accent);font-weight:600}.hud .mast h1{margin:0;font-weight:300;font-size:clamp(30px,5.6vw,66px);line-height:1;letter-spacing:.015em;color:#f2f7ff;text-shadow:0 2px 44px rgba(70,140,220,.4),0 1px 3px rgba(0,0,0,.55)}.hud .mast .sub{margin-top:16px;font-size:clamp(10.5px,1.25vw,13px);font-weight:300;letter-spacing:.05em;color:#cedef699}.hud .focus{position:absolute;bottom:clamp(34px,7vh,74px);left:50%;transform:translate(-50%);width:92%;display:flex;flex-direction:column;align-items:center;gap:13px}.hud .focus .counter{display:flex;align-items:baseline;gap:7px;font:500 12px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.16em}.hud .focus .counter .num{color:var(--accent);font-size:14px;text-shadow:0 0 16px rgba(127,216,255,.5)}.hud .focus .counter i{color:#bed6f657;font-style:normal}.hud .focus .counter .total{color:#bed6f680}.hud .focus .name{font-weight:300;font-size:clamp(20px,3.4vw,34px);letter-spacing:.12em;text-transform:uppercase;color:#eef4ff;text-shadow:0 2px 30px rgba(50,120,200,.4),0 1px 2px rgba(0,0,0,.6);will-change:transform,opacity,filter}@keyframes focusSwap{0%{opacity:0;transform:translateY(9px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}.hud .focus .name.-swap{animation:focusSwap .5s cubic-bezier(.22,.61,.36,1) both}.hud .focus .dots{display:flex;align-items:center;gap:9px;margin-top:2px}.hud .focus .dots i{width:5px;height:5px;border-radius:4px;background:#b0ccf442;transition:width .5s cubic-bezier(.22,.61,.36,1),background .5s ease,box-shadow .5s ease}.hud .focus .dots i.-on{width:22px;background:var(--accent);box-shadow:0 0 12px #7fd8ffa6}.hud .hint{position:absolute;bottom:clamp(34px,7vh,74px);right:clamp(26px,4vw,58px);display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#c4daf880;transition:opacity .8s ease}.hud .hint:before{content:"";width:22px;height:1px;background:#c4daf866;animation:hintSlide 2.4s ease-in-out infinite}@keyframes hintSlide{0%,to{transform:translate(0);opacity:.35}50%{transform:translate(6px);opacity:.9}}.hud .mast,.hud .focus,.hud .hint{opacity:0;transform-origin:center;transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.22,.61,.36,1)}.hud .mast{transform:translate(-50%) translateY(-12px)}.hud .focus{transform:translate(-50%) translateY(14px)}body.-ready .hud .mast,body.-ready .hud .focus{opacity:1;transform:translate(-50%) translateY(0)}body.-ready .hud .hint{opacity:1}body.-nudged .hud .hint{opacity:0!important}.hud .frame{opacity:0;transition:opacity 1.6s ease}body.-ready .hud .frame{opacity:1}@media(max-width:620px){.hud .hint{display:none}.hud .focus{bottom:clamp(26px,5vh,40px)}}body{font:400 16px/1.45 Open Sans,Arial,sans-serif;color:#eff4fa}button,a{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #9cdeff;outline-offset:3px}.focus .controls{display:flex;align-items:center;gap:10px;pointer-events:auto}.controls button,.controls a{min-height:44px;background:#111820d9;border:1px solid #afc9df55;border-radius:2px;color:#eff4fa;padding:8px 13px}.controls button:hover,.controls a:hover{background:#24313a;border-color:#96d6f4}.controls a{display:inline-flex;align-items:center;justify-content:center;max-width:min(55vw,300px);text-align:center;line-height:1.2;text-decoration:none}.controls .step{width:44px;font-size:19px;padding:4px}.hud .focus .dots{gap:2px;margin:0;pointer-events:auto}.dots button{height:24px;width:18px;background:none;border:0;display:grid;place-content:center;padding:0}.dots button:before{content:"";width:4px;height:4px;background:#8593a2;border-radius:8px;transition:width .25s}.dots button[aria-current=true]{width:30px}.dots button[aria-current=true]:before{width:21px;background:var(--accent);box-shadow:0 0 10px #7fd8ff80}#fallback-image{position:absolute;top:27%;right:15%;bottom:31%;left:15%;margin:auto;width:fit-content;max-width:70%;height:42%;padding:0;border:0;background:#101318;z-index:2}#fallback-image img{width:100%;height:100%;object-fit:contain;display:block}[hidden]{display:none!important}@media(max-width:620px){.hud .mast{top:6%}.hud .focus{gap:6px;bottom:4.5%}.hud .focus .name{font-size:21px}}@media(max-height:480px){.hud .mast{top:12px}.hud .mast .sub,.hud .mast .kicker,.hud .focus .dots{display:none}.hud .focus{bottom:12px;gap:3px}.hud .mast h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/v17-outfit.css.map */