.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(14px)brightness(1.8);clip-path:inset(0 0 100%);transform:translate(38px)scale(.965)skew(-1deg)}12%{opacity:.35;filter:blur(9px)brightness(2.4);clip-path:inset(0 0 68%);transform:translate(20px)scale(.975)skew(1deg)}24%{opacity:.08;filter:blur(12px)brightness(1.4);clip-path:inset(0 0 48%);transform:translate(30px)scale(.97)skew(-1.5deg)}38%{opacity:.72;filter:blur(6px)brightness(2.1);clip-path:inset(0 0 22%);transform:translate(12px)scale(.99)skew(.8deg)}52%{opacity:.4;filter:blur(8px)brightness(1.6);clip-path:inset(0 0 12%);transform:translate(18px)scale(.985)skew(-.6deg)}72%{opacity:.95;filter:blur(2px)brightness(1.35);clip-path:inset(0);transform:translate(4px)scale(1.002)}to{opacity:1;filter:blur()brightness();clip-path:inset(0);transform:translate(0)scale(1)}}@keyframes hologramPanelOut{0%{opacity:1;filter:blur()brightness(1.15)saturate(1.1);transform:translate(0)scale(1)skew(0)}8%{opacity:.95;filter:blur(1px)brightness(2.3)saturate(1.6);transform:translate(-4px)scale(1.018)skew(-2deg)}16%{opacity:.34;filter:blur(5px)brightness(3.2)saturate(1.9);transform:translate(12px)scale(.992)skew(2.4deg)}24%{opacity:.88;filter:blur(2px)brightness(2.7)saturate(1.7);transform:translate(4px)scale(1.012)skew(-1.6deg)}36%{opacity:.22;filter:blur(9px)brightness(3.6)saturate(2);transform:translate(26px)scale(.975)skew(3deg)}48%{opacity:.72;filter:blur(4px)brightness(2.9)saturate(1.8);transform:translate(14px)scale(1.004)skew(-2.2deg)}62%{opacity:.18;filter:blur(14px)brightness(3.8)saturate(2.1);transform:translate(38px)scale(.958)skew(2.6deg)}78%{opacity:.36;filter:blur(16px)brightness(2.1)saturate(1.4);transform:translate(46px)scale(.945)skew(-1.2deg)}to{opacity:0;filter:blur(24px)brightness(.45)saturate(.7);transform:translate(70px)scale(.92)skew(0)}}@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;filter:blur(8px)brightness(2.2);clip-path:inset(0 100% 0 0);transform:translate(22px)scaleX(.88)}18%{opacity:.35;filter:blur(4px)brightness(1.9);clip-path:inset(0 58% 0 0);transform:translate(14px)scaleX(1.04)}34%{opacity:.08;filter:blur(7px)brightness(2.4);clip-path:inset(0 36% 0 0);transform:translate(18px)scaleX(.96)}58%{opacity:.9;filter:blur(2px)brightness(1.45);clip-path:inset(0);transform:translate(4px)scaleX(1.01)}to{opacity:1;filter:blur()brightness();clip-path:inset(0);transform:translate(0)scaleX(1)}}@keyframes digitalNoiseIn{0%{opacity:0;background-position:0 0,0 0}15%{opacity:.9;background-position:12px -18px,-10px 14px}35%{opacity:.25;background-position:-20px 10px,18px -8px}55%{opacity:.75;background-position:8px 20px,-14px -16px}to{opacity:.18;background-position:0 0,0 0}}.menu-button{z-index:120;-webkit-backdrop-filter:blur(18px)saturate(130%)brightness(.9);isolation:isolate;background:linear-gradient(135deg,#00b4ff29,#0000 34%),linear-gradient(315deg,#ff78001f,#0000 38%),#00050ce0;border:1px solid #46d2ffe6;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:inset 0 0 22px #00beff2e}.menu-button:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(90deg,#0000,#7ce5ff47,#0000),repeating-linear-gradient(#ffffff09 0 1px,#0000 3px 7px);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.menu-button:after{content:"";z-index:1;border-radius:inherit;-webkit-backdrop-filter:blur(18px)saturate(130%)brightness(.9);pointer-events:none;background:radial-gradient(circle at 35% 20%,#7ce5ff33,#0000 42%),radial-gradient(circle at 80% 75%,#ff7a001f,#0000 42%),linear-gradient(135deg,#000812bd,#000000e6);border:1px solid #00beff52;position:absolute;inset:0}.menu-button>*{z-index:2;position:relative}.menu-button:hover{background:linear-gradient(135deg,#00b4ff2e,#0000 34%),linear-gradient(315deg,#ff78002e,#0000 38%),#00050ceb;border-color:#ffb066db;transform:translateY(-2px)scale(1.015);box-shadow:inset 0 0 24px #ff7a001f}.menu-button:hover:before{transform:translate(100%)}.menu-shell[open] .menu-button:before{animation:1.8s ease-in-out infinite hologramButtonSweep}.menu-button-open{background:linear-gradient(135deg,#00b4ff2e,#0000 34%),linear-gradient(315deg,#ff780033,#0000 38%),#00050cf0;border-color:#ffb066e6;box-shadow:inset 0 0 24px #ff7a001f}.menu-panel{z-index:110;top:0;right:-2rem;bottom:calc(env(safe-area-inset-bottom) + .5rem);width:calc(min(92vw,420px) + 2rem);height:auto;padding:4.65rem calc(1.15rem + 2rem) calc(env(safe-area-inset-bottom) + .5rem) 1.15rem;-webkit-backdrop-filter:blur(18px)saturate(130%)brightness(.9);background-color:#00050cf0;background-image:radial-gradient(circle at 12% 16%,#ff7a001f,#0000 28%),radial-gradient(circle at 82% 76%,#00c8ff29,#0000 32%),linear-gradient(135deg,#00b4ff21,#0000 36%),linear-gradient(315deg,#ff78001a,#0000 38%),none;background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:padding-box;border-top:1px solid #46d2ff61;border-bottom:1px solid #46d2ff61;border-left:1px solid #46d2ffe6;outline:none;flex-direction:column;animation:.46s cubic-bezier(.16,1,.3,1) both hologramPanelIn;display:flex;position:fixed;overflow:hidden auto;box-shadow:0 0 10px #00beffb8,0 0 34px #0096ff61,0 0 72px #005aff38,inset 0 0 24px #00beff38,inset 0 0 62px #0078ff1f;clip-path:none!important;border-right:0!important;border-radius:2rem 0 0 2rem!important}.menu-shell.menu-closing .menu-panel{animation:.56s steps(9,end) both hologramPanelOut}.menu-shell.menu-closing .menu-item{animation:.34s steps(6,end) both menuItemHologramOut}@keyframes menuItemHologramOut{0%{opacity:1;filter:blur()brightness(1.2);transform:translate(0)scaleX(1)}24%{opacity:.28;filter:blur(4px)brightness(2.8);transform:translate(14px)scaleX(1.08)}46%{opacity:.78;filter:blur(2px)brightness(2.2);transform:translate(6px)scaleX(.94)}72%{opacity:.18;filter:blur(7px)brightness(3.1);transform:translate(28px)scaleX(1.12)}to{opacity:0;filter:blur(12px)brightness(.6);transform:translate(46px)scaleX(.82)}}.menu-panel:before{content:"";opacity:.34;pointer-events:none;background:radial-gradient(circle at 20% 10%,#ff7a001a,#0000 24%) 0 0/100% 100%,radial-gradient(circle at 82% 82%,#00c8ff24,#0000 28%) 0 0/100% 100%,linear-gradient(#00c8ff11 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#00c8ff11 1px,#0000 1px) 0 0/28px 28px,repeating-linear-gradient(#ffffff09 0 1px,#0000 3px 7px) 0 0/100% 10px,linear-gradient(115deg,#0000 0% 38%,#7ce5ff1f 45%,#0000 52% 100%) 0 0/220% 100%;animation:.52s steps(7,end) both digitalNoiseIn,22s linear .52s infinite menuHoloScanScroll,10.8s step-end .52s infinite menuHoloFieldFlicker;position:absolute;inset:0;clip-path:none!important;border-radius:2rem 0 0 2rem!important}.menu-shell.menu-closing .menu-panel:before{opacity:.95;animation:.18s steps(4,end) infinite digitalNoiseIn,.38s linear infinite hologramSweep}.menu-shell.menu-closing .menu-panel:after{opacity:1;width:4px;animation:.22s steps(3,end) infinite hologramPulse}.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:3px;height:100%;animation:2.6s ease-in-out infinite hologramPulse;position:absolute;top:0;left:0;box-shadow:0 0 8px #2f9cff,0 0 18px #2f9cffcc,0 0 28px #ff6a0047}.menu-item{color:#ffe0c2;letter-spacing:.34em;text-transform:uppercase;isolation:isolate;contain:paint;-webkit-backdrop-filter:blur(14px)saturate(130%);text-shadow:0 0 8px #ffb066bf,0 0 18px #ff6a005c;background:linear-gradient(135deg,#00b4ff1a,#0000 36%),linear-gradient(315deg,#ff780014,#0000 42%),#00050cbd;border:1px solid #46d2ff6b;border-radius:1.25rem;justify-content:space-between;align-items:center;min-height:58px;padding:.66rem 1.2rem;font-size:.92rem;font-weight:900;text-decoration:none;transition:all .24s;animation:.36s steps(5,end) both menuItemBoot;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 16px #00beff1a}.menu-item:first-child{animation-delay:80ms}.menu-item:nth-child(2){animation-delay:.13s}.menu-item:nth-child(3){animation-delay:.18s}.menu-item:nth-child(4){animation-delay:.23s}.menu-item:nth-child(5){animation-delay:.28s}.menu-item:nth-child(6){animation-delay:.33s}.menu-item:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#2f9cff1f,#0000);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.menu-item+.menu-item{margin-top:.6rem}.menu-item:hover{border-color:#ffb066db;transform:translate(-6px)scale(1.018);box-shadow:inset 0 0 18px #ff7a001a}.menu-item:hover:before{transform:translate(100%)}.menu-item.orange{color:#ffe0c2;border-color:#ffb0668f;box-shadow:inset 0 0 16px #ff7a0014}.menu-item.orange:hover{box-shadow:none;border-color:#ff9a3d}.menu-arrow{opacity:.9;color:#ffb066;text-shadow:0 0 8px #ffb066cc,0 0 18px #ff6a0066;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{border-top-right-radius:0;border-bottom-right-radius:0;width:calc(440px + 2rem);height:100vh;padding:5.35rem 3.5rem 1rem 1.5rem;bottom:auto}.menu-item{min-height:66px;padding:.84rem 1.4rem;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{box-shadow:none;background:#00050ce0;border-color:#2f9cff73;transform:none}.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{box-shadow:none;background:#00050cf0;border-color:#ff6a00bf}}@media (min-width:768px) and (max-width:1023px){.menu-panel{padding-top:5.75rem}}@keyframes menuHoloScanScroll{0%{background-position:0 0,0 0,0 0,0 0,0 0,-160% 0}to{background-position:0 0,0 0,0 28px,0 28px,0 120px,180% 0}}@keyframes menuHoloFieldFlicker{0%,to{opacity:.5;filter:brightness(1.03)saturate(1.06)}7%{opacity:.45;filter:brightness(.94)}8%{opacity:.56;filter:brightness(1.1)}24%{opacity:.43;filter:brightness(.9)}25%{opacity:.56;filter:brightness(1.16)}53%{opacity:.58;filter:brightness(1.14)}80%{opacity:.42;filter:brightness(.88)}}
