.share-card-dialog{background:0 0;border:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.share-card-dialog::backdrop{backdrop-filter:blur(4px);background:#0009}.share-card-canvas,.share-card-canvas *{box-sizing:border-box}.share-card-canvas{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:12px;width:420px;padding:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.share-card-canvas[data-share-mode=large]{width:640px}.share-card-canvas p,.share-card-canvas h2{margin:0}.share-card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.share-champion-icon{border:2px solid #3b82f64d;border-radius:8px;flex:none;width:64px;height:64px;overflow:hidden}.share-card-canvas img{object-fit:cover;width:100%;height:100%;display:block}.share-card-heading{flex:1;min-width:0}.share-card-heading h2{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;line-height:28px;overflow:hidden}.share-card-meta{align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.share-tier{border:1px solid;border-radius:4px;padding:2px 8px;font-weight:500}.share-tier-1{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.share-tier-2{color:#f97316;background:#f973161a;border-color:#f973164d}.share-tier-3{color:#eab308;background:#eab3081a;border-color:#eab3084d}.share-tier-4{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.share-tier-5{color:#9ca3af;background:#9ca3af1a;border-color:#9ca3af4d}.share-muted{color:#94a3b8}.share-faint{color:#64748b}.share-win{color:#4ade80}.share-loss{color:#f87171}.share-rank{color:#fbbf24}.share-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.share-stat{text-align:center;background:#1e293bcc;border-radius:8px;padding:12px}.share-stat p{color:#94a3b8;margin-bottom:4px;font-size:10px}.share-stat strong{font-size:18px;line-height:28px}.share-rank-total{color:#64748b;font-size:12px;font-weight:400}.share-card-section{margin-bottom:16px}.share-section-title{color:#94a3b8;font-size:12px;margin-bottom:10px!important}.share-augment-list{gap:6px;display:grid}.share-augment-row{background:#1e293b80;border-radius:4px;align-items:center;gap:10px;padding:6px 12px;display:flex}.share-index{color:#64748b;text-align:center;flex:none;width:16px;font-size:10px}.share-augment-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.share-augment-row .share-pick-rate{color:#60a5fa;flex:none;font-size:14px;font-weight:500}.share-augment-icon{border-radius:8px;flex:none;display:block;overflow:hidden}.share-augment-icon-small{width:28px;height:28px}.share-augment-icon-large{width:44px;height:44px}.share-rarity-0{border:2px solid #64748b;box-shadow:0 0 8px #94a3b84d}.share-rarity-1{border:2px solid #ca8a04;box-shadow:0 0 8px #facc1552}.share-rarity-2{border:2px solid #9333ea;box-shadow:0 0 8px #c084fc61}.share-rarity-text-0{color:#cbd5e1}.share-rarity-text-1{color:#fde047}.share-rarity-text-2{color:#d8b4fe}.share-rarity-groups{gap:12px;display:grid}.share-rarity-label{font-size:12px;font-weight:500;margin-bottom:8px!important}.share-augment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.share-grid-item{background:#1e293b66;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px;display:flex}.share-grid-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 2px;font-size:11px;line-height:14px;overflow:hidden}.share-trio-list{gap:8px;display:grid}.share-trio{background:#1e293b66;border-radius:8px;justify-content:space-around;align-items:flex-start;padding:12px 8px;display:flex}.share-trio-augment{flex-direction:column;align-items:center;gap:6px;width:110px;display:flex}.share-trio-name{color:#cbd5e1;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:14px;display:-webkit-box;overflow:hidden}.share-placeholder{background:#334155;border-radius:8px;width:44px;height:44px;display:block}.share-card-footer{border-top:1px solid #334155;padding-top:12px;font-size:10px}.share-card-footer .share-site-url{color:#60a5fa;text-align:center;margin-bottom:8px;font-size:11px}.share-card-footer div{justify-content:space-between;align-items:center;display:flex}.share-card-footer strong{color:#60a5fa}