.cs-mach{position:absolute;left:50%;top:50%;width:220px;height:200px;translate:-50% -48%;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(-30deg)}.cs-body{position:absolute;inset:0}.cs-body .b3-front{border-radius:10px;padding:16px;display:grid;gap:8px;align-content:center;background:linear-gradient(160deg,#5b2569,#2c0f35);box-shadow:inset 0 0 0 2px #b062c2}.cs-body .b3-top{background:repeating-linear-gradient(90deg,#6a2f7a 0 16px,#57245f 16px 18px)}.cs-body .b3-right{background:linear-gradient(#4a1d55,#2c0f35)}.cs-scr{border-radius:8px;padding:8px 10px;background:#0b0d14;box-shadow:inset 0 0 0 1px #ffffff1f;font-family:Courier New,monospace;font-size:11px;font-weight:700;color:#9ef0ff;line-height:1.5;min-height:64px}.cs-scr b{color:#f4c542}.cs-leds{display:flex;gap:6px}.cs-leds i{width:10px;height:10px;border-radius:50%;background:#2a1030;box-shadow:inset 0 0 0 1px #fff3;animation:cs-led 1.2s steps(1) infinite;animation-delay:calc(var(--k) * .2s)}@keyframes cs-led{50%{background:var(--c);box-shadow:0 0 10px var(--c)}}.cs-in,.cs-out{position:absolute;top:50%;transform-style:preserve-3d}.cs-sheet{position:absolute;left:-200px;top:30px;width:70px;height:90px;border-radius:6px;background:#f5f7fa;box-shadow:0 10px 20px -10px #000000b3;padding:10px 8px;display:grid;gap:5px;align-content:start;transform:translateZ(20px) rotateY(10deg);animation:cs-feed 4.8s var(--ease-out) infinite}.cs-sheet i{display:block;height:5px;border-radius:3px;background:#c9d0da}.cs-sheet i:first-child{width:60%;background:#8e3a9e}@keyframes cs-feed{0%{translate:0 0;opacity:0}10%{opacity:1}40%{translate:150px 0;opacity:1}48%,to{translate:190px 0;opacity:0}}.cs-prize{position:absolute;left:230px;top:90px;transform:translateZ(40px);animation:cs-pop 4.8s var(--ease-spring) infinite}@keyframes cs-pop{0%,50%{translate:-60px 0;scale:.3;opacity:0}62%{translate:10px -30px;scale:1.08;opacity:1}75%,92%{translate:40px 10px;scale:1;opacity:1}to{translate:60px 20px;scale:.9;opacity:0}}.cs-orbit{position:absolute;left:50%;top:50%;width:92%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--purple) 60%,transparent);transform:rotateX(72deg)}.cs-chipfly{position:absolute;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--c);animation:si-float 4s ease-in-out infinite alternate;animation-delay:var(--dl)}@keyframes si-float{to{translate:0 -10px}}.cs-run{display:grid;grid-template-columns:minmax(250px,360px) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:start;margin-top:28px}.cs-starts{display:grid;gap:10px}.cs-start{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:20px;border:0;cursor:pointer;font:inherit;text-align:left;color:var(--ink);background:color-mix(in srgb,var(--surface) 70%,transparent);box-shadow:inset 0 0 0 1px var(--line);transition:transform .35s var(--ease-spring),box-shadow .25s}.cs-start i{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:18px;color:#111;background:var(--c);box-shadow:0 5px color-mix(in srgb,var(--c) 50%,#000);transform:rotate(-6deg)}.cs-start b{display:block;font-weight:900;font-size:17px}.cs-start small{display:block;font-size:14px;line-height:1.4;color:var(--muted)}.cs-start[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--c);transform:translate(6px);background:var(--surface)}.cs-queue{border-radius:28px;padding:clamp(20px,3vw,32px);background:radial-gradient(80% 80% at 100% 0%,color-mix(in srgb,var(--qc, var(--purple)) 26%,transparent),transparent 60%),#0c0e15;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f,0 40px 70px -40px #000c}.cs-qh{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;margin-bottom:16px}.cs-qh span{padding:10px 12px;border-radius:14px;background:#ffffff12;font-size:13px;font-weight:900;line-height:1.3;text-align:center}.cs-qh em{font-style:normal;font-size:22px;color:var(--qc, var(--purple))}.cs-q{list-style:none;margin:0;padding:0;display:grid;gap:8px}.cs-q li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:center;padding:9px 12px;border-radius:12px;background:#ffffff0d;font-size:14.5px;line-height:1.35;color:#fffc;transition:background .3s,color .3s}.cs-q li:before{content:"";width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 2px #ffffff4d}.cs-q li.ok{background:color-mix(in srgb,var(--qc, var(--purple)) 22%,transparent);color:#fff}.cs-q li.ok:before{content:"\2713";display:grid;place-items:center;font-size:13px;font-weight:900;color:#111;background:var(--qc, var(--purple));box-shadow:none}.cs-q li.now{background:#ffffff24}.cs-qf{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}.cs-qf p{font-weight:700;color:#ffffffd9;min-height:1.4em}.cs-tagline{margin-top:18px;font-weight:900;font-size:clamp(18px,2vw,24px)}.cs-carts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px;perspective:1100px}.cs-cart{position:relative;display:grid;gap:10px;align-content:start;padding:34px 18px 20px;min-height:280px;border-radius:18px 18px 26px 26px;color:#111;background:linear-gradient(170deg,color-mix(in srgb,var(--c) 82%,#fff),var(--c) 60%);box-shadow:0 10px color-mix(in srgb,var(--c) 50%,#000),0 30px 40px -24px #000c;transform:rotateX(10deg);transition:transform .5s var(--ease-spring);clip-path:polygon(0 0,30% 0,34% 14px,66% 14px,70% 0,100% 0,100% 100%,0 100%);min-width:0}.cs-cart:hover{transform:rotateX(0) translateY(-10px) rotate(-2deg)}.cs-cart:after{content:"";position:absolute;left:14px;right:14px;bottom:14px;height:24px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.25) 0 6px,transparent 6px 12px)}.cs-cart .lab{border-radius:10px;padding:12px;background:#ffffffd1;display:grid;gap:6px}.cs-cart h3{font-weight:900;font-size:17px;line-height:1.15}.cs-cart p{font-size:14px;line-height:1.45;color:#2b2f38}.cs-ai{margin-top:18px;display:block;max-width:46em;padding:12px 16px;border-radius:16px;background:color-mix(in srgb,var(--purple) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--purple) 50%,transparent);font-size:15px;line-height:1.5}.cs-ai b{color:var(--purple-ink)}.cs-cyc{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center;margin-top:28px}.cs-wheel{position:relative;width:100%;aspect-ratio:1;max-width:420px;justify-self:center;perspective:1000px}.cs-wr{position:absolute;inset:0;border-radius:50%;transform:rotateX(18deg) rotate(var(--rot, 0deg));transition:transform .9s var(--ease-spring);background:conic-gradient(from -30deg,#00aeef 0 60deg,#2a9d8f 0 120deg,#f4c542 0 180deg,#e63946 0 240deg,#8e3a9e 0 300deg,#5b6476 0 360deg);box-shadow:0 18px #1a1d24,0 40px 60px -20px #000c}.cs-wr:after{content:"";position:absolute;inset:27%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2b2f38,#0c0e15);box-shadow:inset 0 0 0 3px #ffffff1f}.cs-seg{position:absolute;left:50%;top:50%;width:46%;height:30%;translate:0 -50%;transform-origin:0 50%;rotate:calc(var(--i) * 60deg - 90deg);border:0;padding:0 0 0 34%;background:none;cursor:pointer;display:grid;place-items:center;font:inherit}.cs-seg span{rotate:calc(90deg - var(--i) * 60deg - var(--rot, 0deg));font-weight:900;font-size:clamp(11px,1.2vw,14px);color:#111;transition:rotate .9s var(--ease-spring)}.cs-seg:focus-visible{outline:3px solid #fff;outline-offset:-6px;border-radius:12px}.cs-pin{position:absolute;left:50%;top:-14px;translate:-50% 0;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid var(--ink);z-index:2;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5))}.cs-hub{position:absolute;inset:29%;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;font-size:clamp(22px,2.6vw,34px);color:#fff;z-index:1;pointer-events:none;line-height:1}.cs-hub small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffa6;margin-top:6px}.cs-step{display:grid;gap:12px}.cs-step .k{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-ink)}.cs-step h3{font-weight:900;font-size:clamp(28px,3.4vw,46px);line-height:1;letter-spacing:-.02em}.cs-step p{font-size:18px;line-height:1.6;color:var(--muted)}.cs-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}@media (max-width: 1100px){.cs-carts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.cs-run,.cs-cyc{grid-template-columns:minmax(0,1fr)}.cs-mach{transform:rotateX(-14deg) rotateY(-30deg) scale(.82)}}@media (max-width: 700px){.cs-carts{--ms-w: 66%;perspective:none}.cs-cart{min-height:250px;transform:none}.cs-mach{transform:rotateX(-14deg) rotateY(-30deg) scale(.66)}.cs-wheel{max-width:300px}.cs-step p{font-size:16px}.cs-starts{grid-template-columns:minmax(0,1fr)}.cs-start{grid-template-columns:40px minmax(0,1fr);padding:11px;gap:10px}.cs-start i{width:40px;height:40px;font-size:15px}.cs-start small{font-size:13px}.cs-qh span{font-size:12px;padding:8px}.cs-q li{font-size:13.5px}}@media (prefers-reduced-motion: reduce){.cs-sheet,.cs-prize,.cs-leds i,.cs-chipfly{animation:none}.cs-prize{opacity:1}.cs-wr,.cs-seg span{transition:none}}
