/* Bunn 3B.1 Zodiac Field v8.6 — free re-drag + resilient Start transition. */
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field{
  --v1027-x:0px;
  --v1027-y:0px;
  --v1027-line:rgba(214,202,255,.16);
  --v1027-line-hot:rgba(255,255,255,.72);
  --v1027-node:rgba(255,255,255,.62);
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1025-lens-hit,
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1025-lens-ring,
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1025-lens-marker,
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1025-lens-shell,
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1026-teach-trail,
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1026-teach-dot{
  display:none!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1012-orbit-stage{
  overflow:visible!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1012-orb-wrap{
  top:34.5%!important;
  transform:translate(calc(-50% + var(--v1027-x)),calc(-50% + var(--v1027-y)))!important;
  transition:
    top .62s cubic-bezier(.2,.86,.22,1),
    transform .32s cubic-bezier(.18,.88,.24,1)!important;
  will-change:transform;
  z-index:34!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-dragging .v1012-orb-wrap{
  transition:none!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-snapping .v1012-orb-wrap{
  transition:transform .42s cubic-bezier(.18,.9,.18,1)!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1012-orb{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 0 52px rgba(130,95,255,.38),
    0 0 132px rgba(97,69,223,.24),
    0 34px 92px rgba(0,0,0,.52)!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-dragging .v1012-orb{
  filter:brightness(1.07) saturate(1.08);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10),
    0 0 68px rgba(148,108,255,.52),
    0 0 152px rgba(98,74,255,.30),
    0 38px 98px rgba(0,0,0,.54)!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-wheel{
  position:absolute;
  left:50%;
  top:34.5%;
  width:min(86vw,336px);
  height:min(86vw,336px);
  transform:translate(-50%,-50%);
  z-index:26;
  border-radius:50%;
  pointer-events:none;
  opacity:.32;
  transition:opacity .45s ease,filter .45s ease;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-ready .v1027-zodiac-wheel{
  opacity:1;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-wheel::before,
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-wheel::after{
  content:"";
  position:absolute;
  inset:17%;
  border-radius:50%;
  pointer-events:none;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-wheel::before{
  border:1px solid rgba(255,255,255,.055);
  box-shadow:
    inset 0 0 32px rgba(120,86,255,.055),
    0 0 36px rgba(115,81,235,.045);
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-wheel::after{
  inset:6%;
  border:1px dashed rgba(255,255,255,.055);
  opacity:.68;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-ray{
  position:absolute;
  left:50%;
  top:50%;
  width:39.5%;
  height:1px;
  transform-origin:0 50%;
  transform:rotate(var(--v1027-ray-angle));
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.025),var(--v1027-line) 50%,rgba(197,176,255,.24));
  box-shadow:0 0 8px rgba(132,96,255,.07);
  transition:
    opacity .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    transform .28s cubic-bezier(.2,.84,.24,1);
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-ray.is-active{
  height:1.5px;
  background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(188,163,255,.72),#fff);
  box-shadow:0 0 10px rgba(168,127,255,.42),0 0 22px rgba(255,112,188,.18);
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-node{
  position:absolute;
  width:48px;
  min-height:48px;
  padding:0;
  transform:translate(-50%,-50%);
  border:0;
  border-radius:18px;
  background:transparent;
  color:var(--v1027-node);
  display:grid;
  place-items:center;
  align-content:center;
  gap:1px;
  pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  text-shadow:0 6px 18px rgba(0,0,0,.55);
  transition:
    transform .22s cubic-bezier(.2,.84,.24,1),
    color .22s ease,
    filter .22s ease,
    background .22s ease;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-node b{
  font-size:22px;
  line-height:1;
  font-weight:600;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-node span{
  font-size:8px;
  line-height:1;
  font-weight:760;
  letter-spacing:-.015em;
  opacity:.62;
  white-space:nowrap;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-node.is-saved:not(.is-active){
  color:rgba(230,216,255,.92);
  filter:drop-shadow(0 0 9px rgba(156,116,255,.42));
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-node.is-active{
  color:#fff;
  background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.16),rgba(140,94,242,.10) 52%,rgba(255,87,171,.04));
  transform:translate(-50%,-50%) scale(1.16);
  filter:drop-shadow(0 0 12px rgba(176,131,255,.60)) drop-shadow(0 0 24px rgba(255,101,182,.18));
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-node.is-active span{
  opacity:1;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-drag-zone{
  position:absolute;
  left:50%;
  top:34.5%;
  width:min(88vw,346px);
  height:min(88vw,346px);
  transform:translate(-50%,-50%);
  z-index:60;
  border-radius:50%;
  touch-action:none;
  pointer-events:none;
  -webkit-tap-highlight-color:transparent;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-ready .v1027-drag-zone{
  pointer-events:auto;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading{
  position:absolute;
  z-index:72;
  left:24px;
  right:24px;
  top:53.3%;
  min-height:136px;
  display:grid;
  justify-items:center;
  align-content:start;
  text-align:center;
  gap:6px;
  opacity:.72;
  transform:translateY(4px);
  pointer-events:none;
  transition:opacity .32s ease,transform .38s cubic-bezier(.2,.84,.24,1);
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-ready .v1027-reading{
  opacity:1;
  transform:none;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading-symbol{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:13px;
  color:#fff;
  font-size:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(147,94,235,.10));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 24px rgba(0,0,0,.18);
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading-head>div{
  display:grid;
  justify-items:start;
  gap:2px;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading-head small{
  color:rgba(255,255,255,.38);
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.18em;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading h2{
  margin:0;
  color:#fff;
  font-size:clamp(21px,5.7vw,28px);
  line-height:1;
  letter-spacing:-.045em;
  font-weight:880;
  text-shadow:0 7px 24px rgba(0,0,0,.48);
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading-text{
  margin:1px 0 0;
  max-width:390px;
  min-height:40px;
  color:rgba(255,255,255,.80);
  font-size:clamp(13.5px,3.6vw,16px);
  line-height:1.34;
  letter-spacing:-.012em;
  font-weight:610;
  text-shadow:0 6px 22px rgba(0,0,0,.44);
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading-text.is-typing::after{
  content:"";
  display:inline-block;
  width:1.5px;
  height:.9em;
  margin-left:4px;
  vertical-align:-.04em;
  background:rgba(255,255,255,.86);
  animation:v1027Cursor .68s steps(1,end) infinite;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading-spark{
  color:#fff;
  font-size:12px;
  line-height:1.15;
  font-weight:820;
  letter-spacing:-.01em;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading-meta{
  color:rgba(255,255,255,.30);
  font-size:8.5px;
  line-height:1.2;
  font-weight:650;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-start{
  pointer-events:auto;
  margin-top:2px;
  min-height:43px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#fff;
  background:linear-gradient(118deg,rgba(112,70,228,.72),rgba(190,67,184,.62) 58%,rgba(255,100,145,.52));
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 12px 30px rgba(0,0,0,.25),0 0 26px rgba(154,93,255,.15);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  font-size:14px;
  font-weight:820;
  letter-spacing:-.018em;
  transition:transform .16s ease,filter .16s ease,opacity .2s ease;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-start:active{
  transform:scale(.96);
  filter:brightness(1.08);
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-start:disabled{
  opacity:.45;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1012-question{
  top:82.2%!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1012-question h1{
  font-size:clamp(27px,7.3vw,38px)!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field #v1012MoodHint{
  font-size:clamp(13px,3.5vw,15.5px)!important;
  color:rgba(255,255,255,.57)!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-teaching .v1012-orb-wrap{
  animation:v1027TeachOrb 1.5s cubic-bezier(.2,.82,.22,1) 1!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-teaching .v1027-zodiac-node.is-saved{
  animation:v1027SavedPulse 1.5s ease 1;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-closing .v1027-zodiac-wheel,
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-closing .v1027-drag-zone,
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-closing .v1027-reading{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(10px) scale(.975)!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-closing .v1012-orb-wrap{
  top:36%!important;
  transform:translate(-50%,-50%)!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-closing .v1012-question{
  top:61%!important;
}

@keyframes v1027Cursor{50%{opacity:0}}
@keyframes v1027TeachOrb{
  0%,100%{transform:translate(-50%,-50%)}
  36%{transform:translate(calc(-50% + 15px),calc(-50% - 11px))}
  68%{transform:translate(calc(-50% - 7px),calc(-50% + 5px))}
}
@keyframes v1027SavedPulse{
  0%,100%{filter:drop-shadow(0 0 8px rgba(156,116,255,.28))}
  48%{filter:drop-shadow(0 0 16px rgba(213,177,255,.70));transform:translate(-50%,-50%) scale(1.09)}
}

@media(max-width:390px){
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-wheel{
    width:min(85vw,304px);
    height:min(85vw,304px);
  }
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-drag-zone{
    width:min(88vw,318px);
    height:min(88vw,318px);
  }
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-node{
    width:43px;
    min-height:43px;
  }
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-node b{font-size:20px}
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-node span{font-size:7.5px}
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading{
    left:17px;
    right:17px;
    top:52.8%;
  }
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1012-question{
    top:83%!important;
  }
}

@media(max-height:740px){
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-wheel,
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-drag-zone{
    top:32.2%;
  }
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1012-orb-wrap{
    top:32.2%!important;
  }
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-reading{
    top:51.8%;
  }
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1012-question{
    top:82.7%!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-teaching .v1012-orb-wrap,
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-teaching .v1027-zodiac-node.is-saved{
    animation:none!important;
  }
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1012-orb-wrap,
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-ray,
  body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-zodiac-node{
    transition:none!important;
  }
}

/* V8.6: keep the emergency arrow above every zodiac interaction layer. */
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v10122-skip{
  z-index:120!important;
  pointer-events:auto!important;
}

/* CTA must always win over the drag surface where their hit areas approach. */
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v1027-start{
  position:relative;
  z-index:6;
  touch-action:manipulation;
}

/* The orb remains draggable after a sign settles; only the final transition locks gestures. */
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-transitioning .v1027-drag-zone,
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-transitioning .v1027-zodiac-node{
  pointer-events:none!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field.is-v1027-transitioning .v1027-start{
  filter:brightness(.98);
}


/* V8.7 — emergency arrow stays above all presentation layers. */
body.bunn-v1012-mood #v1012MoodScene.v1027-zodiac-field .v10122-skip{
  z-index:2147483000!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}