.halo{position:absolute;box-sizing:border-box;border-radius:50%;box-shadow:0 0 10px 2px #fff3;cursor:pointer;pointer-events:auto;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease;outline:none;will-change:transform,opacity,box-shadow}.halo:hover{box-shadow:0 0 20px 6px #ffffff80;transform:scale(1.08)}.halo:focus-visible{outline:3px solid #fff;outline-offset:3px}.halo--disabled{opacity:.4;cursor:not-allowed}.halo.halo--climatips{background:transparent;border-color:transparent;box-shadow:none;transition:opacity .14s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease;will-change:transform,box-shadow;position:absolute;overflow:visible}.halo.halo--climatips.halo--idle:after{content:"";position:absolute;top:50%;left:50%;width:18%;height:18%;transform:translate(-50%,-50%) scale(.9);border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,#fffffff2,#fff0 70%);opacity:0;animation:climatipsFlash 4.5s infinite ease-in-out;will-change:opacity,transform}.halo.halo--climatips:hover,.halo.halo--climatips:focus-visible{background:#ffffff24;border:2px solid rgba(255,255,255,.45);box-shadow:0 0 14px #ffffff59,0 0 28px #ffffff40;transform:scale(1.06)}@keyframes climatipsFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}5%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}10%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:0}}@media (prefers-reduced-motion: reduce){.halo.halo--climatips.halo--idle:after{animation:none;opacity:.12}}.halo.halo--climatips.halo--obtained:after{animation:none!important;opacity:0!important}.halo.halo--obtained{background:#ffffff1a;border:2px solid rgba(255,255,255,.4);box-shadow:0 0 10px #fff3}.halo .halo__badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28%;height:28%;border-radius:50%;background:#19b478e6;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1;color:#fff;box-shadow:0 2px 10px #00000040;pointer-events:none}.halo .halo__badge:before{content:"✓";font-size:1.1em}@media (prefers-reduced-motion: reduce){.halo .halo__badge{transition:none}}