header .brand[aria-haspopup]{border-radius:6px;min-height:44px;cursor:pointer}
header .brand[aria-haspopup]:hover i,header .brand[aria-expanded="true"] i{box-shadow:0 0 22px #e2ac70;border-color:#ffe0ab}
#cosmic-menu{padding:0;width:min(620px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;background:#090a10;color:#f3eee8;border:1px solid #9c744a;border-radius:20px;box-shadow:0 0 90px #ba7b3026}
#cosmic-menu::backdrop{background:#020307e8;backdrop-filter:blur(8px)}
#cosmic-menu .portal-body{position:relative;padding:28px clamp(22px,5vw,48px) 36px;text-align:center;overflow:hidden}
#cosmic-menu .portal-close{display:block;margin-left:auto;position:relative;z-index:2;min-width:80px}
#cosmic-menu .portal-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#cosmic-menu .portal-star{position:absolute;width:2px;height:2px;background:#edd7ad;border-radius:50%;opacity:.65}
#cosmic-menu[open] .portal-star{animation:portal-fall 850ms ease-in-out both}
@keyframes portal-fall{from{transform:translate(0,0);opacity:0}40%{opacity:.9}to{transform:translate(var(--dx),var(--dy));opacity:.15}}
#cosmic-menu .portal-ring{position:relative;width:112px;height:112px;margin:10px auto 28px;border-radius:50%;background:#020204;border:2px solid #e9bd80;box-shadow:0 0 8px #ffd696,inset 0 0 15px #cf914350,0 0 45px #cf914340}
#cosmic-menu .portal-ring:after{content:'';position:absolute;inset:35% -30%;border:1px solid #f8d9a0;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 12px #e6af6970}
#cosmic-menu[open] .portal-ring{animation:portal-arrive 700ms ease-out}
@keyframes portal-arrive{from{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}}
#cosmic-menu h2{font-size:clamp(26px,5vw,40px);margin:0 0 12px}
#cosmic-menu .portal-sub{color:#b8aea3;line-height:1.6;margin:0 0 26px}
#cosmic-menu nav{display:grid;gap:10px;position:relative}
#cosmic-menu nav a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;text-align:left;border:1px solid #a9804e55;border-radius:9px;padding:15px 18px;color:#e7c79e;background:#111118;text-decoration:none}
#cosmic-menu nav a:hover{background:#241c15;border-color:#d4a469}
#cosmic-menu .portal-home{display:inline-block;margin-top:24px;padding:10px;color:#b9afa5;text-decoration:underline;text-underline-offset:5px}
#cosmic-menu a:focus-visible,#cosmic-menu button:focus-visible{outline:2px solid #ffe0ab;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#cosmic-menu[open] .portal-star,#cosmic-menu[open] .portal-ring{animation:none}}

#cosmic-menu [hidden]{display:none!important}
#cosmic-menu .portal-secret{position:relative;display:block;margin:-34px auto 16px;transform:translateX(82px);width:48px;height:48px;padding:0;border:0;background:transparent;color:#ffda95;font-size:27px;text-shadow:0 0 15px #dba857}
#cosmic-menu .portal-secret:hover{color:#fff5d5;text-shadow:0 0 24px #ffc878}
#portal-memory{position:relative;border:1px solid #b58c5455;border-radius:10px;background:#18131a;padding:18px;margin:0 0 25px;line-height:1.7}
#portal-memory p{font-family:Georgia,serif;font-size:20px;margin:0 0 12px;color:#eed6b4}
#portal-memory a,#cosmic-menu .portal-preview a{text-decoration:underline;text-underline-offset:5px;color:#e7c79e}
#cosmic-menu .portal-map-launch{position:relative;margin-top:14px;width:100%;border-color:#bb945f;color:#f2d4a5;background:#21180f}
#cosmic-menu .portal-map-back{display:block;margin:18px 0 22px}
#cosmic-menu .portal-map{position:relative;width:100%;height:300px;border-radius:15px;background:radial-gradient(ellipse at 50% 45%,#29223c,#0a0e18 70%);border:1px solid #a3865840;margin:20px 0}
#cosmic-menu .portal-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#cosmic-menu .portal-map path{fill:none;stroke:#c49a65;stroke-width:.35;opacity:.5}
#cosmic-menu .portal-point{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;min-height:48px;padding:0;border:1px solid transparent;border-radius:50%;background:#101019;color:#f8d696;box-shadow:0 0 20px #dda15730;font-size:25px}
#cosmic-menu .portal-point small{position:absolute;top:43px;left:0;width:100%;font:10px monospace;color:#c6bda9}
#cosmic-menu .portal-point[aria-pressed="true"]{border-color:#ffe1ac;box-shadow:0 0 23px #dda15780;color:#fff}
#cosmic-menu .portal-preview{position:relative;display:grid;grid-template-columns:100px 1fr;gap:18px;text-align:left;align-items:center;background:#12121b;border:1px solid #8c705d55;border-radius:12px;padding:14px}
#cosmic-menu .portal-preview img{width:100%;height:90px;object-fit:contain;background:#07080b;border-radius:5px}
#cosmic-menu .portal-preview h3{margin:0 0 12px;font-size:19px}
#cosmic-menu .portal-preview a{display:inline-block;padding:6px 0;line-height:1.5}
#cosmic-menu .portal-art{position:relative;font-size:12px;color:#a99e90;line-height:1.6;margin-top:18px}
@media(max-width:400px){#cosmic-menu .portal-preview{grid-template-columns:75px 1fr;gap:12px}#cosmic-menu .portal-map{height:280px}}