:root{--accent:#ec353e;--bg:#0b1118;--fg:#eef4f8;--muted:#a8b7c3;--edge:#31414e}
*{box-sizing:border-box}
html{color-scheme:dark}body{margin:0;min-height:100vh;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--fg);background:radial-gradient(ellipse 70% 40% at 90% -15%,#32475a 0%,transparent 75%),var(--bg)}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}
.top{padding:17px max(18px,calc((100vw - 1120px)/2));border-bottom:1px solid #ffffff22;background:#101922;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-weight:900;font-size:18px;letter-spacing:.3px;white-space:nowrap}.brand>b{font-size:27px;font-style:italic;letter-spacing:-2px;margin-right:8px}.brand b span{color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:-8px}
nav{display:flex;gap:14px;align-items:center}nav a{font-size:12px;color:#b9cbd6;font-weight:750}nav a:hover{color:#fff}nav .lang{color:#ffb8bc}
.content{max-width:1160px;margin:0 auto;padding:28px 20px 50px}.hero{border:1px solid var(--edge);border-left:4px solid var(--accent);border-radius:12px;background:linear-gradient(110deg,#1b2a39,#121d29);padding:28px 32px;margin-bottom:20px;position:relative}
.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:900;color:#fa8991}.hero h1{font-size:clamp(28px,5vw,44px);letter-spacing:-1px;line-height:1.15;margin:12px 0}.hero p,.panel p{font-size:13px;color:var(--muted);max-width:720px;line-height:1.6}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.main-columns{grid-template-columns:1fr 1fr;align-items:start}
.panel{background:#16232e;border:1px solid var(--edge);border-radius:10px;padding:23px;min-width:0}.panel h2{font-size:23px;margin:9px 0}.role{border:1px solid #78909f;border-radius:20px;font-size:10px;letter-spacing:1px;font-weight:850;padding:5px 10px}.role.admin{color:#f8c48b}.role.player{color:#89d5b5}
.credentials{display:grid;grid-template-columns:120px 1fr;gap:10px 12px;padding:15px;background:#0c1721;border:1px solid #2b4250;border-radius:8px;margin:17px 0;color:#d7e4ec;font-size:12px;word-break:break-word}.credentials code{color:#f5de99;font-size:12px}
.action{width:100%;border:0;border-radius:7px;background:var(--accent);color:white;font-weight:900;padding:13px 17px;min-height:48px}.action:hover{filter:brightness(1.13)}
.notice{background:#172633;border:1px solid #415669;border-left:4px solid #f5b85c;border-radius:7px;padding:15px 18px;color:#b5c8d3;font-size:13px;margin-top:19px}.notice.danger{border-left-color:#f34a5d;background:#381e25}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 19px}.stats>div{background:#162430;border:1px solid #334553;border-radius:9px;padding:14px 17px}.stats b{display:block;font-size:28px;font-weight:950}.stats small{font-size:11px;color:var(--muted)}
form label{display:block;margin:13px 0 6px;font-weight:750;font-size:12px;color:#c6d4db}
input:not([type=hidden]),select{display:block;width:100%;margin-top:6px;background:#0a1620;border:1px solid #4a606d;border-radius:6px;padding:11px;color:white;min-height:44px}
input[type=color]{padding:4px;height:46px}
.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.preview-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid #304451;font-size:14px}.preview-row small{color:var(--muted)}.swatch{width:29px;height:29px;border:1px solid #afbac3;border-radius:6px}
.hint{margin-top:18px}
.logout{position:absolute;right:24px;top:24px}.linkbutton{background:#2b3d4c;color:#f0f4f6;border:1px solid #53616f;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:800}
.calendar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.calendar a{border:1px solid #3c4e5d;border-radius:6px;display:flex;align-items:center;gap:9px;background:#0d1a25;padding:10px;font-size:12px}.calendar a:hover{border-color:var(--accent)}.calendar a small{margin-left:auto;color:#ff9e9e}
.owm-formula-stage{width:min(100%,610px);margin:12px auto 16px;padding:4px 8px;border-radius:14px;background:radial-gradient(ellipse at 50% 55%,#28415755 0%,#14233116 66%,transparent 90%);overflow:hidden}
.owm-formula-car{display:block;width:100%;height:auto;min-height:132px;max-height:280px;filter:drop-shadow(0 12px 13px #0008)}
@media(max-width:460px){.owm-formula-stage{margin:8px auto 12px;padding:0}.owm-formula-car{min-height:118px}}
footer{border-top:1px solid #2a3947;padding:20px;text-align:center;font-size:10px;letter-spacing:.9px;color:#81919f}
@media(max-width:760px){.columns,.main-columns{grid-template-columns:1fr}.calendar{grid-template-columns:1fr 1fr}.top{padding:12px}.content{padding:17px 12px 35px}.hero{padding:23px 19px}.logout{position:static;margin-top:14px}.stats{grid-template-columns:1fr 1fr}.panel{padding:18px}.brand{font-size:14px}.brand>b{font-size:23px}.top nav{gap:9px}.top nav a{font-size:10px}}
@media(max-width:390px){.calendar{grid-template-columns:1fr}.credentials{grid-template-columns:100px 1fr}}

/* Twelve-round racing championship, player career and cosmetic garage */
.career-header{padding-bottom:25px}
.career-quick{display:flex;gap:17px;flex-wrap:wrap;margin-top:14px}
.career-quick a{font-weight:800;font-size:12px;color:#f8a2a8;text-decoration:none}
.career-next{display:flex;align-items:center;gap:12px;background:#0e1b27;border:1px solid #455d6e;padding:17px;border-radius:9px;margin-bottom:14px!important;max-width:none!important;flex-wrap:wrap}
.career-next>span{font-size:32px}.career-next>strong{font-size:19px;color:#f4f7fb}
.career-next small{margin-left:auto;color:#9cb2c3}
.career-attributes{display:flex;gap:10px;margin-bottom:14px}
.career-attributes span{font-size:12px;background:#203445;border:1px solid #435c6d;padding:5px 14px;border-radius:5px;color:#c3d4e1}
.career-viewer-link{display:block;text-align:center;text-decoration:none;line-height:24px;background:#294455;border:1px solid #567184}
.career-race-form{margin-top:10px}.race-run{background:#ea3542}
.career-layout{margin-bottom:18px}.career-layout .panel h3{font-size:16px;margin:23px 0 10px}
.career-calendar{display:grid;gap:6px;max-height:425px;overflow:auto}
.career-race{display:flex;align-items:center;gap:12px;background:#0d1924;border:1px solid #2d4050;border-radius:7px;padding:9px 10px;font-size:12px}
.career-race .career-number{border:1px solid #536676;border-radius:50%;width:25px;height:25px;text-align:center;line-height:23px;font-size:11px;flex-shrink:0}
.career-race>strong{margin-left:auto;font-size:10px;color:#a9bed0;white-space:nowrap}
.career-race.done{background:#142e2d;border-color:#366660}.career-race.now{border-color:#ef5960;background:#3a2229}.career-race.now>strong{color:#ff9299}
.career-standings{display:grid;gap:4px}
.career-driver,.career-team{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;border:1px solid #314553;border-radius:6px;background:#101e29;padding:7px 10px;font-size:12px}
.career-driver>span:first-child,.career-team>span:first-child{color:#9baebd;font-weight:900}
.career-driver small{display:block;font-size:10px;color:#8eacbe}.career-driver b,.career-team b{white-space:nowrap}
.career-driver.own,.career-team.own{border-left:3px solid #f4434c;background:#2a2530}
.career-liveries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.career-livery{padding:13px;border:1px solid #3e5362;background:#0d1924;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}
.career-livery.equipped{border:2px solid #3ac28e}.career-livery strong{font-size:13px}.career-livery small{color:#a2b3c0;font-size:11px}
.livery-colors{display:flex;height:35px;width:100%;border:2px solid #85949d;border-radius:5px;overflow:hidden}
.livery-colors i:first-child{flex:3}.livery-colors i:last-child{flex:1}
.livery-active{font-size:11px;font-weight:800;color:#61d49e}
.smallaction{padding:9px;font-size:11px;font-weight:850;background:#d33142;border:0;border-radius:6px;color:#fff}
.smallaction:disabled{opacity:.45;cursor:not-allowed}
.reset-career{margin-top:20px;text-align:right}
.reset-career button{border:1px solid #73616a;background:#30232a;color:#ffc4c7;padding:9px 12px;font-size:11px;border-radius:6px}
@media(max-width:780px){.career-liveries{grid-template-columns:repeat(2,1fr)}.career-next{gap:8px}.career-next small{width:100%;margin-left:0}}
@media(max-width:380px){.career-liveries{grid-template-columns:1fr}.career-race{gap:5px}.career-race>strong{font-size:9px}}