.menu-shell{z-index:200;position:fixed;top:0;right:0}.menu-shell summary{cursor:pointer;list-style:none}.menu-shell summary::-webkit-details-marker{display:none}.menu-shell:not([open]) .menu-panel{display:none}@keyframes hologramPanelIn{0%{opacity:0;filter:blur(10px);transform:translate(28px)scale(.98)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes hologramPanelOut{0%{opacity:1;filter:blur();transform:translate(0)scale(1)}to{opacity:0;filter:blur(10px);transform:translate(32px)scale(.98)}}@keyframes hologramSweep{0%{opacity:0;transform:translateY(-120%)}18%{opacity:.85}55%{opacity:.28}to{opacity:0;transform:translateY(120%)}}@keyframes hologramPulse{0%,to{opacity:.58;filter:brightness()}50%{opacity:.95;filter:brightness(1.35)}}@keyframes menuItemBoot{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.menu-button{z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#2f9cff1f,#00000059);border:1px solid #2f9cff73;border-radius:1.15rem;align-items:center;gap:.7rem;height:3rem;padding:0 1rem;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:flex;position:fixed;top:.75rem;right:.75rem;overflow:hidden;box-shadow:0 0 22px #2f9cff38,inset 0 0 18px #2f9cff14}.menu-button:before{content:"";background:linear-gradient(90deg,#0000,#7cc7ff2e,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.menu-button:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0f;position:absolute;inset:0}.menu-button:hover{background:linear-gradient(135deg,#2f9cff29,#ff6a001f);border-color:#ff6a00b8;transform:translateY(-2px)scale(1.015);box-shadow:0 0 34px #2f9cff52,0 0 18px #ff6a0038,inset 0 0 24px #2f9cff1f}.menu-button:hover:before{transform:translate(100%)}.menu-shell[open] .menu-button:before{animation:1.8s ease-in-out infinite hologramButtonSweep}@keyframes hologramButtonSweep{0%{opacity:0;transform:translate(-120%)}35%{opacity:.9}to{opacity:0;transform:translate(120%)}}.menu-button-open{background:linear-gradient(135deg,#2f9cff2e,#ff6a0029);border-color:#ff6a00bf;box-shadow:0 0 36px #2f9cff52,0 0 24px #ff6a0047,inset 0 0 28px #2f9cff1f}.menu-panel{z-index:110;top:0;right:0;bottom:calc(env(safe-area-inset-bottom) + .75rem);width:min(92vw,420px);height:auto;padding:6.5rem 1.25rem calc(env(safe-area-inset-bottom) + 1.5rem);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(#040a18e0,#000000d1);border-left:1px solid #2f9cff59;border-top-left-radius:2rem;border-bottom-left-radius:2rem;flex-direction:column;animation:.32s ease-out both hologramPanelIn;display:flex;position:fixed;overflow:hidden auto;box-shadow:-12px 0 48px #2f9cff2e,inset 0 0 80px #2f9cff0d}.menu-shell.menu-closing .menu-panel{animation:.34s ease-in both hologramPanelOut}.menu-shell.menu-closing .menu-item{opacity:0;transition:opacity .22s,transform .22s;animation:none;transform:translate(18px)}.menu-panel:before{content:"";border-top-left-radius:inherit;border-bottom-left-radius:inherit;opacity:.5;pointer-events:none;background:linear-gradient(#0000 0%,#7cc7ff2e 48%,#ff6a001f 50%,#0000 54%),repeating-linear-gradient(#2f9cff0b 0 1px,#0000 2px 6px);animation:4.2s linear infinite hologramSweep;position:absolute;inset:0}.menu-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000,#2f9cff,#ff6a00,#0000);border-top-left-radius:2rem;border-bottom-left-radius:2rem;width:2px;height:100%;animation:2.6s ease-in-out infinite hologramPulse;position:absolute;top:0;left:0;box-shadow:0 0 18px #2f9cffd9,0 0 28px #ff6a0059}.menu-item{color:#dff4ff;letter-spacing:.34em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#2f9cff14,#0000002e);border:1px solid #2f9cff38;border-radius:1.25rem;justify-content:space-between;align-items:center;min-height:74px;padding:1.15rem 1.25rem;font-size:.92rem;font-weight:900;text-decoration:none;transition:all .24s;animation:.34s ease-out both menuItemBoot;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #2f9cff14,inset 0 0 24px #2f9cff0a}.menu-item:first-child{animation-delay:50ms}.menu-item:nth-child(2){animation-delay:.1s}.menu-item:nth-child(3){animation-delay:.15s}.menu-item:nth-child(4){animation-delay:.2s}.menu-item:nth-child(5){animation-delay:.25s}.menu-item:before{content:"";background:linear-gradient(90deg,#0000,#2f9cff1f,#0000);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.menu-item+.menu-item{margin-top:1rem}.menu-item:hover{border-color:#7cc7ffbf;transform:translate(-6px)scale(1.018);box-shadow:0 0 28px #2f9cff47,inset 0 0 26px #2f9cff14}.menu-item:hover:before{transform:translate(100%)}.menu-item.orange{color:#ffe0c2;border-color:#ff6a0073;box-shadow:0 0 16px #ff6a0040,inset 0 0 16px #ff6a0014}.menu-item.orange:hover{border-color:#ff9a3d;box-shadow:0 0 24px #ff6a008c,inset 0 0 18px #ff6a0029}.menu-arrow{opacity:.9;text-shadow:0 0 12px;font-size:1.35rem;transition:transform .2s,opacity .2s}.menu-item:hover .menu-arrow{transform:translate(4px)}@media (min-width:768px){.menu-button{border-width:1px;border-radius:1.35rem;gap:.9rem;height:4rem;padding:0 1.35rem;top:1.25rem;right:1.25rem}.menu-panel{width:440px;height:100vh;padding:7rem 1.5rem 2rem;bottom:auto}.menu-item{min-height:82px;padding:1.35rem 1.5rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){.menu-panel,.menu-shell.menu-closing .menu-panel,.menu-panel:before,.menu-panel:after,.menu-item,.menu-shell[open] .menu-button:before{animation:none}}@media (hover:none){.menu-button:hover{background:linear-gradient(135deg,#2f9cff1f,#00000059);border-color:#2f9cff73;transform:none;box-shadow:0 0 22px #2f9cff38,inset 0 0 18px #2f9cff14}.menu-button:hover:before{transform:translate(-100%)}.menu-shell[open] .menu-button:before{animation:1.8s ease-in-out infinite hologramButtonSweep}.menu-shell[open] .menu-button{background:linear-gradient(135deg,#2f9cff2e,#ff6a0029);border-color:#ff6a00bf;box-shadow:0 0 36px #2f9cff52,0 0 24px #ff6a0047,inset 0 0 28px #2f9cff1f}}
