/* "More / About" — the ⋯ menu shared across every page */
.more-btn{border:2px solid var(--pink);background:none;color:var(--ink);border-radius:99px;width:38px;height:38px;font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.more-ov{position:fixed;inset:0;background:#00000055;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
.more-ov.on{opacity:1;pointer-events:auto}
.more-panel{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);color:var(--ink);border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff40,0 -20px 60px -20px #00000040;border-radius:26px 26px 0 0;max-width:480px;width:100%;padding:22px 24px 34px;transform:translateY(30px) scale(.98);transform-origin:var(--from-x,50%) var(--from-y,100%);transition:transform .35s cubic-bezier(.2,1,.3,1);max-height:80vh;overflow-y:auto}
.more-ov.on .more-panel{transform:translateY(0) scale(1)}
@media(min-width:760px){.more-ov{align-items:center}.more-panel{border-radius:26px;transform:translateY(0) scale(.92)}.more-ov.on .more-panel{transform:scale(1)}}
.more-panel h3{margin:0 0 4px;font-size:1.3rem}
.more-panel .tag{color:var(--mut);font-size:.9rem;margin:0 0 16px}
.more-panel .mlinks{display:grid;gap:8px;margin-bottom:16px}
.more-panel .mlinks a{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--bd);color:var(--ink);text-decoration:none}
@media(prefers-reduced-motion:no-preference){.more-ov.on .more-panel .mlinks a{animation:m-in .35s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*.03s)}}
@keyframes m-in{from{opacity:0;transform:translateY(8px)}}
.more-panel .mlinks a span.go{opacity:.5}
.more-panel .mfoot{display:flex;justify-content:space-between;align-items:center;color:var(--mut);font-size:.8rem;border-top:1px solid var(--bd);padding-top:12px}
.more-panel .close{display:block;margin:16px auto 0;border:2px solid var(--pink);background:none;color:var(--ink);border-radius:99px;padding:8px 26px}
body.eluga .more-btn{border-color:#3f9b5c}
body.eluga .more-panel{background:color-mix(in srgb,#0d160f 82%,transparent);border-color:#234a3080}
body.eluga .more-panel .mlinks a{background:#101c14b3;border-color:#234a30}
body.eluga .more-panel .close{border-color:#3f9b5c}
@media(prefers-reduced-motion:reduce){.more-panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}}