.portal-ambience{z-index:-3;pointer-events:none;opacity:0;transition:opacity .65s;position:absolute;inset:0;overflow:hidden}.portal-ambience[data-enabled=true]{opacity:1}.portal-fx-plane{pointer-events:none;position:absolute}.portal-magic-window{mix-blend-mode:normal;border-radius:50%;width:31.3%;height:51%;position:absolute;top:7.9%;left:49.6%;overflow:hidden;-webkit-mask-image:radial-gradient(#000 48%,#000b 72%,#0000 99%);mask-image:radial-gradient(#000 48%,#000b 72%,#0000 99%)}.portal-mist{filter:blur(12px);opacity:.7;background:radial-gradient(at 28% 35%,#69c5c55c,#0000 44%),radial-gradient(at 70% 62%,#f1d79340,#0000 36%),conic-gradient(from 30deg,#0000 5%,#a0eee036 15%,#0000 27%,#79c9e045 41%,#0000 59%,#e6d1a52e 75%,#0000 88%);animation:12s ease-in-out infinite alternate arcane-mist-drift;position:absolute;inset:-15%}.portal-current{filter:blur(2px);opacity:1;background:conic-gradient(from 25deg,#0000 0deg,#a6f3ef0a 18deg,#c3fcf2b0 36deg,#0000 58deg 160deg,#dfc99880 184deg,#0000 205deg 275deg,#9ce4ef70 300deg,#0000 325deg);border-radius:50%;animation:16s linear infinite arcane-current-turn;position:absolute;inset:2%;-webkit-mask-image:radial-gradient(#0000 52%,#0007 62%,#000 65%,#0009 67%,#0000 72%);mask-image:radial-gradient(#0000 52%,#0007 62%,#000 65%,#0009 67%,#0000 72%)}.portal-current.inner{opacity:.7;filter:blur(3px);animation-duration:23s;animation-direction:reverse;inset:13%}.portal-heart{background:radial-gradient(at 58% 45%,#f9e7aa65,#0000 38%);animation:6s ease-in-out infinite alternate arcane-heart-breathe;position:absolute;inset:18% 9% 15% 22%}.portal-mote{opacity:0;background:#d3ece4;border-radius:50%;width:4px;height:4px;animation:10s ease-in-out infinite arcane-mote-drift;position:absolute;box-shadow:0 0 8px #9bdedbb3}.portal-mote:nth-child(2n){background:#ddca96;box-shadow:0 0 7px #d5b87980}.portal-ambience[data-running=false] *{animation-play-state:paused!important}.portal-motion-toggle{z-index:3;color:#d3d8cf;min-height:36px;font:12px/1.5 var(--font-body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#071011b8;border:1px solid #b89b6045;border-radius:24px;align-items:center;gap:8px;padding:7px 12px;transition:background .2s,border-color .2s;display:inline-flex;position:absolute;bottom:27px;left:4.8%}.portal-motion-toggle:hover:not(:disabled){background:#27312b;border-color:#d5b879}.portal-motion-toggle:focus-visible{outline-offset:4px;outline:2px solid #d5b879}.portal-motion-toggle:disabled{cursor:default;color:#abb8b7}@keyframes arcane-current-turn{to{transform:rotate(360deg)}}@keyframes arcane-mist-drift{0%{opacity:.45;transform:translate(-2%,2%)rotate(-8deg)scale(1)}to{opacity:.8;transform:translate(3%,-2%)rotate(13deg)scale(1.07)}}@keyframes arcane-heart-breathe{0%{opacity:.2;transform:scale(.97)}to{opacity:.7;transform:scale(1.04)}}@keyframes arcane-mote-drift{0%,to{opacity:0;transform:translateY(13px)}25%{opacity:.65}65%{opacity:.3}90%{opacity:0;transform:translate(9px,-24px)}}@media (max-width:760px){.portal-motion-toggle{min-height:28px;padding:4px 10px;font-size:11px;inset:73px 6% auto auto}.portal-mist{filter:blur(8px)}.portal-mote:nth-child(n+7){display:none}}@media (prefers-reduced-motion:reduce){.portal-ambience{transition:none;display:none}.portal-ambience *{animation:none!important}.portal-motion-toggle{transition:none}}.portal-motion-toggle{inset:88px 4.8% auto auto}.portal-mist{mix-blend-mode:screen;background:radial-gradient(at 28% 35%,#69c5c590,#0000 44%),radial-gradient(at 70% 62%,#f1d79365,#0000 36%),conic-gradient(from 30deg,#0000 5%,#a0eee060 15%,#0000 27%,#79c9e075 41%,#0000 59%,#e6d1a550 75%,#0000 88%)}.portal-current{filter:blur(1px);background:conic-gradient(from 25deg,#0000 0deg,#258b9c80 16deg,#73f0e8 30deg,#e2fff7 38deg,#0000 58deg 155deg,#be9a5890 171deg,#ffe0a1 186deg,#0000 208deg 270deg,#2f9eaea0 285deg,#a7f5fa 301deg,#0000 325deg)}.portal-ripple{opacity:0;border:2px solid #baeeeab0;border-radius:50%;animation:7s ease-out infinite arcane-ripple-expand;position:absolute;inset:13%;box-shadow:0 0 12px #6bd3d54d,inset 0 0 9px #6bd3d533}.portal-ripple.second{border-color:#ead39a99;animation-delay:-3.5s}.portal-heart{background:radial-gradient(at 58% 45%,#fff1ae99,#0000 43%)}@keyframes arcane-ripple-expand{0%{opacity:0;transform:scale(.52)}18%{opacity:.62}70%{opacity:.24}to{opacity:0;transform:scale(1.3)}}@media (max-width:760px){.portal-motion-toggle{inset:73px 6% auto auto}.portal-ripple{border-width:1px}}
