/* reference game-page rules (bacc558.com), extracted as-is and scoped under .c2g;
   loaded on the game list page only, for the desktop layout */

.c2g .searchBar {border:2px solid hsla(43,75%,79%,.502);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}

.c2g .searchBar.active {width:250px;border-radius:20px}

.c2g .searchBar .ui_iptSearch .ipt_search {background:transparent;border:none;width:100%;font-size:16px;color:hsla(43,75%,79%,.502)}

.c2g .i-search {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE1N0U5OUU0MUVDRjExRjE5RTQ5RjBCQkYzOUI4NDU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE1N0U5OUU1MUVDRjExRjE5RTQ5RjBCQkYzOUI4NDU0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTU3RTk5RTIxRUNGMTFGMTlFNDlGMEJCRjM5Qjg0NTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTU3RTk5RTMxRUNGMTFGMTlFNDlGMEJCRjM5Qjg0NTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5plc0vAAACEUlEQVR42qyVS0tCQRTHR3ugQkUKLYqI6AE9hAqislbVogjaBxUF4WeSNkFG9QXa5aZIEpdF9CSS2gQlJGSlSf8D58Jhmnu9igd+eM91zvnfmTlzxvNxF1c2Vg96QBcIAh/4AlnwBO5Bsal3VTmZxyBAiSdBBAQcYj/BOUhCpGg3yKv5rWALzJdJrvj/WRDN3e8F3cyAkm+CZvH/B7gCzyAP/KADDIIWMS4HdjCTdzsBWpYoaOP3JZDgJfg1fFgdmABz/Ez2Crb15bKWKCKSU8J9cGaT3BqT5HHWGIqfNu1BAwtYluAKcWMP4Fj4U9iPRl2gn0tQcQmmVGWW4jjFefp0gS7hXzksi9Gw5rRfl+JVty4QEv6zqs5kXFAXqBN+vkoBGfdvD0rC91UpION+dIE34bdXKSDjsrpARvhDhvbhaChLD37C4lVGF7gV06INH6vw60dFoVCeG13gW6v9BdDpMjn1pUXhp1G2X6ZWcQreRbte55l47JokGAEb3AmstT8x9X5raofcTf0ctExHH1yAF+7/Af7qYdG7FK/CgVaRxguHgla4dbu1LH9cmE9xXC6TXjHUcmPcKQtlEhd5XIyTz/Ds1lBZPqcrUx6eAe5VIV62Ap8bupOv6QTTnYyE43heErEv1kycBNw2O+s8GEW8qkYGoTR+jrSW8VszAU3kkW47+IWaCgiRXUpO/p8AAwAUu5FkNpbcugAAAABJRU5ErkJggg==) no-repeat 50%;width:25px;height:25px}

.c2g .aside {width:269px;padding:50px 22px 0;flex-shrink:0}

.c2g .aside_list a {display:flex;align-items:center;height:76px;margin:10px 0;cursor:pointer}

.c2g .aside_list a span {display:inline-block;vertical-align:middle;font-size:20px;width:60%}

.c2g .aside_list a .i {display:inline-block;vertical-align:middle;width:40%;height:64px}

.c2g .aside_list a.active,
.c2g .aside_list a:hover {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAABOCAYAAADW+XFBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZBMDA1MDg4MUVDNjExRjFBNUZCQjU0MDUyODNCQUY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZBMDA1MDg5MUVDNjExRjFBNUZCQjU0MDUyODNCQUY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkEwMDUwODYxRUM2MTFGMUE1RkJCNTQwNTI4M0JBRjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkEwMDUwODcxRUM2MTFGMUE1RkJCNTQwNTI4M0JBRjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5r0HgfAAAPXUlEQVR42uyd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) no-repeat 0;background-size:cover;border-radius:14px}

.c2g .aside_list a.active span,
.c2g .aside_list a:hover span {text-shadow:1px 0 2px hsla(0,0%,100%,.2);background:linear-gradient(160deg,#fcde82 20%,#ffed91 40%,#cd9064 70%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}

.c2g .main_header {display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;margin-top:20px}

.c2g .tabs {display:flex;gap:14px}

.c2g .tabs .tab {font-size:16px;color:hsla(43,75%,79%,.5);border:1px solid hsla(43,75%,79%,.5);border-radius:20px;padding:0 30px;height:38px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-around}

.c2g .tabs .tab.active,
.c2g .tabs .tab:hover {color:#000;background:linear-gradient(180deg,#d6b680 0,#bb8d51);border:none;box-shadow:inset 1px 1px 1px #ffffe4;background:linear-gradient(130deg,#d9b882,#bb8d51);border:1px solid transparent}

.c2g .panel_wrap {text-align:left;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:20px}

.c2g .panel_gamelist {display:inline-block;width:230px;border-radius:9px;overflow:hidden;transition:.3s}

.c2g .panel_gamelist:hover {transform:scale(1.05)}

.c2g .panel_gamelist.maintain {pointer-events:none}

.c2g .panel_gamelist.maintain:hover {transform:scale(1)}

.c2g .panel_img {position:relative;cursor:pointer;width:230px;height:230px}

.c2g .panel_img:before {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAYAAAA+VemSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA31pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBMTE0RjdFNkEwNzgxMUVEODJEQ0NDMDE4NkFCRUZFRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTkzNDBGQkE1QzcxMUVEOTIxRjlDOTNDOUU4RjQzMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTkzNDBGQUE1QzcxMUVEOTIxRjlDOTNDOUU4RjQzMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NzI5NjY4OC01YTc2LWUxNDUtYjUyYi0zMmY4YzM4MTQxZTYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMmNjYzhjOS01OTg2LWNiNGEtYWZiNy1lNzgyODkxMmJjYTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5/f5tkAAAE50lEQVR42uzcC2+TVRjA8b5vbxO8cPESEQXi55EPy/dRIEEJIoqTXRi9+JzynHHWbKxGcUV/v+TJugY6UvLfOe9pt66/9d2gmj+4N9hQF3Ml5tOYqzEfx+zEjGKGA+As85hZzGHMbsxvMb/EPI9ZbvIAw9t334RYA94w3mnMrZibMZcy1mEG3TdxA6erkS7y9jxnP+ZRzMOYl5tGvAp4g3jLynon5quMeNRMG3EnYDg34OVavLNmjjLk+/n5WyPulstzV+1rMd/GfBAzjpk0M24i7k75LgOcvPRsG6nxvspw65TPD2K+j/n1vJX1bV/sRswXTaDDjHaat8tS/yT38M9i/si9ffkHLOM7hJBx0fvgXt2ZlnbKWdFHMdcHr8+QruRi2K1FXfq6nQvnT2ctimetwOXBvswHn+YXvZQP1ueF948xT8vePUKd+2+Cvxz2MLv6LC9Pr+a18UFeEx/mIlkOuB6fFvFZAZfvDvVkuUR7OT8e5P7853I7wl34b4C/HXKffZWQv25a28uP9cT62SYBX84lftrc3slVt8S7G+HOPO3wj4c8yoXzZq7Gh3lZupcrcb19rF97jGHeVwMd5+dl+f6hLOXihXcj23qerT3O9sa178GbV3xOBlyOo5sXh2e51x7lX36aK++eLTO884gXuco+yvbqKz3l/lfrvXbNO7H65sL6k5jPM+ZyArYvXvjXr4vLAdeNDLicO/3eHBgv2i1012yX53m7/IEn4oULW4n3s8FFNjlvttVdG/BkbX9dDrDKodUL8cKFRvwiW5zUu3NFnrQB1zdm9PmxXAPven0XLjzi0uBuE29ttDR7fFA1yeV5kffVY2vg4r3MJkdNwKt3RfbN6lvfLrkK2NYZtmorXQPuml6nJeCdZmmu2+ojTxtslaNss2tW4Z0+t8/tTxQtXfvCVl4LL5tr4dVB1qheDOf1b+GdVrCdZs32eTX1h/KXGXBZga2+sJ3mg7VfolE/WeS+uhcwbHXAfTt9c2Fcx+kzbKfFWqt9+1bK1Xj5CLZTtnnid8/V1Xcw8Mvo4H1x3GzvuYD3l4BBwICAAQGDgAEBAwIGBAwCBgQMCBgEDAgYEDAgYBAwIGBAwICAQcCAgAEBg4ABAQMCBgQMAgYEDAgYEDAIGBAwIGAQMCBgQMCAgEHAgIABAYOAAQEDAgYEDAIGBAwIGBAwCBgQMCBgEDAgYEDAgIBBwICAAQEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgYEDAIGBAwICAQcCAgAEBAwIGAQMCBgQMAgYEDAgYEDAIGBAwIGBAwCBgQMCAgEHAgIABAQMCBgEDAgYEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgIABAYOAAQEDAgYBAwIGBAwIGAQMCBgQMAgYEDAgYEDAIGBAwICAAQGDgAEBAwIGAQMCBgQMCBgEDAgYEDAgYBAwIGBAwCBgQMCAgAEBg4ABAQMCBgF7CkDAgIABAYOAAQEDAgYEDAIGBAwIGAQMCBgQMCBgEDAgYEDAgIBBwICAAQGDgAEBAwIGBAwCBgQMCBgQMAgYEDAgYBAwIGBAwICAQcCAgAEBg4ABAQMCBgQMAgYEDAgYEDAIGBAwIGAQMCBgQMCAgEHAgIABAQMCBgEDAgYEDP87o5hxTvFhzDeeFrACAwIGBAz/QX8KMADy9NzY3eiIEQAAAABJRU5ErkJggg==) no-repeat top}

.c2g .panel_img:after,
.c2g .panel_img:before {content:"";position:absolute;top:0;right:0;bottom:0;left:0}

.c2g .panel_img:after {background-image:linear-gradient(180deg,hsla(0,0%,100%,0) 80%,rgba(0,0,0,.5))}

.c2g .panel_img .txt_maintain {position:absolute;width:230px;height:270px;background:rgba(40,40,40,.7);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;letter-spacing:2px;cursor:auto;z-index:4}

.c2g .panel_img img {max-width:100%}

.c2g .panel_name {text-align:center;color:#120b02;background:#c59c63;font-size:20px;line-height:40px;position:relative;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-right:40px;padding-left:5px;box-shadow:inset 1px 0 3px #ffd78b}

/* ---- page layout and our additions (not from the reference stylesheet) ---- */
.c2g__content {
    display: flex;
    width: 1300px;
    max-width: 100%;
    margin: 0 auto 60px;
}
.c2g .main { flex: 1; min-width: 0; margin: 40px 0 0 20px; }
.c2g .aside_list { margin: 0; padding: 0; list-style: none; }
.c2g .aside_list a { color: #cdcdcd; text-decoration: none; }
.c2g .aside_list a span { text-align: center; }
.c2g .aside_list a .i { background-repeat: no-repeat; background-position: 50%; background-size: contain; }
.c2g .aside_list a.is-soon { opacity: .45; cursor: default; }
.c2g .aside_list a.is-soon:hover { background: none; }

/* search: a round button that opens into a field */
.c2g .searchBar { padding: 0; transition: width .25s; }
.c2g .searchBar .ui_iptSearch { display: none; flex: 1; min-width: 0; }
.c2g .searchBar.active { justify-content: space-between; padding: 0 14px; }
.c2g .searchBar.active .ui_iptSearch { display: block; }
.c2g .searchBar .ipt_search { outline: 0; }
.c2g .i-search { flex: none; width: 24px; height: 25px; cursor: pointer; }

/* card extras */
/* the reference cards are a fixed 230px, which left a wide empty strip on the right
   whenever a row could not fit one more card (e.g. only two columns at ~1000px).
   The list is a fluid grid instead: as many columns as fit at 200px or more, sharing
   the row; at full width that is still four ~230px cards, as on the reference. */
.c2g .panel_wrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; }
.c2g .panel_gamelist { width: auto; min-width: 0; vertical-align: top; }
.c2g .panel_img { width: 100%; height: auto; aspect-ratio: 1 / 1; }
.c2g .panel_img img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* covers the picture and the 40px name bar under it, at any card size */
.c2g .panel_img .txt_maintain { top: 0; left: 0; width: 100%; height: calc(100% + 40px); font-size: 20px; }
/* no favourite heart on the name bar, so it keeps even padding */
.c2g .panel_name { padding-left: 5px; padding-right: 5px; }
.c2g .c2-gl__empty { padding: 80px 0; text-align: center; color: var(--c2-dim); font-size: 18px; }

/* narrow desktop: a slimmer provider list leaves room for a third column of games */
@media (max-width: 1099.98px) {
    .c2g .aside { width: 220px; padding: 40px 12px 0; }
    .c2g .aside_list a span { font-size: 17px; }
}