*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10101a;color:#fff;font-family:Arial,Helvetica,sans-serif}
canvas{display:block}
.hidden{display:none!important}
.screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#332166 0,#151521 48%,#09090f 100%);z-index:20;padding:20px}
.panel{width:min(460px,94vw);padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(15,15,27,.88);box-shadow:0 25px 80px rgba(0,0,0,.5);text-align:center}
.brand{font-size:12px;letter-spacing:4px;font-weight:900;margin-bottom:15px}.brand span{opacity:.55}
h1{font-size:34px;margin:8px 0 12px}p{opacity:.72;line-height:1.5}
input{width:100%;height:54px;margin:18px 0 10px;padding:0 18px;border-radius:14px;border:1px solid #ffffff22;background:#ffffff0d;color:#fff;font-size:17px;outline:none}
button{width:100%;height:54px;margin-top:10px;border:0;border-radius:14px;background:#f4801f;color:#fff;font-weight:900;font-size:15px;cursor:pointer}
button:active{transform:scale(.98)}button.secondary{background:#332166}
.hud{position:fixed;left:14px;right:14px;top:14px;z-index:5;display:flex;justify-content:space-between;pointer-events:none}
.hud>div{min-width:110px;padding:10px 14px;border-radius:14px;background:#09090fcc;border:1px solid #ffffff18;backdrop-filter:blur(8px)}
.hud>div:nth-child(2){text-align:center}.hud>div:last-child{text-align:right}
.hud b{display:block;font-size:16px}.hud small{display:block;margin-top:4px;font-size:11px;opacity:.65}
#countdown{position:fixed;inset:0;display:grid;place-items:center;font-size:100px;font-weight:1000;z-index:6;text-shadow:0 10px 40px #000}
#message{position:fixed;top:105px;left:50%;transform:translateX(-50%);z-index:5;padding:10px 18px;border-radius:12px;background:#0009;font-weight:800}
.mobileControls{position:fixed;left:0;right:0;bottom:18px;z-index:5;display:none;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 14px}
.mobileControls button{height:62px;margin:0;background:#09090fcc;border:1px solid #ffffff22;font-size:20px}
.mobileControls #nitroBtn{background:#f4801f}
.leaderboardPanel{max-height:90vh;overflow:auto}
.lbrow{display:grid;grid-template-columns:42px 1fr 90px 85px;gap:8px;padding:12px 8px;border-bottom:1px solid #ffffff12;text-align:left}
.lbrow.head{font-size:11px;opacity:.5}.lbrow b{text-align:right}
@media(max-width:800px){.mobileControls{display:grid}.hud>div{min-width:90px;padding:8px 10px}.hud b{font-size:13px}h1{font-size:28px}}
@media(min-width:801px){#gameUI{cursor:crosshair}}

/* V4.2 control polish */
.mobileControls button:active{transform:scale(.94);background:#ffaa33;color:#111}
#nitroBtn:active{filter:brightness(1.15)}

/* V5 Formula atmosphere */
#audioStatus{color:#ff9900!important;opacity:.85!important}
.hud>div{backdrop-filter:blur(7px)}

.music-picker{margin:14px auto 16px;max-width:420px;padding:12px 14px;border:1px solid #333;border-radius:12px;background:#151515}
.music-picker label{display:block;color:#ff9900;font-weight:800;margin-bottom:7px}
.music-picker input{width:100%;color:#eee;background:#202020;border:1px solid #444;border-radius:8px;padding:8px}
.music-picker small{display:block;margin-top:7px;color:#aaa;font-size:.78rem}

.driver-select{margin:14px auto;max-width:650px}
.driver-title{font-size:1.05rem;font-weight:900;color:#ff9900;margin-bottom:10px}
.driver-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.driver-card{background:#171717;border:2px solid #333;border-radius:12px;color:#eee;padding:10px 6px;cursor:pointer;transition:.18s}
.driver-card span{display:block;width:34px;height:34px;border-radius:50%;margin:0 auto 5px;box-shadow:0 0 12px #0008}
.driver-card b{display:block}.driver-card small{display:block;color:#999;font-size:.68rem;margin-top:3px}
.driver-card:hover,.driver-card.selected{border-color:#ff9900;transform:translateY(-2px);box-shadow:0 0 14px #ff990044}
.custom-driver{grid-column:span 2}
.custom-driver-box{margin-top:9px}.custom-driver-box input{max-width:300px}
.hidden{display:none!important}
@media(max-width:600px){.driver-grid{grid-template-columns:repeat(2,1fr)}.custom-driver{grid-column:span 2}}

.player-name-label{display:block;color:#ff9900;font-weight:900;margin:12px auto 6px}
.driver-photo{width:72px;height:72px;border-radius:50%;overflow:hidden;margin:0 auto 7px;border:2px solid #444;background:#222;position:relative}
.driver-photo img{width:100%;height:100%;object-fit:cover;display:block}
.driver-photo>span{width:100%!important;height:100%!important;border-radius:0!important;margin:0!important;display:none}
.driver-card.selected .driver-photo{border-color:#ff9900;box-shadow:0 0 14px #ff990066}

.driver-card b{display:inline-block;vertical-align:middle}
.pilot-color-dot{
 display:inline-block;width:16px;height:16px;border-radius:50%;
 margin-left:7px;vertical-align:-3px;border:2px solid #eee;
 box-shadow:0 0 8px #0009;
}
.driver-card.selected .pilot-color-dot{box-shadow:0 0 10px currentColor,0 0 10px #ff990077}

/* ===== V6.4 PILOT MENU FINAL FIX ===== */
.driver-grid{
 display:grid !important;
 grid-template-columns:repeat(3,minmax(130px,1fr)) !important;
 gap:14px !important;
 width:min(680px,94vw) !important;
 margin:14px auto !important;
 align-items:stretch !important;
}
button.driver-card,.driver-card{
 min-width:0 !important;
 min-height:154px !important;
 padding:10px 9px 12px !important;
 display:flex !important;
 flex-direction:column !important;
 align-items:center !important;
 justify-content:flex-start !important;
 overflow:visible !important;
 position:relative !important;
 color:#f5f5f5 !important;
 background:#181818 !important;
 border:2px solid #333 !important;
 border-radius:14px !important;
}
button.driver-card:hover,.driver-card:hover{
 color:#fff !important;
 background:#202020 !important;
 border-color:#ff9900 !important;
 transform:translateY(-2px);
}
button.driver-card.selected,.driver-card.selected{
 color:#fff !important;
 border-color:#ff9900 !important;
 box-shadow:0 0 16px #ff990055 !important;
}
.driver-photo{
 width:88px !important;
 height:88px !important;
 flex:0 0 88px !important;
 border-radius:12px !important;
 overflow:hidden !important;
 margin:0 auto 9px !important;
 border:2px solid #444 !important;
 background:#242424 !important;
 position:relative !important;
}
.driver-photo img{
 position:absolute !important;
 inset:0 !important;
 width:100% !important;
 height:100% !important;
 max-width:none !important;
 max-height:none !important;
 display:block;
 object-fit:cover !important;
 object-position:center 22% !important;
 border-radius:0 !important;
 margin:0 !important;
 padding:0 !important;
}
.driver-photo .photo-fallback{
 position:absolute !important;
 inset:0 !important;
 width:100% !important;
 height:100% !important;
 display:none;
}
.driver-meta{
 width:100% !important;
 min-height:25px !important;
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 gap:8px !important;
 line-height:1 !important;
}
.driver-name{
 display:inline-block !important;
 visibility:visible !important;
 opacity:1 !important;
 position:static !important;
 width:auto !important;
 height:auto !important;
 overflow:visible !important;
 color:#fff !important;
 font-size:15px !important;
 font-weight:900 !important;
 line-height:20px !important;
 text-shadow:0 1px 2px #000 !important;
}
.pilot-color-dot{
 display:inline-block !important;
 visibility:visible !important;
 opacity:1 !important;
 flex:0 0 16px !important;
 width:16px !important;
 height:16px !important;
 border-radius:50% !important;
 border:2px solid #eee !important;
 margin:0 !important;
 position:static !important;
}
@media(max-width:600px){
 .driver-grid{grid-template-columns:repeat(2,minmax(120px,1fr)) !important;gap:10px !important}
 button.driver-card,.driver-card{min-height:145px !important}
 .driver-photo{width:82px !important;height:82px !important;flex-basis:82px !important}
}

/* ===== V6.5 MENU BAR + START FIX ===== */
#menu,.menu,.start-screen,#startScreen,.menu-panel,.start-panel{
 max-height:calc(100vh - 24px) !important;
 overflow-y:auto !important;
 overflow-x:hidden !important;
 overscroll-behavior:contain;
 scrollbar-width:thin;
 padding-bottom:18px !important;
}
.driver-grid{
 width:min(650px,92%) !important;
 max-width:100% !important;
 margin-left:auto !important;
 margin-right:auto !important;
}
button.driver-card,.driver-card{
 max-width:100% !important;
 box-sizing:border-box !important;
}
.driver-photo{
 max-width:100% !important;
}
.start-action{
 width:min(650px,92%) !important;
 margin:14px auto 4px !important;
 position:relative !important;
 z-index:50 !important;
 display:flex !important;
 justify-content:center !important;
}
#startBtn,.start-race-btn,#startButton,#btnStart{
 display:inline-flex !important;
 visibility:visible !important;
 opacity:1 !important;
 align-items:center !important;
 justify-content:center !important;
 width:min(360px,100%) !important;
 min-height:52px !important;
 margin:0 auto !important;
 position:relative !important;
 z-index:999 !important;
 cursor:pointer !important;
 font-size:16px !important;
 font-weight:900 !important;
 background:#ff9900 !important;
 color:#111 !important;
 border:0 !important;
 border-radius:50px !important;
}
#startBtn:hover,.start-race-btn:hover,#startButton:hover,#btnStart:hover{
 background:#ffaa33 !important;
 transform:scale(1.02);
}
.input-error{outline:2px solid #ff6a00 !important}
@media(max-height:760px){
 #menu,.menu,.start-screen,#startScreen,.menu-panel,.start-panel{
   max-height:96vh !important;
 }
 .driver-photo{width:70px !important;height:70px !important;flex-basis:70px !important}
 button.driver-card,.driver-card{min-height:128px !important}
}

/* ===== V6.6 ACTUAL MENU LAYOUT FIX ===== */
#nameScreen{
 padding:12px !important;
 overflow:hidden !important;
 box-sizing:border-box !important;
}
#nameScreen>.panel{
 width:min(560px,calc(100vw - 24px)) !important;
 max-width:560px !important;
 height:auto !important;
 max-height:calc(100vh - 24px) !important;
 overflow-y:auto !important;
 overflow-x:hidden !important;
 box-sizing:border-box !important;
 padding:20px 24px 16px !important;
 margin:0 !important;
 scrollbar-width:thin;
}
#nameScreen .brand{margin-bottom:10px !important}
#nameScreen h1{margin:8px 0 10px !important}
#nameScreen p{margin:0 0 12px !important}
#nameScreen .player-name-label{margin:8px auto 5px !important}
#nameScreen #playerName{
 margin:0 auto 12px !important;
 min-height:48px !important;
 width:100% !important;
 box-sizing:border-box !important;
}
#nameScreen .driver-select{margin-top:0 !important}
#nameScreen .driver-title{margin:8px 0 10px !important}
#nameScreen .driver-grid{
 grid-template-columns:repeat(4,minmax(0,1fr)) !important;
 gap:9px !important;
 width:100% !important;
 max-width:100% !important;
 margin:0 auto 10px !important;
}
#nameScreen button.driver-card{
 min-width:0 !important;
 width:100% !important;
 min-height:118px !important;
 height:118px !important;
 padding:8px 5px !important;
 overflow:hidden !important;
 box-sizing:border-box !important;
}
#nameScreen .driver-photo{
 width:70px !important;height:70px !important;flex:0 0 70px !important;
 margin:0 auto 6px !important;border-radius:11px !important;
}
#nameScreen .driver-name{font-size:14px !important}
#nameScreen .pilot-color-dot{width:14px !important;height:14px !important;flex-basis:14px !important}
#nameScreen .custom-driver{
 grid-column:auto !important;
}
#nameScreen .custom-icon{
 width:70px;height:70px;flex:0 0 70px;border-radius:11px;
 display:grid;place-items:center;margin:0 auto 6px;
 font-size:36px;font-weight:900;color:#111;
 background:linear-gradient(135deg,#ff9900,#00cfe8);
}
#nameScreen .custom-dot{
 background:linear-gradient(135deg,#ff9900 0 50%,#00cfe8 50% 100%) !important;
}
#customDriverBox{margin:4px 0 8px !important}
.menu-actions{
 position:sticky !important;
 bottom:-16px !important;
 z-index:1000 !important;
 width:100% !important;
 box-sizing:border-box !important;
 padding:10px 0 4px !important;
 margin-top:6px !important;
 background:linear-gradient(to bottom,rgba(15,15,27,0),rgba(15,15,27,.98) 25%) !important;
}
#nameScreen #startBtn{
 display:flex !important;
 width:100% !important;
 min-height:50px !important;
 margin:0 0 7px !important;
 align-items:center !important;
 justify-content:center !important;
 visibility:visible !important;
 opacity:1 !important;
 position:relative !important;
 z-index:1001 !important;
}
#nameScreen #leaderboardBtn{
 width:100% !important;
 margin:0 !important;
 min-height:42px !important;
}
@media(max-width:650px){
 #nameScreen>.panel{padding:16px 14px 12px !important}
 #nameScreen .driver-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 #nameScreen button.driver-card{height:108px !important;min-height:108px !important}
 #nameScreen .driver-photo,#nameScreen .custom-icon{
   width:62px !important;height:62px !important;flex-basis:62px !important;
 }
}
@media(max-height:820px) and (min-width:651px){
 #nameScreen>.panel{padding-top:14px !important}
 #nameScreen .brand{margin-bottom:4px !important}
 #nameScreen h1{font-size:28px !important;margin:4px 0 5px !important}
 #nameScreen p{font-size:14px !important;margin-bottom:7px !important}
 #nameScreen #playerName{min-height:42px !important;margin-bottom:7px !important}
 #nameScreen .driver-title{margin:5px 0 7px !important}
 #nameScreen button.driver-card{height:102px !important;min-height:102px !important}
 #nameScreen .driver-photo,#nameScreen .custom-icon{
   width:58px !important;height:58px !important;flex-basis:58px !important;
 }
}

/* ===== V6.8 RESULT NAVIGATION ===== */
#resultScreen .nav-game-btn{
 width:100% !important;
 min-height:44px !important;
 margin-top:8px !important;
}
#resultScreen #mainMenuBtn{
 border-color:#ff9900 !important;
}
#resultScreen #allGamesBtn{
 border-color:#00cfe8 !important;
}

#miniMapWrap{position:fixed;left:12px;top:12px;z-index:70;padding:6px;border-radius:12px;background:rgba(7,9,13,.78);border:1px solid rgba(255,153,0,.55);box-shadow:0 7px 22px rgba(0,0,0,.34);pointer-events:none}
#miniMapWrap.hidden{display:none!important}.miniMapTitle{font-size:9px;font-weight:900;letter-spacing:1.8px;color:#ff9900;text-align:left;margin:0 0 2px 3px}#miniMap{display:block;width:180px;height:140px}
@media(max-width:600px){#miniMapWrap{left:6px;top:6px;padding:4px}#miniMap{width:125px;height:98px}}

/* V6.9.3 unified race HUD */
#miniMapWrap{
 width:190px!important;
 padding:8px!important;
 display:flex;
 flex-direction:column;
 gap:6px;
}
#miniMapWrap.hidden{display:none!important}
#miniMap{width:190px!important;height:145px!important}
#miniMapWrap #gameUI{
 position:static!important;
 inset:auto!important;
 transform:none!important;
 width:100%!important;
 display:grid!important;
 grid-template-columns:1fr 1fr;
 gap:5px!important;
 padding:0!important;
 margin:0!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 pointer-events:none;
}
#miniMapWrap #gameUI.hidden{display:none!important}
#miniMapWrap #gameUI > *{
 position:static!important;
 transform:none!important;
 margin:0!important;
 min-width:0!important;
 font-size:11px!important;
 line-height:1.25!important;
 padding:5px 4px!important;
 border-radius:6px!important;
 background:rgba(255,255,255,.055)!important;
 box-shadow:none!important;
}
#miniMapWrap #gameUI #lap,
#miniMapWrap #gameUI #position,
#miniMapWrap #gameUI #timer{
 display:block!important;
}
@media(max-width:600px){
 #miniMapWrap{width:145px!important;padding:6px!important}
 #miniMap{width:145px!important;height:105px!important}
 #miniMapWrap #gameUI > *{font-size:9px!important;padding:4px 2px!important}
}

/* V6.9.4 — compact single-card HUD */
#miniMapWrap{
 width:228px!important;
 padding:10px!important;
 gap:7px!important;
 overflow:hidden!important;
 border-radius:16px!important;
 background:rgba(12,17,22,.88)!important;
 border:1px solid rgba(255,153,0,.62)!important;
 box-shadow:0 10px 28px rgba(0,0,0,.30)!important;
}
#miniMap{
 width:208px!important;
 height:150px!important;
 border-radius:10px;
}
#miniMapWrap #gameUI{
 width:100%!important;
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:6px!important;
 overflow:hidden!important;
}
#miniMapWrap #gameUI > *{
 width:auto!important;
 min-width:0!important;
 max-width:100%!important;
 min-height:0!important;
 padding:7px 5px!important;
 margin:0!important;
 border-radius:9px!important;
 font-size:10px!important;
 line-height:1.25!important;
 overflow:hidden!important;
 white-space:normal!important;
 background:rgba(255,255,255,.055)!important;
 border:1px solid rgba(255,255,255,.045)!important;
}
#miniMapWrap #gameUI > *:last-child:nth-child(odd){
 grid-column:1 / -1;
}
@media(max-width:600px){
 #miniMapWrap{width:164px!important;padding:7px!important;border-radius:13px!important}
 #miniMap{width:150px!important;height:108px!important}
 #miniMapWrap #gameUI{gap:4px!important}
 #miniMapWrap #gameUI > *{font-size:8px!important;padding:5px 3px!important;border-radius:7px!important}
}

/* V7 — Modern race telemetry HUD */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#gameUI{position:fixed!important;inset:0!important;z-index:72!important;pointer-events:none!important}
#gameUI.hidden{display:none!important}
#gameUI .hud{position:fixed!important;left:50%!important;top:14px!important;right:auto!important;transform:translateX(-50%)!important;width:min(940px,calc(100vw - 280px))!important;display:grid!important;grid-template-columns:1.2fr 1fr 1fr 1.15fr!important;gap:8px!important;align-items:stretch!important;pointer-events:none!important}
#gameUI .hud-card{min-width:0!important;height:86px!important;box-sizing:border-box!important;padding:11px 13px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(18,24,31,.94),rgba(7,10,14,.88))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 30px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)!important;backdrop-filter:blur(12px)!important;overflow:hidden!important;position:relative!important}
#gameUI .hud-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#ff8a00,#ffb000 48%,#00d5e8)}
#gameUI .hud-eyebrow,.hud-label{font-size:9px!important;line-height:1!important;font-weight:900!important;letter-spacing:1.45px!important;color:rgba(255,255,255,.48)!important}
#gameUI .hud-row{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:12px!important}
#gameUI .hud-row>div{min-width:0}
#gameUI .hud-row b{display:block!important;margin-top:5px!important;font-size:19px!important;line-height:1!important;color:#fff!important;letter-spacing:.2px!important}
#gameUI .hud-position{text-align:right!important}
#gameUI #position{color:#ff9a16!important}
.lap-progress,.nitro-track{height:6px!important;margin-top:10px!important;border-radius:99px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.04)!important}
.lap-progress i,.nitro-track i{display:block!important;height:100%!important;width:0;border-radius:inherit!important;background:linear-gradient(90deg,#ff7b00,#ffb000)!important;box-shadow:0 0 12px rgba(255,139,0,.5)!important;transition:width .12s linear!important}
.hud-time{text-align:center!important}.hud-time #timer{display:block!important;margin-top:6px!important;font-size:24px!important;line-height:1!important;font-variant-numeric:tabular-nums!important;letter-spacing:.7px!important;color:#fff!important}.hud-time #score{display:block!important;margin-top:7px!important;font-size:9px!important;font-weight:900!important;letter-spacing:1.2px!important;color:#00d8e8!important;opacity:1!important}
.hud-speed{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important}.speed-readout{display:flex!important;align-items:flex-end!important;gap:5px!important}.speed-readout b{font-size:38px!important;line-height:.8!important;letter-spacing:-2px!important;font-variant-numeric:tabular-nums!important}.speed-readout span{font-size:8px!important;font-weight:900!important;letter-spacing:1px!important;color:#ff9a16!important;margin-bottom:2px!important}.hud-meta{text-align:right!important}.hud-meta #lives{display:block!important;font-size:13px!important;white-space:nowrap!important}.hud-meta #audioStatus{display:block!important;margin-top:8px!important;font-size:7px!important;line-height:1.15!important;letter-spacing:.7px!important;color:rgba(255,255,255,.38)!important}
.hud-nitro #nitroValue{font-size:16px!important;color:#00e1f0!important}.hud-nitro .nitro-track{height:9px!important;margin-top:8px!important}.hud-nitro .nitro-track i{width:100%;background:linear-gradient(90deg,#00b9d0,#00f0ff)!important;box-shadow:0 0 15px rgba(0,220,240,.48)!important}.hud-nitro #nitroStatus{display:block!important;margin-top:7px!important;font-size:8px!important;font-weight:900!important;letter-spacing:1px!important;color:rgba(255,255,255,.5)!important}.hud-nitro.boosting{border-color:rgba(0,232,255,.5)!important;box-shadow:0 10px 30px rgba(0,0,0,.34),0 0 24px rgba(0,220,240,.13)!important}.hud-nitro.boosting #nitroStatus{color:#00efff!important}
#miniMapWrap{top:112px!important;left:14px!important;width:218px!important;padding:9px!important;background:linear-gradient(145deg,rgba(18,24,31,.94),rgba(7,10,14,.90))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 30px rgba(0,0,0,.34)!important}.miniMapTitle{font-size:9px!important;letter-spacing:1.5px!important;color:rgba(255,255,255,.48)!important}.miniMapTitle:after{content:" • CANLI KONUM";color:#ff9a16}.mobileControls{pointer-events:auto!important}
@media(max-width:1100px){#gameUI .hud{left:250px!important;right:10px!important;transform:none!important;width:auto!important;grid-template-columns:1fr 1fr!important}.hud-card{height:72px!important}#miniMapWrap{top:14px!important}}
@media(max-width:800px){#gameUI .hud{left:8px!important;right:8px!important;top:8px!important;grid-template-columns:1fr 1fr!important;gap:5px!important}.hud-race,.hud-nitro{height:66px!important}.hud-time,.hud-speed{height:66px!important}#gameUI .hud-card{padding:8px 9px!important;border-radius:11px!important}.speed-readout b{font-size:30px!important}.hud-time #timer{font-size:19px!important}.lap-progress,.nitro-track{margin-top:6px!important}#miniMapWrap{top:151px!important;left:8px!important;width:145px!important;padding:6px!important}#miniMap{width:145px!important;height:105px!important}.miniMapTitle:after{content:""}}

/* ===== V7.1 RESULT SCREEN ===== */
#resultScreen{background:rgba(5,7,12,.88);backdrop-filter:blur(10px)}
#resultScreen .panel{width:min(560px,94vw);max-height:94vh;overflow:auto;text-align:center;padding:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(25,28,38,.98),rgba(10,12,18,.98));box-shadow:0 28px 80px rgba(0,0,0,.55)}
.result-visual{position:relative;width:100%;aspect-ratio:16/8;border-radius:18px;overflow:hidden;margin:10px 0 18px;background:linear-gradient(135deg,#151923,#090b10);border:1px dashed rgba(255,255,255,.2);display:grid;place-items:center}
.result-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.result-image-placeholder{display:none;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.42);line-height:1.55}.result-image-placeholder small{font-weight:600;letter-spacing:.02em}
.result-visual.empty .result-image-placeholder{display:block}
#resultTitle{font-size:clamp(34px,7vw,64px);line-height:.95;margin:12px 0;text-transform:uppercase;letter-spacing:-.04em}
#resultStats{color:#d7dbe5;margin-bottom:16px}#resultStats h2{font-size:28px;margin:8px 0;color:#fff}.result-driver{margin:4px 0}
#resultScreen button{width:100%;margin-top:9px}
#retryBtn.retry-btn{font-size:18px;font-weight:950;padding:16px;border:0;border-radius:14px;background:linear-gradient(90deg,#ff7a00,#ff9d00);color:#0b0c0f;box-shadow:0 10px 28px rgba(255,122,0,.24);cursor:pointer}
#retryBtn.retry-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}


/* v7.2 MUSIC CONTROLS */
.audio-controls{position:fixed;top:18px;right:18px;z-index:120;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(10,12,15,.78);backdrop-filter:blur(12px);box-shadow:0 8px 28px rgba(0,0,0,.28)}
.audio-toggle{width:34px;height:34px;border:1px solid rgba(255,153,0,.4)!important;border-radius:10px!important;background:rgba(255,153,0,.12)!important;color:#ff9900!important;font-size:17px!important;padding:0!important;cursor:pointer}.audio-toggle.muted{color:#888!important;border-color:#444!important;background:#181818!important}
.audio-volume-wrap{display:flex;align-items:center;gap:7px}.audio-volume-wrap span{font-size:8px;font-weight:900;letter-spacing:1px;color:#aaa}.audio-volume-wrap input{width:92px;accent-color:#ff9900;cursor:pointer}.audio-volume-wrap b{width:31px;font-size:8px;color:#eee;font-variant-numeric:tabular-nums}
@media(max-width:700px){.audio-controls{top:8px;right:8px;padding:5px 6px}.audio-volume-wrap span{display:none}.audio-volume-wrap input{width:65px}.audio-toggle{width:30px;height:30px}}

/* v7.7 CAR RADIO */
.audio-controls{flex-wrap:wrap;max-width:390px}.radio-row{display:flex;align-items:center;gap:6px;width:100%;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.radio-skip{width:31px;height:27px;border:1px solid rgba(255,153,0,.28)!important;border-radius:8px!important;background:#15171a!important;color:#ff9900!important;padding:0!important;font-weight:900!important}.radio-now{min-width:0;flex:1}.radio-now small{display:block;font-size:7px;letter-spacing:1px;color:#777;font-weight:900}.radio-now b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#eee;letter-spacing:.3px}.radio-toast{position:fixed;top:96px;right:18px;z-index:119;padding:10px 14px;border-radius:12px;background:rgba(8,10,13,.88);border:1px solid rgba(255,153,0,.25);backdrop-filter:blur(10px);font-size:10px;font-weight:900;color:#fff;letter-spacing:.6px;opacity:0;transform:translateY(-8px);transition:.22s;pointer-events:none}.radio-toast.show{opacity:1;transform:none}.radio-toast span{color:#ff9900;margin-right:7px}@media(max-width:700px){.audio-controls{max-width:245px}.radio-toast{top:85px;right:8px}.radio-now b{font-size:8px}}

/* v7.8 release polish: exact radio sliders + seek timeline */
.audio-volume-wrap input,.radio-progress-row input{appearance:none;-webkit-appearance:none;height:4px;border-radius:999px;background:linear-gradient(90deg,#ff9900 0 var(--range-fill,34%),rgba(255,255,255,.16) var(--range-fill,34%) 100%);outline:none;margin:0;padding:0}
.audio-volume-wrap input::-webkit-slider-thumb,.radio-progress-row input::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid #ff9900;cursor:pointer;margin:0}
.audio-volume-wrap input::-moz-range-thumb,.radio-progress-row input::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #ff9900;cursor:pointer}
.radio-progress-row{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:7px;width:100%;font-size:8px;font-weight:800;color:#aaa;font-variant-numeric:tabular-nums}
.radio-progress-row input{width:100%;--range-fill:0%}.radio-progress-row span:last-child{text-align:right}.radio-play{font-size:10px!important}
@media(max-width:700px){.radio-progress-row{grid-template-columns:27px 1fr 27px;gap:5px;font-size:7px}}


/* ===== v7.9 ROAD ARTIFACT + RADIO LAYOUT FIX ===== */
/* Radio sits cleanly in the upper-right gap and no longer looks attached to the HUD. */
#audioControls.audio-controls{
  top:20px!important; right:20px!important;
  width:430px!important; max-width:calc(100vw - 40px)!important;
  display:grid!important; grid-template-columns:44px 1fr!important;
  gap:10px 12px!important; align-items:center!important;
  padding:12px 14px!important; border-radius:17px!important;
  box-sizing:border-box!important;
}
#audioControls .audio-toggle{grid-column:1;grid-row:1;width:40px!important;height:40px!important}
#audioControls .audio-volume-wrap{grid-column:2;grid-row:1;display:grid!important;grid-template-columns:auto 1fr 34px!important;gap:9px!important;width:100%!important;align-items:center!important}
#audioControls .audio-volume-wrap input{width:100%!important;min-width:0!important}
#audioControls .radio-row{
  grid-column:1 / -1;grid-row:2;
  display:grid!important;grid-template-columns:38px 38px 1fr 38px!important;
  align-items:center!important;gap:8px!important;width:100%!important;
  padding-top:10px!important;
}
#audioControls .radio-skip{width:38px!important;height:34px!important}
#audioControls .radio-now{text-align:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:0!important}
#audioControls .radio-now small,#audioControls .radio-now b{text-align:center!important;width:100%!important}
#audioControls .radio-now b{font-size:10px!important}
#audioControls .radio-progress-row{grid-column:1 / -1;grid-row:3;grid-template-columns:36px 1fr 36px!important;gap:8px!important}
@media(max-width:700px){
 #audioControls.audio-controls{top:8px!important;right:8px!important;width:280px!important;max-width:calc(100vw - 16px)!important;padding:8px!important;grid-template-columns:34px 1fr!important;gap:6px 8px!important}
 #audioControls .audio-toggle{width:32px!important;height:32px!important}
 #audioControls .radio-row{grid-template-columns:32px 32px 1fr 32px!important;gap:5px!important;padding-top:6px!important}
 #audioControls .radio-skip{width:32px!important;height:29px!important}
 #audioControls .radio-progress-row{grid-template-columns:30px 1fr 30px!important;gap:5px!important}
}


/* ===== v7.9.1 COMPACT CAR RADIO ===== */
#audioControls.audio-controls{
  top:16px!important;right:16px!important;
  width:300px!important;max-width:calc(100vw - 32px)!important;
  grid-template-columns:34px 1fr!important;
  gap:7px 9px!important;padding:9px 10px!important;border-radius:14px!important;
}
#audioControls .audio-toggle{width:32px!important;height:32px!important;border-radius:9px!important;font-size:15px!important}
#audioControls .audio-volume-wrap{grid-template-columns:auto 1fr 30px!important;gap:6px!important}
#audioControls .audio-volume-wrap span{font-size:7px!important;letter-spacing:.8px!important}
#audioControls .audio-volume-wrap b{width:30px!important;font-size:7px!important;text-align:right!important}
#audioControls .radio-row{
  grid-template-columns:30px minmax(0,1fr) 30px!important;
  gap:7px!important;padding-top:7px!important;
}
#audioControls .radio-skip{width:30px!important;height:28px!important;border-radius:8px!important}
#audioControls .radio-now{min-width:0!important;text-align:center!important}
#audioControls .radio-now small{font-size:6px!important;line-height:1!important;margin-bottom:4px!important}
#audioControls .radio-title-play{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;width:100%!important}
#audioControls .radio-title-play b{width:auto!important;max-width:150px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:28px!important;text-align:center!important}
#audioControls .radio-title-play .radio-play{flex:0 0 28px!important;width:28px!important;height:28px!important;font-size:9px!important}
#audioControls .radio-progress-row{grid-template-columns:31px 1fr 31px!important;gap:6px!important;font-size:7px!important}
#radioToast{top:132px!important;right:16px!important}
@media(max-width:700px){
 #audioControls.audio-controls{top:8px!important;right:8px!important;width:260px!important;max-width:calc(100vw - 16px)!important;padding:7px 8px!important;grid-template-columns:30px 1fr!important;gap:5px 7px!important}
 #audioControls .audio-toggle{width:29px!important;height:29px!important}
 #audioControls .radio-row{grid-template-columns:28px minmax(0,1fr) 28px!important;gap:5px!important;padding-top:5px!important}
 #audioControls .radio-skip{width:28px!important;height:26px!important}
 #audioControls .radio-title-play b{max-width:120px!important;font-size:9px!important;line-height:26px!important}
 #audioControls .radio-title-play .radio-play{flex-basis:26px!important;width:26px!important;height:26px!important}
 #audioControls .radio-progress-row{grid-template-columns:28px 1fr 28px!important;gap:4px!important}
 #radioToast{top:118px!important;right:8px!important}
}

/* v8.1 public leaderboard */
.lb-tabs{display:flex;gap:8px;margin:12px 0 14px}.lb-tab{flex:1;padding:10px 12px;font-size:12px}.lb-tab.active{outline:2px solid rgba(255,153,0,.75)}.lbrow span:nth-child(2){min-width:0}.lbrow small{display:block;opacity:.68;font-size:10px;margin-top:2px}.leaderboardPanel{width:min(760px,94vw)}


/* ===== v8.2 COMPACT / COLLAPSIBLE RADIO UI ===== */
#audioControls.audio-controls{
  top:12px!important;right:12px!important;
  width:238px!important;max-width:calc(100vw - 24px)!important;
  grid-template-columns:30px 1fr 26px!important;
  gap:5px 7px!important;padding:7px 8px!important;border-radius:12px!important;
  transition:width .18s ease,padding .18s ease,background .18s ease!important;
}
#audioControls .audio-toggle{grid-column:1!important;grid-row:1!important;width:28px!important;height:28px!important;font-size:13px!important}
#audioControls .audio-volume-wrap{grid-column:2!important;grid-row:1!important;grid-template-columns:auto 1fr 27px!important;gap:5px!important}
#audioControls .audio-volume-wrap input{width:100%!important}
#audioControls .radio-panel-toggle{grid-column:3!important;grid-row:1!important;width:26px!important;height:26px!important;margin:0!important;padding:0!important;border-radius:8px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#bbb!important;font-size:12px!important;line-height:1!important}
#audioControls .radio-row{grid-column:1/-1!important;grid-row:2!important;grid-template-columns:27px minmax(0,1fr) 27px!important;gap:5px!important;padding-top:5px!important}
#audioControls .radio-skip{width:27px!important;height:25px!important}
#audioControls .radio-now small{font-size:5.5px!important;margin-bottom:2px!important}
#audioControls .radio-title-play{gap:5px!important}
#audioControls .radio-title-play b{max-width:115px!important;font-size:8px!important;line-height:24px!important}
#audioControls .radio-title-play .radio-play{flex-basis:24px!important;width:24px!important;height:24px!important;font-size:8px!important}
#audioControls .radio-progress-row{grid-column:1/-1!important;grid-row:3!important;grid-template-columns:27px 1fr 27px!important;gap:4px!important;font-size:6px!important}
#radioToast{top:105px!important;right:12px!important}

#audioControls.radio-collapsed{
  width:70px!important;
  grid-template-columns:28px 26px!important;
  padding:6px!important;
  gap:4px!important;
}
#audioControls.radio-collapsed .audio-toggle{grid-column:1!important}
#audioControls.radio-collapsed .radio-panel-toggle{grid-column:2!important}
#audioControls.radio-collapsed .audio-volume-wrap,
#audioControls.radio-collapsed .radio-row,
#audioControls.radio-collapsed .radio-progress-row{display:none!important}

@media(max-width:700px){
  #audioControls.audio-controls{
    top:7px!important;right:7px!important;width:214px!important;max-width:calc(100vw - 14px)!important;
    grid-template-columns:28px 1fr 25px!important;padding:6px 7px!important;gap:4px 6px!important;
  }
  #audioControls .audio-toggle{width:27px!important;height:27px!important}
  #audioControls .radio-panel-toggle{width:25px!important;height:25px!important}
  #audioControls .audio-volume-wrap span{display:none!important}
  #audioControls .audio-volume-wrap{grid-template-columns:1fr 26px!important}
  #audioControls .radio-row{grid-template-columns:25px minmax(0,1fr) 25px!important;gap:4px!important;padding-top:4px!important}
  #audioControls .radio-skip{width:25px!important;height:23px!important}
  #audioControls .radio-title-play b{max-width:96px!important;font-size:7.5px!important;line-height:22px!important}
  #audioControls .radio-title-play .radio-play{flex-basis:22px!important;width:22px!important;height:22px!important}
  #audioControls .radio-progress-row{grid-template-columns:25px 1fr 25px!important;font-size:5.5px!important}
  #audioControls.radio-collapsed{width:64px!important;grid-template-columns:27px 25px!important;padding:5px!important}
  #radioToast{top:48px!important;right:7px!important}
}


/* ===== v8.3 MOBILE ANALOG STEERING ===== */
/* Oyun kontrollerinde uzun basma seç/kopyala menüsünü ve tarayıcı gesture'larını kapat. */
#gameUI, #gameUI *, .mobileControls, .mobileControls *{
  -webkit-user-select:none!important;user-select:none!important;
  -webkit-touch-callout:none!important;touch-action:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.mobileControls{display:none!important}
@media(max-width:800px), (pointer:coarse), (hover:none){
  .mobileControls{
    position:fixed!important;left:0!important;right:0!important;bottom:max(12px,env(safe-area-inset-bottom))!important;
    z-index:140!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
    gap:16px!important;padding:0 16px!important;pointer-events:none!important;
  }
  .steering-pad{
    width:154px!important;height:154px!important;flex:0 0 154px!important;position:relative!important;
    display:grid!important;place-items:center!important;border-radius:50%!important;pointer-events:auto!important;
    background:radial-gradient(circle,rgba(19,23,29,.82) 0 52%,rgba(6,8,11,.72) 53% 100%)!important;
    border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 12px 30px rgba(0,0,0,.34)!important;
  }
  .steering-pad small{position:absolute!important;bottom:-1px!important;font-size:7px!important;font-weight:900!important;letter-spacing:1.2px!important;color:rgba(255,255,255,.48)!important;pointer-events:none!important}
  .steering-wheel{
    width:122px!important;height:122px!important;position:relative!important;border-radius:50%!important;
    border:13px solid rgba(236,240,244,.92)!important;box-shadow:inset 0 0 0 3px rgba(0,0,0,.35),0 5px 18px rgba(0,0,0,.4)!important;
    transition:transform .055s linear!important;pointer-events:none!important;
  }
  .wheel-spoke{position:absolute!important;left:50%!important;top:50%!important;width:9px!important;height:48px!important;margin-left:-4.5px!important;transform-origin:50% 0!important;background:linear-gradient(#b9bec4,#656b72)!important;border-radius:8px!important}
  .wheel-spoke-a{transform:rotate(0deg)!important}.wheel-spoke-b{transform:rotate(120deg)!important}.wheel-spoke-c{transform:rotate(240deg)!important}
  .wheel-hub{position:absolute!important;left:50%!important;top:50%!important;width:34px!important;height:34px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;background:#ff8a00!important;border:4px solid #1a1d21!important;box-shadow:0 0 14px rgba(255,138,0,.35)!important}
  .mobile-action-stack{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:flex-end!important;pointer-events:auto!important}
  .mobileControls button.mobile-action{
    width:104px!important;height:68px!important;margin:0!important;border-radius:18px!important;
    font-size:14px!important;font-weight:950!important;letter-spacing:.8px!important;pointer-events:auto!important;
    border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 10px 24px rgba(0,0,0,.32)!important;
  }
  .mobileControls .nitro-action{background:linear-gradient(135deg,#00bfd3,#00e9f5)!important;color:#061014!important}
  .mobileControls .brake-action{background:linear-gradient(135deg,#ff7a00,#ff9d00)!important;color:#111!important}
  .mobileControls button.mobile-action.pressed{transform:scale(.94)!important;filter:brightness(1.14)!important}
}
@media(max-width:430px){
  .mobileControls{padding:0 11px!important;gap:10px!important}
  .steering-pad{width:136px!important;height:136px!important;flex-basis:136px!important}
  .steering-wheel{width:106px!important;height:106px!important;border-width:11px!important}
  .wheel-spoke{height:41px!important}
  .mobileControls button.mobile-action{width:92px!important;height:61px!important;border-radius:16px!important;font-size:12px!important}
}

/* v8.3.2: iOS/Android touch fallback when CSS pointer media queries are unreliable. */
.mobile-drive-device .mobileControls{
  position:fixed!important;left:0!important;right:0!important;bottom:max(12px,env(safe-area-inset-bottom))!important;
  z-index:140!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  gap:16px!important;padding:0 16px!important;pointer-events:none!important;
}
.mobile-drive-device .steering-pad{pointer-events:auto!important}
.mobile-drive-device .mobile-action-stack{pointer-events:auto!important}
.mobile-drive-device .mobileControls button.mobile-action{pointer-events:auto!important}

/* ===== MOBILE CONTROL VISUAL REFRESH — UI ONLY / v8.3.3 SAFE ===== */
@media(max-width:800px), (pointer:coarse), (hover:none){
  .steering-pad{
    background:radial-gradient(circle at 50% 44%,rgba(38,43,50,.92) 0 48%,rgba(10,12,15,.90) 49% 67%,rgba(0,0,0,.48) 68% 100%)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.46),inset 0 0 22px rgba(255,255,255,.035)!important;
  }
  .steering-wheel{
    border:14px solid #11151a!important;
    background:radial-gradient(circle,transparent 0 35%,rgba(255,255,255,.035) 36% 52%,transparent 53%)!important;
    box-shadow:inset 0 0 0 3px #30363d,inset 0 0 0 6px rgba(0,0,0,.8),0 7px 18px rgba(0,0,0,.55)!important;
  }
  .steering-wheel:before,.steering-wheel:after{
    content:"";position:absolute!important;top:10px!important;bottom:10px!important;width:9px!important;border-radius:9px!important;
    background:repeating-linear-gradient(180deg,#262b31 0 5px,#0a0c0f 5px 10px)!important;opacity:.9!important;
  }
  .steering-wheel:before{left:-10px!important}.steering-wheel:after{right:-10px!important}
  .wheel-spoke{width:11px!important;margin-left:-5.5px!important;background:linear-gradient(90deg,#3c4249,#a7afb8 45%,#4b525a)!important;box-shadow:0 1px 2px rgba(0,0,0,.7)!important}
  .wheel-hub{
    width:40px!important;height:40px!important;background:radial-gradient(circle at 38% 32%,#ffad42,#f4801f 46%,#a74808 100%)!important;
    border:5px solid #15191e!important;box-shadow:0 0 0 2px #5a626b,0 0 18px rgba(244,128,31,.38)!important;
  }
  .wheel-hub:after{content:"ST";position:absolute;inset:0;display:grid;place-items:center;font:950 10px/1 Poppins,sans-serif;letter-spacing:-.5px;color:#111!important}
  .steering-pad small{bottom:-3px!important;padding:3px 8px!important;border-radius:99px!important;background:rgba(5,7,10,.76)!important;color:rgba(255,255,255,.66)!important}

  .mobileControls button.mobile-action{
    position:relative!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.2)!important;
    font-family:Poppins,sans-serif!important;font-weight:950!important;text-shadow:0 1px 1px rgba(0,0,0,.25)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -5px 10px rgba(0,0,0,.22),0 10px 24px rgba(0,0,0,.40)!important;
  }
  .mobileControls button.mobile-action:before{display:block!important;font-size:18px!important;line-height:17px!important;margin-bottom:3px!important}
  .mobileControls .nitro-action{
    background:linear-gradient(145deg,#0d2530 0%,#00b7d0 52%,#00e8ff 100%)!important;color:#eaffff!important;
    border-color:rgba(82,238,255,.48)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -6px 12px rgba(0,50,65,.35),0 0 20px rgba(0,218,240,.20),0 10px 24px rgba(0,0,0,.38)!important;
  }
  .mobileControls .nitro-action:before{content:"⚡"!important}
  .mobileControls .brake-action{
    background:linear-gradient(145deg,#39100b 0%,#b52b17 52%,#f04b28 100%)!important;color:#fff4ef!important;
    border-color:rgba(255,112,77,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -6px 12px rgba(70,5,0,.38),0 10px 24px rgba(0,0,0,.40)!important;
  }
  .mobileControls .brake-action:before{content:"●"!important;color:#ffd5ca!important}
  .mobileControls button.mobile-action.pressed,.mobileControls button.mobile-action:active{
    transform:translateY(3px) scale(.96)!important;filter:brightness(1.18)!important;box-shadow:inset 0 4px 10px rgba(0,0,0,.34),0 4px 10px rgba(0,0,0,.30)!important;
  }
}
@media(max-width:430px){
  .steering-wheel{border-width:12px!important}
  .wheel-hub{width:36px!important;height:36px!important}
  .mobileControls button.mobile-action:before{font-size:16px!important;line-height:15px!important}
}

/* ===== v8.3.3 THIN WHEEL + SIRTLANTECH HUB LOGO — UI ONLY ===== */
/* Dış ölçü ve dokunmatik alan değişmez; yalnızca görsel çember inceltilir. */
@media(max-width:800px), (pointer:coarse), (hover:none){
  .steering-wheel{
    border-width:9px!important;
  }
  .steering-wheel:before{left:-7px!important}
  .steering-wheel:after{right:-7px!important}
  .wheel-hub{
    width:40px!important;height:40px!important;
    background:radial-gradient(circle at 38% 32%,#242a31,#101419 72%,#07090c 100%)!important;
    border:4px solid #f4801f!important;
    box-shadow:0 0 0 2px #59616a,0 0 18px rgba(244,128,31,.34)!important;
    overflow:hidden!important;
  }
  .wheel-hub:after{
    content:""!important;
    position:absolute!important;inset:5px!important;
    display:block!important;
    background-image:url('assets/sirtlantech-logo-cyan.png')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
  }
}
@media(max-width:430px){
  .steering-wheel{border-width:8px!important}
  .wheel-hub{width:36px!important;height:36px!important}
  .wheel-hub:after{inset:4px!important}
}