.zodiac-wheel-page{color:#e8fbff;isolation:isolate;background:radial-gradient(circle at 50% 40%,#1362963d,#0000 34rem),linear-gradient(#020613 0%,#061325 46%,#01030b 100%);min-height:calc(100svh - 76px);position:relative;overflow:hidden}.zodiac-wheel-page:before{z-index:-1;content:"";opacity:.38;background-image:radial-gradient(circle,#9ff5ff94 0 1px,#0000 1.6px),radial-gradient(circle,#ffffff4d 0 1px,#0000 1.8px);background-position:0 0,34px 52px;background-size:96px 96px,142px 142px;position:absolute;inset:0}.zodiac-wheel-page:after{z-index:-1;content:"";opacity:.58;pointer-events:none;background:linear-gradient(30deg,#0000 48.8%,#5df7ff3d 49.1% 50.1%,#0000 50.4%),linear-gradient(150deg,#0000 48.8%,#5df7ff33 49.1% 50.1%,#0000 50.4%),linear-gradient(90deg,#0000 49.4%,#5df7ff2e 49.7% 50.3%,#0000 50.6%),radial-gradient(circle,#0000 59%,#5df7ff3d 59.4%,#0000 60.2%);border:1px solid #57e4f533;position:absolute;inset:clamp(1rem,4vw,3.5rem)}.zodiac-wheel-stage{min-height:calc(100svh - 76px);position:relative}.zodiac-wheel-canvas{touch-action:manipulation;width:100%;min-height:calc(100svh - 76px);display:block}.zodiac-oracle-panel{z-index:4;color:#ddfbff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#040f1fd1,#03243aa3),#020613b8;border:1px solid #6feeff61;border-radius:8px;width:min(12rem,100% - 2rem);padding:clamp(.55rem,1.35vw,.72rem);position:absolute;bottom:clamp(1rem,4vw,3rem);right:clamp(1rem,4vw,4rem);box-shadow:0 22px 70px #00000057,0 0 34px #3ce7ff29}.zodiac-panel-kicker{color:#a9fbff;text-shadow:0 0 12px #5df7ffbd;border:1px solid #7ef5ff7a;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:1rem;display:inline-grid}.zodiac-oracle-panel h2,.zodiac-oracle-panel h3{color:#fff;letter-spacing:0;margin:.45rem 0 .25rem;font-size:clamp(.95rem,1.55vw,1.12rem);font-weight:900}.zodiac-oracle-panel p{color:#ddfbffbd;margin:0;font-size:.72rem;line-height:1.38}.zodiac-oracle-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.36rem;margin:.58rem 0 0;display:grid}.zodiac-oracle-panel dl>div{background:#6df4ff12;border:1px solid #6feeff38;border-radius:8px;min-width:0;padding:.38rem}.zodiac-oracle-panel dt{color:#ddfbff8c;text-transform:uppercase;font-size:.56rem;font-weight:900}.zodiac-oracle-panel dd{color:#8cf5ff;margin:.1rem 0 0;font-size:.68rem;font-weight:850}.zodiac-wheel-page.has-zodiac-selection .zodiac-oracle-panel{border-color:#8df9ffa8}@media (width<=820px){.zodiac-wheel-page,.zodiac-wheel-stage,.zodiac-wheel-canvas{min-height:calc(100svh - 4.75rem - env(safe-area-inset-bottom))}.zodiac-oracle-panel{opacity:0;pointer-events:none;visibility:hidden;width:min(8rem,100% - 2rem);padding:.5rem;transition:opacity .18s,transform .18s,visibility .18s;bottom:1rem;left:auto;right:1rem;transform:translateY(.5rem)}.zodiac-wheel-page.has-zodiac-selection .zodiac-oracle-panel{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.zodiac-panel-kicker{width:1.55rem;height:1.55rem;font-size:.92rem}.zodiac-oracle-panel h2,.zodiac-oracle-panel h3{margin-top:.42rem;font-size:1rem!important}}@media (width<=560px){.zodiac-oracle-panel dd{font-size:.6rem!important;font-weight:600!important}.zodiac-oracle-panel dt{font-size:.4rem!important;font-weight:600!important}.zodiac-oracle-panel dl{grid-template-columns:1fr;gap:.45rem;display:flex}.zodiac-oracle-panel dl>div{padding:.5rem}.zodiac-oracle-panel p{font-size:.65rem!important;line-height:1.2!important}}