.driver-card-photo{background:linear-gradient(145deg,color-mix(in srgb,var(--team,#9a69d5) 28%,#191020),#100c16)}
.portrait>img{object-fit:contain;object-position:center bottom}.portrait>.driver-avatar{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.editor-rating{display:grid;gap:5px;font-size:10px;color:#c9acd9;margin-left:auto;max-width:86px}.editor-rating input{font:700 23px var(--title);padding:9px;width:85px}.editor-color{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0;font-size:12px;color:#c9acd9}.editor-color input{width:64px;min-height:42px;padding:4px;cursor:pointer}
.avatar-editor{display:grid;grid-template-columns:340px minmax(0,500px);gap:28px}.avatar-preview{border:1px solid #76508f;border-radius:12px;padding:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--team) 30%,#1d1129),#0f0b17)}.avatar-preview .driver-avatar{width:100%;height:360px}.avatar-preview p{font-size:12px;color:#c9b6d7;line-height:1.7}.avatar-options{display:grid;gap:20px}.avatar-options label{font-size:12px}.avatar-options select{margin-top:8px}.profile-photo{width:170px;flex:none;text-align:center}.profile-photo>.portrait{width:150px;height:180px;background:linear-gradient(140deg,color-mix(in srgb,var(--team) 30%,#21162e),#0c0910);border-radius:10px}.profile-photo>.btn{margin-top:12px;min-height:34px;font-size:11px}.creator-credit{color:#c9addf;font-size:12px}.creator-credit a,.creator-about a{color:#d4acff;text-decoration:none}.creator-about{padding:18px 0;line-height:1.8}.creator-about p{margin:5px 0}.academy-source-note{white-space:normal;word-spacing:normal;letter-spacing:normal;overflow-wrap:anywhere;line-height:1.8}.academy-team-strip>span{background:#160f21!important;border-color:#62407855}.academy-logo{background:transparent!important}.academy-team-strip .academy-logo{width:110px;height:70px}.academy-team-strip .academy-logo img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.formation-world-link{display:flex;align-items:center;gap:22px;margin:22px 0}.category-f4-logo{max-width:130px;height:46px;object-fit:contain}
@media(max-width:700px){.avatar-editor{grid-template-columns:1fr}.avatar-preview{max-width:360px;width:100%;margin:auto}.profile-hero{flex-wrap:wrap}.profile-photo{width:120px}.profile-photo>.portrait{width:110px;height:140px}.editor-rating{max-width:72px}.editor-rating input{width:70px;font-size:20px}.academy-team-strip .academy-logo{width:90px;height:56px}.formation-world-link{flex-wrap:wrap}}

.team-editorial,.offer,.pilot-overview{background:linear-gradient(130deg,color-mix(in srgb,var(--team,#9a69d5) 14%,#17101f),#100d18)}.driver-modal-hero>.portrait{background:linear-gradient(135deg,color-mix(in srgb,var(--team,#9a69d5) 30%,#21162c),#100b17)}

.standings-hero{background:linear-gradient(125deg,color-mix(in srgb,var(--team,#9a69d5) 22%,#15101d),#110c18)}

.academy-toolbar .tabs{gap:8px;overflow:visible;border:0;margin:0;padding:0}.academy-toolbar .tabs>.btn{min-width:112px;min-height:44px;margin:0;padding:10px 18px;font-size:14px;border:1px solid #714b88;border-radius:8px;flex:none}.academy-toolbar label{font-size:13px}.academy-source-note{font-size:13px}
/* The supplied stacked mark keeps its silhouette and lettering together. */
.violet-welcome .welcome-top{height:calc(136px + env(safe-area-inset-top,0px))}
.violet-welcome .welcome-top>img{width:136px;height:118px;object-fit:contain;flex:none}
.simple-header,.violet-creation .simple-header{height:calc(132px + env(safe-area-inset-top,0px))}
.simple-header>img,.violet-creation .simple-header>img{width:132px;height:112px;object-fit:contain;flex:none}
.brand-button{display:flex;justify-content:center;padding:14px}
.brand-button img{width:132px;height:116px;object-fit:contain}
.brand-showcase{padding:28px;gap:22px;min-height:350px}
.brand-showcase>img{width:300px;max-width:90%;height:270px;max-height:none;object-fit:contain}
.brand-app>img{width:210px;height:210px;border-radius:0}
@media(max-width:700px){.violet-welcome .welcome-top{height:calc(104px + env(safe-area-inset-top,0px));gap:12px}.violet-welcome .welcome-top>img{width:98px;height:88px}.simple-header,.violet-creation .simple-header{height:calc(106px + env(safe-area-inset-top,0px))}.simple-header>img,.violet-creation .simple-header>img{width:100px;height:90px}.violet-welcome .welcome-top>div{min-width:0}.brand-showcase{min-height:300px}.brand-showcase>img{width:250px;height:225px}}