.game-page{
  border-radius: var(--radius2);
  border:1px solid var(--line);
  box-shadow: var(--shadow);
  background:
    radial-gradient(900px 300px at 20% 0%, rgba(199,255,90,.10), transparent 60%),
    radial-gradient(900px 300px at 80% 0%, rgba(124,245,255,.10), transparent 55%),
    linear-gradient(180deg, rgba(14,21,32,.92), rgba(8,10,14,.75));
  padding: 20px 18px 22px;
  display:grid;
  gap:20px;
}

/* Верхняя зона: заголовок + большая кнопка скачать */
.game-hero{
  display:flex;
  gap:16px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}

.game-hero-title{
  display:grid;
  gap:8px;
  max-width: 640px;
}

.game-hero-title h1{
  margin:0;
  font-size:24px;
  letter-spacing:.3px;
}

.game-hero-title p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

.game-hero-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  font-size:12px;
  color:var(--muted);
}
.game-hero-meta .badge{
  border-radius:999px;
  padding:4px 8px;
}

/* Большая неоновая кнопка скачать */
.download-big{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 24px;
  border-radius: 999px;
  border:1px solid rgba(199,255,90,.6);
  background:
    radial-gradient(160px 160px at 0% 0%, rgba(199,255,90,.40), transparent 60%),
    radial-gradient(160px 160px at 100% 100%, rgba(124,245,255,.40), transparent 60%),
    linear-gradient(135deg, #1b283a, #101826);
  color:var(--text);
  font-weight:900;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.08em;
  cursor:pointer;
  overflow:hidden;
  margin: 0 auto;
    margin-bottom: 20px;
}

.download-big span.icon{
  font-size:18px;
}

.download-big::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background: conic-gradient(
    from 0deg,
    rgba(199,255,90,.9),
    rgba(124,245,255,.9),
    rgba(199,255,90,.9)
  );
  opacity:.0;
  transition: opacity .3s ease;
  z-index:-1;
  cursor: pointer;
}

.download-big::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:inherit;
  background: linear-gradient(135deg, #1b283a, #101826);
  z-index:-1;
}

/* мягкий "дышащий" неон */
@keyframes neonPulse{
  0%{ box-shadow:0 0 18px rgba(199,255,90,.45), 0 0 0 rgba(124,245,255,0); }
  50%{ box-shadow:0 0 28px rgba(124,245,255,.65), 0 0 32px rgba(199,255,90,.50); }
  100%{ box-shadow:0 0 18px rgba(199,255,90,.45), 0 0 0 rgba(124,245,255,0); }
}
.download-big{
  animation: neonPulse 2.4s ease-in-out infinite;
}
.download-big:hover::before{
  opacity:.7;
}
.download-big:hover{
  transform: translateY(-1px);
}

/* Блок с обложкой и базовой инфой */
.game-summary{
  display:grid;
  grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
  gap:18px;
}

.game-cover{
  border-radius: 22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(180px 120px at 25% 30%, rgba(255,255,255,.18), transparent 60%),
    linear-gradient(135deg, rgba(124,245,255,.16), rgba(199,255,90,.10));
  aspect-ratio: 2 / 3; /* 180x270 */
  position:relative;
}
.game-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.94;
  transform:scale(1.02);
}
.game-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.65));
}

.game-summary-info{
  display:grid;
  gap:10px;
  align-content:flex-start;
}

.info-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.info-chips .badge{
  font-size:11px;
}

.info-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  font-size:12px;
  color:var(--muted);
}
.info-stats .stat-item{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
}

.game-summary-download{
  margin-top:4px;
}

/* Текстовые секции */
.game-section{
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(10,16,26,.75);
  padding:14px 14px 16px;
}
.game-section + .game-section{
  margin-top:4px;
}

.game-section h2{
  margin:0 0 8px;
  font-size:16px;
}
.game-section h3{
  margin:6px 0 6px;
  font-size:13px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.game-section p,
.game-section li{
  font-size:13px;
  color:var(--text);
  line-height:1.6;
}
.game-section ul{
  margin:4px 0 0;
  padding-left:18px;
}

/* Системные требования: две колонки */
.requirements-grid{
  display:grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap:14px;
}
.requirements-block{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(7,11,18,.9);
  padding:10px 12px 12px;
}

/* Скриншоты */
.screenshots{
  margin-top:4px;
}
.screenshots-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}
.screenshot{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:#02040a;
  cursor: pointer;
}
.screenshot img{
  width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio: 16 / 9;
  display:block;
}

/* Теги */
.tags{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.tags li{
  font-size:12px;
}
.tags .tag-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.16);
  color:var(--muted);
}

/* Таблица информации */
.info-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.info-table tr:nth-child(odd){
  background: rgba(255,255,255,.02);
}
.info-table th,
.info-table td{
  padding:8px 10px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.info-table th{
  text-align:left;
  color:var(--muted);
  width:40%;
}

/* Комментарии */
.comments{
  margin-top:8px;
}
.comment-form{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(8,12,20,.9);
  padding:14px 14px 16px;
  display:grid;
  gap:10px;
}
.comment-form-row{
  display:grid;
  gap:6px;
}
.comment-form label{
  font-size:12px;
  color:var(--muted);
}
.comment-form input,
.comment-form textarea{
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(5,9,16,.95);
  color:var(--text);
  padding:8px 10px;
  font-size:13px;
  resize:vertical;
}
.comment-form textarea{
  min-height:90px;
}
.comment-form input:focus,
.comment-form textarea:focus{
  outline:none;
  border-color: rgba(199,255,90,.45);
}
.comment-form-actions{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.comment-submit{
  border-radius:14px;
  border:1px solid rgba(124,245,255,.7);
  background: linear-gradient(135deg, rgba(124,245,255,.35), rgba(199,255,90,.18));
  padding:8px 16px;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
      color: white;
}
.cf-placeholder{
  font-size:11px;
  color:var(--muted);
  padding:8px 10px;
  border-radius:10px;
  border:1px dashed rgba(255,255,255,.16);
}

.comments-list{
  margin:10px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.comment{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(7,11,18,.9);
  padding:10px 12px 12px;
}
.comment-header{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:baseline;
  margin-bottom:6px;
}
.comment-author{
  font-weight:700;
  font-size:13px;
}
.comment-date{
  font-size:11px;
  color:var(--muted);
}
.comment-body{
  font-size:13px;
  color:var(--text);
  line-height:1.5;
}

/* Адаптив */
@media (max-width: 900px){
  .game-summary{
    grid-template-columns: minmax(0,1fr);
  }
  .game-cover{
    max-width:280px;
  }
}
@media (max-width: 560px){
  .game-page{
    padding:14px 12px 18px;
  }
  .requirements-grid{
    grid-template-columns: minmax(0,1fr);
  }
  .screenshots-grid{
    grid-template-columns: minmax(0,1fr);
  }
}
header.game-hero{
	background: #00000000;
}