.forum-page { --forum-border:#3c324b; --forum-panel:#1d1926; color:#f3eef9; padding-bottom:3rem; }
.forum-attachments { padding:1rem;border:1px dashed #665177;border-radius:12px;background:#181321;display:grid;gap:.65rem; }
.forum-attachments input[hidden] { display:none; }
.forum-photo-button { justify-self:start;gap:.65rem;border-color:#8e67b4; }
.forum-photo-button span { background:#3d2b50;border-radius:5px;padding:.15rem .4rem;font-size:.72rem; }
.forum-attachments small,.forum-attachments [role=status] { font-size:.8rem;line-height:1.6;margin:0; }
.forum-attachments [role=status]:empty { display:none; }
.forum-images,.forum-image-previews { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.75rem;margin:1rem 0; }
.forum-images a { display:block;min-width:0;background:#121018;border:1px solid #594467;border-radius:10px;overflow:hidden; }
.forum-images img { display:block;width:100%;height:auto;max-height:420px;object-fit:contain; }
.forum-image-previews { grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));margin:0; }
.forum-image-previews:empty { display:none; }
.forum-image-previews figure { margin:0;min-width:0;background:#100e17;padding:.5rem;border-radius:9px; }
.forum-image-previews img { display:block;width:100%;height:110px;object-fit:contain;margin-bottom:.4rem; }
.forum-review .forum-manage { margin-bottom:1.25rem; }
.forum-page *, .forum-dialog * { box-sizing:border-box; }
.forum-page a:focus-visible,.forum-page button:focus-visible,.forum-dialog button:focus-visible { outline:2px solid #7cf0d4; outline-offset:4px; }
.forum-hero { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:3rem; border:1px solid #5b426e; border-radius:24px; background:radial-gradient(ellipse at 95% 10%,#48315d,transparent 60%),#1c1529; overflow:hidden; }
.forum-hero h1 { font-size:3rem; letter-spacing:-.05em; line-height:1.12; margin:1rem 0; }
.forum-hero h1 em { color:#d7b1fa; font-style:normal; }
.forum-hero p,.forum-topic-heading p { color:#bdb4cb; line-height:1.7; }
.forum-hero-symbol { position:relative; width:180px; height:180px; flex-shrink:0; border:1px solid #785292; border-radius:35px; background:#30213f; display:grid; place-items:center; font-size:6rem; color:#c4f2df; transform:rotate(-8deg); box-shadow:12px 12px 0 #21192d; }
.forum-hero-symbol span,.forum-hero-symbol b { position:absolute; display:grid; place-items:center; width:64px; height:64px; font-size:2rem; background:#5a3871; border:1px solid #ae87c8; border-radius:18px; color:white; }
.forum-hero-symbol span { top:-22px;right:-16px;transform:rotate(15deg); }.forum-hero-symbol b { bottom:-18px;left:-24px;background:#28534e;border-color:#6bbaa8; }
.forum-gate { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding:1.25rem 1.5rem; margin:1.25rem 0 2rem; background:#211b2b; border:1px solid var(--forum-border); border-left:3px solid #b887ef; border-radius:14px; }
.forum-gate.ready { border-left-color:#77d9bc; }.forum-gate p { font-size:.85rem;line-height:1.6;margin:.3rem 0 0;color:#b9b1c7; }.forum-gate .button { flex-shrink:0; }
.forum-layout { display:grid;grid-template-columns:280px minmax(0,1fr);gap:1.75rem;align-items:start; }
.forum-sidebar { background:var(--forum-panel);border:1px solid var(--forum-border);border-radius:18px;padding:1.25rem; }.forum-sidebar h2 { font-size:1.05rem;margin:0 0 1rem; }
.forum-category { display:flex;align-items:center;gap:.65rem;border:1px solid transparent;border-radius:12px;padding:.8rem .6rem;margin:.25rem 0;color:#dcd4e6;text-decoration:none; }.forum-category>span { font-size:1.3rem;color:#ceb0e9;width:26px;flex-shrink:0;text-align:center; }.forum-category div { min-width:0;flex:1; }.forum-category strong { display:block;font-size:.9rem; }.forum-category small { display:block;font-size:.73rem;color:#ada2be;line-height:1.5;margin-top:.25rem; }.forum-category b { font-size:.75rem;color:#baacc9; }.forum-category.selected,.forum-category:hover { background:#342541;border-color:#715386; }
.forum-rules { font-size:.8rem;line-height:1.75;color:#bbb0c8;padding:1rem;background:#181420;border-radius:10px;margin:1.25rem 0 0; }.forum-rules summary { cursor:pointer;font-weight:700;color:#e3d9ee; }.forum-rules p { margin:.65rem 0 0; }.forum-rules a { color:#d7b4ff;text-decoration:underline; }.forum-rules strong { display:block; }.forum-sidebar>.button { margin-top:1rem; }
.forum-feed { min-width:0; }.forum-feed-heading { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.3rem;background:var(--forum-panel);border:1px solid var(--forum-border);border-radius:16px;margin-bottom:1rem; }.forum-feed-heading h2 { font-size:1.3rem;margin:.4rem 0; }.forum-feed-heading p { color:#a89eb6;font-size:.8rem;margin:0; }.forum-search { display:flex;gap:.4rem;min-width:0;max-width:100%; }.forum-search input { width:175px;min-width:0; }
.forum-topic-card { display:flex;gap:1rem;align-items:start;padding:1.35rem;background:var(--forum-panel);border:1px solid var(--forum-border);border-radius:16px;margin-bottom:.75rem; }.forum-topic-symbol { background:#32243f;color:#cdb0ed;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:1.4rem;flex-shrink:0; }.forum-topic-copy { min-width:0;flex:1;overflow-wrap:anywhere; }.forum-topic-card h3 { font-size:1.1rem;margin:.6rem 0; }.forum-topic-card h3 a { color:#f3eafc; }.forum-topic-card h3 a:hover { color:#c1f3e5; }.forum-topic-card p { color:#b9afc6;font-size:.875rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }.forum-topic-card small { color:#a89eb8;font-size:.75rem; }.forum-tags { display:flex;flex-wrap:wrap;gap:.4rem; }.forum-tags span { font-size:.65rem;font-weight:700;border-radius:5px;background:#31253f;padding:.22rem .45rem;color:#d0b0f0; }.forum-topic-count { display:grid;gap:.3rem;text-align:center;padding:.5rem; }.forum-topic-count strong { font-size:1.25rem; }
.forum-empty { background:var(--forum-panel);border:1px dashed #635070;border-radius:18px;text-align:center;padding:3rem 1.5rem; }.forum-empty>span { font-size:3rem;color:#b9a0d3; }.forum-empty p { color:#b6abc4;line-height:1.7;max-width:420px;margin:1rem auto 1.5rem; }
.forum-pages { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0;padding:1rem;background:#1d1926;border-radius:12px; }.forum-pages>span { color:#bbaec9;font-size:.8rem; }
.forum-topic-avatar,.forum-author-avatar { flex:0 0 44px; width:44px; height:44px; }
.forum-page .forum-topic-avatar .avatar,.forum-page .forum-author-avatar .avatar { display:block; width:44px; height:44px; margin:0; border-radius:10px; overflow:hidden; background:#32243f; }
.forum-topic-avatar img,.forum-author-avatar img { display:block; width:100%; height:100%; image-rendering:pixelated; }
@media(max-width:520px){.forum-topic-avatar { flex-basis:36px;width:36px;height:36px; }.forum-page .forum-topic-avatar .avatar { width:36px;height:36px; }}
.forum-topic-heading { margin:1.5rem 0;padding:2rem;background:#20192c;border:1px solid var(--forum-border);border-radius:18px;overflow-wrap:anywhere; }.forum-topic-heading h1 { font-size:2rem;line-height:1.3;margin:.5rem 0; }
.forum-manage { display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0; }.forum-post { padding:1.6rem;margin:1rem 0;background:var(--forum-panel);border:1px solid var(--forum-border);border-radius:16px;scroll-margin-top:190px; }.forum-post header { display:flex;align-items:center;gap:.8rem;flex-wrap:wrap; }.forum-author-mark { display:grid;place-items:center;width:40px;height:40px;background:#422852;color:#deb8ff;border-radius:12px;font-weight:800; }.forum-post header small { display:block;margin-top:.2rem;color:#aca2b9;font-size:.75rem; }.forum-post header .tag { margin-left:auto; }.forum-post-body { white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.8;margin:1.5rem 0;color:#e4dfea; }.forum-post footer { border-top:1px solid var(--forum-border);padding-top:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap; }.forum-post footer button { font-size:.8rem; }.forum-like { border:1px solid #564063;border-radius:9px;padding:.6rem .8rem;background:#302139;color:#d6b9ef;cursor:pointer; }.forum-like[aria-pressed=true] { border-color:#5fb19f;background:#23413d;color:#a9f3de; }.forum-like:disabled { opacity:.65;cursor:default; }.forum-like span { margin-left:.3rem; }
.forum-compose { background:var(--forum-panel);border:1px solid var(--forum-border);border-radius:18px;padding:1.8rem;margin:1.5rem 0; }.forum-compose h2 { font-size:1.25rem;margin:0 0 1rem; }.forum-compose .button[type=submit] { justify-self:start;width:auto; }.forum-compose .form small { color:#b9aec6; }.forum-page input,.forum-page textarea,.forum-page select,.forum-dialog textarea { font-family:inherit;font-size:.9rem;background:#131018;color:#f5edf9;border:1px solid #594467;border-radius:9px;padding:.75rem; }.forum-page textarea,.forum-dialog textarea { width:100%;resize:vertical;min-height:110px;max-height:600px;line-height:1.65; }.forum-page label,.forum-dialog label { display:grid;gap:.5rem; }.forum-narrow { max-width:850px;margin:auto; }.forum-dialog { background:#211a2b;color:#f2eaf9;border:1px solid #78518c;border-radius:18px;width:min(620px,calc(100% - 24px));max-height:90dvh;padding:1.6rem; }.forum-dialog::backdrop { background:#090611dd; }.forum-dialog p { font-size:.85rem;color:#c0b2cf;line-height:1.6; }.forum-review { padding:1rem 0;border-bottom:1px solid var(--forum-border);overflow-wrap:anywhere; }.forum-review blockquote { background:#15111d;border-left:3px solid #755286;padding:1rem;margin:.8rem 0;white-space:pre-wrap; }.forum-updates:empty { display:none; }.forum-updates { margin-bottom:1rem; }
@media(min-width:1101px){.site-header .header-inner .nav { grid-template-columns:repeat(11,minmax(0,1fr)); }}
@media(max-width:850px){.forum-layout { grid-template-columns:1fr; }.forum-sidebar { display:grid;grid-template-columns:1fr 1fr;gap:.2rem .5rem; }.forum-sidebar h2,.forum-sidebar .forum-rules { grid-column:1/-1; }.forum-hero { padding:2rem; }.forum-hero h1 { font-size:2.5rem; }.forum-hero-symbol { width:120px;height:120px;font-size:4rem; }.forum-hero-symbol span,.forum-hero-symbol b { width:45px;height:45px;font-size:1.5rem; }.forum-gate { align-items:start;flex-direction:column;gap:.8rem; }}
@media(max-width:520px){.forum-hero { padding:1.5rem; }.forum-hero h1 { font-size:2.1rem; }.forum-hero-symbol { display:none; }.forum-hero p { font-size:.9rem; }.forum-sidebar { padding:.75rem; }.forum-category { padding:.65rem .35rem;gap:.3rem; }.forum-category small { display:none; }.forum-category strong { font-size:.8rem; }.forum-category>span { width:20px; }.forum-topic-card { padding:1rem;gap:.6rem; }.forum-topic-symbol { display:none; }.forum-topic-heading { padding:1.25rem; }.forum-topic-heading h1 { font-size:1.55rem; }.forum-post,.forum-compose { padding:1.1rem; }.forum-post header .tag { margin-left:0; }.forum-gate .button { white-space:normal; }.forum-search { width:100%; }.forum-search input { flex:1; }.forum-pages { gap:.3rem;padding:.5rem; }.forum-pages .button { padding:.65rem;font-size:.75rem; }}