/* Drive Zone racer identity. One semantic template, five club levels. */
.racer-wrap{container-type:inline-size;margin-top:24px}
.racer-card{--rc-bg:#eae7e3;--rc-ink:#25242d;--rc-dim:#625e6b;--rc-accent:#8a626e;--rc-line:#55435429;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.586;border-radius:18px;border:1px solid #ffffff40;background:radial-gradient(ellipse at 5% 0,#c6b7ee70,transparent 65%),radial-gradient(ellipse at 100% 100%,#fbd7ae9c,transparent 70%),var(--rc-bg);color:var(--rc-ink);padding:5%;box-shadow:0 16px 40px #0005;display:flex;flex-direction:column;gap:4%;font-size:12px;font-size:3cqw;user-select:text}
.racer-card--pilot{--rc-bg:#f5dbd6;--rc-accent:#c02f38;background:radial-gradient(at 100% 5%,#ed9eb780,transparent 65%),radial-gradient(at 0 100%,#f8ce9a99,transparent 65%),var(--rc-bg)}
.racer-card--racer{--rc-bg:#f0dfc7;--rc-accent:#9e541f;background:radial-gradient(at 100% 0,#f9bf6e9c,transparent 60%),radial-gradient(at 0 100%,#debaa280,transparent 60%),var(--rc-bg)}
.racer-card--pro{--rc-bg:#201f30;--rc-ink:#f2edf8;--rc-dim:#c5b9ce;--rc-accent:#c3a4f2;--rc-line:#d7b7f938;background:radial-gradient(at 100% 0,#71508f65,transparent 65%),radial-gradient(at 0 100%,#3636558c,transparent 65%),var(--rc-bg)}
.racer-card--champion{--rc-bg:#201f1b;--rc-ink:#f8eed3;--rc-dim:#c7bc9c;--rc-accent:#f4cf7d;--rc-line:#d8b76845;background:radial-gradient(at 100% 0,#b6833445,transparent 65%),radial-gradient(at 0 100%,#74614145,transparent 65%),var(--rc-bg);border-color:#e2be6c88}
.racer-card:before{content:'';position:absolute;z-index:-1;inset:0;background:repeating-radial-gradient(ellipse at 120% 40%,transparent 0 10px,var(--rc-line) 10.5px 11px,transparent 11.5px 18px);opacity:.48;pointer-events:none}
.racer-card__grain{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 44px,#ffffff10 44px 64px);pointer-events:none}
.racer-card__head{display:flex;align-items:center;gap:5%;min-height:17%;flex-shrink:0}
.racer-card__head>img{width:20%;height:auto;object-fit:contain;filter:brightness(0);opacity:.9}
.racer-card__head>div{flex:1;min-width:0;display:grid;gap:1px}
.racer-card__head>div>span{font-size:1.08em;letter-spacing:.055em;font-weight:800;text-transform:uppercase}
.racer-card__head>div>b{font:600 .62em var(--ff-tech);letter-spacing:.18em;color:var(--rc-dim)}
.racer-card__seal{display:grid;place-items:center;flex:0 0 9%;aspect-ratio:1;border:1px solid var(--rc-accent);border-radius:50%;font:600 1.15em var(--ff-tech);color:var(--rc-accent)}
.racer-card__main{display:grid;grid-template-columns:28% 1fr;gap:6%;flex:1;min-height:0}
.racer-card__portrait{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(150deg,#fff9,#ffffff20);border:1px solid var(--rc-line);display:flex;flex-direction:column}
.racer-card__portrait .racer-avatar{width:100%;flex:1;min-height:0;border-radius:0;background:none}
.racer-card__portrait .racer-avatar img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.racer-card__portrait .racer-avatar--photo img{object-fit:cover;object-position:center}
.racer-card__portrait>span:last-child{font:800 .5em var(--ff-body);text-align:center;line-height:1.25;padding:4px 3px;background:var(--rc-accent);color:var(--rc-bg);text-transform:uppercase;letter-spacing:.015em}
.racer-card__data{display:grid;grid-template-columns:1fr;gap:4%;margin:0;align-content:space-between;min-width:0}
.racer-card__data dt{font-size:.58em;color:var(--rc-dim);font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.racer-card__data dd{margin:0;font-size:1.08em;line-height:1.12;font-weight:800;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.racer-card__data .racer-card__nick{font-family:var(--ff-tech);letter-spacing:.025em}
.racer-card__city{display:flex;align-items:center;gap:8px}.racer-card__city dd{font-size:.82em}
.racer-card__foot{display:flex;gap:4%;align-items:flex-end;padding-top:3%;border-top:1px solid var(--rc-line);flex-shrink:0}
.racer-card__foot>div:first-child{flex:1;min-width:0}.racer-card__foot>div:nth-child(2){text-align:right}
.racer-card__foot small{display:block;font-size:.52em;color:var(--rc-dim);text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.racer-card__foot b{font:600 .9em var(--ff-tech);display:block;line-height:1.4;overflow-wrap:anywhere}
.racer-card__badge{align-self:center;font-size:.66em;line-height:1;font-weight:800;text-transform:uppercase;background:var(--rc-accent);color:var(--rc-bg);padding:7px 8px;border-radius:4px;max-width:29%;overflow-wrap:anywhere}
.racer-card--none .racer-card__badge{background:#6d6971;color:#fff}.racer-tools{display:flex;gap:8px;margin-top:12px;justify-content:space-between}.racer-tools .btn{flex:1;padding:10px 8px;font-size:12px;gap:6px}
.racer-card--back{gap:10%}.racer-card--back .racer-card__head{min-height:12%}.racer-card__stages{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3%;padding:0;margin:0;flex:1}
.racer-card__stages li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%;position:relative;color:var(--rc-dim);opacity:.6}
.racer-card__stages svg{width:100%;height:auto}.racer-card__stages b{font-size:.68em;text-transform:uppercase;letter-spacing:-.025em}.racer-card__stages span{font-size:.47em}
.racer-card__stages .is-earned{opacity:1;color:var(--rc-ink)}.racer-card__stages .is-current{color:var(--rc-accent)}.racer-card__stages .is-current:after{content:'';height:3px;width:75%;position:absolute;bottom:-8px;background:var(--rc-accent);border-radius:3px}
.racer-card__backline{display:flex;gap:6%;align-items:center}.racer-card__backline>div{display:grid;gap:4px}.racer-card__backline b{font-size:.94em;text-transform:uppercase}.racer-card__backline span{font-size:.57em;color:var(--rc-dim)}
.racer-card__backline .racer-card__flag{display:block;width:14%;aspect-ratio:1.3;background:conic-gradient(var(--rc-accent) 25%,transparent 0 50%,var(--rc-accent) 0 75%,transparent 0) 0 0/12px 12px;transform:skew(-10deg);border:1px solid var(--rc-line);flex-shrink:0}
.racer-card__backfoot{display:flex;justify-content:space-between;border-top:1px solid var(--rc-line);padding-top:3%;font:600 .6em var(--ff-tech);letter-spacing:.08em}
.racer-avatar{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#3f354c,#252831);border-radius:50%;vertical-align:middle}
.racer-avatar img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.racer-avatar--photo img{object-fit:cover;object-position:center}
.lb__driver{display:flex;align-items:center;gap:10px;min-width:0}.lb__driver>.racer-avatar{width:40px;height:40px}.lb__nick{min-width:0;flex:1}.lb__time{font-size:.88rem}
.avatar-preview{display:flex;align-items:center;gap:18px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.avatar-preview .racer-avatar{width:84px;height:84px}.avatar-preview b{font-size:18px}.avatar-preview p{font-size:12px;margin-top:5px}
.avatar-group{border:0;padding:0;margin:28px 0 0;min-width:0}.avatar-group legend{font-size:19px;font-weight:800;margin-bottom:12px}.avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.avatar-option{position:relative;min-width:0;cursor:pointer}.avatar-option>input{position:absolute;opacity:0;width:1px;height:1px}.avatar-option>span{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:9px 4px 10px;border:2px solid var(--line);border-radius:14px;background:var(--surface);height:100%}.avatar-option .racer-avatar{width:100%;height:auto;aspect-ratio:1;border-radius:10px;background:radial-gradient(ellipse at 50% 70%,#eb5d3922,transparent 70%)}
.avatar-option b{font-size:9px;line-height:1.3;text-align:center;overflow-wrap:anywhere}.avatar-option i{display:none;position:absolute;right:5px;top:5px;border-radius:50%;width:21px;height:21px;background:var(--accent-btn);color:#fff;font-style:normal;text-align:center;font-size:13px;line-height:21px}.avatar-option input:checked+span{border-color:var(--accent-btn);background:#ff343b0c}.avatar-option input:checked+span i{display:block}.avatar-option input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}
.racer-details-hint{font-size:12px;color:var(--text-dim);margin:12px 0 0}
@media(min-width:600px){.racer-card{border-radius:22px}.avatar-option b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.racer-card,.racer-avatar{animation:none!important;transition:none!important}}
@media print{.racer-card{break-inside:avoid;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.racer-tools{display:none}}

.racer-card--pro .racer-card__head>img,.racer-card--champion .racer-card__head>img{filter:brightness(0) invert(.94)}

.racer-card__data dd.is-long{font-size:.78em;line-height:1.1;-webkit-line-clamp:2}
