:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{color:#e8e8e8;overscroll-behavior:none;touch-action:none;background:#1a1a1a;width:100%;height:100%;margin:0;padding:0}button{font:inherit}.holo-card{--card-aspect:.718;--card-radius:4.55% / 3.5%;--grain:url(/textures/grain.webp);--glitter:url(/textures/glitter.png);--foil:url(/textures/vs-card-holo.png);--mask:url(/textures/vs-card-mask.png);--clip:inset(9.85% 8% 52.85% 8%);--foil-brightness:.55;--pointer-x:50%;--pointer-y:50%;--pointer-from-left:.5;--pointer-from-top:.5;--pointer-from-center:0;--card-opacity:1;--rx:0deg;--ry:0deg;height:min(85dvh, calc(82vw / var(--card-aspect)));aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;will-change:transform;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #000000b3,0 12px 24px -12px #0000008c}.holo-card:active{cursor:grabbing}.holo-card__front{border-radius:inherit;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.holo-card__shine{z-index:2;border-radius:inherit;pointer-events:none;background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #fff 5%, #000 50%, #fff 80%), linear-gradient(-45deg, #000 15%, #fff, #000 85%), var(--foil);background-blend-mode:soft-light, difference;background-size:120% 120%,200% 200%,cover;background-position:center center, calc(100% * var(--pointer-from-left)) calc(100% * var(--pointer-from-top)), center center;filter:brightness(var(--foil-brightness)) contrast(1.5) saturate(1);mix-blend-mode:color-dodge;opacity:calc(1.5 * var(--card-opacity) - var(--pointer-from-center));-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover}.holo-card__glare{z-index:3;border-radius:inherit;pointer-events:none;opacity:var(--card-opacity);mix-blend-mode:overlay;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fffc 10%, #ffffff80 20%, #000000bf 90%);filter:brightness(.7)contrast(1.5);position:absolute;inset:0}.holo-card__glare:after{content:"";border-radius:inherit;opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fff 10%, #ffffff80 20%, #00000080 120%);filter:brightness()contrast(1.5);mix-blend-mode:overlay;clip-path:var(--clip);-webkit-clip-path:var(--clip);position:absolute;inset:0}.motion-btn{bottom:max(24px, env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;letter-spacing:.02em;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:10px 18px;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}.motion-btn:hover{background:#ffffff29}.stage{perspective:1400px;background:radial-gradient(at 50% 40%,#2a2a30 0%,#141416 70%,#0d0d0f 100%);justify-content:center;align-items:center;width:100vw;height:100dvh;padding:24px;display:flex;overflow:hidden}