.catalog-hero-v2{position:relative;isolation:isolate;display:flex;align-items:center;min-height:350px;overflow:hidden;padding:clamp(34px,6vw,68px);border:1px solid #23466e;border-radius:30px;background:#061123 url('/assets/server-catalog-hero-v1.jpg') center/cover no-repeat;box-shadow:0 28px 80px #0008,inset 0 0 60px #0a3e7b22}
.catalog-hero-v2:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030b18 0%,#041126e8 30%,#04112655 58%,#07112622)}
.catalog-hero-v2>div{max-width:650px}.catalog-hero-v2 h1{margin:14px 0 20px;font-size:clamp(44px,6vw,74px)}.catalog-hero-v2 h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#37d8ff,#8b8aff,#ef3adc);background-clip:text;-webkit-background-clip:text}.catalog-hero-v2 p{margin:0;color:#bbc7d8;font-size:19px}
.catalog-toolbar-v2{align-items:end;margin:24px 0 30px;padding:24px;border-color:#1a69a1;background:linear-gradient(115deg,#07172b,#0b1429 65%,#20102d);box-shadow:inset 0 0 40px #1d8bd513}.catalog-toolbar-v2 label>span{color:#eaf3ff}.catalog-toolbar-v2 input,.catalog-toolbar-v2 select{min-height:54px;border-color:#365578;border-radius:13px;background:#081426}.catalog-toolbar-v2 .reset-filter{min-height:54px;border-color:#13d9ef;color:#31e8f9;background:#081b2b}
.server-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.server-showcase-grid .server-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;overflow:hidden;padding:20px;border-color:#285d91;border-radius:24px;background:linear-gradient(145deg,#081a30,#080f20);box-shadow:0 20px 65px #0007}.server-showcase-grid .server-card>.server-logo{grid-row:1/7;width:210px;height:210px;border:1px solid #6a3ad4;border-radius:20px;object-fit:cover}.server-showcase-grid .server-card h3{margin:2px 0;font-size:28px}.server-showcase-grid .server-card code{width:max-content;padding:9px 13px;border-color:#286da6;font-size:16px;font-weight:800}.server-showcase-grid .server-card p{margin:0}.server-showcase-grid .card-top{align-items:center}.server-showcase-grid .status{padding:7px 12px;color:#74ffd0;background:#073e35;border:1px solid #0dbf86}.server-showcase-grid .server-card-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-column:2;margin:8px 0;padding:12px 0;border-block:1px solid #203650;text-align:center}.server-showcase-grid .server-card-actions{grid-column:2}.server-showcase-grid .server-card-actions .button{flex:1;min-height:48px}.server-showcase-grid .server-card-actions .primary{color:#fff;background:linear-gradient(105deg,#09cdec,#b121ff)}
.server-detail-v2{position:relative;isolation:isolate;grid-template-columns:260px 1fr;min-height:330px;padding:26px;border-color:#3a4889;background:linear-gradient(100deg,#07172d,#080e20 58%,#251044);box-shadow:0 26px 80px #0008}.server-detail-v2:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 20%,#4d24c755,transparent 36%),linear-gradient(90deg,transparent,#18104455)}.server-detail-v2 .server-detail-logo{width:260px;height:260px;border-color:#5865d5;border-radius:24px;box-shadow:0 0 35px #218dff25}.server-detail-v2 .server-detail-copy{min-width:0}.server-detail-v2 h1{margin:9px 0 6px;font-size:clamp(38px,5vw,58px)}.server-detail-v2 .status{display:inline-flex;gap:7px;padding:8px 14px;color:#72ffd0;border:1px solid #087b69;background:#07382f}.server-detail-v2 .server-meta-row{font-size:15px}.server-hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.server-hero-actions form{display:block;max-width:none;margin:0;padding:0;border:0;background:none}.server-action{display:flex;align-items:center;justify-content:center;gap:12px;min-height:72px;padding:12px 18px;border:1px solid #334b75;border-radius:14px;color:#f7f8ff;background:#081326;text-decoration:none;font-weight:850}.server-action b{font-size:27px}.server-action span{display:grid}.server-action small{color:#a8b2c7;font-size:11px;font-weight:500}.connect-action{border-color:#2475ef;background:linear-gradient(110deg,#0baaf4,#c119ff)}.like-action b{color:#e23cff}.like-action.selected{border-color:#c53be7;box-shadow:0 0 24px #d434f42b}.rating-action{border-color:#8536b4;box-shadow:inset 0 0 25px #5b138930}.rating-action b{color:#45baff}.server-action.static{cursor:default}
.detail-grid-v2{gap:14px}.detail-grid-v2 .card{display:flex;align-items:center;gap:18px;min-height:130px;border-color:#263f63;background:linear-gradient(145deg,#071a30,#090f1e)}.detail-grid-v2 h2{margin:0 0 8px;font-size:25px}.detail-grid-v2 p{margin:8px 0 0}.section-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #2649a0;border-radius:13px;color:#33d9ff;background:linear-gradient(145deg,#123565,#16114d);font-size:23px}.owner-card-v2>img{width:62px;height:62px;border:2px solid #673ade;border-radius:16px;object-fit:cover}.owner-card-v2 .profile-link{color:#a98aff;font-size:18px;font-weight:850}.server-players-v2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.server-players-v2>.card{min-height:160px;border-color:#263f63}.owner-contact-v2{display:grid;grid-template-columns:auto 1fr auto;padding:22px 28px;border-color:#57278a;background:linear-gradient(90deg,#15103a,#260b50,#111330)}.owner-contact-v2 .section-icon{border-color:#a64bf2;color:#f4a7ff}.owner-contact-v2 .button{min-width:230px;color:#fff;background:linear-gradient(105deg,#09bfee,#d22ce8)}
@media(max-width:1050px){.server-showcase-grid{grid-template-columns:1fr}.server-showcase-grid .server-card{max-width:760px}.server-hero-actions{grid-template-columns:1fr 1fr}.server-hero-actions>*:first-child{grid-column:1/-1}}
@media(max-width:760px){.catalog-hero-v2{min-height:300px;background-position:64% center}.catalog-hero-v2:before{background:linear-gradient(90deg,#030b18f2,#041126b8 72%,#04112655)}.catalog-toolbar-v2{grid-template-columns:1fr}.server-showcase-grid .server-card{grid-template-columns:115px 1fr;padding:14px}.server-showcase-grid .server-card>.server-logo{width:115px;height:150px}.server-showcase-grid .server-card-stats,.server-showcase-grid .server-card-actions{grid-column:1/-1}.server-detail-v2{grid-template-columns:120px 1fr}.server-detail-v2 .server-detail-logo{width:120px;height:150px}.server-hero-actions{grid-column:1/-1}.server-players-v2{grid-template-columns:1fr}.owner-contact-v2{grid-template-columns:auto 1fr}.owner-contact-v2 .button{grid-column:1/-1;width:100%}}
@media(max-width:520px){.catalog-hero-v2{min-height:270px;padding:26px 20px;border-radius:20px}.catalog-hero-v2 h1{font-size:40px}.catalog-hero-v2 p{font-size:16px}.server-showcase-grid .server-card{grid-template-columns:90px minmax(0,1fr)}.server-showcase-grid .server-card>.server-logo{width:90px;height:120px}.server-showcase-grid .server-card h3{font-size:22px}.server-showcase-grid .server-card-stats{grid-template-columns:1fr 1fr;gap:10px}.server-detail-v2,.detail-grid-v2,.server-players-v2,.owner-contact-v2,.comments-panel{width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin-inline:auto}.server-detail-v2{grid-template-columns:minmax(0,1fr);min-width:0;overflow:hidden;padding:18px}.server-detail-v2>*{max-width:100%;min-width:0}.server-detail-v2 .server-detail-logo{display:block;width:100%;height:auto;max-height:260px}.server-hero-actions{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.server-hero-actions>*:first-child{grid-column:auto}.server-action{width:100%;min-width:0}.detail-grid-v2{grid-template-columns:minmax(0,1fr)}.owner-contact-v2{grid-template-columns:minmax(0,1fr)}.owner-contact-v2 .section-icon{display:none}.comments-panel{overflow:hidden;border-radius:18px}}
/* Stage 7: server provenance, verified ownership, voice and unified chat */
.server-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.server-platform-badge,.owner-verified,.comment-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;letter-spacing:.05em}
.server-platform-badge.panel{color:#5fffd0;background:rgba(40,255,190,.1);border:1px solid rgba(40,255,190,.32)}
.server-platform-badge.external{color:#aebbd2;background:rgba(150,170,200,.08);border:1px solid rgba(150,170,200,.25)}
.owner-verified{color:#75eaff;background:rgba(45,205,255,.1);border:1px solid rgba(45,205,255,.3);margin-top:7px}
.voice-button,.voice-action{border-color:rgba(137,91,255,.5)!important;background:rgba(116,72,235,.16)!important;color:#e3d9ff!important}
.server-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.server-card-actions .button{flex:1 1 145px;text-align:center}
.server-hero-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.comment-badge{padding:3px 7px;color:#b9c5d8;background:#17243a}
.comment-badge.admin,.comment-badge.moder{color:#ffbd75;background:rgba(255,145,48,.12)}
.comment-user-actions{display:none;gap:10px;font-size:12px;margin:4px 0 8px}
.community-comment:hover .comment-user-actions{display:flex}
.comment-reactions,.comment-ban{display:inline-flex;align-items:center;gap:5px;margin:0}
.comment-reactions button.selected{color:#64f0cd;border-color:#42dcb8}
.comment-ban select,.comment-ban input{max-width:110px;padding:5px 7px;border-radius:7px;border:1px solid #2a3a54;background:#0d1728;color:#dce7f8}
@media(max-width:900px){.server-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.comment-ban{flex-wrap:wrap}}