.doppler-wrap{width:min(345px,100%);aspect-ratio:1.15;margin:auto;position:relative;padding:12px 4px 25px 20px}.doppler-wrap:before{content:'';position:absolute;inset:12px 4px 25px 20px;border-left:1px solid rgba(136,232,208,.4);border-bottom:1px solid rgba(136,232,208,.4);pointer-events:none}.doppler-wrap:after{content:'';position:absolute;inset:12px 4px 25px 20px;background:repeating-linear-gradient(0deg,transparent 0 38px,rgba(136,232,208,.07) 39px 40px),repeating-linear-gradient(90deg,transparent 0 48px,rgba(136,232,208,.07) 49px 50px);pointer-events:none}#doppler{width:100%;height:100%;display:block;filter:drop-shadow(0 0 13px rgba(187,255,60,.11))}.doppler-zero{position:absolute;top:12px;bottom:25px;left:calc(50% + 8px);border-left:1px dashed rgba(187,255,60,.32);pointer-events:none}.doppler-zero span{position:absolute;bottom:-17px;left:-3px;color:var(--lime);font:8px 'DM Mono',monospace}.doppler-y{position:absolute;left:-4px;top:48%;font:8px 'DM Mono',monospace;color:var(--muted);letter-spacing:.08em;writing-mode:vertical-rl;transform:rotate(180deg)}.doppler-x{position:absolute;left:22px;right:4px;bottom:0;display:flex;justify-content:space-between;font:8px 'DM Mono',monospace;color:var(--muted);letter-spacing:.04em}@media(max-width:760px){.doppler-wrap{width:280px}}