:root{--ch212-orange:#ff4c15;--ch212-navy:#07152f;--ch212-line:#cbdced;--ch212-soft:#f5f9fd}body.ch212-global-navbar{margin:0!important;background:#f7faff!important;color:var(--ch212-navy)!important}body.ch212-global-navbar .site-header,body.ch212-global-navbar .mobile-nav{display:none!important}body.ch212-home #root{display:none!important}.ch212-frame{position:relative;border:1px solid var(--ch212-line);background:#fff;clip-path:polygon(18px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:0 7px 24px #1237660d}.ch212-frame:before,.ch212-frame:after{content:"";position:absolute;z-index:5;width:29px;height:22px;pointer-events:none}.ch212-frame:before{left:0;top:0;border-left:4px solid var(--ch212-orange);border-top:4px solid var(--ch212-orange)}.ch212-frame:after{right:0;bottom:0;border-right:4px solid var(--ch212-orange);border-bottom:4px solid var(--ch212-orange)}
#ch-global-nav-v212{position:relative;z-index:1000;width:calc(100% - 24px);max-width:1660px;height:78px;margin:7px auto 13px;padding:0 26px 0 38px;display:grid;grid-template-columns:305px 1fr 410px;align-items:center;background:#fffffff5;font-family:Inter,Arial,sans-serif}#ch-global-nav-v212 *{box-sizing:border-box}#ch-global-nav-v212 a{text-decoration:none;color:inherit}.ch212-brand{display:flex;align-items:center;gap:13px;font-family:"Roboto Condensed",Inter,sans-serif;font-style:italic}.ch212-brand>b{font-size:45px;line-height:1;color:var(--ch212-orange);letter-spacing:-5px}.ch212-brand>span{font-size:26px;font-weight:900;letter-spacing:-1.4px}.ch212-brand em{color:var(--ch212-orange);font-style:normal}#ch-global-nav-v212>nav{height:100%;display:flex;align-items:center;justify-content:center;gap:39px}#ch-global-nav-v212>nav>a{height:100%;display:grid;place-items:center;position:relative;white-space:nowrap;font-size:13px;font-weight:800}#ch-global-nav-v212>nav>a:hover,#ch-global-nav-v212>nav>a.active{color:var(--ch212-orange)}#ch-global-nav-v212>nav>a.active:after{content:"";position:absolute;left:3px;right:3px;bottom:0;height:3px;background:var(--ch212-orange)}.ch212-nav-account{display:flex;align-items:center;justify-content:flex-end;gap:9px}.ch212-nav-square{position:relative;width:48px;height:44px;display:grid;place-items:center;border:1px solid #cbd9e9;border-radius:4px;background:#fff;color:var(--ch212-navy);font-size:22px}.ch212-nav-square:hover{border-color:var(--ch212-orange);color:var(--ch212-orange)}.ch212-nav-square mark{position:absolute;right:3px;top:-7px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--ch212-orange);color:#fff;font:bold 10px Arial}.ch212-nav-user{min-width:165px;display:grid;grid-template-columns:44px 1fr 8px 15px;align-items:center;gap:8px}.ch212-nav-user>img,.ch212-nav-user>.ch212-avatar-fallback{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px var(--ch212-orange)}.ch212-nav-user>span{display:flex;min-width:0;flex-direction:column}.ch212-nav-user>span>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ch212-nav-user>span>small{margin-top:3px;color:#728299;font-size:9px}.ch212-nav-user>i{color:#15ad5a;font-size:9px;font-style:normal}.ch212-nav-user>strong{font-size:16px}.ch212-auth{display:flex;align-items:center;gap:8px}.ch212-auth a{height:42px;padding:0 16px;display:grid;place-items:center;border:1px solid #cad9e9;border-radius:4px;font-size:11px;font-weight:800}.ch212-auth a:last-child{border-color:var(--ch212-orange);background:var(--ch212-orange);color:#fff}.ch212-avatar-fallback{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#132f54,#ff4c15);color:#fff;font:900 11px Inter,Arial,sans-serif;font-style:normal}
#ch-pulse-v212{min-height:calc(100vh - 98px);padding:0 14px 24px;background-color:#f8fbfe;background-image:linear-gradient(#dce8f433 1px,transparent 1px),linear-gradient(90deg,#dce8f433 1px,transparent 1px),radial-gradient(circle at 50% 12%,#fff,#f5f9fd 58%,#edf4fa);background-size:42px 42px;color:var(--ch212-navy);font-family:Inter,Arial,sans-serif}#ch-pulse-v212 *{box-sizing:border-box}#ch-pulse-v212 a{text-decoration:none;color:inherit}.ch212-top-grid{max-width:1660px;margin:0 auto 12px;display:grid;grid-template-columns:minmax(0,1.36fr) minmax(520px,1fr);gap:12px}.ch212-hero,.ch212-radar-card{height:398px;overflow:hidden}.ch212-hero{background:#fff}.ch212-hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#ffffff00 43%,#fff 69%),url('/assets/clutchhub-hero-light.webp');background-size:cover;background-position:center;transform:scaleX(-1)}.ch212-hero-copy{position:absolute;z-index:2;left:51%;right:4%;top:50%;transform:translateY(-50%)}.ch212-hero-copy h1{margin:0;font:900 clamp(34px,3.1vw,58px)/1.08 "Roboto Condensed",Inter,sans-serif;letter-spacing:-1px}.ch212-hero-copy h1 span{font-weight:500}.ch212-hero-copy>i{display:block;width:115px;height:5px;margin:12px 0 10px;background:linear-gradient(90deg,var(--ch212-orange) 0 57%,transparent 57% 65%,var(--ch212-orange) 65% 82%,transparent 82% 88%,var(--ch212-orange) 88%)}.ch212-hero-copy>p{margin:0 0 22px;color:#607187;font-size:12px}.ch212-hero-copy footer{display:flex;gap:14px}.ch212-hero-copy footer a{min-width:180px;height:48px;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--ch212-orange);border-radius:3px;background:linear-gradient(135deg,#ff641e,#ff3b11);color:#fff;font-weight:900;font-size:12px;box-shadow:0 8px 20px #ff4c1530}.ch212-hero-copy footer a:last-child{border-color:#bfcfe0;background:#fff;color:var(--ch212-orange);box-shadow:none}.ch212-radar-card{padding:0 25px 13px;background:linear-gradient(135deg,#fff,#f4f9ff)}.ch212-radar-card>header{height:54px;display:flex;align-items:center;gap:10px}.ch212-radar-card>header>span{color:var(--ch212-orange);font-size:22px}.ch212-radar-card>header h2{margin:0;font:900 20px "Roboto Condensed",Inter,sans-serif}.ch212-radar-card>header i{margin-left:auto;color:#10a954;font-size:9px;font-style:normal;font-weight:900}.ch212-radar{position:relative;height:238px}.ch212-radar-rings{position:absolute;left:50%;top:50%;width:205px;height:205px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,#d6e8fa 0 1px,transparent 2px 23px),conic-gradient(from 0deg,#d5e7fb88,#327acb55,#d5e7fb88,#235f9e48,#d5e7fb88);box-shadow:inset 0 0 35px #1c64a23d,0 0 0 1px #b9d3eb}.ch212-radar-rings:before,.ch212-radar-rings:after{content:"";position:absolute;background:#5b91c766}.ch212-radar-rings:before{width:1px;height:100%}.ch212-radar-rings:after{width:100%;height:1px}.ch212-radar-rings>span{position:relative;z-index:2;width:82px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#083061;color:#fff;box-shadow:0 0 0 7px #e3f0fb80,0 0 28px #2677c977}.ch212-radar-rings b{font-size:30px;line-height:1}.ch212-radar-rings small{text-align:center;font-size:7px}.ch212-radar-node{position:absolute;z-index:4;display:flex;align-items:center;gap:7px}.ch212-radar-node>img,.ch212-radar-node>.ch212-avatar-fallback{width:49px;height:49px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px #4389ce,0 5px 15px #173f6b38}.ch212-radar-node>span{display:flex;flex-direction:column}.ch212-radar-node b{font-size:9px}.ch212-radar-node small{margin-top:2px;color:#63758b;font-size:7px}.ch212-radar-node>i{position:absolute;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#14b85e;left:40px;top:38px}.ch212-radar-node.n1{left:50%;top:1px;transform:translateX(-50%)}.ch212-radar-node.n2{right:6%;top:61px}.ch212-radar-node.n3{right:14%;bottom:4px}.ch212-radar-node.n4{left:14%;bottom:4px;flex-direction:row-reverse}.ch212-radar-node.n5{left:6%;top:61px;flex-direction:row-reverse}.ch212-radar.scanning .ch212-radar-rings{animation:ch212Radar 1s linear infinite}.ch212-radar.scanning .ch212-radar-node{opacity:.35}.ch212-radar-empty{position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);width:150px;text-align:center}.ch212-radar-empty b{display:block;font-size:10px}.ch212-radar-empty span{display:block;margin-top:3px;color:#75869b;font-size:7px}.ch212-radar-filters{height:36px;display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:9px}.ch212-radar-filters select{min-width:0;border:1px solid #bfd1e3;border-radius:3px;background:#fff;padding:0 9px;color:#263a54;font-size:9px;outline:0}.ch212-radar-card>button{width:250px;height:37px;margin:8px auto 0;display:block;border:0;border-radius:3px;background:linear-gradient(135deg,#ff651e,#ff3d11);color:#fff;font-weight:900;font-size:11px;box-shadow:0 8px 18px #ff4c152b}.ch212-radar-card>button.scanning{pointer-events:none;filter:saturate(.5)}#ch212-match-status{margin:4px 0 0;color:#687b91;text-align:center;font-size:7px}@keyframes ch212Radar{to{transform:translate(-50%,-50%) rotate(360deg)}}
.ch212-content-grid{max-width:1660px;margin:0 auto 12px;display:grid;grid-template-columns:1.32fr 1.04fr .9fr;gap:12px}.ch212-popular,.ch212-rooms,.ch212-agenda{height:303px;padding:0 12px 12px;overflow:hidden}.ch212-content-grid article>header,.ch212-lfg-strip>header{height:43px;display:flex;align-items:center;justify-content:space-between}.ch212-content-grid article>header h2,.ch212-lfg-strip>header h2{margin:0;font:900 15px "Roboto Condensed",Inter,sans-serif}.ch212-content-grid article>header h2:first-letter,.ch212-lfg-strip>header h2:first-letter{color:var(--ch212-orange)}.ch212-content-grid article>header>a,.ch212-lfg-strip>header>a{color:#3374ba;font-size:8px;font-weight:800}.ch212-popular>div{height:247px;display:grid;grid-template-columns:1.65fr .82fr;gap:8px}.ch212-popular a{min-width:0;overflow:hidden;border:1px solid #d7e3ef;border-radius:5px;background:#fff}.ch212-popular a>span{position:relative;display:block;background-position:center;background-size:cover}.ch212-popular a.main>span{height:188px}.ch212-popular a.mini>span{height:76px}.ch212-popular a>span>i{position:absolute;left:7px;top:7px;padding:3px 6px;border-radius:3px;background:#079046;color:#fff;font-style:normal;font-size:7px;font-weight:900}.ch212-popular a>span>b{position:absolute;left:50%;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#ffffffd9;color:#07152f}.ch212-popular a footer{padding:7px;display:flex;flex-direction:column}.ch212-popular a footer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.ch212-popular a footer small{margin-top:4px;color:#6f8095;font-size:7px}.ch212-popular>div>aside{display:flex;flex-direction:column;gap:8px}.ch212-popular a.mini{height:119px}.ch212-rooms>div{height:247px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ch212-rooms>div>a{position:relative;overflow:hidden;border:1px solid #d7e2ee;border-radius:5px;background-size:cover;background-position:center;color:#fff}.ch212-rooms>div>a>mark{position:absolute;left:6px;top:6px;padding:3px 5px;border-radius:3px;background:#078d46;color:#fff;font-size:6px;font-weight:900}.ch212-rooms>div>a>img{position:absolute;left:9px;top:55%;width:37px;height:37px;object-fit:contain;filter:drop-shadow(0 2px 5px #0008)}.ch212-rooms>div>a>span{position:absolute;left:9px;right:7px;bottom:9px;display:flex;flex-direction:column}.ch212-rooms>div>a b{font-size:9px}.ch212-rooms>div>a small{margin-top:3px;color:#d9e4ef;font-size:7px}.ch212-rooms>div>a i{margin-top:7px;color:#5be58e;font-size:7px;font-style:normal}.ch212-agenda>div{height:247px;display:flex;flex-direction:column;gap:7px}.ch212-agenda>div>a{min-height:73px;padding:5px;display:grid;grid-template-columns:43% 1fr;gap:8px;border:1px solid #dbe5ef;border-radius:5px}.ch212-agenda img{width:100%;height:63px;border-radius:3px;object-fit:cover}.ch212-agenda span{display:flex;min-width:0;flex-direction:column}.ch212-agenda b{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.3}.ch212-agenda mark{margin-top:auto;background:none;color:var(--ch212-orange);font-size:7px;font-weight:800}.ch212-agenda small{margin-top:2px;color:#74859a;font-size:7px}
.ch212-lfg-strip{max-width:1660px;min-height:118px;margin:0 auto;padding:0 12px 12px;overflow:hidden}.ch212-lfg-strip>div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ch212-lfg-strip>div>a{min-width:0;height:61px;padding:6px;display:grid;grid-template-columns:43px 35px 1fr 33px 45px;align-items:center;gap:6px;border:1px solid #d7e3ee;border-radius:5px;background:#fff}.ch212-lfg-strip img.game{width:39px;height:39px;padding:4px;border-radius:5px;background:#07152f;object-fit:contain}.ch212-lfg-strip img.player,.ch212-lfg-strip .ch212-avatar-fallback.player{width:33px;height:33px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #8caac8}.ch212-lfg-strip a>span{display:flex;min-width:0;flex-direction:column}.ch212-lfg-strip a>span>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.ch212-lfg-strip a>span>small{margin-top:2px;color:#526881;font-size:7px}.ch212-lfg-strip a>span>mark{margin-top:2px;background:none;color:#6a7f96;font-size:6px}.ch212-lfg-strip a>em{font-style:normal;font-size:8px}.ch212-lfg-strip a>strong{padding:8px 3px;border-radius:3px;background:var(--ch212-orange);color:#fff;text-align:center;font-size:8px}.ch212-empty{grid-column:1/-1;width:100%;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #ceddec;border-radius:5px;color:#75869a;text-align:center}.ch212-empty b{color:#07152f;font-size:10px}.ch212-empty a{margin-top:7px;color:var(--ch212-orange)!important;font-size:8px;font-weight:900}.ch212-empty.horizontal{min-height:61px;flex-direction:row;gap:14px}.ch212-empty.horizontal span{font-size:8px}.ch212-empty.horizontal a{margin:0;padding:8px 12px;border:1px solid var(--ch212-orange);border-radius:3px}
@media(max-width:1300px){#ch-global-nav-v212{grid-template-columns:245px 1fr 320px}#ch-global-nav-v212>nav{gap:23px}.ch212-brand>span{font-size:21px}.ch212-nav-user{min-width:65px}.ch212-nav-user>span{display:none}.ch212-top-grid{grid-template-columns:1.2fr 1fr}.ch212-radar-node>span{display:none}.ch212-content-grid{grid-template-columns:1.25fr 1fr}.ch212-agenda{grid-column:1/-1;height:175px}.ch212-agenda>div{height:120px;display:grid;grid-template-columns:repeat(3,1fr)}.ch212-lfg-strip>div{grid-template-columns:repeat(3,1fr)}.ch212-lfg-strip>div>a:nth-child(n+4){display:none}}
@media(max-width:900px){#ch-global-nav-v212{height:auto;min-height:68px;grid-template-columns:1fr auto;padding:8px 17px}#ch-global-nav-v212>nav{grid-column:1/-1;order:3;height:38px;justify-content:flex-start;gap:25px;overflow-x:auto}#ch-global-nav-v212>nav>a{height:38px}.ch212-nav-square{display:none}.ch212-top-grid{grid-template-columns:1fr}.ch212-hero,.ch212-radar-card{height:390px}.ch212-content-grid{grid-template-columns:1fr}.ch212-agenda{grid-column:auto}.ch212-popular,.ch212-rooms{height:auto;min-height:303px}.ch212-lfg-strip>div{grid-template-columns:1fr 1fr}.ch212-lfg-strip>div>a:nth-child(3){display:none}}
@media(max-width:620px){#ch-global-nav-v212{width:calc(100% - 10px);margin:5px auto 7px}.ch212-brand>b{font-size:35px}.ch212-brand>span{font-size:18px}.ch212-auth a{padding:0 9px;font-size:9px}.ch212-hero{height:480px}.ch212-hero-art{background-image:linear-gradient(180deg,#ffffff00 35%,#fff 69%),url('/assets/clutchhub-hero-light.webp');background-position:62% top;transform:none}.ch212-hero-copy{left:8%;right:8%;top:auto;bottom:25px;transform:none;text-align:center}.ch212-hero-copy h1{font-size:35px}.ch212-hero-copy>i{margin:11px auto}.ch212-hero-copy footer{flex-direction:column}.ch212-hero-copy footer a{width:100%}.ch212-radar-card{height:410px;padding-inline:12px}.ch212-radar-node>img,.ch212-radar-node>.ch212-avatar-fallback{width:42px;height:42px}.ch212-radar-node>i{left:34px;top:32px}.ch212-radar-filters{grid-template-columns:1fr}.ch212-radar-filters select:nth-child(n+2){display:none}.ch212-popular>div{grid-template-columns:1fr}.ch212-popular>div>aside{display:none}.ch212-rooms>div{grid-template-columns:1fr 1fr}.ch212-rooms>div>a{height:145px}.ch212-agenda{height:auto}.ch212-agenda>div{height:auto;display:flex}.ch212-lfg-strip>div{grid-template-columns:1fr}.ch212-lfg-strip>div>a:nth-child(n+2){display:none}.ch212-lfg-strip>div>a{grid-template-columns:43px 35px 1fr 33px 45px}.ch212-empty.horizontal{flex-direction:column;min-height:100px}}

/* Visual-only head: preserve the tactical frame while allowing the artwork to own the full panel. */
.ch212-hero-art{display:block;background-image:url('/assets/clutchhub-hero-light.webp');background-size:cover;background-position:center;transform:none}.ch212-hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.07),transparent 28% 72%,rgba(255,255,255,.07)),linear-gradient(180deg,rgba(255,255,255,.04),transparent 76%,rgba(4,36,75,.07))}
@media(max-width:620px){.ch212-hero{height:260px}.ch212-hero-art{background-image:url('/assets/clutchhub-hero-light.webp');background-position:center}}