: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}.parallax-card{--card-aspect:.718;--card-radius:4.55% / 3.5%;--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}.parallax-card:active{cursor:grabbing}.parallax-card__canvas{border-radius:inherit;display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.abstract-card{--card-aspect:.718;--card-radius:4.55% / 3.5%;--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}.abstract-card:active{cursor:grabbing}.abstract-card__canvas{border-radius:inherit;display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.abstract-controls{top:calc(max(24px, env(safe-area-inset-top)) + 52px);z-index:10;gap:8px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.pill-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;padding:8px 14px;font-size:12px}.pill-btn.is-off{color:#ffffffb3;background:#ffffff05}.pill-btn:hover{color:#fff;background:#ffffff24}.scratch-card{--card-aspect:.5659;--card-radius:4.5% / 2.55%;--reflection-mask:url(/textures/scratch-card-reflection-mask3.png);--glare-mask:url(/textures/scratch-card-reflection-mask5.png);--pointer-x:50%;--pointer-y:50%;--pointer-from-left:.5;--pointer-from-top:.5;--pointer-from-center:0;--card-opacity:0;--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;touch-action:none;cursor:grab;will-change:transform;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #000000b3,0 12px 24px -12px #0000008c}.scratch-card:active{cursor:grabbing}.scratch-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}.scratch-card__shine{z-index:1;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%);background-blend-mode:soft-light;background-size:120% 120%,200% 200%;background-position:center center, calc(100% * var(--pointer-from-left)) calc(100% * var(--pointer-from-top));filter:brightness(.65)contrast(1.3);mix-blend-mode:color-dodge;opacity:calc(.8 * (1.2 * var(--card-opacity) - .5 * var(--pointer-from-center)));-webkit-mask-image:var(--reflection-mask);-webkit-mask-image:var(--reflection-mask);mask-image:var(--reflection-mask);-webkit-mask-source-type:luminance;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-source-type:luminance;mask-mode:luminance}.scratch-card__surface{z-index:2;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scratch-card__particles{z-index:4;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scratch-card__burst{z-index:1;border-radius:inherit;pointer-events:none;mix-blend-mode:plus-lighter;width:100%;height:100%;position:absolute;inset:0}.scratch-card__glare{z-index:3;border-radius:inherit;pointer-events:none;opacity:calc(.95 * 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(.5)contrast(1.2);-webkit-mask-image:var(--glare-mask);-webkit-mask-image:var(--glare-mask);mask-image:var(--glare-mask);-webkit-mask-source-type:luminance;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-source-type:luminance;mask-mode:luminance}.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}.view-switcher{top:max(24px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;gap:4px;padding:4px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.view-switcher button{appearance:none;color:#ffffffb3;cursor:pointer;letter-spacing:.02em;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:13px;transition:background .18s,color .18s}.view-switcher button:hover{color:#fff}.view-switcher button.active{color:#fff;background:#ffffff2e}