.community-section{--record-ink:#f2f7fc;--record-muted:#b1c4d5;--record-line:#b4dcff30;--record-blue:#a8ddff;position:relative;isolation:isolate;overflow:hidden;background:#09131e;color:var(--record-ink);padding-block:88px 72px;scroll-margin-top:76px}
.community-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(90deg,#08111df5 0%,#091520e3 52%,#091520a6),url('assets/ark-hero.webp') 62% 46%/cover no-repeat}
.community-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08111d00 45%,#08111df0),repeating-linear-gradient(0deg,transparent 0 79px,#abdfff05 80px 81px),repeating-linear-gradient(90deg,transparent 0 79px,#abdfff05 80px 81px)}
.community-orbit{position:absolute;right:-220px;top:-280px;width:850px;height:850px;border:1px solid #a8ddff27;border-radius:50%;box-shadow:0 0 0 44px #a8ddff07,0 0 0 120px #a8ddff04;transform:rotate(-24deg)}
.community-orbit::before{content:"";position:absolute;inset:35px;border:1px dashed #a8ddff30;border-radius:50%;animation:record-orbit 90s linear infinite;animation-play-state:paused}
.community-scan{position:absolute;top:15%;bottom:10%;width:1px;background:linear-gradient(transparent,#bde6ff70,transparent);opacity:.55;animation:record-scan 14s linear infinite;animation-play-state:paused}
.community-in-view .community-orbit::before,.community-in-view .community-scan{animation-play-state:running}
.community-content{position:relative}.community-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}.community-heading .section-title{color:var(--record-ink);font-size:clamp(32px,4vw,52px);letter-spacing:-.035em;font-weight:600;line-height:1.22}.community-intro{color:var(--record-muted);margin-top:14px;font-size:16px}.community-heading>p{color:var(--record-muted);font-size:12px;max-width:30em;text-align:right}
.community-totals{display:grid;grid-template-columns:1fr 1.65fr 1.15fr;margin:0 0 30px;border-block:1px solid var(--record-line);gap:0}
.community-metric{position:relative;isolation:isolate;padding:26px 24px;min-width:0;background:#06121c61;transition:background .22s ease-out}.community-metric+div{border-left:1px solid var(--record-line)}.community-metric dt{color:var(--record-muted);font-size:14px}.community-metric dd{margin:12px 0 0}.community-reading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.community-reading strong{font-size:clamp(26px,3.1vw,42px);font-weight:500;line-height:1.3;letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}.community-damage-metric .community-reading strong{color:var(--record-blue);font-size:clamp(30px,3.7vw,50px)}.community-reading>span{color:var(--record-muted);font-size:13px}.community-metric p{color:var(--record-muted);font-size:12px;margin-top:14px}
.community-records{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}.community-records article{position:relative;isolation:isolate;min-width:0;padding:24px 22px 20px;border-bottom:1px solid var(--record-line);background:#08172275;transition:background .2s ease-out}.community-records h3{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:var(--record-muted)}.community-records h3 svg{width:22px;height:22px;flex-shrink:0;color:var(--record-blue)}.community-result{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px;min-width:0}.community-result strong{font-size:22px;font-weight:600;overflow-wrap:anywhere;min-width:0;line-height:1.35}.community-result span{color:var(--record-blue);font-size:19px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex-shrink:1;text-align:right;line-height:1.4}.community-records p{font-size:12px;color:var(--record-muted);margin-top:10px;overflow-wrap:anywhere}.community-records .community-detail{font-size:12px;color:#d5e8f6;opacity:0;transform:translateY(4px);transition:opacity .2s ease-out,transform .2s ease-out;margin-top:14px}
.community-metric::before,.community-records article::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(320px circle at var(--record-x,50%) var(--record-y,50%),#70bcf21c,transparent 75%);opacity:0;transition:opacity .2s ease-out}.community-metric::after,.community-records article::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#a8ddff,transparent);transform:scaleX(.2);opacity:0;transition:opacity .2s ease-out,transform .25s ease-out}
.community-section :focus-visible{outline:2px solid var(--record-blue);outline-offset:-3px}.community-metric:focus-visible::before,.community-records article:focus-visible::before{opacity:1}.community-records article:focus-visible .community-detail{opacity:1;transform:none}.community-metric:focus-visible::after,.community-records article:focus-visible::after{opacity:1;transform:scaleX(1)}
.community-footnote{display:flex;align-items:start;gap:36px;justify-content:space-between;margin-top:28px}.community-footnote p{font-size:12px;color:var(--record-muted);max-width:76ch}.community-footnote button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:44px;padding:10px 20px;border:1px solid #b4dcff66;border-radius:24px;background:#101f30;color:var(--record-ink);transition:background .18s,border-color .18s;cursor:pointer}.community-footnote button svg{width:16px;height:16px}.community-footnote button:disabled{opacity:.6;cursor:wait}.community-section noscript{color:var(--record-muted);margin-top:20px}
@keyframes record-orbit{to{transform:rotate(360deg)}}@keyframes record-scan{from{transform:translateX(-10px)}to{transform:translateX(1600px)}}
@media(hover:hover) and (pointer:fine){.community-metric:hover,.community-records article:hover{background:#102438a6}.community-metric:hover::before,.community-records article:hover::before{opacity:1}.community-metric:hover::after,.community-records article:hover::after{opacity:1;transform:scaleX(1)}.community-records article:hover .community-detail{opacity:1;transform:none}.community-footnote button:hover{background:#223c52;border-color:var(--record-blue)}}
@media(max-width:1000px){.community-totals{grid-template-columns:1fr 1.4fr 1.15fr}.community-metric{padding-inline:18px}.community-result{display:block}.community-result span{display:block;margin-top:7px;text-align:left}}
@media(max-width:720px){.community-section{padding-block:52px 48px}.community-heading{display:block;margin-bottom:26px}.community-heading>p{text-align:left;margin-top:18px}.community-intro{font-size:15px}.community-totals{grid-template-columns:1fr 1fr;margin-bottom:12px}.community-damage-metric{grid-column:1/-1;grid-row:1}.community-metric{padding:22px 18px}.community-metric+div{border-left:0}.community-metric:first-child{border-top:1px solid var(--record-line);border-right:1px solid var(--record-line)}.community-metric:last-child{border-top:1px solid var(--record-line)}.community-reading strong{font-size:29px}.community-damage-metric .community-reading strong{font-size:42px}.community-metric p{font-size:11px}.community-records{grid-template-columns:1fr;gap:0}.community-records article{padding:24px 18px 20px}.community-result{display:flex}.community-result span{text-align:right;font-size:18px}.community-result strong{font-size:21px}.community-records .community-detail{opacity:1;transform:none;font-size:11px;color:var(--record-muted);margin-top:12px}.community-footnote{display:block;margin-top:24px}.community-footnote button{margin-top:20px}.community-scene{background-position:72% center}.community-orbit{right:-500px;opacity:.6}.community-scan{display:none}}
@media(prefers-reduced-motion:reduce){.community-section *,.community-section *::before,.community-section *::after{animation:none!important;transition:none!important}.community-records .community-detail{transform:none}}
.motion-off .community-section *,.motion-off .community-section *::before,.motion-off .community-section *::after{animation:none!important;transition:none!important}.motion-off .community-scan{display:none}