.build-notes{perspective:1200px}
.build-notes.is-rolling .notes-content{animation:none!important;transform-origin:top center}
.build-notes .notes-toggle{transition:transform .65s cubic-bezier(.22,1,.36,1),background .4s,box-shadow .4s}
.build-notes[open]:not(.is-collapsing) .notes-toggle{transform:rotate(45deg);box-shadow:0 0 20px #ff9f2415}
.build-notes.is-collapsing .notes-toggle{transform:rotate(0);box-shadow:none}
.rollout-curl{position:absolute;top:0;left:0;width:100%;height:100px;z-index:30;pointer-events:none;opacity:0;perspective:900px;transform-style:preserve-3d;display:none}
.is-rolling>.rollout-curl{display:block}
.rollout-shadow{position:absolute;inset:15px 1% -15px;background:linear-gradient(180deg,transparent,#0009 40%,#000c 70%,transparent);filter:blur(12px);transform:translateY(10px) scaleX(.98)}
.rollout-back{position:absolute;left:.3%;right:.3%;top:0;height:80px;transform-origin:bottom;transform:rotateX(-28deg);border-radius:5px 5px 40% 40% / 4px 4px 14px 14px;background:linear-gradient(180deg,#0a151e00,#1c2c36 20%,#435057 55%,#202d35 84%,#0b171f);box-shadow:inset 0 1px #d0c4a629;overflow:hidden}
.rollout-back i{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#c8c8ba03 0 1px,transparent 1px 4px);opacity:.7}
.rollout-cylinder{position:absolute;left:0;right:0;top:35px;height:62px;border-radius:10px / 30px;background:linear-gradient(180deg,#08121b 0%,#283b46 14%,#697477 32%,#a2a29a 39%,#61717a 49%,#273a45 68%,#0b1822 93%,#040a0f 100%);box-shadow:0 12px 22px #0008,inset 0 1px #f4ce8b55,inset 0 -1px #f7a44866;transform:translateZ(24px);overflow:visible}
.rollout-cylinder:after{content:'';position:absolute;left:2%;right:2%;top:8px;height:1px;background:linear-gradient(90deg,transparent,#ffc37c88,#ffe6b9bb,#f59a4266,transparent);box-shadow:0 0 10px #ffae4b33}
.rollout-coil{position:absolute;top:0;width:15px;height:62px;border-radius:50%;border:1px solid #75858b;background:radial-gradient(ellipse,#09151e 0 12%,#69777b 14% 20%,#172b35 23% 34%,#819092 36% 41%,#12252e 44% 60%,#b6b1a2 64% 68%,#172b35 72%);box-shadow:inset 2px 0 3px #0006}
.coil-left{left:-4px}.coil-right{right:-4px}
.is-collapsing .rollout-back{transform:rotateX(-20deg)}
@media(max-width:700px){.rollout-cylinder{height:48px;top:28px}.rollout-coil{height:48px;width:12px}.rollout-back{height:63px}.rollout-curl{height:80px}}
@media(prefers-reduced-motion:reduce){.build-notes .notes-toggle{transition:none}.rollout-curl{display:none!important}}