/**
 * 游戏详情页样式
 */

/* Screen reader only - SEO friendly hidden H1 */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
}

.h-screen-minus-header {
    height: calc(100vh - 60px);
}

@media (max-width: 768px) {
    #game-area {
        min-height: 300px !important;
        height: calc(100vh - 160px) !important;
    }
    
    .mobile-optimized {
        padding: 0.5rem;
    }
}

#game-area:-webkit-full-screen {
    background-color: var(--green-table);
}

#game-area:-moz-full-screen {
    background-color: var(--green-table);
}

#game-area:-ms-fullscreen {
    background-color: var(--green-table);
}

#game-area:fullscreen {
    background-color: var(--green-table);
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 视频播放器样式 */
.trailer-video {
    background-color: #000;
}

.aspect-video {
    aspect-ratio: 16 / 9;
    position: relative;
}

/* 视频控制条样式优化 */
.trailer-video::-webkit-media-controls-panel {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}

/* 视频加载状态 */
.trailer-video:not([src]) {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 响应式视频容器 */
@media (max-width: 640px) {
    .aspect-video {
        aspect-ratio: 16 / 9;
    }
}