/* Comfort extends the existing cream, copper and teal controls. */
.drive-comfort-settings{margin-top:20px;padding-top:16px;border-top:1px solid #a6bbac55;min-width:0;color:#f4ead6;accent-color:#99e7d0}
.drive-comfort-settings h3{font:700 15px/1.4 Arial,sans-serif;margin:0 0 12px}
.drive-comfort-settings label{min-width:0;font:14px/1.5 Arial,sans-serif}
.drive-comfort-hand{display:grid;gap:6px;margin-bottom:14px}
.drive-comfort-settings :is(input,select){font-size:16px;min-height:44px;min-width:0;max-width:100%}
.drive-comfort-settings select{width:100%}
.drive-comfort-range{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-block:10px}
.drive-comfort-range output{color:#b3eedb;font-variant-numeric:tabular-nums}
.drive-comfort-range input{grid-column:1/-1;width:100%;margin:0;cursor:pointer}
.drive-comfort-toggle{display:flex;align-items:center;gap:10px;min-height:44px}
.drive-comfort-toggle input{width:22px;flex:0 0 22px;margin:0;cursor:pointer}
.drive-comfort-settings :is(input,select):focus-visible{outline:3px solid #99e7d0;outline-offset:3px}
.drive-comfort-settings [data-comfort-notice]{overflow-wrap:anywhere;line-height:1.5;color:#d7dfcf}
.drive-comfort-settings [role=alert]{color:#ffd1a8}

/* Resize the actual thumb surface, keeping pointer geometry and slide gestures native. */
.driving-play.drive-comfort47{--comfort-edge:22px;--comfort-bottom:24px;--comfort-inset:min(var(--drive-comfort-inset,0px),4vw);--comfort-wheel-width:clamp(100px,calc(180px * var(--drive-comfort-scale,1)),calc(34vw - var(--comfort-inset)));--comfort-wheel-height:calc(var(--comfort-wheel-width) * .588889)}
.drive-comfort47 .drive-steering{left:max(calc(var(--comfort-edge) + var(--comfort-inset)),env(safe-area-inset-left));right:auto;bottom:max(var(--comfort-bottom),env(safe-area-inset-bottom));gap:10px}
.drive-comfort47 .drive-thumb-wheel{width:var(--comfort-wheel-width);height:var(--comfort-wheel-height);min-width:44px;min-height:44px}
.drive-comfort47 .drive-thumb-wheel>span{bottom:22%;font-size:clamp(7px,1vw,8px)}
.drive-comfort47 .drive-pedals{right:max(var(--comfort-edge),env(safe-area-inset-right));left:auto;bottom:max(var(--comfort-bottom),env(safe-area-inset-bottom))}
.drive-comfort47 .drive-flight-controls{left:max(calc(var(--comfort-edge) + var(--comfort-inset)),env(safe-area-inset-left));right:auto;bottom:max(calc(var(--comfort-bottom) + var(--comfort-wheel-height) + 12px),calc(env(safe-area-inset-bottom) + var(--comfort-wheel-height) + 12px))}
.drive-comfort47.drive-steering-right .drive-steering{left:auto;right:max(calc(var(--comfort-edge) + var(--comfort-inset)),env(safe-area-inset-right))}
.drive-comfort47.drive-steering-right .drive-pedals{right:auto;left:max(var(--comfort-edge),env(safe-area-inset-left))}
.drive-comfort47 :is(.drive-control,.drive-thumb-wheel){min-width:44px;min-height:44px;touch-action:none}
.drive-comfort47 :is(.drive-control,.drive-thumb-wheel):focus-visible{outline:3px solid #99e7d0;outline-offset:3px}
@media(orientation:landscape) and (max-height:500px){.driving-play.drive-comfort47{--comfort-edge:16px;--comfort-bottom:14px;--comfort-wheel-width:clamp(100px,calc(144px * var(--drive-comfort-scale,1)),calc(34vw - var(--comfort-inset)))}}
@media(max-width:420px){.drive-comfort-settings label{font-size:14px}}
@media(prefers-reduced-motion:reduce){.drive-comfort47 .drive-control{transition:none}}