:root{
  --bg:#060b16;
  --bg-2:#09111f;
  --panel:#0e1729;
  --panel-2:#13203a;
  --panel-3:#0b1425;
  --text:#f5fbff;
  --muted:#97a9cc;
  --blue:#57a6ff;
  --blue-2:#8bcbff;
  --green:#34d399;
}
*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  min-height:100%;
}
body{
  min-height:100vh;
  color:var(--text);
  font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
body{
  background:
    radial-gradient(circle at 15% 0%,rgba(87,166,255,.14),transparent 22%),
    radial-gradient(circle at 85% 0%,rgba(52,211,153,.08),transparent 20%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);
}
a{
  color:inherit;
  text-decoration:none;
}

button,input,select,textarea{
  font:inherit;
}
.wrap{
  width:min(1240px,calc(100% - 36px));
  margin:0 auto;
}
@media (max-width:760px){
  .wrap{
    width:100%;
    padding-left:14px;
    padding-right:14px;
  }
}
@media (max-width:760px){
  .topbar{
    position:static;
  }
}
.mobile-nav-toggle{
  display:none;
}

@media (max-width:760px){
  .mobile-nav-toggle{
    display:flex;
    width:100%;
    min-height:44px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(118,156,228,.18);
    border-radius:12px;
    background:rgba(14,23,41,.9);
    color:var(--text);
    font-weight:800;
  }

  .mobile-nav{
    display:none;
  }

  .mobile-nav.open{
    display:flex;
  }
}
@media (max-width:760px){
  .mobile-nav a.battlefield-link{
    margin-top:4px;
    color:#fff4df;
    background:linear-gradient(180deg,#f47a25 0%,#a92c18 100%);
    border-color:rgba(255,153,70,.72);
  }
}
@media (max-width:760px){
  html,body{
    overflow-x:hidden;
  }

  body{
    width:100%;
  }

  main,
  section,
  .card{
    min-width:0;
    max-width:100%;
  }
}
@media (max-width:760px){
  .mobile-nav-toggle{
    margin-bottom:10px;
  }

  .mobile-nav.open + *{
    margin-top:0;
  }
}
@media (max-width:760px){
  .mobile-nav-toggle[aria-expanded="true"]{
    margin-bottom:0;
  }
}