.collection-shell{padding-top:28px;min-height:70vh}.contract-link{font-size:13px;color:var(--dd-muted)!important;text-decoration:underline!important;text-underline-offset:4px}.collection-hero{display:flex;gap:24px;align-items:center;margin:24px 0 28px}.collection-hero>img{width:128px;height:128px;flex-shrink:0;border-radius:16px;object-fit:cover}.collection-hero h1{font-size:48px;margin:8px 0}.collection-hero p{font-size:14px;max-width:70ch;margin:8px 0}.collection-badge{font-size:12px;color:var(--dd-cyan)}.collection-hero dl{display:flex;gap:32px;margin:18px 0 0}.collection-hero dt{font-size:11px;color:var(--dd-muted);font-weight:400}.collection-hero dd{font-size:15px;font-weight:600;margin:2px 0}.collection-status{font-size:13px;margin:16px 0;color:var(--dd-muted)}.community-marketplace .collection-controls{padding:16px 0;border-block:1px solid var(--dd-border)}.community-marketplace .collection-controls label:first-child{flex:1}.community-table-wrap{margin-top:20px}.community-token-table th{position:sticky;top:var(--dd-header-height);z-index:2;font-size:13px}.community-token-table th small{display:block;font-weight:400;font-size:11px}.community-token-table .numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.community-row-trigger{display:flex;align-items:center;gap:16px;background:none;border:0;color:var(--dd-text);text-align:left;padding:0;width:100%}.community-row-trigger img{width:80px;height:80px;flex-shrink:0;object-fit:contain;border-radius:8px;background:var(--dd-bg-2)}.community-row-trigger span{display:flex;flex-direction:column;gap:5px}.community-row-trigger strong{font-size:15px;font-weight:600}.community-row-trigger small{font-size:12px;color:var(--dd-muted)}.community-expand{width:36px;height:36px;background:transparent;border:1px solid var(--dd-border);border-radius:8px;color:var(--dd-muted)}.community-token-table .community-detail-row td{padding:0;background:var(--dd-surface)}.token-card{padding:24px;display:grid;grid-template-columns:220px 1fr 1fr;gap:12px 24px;align-items:start}.token-card>a:first-child{grid-row:1/span 8}.token-card>a:first-child img{width:100%;border-radius:12px}.token-card h3{font-size:24px;margin:0}.token-card p{font-size:13px;margin:0}.token-card details{font-size:13px;grid-column:2}.token-card>button{grid-column:2}.token-card .offer{grid-column:3;border:1px solid var(--dd-border);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}.token-card .offer p{color:var(--dd-text)}.token-card button,.dialog-actions button,#loadTokens{min-height:42px;padding:9px 16px;border-radius:8px;border:1px solid var(--dd-border-strong);background:transparent;color:var(--dd-text);font-size:14px}.token-card button.primary,.dialog-actions .primary{background:var(--dd-action-fill);color:var(--dd-text);border-color:var(--dd-action-edge);box-shadow:var(--dd-action-shadow)}.token-card button.primary:is(:hover,:focus-visible),.dialog-actions .primary:is(:hover,:focus-visible){background:var(--dd-action-fill-hover);box-shadow:var(--dd-action-shadow-hover);border-color:#ffbad3}.offer input,#tradeDialog input{background:var(--dd-bg);border:1px solid var(--dd-border);border-radius:6px;padding:10px;color:var(--dd-text);width:100%;font-size:16px}.token-card details summary{cursor:pointer;color:var(--dd-cyan)}#loadTokens{margin:24px auto;display:block}#tradeDialog{background:var(--dd-bg-2);color:var(--dd-text);border:1px solid var(--dd-border-strong);border-radius:16px;box-shadow:var(--dd-shadow);width:min(520px,calc(100vw - 32px));padding:28px;max-height:85dvh;overflow:auto}#tradeDialog::backdrop{background:#0d0d2dcc}#tradeDialog h2{font-size:32px}#tradeDialog label{display:flex;flex-direction:column;gap:8px;margin-block:16px;color:var(--dd-muted);font-size:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
@media(max-width:767px){.collection-hero{gap:16px;align-items:flex-start}.collection-hero>img{width:80px;height:80px}.collection-hero h1{font-size:36px}.collection-hero dl{gap:12px;flex-wrap:wrap}.collection-hero dd{font-size:13px}.collection-hero p{font-size:13px}.community-marketplace .collection-controls{display:grid;grid-template-columns:1fr 1fr}.community-marketplace .collection-controls label:first-child{grid-column:1/-1}.community-token-table td,.community-token-table th{padding:12px 5px;font-size:12px}.community-rarity{display:none}.community-row-trigger{gap:10px}.community-row-trigger strong{font-size:13px;overflow-wrap:anywhere}.community-row-trigger img{width:60px;height:60px}.community-row-trigger small{font-size:10px}.community-expand{width:30px;height:34px}.token-card{grid-template-columns:1fr;padding:18px;gap:16px}.token-card>a:first-child,.token-card details,.token-card>button,.token-card .offer{grid-column:1;grid-row:auto}.token-card>a:first-child img{max-height:280px;object-fit:contain}.collection-status{font-size:12px}}

.community-advanced{position:relative;min-width:150px}.community-advanced>summary{height:44px;border:1px solid var(--dd-border);border-radius:8px;padding:10px 14px;font-size:14px;cursor:pointer}.community-advanced>summary span{color:var(--dd-pink);margin-left:6px}.community-advanced>div{position:absolute;top:calc(100% + 6px);right:0;padding:16px;background:var(--dd-bg-2);border:1px solid var(--dd-border);border-radius:8px;z-index:25;width:min(320px,80vw);box-shadow:var(--dd-shadow)}.community-advanced select{max-width:100%}#communityFilterTags{margin-top:14px}.community-marketplace .collection-controls{position:sticky;top:var(--dd-header-height);background:var(--dd-bg);z-index:15}.community-token-table th{top:calc(var(--dd-header-height) + 103px)}@media(max-width:1100px){.community-marketplace .collection-controls{position:static}.community-token-table th{top:var(--dd-header-height)}}
.community-expand{min-width:44px;min-height:44px;transition:background-color 140ms,border-color 140ms,color 140ms}
.community-expand:is(:hover,[aria-expanded=true]){background:#ffffff0a;border-color:var(--dd-lilac);color:var(--dd-text)}
.community-row-trigger:is(:hover,:focus-visible) strong{color:var(--dd-lilac)}

/* Mobile summaries share the same full-width rhythm as premium collections. */
.community-advanced>summary{display:flex;align-items:center;list-style:none;gap:6px;transition:border-color 140ms}
.community-advanced>summary::-webkit-details-marker{display:none}
.community-advanced>summary::after{content:'';width:7px;height:7px;flex:none;margin-left:auto;border-right:1.5px solid var(--dd-lilac);border-bottom:1.5px solid var(--dd-lilac);transform:rotate(45deg) translateY(-2px);transition:transform 140ms}
.community-advanced[open]>summary{border-color:var(--dd-pink)}
.community-advanced[open]>summary::after{transform:rotate(225deg) translate(-2px,-1px)}
.community-advanced>summary:hover{border-color:var(--dd-lilac)}
@media(max-width:767px){
  .collection-hero{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px 16px;align-items:center}
  .collection-hero>div{display:contents}
  .collection-hero>img{grid-column:1;grid-row:1/span 2}
  .collection-hero .collection-badge{grid-column:2;grid-row:1;align-self:end}
  .collection-hero h1{grid-column:2;grid-row:2;margin:0;overflow-wrap:anywhere}
  .collection-hero p,.collection-hero .contract-link,.collection-hero dl{grid-column:1/-1}
  .collection-hero p{margin:8px 0 0}
  .collection-hero dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
  .collection-hero .contract-link{width:fit-content;min-height:36px;display:flex;align-items:center}
}