*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#5b342b;color:#111}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.container{width:92%;max-width:1280px;margin:auto}

/* Header */
.site-header{background:#e90062;position:sticky;top:0;z-index:999;box-shadow:0 3px 12px rgba(0,0,0,.25)}
.header-flex{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;padding:12px 0}
.logo img{width:180px;height:auto}
.nav-menu{display:flex;align-items:center;gap:25px}
.nav-menu a{color:#fff;font-weight:700;font-size:16px}
.menu-toggle{display:none;color:#fff;font-size:32px;cursor:pointer;font-weight:700}

/* Game */
.game-section{padding:18px 0 40px;background:#5b342b}
.game-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
.game-box{position:relative;width:100%;height:520px;background:#111;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.35)}
.game-frame{width:100%;height:100%;border:0;display:none}

.game-cover{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;text-align:center}
.game-cover::before{content:"";position:absolute;inset:0;background:url('/images/snow-rider-m.webp') center/cover no-repeat;filter:blur(14px);transform:scale(1.15);z-index:-2}
.game-cover::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.48);z-index:-1}
.game-cover img{width:170px;height:170px;object-fit:cover;border-radius:16px;margin-bottom:20px;box-shadow:0 8px 25px rgba(0,0,0,.35)}
.game-cover h2{color:#fff;font-size:38px;font-weight:800;margin-bottom:22px}
#playGameBtn{background:#ff3b1f;color:#fff;border:0;border-radius:16px;padding:14px 48px;font-size:30px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.3)}

.game-actions{margin-top:14px;background:#fff;border-radius:9px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.game-info{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700}
.game-info img{width:48px;height:48px;border-radius:8px;object-fit:cover}
.action-buttons{display:flex;gap:10px}
.action-buttons button{width:46px;height:46px;border:0;border-radius:10px;background:#eee;cursor:pointer;font-size:20px;transition:.2s}
.action-buttons button:hover{background:#e90062;color:#fff}

/* Sidebar */
.game-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.related-game{background:#fff;border-radius:8px;overflow:hidden;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.related-game img{width:100%;height:135px;object-fit:cover}
.related-game h3{padding:13px 8px;font-size:16px;font-weight:700}

/* Content */
.content-section{background:#fff;padding:45px 0}
.content-box{max-width:1050px;margin:auto;padding:30px;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.content-box h2{font-size:32px;margin-bottom:18px;color:#e90062}
.content-box p,.content-box li{font-size:18px;line-height:1.8;margin-bottom:10px}
.content-box ul{padding-left:22px}

/* Footer */
.site-footer{background:#281713;color:#fff;padding:25px 0;text-align:center}
.site-footer a{color:#fff;margin:0 8px}

/* Mobile */
@media(max-width:768px){
  .header-flex{flex-direction:row}
  .logo img{width:160px}
  .menu-toggle{display:block}

  .nav-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#e90062;
    flex-direction:column;
    gap:0;
    padding:12px 0;
    border-radius:0 0 12px 12px;
    box-shadow:0 10px 20px rgba(0,0,0,.2);
  }

  .nav-menu.active{display:flex}
  .nav-menu a{display:block;width:100%;padding:12px;text-align:center;border-top:1px solid rgba(255,255,255,.15)}

  .game-layout{grid-template-columns:1fr}
  .game-box{height:430px}
  .game-actions{flex-direction:column}
  .action-buttons{flex-wrap:wrap;justify-content:center}
  .game-sidebar{grid-template-columns:1fr 1fr}
  .content-box{padding:22px}
  .content-box h2{font-size:26px;line-height:1.3}
  .content-box p,.content-box li{font-size:16px}
}

@media(max-width:480px){
  .container{width:95%}
  .logo img{width:145px}
  .game-box{height:360px}
  .game-cover img{width:130px;height:130px}
  .game-cover h2{font-size:28px}
  #playGameBtn{font-size:22px;padding:12px 38px}
  .game-sidebar{grid-template-columns:1fr}
}