.truck-champion-badge{box-sizing:border-box;width:112px;min-height:113px;padding:9px 7px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(135deg,#fff1b0 0%,#d4ac48 24%,#edcf77 49%,#b78629 75%,#f0d78c 100%);border:2px solid #f4dc8b;border-radius:13px 13px 24px 24px;box-shadow:0 3px 8px #0009,inset 0 0 0 2px #72511c,inset 0 0 0 4px #ead18a;color:#241a0c;font-family:Arial,sans-serif;text-align:center;text-shadow:0 1px 0 #fff5;pointer-events:none;user-select:none}
.truck-champion-badge[hidden]{display:none!important}
.champion-badge-top{font-size:7px;font-weight:800;line-height:10px;letter-spacing:.65px;white-space:nowrap}
.champion-badge-number{font-size:40px;line-height:40px;font-weight:900;letter-spacing:-2px}
.champion-badge-label{font-size:16px;line-height:17px;font-weight:900;letter-spacing:3px;padding-left:3px}
.champion-badge-rule{width:65%;height:1px;margin:3px 0;background:#72511c}
.champion-badge-bottom{font-size:7px;line-height:10px;font-weight:800;letter-spacing:.35px;white-space:nowrap}
/* All passengers and their accessories render inside this scene. Keep the
   whole scene in a lower stacking context, including on small screens. */
#journey-view{isolation:isolate}
#journey-view>#journey-stage{position:relative;z-index:0;isolation:isolate}
#journey-view>.truck-champion-badge{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:calc(124px + env(safe-area-inset-bottom));z-index:10}
#journey-view:not([data-mode=drive])>.truck-champion-badge{display:none!important}
@media(max-width:600px){#journey-view>.truck-champion-badge{left:max(10px,env(safe-area-inset-left));bottom:calc(124px + env(safe-area-inset-bottom));width:94px;min-height:98px;padding:7px 5px 6px}.champion-badge-top{font-size:6px;letter-spacing:.3px}.champion-badge-number{font-size:34px;line-height:34px}.champion-badge-label{font-size:14px;line-height:15px;letter-spacing:2px}.champion-badge-bottom{font-size:6px;letter-spacing:.15px}}
@media(max-height:500px){#journey-view>.truck-champion-badge{bottom:calc(72px + env(safe-area-inset-bottom));width:94px;min-height:96px;padding:6px}.champion-badge-top,.champion-badge-bottom{font-size:6px;letter-spacing:.15px}.champion-badge-number{font-size:32px;line-height:32px}.champion-badge-label{font-size:14px;line-height:15px;letter-spacing:2px}}

.truck-champion-badge[data-tier=silver]{background:linear-gradient(135deg,#f2f6fa,#a6b2bc 24%,#e0e8ef 49%,#8393a0 75%,#dce5ec);border-color:#e3edf4;box-shadow:0 3px 8px #0009,inset 0 0 0 2px #566674,inset 0 0 0 4px #cbd6df;color:#17242d}
.truck-champion-badge[data-tier=bronze]{background:linear-gradient(135deg,#f1c6a1,#b77d50 24%,#e0ac80 49%,#9b633b 75%,#dab08a);border-color:#ebc19d;box-shadow:0 3px 8px #0009,inset 0 0 0 2px #704524,inset 0 0 0 4px #d6a77c;color:#2b190d}
.truck-champion-badge[data-tier=top-ten]{background:linear-gradient(135deg,#3b5a64,#233f49 49%,#162e38);border-color:#bbd2d8;box-shadow:0 3px 8px #0009,inset 0 0 0 2px #152b33,inset 0 0 0 4px #6b909b;color:#f2f7f9;text-shadow:0 1px 2px #0008}
.truck-champion-badge[data-tier=top-ten] .champion-badge-rule{background:#b0cad2}

/* Half-size honours keep the existing safe bottom-left anchor on every screen. */
#journey-view>.truck-champion-badge{transform:scale(.5);transform-origin:bottom left}

/* Raise mobile honours by 0.5 cm in both phone orientations. */
@media(max-width:600px),(pointer:coarse) and (max-width:1000px){#journey-view>.truck-champion-badge{transform:translateY(-0.5cm) scale(.5)}}