


.game-detail {width: 100%;margin: 15px 0 45px;}
.game-detail .detail-header {display:flex;gap:30px;margin-bottom:15px;align-items: center;}
.game-detail .game-cover {flex-shrink:0;}
.game-detail .cover-image {width:auto;height:180px;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.2);}
.game-detail .game-info {flex:1;}
.game-detail .go-play-title:hover{text-decoration: underline;}
.game-detail .game-meta {display:flex;justify-content:flex-start;align-items:center;margin-bottom:15px;}
.game-detail .game-type {background: linear-gradient(135deg, #593977 0%, #34467c 100%);color:white;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500;}
.game-detail .game-rating2 {display:flex;align-items:center;gap:10px;margin-left: 20px;}
.game-detail .rating-stars {color:#FFD700;font-size:20px;}
.game-detail .rating-value {font-size:18px;font-weight:600;color:#ffffff;}
.game-detail .game-title2 {font-size:36px;font-weight:700;color:#ffffff;margin:0;text-align: left;}
.game-detail .detail-content {background:rgba(20,20,32,0.6);border-radius:16px;padding:0;margin:25px 0 15px;}
.game-detail .content-section {color:#e0e0e0;line-height:1.6;}
.game-detail .content-section h3 {color:#ffffff;margin:25px 0 15px;font-size:20px;}
.game-detail .content-section p {margin-bottom:20px;}
.game-detail .content-section ul {margin:15px 0;padding-left:20px;}
.game-detail .content-section li {margin-bottom:10px;}

.game-detail .swiper-container {width:100%;margin:10px auto;overflow:hidden;}
.game-detail .swiper-wrapper {align-items:center;}
.game-detail .swiper-slide {display:flex;justify-content:center;}
.game-detail .swiper-slide img {width:100%;height:auto;display:block;border-radius:12px;}
.game-detail .swiper-button-next,.game-detail .swiper-button-prev {width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,0.55);backdrop-filter:blur(6px);box-shadow:0 6px 16px rgba(0,0,0,0.25);transition:all 0.25s ease;}
.game-detail .swiper-button-prev {left:10px;}
.game-detail .swiper-button-next {right:10px;}
.game-detail .swiper-button-next::after,.game-detail .swiper-button-prev::after {content:'';width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;left:50%;}
.game-detail .swiper-button-prev::after {transform:translate(-40%,-50%) rotate(-135deg);}
.game-detail .swiper-button-next::after {transform:translate(-60%,-50%) rotate(45deg);}
.game-detail .swiper-button-next:hover,.game-detail .swiper-button-prev:hover {background:rgba(0,0,0,0.75);transform:scale(1.08);}
@media (max-width:768px) {.game-detail .swiper-button-next,.game-detail .swiper-button-prev {width:36px;height:36px;}
;}
.game-detail .swiper-button-next::before,.game-detail .swiper-button-prev::before {display:none;}
.game-detail .youtube iframe { width: 100%;height: 450px; }

.game-detail .action-button {display:flex;align-items: center;justify-content: center;margin-top:50px;}
.game-detail .play-button {width:280px;display:flex;align-items: center;justify-content: center; background: var(--gradient-primary);color:white;padding:12px 50px;border-radius:30px;font-size:18px;font-weight:600;text-decoration:none;transition:transform 0.3s,box-shadow 0.3s;box-shadow:0 6px 20px rgba(138,43,226,0.3);}
.game-detail .play-button:hover {transform:translateY(-3px);box-shadow:0 10px 25px rgba(138,43,226,0.4);}
.game-detail .play-button svg {height:18px;margin-right:15px;transition:transform 0.3s ease;animation:playIconMove 1s ease-in-out infinite;}
@keyframes playIconMove {0% {transform:translateX(0);}
50% {transform:translateX(6px);}
100% {transform:translateX(0);}
;}

.game-detail .share-button {position: relative; margin-right: 20px; width:auto;display:flex;align-items:center;justify-content:center;background: transparent;border:1px solid #fff; color:#fff;padding:13.4px 30px;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 6px 20px rgba(0,0,0,0.1);}
.game-detail .share-button:hover {transform:translateY(-3px);box-shadow:0 10px 25px rgba(138,43,226,0.4);background: var(--gradient-primary);color:white;border:none;}
.game-detail .share-button svg {height:18px;margin-right:10px;transition:transform 0.3s ease;}
.game-detail .share-button:hover svg {transform:scale(1.1);}
.copy-notification {min-width: 185px; position:absolute;bottom:60px;left:50%;transform:translateX(-50%);background-color:rgba(85, 84, 84, 0.85);color:white;padding:6px 10px;border-radius:4px;font-size:16px;font-weight:500;z-index:999999999;animation:bottomFadeInOut 2s ease-in-out forwards;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,0.3);}
@keyframes bottomFadeInOut {0% {opacity:0;transform:translateX(-50%) translateY(20px);}
20% {opacity:1;transform:translateX(-50%) translateY(0);}
80% {opacity:1;transform:translateX(-50%) translateY(0);}
100% {opacity:0;transform:translateX(-50%) translateY(20px);}
;}

@media (max-width:768px) {
  .game-detail .action-button{flex-direction: column;}
  .game-detail .detail-header {flex-direction:column;align-items:center;text-align:center;gap:15px;}
  .game-detail .game-rating2 {margin-left: 0px;}
  .game-detail .cover-image{height:160px;}
.game-detail .game-title2 {font-size:28px;text-align: center;}
.game-detail .game-meta {flex-direction:column;gap:12px;}
.game-detail .youtube iframe { height:380px; }
.game-detail .play-button {padding:16px 40px;font-size:18px;width:100%;}
.game-detail .share-button {margin-right: 0px;margin-bottom: 20px;padding:17.4px 40px;width:100%;}
;}
@media (max-width:480px) {
  .game-detail .cover-image {height:150px;}
.game-detail .game-title2 {font-size:24px;}
.game-detail .content-section h3 {font-size:18px;}
;}



