/* The horn sits above the steering pad, away from skills and the item belt. */
.vehicle-horn{position:absolute;left:18px;bottom:140px;min-width:86px;min-height:46px;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #f5c7da;border-radius:12px;background:#382335ed;color:#fff2d5;box-shadow:0 3px 0 #1c1420;pointer-events:auto;touch-action:none;cursor:pointer;font:800 13px system-ui;-webkit-tap-highlight-color:transparent}
.vehicle-horn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vehicle-horn kbd{font:700 11px system-ui;color:#edbdd1;border:1px solid #edbdd170;border-radius:4px;padding:1px 4px}
.vehicle-horn.honking{border-color:#ffe398;box-shadow:0 0 12px #ffd18366,0 3px 0 #1c1420}
.vehicle-horn:active{transform:translateY(2px)}
.vehicle-horn:focus-visible{outline:2px solid #ffdf8e;outline-offset:3px}
.vehicle-horn.hidden{display:none}
@media(max-height:600px) and (orientation:landscape){.vehicle-horn{left:4px;bottom:110px;min-width:86px;min-height:44px}}
@media(max-width:600px) and (orientation:portrait){.vehicle-horn{left:0;bottom:112px}}
@media(pointer:coarse){.vehicle-horn kbd{display:none}}
@media(prefers-reduced-motion:reduce){.vehicle-horn:active{transform:none}}