.handling-options{border-top:1px solid #fff3;margin-top:12px;padding-top:3px}
.handling-options label{justify-content:space-between;gap:8px}.handling-options select{max-width:65%;min-height:44px;font-size:.84rem}
#joypad{position:relative;width:108px;height:108px;margin-bottom:23px;flex:0 0 108px;border-radius:50%;background:radial-gradient(circle,#204b5266 0 48%,#123b4777 49%);border:1px solid #e4f1dd88;box-shadow:inset 0 0 0 6px #cde8e511;touch-action:none;user-select:none;cursor:grab;outline-offset:5px}
#joypad:focus-visible{outline:3px solid #ffdb8c}#joypad.input-held{background:#285d6288;cursor:grabbing}
.pad-ring{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#e6eedca6;font:28px system-ui;pointer-events:none}.pad-ring i{position:absolute;bottom:0;left:calc(50% - 7px);font:21px system-ui}
.pad-knob{position:absolute;left:calc(50% - 21px);top:calc(50% - 21px);width:42px;height:42px;border-radius:50%;border:2px solid #ffe6ac;background:radial-gradient(circle at 35% 30%,#f5deb7,#be995f);box-shadow:0 3px 9px #14384688;pointer-events:none}
#joypad small{position:absolute;top:116px;left:-8px;width:124px;text-align:center;font-size:10px;white-space:nowrap;color:#f5ecd5;text-shadow:0 1px 4px #123;pointer-events:none}
body[data-controls=pad] #drift-status{bottom:174px}body[data-controls=pad] #drift-charge{bottom:159px}
.controls .actions{align-items:end}.controls .actions button{min-height:52px}
@media(max-width:600px){#joypad{width:100px;height:100px;flex-basis:100px;margin-bottom:21px}#joypad small{top:108px;left:-10px;width:120px}.controls .actions{width:152px;flex:0 0 152px}.controls .actions button{min-width:0;min-height:48px}.controls{gap:8px;bottom:max(14px,env(safe-area-inset-bottom))}.handling-options select{max-width:62%;font-size:.78rem}}
@media(max-height:450px) and (min-width:601px){header small{margin-top:3px}.journey{top:70px;width:150px}#race-info{top:74px}.controls{bottom:max(10px,env(safe-area-inset-bottom))}#joypad{width:90px;height:90px;flex-basis:90px;margin-bottom:20px}#joypad small{top:97px;left:-16px}body[data-controls=pad] #drift-status{bottom:139px}body[data-controls=pad] #drift-charge{bottom:129px}}