/* Functional roadmap: Parties, Trades and Events & Time */
.social-hero{position:relative;overflow:hidden}.social-hero::after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--st-cyan) 14%,transparent),transparent 68%);pointer-events:none}
.party-feature-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.party-feature-strip span{padding:7px 10px;border:1px solid var(--st-border);border-radius:999px;background:color-mix(in srgb,var(--st-surface-2) 64%,transparent);color:var(--st-text-soft);font-size:.69rem;font-weight:800}.party-member{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important}.party-member-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid color-mix(in srgb,var(--st-cyan) 35%,var(--st-border));background:linear-gradient(135deg,color-mix(in srgb,var(--st-cyan) 15%,var(--st-surface)),color-mix(in srgb,var(--st-purple) 11%,var(--st-surface)));color:var(--st-text);font-family:Baskerville,"Palatino Linotype",serif;font-weight:800}.party-member-actions{justify-self:end}.party-card.active{box-shadow:inset 3px 0 0 var(--st-cyan),var(--st-shadow)!important}
.trade-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}.trade-builder{align-self:start}.trade-note{margin-top:0;line-height:1.55}.trade-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 10px}.trade-form-grid label,.trade-notes{display:grid;gap:6px}.trade-form-grid label>span,.trade-notes>span{color:var(--st-muted);font-size:.65rem;font-weight:900;letter-spacing:.08em}.trade-notes .input{resize:vertical;min-height:92px}.trade-actions{margin-top:12px;flex-wrap:wrap}.trade-drafts{display:grid;gap:9px;margin-top:14px}.trade-draft{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--st-border);border-radius:15px;background:color-mix(in srgb,var(--st-surface-2) 58%,transparent)}.trade-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--st-cyan) 16%,transparent),color-mix(in srgb,var(--st-gold) 13%,transparent));color:var(--st-cyan);font-size:1.2rem}.trade-draft-copy{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:baseline}.trade-draft-copy span{font-size:.54rem;font-weight:900;letter-spacing:.08em;color:var(--st-muted)}.trade-draft-copy strong{font-size:.82rem}.trade-draft-copy small{grid-column:1/-1;margin-top:4px;color:var(--st-muted);line-height:1.4}.trade-draft-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.event-cards{display:grid;gap:12px;margin-top:12px}.event-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px;border:1px solid var(--st-border);border-radius:18px;background:var(--st-panel);box-shadow:var(--st-shadow);overflow:hidden}.event-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--st-muted)}.event-card.upcoming::before{background:var(--st-cyan)}.event-card.live::before{background:#73e6a2;box-shadow:0 0 18px rgba(115,230,162,.55)}.event-card.past{opacity:.72}.event-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.event-state{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;border:1px solid var(--st-border);font-size:.56rem;font-weight:950;letter-spacing:.08em}.event-state.upcoming{color:var(--st-cyan);border-color:color-mix(in srgb,var(--st-cyan) 42%,var(--st-border));background:color-mix(in srgb,var(--st-cyan) 8%,transparent)}.event-state.live{color:#83efae;border-color:rgba(131,239,174,.38);background:rgba(131,239,174,.08)}.event-state.past{color:var(--st-muted)}.event-card h3{margin:10px 0 12px;font-size:1.22rem}.event-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.event-time-grid>div{padding:10px 11px;border-radius:12px;border:1px solid var(--st-border);background:color-mix(in srgb,var(--st-surface-2) 55%,transparent)}.event-time-grid span,.event-time-grid small,.event-time-grid strong{display:block}.event-time-grid span{font-size:.54rem;letter-spacing:.09em;font-weight:950;color:var(--st-muted)}.event-time-grid strong{margin-top:4px;font-size:.79rem}.event-time-grid small{margin-top:2px;color:var(--st-muted);font-size:.58rem}.event-card-actions{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:132px}
@media(max-width:900px){.trade-layout{grid-template-columns:1fr}.event-card{grid-template-columns:1fr}.event-card-actions{flex-direction:row;justify-content:flex-start;min-width:0}.event-card-actions .btn{flex:1}.trade-draft{grid-template-columns:auto 1fr}.trade-draft-actions{grid-column:1/-1;justify-content:flex-start;padding-left:54px}}
@media(max-width:620px){.party-feature-strip{display:grid;grid-template-columns:1fr 1fr}.party-feature-strip span{border-radius:12px}.trade-form-grid{grid-template-columns:1fr}.trade-draft{grid-template-columns:1fr}.trade-arrow{display:none}.trade-draft-copy{grid-template-columns:1fr}.trade-draft-copy span{margin-top:5px}.trade-draft-actions{padding-left:0}.event-time-grid{grid-template-columns:1fr}.event-card-actions{display:grid;grid-template-columns:1fr 1fr}.party-member{grid-template-columns:auto 1fr!important}.party-member-actions{grid-column:1/-1;justify-self:stretch;display:grid!important;grid-template-columns:1fr 1fr}.party-member-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.event-card.live::before{box-shadow:none}}