.hft-team{--red:#ff1745;--blue:#3777ff;--panel:#11121a;--muted:#a9acb7;--line:rgba(255,255,255,.11);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#f8f8fb;background:radial-gradient(circle at 10% 0,rgba(255,23,69,.16),transparent 30%),radial-gradient(circle at 95% 10%,rgba(55,119,255,.14),transparent 28%),#07080d;border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,42px);box-shadow:0 24px 70px rgba(0,0,0,.28)}.hft-header{text-align:center;margin-bottom:38px}.hft-header>span{display:block;color:#ff6982;font-size:.72rem;font-weight:900;letter-spacing:.15em}.hft-header h2{color:#fff;font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin:8px 0}.hft-header p{color:var(--muted);margin:0}.hft-group{margin-top:36px}.hft-group-title{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:12px;margin-bottom:17px;border-bottom:1px solid var(--line)}.hft-group-title h3{color:#fff;margin:0;font-size:1.45rem}.hft-group-title p{color:var(--muted);margin:0}.hft-grid{display:grid;grid-template-columns:repeat(var(--hft-columns),minmax(0,1fr));gap:18px}.hft-card{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:18px;transition:transform .2s,border-color .2s,box-shadow .2s}.hft-card:hover{transform:translateY(-3px);border-color:rgba(255,23,69,.35);box-shadow:0 16px 42px rgba(0,0,0,.25)}.hft-photo-wrap{height:210px;position:relative;background:linear-gradient(135deg,#340812,#0b1738);overflow:hidden}.hft-photo{width:100%;height:100%;display:block;object-fit:cover}.hft-placeholder{display:grid;place-items:center;font-size:4.2rem;color:#fff;text-shadow:0 0 30px rgba(255,23,69,.8)}.hft-photo-wrap:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(7,8,13,.93));pointer-events:none}.hft-status-dot{position:absolute;z-index:2;right:13px;top:13px;width:13px;height:13px;border-radius:50%;border:2px solid #14151c;background:#737681}.hft-status-online .hft-status-dot{background:#29d67d;box-shadow:0 0 12px rgba(41,214,125,.7)}.hft-status-onair .hft-status-dot{background:var(--red);box-shadow:0 0 12px rgba(255,23,69,.75)}.hft-status-away .hft-status-dot{background:#ffbd2e}.hft-onair{position:absolute;z-index:2;left:13px;bottom:12px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,23,69,.9);padding:5px 8px;border-radius:999px;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.1em}.hft-onair i{width:6px;height:6px;border-radius:50%;background:#fff;animation:hft-blink 1s infinite}@keyframes hft-blink{50%{opacity:.2}}.hft-body{padding:19px}.hft-body h3{color:#fff;margin:0;font-size:1.2rem}.hft-role{color:#ff6982;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.hft-bio{color:var(--muted);font-size:.88rem;line-height:1.55;margin:13px 0}.hft-since{color:#7e818e;font-size:.77rem;margin-top:12px}.hft-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.hft-links a,.hft-links span{font-size:.73rem;padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:#dadbe1;text-decoration:none}.hft-links a:hover{border-color:rgba(255,23,69,.5);color:#fff}.hft-card.is-compact .hft-photo-wrap{height:160px}.hft-card.is-compact .hft-body{padding:15px}.hft-empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.hft-empty span{font-size:2.5rem;color:#ff617b}.hft-empty h3{color:#fff;margin:8px 0 3px}@media(max-width:1050px){.hft-grid{grid-template-columns:repeat(min(3,var(--hft-columns)),minmax(0,1fr))}}@media(max-width:760px){.hft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hft-group-title{align-items:flex-start;flex-direction:column}.hft-group-title p{font-size:.86rem}.hft-photo-wrap{height:190px}}@media(max-width:470px){.hft-team{padding:17px}.hft-grid{grid-template-columns:1fr}.hft-card{display:grid;grid-template-columns:112px 1fr}.hft-photo-wrap,.hft-card.is-compact .hft-photo-wrap{height:100%;min-height:150px}.hft-bio{display:none}}
.hft-team{contain:layout style}
.hft-links .hft-social{display:inline-flex;align-items:center;gap:5px}.hft-links .hft-social b{font-size:.85rem;line-height:1}.hft-links .hft-twitch:hover{border-color:#9146ff;color:#c7a7ff}.hft-links .hft-tiktok:hover{border-color:#25f4ee;color:#76fffa}.hft-links .hft-instagram:hover{border-color:#e1306c;color:#ff7ba8}.hft-links .hft-facebook:hover{border-color:#1877f2;color:#75adff}.hft-links .hft-youtube:hover{border-color:#ff0033;color:#ff708d}.hft-links .hft-website:hover{border-color:#3777ff;color:#88aaff}
@media(max-width:1050px){.hft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.hft-grid{grid-template-columns:1fr}}