.trade-composer-panel.choice-dialog{max-width:720px}.trade-composer-sides{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=48rem){.trade-composer-sides{grid-template-columns:1fr 1fr}}.trade-side{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.trade-side-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin:0;font-weight:600;display:flex}.trade-side .trade-side-search{flex:none}.trade-side-picked,.trade-side-results{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.trade-side-results{border:1px solid var(--border);border-radius:var(--radius);max-height:14rem;padding:var(--space-1);overflow-y:auto}.trade-picked-row,.trade-result-row{align-items:center;gap:var(--space-2);width:100%;min-height:44px;padding:var(--space-1) var(--space-2);border-radius:var(--radius);text-align:left;display:flex}.trade-picked-row{background:var(--surface-raised);border:1px solid var(--border)}.trade-result-row{background:0 0;border:1px solid #0000;list-style:none}.trade-result-pick{align-items:center;gap:var(--space-2);border-radius:var(--radius);min-width:0;min-height:44px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;flex:auto;padding:0;display:flex}@media (hover:hover) and (pointer:fine){.trade-result-row:hover{background:var(--surface-raised);border-color:var(--border)}}.trade-result-pick:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.trade-thumb-btn{border-radius:var(--radius);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;min-height:44px;padding:0;display:flex}.trade-thumb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (hover:hover) and (pointer:fine){.trade-thumb-btn:hover .trade-thumb{outline:1px solid var(--accent);outline-offset:1px}}.trade-thumb{aspect-ratio:488/680;object-fit:cover;background:var(--surface-raised);border-radius:4.5%/3.2%;flex:none;width:28px;display:block}.trade-thumb.is-placeholder{border:.5px solid var(--border)}.trade-picked-info{flex-direction:column;flex:auto;min-width:0;display:flex}.trade-picked-name{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.trade-picked-detail{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trade-result-add{color:var(--text-secondary);flex:none}.trade-stepper{align-items:center;gap:var(--space-1);flex:none;display:flex}.trade-stepper-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:28px;height:28px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.trade-stepper-btn:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.trade-stepper-btn:not(:disabled):hover{background:var(--border)}}.trade-stepper-value{text-align:center;min-width:1.5ch;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.trade-picked-remove{border-radius:var(--radius);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.trade-picked-remove:hover{color:var(--text-primary)}}.trade-picked-remove:focus-visible,.trade-stepper-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){.trade-stepper-btn,.trade-picked-remove{position:relative}.trade-picked-remove{margin-left:var(--space-2)}.trade-stepper-btn:after,.trade-picked-remove:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trade-picked-choose{position:relative}.trade-picked-choose:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.trade-side-value{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-secondary);margin-left:auto;font-weight:600}.trade-picked-value{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);flex:none}.trade-picked-row-wrap{gap:var(--space-1);flex-direction:column;display:flex}.trade-picked-choose{min-height:28px;padding:0 var(--space-1);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);font:inherit;font-size:var(--text-xs);font-variant-numeric:tabular-nums;cursor:pointer;flex:none;align-items:center;gap:2px;display:inline-flex}@media (hover:hover) and (pointer:fine){.trade-picked-choose:hover{color:var(--text-primary);border-color:var(--border-strong)}}.trade-picked-choose:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.trade-chevron{transition:transform var(--motion-fast)}.trade-chevron.is-open{transform:rotate(180deg)}.trade-picked-printings{padding-left:var(--space-4)}@media (width<=480px){.trade-picked-printings{padding-left:0}}.trade-side-filters{gap:var(--space-1);flex-wrap:wrap;display:flex}.trade-spare-toggle{align-items:center;gap:var(--space-1);min-height:28px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);font:inherit;font-size:var(--text-xs);cursor:pointer;display:inline-flex}.trade-spare-toggle.is-on{border-color:var(--accent);color:var(--text-primary)}.trade-spare-count{font-variant-numeric:tabular-nums;color:var(--text-muted)}.trade-spare-toggle.is-on .trade-spare-count{color:var(--text-secondary)}.trade-picked-name-row{align-items:center;gap:var(--space-1);min-width:0;display:flex}.trade-wanted-badge{border:1px solid var(--accent);color:var(--accent);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;flex:none;padding:0 .35em;font-weight:500;line-height:1.45}@media (hover:hover) and (pointer:fine){.trade-spare-toggle:hover{color:var(--text-primary);border-color:var(--border-strong)}}.trade-spare-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){.trade-spare-toggle{min-height:44px}}.trade-side-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.trade-side-skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface-raised) 25%, var(--border) 50%, var(--surface-raised) 75%);background-size:200% 100%;height:6rem;animation:1.4s ease-in-out infinite skeleton-shimmer}@media (prefers-reduced-motion:reduce){.trade-side-skeleton{animation:none}}.trade-composer-note{gap:var(--space-1);margin-top:var(--space-4);flex-direction:column;display:flex}.trade-composer-note-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.trade-composer-optional{color:var(--text-muted);font-weight:400}.trade-composer-note-input{width:100%;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);color:var(--text-primary);font-size:var(--text-input);resize:vertical;font-family:inherit}.trade-composer-gate{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-secondary);text-align:right}.friend-hub{max-width:640px;padding:var(--space-4);margin-inline:auto}.friend-hub--wide{max-width:960px}.friend-hub-tabs{margin-bottom:var(--space-4)}.friend-hub-back{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);transition:color var(--motion-fast);font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.friend-hub-back:hover{color:var(--text-primary)}}.friend-hub-heading{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-weight:400}.friend-hub-handle{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0;overflow-wrap:anywhere}.friend-hub-sub{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 var(--space-5)}.friend-hub-section{margin-bottom:var(--space-5)}.friend-hub-h2h-card{background:var(--surface-raised);border:.5px solid var(--border);border-radius:var(--radius-lg)}.friend-hub-h2h-skeleton{height:4.5rem;margin-bottom:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--surface-raised) 25%, var(--surface) 50%, var(--surface-raised) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@media (prefers-reduced-motion:reduce){.friend-hub-h2h-skeleton{animation:none}}.friend-hub-section-head{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 var(--space-2);font-weight:600}.friend-hub-radar-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--surface-raised) 25%, var(--surface) 50%, var(--surface-raised) 75%);background-size:200% 100%;height:9.5rem;animation:1.4s ease-in-out infinite skeleton-shimmer}@media (prefers-reduced-motion:reduce){.friend-hub-radar-skeleton{animation:none}}.friend-hub-radar-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.friend-hub-radar-lede{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-primary)}.friend-hub-radar-strip{padding:0 0 var(--space-2);gap:var(--space-2);-webkit-overflow-scrolling:touch;margin:0;list-style:none;display:flex;overflow-x:auto}.friend-hub-radar-card{flex-direction:column;flex:none;gap:.15rem;width:6rem;min-width:0;display:flex}.friend-hub-radar-thumb{aspect-ratio:488/680;object-fit:cover;background:var(--surface-raised);border-radius:4.5%/3.2%;width:100%;display:block}.friend-hub-radar-thumb.is-placeholder{border:.5px solid var(--border)}.friend-hub-radar-name{font-size:var(--text-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.friend-hub-radar-qty{color:var(--text-secondary)}.friend-hub-radar-sub{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-hub-radar-card.is-spare .friend-hub-radar-sub{color:var(--accent);font-weight:500}.friend-hub-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.friend-hub-row{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-raised);border:.5px solid var(--border);border-radius:var(--radius-lg);display:flex}.friend-hub-row-icon{color:var(--text-secondary);flex-shrink:0;display:inline-flex}.friend-hub-search-note{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.friend-hub-row-name{min-width:0;font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.friend-hub-row-open{padding:0 var(--space-3);border:.5px solid var(--border);border-radius:var(--radius);height:2rem;font-size:var(--text-sm);color:var(--text-primary);transition:background var(--motion-fast);flex-shrink:0;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.friend-hub-row-open:hover{background:var(--surface)}}.friend-hub-row-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){.friend-hub-row-open{min-height:2.75rem}}.friend-hub-collection-contract{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.friend-hub-radar-propose{margin-top:var(--space-3)}.friend-hub-trades-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.friend-hub-trades-head .friend-hub-collection-contract{flex:14rem;margin-bottom:0}.friend-hub-collection-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--surface-raised) 25%, var(--surface) 50%, var(--surface-raised) 75%);background-size:200% 100%;height:20rem;animation:1.4s ease-in-out infinite skeleton-shimmer}@media (prefers-reduced-motion:reduce){.friend-hub-collection-skeleton{animation:none}}.friend-hub-collection-controls{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.friend-hub-collection-search{flex:14rem;min-width:0}.friend-hub-collection-grid{margin-bottom:var(--space-4)}.friend-hub-collection-tile{flex-direction:column;gap:.15rem;display:flex}.friend-hub-collection-more{margin:0 auto;display:block}@media (pointer:coarse){.friend-hub-collection-more{min-height:2.75rem}}.h2h-detail{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex;overflow-x:auto}.h2h-summary{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.h2h-summary-label{font-size:var(--text-sm);color:var(--text-secondary)}.h2h-matchups{font-size:var(--text-sm)}.h2h-rivalry{gap:var(--space-2) var(--space-3);padding:var(--space-2) 0 0;border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));margin:0;display:grid}.h2h-rivalry dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.h2h-rivalry dd{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:.1rem 0 0}.h2h-rivalry dd b{color:var(--text-primary)}