/* Aspecte de brúixola de rumb: l'agulla queda fixa i el disc gira. */
.compass-tool{position:relative;min-height:247px;padding-top:2px}
.compass-tool>.section-label,.compass-reading{display:none!important}
.magnetic-heading{height:34px;display:flex;align-items:baseline;justify-content:center;gap:7px;color:#fff;line-height:1}
.magnetic-heading strong{font-size:29px;letter-spacing:-1px}.magnetic-heading b{font-size:21px;color:#ffe36c}
.pro-compass{width:190px!important;height:190px!important;margin:3px auto 1px!important;background:transparent!important;box-shadow:none!important}
.pro-compass.compass-active{box-shadow:none!important}.compass-ring{inset:4px!important;border:0!important;background:transparent!important;transition:transform .24s linear!important}
.compass-ring::before,.compass-ring::after{display:none!important}.degree-dot-circle{overflow:visible}.heading-notch{top:-1px!important;border-left-width:9px!important;border-right-width:9px!important;border-top-width:18px!important;filter:drop-shadow(0 1px 1px #001f38)}
.compass-cross::before,.compass-cross::after{background:#fff!important}.compass-cross i{display:none}.ring-n{top:-18px!important;color:#fff!important}.ring-e{right:-18px!important}.ring-s{bottom:-18px!important}.ring-w{left:-18px!important}
.compass-ring b{font-size:28px!important;text-shadow:0 1px 2px #003559}.compass-ring .degree-0{top:-18px!important;left:calc(50% + 20px)!important}
.magnetic-strength{position:absolute;left:1px;bottom:0;display:flex;align-items:baseline;gap:5px;color:#d9efff;font-weight:800;letter-spacing:.04em}.magnetic-strength span{font-size:9px}.magnetic-strength strong{font-size:15px;color:#fff}
.magnetic-strength.warning span,.magnetic-strength.warning strong{color:#ff574b;text-shadow:0 1px 1px #003154}.compass-tool>#travelCompassStatus{display:block!important;position:absolute;right:1px;bottom:2px;max-width:78px;text-align:right;font-size:8px!important;color:#c8ecff!important;margin:0!important}
@media(max-width:390px){.compass-tool{min-height:222px}.pro-compass{width:168px!important;height:168px!important}.magnetic-heading strong{font-size:26px}.magnetic-heading b{font-size:18px}.compass-ring b{font-size:24px!important}.magnetic-strength strong{font-size:13px}}