/* skin/css/list.css */
.type-bar {
    display: flex; gap: 5px; padding: 15px; overflow-x: auto;
}
.type-btn {
    background: #fff;
    border: 2px solid #555;
    padding: 4px 12px;
    font-weight: bold;
    font-size: 12px;
    white-space: nowrap;
    min-width: 0;
    flex-shrink: 0;
}

.game-list { padding: 15px; display: flex; flex-direction: column; gap: 15px; }
.game-row {
    background: #fff; border: 3px solid #000; padding: 12px;
    display: flex; align-items: center;
    box-shadow: 4px 4px 0 #ccc;
}
.game-row img {
    width: 50px; height: 50px; border: 2px solid #000; margin-right: 15px;
}
.gr-content { flex: 1; }
.gr-content h4 { font-size: 14px; font-weight: 900; margin-bottom: 4px; }
.gr-meta { background: #eee; display: inline-block; padding: 2px 4px; font-size: 12px; margin-bottom: 4px; }
.gr-desc { font-size: 12px; color: #666; }

.pixel-pager { text-align: center; margin: 20px 0; font-weight: bold; }