.fluid-market{position:relative;isolation:isolate;width:100%;min-width:0;max-width:100%;aspect-ratio:1.13;min-height:410px;overflow:hidden;border:1px solid #b79d4480;border-radius:22px;background:radial-gradient(ellipse at 50% 47%,#1b180e,#080909 47%,#050606 80%);color:#eee5d1;box-shadow:0 28px 52px -28px #27251a80}.fluid-market-header{position:absolute;top:21px;left:23px;right:23px;z-index:2;display:flex;align-items:center;gap:10px;font:8px var(--font-mono);letter-spacing:.16em;color:#b3ad99;pointer-events:none}.fluid-market-monogram{display:grid;place-items:center;height:28px;width:28px;border:1px solid #c5a74752;border-radius:50%;color:#e2c978;font-size:9px;letter-spacing:0}.fluid-market-edition{margin-left:auto;font-size:7px;color:#6b6e61}.fluid-market-canvas{position:absolute;inset:32px 0 75px;z-index:1}.fluid-market-canvas canvas{width:100%;height:100%;display:block}.fluid-market-ground{position:absolute;left:20%;right:20%;bottom:100px;height:25px;border-radius:50%;background:#b9933721;filter:blur(20px);pointer-events:none}.fluid-market-legend{position:absolute;z-index:2;top:61px;left:26px;right:20px;display:flex;gap:16px;font:7px var(--font-mono);letter-spacing:.08em;pointer-events:none;animation:fluid-legend-in .8s ease both}.fluid-market-legend span{display:flex;align-items:center;gap:5px}.fluid-market-legend i{width:10px;height:2px;background:currentColor;opacity:.8}@keyframes fluid-legend-in{0%{opacity:0;transform:translateY(4px)}to{opacity:.85;transform:translateY(0)}}.fluid-market-footer{position:absolute;z-index:2;left:26px;right:24px;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:12px}.fluid-market-index{font:8px var(--font-mono);letter-spacing:.14em;color:#a99051}.fluid-market-footer h3{font-size:21px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin-top:5px}.fluid-market-footer p{margin-top:5px;color:#878d80;font-size:10px}.fluid-market-controls{display:flex;gap:5px}.fluid-market-controls button{display:grid;place-items:center;width:31px;height:31px;cursor:pointer;color:#bbac86;border:1px solid #baaa6a2e;border-radius:50%;transition:color .2s,background .2s}.fluid-market-controls button:hover{background:#d2b04c19;color:#f3db9a}.fluid-market-controls button:focus-visible{outline:2px solid #e8c56f;outline-offset:3px}.fluid-market-controls button:disabled{opacity:.35;cursor:default}.fluid-market-hint{position:absolute;bottom:13px;left:26px;font:6px var(--font-mono);color:#6b7063;letter-spacing:.14em}.fluid-market-fallback{position:absolute;inset:9% 10% 20%;width:80%;height:65%}@media (max-width: 479px){.fluid-market{aspect-ratio:auto;height:360px;min-height:360px}.fluid-market-header{left:17px;right:17px;font-size:7px;gap:7px}.fluid-market-edition{font-size:5px}.fluid-market-footer{left:19px;right:15px}.fluid-market-footer h3{font-size:19px}.fluid-market-footer p{max-width:165px;font-size:9px}.fluid-market-legend{left:19px;font-size:6px;gap:10px}.fluid-market-controls{gap:3px}.fluid-market-controls button{width:27px;height:27px}.fluid-market-hint{left:19px;font-size:5px}.fluid-market-canvas{inset:34px -12px 83px}}@media (prefers-reduced-motion: reduce){.fluid-market *{transition:none!important;animation:none!important}}