@font-face{
  font-family:Inter;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(assets/fonts/Inter-Variable.woff2) format("woff2");
}
:root{
  --bg:#0d1b2a;--bg2:#0a1628;--card:#112240;--acc:#00f5d4;--accdim:rgba(0,245,212,.14);
  --accbd:rgba(0,245,212,.35);--live:#e94560;--tp:#f0f4f8;--ts:#8899aa;--tm:#4a6080;--bd:rgba(255,255,255,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg)}
body{
  min-height:100vh;color:var(--tp);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:radial-gradient(120% 42% at 50% 0,rgba(0,245,212,.12),transparent 60%),var(--bg);
  -webkit-font-smoothing:antialiased;display:flex;justify-content:center;
}
a{color:inherit;text-decoration:none}
.bio{width:100%;max-width:480px;padding:44px 20px 30px;display:flex;flex-direction:column;min-height:100vh}
.bio-head{text-align:center;margin-bottom:22px}
.bio-avatar{width:72px;height:72px;border-radius:19px;display:block;margin:0 auto 14px;box-shadow:0 0 30px rgba(0,245,212,.3)}
.bio-wm{height:26px;width:auto;display:block;margin:0 auto}
.bio-tag{font-size:13px;color:var(--ts);margin-top:9px}
.bio-primary{
  display:block;text-align:center;background:var(--acc);color:#04221d;font-weight:800;font-size:15px;
  padding:16px;border-radius:14px;margin-bottom:18px;box-shadow:0 6px 22px rgba(0,245,212,.28);
  transition:transform .15s ease,filter .15s ease;
}
.bio-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}
.bio-games{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:14px 15px;margin-bottom:18px}
.bio-games-h{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:11px}
.g-item{display:block;padding:11px 0;border-top:1px solid var(--bd)}
.g-item:first-child{border-top:none;padding-top:2px}
.g-row{display:flex;align-items:center;gap:9px}
.g-crest{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.06);flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.g-crest img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.g-abbr{font-size:8px;font-weight:800;color:var(--ts);font-style:normal}
.g-names{flex:1;text-align:center;font-size:13px;font-weight:700;color:var(--tp);line-height:1.15}
.g-names i{color:var(--tm);font-style:normal;font-weight:600;font-size:11px;margin:0 4px}
.g-row2{display:flex;align-items:center;justify-content:space-between;margin-top:7px}
.g-live{font-size:9.5px;font-weight:800;letter-spacing:.05em;color:var(--live);display:inline-flex;align-items:center;gap:5px}
.g-live b{width:5px;height:5px;border-radius:50%;background:var(--live);display:inline-block;animation:pulse 1.4s infinite}
.g-time{font-size:11px;font-weight:700;color:var(--ts)}
.g-fin{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--tm)}
.g-cta{font-size:11px;font-weight:700;color:var(--acc)}
.g-more,.g-empty{display:block;text-align:center;font-size:11px;font-weight:700;color:var(--acc);padding-top:11px;margin-top:4px;border-top:1px solid var(--bd)}
.g-empty{border-top:none;padding:6px 0}
.bio-mini{text-align:center;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tm);margin-bottom:12px}
.bio-social{display:flex;justify-content:center;gap:22px;margin-bottom:26px}
.bio-soc{display:flex;flex-direction:column;align-items:center;gap:7px}
.bio-soc-ico{width:52px;height:52px;border-radius:16px;background:var(--card);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--tp);transition:border-color .15s ease,color .15s ease}
.bio-soc:hover .bio-soc-ico,.bio-soc:focus-visible .bio-soc-ico{border-color:var(--accbd);color:var(--acc)}
.bio-soc-lab{font-size:10px;color:var(--ts);font-weight:600}
.bio-foot{text-align:center;font-size:10px;color:var(--tm);margin-top:auto;padding-top:10px}
a:focus-visible,.bio-soc:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
