/* Community servers (community.html, homepage + games strip) and the donation tip jar (footer + community page) */
.cm-hero{position:relative;padding:70px 0 40px;overflow:hidden;isolation:isolate;background:radial-gradient(900px 420px at 85% 0%,rgba(61,220,151,.16),transparent 70%),radial-gradient(800px 360px at 0% 100%,rgba(47,143,216,.18),transparent 70%)}
.cm-hero h1{font:700 clamp(40px,5.4vw,70px)/1 var(--display);margin:8px 0 14px;max-width:880px}
.cm-hero h1 em{font-style:normal;background:linear-gradient(90deg,#3ddc97,#3fd0d4 60%,#7fb4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cm-hero .lead{max-width:640px;color:#d3dde4;font-size:19px;margin:0}
.cm-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0 8px;max-width:560px}
.cm-totals div{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-m);background:rgba(12,17,23,.7)}
.cm-totals b{display:block;font:700 30px/1 var(--display);color:var(--bone)}.cm-totals span{font-size:13px;color:var(--steel)}
.cm-upd{font:500 12.5px var(--mono);color:var(--steel);margin:8px 0 0}
.cm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:22px}
.cm-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(19,26,34,.9),rgba(12,17,23,.95));transition:border-color .25s,transform .25s}
.cm-card:hover{border-color:rgba(63,208,212,.35);transform:translateY(-2px)}
.cm-art{position:relative;aspect-ratio:2/1;overflow:hidden;background:#0a0f14}
.cm-art svg,.cm-art .cm-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cm-art .cm-img{z-index:1}
.cm-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(4,7,10,.05) 40%,rgba(12,17,23,.95))}
.cm-free{position:absolute;z-index:3;left:14px;top:14px;font:600 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:#04131a;background:#3ddc97;padding:6px 10px;border-radius:999px}
.cm-art .cm-st{position:absolute;z-index:3;right:14px;top:14px}
.cm-st{font-style:normal;font:600 12.5px/1 var(--body);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(4,7,10,.75);border:1px solid var(--line);color:var(--steel)}
.cm-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.cm-st.on{color:var(--up)}.cm-st.on::before{box-shadow:0 0 0 3px rgba(61,220,151,.2)}.cm-st.off{color:var(--down)}.cm-st.mid{color:var(--fiber)}
.cm-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.cm-kick{font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--aqua)}
.cm-body h3{font:700 28px/1.05 var(--display);margin:0}
.cm-body>p{margin:0;color:#c4ced6}
.cm-live{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}
.cm-pl{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:6px;min-width:120px}
.cm-pl b{font:700 38px/1 var(--display);color:var(--bone)}.cm-pl small{font:600 18px var(--display);color:var(--steel)}
.cm-pl span{grid-column:1/-1;font-size:12.5px;color:var(--steel)}
.cm-bar{grid-column:1/-1;display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.08);margin-top:6px;overflow:hidden}.cm-bar i{display:block;height:100%;background:linear-gradient(90deg,#3ddc97,#3fd0d4);border-radius:inherit}
.cm-live dl{display:flex;flex-wrap:wrap;gap:18px;margin:0}.cm-live dt{font-size:12px;color:var(--steel)}.cm-live dd{margin:2px 0 0;font:600 15px var(--mono);color:var(--bone)}
.cm-spark{width:100%;height:40px;display:block}.cm-spark path{fill:none;stroke:#3fd0d4;stroke-width:1.6;vector-effect:non-scaling-stroke}
.cm-nograph{font:500 12px var(--mono);color:#5c6873}
.cm-addr{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cm-addr code{font:600 16px var(--mono);color:var(--bone);background:rgba(4,7,10,.6);border:1px solid var(--line);border-radius:8px;padding:8px 12px}
.cm-copy,.dn-copy{font:600 13px var(--body);color:var(--bone);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer}
.cm-copy:hover,.dn-copy:hover{border-color:rgba(63,208,212,.5)}.cm-copy.ok{color:var(--up)}
.cm-join{border-top:1px solid var(--line);padding-top:10px}
.cm-join summary{cursor:pointer;font-weight:600;color:var(--bone);list-style:none}.cm-join summary::before{content:"+";display:inline-block;width:18px;color:var(--aqua)}.cm-join[open] summary::before{content:"–"}
.cm-join ol{margin:10px 0 0;padding:0;list-style:none;counter-reset:j;display:grid;gap:10px}
.cm-join li{counter-increment:j;display:grid;grid-template-columns:28px 1fr;column-gap:8px}.cm-join li::before{content:counter(j);grid-row:span 2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 12px var(--mono);color:#04131a;background:var(--aqua)}
.cm-join li b{color:var(--bone)}.cm-join li span{color:#b3bec7;font-size:15px}
.cm-join code,.cm-join kbd{font:600 13.5px var(--mono);background:rgba(4,7,10,.7);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--bone)}
.cm-more{margin-top:auto;font-weight:600;color:#9fe9ec;text-decoration:none}.cm-more:hover{text-decoration:underline}
/* TeamSpeak */
.cm-ts{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:30px;background:radial-gradient(600px 300px at 100% 0%,rgba(63,208,212,.12),transparent 70%),linear-gradient(180deg,rgba(19,26,34,.9),rgba(12,17,23,.95))}
.cm-ts h2{font:700 clamp(30px,3.4vw,44px)/1.05 var(--display);margin:8px 0 10px}
.cm-ts-l>p{color:#c4ced6;margin:0 0 14px}
.cm-ts .cm-live,.cm-ts .cm-addr{margin-bottom:14px}
.cm-cta{display:flex;flex-wrap:wrap;gap:10px}
.cm-note{font-size:13.5px;color:var(--steel);margin:12px 0 0}
.cm-tsbox{border:1px solid var(--line);border-radius:12px;background:rgba(4,7,10,.7);overflow:hidden;font-size:15px}
.cm-tshd{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(63,208,212,.06)}.cm-tshd b{color:var(--bone)}.cm-tshd span{font:500 12.5px var(--mono);color:var(--steel)}
.cm-tree,.cm-tree ul{list-style:none;margin:0;padding:0}.cm-tree{padding:10px 16px 14px}
.cm-tree li span{display:flex;align-items:center;gap:9px;padding:5px 0;color:#d3dde4}
.cm-tree li span::before{content:"";width:12px;height:9px;border:1.6px solid #3fd0d4;border-radius:2px;opacity:.75;flex:none}
.cm-tree ul{margin-left:20px;border-left:1px dashed rgba(160,190,210,.2);padding-left:10px}
/* how it works / upsell */
.cm-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cm-why div{border:1px solid var(--line);border-radius:12px;padding:20px;background:rgba(12,17,23,.6)}.cm-why b{display:block;font:700 20px var(--display);margin-bottom:6px}.cm-why p{margin:0;color:#b3bec7}
.cm-own{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border:1px solid rgba(63,208,212,.3);border-radius:16px;padding:28px 30px;background:linear-gradient(110deg,rgba(47,143,216,.16),rgba(61,220,151,.08))}
.cm-own h2{font:700 30px/1.1 var(--display);margin:0 0 6px}.cm-own p{margin:0;color:#c4ced6}
.cm-banners{display:flex;flex-wrap:wrap;gap:12px}.cm-banners img{display:block;max-width:100%;height:auto;border-radius:6px;border:1px solid var(--line)}
.cm-give{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:26px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:28px 30px;background:linear-gradient(180deg,rgba(19,26,34,.85),rgba(12,17,23,.95))}
.cm-give h2{font:700 30px/1.1 var(--display);margin:6px 0 8px}.cm-give p{margin:0 0 8px;color:#c4ced6}.cm-give small{color:var(--steel)}
@media (max-width:900px){.cm-ts,.cm-give{grid-template-columns:minmax(0,1fr);padding:22px}.cm-why{grid-template-columns:minmax(0,1fr)}.cm-own{grid-template-columns:minmax(0,1fr)}.cm-totals{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* compact strip (homepage, games page) */
.cm-strip-sec{padding-top:10px}
.cm-strip{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.2fr) auto;gap:20px;align-items:center;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:linear-gradient(100deg,rgba(61,220,151,.08),rgba(19,26,34,.85) 40%);transition:border-color .25s}
.cm-strip:hover{border-color:rgba(61,220,151,.45)}
.cm-strip-t small{display:block;font:600 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#3ddc97}.cm-strip-t b{display:block;font:700 22px/1.1 var(--display);color:var(--bone);margin:3px 0}.cm-strip-t span{font-size:14px;color:var(--steel)}
.cm-strip-l{display:flex;gap:10px;overflow:hidden}
.cm-chip{display:flex;gap:10px;align-items:center;min-width:0;flex:1 1 0;border:1px solid var(--line);border-radius:10px;padding:6px 10px 6px 6px;background:rgba(4,7,10,.55)}
.cm-chip-art{position:relative;width:54px;height:36px;border-radius:6px;overflow:hidden;flex:none;background:#0a0f14}.cm-chip-art svg,.cm-chip-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cm-chip-art img{z-index:1}
.cm-chip b{display:block;font-size:14px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-chip small{font:500 12px var(--mono);color:var(--steel);white-space:nowrap}
.cm-chip .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--steel);margin-right:5px;vertical-align:1px}.cm-chip .dot.on{background:var(--up)}.cm-chip .dot.off{background:var(--down)}
.cm-strip-go{font-weight:700;color:#3ddc97;white-space:nowrap}
@media (max-width:1000px){.cm-strip{grid-template-columns:minmax(0,1fr)}.cm-strip-l{flex-wrap:wrap}.cm-chip{flex:1 1 calc(50% - 10px)}}
/* nav link with live count */
.nav a.nav-cm{position:relative}.nav a.nav-cm [data-community-count]{display:inline-block;margin-left:5px;min-width:18px;padding:1px 6px;border-radius:999px;font:700 11px/16px var(--mono);color:#04131a;background:#3ddc97;text-align:center;vertical-align:1px}
/* tip jar */
.dn-foot{position:relative;margin-top:16px;max-width:300px}
.dn-btn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;color:var(--bone);background:rgba(19,26,34,.7);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;transition:border-color .2s,background .2s}
.dn-btn:hover,.dn-btn[aria-expanded=true]{border-color:rgba(242,179,61,.5);background:rgba(242,179,61,.06)}
.dn-btn svg{width:30px;height:30px;flex:none;fill:var(--fiber);opacity:.9}
.dn-btn b{display:block;font-size:15px}.dn-btn small{display:block;font-size:12.5px;color:var(--steel)}
.dn-pop{position:absolute;left:0;bottom:calc(100% + 10px);z-index:70;width:min(360px,calc(100vw - 32px));border:1px solid rgba(242,179,61,.35);border-radius:14px;background:#0c1117;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);padding:14px}
.dn-pop-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dn-pop-h b{font:700 17px var(--display)}
.dn-x{background:none;border:0;color:var(--steel);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}.dn-x:hover{color:var(--bone)}
.dn-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.dn-tabs button{font:600 13px var(--body);color:var(--steel);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer}
.dn-tabs button[aria-selected=true]{color:#04131a;background:var(--fiber);border-color:var(--fiber)}
.dn-pane{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start}
.dn-qr{background:#fff;border-radius:10px;padding:9px;width:150px;height:150px}.dn-qr svg{width:100%;height:100%;display:block}
.dn-net{display:block;font:600 12px var(--mono);color:var(--fiber);margin-bottom:6px}
.dn-addr{display:block;font:500 13px var(--mono);color:var(--bone);overflow-wrap:anywhere;margin-bottom:10px}
.dn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dn-open{font-size:13px;color:#9fe9ec}
.dn-warn{font-size:12px;color:var(--steel);margin:10px 0 0}
.dn-note{font-size:12.5px;color:var(--steel);margin:12px 0 0}
.dn-compact .dn-pane{grid-template-columns:120px minmax(0,1fr);gap:12px}.dn-compact .dn-qr{width:120px;height:120px;padding:7px}
@media (max-width:520px){.dn-pane{grid-template-columns:minmax(0,1fr)}.dn-qr{margin:0 auto}}
/* other revival networks */
.cm-aimnet{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:26px;align-items:start}
.cm-aimnet h2{font:700 30px/1.1 var(--display);margin:6px 0 8px}.cm-aimnet>div>p{color:#c4ced6;margin:0 0 10px}
.cm-room{display:inline-flex;gap:8px;align-items:center;border:1px dashed rgba(63,208,212,.4);border-radius:10px;padding:8px 12px;font-size:14px;color:#c4ced6}.cm-room b{color:var(--bone);font-family:var(--mono)}
.cm-frs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.cm-fr{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:12px;padding:16px;background:rgba(12,17,23,.6);transition:border-color .2s}
.cm-fr:hover{border-color:rgba(63,208,212,.45)}.cm-fr b{font:700 19px var(--display);color:var(--bone)}.cm-fr b::after{content:" ↗";color:var(--steel);font-size:14px}.cm-fr span{font-size:14px;color:#b3bec7}
.cm-fr i{font-style:normal;display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.cm-fr em{font-style:normal;font:600 11px var(--mono);color:var(--aqua);border:1px solid rgba(63,208,212,.3);border-radius:999px;padding:2px 8px}.cm-fr code{font:500 12px var(--mono);color:var(--steel)}
@media (max-width:900px){.cm-aimnet{grid-template-columns:minmax(0,1fr)}}
.cm-frst{font:500 11.5px var(--mono);color:#3ddc97}.cm-fr.down{opacity:.6}.cm-fr.down .cm-frst{color:var(--fiber)}