.cshuffle{--bg:#07060c;--bg-2:#0b0a12;--surface:#120f1a;--surface-2:#171226;--card-fill:#0f0c16d1;--card-fill-2:#110e1ae0;--line:#ffffff17;--line-2:#ffffff26;--edge-top:#ffffff14;--edge-bot:#00000059;--edge-hair:#0000008c;--edge-drop:0 14px 36px -16px #000000bf;--edge-lift:inset 0 1px 0 var(--edge-top), inset 0 -1px 0 var(--edge-bot), 0 1px 0 var(--edge-hair), var(--edge-drop);--edge-lift-hover:inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #0006, 0 1px 0 #0000008c, 0 22px 50px -18px #000c;--text:#efeaf7;--muted:#877e96;--dim:#5f5870;--violet:#a78bfa;--violet-2:#7c3aed;--violet-soft:#a78bfa1f;--violet-line:#a78bfa59;--gold:#ffc869;--gold-2:#f0a93a;--rose:#ff6a8a;--radius:18px;--radius-sm:10px;color:var(--text);font-family:var(--font-manrope), "Manrope", system-ui, -apple-system, sans-serif;font-size:16px;line-height:1.5}.cshuffle ::selection{color:#170933;background-color:#a78bfa40}.cshuffle .display{font-family:var(--font-space-grotesk), "Space Grotesk", system-ui, sans-serif;letter-spacing:-.02em}.cshuffle .mono{font-family:var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.cshuffle-page-bg{z-index:-40;pointer-events:none;background-color:#060510;background-image:radial-gradient(110% 70% at 50% -10%,#a78bfa21 0%,#a78bfa0a 30%,#0000 65%),radial-gradient(70% 50% at 88% 12%,#7c3aed12,#0000 65%),radial-gradient(60% 45% at 10% 22%,#623cbe0f,#0000 60%),linear-gradient(#080714 0%,#070612 35%,#060510 70%,#050409 100%);position:fixed;inset:0}.cshuffle .bg-stack{z-index:-39;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.cshuffle .bg-aurora{filter:blur(60px);opacity:.55;background:conic-gradient(from 200deg at 50% 35%,#a78bfa00 0deg,#a78bfa1a 40deg,#7c3aed24 110deg,#a78bfa0f 180deg,#6034c81a 240deg,#a78bfa00 320deg 360deg);width:140vw;height:140vh;animation:60s linear infinite cshuffle-aurora-spin;position:absolute;top:-30vh;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(60% 50% at 50% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(60% 50% at 50% 30%,#000 0%,#0000 75%)}@keyframes cshuffle-aurora-spin{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}.cshuffle .bg-spot{filter:blur(120px);opacity:.28;mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:absolute}.cshuffle .bg-spot.s1{background:radial-gradient(circle,#a78bfa8c 0%,#a78bfa00 60%);width:640px;height:640px;animation:30s ease-in-out infinite cshuffle-spot-drift;top:18vh;left:-220px}.cshuffle .bg-spot.s2{background:radial-gradient(circle,#7c3aed8c 0%,#7c3aed00 60%);width:520px;height:520px;animation:38s ease-in-out -10s infinite reverse cshuffle-spot-drift;top:80vh;right:-180px}.cshuffle .bg-spot.s3{background:radial-gradient(circle,#966eff66 0%,#966eff00 60%);width:480px;height:480px;animation:44s ease-in-out -22s infinite cshuffle-spot-drift;top:160vh;left:18%}@keyframes cshuffle-spot-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.06)}}.cshuffle .bg-noise{opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.cshuffle .bg-vignette{background:radial-gradient(110% 65% at 50% 100%,#0000008c 0%,#0000 60%),radial-gradient(90% 100%,#0000 55%,#00000059 100%);position:absolute;inset:0}.cshuffle .bg-grid{perspective:520px;perspective-origin:50% 0;pointer-events:none;opacity:.55;width:220vw;height:75vh;position:absolute;bottom:-10vh;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000 5%,#0000008c 40%,#000 75% 100%);mask-image:linear-gradient(#0000 5%,#0000008c 40%,#000 75% 100%)}.cshuffle .bg-grid-inner{transform-origin:50% 100%;will-change:background-position;background-image:linear-gradient(90deg,#a78bfa29 1px,#0000 1px),linear-gradient(#a78bfa29 1px,#0000 1px);background-position:mod(110vw,72px) 0;background-size:72px 72px;animation:18s linear infinite cshuffle-grid-scroll;position:absolute;inset:-20% 0 0;transform:rotateX(64deg);-webkit-mask-image:radial-gradient(70% 90% at 50% 100%,#000 30%,#0000 90%);mask-image:radial-gradient(70% 90% at 50% 100%,#000 30%,#0000 90%)}@keyframes cshuffle-grid-scroll{0%{background-position:mod(110vw,72px) 0}to{background-position:mod(110vw,72px) 72px}}.cshuffle .bg-nodes{transform-origin:50% 100%;pointer-events:none;position:absolute;inset:-20% 0 0;transform:rotateX(64deg);-webkit-mask-image:radial-gradient(70% 90% at 50% 100%,#000 30%,#0000 90%);mask-image:radial-gradient(70% 90% at 50% 100%,#000 30%,#0000 90%)}.cshuffle .bg-node{opacity:0;pointer-events:none;background:radial-gradient(circle,#e8defff2 0%,#a78bfaa6 30%,#a78bfa00 70%);border-radius:50%;width:10px;height:10px;transition:opacity .45s,transform .45s;animation:18s linear infinite cshuffle-node-down-flow;position:absolute;transform:translate(-50%,-50%)scale(.4);box-shadow:0 0 10px #a78bfabf,0 0 26px #a78bfa4d}@keyframes cshuffle-node-down-flow{0%{margin-top:0}to{margin-top:72px}}.cshuffle .bg-node--active{opacity:.9;transform:translate(-50%,-50%)scale(1)}.cshuffle .bg-horizon{opacity:.55;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#a78bfa2e 20%,#e8deff73 50%,#a78bfa2e 80%,#0000 100%);height:1px;animation:9s ease-in-out infinite cshuffle-horizon-breathe;position:absolute;top:38vh;left:0;right:0;box-shadow:0 0 24px #a78bfa38,0 0 60px #a78bfa1a}@keyframes cshuffle-horizon-breathe{0%,to{opacity:.42}50%{opacity:.7}}.cshuffle .bg-ray{filter:blur(28px);mix-blend-mode:screen;pointer-events:none;opacity:0;transform-origin:50% 100%;will-change:opacity, transform;background:linear-gradient(#a78bfa00 0%,#a78bfa0d 65%,#a78bfa1f 100%);width:18vmax;height:42vh;position:absolute;top:-4vh}.cshuffle .bg-ray.r1{animation:13s ease-in-out infinite cshuffle-ray-pulse;left:18%;transform:translate(-50%)rotate(-4deg)}.cshuffle .bg-ray.r2{width:14vmax;animation:17s ease-in-out -6s infinite cshuffle-ray-pulse;left:52%;transform:translate(-50%)rotate(2deg)}.cshuffle .bg-ray.r3{width:20vmax;animation:21s ease-in-out -11s infinite cshuffle-ray-pulse;left:82%;transform:translate(-50%)rotate(5deg)}@keyframes cshuffle-ray-pulse{0%,to{opacity:0}35%{opacity:.55}65%{opacity:.4}}@media (prefers-reduced-motion:reduce){.cshuffle .bg-aurora,.cshuffle .bg-spot,.cshuffle .bg-grid-inner,.cshuffle .bg-node,.cshuffle .bg-horizon,.cshuffle .bg-ray{animation:none}}.cshuffle .edge-lift{box-shadow:var(--edge-lift)}.cshuffle .edge-lift-hover:hover{box-shadow:var(--edge-lift-hover)}.cshuffle .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .3s,filter .2s;display:inline-flex;position:relative}.cshuffle .btn-primary{background:linear-gradient(180deg, #d8ccff 0%, var(--violet) 50%, var(--violet-2) 100%);color:#170933;box-shadow:0 8px 28px #a78bfa47,inset 0 1px #ffffff80,inset 0 -1px #0003}.cshuffle .btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 38px #a78bfa73,inset 0 1px #ffffff80}.cshuffle .btn-primary:active{transform:translateY(0)}.cshuffle .btn-ghost{color:var(--text);border:1px solid var(--line-2);background:#181421d9;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000059,0 1px #00000080,0 8px 20px -10px #0009}.cshuffle .btn-ghost:hover{border-color:var(--line);background:#231d30e6;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000059,0 1px #00000080,0 12px 26px -10px #000000b3}.cshuffle .btn-lg{padding:16px 26px;font-size:15px}.cshuffle .btn .arrow{transition:transform .2s}.cshuffle .btn:hover .arrow{transform:translate(2px,-2px)}.cshuffle .race-frame{isolation:isolate;background:#110d1b;border-radius:24px;padding:1.5px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080,0 1px #0009}.cshuffle .race-frame:before{content:"";aspect-ratio:1;pointer-events:none;z-index:0;background:conic-gradient(#a78bfa00 0deg 280deg,#a78bfa66 320deg,#a78bfa 350deg,#a78bfa66 360deg);width:180%;animation:5s linear infinite cshuffle-race-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cshuffle-race-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.cshuffle .race-card-inner{z-index:1;background:#0c0a14;border-radius:22.5px;padding:22px;position:relative;overflow:hidden}@keyframes cshuffle-violet-pulse{0%,to{opacity:1}50%{opacity:.4}}.cshuffle .violet-pulse{animation:1.6s ease-in-out infinite cshuffle-violet-pulse}.cshuffle .reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s,transform .8s;transform:translateY(24px)}.cshuffle .reveal.in{opacity:1;transform:translateY(0)}.cshuffle .reveal-stagger>*{opacity:0;transform:translateY(18px)}.cshuffle .reveal-stagger.in>*{opacity:1;animation:.7s cubic-bezier(.22,1,.36,1) backwards cshuffle-reveal-stagger-in;transform:translateY(0)}.cshuffle .reveal-stagger.in>:first-child{animation-delay:0s}.cshuffle .reveal-stagger.in>:nth-child(2){animation-delay:70ms}.cshuffle .reveal-stagger.in>:nth-child(3){animation-delay:.14s}.cshuffle .reveal-stagger.in>:nth-child(4){animation-delay:.21s}.cshuffle .reveal-stagger.in>:nth-child(5){animation-delay:.28s}.cshuffle .reveal-stagger.in>:nth-child(6){animation-delay:.35s}.cshuffle .reveal-stagger.in>:nth-child(7){animation-delay:.42s}.cshuffle .reveal-stagger.in>:nth-child(8){animation-delay:.49s}.cshuffle .reveal-stagger.in>:nth-child(9){animation-delay:.56s}.cshuffle .reveal-stagger.in>:nth-child(10){animation-delay:.63s}@keyframes cshuffle-reveal-stagger-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.cshuffle .hero-in{opacity:0;animation:.95s cubic-bezier(.22,1,.36,1) forwards cshuffle-hero-in;transform:translateY(20px)}.cshuffle .hero-in.delay-1{animation-delay:50ms}.cshuffle .hero-in.delay-2{animation-delay:.18s}.cshuffle .hero-in.delay-3{animation-delay:.32s}.cshuffle .hero-in.delay-4{animation-delay:.46s}.cshuffle .hero-in.delay-5{animation-delay:.6s}.cshuffle .hero-in.delay-6{animation-delay:.2s}@keyframes cshuffle-hero-in{to{opacity:1;transform:none}}.cshuffle .float-slow{will-change:transform;animation:5.5s ease-in-out infinite cshuffle-float-slow}@keyframes cshuffle-float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.cshuffle .shine-on-hover{isolation:isolate;position:relative}.cshuffle .shine-on-hover:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(115deg,#0000 35%,#a78bfa1a 50%,#0000 65%);transition:transform .85s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-120%)}.cshuffle .shine-on-hover:hover:after{transform:translate(120%)}@media (prefers-reduced-motion:reduce){.cshuffle .reveal,.cshuffle .reveal-stagger>*,.cshuffle .hero-in{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.cshuffle .float-slow,.cshuffle .shine-on-hover:after{transition:none!important;animation:none!important}}.cshuffle .skeleton{background:linear-gradient(#ffffff0a,#ffffff05);border-radius:6px;position:relative;overflow:hidden}.cshuffle .skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#a78bfa0f 45%,#a78bfa1a 50%,#a78bfa0f 55%,#0000 100%);animation:1.6s ease-in-out infinite cshuffle-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes cshuffle-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cshuffle .game-card{border:1px solid var(--line);aspect-ratio:3/4;cursor:pointer;box-shadow:var(--edge-lift);contain:layout paint;background:linear-gradient(#1a1624e6,#0d0b13eb);border-radius:16px;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;transform:translate(0,0)}.cshuffle .game-card:before{content:"";z-index:0;opacity:.5;pointer-events:none;background:var(--game-bg,radial-gradient(circle at 30% 20%, #a78bfa2e, transparent 55%));position:absolute;inset:0}.cshuffle .game-card:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 40%,#000000b3 100%);position:absolute;inset:0}.cshuffle .game-card-glow{z-index:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .2s;position:absolute;inset:0;box-shadow:0 14px 40px #a78bfa2e}@media (hover:hover){.cshuffle .game-card:hover{border-color:var(--violet-line);transform:translateY(-3px)}.cshuffle .game-card:hover .game-card-glow{opacity:1}}@media (prefers-reduced-motion:reduce){.cshuffle .game-card,.cshuffle .game-card-glow{transition:none}.cshuffle .game-card:hover{transform:none}}.cshuffle .faq-item{border:1px solid var(--line);box-shadow:var(--edge-lift);background:#120f1ae0;border-radius:14px;padding:0;transition:border-color .2s,background .2s;overflow:hidden}.cshuffle .faq-item:hover{box-shadow:var(--edge-lift-hover)}.cshuffle .faq-item[open]{border-color:var(--violet-line);background:#1a1228eb}.cshuffle .faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:16px;font-weight:500;list-style:none;display:flex}.cshuffle .faq-item summary::-webkit-details-marker{display:none}.cshuffle .faq-icon{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:#ffffff0a;border-radius:9px;flex-shrink:0;place-items:center;transition:transform .25s,background .25s;display:grid;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d,0 1px 2px #0006}.cshuffle .faq-item[open] summary .faq-icon{background:var(--violet-soft);color:var(--violet);border-color:var(--violet-line);transform:rotate(45deg)}.cshuffle .faq-content{color:var(--muted);padding:0 22px 20px;font-size:14px;line-height:1.6}