:root{--menu-gold: #a982ff;--menu-gold-bright: #e7d8ff;--menu-ink: #eaf6ff;--menu-ink-soft: #c3b6e6;--menu-glass: rgba(5, 19, 30, .55);--menu-glass-strong: rgba(4, 16, 26, .82);--menu-border: rgba(169, 130, 255, .5)}html,body{background:#021526}.menu-scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}.home{position:relative;z-index:1}.home:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 32%,transparent 35%,rgba(1,12,22,.55) 100%),linear-gradient(180deg,rgba(2,14,24,.35) 0%,transparent 22%,transparent 70%,rgba(1,10,18,.55) 100%)}.menu-screen{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:clamp(2rem,6vh,5rem) var(--space-3);text-align:center;color:var(--menu-ink)}.menu-emblem{font-size:clamp(1.5rem,4vw,2.25rem);color:var(--menu-gold);text-shadow:0 0 18px rgba(154,92,255,.65);opacity:.9;margin-bottom:calc(var(--space-1) * -.5);animation:emblem-glow 6s ease-in-out infinite}.menu-title{font-family:Cinzel,Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(2.25rem,8vw,4.75rem);line-height:1.05;letter-spacing:.04em;margin:0;color:var(--menu-gold-bright);text-shadow:0 0 4px rgba(0,0,0,.6),0 0 28px rgba(154,92,255,.45),0 2px 2px rgba(0,0,0,.7)}.menu-subtitle{font-size:clamp(.85rem,2.4vw,1.05rem);letter-spacing:.08em;color:var(--menu-ink-soft);margin:0 0 var(--space-3);text-shadow:0 1px 6px rgba(0,0,0,.8)}.menu-nav{display:flex;flex-direction:column;gap:var(--space-2);width:min(22rem,86vw)}.menu-button{position:relative;display:flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;font-family:Cinzel,Georgia,serif;font-size:clamp(1rem,2.6vw,1.2rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--menu-gold-bright);background:linear-gradient(180deg,#3a2466b8,#140c22d1);border:1px solid var(--menu-border);border-radius:2px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);box-shadow:inset 0 0 18px #0000008c,0 2px 10px #0006;overflow:hidden;transition:transform .25s ease,color .25s ease,box-shadow .3s ease,border-color .3s ease}.menu-button:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,rgba(214,190,255,.4) 50%,transparent 100%);transform:translate(-120%);transition:transform .6s ease}.menu-button:hover,.menu-button:focus-visible{color:#fff;transform:scale(1.04);border-color:var(--menu-gold-bright);box-shadow:inset 0 0 22px #6d3aff66,0 0 24px #9a5cff80;outline:none}.menu-button:hover:after,.menu-button:focus-visible:after{transform:translate(120%)}.scroll-hint{margin-top:var(--space-3);display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:var(--menu-ink-soft);font-family:Cinzel,Georgia,serif;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;transition:color .25s ease}.scroll-hint:hover,.scroll-hint:focus-visible{color:var(--menu-gold-bright)}.scroll-hint-arrow{font-size:1.1rem;animation:bob 2.4s ease-in-out infinite}.home-panel{position:relative;z-index:1;padding:clamp(3rem,8vh,6rem) var(--space-3) clamp(3rem,8vh,5rem);display:flex;justify-content:center}.home-panel-inner{width:min(46rem,100%);background:var(--menu-glass-strong);border:1px solid var(--menu-border);border-radius:var(--radius);padding:clamp(1.75rem,5vw,3rem);color:var(--menu-ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 40px #0006,0 12px 40px #00000080}.home-panel-inner p{color:var(--menu-ink);margin-bottom:var(--space-2);text-wrap:pretty}.about-collapse>summary{display:none}.about-collapse>p{margin-bottom:var(--space-2)}.panel-tagline{font-size:clamp(1.1rem,3vw,1.4rem);letter-spacing:.04em;color:var(--menu-gold-bright);margin-bottom:var(--space-3)!important}.panel-heading{font-family:Cinzel,Georgia,serif;font-size:1.4rem;letter-spacing:.08em;color:var(--menu-gold);margin-top:var(--space-4);margin-bottom:var(--space-3);text-align:center}.panel-heading:after{content:"";display:block;width:3rem;height:2px;margin:var(--space-1) auto 0;background:var(--menu-gold);border-radius:2px}.panel-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4)}.panel-icons .icon-link svg{width:2.25rem;height:2.25rem;fill:var(--menu-gold);transition:transform .3s ease,fill .3s ease}.panel-icons .icon-link:hover svg,.panel-icons .icon-link:focus-visible svg{fill:var(--menu-gold-bright);transform:translateY(-4px) scale(1.2)}.panel-icons .icon-label{color:var(--menu-ink-soft)}.panel-icons .icon-link:hover .icon-label,.panel-icons .icon-link:focus-visible .icon-label{color:var(--menu-gold-bright)}.panel-footer{margin-top:var(--space-4);text-align:center;font-size:.8rem;color:var(--menu-ink-soft);opacity:.8}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes emblem-glow{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.scroll-hint-arrow,.menu-emblem{animation:none}}.about-crab{display:none;appearance:none;-webkit-appearance:none;background:none;border:none;padding:0;font:inherit;color:inherit}@media (max-width: 40rem){.menu-screen{display:none}.home-panel{flex-direction:column;align-items:center;padding-top:var(--space-2);padding-bottom:var(--space-4);gap:0}.home-panel-inner{padding:var(--space-3) var(--space-3) var(--space-4);background:linear-gradient(180deg,#080a1a57,#080a1a33);border:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:none}.home-panel-inner p,.panel-tagline,.panel-heading,.panel-footer{text-shadow:0 1px 6px rgba(0,0,0,.85)}.home-panel-inner p,.about-collapse>summary{font-size:.8125rem;line-height:1.55}.panel-tagline{font-family:Cinzel,Georgia,serif;font-size:.8rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.22em;text-align:center;color:var(--menu-gold);padding-bottom:var(--space-2);margin-bottom:var(--space-3)!important;border-bottom:1px solid rgba(169,130,255,.3)}.about-collapse{border-top:1px solid rgba(169,130,255,.25)}.about-collapse:last-of-type{border-bottom:1px solid rgba(169,130,255,.25)}.about-collapse>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;cursor:pointer;list-style:none;font-weight:600;color:var(--menu-gold-bright)}.about-collapse>summary::-webkit-details-marker{display:none}.about-collapse>summary:after{content:"▾";font-size:.8em;color:var(--menu-gold);transition:transform .2s ease}.about-collapse[open]>summary:after{transform:rotate(180deg)}.about-collapse>p{margin-top:0;padding-bottom:var(--space-2)}.about-crab{display:flex;justify-content:center;cursor:pointer;margin-bottom:calc(-1 * var(--space-2));transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}.about-crab canvas{width:clamp(8rem,40vw,11rem)!important;height:auto!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.home-panel-inner{transition:opacity .45s ease,visibility 0s linear .45s}.home.crab-focus .home-panel-inner{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s linear 0s}.home.crab-focus .about-crab{position:relative;z-index:5;transform:translateY(34vh) scale(1.7)}}