/* 9to5 official user-supplied game logo — site-only styling */
body.v2 .wordmark .brand-icon, .wordmark .brand-icon {
  width: 51px; height: 51px; flex: 0 0 51px;
  background: #ede7de; border-radius: 14px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(22,35,58,.15), 0 4px 14px rgba(22,35,58,.08);
  transform: none; display:grid; place-items:center;
}
.wordmark .brand-icon img {
  width: 100%; height: 100%; max-width: none; flex: none;
  object-fit: contain; display: block;
}
.wordmark .brand-name { font-size: 22px; letter-spacing: -.07em; line-height: 1; font-weight: 1000; }
.wordmark .brand-name span {font-size: 9px; letter-spacing: .17em; margin-top: 6px; }
.logo-preview {background: #f3f0e9; border: 1px solid #dfe6e9;}
.logo-preview img {width: min(100%, 410px); max-height: 170px; height: auto; object-fit: contain;}
.v2-phone-top .hero-game-lockup {width: 55px; height: 26px; object-fit: contain; flex: none;}
/* Missing/wrong Flutter build is explained instead of displaying the website
   recursively inside its own phone mockup. */
.v4-phone-screen .demo-load-state {
 position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
 padding:25px; background:#ede7de; z-index:2; text-align:center;
 color:#16233a; font-size:13px; line-height:1.6; font-weight:750;
}
.v4-phone-screen .demo-load-state[hidden] {display:none;}
.v4-phone-screen .demo-load-state .demo-state-card {
 max-width:280px; background:#fff; border:1px solid #cedae0;
 border-radius:15px; padding:22px 16px; box-shadow:0 8px 22px rgba(22,35,58,.08);
}
.v4-phone-screen .demo-load-state .demo-state-card strong {display:block; font-size:17px; margin:7px 0 9px;}
.v4-phone-screen .demo-load-state .demo-state-card small {display:block; font-size:12px; font-weight:500; color:#5b6e82; overflow-wrap:anywhere;}
@media(max-width:620px){
 .wordmark .brand-icon {width:43px;height:43px;flex-basis:43px; border-radius:11px;}
 .wordmark .brand-icon img {width:100%;height:100%;}
 .wordmark .brand-name {font-size:19px;}
}

[data-mobile-privacy][hidden]{display:none!important}
