.community-hub .portal-top{margin-bottom:40px;position:relative}.community-hub .portal-top>header{justify-content:space-between;align-items:end;gap:30px;padding:12px 0 28px;display:flex}.community-hub .portal-top h1{letter-spacing:-.045em;margin:14px 0 0;font-size:clamp(32px,3.5vw,62px);font-weight:950;line-height:1.04}.community-hub .portal-top h1 em{background:linear-gradient(115deg,var(--foreground),var(--hub-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.community-hub .portal-top>header>p{color:var(--muted-foreground);max-width:340px;font-size:14px;line-height:1.8}.community-hub .portal-bento{grid-template-rows:230px 195px;grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.community-hub .portal-story{isolation:isolate;border:1px solid color-mix(in srgb,var(--hub-accent) 19%,var(--border));background:color-mix(in srgb,var(--card) 72%,transparent);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);color:var(--foreground);border-radius:18px;flex-direction:column;justify-content:space-between;padding:28px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.community-hub .portal-story:hover{z-index:2;border-color:color-mix(in srgb,var(--hub-accent) 65%,transparent);box-shadow:0 16px 65px color-mix(in srgb,var(--hub-accent) 13%,transparent);transform:scale(1.02)}.community-hub .portal-lead{grid-row:1/3;padding:34px}.community-hub .portal-story:after{content:"";z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--background) 25%,transparent),color-mix(in srgb,var(--background) 60%,transparent) 40%,var(--background));position:absolute;inset:0}.community-hub .portal-art{object-fit:cover;z-index:-2;filter:grayscale(.75);opacity:.7;width:100%;height:100%;position:absolute;inset:0}.community-hub .portal-story:before{content:"";z-index:-1;background:radial-gradient(ellipse at 85% 20%,color-mix(in srgb,var(--hub-accent) 28%,transparent),transparent 70%);position:absolute;inset:0}.community-hub .portal-story-tag{border:1px solid color-mix(in srgb,var(--hub-accent) 30%,transparent);background:color-mix(in srgb,var(--background) 65%,transparent);color:var(--hub-accent);font:600 10px/1.3 var(--font-mono,monospace);letter-spacing:.15em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:5px;align-self:start;align-items:center;gap:8px;padding:7px 10px;display:inline-flex}.community-hub .portal-story h2{letter-spacing:-.025em;overflow-wrap:anywhere;margin:10px 0;font-size:clamp(23px,2.2vw,38px);font-weight:900;line-height:1.12}.community-hub .portal-lead h2{max-width:620px;font-size:clamp(28px,3vw,48px)}.community-hub .portal-story p{max-width:510px;color:color-mix(in srgb,var(--foreground) 78%,var(--background));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 16px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.community-hub .portal-story small{font:500 10px/1.5 var(--font-mono,monospace);letter-spacing:.12em;color:var(--hub-accent)}.community-hub .portal-story-action{color:var(--hub-accent);align-items:center;gap:16px;font-size:12px;font-weight:750;display:flex}.community-hub .portal-mvp-art{object-fit:cover;opacity:.24;width:170px;height:170px;-webkit-mask-image:linear-gradient(90deg,transparent,var(--foreground));mask-image:linear-gradient(90deg,transparent,var(--foreground));z-index:-2;filter:grayscale();border-radius:50%;position:absolute;bottom:-16px;right:15px}.community-hub .portal-secondary{padding:22px 28px}.community-hub .portal-secondary h2{margin:10px 0 5px;font-size:24px}.community-hub .portal-secondary p{margin:0 0 8px}.community-hub .portal-source{font:400 10px/1.7 var(--font-mono,monospace);color:var(--muted-foreground);margin-top:14px;display:block}.community-hub .hub-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:26px}.community-hub .portal-market{margin:0 0 40px}.community-hub .portal-market .hub-section-title{margin-top:0}.community-hub .portal-description{color:var(--muted-foreground);margin:10px 0 22px;font-size:13px}.community-hub .portal-market-tools{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.community-hub .portal-market-tools nav{background:color-mix(in srgb,var(--card) 65%,transparent);border:1px solid var(--border);border-radius:9px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.community-hub .portal-market-tools button{color:var(--muted-foreground);border:1px solid #0000;border-radius:6px;padding:9px 12px;font-size:11px}.community-hub .portal-market-tools button[aria-pressed=true]{background:color-mix(in srgb,var(--hub-accent) 13%,transparent);border-color:color-mix(in srgb,var(--hub-accent) 36%,transparent);color:var(--hub-accent)}.community-hub .portal-market-tools select{background:var(--background);width:130px;min-width:110px;color:var(--foreground);border:1px solid var(--border);border-radius:7px;padding:9px;font-size:11px}.community-hub .portal-market-search{border:1px solid var(--border);color:var(--hub-accent);background:color-mix(in srgb,var(--card) 45%,transparent);border-radius:9px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.community-hub .portal-market-search input{width:100%;box-shadow:none;color:var(--foreground);background:0 0;border:0;padding:0;font-size:12px}.community-hub .portal-market-search:focus-within{border-color:var(--hub-accent);box-shadow:0 0 18px color-mix(in srgb,var(--hub-accent) 12%,transparent)}.community-hub .portal-listings{gap:10px;display:grid}.community-hub .portal-listing{border:1px solid color-mix(in srgb,var(--hub-accent) 12%,var(--border));background:linear-gradient(110deg,color-mix(in srgb,var(--card) 76%,transparent),color-mix(in srgb,var(--card) 46%,transparent));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:12px;grid-template-columns:46px minmax(0,1fr);gap:10px 16px;padding:20px 22px;transition:background .3s,box-shadow .3s,border-color .3s;display:grid;position:relative}.community-hub .portal-listing:before{content:"";background:var(--hub-accent);opacity:0;width:2px;box-shadow:0 0 14px var(--hub-accent);transition:opacity .3s;position:absolute;inset:14px auto 14px 0}.community-hub .portal-listing:hover,.community-hub .portal-listing:focus-within{background:color-mix(in srgb,var(--hub-accent) 8%,var(--background));border-color:color-mix(in srgb,var(--hub-accent) 40%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--hub-accent) 7%,transparent)}.community-hub .portal-listing:hover:before,.community-hub .portal-listing:focus-within:before{opacity:1}.community-hub .portal-listing-face img{object-fit:cover;border:1px solid var(--border);border-radius:11px;width:46px;height:46px}.community-hub .portal-listing-title{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.community-hub .portal-listing-title>a{color:var(--foreground);margin-right:5px;font-size:15px;font-weight:800}.community-hub .portal-pill{font:500 9px/1.4 var(--font-mono,monospace);color:var(--hub-accent);background:color-mix(in srgb,var(--hub-accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--hub-accent) 20%,transparent);white-space:nowrap;border-radius:5px;padding:4px 7px}.community-hub .portal-listing-content p{overflow-wrap:anywhere;white-space:pre-wrap;margin:10px 0 5px;font-size:12px;line-height:1.7}.community-hub .portal-listing-content>small{color:var(--muted-foreground);font-size:10px}.community-hub .portal-listing-actions{opacity:.6;grid-column:2;justify-content:end;gap:8px;transition:opacity .3s;display:flex}.community-hub .portal-listing:hover .portal-listing-actions,.community-hub .portal-listing:focus-within .portal-listing-actions{opacity:1}.community-hub .portal-listing-actions button{border:1px solid color-mix(in srgb,var(--hub-accent) 27%,transparent);color:var(--hub-accent);border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.community-hub .portal-empty{border:1px dashed color-mix(in srgb,var(--hub-accent) 25%,var(--border));text-align:center;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--hub-accent) 5%,transparent),transparent);border-radius:12px;padding:36px 24px}.community-hub .portal-empty svg{color:var(--hub-accent);margin:0 auto 14px}.community-hub .portal-empty h3{font-size:18px;font-weight:750}.community-hub .portal-empty p{color:var(--muted-foreground);margin-top:8px;font-size:12px;line-height:1.8}.community-hub .portal-live>header,.community-hub .portal-forum>header{gap:10px;margin-bottom:14px}.community-hub .portal-live>header h3,.community-hub .portal-forum>header h3{font-size:16px}.community-hub .portal-live>header small,.community-hub .portal-forum>header small{font-size:10px}.community-hub .portal-live-dot{background:var(--hub-accent);opacity:.6;border-radius:50%;width:7px;height:7px;margin-left:auto}.community-hub .portal-match{border-top:1px solid var(--border);color:var(--foreground);padding:17px 7px;transition:background .3s;display:block}.community-hub .portal-match:hover,.community-hub .portal-topic:hover{background:color-mix(in srgb,var(--hub-accent) 8%,transparent)}.community-hub .portal-match>span{font:600 9px var(--font-mono,monospace);color:var(--hub-accent);align-items:center;gap:7px;margin-bottom:12px;display:flex}.community-hub .portal-match>span i{background:var(--hub-accent);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite portal-live}.community-hub .portal-match>span small{color:var(--muted-foreground);margin-left:auto}.community-hub .portal-match>div{justify-content:space-between;gap:12px;margin:5px 0;font-size:12px;display:flex}.community-hub .portal-match b{font-family:var(--font-mono,monospace);color:var(--hub-accent)}.community-hub .portal-match>small{color:var(--muted-foreground);justify-content:space-between;gap:8px;margin-top:10px;font-size:10px;display:flex}.community-hub .portal-sidebar-empty{flex-direction:column;align-items:start;gap:10px;padding:20px 4px;display:flex}.community-hub .portal-sidebar-empty svg{color:var(--hub-accent)}.community-hub .portal-sidebar-empty p{margin:0;font-size:13px;font-weight:650}.community-hub .portal-sidebar-empty small{color:var(--muted-foreground);font-size:11px;line-height:1.7}.community-hub .portal-sidebar-empty a{color:var(--hub-accent);align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.community-hub .portal-topic{text-align:left;border-top:1px solid var(--border);flex-direction:column;gap:8px;width:100%;padding:17px 8px;transition:background .3s;display:flex}.community-hub .portal-category{font:500 9px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.1em;color:var(--hub-accent)}.community-hub .portal-topic>strong{color:var(--foreground);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.community-hub .portal-topic>span:last-child{width:100%;color:var(--muted-foreground);justify-content:space-between;gap:10px;display:flex}.community-hub .portal-topic small{align-items:center;gap:5px;font-size:10px;display:flex}.community-hub .portal-new-topic{justify-content:center;width:100%;margin-top:14px}.portal-pages{font:11px var(--font-mono,monospace);justify-content:flex-end;align-items:center;gap:12px;padding:15px 0;display:flex}.portal-pages button{border:1px solid var(--border);border-radius:5px;padding:6px}.portal-pages button:disabled{opacity:.3;cursor:default}.portal-dialog{--hub-accent:var(--active-season-ink,var(--ui-season-accent,var(--primary)));scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--hub-accent) 25%,transparent) transparent;max-height:85dvh;overflow-y:auto}.portal-dialog select{background:var(--background);border:1px solid var(--border);color:var(--foreground);border-radius:8px;padding:12px}.portal-dialog .hub-create{margin-top:20px}.portal-topic-dialog{width:min(720px,100vw - 32px)!important}.portal-topic-body{border-bottom:1px solid var(--border);margin-bottom:20px;padding:24px 0}.portal-topic-body p,.portal-replies p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.portal-topic-body>button,.portal-replies article>button{color:var(--muted-foreground);margin-top:12px;font-size:10px}.portal-replies{gap:12px;margin:16px 0;display:grid}.portal-replies article{border:1px solid var(--border);background:color-mix(in srgb,var(--hub-accent) 4%,transparent);border-radius:10px;padding:18px}.portal-replies header{color:var(--hub-accent);justify-content:space-between;gap:12px;margin-bottom:9px;font-size:12px;display:flex}.portal-replies header small{color:var(--muted-foreground);font-size:10px}@keyframes portal-live{50%{opacity:.4;box-shadow:0 0 12px var(--hub-accent)}}@media (min-width:1550px){.community-hub .hub-grid{grid-template-columns:minmax(0,1fr) 380px}}@media (min-width:1250px){.community-hub .portal-listing{grid-template-columns:46px minmax(0,1fr) auto;align-items:center}.community-hub .portal-listing-actions{flex-direction:column;grid-area:1/3}.community-hub .portal-listing-actions button{justify-content:center}}@media (max-width:1100px){.community-hub .hub-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.community-hub .portal-market-tools{flex-direction:column;align-items:stretch}.community-hub .portal-market-tools select{width:100%}.community-hub .portal-bento{grid-template-rows:220px 210px}.community-hub .portal-story{padding:22px}.community-hub .portal-top>header>p{display:none}}@media (max-width:850px){.community-hub .hub-grid{grid-template-columns:1fr}.community-hub .portal-bento{grid-template-rows:320px auto;grid-template-columns:1fr 1fr}.community-hub .portal-lead{grid-area:auto/1/auto/3}.community-hub .portal-mvp,.community-hub .portal-secondary{min-height:240px}.community-hub .portal-top>header{padding-bottom:24px}.community-hub .portal-listing-actions{opacity:1}}@media (max-width:540px){.community-hub .portal-bento{flex-direction:column;display:flex}.community-hub .portal-lead{min-height:350px}.community-hub .portal-mvp,.community-hub .portal-secondary{min-height:215px}.community-hub .portal-market .hub-section-title{align-items:start;gap:16px}.community-hub .portal-market .hub-section-title h2{font-size:24px}.community-hub .portal-market .hub-primary{padding:9px;font-size:10px}.community-hub .portal-listing{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px}.community-hub .portal-listing-face img{width:36px;height:36px}.community-hub .portal-listing-title{gap:6px}.community-hub .portal-listing-title>a{width:100%}.community-hub .portal-market-tools button{padding:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.community-hub .portal-story,.community-hub .portal-listing{transition:none}.community-hub .portal-story:hover{transform:none}.community-hub .portal-match>span i{animation:none}}html[data-reduce-motion=true] .community-hub .portal-story:hover{transform:none}html[data-reduce-motion=true] .community-hub .portal-match>span i{animation:none}
