/* Shared CYBERZVER presentation. Scoped to sidebar destinations; Play is untouched. */
.container-fluid.cz-menu-page {
  --page-panel: color-mix(in oklch, var(--card) 88%, var(--bg));
  --page-border: color-mix(in oklch, var(--span) 20%, transparent);
  --page-inset: color-mix(in oklch, var(--span) 5%, var(--page-panel));
  --page-pad: clamp(18px, 2.3cqi, 26px);
  container: menu-page / inline-size;
  inline-size: 100%; max-inline-size: none;
  padding-inline: 18px; padding-block-end: 32px;
}
.cz-menu-page > .row { margin-inline: 0; row-gap: 18px; }
.cz-menu-page > .row > [class*="col-"] { min-inline-size: 0; padding-inline: 0; }
.cz-menu-page > .row > .col-md-12 { grid-column: 1 / -1; inline-size: 100%; max-inline-size: 100%; }
.cz-menu-page .cz-page-heading { display: flex; align-items: center; gap: 16px; margin-block: 8px 24px; }
.cz-menu-page .cz-page-heading > div { min-inline-size: 0; overflow-wrap: anywhere; }
.cz-page-heading__icon { display: grid; place-items: center; flex: none; inline-size: 48px; block-size: 48px; border: 1px solid var(--page-border); border-radius: 15px; background: var(--page-inset); color: var(--span); }
.cz-page-heading__icon svg { inline-size: 22px; block-size: 22px; fill: currentColor; }
.cz-page-heading h1 { margin: 0; font-family: var(--font-family-1); font-size: clamp(25px, 3cqi, 34px); font-weight: 750; line-height: 1.2; color: var(--text-default); }
.cz-page-heading p { margin: 7px 0 0; font-size: 13px; line-height: 1.5; color: var(--text-custom); }
.cz-menu-page > .row .card,
.cz-menu-page :is(.rules_card,.shop_servers_wrap_area) { background: var(--page-panel); border: 1px solid var(--page-border); border-radius: 18px; margin-block-end: 18px; box-shadow: none; }
.cz-menu-page .card-header { margin: 0; padding: 20px var(--page-pad) 16px; border-block-end: 1px solid var(--page-border); }
.cz-menu-page .card-header :is(h5,.badge) { white-space: normal; margin: 0; font-size: 14px; font-weight: 650; color: var(--text-default); }
.cz-menu-page .card-container { padding: var(--page-pad); min-inline-size: 0; }
.cz-menu-page :is(.inputs-inline,.input-wrapper,fieldset) { min-inline-size: 0; }
.cz-menu-page .inputs-inline > label { line-height: 1.5; }
.cz-menu-page :is(input[type="text"],input[type="search"],input[type="number"],textarea,select,.adaptive-select) { min-inline-size: 0; max-inline-size: 100%; border: 1px solid var(--page-border); border-radius: 11px; background-color: var(--page-inset); color: var(--text-default); }
.cz-menu-page :is(input[type="text"],input[type="search"],input[type="number"],select,.adaptive-select) { min-block-size: 44px; }
.cz-menu-page textarea { min-block-size: 120px; padding: 12px; line-height: 1.55; }
.cz-menu-page .adaptive-select-wrapper { max-inline-size: 100%; }
.cz-menu-page :is(.button,button:not(.popup_modal button):not(.navbar button):not(.blocks-sort button),.btn) { border-radius: 11px; }
.cz-menu-page :is(a,button,input,textarea,select,.adaptive-select):focus-visible { outline: 2px solid var(--span); outline-offset: 3px; }
.cz-menu-page .pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-block: 20px; }
.cz-menu-page .pagination a { min-inline-size: 36px; min-block-size: 36px; border-radius: 10px; }
.cz-menu-page :is(.table-responsive,.modern_table) { min-inline-size: 0; max-inline-size: 100%; scrollbar-width: thin; }
.cz-menu-page .table-responsive { overflow-x: auto; border: 1px solid var(--page-border); border-radius: 18px; background: var(--page-panel); }
.cz-menu-page .table { margin: 0; inline-size: 100%; }
.cz-menu-page .table :is(th,td) { padding: 14px 16px; }
.cz-menu-page .table :is(th,thead td) { color: var(--text-custom); font-size: 11px; white-space: nowrap; }
.cz-menu-page .table tbody tr { border-block-end: 1px solid color-mix(in oklch, var(--page-border) 65%, transparent); }

/* A useful filter width remains even while the chat reduces the available area. */
.cz-menu-page[data-cz-page="leaderboard"] > .row,
.cz-menu-page[data-cz-page="punishment"] > .row,
.cz-menu-page[data-cz-page="rules"] > .row { display: grid; grid-template-columns: 248px minmax(0, 1fr); gap: 20px; align-items: start; }
.cz-menu-page:is([data-cz-page="leaderboard"],[data-cz-page="punishment"],[data-cz-page="rules"]) > .row > [class*="col-"] { inline-size: 100%; max-inline-size: none; flex: none; }
.cz-menu-page :is(.sticky-filter,.rules_sticky,.sticky-block) { position: sticky; inset-block-start: 20px; }
.cz-menu-page[data-cz-page="leaderboard"] .table { min-inline-size: 1000px; }
.cz-menu-page[data-cz-page="leaderboard"] .table :is(th,td):nth-child(2) { min-inline-size: 240px; }
.cz-menu-page .leaderboard__fieldset { padding: 0; }
.cz-menu-page .leaderboard__form-label { display: flex; align-items: center; white-space: normal; gap: 9px; padding-block: 6px; font-size: 13px; }
.cz-menu-page .leaderboard__form-label input { flex: none; }
.cz-menu-page .leaderboard__my-stat-auth { padding: 14px; background: var(--page-inset); border-radius: 12px; }
.cz-menu-page[data-cz-page="leaderboard"] .card-header .badge { padding: 0; border: 0; }
.cz-menu-page #userStatsContainer { min-inline-size: 0; border-color: var(--page-border); }
.cz-menu-page .leaderboard__my-stat { min-inline-size: 0; padding: 12px; gap: 12px; }
.cz-menu-page .leaderboard__my-stat-header { min-inline-size: 0; gap: 10px; }
.cz-menu-page .leaderboard__my-stat-avatar { flex: none; inline-size: 36px; block-size: 36px; object-fit: cover; }
.cz-menu-page .leaderboard__my-stat-text { min-inline-size: 0; gap: 4px; }
.cz-menu-page .leaderboard__my-stat-description { font-size: 11px; line-height: 1.4; color: var(--text-custom); white-space: normal; opacity: 1; filter: none; }
.cz-menu-page .leaderboard__my-stat-nickname { max-inline-size: 100%; min-inline-size: 0; font-size: 14px; line-height: 1.3; color: var(--text-default); }
.cz-menu-page .leaderboard__my-stat-rank-wrap { display: flex; justify-content: flex-end; min-inline-size: 0; }
.cz-menu-page .leaderboard__my-stat-rank { margin: 0; max-inline-size: 90px; max-block-size: 34px; object-fit: contain; }
.cz-menu-page .leaderboard__my-stat-info { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.cz-menu-page .leaderboard__my-stat-block { min-inline-size: 0; padding: 9px; gap: 4px; border-radius: 10px; background: var(--page-inset); border-color: var(--page-border); white-space: normal; }
.cz-menu-page .leaderboard__my-stat-block:last-child:nth-child(odd) { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
.cz-menu-page .leaderboard__my-stat-title { font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }
.cz-menu-page .leaderboard__my-stat-value { font-size: 18px; line-height: 1.2; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.cz-menu-page .season-banner { overflow: clip; padding: 0; min-block-size: 0; }
.cz-menu-page .season-banner__content { padding: 22px; }
.cz-menu-page .season-banner__header { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; }
.cz-menu-page .season-banner__title { min-inline-size: 0; flex: 1 1 200px; }
.cz-menu-page .season-banner__name { font-family: var(--font-family-1); font-size: clamp(19px, 2.5cqi, 26px); line-height: 1.3; white-space: normal; }
.cz-menu-page .season-banner__label { font-size: 10px; letter-spacing: .08em; }
.cz-menu-page .season-banner__countdown { display: flex; gap: 6px; }
.cz-menu-page .season-banner__countdown > div { min-inline-size: 46px; padding: 8px; border: 1px solid var(--page-border); border-radius: 11px; }
.cz-menu-page .countdown-number { font-size: 22px; }
.cz-menu-page .season-banner__prizes-list.prizes-static { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr)); gap: 10px; }
.cz-menu-page .season-banner__prize { min-inline-size: 0; padding: 12px; background: var(--page-inset); border: 1px solid var(--page-border); border-radius: 12px; }
.cz-menu-page .season-banner__prizes-title { margin-block: 18px 10px; }
.cz-menu-page .season-banner__prizes { position: static; inset: auto; transform: none; translate: none; padding: 0; }
.cz-menu-page .season-banner__progress-top { position: static; inline-size: auto; block-size: auto; transform: none; translate: none; border-radius: 0; border-block-end: 1px solid var(--page-border); margin: 0; padding: 10px 22px; }
.cz-menu-page .punishment-filters { gap: 12px; }
.cz-menu-page .segmented-control { display: grid; grid-auto-flow: row; grid-template-columns: repeat(2,minmax(0,1fr)); block-size: auto; padding: 4px; gap: 4px; }
.cz-menu-page .segmented-control .selection { display: none; }
.cz-menu-page .segmented-control input:checked + label { border-radius: 8px; background: color-mix(in oklch,var(--span) 26%,var(--page-panel)); }
.cz-menu-page .segmented-control .option { min-inline-size: 0; inline-size: auto; padding: 0; }
.cz-menu-page .segmented-control label { display: flex; justify-content: center; align-items: center; min-block-size: 38px; padding: 8px 6px; font-size: 12px; }
.cz-menu-page .punish_state { line-height: 1.5; }
.cz-menu-page :is(.punish_stats_list,.punish_content) { gap: 7px; }
.cz-menu-page :is(.punish_header,.punish_content) > li { grid-template-columns: 20px 28px minmax(90px, 1fr) minmax(140px, 1.5fr) 85px minmax(80px,1fr); padding: 12px; gap: 8px; min-inline-size: 610px; }
.cz-menu-page .punish_content > li { border: 1px solid color-mix(in oklch, var(--page-border) 60%, transparent); background: var(--page-inset); border-radius: 11px; }
.cz-menu-page .punish_content > li span { min-inline-size: 0; }
.cz-menu-page[data-cz-page="punishment"] .card:has(#punishment_content) { overflow-x: auto; scrollbar-width: thin; }
.cz-menu-page[data-cz-page="punishment"] .card:has(#punishment_content) .card-header { position: sticky; inset-inline-start: 0; }
.cz-menu-page[data-cz-page="punishment"] .none_span { display: block !important; }

/* Shop navigation is compact; product filters no longer steal the catalogue width. */
.cz-menu-page:is([data-cz-page="store"],[data-cz-page="cw"],[data-cz-page="models"]) > .row:has(.store__type-block) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-block-end: 20px; }
.cz-menu-page:is([data-cz-page="cw"],[data-cz-page="models"]) > .row:has(.store__type-block) { grid-template-columns: repeat(2,minmax(0,1fr)); }
.cz-menu-page .row:has(.store__type-block) > [class*="col-"] { max-inline-size: 100%; inline-size: 100%; }
.cz-menu-page .row:has(.store__type-block) .card { border: 0; background: transparent; padding: 0; margin: 0; }
.cz-menu-page .store__type-block { min-block-size: 126px; padding: 18px; border: 1px solid var(--page-border); border-radius: 18px; background: var(--page-panel); align-items: flex-start; justify-content: flex-end; }
.cz-menu-page .store__type-block.active { border-color: var(--span); background: color-mix(in oklch,var(--span) 14%,var(--page-panel)); }
.cz-menu-page .store__type-block .store__type-text { position: relative; margin: 0; white-space: normal; font-size: clamp(15px,2cqi,23px); line-height: 1.15; max-inline-size: 80%; }
.cz-menu-page .store__type-shadow { position: absolute; inset: 0 0 0 auto; min-block-size: 0; inline-size: 50%; opacity: .7; }
.cz-menu-page .store__type-block img { position: absolute; inset: auto 0 0 auto; max-block-size: 115px; max-inline-size: 100%; object-fit: contain; }
.cz-menu-page .store__type-shadow::before { display: none; }
.cz-menu-page .store__type-arrow { display: none; }
.cz-menu-page .shop_restriction_notice { padding: 12px 16px !important; margin-block-end: 16px !important; border: 1px solid var(--page-border); border-radius: 12px; background: var(--page-inset); color: var(--text-custom); font-size: 12px; line-height: 1.55; }
.cz-menu-page .shop_bk { display: flex; flex-direction: column-reverse; gap: 18px; margin: 0; padding: 0; background: transparent; }
.cz-menu-page .shop_bk.row_reverse { flex-direction: column; }
.cz-menu-page .shop_bk > :is(.col-md-9,.shop_servers_wrap_area) { inline-size: 100%; max-inline-size: 100%; flex: none; margin: 0; padding: 0; }
.cz-menu-page .shop_bk .shop_servers_wrap_area { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 10px 24px; padding: 18px; position: static; }
.cz-menu-page .shop_servers_wrap_area > .store__filter-title:first-child { grid-column: 1; grid-row: 1; }
.cz-menu-page .shop_servers_wrap_area > .categories { grid-column: 1; grid-row: 2; display: flex; flex-wrap: wrap; gap: 6px; }
.cz-menu-page .shop_servers_wrap_area > .store__filter-title:has(+ .filter__by-price) { grid-column: 2; grid-row: 1; }
.cz-menu-page .shop_servers_wrap_area > .filter__by-price { grid-column: 2; grid-row: 2; flex-wrap: wrap; gap: 6px; }
.cz-menu-page .shop_servers_wrap_area > :is(.button_to_buy,hr) { grid-column: 1 / -1; }
.cz-menu-page .shop_servers_wrap_area > hr { display: none; }
.cz-menu-page .shop_servers_wrap_area .filter { min-block-size: 40px; padding: 10px 12px; flex: 1 1 auto; font-size: 11px; }
.cz-menu-page .shop_wrapper_product { grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)) !important; gap: 16px; }
.cz-menu-page .shop_product_wrapper { min-inline-size: 0; }
.cz-menu-page .shop_product { background: var(--page-panel); border: 1px solid var(--page-border); border-radius: 18px; overflow: clip; }
.cz-menu-page .shop_header { border-radius: 16px; block-size: auto; aspect-ratio: 1; max-block-size: 320px; }
.cz-menu-page .shop_product_img { inline-size: 100%; block-size: 100%; max-block-size: none; object-fit: contain; }
.cz-menu-page .shop_product_title { font-size: 20px; }
.cz-menu-page .shop_product_select_title { padding-block: 12px; }
.cz-menu-page .shop_product_property_title { line-height: 1.45; }
.cz-menu-page .shop_product_button { min-block-size: 44px; border-radius: 12px; }

/* Teams retain their banners and identities, with a consistent card grid. */
.cz-menu-page .clan-head, .cz-menu-page .clan-head__group { flex-wrap: wrap; gap: 10px; }
.cz-menu-page .clan-head { padding: 14px; background: var(--page-panel); border: 1px solid var(--page-border); border-radius: 16px; margin-block-end: 18px; }
.cz-menu-page .clan-cards { grid-template-columns: repeat(auto-fill,minmax(min(100%,280px),1fr)); gap: 18px; }
.cz-menu-page .clan-card { block-size: 225px; border: 1px solid var(--page-border); border-radius: 18px; background: var(--page-panel); }
.cz-menu-page .clan-card__media::before { block-size: 80%; background-image: linear-gradient(0deg,var(--page-panel),transparent); }
.cz-menu-page .clan-card__content { padding: 20px; gap: 12px; min-inline-size: 0; }
.cz-menu-page .clan-card__title { font-family: var(--font-family-1); font-size: 20px; overflow-wrap: anywhere; }
.cz-menu-page .clan-card__stats { flex-wrap: wrap; gap: 12px; font-size: 12px; }
.cz-menu-page .clan-card__avatar { inset: 16px auto auto 16px; inline-size: 64px; block-size: 64px; border-width: 2px; border-radius: 14px; }
.cz-menu-page .clan-card__position { opacity: 1; visibility: visible; inset: 16px 16px auto auto; }
.cz-menu-page :is(.clan-profile,.clan-profile__head,.clan-container,.page-filters) { min-inline-size: 0; max-inline-size: 100%; border-radius: 18px; }
.cz-menu-page .page-filters { flex-wrap: wrap; gap: 12px; }

/* Reading and forms use normal wrapping instead of clipped labels. */
.cz-menu-page[data-cz-page="rules"] > .row > .col-md-12:has(.rules_header) { display: none; }
.cz-menu-page[data-cz-page="rules"] > .row > br { display: none; }
.cz-menu-page[data-cz-page="rules"] > .row > .col-md-12:has(.rules_flash) { grid-column: 1 / -1; }
.cz-menu-page .rules_card { padding: var(--page-pad); }
.cz-menu-page .rules_block { padding: 0; line-height: 1.85; font-size: 14px; }
.cz-menu-page .rules_margin { margin: 0; }
.cz-menu-page .rules_chapter { font-size: 16px; margin-block-end: 16px; }
.cz-menu-page .rules_title { margin-block: 0 20px; font-size: clamp(19px,2.3cqi,25px); line-height: 1.3; }
.cz-menu-page .rules_card_block { gap: 8px; }
.cz-menu-page .rules_card_left { padding: 0; }
.cz-menu-page .rules_menu { font-size: 12px; line-height: 1.6; padding: 12px; border-radius: 11px; border: 1px solid var(--page-border); }
.cz-menu-page .rules_menu.rules_active { background: color-mix(in oklch,var(--span) 16%,var(--page-panel)); color: var(--text-default); }
.cz-menu-page .time_short_text { position: static; text-align: start; margin-block: 0 16px; }
.cz-menu-page .rules_body { overflow-wrap: anywhere; }
.cz-menu-page[data-cz-page="request"] > .row:has(> .col-md-4) { display: grid; grid-template-columns: 230px minmax(0,1fr) minmax(260px,.8fr); gap: 20px; align-items: start; }
.cz-menu-page[data-cz-page="request"] > .row:has(> .col-md-4) > [class*="col-"] { inline-size: 100%; max-inline-size: none; }
.cz-menu-page .request_choose_buttons { gap: 8px; }
.cz-menu-page .request_choose_buttons a { min-block-size: 44px; block-size: auto; padding: 12px; line-height: 1.4; white-space: normal; text-align: start; justify-content: flex-start; }
.cz-menu-page .request_choose_buttons .button-active { background: color-mix(in oklch,var(--span) 22%,var(--page-panel)); color: var(--text-default); }
.cz-menu-page[data-cz-page="request"] .hide-long-text { white-space: normal; overflow: visible; text-overflow: clip; }
.cz-menu-page[data-cz-page="request"] .inputs-inline { margin-block-end: 18px; gap: 8px; }
.cz-menu-page[data-cz-page="request"] .input-wrapper input { inline-size: 100%; min-inline-size: 0; border-start-start-radius: 0; border-end-start-radius: 0; }
.cz-menu-page[data-cz-page="request"] .input-wrapper > span { min-block-size: 44px; block-size: auto; }
/* Request form: tidy labels, sectioned fieldsets and selectable tiles. */
.cz-menu-page[data-cz-page="request"] #request .inputs-inline > label { display: flex; align-items: center; gap: 8px; color: var(--text-custom); font-size: 13px; font-weight: 600; }
.cz-menu-page[data-cz-page="request"] #request .inputs-inline > label svg { flex: none; inline-size: 16px; block-size: 16px; fill: var(--span); }
.cz-menu-page[data-cz-page="request"] .request-fieldset { display: block; min-inline-size: 0; margin: 4px 0 18px; padding: 0; border: 0; border-radius: 0; }
.cz-menu-page[data-cz-page="request"] .request-fieldset > legend { display: block; float: left; inline-size: 100%; margin-block-end: 10px; padding: 0; color: var(--text-custom); font-size: 13px; font-weight: 600; line-height: 1.5; }
.cz-menu-page[data-cz-page="request"] .request-fieldset > legend + * { clear: both; }
.cz-menu-page .request-choices { display: grid; gap: 8px; grid-template-columns: repeat(auto-fill,minmax(min(100%,200px),1fr)); }
.cz-menu-page .request-choices--pair { grid-template-columns: repeat(auto-fit,minmax(min(100%,160px),1fr)); }
.cz-menu-page .request-choice { position: relative; display: flex; align-items: center; gap: 12px; min-inline-size: 0; min-block-size: 52px; margin: 0; padding: 10px 14px; border: 1px solid var(--page-border); border-radius: 12px; background: var(--page-inset); color: var(--text-default); cursor: pointer; }
.cz-menu-page .request-choice:has(.request-choice__input:checked) { border-color: color-mix(in oklch,var(--span) 70%,transparent); background: color-mix(in oklch,var(--span) 16%,var(--page-panel)); }
.cz-menu-page .request-choice:has(.request-choice__input:focus-visible) { outline: 2px solid var(--span); outline-offset: 2px; }
.cz-menu-page .request-choice .request-choice__input { flex: none; inline-size: 18px; block-size: 18px; margin: 0; }
.cz-menu-page .request-choice .request-choice__input:focus { box-shadow: none; }
.cz-menu-page .request-choice__body { display: grid; gap: 2px; min-inline-size: 0; }
.cz-menu-page .request-choice__title { font-size: 13px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; color: inherit; }
.cz-menu-page .request-choice__meta { justify-self: start; padding: 1px 7px; border-radius: 999px; background: color-mix(in oklch,var(--span) 14%,transparent); color: var(--text-custom); font-size: 10px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; line-height: 1.6; }
.cz-menu-page[data-cz-page="request"] .row__requestform_buttons { gap: 10px; flex-wrap: wrap; padding-block-start: 8px; border-block-start: 1px solid color-mix(in oklch,var(--page-border) 60%,transparent); }
.cz-menu-page[data-cz-page="request"] .row__requestform_buttons > button { min-block-size: 46px; }
@media (hover: hover) and (pointer: fine) {
  .cz-menu-page .request-choice:hover { border-color: color-mix(in oklch,var(--span) 45%,transparent); background: color-mix(in oklch,var(--span) 10%,var(--page-panel)); }
}
@media (prefers-reduced-motion: no-preference) {
  .cz-menu-page .request-choice { transition: background-color .18s ease, border-color .18s ease; }
}
.cz-menu-page .text_recommend { font-size: 19px; justify-content: flex-start; margin-block: 8px 18px; }
.cz-menu-page[data-cz-page="request"] picture img { max-block-size: 120px; inline-size: auto; }
.cz-menu-page .requests_rec_block { gap: 9px; font-size: 12px; line-height: 1.7; }
.cz-menu-page .requests_rec_block > div { border: 1px solid color-mix(in oklch,var(--page-border) 60%,transparent); border-radius: 11px; padding: 12px; background: var(--page-inset); }

/* Catalogue controls and weapon tiles scale with the available column. */
.cz-menu-page .servers_wrap { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,120px),1fr)); padding: 6px; gap: 6px; border: 1px solid var(--page-border); border-radius: 16px; background: var(--page-panel); margin-block-end: 16px; }
.cz-menu-page .servers_button { min-inline-size: 0; inline-size: auto; min-block-size: 58px; border: 1px solid transparent; border-radius: 11px; padding: 12px; gap: 10px; }
.cz-menu-page .servers_button > div { min-inline-size: 0; }
.cz-menu-page .servers_button > svg { flex: none; inline-size: 20px; block-size: 20px; }
.cz-menu-page .servers_button > div > b { font-size: 13px; white-space: normal; line-height: 1.4; }
.cz-menu-page .servers_button span { font-size: 10px; }
.cz-menu-page .servers_button.server_buttons_active { background: color-mix(in oklch,var(--span) 22%,var(--page-panel)); border-color: var(--page-border); }
.cz-menu-page .choosing_all { display: flex; flex-wrap: wrap; gap: 12px; padding: 14px; border: 1px solid var(--page-border); border-radius: 16px; background: var(--page-panel); margin-block-end: 18px; }
.cz-menu-page .choosing_all .search-skin-input { flex: 1 1 220px; inline-size: auto; min-inline-size: 0; }
.cz-menu-page .choosing_all .search-skin-input input { inline-size: 100%; margin: 0; }
.cz-menu-page .choosing_all .block_servers { flex-wrap: wrap; min-inline-size: 0; }
.cz-menu-page .choosing_all .block_sides { flex: none; }
.cz-menu-page .block-container { min-inline-size: 0; gap: 16px; }
.cz-menu-page .blocks-sort { flex: none; padding: 6px; gap: 6px; border: 1px solid var(--page-border); border-radius: 15px; background: var(--page-panel); }
.cz-menu-page .blocks-sort button { inline-size: 44px !important; block-size: 44px !important; border-radius: 10px !important; }
.cz-menu-page .blocks-skins { min-inline-size: 0; grid-template-columns: repeat(auto-fill,minmax(min(100%,180px),1fr)); gap: 14px; }
.cz-menu-page .block-skin-fon { block-size: 190px; border: 1px solid var(--page-border); border-radius: 15px; background: var(--page-panel); }
.cz-menu-page .block-skin-fon > .block-skin-info { inline-size: 100%; padding: 14px; background: color-mix(in oklch,var(--span) 6%,var(--page-panel)); }
.cz-menu-page .block-skin-fon.choice_active { border-color: var(--span); background: color-mix(in oklch,var(--span) 12%,var(--page-panel)); }
/* Keep the image, caption and action in separate rows, including on hover. */
.cz-menu-page .blocks-skins > .block-skin-fon { block-size: 228px; grid-template-rows: minmax(0,1fr) 60px 32px; grid-template-columns: minmax(0,1fr); align-items: stretch; }
.cz-menu-page .blocks-skins > .block-skin-fon > .block-skin-img { grid-row: 1; grid-column: 1; min-inline-size: 0; min-block-size: 0; align-self: center; }
.cz-menu-page .blocks-skins > .block-skin-fon > .block-skin-img:not(.loader-img) { inline-size: 100%; block-size: 100%; padding: 14px 22px 8px; }
.cz-menu-page .blocks-skins > .block-skin-fon > .block-skin-img > img { inline-size: 100%; block-size: 100%; object-fit: contain; }
.cz-menu-page .blocks-skins > .block-skin-fon > .block-skin-info { position: static; grid-row: 2; grid-column: 1; min-inline-size: 0; padding: 10px 14px; gap: 3px; transform: none; }
.cz-menu-page .blocks-skins > .block-skin-fon > .button-skin { position: static; grid-row: 3; grid-column: 1; inline-size: 100%; block-size: 32px; min-inline-size: 0; font-size: 10px; transform: none; }
.cz-menu-page .blocks-skins > .block-skin-fon:hover > .block-skin-img > img { transform: none; }

@container menu-page (max-width: 1050px) {
  .cz-menu-page[data-cz-page="request"] > .row:has(> .col-md-4) { grid-template-columns: 230px minmax(0,1fr); }
  .cz-menu-page[data-cz-page="request"] > .row:has(> .col-md-4) > .col-md-5 { grid-column: 2; }
}
@container menu-page (max-width: 740px) {
  .cz-menu-page:is([data-cz-page="leaderboard"],[data-cz-page="punishment"],[data-cz-page="rules"],[data-cz-page="request"]) > .row { grid-template-columns: minmax(0,1fr); }
  .cz-menu-page[data-cz-page="request"] > .row:has(> .col-md-4) { grid-template-columns: minmax(0,1fr); }
  .cz-menu-page[data-cz-page="request"] > .row:has(> .col-md-4) > .col-md-5 { grid-column: auto; }
  .cz-menu-page :is(.sticky-filter,.rules_sticky,.sticky-block) { position: static; }
  .cz-menu-page .leaderboard__form { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,160px),1fr)); gap: 4px 16px; }
  .cz-menu-page .request_choose_buttons { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cz-menu-page .request_choose_buttons a { min-inline-size: 0; overflow-wrap: anywhere; font-size: 12px; }
  .cz-menu-page .rules_card_left { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr)); gap: 8px; }
}
@container menu-page (max-width: 480px) {
  .cz-page-heading__icon { inline-size: 40px; block-size: 40px; border-radius: 12px; }
  .cz-menu-page .cz-page-heading { gap: 12px; margin-block-end: 20px; }
  .cz-page-heading p { font-size: 12px; }
  .cz-menu-page .store__type-block { min-block-size: 98px; padding: 10px; }
  .cz-menu-page .store__type-block img { max-block-size: 90px; opacity: .6; }
  .cz-menu-page .store__type-block .store__type-text { max-inline-size: 100%; font-size: 12px; }
  .cz-menu-page .row:has(.store__type-block) { gap: 8px !important; }
  .cz-menu-page .shop_bk .shop_servers_wrap_area { grid-template-columns: 1fr; }
  .cz-menu-page .shop_servers_wrap_area > :is(.store__filter-title,.categories,.filter__by-price) { grid-column: auto !important; grid-row: auto !important; }
  .cz-menu-page .blocks-skins { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .cz-menu-page .block-container { flex-direction: column; }
  .cz-menu-page .blocks-sort { flex-direction: row; flex-wrap: nowrap; max-inline-size: 100%; overflow-x: auto; scrollbar-width: thin; }
  .cz-menu-page .blocks-sort button { flex: none; }
  .cz-menu-page .block-skin-fon { block-size: 160px; }
}
@media (min-width: 1025px) { .container-fluid.cz-menu-page { padding-inline: 49px; } }
@media (hover: hover) and (pointer: fine) {
  .cz-menu-page :is(.request_choose_buttons a,.rules_card_left,.servers_button,.clan-head a):hover { background: color-mix(in oklch,var(--span) 13%,var(--page-panel)); color: var(--text-default); }
  .cz-menu-page :is(.clan-card,.store__type-block,.block-skin-fon):hover { border-color: color-mix(in oklch,var(--span) 65%,transparent); }
}
.cz-menu-page :is(.request_choose_buttons a,.rules_card_left,.servers_button,.clan-head a,.store__type-block):active { background: color-mix(in oklch,var(--span) 22%,var(--page-panel)); }
@media (prefers-reduced-motion: reduce) {
  .cz-menu-page .clan-card { animation: none; opacity: 1; transform: none; }
  .cz-menu-page :is(.clan-card,.block-skin-fon,.servers_button,.store__type-block) { transition: none; }
}