:root {
  --bg:#141118;
  --bg-2:#1a161f;
  --panel:#211c26;
  --panel-2:#27212d;
  --panel-3:#302738;
  --line:#3a3141;
  --line-soft:#2d2633;
  --text:#f3eef7;
  --muted:#a79daa;
  --muted-2:#7f7584;
  --pink:#ff79c9;
  --purple:#be79ff;
  --purple-2:#8f72ff;
  --green:#5bd3a1;
  --yellow:#f1c765;
  --danger:#ff7f92;
  --shadow:0 14px 42px rgba(0,0,0,.28);
  --radius:12px;
}

*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 16% -10%,rgba(190,121,255,.09),transparent 32rem),
    radial-gradient(circle at 88% -5%,rgba(255,121,201,.06),transparent 26rem),
    var(--bg);
}
button,input,textarea,select{font:inherit}
button{color:inherit}
a{color:inherit}
.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}

.site-header{position:sticky;top:0;z-index:60;background:rgba(20,17,24,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}
.header-main{height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.primary-nav{display:flex;align-items:stretch;height:100%;gap:2px}
.nav-link{display:flex;align-items:center;padding:0 14px;text-decoration:none;color:#c0b7c5;font-size:.9rem;font-weight:700;border-bottom:3px solid transparent}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.025)}
.nav-link.active{color:#fff;border-bottom-color:var(--pink)}
.header-tools{display:flex;align-items:center;gap:10px}
.search-box{width:245px;height:40px;border-radius:8px;border:1px solid var(--line);background:#1c1821;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--muted-2)}
.search-box:focus-within{border-color:#6f537f;box-shadow:0 0 0 3px rgba(190,121,255,.08)}
.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text)}
.search-box input::placeholder{color:#766d7b}
.user-chip{height:40px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:#1d1922;padding:0 11px;cursor:pointer}
.user-chip:hover{background:#25202b}
.subnav{height:42px;background:#1a161f;border-top:1px solid rgba(255,255,255,.025)}
.subnav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.crumbs{min-width:0;display:flex;align-items:center;gap:7px;color:#958b9a;font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crumbs a{color:#cfc5d5;text-decoration:none;cursor:pointer}.crumbs a:hover{color:#fff}.crumbs span{color:#625a66}
.new-thread{height:30px;border:1px solid #854e8e;border-radius:7px;background:linear-gradient(110deg,#d85ab6,#9c65df);color:white;padding:0 12px;font-weight:800;font-size:.75rem;cursor:pointer}

.app-root{padding:30px 0 64px;outline:none}
.notice{padding:10px 13px;margin-bottom:18px;border:1px solid #4f3a58;border-radius:8px;background:#231b28;color:#c7b9ce;font-size:.79rem}.notice strong{color:#f6cbeb}

/* Minecraft-ish heads. These are demo pixel portraits, not live Mojang data. */
.mc-head{--skin:#c99a7b;--hair:#34263b;--accent:#a25fc3;position:relative;display:inline-block;flex:0 0 auto;width:42px;height:42px;border-radius:4px;background:linear-gradient(90deg,transparent 0 18%,var(--hair) 18% 34%,transparent 34% 66%,var(--hair) 66% 82%,transparent 82%),linear-gradient(var(--hair) 0 24%,var(--skin) 24% 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 0 0 1px #0c0a0e;image-rendering:pixelated;overflow:hidden}
.mc-head::before{content:"";position:absolute;left:8px;right:8px;top:21px;height:5px;background:linear-gradient(90deg,#241d2b 0 22%,transparent 22% 63%,#241d2b 63% 85%,transparent 85%)}
.mc-head::after{content:"";position:absolute;left:15px;bottom:7px;width:12px;height:3px;background:#7a465b}
.mc-head.mini{width:28px;height:28px}.mc-head.mini::before{top:14px;left:5px;right:5px;height:3px}.mc-head.mini::after{left:10px;bottom:4px;width:8px;height:2px}
.mc-head.large{width:72px;height:72px;border-radius:5px}.mc-head.large::before{top:38px;left:14px;right:14px;height:7px}.mc-head.large::after{left:25px;bottom:12px;width:22px;height:4px}
.head-hexbyte{--skin:#b88972;--hair:#291d31;--accent:#ff79c9}.head-ivy{--skin:#d0a282;--hair:#243b42;--accent:#74d7c5}.head-solace{--skin:#bb8c75;--hair:#272136;--accent:#8e7bff}.head-nox{--skin:#d2a17e;--hair:#18161c;--accent:#d1628f}.head-mika{--skin:#e0b18e;--hair:#3a233b;--accent:#ff8ac9}.head-kyro{--skin:#b98770;--hair:#18293d;--accent:#7da1ff}.head-pixelmint{--skin:#c9987c;--hair:#2f3b2d;--accent:#82d08b}.head-snuver{--skin:#c99378;--hair:#201724;--accent:#c276ff}

/* Home/category directory */
.forum-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
.forum-block,.side-card,.topic-shell{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}
.block-title{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 16px;background:linear-gradient(90deg,#2b2131,#292130);border-bottom:1px solid var(--line)}
.block-title span{font-size:.8rem;font-weight:900;letter-spacing:.07em}.block-title small{font-size:.72rem;color:#8f8395}
.category-row{display:grid;grid-template-columns:48px minmax(0,1fr) 84px 210px;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line-soft);cursor:pointer}.category-row:last-child{border-bottom:0}.category-row:hover{background:#26202c}.category-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,121,201,.18),rgba(190,121,255,.16));border:1px solid rgba(255,255,255,.06);color:#f0a2d8;font-weight:900}.category-main h2{margin:0 0 3px;font-size:.95rem}.category-main p{margin:0;color:#948a99;font-size:.77rem;line-height:1.35}.category-count{color:#9a909f;font-size:.72rem;text-align:center}.category-last{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center}.category-last .mc-head{width:32px;height:32px}.last-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.76rem;color:#d9d0de}.last-meta{margin-top:2px;font-size:.67rem;color:#766e7c}
.side-card{margin-bottom:14px}.side-title{padding:12px 14px;background:#28222d;border-bottom:1px solid var(--line);font-weight:850;font-size:.78rem}.side-body{padding:12px 14px}.profile-preview{display:flex;gap:11px;align-items:center}.profile-preview strong{display:block}.profile-preview span{display:block;color:#8c8291;font-size:.72rem;margin-top:2px}.side-link-list{display:grid}.side-link-list button,.side-link-list a{border:0;border-bottom:1px solid var(--line-soft);background:transparent;text-align:left;padding:10px 13px;color:#b9afbf;text-decoration:none;font-size:.76rem;cursor:pointer}.side-link-list>*:last-child{border-bottom:0}.side-link-list button:hover,.side-link-list a:hover{background:#28212e;color:white}
.trend-item{padding:10px 13px;border-bottom:1px solid var(--line-soft)}.trend-item:last-child{border-bottom:0}.trend-item a{display:block;text-decoration:none;font-size:.76rem;line-height:1.35}.trend-item small{display:block;color:#756d7a;margin-top:4px}

/* Category/topic list page */
.category-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.category-page-head h1{margin:0;font-size:1.65rem;letter-spacing:-.03em}.category-page-head p{margin:6px 0 0;color:#968c9b;max-width:700px;font-size:.86rem}.category-page-head .new-thread{height:36px}
.topic-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}
.topic-list-head,.topic-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 72px 170px;align-items:center}.topic-list-head{min-height:38px;padding:0 15px;background:#29232f;border-bottom:1px solid var(--line);color:#8f8594;font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.topic-list-head span:not(:first-child){text-align:center}
.topic-row{padding:12px 15px;border-bottom:1px solid var(--line-soft);transition:.12s ease}.topic-row:last-child{border-bottom:0}.topic-row:hover{background:#26202c}.topic-main{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;min-width:0}.topic-copy{min-width:0}.topic-title-line{display:flex;align-items:center;gap:7px;min-width:0}.topic-title{font-size:.86rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;cursor:pointer}.topic-title:hover{color:#f3b4df}.prefix{flex:0 0 auto;padding:3px 6px;border-radius:4px;background:#503355;color:#ffc0e8;font-size:.59rem;font-weight:900;letter-spacing:.04em}.prefix.guide{background:#304b43;color:#9be6c9}.prefix.question{background:#39425a;color:#acc2ff}.prefix.theme{background:#563a67;color:#dcb1ff}.prefix.feedback{background:#5a4133;color:#ffc29c}.topic-meta{margin-top:4px;color:#7f7584;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-num{text-align:center;color:#a59baa;font-size:.75rem}.latest-cell{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center}.latest-cell .mc-head{width:30px;height:30px}.latest-name{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-time{font-size:.65rem;color:#746c79;margin-top:1px}.sort-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 10px}.sort-tabs{display:flex;gap:5px}.sort-tab{height:31px;border:1px solid var(--line);border-radius:6px;background:#1e1923;color:#a99fab;padding:0 10px;font-size:.72rem;cursor:pointer}.sort-tab.active{background:#3a2c41;color:#fff;border-color:#60466b}.sort-caption{color:#746b79;font-size:.7rem}

/* Topic page — intentionally different from category page, like Discourse/DevForum */
.topic-page{width:min(940px,100%);margin:0 auto}.topic-header{margin-bottom:18px}.topic-header h1{margin:0;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.035em;line-height:1.15}.topic-header-meta{margin-top:9px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#8e8493;font-size:.75rem}.topic-header-meta a{text-decoration:none;color:#c6b9cf}.topic-header-meta a:hover{color:#fff}.tag-pill{padding:4px 7px;border-radius:4px;background:#35283c;color:#d9b7e5;font-size:.65rem}
.post-stack{display:grid;gap:14px}.forum-post{display:grid;grid-template-columns:150px minmax(0,1fr);border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}.post-author{padding:18px 14px;background:#1e1923;border-right:1px solid var(--line-soft);text-align:center}.post-author .mc-head{margin:0 auto 10px}.author-name{display:block;font-weight:850;font-size:.88rem;text-decoration:none;cursor:pointer}.author-name:hover{color:#f0a8d8}.author-role{margin-top:3px;color:#c57fc7;font-size:.67rem;font-weight:800}.author-stats{margin-top:11px;display:grid;gap:3px;color:#766e7b;font-size:.64rem}.post-body{min-width:0;display:flex;flex-direction:column}.post-meta{min-height:40px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line-soft);color:#7e7583;font-size:.68rem}.post-number{color:#a79daa;text-decoration:none}.post-content{padding:22px 22px 28px;font-size:1rem;line-height:1.7;color:#e8e1eb;min-height:150px}.post-content p{margin:0 0 1em}.post-content p:last-child{margin-bottom:0}.post-content blockquote{margin:16px 0;padding:10px 14px;border-left:3px solid var(--purple);background:#29212f;color:#cfc4d4}.post-actions{margin-top:auto;display:flex;justify-content:flex-end;gap:6px;padding:9px 13px;border-top:1px solid var(--line-soft)}.post-action{border:0;border-radius:6px;background:transparent;color:#978d9d;padding:6px 9px;font-size:.69rem;cursor:pointer}.post-action:hover{background:#302837;color:#fff}.op-badge{padding:2px 5px;border-radius:4px;background:#49364e;color:#f0b7df;font-size:.58rem;font-weight:900}
.reply-panel{margin-top:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.reply-panel-head{padding:11px 14px;border-bottom:1px solid var(--line);font-size:.78rem;font-weight:800}.reply-composer{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;padding:14px}.reply-composer textarea{width:100%;min-height:120px;resize:vertical;border:1px solid var(--line);border-radius:7px;background:#17131b;color:var(--text);outline:0;padding:12px;line-height:1.5}.reply-composer textarea:focus{border-color:#775384;box-shadow:0 0 0 3px rgba(190,121,255,.08)}.reply-actions{display:flex;justify-content:flex-end;padding:0 14px 14px}.reply-button{height:34px;border:0;border-radius:6px;background:linear-gradient(110deg,#d85ab6,#9d66dd);font-weight:850;padding:0 14px;cursor:pointer}

/* Profile page */
.profile-page{width:min(900px,100%);margin:0 auto}.profile-hero{display:flex;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,#26202c,#211b26);box-shadow:var(--shadow)}.profile-hero h1{margin:0;font-size:1.5rem}.profile-hero p{margin:5px 0 0;color:#8d8392;font-size:.8rem}.profile-tabs{display:flex;gap:5px;margin:18px 0 10px}.profile-activity{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.profile-activity-row{padding:13px 15px;border-bottom:1px solid var(--line-soft)}.profile-activity-row:last-child{border-bottom:0}.profile-activity-row a{text-decoration:none;font-weight:750}.profile-activity-row small{display:block;margin-top:4px;color:#756d7a}

/* Search results */
.search-page h1,.members-page h1{margin:0 0 16px;font-size:1.55rem}.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.member-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);cursor:pointer}.member-card:hover{background:#28212e}.member-card strong{display:block}.member-card small{display:block;margin-top:3px;color:#786f7d}

.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(5,3,7,.76);backdrop-filter:blur(8px)}.modal{width:min(570px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid #493d51;border-radius:12px;background:#211c26;box-shadow:0 35px 110px rgba(0,0,0,.62)}.modal-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.modal-title{font-weight:900}.close-btn{width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:#aaa0af;font-size:1.3rem;cursor:pointer}.close-btn:hover{background:#302837;color:#fff}.modal-body{padding:16px}.field{display:grid;gap:6px;margin-bottom:13px}.field label{font-size:.72rem;color:#a89eac;font-weight:750}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:7px;background:#161219;color:var(--text);outline:0;padding:10px}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#755181}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 16px 16px}.btn{height:35px;border:1px solid var(--line);border-radius:6px;background:#302837;padding:0 12px;cursor:pointer}.btn.primary{border:0;background:linear-gradient(110deg,#d85ab6,#9c65df);font-weight:850}.toast{position:fixed;z-index:120;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:9px 13px;border:1px solid #493d51;border-radius:7px;background:#251f2b;color:#eee5f1;font-size:.75rem;transition:.18s ease}.toast.show{opacity:1;transform:translate(-50%,0)}
.empty{padding:34px 18px;text-align:center;color:#887e8d;border:1px dashed var(--line);border-radius:9px;background:#1c1820}

@media(max-width:900px){
  .header-main{grid-template-columns:auto 1fr}.primary-nav{display:none}.header-tools{justify-self:end}.search-box{width:180px}.forum-home-grid{grid-template-columns:1fr}.home-side{display:none}.category-row{grid-template-columns:44px minmax(0,1fr) 70px}.category-last{display:none}.topic-list-head,.topic-row{grid-template-columns:minmax(0,1fr) 60px 130px}.topic-list-head span:nth-child(3),.topic-row>.topic-num:nth-child(3){display:none}.forum-post{grid-template-columns:115px minmax(0,1fr)}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .wrap{width:min(100% - 20px,1180px)}.header-main{height:64px;gap:10px}.ss-brand.compact .ss-lockup small{display:none}.header-tools{gap:6px}.search-box{display:none}.user-chip #account-label{display:none}.subnav{height:38px}.app-root{padding-top:18px}.category-row{grid-template-columns:40px minmax(0,1fr);padding:12px}.category-count{display:none}.topic-list-head{display:none}.topic-row{grid-template-columns:minmax(0,1fr) 58px;padding:12px}.topic-row>.topic-num:nth-child(3),.latest-cell{display:none}.topic-title{white-space:normal}.category-page-head{align-items:flex-start}.forum-post{grid-template-columns:1fr}.post-author{display:grid;grid-template-columns:46px 1fr;gap:10px;text-align:left;align-items:center;border-right:0;border-bottom:1px solid var(--line-soft);padding:11px 12px}.post-author .mc-head{width:44px;height:44px;margin:0}.author-stats{display:none}.post-content{padding:17px;font-size:.95rem}.reply-composer{grid-template-columns:1fr}.reply-composer>.mc-head{display:none}.member-grid{grid-template-columns:1fr}.sort-line{align-items:flex-start;flex-direction:column}.topic-header h1{font-size:1.55rem}
}