/* Community pages reuse the account workspace rather than adding another dashboard skin. */
.dc-community{max-width:1280px}.community-tabs{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid #30303b}.community-tabs a{padding:12px 0;color:#b5b1c3;text-decoration:none}.community-tabs a[aria-current=page]{color:#efd58b}.community-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:24px 0}.community-toolbar label{display:grid;gap:6px;font-size:12px;color:#b5b1c3}.community-toolbar .community-search{flex:1;min-width:180px}.community-toolbar input,.community-toolbar select{min-height:44px;width:100%}.community-toolbar details{position:relative}.community-toolbar summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #35333e;border-radius:6px;box-sizing:border-box}.community-toolbar .community-filters{position:absolute;right:0;top:calc(100% + 8px);z-index:12;display:grid;gap:16px;padding:16px;width:260px;max-width:calc(100vw - 32px);border:1px solid #35333e;border-radius:8px;background:#111116}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:24px 16px;list-style:none;padding:0;margin:0}.community-card{min-width:0;border:1px solid #30303b;border-radius:8px;background:#111116;overflow:hidden;transition:transform 180ms ease,border-color 180ms ease}.community-card:hover{transform:translateY(-2px);border-color:#635731}.community-card>div{padding:16px;display:grid;gap:12px}.community-card h2{font-size:16px;margin:0}.community-card h2 a{color:#f0eef8;text-decoration:none}.community-art{display:block;aspect-ratio:16/10;overflow:hidden;background:#16161c}.community-art img{width:100%;height:100%;object-fit:cover}.community-collage img{transition:transform 180ms ease}.community-card:hover .community-collage img{transform:scale(1.02)}.community-collage{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;box-sizing:border-box}.community-collage img{width:30%;height:auto;aspect-ratio:244/340;object-fit:cover;flex:none;border-radius:5% / 3.6%;clip-path:inset(1px round 5% / 3.6%)}.community-card p{margin:0}.community-card .lib-actions{gap:12px}.community-favorite[aria-pressed=true]{color:#efd58b}.community-favorite{transition:color 180ms ease,transform 180ms ease}.community-favorite:active{transform:scale(1.08)}.community-list{grid-template-columns:1fr}.community-list .community-card{display:grid;grid-template-columns:160px 1fr}.community-list .community-art{height:100%;min-height:120px}.community-person{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:16px;border:1px solid #30303b;border-radius:8px;align-items:start;min-width:0}.community-person img,.community-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#191920}.community-person h2{font-size:14px;margin:0}.community-person p{font-size:12px;margin:4px 0;overflow-wrap:anywhere}.community-person .community-follow{margin-top:12px}.community-person a{color:#f0eef8;text-decoration:none}.community-person small{color:#b5b1c3}.community-detail-header{padding-bottom:24px;border-bottom:1px solid #30303b;margin-bottom:24px}.community-detail-header h1{margin:8px 0 16px}.community-detail-header .lib-actions{margin-top:24px}.community-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px 16px;list-style:none;padding:0}.community-card-entry{min-width:0}.community-card-entry img{width:100%;height:auto;aspect-ratio:488/680;object-fit:contain}.community-card-entry h3{font-size:14px;margin:8px 0}.community-card-entry p{font-size:12px;color:#b5b1c3;margin:4px 0}.community-cards.community-list .community-card-entry{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;border-bottom:1px solid #30303b;padding:12px 0}.community-cards.community-list .community-card-entry img{width:64px;grid-row:span 3}.community-edit{display:grid;gap:24px;max-width:800px}.community-edit label{display:grid;gap:8px}.community-edit textarea,.dc-description textarea{box-sizing:border-box;width:100%;font:inherit;color:#f0eef8;background:#15151a;border:1px solid #35333e;border-radius:6px;padding:12px}.community-selector{display:grid;gap:12px}.community-selector label{display:flex;gap:12px;align-items:center;padding:8px 0}.community-selector input[type=radio]{min-height:20px}.community-selector button{justify-content:flex-start!important}.community-review{max-height:240px;overflow:auto}.dc-description{margin:32px 0}.dc-description header{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.dc-description h2{font-size:20px}.dc-description-body{max-width:760px;line-height:1.7;overflow-wrap:anywhere}.dc-description-body h3{font-size:18px;margin-top:24px}.dc-description-body h4,.dc-description-body h5{font-size:16px}.dc-description form{display:grid;gap:16px;max-width:760px}.dc-description label{display:grid;gap:8px;position:relative}.dc-description button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #35333e;border-radius:6px;background:#15151a;color:#f0eef8;cursor:pointer;font:inherit}.dc-description .lib-primary{background:#c9a84c;color:#111}.dc-description :is(button,textarea):focus-visible,.dc-mention:focus-visible{outline:2px solid #36c9ef;outline-offset:2px}.dc-mention{color:#efd58b!important;text-decoration:none}.dc-mention:hover{text-decoration:underline}.dc-mention-options{position:absolute;top:100%;left:0;z-index:15;max-height:280px;overflow:auto;width:min(360px,100%);box-sizing:border-box;padding:8px;background:#111116;border:1px solid #35333e;border-radius:8px;animation:lib-menu-enter 180ms ease}.dc-mention-options[hidden]{display:none}.dc-mention-options button{display:flex;width:100%;gap:12px;text-align:left;justify-content:flex-start;border:0;min-height:44px}.dc-mention-options img{border-radius:50%;object-fit:cover}.dc-mention-options small{display:block;color:#b5b1c3}.dc-mention-options [aria-selected=true]{background:#25252c}.community-notice{min-height:24px;margin:16px 0}.community-tabs+header{margin-top:32px}.community-empty{padding:40px 0}.community-editor-actions{margin-top:8px}.community-more .lib-overflow-panel{z-index:20}.community-view{display:flex;gap:4px}.dc-community .community-view button{border:0;box-shadow:none;background:transparent}.dc-community .community-view [aria-pressed=true]{background:#c9a84c18;color:#efd58b}.community-dialog .lib-actions{gap:12px}.community-pagination{margin-top:32px;display:flex;gap:16px;justify-content:center}
@media(max-width:767px){.community-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.community-toolbar .community-search{grid-column:1/-1;min-width:0}.community-toolbar .community-view{grid-column:2;grid-row:2}.community-toolbar details{grid-column:1;grid-row:3;justify-self:start}.community-toolbar .community-filters{left:0;right:auto}.community-person{min-height:100px}.community-players{grid-template-columns:1fr}.community-tabs{gap:20px}.community-detail-header .lib-actions{gap:12px}.community-cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.community-list .community-card{grid-template-columns:96px 1fr}.community-card:hover{transform:none}.dc-community button{min-height:44px}.dc-description header{gap:12px}}
@media(prefers-reduced-motion:reduce){.community-card,.community-art img,.community-favorite{transition:none!important;transform:none!important}.dc-mention-options{animation:none!important}}

.dc-community h1,.dc-community h2,.community-person h2{overflow-wrap:anywhere}.dc-community [data-status]:empty{display:none}.community-selector small{display:block;margin-top:4px}.community-dialog input[type=search]{width:100%;box-sizing:border-box}.dc-description .lib-actions{display:flex;gap:12px;flex-wrap:wrap}.community-dialog form>label{display:grid;gap:8px;margin-bottom:16px}.community-dialog{width:min(560px,calc(100vw - 32px))}.community-dialog form>h2{font-size:20px;overflow-wrap:anywhere;margin-bottom:24px}.dc-description select{min-height:44px;font:inherit;color:#f0eef8;background:#15151a;border:1px solid #35333e;border-radius:6px;padding:8px 12px}

.dc-community .community-cards-heading{display:flex;justify-content:space-between;align-items:center}.community-cards-heading h2{font-size:18px;margin:0}.community-cards-heading .community-view{grid-column:auto;grid-row:auto}

.community-printings{display:grid;gap:12px}.community-printings button{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;text-align:left}.community-printings img{width:64px;height:auto;aspect-ratio:488/680;object-fit:contain}.community-printings small{display:block;color:#b5b1c3;margin-top:8px}.community-dialog .community-printings button{min-height:100px}

.community-person>div{display:grid;gap:8px;min-width:0}.community-person .community-follow{justify-self:start;margin-top:4px}.community-person p{margin:0}.community-person small{line-height:1.6}.community-person h2{overflow-wrap:anywhere}

/* Fallback branding fits inside the artwork slot without being cropped like card art. */
.community-art:not(.community-collage) img[src="/icon.svg"]{object-fit:contain;padding:24px;box-sizing:border-box;transform:none}

.community-list .community-art{width:100%;min-width:0;aspect-ratio:auto}

/* Keep the border above artwork, including the hover zoom. */
.community-card{position:relative}.community-card::after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;pointer-events:none;z-index:2}.community-card:hover::after{border-color:#c9a84c}.community-card:hover{transform:none}
[data-community=explore] .community-grid:not(.community-list):not(.community-players){grid-template-columns:repeat(2,minmax(0,1fr))}
[data-community=explore] .community-card .lib-actions small{width:100%}[data-community=explore] .community-card [data-action=track-deck]{gap:6px;font-size:12px}.community-track-help{margin:0 0 16px;line-height:1.6}.community-pagination [data-action=load-more]{min-width:160px}
@media(min-width:1024px){[data-community=explore] .community-grid:not(.community-list):not(.community-players){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:599px){[data-community=explore] .community-grid:not(.community-list):not(.community-players){grid-template-columns:minmax(0,1fr)}}
