/* iTeamHQ Signature Driver Card v0.23.1
 * Angular custom racing silhouette, not a rectangular FIFA-style card.
 * Only dynamic user/profile fields are overlaid; the helmet is decorative reference artwork.
 * Brand symbols/wordmark are cropped from the owner's official supplied logo.
 * Later team UI colour settings can populate --iteamhq-team-accent.
 */
.dc-view{--dc-accent:var(--iteamhq-team-accent,#a66df2);color:#f8f6ff}
.dc-profile-trigger{min-height:49px}
.dc-back{color:#d7c2ed}
.dc-card{
 isolation:isolate;position:relative;box-sizing:border-box;overflow:hidden;padding:21px 17px 15px;
 border:0;border-radius:0;min-height:0;
 clip-path:polygon(10% 0,83% 0,87% 2.5%,95% 2.5%,100% 8.5%,100% 46%,98% 49%,100% 53%,100% 90%,92% 100%,54% 100%,50% 98%,13% 98%,0 90%,0 52%,3% 49%,3% 31%,7% 27%,7% 8%);
 background:linear-gradient(137deg,#d9b6ff 0%,var(--dc-accent) 12%,#1f0e32 32%,#864bd0 49%,#eaafff 68%,var(--dc-accent) 91%,#281b3b 100%);
 box-shadow:0 19px 40px #05000896;
}
.dc-card::before{content:"";position:absolute;inset:3px;z-index:-1;pointer-events:none;
 clip-path:polygon(10% 0,83% 0,87% 2.5%,95% 2.5%,100% 8.5%,100% 46%,98% 49%,100% 53%,100% 90%,92% 100%,54% 100%,50% 98%,13% 98%,0 90%,0 52%,3% 49%,3% 31%,7% 27%,7% 8%);
 background:radial-gradient(ellipse at 92% 24%,color-mix(in srgb,var(--dc-accent),transparent 50%),transparent 46%),
 radial-gradient(ellipse at 4% 73%,color-mix(in srgb,var(--dc-accent),transparent 80%),transparent 54%),
 repeating-linear-gradient(142deg,#ffffff09 0 1px,transparent 1px 7px),
 linear-gradient(140deg,#130f20 2%,#22152e 35%,#070711 74%,#171121 100%);
}
.dc-card::after{content:"";pointer-events:none;position:absolute;z-index:4;inset:9px;border:1px solid #ba8cd044;
 clip-path:polygon(10% 0,83% 0,87% 2.5%,95% 2.5%,100% 8.5%,100% 46%,98% 49%,100% 53%,100% 90%,92% 100%,54% 100%,50% 98%,13% 98%,0 90%,0 52%,3% 49%,3% 31%,7% 27%,7% 8%);
}
.dc-sheen{z-index:1;opacity:.32;background:linear-gradient(125deg,transparent 17%,#fff2 27%,transparent 40%,transparent 71%,#fff1 76%,transparent 85%)}
.dc-top{z-index:3;align-items:flex-start;padding:4px 8px 6px 19px;gap:5px;min-height:49px}
.dc-brand{gap:4px;align-items:center;min-width:0;letter-spacing:0}
.dc-brand-symbol{width:34px;height:25px;object-fit:contain;filter:drop-shadow(0 0 7px #a66df269)}
.dc-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.dc-brand-word{width:116px;max-width:100%;height:auto;display:block;object-fit:contain}
.dc-brand-caption{font-size:7px;letter-spacing:.29em;color:#c8bad9;font-weight:780;padding-left:2px}
.dc-season{flex-shrink:0;max-width:77px;padding:6px 4px 0 0;font-size:8px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;color:#d7cae9}
.dc-main{height:clamp(208px,58vw,278px);margin-top:0;display:block;position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid #e6b6ff45}
.dc-main::before{content:"";position:absolute;inset:1px 0 0 0;z-index:-1;pointer-events:none;background:
 linear-gradient(110deg,#130f23 0%,#1a142d 32%,transparent 64%),
 radial-gradient(ellipse at 72% 45%,color-mix(in srgb,var(--dc-accent),transparent 51%),transparent 67%)}
.dc-hero-art{position:absolute;z-index:0;right:-9px;bottom:-1px;width:73%;height:100%;object-fit:cover;object-position:46% 42%;
 mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 97%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 97%);filter:contrast(1.035) saturate(1.05)}
.dc-main-grid{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(132deg,transparent 0 39%,#b479e80d 40% 41%,transparent 42% 100%)}
.dc-score{position:absolute;top:24px;left:17px;z-index:2;min-width:80px;padding:0}
.dc-score strong{font-size:clamp(74px,23vw,106px);font-weight:900;letter-spacing:-.09em;line-height:.88;text-shadow:0 5px 15px #08040ae6}
.dc-score>span{margin:5px 0 0 6px;font-size:clamp(16px,5vw,22px);font-weight:820;letter-spacing:.17em;color:#dfd5ff}
.dc-score small{margin:13px 0 0 6px;font-size:10px;letter-spacing:.13em;padding:5px 10px;color:#f0d9ff;background:#10091ed9;border-color:color-mix(in srgb,var(--dc-accent),white 25%)}
.dc-hero-indicator{position:absolute;right:2px;top:7px;z-index:3;min-width:35px;max-width:47px;padding:8px 3px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.12em;border:1px solid #cd92f877;border-radius:8px;background:linear-gradient(145deg,#2c2441,#0f1022)}
.dc-team-crest{position:relative;right:auto;top:auto;z-index:2;flex:0 0 83px;height:79px;width:83px;border-radius:9px;padding:7px;box-sizing:border-box;background:linear-gradient(145deg,#2d193f,#090910);box-shadow:0 0 0 1px color-mix(in srgb,var(--dc-accent),white 30%),inset 0 0 0 1px #ffffff11,0 0 16px color-mix(in srgb,var(--dc-accent),transparent 68%);color:#efe4ff;font-size:14px}
.dc-team-crest img{object-fit:contain;max-width:100%;max-height:100%}
.dc-mid{position:relative;z-index:3;background:linear-gradient(160deg,#120d1be8,#090915f2);border-top:1px solid #b087ce88;border-bottom:1px solid #9e71cc9a;min-height:135px;margin:0 -1px;padding:12px 10px 12px 12px}
.dc-ribbon{font-size:8px;letter-spacing:.04em;color:#f0e7f8;margin:0 0 9px;max-width:100%;display:flex;align-items:center;gap:6px}
.dc-provisional-dot{background:#ffbc4d}
.dc-identity-band{display:flex;gap:7px;align-items:center;justify-content:space-between;min-width:0}
.dc-identity-copy{flex:1;min-width:0}
.dc-driver-name{margin:0 0 6px;font-size:clamp(20px,6.2vw,33px);letter-spacing:-.05em;line-height:1.05;font-weight:930;overflow-wrap:anywhere;word-break:normal;text-wrap:balance}
.dc-identity{font-size:11px;gap:5px;color:#d8bbf9}
.dc-team-name{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.dc-flag{font-size:15px}.dc-number{font-size:10px;padding:3px 5px}
.dc-preferred{margin-top:7px;font-size:10px;color:#b8a7ca}
.dc-real-avatar{position:absolute;right:103px;top:-54px;z-index:4;width:41px;height:41px;border-radius:12px;object-fit:cover;border:2px solid #d9b8ff;box-shadow:0 3px 14px #090513a8;background:#110e1c}
.dc-attributes{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:12px 8px 12px 7px;background:linear-gradient(155deg,#0d0c16de,#140f21ec);border-bottom:1px solid #a56de677}
.dc-attribute{min-width:0;display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e3caff20}
.dc-attribute:nth-last-child(-n+2){border-bottom:0}
.dc-attribute span{color:#eee7f8;font-size:11px;line-height:1.4;font-weight:710}
.dc-attribute strong{color:#fff;font-size:16px;font-weight:800;line-height:1.2}
.dc-card-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:3px;padding:10px 6px 4px;border:0;font-size:7px;letter-spacing:.11em;color:#c6b3df}
.dc-footer-brand{display:flex;align-items:center;gap:3px}
.dc-footer-brand img{width:14px;height:12px;object-fit:contain}
.dc-facts{margin-top:15px}
.dc-explainer{margin-top:14px}
@media(max-width:374px){.dc-card{padding:17px 12px 13px}.dc-top{padding-left:17px;gap:4px}.dc-brand-symbol{width:29px}.dc-brand-word{width:98px}.dc-season{font-size:7px}.dc-main{height:205px}.dc-hero-art{width:75%}.dc-score{left:12px;top:29px}.dc-score strong{font-size:72px}.dc-team-crest{flex-basis:72px;width:72px;height:72px}.dc-driver-name{font-size:20px}.dc-attribute span{font-size:10px}.dc-identity{font-size:10px}.dc-mid{padding:11px 8px}.dc-real-avatar{right:90px}}
@media(min-width:500px){.dc-card{max-width:430px;margin:0 auto;padding:24px 23px 17px}.dc-main{height:276px}.dc-hero-art{width:71%}.dc-identity{font-size:12px}.dc-mid{padding:15px 15px}.dc-attributes{padding:16px 10px}}
@media(prefers-reduced-motion:reduce){.dc-sheen{display:none}}

/* Keep provenance text clear of the angular lower-left cutout. */
.dc-card-bottom{padding:9px 16px 21px 25px;min-height:43px;letter-spacing:.08em;align-items:center}
.dc-hero-indicator small{display:block;font-size:6px;letter-spacing:.17em;margin-top:3px;color:#d4bfe7}
@media(max-width:359px){.dc-card-bottom{padding-left:21px;padding-right:13px;font-size:6.3px}}