﻿/* ---------- Страница: профиль игрока ---------- */
.crumbs-wrap{max-width:1240px;margin:0 auto;padding:24px 24px 16px}
.crumbs-wrap + .layout{padding-top:0}
.crumbs{font-size:13px;color:var(--dim);display:flex;gap:7px;flex-wrap:wrap}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--text)}
.phero{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}
.phero-main{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.p-ava{border-radius:50%;display:inline-grid;place-items:center;font-weight:600;color:#eef1f5;background:linear-gradient(135deg,#41506a,#2c3648)}
.phero .p-ava{width:64px;height:64px;font-size:20px;flex:none}
.phero-info{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}
.phero h1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.role-chip{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;color:var(--pick);border:1px solid currentColor;border-radius:5px;padding:1px 6px;letter-spacing:.04em}
.phero-sub{color:var(--muted);font-size:13.5px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.team-chip{display:inline-flex;align-items:center;gap:7px;font-weight:500;color:var(--text)}
.team-chip .team-logo{width:20px;height:20px;border-radius:6px;font-size:7.5px}
.phero-actions{display:flex;gap:8px}
.btn{padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:500;border:1px solid var(--line);color:var(--muted);transition:.15s}
.btn:hover{color:var(--text);border-color:var(--muted)}
.btn.primary{background:var(--accent-soft);border-color:transparent;color:var(--accent)}
.sect{display:flex;flex-direction:column;gap:12px}
.sect-title{font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.kstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.kstat{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:3px}
.kstat .lbl{font-size:11.5px;color:var(--dim)}
.kstat .val{font-family:'JetBrains Mono',monospace;font-size:19px;font-weight:600}
.kstat .val.hi{color:var(--win)}
.kstat .trend{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--win)}
.lm-row{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;padding:11px 16px;box-shadow:var(--shadow);font-size:13.5px}
.lm-date{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--dim);width:44px;flex:none}
.lm-opp{display:flex;align-items:center;gap:9px;flex:1;min-width:0;font-weight:500}
.lm-opp .team-logo{width:24px;height:24px;border-radius:7px;font-size:8.5px}
.lm-event{color:var(--dim);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.lm-rt{font-family:'JetBrains Mono',monospace;font-weight:600;width:44px;text-align:right;flex:none}
.lm-rt.hi{color:var(--win)}
.lm-rt.lo{color:var(--lose)}
.res{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;flex:none}
.res.w{color:var(--win);background:rgba(47,158,99,.12)}
.res.l{color:var(--lose);background:rgba(192,90,80,.12)}
.map-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft)}
.map-row:last-child{border-bottom:none}
.map-name{font-family:'JetBrains Mono',monospace;font-size:13px;width:74px;flex:none}
.map-bar{flex:1;height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.map-bar i{display:block;height:100%;background:var(--pick);opacity:.8}
.map-wr{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--muted);width:96px;text-align:right;flex:none}
.num-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px;color:var(--muted)}
.num-row:last-child{border-bottom:none}
.num-row b{font-family:'JetBrains Mono',monospace;font-size:13.5px;color:var(--text);font-weight:600}
@media (max-width:640px){
  .crumbs-wrap{padding:14px 14px 16px}
  .phero{padding:16px 14px}
  .phero .p-ava{width:52px;height:52px;font-size:16px}
  .kstats{grid-template-columns:repeat(2,1fr)}
  .lm-event{display:none}
}

/* ---------- SEO-блок ---------- */
.seo-wrap{max-width:1240px;margin:0 auto;padding:0 24px 42px}
.seo-block{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;color:var(--muted);font-size:14px;line-height:1.65;display:flex;flex-direction:column;gap:10px}
.seo-block h2{font-family:'Golos Text',sans-serif;font-size:15.5px;font-weight:600;color:var(--text)}
.seo-block a{color:var(--pick)}
.seo-block a:hover{text-decoration:underline}
.seo-block details{display:flex;flex-direction:column;gap:10px}
.seo-block summary{cursor:pointer;color:var(--pick);font-weight:500;font-size:13.5px;list-style:none;align-self:flex-start}
.seo-block summary::-webkit-details-marker{display:none}
.seo-block summary::after{content:"expand_more";font-family:'Material Icons Round';font-size:15px;vertical-align:-3px;padding-left:2px}
.seo-block details[open] summary::after{content:"expand_less"}
@media (max-width:640px){.seo-wrap{padding:0 14px 34px}.seo-block{padding:16px 14px}}
