/* Angry Front VR logo: "ANGRY FRONT" + gradient "VR" in Orbitron (the Tools page h1 font), with a glowing nuke mark.
   Markup: <span class="afLogo"><span class="afMark" aria-hidden="true">☢</span>Angry Front <i>VR</i></span>
   Size follows font-size. The font face is repeated here so the game page works without theme.css. */
@font-face{font-family:'Orbitron';font-style:normal;font-display:swap;font-weight:400 900;src:url(/fonts/orbitron-latin-wght-normal.woff2) format('woff2')}
.afLogo{display:inline-flex;align-items:center;gap:.38em;font-family:'Orbitron','Rajdhani',Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.05em;line-height:1;color:#fff;white-space:nowrap;text-shadow:0 0 .5em rgba(87,230,255,.18)}
.afLogo i{font-style:normal;background:linear-gradient(90deg,#57e6ff,#b06cff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.afMark{display:inline-grid;place-items:center;flex:0 0 auto;width:1.3em;height:1.3em;border-radius:50%;font-size:.95em;color:#1a0b00;
  background:radial-gradient(circle at 50% 45%,#fff4b0 0 18%,#ffd23f 34%,#ff8c00 62%,#ff2d00 100%);box-shadow:0 0 .55em rgba(255,140,0,.65),inset 0 0 0 .07em rgba(0,0,0,.25);text-shadow:none}
/* Tools page tile: two columns wide so the logo fits (one column on phones, like .hubBig) */
#angryFront{grid-column:span 2}
#angryFront .tx b{padding-right:44px}
@media(max-width:620px){#angryFront{grid-column:auto}#angryFront .afLogo{font-size:15px!important}}