.stack{height:820vh;position:relative}.stack__stage{top:var(--top-h);height:calc(100svh - var(--top-h));background:radial-gradient(120% 100% at 55% 30%,#e2e2e1 0%,#d3d3d2 45%,#ebebea 100%);position:sticky;overflow:hidden}.stack__scene{perspective:2400px;place-items:center;display:grid;position:absolute;inset:0}.iso{width:400px;height:400px;transform-style:preserve-3d;transform:rotateX(57deg) rotateZ(-45deg) translateZ(var(--lift,0px));position:relative}.slab{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.rim,.slab__face,.key__base,.key__top{opacity:var(--o,1)}.rim,.slab__face{border-radius:30px;position:absolute;inset:0}.rim--1{background:#fbfbfc;transform:translateZ(-2px)}.rim--2{background:linear-gradient(135deg,#b4b9be,#727880);transform:translateZ(-5px)}.rim--3{background:linear-gradient(135deg,#34383d,#0b0c0e);transform:translateZ(-8.5px)}.rim--4{background:linear-gradient(135deg,#969ca2 0%,#1c1f22 55%,#050607 100%);transform:translateZ(-13px)}.slab__face{background:linear-gradient(135deg,#f4f5f6 0%,#dfe2e5 46%,#caced2 100%);box-shadow:inset 0 0 0 1.5px #fffffff2,inset 0 0 0 3px #0d101612,inset 0 26px 50px #ffffff8c,inset 0 -20px 40px #0d101612}.slab__label,.slab__ghost{letter-spacing:-.02em;white-space:nowrap;color:var(--ink);font-size:26px;line-height:1;position:absolute;top:32px;left:112px}.slab__label{opacity:var(--label,1);transition:opacity .3s}.slab__ghost{opacity:.2;filter:blur(1.4px);top:64px}.keys{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));transform-style:preserve-3d;gap:10px;display:grid;position:absolute;bottom:34px;left:34px;right:34px}.key{height:50px;transform-style:preserve-3d;position:relative}.key__base,.key__top{border-radius:12px;position:absolute;inset:0}.key__base{opacity:calc(var(--o,1) * var(--label,1));background:linear-gradient(135deg,#a0a6ac,#24272b);transform:translateZ(3px)}.key__top{text-align:center;color:var(--ink);opacity:calc(var(--o,1) * var(--label,1));background:linear-gradient(135deg,#fff,#e4e7ea);place-items:center;padding:4px 10px;font-size:14px;font-weight:400;line-height:1.15;display:grid;transform:translateZ(10px);box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 2px #0d101612}.key--flag .key__top{color:#5a3f00;background:linear-gradient(135deg,#fff6de,#f1d697)}.key--ok .key__top{color:var(--green)}.key--nf .key__top{color:#8a3a00}.key--stop .key__top{color:#fff;background:linear-gradient(135deg,#30343a,#0d1016);box-shadow:inset 0 0 0 1px #ffffff38}.rim--crystal{opacity:var(--fuse,0);background:linear-gradient(135deg,#ffffffeb,#ced3d8e6);transform:translateZ(-6px)}.block__face{opacity:var(--fuse,0);background:linear-gradient(135deg,#fffffff2,#e8eaedeb);border-radius:30px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #fff,inset 0 0 0 3px #0d10160f,inset 0 30px 60px #ffffffb3}.block__face svg{filter:drop-shadow(0 1px #fffc);width:120px;height:210px;overflow:visible;transform:rotate(45deg)}.floor-shadow{filter:blur(30px);background:#0d10165c;border-radius:40px;position:absolute;inset:6%;transform:translateZ(-70px)}.stack__rail{z-index:2;left:var(--gutter);justify-items:start;gap:6px;max-width:min(480px,100% - 48px);display:grid;position:absolute;top:32px}.rail-pill{text-align:left;color:var(--white);backdrop-filter:blur(var(--glass-blur));transition:border-radius .3s var(--ease), padding .3s var(--ease), background-color .3s;background:#00000080;border-radius:22px;grid-template-columns:auto auto;align-items:center;gap:10px;padding:9px 9px 9px 15px;font-size:14px;display:grid}.rail-pill__plus{background:#ffffff40;border-radius:50%;place-items:center;width:20px;height:20px;font-size:15px;line-height:1;display:grid}.rail-pill__body{color:var(--white);grid-column:1/-1;max-width:430px;font-size:15.5px;line-height:1.45;display:none}.rail-pill.is-open{border-radius:26px;grid-template-columns:1fr;gap:10px;padding:18px 24px 22px}.rail-pill.is-open .rail-pill__label{color:#ffffffb8;font-size:13px}.rail-pill.is-open .rail-pill__plus{display:none}.rail-pill.is-open .rail-pill__body{display:block}.stack__progress{left:var(--gutter);backdrop-filter:blur(20px);background:#00000059;border-radius:15px;align-items:center;width:110px;height:30px;padding-inline:15px;display:grid;position:absolute;bottom:28px}.stack__progress i{background:#ffffff59;border-radius:2px;height:4px;display:block;overflow:hidden}.stack__progress b{height:100%;width:calc(var(--p,0) * 100%);background:var(--white);border-radius:2px;display:block}.stack.is-static{height:auto}.stack.is-static .stack__stage{gap:28px;height:auto;padding-block:40px 60px;display:grid;position:relative;top:0}.stack.is-static .stack__scene{height:420px;position:relative}.stack.is-static .stack__rail{padding-inline:var(--gutter);max-width:none;position:relative;top:0;left:0}.stack.is-static .rail-pill{border-radius:22px;grid-template-columns:1fr;padding:16px 20px}.stack.is-static .rail-pill .rail-pill__plus{display:none}.stack.is-static .rail-pill .rail-pill__body{display:block}.stack.is-static .rail-pill .rail-pill__label{color:#ffffffb8;font-size:13px}.stack.is-static .stack__progress{display:none}.stack.is-static .slab{transform:translateZ(calc(var(--i) * 26px));--o:1}.stack.is-static .iso{--lift:-78px}.stack.is-static .slab--block,.stack:not(.is-static) .rail-pill:not(.is-open) .rail-pill__body{display:none}.stack:not(.is-static) .rail-pill{cursor:pointer}@media (width<=1399px){.stack:not(.is-static) .stack__rail{max-width:380px}}@media (width>=1100px){.stack.is-static .stack__stage{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:center}.stack.is-static .stack__scene{height:520px}}@media (width<=720px){.iso{width:260px;height:260px}.slab__label,.slab__ghost{font-size:18px;top:20px;left:22px}.slab__ghost{top:42px}.keys{gap:6px;bottom:22px;left:22px;right:22px}.key{height:34px}.key__base,.key__top{border-radius:8px}.key__top{padding:2px 4px;font-size:9.5px}.block__face svg{width:80px;height:140px}.stack.is-static .stack__scene{height:330px}}