:root{
    --bg:#0b0b0f;
    --bg-2:#101017;
    --card:#15151d;
    --card-2:#1a1a24;
    --border:rgba(255,176,64,0.14);
    --border-strong:rgba(255,176,64,0.28);
    --text:#ECECF1;
    --muted:#A3A3B2;
    --accent:#FFB020;       /* основной янтарь */
    --accent-2:#FF7A00;     /* оранжевый */
    --accent-soft:#FFD466;  /* мягкий жёлтый */
    --green:#22c55e;
    --radius-sm:14px;
    --radius:18px;
    --radius-lg:24px;
    --shadow-glow:0 0 40px rgba(255,140,0,0.18);
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth; scroll-padding-top:90px}
  html,body{margin:0;padding:0}
  body{
    font-family:'Manrope', system-ui, sans-serif;
    background:var(--bg);
    color:var(--text);
    -webkit-font-smoothing:antialiased;
    line-height:1.5;
    overflow-x:hidden;
    position:relative;
  }

  /* атмосферный фон со свечениями */
  body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    background:
      radial-gradient(1000px 600px at 80% -10%, rgba(255,122,0,0.16), transparent 60%),
      radial-gradient(800px 500px at -10% 30%, rgba(255,176,32,0.08), transparent 60%),
      radial-gradient(1200px 700px at 50% 110%, rgba(255,122,0,0.10), transparent 60%);
    pointer-events:none;
  }
  body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    background-image:
      linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(circle at 50% 30%, black 30%, transparent 75%);
    -webkit-mask-image:radial-gradient(circle at 50% 30%, black 30%, transparent 75%);
    pointer-events:none;
    opacity:0.6;
  }

  .wrap{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
    position:relative;
    z-index:1;
  }

  /* ============ HEADER ============ */
  .header{
    padding:22px 0;
    position:sticky;
    top:0;
    z-index:50;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    background:linear-gradient(180deg, rgba(11,11,15,0.85), rgba(11,11,15,0.5));
    border-bottom:1px solid rgba(255,255,255,0.04);
  }
  .header > .wrap{position:relative}
  .header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
  }
  .header-left{
    display:flex;
    align-items:center;
    gap:32px;
    min-width:0;
  }
  .header-right{
    display:flex;
    align-items:center;
    gap:14px;
  }
  .logo{
    display:flex;
    align-items:center;
    flex-shrink:0;
  }
  .logo img{
    height:54px;
    width:auto;
    display:block;
    filter:drop-shadow(0 4px 18px rgba(255,140,0,0.35));
  }
  .nav{
    display:flex;
    gap:6px;
  }
  .nav a{
    color:var(--muted);
    text-decoration:none;
    font-weight:500;
    font-size:15px;
    padding:10px 14px;
    border-radius:12px;
    transition:all .25s ease;
    position:relative;
  }
  .nav a:hover{
    color:var(--text);
    background:rgba(255,255,255,0.04);
  }
  .nav a.active{
    color:var(--accent);
  }
  .nav a.active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:2px;
    transform:translateX(-50%);
    width:18px;
    height:2px;
    background:var(--accent);
    border-radius:2px;
    box-shadow:0 0 10px var(--accent);
  }

  /* кнопка «Перейти на сайт» в шапке — появляется при скролле */
  .nav-cta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:12px;
    font-weight:700;
    font-size:14px;
    text-decoration:none;
    background:linear-gradient(180deg, #FFC34A, #FF8A00);
    color:#1a0e00;
    box-shadow:0 8px 22px rgba(255,140,0,0.35), inset 0 1px 0 rgba(255,255,255,0.4);
    line-height:1.2;
    /* появление */
    opacity:0;
    transform:translateY(-6px) scale(0.95);
    pointer-events:none;
    transition:opacity .3s ease, transform .3s ease, box-shadow .25s ease;
  }
  .nav-cta svg{width:15px; height:15px; flex-shrink:0}
  .nav-cta:hover{
    box-shadow:0 14px 30px rgba(255,140,0,0.5), inset 0 1px 0 rgba(255,255,255,0.4);
  }
  .header.is-scrolled .nav-cta{
    opacity:1;
    transform:translateY(0) scale(1);
    pointer-events:auto;
  }

  /* ============ HERO ============ */
  .hero{
    padding:36px 0 32px;
    position:relative;
  }
  .hero-grid{
    display:grid;
    grid-template-columns:1fr 1.05fr;
    gap:48px;
    align-items:center;
  }
  .hero-title{
    font-family:'Russo One', sans-serif;
    font-size:clamp(34px, 5vw, 60px);
    line-height:1.05;
    margin:0 0 20px;
    letter-spacing:0.5px;
  }
  .hero-title .accent{
    display:block;
    background:linear-gradient(180deg, var(--accent-soft), var(--accent-2));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    text-shadow:0 0 60px rgba(255,140,0,0.35);
    margin-top:6px;
  }
  .hero-sub{
    color:var(--muted);
    font-size:18px;
    max-width:480px;
    margin:0 0 32px;
  }

  .cta-row{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 26px;
    border-radius:var(--radius-sm);
    font-weight:700;
    font-size:15px;
    text-decoration:none;
    cursor:pointer;
    border:1px solid transparent;
    transition:transform .2s ease, box-shadow .25s ease, background .25s ease;
    line-height:1.2;
    font-family:inherit;
  }
  .btn-icon{
    width:18px;
    height:18px;
    flex-shrink:0;
  }
  .btn-content{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
  }
  .btn-title{font-size:15px}
  .btn-meta{font-size:11px; font-weight:500; opacity:.75; letter-spacing:0.5px; text-transform:uppercase}

  .btn-primary{
    background:linear-gradient(180deg, #FFC34A, #FF8A00);
    color:#1a0e00;
    box-shadow:0 12px 30px rgba(255,140,0,0.35), inset 0 1px 0 rgba(255,255,255,0.4);
  }
  .btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 40px rgba(255,140,0,0.5), inset 0 1px 0 rgba(255,255,255,0.4);
  }
  .btn-ghost{
    background:rgba(255,255,255,0.02);
    color:var(--text);
    border-color:var(--border-strong);
  }
  .btn-ghost:hover{
    background:rgba(255,176,32,0.06);
    border-color:var(--accent);
    transform:translateY(-2px);
  }

  .hero-visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:480px;
  }
  .hero-visual::before{
    content:"";
    position:absolute;
    width:680px;
    height:680px;
    background:radial-gradient(circle, rgba(255,140,0,0.38), transparent 60%);
    filter:blur(20px);
    z-index:0;
    animation:floatGlow 6s ease-in-out infinite;
  }
  @keyframes floatGlow{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.08)}
  }
  .hero-visual img{
    position:relative;
    z-index:1;
    max-width:100%;
    height:auto;
    max-height:640px;
    animation:floatY 5s ease-in-out infinite;
  }
  @keyframes floatY{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-12px)}
  }

  /* ============ SECTION ============ */
  section{position:relative; z-index:1}
  .section{padding:32px 0}
  .section-title{
    font-family:'Russo One', sans-serif;
    font-size:clamp(24px, 3vw, 34px);
    margin:0 0 20px;
    letter-spacing:0.4px;
  }
  .section-title .accent{color:var(--accent)}

  /* большая карточка с описанием */
  .info-card{
    background:linear-gradient(180deg, var(--card), var(--card-2));
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:40px 44px;
    position:relative;
    overflow:hidden;
  }
  .info-card::before{
    content:"";
    position:absolute;
    top:-1px; left:-1px; right:-1px;
    height:1px;
    background:linear-gradient(90deg, transparent, var(--accent), transparent);
    opacity:0.5;
  }
  .info-card p{
    color:#C8C8D0;
    font-size:16px;
    margin:0 0 16px;
    line-height:1.7;
  }
  .info-card p:last-child{margin-bottom:0}
  .info-card strong{color:var(--accent-soft); font-weight:600}
  .info-title{
    font-family:'Russo One', sans-serif;
    font-size:clamp(22px, 2.4vw, 28px);
    margin:0 0 18px;
    line-height:1.2;
    letter-spacing:0.3px;
    color:#fff;
  }
  .info-sub{
    font-family:'Russo One', sans-serif;
    font-size:clamp(17px, 1.6vw, 20px);
    margin:24px 0 12px;
    line-height:1.25;
    letter-spacing:0.3px;
    color:var(--accent-soft);
  }
  .info-sub:first-of-type{margin-top:18px}

  /* галерея скриншотов внутри info-card */
  .screens{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin:28px 0 8px;
  }
  .screen{
    position:relative;
    border-radius:14px;
    overflow:hidden;
    border:1px solid var(--border-strong);
    background:#000;
    aspect-ratio:16/9;
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    box-shadow:0 10px 30px rgba(0,0,0,0.4);
  }
  .screen img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
  }
  .screen::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.45));
    pointer-events:none;
  }
  .screen:hover{
    transform:translateY(-4px);
    border-color:var(--accent);
    box-shadow:0 18px 40px rgba(255,140,0,0.25);
  }
  .screen:hover img{transform:scale(1.04)}
  .screen .badge{
    position:absolute;
    left:14px;
    bottom:14px;
    z-index:2;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(11,11,15,0.75);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border:1px solid var(--border-strong);
    color:var(--accent-soft);
    font-size:12px;
    font-weight:600;
    letter-spacing:0.3px;
  }

  /* ============ GAMES ============ */
  .games-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
    flex-wrap:wrap;
  }
  .games-grid{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:16px;
  }
  .game{
    position:relative;
    border-radius:var(--radius-sm);
    overflow:hidden;
    border:1px solid var(--border);
    background:#0e0e15;
    aspect-ratio:224/166;
    cursor:pointer;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  .game img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease, filter .3s ease;
  }
  .game::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.85));
    z-index:1;
    pointer-events:none;
  }
  .game-info{
    position:absolute;
    left:0; right:0; bottom:0;
    z-index:2;
    padding:10px 12px 10px;
    transform:translateY(0);
    transition:transform .3s ease;
  }
  .game-name{
    color:#fff;
    font-weight:700;
    font-size:13px;
    line-height:1.2;
    margin:0 0 2px;
    text-shadow:0 2px 8px rgba(0,0,0,0.6);
  }
  .game-prov{
    color:var(--accent-soft);
    font-size:10px;
    font-weight:500;
    letter-spacing:0.4px;
    text-transform:uppercase;
    opacity:0.85;
  }
  .game-play{
    position:absolute;
    inset:0;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity .3s ease;
    background:radial-gradient(circle at center, rgba(255,140,0,0.3), rgba(0,0,0,0.55) 70%);
  }
  .game-play span{
    width:46px; height:46px;
    border-radius:50%;
    background:linear-gradient(180deg, #FFC34A, #FF8A00);
    display:flex; align-items:center; justify-content:center;
    color:#1a0e00;
    box-shadow:0 10px 30px rgba(255,140,0,0.5);
    transform:scale(0.85);
    transition:transform .3s ease;
  }
  .game:hover{
    transform:translateY(-5px);
    border-color:var(--accent);
    box-shadow:0 18px 40px rgba(255,140,0,0.25);
  }
  .game:hover img{
    transform:scale(1.06);
    filter:saturate(1.15) brightness(1.05);
  }
  .game:hover .game-play{opacity:1}
  .game:hover .game-play span{transform:scale(1)}

  /* ============ REVIEWS ============ */
  .reviews-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
  }
  .review{
    position:relative;
    background:linear-gradient(180deg, var(--card), var(--card-2));
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:24px 22px 22px;
    display:flex;
    flex-direction:column;
    gap:14px;
    transition:transform .25s ease, border-color .25s ease;
    overflow:hidden;
  }
  .review:hover{
    transform:translateY(-3px);
    border-color:var(--border-strong);
  }
  .review::before{
    content:"\201C";
    position:absolute;
    top:-30px; right:14px;
    font-family:'Russo One', sans-serif;
    font-size:160px;
    line-height:1;
    color:var(--accent);
    opacity:0.10;
    pointer-events:none;
  }
  .review-head{
    display:flex;
    align-items:center;
    gap:12px;
  }
  .review-avatar{
    width:44px; height:44px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:15px;
    color:#1a0e00;
    flex-shrink:0;
    box-shadow:0 4px 14px rgba(255,140,0,0.3);
  }
  .review-avatar.a1{background:linear-gradient(135deg, #FFC34A, #FF7A00)}
  .review-avatar.a2{background:linear-gradient(135deg, #FFD466, #FF5E3A)}
  .review-avatar.a3{background:linear-gradient(135deg, #FFB020, #C42613)}
  .review-author{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
  }
  .review-name{
    font-weight:700;
    font-size:14px;
    color:#fff;
  }
  .review-meta{
    color:var(--muted);
    font-size:12px;
  }
  .review-stars{
    display:flex;
    gap:3px;
    color:var(--accent);
  }
  .review-stars svg{width:14px; height:14px}
  .review-text{
    color:#C8C8D0;
    font-size:14px;
    line-height:1.6;
    margin:0;
    position:relative;
    z-index:1;
  }
  .review-foot{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:auto;
    padding-top:6px;
    color:var(--muted);
    font-size:12px;
  }
  .review-verified{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#7CE2A4;
    font-weight:500;
  }
  .review-verified svg{width:13px; height:13px}

  /* ============ HELP CARDS ============ */
  .help-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
  }
  .help-card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:24px;
    transition:transform .25s ease, border-color .25s ease, background .25s ease;
    position:relative;
    overflow:hidden;
  }
  .help-card:hover{
    transform:translateY(-4px);
    border-color:var(--border-strong);
    background:var(--card-2);
  }
  .help-card .icon{
    width:46px; height:46px;
    display:flex; align-items:center; justify-content:center;
    border-radius:12px;
    background:linear-gradient(180deg, rgba(255,176,32,0.15), rgba(255,122,0,0.08));
    border:1px solid var(--border-strong);
    margin-bottom:16px;
    color:var(--accent);
  }
  .help-card h3{
    font-size:16px;
    margin:0 0 6px;
    font-weight:700;
  }
  .help-card p{
    color:var(--muted);
    font-size:14px;
    margin:0;
    line-height:1.5;
  }

  /* ============ FEATURES ============ */
  .features-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
  }
  .feature{
    background:linear-gradient(180deg, var(--card), var(--card-2));
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:28px;
    display:flex;
    gap:18px;
    align-items:flex-start;
    transition:border-color .25s ease, transform .25s ease;
  }
  .feature:hover{
    border-color:var(--border-strong);
    transform:translateY(-3px);
  }
  .feature .icon{
    flex-shrink:0;
    width:54px; height:54px;
    border-radius:14px;
    background:linear-gradient(180deg, var(--accent), var(--accent-2));
    display:flex; align-items:center; justify-content:center;
    color:#1a0e00;
    box-shadow:0 8px 20px rgba(255,140,0,0.3);
  }
  .feature h3{
    font-size:18px;
    margin:0 0 6px;
    font-weight:700;
  }
  .feature p{
    color:var(--muted);
    margin:0;
    font-size:14px;
    line-height:1.55;
  }

  /* ============ FOOTER ============ */
  .footer{
    margin-top:24px;
    border-top:1px solid rgba(255,255,255,0.05);
    padding:36px 0 28px;
    background:linear-gradient(180deg, transparent, rgba(255,140,0,0.04));
  }
  .footer-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
  }
  .footer-logo img{height:38px; display:block; filter:drop-shadow(0 4px 14px rgba(255,140,0,0.3))}
  .footer-links{
    display:flex;
    gap:24px;
    flex-wrap:wrap;
  }
  .footer-links a{
    color:var(--muted);
    text-decoration:none;
    font-size:14px;
    transition:color .2s;
  }
  .footer-links a:hover{color:var(--accent)}
  .footer-age{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--muted);
    font-size:13px;
  }
  .age-badge{
    width:42px; height:42px;
    border-radius:50%;
    border:2px solid var(--accent);
    color:var(--accent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:13px;
    flex-shrink:0;
  }
  .copyright{
    text-align:center;
    color:#666;
    font-size:12px;
    margin-top:24px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,0.04);
  }

  /* ============ ADAPTIVE ============ */
  @media (max-width: 1100px){
    .games-grid{grid-template-columns:repeat(3, 1fr)}
  }
  @media (max-width: 960px){
    .hero{padding:24px 0 28px}
    .hero-grid{grid-template-columns:1fr; gap:32px}
    .hero-visual{order:-1; min-height:340px}
    .hero-visual::before{width:380px; height:380px}
    .hero-visual img{max-height:380px}
    .help-grid{grid-template-columns:repeat(2, 1fr)}
    .features-grid{grid-template-columns:1fr}
    .reviews-grid{grid-template-columns:1fr; gap:14px}
    /* меню короткое — оставляем 2 ссылки в шапке, burger не нужен */
    .header-left{gap:14px}
    .nav{gap:2px}
    .nav a{padding:8px 10px; font-size:13px}
    .info-card{padding:28px 22px}
    .screens{grid-template-columns:1fr; gap:14px}
    .footer-inner{flex-direction:column; align-items:flex-start; gap:18px}
  }
  @media (max-width: 520px){
    .wrap{padding:0 16px}
    .help-grid{grid-template-columns:1fr}
    .games-grid{grid-template-columns:repeat(2, 1fr); gap:12px}
    .cta-row{flex-direction:column; align-items:stretch}
    .btn{justify-content:center}
    .logo img{height:44px}
    .section{padding:26px 0}
    .info-card p{font-size:15px}
    .nav a{padding:7px 8px; font-size:12px}
    .header.is-scrolled .nav-cta{padding:8px 12px; font-size:12px}
    .header.is-scrolled .nav-cta svg{width:13px; height:13px}
    .header-inner{gap:10px}
    .header-left{gap:8px}
  }

  /* ============ GAME PAGE ============ */
  .game-page{padding:28px 0 0}
  .game-header{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-bottom:20px;
  }
  .breadcrumbs{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--muted);
    font-size:13px;
    margin-bottom:6px;
  }
  .breadcrumbs a{
    color:var(--muted);
    text-decoration:none;
    transition:color .2s;
  }
  .breadcrumbs a:hover{color:var(--accent)}
  .breadcrumbs svg{width:12px; height:12px; opacity:0.5}
  .game-page h1{
    font-family:'Russo One', sans-serif;
    font-size:clamp(26px, 3.6vw, 42px);
    margin:0;
    line-height:1.1;
    letter-spacing:0.4px;
  }
  .game-page h1 .accent{
    background:linear-gradient(180deg, var(--accent-soft), var(--accent-2));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .game-page .lead{
    color:var(--muted);
    font-size:16px;
    margin:6px 0 0;
    max-width:780px;
  }
  .game-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
  }
  .game-meta span{
    padding:6px 12px;
    border-radius:999px;
    background:rgba(255,176,32,0.08);
    border:1px solid var(--border-strong);
    color:var(--accent-soft);
    font-size:12px;
    font-weight:600;
    letter-spacing:0.3px;
  }

  /* iframe */
  .game-frame{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    border-radius:var(--radius-lg);
    overflow:hidden;
    border:1px solid var(--border-strong);
    background:#000;
    box-shadow:0 18px 50px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,140,0,0.05);
    margin-bottom:24px;
  }
  .game-frame iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    display:block;
  }

  /* большая CTA полоса под iframe */
  .play-cta{
    position:relative;
    border-radius:var(--radius-lg);
    background:linear-gradient(135deg, rgba(255,140,0,0.18), rgba(255,176,32,0.08) 50%, rgba(15,15,21,0.9));
    border:1px solid var(--border-strong);
    padding:26px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    flex-wrap:wrap;
    margin-bottom:32px;
    overflow:hidden;
  }
  .play-cta::before{
    content:"";
    position:absolute;
    width:380px; height:380px;
    background:radial-gradient(circle, rgba(255,140,0,0.32), transparent 65%);
    filter:blur(20px);
    top:50%; left:0;
    transform:translateY(-50%);
    pointer-events:none;
  }
  .play-cta-text{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
  }
  .play-cta-title{
    font-family:'Russo One', sans-serif;
    font-size:clamp(20px, 2.2vw, 26px);
    color:#fff;
    line-height:1.15;
    letter-spacing:0.3px;
  }
  .play-cta-bonus{
    color:var(--accent-soft);
    font-size:15px;
    font-weight:600;
  }
  .play-cta-bonus strong{
    color:#fff;
    font-weight:700;
    font-size:18px;
  }
  .play-cta .btn-primary{
    position:relative;
    z-index:1;
    flex-shrink:0;
    padding:18px 32px;
    font-size:16px;
  }

  /* SEO-блок под игрой */
  .game-seo{
    background:linear-gradient(180deg, var(--card), var(--card-2));
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:36px 40px;
    margin-bottom:32px;
  }
  .game-seo h2{
    font-family:'Russo One', sans-serif;
    font-size:clamp(20px, 2.2vw, 26px);
    margin:24px 0 12px;
    line-height:1.2;
    letter-spacing:0.3px;
    color:#fff;
  }
  .game-seo h2:first-child{margin-top:0}
  .game-seo h3{
    font-family:'Russo One', sans-serif;
    font-size:clamp(16px, 1.5vw, 18px);
    margin:20px 0 10px;
    color:var(--accent-soft);
    letter-spacing:0.3px;
  }
  .game-seo p{
    color:#C8C8D0;
    font-size:15px;
    line-height:1.7;
    margin:0 0 14px;
  }
  .game-seo p:last-child{margin-bottom:0}
  .game-seo strong{color:var(--accent-soft); font-weight:600}
  .game-seo ul{
    list-style:none;
    padding:0;
    margin:0 0 14px;
  }
  .game-seo li{
    color:#C8C8D0;
    font-size:15px;
    line-height:1.6;
    padding:8px 0 8px 28px;
    position:relative;
    border-bottom:1px solid rgba(255,255,255,0.04);
  }
  .game-seo li:last-child{border-bottom:0}
  .game-seo li::before{
    content:"";
    position:absolute;
    left:6px; top:15px;
    width:8px; height:8px;
    border-radius:50%;
    background:linear-gradient(180deg, var(--accent), var(--accent-2));
    box-shadow:0 0 8px rgba(255,140,0,0.5);
  }

  /* характеристики игры таблицей */
  .game-specs{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:0;
    margin:14px 0;
    border:1px solid var(--border);
    border-radius:14px;
    overflow:hidden;
  }
  .spec-row{
    display:flex;
    justify-content:space-between;
    padding:12px 18px;
    border-bottom:1px solid rgba(255,255,255,0.04);
    background:rgba(255,255,255,0.015);
  }
  .spec-row:nth-last-child(-n+2){border-bottom:0}
  .spec-key{color:var(--muted); font-size:14px}
  .spec-val{color:#fff; font-size:14px; font-weight:600}

  /* блок «Другие игры» */
  .more-games{margin-bottom:28px}
  .more-games .section-title{margin-bottom:16px}

  @media (max-width: 760px){
    .game-frame{aspect-ratio:4/3}
    .play-cta{padding:20px; flex-direction:column; align-items:stretch; text-align:center}
    .play-cta .btn-primary{justify-content:center}
    .game-seo{padding:24px 22px}
    .game-specs{grid-template-columns:1fr}
    .spec-row{border-bottom:1px solid rgba(255,255,255,0.04) !important}
    .spec-row:last-child{border-bottom:0 !important}
  }

  /* ============ GO / REDIRECT PAGE ============ */
  .go-page{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 24px;
    position:relative;
    z-index:1;
  }
  .go-card{
    width:100%;
    max-width:560px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:24px;
  }
  .go-icon{
    font-size:72px;
    line-height:1;
    filter:drop-shadow(0 8px 24px rgba(255,140,0,0.4));
    animation:goWobble 2.5s ease-in-out infinite;
  }
  @keyframes goWobble{
    0%,100%{transform:rotate(-4deg) translateY(0)}
    50%{transform:rotate(4deg) translateY(-4px)}
  }
  .go-title{
    font-family:'Russo One', sans-serif;
    font-size:clamp(26px, 4vw, 36px);
    margin:0;
    line-height:1.15;
    letter-spacing:0.4px;
    background:linear-gradient(180deg, var(--accent-soft), var(--accent-2));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .go-sub{
    color:var(--muted);
    font-size:16px;
    margin:0;
    max-width:420px;
  }
  /* прогресс-бар */
  .go-progress{
    width:100%;
    max-width:380px;
    height:6px;
    background:rgba(255,255,255,0.06);
    border-radius:999px;
    overflow:hidden;
    position:relative;
  }
  .go-progress::before{
    content:"";
    position:absolute;
    inset:0;
    width:0%;
    background:linear-gradient(90deg, var(--accent), var(--accent-2));
    border-radius:999px;
    box-shadow:0 0 12px rgba(255,140,0,0.6);
    animation:goFill 4s linear forwards;
  }
  @keyframes goFill{
    0%{width:0%}
    100%{width:100%}
  }
  /* спиннер */
  .go-spinner{
    width:42px; height:42px;
    border:3px solid rgba(255,255,255,0.08);
    border-top-color:var(--accent);
    border-right-color:var(--accent);
    border-radius:50%;
    animation:goSpin 0.9s linear infinite;
  }
  @keyframes goSpin{
    to{transform:rotate(360deg)}
  }
  /* fallback-кнопка */
  .go-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:18px 40px;
    border-radius:999px;
    font-weight:700;
    font-size:16px;
    text-decoration:none;
    background:linear-gradient(180deg, #FFC34A, #FF8A00);
    color:#1a0e00;
    box-shadow:0 14px 38px rgba(255,140,0,0.45), inset 0 1px 0 rgba(255,255,255,0.4);
    line-height:1.2;
    transition:transform .2s ease, box-shadow .25s ease;
    margin-top:8px;
  }
  .go-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 46px rgba(255,140,0,0.6), inset 0 1px 0 rgba(255,255,255,0.4);
  }
  .go-btn svg{width:18px; height:18px}
  .go-back{
    color:var(--muted);
    font-size:14px;
    text-decoration:none;
    transition:color .2s;
    margin-top:4px;
  }
  .go-back:hover{color:var(--accent)}
  .go-bonus{
    margin-top:6px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,176,32,0.08);
    border:1px solid var(--border-strong);
    color:var(--accent-soft);
    font-size:13px;
    font-weight:600;
    letter-spacing:0.3px;
  }