.tc-grid{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,1.5fr);gap:20px;margin:24px 0;animation:tc-in .35s ease both}
.tc-grid article,.tc-comparison article{padding:24px;border:1px solid var(--line,#c9c9c5);border-radius:18px;background:var(--surface,rgba(127,127,127,.04));min-width:0}
.tc-grid small,.tc-comparison small{font-size:13px;font-weight:800;letter-spacing:.08em}
.tc-record{text-align:center}.tc-donut{width:176px;height:176px;margin:22px auto;border-radius:50%;background:conic-gradient(#16855a 0 var(--win),#c44949 var(--win) 100%);display:grid;place-items:center}
.tc-donut>div{width:140px;height:140px;border-radius:50%;background:#f6f5f0;display:grid;align-content:center;gap:5px;color:#18231d}.tc-donut strong{font-size:38px}.tc-donut span{font-size:12px;font-weight:800}
.tc-bar{margin:19px 0}.tc-bar>div:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:15px}.tc-bar span{font-variant-numeric:tabular-nums}
.tc-track{height:8px;background:rgba(190,72,72,.28);border-radius:10px;margin-top:9px;overflow:hidden}.tc-track i{display:block;height:100%;background:#16855a;border-radius:10px;animation:tc-grow .55s ease both;transform-origin:left}
.tc-trend{grid-column:1/-1}.tc-trend svg{width:100%;max-height:190px;display:block;overflow:visible}.tc-gridline{stroke:currentColor;opacity:.12;fill:none;stroke-width:.5}.tc-line{fill:none;stroke:#16855a;stroke-width:2;stroke-linejoin:round}.tc-dot-win{fill:#16855a}.tc-dot-loss{fill:#c44949}
.tc-trend p,.tc-caption{font-size:14px;line-height:1.6;opacity:.85}.tc-win{color:#13774e}.tc-loss{color:#b4333c}.tc-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.tc-comparison strong{display:block;font-size:32px;margin:10px 0}.tc-comparison span{font-size:14px}
.tc-controls{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.tc-controls label{display:grid;gap:7px;flex:1;min-width:150px;font-size:14px;font-weight:700}.tc-controls select{width:100%;padding:12px;font:inherit;border:1px solid #8888;border-radius:10px;background:transparent;color:inherit}.tc-controls option{color:#17251b;background:#fff}
.tc-empty{padding:28px;border:1px dashed #8888;border-radius:14px}.tc-community-list{max-height:660px;overflow:auto}.tc-community-list article{padding:16px;border-bottom:1px solid #8884;display:flex;gap:14px;flex-wrap:wrap}.tc-community-list time{margin-left:auto;font-size:14px}.tc-private-hint{font-size:14px;line-height:1.5}
.theme-dark .tc-donut>div{background:#101613;color:#f6f7f5}.theme-dark .tc-win{color:#5ddca1}.theme-dark .tc-loss{color:#ff9090}.mh-analytics{margin:24px 0 32px;padding:24px;border:1px solid var(--line);border-radius:20px}.mh-analytics h3{margin:10px 0;font-size:clamp(23px,3vw,32px)}.mh-analytics p{line-height:1.6}.tc-grid .tc-record p{margin-bottom:10px}
.analytics-panel.is-active{animation:tc-in .3s ease both}.analytics-segment button{font-size:14px!important}.analytics-player select{font-size:16px!important}
@media(max-width:600px){.mh-analytics{padding:16px}.analytics-segment button{font-size:13px!important}.tc-controls label:first-child{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.analytics-panel.is-active{animation:none}}
@keyframes tc-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes tc-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.tc-grid{grid-template-columns:1fr;gap:12px}.tc-grid article,.tc-comparison article{padding:18px}.tc-comparison{gap:8px}.tc-comparison span{font-size:13px}.tc-controls label{min-width:130px}.tc-community-list time{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){.tc-grid,.tc-track i{animation:none}}