.g-compass{position:relative;width:min(280px,80vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(from -30deg,#f4a261,#e9c46a,#74c69d,#8d99ae,#e07a5f,#b08968,#f4a261);box-shadow:0 12px 28px var(--g-shadow);display:grid;place-items:center}.g-compass__face{width:78%;aspect-ratio:1;border-radius:50%;background:var(--g-cream);border:3px solid #fff;position:relative}.g-compass__needle{position:absolute;left:50%;top:50%;width:6px;height:42%;margin-left:-3px;margin-top:-42%;background:linear-gradient(var(--g-coral),var(--g-sage-deep));border-radius:3px;transform-origin:bottom center;transition:transform .05s linear}.g-compass__hub{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--g-ink)}.g-compass__labels{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;width:min(420px,100%)}.g-compass__chip{text-align:center;font-family:var(--g-font-display);font-size:.8rem;font-weight:600;padding:.35rem;border-radius:.5rem;background:#ffffffb3;color:var(--g-sage-deep)}.g-compass__chip.is-hot{background:var(--g-coral);color:#fff}