*{box-sizing:border-box}body{margin:0;background:#14121b;color:#eeeaf6;font:16px system-ui}header{padding:20px 5%;background:#211a30;display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #47365e}header strong{color:#c5a4ff;letter-spacing:1px;margin-right:auto}main{max-width:1150px;margin:30px auto;padding:0 20px}button,input,select,textarea{font:inherit;border:1px solid #514365;border-radius:7px;padding:10px;background:#272033;color:white}button{cursor:pointer;background:#513780}button:hover{background:#7350aa}input,select,textarea{max-width:100%}textarea{width:100%;min-height:120px}label{display:block;margin:12px 0 5px;color:#c5a4ff}.panel,article{background:#201b2a;border:1px solid #40344f;border-radius:12px;padding:20px;margin:12px 0}.layout{display:grid;grid-template-columns:230px 1fr;gap:22px}nav button{display:block;width:100%;margin:6px 0;text-align:left}.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.link{background:none;border:0;padding:0;color:#c5a4ff;text-decoration:underline;display:inline}p{line-height:1.65;white-space:pre-wrap}dialog{background:#201b2a;color:white;border:1px solid #7350aa;border-radius:12px;max-width:90vw}dialog img{display:block;max-width:80vw;max-height:72vh;margin:12px auto}dialog::backdrop{background:#000c}#mark{text-align:center;color:#c5a4ff}small{color:#aaa1b8}h1,h2{margin-top:0} @media(max-width:700px){.layout{grid-template-columns:1fr}}

:root{--accent:#513780;--background:#14121b;--panel:#201b2a;--text:#eeeaf6}body{background:var(--background);color:var(--text)}article,.panel,dialog{background:var(--panel);color:var(--text)}button{background:var(--accent);margin:3px}button.danger{background:#812e42}.link{background:none}article h3{margin-top:0}
body{font-family:var(--font,system-ui);font-size:var(--fontSize,16px);background-size:cover;background-attachment:fixed}header{background:var(--headerColor,#211a30);padding:var(--headerPadding,20px) 5%}header strong{color:var(--headerText,#c5a4ff)}main{max-width:var(--width,1150px)}.layout{grid-template-columns:var(--sidebar,230px) minmax(0,1fr);gap:var(--spacing,22px)}[data-sidebar=right] .layout{grid-template-columns:minmax(0,1fr) var(--sidebar,230px)}[data-sidebar=right] nav{grid-column:2;grid-row:1}[data-sidebar=right] section{grid-column:1;grid-row:1}[data-header=center] header{justify-content:center}[data-header=center] header strong{margin-right:0}article,.panel{border-radius:var(--radius,12px)}.link,.navlink{color:var(--linkColor,#c5a4ff)}.navlink{display:block;padding:10px}#siteLogo{max-height:70px;max-width:180px;object-fit:contain}#footer{text-align:center;padding:20px;white-space:pre-wrap}.hero{width:100%;max-height:400px;object-fit:contain} @media(max-width:700px){.layout,[data-sidebar=right] .layout{grid-template-columns:1fr}[data-sidebar=right] nav,[data-sidebar=right] section{grid-column:auto;grid-row:auto}}
.topnav{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--headerColor);padding:10px;border-radius:var(--radius);margin-bottom:18px}.topnav button{width:auto;margin:0}.topnav details{position:relative}.topnav summary{cursor:pointer;list-style:none;padding:10px;border-radius:7px;background:var(--accent);color:white}.topnav summary::-webkit-details-marker{display:none}.dropdown{position:absolute;z-index:20;top:100%;left:0;min-width:210px;max-width:min(340px,85vw);max-height:60vh;overflow:auto;background:var(--panel);padding:8px;border:1px solid #514365;border-radius:8px;box-shadow:0 8px 24px #0008}.dropdown button{display:block;width:100%;margin:4px 0;text-align:left;white-space:normal}.adminbar{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}.servergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.serverimage{width:100%;height:180px;object-fit:cover;border-radius:var(--radius)}@media(max-width:700px){.topnav details{position:static}.topnav{position:relative}.dropdown{left:0;right:0;max-width:none;top:100%}}

/* v4.1: navigation belongs to the full-width page header, not the centered content. */
#siteNav{position:relative;z-index:30;width:100%;max-width:none;margin:0;box-sizing:border-box;border-radius:0;justify-content:flex-start;align-items:center;padding:10px 16px;gap:8px;border-bottom:1px solid #514365;flex-wrap:wrap}#siteNav>button,#siteNav>details,#siteNav>a{flex:0 0 auto}#siteNav .dropdown{left:0;right:auto}#siteNav summary:focus-visible,#siteNav button:focus-visible{outline:2px solid var(--linkColor);outline-offset:2px}.server-picker{border:1px solid #514365;border-radius:8px;margin:16px 0;padding:12px}.server-picker legend{font-weight:bold}.server-picker label{display:flex;align-items:center;gap:8px;margin:8px 0}.server-picker small{display:block;margin:8px 0}@media(max-width:700px){#siteNav .dropdown{left:8px;right:8px;max-width:none}#siteNav>details{position:static}}

.guide-text{white-space:pre-wrap;overflow-wrap:anywhere}.guide-text .inline-image{display:inline;padding:0;margin:0;border:0;font:inherit;white-space:pre-wrap;background:none;vertical-align:baseline}.guide-text .inline-image:hover{background:none;text-decoration:underline}

.gallery-editor{border:1px solid #514365;border-radius:8px;padding:12px;margin:10px 0}.gallery-editor .bar{flex-wrap:wrap;align-items:center}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}#galleryCaption,#galleryStatus{text-align:center;white-space:pre-wrap}#modal button:disabled{opacity:.45}#modal{width:min(850px,90vw)}

.guide-block{margin:1em 0;line-height:1.65;min-width:0}.guide-block .guide-text{margin:0;min-width:0}.guide-columns{display:grid;gap:clamp(12px,3vw,36px);align-items:start}.block-layout-editor{border:1px solid #514365;border-radius:8px;margin:16px 0;padding:12px;min-width:0}.block-layout-editor legend{font-weight:bold}.block-layout-editor small{display:block;margin:8px 0}.block-layout-preview{background:var(--panel);border:1px solid #514365;border-radius:var(--radius,12px);padding:16px}.block-layout-editor [hidden]{display:none!important}@media(max-width:650px){.guide-columns{grid-template-columns:minmax(0,1fr)!important;gap:12px}}
.category-intro{margin:22px 0 12px;overflow-wrap:anywhere}.category-intro p{margin:8px 0;white-space:pre-wrap}.category-grid{display:grid;grid-template-columns:repeat(var(--category-columns,1),minmax(0,1fr));margin-bottom:24px}.category-grid article{margin:0;min-width:0;overflow-wrap:anywhere}.category-grid article button{max-width:100%;white-space:normal}.category-grid small{display:block;margin-top:8px}.category-preview{border:1px dashed #514365;padding:12px;margin:12px 0;border-radius:8px}.category-preview .category-grid{margin-bottom:0}@media(max-width:900px){.category-grid{grid-template-columns:repeat(min(var(--category-columns,1),2),minmax(0,1fr))}}@media(max-width:600px){.category-grid{grid-template-columns:minmax(0,1fr)}}
.sub-menu{border-top:1px solid #514365;margin-top:8px;padding:8px 0 0 12px}.sub-menu strong{display:block;padding:4px}.subcategory-admin{margin-left:clamp(8px,3vw,36px);border-left:3px solid var(--accent)}

.guide-grid{display:grid;grid-template-columns:repeat(var(--guide-count,1),minmax(0,1fr));align-items:stretch;margin:12px 0;container-type:inline-size}.guide-grid>article{margin:0;min-width:0;padding:clamp(8px,1.2vw,20px);overflow-wrap:anywhere;container-type:inline-size}.guide-grid .guide-block{margin:0}.guide-grid .guide-text{overflow-wrap:anywhere}@container (max-width:300px){.guide-grid .guide-columns{grid-template-columns:minmax(0,1fr)!important;gap:8px}}@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(min(var(--guide-count,1),4),minmax(0,1fr))}}@media(max-width:650px){.guide-grid{grid-template-columns:repeat(min(var(--guide-count,1),2),minmax(0,1fr))}}@media(max-width:380px){.guide-grid{grid-template-columns:minmax(0,1fr)}}