.menu-showcase{--menu-x:0deg;--menu-y:0deg;isolation:isolate;width:100%;min-width:0;margin:0}.menu-scene{perspective:1400px;padding:22px 14px 38px;position:relative}.menu-volume{transform-style:preserve-3d;animation:7s ease-in-out infinite menu-levitate;position:relative}.menu-tilt{transform-style:preserve-3d;transform:rotateX(calc(3deg + var(--menu-x))) rotateY(calc(-9deg + var(--menu-y))) rotateZ(.7deg);transition:transform .22s ease-out;position:relative}.menu-depth{background:linear-gradient(130deg,#ae3b4c,#210c13 35%,#09070b 75%,#b63c53);border:1px solid #ed6d8170;border-radius:13px;position:absolute;inset:-2px;transform:translateZ(-9px);box-shadow:8px 14px #080509,8px 14px 0 1px #902a434a,0 35px 65px #000a}.menu-capture-window{aspect-ratio:1174/781;background:#10080c;border:1px solid #eb5b765e;border-radius:10px;position:relative;overflow:hidden;transform:translateZ(1px);box-shadow:0 0 25px #ee183318}.menu-capture-window>img{width:101.874%;max-width:none;height:auto;display:block;position:absolute;top:-2.04866%;left:-1.02215%}.menu-edge-light{pointer-events:none;border:1px solid #0000;border-color:#ff8f9d80 #0000 #0000 #ef45615c;border-radius:10px;position:absolute;inset:0;transform:translateZ(2px)}.menu-ground{filter:blur(12px);pointer-events:none;background:radial-gradient(#ec18374d,#0000 68%);height:40px;animation:7s ease-in-out infinite menu-shadow;position:absolute;bottom:4px;left:10%;right:5%;transform:rotate(-2deg)}.menu-showcase figcaption{color:#e9c5cd;justify-content:space-between;align-items:center;gap:14px;padding:0 15px;display:flex}.menu-showcase figcaption>span{letter-spacing:1.8px;font-size:9px;font-weight:650}.menu-showcase figcaption small{letter-spacing:1.3px;color:#b78da3;margin-top:6px;font-size:6px;display:block}.menu-motion-control{color:#dcb4c0;cursor:pointer;background:#160c13b3;border:1px solid #d84a6540;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 10px;font-size:9px;display:flex}.menu-motion-control:hover{color:#fff;background:#36111f;border-color:#eb516d90}.menu-motion-control:focus-visible{outline-offset:4px;outline:2px solid #ff5275}.menu-motion-control:disabled{opacity:.6;cursor:default}.menu-showcase[data-motion=paused] .menu-volume,.menu-showcase[data-active=false] .menu-volume,.menu-showcase[data-motion=paused] .menu-ground,.menu-showcase[data-active=false] .menu-ground{animation-play-state:paused}.menu-showcase[data-motion=paused] .menu-tilt{transform:rotateX(3deg)rotateY(-9deg)rotate(.7deg)}@keyframes menu-levitate{0%,to{transform:translateY(3px)rotate(-.3deg)}50%{transform:translateY(-8px)rotate(.3deg)}}@keyframes menu-shadow{0%,to{opacity:.8;scale:1}50%{opacity:.45;scale:.9}}@media (max-width:850px){.menu-scene{padding:16px 12px 30px}.menu-tilt{transform:rotateX(calc(2deg + var(--menu-x))) rotateY(calc(-5deg + var(--menu-y)))}.menu-showcase[data-motion=paused] .menu-tilt{transform:rotateX(2deg)rotateY(-5deg)}.menu-showcase figcaption{padding-inline:12px}}@media (max-width:400px){.menu-showcase figcaption{gap:8px}.menu-showcase figcaption>span{letter-spacing:1px;font-size:8px}.menu-showcase figcaption small{letter-spacing:.8px;font-size:5px}.menu-motion-control{padding-inline:8px;font-size:8px}}@media (prefers-reduced-motion:reduce){.menu-showcase .menu-volume,.menu-showcase .menu-ground{animation:none}.menu-showcase .menu-tilt{transition:none;transform:rotateY(-4deg)!important}}