.phone>div:has(>#disc){position:relative;--d:min(272px,72vw)}
#disc{position:relative;box-shadow:0 30px 80px rgba(43,69,255,.22),0 0 0 1px #000}
#disc::before{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 25deg,transparent 0 6%,rgba(255,255,255,.16) 11%,transparent 17% 50%,rgba(255,255,255,.12) 58%,transparent 65%);-webkit-mask:radial-gradient(circle,transparent 0 28%,#000 29%);mask:radial-gradient(circle,transparent 0 28%,#000 29%)}
#disc.spin::before{animation:spin 2.4s linear infinite reverse}
.phone>div:has(>#disc)::before{content:'';position:absolute;left:calc(50% - var(--d)/2 - 14px);top:16px;width:calc(var(--d) + 28px);height:calc(var(--d) + 28px);border-radius:50%;pointer-events:none;background:conic-gradient(#2B45FF 0 30%,rgba(43,69,255,.18) 30% 100%);-webkit-mask:radial-gradient(circle closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(circle closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));opacity:.45;transition:opacity .6s}
.phone>div:has(>#disc.spin)::before{opacity:1;animation:spin 7s linear infinite;filter:drop-shadow(0 0 6px #2B45FF)}
.phone>div:has(>#disc)::after{content:'';position:absolute;left:calc(50% + var(--d)*.165);top:calc(30px - var(--d)*.04);width:calc(var(--d)*.441);height:calc(var(--d)*.845);background:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20120%20230%27%3E%3Cdefs%3E%3ClinearGradient%20id=%27m%27%20x1=%270%27%20x2=%271%27%3E%3Cstop%20offset=%270%27%20stop-color=%27%236E7078%27/%3E%3Cstop%20offset=%27.45%27%20stop-color=%27%23F2F3F5%27/%3E%3Cstop%20offset=%271%27%20stop-color=%27%238A8C94%27/%3E%3C/linearGradient%3E%3CradialGradient%20id=%27b%27%3E%3Cstop%20offset=%270%27%20stop-color=%27%233A3B42%27/%3E%3Cstop%20offset=%271%27%20stop-color=%27%2317171B%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect%20x=%2779%27%20y=%270%27%20width=%2722%27%20height=%2720%27%20rx=%274%27%20fill=%27%232A2B31%27%20stroke=%27%234A4B53%27/%3E%3Ccircle%20cx=%2788%27%20cy=%2730%27%20r=%2719%27%20fill=%27url%28%23b%29%27%20stroke=%27%234A4B53%27%20stroke-width=%271.5%27/%3E%3Cpath%20d=%27M90%2012%20L88%2030%20L60%20168%20L47%20198%27%20fill=%27none%27%20stroke=%27%230B0B0D%27%20stroke-opacity=%27.35%27%20stroke-width=%279%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%20transform=%27translate%284%203%29%27/%3E%3Cpath%20d=%27M90%2012%20L88%2030%20L60%20168%20L47%20198%27%20fill=%27none%27%20stroke=%27url%28%23m%29%27%20stroke-width=%275.5%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Ccircle%20cx=%2788%27%20cy=%2730%27%20r=%278%27%20fill=%27%23C9CBD1%27%20stroke=%27%236E7078%27/%3E%3Ccircle%20cx=%2788%27%20cy=%2730%27%20r=%272.5%27%20fill=%27%232A2B31%27/%3E%3Cg%20transform=%27rotate%2824%2044%20204%29%27%3E%3Crect%20x=%2733%27%20y=%27188%27%20width=%2722%27%20height=%2732%27%20rx=%273%27%20fill=%27%231B1C21%27%20stroke=%27%235A5B63%27/%3E%3Crect%20x=%2733%27%20y=%27188%27%20width=%2722%27%20height=%277%27%20rx=%273%27%20fill=%27%23C9CBD1%27/%3E%3Crect%20x=%2755%27%20y=%27196%27%20width=%279%27%20height=%273%27%20rx=%271.5%27%20fill=%27%23C9CBD1%27/%3E%3Crect%20x=%2742%27%20y=%27218%27%20width=%274%27%20height=%275%27%20fill=%27%232B45FF%27/%3E%3C/g%3E%3C/svg%3E) center/100% 100% no-repeat;transform-origin:73.3% 13%;transform:rotate(-27deg);transition:transform 1.1s cubic-bezier(.3,.7,.2,1);filter:drop-shadow(-5px 8px 6px rgba(0,0,0,.55));pointer-events:none}
.phone>div:has(>#disc.spin)::after{transform:rotate(0deg);animation:arm 2.4s ease-in-out 1.1s infinite}
@keyframes arm{50%{transform:rotate(.5deg)}}
@media (prefers-reduced-motion:reduce){#disc.spin::before,.phone>div:has(>#disc.spin)::before,.phone>div:has(>#disc.spin)::after{animation:none}}