.market-card{position:relative}
.market-open{border:0;background:none;color:#7135e9;padding:0;margin-top:20px;display:flex;gap:16px;align-items:center;font:inherit;font-size:11px;font-weight:600;line-height:1.5;cursor:pointer;text-align:left}
.market-open::after{content:"";position:absolute;inset:0;border-radius:inherit}
.market-card:has(.market-open:focus-visible){outline:2px solid #8b4cff;outline-offset:5px}
.market-open:focus-visible{outline:none}
.market-modal{width:min(880px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #dddaef;border-radius:24px;background:#fff;color:#111b43;box-shadow:0 32px 120px #090b2560;overflow:auto;font-family:inherit;overscroll-behavior:contain}
.market-modal::backdrop{background:#070c28b3;backdrop-filter:blur(8px)}
.market-modal[open]{animation:market-dialog-in .22s ease-out;animation-play-state:running!important}
.market-modal-inner{padding:38px 40px 25px}
.market-modal-close{position:absolute;top:18px;right:18px;z-index:1;display:grid;place-items:center;box-sizing:border-box;padding:0;width:34px;height:34px;border:1px solid #dedbef;border-radius:50%;background:#f8f7fd;color:#44405e;cursor:pointer}
.market-modal-close svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;pointer-events:none}
.market-modal-close:focus-visible{outline:2px solid #8b4cff;outline-offset:3px}
.market-modal-kicker{margin:0 40px 10px 0;font-size:10px;font-weight:600;letter-spacing:1.3px;color:#8454dd}
.market-modal h2{margin:0 0 26px;font-size:28px;letter-spacing:-.8px;line-height:1.25;color:#111b43}
.market-modal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.market-modal-visual{margin:0;padding:20px;border:1px solid #e7e2fa;border-radius:20px;background:radial-gradient(ellipse at 50% 20%,#e5dbff,#f5f7ff 60%,#fff);min-height:375px}
.market-modal-orbit{position:relative;width:180px;height:160px;margin:0 auto 18px;display:grid;place-items:center}
.market-modal-orbit i{position:absolute;width:170px;height:85px;border:1px solid #b190f477;border-radius:50%;transform:rotate(-28deg)}
.market-modal-orbit i:nth-child(2){transform:rotate(28deg)}
.market-modal-orbit i:nth-child(3){width:150px;height:150px;transform:none;border-style:dashed;border-color:#a58afc55}
.market-modal-core{width:88px;height:88px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(140deg,#9173ff,#6922e9);box-shadow:0 0 35px #9274ff66,inset 0 1px 2px #fff9;transform:rotate(-5deg)}
.market-modal-core svg{width:43px;height:43px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform:rotate(5deg)}
.market-modal-character{height:180px}
.market-modal-character img{width:100%;height:100%;object-fit:contain;border-radius:20px;box-shadow:0 8px 25px #8b62bd18}
.market-modal-visual figcaption{position:static;inset:auto;transform:none;width:auto;font-size:9px;color:#7442c3;letter-spacing:.2px;text-align:center;line-height:1.8}
.market-modal-visual ol{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px}
.market-modal-visual li{display:flex;align-items:center;gap:12px;background:#ffffffc9;border:1px solid #e7e5f6;border-radius:10px;padding:10px 12px;font-size:11px;color:#443466}
.market-modal-visual b{font-size:9px;color:#9772e1;font-weight:500}
.market-modal-copy h3{margin:0 0 13px;font-size:21px;line-height:1.5;letter-spacing:-.5px;color:#171341}
.market-modal-copy>p{margin:0 0 22px;font-size:13px;line-height:1.85;color:#63637f}
.market-modal-copy h4{font-size:11px;font-weight:650;margin:0 0 10px;color:#5a388f}
.market-modal-example{border-left:2px solid #a272f5;background:#f6f3ff;padding:16px 18px;margin-bottom:23px;border-radius:0 12px 12px 0}
.market-modal-example h4{font-size:16px;font-weight:750;line-height:1.6;letter-spacing:-.3px;margin-bottom:16px;color:#38205f}
.market-modal-conversation{display:grid;gap:14px}
.market-modal-conversation p{margin:0;font-size:13px;line-height:1.85;color:#52416b}
.market-modal-conversation .market-speaker{display:block;font-size:9px;letter-spacing:.6px;font-weight:650;color:#8c6cb5;margin-bottom:4px}
.market-modal-conversation .character-reply{padding-top:14px;border-top:1px solid #e3d9f6;color:#312456}
.market-modal-conversation b{color:#8a47ec;font-weight:600;margin-right:8px}
.market-modal blockquote{margin:0;font-size:13px;line-height:1.85;color:#312456}
.market-modal ul{padding:0;margin:0;list-style:none;display:grid;gap:9px}
.market-modal ul li{position:relative;padding-left:20px;font-size:12px;line-height:1.7;color:#4d4d69}
.market-modal ul li::before{content:'✓';position:absolute;left:0;color:#8a47ec}
.market-modal-note{font-size:10px;color:#8c88a4;margin:22px 0 0;padding-top:17px;border-top:1px solid #efedf6}
.market-modal-copy{min-width:0;word-break:keep-all;overflow-wrap:normal;hyphens:none}
html[lang="en"] .market-modal-copy{word-break:normal}
.market-modal-copy h3{line-height:1.6;text-wrap:balance;margin-bottom:18px}
.market-modal-copy>p,.market-modal blockquote,.market-modal-conversation p,.market-modal ul li{text-wrap:pretty}
.market-text-line{display:block}
.market-modal blockquote .market-text-line+.market-text-line{margin-top:6px}
.market-modal-conversation .market-text-line{display:block;font:inherit;color:inherit;letter-spacing:normal;margin:0}
.market-modal-conversation .market-text-line+.market-text-line{margin-top:4px}
.market-modal-example h4{line-height:1.6;text-wrap:balance}
@keyframes market-dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:700px){.market-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.market-modal-inner{padding:30px 22px 22px}.market-modal h2{font-size:25px;margin-bottom:20px}.market-modal-layout{grid-template-columns:1fr;gap:24px}.market-modal-visual{min-height:0;padding:16px;display:grid;grid-template-columns:125px 1fr;gap:5px 14px;align-items:center}.market-modal-orbit{width:125px;height:120px;margin:0;grid-row:1 / 3}.market-modal-orbit i{width:120px;height:65px}.market-modal-orbit i:nth-child(3){width:115px;height:115px}.market-modal-core{width:64px;height:64px;border-radius:20px}.market-modal-core svg{width:33px;height:33px}.market-modal-visual figcaption{font-size:8px;text-align:left}.market-modal-visual ol{margin:0;gap:5px}.market-modal-visual li{font-size:10px;padding:7px;gap:7px}.market-modal-copy h3{font-size:19px}.market-modal-kicker{font-size:9px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.market-modal[open]{animation:none}}
.market-modal-portrait{display:block;height:auto;aspect-ratio:396/324;border-radius:20px;box-shadow:0 8px 25px #8b62bd18;background-image:url('/model/native-assets/popup-portraits-v54.png');background-repeat:no-repeat;background-size:468.434343% 261.728395%;background-position-y:13.358779%}
.market-modal-portrait.portrait-0{background-position-x:6.442769%}
.market-modal-portrait.portrait-1{background-position-x:35.640850%}
.market-modal-portrait.portrait-2{background-position-x:65.524332%}
.market-modal-portrait.portrait-3{background-position-x:94.790953%}