body.forum-page {display:flex;flex-direction:column;height:auto;min-height:100svh;margin:0;line-height:1.6;color:var(--text)}
.forum-page,.forum-page * {box-sizing:border-box}
.forum-page header {display:flex;align-items:center;position:sticky;top:0;z-index:5}
.forum-page .brand {white-space:nowrap}.forum-page .brand .cross {margin-right:6px}.forum-page .brand small {display:block;text-transform:uppercase}
.forum-page header .tabs {display:flex;margin-left:auto;flex-wrap:nowrap}
.forum-page main a,.forum-page #forumDialog a {color:var(--gold-bright)}
.forum-page header .ghost {background:transparent;border:1px solid #c7b797;color:#64533a;padding:10px 15px;font:12px/1.6 Arial,sans-serif;letter-spacing:.3px;min-height:44px;text-decoration:none;white-space:nowrap;border-radius:0}
.forum-page header .ghost:hover {color:#79372c;background:#fff8e4}
.forum-page .account-btn {display:inline-flex;align-items:center;gap:7px;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.forum-page .account-avatar {width:20px;height:20px;border-radius:50%;background:var(--gold);color:#10131a;display:grid;place-items:center;flex-shrink:0;font:700 10px/1 system-ui,sans-serif;text-transform:uppercase}
@media(max-width:1180px) {.forum-page .brand small {display:none}}
@media(max-width:1000px) {.forum-page header {flex-wrap:wrap}.forum-page header .tabs {order:3;width:100%;justify-content:center;margin-left:0}#forumNewChat {margin-left:auto}}
.forum-page main {width:100%;flex:1;max-width:1200px;margin:0 auto;padding:28px 28px 60px}.forum-page h1 {font-size:clamp(30px,4vw,44px);font-weight:400;line-height:1.2;margin:12px 0}
.forum-page :where(main,#forumDialog,#installHelp) :is(button,input,textarea,select) {background:var(--panel);color:var(--text);border:1px solid var(--border);padding:10px 12px;min-height:44px;max-width:100%;border-radius:0;font:inherit}
.forum-page button {cursor:pointer}.forum-page button:disabled {cursor:not-allowed;opacity:.55}.forum-page button:hover:not(:disabled) {border-color:var(--gold)}
.forum-heading {display:flex;align-items:center;gap:24px;justify-content:space-between}.forum-heading>div {max-width:720px}.forum-heading button {flex-shrink:0}
.forum-rules {background:var(--panel-2);padding:16px;border:1px solid var(--border);border-radius:0;font-size:14px}
.forum-toolbar {display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.forum-toolbar form {display:flex;flex-wrap:wrap;gap:12px;align-items:end;flex:1}.forum-page label {display:grid;gap:5px;font-size:14px}
.search-label {flex:1;min-width:180px}.forum-page section {padding:0}.forum-card {padding:20px;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--gold);margin-bottom:14px;border-radius:0;overflow-wrap:anywhere}
.forum-card h2 {font-size:23px;line-height:1.4;margin:8px 0}.forum-card h2 a {text-decoration:none}.forum-meta {color:var(--muted);font:12px/1.8 Arial,sans-serif;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.forum-body {white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.forum-actions {display:flex;flex-wrap:wrap;gap:8px;align-items:center}.forum-actions button {font-size:13px;padding:6px 10px}
.forum-badge {font:11px Arial,sans-serif;background:var(--panel-2);padding:4px 6px;border-radius:3px}.forum-page button[aria-pressed="true"] {background:var(--panel-2);border-color:var(--gold);font-weight:bold}
.reply-card {margin-left:calc(min(var(--depth,0),3)*16px)}.reply-context {color:var(--muted);font-size:13px}.removed {color:var(--muted);font-style:italic}
#pagination,.mod-tabs {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}#forumError,#dialogError {color:var(--danger);padding:12px;border:1px solid currentColor}#forumNotice {color:var(--muted)}
.forum-page dialog {width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);padding:22px}.forum-page dialog::backdrop {background:#30271a88}
#dialogFields {display:grid;gap:16px}#dialogFields textarea {width:100%;resize:vertical;min-height:140px}.dialog-actions {display:flex;gap:12px;justify-content:end;margin-top:20px}
/* Footer matches the main site: one wrapped, centred row of the same items. */
.forum-page footer {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 18px;border-top:1px solid var(--border);padding:12px 28px;font-size:11px;line-height:1.8;color:var(--muted);text-align:center}
.forum-page footer a:not(.discord-link) {color:var(--gold-bright);text-decoration:none}.forum-page footer a:not(.discord-link):hover {text-decoration:underline}
#status {letter-spacing:.4px;font-size:10px;white-space:nowrap}#status .dot {color:var(--ok)}#status .dot.down {color:var(--danger)}
.skip-link {position:fixed;top:-100px;left:12px;z-index:100;background:var(--panel);padding:12px}.skip-link:focus {top:10px}
@media(max-width:760px) {.forum-page footer {padding:10px 22px max(10px,env(safe-area-inset-bottom));font-size:10px}}
@media(max-width:600px) {.forum-page .brand small {display:none}.forum-page main {padding:22px 12px 40px}.forum-heading {display:block}.forum-heading button {margin-bottom:18px}.forum-card {padding:14px}.reply-card {margin-left:calc(min(var(--depth,0),3)*6px)}.forum-page dialog {padding:16px}}
