.youtube{--brand:#ff4c59;--tint:255,55,70}.tiktok{--brand:#63f4ef;--tint:45,220,218}.brand-discord{--brand:#aa9eff;--tint:134,116,255}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 60px}
.platform-card{border:1px solid rgba(var(--tint),.36);border-radius:12px;padding:26px;background:linear-gradient(135deg,rgba(var(--tint),.11),transparent 75%),#111411;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s,transform .2s}
.platform-card:hover,.platform-card:focus-visible{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 10px 40px rgba(var(--tint),.14)}
.platform-top{display:flex;align-items:center;gap:15px;margin-bottom:26px}.platform-icon{width:54px;height:54px;border-radius:13px;background:rgba(var(--tint),.1);display:grid;place-items:center;color:var(--brand)}.platform-icon svg{width:33px;height:33px}.platform-name{font-size:20px;font-weight:700}.tiktok .platform-icon svg{filter:drop-shadow(2px 2px 0 #ff3970)}
.platform-card h2{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.7px;line-height:1.2}.platform-card p{font-size:14px;line-height:1.6;color:#b6bcb4;margin:10px 0 24px}.platform-cta{margin-top:auto;display:block;text-align:center;border:1px solid rgba(var(--tint),.4);border-radius:6px;padding:13px 10px;color:var(--brand);font-weight:700;font-size:14px;background:rgba(var(--tint),.06)}
.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-chip{display:inline-flex;gap:9px;align-items:center;border:1px solid rgba(var(--tint),.4);border-radius:6px;color:var(--brand);background:rgba(var(--tint),.07);padding:11px 14px;font-size:14px;font-weight:700;min-height:44px}.social-chip svg{width:20px;height:20px;flex-shrink:0}.social-chip:hover{background:rgba(var(--tint),.17)}.community{gap:10px}.about .social-links{margin-top:24px}.discord-button{background:#7563ed;color:white;gap:12px}.discord-button svg{width:26px;height:26px}
.hero{padding-bottom:35px;min-height:630px}.hero-art{height:520px}.views-badge{position:absolute;bottom:16px;left:16px;background:#0a0c0be8;border:1px solid #ffffff38;border-radius:5px;padding:9px 12px;font-size:15px;font-weight:700;color:var(--lime)}.video-label{font-size:11px}.video .play{opacity:1}.video:hover .play{background:#d9ff43;color:#151c09;border-color:#d9ff43}.video-grid{row-gap:34px}.video-grid article>p{font-size:14px}.ranking-note{font-size:12px;color:var(--muted);margin:26px 0 0;line-height:1.6}.card-meta h3{line-height:1.4}.card-meta h3 a:hover{color:var(--lime)}footer{flex-wrap:wrap}footer .social-links{margin-left:auto}footer small{flex-basis:100%;margin:0}
@media(max-width:850px){.platform-card{padding:20px}.platform-card h2{font-size:21px}.platform-name{font-size:18px}.platform-top{gap:10px}.hero-art{height:440px}header .community{display:none}}
@media(max-width:600px){.hero{min-height:0;padding-bottom:24px}.hero-art{height:470px}.platform-grid{grid-template-columns:1fr;gap:14px;margin-bottom:38px}.platform-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:20px}.platform-top{grid-column:1/-1;margin-bottom:12px}.platform-card h2{font-size:22px;grid-column:1/-1}.platform-card p{grid-column:1/-1;margin:3px 0 12px}.platform-cta{grid-column:1/-1}.platform-icon{width:46px;height:46px}.platform-icon svg{width:28px;height:28px}.platform-name{font-size:20px}.views-badge{left:10px;bottom:10px;padding:7px 9px;font-size:13px}.video-label{left:9px;top:9px;font-size:9px;padding:6px}.video-grid .play{width:39px;height:39px;font-size:14px}.card-meta h3{font-size:15px}.video-grid article>p{font-size:12px}footer .social-links{margin-left:0;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.platform-card{transition:none}.platform-card:hover,.platform-card:focus-visible{transform:none}}