.brawler-anchor-nav{grid-template-columns:repeat(7,1fr)}
.brawler-build-guide{overflow:hidden;background:radial-gradient(circle at 5% 0%,rgba(39,198,231,.12),transparent 35%),radial-gradient(circle at 100% 10%,rgba(255,63,164,.1),transparent 35%),#11172a}
.guide-source-row{display:flex;gap:7px;flex-wrap:wrap;margin:-8px 0 18px}.guide-source-row span{border:1px solid #35405e;border-radius:999px;color:#8f9ab6;padding:6px 9px;font-size:6px;font-weight:900;letter-spacing:.1em}
.guide-build-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.guide-loadout,.guide-modes{border:1px solid #303a57;border-radius:13px;background:rgba(10,15,29,.74);padding:16px}.guide-loadout h3,.guide-modes h3,.guide-matchups h3{font:15px var(--display);margin:0 0 12px}.guide-loadout-item,.guide-gear{display:inline-grid;vertical-align:top;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;width:calc(50% - 7px);min-height:66px;box-sizing:border-box;border:1px solid #303a57;border-radius:10px;background:#171e32;padding:8px;margin:0 5px 8px 0}.guide-loadout-item img,.guide-loadout-item>span,.guide-gear>img,.guide-gear>span{width:45px;height:45px;object-fit:contain;border-radius:8px;background:#0b1120;display:grid;place-items:center;color:#d8ff2f;font:13px var(--display)}.guide-loadout-item small,.guide-loadout-item strong,.guide-gear small,.guide-gear strong{display:block}.guide-loadout-item small,.guide-gear small{color:#75819d;font-size:6px;letter-spacing:.1em}.guide-loadout-item strong,.guide-gear strong{font:11px var(--display);margin-top:5px}.guide-loadout>p{color:#8d98b2;font-size:8px;line-height:1.55;margin:8px 0 0}.guide-modes{display:grid;align-content:start;gap:7px}.guide-modes>h3{margin-bottom:5px}.guide-modes>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #303a57;border-left:3px solid var(--mode);border-radius:9px;background:#171e32;padding:8px}.guide-modes>article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--mode) 20%,#0b1120);color:#fff;font:10px var(--display)}.guide-modes strong,.guide-modes small{display:block}.guide-modes strong{font:10px var(--display)}.guide-modes small{color:#78839f;font-size:6px;margin-top:3px}.guide-modes b{color:#48e781;font:14px var(--display)}
.guide-mode-icon{position:relative;overflow:hidden}.guide-mode-icon img{position:absolute;inset:2px;width:30px;height:30px;object-fit:contain;z-index:2}.guide-mode-icon b{position:relative;z-index:1}
.guide-matchups{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.guide-matchups>div{border:1px solid #303a57;border-radius:13px;background:#0e1425;padding:15px}.guide-matchups>div>span{font-size:7px;font-weight:900;letter-spacing:.12em}.guide-matchups .good{color:#43e67e}.guide-matchups .danger{color:#ff5d87}.guide-matchups h3{margin:7px 0 12px}.guide-matchup-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.guide-matchup-list a{position:relative;display:block;overflow:hidden;border:1px solid #35405d;border-radius:9px;background:#171e31;color:#fff;text-decoration:none}.guide-matchup-list a.good{border-bottom:2px solid #43e67e}.guide-matchup-list a.danger{border-bottom:2px solid #ff5d87}.guide-matchup-list img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.guide-matchup-list span{display:block;overflow:hidden;padding:6px 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:900}
@media(max-width:900px){.brawler-anchor-nav{grid-template-columns:repeat(4,1fr)}.guide-build-grid,.guide-matchups{grid-template-columns:1fr}}
@media(max-width:650px){.brawler-anchor-nav{grid-template-columns:repeat(2,1fr)}.guide-loadout-item,.guide-gear{width:100%;margin-right:0}.guide-matchup-list{grid-template-columns:repeat(4,1fr)}}
.brawler-seo-content{margin:28px 0 0;padding:28px;border:1px solid #293958;border-radius:24px;background:#0e1729;color:#fff}.brawler-seo-content header>span{color:#42e89a;font-size:11px;font-weight:900;letter-spacing:.14em}.brawler-seo-content h2{font-size:clamp(24px,3vw,38px);margin:8px 0 10px}.brawler-seo-content header p{color:#9db2d9;max-width:900px}.brawler-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.brawler-seo-grid article{padding:20px;border:1px solid #2b3d62;border-radius:18px;background:#101b31}.brawler-seo-grid h3{margin:0 0 12px;font-size:17px}.brawler-seo-grid ul{margin:0;padding-left:19px;color:#b7c8e8}.brawler-seo-grid li+li{margin-top:7px}.brawler-seo-grid a{color:#62b6ff;font-weight:800}.brawler-seo-faq{margin-top:24px}.brawler-seo-faq details{border-top:1px solid #2b3d62;padding:14px 0}.brawler-seo-faq summary{cursor:pointer;font-weight:900}.brawler-seo-faq p{color:#b7c8e8}@media(max-width:700px){.brawler-seo-content{padding:20px}.brawler-seo-grid{grid-template-columns:1fr}}