.prz-ma-card {
    position: relative;
    min-width: 0;
    min-height: 584px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid rgba(106, 145, 255, .22);
    border-radius: 30px;
    background: rgba(10, 19, 46, .86);
    box-shadow: 0 32px 90px rgba(0, 0, 0, .35), inset 0 1px rgba(255, 255, 255, .03);
}

.prz-ma-stage {
    --ma-cyan: #31ddff;
    --ma-violet: #9b63ff;
    --ma-mint: #43edb0;
    position: relative;
    isolation: isolate;
    min-height: 560px;
    height: 100%;
    overflow: hidden;
    border-radius: 21px;
    background: radial-gradient(circle at 52% 48%, rgba(71, 92, 255, .18), transparent 34%), linear-gradient(145deg, #03091b, #08071c 54%, #020716);
    perspective: 1000px;
    transform-style: preserve-3d;
}

.prz-ma-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 7;
    pointer-events: none;
    border: 1px solid rgba(132, 170, 255, .15);
    border-radius: inherit;
    background: linear-gradient(115deg, rgba(255, 255, 255, .05), transparent 18%, transparent 72%, rgba(89, 49, 255, .06));
    box-shadow: inset 0 0 80px rgba(0, 0, 0, .42);
}

.prz-ma-aurora { position: absolute; inset: -35%; z-index: -2; filter: blur(54px); opacity: .48; }
.prz-ma-aurora::before, .prz-ma-aurora::after { content: ""; position: absolute; width: 48%; height: 42%; border-radius: 50%; animation: przMaAurora 11s ease-in-out infinite alternate; }
.prz-ma-aurora::before { top: 18%; left: 6%; background: rgba(0, 222, 255, .34); }
.prz-ma-aurora::after { right: 3%; bottom: 12%; background: rgba(137, 63, 255, .32); animation-delay: -5s; }

.prz-ma-grid {
    position: absolute;
    inset: 36% -18% -38%;
    z-index: -1;
    opacity: .34;
    background-image: linear-gradient(rgba(55, 225, 255, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(55, 225, 255, .16) 1px, transparent 1px);
    background-size: 46px 38px;
    transform: rotateX(63deg) translateZ(-120px);
    transform-origin: center top;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 70%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 70%, transparent);
    animation: przMaGrid 8s linear infinite;
}

.prz-ma-top {
    position: absolute;
    top: 22px;
    left: 24px;
    right: 24px;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    color: #9fb0ce;
    font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .16em;
}

.prz-ma-live { display: flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(66, 238, 176, .2); border-radius: 999px; color: #79f9c9; background: rgba(37, 111, 99, .18); }
.prz-ma-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--ma-mint); box-shadow: 0 0 12px var(--ma-mint); animation: przMaPulse 1.4s ease-out infinite; }
.prz-ma-live.is-unavailable { color: #ffb3c1; border-color: rgba(255, 102, 136, .28); background: rgba(127, 35, 57, .18); }
.prz-ma-live.is-unavailable i { background: #ff6688; box-shadow: none; animation: none; }

.prz-ma-market { position: absolute; left: 4.6%; top: 17%; z-index: 3; width: 36%; height: 64%; transform: translateZ(35px); }
.prz-ma-market-panel { fill: rgba(6, 15, 39, .73); stroke: rgba(90, 146, 255, .25); }
.prz-ma-axis { fill: none; stroke: rgba(133, 161, 213, .12); stroke-width: 1; }
.prz-ma-chart-line { fill: none; stroke: url(#przMaChartGradient); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: url(#przMaGlow); stroke-dasharray: 650; stroke-dashoffset: 650; animation: przMaDraw 9s cubic-bezier(.45, 0, .2, 1) infinite; }
.prz-ma-chart-fill { fill: url(#przMaChartFill); opacity: 0; animation: przMaFill 9s ease infinite; }
.prz-ma-candle { transform-box: fill-box; transform-origin: center bottom; animation: przMaCandle 9s ease-in-out infinite; }
.prz-ma-candle path { fill: none; stroke-width: 2; }
.prz-ma-up, .prz-ma-up path { fill: #31deb4; stroke: #31deb4; }
.prz-ma-down, .prz-ma-down path { fill: #ff6688; stroke: #ff6688; }

.prz-ma-beam { position: absolute; left: 35%; top: 49%; z-index: 2; width: 29%; height: 2px; background: linear-gradient(90deg, transparent, var(--ma-cyan), transparent); filter: drop-shadow(0 0 7px var(--ma-cyan)); transform-origin: left; animation: przMaBeam 3s ease-in-out infinite; }
.prz-ma-beam i { position: absolute; top: -2px; width: 5px; height: 5px; border-radius: 50%; background: #fff; box-shadow: 0 0 13px var(--ma-cyan); animation: przMaDot 2s linear infinite; }
.prz-ma-beam i:nth-child(2) { animation-delay: -1s; }

.prz-ma-core-wrap { position: absolute; left: 50%; top: 50%; z-index: 5; width: 218px; height: 218px; transform: translate(-50%, -50%) translateZ(70px); filter: drop-shadow(0 0 35px rgba(67, 200, 255, .25)); }
.prz-ma-orbit { position: absolute; inset: 0; border: 1px solid rgba(81, 223, 255, .32); border-radius: 50%; animation: przMaSpin 16s linear infinite; }
.prz-ma-orbit-2 { inset: 19px; border-color: rgba(153, 99, 255, .38); border-style: dashed; animation-direction: reverse; animation-duration: 11s; }
.prz-ma-orbit-3 { inset: 39px; border-color: rgba(66, 238, 176, .34); animation-duration: 8s; }
.prz-ma-orbit::before, .prz-ma-orbit::after { content: ""; position: absolute; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: var(--ma-cyan); box-shadow: 0 0 18px var(--ma-cyan); }
.prz-ma-orbit::before { left: -4px; }
.prz-ma-orbit::after { right: -4px; background: var(--ma-violet); box-shadow: 0 0 18px var(--ma-violet); }
.prz-ma-core { position: absolute; inset: 53px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(117, 223, 255, .45); border-radius: 34%; background: radial-gradient(circle at 35% 28%, rgba(110, 246, 255, .3), transparent 30%), linear-gradient(145deg, rgba(21, 56, 94, .94), rgba(33, 15, 79, .94)); box-shadow: inset 0 0 32px rgba(54, 218, 255, .17), 0 0 42px rgba(75, 84, 255, .33); transform: rotate(45deg); animation: przMaCore 3.4s ease-in-out infinite; }
.prz-ma-core::after { content: ""; position: absolute; inset: -60%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent); transform: rotate(-35deg); animation: przMaSheen 4s ease-in-out infinite; }
.prz-ma-core img { width: 78%; height: 78%; object-fit: contain; transform: rotate(-45deg); filter: drop-shadow(0 0 12px rgba(73, 224, 255, .48)); }
.prz-ma-scan { position: absolute; inset: -30px; border: 1px solid rgba(77, 224, 255, .18); border-radius: 50%; animation: przMaScan 3.4s ease-out infinite; }
.prz-ma-scan-2 { animation-delay: 1.15s; }
.prz-ma-scan-3 { animation-delay: 2.3s; }

.prz-ma-waves { position: absolute; right: 27.5%; top: 48%; z-index: 2; width: 11%; height: 60px; }
.prz-ma-waves i { position: absolute; top: 50%; left: 0; width: 35px; height: 35px; border: 1px solid rgba(154, 99, 255, .45); border-left-color: transparent; border-bottom-color: transparent; border-radius: 50%; transform: translateY(-50%) rotate(45deg); animation: przMaWaves 2s ease-out infinite; }
.prz-ma-waves i:nth-child(2) { animation-delay: .65s; }
.prz-ma-waves i:nth-child(3) { animation-delay: 1.3s; }

.prz-ma-signal { position: absolute; right: 4.6%; top: 27%; z-index: 4; width: 27%; min-width: 168px; padding: 18px; border: 1px solid rgba(104, 144, 255, .24); border-radius: 18px; background: linear-gradient(155deg, rgba(9, 22, 52, .92), rgba(13, 11, 37, .86)); box-shadow: 0 20px 55px rgba(0, 0, 0, .25); animation: przMaFloat 4.8s ease-in-out infinite; }
.prz-ma-signal::before { content: ""; position: absolute; top: -1px; left: 15px; right: 15px; height: 1px; background: linear-gradient(90deg, transparent, var(--ma-cyan), transparent); }
.prz-ma-signal-head { display: flex; justify-content: space-between; gap: 8px; color: #879abb; font: 800 9px/1.2 ui-monospace, monospace; letter-spacing: .13em; }
.prz-ma-signal-head b { color: #55efbc; }
.prz-ma-pair { margin: 18px 0 5px; color: #f7f9ff; font-size: clamp(19px, 2.2vw, 29px); font-weight: 900; letter-spacing: -.03em; }
.prz-ma-price { min-height: 20px; color: #d8e5ff; font: 800 15px/1.4 ui-monospace, monospace; }
.prz-ma-delta { min-height: 28px; margin-top: 10px; color: #52efb9; font-size: 20px; font-weight: 900; }
.prz-ma-delta.is-negative { color: #ff6688; }
.prz-ma-meter { height: 5px; margin-top: 14px; overflow: hidden; border-radius: 99px; background: rgba(112, 139, 190, .14); }
.prz-ma-meter span { display: block; width: 78%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--ma-cyan), var(--ma-violet)); box-shadow: 0 0 16px var(--ma-cyan); animation: przMaMeter 9s ease-in-out infinite; }
.prz-ma-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.prz-ma-tags b { padding: 6px 8px; border: 1px solid rgba(151, 103, 255, .28); border-radius: 8px; color: #bca5ff; background: rgba(126, 69, 255, .09); font: 800 9px/1 ui-monospace, monospace; letter-spacing: .07em; }

.prz-ma-ticker { position: absolute; left: 4.6%; right: 4.6%; bottom: 24px; z-index: 8; display: flex; justify-content: space-between; gap: 12px; padding: 13px 16px; overflow: hidden; border: 1px solid rgba(97, 136, 225, .18); border-radius: 13px; color: #8092b4; background: rgba(4, 12, 32, .69); font: 700 9px/1.25 ui-monospace, monospace; letter-spacing: .08em; white-space: nowrap; }
.prz-ma-ticker b { margin-right: 5px; color: #50dbf8; }
.prz-ma-ticker i { color: inherit; font-style: normal; }
.prz-ma-stage.is-paused *, .prz-ma-stage.is-paused *::before, .prz-ma-stage.is-paused *::after { animation-play-state: paused !important; }

@keyframes przMaAurora { to { transform: translate3d(18%, -9%, 0) scale(1.18); } }
@keyframes przMaGrid { to { background-position: 0 38px, 46px 0; } }
@keyframes przMaPulse { 0% { box-shadow: 0 0 0 0 rgba(67, 237, 176, .55); } 70%, 100% { box-shadow: 0 0 0 9px rgba(67, 237, 176, 0); } }
@keyframes przMaDraw { 0%, 8% { stroke-dashoffset: 650; opacity: 0; } 35%, 82% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: -650; opacity: 0; } }
@keyframes przMaFill { 0%, 20%, 100% { opacity: 0; } 38%, 82% { opacity: .8; } }
@keyframes przMaCandle { 0%, 8% { transform: scaleY(.05); opacity: 0; } 30%, 88% { transform: scaleY(1); opacity: .88; } 100% { opacity: 0; } }
@keyframes przMaBeam { 0%, 100% { opacity: .25; transform: scaleX(.8); } 50% { opacity: 1; transform: scaleX(1.08); } }
@keyframes przMaDot { from { left: 0; opacity: 0; } 18%, 78% { opacity: 1; } to { left: 100%; opacity: 0; } }
@keyframes przMaSpin { to { transform: rotate(360deg); } }
@keyframes przMaCore { 0%, 100% { transform: rotate(45deg) scale(.94); } 50% { transform: rotate(45deg) scale(1.04); } }
@keyframes przMaSheen { 0%, 22% { transform: translateX(-70%) rotate(-35deg); } 68%, 100% { transform: translateX(70%) rotate(-35deg); } }
@keyframes przMaScan { 0% { transform: scale(.65); opacity: .8; } 100% { transform: scale(1.3); opacity: 0; } }
@keyframes przMaWaves { 0% { transform: translateY(-50%) rotate(45deg) scale(.2); opacity: 0; } 35% { opacity: 1; } 100% { transform: translateY(-50%) rotate(45deg) scale(1.8); opacity: 0; } }
@keyframes przMaFloat { 0%, 100% { transform: translateY(-5px); } 50% { transform: translateY(8px); } }
@keyframes przMaMeter { 0%, 100% { width: 38%; } 50% { width: 86%; } }

@media (max-width: 900px) {
    .prz-ma-card { min-height: 500px; border-radius: 24px; }
    .prz-ma-stage { min-height: 476px; }
    .prz-ma-market { left: 1%; top: 20%; width: 42%; }
    .prz-ma-core-wrap { width: 176px; height: 176px; }
    .prz-ma-core { inset: 43px; }
    .prz-ma-orbit-2 { inset: 16px; }
    .prz-ma-orbit-3 { inset: 32px; }
    .prz-ma-signal { right: 3%; top: 30%; width: 29%; padding: 14px; }
    .prz-ma-waves { right: 28%; }
    .prz-ma-ticker span:nth-child(2), .prz-ma-ticker span:nth-child(3) { display: none; }
}

@media (max-width: 620px) {
    .prz-ma-card { min-height: 455px; padding: 7px; border-radius: 22px; }
    .prz-ma-stage { min-height: 439px; border-radius: 16px; }
    .prz-ma-top { top: 16px; left: 16px; right: 16px; font-size: 8px; letter-spacing: .1em; }
    .prz-ma-live { padding: 7px 9px; }
    .prz-ma-market { left: -10%; top: 20%; width: 61%; height: 58%; opacity: .82; }
    .prz-ma-beam { left: 32%; top: 49%; width: 28%; }
    .prz-ma-core-wrap { left: 48%; top: 48%; width: 142px; height: 142px; }
    .prz-ma-core { inset: 35px; }
    .prz-ma-orbit-2 { inset: 13px; }
    .prz-ma-orbit-3 { inset: 26px; }
    .prz-ma-scan { inset: -18px; }
    .prz-ma-signal { right: 3%; top: 28%; width: 38%; min-width: 134px; padding: 12px; }
    .prz-ma-pair { margin-top: 13px; font-size: 17px; }
    .prz-ma-price { font-size: 12px; }
    .prz-ma-delta { font-size: 16px; }
    .prz-ma-tags b:nth-child(2), .prz-ma-tags b:nth-child(3) { display: none; }
    .prz-ma-waves { display: none; }
    .prz-ma-ticker { left: 3%; right: 3%; bottom: 16px; padding: 11px 12px; font-size: 8px; }
}

@media (min-width: 1900px) {
    .prz-ma-card { min-height: 640px; }
    .prz-ma-stage { min-height: 616px; }
}

@media (prefers-reduced-motion: reduce) {
    .prz-ma-stage *, .prz-ma-stage *::before, .prz-ma-stage *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}