header { display:flex; align-items:center; justify-content:flex-start; gap:1.1rem; margin-bottom:1.25rem; flex-wrap:wrap; }

header .brand { display:flex; align-items:center; gap:.55rem; font-family:Georgia,'Times New Roman',serif; font-size:1.5rem; font-weight:700; letter-spacing:.5px; text-decoration:none; white-space:nowrap; color:var(--accent,#e3a44e); background:linear-gradient(180deg,#f7e7bd 0%,#e6ac54 52%,#bd7a2b 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; transition:filter .18s ease; }
header .brand img { display:inline-block; height:32px; width:auto; -webkit-text-fill-color:initial; filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)) drop-shadow(0 0 6px rgba(227,164,78,.25)); }
header .brand:hover { filter:brightness(1.08) drop-shadow(0 0 9px rgba(227,164,78,.4)); }
header .topnav { display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap; row-gap:.35rem; }
header .topnav a { color:var(--muted,#9a917f); text-decoration:none; font-size:.92rem; letter-spacing:.3px; padding:.15rem 0; border-bottom:2px solid transparent; transition:color .15s, border-color .15s; white-space:nowrap; }
header .topnav a:hover { color:var(--text,#ece6da); }
header .topnav a.navactive { color:var(--accent,#e3a44e); border-bottom-color:var(--accent,#e3a44e); }

header .topnav a.navspecial { color:#c8a2ff; }
header .topnav a.navspecial::before { content:'✦'; font-size:.62em; margin-right:.28rem; vertical-align:1px; opacity:.85; }
header .topnav a.navspecial:hover { color:#e0ccff; }
header .topnav a.navspecial.navactive { color:#d7c0ff; border-bottom-color:#b388ff; }
header .headright { display:flex; align-items:center; gap:.7rem; margin-left:auto; }
header .auth { font-size:.88rem; color:var(--muted,#9a917f); display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; text-align:right; }
header .auth a { color:var(--accent,#e3a44e); text-decoration:none; }
header .auth a:hover { text-decoration:underline; }
header .auth .navuser { color:var(--text,#ece6da); }
header .pagetitle, .pagetitle { font-size:1.3rem; font-weight:600; margin:0 0 .4rem; color:var(--text,#ece6da); letter-spacing:.3px; }
.gw-footbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.55rem 1.4rem; margin-top:2.2rem; padding-top:1.3rem; border-top:1px solid var(--line,#282b33); }
.gw-foot { display:inline-flex; align-items:center; gap:9px; color:var(--accent,#e3a44e); text-decoration:none; font-size:.82rem; }
.gw-foot img { height:30px; width:auto; }
.gw-foot:hover { text-decoration:underline; }
.gw-bug { display:inline-flex; align-items:center; gap:5px; color:var(--muted,#9a917f); text-decoration:none; font-size:.82rem; }
.gw-bug:hover { color:var(--accent,#e3a44e); }
@media (max-width:560px){ header .topnav { gap:.8rem; } header .brand { font-size:1.28rem; } header .brand img { height:26px; width:auto; } }


.uitip { position:fixed; z-index:300; max-width:236px; background:#1b1622; color:#ece3d2; border:1px solid #3c3050; border-radius:9px; padding:.45rem .62rem; font-size:.74rem; line-height:1.42; box-shadow:0 10px 28px rgba(0,0,0,.55); pointer-events:none; opacity:0; transform:translateY(3px); transition:opacity .12s ease, transform .12s ease; font-family:system-ui,-apple-system,'Segoe UI',sans-serif; text-align:left; }
.uitip.on { opacity:1; transform:none; }
.uitip::after { content:''; position:absolute; left:var(--ax,50%); bottom:-5px; width:9px; height:9px; background:#1b1622; border-right:1px solid #3c3050; border-bottom:1px solid #3c3050; transform:translateX(-50%) rotate(45deg); }
.uitip.below::after { bottom:auto; top:-5px; border:none; border-left:1px solid #3c3050; border-top:1px solid #3c3050; }
.uitip b { color:#fff; font-weight:600; }
[data-tip] { cursor:help; }