:root{--bf-mobile-header:68px;--bf-ios-safe:env(safe-area-inset-top,0px)}
html{background:#080b0f!important}
.ios-safe-shield{display:none}

@supports (-webkit-touch-callout:none){
  @media(max-width:820px){:root{--bf-ios-safe:max(env(safe-area-inset-top,0px),44px)}}
}

@media(max-width:820px){
  body{padding-top:calc(var(--bf-ios-safe) + var(--bf-mobile-header))!important}
  .ios-safe-shield{display:block;position:fixed;top:0;left:0;right:0;height:calc(var(--bf-ios-safe) + 2px);background:#080b0f;z-index:2147483647;pointer-events:none;transform:translateZ(0)}
  .site-header,.site-header.is-scrolled{position:fixed!important;top:var(--bf-ios-safe)!important;left:0!important;right:0!important;width:100%!important;height:var(--bf-mobile-header)!important;min-height:var(--bf-mobile-header)!important;padding-top:0!important;margin:0!important;background:#080b0f!important;box-shadow:0 10px 30px rgba(0,0,0,.32)!important;z-index:2147483646!important;overflow:visible!important;transform:translateZ(0)!important;backface-visibility:hidden}
  .site-header::before{display:none!important}
  .site-header>*{position:relative;z-index:1}
  .mobile-menu{position:fixed!important;top:calc(var(--bf-ios-safe) + var(--bf-mobile-header))!important;left:0!important;right:0!important;max-height:calc(100dvh - var(--bf-ios-safe) - var(--bf-mobile-header))!important;overflow:auto!important;z-index:2147483645!important}
}
@media(max-width:560px){:root{--bf-mobile-header:64px}}

.faction-emblem.has-real-badge{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.faction-emblem .team-badge{display:block;width:100%;height:100%;object-fit:contain;border-radius:20%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}
.console-team .team-badge{width:29px;height:29px;flex:0 0 29px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.22))}
.faction-members{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:0!important;overflow:visible!important;min-width:0}
.faction-members i{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0 0 0 -5px!important;border-radius:999px!important;background:#fff!important;color:#0b0f14!important;border:3px solid var(--team,#6f7781)!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important;font:900 11px/1 Inter,system-ui,sans-serif!important;font-style:normal!important;letter-spacing:-.04em!important;white-space:nowrap!important;overflow:hidden!important}
.faction-members i:first-child{margin-left:0!important}
.faction-members i img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;transform:scale(1.03)}
.faction-members span{display:block!important;flex:1 0 100%!important;margin-top:9px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:800!important;opacity:.72}
.faction-card.team-haaien{--team:#159fe8}.faction-card.team-slangen{--team:#39e58c}.faction-card.team-vossen{--team:#ff4b25}.faction-card.team-gieren{--team:#8f74ff}

.show-hero__photo,.world-feature__image,.editorial-card__image,.update-card__visual{background-size:cover!important;filter:contrast(1.08) saturate(1.04)!important;-webkit-filter:contrast(1.08) saturate(1.04)!important}
.world-feature__image,.editorial-card__image,.update-card__visual{transform:translateZ(0)!important;backface-visibility:hidden!important}

footer .footer-brand{position:relative!important;margin-bottom:52px!important;overflow:visible!important}
footer .footer-brand::before{content:none!important;display:none!important}
footer .footer-brand::after{content:"De soap met echte verhalen en echte emoties"!important;position:absolute!important;top:calc(100% + 12px)!important;left:0!important;display:block!important;width:min(540px,88vw)!important;color:#f4f1ea!important;font:700 14px/1.35 Inter,system-ui,sans-serif!important;letter-spacing:.01em!important;text-transform:none!important;text-shadow:none!important}

@media(max-width:560px){
  .faction-members i{flex-basis:34px!important;width:34px!important;height:34px!important;font-size:10px!important;border-width:2px!important;margin-left:-4px!important}
  .faction-members span{margin-top:8px!important;font-size:9px!important}
  footer .footer-brand::after{left:50%!important;transform:translateX(-50%)!important;text-align:center!important}
}