.cr-pod{position:absolute;left:50%;bottom:14%;width:330px;height:170px;translate:-50% 0;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-26deg)}.cr-step{position:absolute;bottom:0;transform-style:preserve-3d}.cr-step .b3f{display:grid;place-items:center;font-weight:900;color:#111}.cr-step .b3-front{font-size:40px}.cr-cup{position:absolute;left:50%;bottom:168px;width:92px;translate:-50% 0;transform:translateZ(20px);animation:cr-cup 4s ease-in-out infinite alternate;filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}@keyframes cr-cup{to{translate:-50% -10px;rotate:4deg}}.cr-board{position:absolute;right:0;top:4%;width:min(250px,46%);padding:12px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),0 30px 50px -26px #000c;transform:rotateY(-16deg) rotateX(6deg) translateZ(60px)}.cr-board .k{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--red-ink);margin-bottom:8px;display:block}.cr-rows{position:relative;height:172px}.cr-row{position:absolute;left:0;right:0;top:calc(var(--r) * 43px);height:37px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:0 10px;border-radius:11px;background:color-mix(in srgb,var(--ink) 6%,transparent);font-size:12px;font-weight:900;transition:top .7s var(--ease-spring)}.cr-row i{font-style:normal;color:var(--muted)}.cr-row b{color:var(--red-ink);font-variant-numeric:tabular-nums}.cr-row.up{box-shadow:inset 0 0 0 1.5px var(--green)}.cr-flip{position:relative;perspective:1200px;min-height:340px}.cr-fi{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s var(--ease-spring)}.cr-flip.on .cr-fi{transform:rotateY(180deg)}.cr-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:28px;padding:24px;display:grid;gap:12px;align-content:start;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),0 40px 70px -40px #000c}.cr-face.b{transform:rotateY(180deg);background:linear-gradient(150deg,color-mix(in srgb,var(--red) 26%,var(--surface)),var(--surface));box-shadow:inset 0 0 0 2px var(--red),0 40px 70px -40px #000c}.cr-face h3{font-weight:900;font-size:22px}.cr-bars{display:grid;gap:8px}.cr-bars span{display:grid;grid-template-columns:90px minmax(0,1fr) 42px;gap:10px;align-items:center;font-size:13px;color:var(--muted)}.cr-bars span i{height:10px;border-radius:5px;background:linear-gradient(90deg,var(--muted) var(--v),color-mix(in srgb,var(--ink) 10%,transparent) 0)}.cr-quest{display:grid;gap:8px}.cr-quest span{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;background:color-mix(in srgb,var(--ink) 6%,transparent);font-weight:900;font-size:14px}.cr-quest span em{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-style:normal;background:var(--c);color:#111;box-shadow:0 4px color-mix(in srgb,var(--c) 50%,#000)}.cr-quest span small{font-size:12px;color:var(--green-ink)}.cr-switch{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:6px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-weight:900;font-size:14px;color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.cr-switch span{padding:9px 16px;border-radius:999px;transition:background .3s,color .3s}.cr-switch[aria-pressed=false] span:first-child,.cr-switch[aria-pressed=true] span:last-child{background:var(--red);color:#111}.cr-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}.cr-lab{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:clamp(18px,3vw,36px);margin-top:26px;align-items:start}.cr-pick{display:grid;gap:16px}.cr-pick fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}.cr-pick legend{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.cr-opt{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;border:0;cursor:pointer;font:inherit;font-weight:900;font-size:15px;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:box-shadow .25s,transform .35s var(--ease-spring)}.cr-opt[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--red);transform:translate(4px)}.cr-opt em{font-style:normal;font-size:20px}.cr-track{position:relative;border-radius:28px;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--th, #2b2f38) 40%,#0b0d12),#0b0d12);box-shadow:inset 0 0 0 1px #ffffff1a,0 40px 70px -40px #000c;color:#fff;overflow:hidden;perspective:900px}.cr-th{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}.cr-th b{font-weight:900;font-size:clamp(18px,2vw,24px)}.cr-th span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.cr-lanes{display:grid;gap:10px;transform:rotateX(22deg);transform-origin:50% 0}.cr-lane{position:relative;height:48px;border-radius:12px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 10%),#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14}.cr-lane:after{content:"";position:absolute;right:8px;top:4px;bottom:4px;width:10px;background:repeating-linear-gradient(0deg,#fff 0 5px,#111 5px 10px);border-radius:2px;opacity:.8}.cr-car{position:absolute;left:8px;top:50%;translate:0 -50%;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--c);color:#111;font-weight:900;font-size:13px;white-space:nowrap;box-shadow:0 5px color-mix(in srgb,var(--c) 50%,#000),0 0 22px color-mix(in srgb,var(--c) 60%,transparent);transition:left 2.6s cubic-bezier(.3,.1,.2,1)}.cr-car em{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#ffffffbf;font-size:15px}.cr-res{margin-top:14px;min-height:48px;font-weight:700;color:#ffffffd9}.cr-go{margin-top:6px}.cr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.cr-tc{position:relative;min-height:330px;perspective:1000px}.cr-flipbtn{position:absolute;inset:0;z-index:2;border:0;padding:0;border-radius:24px;background:none;cursor:pointer}.cr-flipbtn:focus-visible{outline:3px solid var(--c);outline-offset:4px}.cr-tci{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s var(--ease-spring)}.cr-tc.on .cr-tci{transform:rotateY(180deg)}.cr-tf,.cr-tb{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;padding:20px;display:grid;align-content:space-between;gap:12px;overflow:hidden}.cr-tf{background:radial-gradient(120% 80% at 80% 0%,color-mix(in srgb,var(--c) 50%,transparent),transparent 60%),linear-gradient(160deg,#1b2030,#0d1018);color:#fff;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 70%,transparent),0 30px 50px -30px #000c}.cr-tf .no{font-weight:900;font-size:64px;line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--c)}.cr-tf b{display:block;font-weight:900;font-size:22px;line-height:1.12}.cr-tf span{font-size:15px;color:#ffffffc7;line-height:1.45}.cr-tf small{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--c)}.cr-tb{transform:rotateY(180deg);background:var(--surface);box-shadow:inset 0 0 0 2px var(--c);align-content:start}.cr-tb b{font-weight:900;font-size:17px}.cr-tb ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.cr-tb li{position:relative;padding-left:22px;font-size:14px;line-height:1.4;color:var(--muted)}.cr-tb li:before{content:"\2605";position:absolute;left:0;top:0;color:var(--c);font-size:13px}.cr-gantry{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.4vw,18px);padding:clamp(14px,2vw,22px);border-radius:22px;background:#0e1015;box-shadow:inset 0 0 0 1px #ffffff1a,0 30px 50px -30px #000c;margin-top:26px}.cr-pod5{display:grid;gap:8px;justify-items:center;padding:10px 6px;border-radius:14px;background:#1a1d24;border:0;cursor:pointer;font:inherit;color:#fff}.cr-pod5 i{width:clamp(30px,4vw,54px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a2228,#250c10);box-shadow:inset 0 -4px 8px #0009;transition:background .2s,box-shadow .2s}.cr-pod5 i+i{margin-top:-2px}.cr-pod5.on i{background:radial-gradient(circle at 35% 30%,#ffb3b9,#ff2e3f 45%,#a00d1b);box-shadow:0 0 22px #ff2e3f,inset 0 -4px 8px #0006}.cr-gantry.out .cr-pod5 i{background:radial-gradient(circle at 35% 30%,#c6ffe9,#2a9d8f 50%,#135e56);box-shadow:0 0 22px #2a9d8f}.cr-pod5 b{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#ffffffa6}.cr-stepout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin-top:16px;padding:18px 20px;border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.cr-stepout .n{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:22px;background:var(--red);color:#111;box-shadow:0 5px #8f1b26}.cr-stepout p{font-weight:900;font-size:clamp(17px,1.8vw,22px);line-height:1.3}@media (max-width: 960px){.cr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.cr-intro,.cr-lab{grid-template-columns:minmax(0,1fr)}.cr-pod{transform:rotateX(-12deg) rotateY(-26deg) scale(.82);transform-origin:50% 100%}}@media (max-width: 700px){.cr-cards{--ms-w: 80%}.cr-tc{min-height:320px}.cr-board{width:54%;top:0}.cr-pod{transform:rotateX(-12deg) rotateY(-26deg) scale(.66);left:40%}.cr-flip{min-height:320px}.cr-pick{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.cr-opt{padding:9px 10px;font-size:13.5px;gap:6px}.cr-opt em{font-size:16px}.cr-car{font-size:12px;padding:5px 10px 5px 5px}.cr-car em{width:22px;height:22px;font-size:13px}.cr-lane{height:42px}.cr-pod5 b{font-size:10px;letter-spacing:.04em}}@media (prefers-reduced-motion: reduce){.cr-cup{animation:none}.cr-car{transition:none}}
