@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;--ink: #f5f7ff;--muted: #7f8aa2;--line: rgba(181, 208, 255, .16);--cyan: #67e8ff;--pink: #ff62d0;--lime: #bcff8a;--pack-w: clamp(230px, 24vw, 315px);--pack-ratio: 1.765;--spring: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:#071329}body{min-width:320px;min-height:100svh;overflow:hidden;color:var(--ink);-webkit-font-smoothing:antialiased}button,a{color:inherit;font:inherit}button{border:0}.app{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(28,68,132,.58),transparent 38%),linear-gradient(165deg,#081a38,#061126 55%,#040b18)}.ambient,.ambient__grain,.ambient__bloom{position:absolute;inset:0;pointer-events:none}.ambient{z-index:-1;overflow:hidden}.ambient__bloom{inset:auto;width:46vw;height:46vw;border-radius:999px;filter:blur(95px);opacity:.13}.ambient__bloom--one{left:-20vw;top:10vh;background:var(--cyan);animation:float-bloom 14s ease-in-out infinite alternate}.ambient__bloom--two{right:-18vw;bottom:-20vh;background:var(--pink);animation:float-bloom 17s ease-in-out infinite alternate-reverse}.ambient__grain{opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.topbar{position:absolute;z-index:20;top:0;left:0;width:100%;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid rgba(197,215,255,.08);pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:12px;color:#eef4ff;text-decoration:none;font-family:DM Mono,monospace;font-weight:500;letter-spacing:.08em}.brand__mark{position:relative;display:inline-flex;width:28px;height:23px;align-items:end;gap:3px;transform:skew(-12deg)}.brand__mark i{display:block;width:7px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--cyan),#3886ff);box-shadow:0 0 14px #67e8ff59}.brand__mark i:nth-child(1){height:13px}.brand__mark i:nth-child(2){height:22px}.brand__mark i:nth-child(3){height:17px;background:linear-gradient(180deg,var(--pink),#7755ff)}.topbar__meta{display:flex;align-items:center;gap:9px;color:var(--muted);font:500 11px/1 DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.stage{min-height:100svh;display:grid;place-items:center;padding:92px 5vw 104px}.intro{position:absolute;left:clamp(24px,6vw,92px);top:50%;z-index:5;width:min(340px,28vw);transform:translateY(-50%);animation:intro-in .85s .08s both var(--spring)}.eyebrow{margin:0 0 16px;color:var(--cyan);font:500 11px/1.2 DM Mono,monospace;letter-spacing:.18em}.intro h1{margin:0;font-size:clamp(40px,5.1vw,76px);line-height:.93;letter-spacing:-.065em;text-wrap:balance}.intro h1 span{color:transparent;background:linear-gradient(90deg,#fff 20%,#a9d8ff 54%,#ff9ee5);background-clip:text;-webkit-background-clip:text}.lede{max-width:280px;margin:24px 0 0;color:#8d9ab3;font-size:13px;line-height:1.7}.pack-grid{width:min(790px,63vw);margin-left:min(300px,23vw);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,30px);perspective:1200px}.pack-choice{--rx: 0deg;--ry: 0deg;--lift: 0px;position:relative;padding:0;background:none;cursor:pointer;opacity:0;transform:translateY(28px);animation:pack-in .8s calc(.22s + var(--delay)) forwards var(--spring)}.pack-choice:before{content:"";position:absolute;left:12%;right:12%;bottom:54px;height:24px;background:#000;opacity:.55;filter:blur(18px);border-radius:50%;transform:translateY(calc(var(--lift) * -.15));transition:.45s var(--spring)}.pack-choice__visual{position:relative;display:block;width:100%;aspect-ratio:17/30;transform:translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .45s var(--spring),filter .45s ease;filter:hue-rotate(var(--hue)) saturate(1.08) drop-shadow(0 18px 24px rgba(0,0,0,.4));will-change:transform}.pack-choice__visual img,.pack-piece img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.pack-choice:hover,.pack-choice:focus-visible{--lift: -18px;outline:none;z-index:2}.pack-choice:focus-visible .pack-choice__visual{filter:hue-rotate(var(--hue)) saturate(1.2) drop-shadow(0 0 0 2px var(--cyan)) drop-shadow(0 20px 28px rgba(0,0,0,.5))}.pack-choice__label{display:flex;align-items:end;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line);color:#dce7fb;text-align:left}.pack-choice__label b{font:500 12px/1 DM Mono,monospace;letter-spacing:.12em}.pack-choice__label small{color:#65718a;font:400 8px/1 DM Mono,monospace;letter-spacing:.08em}.foil-sheen{position:absolute;inset:1.5%;overflow:hidden;clip-path:polygon(3.5% 0,96.5% 0,100% 3%,100% 97%,96% 100%,4% 100%,0 97%,0 3%);background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.05) 33%,rgba(255,255,255,.62) 41%,rgba(92,236,255,.24) 47%,transparent 58%),linear-gradient(20deg,transparent 28%,rgba(255,95,213,.24) 42%,rgba(255,239,122,.23) 49%,transparent 60%);background-size:220% 220%,180% 180%;background-position:var(--shine-x, 120%) var(--shine-y, 50%),0% 50%;mix-blend-mode:screen;opacity:.72;pointer-events:none;transition:background-position .14s linear}.foil-sheen:after{content:"";position:absolute;inset:0;background:url(/reference/foil-glitter.png) center / 145% 115%,url(/reference/foil-illusion.png) center / 170% 135%;mix-blend-mode:screen;opacity:.09;filter:contrast(.65) brightness(.82)}.pack-choice:hover .foil-sheen{animation:foil-pass 1.2s ease both}.open-stage{position:absolute;z-index:5;inset:72px 0 82px;perspective:1300px}.open-stage[hidden]{display:none}.open-stage.is-entering .pack-shell{animation:selected-pack-in 1.05s var(--spring) both}.open-stage.is-entering .change-pack,.open-stage.is-entering .gesture-copy{animation:ui-drop .65s .55s both var(--spring)}.change-pack{position:absolute;z-index:12;top:-48px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid rgba(182,211,255,.18);border-radius:999px;background:#040a1a6b;box-shadow:inset 0 0 0 1px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#cdd8eb;font:600 11px/1 DM Mono,monospace;cursor:pointer;transition:.25s ease}.change-pack:hover,.change-pack:focus-visible{color:#fff;border-color:#67e8ff85;background:#15356280;outline:none}.change-pack span{color:var(--cyan)}.gesture-copy{position:absolute;z-index:4;left:calc(50% + var(--pack-w) / 2 + 70px);top:45%;display:flex;align-items:center;gap:13px;width:210px;color:#e9f1ff;transition:opacity .35s ease,transform .35s ease}.gesture-copy.is-hidden{opacity:0;transform:translate(10px);pointer-events:none}.gesture-copy b,.gesture-copy small{display:block}.gesture-copy b{font:600 11px/1.3 DM Mono,monospace;letter-spacing:.03em}.gesture-copy small{margin-top:5px;color:#6f7e9b;font-size:10px}.gesture-copy__icon{position:relative;width:36px;height:36px;flex:0 0 auto;border:1px solid rgba(103,232,255,.22);border-radius:50%}.gesture-copy__icon:before{content:"";position:absolute;left:8px;top:17px;width:19px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 8px var(--cyan);transform:rotate(-13deg)}.gesture-copy__icon i{position:absolute;top:12px;left:8px;width:5px;height:5px;border:1px solid var(--cyan);border-left:0;border-bottom:0;transform:rotate(32deg);animation:gesture-hand 1.8s ease-in-out infinite}.pack-shell{--pack-h: calc(var(--pack-w) * var(--pack-ratio));--tilt-x: 0deg;--tilt-y: 0deg;--float-y: 0px;position:absolute;z-index:5;left:50%;top:50%;width:var(--pack-w);height:var(--pack-h);outline:none;transform:translate(-50%,-50%) translateY(var(--float-y)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 38px 36px rgba(0,0,0,.5));will-change:transform}.pack-shell:not(.is-cutting):not(.is-open){animation:pack-breathe 3.9s ease-in-out infinite}.pack-shell.is-cutting{cursor:grabbing;animation:none}.pack-shell.is-open{cursor:default;animation:none;filter:none}.pack-shell:focus-visible:after{content:"";position:absolute;inset:-8px;border:1px solid var(--cyan);border-radius:8px;box-shadow:0 0 24px #67e8ff3d}.pack-piece{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform,opacity,clip-path}.pack-piece--top{z-index:6;clip-path:polygon(0 0,100% 0,100% var(--cut-right, 22%),0 var(--cut-left, 22%))}.pack-piece--body{z-index:5;clip-path:polygon(0 var(--cut-left, 22%),100% var(--cut-right, 22%),100% 100%,0 100%)}.pack-piece .foil-sheen{inset:0;opacity:.85}.slice-fx-canvas{position:fixed;z-index:4;inset:0;width:100vw;height:100vh;display:none;pointer-events:none}.app.has-selection .slice-fx-canvas{display:block}.pack-shell.canvas-fx-ready .seal-guide,.pack-shell.canvas-fx-ready .cut-beam,.pack-shell.canvas-fx-ready .slash-flare,.pack-shell.canvas-fx-ready .sparks{display:none}.pack-shell.canvas-fx-ready .pack-aura{opacity:0}.pack-shell.canvas-scene-ready .pack-piece,.pack-shell.canvas-scene-ready .card-stack{visibility:hidden}.pack-shell.canvas-scene-ready:focus-visible:after{display:none}.pack-shell.canvas-scene-ready{--pack-w: min(92vw, 42.32vh);top:calc(50% + 5px);animation:none!important;--float-y: 0px}.pack-aura{position:absolute;z-index:1;left:-32%;right:-32%;top:7%;height:22%;pointer-events:none;opacity:.8;filter:blur(.2px);transition:opacity .3s ease}.pack-aura i{position:absolute;top:var(--ray-y);width:var(--ray-w);height:var(--ray-h);border-radius:999px;opacity:var(--ray-opacity);transform:rotate(var(--ray-rotate));animation:ray-pulse var(--ray-speed) ease-in-out infinite alternate}.pack-aura i:nth-child(1){--ray-y: 40%;--ray-w: 31%;--ray-h: 9px;--ray-opacity: .78;--ray-rotate: 5deg;--ray-speed: 1.8s;left:0;background:linear-gradient(90deg,transparent,#5ae8ff);box-shadow:0 0 11px #53e5ff,0 0 28px #53e5ffb3}.pack-aura i:nth-child(2){--ray-y: 62%;--ray-w: 24%;--ray-h: 5px;--ray-opacity: .46;--ray-rotate: -3deg;--ray-speed: 2.2s;left:8%;background:linear-gradient(90deg,transparent,#8ea2ff);box-shadow:0 0 10px #7b9cff}.pack-aura i:nth-child(3){--ray-y: 48%;--ray-w: 32%;--ray-h: 8px;--ray-opacity: .8;--ray-rotate: 6deg;--ray-speed: 1.65s;right:0;background:linear-gradient(90deg,#ff66dd,transparent);box-shadow:0 0 11px #ff5ed7,0 0 28px #ff5ed7b8}.pack-aura i:nth-child(4){--ray-y: 22%;--ray-w: 21%;--ray-h: 4px;--ray-opacity: .36;--ray-rotate: -7deg;--ray-speed: 2.45s;right:7%;background:linear-gradient(90deg,#bf75ff,transparent);box-shadow:0 0 9px #bb6cff}.pack-shell.is-open .pack-aura{opacity:0}.seal-guide{position:absolute;z-index:4;left:-31%;right:-31%;top:12.5%;height:16px;opacity:.82;pointer-events:none;transition:opacity .3s ease;animation:seal-guide-breathe 1.9s ease-in-out infinite}.seal-guide:before,.seal-guide:after{content:"";position:absolute;top:50%;width:50%;height:8px;border-radius:999px;transform:translateY(-50%);background-size:50px 100%;background-repeat:repeat-x}.seal-guide:before{left:0;background-image:repeating-linear-gradient(90deg,transparent 0 9px,#9af8ff 9px 29px,transparent 29px 50px);filter:drop-shadow(0 0 4px #8ef7ff) drop-shadow(0 0 10px rgba(83,229,255,.92)) drop-shadow(0 0 18px rgba(83,229,255,.52));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%);animation:seal-dash-left 1.18s linear infinite}.seal-guide:after{right:0;background-image:repeating-linear-gradient(90deg,transparent 0 9px,#ff8dea 9px 29px,transparent 29px 50px);filter:drop-shadow(0 0 4px #ffb0ee) drop-shadow(0 0 10px rgba(255,91,220,.9)) drop-shadow(0 0 18px rgba(255,91,220,.5));-webkit-mask-image:linear-gradient(90deg,#000 0,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 78%,transparent 100%);animation:seal-dash-right 1.18s linear infinite}.pack-shell:hover .seal-guide,.pack-shell:focus-visible .seal-guide{opacity:1}.pack-shell.is-cutting .seal-guide,.pack-shell.is-open .seal-guide{opacity:0}.cut-beam,.slash-flare{position:absolute;z-index:12;left:0;top:0;width:var(--beam-length, 0px);height:10px;border-radius:99px;transform-origin:0 50%;transform:translate(var(--beam-x, 0px),var(--beam-y, 0px)) translateY(-50%) rotate(var(--beam-angle, 0deg));opacity:0;pointer-events:none}.cut-beam{background:radial-gradient(ellipse 10px 4px at 7px 50%,#fff 0 38%,#8ff4ff 52%,transparent 78%),radial-gradient(ellipse 7px 3px at 25px 54%,#fff 0 42%,#74eaff 58%,transparent 82%),radial-gradient(ellipse 11px 4px at 43px 47%,#fff 0 36%,#ff91df 55%,transparent 80%);background-size:52px 18px;background-repeat:repeat-x;filter:blur(.1px) drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #5de5ff) drop-shadow(0 0 13px #fb4dcc);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 90%,transparent);animation:beam-electric .28s steps(3) infinite}.pack-shell.is-cutting .cut-beam{opacity:calc(.25 + var(--cut-progress, 0) * .75)}.slash-flare{z-index:13;height:2px;overflow:visible;mix-blend-mode:screen}.slash-core{position:absolute;left:0;right:0;top:50%;height:12px;border-radius:999px;background:linear-gradient(90deg,#61eaff 0,#fff 18% 79%,#ff72dc);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);box-shadow:0 0 5px #fff,0 0 13px #70efff,0 0 28px #67e8ffcc,0 0 38px #ff62d08c;opacity:0;transform:translateY(-50%) scaleY(.2)}.slash-flare.is-active{opacity:1}.slash-flare.is-active .slash-core{animation:slash-core .46s ease-out both}.slash-dot{position:absolute;z-index:1;left:var(--dot-x);top:calc(50% + var(--dot-y));width:var(--dot-width);height:var(--dot-height);border-radius:999px;background:#fff;box-shadow:0 0 5px #fff,0 0 10px var(--dot-color),0 0 21px var(--dot-color),0 0 30px color-mix(in srgb,var(--dot-color) 50%,transparent);opacity:0;transform:translateY(-50%) scaleX(.25) scaleY(.65);will-change:transform,opacity,filter}.slash-flare.is-active .slash-dot{animation:slash-dot-life .5s var(--dot-delay) cubic-bezier(.16,1,.3,1) both}.sparks{position:absolute;z-index:14;inset:0;pointer-events:none}.spark{position:absolute;left:var(--spark-x);top:var(--spark-y);width:var(--spark-size);height:2px;background:var(--spark-color);border-radius:99px;box-shadow:0 0 7px var(--spark-color);transform:rotate(var(--spark-angle));animation:spark-out .55s var(--spark-delay) ease-out both}.card-stack{position:absolute;z-index:3;top:8%;left:3%;right:3%;aspect-ratio:733 / 1024;perspective:1000px;opacity:0;transform:translateY(60px) scale(.9);pointer-events:none}.card-stack.is-revealing{animation:card-rise .9s .18s var(--spring) both}.card-stack.is-ready{opacity:1;transform:none;pointer-events:auto}.card-shadow{position:absolute;left:9%;right:9%;bottom:-5%;height:12%;background:#02050c;opacity:.6;filter:blur(17px);border-radius:50%}.reveal-card{position:absolute;inset:0;border-radius:18px;transform-style:preserve-3d;transition:transform .75s var(--spring);cursor:pointer}.reveal-card.is-flipped{transform:rotateY(180deg) scale(.96)}.reveal-card.is-switching{animation:card-switch .52s var(--spring)}.card-face{position:absolute;inset:0;overflow:hidden;border-radius:18px;backface-visibility:hidden;box-shadow:0 24px 70px #00000073,0 0 0 1px #ffffff40}.card-face img{display:block;width:100%;height:100%;object-fit:contain}.card-face--back{display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#244478 0 5%,transparent 5.5%),radial-gradient(circle at center,#111c4f 0 42%,#081026 43% 50%,#e2efff 51% 53%,#081026 54%);border:11px solid #e8f3ff;transform:rotateY(180deg)}.card-face--back b{font:800 24px/1 Manrope,sans-serif;letter-spacing:.08em}.card-face--back small{margin-top:7px;color:var(--cyan);font:500 9px/1 DM Mono,monospace;letter-spacing:.2em}.card-back__orbit{position:absolute;inset:16%;border:2px solid rgba(103,232,255,.55);border-radius:50%;transform:rotate(28deg)}.card-glint{position:absolute;inset:-25%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.66) 48%,rgba(120,241,255,.27) 51%,transparent 60%);transform:translate(var(--card-shine, -40%));mix-blend-mode:screen;pointer-events:none}.pull-card{position:absolute;z-index:8;left:clamp(28px,6vw,90px);top:50%;width:clamp(240px,23vw,310px);padding:24px;border:1px solid rgba(176,207,255,.15);border-radius:20px;background:linear-gradient(160deg,#0a1734c2,#040a1985);box-shadow:0 30px 70px #00000040,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transform:translate(-30px,-46%);pointer-events:none}.pull-card.is-visible{animation:details-in .75s .5s var(--spring) both;pointer-events:auto}.pull-card__index{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;color:#71809b;font:500 10px/1 DM Mono,monospace;letter-spacing:.13em}.rarity-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 11px var(--pink)}.pull-card .eyebrow{margin-bottom:9px;font-size:9px}.pull-card h2{margin:0;font-size:clamp(25px,2.5vw,35px);line-height:1.05;letter-spacing:-.045em}.pull-card>p:not(.eyebrow){margin:9px 0 26px;color:#74819a;font:400 10px/1.4 DM Mono,monospace;letter-spacing:.04em}.pull-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pull-card__stats span{padding:13px 14px;border:1px solid rgba(166,203,255,.12);border-radius:11px;background:#5d90ff12}.pull-card__stats small,.pull-card__stats b{display:block}.pull-card__stats small{color:#71809c;font:500 8px/1 DM Mono,monospace;letter-spacing:.12em}.pull-card__stats b{margin-top:8px;font:600 17px/1 DM Mono,monospace}.pull-card__actions{display:grid;grid-template-columns:42px 1fr;gap:8px;margin-top:16px}.pull-card__actions button{height:42px;border:1px solid rgba(170,205,255,.15);border-radius:10px;background:#ffffff0e;color:#dce8fa;cursor:pointer;transition:.22s ease;font-size:11px;font-weight:700}.pull-card__actions button:hover,.pull-card__actions button:focus-visible{outline:none;border-color:#67e8ff85;background:#67e8ff17;color:#fff}.pull-card__actions button:last-child{display:flex;align-items:center;justify-content:space-between;padding:0 14px}.pull-card__actions button span{color:var(--cyan)}.footer-stats{position:absolute;z-index:20;left:0;bottom:0;width:100%;min-height:82px;display:flex;align-items:center;gap:34px;padding:12px clamp(22px,4vw,64px);border-top:1px solid rgba(197,215,255,.08);background:linear-gradient(180deg,#040b1900,#040b196b)}.footer-stats>div:first-child{display:flex;flex-direction:column}.footer-stats small{color:#63708a;font:500 8px/1 DM Mono,monospace;letter-spacing:.13em}.footer-stats strong{margin-top:5px;font:500 20px/1 DM Mono,monospace;letter-spacing:.08em}.footer-instruction{display:flex;align-items:center;gap:10px;color:#8190aa;font:500 9px/1 DM Mono,monospace;letter-spacing:.13em}.footer-instruction span{width:22px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.sound-toggle{margin-left:auto;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(176,207,255,.12);border-radius:99px;background:#ffffff09;color:#71809a;cursor:pointer;font:500 8px/1 DM Mono,monospace;letter-spacing:.08em}.sound-toggle span{color:var(--cyan);font-size:12px}.sound-toggle[aria-pressed=false]{opacity:.54}.app.has-selection .intro{animation:intro-out .45s both ease;pointer-events:none}.app.has-selection .pack-grid{pointer-events:none}.app.has-selection .pack-choice{animation:choice-out .55s calc(var(--delay) * .25) both cubic-bezier(.55,0,1,.45)}.app.has-opened .gesture-copy{opacity:0}.app.has-opened .footer-instruction{color:var(--lime)}@keyframes intro-in{0%{opacity:0;transform:translate(-28px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes intro-out{to{opacity:0;transform:translate(-26px,-50%)}}@keyframes pack-in{to{opacity:1;transform:translateY(0)}}@keyframes choice-out{to{opacity:0;transform:translateY(45px) scale(.9);filter:blur(7px)}}@keyframes selected-pack-in{0%{opacity:0;transform:translate(-50%,-44%) scale(.62) rotateY(-12deg);filter:blur(10px) drop-shadow(0 0 0 transparent)}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1) rotateY(0);filter:drop-shadow(0 38px 36px rgba(0,0,0,.5))}}@keyframes ui-drop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes pack-breathe{0%,to{--float-y: -2px}50%{--float-y: 5px}}@keyframes foil-pass{0%{background-position:-90% 50%,0 50%}to{background-position:140% 50%,100% 50%}}@keyframes seal-guide-breathe{0%,to{transform:scaleX(.98);filter:brightness(.82)}50%{transform:scaleX(1.035);filter:brightness(1.28)}}@keyframes seal-dash-left{0%{background-position:0 0}to{background-position:-50px 0}}@keyframes seal-dash-right{0%{background-position:0 0}to{background-position:50px 0}}@keyframes beam-electric{0%{background-position:0 0;filter:blur(.1px) drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #5de5ff)}50%{background-position:5px -1px;filter:blur(.25px) drop-shadow(0 0 5px #fff) drop-shadow(0 0 12px #ff72dc)}to{background-position:11px 1px;filter:blur(.1px) drop-shadow(0 0 3px #fff) drop-shadow(0 0 9px #5de5ff)}}@keyframes slash-core{0%{opacity:1;transform:translateY(-50%) scaleX(.94) scaleY(.28);filter:brightness(1.8)}15%{opacity:1;transform:translateY(-50%) scaleX(1) scaleY(5.4);filter:brightness(2.2)}34%{opacity:.95;transform:translateY(-50%) scaleX(1) scaleY(1.15);filter:brightness(1.6)}56%{opacity:.36;transform:translateY(-50%) scaleX(.99) scaleY(.62);filter:brightness(1.2)}78%{opacity:.1;transform:translateY(-50%) scaleX(.98) scaleY(.22)}to{opacity:0;transform:translateY(-50%) scaleX(.96) scaleY(.08)}}@keyframes slash-dot-life{0%{opacity:0;transform:translateY(-50%) scaleX(.2) scaleY(.55);filter:brightness(2)}13%{opacity:var(--dot-alpha-rise);transform:translateY(-50%) scaleX(1.14) scaleY(1.2);filter:brightness(2.35)}48%{opacity:var(--dot-alpha);transform:translateY(-50%) scaleX(1) scaleY(1);filter:brightness(1.7)}78%{opacity:var(--dot-alpha-fade);transform:translateY(-50%) scaleX(.9) scaleY(.82);filter:brightness(1.25)}to{opacity:0;transform:translateY(-50%) scaleX(.62) scaleY(.54);filter:blur(1px)}}@keyframes spark-out{0%{opacity:1;transform:rotate(var(--spark-angle)) translate(0) scaleX(.4)}to{opacity:0;transform:rotate(var(--spark-angle)) translate(var(--spark-distance)) scaleX(1.4)}}@keyframes card-rise{0%{opacity:0;transform:translateY(88px) scale(.76) rotateY(16deg);filter:blur(8px)}55%{opacity:1;filter:blur(0)}to{opacity:1;transform:none}}@keyframes card-switch{0%{transform:translate(0) rotateY(0);opacity:1}48%{transform:translate(70px) rotateY(-18deg) scale(.9);opacity:0}52%{transform:translate(-70px) rotateY(18deg) scale(.9);opacity:0}to{transform:translate(0) rotateY(0);opacity:1}}@keyframes details-in{0%{opacity:0;transform:translate(-30px,-46%)}to{opacity:1;transform:translateY(-50%)}}@keyframes gesture-hand{0%,to{transform:translate(0) rotate(32deg);opacity:.55}50%{transform:translate(15px) rotate(32deg);opacity:1}}@keyframes float-bloom{to{transform:translate(10vw,7vh) scale(1.16)}}@keyframes ray-pulse{0%{transform:translate(-4px) rotate(var(--ray-rotate)) scaleX(.82);filter:brightness(.75)}to{transform:translate(7px) rotate(var(--ray-rotate)) scaleX(1.08);filter:brightness(1.35)}}@media(max-width:980px){body{overflow:auto}.app{min-height:100svh}.stage{min-height:100svh;padding-top:98px;padding-bottom:100px;align-items:start}.intro{position:relative;left:auto;top:auto;width:min(660px,100%);transform:none;text-align:center;margin:2vh auto 36px;animation-name:intro-in-tablet}.intro h1{font-size:clamp(43px,10vw,72px)}.lede{margin-left:auto;margin-right:auto}.pack-grid{width:min(680px,92vw);margin:0;grid-template-columns:repeat(4,1fr);gap:16px}.pack-choice__label{display:block}.pack-choice__label small{display:none}.gesture-copy{left:calc(50% + var(--pack-w) / 2 + 50px);width:155px}.gesture-copy__icon{display:none}.pull-card{left:22px;width:230px;padding:18px}}@media(max-width:720px){:root{--pack-w: min(64vw, 270px)}.topbar{height:62px;padding-inline:18px}.topbar__meta{display:none}.stage{min-height:0;height:100svh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;padding:74px 18px 78px}.intro{flex:0 0 auto;margin:0 0 20px;animation-name:intro-in-tablet}.intro .eyebrow{margin-bottom:12px}.intro h1{font-size:clamp(40px,13vw,57px)}.lede{margin-top:13px;line-height:1.55}.pack-grid{flex:0 0 auto;grid-template-columns:repeat(2,minmax(0,112px));width:auto;gap:11px 16px}.pack-choice__label{padding-top:8px}.open-stage{inset:62px 0 72px}.change-pack{top:18px}.pack-shell{top:42%;transform:translate(-50%,-50%)}.gesture-copy{display:none}.gesture-copy b{font-size:10px}.gesture-copy small{font-size:9px}.pull-card{inset:auto 14px 12px;width:auto;padding:14px;transform:translateY(25px)}.pull-card.is-visible{animation-name:details-in-mobile}.pull-card__index,.pull-card>p:not(.eyebrow),.pull-card__stats{display:none}.pull-card .eyebrow{margin:0 0 5px}.pull-card h2{font-size:23px}.pull-card__actions{position:absolute;right:14px;top:50%;width:166px;margin:0;transform:translateY(-50%)}.footer-stats{min-height:72px;padding:10px 18px}.footer-instruction{display:none}.footer-stats strong{font-size:17px}.sound-toggle{padding:9px;font-size:0}.sound-toggle span{font-size:13px}.app.has-opened .pack-shell{top:38%}}@media(max-height:700px)and (min-width:721px){:root{--pack-w: 230px}.open-stage{inset-bottom:68px}.pack-shell{transform:translate(-50%,-48%)}.footer-stats{min-height:68px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes details-in-mobile{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-in-tablet{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}