#sc1154-compass[hidden]{display:none!important}
#sc1154-compass{box-sizing:border-box;width:min(660px,100%);margin:24px auto;padding:clamp(20px,5vw,40px);background:#121218;color:#f9f7f4;border:1px solid #ffffff35;border-radius:18px;text-align:center;font:400 17px/1.5 system-ui,-apple-system,sans-serif}
#sc1154-compass *{box-sizing:border-box}
#sc1154-compass h1{font:750 clamp(30px,6vw,42px)/1.15 system-ui;margin:8px 0 16px;color:inherit}
#sc1154-compass p{font:inherit;color:inherit}
#sc1154-compass .sc1154-eyebrow{font-size:12px;letter-spacing:.12em;color:#ff9cac}
#sc1154-compass .sc1154-dial{position:relative;width:min(280px,70vw);aspect-ratio:1;margin:30px auto 12px;border:2px solid #8e8b97;border-radius:50%;background:repeating-conic-gradient(#ffffff52 0deg 1deg,transparent 1deg 30deg)}
#sc1154-compass .sc1154-rose{position:absolute;inset:8px;border-radius:50%;background:#121218;transform:rotate(var(--heading,0deg))}
#sc1154-compass .sc1154-rose b{position:absolute;font:750 22px system-ui}
#sc1154-compass .north{top:8px;left:50%;transform:translateX(-50%);color:#ff9cac}
#sc1154-compass .south{bottom:8px;left:50%;transform:translateX(-50%)}
#sc1154-compass .east{right:12px;top:50%;transform:translateY(-50%)}
#sc1154-compass .west{left:12px;top:50%;transform:translateY(-50%)}
#sc1154-compass .sc1154-needle{position:absolute;left:calc(50% - 12px);top:calc(50% - 60px);width:24px;height:120px;background:linear-gradient(#ff7990 50%,#b7bac5 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
#sc1154-compass .sc1154-facing{position:absolute;z-index:2;top:-22px;left:50%;transform:translateX(-50%);color:#ff9cac;font-size:24px}
#sc1154-compass output{display:block;font:750 clamp(48px,12vw,68px)/1.2 system-ui;color:#fff}
#sc1154-compass #sc1154-direction{font-size:22px;margin:4px 0 20px;min-height:33px}
#sc1154-compass .sc1154-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
#sc1154-compass button{min-height:50px;padding:12px 18px;border:1px solid #ff9cac;border-radius:10px;background:#ff7990;color:#171116;font:700 17px/1.3 system-ui;cursor:pointer}
#sc1154-compass button:disabled{opacity:.5;cursor:default}
#sc1154-compass button:focus-visible{outline:3px solid #fff;outline-offset:3px}
#sc1154-compass #sc1154-status{min-height:52px}
#sc1154-compass .sc1154-help{font-size:14px;color:#c6c3cf}