@font-face{font-family:MSFAdOutfit;src:url('/counter-ads-v1/assets/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
.msf-counter-ad,.msf-counter-ad *{box-sizing:border-box}
.msf-counter-ad{position:relative;display:flex;flex-direction:column;isolation:isolate;min-height:250px;padding:19px 20px 0;border:1px solid #334159;border-radius:10px;background:#101b2c;color:#f7f8fc;text-decoration:none!important;overflow:hidden;font:400 14px/1.4 MSFAdOutfit,Outfit,sans-serif;text-transform:none;letter-spacing:normal;text-align:left;transition:border-color 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.msf-counter-ad .ad-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:33px;margin-bottom:13px;position:relative;z-index:1}
.msf-counter-ad .brand{font:850 25px/1.4 MSFAdOutfit,sans-serif;letter-spacing:-1px;white-space:nowrap;color:#fff}.msf-counter-ad .brand b,.msf-counter-ad .mini-brand b{color:#ff3d4f}
.msf-counter-ad .disclosure{font:400 11px MSFAdOutfit;letter-spacing:.3px;color:#c0cbd8}
.msf-counter-ad .ad-copy{position:relative;z-index:1}
.msf-counter-ad h2{font:650 25px/1.12 MSFAdOutfit,sans-serif;letter-spacing:-.65px;margin:0;color:inherit;text-transform:none}
.msf-counter-ad p{font:400 14px/1.42 MSFAdOutfit,sans-serif;color:#c2cddd;margin:10px 0 14px}
.msf-counter-ad .ad-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;min-height:46px;margin-top:auto;border-top:1px solid #3c485c;color:#fff;font-size:14px;font-weight:550;z-index:1}
.msf-counter-ad .ad-bottom svg{width:18px;height:18px;stroke-width:1.8;flex:none}.msf-counter-ad .ad-bottom>span{display:flex;align-items:center;gap:7px}
.msf-counter-ad .kicker{display:block;font-size:10px;font-weight:600;letter-spacing:1.1px;color:#c8d3e7;margin-bottom:7px}
.msf-counter-ad .identity{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750;letter-spacing:.5px}.msf-counter-ad .identity small{display:block;font-size:9px;letter-spacing:1.2px;color:#cae1d1;margin-top:3px}.msf-counter-ad .toonr-logo{width:39px;height:39px;object-fit:contain}
.msf-counter-ad.toonr{background:repeating-linear-gradient(90deg,transparent 0 64px,#c2e7ba0a 64px 65px),#103b2b;border-color:#416451}.msf-counter-ad.toonr h2{font-size:35px;letter-spacing:-1px}.msf-counter-ad.toonr p{color:#d1e5d7}.msf-counter-ad.toonr .ad-bottom{border-color:#46745b;color:#e5f4bf}.msf-counter-ad.chat{background-color:#123127}.msf-counter-ad.chat h2{font-size:28px}
.msf-counter-ad.base{background:#0d0d12;border-color:#383240}.msf-counter-ad .base-brand{font:800 26px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.1px;color:#e8e7ef}.msf-counter-ad .base-brand b{color:#8b5cf6;font-weight:800}.msf-counter-ad.base .kicker{color:#bca2f9}.msf-counter-ad.base p,.msf-counter-ad.base .disclosure{color:#c5c3d0}.msf-counter-ad.base .ad-bottom{color:#c8b2ff;border-color:#393440}.msf-counter-ad.base .ad-top{margin-bottom:10px}.msf-counter-ad.base h2{font-size:24px}.msf-counter-ad.base p{font-size:13px;line-height:1.35;margin:8px 0 10px}
.msf-counter-ad.msf{border-top:3px solid #e33346;padding-top:17px}.msf-counter-ad.support h2{font-size:22px}.msf-counter-ad.support p{margin-top:15px}.msf-counter-ad .galea-art{position:absolute;width:53px;height:53px;object-fit:contain;right:25px;bottom:59px}
.msf-counter-ad .sticker-content{display:flex;gap:10px;justify-content:space-between;flex:1;align-items:flex-start}.msf-counter-ad.sticker .ad-copy{flex:1}.msf-counter-ad.sticker h2{font-size:27px}.msf-counter-ad.sticker p{font-size:12px;margin-top:8px}.msf-counter-ad .sticker-photo{width:87px;height:119px;object-fit:cover;object-position:50% 65%;border-radius:6px;margin-top:-4px;margin-bottom:8px}
.msf-counter-ad.music{background:#201e16;border-color:#5f5740}.msf-counter-ad .music-brand{font-size:12px;letter-spacing:1px;font-weight:600;color:#efdfb7}.msf-counter-ad .music-content{display:flex;gap:12px;align-items:center;flex:1;margin-bottom:15px}.msf-counter-ad .music-content>img{width:85px;height:85px;object-fit:cover;border-radius:5px}.msf-counter-ad.music h2{font-size:24px;color:#fff5df}.msf-counter-ad.music p{color:#d5ceb9;font-size:12px}.msf-counter-ad.music .ad-bottom{border-color:#595440;color:#f3dfa7}.msf-counter-ad .mini-brand{font-weight:750;color:#fff}
.msf-counter-ad.advertise-white{background:#f4f1ea;border:1px solid #f4f1ea;color:#0b162a;padding-top:16px}.msf-counter-ad.advertise-white .brand{color:#122035}.msf-counter-ad.advertise-white .brand b{color:#cc1f3c}.msf-counter-ad.advertise-white .disclosure,.msf-counter-ad.advertise-white p{color:#344155}.msf-counter-ad.advertise-white .kicker{color:#b21734;font-size:9px;letter-spacing:1px;margin-bottom:8px}.msf-counter-ad.advertise-white h2{font-size:37px;font-weight:750;letter-spacing:-1.1px;line-height:1.02}.msf-counter-ad.advertise-white p{font-size:12px;margin:10px 0;line-height:1.4}.msf-counter-ad.advertise-white .ad-bottom{color:#b21734;border-color:#bfc2c8;font-size:13px}.msf-counter-ad.advertise-white .ad-top{margin-bottom:12px}
.msf-counter-ad.debrief .ad-top{margin-bottom:10px}.msf-counter-ad.debrief .kicker{color:#ff91a0}.msf-counter-ad.debrief h2{font-size:25px}.msf-counter-ad.debrief p{font-size:11.5px;margin:8px 0 10px}.msf-counter-ad.debrief .ad-bottom{font-size:13px}
/* Override both existing grid systems only while an ad is present. */
body #resultsBody .msf-counter-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;grid-auto-rows:minmax(250px,1fr)!important;gap:16px!important;align-items:stretch!important}
body #resultsBody .msf-counter-grid>*,body[data-msf-design] #resultsBody .msf-counter-grid>*{grid-column:auto!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:250px!important;align-self:stretch!important;box-sizing:border-box!important;margin:0!important}
.msf-counter-ad:focus-visible{outline:3px solid #97caff;outline-offset:3px}.msf-counter-ad:active{transform:scale(.985)}
@media(hover:hover) and (pointer:fine){.msf-counter-ad:hover{border-color:#879ab5;transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.msf-counter-ad{transition:none}.msf-counter-ad:hover,.msf-counter-ad:active{transform:none}}
@media(max-width:650px){body #resultsBody .msf-counter-grid{grid-template-columns:minmax(0,1fr)!important}.msf-counter-ad.advertise-white h2{font-size:32px}}