.game-download{
  position:relative;
  min-height:calc(100vh - 70px);
  padding:58px 22px 42px;
  background:
    linear-gradient(180deg, rgba(6,4,10,.52), rgba(6,4,10,.94)),
    url('/templates/augment/img/body-background.webp') center top/cover fixed no-repeat;
  color:#eee9ff;
}

.download-container{
  position:relative;
  z-index:2;
  max-width:1240px;
  margin:0 auto;
}

.download-title{
  font-family:'Cinzel',serif;
  text-align:center;
  text-transform:uppercase;
  font-size:clamp(52px,6vw,82px);
  letter-spacing:.12em;
  margin:0 0 28px;
  background:linear-gradient(180deg,#f6efff,#b995ff 48%,#5e2ac9);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 12px 34px rgba(0,0,0,.72);
}

.register-strip{
  margin:0 auto 24px;
  padding:15px 18px;
  text-align:center;
  background:rgba(10,8,16,.74);
  border:1px solid rgba(150,100,255,.30);
  box-shadow:0 0 26px rgba(130,70,255,.13);
  color:#d8d2ee;
}

.register-strip a{
  color:#c8afff;
  font-weight:800;
  text-decoration:underline;
}

.device-alert{
  margin:0 auto 18px;
  padding:14px 18px;
  background:linear-gradient(180deg,rgba(68,16,28,.92),rgba(42,10,18,.96));
  border:1px solid rgba(255,90,115,.30);
  color:#ffd9df;
  text-align:center;
}

.download-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:28px;
}

.download-card{
  min-height:405px;
  padding:22px 20px 20px;
  background:
    radial-gradient(190px 120px at 50% 0%, rgba(132,92,201,.12), transparent 70%),
    rgba(14,12,22,.94);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 45px rgba(0,0,0,.46);
  display:grid;
  grid-template-rows:44px 145px 34px auto;
  transition:.15s ease;
}

.download-card:hover{
  transform:translateY(-2px);
  border-color:rgba(132,92,201,.45);
  box-shadow:
    inset 0 0 0 1px rgba(132,92,201,.10),
    0 22px 55px rgba(0,0,0,.55),
    0 0 24px rgba(132,92,201,.16);
}

.download-card.is-detected{
  border-color:rgba(132,92,201,.75)!important;
  box-shadow:
    inset 0 0 0 1px rgba(132,92,201,.18),
    0 0 28px rgba(132,92,201,.22),
    0 22px 55px rgba(0,0,0,.55)!important;
  transform:translateY(-4px);
}

.card-title{
  font-family:'Cinzel',serif;
  font-size:24px;
  font-weight:900;
  color:#f3f0f7;
  text-align:center;
  letter-spacing:.02em;
  text-shadow:0 2px 0 rgba(0,0,0,.55);
}

.download-card.is-detected .card-title::after{
  content:"Recommended";
  display:block;
  margin-top:2px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#b89cff;
  opacity:.9;
}

.platform-icon-wrap{
  height:145px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.platform-icon{
  width:112px;
  height:112px;
  object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));
}

.options-label{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  color:#c2bdcc;
  text-align:center;
  align-self:end;
  padding-bottom:8px;
}

.download-options{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.download-option{
  min-height:48px;
  padding:0 14px;
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:10px;
  background:rgba(38,32,52,.88);
  border:1px solid rgba(255,255,255,.045);
  color:#e6e2ee;
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  transition:.15s ease;
}

.download-option:hover,
.download-option.auto-detected{
  background:linear-gradient(180deg, rgba(82,58,138,.96), rgba(52,40,82,.98));
  border-color:rgba(184,156,255,.55);
  box-shadow:0 0 16px rgba(132,92,201,.18);
  color:#fff;
}

.download-option .name{
  font-weight:800;
  min-width:0;
}

.file-meta{
  font-size:11px;
  color:#aaa4b3;
  white-space:nowrap;
}

.requirement{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:rgba(9,8,14,.78);
  color:#aaa5b6;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
}

.security-box{
  background:
    radial-gradient(900px 250px at 50% -40%, rgba(132,92,201,.13), transparent 70%),
    rgba(14,12,22,.96);
  border-left:4px solid #845cc9;
  padding:22px 24px;
  box-shadow:0 18px 45px rgba(0,0,0,.42);
}

.security-title{
  font-family:'Cinzel',serif;
  color:#c8afff;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:16px;
  letter-spacing:.05em;
}

.security-box p{
  font-family:Arial,Helvetica,sans-serif;
  color:#d8d4df;
  line-height:1.55;
  margin:0 0 12px;
}

.security-box strong{ color:#c8afff; }

.virus-panel{
  margin-top:16px;
  padding:16px;
  background:rgba(26,22,40,.88);
  border:1px solid rgba(132,92,201,.25);
  border-radius:6px;
}

.virus-title{
  font-family:'Cinzel',serif;
  color:#c8afff;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:10px;
}

.virus-panel a{
  color:#bda9ff;
  text-decoration:underline;
}

.help-row{
  margin-top:16px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  font-family:Arial,Helvetica,sans-serif;
}

.help-btn{
  display:inline-flex;
  padding:10px 16px;
  border-radius:6px;
  background:rgba(54,49,68,.8);
  border:1px solid rgba(255,255,255,.16);
  color:#e9e5f4;
  text-decoration:none;
  font-weight:800;
}

@media(max-width:1024px){
  .download-grid{ grid-template-columns:repeat(2,1fr); }
}

@media(max-width:640px){
  .game-download{
    padding:38px 10px 28px;

    background:
      linear-gradient(180deg, rgba(6,4,10,.52), rgba(6,4,10,.94)),
      url('/templates/augment/img/body-background.webp')
      top center / auto 100vh repeat-y;

    background-attachment:scroll;
    background-color:#07050d;
  }

  .download-grid{
    grid-template-columns:1fr;
  }

  .download-card{
    min-height:390px;
  }

  .download-title{
    font-size:44px;
  }
}