.phone-hud-grid{background-image:linear-gradient(#4b8dff0f 1px,#0000 1px),linear-gradient(90deg,#4b8dff0f 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(at 50% 45%,#000 0%,#0000 70%);mask-image:radial-gradient(at 50% 45%,#000 0%,#0000 70%)}.phone-hud-stage{perspective:1400px}.phone-hud-callout{color:#fff;white-space:nowrap;background:#2265e8eb;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:0 10px 30px -10px #0009}.phone-hud-callout:before{content:"";background:#fff;border-radius:999px;width:6px;height:6px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.phone-hud-tilt{transform-origin:50% 100%;animation:linear both phone-hud-tilt;animation-timeline:view();animation-range:entry cover 45%}.phone-hud-callout{animation:linear both phone-hud-callout;animation-timeline:view();animation-range:entry calc(55% + var(--i,0) * 6%) cover calc(42% + var(--i,0) * 4%)}}}@keyframes phone-hud-tilt{0%{opacity:.4;transform:rotateX(28deg)scale(.9)translateY(40px)}}@keyframes phone-hud-callout{0%{opacity:0;transform:translateY(12px)scale(.9)}}