/* v0.23.6 — Driver Cards: compact identity layout and non-overlapping modal chrome.
   Scoped to the card modal only; no changes to shared Events, messages or profile modals. */
.modal.dc-modal{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - max(38px,env(safe-area-inset-top,0px)) - max(20px,env(safe-area-inset-bottom,0px)));padding:13px 12px calc(13px + env(safe-area-inset-bottom,0px));}
.modal.dc-modal .modal-top{position:relative;top:auto;z-index:1;display:flex;flex:0 0 auto;gap:10px;align-items:center;margin:0;padding:0 4px 10px;border-bottom:1px solid #c499e132;background:none;min-height:42px;}
.dc-modal .modal-top .eyebrow{flex:1;min-width:0;letter-spacing:.12em;font-size:10px;font-weight:800;color:#d4afea}
.dc-modal .modal-top [data-close]{flex:0 0 auto;width:38px;height:38px;min-height:38px;padding:0;border-radius:12px}
.dc-header-back{appearance:none;display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid #b87adc60;border-radius:11px;color:#eddbff;background:#291a35;font-size:23px;line-height:1;cursor:pointer}
.dc-header-back:focus-visible{outline:2px solid #d9aeff;outline-offset:2px}
.modal.dc-modal .dc-view{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8c64a3 transparent;padding:9px 1px 10px;}
.dc-modal .dc-card{padding:16px 12px 12px;max-width:430px;margin:0 auto;}
.dc-modal .dc-top{min-height:39px;padding:0 6px 5px 14px;}
.dc-modal .dc-brand-symbol{width:29px;height:24px}
.dc-modal .dc-brand-word{width:110px}
.dc-modal .dc-season{font-size:7px;line-height:1.35}
.dc-modal .dc-main{height:clamp(175px,52vw,233px)}
.dc-modal .dc-hero-art{width:78%;right:-6px;object-position:50% 39%;filter:contrast(1.06) saturate(1.10)}
.dc-modal .dc-score{left:13px;top:19px}
.dc-modal .dc-score strong{font-size:clamp(68px,20vw,91px)}
.dc-modal .dc-score>span{font-size:17px;letter-spacing:.14em}
.dc-modal .dc-score small{margin:8px 0 0 4px;padding:4px 8px;font-size:9px}
.dc-modal .dc-hero-indicator{right:3px;top:4px;font-size:9px;padding:6px 3px}
.dc-modal .dc-mid{min-height:0;padding:10px 9px 11px}
.dc-modal .dc-ribbon{margin:0 0 6px;font-size:clamp(7px,1.9vw,9px);gap:6px;letter-spacing:.018em;line-height:1.4}
.dc-modal .dc-identity-band{gap:8px;align-items:center}
.dc-modal .dc-identity-copy{flex:1 1 0;min-width:0}
.dc-modal .dc-name-line{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;margin:0 0 6px}
.dc-modal .dc-driver-name{font-size:clamp(17px,5.4vw,26px);margin:0;min-width:0;flex:0 1 auto;line-height:1.02;letter-spacing:-.04em;text-wrap:initial;overflow-wrap:normal;word-break:normal}
.dc-modal .dc-name-flag{flex:0 0 auto;font-size:20px;line-height:1;filter:drop-shadow(0 1px 2px #0008)}
.dc-modal .dc-team-crest{flex:0 0 69px;width:69px;height:69px;padding:5px;border-radius:9px}
.dc-modal .dc-identity{flex-wrap:nowrap;gap:5px;font-size:10px}
.dc-modal .dc-team-name{max-width:none;flex:0 1 auto;min-width:0}
.dc-modal .dc-number{flex:0 0 auto;padding:3px 5px;font-size:10px}
.dc-modal .dc-preferred{font-size:10px;margin-top:5px;line-height:1.35}
.dc-modal .dc-real-avatar{right:10px;top:-38px;width:29px;height:29px;border-radius:50%;border-width:2px}
.dc-modal .dc-attributes{gap:0 10px;padding:8px 4px 9px}
.dc-modal .dc-attribute{min-width:0;padding:6px 1px}
.dc-modal .dc-attribute span{font-size:clamp(9px,2.85vw,11px)}
.dc-modal .dc-attribute strong{font-size:16px}
.dc-modal .dc-card-bottom{min-height:31px;padding:8px 14px 10px 23px;font-size:clamp(5.5px,1.55vw,7px)}
.dc-modal .dc-compact-note{max-width:430px;margin:11px auto 0;font-size:11px;line-height:1.5;color:#cbb9d9;padding:0 6px}
.dc-modal .dc-facts{max-width:430px;margin:10px auto 0;padding:0;border-radius:12px;overflow:hidden}
.dc-modal .dc-facts summary{cursor:pointer;list-style:none;padding:13px 15px;font-size:12px;font-weight:800;color:#d9bdea}
.dc-modal .dc-facts summary::-webkit-details-marker{display:none}
.dc-modal .dc-facts summary::after{content:'⌄';float:right;font-size:16px;line-height:1}
.dc-modal .dc-facts[open] summary::after{content:'⌃'}
.dc-modal .dc-facts-body{padding:0 14px 12px}
@media(max-width:359px){.modal.dc-modal{padding-right:9px;padding-left:9px}.dc-modal .dc-card{padding:15px 10px 10px}.dc-modal .dc-main{height:172px}.dc-modal .dc-driver-name{font-size:16.5px}.dc-modal .dc-team-crest{flex-basis:57px;width:57px;height:60px}.dc-modal .dc-name-flag{font-size:17px}.dc-modal .dc-identity{font-size:9px}.dc-modal .dc-ribbon{font-size:7px}.dc-modal .dc-attribute span{font-size:9px}.dc-modal .dc-brand-word{width:96px}.dc-modal .dc-card-bottom{padding-left:19px;font-size:5.7px}}
@media(min-width:500px){.modal.dc-modal{padding-right:20px;padding-left:20px}.dc-modal .dc-card{padding:19px 19px 15px}.dc-modal .dc-main{height:238px}.dc-modal .dc-identity{font-size:12px}}
@media(prefers-reduced-motion:reduce){.dc-modal .dc-card{scroll-behavior:auto}}