.compact-edition{position:relative;flex-shrink:0;margin:0;color:#eee;font:500 .75rem/1.3 system-ui,sans-serif;z-index:50}
.compact-edition>summary{display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 9px;border:1px solid #51452c;border-radius:6px;cursor:pointer;list-style:none;white-space:nowrap}
.compact-edition>summary::-webkit-details-marker{display:none}.compact-edition>summary:after{content:'▾'}
.compact-edition>.edition-options{position:absolute;right:0;left:auto;top:100%;display:flex;flex-direction:column;gap:0;width:245px;max-width:calc(100vw - 24px);padding:6px;background:#161719;border:1px solid #665334;border-radius:8px;box-shadow:0 10px 30px #0008;z-index:100}
.compact-edition:not([open])>.edition-options{display:none}
.compact-edition .edition-options a{display:flex;align-items:center;min-height:44px;padding:8px 10px;color:#eee;text-decoration:none;font-size:.8rem}
.compact-edition .edition-options a:hover,.compact-edition .edition-options a[aria-current]{background:#30291c;color:#e2bd72;border-radius:4px}
.compact-edition :is(summary,a):focus-visible{outline:3px solid #e2bd72;outline-offset:2px}

header.header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.legal-header-inner,.comic-header-inner,.start-header-inner,.header-inner{gap:12px;flex-wrap:wrap}
header .compact-edition{margin-left:auto}header .compact-edition svg{flex-shrink:0}
@media(max-width:600px){header .compact-edition>summary{font-size:.7rem;padding:5px 7px}.legal-header-inner,.comic-header-inner,.start-header-inner,.header-inner{gap:8px}}