.gcard.ridecard{border:2px solid #FFD23F;box-shadow:0 0 18px rgba(255,210,63,.35)}
.gcard.ridecard .tag{display:inline-block;background:#FFD23F;color:#231B33;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:900;margin-left:6px;vertical-align:3px}
.arena.ride canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ride_vehicle{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:1;will-change:transform}
.ride_vehicle[hidden]{display:none}
.ride_vehicle svg{position:absolute;left:-75px;top:-130px;width:150px;height:165px;overflow:visible}
.ride_flyer svg{left:-31px;top:-39px;width:62px;height:78px}
.ride_hud{position:absolute;left:10px;right:10px;top:6px;z-index:2;display:grid;gap:6px;pointer-events:none}
.ride_kid{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:5px 12px 5px 5px;border-radius:18px;background:rgba(11,7,16,.55)}
.ride_face{width:40px;height:40px;flex:none;border-radius:50%;background:rgba(255,255,255,.16);overflow:hidden}
.ride_face svg{width:100%;height:100%;display:block}
.ride_kid_text{display:grid;gap:4px;min-width:120px}
.ride_kid_text b{font-family:var(--f-display);font-size:14px;line-height:1;color:#fff}
.ride_hp{display:block;height:9px;border-radius:99px;background:rgba(255,255,255,.22);overflow:hidden}
.ride_hp i{display:block;height:100%;border-radius:99px;background:#2FBF71}
.ride_track{display:flex;align-items:center;gap:8px;font-weight:900;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#fff;text-shadow:0 1px 2px #000}
.ride_line{position:relative;flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.32)}
.ride_line i{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#FFD23F;border:2px solid #231B33}
.ride_msg{position:absolute;left:16px;right:16px;top:30%;z-index:2;text-align:center;font-family:var(--f-display);font-weight:800;font-size:18px;line-height:1.2;color:#fff;text-shadow:0 2px 0 #231B33,0 0 12px rgba(0,0,0,.6);pointer-events:none;transition:opacity .4s}
.ride_msg.off{opacity:0}
.ride_pedal{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:3;width:44%;height:88px;border-radius:22px;border:3px solid #231B33;font-family:var(--f-display);font-weight:800;font-size:20px;color:#fff;opacity:.94;touch-action:none;user-select:none;-webkit-user-select:none}
.ride_brake{left:4%;background:linear-gradient(180deg,#E0243A,#8E0F20);box-shadow:0 5px 0 #4A0810}
.ride_gas{right:4%;background:linear-gradient(180deg,#2FBF71,#1C8A4E);box-shadow:0 5px 0 #0E4A28}
.ride_pedal:active{transform:translateY(3px);box-shadow:none}
.btn.ride_pick{display:flex;align-items:center;gap:12px;width:100%;text-align:left}
.ride_pick_face{width:46px;height:46px;flex:none}
.ride_pick_face svg{width:100%;height:100%;display:block}
.ride_pick b{display:block}
.ride_pick small{display:block;font-weight:800;opacity:.75}