#road-companion.narrated-companion{display:block;max-width:680px;width:620px;min-height:285px;padding:0;border:0;background:none;box-shadow:none;pointer-events:none}
#road-companion.narrated-companion .narrator-figure{position:absolute;right:0;bottom:-8px;width:225px;height:345px;object-fit:contain;object-position:bottom;border:0;filter:drop-shadow(0 12px 18px #000b);pointer-events:none}
#road-companion.narrated-companion .narrator-bubble{position:relative;margin-right:190px;padding:18px 19px;background:linear-gradient(150deg,#28455a,#101e2d);border:1px solid #93b1c9;border-radius:12px;box-shadow:0 12px 30px #0009;pointer-events:auto}
#road-companion.narrated-companion .narrator-bubble:after{content:"";position:absolute;right:-13px;bottom:46px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:14px solid #254158}
#road-companion.narrated-companion .coach-text{font-size:15px;line-height:1.5;margin:11px 12px 14px 0}.narrator-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.narrator-status{display:block;width:100%;font:9px Oswald,sans-serif;color:#a9c8d8;letter-spacing:.06em}.narrated-companion .coach-progress{margin-bottom:6px}
body[data-companion=open] .screen{padding-bottom:420px}
@media(max-width:700px){#road-companion.narrated-companion{width:auto;left:8px;right:8px;min-height:200px;bottom:calc(var(--nav-h) + 62px)}#road-companion.narrated-companion .narrator-figure{width:138px;height:230px;right:-3px}#road-companion.narrated-companion .narrator-bubble{margin-right:99px;padding:13px 12px}#road-companion.narrated-companion .coach-text{font-size:12px;line-height:1.4;margin-right:2px}#road-companion.narrated-companion .btn{font-size:9px;padding:7px 9px}.narrator-controls{gap:5px}.narrated-companion .coach-name{padding-right:10px}}
@media(prefers-reduced-motion:no-preference){.narrator-figure{animation:narrator-arrive .35s ease-out}@keyframes narrator-arrive{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}}