/* FeniksFit — results.css: экран результатов */
/* ---------- экран результатов ---------- */
#results{position:absolute;inset:0;display:flex;flex-direction:column;gap:clamp(10px,1.8vh,18px);padding:clamp(14px,2.4vh,24px) 28px clamp(12px,2vh,20px);animation:fadeIn .4s ease both}
.rHead{display:flex;align-items:center;gap:16px}
.rHome{width:52px;height:52px;border-radius:14px;border:1px solid var(--line);background:#161b23;font-size:28px;line-height:1;padding:0}
.rHT h1{margin:0;font-size:clamp(22px,3.2vh,30px)}
.rMeta{color:var(--accent2);font-size:clamp(13px,1.6vh,15px)}
.rStatus{padding:8px 14px;border-radius:999px;font-weight:700;font-size:clamp(13px,1.6vh,15px);background:#13261b;color:var(--good);border:1px solid #3ddc8455}
.rStatus.early{background:#2a1a10;color:var(--accent);border-color:#ff7a1a55}
.rHero{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.rHero .tile{background:#141820;border:1px solid var(--line);border-radius:12px;padding:clamp(8px,1.4vh,14px) 14px;animation:rise .5s ease both}
.rHero .tile .v{font-size:clamp(22px,3.6vh,36px)}
.rHero .tile.hl .v{color:var(--accent)}
.rBody{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}
.rCard{background:#11151b;border:1px solid var(--line);border-radius:16px;padding:clamp(10px,1.6vh,16px) 16px;min-height:0;display:flex;flex-direction:column}
.rSide{display:flex;flex-direction:column;gap:16px;min-height:0}
.rStagesCard{flex:1}
.rScroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#3a4250 transparent}
.rTable,.rStages{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:clamp(12.5px,1.55vh,15px)}
.rTable th,.rStages th{position:sticky;top:0;background:#11151b;color:var(--muted);font-weight:600;font-size:clamp(10.5px,1.25vh,12.5px);text-transform:uppercase;letter-spacing:.6px;padding:6px 8px;text-align:right;z-index:1}
.rTable th:first-child,.rStages th:first-child{text-align:left}
.rTable td,.rStages td{padding:clamp(5px,.95vh,9px) 8px;text-align:right;border-top:1px solid #ffffff0d}
.rTable td:first-child,.rStages td:first-child{text-align:left;color:#c3cad4}
.rTable td.tot{color:var(--accent);font-weight:700}
.rTable td.na{color:#4a5260}
.rTable tr.sec td{color:var(--accent2);font-size:clamp(10.5px,1.25vh,12.5px);text-transform:uppercase;letter-spacing:.7px;padding-top:clamp(10px,1.6vh,16px);border-top:none;font-weight:600}
.rStages tr.cur td{color:var(--accent)}
.rStages tr.skip td{color:#4a5260}
.rChart{position:relative;height:clamp(90px,17vh,190px)}
#rChart{position:absolute;inset:0;width:100%;height:100%;background:#0c0f14;border-radius:10px;border:1px solid var(--line)}
.rFoot{display:flex;align-items:center;gap:12px}
.rNote{color:var(--muted);font-size:clamp(11.5px,1.35vh,13px)}
.rBtn{border:1px solid var(--line);background:#161b23;border-radius:12px;padding:clamp(10px,1.6vh,14px) 22px;font-weight:700;font-size:clamp(15px,1.9vh,18px)}
.rBtn.main{background:var(--good);color:#06210f;border-color:var(--good)}
@media (max-width:1100px){#results{overflow:auto}.rBody{grid-template-columns:1fr}.rHero{grid-template-columns:repeat(3,1fr)}.rScroll{overflow:visible}}