#driving-tutorial{position:absolute;inset:0;z-index:9;pointer-events:none;overflow:hidden}
.thumb-coach{position:absolute;top:48%;left:8%;right:8%;text-align:center;padding:9px 10px;color:#fff0d7;background:linear-gradient(90deg,transparent,#102438b8 20%,#102438b8 80%,transparent);text-shadow:0 1px 3px #102438;opacity:1;transition:opacity .18s}
.thumb-coach small{display:block;font:700 11px system-ui,sans-serif;letter-spacing:2px;color:#efcf92;margin-bottom:4px}
.thumb-coach span{display:block;font:600 17px/1.4 system-ui,sans-serif}
#driving-tutorial[data-state=hidden] .thumb-coach{opacity:0}
#driving-tutorial[data-state=ready] .thumb-coach{color:#b8fff0}
#driving-tutorial[data-state=success] .thumb-coach small{display:none}
.thumb-stick{position:absolute;width:102px;height:76px;transform:translate(-50%,-50%);opacity:0;transition:opacity .16s}
.thumb-stick.visible{opacity:.42}.thumb-stick.visible.ghost{opacity:.28}
.thumb-track{position:absolute;inset:0;border:2.25px solid #fff1d6;border-radius:50%;background:radial-gradient(ellipse,#fff1d60b,transparent 70%)}
.thumb-knob{position:absolute;left:50%;top:50%;width:28px;height:28px;border:2.5px solid #fff1d6;border-radius:50%;background:#fff1d628;transform:translate(-50%,-50%)}
.thumb-arrow{position:absolute;top:50%;transform:translateY(-55%);font:700 25px system-ui,sans-serif;color:#fff1d6}.thumb-arrow.left{left:8px}.thumb-arrow.right{right:8px}
@media(prefers-reduced-motion:reduce){.thumb-stick,.thumb-coach{transition:none}}