.ym{margin-top:8px;min-width:0}
.ym-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ym-tile{position:relative;padding:26px 24px 24px;border:1px solid var(--line);border-radius:16px;background:var(--grad-soft),var(--panel);overflow:hidden;min-width:0}
.ym-tile:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--grad)}
.ym-n{font-family:var(--disp);font-weight:600;font-size:clamp(2rem,3.6vw,3rem);line-height:1;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ym-l{color:var(--tx-2);margin-top:12px;font-size:.95rem;line-height:1.4}
.ym-cap{font-family:var(--mono);font-size:.7rem;line-height:1.5;color:var(--tx-3);margin:12px 0 0}
.ym-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;margin-top:28px}
.ym-grid.one{grid-template-columns:minmax(0,1fr)}
.ym-card{margin:0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0;position:relative}
.ym-h{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:baseline;margin-bottom:18px;font-weight:600;color:var(--tx)}
.ym-key{font-family:var(--mono);font-size:.7rem;color:var(--tx-2);font-weight:400;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ym-key i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:6px}.ym-key i:first-child{margin-left:0}
.ym-key .k1{background:var(--tx-4)}.ym-key .k2{background:var(--mint)}
.ym-plot{position:relative;padding-left:56px}
.ym-svg{display:block;width:100%;height:220px;overflow:visible}
.ym-gl{stroke:var(--line);stroke-dasharray:3 4}.ym-base{stroke:var(--hair)}
.ym-line{fill:none;stroke:var(--mint);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.ym-line.prev{stroke:var(--tx-3);stroke-dasharray:4 4;stroke-width:2}
.ym-dot{fill:var(--ink);stroke:var(--mint);stroke-width:2;vector-effect:non-scaling-stroke}
.ym-ax{position:absolute;left:0;top:6.96%;height:75.65%;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--mono);font-size:.64rem;color:var(--tx-3);width:46px;text-align:right}
.ym-ax span{transform:translateY(-50%)}
.ym-xl{padding-left:56px;margin-top:-8px!important;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.66rem;color:var(--tx-3);margin-top:8px}
.ym-row{margin-bottom:18px}
.ym-rh{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.ym-rh b{font-weight:500;color:var(--tx)}
.ym-rh em{font-style:normal;font-family:var(--mono);font-size:.78rem;color:var(--ink);background:var(--mint);border-radius:999px;padding:2px 9px;white-space:nowrap}
.ym-bar{display:flex;align-items:center;gap:10px;margin-top:6px}
.ym-bar i{display:block;height:12px;border-radius:0 6px 6px 0;width:calc(var(--w) * .72);min-width:2px}
.ym-bar.b1 i{background:var(--tx-4)}.ym-bar.b2 i{background:var(--grad)}
.ym-bar span{font-family:var(--mono);font-size:.72rem;color:var(--tx-2);white-space:nowrap}
.ym-ranks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:28px}
.ym-rank{display:flex;gap:18px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0}
.ym-rank.top{border-color:var(--line-2);background:var(--grad-soft),var(--panel)}
.ym-pos{flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:var(--disp);font-weight:600;font-size:1.6rem;line-height:1;color:var(--ink);background:var(--grad)}
.ym-rank:not(.top) .ym-pos{background:var(--panel-3);color:var(--tx)}
.ym-pos small{display:block;font-family:var(--mono);font-size:.55rem;font-weight:400;letter-spacing:.04em;margin-bottom:4px;opacity:.75}
.ym-rank>div:last-child{min-width:0}.ym-rank b{display:block;color:var(--tx);margin:6px 0 4px;overflow-wrap:anywhere}
.ym-badge{font-family:var(--mono);font-size:.66rem;color:var(--mint);border:1px solid var(--line-2);border-radius:999px;padding:3px 9px;display:inline-block}
.ym-note{font-size:.85rem;color:var(--tx-2)}
.ym-anim .ym-tile{opacity:0;transform:translateY(14px)}.ym-anim .on .ym-tile{opacity:1;transform:none;transition:opacity .7s var(--e),transform .7s var(--e)}
.ym-anim .on .ym-tile:nth-child(2){transition-delay:.1s}.ym-anim .on .ym-tile:nth-child(3){transition-delay:.2s}
.ym-anim .ym-bar i{width:0}.ym-anim .on .ym-bar i{width:calc(var(--w) * .72);transition:width 1.2s var(--e) .15s}
.ym-anim .ym-line{stroke-dasharray:1;stroke-dashoffset:1}.ym-anim .ym-line.prev{stroke-dasharray:1}.ym-anim .on .ym-line{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--e)}
.ym-anim .ym-area{opacity:0}.ym-anim .on .ym-area{opacity:1;transition:opacity .8s ease .9s}
.ym-anim .ym-pos{transform:scale(.6);opacity:0}.ym-anim .on .ym-pos{transform:none;opacity:1;transition:transform .7s var(--e),opacity .5s}
.cs-badge.res{left:auto;right:16px;color:var(--ink);background:var(--grad);border:0;font-weight:700;backdrop-filter:none}
.cs-badge.res small{font-weight:400;opacity:.8;margin-left:4px}
@media (max-width:1024px){.ym-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.ym-stats{grid-template-columns:minmax(0,1fr)}.ym-tile{padding:20px}.ym-card{padding:18px}.ym-plot{padding-left:48px}.ym-xl{padding-left:48px}.ym-ax{width:42px}.ym-svg{height:180px}}
@media (prefers-reduced-motion:reduce){.ym *{transition:none!important;animation:none!important}}
.ym-txt{margin-top:24px;color:var(--tx-2)}.ym-txt summary{cursor:pointer;font-family:var(--mono);font-size:.75rem;color:var(--tx-3)}.ym-txt .prose{margin-top:12px}
