:root {
      --page-bg: #252525;
      --panel-bg: rgb(32 32 32 / 51%);
      --panel-soft-bg: rgb(32 32 32 / 51%);
      --input-bg: #292929;
      --line-color: #2d2d2d;
      --accent-color: #9f4f35;
      --accent-color-strong: #82412e;
      --font-color: #f2f2f2;
      --font-muted: #a0a0a0;
      --font-dim: #777777;
      --notice-color: #ffa500;
      --success-color: #49d663;
      --danger-color: #ff7b68;
      --admin-bg: rgba(101, 31, 27, 0.72);
      --admin-bg-strong: rgba(73, 22, 20, 0.88);
      --admin-line: rgba(255, 123, 104, 0.34);
      --page-padding: 15px;
      --content-width: 1120px;
      --coupon-card-width: 548px;
      --coupon-card-height: 156px;
      --footer-min-height: 64px;
      --sticky-header-height: 100px;
      --sticky-panel-blur: 28px;
    }
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    html {
      min-height: 100%;
      background: var(--page-bg);
    }
    body {
      min-height: 100vh;
      min-height: 100dvh;
      width: 100%;
      display: flex;
      flex-direction: column;
      overflow-x: hidden;
      background-color: var(--page-bg);
      background-image:
        linear-gradient(rgba(12, 12, 12, 0.9), rgb(12 12 12 / 89%)),
        var(--site-background-image);
      background-position: center, center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      color: var(--font-muted);
      font-family: "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      -webkit-text-size-adjust: 100%;
    }
    body.no-footer main {
      min-height: 100vh;
      min-height: 100dvh;
      padding-bottom: 0;
    }
    main {
      flex: 1 0 auto;
      min-height: calc(100vh - var(--footer-min-height));
      min-height: calc(100dvh - var(--footer-min-height));
      padding: 0 var(--page-padding) 42px;
    }
    a {
      color: inherit;
      text-decoration: none;
    }
    h1,
    h2 {
      color: var(--font-color);
      font-size: 18px;
      font-weight: 500;
      line-height: 1.35;
    }
    p {
      line-height: 1.5;
    }
    .welcome-screen {
      display: flex;
      min-height: calc(100vh - var(--footer-min-height));
      min-height: calc(100dvh - var(--footer-min-height));
      align-items: center;
      flex-direction: column;
      justify-content: center;
      padding: clamp(16px, 4vh, 36px) 0;
    }
    body.no-footer .welcome-screen {
      min-height: 100vh;
      min-height: 100dvh;
    }
    .welcome-logo {
      display: block;
      flex: 0 0 auto;
      width: clamp(220px, min(72vw, 48vh), 320px);
      width: clamp(220px, min(72vw, 48dvh), 320px);
      height: auto;
      object-fit: contain;
      margin-top: clamp(22px, 5vh, 48px);
      margin-bottom: 0;
    }
    .welcome-box {
      width: min(100%, 560px);
      padding: 24px;
      background: var(--panel-bg);
      text-align: center;
    }
    .welcome-box h1 {
      margin-bottom: 18px;
      font-size: 24px;
      font-weight: 400;
      text-transform: uppercase;
    }
    .brand-accent {
      color: var(--notice-color);
    }
    .app-header,
    .content-shell {
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .app-header {
      display: flex;
      position: sticky;
      z-index: 90;
      top: 0;
      align-items: center;
      gap: 28px;
      min-height: 100px;
      padding: 8px 16px 0 18px;
      background: var(--panel-bg);
      backdrop-filter: blur(var(--sticky-panel-blur)) saturate(130%);
      -webkit-backdrop-filter: blur(var(--sticky-panel-blur)) saturate(130%);
    }
    .header-logo {
      width: 92px;
      height: 92px;
      object-fit: contain;
      flex: 0 0 auto;
    }
    .header-logo-link {
      display: inline-flex;
      width: 92px;
      height: 92px;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      line-height: 0;
    }
    .header-logo-link .header-logo {
      width: 100%;
      height: 100%;
    }
    .header-greeting {
      flex: 1 1 auto;
      min-width: 0;
      color: var(--font-color);
      font-size: 27px;
      font-weight: 700;
      line-height: 1.12;
      overflow-wrap: break-word;
    }
    .header-language-menu {
      position: relative;
      flex: 0 0 auto;
      margin-left: auto;
      color: var(--font-color);
    }
    .header-language-trigger {
      display: inline-flex;
      min-height: 34px;
      align-items: center;
      justify-content: center;
      gap: 7px;
      padding: 7px 9px;
      border: 1px solid rgba(255, 165, 0, 0.24);
      border-radius: 4px;
      color: var(--notice-color);
      background: rgba(255, 165, 0, 0.1);
      cursor: pointer;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0;
      line-height: 1.2;
      text-transform: uppercase;
      transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
      user-select: none;
    }
    .header-language-trigger::-webkit-details-marker {
      display: none;
    }
    .header-language-trigger::marker {
      content: "";
    }
    .header-language-trigger:hover,
    .header-language-trigger:focus-visible,
    .header-language-menu[open] .header-language-trigger {
      border-color: rgba(255, 165, 0, 0.48);
      color: #fff0bd;
      background: rgba(255, 165, 0, 0.16);
      outline: none;
    }
    .header-language-trigger:focus-visible {
      box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.18);
    }
    .header-language-icon,
    .header-language-chevron,
    .header-language-check {
      display: block;
      flex: 0 0 auto;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .header-language-icon {
      width: 18px;
      height: 18px;
      stroke-width: 1.8;
    }
    .header-language-chevron {
      width: 10px;
      height: 10px;
      stroke-width: 2;
      transition: transform 0.15s ease;
    }
    .header-language-menu[open] .header-language-chevron {
      transform: rotate(180deg);
    }
    .header-language-options {
      display: grid;
      position: absolute;
      z-index: 100;
      top: calc(100% + 8px);
      right: 0;
      gap: 2px;
      width: 176px;
      padding: 6px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 6px;
      background: #202020;
      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42);
    }
    .header-language-option {
      display: grid;
      grid-template-columns: 30px minmax(0, 1fr) 14px;
      min-height: 38px;
      align-items: center;
      gap: 8px;
      padding: 8px 9px;
      border-radius: 4px;
      color: var(--font-muted);
      font-size: 13px;
      line-height: 1.15;
      text-decoration: none;
    }
    a.header-language-option:hover,
    a.header-language-option:focus-visible {
      color: var(--font-color);
      background: rgba(255, 255, 255, 0.06);
      outline: none;
    }
    .header-language-option.is-current {
      color: var(--notice-color);
      background: rgba(255, 165, 0, 0.1);
    }
    .header-language-option-code {
      color: inherit;
      font-weight: 900;
      text-transform: uppercase;
    }
    .header-language-option-name {
      overflow: hidden;
      color: inherit;
      font-weight: 650;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .header-language-check {
      width: 13px;
      height: 13px;
      stroke-width: 2.2;
    }
    .service-title {
      display: flex;
      position: sticky;
      z-index: 89;
      top: var(--sticky-header-height);
      min-height: 54px;
      align-items: center;
      gap: 14px;
      justify-content: space-between;
      margin: 0 0 20px;
      padding: 10px 16px;
      background: var(--panel-bg);
      backdrop-filter: blur(var(--sticky-panel-blur)) saturate(130%);
      -webkit-backdrop-filter: blur(var(--sticky-panel-blur)) saturate(130%);
    }
    .service-title h1,
    .section-title-bar h1 {
      display: inline-flex;
      min-width: 0;
      align-items: center;
      color: var(--font-color);
      font-size: 18px;
      font-weight: 400;
      line-height: 1.2;
      overflow-wrap: anywhere;
      text-transform: uppercase;
    }
    .title-separator {
      display: inline-block;
      margin: 0 6px;
      color: var(--font-color);
    }
    .admin-player-context {
      width: min(100%, var(--content-width));
      margin: -20px auto 20px;
      padding: 12px 16px;
      border-top: 1px solid var(--admin-line);
      background: linear-gradient(180deg, var(--admin-bg), var(--admin-bg-strong));
    }
    .service-title + .admin-player-context {
      width: 100%;
    }
    .admin-player-context-form {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
      align-items: end;
      gap: 10px;
    }
    .admin-player-context-field {
      display: grid;
      gap: 6px;
      min-width: 0;
      color: #ffd8d1;
      font-size: 13px;
      font-weight: 800;
    }
    .admin-player-context-field .search-input {
      width: 100%;
    }
    .admin-player-context-reset {
      border-color: rgba(255, 255, 255, 0.22);
      background: rgba(255, 255, 255, 0.08);
      color: var(--font-color);
    }
    .admin-player-context-current {
      margin-top: 8px;
      color: #ffd8d1;
      font-size: 12px;
      font-weight: 700;
      overflow-wrap: anywhere;
    }
    .page-panel {
      width: 100%;
      background: transparent;
    }
    .section-title-bar {
      display: flex;
      position: sticky;
      z-index: 89;
      top: var(--sticky-header-height);
      min-height: 54px;
      align-items: center;
      gap: 14px;
      width: min(100%, var(--content-width));
      margin: 0 auto 20px;
      padding: 10px 16px;
      background: var(--panel-bg);
      backdrop-filter: blur(var(--sticky-panel-blur)) saturate(130%);
      -webkit-backdrop-filter: blur(var(--sticky-panel-blur)) saturate(130%);
    }
    .section-title-main {
      display: flex;
      min-width: 0;
      flex: 1 1 auto;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .section-title-bar-with-servers {
      flex-wrap: wrap;
      row-gap: 8px;
      transition: row-gap 0.18s ease;
    }
    .section-title-server-switcher {
      display: grid;
      grid-template-columns: 28px minmax(0, 1fr) 28px;
      align-items: center;
      gap: 6px;
      width: 100%;
      max-height: 40px;
      min-width: 0;
      opacity: 1;
      overflow: hidden;
      transform: translateY(0);
      transform-origin: top;
      transition: max-height 0.18s ease, opacity 0.14s ease, transform 0.18s ease;
    }
    .section-title-bar-with-servers.is-server-switcher-collapsed {
      row-gap: 0;
    }
    .section-title-bar-with-servers.is-server-switcher-collapsed .section-title-server-switcher {
      max-height: 0;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-6px);
    }
    .section-title-server-viewport {
      min-width: 0;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x proximity;
      scrollbar-width: none;
    }
    .section-title-server-viewport::-webkit-scrollbar {
      display: none;
    }
    .server-scroll-control {
      display: inline-flex;
      width: 28px;
      min-height: 34px;
      height: 34px;
      align-items: center;
      justify-content: center;
      padding: 0;
      border: 0;
      border-radius: 3px;
      background: transparent;
      color: var(--font-muted);
      cursor: pointer;
      font: inherit;
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      opacity: 0.68;
      transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
    }
    .server-scroll-control:hover,
    .server-scroll-control:focus-visible {
      background: rgba(255, 255, 255, 0.045);
      color: var(--font-color);
      opacity: 0.92;
    }
    .server-scroll-control:disabled {
      background: transparent;
      color: var(--font-dim);
      cursor: default;
      opacity: 0.22;
    }
    .page-player-info {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      flex: 0 1 auto;
      min-width: 0;
      max-width: min(48%, 440px);
      justify-items: end;
      margin-left: auto;
      text-align: right;
    }
    .page-player-account-link {
      display: grid;
      grid-column: 1;
      grid-row: 1 / span 2;
      min-width: 0;
      max-width: 100%;
      justify-items: end;
      color: inherit;
    }
    .page-player-name-row {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 5px;
      min-width: 0;
      max-width: 100%;
    }
    .page-player-role-tag {
      flex: 0 0 auto;
      padding: 2px 5px;
      border: 1px solid rgba(255, 255, 255, 0.22);
      border-radius: 3px;
      font-size: 9px;
      font-weight: 900;
      line-height: 1.1;
      white-space: nowrap;
    }
    .page-player-banned-tag {
      border-color: rgba(255, 123, 104, 0.48);
      background: rgba(123, 33, 28, 0.58);
      color: #ffafa4;
    }
    .page-player-patrol-tag {
      border-color: rgba(255, 193, 79, 0.48);
      background: rgba(255, 165, 0, 0.14);
      color: #ffe0a6;
    }
    .page-player-admin-tag {
      border-color: rgba(180, 137, 255, 0.5);
      background: rgba(117, 70, 181, 0.22);
      color: #dfc9ff;
    }
    .page-player-account-link:hover .page-player-nick,
    .page-player-account-link:hover .page-player-steam,
    .page-player-account-link:focus-visible .page-player-nick,
    .page-player-account-link:focus-visible .page-player-steam {
      color: var(--font-color);
    }
    .page-player-with-tokens {
      grid-template-columns: minmax(0, 1fr) auto;
      column-gap: 9px;
      align-items: center;
    }
    .page-player-nick {
      grid-column: 1;
      max-width: 100%;
      color: var(--font-dim);
      font-size: 14px;
      font-weight: 800;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }
    .page-player-steam {
      grid-column: 1;
      max-width: 100%;
      color: var(--font-dim);
      font-size: 12px;
      font-weight: 600;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .page-player-tokens {
      display: inline-flex;
      grid-column: 2;
      grid-row: 1 / span 2;
      align-items: center;
      justify-self: end;
      gap: 5px;
      max-width: 100%;
      padding: 3px 7px;
      border: 1px solid rgba(196, 74, 51, 0.42);
      border-radius: 4px;
      background: rgba(196, 74, 51, 0.16);
      color: #ffd9c9;
      font-size: 12px;
      font-weight: 900;
      line-height: 1;
      text-decoration: none;
      white-space: nowrap;
    }
    .page-player-tokens:hover,
    .page-player-tokens:focus-visible {
      border-color: rgba(255, 151, 127, 0.72);
      background: rgba(196, 74, 51, 0.28);
      color: #fff2ec;
    }
    .page-player-token-icon {
      display: block;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      object-fit: contain;
    }
    .page-player-light .page-player-nick {
      color: #7df28f;
    }
    .page-player-normal .page-player-nick {
      color: #8fc7ff;
    }
    .page-player-full .page-player-nick {
      color: #ffe58a;
    }
    .content-panel {
      width: min(100%, var(--content-width));
      margin: 0 auto;
      padding: 15px;
      background: var(--panel-bg);
    }
    .content-panel.flush {
      padding: 0;
    }
    .info-guide-panel {
      display: grid;
      gap: 13px;
      width: min(100%, var(--content-width));
      margin: 0 auto 15px;
      padding: 15px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: linear-gradient(180deg, rgba(34, 34, 34, 0.92), var(--panel-bg));
      color: var(--font-muted);
      line-height: 1.45;
    }
    .info-guide-panel h2,
    .info-guide-panel h3 {
      color: var(--font-color);
      font-size: 18px;
      font-weight: 800;
      line-height: 1.25;
    }
    .info-guide-section-title {
      margin-top: 4px;
      padding-top: 15px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .info-guide-panel p {
      overflow-wrap: anywhere;
    }
    .info-guide-panel code {
      padding: 1px 5px;
      background: rgba(255, 165, 0, 0.12);
      color: var(--notice-color);
      font: inherit;
      font-weight: 800;
      white-space: nowrap;
    }
    .info-guide-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .info-guide-grid > div {
      display: grid;
      gap: 7px;
      min-width: 0;
      padding: 12px;
      background: rgba(8, 8, 8, 0.26);
    }
    .info-guide-grid > .base-daily-limit-explanation {
      grid-column: 1 / -1;
      border-left: 3px solid var(--notice-color);
      background: rgba(255, 165, 0, 0.08);
    }
    .info-guide-grid strong {
      color: var(--font-color);
      font-size: 14px;
      font-weight: 800;
      line-height: 1.25;
    }
    .compact-info-guide {
      width: 100%;
      margin: 0;
      padding: 12px;
    }
    .compact-info-guide h3 {
      font-size: 15px;
    }
    .commands-screen {
      display: grid;
      gap: 15px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .commands-screen .info-guide-panel {
      width: 100%;
      margin: 0;
    }
    .command-group-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px;
    }
    .command-group-card {
      display: grid;
      align-content: start;
      gap: 14px;
      min-width: 0;
      padding: 15px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: var(--panel-bg);
    }
    .command-group-head {
      display: grid;
      gap: 7px;
      min-width: 0;
    }
    .command-group-head h2 {
      color: var(--font-color);
      font-size: 18px;
      font-weight: 800;
      line-height: 1.25;
    }
    .command-group-head p {
      color: var(--font-muted);
      font-size: 14px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .command-list {
      display: grid;
      gap: 8px;
    }
    .command-row {
      display: grid;
      grid-template-columns: minmax(128px, 220px) minmax(0, 1fr);
      gap: 12px;
      align-items: start;
      min-width: 0;
      padding: 10px;
      background: rgba(10, 10, 10, 0.22);
    }
    .command-row code {
      color: var(--notice-color);
      font: inherit;
      font-size: 14px;
      font-weight: 900;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .command-row p {
      color: var(--font-muted);
      font-size: 14px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .server-choice-panel {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      gap: 12px;
      width: 100%;
      padding: 12px;
      background: var(--panel-bg);
    }
    .server-choice-tile {
      display: flex;
      position: relative;
      min-height: 58px;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      padding: 10px 14px;
      border: 1px solid transparent;
      background: rgba(22, 22, 22, 0.82);
      color: #ffffff;
      cursor: pointer;
      font-size: 18px;
      font-weight: 500;
      line-height: 1.2;
      text-align: center;
      text-transform: uppercase;
      transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }
    .server-choice-tile:hover,
    .server-choice-tile:focus-within {
      border-color: transparent;
      background: rgba(32, 32, 32, 0.92);
    }
    .server-choice-tile input {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }
    .server-choice-label {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .server-choice-tile-selected {
      border-color: transparent;
      background: rgba(159, 79, 53, 0.9);
    }
    .server-choice-hidden-badge {
      position: absolute;
      right: 8px;
      bottom: 6px;
      color: var(--danger-color);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0;
      text-transform: uppercase;
    }
    .section-title-server-viewport .server-choice-panel {
      display: flex;
      gap: 6px;
      width: max-content;
      min-width: 100%;
      padding: 0;
      background: transparent;
    }
    .section-title-server-viewport .server-choice-tile {
      min-width: 158px;
      min-height: 34px;
      flex: 1 0 158px;
      padding: 6px 10px;
      font-size: 12px;
      font-weight: 800;
      scroll-snap-align: center;
    }
    .steam-button,
    .back-button,
    .menu-button,
    .search-button,
    .icon-back-button {
      display: inline-flex;
      min-height: 38px;
      align-items: center;
      justify-content: center;
      padding: 8px 15px;
      border: 1px solid transparent;
      border-radius: 3px;
      background: var(--accent-color);
      color: var(--font-color);
      cursor: pointer;
      font: inherit;
      font-weight: 500;
      text-align: center;
      text-decoration: none;
      transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }
    .steam-button:hover,
    .steam-button:focus,
    .back-button:hover,
    .back-button:focus,
    .menu-button:hover,
    .menu-button:focus,
    .search-button:hover,
    .search-button:focus,
    .icon-back-button:hover,
    .icon-back-button:focus {
      background: var(--accent-color-strong);
      border-color: var(--accent-color-strong);
    }
    .back-button,
    .menu-button,
    .icon-back-button {
      background: transparent;
      color: var(--font-color);
    }
    .icon-back-button {
      width: 28px;
      min-height: 28px;
      height: 28px;
      padding: 0;
      line-height: 0;
    }
    .icon-back-symbol {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2.5;
    }
    .menu-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px;
    }
    .menu-rating-alert {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin: 0 0 15px;
      padding: 12px 14px;
      border: 1px solid rgba(255, 123, 104, 0.42);
      background: rgba(101, 31, 27, 0.68);
      color: var(--font-color);
      font-weight: 700;
    }
    .menu-rating-alert a {
      color: var(--notice-color);
      text-decoration: underline;
      text-underline-offset: 3px;
      white-space: nowrap;
    }
    .page-player-login {
      display: flex;
    }
    .page-player-login .steam-button {
      min-height: 36px;
      padding: 8px 14px;
      font-size: 13px;
      white-space: nowrap;
    }
    .menu-card {
      display: flex;
      position: relative;
      min-height: 132px;
      flex-direction: column;
      justify-content: space-between;
      gap: 18px;
      overflow: hidden;
      padding: 15px;
      background: var(--panel-bg);
      border-radius: 0;
      color: var(--font-muted);
      transition: background-color 0.15s ease, color 0.15s ease;
    }
    .menu-card:hover,
    .menu-card:focus {
      background: var(--panel-soft-bg);
      color: var(--font-color);
    }
    .menu-card-hidden {
      border: 1px solid rgba(255, 123, 104, 0.22);
      opacity: 0.72;
    }
    .menu-card.menu-card-important,
    .menu-mini-card.menu-card-important {
      border: 1px solid rgba(255, 203, 91, 0.62);
      background:
        linear-gradient(135deg, rgba(255, 203, 91, 0.2), rgba(255, 203, 91, 0.04) 45%),
        var(--panel-bg);
      color: var(--font-color);
      box-shadow: inset 0 1px 0 rgba(255, 224, 143, 0.2), 0 0 0 1px rgba(117, 76, 13, 0.22);
    }
    .menu-card.menu-card-important:hover,
    .menu-card.menu-card-important:focus,
    .menu-mini-card.menu-card-important:hover,
    .menu-mini-card.menu-card-important:focus-within {
      background:
        linear-gradient(135deg, rgba(255, 203, 91, 0.28), rgba(255, 203, 91, 0.07) 45%),
        var(--panel-soft-bg);
    }
    .menu-card-locked {
      border: 1px solid rgba(255, 212, 121, 0.24);
    }
    .menu-card-title {
      position: relative;
      z-index: 1;
      max-width: 72%;
      color: var(--font-color);
      font-size: 17px;
      font-weight: 500;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .menu-hidden-badge {
      display: inline-flex;
      min-height: 18px;
      align-items: center;
      margin-left: 6px;
      padding: 3px 6px;
      background: rgba(255, 123, 104, 0.16);
      color: var(--danger-color);
      font-size: 10px;
      font-weight: 900;
      line-height: 1;
      text-transform: uppercase;
      vertical-align: middle;
    }
    .menu-tag {
      display: inline-flex;
      min-height: 18px;
      align-items: center;
      margin-left: 6px;
      padding: 3px 6px;
      font-size: 10px;
      font-weight: 900;
      line-height: 1;
      text-transform: uppercase;
      vertical-align: middle;
    }
    .menu-tag-important {
      background: rgba(61, 37, 3, 0.3);
      color: #fff5d8;
    }
    .menu-tag-new {
      background: rgba(102, 214, 142, 0.16);
      color: #76dfa0;
    }
    .menu-tag-active {
      background: rgba(85, 190, 255, 0.15);
      color: #79caff;
    }
    .menu-tag-recommended {
      background: rgba(180, 139, 255, 0.14);
      color: #c3a0ff;
    }
    .menu-card-text {
      position: relative;
      z-index: 1;
      max-width: 75%;
      color: var(--font-muted);
      font-size: 14px;
      font-weight: 600;
      overflow-wrap: anywhere;
    }
    .menu-card-important .menu-card-text {
      color: var(--font-muted);
    }
    .menu-card-widgets {
      display: flex;
      position: relative;
      z-index: 1;
      max-width: 72%;
      flex-wrap: wrap;
      gap: 8px;
    }
    .menu-card-widget {
      display: inline-flex;
      width: fit-content;
      min-height: 28px;
      align-items: center;
      padding: 5px 9px;
      background: rgba(255, 165, 0, 0.12);
      color: var(--notice-color);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.2;
    }
    .menu-card-social-widget {
      min-height: 182px;
    }
    .menu-mini-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 15px;
    }
    .menu-mini-card {
      display: flex;
      min-width: 0;
      min-height: 68px;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      padding: 9px 12px 9px 8px;
      border: 1px solid rgba(255, 255, 255, 0.07);
      background: var(--panel-bg);
      color: var(--font-color);
      transition: border-color 0.15s ease, background-color 0.15s ease;
    }
    .menu-mini-card:hover,
    .menu-mini-card:focus-within {
      border-color: rgba(255, 165, 0, 0.3);
      background: var(--panel-soft-bg);
    }
    .menu-mini-icon {
      width: 48px;
      height: 48px;
      flex: 0 0 48px;
      object-fit: contain;
      filter: drop-shadow(0 3px 7px rgba(0, 0, 0, 0.3));
    }
    .menu-mini-content {
      display: flex;
      min-width: 0;
      flex: 1 1 auto;
      flex-direction: column;
      gap: 5px;
    }
    .menu-mini-title {
      min-width: 0;
      font-size: 13px;
      font-weight: 750;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .menu-mini-widgets {
      display: flex;
      flex: 0 1 auto;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 5px;
    }
    .menu-mini-widgets .menu-card-widget {
      min-height: 22px;
      padding: 3px 6px;
      font-size: 10px;
    }
    .menu-mini-card-social-links {
      align-items: center;
    }
    .menu-mini-social-links {
      display: flex;
      flex-wrap: wrap;
      gap: 5px 10px;
    }
    .menu-mini-social-links a {
      display: inline-flex;
      align-items: baseline;
      gap: 4px;
      color: var(--font-muted);
      font-size: 11px;
      font-weight: 700;
    }
    .menu-mini-social-count {
      color: var(--notice-color);
      font-size: 10px;
      font-weight: 900;
      white-space: nowrap;
    }
    .menu-mini-social-links a:hover,
    .menu-mini-social-links a:focus {
      color: var(--notice-color);
    }
    @media (max-width: 900px) {
      .menu-mini-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    .social-links-grid {
      display: grid;
      position: relative;
      z-index: 1;
      max-width: 78%;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    .social-link-tile {
      display: grid;
      min-width: 0;
      min-height: 48px;
      align-content: center;
      gap: 4px;
      padding: 5px 0;
      border: 0;
      background: transparent;
      color: var(--font-color);
      transition: color 0.15s ease;
    }
    .social-link-tile:hover,
    .social-link-tile:focus {
      color: var(--notice-color);
    }
    .social-link-heading {
      display: flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
    }
    .social-link-icon {
      display: inline-flex;
      width: 16px;
      height: 16px;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      color: currentColor;
      line-height: 0;
    }
    .social-link-icon svg {
      display: block;
      width: 16px;
      height: 16px;
      fill: currentColor;
    }
    .social-link-title {
      min-width: 0;
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }
    .social-link-count {
      color: inherit;
      font-size: 17px;
      font-weight: 800;
      line-height: 1;
    }
    .wolf-pass-tags {
      margin-top: auto;
    }
    .wolf-pass-tag {
      position: relative;
      overflow: visible;
    }
    .wolf-pass-tooltip {
      position: absolute;
      z-index: 30;
      left: 0;
      bottom: calc(100% + 8px);
      width: max-content;
      max-width: min(260px, calc(100vw - 32px));
      padding: 7px 9px;
      border: 1px solid rgba(255, 165, 0, 0.34);
      border-radius: 3px;
      background: #151515;
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
      color: var(--font-color);
      font-size: 12px;
      font-weight: 600;
      line-height: 1.35;
      opacity: 0;
      pointer-events: none;
      transform: translateY(4px);
      transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s ease;
      visibility: hidden;
      white-space: normal;
    }
    .wolf-pass-tag:hover .wolf-pass-tooltip,
    .wolf-pass-tag:focus .wolf-pass-tooltip,
    .wolf-pass-tag:focus-visible .wolf-pass-tooltip {
      opacity: 1;
      transform: translateY(0);
      visibility: visible;
    }
    .wolf-pass-tag.wolf-pass-light {
      background: rgba(57, 211, 83, 0.14);
      color: #7df28f;
    }
    .wolf-pass-tag.wolf-pass-normal {
      background: rgba(77, 163, 255, 0.14);
      color: #8fc7ff;
    }
    .wolf-pass-tag.wolf-pass-full {
      background: rgba(255, 216, 77, 0.14);
      color: #ffe58a;
    }
    .wolf-pass-tag.social-rating-menu-tag {
      background: var(--rating-tag-bg, rgba(255, 165, 0, 0.12));
      color: var(--rating-tag-color, var(--notice-color));
    }
    .menu-card-image {
      display: block;
      position: absolute;
      z-index: 0;
      right: 0;
      bottom: -1px;
      width: 109px;
      max-width: 34%;
      height: 109px;
      max-height: calc(100% + 1px);
      object-fit: contain;
      object-position: right bottom;
      opacity: 0.96;
      pointer-events: none;
    }
    .event-card-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px;
    }
    .event-menu-card {
      display: grid;
      position: relative;
      min-height: 210px;
      overflow: hidden;
      align-content: end;
      padding: 18px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: #191919;
      color: var(--font-muted);
      transition: color 0.15s ease, transform 0.15s ease;
    }
    .event-menu-card:hover,
    .event-menu-card:focus {
      color: var(--font-color);
      transform: translateY(-1px);
    }
    .event-menu-card-disabled {
      cursor: default;
    }
    .event-menu-card-disabled:hover {
      transform: none;
    }
    .event-menu-card-disabled .event-menu-card-image {
      filter: grayscale(0.85) saturate(0.24) contrast(0.78) brightness(0.82);
    }
    .event-menu-card-image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(0.64) contrast(0.82) brightness(1.08);
    }
    .event-menu-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(35, 35, 35, 0.76) 0%, rgba(35, 35, 35, 0.6) 52%, rgba(35, 35, 35, 0.42) 100%),
        rgba(18, 18, 18, 0.22);
      pointer-events: none;
    }
    .event-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(10, 10, 10, 0.92), rgba(10, 10, 10, 0.52) 52%, rgba(10, 10, 10, 0.18));
      pointer-events: none;
    }
    .event-menu-card-content {
      display: grid;
      position: relative;
      z-index: 1;
      gap: 10px;
      max-width: 72%;
    }
    .event-menu-card-content h2 {
      font-size: 19px;
    }
    .event-menu-card-content p {
      color: var(--font-muted);
      font-weight: 600;
    }
    .event-detail-screen,
    .leaders-screen {
      display: grid;
      gap: 15px;
    }
    .event-hero {
      display: grid;
      position: relative;
      min-height: 260px;
      overflow: hidden;
      align-items: end;
      padding: 22px;
      background: #191919;
    }
    .event-hero-media {
      display: block;
      position: absolute;
      inset: 0;
    }
    .event-hero-media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
    .event-hero-content {
      display: grid;
      position: relative;
      z-index: 1;
      gap: 12px;
      max-width: 680px;
    }
    .event-hero-meta,
    .event-hero-note {
      color: var(--font-muted);
      font-weight: 700;
    }
    .event-hero-content h2 {
      font-size: 25px;
      text-transform: uppercase;
    }
    .event-stat-row,
    .leaders-summary {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .event-stat,
    .leaders-summary > div {
      display: grid;
      gap: 4px;
      min-width: 0;
      padding: 12px;
      background: rgba(18, 18, 18, 0.66);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .event-stat span,
    .leaders-summary span {
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .event-stat strong,
    .leaders-summary strong {
      color: var(--font-color);
      font-size: 21px;
      overflow-wrap: anywhere;
    }
    .event-filter,
    .leaders-filter {
      display: grid;
      grid-template-columns: max-content minmax(190px, 1fr);
      align-items: center;
      gap: 10px 14px;
      margin-top: 0;
    }
    .top-server-filter {
      width: min(100%, var(--content-width));
      margin: 0 auto 15px;
    }
    .leaders-filter {
      grid-template-columns: 1fr;
    }
    .event-filter .server-choice-panel {
      grid-column: 2;
    }
    .leaders-filter .server-choice-panel {
      grid-column: 1;
    }
    .event-detail-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
      gap: 15px;
      align-items: start;
    }
    .event-info-list,
    .event-side-panel {
      display: grid;
      gap: 15px;
      align-content: start;
    }
    .event-info-block,
    .event-prize-panel {
      padding: 15px;
      background: var(--panel-bg);
    }
    .event-top-panel {
      padding: 15px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 8px;
      background:
        linear-gradient(135deg, rgba(37, 37, 37, 0.78), rgba(16, 17, 18, 0.78)),
        var(--panel-bg);
      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
    }
    .event-info-block h2,
    .event-prize-panel h2,
    .event-top-panel h2 {
      margin-bottom: 12px;
    }
    .event-info-block ul {
      display: grid;
      gap: 8px;
      padding-left: 18px;
      color: var(--font-muted);
      line-height: 1.45;
    }
    .event-prize-list,
    .event-top-list {
      display: grid;
      gap: 8px;
    }
    .event-prize-row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      padding: 10px;
      background: rgba(18, 18, 18, 0.58);
      border: 1px solid rgba(255, 255, 255, 0.07);
    }
    .event-prize-icons {
      display: flex;
      gap: 5px;
    }
    .event-prize-icons img {
      width: 34px;
      height: 34px;
      object-fit: contain;
    }
    .event-prize-row h3 {
      color: var(--font-color);
      font-size: 14px;
      line-height: 1.25;
    }
    .statistics-screen {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 24px;
      min-width: 0;
    }
    .statistics-screen > * {
      min-width: 0;
      max-width: 100%;
    }
    .statistics-dashboard-intro {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 24px;
      align-items: center;
      padding: 22px 24px;
      border: 1px solid rgba(255, 165, 0, 0.18);
      border-radius: 10px;
      background:
        radial-gradient(circle at 88% 20%, rgba(255, 165, 0, 0.13), transparent 34%),
        linear-gradient(135deg, rgba(52, 35, 22, 0.94), rgba(20, 20, 20, 0.9));
      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.24);
    }
    .statistics-dashboard-copy {
      display: grid;
      gap: 7px;
    }
    .statistics-dashboard-copy h2 {
      font-size: clamp(21px, 2.8vw, 29px);
      font-weight: 750;
      letter-spacing: -0.02em;
    }
    .statistics-dashboard-copy p {
      max-width: 670px;
      color: var(--font-muted);
      font-size: 13px;
    }
    .statistics-eyebrow {
      display: block;
      color: var(--notice-color);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.14em;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .statistics-period-badge {
      display: grid;
      gap: 5px;
      min-width: 226px;
      padding: 13px 15px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 7px;
      background: rgba(10, 10, 10, 0.42);
    }
    .statistics-period-badge span {
      color: var(--font-dim);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.09em;
      text-transform: uppercase;
    }
    .statistics-period-badge strong {
      color: var(--font-color);
      font-size: 14px;
      white-space: nowrap;
    }
    .statistics-section-nav {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 1px;
      padding: 1px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.06);
      overflow: hidden;
    }
    .statistics-section-nav a {
      display: flex;
      min-height: 48px;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 10px;
      background: rgba(20, 20, 20, 0.88);
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      transition: background-color 0.15s ease, color 0.15s ease;
    }
    .statistics-section-nav a span {
      color: var(--notice-color);
      font-size: 10px;
      opacity: 0.72;
    }
    .statistics-section-nav a:hover,
    .statistics-section-nav a:focus-visible {
      background: rgba(159, 79, 53, 0.22);
      color: var(--font-color);
    }
    .statistics-filter {
      display: grid;
      gap: 16px;
      margin-top: 0;
      padding: 20px;
      border: 1px solid rgba(255, 255, 255, 0.09);
      border-radius: 10px;
      background: linear-gradient(145deg, rgba(34, 34, 34, 0.92), rgba(20, 20, 20, 0.88));
      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
    }
    .statistics-filter-heading,
    .statistics-section-heading {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 16px;
    }
    .statistics-filter-heading > div,
    .statistics-section-heading > div {
      display: grid;
      gap: 5px;
    }
    .statistics-filter-heading h2,
    .statistics-section-heading h2 {
      margin: 0;
      font-size: 19px;
      font-weight: 750;
      letter-spacing: -0.01em;
    }
    .statistics-selected-count {
      color: var(--font-dim);
      font-size: 11px;
      font-weight: 800;
      white-space: nowrap;
    }
    .statistics-filter-grid {
      display: grid;
      grid-template-columns: minmax(190px, 1fr) repeat(2, minmax(150px, 190px));
      gap: 12px;
      align-items: end;
    }
    .statistics-quick-ranges {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 7px;
    }
    .statistics-quick-ranges > span {
      margin-right: 3px;
      color: var(--font-dim);
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .statistics-quick-ranges button {
      min-height: 30px;
      padding: 5px 10px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 999px;
      background: rgba(18, 18, 18, 0.72);
      color: var(--font-muted);
      cursor: pointer;
      font: inherit;
      font-size: 11px;
      font-weight: 800;
      transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
    }
    .statistics-quick-ranges button:hover,
    .statistics-quick-ranges button:focus-visible {
      border-color: rgba(255, 165, 0, 0.42);
      background: rgba(255, 165, 0, 0.1);
      color: var(--font-color);
    }
    .statistics-metric-picker {
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 7px;
      background: rgba(12, 12, 12, 0.28);
    }
    .statistics-metric-picker summary,
    .statistics-data-block summary {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      min-height: 48px;
      padding: 11px 42px 11px 14px;
      color: var(--font-color);
      cursor: pointer;
      list-style: none;
      font-size: 13px;
      font-weight: 850;
    }
    .statistics-metric-picker summary::-webkit-details-marker,
    .statistics-data-block summary::-webkit-details-marker {
      display: none;
    }
    .statistics-metric-picker summary::after,
    .statistics-data-block summary::after {
      position: absolute;
      right: 15px;
      color: var(--notice-color);
      content: "+";
      font-size: 20px;
      font-weight: 400;
      line-height: 1;
    }
    .statistics-metric-picker[open] summary::after,
    .statistics-data-block[open] summary::after {
      content: "−";
    }
    .statistics-metric-picker summary small,
    .statistics-data-block summary small {
      color: var(--font-dim);
      font-size: 11px;
      font-weight: 650;
      text-align: right;
    }
    .statistics-metrics {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      padding: 0 12px 12px;
    }
    .statistics-metric-toggle {
      display: inline-flex;
      min-height: 34px;
      align-items: center;
      gap: 8px;
      padding: 7px 10px;
      border-radius: 5px;
      background: rgba(18, 18, 18, 0.78);
      border: 1px solid rgba(255, 255, 255, 0.08);
      color: var(--font-muted);
      cursor: pointer;
      font-weight: 700;
      line-height: 1.2;
      transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
    }
    .statistics-metric-toggle input {
      width: 15px;
      height: 15px;
      accent-color: var(--accent-color);
    }
    .statistics-metric-toggle:has(input:checked) {
      border-color: rgba(255, 165, 0, 0.34);
      background: rgba(255, 165, 0, 0.09);
      color: var(--font-color);
    }
    .statistics-filter-actions {
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .statistics-filter-actions small {
      max-width: 600px;
      color: var(--font-dim);
      font-size: 11px;
      line-height: 1.4;
    }
    .statistics-overview-section,
    .statistics-section-panel {
      scroll-margin-top: calc(var(--sticky-header-height) + 76px);
    }
    .statistics-overview-section {
      display: grid;
      gap: 14px;
    }
    .statistics-section-heading > p {
      max-width: 520px;
      color: var(--font-dim);
      font-size: 12px;
      line-height: 1.4;
      text-align: right;
    }
    .statistics-section-heading-panel {
      padding: 20px 20px 16px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }
    .statistics-section-panel {
      padding: 0;
      overflow: hidden;
      border-color: rgba(255, 255, 255, 0.09);
      border-radius: 10px;
    }
    .statistics-summary-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .statistics-summary-card {
      display: grid;
      gap: 5px;
      min-width: 0;
      min-height: 118px;
      align-content: start;
      padding: 14px 15px;
      border-top: 2px solid rgba(255, 165, 0, 0.38);
      border-radius: 6px;
      background: linear-gradient(145deg, rgba(39, 39, 39, 0.84), rgba(20, 20, 20, 0.78));
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-top-color: rgba(255, 165, 0, 0.44);
      border-top-width: 2px;
      box-shadow: 0 9px 24px rgba(0, 0, 0, 0.14);
      transition: border-color 0.15s ease, transform 0.15s ease;
    }
    .statistics-summary-card:hover {
      border-color: rgba(255, 165, 0, 0.3);
      transform: translateY(-1px);
    }
    .statistics-summary-card span,
    .statistics-summary-card small {
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.25;
      text-transform: uppercase;
    }
    .statistics-summary-card small {
      color: var(--font-dim);
      font-size: 11px;
      text-transform: none;
    }
    .statistics-summary-card strong {
      color: var(--font-color);
      font-size: clamp(22px, 2.5vw, 27px);
      line-height: 1.1;
      overflow-wrap: anywhere;
    }
    .statistics-voice-grid {
      padding: 16px 20px 20px;
    }
    .profitability-summary-grid {
      padding: 16px 20px;
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .profitability-card.positive strong,
    .finance-value.positive {
      color: #49d663;
    }
    .profitability-card.negative strong,
    .finance-value.negative {
      color: #ff7b68;
    }
    .profitability-settings {
      display: grid;
      grid-template-columns: minmax(220px, 360px) auto minmax(180px, 1fr);
      gap: 12px;
      align-items: end;
      padding: 0 20px 16px;
    }
    .profitability-settings small,
    .profitability-formula {
      color: var(--font-dim);
      font-size: 12px;
      line-height: 1.45;
    }
    .profitability-formula {
      margin: 0 20px 16px;
      padding: 12px;
      border-left: 3px solid rgba(255, 165, 0, 0.55);
      border-radius: 4px;
      background: rgba(18, 18, 18, 0.66);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-left-color: rgba(255, 165, 0, 0.55);
    }
    .profitability-chart-wrap {
      position: relative;
      margin: 0 20px;
    }
    #profitability-chart {
      display: block;
      width: 100%;
      height: 440px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 6px;
      background: rgba(18, 18, 18, 0.72);
      cursor: crosshair;
    }
    .profitability-tooltip {
      position: absolute;
      z-index: 2;
      display: grid;
      gap: 4px;
      width: 220px;
      padding: 10px;
      pointer-events: none;
      background: rgba(8, 8, 8, 0.94);
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 6px;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.36);
      color: var(--font-color);
      font-size: 12px;
    }
    .profitability-tooltip[hidden] {
      display: none;
    }
    #profitability-legend {
      padding: 0 20px 16px;
    }
    .profitability-daily-table .statistics-table-head,
    .profitability-daily-table .statistics-table-row {
      grid-template-columns: minmax(115px, 1fr) repeat(7, minmax(125px, 0.8fr));
      min-width: 1000px;
    }
    .acquisition-summary-grid {
      padding: 16px 20px;
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .store-statistics-summary-grid {
      padding: 16px 20px;
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .store-statistics-placeholder {
      margin: 0 20px 18px;
    }
    .acquisition-placeholder {
      margin: 0 15px 15px;
    }
    .statistics-chart-panel,
    .statistics-table-panel {
      min-width: 0;
      max-width: 100%;
      background: var(--panel-bg);
    }
    .statistics-chart-panel {
      min-height: 280px;
      padding: 0 20px 18px;
    }
    .statistics-chart-panel .statistics-section-heading-panel {
      margin: 0 -20px 18px;
    }
    .statistics-player-chart-wrap {
      position: relative;
    }
    #statistics-chart {
      display: block;
      width: 100%;
      height: 420px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 6px;
      background: rgba(18, 18, 18, 0.72);
      cursor: crosshair;
    }
    .statistics-tooltip {
      width: 240px;
    }
    .statistics-legend {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 12px;
    }
    .statistics-legend-item {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 5px 8px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.035);
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
    }
    .statistics-legend-item i {
      width: 18px;
      height: 3px;
      flex: 0 0 auto;
      border-radius: 999px;
    }
    .statistics-data-block {
      margin: 0 20px 18px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 7px;
      background: rgba(12, 12, 12, 0.3);
      overflow: hidden;
    }
    .statistics-data-block + .statistics-data-block {
      margin-top: -8px;
    }
    .statistics-data-block[open] > summary {
      border-bottom: 1px solid rgba(255, 255, 255, 0.07);
      background: rgba(255, 255, 255, 0.025);
    }
    .statistics-table {
      display: grid;
      width: 100%;
      min-width: 0;
      max-width: 100%;
      gap: 1px;
      background: rgba(255, 255, 255, 0.08);
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      scrollbar-color: rgba(255, 165, 0, 0.45) rgba(255, 255, 255, 0.04);
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
    }
    .statistics-table-head,
    .statistics-table-row {
      display: grid;
      grid-template-columns: minmax(145px, 1.4fr) repeat(11, minmax(74px, 0.6fr));
      min-width: 1120px;
      align-items: center;
      gap: 1px;
      background: rgba(255, 255, 255, 0.08);
    }
    .statistics-table-head {
      position: sticky;
      z-index: 3;
      top: 0;
    }
    .statistics-table-head span,
    .statistics-table-row span,
    .statistics-table-row strong {
      min-height: 38px;
      padding: 10px;
      background: rgba(18, 18, 18, 0.72);
      color: var(--font-muted);
      font-size: 12px;
      line-height: 1.2;
      font-variant-numeric: tabular-nums;
    }
    .statistics-table-head span {
      color: var(--font-color);
      font-weight: 900;
      text-transform: uppercase;
    }
    .statistics-table-row strong {
      color: var(--notice-color);
      font-weight: 900;
    }
    .statistics-table-head > :first-child,
    .statistics-table-row > :first-child {
      position: sticky;
      z-index: 2;
      left: 0;
      box-shadow: 8px 0 18px rgba(0, 0, 0, 0.18);
    }
    .statistics-table-head > :first-child {
      z-index: 4;
      background: #181818;
    }
    .statistics-table-row:nth-child(odd) > * {
      background: rgba(24, 24, 24, 0.88);
    }
    .statistics-table-row:hover > * {
      background: rgba(159, 79, 53, 0.15);
      color: var(--font-color);
    }
    .acquisition-table .statistics-table-head,
    .acquisition-table .statistics-table-row {
      grid-template-columns: repeat(4, minmax(120px, 1fr)) repeat(9, minmax(86px, 0.65fr));
      min-width: 1460px;
    }
    .store-product-metrics-table .statistics-table-head,
    .store-product-metrics-table .statistics-table-row {
      grid-template-columns: minmax(210px, 1.6fr) repeat(7, minmax(100px, 0.7fr));
      min-width: 960px;
    }
    .store-daily-metrics-table .statistics-table-head,
    .store-daily-metrics-table .statistics-table-row {
      grid-template-columns: minmax(115px, 1fr) repeat(15, minmax(100px, 0.7fr));
      min-width: 1680px;
    }
    .store-donation-metrics-table .statistics-table-head,
    .store-donation-metrics-table .statistics-table-row {
      grid-template-columns: minmax(115px, 1fr) repeat(3, minmax(150px, 0.8fr));
      min-width: 620px;
    }
    .store-steam-withdrawal-metrics-table .statistics-table-head,
    .store-steam-withdrawal-metrics-table .statistics-table-row {
      grid-template-columns: minmax(115px, 1fr) repeat(9, minmax(105px, 0.7fr));
      min-width: 1100px;
    }
    .statistics-apply-button {
      justify-self: start;
      min-width: 180px;
    }
    .event-prize-row p {
      color: var(--font-muted);
      font-size: 13px;
    }
    .event-prize-tag,
    .event-top-share {
      display: inline-flex;
      width: fit-content;
      margin-top: 5px;
      padding: 3px 7px;
      background: rgba(255, 165, 0, 0.12);
      color: var(--notice-color);
      font-size: 12px;
      font-weight: 800;
    }
    .event-panel-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
    }
    .event-top-row,
    .leaders-table-row,
    .leaders-table-head {
      display: grid;
      gap: 10px;
      align-items: center;
      padding: 10px;
      background: rgba(18, 18, 18, 0.58);
    }
    .event-top-row {
      grid-template-columns: 46px minmax(0, 1fr) max-content;
      grid-template-areas:
        "rank player amount"
        "rank player share";
      position: relative;
      min-width: 0;
      padding: 12px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 7px;
      background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)),
        rgba(14, 14, 14, 0.68);
      overflow: hidden;
    }
    .leaders-table-row,
    .leaders-table-head {
      grid-template-columns: 52px minmax(0, 1fr) minmax(110px, auto);
      border-top: 1px solid rgba(255, 255, 255, 0.07);
    }
    .event-top-row:first-child {
      border-color: rgba(255, 165, 0, 0.34);
      background:
        linear-gradient(90deg, rgba(255, 165, 0, 0.14), rgba(255, 255, 255, 0.02) 62%),
        rgba(14, 14, 14, 0.76);
      box-shadow: inset 3px 0 0 var(--notice-color);
    }
    .leaders-table-head {
      border-top: 0;
    }
    .leaders-table-head {
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .event-top-rank {
      color: var(--notice-color);
      font-weight: 900;
    }
    .event-top-row .event-top-rank {
      display: grid;
      grid-area: rank;
      width: 34px;
      height: 34px;
      align-items: center;
      justify-items: center;
      border: 1px solid rgba(255, 165, 0, 0.32);
      border-radius: 6px;
      background: rgba(255, 165, 0, 0.11);
      line-height: 1;
    }
    .event-top-player {
      display: grid;
      gap: 2px;
      min-width: 0;
      color: var(--font-color);
      font-weight: 700;
      overflow-wrap: anywhere;
    }
    .event-top-row .event-top-player {
      grid-area: player;
    }
    .event-top-player small {
      color: var(--font-dim);
      font-size: 12px;
      font-weight: 500;
    }
    .event-top-player .event-top-reward {
      color: var(--notice-color);
      font-weight: 800;
    }
    .event-top-row strong {
      grid-area: amount;
      justify-self: end;
      color: var(--font-color);
      font-size: 18px;
      line-height: 1.1;
      white-space: nowrap;
    }
    .event-top-row > .event-top-share {
      grid-area: share;
      justify-self: end;
      margin-top: 2px;
      white-space: nowrap;
    }
    .event-admin-panel {
      display: grid;
      gap: 14px;
    }
    .event-admin-log {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .event-admin-log h3 {
      color: #ffd0ca;
      font-size: 16px;
      line-height: 1.2;
    }
    .event-admin-log-list {
      display: grid;
      gap: 8px;
    }
    .event-admin-log-row {
      display: grid;
      gap: 6px;
      min-width: 0;
      padding: 10px;
      border: 1px solid rgba(255, 123, 104, 0.18);
      border-radius: 6px;
      background: rgba(10, 10, 10, 0.22);
    }
    .event-admin-log-row strong {
      color: var(--font-color);
      font-size: 13px;
      line-height: 1.25;
    }
    .event-admin-log-row p {
      color: var(--font-muted);
      overflow-wrap: anywhere;
    }
    .event-admin-log-row small {
      color: var(--font-dim);
      font-size: 12px;
    }
    .battle-result-list {
      display: grid;
      gap: 12px;
    }
    .battle-result-group {
      display: grid;
      gap: 10px;
      padding: 14px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 8px;
      background: rgba(10, 10, 10, 0.14);
    }
    .battle-result-group-current {
      border-color: rgba(210, 150, 82, 0.34);
      background: rgba(210, 150, 82, 0.08);
    }
    .battle-result-group-past {
      gap: 8px;
    }
    .battle-result-heading {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
    }
    .battle-result-heading h3 {
      color: var(--font-color);
      font-size: 16px;
    }
    .battle-result-heading small,
    .battle-result-stats {
      color: var(--font-dim);
      font-size: 12px;
    }
    .battle-result-compact {
      border-color: rgba(255, 255, 255, 0.1);
      background: rgba(10, 10, 10, 0.14);
    }
    .control-map-panel {
      min-width: 0;
      background:
        linear-gradient(135deg, rgba(50, 42, 36, 0.84), rgba(21, 25, 28, 0.94)),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 8px);
      border: 1px solid rgba(210, 150, 82, 0.28);
      border-radius: 8px;
      padding: 16px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 42px rgba(0, 0, 0, 0.28);
    }
    .control-map-alert {
      display: inline-flex;
      align-items: center;
      margin: 0 0 12px;
      padding: 7px 10px;
      border: 1px solid rgba(255, 92, 71, 0.42);
      border-radius: 4px;
      background: rgba(118, 32, 25, 0.72);
      color: #ffd6cd;
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .control-map-scroll {
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      padding-bottom: 4px;
    }
    .control-map-board {
      position: relative;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      background: rgba(6, 8, 10, 0.36);
      border: 1px solid rgba(0, 0, 0, 0.55);
      border-radius: 6px;
      overflow: hidden;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }
    .control-map-image {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      object-fit: contain;
      background: rgba(6, 8, 10, 0.36);
    }
    .control-map-legend {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 12px;
      color: var(--font-muted);
      font-size: 12px;
    }
    .control-map-legend span {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .control-map-legend i {
      width: 10px;
      height: 10px;
      border-radius: 2px;
      display: inline-block;
    }
    .control-legend-empty {
      background: rgba(128, 136, 148, 0.6);
    }
    .control-legend-active {
      background: #9d2f25;
    }
    .control-legend-captured {
      background: #d63e30;
    }
    .control-legend-owned {
      background: #2f8f66;
    }
    .control-legend-revealed {
      background: #2f8f66;
    }
    .control-payout-row {
      align-items: stretch;
    }
    .control-payout-form {
      display: grid;
      grid-template-columns: minmax(120px, 160px) minmax(160px, 1fr) auto;
      gap: 8px;
      align-items: center;
    }
    .leaders-summary {
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
    .leaders-server-list {
      display: grid;
      gap: 15px;
    }
    .leaders-navigation-panel {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
      align-items: stretch;
      gap: 12px;
      padding: 12px;
      background: var(--panel-bg);
    }
    .leaders-filter {
      gap: 14px;
    }
    .leaders-navigation-panel .leaders-filter,
    .leaders-navigation-panel .settings-form.leaders-filter.top-server-filter {
      width: 100%;
      margin: 0;
      padding: 0;
      background: transparent;
    }
    .leaders-navigation-panel .leaders-date-bar {
      width: 100%;
      margin: 0;
      padding: 0 0 0 12px;
      border-left: 1px solid rgba(255, 255, 255, 0.08);
      background: transparent;
    }
    .leaders-filter .server-choice-panel {
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 8px;
    }
    .leaders-filter .server-choice-tile {
      display: flex;
      min-height: 48px;
      margin-bottom: 0;
      padding: 9px 12px;
      color: #ffffff;
      font-size: 15px;
      font-weight: 800;
    }
    .leaders-hero {
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 10px;
      background: rgba(12, 12, 12, 0.94);
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.32);
    }
    .leaders-hero-media {
      position: relative;
      aspect-ratio: 16 / 9;
      min-height: 360px;
      overflow: hidden;
      background: #151515;
    }
    .leaders-hero-image {
      position: absolute;
      inset: 0;
      overflow: hidden;
    }
    .leaders-hero-image::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(5, 5, 5, 0.44) 0%, transparent 24%, transparent 72%, rgba(5, 5, 5, 0.38) 100%),
        linear-gradient(90deg, rgba(5, 5, 5, 0.26), transparent 36%);
      pointer-events: none;
    }
    .leaders-hero-image > img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
    .leaders-hero-caption {
      display: flex;
      position: absolute;
      z-index: 1;
      top: 16px;
      left: 16px;
      right: 16px;
      align-items: stretch;
      gap: 8px;
    }
    .leaders-hero-stat {
      display: grid;
      gap: 2px;
      min-width: 150px;
      padding: 10px 12px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 7px;
      background: rgba(10, 10, 10, 0.75);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
      backdrop-filter: blur(7px);
    }
    .leaders-hero-side-stats {
      display: grid;
      gap: 8px;
      margin-left: auto;
    }
    .leaders-hero-server {
      align-self: flex-start;
    }
    .leaders-hero-caption span,
    .leaders-hero-caption small {
      color: #c5c5c5;
      font-size: 10px;
      font-weight: 800;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .leaders-hero-caption strong {
      color: #ffffff;
      font-size: 17px;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .leaders-wolf-labels {
      position: absolute;
      z-index: 2;
      inset: 0;
      pointer-events: none;
    }
    .leaders-wolf-label {
      display: grid;
      position: absolute;
      grid-template-columns: 30px minmax(0, 1fr);
      gap: 7px;
      width: clamp(108px, 15vw, 184px);
      min-width: 0;
      padding: 8px 9px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      border-radius: 7px;
      background: rgba(8, 8, 8, 0.82);
      box-shadow: 0 9px 24px rgba(0, 0, 0, 0.38);
      backdrop-filter: blur(7px);
      pointer-events: auto;
      transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
    }
    .leaders-wolf-label:hover,
    .leaders-wolf-label:focus,
    .leaders-wolf-label:focus-within {
      z-index: 4;
      border-color: rgba(255, 165, 0, 0.58);
      background: rgba(8, 8, 8, 0.94);
      outline: none;
      transform: translateY(-2px);
    }
    .leaders-wolf-label-rank-1 {
      top: 50%;
      left: 42.5%;
      border-color: rgba(255, 190, 74, 0.52);
    }
    .leaders-wolf-label-rank-2 {
      top: 58%;
      left: 22%;
      border-color: rgba(211, 220, 228, 0.42);
    }
    .leaders-wolf-label-rank-3 {
      top: 59%;
      left: 60.5%;
      border-color: rgba(190, 118, 69, 0.48);
    }
    .leaders-wolf-label-rank-4 {
      top: 69%;
      left: 2.5%;
    }
    .leaders-wolf-label-rank-5 {
      top: 69%;
      right: 2.5%;
    }
    .leaders-wolf-rank {
      display: grid;
      width: 30px;
      height: 30px;
      align-items: center;
      justify-items: center;
      border: 1px solid rgba(255, 165, 0, 0.34);
      border-radius: 5px;
      background: rgba(255, 165, 0, 0.13);
      color: var(--notice-color);
      font-size: 14px;
      font-weight: 950;
      line-height: 1;
    }
    .leaders-wolf-label-rank-2 .leaders-wolf-rank {
      border-color: rgba(211, 220, 228, 0.44);
      background: rgba(211, 220, 228, 0.13);
      color: #d3dce4;
    }
    .leaders-wolf-label-rank-3 .leaders-wolf-rank {
      border-color: rgba(190, 118, 69, 0.44);
      background: rgba(190, 118, 69, 0.13);
      color: #d99569;
    }
    .leaders-wolf-player {
      display: grid;
      gap: 2px;
      min-width: 0;
      align-content: center;
      color: #ffffff;
      font-size: 12px;
      font-weight: 850;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }
    .leaders-wolf-player small {
      color: #b7b7b7;
      font-size: 9px;
      font-weight: 600;
      line-height: 1.1;
      overflow-wrap: anywhere;
    }
    .leaders-wolf-result {
      grid-column: 2;
      color: #ffffff;
      font-size: 11px;
      font-weight: 850;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .leaders-wolf-reward {
      display: grid;
      position: absolute;
      top: calc(100% + 6px);
      left: 0;
      gap: 4px;
      width: min(245px, 28vw);
      padding: 9px 10px;
      visibility: hidden;
      border: 1px solid rgba(255, 165, 0, 0.35);
      border-radius: 6px;
      background: rgba(7, 7, 7, 0.96);
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.48);
      opacity: 0;
      pointer-events: none;
      transform: translateY(-4px);
      transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
    }
    .leaders-wolf-label-rank-3 .leaders-wolf-reward,
    .leaders-wolf-label-rank-5 .leaders-wolf-reward {
      right: 0;
      left: auto;
    }
    .leaders-wolf-label:hover .leaders-wolf-reward,
    .leaders-wolf-label:focus .leaders-wolf-reward,
    .leaders-wolf-label:focus-within .leaders-wolf-reward {
      visibility: visible;
      opacity: 1;
      transform: translateY(0);
    }
    .leaders-wolf-reward small {
      color: var(--notice-color);
      font-size: 11px;
      font-weight: 750;
      line-height: 1.3;
    }
    .leaders-mobile-ranking {
      display: none;
    }
    .leaders-empty-state {
      margin-top: 0;
      padding: 16px;
      background: var(--panel-bg);
      text-align: center;
    }
    .leaders-remaining-panel {
      margin-top: 0;
    }
    .leaders-server-total {
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      overflow-wrap: anywhere;
      text-align: right;
      text-transform: uppercase;
    }
    .leaders-table {
      display: grid;
    }
    .profile-table {
      width: 100%;
      border-collapse: collapse;
      background: var(--panel-bg);
    }
    .profile-table th,
    .profile-table td {
      padding: 12px;
      border-top: 1px solid var(--line-color);
      text-align: left;
      vertical-align: top;
    }
    .profile-table tr:first-child th,
    .profile-table tr:first-child td {
      border-top: 0;
    }
    .profile-table th {
      width: 220px;
      color: var(--font-muted);
      font-weight: 400;
    }
    .profile-table td {
      color: var(--font-color);
      overflow-wrap: anywhere;
    }
    .profile-site-ban-row th,
    .profile-site-ban-row td {
      border-top-color: var(--admin-line);
      background: var(--admin-bg);
    }
    .profile-site-ban-row th {
      color: #ffd0ca;
    }
    .profile-color-preview {
      display: inline-block;
      width: 18px;
      height: 18px;
      margin-right: 8px;
      border: 1px solid rgba(255, 255, 255, 0.42);
      vertical-align: -4px;
    }
    .yandex-alice-screen {
      display: grid;
      gap: 14px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .yandex-alice-screen .content-panel {
      width: 100%;
      margin: 0;
      border: 1px solid rgba(255, 255, 255, 0.07);
      background: rgba(22, 22, 22, 0.82);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }
    .yandex-alice-status-panel {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
    .yandex-alice-status-card {
      display: grid;
      gap: 7px;
      min-width: 0;
      padding: 12px;
      border-left: 3px solid var(--danger-color);
      background: rgba(8, 8, 8, 0.28);
    }
    .yandex-alice-status-card.ready {
      border-left-color: var(--success-color);
    }
    .yandex-alice-status-card strong {
      color: var(--font-color);
      font-size: 15px;
      font-weight: 800;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .yandex-alice-status-card.ready strong {
      color: var(--success-color);
    }
    .yandex-alice-status-card.missing strong {
      color: var(--danger-color);
    }
    .yandex-alice-status-card span {
      color: var(--font-muted);
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .yandex-alice-status-label {
      color: var(--font-dim);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0;
      text-transform: uppercase;
    }
    .yandex-alice-guide-panel,
    .yandex-alice-binding-panel,
    .yandex-alice-test-panel {
      display: grid;
      gap: 14px;
    }
    .yandex-alice-steps {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      list-style: none;
      counter-reset: yandex-alice-step;
    }
    .yandex-alice-steps li {
      display: grid;
      position: relative;
      gap: 7px;
      min-width: 0;
      padding: 12px 12px 12px 42px;
      background: rgba(8, 8, 8, 0.28);
      color: var(--font-muted);
      line-height: 1.35;
      counter-increment: yandex-alice-step;
    }
    .yandex-alice-steps li::before {
      content: counter(yandex-alice-step);
      position: absolute;
      top: 12px;
      left: 12px;
      display: inline-flex;
      width: 22px;
      height: 22px;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255, 165, 0, 0.34);
      background: rgba(255, 165, 0, 0.1);
      color: var(--notice-color);
      font-size: 12px;
      font-weight: 900;
    }
    .yandex-alice-steps strong {
      color: var(--font-color);
      font-size: 14px;
      font-weight: 900;
      line-height: 1.2;
    }
    .yandex-alice-steps span {
      overflow-wrap: anywhere;
    }
    .yandex-alice-form {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .yandex-alice-action-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: stretch;
    }
    .yandex-alice-action-row .detail-action-button {
      min-width: 150px;
      min-height: 44px;
      padding: 0 18px;
      font-size: 14px;
    }
    .yandex-alice-disconnect-form {
      margin-top: 2px;
    }
    .yandex-alice-disconnect-form .detail-action-button {
      border-color: rgba(255, 123, 104, 0.38);
      background: rgba(255, 123, 104, 0.13);
      color: #ffd0ca;
    }
    .yandex-alice-disconnect-form .detail-action-button:hover,
    .yandex-alice-disconnect-form .detail-action-button:focus {
      border-color: rgba(255, 123, 104, 0.64);
      background: rgba(255, 123, 104, 0.22);
    }
    .detail-copy-button {
      min-height: 30px;
      padding: 6px 10px;
      font-size: 12px;
    }
    .admin-search,
    .admin-edit,
    .settings-form,
    .placeholder-box,
    .result-box {
      margin-top: 15px;
      padding: 15px;
      background: var(--panel-bg);
    }
    .settings-form.top-server-filter {
      margin: 0 auto 15px;
    }
    .admin-search {
      margin: 28px auto 0;
      width: min(100%, var(--content-width));
    }
    .profile-admin-panel {
      display: grid;
      gap: 18px;
      margin-top: 28px;
    }
    .profile-logout-panel {
      display: inline-flex;
    }
    .profile-logout-button {
      border-color: rgba(255, 123, 104, 0.38);
      background: rgba(255, 123, 104, 0.13);
      color: #ffd0ca;
    }
    .profile-logout-button:hover,
    .profile-logout-button:focus {
      border-color: rgba(255, 123, 104, 0.64);
      background: rgba(255, 123, 104, 0.22);
    }
    .site-ban-toggle {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: var(--font-color);
    }
    .site-ban-toggle input {
      width: 16px;
      height: 16px;
      accent-color: var(--danger-color);
    }
    .wolf-pass-screen {
      display: grid;
      gap: 15px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .wolf-pass-summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      min-width: 0;
      padding: 15px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(20, 20, 20, 0.58);
      color: var(--font-muted);
    }
    .wolf-pass-summary-active {
      border-color: rgba(255, 216, 77, 0.34);
      background: linear-gradient(90deg, rgba(73, 214, 99, 0.13), rgba(77, 163, 255, 0.12), rgba(255, 216, 77, 0.12));
    }
    .wolf-pass-summary-main {
      display: grid;
      gap: 5px;
      min-width: 0;
    }
    .wolf-pass-eyebrow,
    .wolf-pass-steam {
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    .wolf-pass-summary-main strong {
      color: var(--font-color);
      font-size: 20px;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .wolf-pass-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
      gap: 15px;
    }
    .wolf-pass-card {
      --pass-color: var(--notice-color);
      --pass-soft: rgba(255, 165, 0, 0.13);
      --pass-border: rgba(255, 165, 0, 0.42);
      --pass-glow: rgba(255, 165, 0, 0.2);
      display: grid;
      grid-template-rows: auto 1fr;
      min-width: 0;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-top: 4px solid var(--pass-color);
      border-radius: 6px;
      background: rgba(21, 21, 21, 0.72);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }
    .wolf-pass-card-light {
      --pass-color: #7df28f;
      --pass-soft: rgba(73, 214, 99, 0.14);
      --pass-border: rgba(73, 214, 99, 0.48);
      --pass-glow: rgba(73, 214, 99, 0.2);
    }
    .wolf-pass-card-normal {
      --pass-color: #8fc7ff;
      --pass-soft: rgba(77, 163, 255, 0.15);
      --pass-border: rgba(77, 163, 255, 0.5);
      --pass-glow: rgba(77, 163, 255, 0.2);
    }
    .wolf-pass-card-full {
      --pass-color: #ffe58a;
      --pass-soft: rgba(255, 216, 77, 0.15);
      --pass-border: rgba(255, 216, 77, 0.52);
      --pass-glow: rgba(255, 216, 77, 0.2);
    }
    .wolf-pass-card.is-active {
      border-color: var(--pass-border);
      border-top-color: var(--pass-color);
      box-shadow: 0 0 0 1px var(--pass-glow), 0 18px 42px rgba(0, 0, 0, 0.24);
    }
    .wolf-pass-card-media {
      display: flex;
      position: relative;
      min-height: 178px;
      align-items: center;
      justify-content: center;
      padding: 18px;
      background: linear-gradient(145deg, rgba(12, 12, 12, 0.76), var(--pass-soft));
    }
    .wolf-pass-card-media img {
      display: block;
      width: min(150px, 52vw);
      height: min(150px, 52vw);
      object-fit: contain;
      filter: drop-shadow(0 14px 22px rgba(0, 0, 0, 0.32));
    }
    .wolf-pass-code {
      position: absolute;
      top: 12px;
      right: 12px;
      padding: 5px 8px;
      border: 1px solid var(--pass-border);
      border-radius: 4px;
      background: rgba(12, 12, 12, 0.72);
      color: var(--pass-color);
      font-size: 13px;
      font-weight: 900;
      line-height: 1;
    }
    .wolf-pass-card-body {
      display: grid;
      align-content: start;
      gap: 12px;
      min-width: 0;
      padding: 15px;
    }
    .wolf-pass-card-heading {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .wolf-pass-card-heading h2 {
      color: var(--font-color);
      font-size: 19px;
      font-weight: 800;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .wolf-pass-state {
      width: fit-content;
      padding: 4px 8px;
      border-radius: 4px;
      background: rgba(255, 255, 255, 0.08);
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 900;
      line-height: 1;
      text-transform: uppercase;
    }
    .wolf-pass-state.active {
      background: var(--pass-soft);
      color: var(--pass-color);
    }
    .wolf-pass-state.expired {
      background: rgba(255, 123, 104, 0.13);
      color: var(--danger-color);
    }
    .wolf-pass-expiry {
      min-height: 42px;
    }
    .wolf-pass-expiry-row {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      min-width: 0;
    }
    .wolf-pass-shop-button {
      display: inline-flex;
      min-height: 30px;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: 1px solid var(--pass-border);
      border-radius: 4px;
      background: var(--pass-soft);
      color: var(--pass-color);
      font-size: 13px;
      font-weight: 800;
      line-height: 1.2;
      text-align: center;
      transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }
    .wolf-pass-shop-button:hover,
    .wolf-pass-shop-button:focus {
      border-color: var(--pass-color);
      background: rgba(255, 255, 255, 0.1);
      color: var(--font-color);
    }
    .wolf-pass-benefits {
      display: grid;
      gap: 9px;
      list-style: none;
    }
    .wolf-pass-benefits li {
      position: relative;
      min-width: 0;
      padding-left: 18px;
      color: var(--font-muted);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.42;
      overflow-wrap: anywhere;
    }
    .wolf-pass-benefits li::before {
      content: "";
      position: absolute;
      top: 0.55em;
      left: 0;
      width: 7px;
      height: 7px;
      border-radius: 2px;
      background: var(--pass-color);
      box-shadow: 0 0 0 3px var(--pass-soft);
    }
    .wolf-pass-admin-panel {
      display: grid;
      gap: 18px;
      width: min(100%, var(--content-width));
      margin: 13px auto 0;
    }
    .admin-section-form {
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .admin-section-divider {
      height: 1px;
      background: rgba(255, 123, 104, 0.28);
    }
    .admin-menu-panel {
      display: grid;
      gap: 18px;
    }
    .admin-search,
    .admin-edit,
    .settings-form {
      border: 1px solid var(--admin-line);
      background: linear-gradient(180deg, var(--admin-bg), var(--admin-bg-strong));
      box-shadow: inset 0 1px 0 rgba(255, 123, 104, 0.08);
    }
    .top-server-filter,
    .settings-form.top-server-filter {
      padding: 15px;
      border: 0;
      background: var(--panel-bg);
      box-shadow: none;
    }
    .top-server-filter .server-choice-panel {
      padding: 0;
      background: transparent;
    }
    .event-filter.top-server-filter {
      grid-template-columns: 1fr;
    }
    .event-filter.top-server-filter .server-choice-panel {
      grid-column: 1;
    }
    .leaders-filter.top-server-filter .server-choice-panel {
      grid-column: 1 / -1;
    }
    .admin-edit,
    .profile-screen > .status,
    .profile-screen > .muted {
      width: min(100%, var(--content-width));
      margin-left: auto;
      margin-right: auto;
    }
    .content-panel > .placeholder-box,
    .content-panel > .result-box {
      margin-top: 0;
      padding: 0;
      background: transparent;
    }
    .admin-search label,
    .field-label,
    .settings-form label {
      display: block;
      margin-bottom: 8px;
      color: var(--font-color);
      font-weight: 500;
    }
    .search-row {
      display: flex;
      gap: 15px;
      align-items: center;
    }
    .search-input,
    .settings-input {
      width: 100%;
      min-height: 38px;
      padding: 0 12px;
      border: 1px solid transparent;
      border-radius: 2px;
      outline: 1px solid transparent;
      background: var(--input-bg);
      color: var(--font-color);
      font: inherit;
      transition: outline-color 0.1s ease, border-color 0.1s ease;
    }
    .search-input:focus,
    .settings-input:focus {
      border-color: var(--accent-color);
      outline-color: var(--accent-color);
    }
    .form-grid {
      display: grid;
      gap: 12px;
    }
    .admin-edit h2 {
      margin-bottom: 15px;
    }
    .admin-edit-section-title {
      margin-top: 24px;
      padding-top: 18px;
      border-top: 1px solid rgba(255, 123, 104, 0.28);
    }
    .admin-search label,
    .admin-edit h2,
    .settings-form label {
      color: #ffd0ca;
    }
    .admin-panel-title {
      margin: 0;
      color: #ffd0ca;
      font-size: 18px;
      line-height: 1.2;
    }
    .settings-form label.admin-panel-title {
      margin-bottom: 0;
    }
    .admin-metrics {
      display: grid;
      gap: 12px;
    }
    .admin-metric-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .admin-metric-card {
      display: grid;
      gap: 6px;
      min-width: 0;
      padding: 12px;
      border: 1px solid rgba(255, 123, 104, 0.22);
      border-radius: 6px;
      background: rgba(10, 10, 10, 0.22);
    }
    .admin-metric-label {
      color: var(--font-muted);
      font-size: 13px;
      line-height: 1.25;
    }
    .admin-metric-value {
      color: var(--font-color);
      font-size: 26px;
      line-height: 1;
    }
    .menu-flags-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
      gap: 10px;
    }
    .notification-form-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 10px;
    }
    .settings-form .notification-field,
    .settings-form .notification-toggle {
      display: grid;
      gap: 8px;
      min-width: 0;
      margin: 0;
      padding: 10px;
      border: 1px solid rgba(255, 123, 104, 0.22);
      border-radius: 6px;
      background: rgba(10, 10, 10, 0.22);
      color: var(--font-color);
    }
    .settings-form .notification-field span {
      color: var(--font-muted);
      font-size: 13px;
      line-height: 1.25;
    }
    .settings-form .notification-toggle {
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
    }
    .notification-toggle input {
      width: 16px;
      height: 16px;
      accent-color: var(--accent-color);
      flex: 0 0 auto;
    }
    .notification-message-field {
      margin-top: 10px;
    }
    .notification-message-input {
      min-height: 92px;
      padding-top: 10px;
      padding-bottom: 10px;
      resize: vertical;
    }
    .notification-test-actions {
      margin-top: 10px;
      flex-wrap: wrap;
    }
    .menu-flag-row {
      display: grid;
      grid-template-columns: minmax(150px, 1fr) minmax(130px, auto) auto;
      align-items: center;
      gap: 10px;
      min-width: 0;
      padding: 10px;
      border: 1px solid rgba(255, 123, 104, 0.22);
      border-radius: 6px;
      background: rgba(10, 10, 10, 0.22);
    }
    .settings-form .menu-flag-toggle,
    .settings-form .menu-tag-field {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
      margin: 0;
      color: var(--font-color);
    }
    .settings-form .menu-flag-toggle {
      cursor: pointer;
    }
    .menu-flag-toggle input {
      width: 16px;
      height: 16px;
      accent-color: var(--accent-color);
      flex: 0 0 auto;
    }
    .menu-flag-toggle span {
      min-width: 0;
      overflow-wrap: normal;
      word-break: normal;
    }
    .settings-form .menu-tag-field {
      justify-content: flex-end;
      gap: 8px;
      font-size: 12px;
      color: var(--font-muted);
      white-space: nowrap;
    }
    .menu-tag-select {
      min-width: 108px;
      min-height: 34px;
      padding: 0 8px;
      border: 1px solid transparent;
      border-radius: 2px;
      outline: 1px solid transparent;
      background: var(--input-bg);
      color: var(--font-color);
      font: inherit;
      transition: outline-color 0.1s ease, border-color 0.1s ease;
    }
    .menu-tag-select:focus {
      border-color: var(--accent-color);
      outline-color: var(--accent-color);
    }
    .menu-popularity {
      display: grid;
      justify-items: end;
      gap: 3px;
      color: var(--font-dim);
      font-size: 11px;
      font-weight: 700;
      white-space: nowrap;
    }
    .menu-popularity strong {
      color: var(--font-muted);
      font-size: inherit;
      font-weight: 900;
    }
    .menu-popularity-today,
    .menu-popularity-today strong {
      color: var(--notice-color);
    }
    .social-count-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 10px;
    }
    .settings-form .social-count-field {
      display: grid;
      gap: 8px;
      min-width: 0;
      margin: 0;
      padding: 10px;
      border: 1px solid rgba(255, 123, 104, 0.22);
      border-radius: 6px;
      background: rgba(10, 10, 10, 0.22);
      color: var(--font-color);
    }
    .settings-form .social-count-field span {
      color: var(--font-muted);
      font-size: 13px;
      line-height: 1.25;
    }
    .social-count-input {
      width: 100%;
      min-height: 38px;
      padding: 0 10px;
      border: 1px solid transparent;
      border-radius: 2px;
      outline: 1px solid transparent;
      background: var(--input-bg);
      color: var(--font-color);
      font: inherit;
      transition: outline-color 0.1s ease, border-color 0.1s ease;
    }
    .social-count-input:focus {
      border-color: var(--accent-color);
      outline-color: var(--accent-color);
    }
    .admin-save-button {
      justify-self: start;
    }
    .muted,
    .status {
      color: var(--font-muted);
    }
    .status {
      margin-bottom: 15px;
    }
    .success,
    .detail-status {
      color: var(--success-color);
      font-weight: 500;
    }
    .detail-status.missing {
      color: var(--danger-color);
    }
    .detail-example {
      display: block;
      margin-top: 6px;
      color: var(--font-muted);
      overflow-wrap: anywhere;
    }
    .tooltip-label {
      display: inline-flex;
      position: relative;
      align-items: center;
      cursor: help;
      text-decoration: underline;
      text-decoration-color: rgba(255, 165, 0, 0.5);
      text-decoration-style: dotted;
      text-underline-offset: 3px;
    }
    .tooltip-content {
      position: absolute;
      z-index: 40;
      top: calc(100% + 8px);
      left: 0;
      width: max-content;
      max-width: min(320px, calc(100vw - 32px));
      padding: 8px 10px;
      border: 1px solid rgba(255, 165, 0, 0.38);
      border-radius: 3px;
      background: #151515;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);
      color: var(--font-color);
      font-size: 13px;
      font-weight: 500;
      line-height: 1.35;
      opacity: 0;
      pointer-events: none;
      text-align: left;
      text-decoration: none;
      transform: translateY(-4px);
      transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s ease;
      visibility: hidden;
      white-space: normal;
    }
    .tooltip-label:hover .tooltip-content,
    .tooltip-label:focus .tooltip-content,
    .tooltip-label:focus-visible .tooltip-content {
      opacity: 1;
      transform: translateY(0);
      visibility: visible;
    }
    .tooltip-command {
      color: var(--notice-color);
      font-weight: 800;
      white-space: nowrap;
    }
    .detail-action-row {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }
    .inline-action-form {
      display: inline-flex;
      margin: 0;
    }
    .detail-action-button,
    .detail-action-link {
      display: inline-flex;
      min-height: 32px;
      align-items: center;
      justify-content: center;
      padding: 6px 10px;
      border: 1px solid var(--accent-color);
      border-radius: 3px;
      background: var(--accent-color);
      color: var(--font-color);
      cursor: pointer;
      font: inherit;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.2;
      text-align: center;
      transition: background-color 0.15s ease, border-color 0.15s ease;
    }
    .detail-action-button:hover,
    .detail-action-button:focus,
    .detail-action-link:hover,
    .detail-action-link:focus {
      background: var(--accent-color-strong);
      border-color: var(--accent-color-strong);
      color: var(--font-color);
    }
    .detail-link {
      color: var(--font-color);
      text-decoration: underline;
      text-decoration-color: rgba(242, 242, 242, 0.45);
      text-underline-offset: 3px;
    }
    .detail-link:hover,
    .detail-link:focus {
      color: var(--notice-color);
      text-decoration-color: currentColor;
    }
    .inline-command {
      padding: 1px 5px;
      background: rgba(255, 165, 0, 0.12);
      color: var(--notice-color);
      font: inherit;
      font-weight: 800;
    }
    .inline-wolf-pass {
      padding: 0;
      border: 0;
      background: transparent;
      color: #ffe58a;
      font-weight: 800;
      text-decoration-color: rgba(255, 229, 138, 0.42);
      white-space: nowrap;
    }
    .inline-resource-icon {
      width: 20px;
      height: 20px;
      margin: 0 2px;
      object-fit: contain;
      vertical-align: -5px;
    }
    .site-footer {
      flex: 0 0 auto;
      min-height: var(--footer-min-height);
      padding: 10px var(--page-padding) 14px;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      background: var(--panel-bg);
      color: var(--font-color);
    }
    .site-footer-inner {
      display: grid;
      gap: 3px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
      text-align: center;
    }
    .site-footer-build {
      color: var(--font-dim);
      font-size: 10px;
      font-weight: 600;
      line-height: 1.3;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    .site-footer-copy {
      color: var(--font-color);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.35;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    .site-footer-link {
      color: var(--font-color);
      text-decoration: none;
      transition: color 0.15s ease;
    }
    .site-footer-link:hover,
    .site-footer-link:focus {
      color: var(--notice-color);
    }
    .site-footer-apps {
      color: #ffe58a;
    }
    .site-footer-copy.site-footer-legal {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 3px 14px;
      color: var(--font-dim);
      font-size: 11px;
      font-weight: 500;
      text-transform: none;
    }
    .site-footer-legal .site-footer-link {
      color: var(--font-dim);
      text-decoration: underline;
      text-decoration-color: transparent;
      text-underline-offset: 3px;
      transition: color 0.15s ease, text-decoration-color 0.15s ease;
    }
    .site-footer-legal .site-footer-link:hover,
    .site-footer-legal .site-footer-link:focus-visible {
      color: var(--font-muted);
      text-decoration-color: rgba(255, 255, 255, 0.22);
    }
    .site-footer-support {
      white-space: nowrap;
    }
    .servers-meta {
      width: min(100%, var(--content-width));
      margin: 0 auto 15px;
      padding-left: 12px;
      box-sizing: border-box;
      color: var(--font-dim);
      font-size: 13px;
    }
    .server-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .server-card {
      display: flex;
      position: relative;
      min-height: 132px;
      flex-direction: column;
      justify-content: space-between;
      gap: 18px;
      overflow: hidden;
      padding: 15px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: #191919;
      color: var(--font-muted);
    }
    .server-card::before,
    .server-card::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }
    .server-card::before {
      z-index: 0;
      background-image: var(--server-card-bg);
      background-position: center;
      background-size: cover;
      filter: saturate(0.64) contrast(0.82) brightness(1.08);
      opacity: 0.62;
    }
    .server-card::after {
      z-index: 1;
      background:
        linear-gradient(90deg, rgba(35, 35, 35, 0.72) 0%, rgba(35, 35, 35, 0.6) 52%, rgba(35, 35, 35, 0.5) 100%),
        rgba(18, 18, 18, 0.22);
    }
    .server-card-maintenance::before {
      filter: grayscale(1) saturate(0.12) contrast(0.78) brightness(0.72);
      opacity: 0.46;
    }
    .server-card-maintenance::after {
      background:
        linear-gradient(90deg, rgba(37, 37, 37, 0.86) 0%, rgba(40, 40, 40, 0.78) 52%, rgba(44, 44, 44, 0.72) 100%),
        rgba(24, 24, 24, 0.48);
    }
    .server-card-hidden::before {
      filter: grayscale(0.82) saturate(0.26) contrast(0.78) brightness(0.78);
      opacity: 0.44;
    }
    .server-card-hidden::after {
      background:
        linear-gradient(90deg, rgba(34, 34, 34, 0.86) 0%, rgba(37, 37, 37, 0.76) 52%, rgba(42, 42, 42, 0.68) 100%),
        rgba(20, 20, 20, 0.44);
    }
    .server-card > * {
      position: relative;
      z-index: 2;
    }
    .server-card-bg-hardcore {
      --server-card-bg: var(--site-server-card-bg-hardcore);
    }
    .server-card-bg-duo {
      --server-card-bg: var(--site-server-card-bg-duo);
    }
    .server-card-bg-online {
      --server-card-bg: var(--site-server-card-bg-online);
    }
    .server-card-bg-default {
      --server-card-bg: var(--site-server-card-bg-default);
    }
    .server-card-main {
      display: grid;
      gap: 14px;
    }
    .server-status-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }
    .server-status-badge {
      display: inline-flex;
      min-height: 26px;
      align-items: center;
      gap: 7px;
      padding: 4px 9px;
      border: 1px solid rgba(255, 255, 255, 0.13);
      background: rgba(22, 22, 22, 0.72);
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .server-status-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #7d7d7d;
      box-shadow: 0 0 0 2px rgba(125, 125, 125, 0.18);
      flex: 0 0 auto;
    }
    .server-status-badge-ok {
      border-color: rgba(73, 214, 99, 0.34);
      color: #eaffee;
    }
    .server-status-badge-ok .server-status-dot {
      background: #49d663;
      box-shadow: 0 0 0 2px rgba(73, 214, 99, 0.2), 0 0 12px rgba(73, 214, 99, 0.52);
    }
    .server-status-badge-off {
      border-color: rgba(255, 255, 255, 0.1);
      color: #bebebe;
    }
    .server-status-badge-off .server-status-dot {
      background: #8d8d8d;
      box-shadow: 0 0 0 2px rgba(141, 141, 141, 0.16);
    }
    .server-card-title {
      color: #fbe992;
      font-size: 17px;
      font-weight: 700;
      overflow-wrap: anywhere;
    }
    .server-hidden-badge {
      display: inline-flex;
      min-height: 20px;
      align-items: center;
      margin-left: 7px;
      padding: 3px 7px;
      background: rgba(255, 123, 104, 0.16);
      color: var(--danger-color);
      font-size: 11px;
      font-weight: 900;
      line-height: 1;
      text-transform: uppercase;
      vertical-align: middle;
    }
    .server-card-description {
      max-width: 78%;
      color: var(--font-color);
      font-size: 14px;
      font-weight: 500;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .server-online {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
    }
    .server-online-label {
      color: var(--font-muted);
      font-weight: 500;
    }
    .server-online-value {
      color: var(--font-color);
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      white-space: nowrap;
    }
    .server-wipe {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
    }
    .server-wipe-label {
      color: var(--font-muted);
      font-weight: 500;
    }
    .server-wipe-value {
      color: #fbe992;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.15;
      text-align: right;
      overflow-wrap: anywhere;
    }
    .server-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }
    .server-connect-link,
    .server-copy-button,
    .server-info-button {
      display: inline-flex;
      min-height: 36px;
      align-items: center;
      justify-content: center;
      width: fit-content;
      max-width: 100%;
      border: 1px solid transparent;
      padding: 8px 12px;
      background: var(--accent-color);
      color: var(--font-color);
      cursor: pointer;
      font: inherit;
      font-weight: 600;
      overflow-wrap: anywhere;
      text-align: center;
      transition: background-color 0.15s ease, border-color 0.15s ease;
    }
    .server-copy-button {
      background: rgba(32, 32, 32, 0.86);
      border-color: rgba(255, 255, 255, 0.16);
    }
    .server-info-button {
      background: rgba(32, 32, 32, 0.78);
      border-color: rgba(255, 229, 138, 0.28);
      color: #ffe58a;
    }
    .server-description-more {
      display: inline;
      min-height: 0;
      width: auto;
      padding: 0;
      border: 0;
      background: transparent;
      color: #ffe58a;
      font-weight: 800;
      text-decoration: underline;
      text-decoration-color: rgba(255, 229, 138, 0.42);
      text-underline-offset: 3px;
      vertical-align: baseline;
    }
    .server-connect-link:hover,
    .server-connect-link:focus,
    .server-copy-button:hover,
    .server-copy-button:focus,
    .server-info-button:hover,
    .server-info-button:focus {
      background: var(--accent-color-strong);
      border-color: var(--accent-color-strong);
    }
    .server-description-more:hover,
    .server-description-more:focus {
      background: transparent;
      border-color: transparent;
      color: var(--notice-color);
    }
    .server-copy-button.copied {
      background: rgba(24, 50, 30, 0.96);
      border-color: rgba(73, 214, 99, 0.4);
      color: #eaffee;
    }
    .server-error {
      color: var(--danger-color);
      font-size: 13px;
      font-weight: 500;
    }
    .server-maintenance-overlay {
      position: absolute;
      inset: 0;
      z-index: 4;
      display: flex;
      align-items: center;
      padding: 0;
      background: rgba(28, 28, 28, 0.52);
      color: #f1f1f1;
      text-align: center;
      text-transform: uppercase;
      pointer-events: auto;
    }
    .server-maintenance-message {
      display: grid;
      gap: 8px;
      width: 100%;
      padding: 18px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(6, 6, 6, 0.78);
      box-shadow: 0 12px 34px rgba(0, 0, 0, 0.34);
    }
    .server-maintenance-message strong {
      color: #ffffff;
      font-size: 20px;
      font-weight: 900;
      line-height: 1.05;
      overflow-wrap: anywhere;
    }
    .server-maintenance-message span {
      color: #d4d4d4;
      font-size: 13px;
      font-weight: 800;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .server-feature-dialog {
      position: fixed;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
      width: min(650px, calc(100vw - 28px));
      max-height: min(82vh, 760px);
      margin: 0;
      padding: 0;
      overflow: auto;
      border: 1px solid rgba(255, 229, 138, 0.25);
      background: #181818;
      color: var(--font-color);
      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.62);
    }
    .server-feature-dialog::backdrop {
      background: rgba(0, 0, 0, 0.68);
    }
    .server-feature-dialog-body {
      display: grid;
      gap: 16px;
      padding: 18px;
    }
    .server-feature-dialog-head {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      justify-content: space-between;
      min-width: 0;
    }
    .server-feature-dialog-head h2 {
      color: #ffe58a;
      font-size: 22px;
      font-weight: 900;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }
    .server-feature-dialog-head p {
      margin-top: 8px;
      color: var(--font-muted);
      font-size: 14px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .server-feature-close {
      display: inline-flex;
      width: 34px;
      height: 34px;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(32, 32, 32, 0.9);
      color: var(--font-color);
      cursor: pointer;
      font: inherit;
      font-weight: 900;
      line-height: 1;
    }
    .server-feature-close:hover,
    .server-feature-close:focus {
      border-color: var(--accent-color-strong);
      background: var(--accent-color-strong);
    }
    .server-feature-blocks {
      display: grid;
      gap: 12px;
    }
    .server-feature-block {
      display: grid;
      gap: 8px;
      padding-top: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .server-feature-block h3 {
      color: var(--font-color);
      font-size: 15px;
      font-weight: 800;
      line-height: 1.25;
    }
    .server-feature-block ul {
      display: grid;
      gap: 7px;
      padding-left: 19px;
      color: var(--font-muted);
      font-size: 14px;
      line-height: 1.45;
    }
    .server-feature-block li {
      overflow-wrap: anywhere;
    }
    .coupon-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, var(--coupon-card-width));
      gap: 15px;
      align-items: start;
      justify-content: center;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .coupons-screen > .coupon-grid + .info-guide-panel,
    .coupons-screen > .content-panel + .info-guide-panel {
      margin-top: 15px;
    }
    .coupon-card {
      display: grid;
      grid-template-columns: 132px minmax(0, 1fr);
      width: var(--coupon-card-width);
      height: var(--coupon-card-height);
      min-width: 0;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: var(--panel-bg);
      transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
    }
    .coupon-card-active {
      border-color: rgba(255, 165, 0, 0.58);
      background: linear-gradient(180deg, rgba(42, 36, 24, 0.72), var(--panel-bg));
      box-shadow: inset 0 1px 0 rgba(255, 208, 111, 0.16), 0 0 0 1px rgba(255, 165, 0, 0.1);
    }
    .coupon-card-inactive {
      border-color: rgba(255, 255, 255, 0.06);
      background: #1d1d1d;
    }
    .coupon-image-wrap {
      display: flex;
      min-height: 0;
      align-items: center;
      justify-content: center;
      padding: 14px;
      background: #171717;
    }
    .coupon-image {
      display: block;
      width: 104px;
      height: 104px;
      object-fit: contain;
      transition: filter 0.15s ease, opacity 0.15s ease;
    }
    .coupon-card-inactive .coupon-image {
      filter: grayscale(1) saturate(0.2);
      opacity: 0.45;
    }
    .coupon-card-body {
      display: grid;
      align-content: start;
      gap: 12px;
      min-width: 0;
      padding: 14px;
    }
    .coupon-card-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
    }
    .coupon-card-title {
      min-width: 0;
      color: var(--font-color);
      font-size: 17px;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .coupon-status {
      flex: 0 0 auto;
      max-width: 46%;
      padding: 4px 7px;
      background: rgba(255, 165, 0, 0.14);
      color: var(--notice-color);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
      text-align: center;
      white-space: nowrap;
    }
    .coupon-card-inactive .coupon-status {
      background: rgba(255, 255, 255, 0.08);
      color: var(--font-dim);
    }
    .coupon-meta {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .coupon-meta div {
      display: grid;
      grid-template-columns: 92px minmax(0, 1fr);
      gap: 10px;
      align-items: baseline;
      min-width: 0;
    }
    .coupon-meta dt {
      color: var(--font-dim);
      font-size: 12px;
      font-weight: 600;
    }
    .coupon-meta dd {
      min-width: 0;
      color: var(--font-muted);
      font-size: 13px;
      line-height: 1.35;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .coupon-card-active .coupon-meta dd {
      color: var(--font-color);
    }
    .coupon-admin-panel {
      display: grid;
      gap: 18px;
      width: min(100%, var(--content-width));
      margin: 28px auto 0;
    }
    .coupon-issue-grid {
      grid-template-columns: 170px minmax(0, 1fr);
      align-items: center;
    }
    .coupon-issue-grid .field-label {
      margin-bottom: 0;
      color: var(--font-muted);
    }
    .coupon-select {
      appearance: auto;
    }
    .base-screen {
      display: grid;
      gap: 15px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .base-status-panel {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      gap: 12px;
      padding: 15px;
      background: var(--panel-bg);
    }
    .base-status-item {
      display: grid;
      gap: 6px;
      min-width: 0;
    }
    .base-status-item span {
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .base-status-item strong {
      color: var(--font-color);
      font-size: 18px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .base-skin-progress {
      display: flex;
      align-items: center;
      gap: 16px;
      min-width: 0;
      padding: 14px 16px;
      border: 1px solid rgba(255, 212, 121, 0.24);
      background: linear-gradient(135deg, rgba(55, 42, 16, 0.72), rgba(13, 14, 11, 0.78));
    }
    .base-skin-progress img {
      display: block;
      width: 68px;
      height: 68px;
      object-fit: contain;
      flex: 0 0 auto;
    }
    .base-skin-progress div {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .base-skin-progress span {
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 800;
      line-height: 1.35;
      text-transform: uppercase;
    }
    .base-skin-progress strong {
      color: var(--notice-color);
      font-size: clamp(30px, 6vw, 44px);
      font-weight: 950;
      line-height: 1;
    }
    .base-token-status strong {
      display: inline-flex;
      align-items: center;
      gap: 7px;
    }
    .base-token-status img {
      display: block;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      object-fit: contain;
    }
    .store-screen {
      display: grid;
      gap: 15px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .store-balance-card {
      position: relative;
      display: grid;
      grid-template-columns: 112px minmax(0, 1fr);
      align-items: center;
      gap: 20px;
      overflow: hidden;
      min-height: 160px;
      padding: 22px;
      border: 1px solid rgba(255, 133, 104, 0.28);
      border-radius: 10px;
      background:
        radial-gradient(circle at 12% 50%, rgba(236, 98, 66, 0.26), transparent 32%),
        linear-gradient(135deg, rgba(57, 22, 16, 0.96), rgba(18, 18, 18, 0.96));
      box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
    }
    .store-balance-card::after {
      content: "";
      position: absolute;
      top: -90px;
      right: -60px;
      width: 240px;
      height: 240px;
      border: 1px solid rgba(255, 162, 139, 0.12);
      border-radius: 50%;
      pointer-events: none;
    }
    .store-balance-card.store-balance-with-action {
      grid-template-columns: minmax(220px, 280px) minmax(180px, 1fr) minmax(220px, 280px);
      grid-template-rows: auto;
      column-gap: 20px;
      row-gap: 10px;
      background:
        radial-gradient(circle at 50% 45%, rgba(236, 98, 66, 0.24), transparent 31%),
        linear-gradient(135deg, rgba(57, 22, 16, 0.96), rgba(18, 18, 18, 0.96));
    }
    .store-balance-center {
      display: contents;
    }
    .store-balance-with-action .store-balance-center {
      position: relative;
      z-index: 1;
      display: grid;
      grid-column: 2;
      grid-row: 1;
      gap: 10px;
      align-content: center;
      justify-items: center;
      min-width: 0;
      text-align: center;
    }
    .store-balance-with-action .store-token-art {
      grid-column: auto;
      grid-row: auto;
      justify-self: center;
    }
    .store-balance-with-action .store-balance-copy {
      grid-column: auto;
      grid-row: auto;
      justify-items: center;
      align-self: auto;
      text-align: center;
    }
    .store-token-art {
      position: relative;
      z-index: 1;
      display: grid;
      place-items: center;
      width: 112px;
      height: 112px;
      border: 1px solid rgba(255, 166, 142, 0.32);
      border-radius: 50%;
      background: rgba(15, 9, 8, 0.54);
      box-shadow: inset 0 0 28px rgba(255, 112, 76, 0.12);
    }
    .store-token-art img {
      display: block;
      width: 82px;
      height: 82px;
      object-fit: contain;
      filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.36));
    }
    .store-balance-copy {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .store-balance-copy span {
      color: #ffb3a1;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .store-balance-copy strong {
      color: #fff6f2;
      font-size: clamp(38px, 7vw, 64px);
      font-weight: 950;
      line-height: 1;
      overflow-wrap: anywhere;
    }
    .store-balance-copy small {
      color: var(--font-muted);
      font-size: 15px;
      font-weight: 800;
    }
    .store-skin-topup-button {
      position: relative;
      z-index: 1;
      align-self: stretch;
      display: grid;
      align-content: center;
      gap: 5px;
      min-height: 76px;
      padding: 15px 18px;
      border: 1px solid rgba(141, 188, 47, 0.65);
      border-radius: 8px;
      background: linear-gradient(180deg, rgba(92, 126, 16, 0.96), rgba(62, 95, 10, 0.96));
      color: #f1f6e6;
      box-shadow: 0 10px 24px rgba(26, 42, 4, 0.28);
      transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    }
    .store-topup-actions {
      display: contents;
    }
    .store-topup-actions > * {
      min-width: 0;
    }
    .store-topup-column,
    .store-withdraw-column {
      position: relative;
      z-index: 1;
      display: grid;
      grid-row: 1;
      gap: 10px;
      align-content: start;
      min-width: 0;
    }
    .store-topup-column {
      grid-column: 1;
    }
    .store-withdraw-column {
      grid-column: 3;
    }
    .store-balance-action-heading {
      position: relative;
      z-index: 1;
      align-self: end;
      margin: 0;
      color: rgba(255, 232, 222, 0.82);
      font-size: 15px;
      font-weight: 900;
      line-height: 1.2;
    }
    .store-topup-button-content {
      display: grid;
      grid-template-columns: 36px minmax(0, 1fr);
      gap: 11px;
      align-items: center;
      min-width: 0;
    }
    .store-topup-button-copy {
      display: grid;
      gap: 5px;
      min-width: 0;
    }
    .store-topup-icon {
      display: grid;
      width: 36px;
      height: 36px;
      place-items: center;
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.12);
      color: #fff;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
    }
    .store-topup-icon svg {
      display: block;
      width: 28px;
      height: 28px;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 1.8;
    }
    .store-antilopay-icon {
      overflow: hidden;
      background: #fff;
    }
    .store-antilopay-icon img {
      display: block;
      width: 30px;
      height: 30px;
      object-fit: contain;
    }
    .store-steam-icon {
      background: rgba(17, 19, 21, 0.2);
    }
    .store-steam-icon svg {
      fill: #c5c3c0;
      stroke: none;
    }
    .store-steam-withdrawal {
      position: relative;
      z-index: 1;
      align-self: start;
      width: 100%;
      overflow: hidden;
      border: 1px solid rgba(102, 180, 255, 0.62);
      border-radius: 8px;
      background: linear-gradient(145deg, rgba(22, 48, 72, 0.98), rgba(18, 26, 35, 0.98));
      box-shadow: 0 10px 26px rgba(6, 14, 22, 0.3);
      transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    }
    .store-steam-withdrawal > summary {
      display: grid;
      min-height: 76px;
      padding: 10px 14px;
      align-content: center;
      cursor: pointer;
      list-style: none;
    }
    .store-steam-withdrawal:hover,
    .store-steam-withdrawal:focus-within {
      border-color: rgba(135, 203, 255, 0.92);
      box-shadow: 0 12px 30px rgba(7, 34, 57, 0.42);
      transform: translateY(-1px);
    }
    .store-steam-withdrawal[open] > summary {
      border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }
    .store-steam-withdrawal > summary::-webkit-details-marker {
      display: none;
    }
    .store-steam-withdrawal > summary strong {
      color: #f4f8fb;
      font-size: 14px;
      font-weight: 900;
      line-height: 1.25;
    }
    .store-steam-withdrawal > summary small {
      color: rgba(224, 237, 247, 0.76);
      font-size: 11px;
      font-weight: 700;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .store-steam-withdrawal form {
      display: grid;
      gap: 9px;
      padding: 12px 14px 14px;
    }
    .store-steam-withdrawal label {
      display: grid;
      gap: 4px;
      color: rgba(255, 255, 255, 0.88);
      font-size: 11px;
      font-weight: 800;
    }
    .store-steam-withdrawal input {
      width: 100%;
      min-width: 0;
      min-height: 38px;
      padding: 8px 10px;
      border: 1px solid rgba(255, 255, 255, 0.72);
      border-radius: 6px;
      background: #fff;
      color: #111315;
      font: inherit;
    }
    .store-steam-withdrawal input:focus {
      outline: none;
      border-color: #77c7ff;
      box-shadow: 0 0 0 3px rgba(119, 199, 255, 0.22);
    }
    .store-steam-withdrawal button {
      min-height: 39px;
      border: 1px solid rgba(255, 255, 255, 0.68);
      border-radius: 6px;
      background: #77c7ff;
      color: #10171d;
      font-weight: 950;
      cursor: pointer;
      transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    }
    .store-steam-withdrawal button:hover,
    .store-steam-withdrawal button:focus-visible {
      background: #9bd7ff;
      box-shadow: 0 7px 18px rgba(6, 28, 45, 0.34);
      transform: translateY(-1px);
    }
    .store-token-donation {
      border-color: rgba(255, 142, 104, 0.66);
      background: linear-gradient(145deg, rgba(91, 39, 25, 0.98), rgba(43, 25, 20, 0.98));
      box-shadow: 0 10px 26px rgba(50, 17, 8, 0.32);
    }
    .store-token-donation:hover,
    .store-token-donation:focus-within {
      border-color: rgba(255, 178, 148, 0.94);
      box-shadow: 0 12px 30px rgba(76, 26, 11, 0.42);
    }
    .store-token-donation-icon {
      overflow: hidden;
      border-color: rgba(255, 196, 174, 0.42);
      background: rgba(18, 10, 8, 0.36);
    }
    .store-token-donation-icon img {
      display: block;
      width: 34px;
      height: 34px;
      object-fit: contain;
    }
    .store-token-donation input:focus {
      border-color: #ff9a7f;
      box-shadow: 0 0 0 3px rgba(255, 154, 127, 0.22);
    }
    .store-token-donation button {
      background: #ff8562;
      color: #1d100c;
    }
    .store-token-donation button:hover,
    .store-token-donation button:focus-visible {
      background: #ffab91;
      box-shadow: 0 7px 18px rgba(70, 23, 10, 0.34);
    }
    .store-steam-withdrawal-account {
      display: grid;
      gap: 2px;
      margin: 0;
      color: rgba(224, 237, 247, 0.74);
      font-size: 10px;
    }
    .store-steam-withdrawal-account strong {
      color: #fff;
      font-size: 13px;
      overflow-wrap: anywhere;
    }
    .store-steam-withdrawal-help {
      display: grid;
      gap: 8px;
      padding: 12px 14px 14px;
      color: rgba(224, 237, 247, 0.8);
      font-size: 11px;
      line-height: 1.4;
    }
    .store-steam-withdrawal-help p {
      margin: 0;
    }
    .store-steam-withdrawal-help a {
      justify-self: start;
      color: #9bd7ff;
      font-weight: 900;
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    .store-active-withdrawal {
      display: grid;
      grid-template-columns: minmax(170px, 0.8fr) minmax(250px, 1.4fr) auto;
      gap: 16px;
      align-items: center;
      padding: 15px 17px;
      border: 1px solid rgba(119, 199, 255, 0.35);
      border-radius: 10px;
      background: linear-gradient(135deg, rgba(20, 45, 66, 0.8), rgba(18, 24, 31, 0.94));
      box-shadow: 0 12px 28px rgba(5, 17, 27, 0.2);
    }
    .store-active-withdrawal-heading,
    .store-active-withdrawal-details {
      display: grid;
      gap: 5px;
      min-width: 0;
    }
    .store-active-withdrawal-heading > span {
      color: #8fd2ff;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .store-active-withdrawal-heading > strong {
      color: #f4f8fb;
      font-size: 18px;
      overflow-wrap: anywhere;
    }
    .store-active-withdrawal-details p {
      margin: 0;
      color: rgba(224, 237, 247, 0.72);
      font-size: 12px;
      overflow-wrap: anywhere;
    }
    .store-active-withdrawal-details strong {
      color: #f4f8fb;
    }
    .store-active-withdrawal-link {
      display: inline-flex;
      min-height: 38px;
      align-items: center;
      justify-content: center;
      padding: 8px 13px;
      border: 1px solid rgba(119, 199, 255, 0.56);
      border-radius: 7px;
      background: rgba(119, 199, 255, 0.12);
      color: #a7dcff;
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }
    .store-active-withdrawal-link:hover,
    .store-active-withdrawal-link:focus-visible {
      border-color: rgba(155, 215, 255, 0.9);
      background: rgba(119, 199, 255, 0.2);
      color: #d4eeff;
    }
    .store-withdrawal-admin-list {
      display: grid;
      gap: 10px;
      margin-top: 14px;
    }
    .store-withdrawal-admin-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(230px, 320px);
      gap: 14px;
      align-items: center;
      padding: 14px;
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 12px;
      background: rgba(0,0,0,.2);
    }
    .store-withdrawal-admin-summary p {
      margin: 5px 0 0;
      overflow-wrap: anywhere;
      color: var(--muted);
    }
    .store-withdrawal-admin-error {
      color: #f0b3a8 !important;
    }
    .store-withdrawal-settings-form {
      display: grid;
      grid-template-columns: minmax(220px, 1fr) auto;
      gap: 10px;
      align-items: end;
      margin-top: 14px;
      padding: 12px;
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 10px;
      background: rgba(0,0,0,.16);
    }
    .store-withdrawal-settings-form label {
      display: grid;
      gap: 7px;
      margin: 0;
    }
    .store-withdrawal-complete-form {
      display: grid;
      gap: 8px;
    }
    .store-withdrawal-admin-actions {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 8px;
    }
    .store-withdrawal-cancel-button {
      border-color: rgba(255, 110, 110, 0.7);
      background: rgba(154, 35, 35, 0.45);
      color: #ffd0d0;
    }
    .store-withdrawal-cancel-button:hover,
    .store-withdrawal-cancel-button:focus-visible {
      border-color: #ff9c9c;
      background: rgba(190, 45, 45, 0.65);
      color: #fff;
    }
    @media (max-width: 760px) {
      .store-withdrawal-admin-row {
        grid-template-columns: 1fr;
      }
      .store-withdrawal-settings-form {
        grid-template-columns: 1fr;
      }
    }
    .store-antilopay-topup {
      position: relative;
      z-index: 1;
      align-self: start;
      width: 100%;
      overflow: hidden;
      border: 1px solid rgba(55, 111, 255, 0.72);
      border-radius: 8px;
      background: linear-gradient(145deg, #376fff 0%, #2e5cdb 72%, #ff8562 145%);
      box-shadow: 0 10px 28px rgba(55, 111, 255, 0.26);
      transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    }
    .store-antilopay-topup > summary {
      display: grid;
      gap: 5px;
      min-height: 76px;
      padding: 14px 18px;
      align-content: center;
      cursor: pointer;
      list-style: none;
    }
    .store-antilopay-topup:hover,
    .store-antilopay-topup:focus-within {
      border-color: rgba(255, 133, 98, 0.92);
      box-shadow: 0 12px 32px rgba(55, 111, 255, 0.34);
      transform: translateY(-1px);
    }
    .store-antilopay-topup[open] > summary {
      border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }
    .store-antilopay-topup > summary::-webkit-details-marker {
      display: none;
    }
    .store-antilopay-topup > summary strong {
      color: #fff;
      font-size: 15px;
      font-weight: 900;
      line-height: 1.3;
    }
    .store-antilopay-topup > summary small {
      color: rgba(255, 255, 255, 0.78);
      font-size: 11px;
      font-weight: 700;
      line-height: 1.35;
    }
    .store-antilopay-topup form {
      display: grid;
      gap: 9px;
      padding: 12px 14px 14px;
    }
    .store-antilopay-topup label {
      display: grid;
      gap: 4px;
      color: rgba(255, 255, 255, 0.88);
      font-size: 11px;
      font-weight: 800;
    }
    .store-antilopay-topup input {
      width: 100%;
      min-width: 0;
      min-height: 38px;
      padding: 8px 10px;
      border: 1px solid rgba(255, 255, 255, 0.72);
      border-radius: 6px;
      background: #fff;
      color: #111315;
      font: inherit;
    }
    .store-antilopay-topup input:focus {
      outline: none;
      border-color: #ff8562;
      box-shadow: 0 0 0 3px rgba(255, 133, 98, 0.24);
    }
    .store-antilopay-rate {
      color: rgba(255, 255, 255, 0.74);
      font-size: 10px;
      line-height: 1.35;
    }
    .store-antilopay-topup button {
      min-height: 39px;
      border: 1px solid rgba(255, 255, 255, 0.7);
      border-radius: 6px;
      background: #ff8562;
      color: #111315;
      font-weight: 950;
      cursor: pointer;
      transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    }
    .store-antilopay-topup button:hover,
    .store-antilopay-topup button:focus-visible {
      background: #ff9a7f;
      box-shadow: 0 7px 18px rgba(17, 19, 21, 0.24);
      transform: translateY(-1px);
    }
    .store-skin-topup-button:hover,
    .store-skin-topup-button:focus-visible {
      border-color: rgba(169, 222, 61, 0.9);
      box-shadow: 0 12px 30px rgba(76, 116, 14, 0.38);
      transform: translateY(-1px);
    }
    .store-skin-topup-button strong {
      color: #f4f8eb;
      font-size: 15px;
      font-weight: 900;
      line-height: 1.3;
    }
    .store-skin-topup-button small {
      color: rgba(236, 245, 220, 0.76);
      font-size: 11px;
      font-weight: 700;
      line-height: 1.35;
    }
    .store-login-copy {
      position: relative;
      z-index: 1;
      display: grid;
      justify-items: start;
      gap: 5px;
      min-width: 0;
    }
    .store-login-copy > span {
      color: #ffb3a1;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .store-login-copy strong {
      color: #fff6f2;
      font-size: clamp(21px, 4vw, 31px);
      font-weight: 900;
      line-height: 1.15;
    }
    .store-login-copy small {
      max-width: 560px;
      color: var(--font-muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .store-login-button {
      min-height: 38px;
      margin-top: 7px;
      padding: 8px 14px;
      font-size: 12px;
    }
    .store-catalog {
      display: grid;
      gap: 24px;
      padding: clamp(16px, 3vw, 26px);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 12px;
      background:
        radial-gradient(circle at 100% 0, rgba(255, 123, 91, 0.09), transparent 30%),
        var(--panel-bg);
    }
    .store-catalog-heading {
      display: grid;
      gap: 6px;
      max-width: 760px;
    }
    .store-catalog-heading > span {
      color: #ff8c70;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }
    .store-catalog-heading h2 {
      color: var(--font-color);
      font-size: clamp(22px, 4vw, 32px);
      font-weight: 950;
      line-height: 1.1;
    }
    .store-catalog-heading p {
      color: var(--font-muted);
      font-size: 13px;
      line-height: 1.55;
    }
    .store-product-section {
      display: grid;
      gap: 13px;
    }
    .store-product-section-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding-bottom: 9px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }
    .store-product-section-heading h3 {
      color: #f6e6df;
      font-size: 18px;
      font-weight: 900;
    }
    .store-product-grid {
      display: grid;
      gap: 13px;
    }
    .store-product-grid-wolf-pass {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .store-product-grid-donations {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .store-product-card {
      display: grid;
      grid-template-rows: auto 1fr;
      min-width: 0;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.09);
      border-radius: 10px;
      background: rgba(18, 18, 18, 0.92);
      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
      transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    }
    .store-product-card:hover,
    .store-product-card:focus-within {
      border-color: rgba(255, 137, 108, 0.42);
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25);
      transform: translateY(-2px);
    }
    .store-product-media {
      position: relative;
      display: grid;
      place-items: center;
      min-height: 190px;
      padding: 18px;
      background:
        radial-gradient(circle at 50% 55%, rgba(255, 116, 80, 0.18), transparent 46%),
        #151515;
    }
    .store-product-card-light .store-product-media {
      background: radial-gradient(circle at 50% 55%, rgba(79, 213, 132, 0.18), transparent 48%), #151515;
    }
    .store-product-card-normal .store-product-media {
      background: radial-gradient(circle at 50% 55%, rgba(58, 154, 255, 0.2), transparent 48%), #151515;
    }
    .store-product-card-full .store-product-media {
      background: radial-gradient(circle at 50% 55%, rgba(194, 99, 255, 0.2), transparent 48%), #151515;
    }
    .store-product-media > img {
      display: block;
      width: min(100%, 174px);
      height: 154px;
      object-fit: contain;
      filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.36));
    }
    .store-product-card-donation .store-product-media > img {
      width: min(100%, 210px);
      height: 170px;
    }
    .store-product-discount {
      display: inline-flex;
      min-height: 18px;
      align-items: center;
      justify-content: center;
      padding: 3px 5px;
      border: 1px solid rgba(255, 230, 187, 0.62);
      border-radius: 2px;
      background: linear-gradient(135deg, #ff965f, #dd4e43);
      color: #fff8ef;
      box-shadow: 0 4px 10px rgba(129, 31, 25, 0.26);
      font-size: 10px;
      font-weight: 950;
      line-height: 1;
      letter-spacing: 0.02em;
    }
    .store-product-duration {
      position: absolute;
      top: 11px;
      right: 11px;
      padding: 5px 8px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 999px;
      background: rgba(8, 8, 8, 0.72);
      color: #efefef;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      backdrop-filter: blur(8px);
    }
    .store-product-body {
      display: grid;
      grid-template-rows: auto auto 1fr;
      align-content: start;
      gap: 12px;
      min-width: 0;
      padding: 15px;
    }
    .store-product-title-row {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      min-width: 0;
    }
    .store-product-title-row h4 {
      min-width: 0;
      color: #f7f1ee;
      font-size: 16px;
      font-weight: 900;
      line-height: 1.25;
    }
    .store-product-description {
      display: grid;
      align-content: start;
      gap: 7px;
    }
    .store-product-description p {
      color: var(--font-muted);
      font-size: 12px;
      line-height: 1.5;
    }
    .store-product-description p:last-child {
      color: var(--font-dim);
    }
    .store-product-details {
      min-width: 0;
    }
    .store-product-details > summary {
      width: fit-content;
      color: #ff9e86;
      font-size: 12px;
      font-weight: 850;
      cursor: pointer;
      list-style: none;
    }
    .store-product-details > summary::-webkit-details-marker {
      display: none;
    }
    .store-product-details > summary::after {
      content: " +";
    }
    .store-product-details[open] > summary::after {
      content: " −";
    }
    .store-product-details .store-product-description {
      margin-top: 9px;
    }
    .store-product-details ul {
      display: grid;
      gap: 6px;
      margin-top: 9px;
      padding-left: 18px;
    }
    .store-product-details li {
      color: var(--font-muted);
      font-size: 11px;
      line-height: 1.45;
    }
    .store-product-details li::marker {
      color: #ff8568;
    }
    .store-product-action {
      align-self: end;
      min-width: 0;
      padding-top: 2px;
    }
    .store-product-action form {
      display: grid;
      gap: 8px;
    }
    .store-product-action button,
    .store-product-login {
      display: inline-flex;
      width: 100%;
      min-height: 48px;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 9px 11px 9px 14px;
      border: 1px solid rgba(255, 214, 167, 0.5);
      border-radius: 9px;
      background: linear-gradient(135deg, #f6c47f 0%, #ef946f 54%, #d96b5d 100%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 7px 18px rgba(140, 54, 39, 0.2);
      color: #2b140d;
      font-size: 12px;
      font-weight: 950;
      cursor: pointer;
      transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
    }
    .store-product-action button.store-product-buy-button-discounted,
    .store-product-login.store-product-buy-button-discounted {
      border-color: rgba(205, 255, 211, 0.52);
      background: linear-gradient(135deg, #c8e986 0%, #79cf95 55%, #48ad8d 100%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 7px 18px rgba(35, 116, 83, 0.2);
      color: #10261b;
    }
    .store-product-action-label {
      min-width: 0;
      line-height: 1.2;
      text-align: left;
    }
    .store-product-action-price,
    .store-product-action-price del,
    .store-product-action-price strong {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
    }
    .store-product-action-price {
      gap: 7px;
    }
    .store-product-original-price {
      display: grid;
      gap: 2px;
      justify-items: center;
    }
    .store-product-action-price del {
      gap: 3px;
      opacity: 0.58;
      font-size: 11px;
      font-weight: 850;
      text-decoration-thickness: 1.5px;
    }
    .store-product-action-price strong {
      gap: 4px;
      font-size: 14px;
      font-weight: 950;
      line-height: 1;
    }
    .store-product-action-price img {
      display: block;
      width: 18px;
      height: 18px;
      object-fit: contain;
    }
    .store-product-action button:hover:not(:disabled),
    .store-product-action button:focus-visible:not(:disabled),
    .store-product-login:hover,
    .store-product-login:focus-visible {
      filter: brightness(1.09);
      transform: translateY(-1px);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.32),
        0 10px 22px rgba(82, 35, 28, 0.28);
    }
    .store-product-action button:disabled {
      border-color: rgba(255, 255, 255, 0.08);
      background: #292929;
      box-shadow: none;
      color: #777;
      cursor: not-allowed;
    }
    .store-product-unavailable {
      display: block;
      padding: 9px 10px;
      border: 1px solid rgba(255, 255, 255, 0.07);
      border-radius: 6px;
      color: var(--font-dim);
      font-size: 11px;
      line-height: 1.4;
      text-align: center;
    }
    .store-admin-price-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .store-admin-price {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(220px, 270px);
      align-items: center;
      gap: 10px;
      min-width: 0;
      padding: 9px;
      border: 1px solid rgba(255, 255, 255, 0.07);
      border-radius: 7px;
      background: rgba(10, 10, 10, 0.18);
    }
    .store-admin-price > span {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 750;
    }
    .store-admin-price > span > img {
      flex: 0 0 auto;
      display: block;
      width: 38px;
      height: 38px;
      object-fit: contain;
    }
    .store-admin-price > span > span {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .store-admin-price-fields {
      display: grid;
      grid-template-columns: minmax(120px, 1fr) minmax(86px, 0.7fr);
      gap: 8px;
    }
    .store-admin-price-fields label {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .store-admin-price-fields label > span {
      color: var(--font-dim);
      font-size: 9px;
      font-weight: 850;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .store-admin-price-fields input {
      width: 100%;
      min-width: 0;
    }
    .store-player-history {
      display: grid;
      gap: 10px;
      padding: 14px 16px;
      border: 1px solid rgba(255, 123, 104, 0.13);
      border-radius: 8px;
      background: var(--panel-bg);
    }
    .store-player-history h2 {
      color: #ffd0ca;
      font-size: 16px;
      line-height: 1.2;
    }
    .store-player-history-details {
      min-width: 0;
    }
    .store-player-history-details > summary {
      display: grid;
      gap: 7px;
      min-width: 0;
      cursor: pointer;
      list-style: none;
    }
    .store-player-history-details > summary::-webkit-details-marker {
      display: none;
    }
    .store-player-history-list {
      display: grid;
      gap: 8px;
      margin-top: 8px;
      padding-top: 8px;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
    }
    .store-player-history-row {
      display: grid;
      gap: 6px;
      min-width: 0;
      padding: 10px;
      border: 1px solid rgba(255, 123, 104, 0.13);
      border-radius: 6px;
      background: rgba(10, 10, 10, 0.2);
    }
    .store-player-history-row > span {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .store-player-history-row strong {
      color: var(--font-color);
      font-size: 13px;
      line-height: 1.25;
    }
    .store-player-history-message {
      color: var(--font-muted);
      overflow-wrap: anywhere;
    }
    .store-player-history-row small {
      color: var(--font-dim);
      font-size: 12px;
    }
    .store-player-history-toggle {
      width: fit-content;
      color: #ff9a87;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.3;
    }
    .store-player-history-toggle::after {
      content: " +";
    }
    .store-player-history-details[open] .store-player-history-toggle::after {
      content: " −";
    }
    .store-admin-panel {
      margin-top: 0;
    }
    .store-legal-page {
      display: grid;
      gap: 18px;
      width: min(100%, 880px);
      margin: 0 auto;
      padding-top: 18px;
    }
    .store-legal-topbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      min-height: 58px;
      padding: 8px 12px;
      border: 1px solid rgba(255, 255, 255, 0.07);
      border-radius: 10px;
      background: rgba(27, 27, 27, 0.82);
      box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
      backdrop-filter: blur(16px);
    }
    .store-legal-brand {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }
    .store-legal-brand img {
      display: block;
      width: 42px;
      height: 42px;
      object-fit: contain;
    }
    .store-legal-brand span {
      display: grid;
      gap: 1px;
      min-width: 0;
    }
    .store-legal-brand strong {
      color: var(--font-color);
      font-size: 14px;
      font-weight: 900;
      letter-spacing: 0.04em;
    }
    .store-legal-brand small {
      color: var(--font-dim);
      font-size: 10px;
      font-weight: 700;
    }
    .store-legal-back {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      min-height: 36px;
      padding: 7px 10px;
      border-radius: 7px;
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      transition: color 0.15s ease, background 0.15s ease;
    }
    .store-legal-back:hover,
    .store-legal-back:focus-visible {
      color: var(--font-color);
      background: rgba(255, 255, 255, 0.06);
    }
    .store-legal-back svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2;
    }
    .store-legal-document {
      display: grid;
      gap: 26px;
      padding: clamp(22px, 5vw, 42px);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 12px;
      background: rgba(27, 27, 27, 0.94);
      box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
    }
    .store-legal-heading {
      display: grid;
      gap: 8px;
      padding-bottom: 22px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    .store-legal-heading > span {
      color: #cf765c;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.12em;
    }
    .store-legal-heading h1 {
      max-width: 720px;
      font-size: clamp(24px, 5vw, 38px);
      font-weight: 900;
      line-height: 1.15;
    }
    .store-legal-heading time {
      color: var(--font-dim);
      font-size: 11px;
    }
    .store-legal-heading p {
      max-width: 720px;
      margin-top: 5px;
      color: #b8b8b8;
      font-size: 14px;
      line-height: 1.65;
    }
    .store-legal-body {
      display: grid;
      gap: 26px;
    }
    .store-legal-section {
      display: grid;
      gap: 10px;
    }
    .store-legal-section h2 {
      font-size: 17px;
      font-weight: 850;
    }
    .store-legal-section p,
    .store-legal-section li {
      color: #b3b3b3;
      font-size: 13px;
      line-height: 1.7;
    }
    .store-legal-section ul {
      display: grid;
      gap: 7px;
      padding-left: 20px;
    }
    .store-legal-section li::marker {
      color: #a8583f;
    }
    .store-legal-contact {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 14px 16px;
      border: 1px solid rgba(207, 118, 92, 0.18);
      border-radius: 8px;
      background: rgba(117, 51, 34, 0.1);
      color: var(--font-muted);
      font-size: 12px;
    }
    .store-legal-contact a {
      color: #e69a84;
      font-weight: 850;
    }
    .store-admin-target {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 7px;
      color: var(--font-muted);
      font-size: 13px;
    }
    .store-admin-target strong {
      color: var(--font-color);
    }
    .store-player-state {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 3px 8px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 900;
    }
    .store-player-registered {
      background: rgba(64, 167, 99, 0.16);
      color: #8cf0ae;
    }
    .store-player-new {
      background: rgba(230, 164, 59, 0.16);
      color: #ffd183;
    }
    .base-cupboard-panel {
      position: relative;
      display: grid;
      gap: 13px;
      min-width: 0;
      overflow: hidden;
      padding: 15px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: var(--panel-bg);
    }
    .base-cupboard-panel-empty {
      padding: 12px 15px;
    }
    .base-cupboard-content {
      display: grid;
      gap: 13px;
      min-width: 0;
    }
    .base-cupboard-empty {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }
    .base-cupboard-heading {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
    }
    .base-cupboard-heading h2,
    .base-cupboard-empty h2 {
      min-width: 0;
      color: var(--font-color);
      font-size: 18px;
      font-weight: 900;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .base-cupboard-summary span {
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .base-cupboard-empty strong {
      flex: 0 0 auto;
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 900;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .base-cupboard-summary {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .base-cupboard-summary div {
      display: grid;
      gap: 5px;
      min-width: 0;
      padding: 10px;
      background: rgba(10, 10, 10, 0.18);
    }
    .base-cupboard-summary strong {
      color: var(--notice-color);
      font-size: 20px;
      font-weight: 900;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .base-cupboard-resource-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .base-cupboard-resource {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-width: 0;
      min-height: 76px;
      padding: 8px 10px;
      background: rgba(10, 10, 10, 0.18);
    }
    .base-cupboard-resource-image {
      display: block;
      flex: 0 0 auto;
      width: 56px;
      height: 56px;
      object-fit: contain;
    }
    .base-cupboard-resource strong {
      min-width: 0;
      color: var(--font-color);
      font-size: 20px;
      font-weight: 900;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .base-cupboard-private {
      filter: blur(6px);
      pointer-events: none;
      user-select: none;
    }
    .base-cupboard-lock {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 9px;
      padding: 18px;
      background: rgba(13, 14, 11, 0.76);
      color: var(--font-color);
      text-align: center;
      z-index: 1;
    }
    .base-cupboard-lock strong {
      font-size: 18px;
      font-weight: 900;
      line-height: 1.2;
    }
    .base-cupboard-lock .base-cupboard-lock-panel-title {
      color: var(--notice-color);
      font-size: 22px;
    }
    .base-cupboard-lock span {
      max-width: 520px;
      color: var(--font-muted);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.35;
    }
    .base-raid-panel {
      display: grid;
      gap: 13px;
      min-width: 0;
      padding: 15px;
      border: 1px solid rgba(255, 212, 121, 0.18);
      background: rgba(13, 14, 11, 0.72);
    }
    .base-raid-heading {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      min-width: 0;
    }
    .base-raid-heading div {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .base-raid-heading h2 {
      min-width: 0;
      color: var(--notice-color);
      font-size: 20px;
      font-weight: 900;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .base-raid-heading span {
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 800;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .base-raid-state {
      flex: 0 0 auto;
      padding: 6px 10px;
      border: 1px solid rgba(73, 214, 99, 0.28);
      background: rgba(24, 50, 30, 0.52);
      color: #9cff9e;
      font-size: 12px;
      font-weight: 900;
      line-height: 1.2;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .base-raid-state-locked {
      border-color: rgba(255, 212, 121, 0.28);
      background: rgba(40, 31, 12, 0.5);
      color: var(--notice-color);
    }
    .base-raid-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
      min-width: 0;
    }
    .base-raid-panel-locked .base-raid-layout {
      grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
      align-items: stretch;
    }
    .base-raid-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      min-width: 0;
    }
    .base-raid-metrics div,
    .base-raid-action {
      display: grid;
      gap: 6px;
      min-width: 0;
      padding: 12px;
      background: rgba(10, 10, 10, 0.24);
    }
    .base-raid-metrics span {
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .base-raid-metrics strong {
      color: var(--font-color);
      font-size: 20px;
      font-weight: 900;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .base-raid-channel-action {
      width: fit-content;
      color: var(--notice-color);
      font-size: 13px;
      font-weight: 850;
      line-height: 1.25;
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    .base-raid-private {
      filter: blur(5px);
      pointer-events: none;
      user-select: none;
    }
    .base-raid-action {
      align-content: center;
      border: 1px solid rgba(255, 212, 121, 0.2);
      background: rgba(40, 31, 12, 0.46);
      text-align: left;
    }
    .base-raid-action strong {
      color: var(--font-color);
      font-size: 16px;
      font-weight: 900;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .base-raid-action span {
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .base-raid-upgrade {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
      padding: 12px;
      border: 1px solid rgba(255, 212, 121, 0.24);
      background: rgba(40, 31, 12, 0.5);
    }
    .base-raid-upgrade span {
      min-width: 220px;
      flex: 1 1 260px;
      color: var(--font-color);
      font-size: 14px;
      font-weight: 800;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .base-limit-bypass-notice {
      display: grid;
      gap: 5px;
      padding: 13px 15px;
      border: 1px solid rgba(73, 214, 99, 0.32);
      background: rgba(24, 50, 30, 0.52);
      color: var(--font-color);
      font-weight: 700;
      line-height: 1.35;
    }
    .base-limit-bypass-notice span {
      color: var(--font-muted);
      font-weight: 600;
    }
    .base-resource-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
      gap: 12px;
    }
    .base-resource-card {
      display: grid;
      grid-template-rows: 118px minmax(0, 1fr);
      min-width: 0;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: var(--panel-bg);
    }
    .base-resource-limit-reached {
      border-color: rgba(255, 123, 104, 0.46);
      background: linear-gradient(180deg, rgba(76, 26, 23, 0.58), var(--panel-bg));
    }
    .base-resource-image-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-width: 0;
      padding: 10px;
      background: rgba(12, 12, 12, 0.34);
    }
    .base-resource-image {
      display: block;
      flex: 0 0 auto;
      width: 76px;
      height: 76px;
      object-fit: contain;
    }
    .base-resource-image-amount {
      min-width: 0;
      color: var(--notice-color);
      font-size: 25px;
      font-weight: 900;
      line-height: 1;
      overflow-wrap: anywhere;
    }
    .base-resource-body {
      display: grid;
      gap: 11px;
      padding: 13px;
      min-width: 0;
    }
    .base-resource-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 8px;
      min-width: 0;
    }
    .base-resource-head h2 {
      min-width: 0;
      color: var(--font-color);
      font-size: 16px;
      font-weight: 800;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .base-resource-status {
      flex: 0 0 auto;
      padding: 4px 7px;
      background: rgba(255, 123, 104, 0.16);
      color: var(--danger-color);
      font-size: 12px;
      font-weight: 900;
      line-height: 1.15;
      text-transform: uppercase;
    }
    .base-resource-ready {
      background: rgba(73, 214, 99, 0.16);
      color: var(--success-color);
    }
    .base-resource-meta {
      display: grid;
      gap: 7px;
      min-width: 0;
    }
    .base-resource-meta div {
      display: grid;
      grid-template-columns: 86px minmax(0, 1fr);
      gap: 8px;
      align-items: baseline;
      min-width: 0;
    }
    .base-resource-meta dt {
      color: var(--font-dim);
      font-size: 12px;
      font-weight: 700;
    }
    .base-resource-meta dd {
      min-width: 0;
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.25;
      overflow-wrap: anywhere;
      text-align: right;
    }
    .base-resource-limit-reached .base-resource-meta dd {
      color: var(--font-color);
    }
    .base-skin-formula {
      margin: 2px 0 0;
      color: var(--muted-color);
      font-size: 0.92rem;
      line-height: 1.45;
    }
    .base-admin-panel {
      display: grid;
      gap: 18px;
      margin-top: 13px;
    }
    .base-admin-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 10px;
    }
    .settings-form .base-admin-resource {
      display: grid;
      gap: 8px;
      margin-bottom: 0;
      min-width: 0;
      padding: 10px;
      background: rgba(10, 10, 10, 0.18);
    }
    .base-admin-resource > span {
      display: flex;
      align-items: center;
      gap: 9px;
      min-width: 0;
      color: var(--font-color);
      font-weight: 800;
    }
    .base-admin-resource img {
      display: block;
      width: 34px;
      height: 34px;
      object-fit: contain;
      flex: 0 0 auto;
    }
    .base-admin-resource span span {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .settings-form .base-admin-unlimited-resource {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
    }
    .base-admin-unlimited-resource > span:first-child {
      grid-column: 1 / -1;
    }
    .base-admin-toggle-copy {
      min-width: 0;
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 800;
      overflow-wrap: anywhere;
    }
    .base-admin-unlimited-resource input[type="checkbox"] {
      width: 20px;
      height: 20px;
      margin: 0;
      accent-color: var(--accent-color);
    }
    .base-team-textarea {
      min-height: 118px;
      padding: 10px 12px;
      resize: vertical;
      line-height: 1.45;
    }
    .lucky-wheel-panel {
      display: grid;
      grid-template-columns: minmax(300px, 520px) minmax(260px, 1fr);
      gap: 22px;
      align-items: center;
      width: min(100%, var(--content-width));
      margin: 0 auto 18px;
      padding: 18px;
      background: var(--panel-bg);
    }
    .lucky-wheel-stage {
      position: relative;
      width: min(100%, 520px);
      aspect-ratio: 1;
      margin: 0 auto;
      overflow: visible;
    }
    .lucky-wheel-pointer {
      position: absolute;
      z-index: 6;
      top: -5px;
      left: 50%;
      width: 0;
      height: 0;
      border-right: 16px solid transparent;
      border-left: 16px solid transparent;
      border-top: 28px solid var(--accent-color);
      border-bottom: 0;
      transform: translateX(-50%);
      filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.44));
    }
    .lucky-wheel {
      position: absolute;
      inset: 18px;
      overflow: hidden;
      border: 10px solid rgba(255, 255, 255, 0.08);
      border-radius: 50%;
      background: var(--lucky-wheel-bg, conic-gradient(#2dbd6e 0deg 360deg));
      box-shadow: inset 0 0 28px rgba(0, 0, 0, 0.56), 0 18px 36px rgba(0, 0, 0, 0.34);
      transform: rotate(0deg);
    }
    .lucky-wheel-spun {
      animation: lucky-wheel-spin 10s cubic-bezier(0.08, 0.72, 0.08, 1) both;
    }
    @keyframes lucky-wheel-spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(var(--lucky-spin, 1800deg));
      }
    }
    .lucky-wheel-segment {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 92px;
      min-width: 0;
      transform: translate(-50%, -50%) rotate(var(--segment-rotation)) translateY(-188px);
      transform-origin: center;
    }
    .lucky-wheel-prize {
      display: grid;
      gap: 4px;
      justify-items: center;
      min-width: 0;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--lucky-rarity-color, #2dbd6e);
      font-size: 11px;
      font-weight: 900;
      line-height: 1.12;
      text-align: center;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.86), 0 0 8px color-mix(in srgb, var(--lucky-rarity-color, #2dbd6e) 62%, transparent);
      transform: rotate(calc(var(--segment-rotation) * -1));
    }
    .lucky-wheel-prize img {
      display: block;
      width: 46px;
      height: 46px;
      object-fit: contain;
      filter:
        drop-shadow(0 0 6px color-mix(in srgb, var(--lucky-rarity-color, #2dbd6e) 52%, transparent))
        drop-shadow(0 4px 7px rgba(0, 0, 0, 0.58));
    }
    .lucky-wheel-prize span {
      max-width: 92px;
      color: #fff7df;
      overflow-wrap: anywhere;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.86), 0 0 8px rgba(0, 0, 0, 0.42);
    }
    .lucky-wheel-center {
      position: absolute;
      z-index: 3;
      top: 50%;
      left: 50%;
      display: grid;
      width: 118px;
      height: 118px;
      align-content: center;
      justify-items: center;
      border: 4px solid rgba(255, 255, 255, 0.13);
      border-radius: 50%;
      background: #171717;
      color: var(--font-muted);
      transform: translate(-50%, -50%);
      box-shadow: 0 0 18px rgba(0, 0, 0, 0.45);
    }
    .lucky-wheel-center-form {
      display: contents;
    }
    .lucky-wheel-spin-button {
      display: grid;
      width: 100%;
      height: 100%;
      align-content: center;
      justify-items: center;
      gap: 8px;
      border: 0;
      border-radius: 50%;
      background: transparent;
      color: var(--font-color);
      cursor: pointer;
      font: inherit;
      padding: 12px;
      text-align: center;
    }
    .lucky-wheel-spin-button:hover,
    .lucky-wheel-spin-button:focus {
      color: var(--notice-color);
    }
    .lucky-wheel-spin-button:disabled {
      cursor: not-allowed;
      opacity: 0.62;
    }
    .lucky-wheel-center span,
    .lucky-wheel-center strong {
      line-height: 1;
    }
    .lucky-wheel-center span {
      max-width: 86px;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.12;
      overflow-wrap: anywhere;
    }
    .lucky-wheel-center strong {
      color: var(--notice-color);
      font-size: 24px;
    }
    .lucky-control-panel {
      display: grid;
      gap: 14px;
      min-width: 0;
      align-content: center;
    }
    .lucky-spin-button {
      width: min(100%, 320px);
      min-height: 48px;
      font-size: 17px;
    }
    .lucky-status {
      color: var(--font-muted);
      font-size: 15px;
      font-weight: 700;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .lucky-status-ready {
      color: #c9ffd1;
    }
    .lucky-status-available {
      color: var(--notice-color);
    }
    .lucky-result {
      display: grid;
      gap: 6px;
      min-width: 0;
      padding: 14px;
      background: rgba(255, 165, 0, 0.12);
      border: 1px solid rgba(255, 165, 0, 0.24);
    }
    .lucky-result-muted {
      background: rgba(255, 255, 255, 0.05);
      border-color: rgba(255, 255, 255, 0.08);
    }
    .lucky-result-label {
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .lucky-result strong {
      color: var(--font-color);
      font-size: 22px;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .lucky-spin-progress {
      min-width: 0;
      padding: 14px;
      border: 1px solid rgba(255, 165, 0, 0.22);
      background: rgba(20, 16, 12, 0.5);
      color: var(--notice-color);
      font-size: 17px;
      font-weight: 800;
      line-height: 1.3;
    }
    .lucky-delayed-result {
      opacity: 0;
      transform: translateY(8px);
      transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease;
      visibility: hidden;
    }
    .lucky-delayed-result.lucky-result-visible {
      opacity: 1;
      transform: translateY(0);
      visibility: visible;
    }
    .lucky-prize-list {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
      gap: 10px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .lucky-prize-card {
      display: grid;
      grid-template-columns: 52px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      min-width: 0;
      padding: 10px;
      border: 1px solid color-mix(in srgb, var(--lucky-rarity-color, #2dbd6e) 58%, rgba(255, 255, 255, 0.1));
      background: rgba(22, 22, 22, 0.58);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }
    .lucky-prize-card img {
      display: block;
      width: 52px;
      height: 52px;
      object-fit: contain;
      filter:
        drop-shadow(0 0 6px color-mix(in srgb, var(--lucky-rarity-color, #2dbd6e) 42%, transparent))
        drop-shadow(0 4px 7px rgba(0, 0, 0, 0.46));
    }
    .lucky-prize-card span {
      color: var(--font-color);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .lucky-admin-panel {
      display: grid;
      gap: 18px;
      width: min(100%, var(--content-width));
      margin: 28px auto 0;
    }
    .lucky-weight-list {
      display: grid;
      gap: 8px;
    }
    .lucky-weight-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 110px 120px 140px 64px;
      gap: 12px;
      align-items: center;
      min-width: 0;
      padding: 8px;
      background: rgba(10, 10, 10, 0.18);
    }
    .lucky-weight-field {
      display: grid;
      gap: 4px;
      min-width: 0;
      color: var(--muted-color);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .lucky-weight-prize {
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      min-width: 0;
      color: var(--font-color);
      font-weight: 700;
      line-height: 1.25;
    }
    .lucky-weight-prize img {
      display: block;
      width: 44px;
      height: 44px;
      object-fit: contain;
    }
    .lucky-weight-prize span {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .lucky-weight-empty {
      display: flex;
      align-items: center;
      min-height: 42px;
      color: var(--font-muted);
      font-size: 14px;
    }
    .lucky-telegram-toggle {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-width: 0;
      color: var(--font-color);
      font-size: 12px;
      font-weight: 900;
      cursor: pointer;
    }
    .lucky-telegram-toggle input {
      width: 16px;
      height: 16px;
      accent-color: var(--accent-color);
      flex: 0 0 auto;
    }
    .wolf-pass-tag.lucky-menu-tag {
      background: rgba(255, 255, 255, 0.1);
      color: var(--font-muted);
    }
    .wolf-pass-tag.lucky-menu-tag-ready {
      background: rgba(73, 214, 99, 0.16);
      color: #9dffac;
    }
    .wolf-pass-tag.suggestions-menu-tag {
      background: rgba(255, 165, 0, 0.14);
      color: #ffd66d;
    }
    .menu-card-widget.event-menu-new-tag {
      background: rgba(57, 211, 83, 0.16);
      color: #7df28f;
    }
    .wolf-pass-tag.reports-menu-unanswered-tag {
      background: rgba(255, 76, 76, 0.2);
      color: #ff8d8d;
    }
    .wolf-pass-tag.map-vote-menu-tag {
      background: rgba(73, 214, 99, 0.14);
      color: #7df28f;
    }
    .suggestions-screen {
      display: grid;
      gap: 15px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .suggestion-submit-panel,
    .suggestion-card {
      background: var(--panel-bg);
    }
    .suggestion-submit-panel {
      padding: 15px;
    }
    .suggestion-survey-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 15px;
      border: 1px solid rgba(255, 212, 121, 0.24);
      background: rgba(40, 31, 12, 0.5);
    }
    .suggestion-survey-link div {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .suggestion-survey-link strong {
      color: var(--notice-color);
      font-size: 17px;
      font-weight: 900;
    }
    .suggestion-survey-link span {
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 650;
      line-height: 1.4;
    }
    .suggestion-survey-link .search-button {
      flex: 0 0 auto;
      text-decoration: none;
    }
    .suggestion-form {
      display: grid;
      gap: 12px;
    }
    .suggestion-form-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    .suggestion-textarea {
      min-height: 132px;
      padding: 12px;
      resize: vertical;
      line-height: 1.45;
    }
    .suggestion-submit-actions {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 12px;
      flex-wrap: wrap;
    }
    .suggestion-anonymous-toggle {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: var(--font-color);
      cursor: pointer;
      font-weight: 500;
    }
    .suggestion-anonymous-toggle input {
      width: 16px;
      height: 16px;
      accent-color: var(--accent-color);
      flex: 0 0 auto;
    }
    .suggestion-server-scope {
      display: grid;
      gap: 8px;
    }
    .suggestion-server-options {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .suggestion-server-toggle {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 7px 10px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.04);
      color: var(--font-color);
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
    }
    .suggestion-server-toggle input {
      width: 16px;
      height: 16px;
      accent-color: var(--accent-color);
      flex: 0 0 auto;
    }
    .suggestion-server-toggle input:disabled + span {
      opacity: 0.55;
    }
    .suggestion-server-toggle-all {
      border-color: rgba(255, 165, 0, 0.38);
      background: rgba(255, 165, 0, 0.1);
    }
    .suggestion-limit-note {
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 600;
      text-align: right;
    }
    .suggestion-reward-note {
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 600;
      line-height: 1.45;
    }
    .suggestion-submit-button {
      justify-self: start;
    }
    .suggestion-sort-filter {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
    }
    .suggestion-sort-filter .search-input {
      width: auto;
      min-width: 190px;
    }
    .suggestion-list {
      display: grid;
      gap: 12px;
    }
    .suggestion-card {
      display: grid;
      gap: 12px;
      padding: 15px;
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .suggestion-card[data-suggestion-detail] {
      cursor: pointer;
    }
    .suggestion-card[data-suggestion-detail]:focus {
      outline: 2px solid rgba(255, 165, 0, 0.72);
      outline-offset: 2px;
    }
    .suggestion-card-today {
      border-color: rgba(255, 165, 0, 0.42);
      background: linear-gradient(180deg, rgba(255, 165, 0, 0.13), var(--panel-bg));
      box-shadow: inset 3px 0 0 rgba(255, 165, 0, 0.72);
    }
    .suggestion-card-done {
      border-color: rgba(73, 214, 99, 0.28);
      background: linear-gradient(180deg, rgba(25, 50, 30, 0.42), var(--panel-bg));
    }
    .suggestion-card-cancelled {
      border-color: rgba(160, 160, 160, 0.22);
      background: linear-gradient(180deg, rgba(70, 70, 70, 0.44), rgba(32, 32, 32, 0.58));
      filter: grayscale(0.3);
    }
    .suggestion-card-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
    }
    .suggestion-card-head h2 {
      min-width: 0;
      color: var(--font-color);
      font-size: 17px;
      font-weight: 700;
      overflow-wrap: anywhere;
    }
    .suggestion-status {
      flex: 0 0 auto;
      padding: 4px 8px;
      background: rgba(73, 214, 99, 0.13);
      color: #7df28f;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
      white-space: nowrap;
    }
    .suggestion-card-cancelled .suggestion-status {
      background: rgba(160, 160, 160, 0.14);
      color: #c7c7c7;
    }
    .suggestion-text {
      color: var(--font-color);
      font-size: 15px;
      line-height: 1.55;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .suggestion-meta {
      display: flex;
      align-items: center;
      gap: 8px 14px;
      flex-wrap: wrap;
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 600;
    }
    .suggestion-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    .suggestion-actions form {
      margin: 0;
    }
    .suggestion-vote-row {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .suggestion-vote-button {
      display: inline-flex;
      min-width: 68px;
      min-height: 34px;
      align-items: center;
      justify-content: center;
      gap: 7px;
      padding: 7px 11px;
      border: 1px solid rgba(255, 165, 0, 0.38);
      border-radius: 3px;
      background: rgba(255, 165, 0, 0.1);
      color: var(--font-color);
      cursor: pointer;
      font: inherit;
      font-weight: 800;
      line-height: 1;
    }
    .suggestion-vote-button:hover,
    .suggestion-vote-button:focus {
      border-color: var(--notice-color);
      background: rgba(255, 165, 0, 0.18);
    }
    .suggestion-vote-button:disabled {
      cursor: default;
      opacity: 0.82;
    }
    .suggestion-vote-selected {
      border-color: var(--notice-color);
      background: rgba(255, 165, 0, 0.2);
      color: var(--notice-color);
    }
    .suggestion-dislike-button {
      border-color: rgba(255, 123, 104, 0.42);
      background: rgba(255, 123, 104, 0.1);
    }
    .suggestion-dislike-button:hover,
    .suggestion-dislike-button:focus {
      border-color: #ff7b68;
      background: rgba(255, 123, 104, 0.18);
    }
    .suggestion-dislike-button.suggestion-vote-selected {
      border-color: #ff7b68;
      background: rgba(255, 123, 104, 0.18);
      color: #ff9a8c;
    }
    .suggestion-comment-button {
      border-color: rgba(111, 181, 255, 0.42);
      background: rgba(111, 181, 255, 0.1);
      text-decoration: none;
    }
    .suggestion-comment-button:hover,
    .suggestion-comment-button:focus {
      border-color: #6fb5ff;
      background: rgba(111, 181, 255, 0.18);
    }
    .suggestion-detail-screen {
      padding-bottom: 20px;
    }
    .suggestion-detail-card {
      cursor: default;
    }
    .suggestion-detail-counters {
      display: flex;
      align-items: center;
      gap: 9px;
      flex-wrap: wrap;
    }
    .suggestion-detail-counters > span {
      min-width: 58px;
      padding: 7px 10px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.04);
      color: var(--font-color);
      font-size: 13px;
      font-weight: 800;
      text-align: center;
    }
    .suggestion-comments-closed {
      padding: 11px 12px;
      border: 1px solid rgba(73, 214, 99, 0.24);
      background: rgba(73, 214, 99, 0.08);
      color: #9ee8aa;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.45;
    }
    .suggestion-comments-panel {
      display: grid;
      gap: 14px;
      padding: 15px;
      background: var(--panel-bg);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .suggestion-comments-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    .suggestion-comments-head h2 {
      color: var(--font-color);
      font-size: 18px;
    }
    .suggestion-comments-head span,
    .suggestion-comment-submit-row span {
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 600;
    }
    .suggestion-comments-list {
      display: grid;
      gap: 10px;
    }
    .suggestion-comment {
      display: grid;
      gap: 8px;
      padding: 12px;
      border-left: 3px solid rgba(111, 181, 255, 0.5);
      background: rgba(255, 255, 255, 0.035);
    }
    .suggestion-comment-meta {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      color: var(--font-muted);
      font-size: 12px;
    }
    .suggestion-comment-meta strong {
      color: var(--font-color);
      font-size: 13px;
    }
    .suggestion-comment p {
      color: var(--font-color);
      font-size: 14px;
      line-height: 1.5;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .suggestion-comment-form {
      display: grid;
      gap: 10px;
      padding-top: 4px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .suggestion-comment-textarea {
      min-height: 108px;
      padding: 12px;
      line-height: 1.45;
      resize: vertical;
    }
    .suggestion-comment-submit-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }
    .suggestion-comment-login p {
      color: var(--font-muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .suggestion-admin-actions {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .suggestion-resolution-form {
      display: grid;
      width: min(100%, 560px);
      gap: 8px;
      padding: 10px;
      border: 1px solid rgba(255, 165, 0, 0.18);
      background: rgba(27, 23, 16, 0.52);
    }
    .suggestion-resolution-reason {
      width: 100%;
      min-height: 82px;
      padding: 10px;
      line-height: 1.45;
      resize: vertical;
    }
    .suggestion-resolution-actions {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }
    .suggestion-delete-button {
      border-color: rgba(255, 123, 104, 0.5);
      background: rgba(101, 31, 27, 0.72);
    }
    .suggestion-cancel-button {
      border-color: rgba(160, 160, 160, 0.48);
      background: rgba(78, 78, 78, 0.78);
    }
    .suggestion-cancel-button:hover,
    .suggestion-cancel-button:focus {
      background: rgba(96, 96, 96, 0.9);
      border-color: rgba(190, 190, 190, 0.7);
    }
    .suggestion-delete-button:hover,
    .suggestion-delete-button:focus {
      background: rgba(125, 38, 33, 0.9);
      border-color: rgba(255, 123, 104, 0.75);
    }
    .map-votes-screen {
      display: grid;
      gap: 15px;
    }
    .map-vote-date-bar h2 span {
      color: var(--font-muted);
    }
    .map-vote-state {
      width: min(100%, var(--content-width));
      margin: 0 auto;
      padding: 12px 15px;
      border: 1px solid rgba(255, 165, 0, 0.24);
      background: rgba(42, 36, 24, 0.58);
      color: var(--font-color);
      font-size: 15px;
      font-weight: 700;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .map-vote-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .map-vote-card {
      display: grid;
      position: relative;
      grid-template-rows: auto minmax(82px, auto);
      min-width: 0;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(29, 29, 29, 0.92);
    }
    .map-vote-winner {
      border-color: rgba(255, 216, 77, 0.7);
      background: linear-gradient(180deg, rgba(54, 45, 20, 0.82), rgba(29, 29, 29, 0.94));
      box-shadow: inset 0 0 0 1px rgba(255, 216, 77, 0.16), 0 0 0 1px rgba(255, 216, 77, 0.08);
    }
    .map-vote-empty {
      opacity: 0.58;
    }
    .map-vote-unselected .map-vote-preview {
      filter: grayscale(1);
      opacity: 0.55;
    }
    .map-vote-preview {
      display: flex;
      align-items: stretch;
      justify-content: center;
      min-width: 0;
      min-height: 0;
      aspect-ratio: 1 / 1;
      background: #171717;
    }
    .map-vote-preview-link {
      display: flex;
      width: 100%;
      height: 100%;
      min-width: 0;
      align-items: center;
      justify-content: center;
      padding: 10px;
    }
    .map-vote-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .map-vote-frame {
      width: 100%;
      height: 100%;
      min-height: 0;
      border: 0;
      background: #111111;
    }
    .map-vote-missing {
      width: 120px;
      height: 120px;
      align-self: center;
      border: 1px dashed rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.03);
    }
    .map-vote-body {
      display: grid;
      align-content: start;
      gap: 8px;
      min-width: 0;
      padding: 13px 58px 14px 14px;
    }
    .map-vote-body h2 {
      min-width: 0;
      color: var(--font-color);
      font-size: 17px;
      font-weight: 800;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .map-vote-link {
      width: fit-content;
      max-width: 100%;
      overflow-wrap: anywhere;
    }
    .map-vote-action {
      position: absolute;
      right: 12px;
      bottom: 12px;
      z-index: 4;
    }
    .map-vote-button {
      min-width: 54px;
      min-height: 34px;
    }
    .map-vote-winner-ribbon {
      position: absolute;
      z-index: 5;
      top: 12px;
      left: 12px;
      padding: 7px 10px;
      border: 1px solid rgba(255, 216, 77, 0.72);
      background: rgba(255, 190, 70, 0.94);
      color: #1b1306;
      font-size: 13px;
      font-weight: 900;
      line-height: 1.1;
      text-transform: uppercase;
    }
    .skins-screen {
      display: grid;
      gap: 15px;
    }
    .raffle-date-bar {
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr) 44px;
      align-items: center;
      gap: 10px;
      width: min(100%, var(--content-width));
      min-height: 54px;
      margin: 0 auto;
      padding: 8px 12px;
      background: var(--panel-bg);
    }
    .raffle-date-bar h2 {
      color: var(--font-color);
      font-size: 20px;
      font-weight: 800;
      line-height: 1.25;
      text-align: center;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    .raffle-date-bar h2 span {
      font-size: 17px;
      font-weight: 700;
      text-transform: none;
    }
    .raffle-date-nav {
      display: inline-flex;
      width: 44px;
      height: 44px;
      align-items: center;
      justify-content: center;
      color: var(--font-color);
      font-size: 42px;
      font-weight: 900;
      line-height: 1;
    }
    .raffle-date-nav:hover,
    .raffle-date-nav:focus {
      color: var(--notice-color);
    }
    .raffle-date-nav-disabled {
      color: var(--font-dim);
      opacity: 0.4;
    }
    .raffle-admin-view-tools {
      display: flex;
      justify-content: flex-end;
      width: 100%;
      margin: 0;
    }
    .raffle-admin-view-toggle {
      min-height: 34px;
      padding: 7px 12px;
      font-size: 12px;
      line-height: 1.1;
    }
    .raffle-admin-view-toggle-active {
      border-color: rgba(255, 165, 0, 0.38);
      background: rgba(255, 165, 0, 0.16);
      color: var(--notice-color);
    }
    .raffle-top-liked {
      display: grid;
      gap: 14px;
      padding: 16px;
      border: 1px solid rgba(255, 165, 0, 0.32);
      background: linear-gradient(145deg, rgba(94, 63, 18, 0.3), rgba(10, 12, 16, 0.54));
    }
    .raffle-top-liked-header {
      display: grid;
      gap: 5px;
    }
    .raffle-top-liked-header h2 {
      margin: 0;
      color: #ffe0a0;
      font-size: 19px;
      line-height: 1.2;
    }
    .raffle-top-liked-header p,
    .raffle-top-liked-empty {
      margin: 0;
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 650;
      line-height: 1.45;
    }
    .raffle-top-liked-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 10px;
    }
    .raffle-top-liked-item {
      position: relative;
      min-width: 0;
      padding: 9px;
      border: 1px solid rgba(255, 165, 0, 0.2);
      background: rgba(8, 10, 14, 0.68);
      overflow: hidden;
    }
    .raffle-top-liked-rank {
      position: absolute;
      z-index: 2;
      top: 8px;
      left: 8px;
      padding: 4px 7px;
      background: rgba(10, 12, 16, 0.82);
      color: #ffe0a0;
      font-size: 12px;
      font-weight: 900;
      line-height: 1;
    }
    .raffle-top-liked-main {
      display: grid;
      gap: 8px;
      min-width: 0;
      color: inherit;
      text-decoration: none;
    }
    .raffle-top-liked-image-wrap {
      position: relative;
      display: grid;
      min-height: 120px;
      place-items: center;
      background: rgba(255, 255, 255, 0.025);
    }
    .raffle-top-liked-image-wrap img,
    .raffle-top-liked-image-placeholder {
      width: 100%;
      height: 120px;
      object-fit: contain;
    }
    .raffle-top-liked-image-placeholder {
      display: grid;
      place-items: center;
      color: var(--font-muted);
      font-size: 32px;
      font-weight: 900;
    }
    .raffle-top-liked-count {
      position: absolute;
      right: 5px;
      bottom: 5px;
      padding: 5px 7px;
      border: 1px solid rgba(255, 216, 77, 0.28);
      background: rgba(10, 12, 16, 0.86);
      color: #ffe486;
      font-size: 12px;
      font-weight: 900;
      line-height: 1;
    }
    .raffle-top-liked-main strong {
      min-width: 0;
      color: var(--font-color);
      font-size: 13px;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .raffle-top-liked-main:hover strong,
    .raffle-top-liked-main:focus-visible strong {
      color: var(--notice-color);
    }
    .raffle-sales-assistant {
      display: grid;
      gap: 14px;
      padding: 16px;
      border: 1px solid rgba(64, 191, 255, 0.3);
      background: linear-gradient(145deg, rgba(22, 58, 78, 0.34), rgba(10, 12, 16, 0.54));
      scroll-margin-top: calc(var(--sticky-header-height) + 24px);
    }
    .raffle-sales-assistant-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
    }
    .raffle-sales-assistant-header > div {
      display: grid;
      gap: 5px;
      min-width: 0;
    }
    .raffle-sales-assistant h2 {
      margin: 0;
      color: #d8f3ff;
      font-size: 19px;
      line-height: 1.2;
    }
    .raffle-sales-assistant-header p,
    .raffle-sales-assistant-summary,
    .raffle-sales-assistant-empty,
    .raffle-sales-assistant-note,
    .raffle-sales-assistant-error,
    .raffle-sales-assistant-success {
      margin: 0;
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 650;
      line-height: 1.45;
    }
    .raffle-sales-assistant-load {
      flex: 0 0 auto;
    }
    .raffle-sales-assistant-summary {
      color: #c8eaff;
    }
    .raffle-sales-assistant-error {
      padding: 10px 12px;
      border: 1px solid rgba(255, 92, 120, 0.38);
      background: rgba(88, 29, 40, 0.3);
      color: #ffd0d8;
      overflow-wrap: anywhere;
    }
    .raffle-sales-assistant-success {
      padding: 10px 12px;
      border: 1px solid rgba(64, 220, 132, 0.38);
      background: rgba(22, 79, 48, 0.3);
      color: #b8f5cf;
    }
    .raffle-sales-assistant-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 12px;
    }
    .raffle-sales-assistant-item {
      display: grid;
      align-content: start;
      gap: 12px;
      min-width: 0;
      padding: 13px;
      border: 1px solid rgba(64, 191, 255, 0.22);
      background: rgba(8, 12, 16, 0.62);
    }
    .raffle-sales-assistant-item-main {
      display: grid;
      grid-template-columns: 64px minmax(0, 1fr);
      gap: 11px;
      align-items: center;
    }
    .raffle-sales-assistant-item-main img,
    .raffle-sales-assistant-image-placeholder {
      width: 64px;
      height: 64px;
      object-fit: contain;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.035);
    }
    .raffle-sales-assistant-image-placeholder {
      display: grid;
      place-items: center;
      color: var(--font-muted);
      font-size: 24px;
      font-weight: 900;
    }
    .raffle-sales-assistant-item-title {
      display: grid;
      gap: 6px;
      min-width: 0;
    }
    .raffle-sales-assistant-item-title a {
      width: fit-content;
      max-width: 100%;
      font-size: 15px;
      font-weight: 850;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .raffle-sales-assistant-item-title span,
    .raffle-sales-assistant-volume,
    .raffle-sales-assistant-hint {
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.35;
    }
    .raffle-sales-assistant-prices {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 7px;
      margin: 0;
    }
    .raffle-sales-assistant-prices > div {
      display: grid;
      align-content: start;
      gap: 5px;
      min-width: 0;
      padding: 8px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.025);
    }
    .raffle-sales-assistant-prices dt {
      color: var(--font-muted);
      font-size: 10px;
      font-weight: 800;
      line-height: 1.25;
    }
    .raffle-sales-assistant-prices dd {
      margin: 0;
      color: var(--font-color);
      font-size: 14px;
      font-weight: 900;
      line-height: 1.2;
    }
    .raffle-sales-assistant-prices .raffle-sales-assistant-recommended {
      border-color: rgba(64, 220, 132, 0.34);
      background: rgba(22, 79, 48, 0.25);
    }
    .raffle-sales-assistant-recommended dd {
      color: #8ff0b8;
      font-size: 17px;
    }
    .raffle-sales-assistant-volume,
    .raffle-sales-assistant-hint {
      margin: 0;
    }
    .raffle-sales-assistant-hint {
      color: #c8eaff;
    }
    .raffle-sales-assistant-note {
      padding-top: 2px;
      font-size: 12px;
    }
    .raffle-sales-assistant-sell-form {
      display: flex;
      margin-top: auto;
    }
    .raffle-sales-assistant-sell-button {
      width: 100%;
      border-color: rgba(64, 220, 132, 0.42);
      background: rgba(22, 79, 48, 0.48);
      color: #b8f5cf;
    }
    .raffle-sales-assistant-sell-button:hover,
    .raffle-sales-assistant-sell-button:focus-visible {
      border-color: rgba(64, 220, 132, 0.72);
      background: rgba(29, 105, 63, 0.62);
    }
    body.skin-showcase-page {
      background: #151515;
    }
    body.skin-showcase-page main {
      display: flex;
      min-height: 100vh;
      min-height: 100dvh;
      align-items: center;
      padding: clamp(28px, 4vw, 64px);
    }
    .skin-showcase {
      width: min(100%, 1440px);
      margin: auto;
    }
    .skin-showcase-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: clamp(18px, 2vw, 30px) clamp(12px, 1.5vw, 24px);
    }
    .skin-showcase-item {
      display: grid;
      grid-template-rows: minmax(170px, 1fr) auto;
      min-width: 0;
      gap: 14px;
      background: transparent;
      text-align: center;
    }
    .skin-showcase-item[class*="skin-showcase-access-"] {
      padding: 12px;
      border: 1px solid rgba(255, 255, 255, 0.06);
    }
    .skin-showcase-access-free {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(29, 29, 29, 0.16));
    }
    .skin-showcase-access-light {
      background: linear-gradient(180deg, rgba(57, 211, 83, 0.13), rgba(29, 29, 29, 0.2));
    }
    .skin-showcase-access-normal {
      background: linear-gradient(180deg, rgba(77, 163, 255, 0.13), rgba(29, 29, 29, 0.2));
    }
    .skin-showcase-access-full {
      background: linear-gradient(180deg, rgba(255, 216, 77, 0.14), rgba(29, 29, 29, 0.2));
    }
    .skin-showcase-image-wrap {
      display: flex;
      min-width: 0;
      min-height: 170px;
      align-items: center;
      justify-content: center;
    }
    .skin-showcase-image {
      display: block;
      width: 100%;
      max-width: 220px;
      height: 170px;
      object-fit: contain;
    }
    .skin-showcase-image-missing {
      width: 120px;
      height: 120px;
      border: 1px dashed rgba(255, 255, 255, 0.18);
    }
    .skin-showcase-meta {
      display: grid;
      min-width: 0;
      gap: 6px;
      line-height: 1.25;
    }
    .skin-showcase-meta strong {
      color: #f2f2f2;
      font-size: 16px;
      font-weight: 600;
      overflow-wrap: anywhere;
    }
    .skin-showcase-meta span {
      color: #ffa500;
      font-size: 15px;
      font-weight: 700;
    }
    .skin-showcase-empty {
      color: #a0a0a0;
      font-size: 16px;
      text-align: center;
    }
    @media (max-width: 900px) {
      .skin-showcase-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    @media (max-width: 560px) {
      body.skin-showcase-page main {
        align-items: flex-start;
        padding: 24px 16px;
      }
      .skin-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 14px;
      }
      .skin-showcase-item {
        grid-template-rows: minmax(120px, 1fr) auto;
      }
      .skin-showcase-image-wrap {
        min-height: 120px;
      }
      .skin-showcase-image {
        height: 120px;
      }
      .skin-showcase-meta strong {
        font-size: 14px;
      }
      .skin-showcase-meta span {
        font-size: 13px;
      }
    }
    .raffle-skins-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .raffle-skin-card {
      display: grid;
      position: relative;
      grid-template-rows: 1fr;
      min-width: 0;
      min-height: 230px;
      overflow: hidden;
      background: #1d1d1d;
      border: 1px solid rgba(255, 255, 255, 0.06);
    }
    .raffle-skin-access-free {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), #1d1d1d 76%);
    }
    .raffle-skin-access-light {
      background: linear-gradient(180deg, rgba(57, 211, 83, 0.14), #1d1d1d 76%);
      border-color: rgba(57, 211, 83, 0.18);
    }
    .raffle-skin-access-normal {
      background: linear-gradient(180deg, rgba(77, 163, 255, 0.14), #1d1d1d 76%);
      border-color: rgba(77, 163, 255, 0.18);
    }
    .raffle-skin-access-full {
      background: linear-gradient(180deg, rgba(255, 216, 77, 0.15), #1d1d1d 76%);
      border-color: rgba(255, 216, 77, 0.2);
    }
    .raffle-skin-main {
      display: grid;
      grid-template-rows: minmax(130px, 1fr) auto;
      min-width: 0;
      min-height: 190px;
      padding: 10px 10px 8px;
      color: inherit;
    }
    .raffle-skin-card:not(.raffle-skin-empty) .raffle-skin-main:hover .raffle-skin-image,
    .raffle-skin-card:not(.raffle-skin-empty) .raffle-skin-main:focus .raffle-skin-image {
      transform: scale(1.04);
    }
    .raffle-skin-image-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
      min-height: 130px;
    }
    .raffle-skin-image {
      display: block;
      width: 100%;
      max-width: 150px;
      height: 130px;
      object-fit: contain;
      transition: transform 0.15s ease, filter 0.15s ease, opacity 0.15s ease;
    }
    .raffle-skin-image-missing {
      width: 90px;
      height: 90px;
      border: 1px dashed rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.03);
    }
    .raffle-skin-meta {
      display: grid;
      gap: 3px;
      min-width: 0;
      color: var(--font-muted);
      font-size: 12px;
      line-height: 1.2;
    }
    .raffle-skin-meta strong {
      min-width: 0;
      color: var(--font-color);
      font-size: 12px;
      line-height: 1.2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .raffle-skin-access-label {
      width: fit-content;
      margin: 2px auto 0;
      padding: 2px 6px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.07);
      color: #c7c7c7;
      font-size: 10px;
      font-weight: 800;
      line-height: 1.2;
    }
    .raffle-skin-access-label-light { background: rgba(57, 211, 83, 0.14); color: #7df28f; }
    .raffle-skin-access-label-normal { background: rgba(77, 163, 255, 0.14); color: #8fc7ff; }
    .raffle-skin-access-label-full { background: rgba(255, 216, 77, 0.14); color: #ffe58a; }
    .raffle-access-guide {
      grid-column: 1 / -1;
    }
    .raffle-access-tiers {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      margin: 10px 0 12px;
    }
    .raffle-access-tier {
      display: grid;
      gap: 3px;
      padding: 10px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.04);
      text-align: center;
    }
    .raffle-access-tier strong { color: var(--font-color); }
    .raffle-access-tier span { color: var(--font-muted); font-size: 12px; }
    .raffle-access-tier-light { border-color: rgba(57, 211, 83, 0.26); background: rgba(57, 211, 83, 0.1); }
    .raffle-access-tier-normal { border-color: rgba(77, 163, 255, 0.26); background: rgba(77, 163, 255, 0.1); }
    .raffle-access-tier-full { border-color: rgba(255, 216, 77, 0.28); background: rgba(255, 216, 77, 0.1); }
    @media (max-width: 680px) {
      .raffle-access-tiers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    .raffle-skin-status {
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      max-width: 78%;
      padding: 5px 7px;
      background: rgba(255, 165, 0, 0.16);
      color: var(--notice-color);
      font-size: 11px;
      font-weight: 900;
      line-height: 1.1;
      overflow: hidden;
      text-overflow: ellipsis;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .raffle-skin-status-waiting-player {
      background: rgba(64, 191, 255, 0.2);
      color: #86e7ff;
    }
    .raffle-skin-status-repeat-raffle {
      background: rgba(184, 126, 255, 0.22);
      color: #d9b8ff;
    }
    .raffle-skin-status-waiting-unlock {
      max-width: calc(100% - 12px);
      background: rgba(255, 165, 0, 0.2);
      color: #ffd879;
      white-space: normal;
    }
    .raffle-skin-status-sent {
      background: rgba(64, 220, 132, 0.18);
      color: #8ef0b3;
    }
    .raffle-skin-status-unclaimed {
      background: rgba(255, 92, 120, 0.2);
      color: #ff9aaa;
    }
    .raffle-skin-won .raffle-skin-main {
      filter: grayscale(0.85) brightness(0.56);
    }
    .raffle-skin-admin-jump {
      position: absolute;
      z-index: 6;
      right: 8px;
      bottom: 8px;
      display: inline-flex;
      width: 32px;
      height: 32px;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255, 216, 77, 0.58);
      border-radius: 50%;
      background: radial-gradient(circle at 50% 30%, rgba(255, 216, 77, 0.22), rgba(20, 18, 14, 0.94) 68%);
      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.14);
      color: var(--notice-color);
      line-height: 1;
      opacity: 0;
      transform: translateY(6px) scale(0.92);
      transition: opacity 0.15s ease, transform 0.15s ease, border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    }
    .raffle-skin-admin-jump-icon {
      display: block;
      position: relative;
      width: 12px;
      height: 14px;
    }
    .raffle-skin-admin-jump-icon::before,
    .raffle-skin-admin-jump-icon::after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
    .raffle-skin-admin-jump-icon::before {
      top: 1px;
      width: 2px;
      height: 10px;
      border-radius: 999px;
      background: currentColor;
    }
    .raffle-skin-admin-jump-icon::after {
      bottom: 0;
      width: 8px;
      height: 8px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: translateX(-50%) rotate(45deg);
    }
    .raffle-skin-card:hover .raffle-skin-admin-jump,
    .raffle-skin-card:focus-within .raffle-skin-admin-jump,
    .raffle-skin-admin-jump:focus {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    .raffle-skin-admin-jump:hover,
    .raffle-skin-admin-jump:focus {
      border-color: var(--notice-color);
      background: radial-gradient(circle at 50% 30%, rgba(255, 216, 77, 0.34), rgba(36, 30, 14, 0.98) 70%);
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.42), 0 0 0 3px rgba(255, 216, 77, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }
    .raffle-winner-ribbon {
      position: absolute;
      z-index: 4;
      top: 50%;
      right: 12px;
      left: 12px;
      padding: 8px 12px;
      border: 1px solid rgba(255, 216, 77, 0.72);
      background: rgba(255, 190, 70, 0.92);
      color: #1b1306;
      font-size: 15px;
      font-weight: 900;
      line-height: 1.15;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      transform: translateY(-50%);
      overflow-wrap: anywhere;
    }
    a.raffle-winner-ribbon:hover,
    a.raffle-winner-ribbon:focus-visible {
      border-color: #fff1aa;
      background: #ffd14f;
      color: #120c02;
      box-shadow: 0 0 0 3px rgba(255, 216, 77, 0.2);
    }
    .raffle-skin-empty {
      opacity: 0.58;
    }
    .raffle-vote-row {
      position: absolute;
      z-index: 5;
      top: 8px;
      right: 8px;
    }
    .raffle-vote-row form {
      min-width: 0;
    }
    .raffle-vote-button {
      display: inline-flex;
      width: auto;
      min-width: 46px;
      min-height: 30px;
      align-items: center;
      justify-content: center;
      gap: 5px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 999px;
      background: rgba(18, 18, 18, 0.84);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
      color: var(--font-color);
      cursor: pointer;
      font: inherit;
      font-size: 13px;
      font-weight: 800;
      line-height: 1;
    }
    .raffle-vote-button:hover,
    .raffle-vote-button:focus {
      border-color: var(--accent-color);
      background: var(--accent-color);
    }
    .raffle-vote-button:disabled {
      cursor: not-allowed;
      opacity: 0.62;
    }
    .raffle-vote-selected {
      border-color: rgba(255, 165, 0, 0.48);
      background: rgba(255, 165, 0, 0.18);
      color: var(--notice-color);
    }
    .raffle-empty-message {
      width: min(100%, var(--content-width));
      margin: 0 auto;
      padding: 12px 15px;
      background: var(--panel-bg);
      color: var(--font-muted);
      font-weight: 600;
    }
    .raffle-player-panel {
      display: grid;
      grid-template-columns: 170px minmax(0, 1fr);
      gap: 22px;
      align-items: center;
      width: min(100%, var(--content-width));
      min-height: 168px;
      margin: 0 auto;
      padding: 18px;
      background: var(--panel-bg);
    }
    .raffle-prize-skin {
      display: grid;
      gap: 8px;
      justify-items: center;
      min-width: 0;
    }
    .raffle-prize-image {
      display: block;
      width: 126px;
      height: 100px;
      object-fit: contain;
      transition: transform 0.15s ease;
    }
    .raffle-prize-image-link {
      display: block;
    }
    .raffle-prize-image-link:hover .raffle-prize-image,
    .raffle-prize-image-link:focus-visible .raffle-prize-image {
      transform: scale(1.04);
    }
    .raffle-prize-meta {
      display: grid;
      gap: 3px;
      min-width: 0;
      width: 100%;
      color: var(--font-muted);
      font-size: 12px;
      line-height: 1.2;
      text-align: center;
    }
    .raffle-prize-meta strong {
      color: var(--font-color);
      overflow-wrap: anywhere;
    }
    .raffle-prize-body,
    .raffle-instruction {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .raffle-player-panel > .raffle-instruction {
      grid-column: 1 / -1;
    }
    .raffle-prize-body h2,
    .raffle-instruction h2 {
      font-size: 22px;
      font-weight: 800;
      line-height: 1.25;
    }
    .raffle-prize-body p,
    .raffle-instruction p {
      color: var(--font-color);
      font-size: 16px;
      font-weight: 600;
      overflow-wrap: anywhere;
    }
    .raffle-prize-status {
      color: var(--notice-color);
    }
    .raffle-prize-lock {
      color: var(--danger-color);
    }
    .raffle-prize-warning {
      color: #ffd0ca;
    }
    .raffle-guide {
      display: grid;
      gap: 14px;
      margin-top: 2px;
    }
    .raffle-guide-section {
      display: grid;
      gap: 9px;
      min-width: 0;
    }
    .raffle-guide-section h3 {
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 900;
      line-height: 1.25;
      text-transform: uppercase;
    }
    .raffle-guide-items {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .raffle-guide-item {
      display: grid;
      grid-template-rows: 76px auto;
      gap: 8px;
      min-width: 0;
      align-items: center;
      justify-items: center;
      padding: 10px;
      background: rgba(10, 10, 10, 0.22);
    }
    .raffle-guide-item img {
      display: block;
      width: 76px;
      height: 76px;
      object-fit: contain;
    }
    .raffle-guide-item-backpack img {
      width: 88px;
      height: 88px;
    }
    .raffle-guide-sources .raffle-guide-item img {
      width: 92px;
      max-width: 100%;
      height: 76px;
    }
    .raffle-guide-item span {
      color: var(--font-color);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.25;
      text-align: center;
      overflow-wrap: anywhere;
    }
    .raffle-guide-steps {
      display: grid;
      gap: 7px;
      padding-left: 22px;
      color: var(--font-muted);
      line-height: 1.45;
    }
    .raffle-guide-steps li {
      padding-left: 2px;
    }
    .raffle-guide-steps code {
      padding: 1px 5px;
      background: rgba(255, 165, 0, 0.12);
      color: var(--notice-color);
      font: inherit;
      font-weight: 800;
    }
    .raffle-prize-body .raffle-guide-note,
    .raffle-instruction .raffle-guide-note {
      color: var(--font-muted);
      font-size: 14px;
      font-weight: 600;
    }
    .raffle-prize-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .raffle-prize-actions form {
      min-width: 0;
    }
    .raffle-admin-panel {
      display: grid;
      gap: 18px;
      width: min(100%, var(--content-width));
      margin: 28px auto 0;
      padding: 18px;
      border: 1px solid var(--admin-line);
      background: linear-gradient(180deg, var(--admin-bg), var(--admin-bg-strong));
      box-shadow: inset 0 1px 0 rgba(255, 123, 104, 0.08);
    }
    .raffle-admin-player-form {
      display: grid;
      gap: 10px;
      min-width: 0;
      padding: 0 0 4px;
      border: 1px solid var(--admin-line);
      border-width: 0 0 1px;
    }
    .raffle-admin-player-current {
      color: #ffd0ca;
      font-size: 13px;
      font-weight: 800;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .raffle-admin-player-error {
      color: var(--danger-color);
      font-size: 13px;
      font-weight: 800;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .raffle-admin-player-reset {
      width: fit-content;
    }
    .raffle-admin-picker,
    .raffle-admin-form {
      display: grid;
      gap: 14px;
      min-width: 0;
    }
    .raffle-admin-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }
    .raffle-admin-status-summary {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
      gap: 10px;
    }
    .raffle-status-summary-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 46px;
      padding: 10px 12px;
      border: 1px solid rgba(255, 216, 77, 0.18);
      background: rgba(10, 12, 16, 0.58);
    }
    .raffle-status-summary-item span {
      min-width: 0;
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
    }
    .raffle-status-summary-item strong {
      color: var(--font-color);
      font-size: 20px;
      line-height: 1;
    }
    .raffle-status-summary-waiting-player {
      border-color: rgba(64, 191, 255, 0.34);
      background: rgba(24, 70, 92, 0.32);
    }
    .raffle-status-summary-repeat-raffle {
      border-color: rgba(184, 126, 255, 0.36);
      background: rgba(66, 38, 92, 0.3);
    }
    .raffle-status-summary-waiting-unlock {
      border-color: rgba(255, 165, 0, 0.32);
      background: rgba(94, 63, 18, 0.3);
    }
    .raffle-status-summary-sent {
      border-color: rgba(64, 220, 132, 0.3);
      background: rgba(22, 79, 48, 0.28);
    }
    .raffle-status-summary-unclaimed {
      border-color: rgba(255, 92, 120, 0.34);
      background: rgba(88, 29, 40, 0.32);
    }
    .raffle-admin-warning-button {
      border-color: rgba(255, 92, 120, 0.46);
    }
    .raffle-admin-actions-bottom {
      justify-content: flex-end;
      padding-top: 4px;
    }
    .raffle-inventory-toggle {
      align-self: flex-start;
      margin-top: -2px;
    }
    .raffle-admin-slots {
      display: grid;
      gap: 0;
      border-top: 1px solid rgba(255, 123, 104, 0.22);
    }
    .raffle-admin-slot {
      position: relative;
      min-width: 0;
      scroll-margin-top: calc(var(--sticky-header-height) + 96px);
      padding: 14px 12px;
      margin: 0 -12px;
      border: 0;
      border-bottom: 1px solid rgba(255, 123, 104, 0.22);
      transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .raffle-admin-slot:target {
      border-color: rgba(255, 216, 77, 0.48);
      background: linear-gradient(90deg, rgba(255, 216, 77, 0.16), rgba(255, 216, 77, 0.04) 44%, transparent);
      box-shadow: inset 4px 0 0 var(--notice-color), 0 0 0 1px rgba(255, 216, 77, 0.18);
      animation: raffle-admin-target-flash 1.2s ease;
    }
    .raffle-admin-slot:target .raffle-admin-slot-title {
      color: var(--notice-color);
    }
    @keyframes raffle-admin-target-flash {
      0% {
        background: linear-gradient(90deg, rgba(255, 216, 77, 0.28), rgba(255, 216, 77, 0.09) 50%, transparent);
        box-shadow: inset 4px 0 0 var(--notice-color), 0 0 0 2px rgba(255, 216, 77, 0.28);
      }
      100% {
        background: linear-gradient(90deg, rgba(255, 216, 77, 0.16), rgba(255, 216, 77, 0.04) 44%, transparent);
        box-shadow: inset 4px 0 0 var(--notice-color), 0 0 0 1px rgba(255, 216, 77, 0.18);
      }
    }
    .raffle-admin-slot legend {
      display: block;
      width: 100%;
      margin: 0;
      padding: 0 0 10px;
      color: #ffd0ca;
      font-size: 17px;
      font-weight: 800;
    }
    .raffle-admin-slot-title {
      display: inline-flex;
      min-height: 28px;
      align-items: center;
      padding: 0;
      line-height: 1.2;
    }
    .raffle-admin-slot-grid {
      display: grid;
      grid-template-columns: 170px minmax(0, 1fr);
      gap: 10px 12px;
      align-items: center;
    }
    .raffle-admin-slot-grid .field-label {
      margin-bottom: 0;
      color: var(--font-muted);
    }
    .raffle-admin-market-link {
      width: fit-content;
      max-width: 100%;
      overflow-wrap: anywhere;
    }
    .raffle-admin-steam-button {
      width: fit-content;
      min-width: 180px;
    }
    .raffle-admin-button-spacer {
      min-height: 1px;
    }
    .raffle-admin-extra {
      margin-top: 12px;
      min-width: 0;
    }
    .raffle-admin-extra summary {
      display: inline-flex;
      min-height: 34px;
      align-items: center;
      width: fit-content;
      max-width: 100%;
      padding: 6px 10px;
      border: 1px solid rgba(255, 123, 104, 0.22);
      border-radius: 3px;
      background: rgba(10, 10, 10, 0.22);
      color: #ffd0ca;
      cursor: pointer;
      font-weight: 700;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .raffle-admin-extra summary:hover,
    .raffle-admin-extra summary:focus {
      border-color: var(--accent-color);
      background: rgba(32, 32, 32, 0.72);
    }
    .raffle-admin-extra-grid {
      margin-top: 12px;
      padding: 12px;
      background: rgba(10, 10, 10, 0.16);
    }
    .raffle-admin-slot-grid textarea.search-input {
      min-height: 72px;
      padding-top: 9px;
      resize: vertical;
    }
    .social-rating-score {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      width: min(100%, var(--content-width));
      margin: 0 auto 15px;
      padding: 16px;
      background: var(--panel-bg);
    }
    .social-rating-score-main {
      display: grid;
      gap: 6px;
      min-width: 0;
    }
    .social-rating-score-label {
      color: var(--font-muted);
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
    }
    .social-rating-score-value {
      color: var(--font-color);
      font-size: 34px;
      line-height: 1;
    }
    .social-rating-score-meta {
      max-width: 52%;
      color: var(--font-muted);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.4;
      overflow-wrap: anywhere;
      text-align: right;
    }
    .social-rating-warning {
      width: min(100%, var(--content-width));
      margin: 0 auto 15px;
      padding: 12px 15px;
      background: rgba(92, 35, 28, 0.72);
      border: 1px solid rgba(255, 123, 104, 0.28);
      color: var(--font-color);
      font-weight: 600;
      line-height: 1.4;
    }
    .social-rating-filter {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: end;
      width: min(100%, var(--content-width));
      margin: 0 auto 15px;
      padding: 15px;
      border: 0;
      background: var(--panel-bg);
      box-shadow: none;
    }
    .social-rating-filter-row {
      display: grid;
      gap: 7px;
      grid-column: 1 / -1;
      min-width: 0;
    }
    .social-rating-filter .field-label {
      margin-bottom: 0;
    }
    .social-rating-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .social-rating-list + .social-rating-guide {
      margin-top: 15px;
    }
    .social-rating-screen > .content-panel + .social-rating-guide {
      margin-top: 15px;
    }
    .social-rating-violation {
      display: grid;
      gap: 12px;
      padding: 15px;
      border: 1px solid rgba(255, 123, 104, 0.34);
      background: linear-gradient(180deg, rgba(48, 24, 22, 0.66), rgba(23, 23, 23, 0.92));
      box-shadow: inset 0 1px 0 rgba(255, 123, 104, 0.08);
    }
    .social-rating-violation-main {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }
    .social-rating-violation-main h2 {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .social-rating-violation-actions {
      display: flex;
      flex: 0 0 auto;
      align-items: flex-start;
      gap: 7px;
      max-width: 54%;
    }
    .social-rating-violation-actions form {
      flex: 0 0 auto;
      margin: 0;
    }
    .social-rating-violation-penalty {
      flex: 0 0 auto;
      padding: 4px 7px;
      background: rgba(255, 123, 104, 0.14);
      color: var(--danger-color);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
      text-align: center;
      overflow-wrap: anywhere;
    }
    .social-rating-violation-remove {
      display: inline-flex;
      width: 25px;
      height: 25px;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255, 123, 104, 0.42);
      background: rgba(255, 123, 104, 0.1);
      color: var(--danger-color);
      cursor: pointer;
      font: inherit;
      font-size: 20px;
      font-weight: 800;
      line-height: 1;
    }
    .social-rating-violation-remove:hover,
    .social-rating-violation-remove:focus-visible {
      border-color: var(--danger-color);
      background: var(--danger-color);
      color: #171717;
      outline: none;
    }
    .social-rating-recent-time {
      flex: 0 0 auto;
      padding: 4px 7px;
      border: 1px solid rgba(255, 212, 121, 0.18);
      background: rgba(255, 212, 121, 0.08);
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
      text-align: center;
      overflow-wrap: anywhere;
    }
    .social-rating-reason-text {
      color: var(--font-muted);
      font-weight: 500;
      overflow-wrap: anywhere;
    }
    .social-rating-meta {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .social-rating-meta div {
      min-width: 0;
    }
    .social-rating-meta dt {
      margin-bottom: 4px;
      color: var(--font-dim);
      font-size: 12px;
      font-weight: 700;
    }
    .social-rating-meta dd {
      color: var(--font-color);
      font-size: 13px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .social-rating-admin-panel {
      display: grid;
      gap: 18px;
      width: min(100%, var(--content-width));
      margin: 28px auto 0;
      padding: 15px;
      border: 1px solid var(--admin-line);
      background: linear-gradient(180deg, var(--admin-bg), var(--admin-bg-strong));
    }
    .social-rating-action-grid {
      grid-template-columns: 160px minmax(0, 1fr);
      align-items: center;
    }
    .social-rating-action-grid .field-label {
      margin-bottom: 0;
      color: var(--font-muted);
    }
    .search-button:disabled {
      cursor: not-allowed;
      opacity: 0.55;
    }
    .social-rating-rules {
      width: min(100%, var(--content-width));
      margin: 28px auto 0;
      padding: 15px;
      background: var(--panel-bg);
    }
    .social-rating-rules h2 {
      margin-bottom: 14px;
    }
    .social-rating-rule-block {
      display: grid;
      gap: 8px;
      padding: 12px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .social-rating-rule-block h3 {
      color: var(--font-color);
      font-size: 15px;
      font-weight: 700;
      line-height: 1.35;
    }
    .social-rating-rule-block ul {
      display: grid;
      gap: 7px;
      padding-left: 20px;
      color: var(--font-muted);
      line-height: 1.45;
    }
    .rules-screen {
      display: grid;
      gap: 15px;
    }
    .rules-panel {
      display: grid;
      gap: 12px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
      padding: 15px;
      background: var(--panel-bg);
    }
    .rules-panel-important {
      border: 1px solid rgba(255, 123, 104, 0.34);
      background: linear-gradient(180deg, rgba(92, 35, 28, 0.72), rgba(38, 23, 22, 0.9));
      box-shadow: inset 0 1px 0 rgba(255, 123, 104, 0.1);
    }
    .rules-panel.rules-panel-important h2 {
      color: #ffd0ca;
    }
    .rules-panel h2 {
      color: var(--font-color);
      font-size: 18px;
      line-height: 1.35;
    }
    .rules-panel p {
      color: var(--font-muted);
      line-height: 1.5;
      overflow-wrap: anywhere;
    }
    .rules-list-numbered li {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: start;
      gap: 9px;
    }
    .rule-number {
      display: inline-flex;
      min-width: 48px;
      justify-content: center;
      padding: 2px 6px;
      border: 1px solid rgba(255, 165, 0, 0.32);
      border-radius: 3px;
      background: rgba(255, 165, 0, 0.1);
      color: var(--notice-color);
      font-size: 12px;
      font-weight: 900;
      line-height: 1.35;
      white-space: nowrap;
    }
    .rules-list {
      display: grid;
      gap: 8px;
      padding-left: 20px;
      color: var(--font-muted);
      line-height: 1.45;
    }
    .rules-list-numbered {
      padding-left: 0;
      list-style: none;
    }
    .bans-screen {
      display: grid;
      gap: 15px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .ban-list {
      display: grid;
      gap: 12px;
    }
    .ban-card {
      display: grid;
      gap: 14px;
      padding: 16px;
      border: 1px solid rgba(255, 104, 88, 0.24);
      background: linear-gradient(180deg, rgba(78, 30, 27, 0.34), var(--panel-bg));
    }
    .ban-card[data-ban-detail] {
      cursor: pointer;
    }
    .ban-card[data-ban-detail]:focus {
      outline: 2px solid rgba(255, 123, 104, 0.72);
      outline-offset: 2px;
    }
    .ban-card-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
    }
    .ban-card-head h2 {
      color: var(--font-color);
      font-size: 18px;
      overflow-wrap: anywhere;
    }
    .ban-steam-id {
      display: block;
      margin-top: 4px;
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 650;
    }
    .ban-status {
      flex: 0 0 auto;
      padding: 5px 9px;
      border: 1px solid rgba(255, 123, 104, 0.36);
      background: rgba(123, 33, 28, 0.58);
      color: #ffafa4;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.06em;
    }
    .ban-rule-number-row {
      display: grid;
      gap: 5px;
      color: var(--font-muted);
      line-height: 1.45;
    }
    .ban-rule-number-row strong {
      color: #ffd0ca;
      font-size: 13px;
    }
    .ban-rule-links {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
    }
    .ban-rule-number-link {
      text-decoration: none;
      transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
    }
    .ban-rule-number-link:hover,
    .ban-rule-number-link:focus-visible {
      border-color: rgba(255, 193, 79, 0.8);
      background: rgba(255, 165, 0, 0.22);
      color: #ffe0a6;
      outline: none;
    }
    .ban-meta {
      display: flex;
      gap: 8px 14px;
      flex-wrap: wrap;
      color: var(--font-muted);
      font-size: 12px;
      font-weight: 650;
    }
    .ban-open-link {
      justify-self: start;
      color: var(--notice-color);
      font-size: 13px;
      font-weight: 800;
    }
    .ban-detail-card {
      cursor: default;
    }
    .ban-detail-block {
      display: grid;
      gap: 10px;
      padding-top: 13px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .ban-detail-block h3 {
      color: var(--font-color);
      font-size: 16px;
    }
    .ban-full-rules {
      display: grid;
      gap: 10px;
      padding: 0;
      list-style: none;
      color: var(--font-muted);
      line-height: 1.5;
    }
    .ban-rule-link {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: start;
      gap: 9px;
      padding: 9px;
      border: 1px solid rgba(255, 165, 0, 0.24);
      background: rgba(255, 165, 0, 0.06);
      color: var(--font-muted);
      text-decoration: none;
      transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
    }
    .ban-rule-link:hover,
    .ban-rule-link:focus-visible {
      border-color: rgba(255, 193, 79, 0.66);
      background: rgba(255, 165, 0, 0.13);
      color: #ffe0a6;
      outline: none;
    }
    .ban-admin-comment p {
      color: var(--font-color);
      line-height: 1.55;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .ban-comments-panel,
    .ban-admin-panel {
      display: grid;
      gap: 14px;
      padding: 16px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: var(--panel-bg);
    }
    .ban-admin-panel {
      border-color: rgba(255, 165, 0, 0.24);
      background: linear-gradient(180deg, var(--admin-bg), var(--admin-bg-strong));
    }
    .ban-admin-panel > h2,
    .ban-comments-panel h2 {
      color: var(--font-color);
      font-size: 18px;
    }
    .ban-admin-form {
      display: grid;
      gap: 12px;
    }
    .ban-create-target {
      display: flex;
      align-items: baseline;
      flex-wrap: wrap;
      gap: 6px 10px;
      color: var(--font-muted);
      font-size: 13px;
    }
    .ban-create-target strong {
      color: var(--font-color);
      font-size: 15px;
    }
    .ban-create-target small {
      color: var(--font-dim);
      font-size: 12px;
      overflow-wrap: anywhere;
    }
    .ban-create-existing,
    .ban-create-select-hint {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px 12px;
      margin: 0;
      padding: 11px 12px;
      border: 1px solid rgba(255, 123, 104, 0.28);
      background: rgba(123, 33, 28, 0.18);
      color: #ffd0ca;
      line-height: 1.4;
    }
    .ban-create-existing a {
      color: var(--notice-color);
      font-weight: 850;
    }
    .ban-create-submit {
      justify-self: start;
    }
    .ban-admin-comment-input {
      min-height: 130px;
      padding: 12px;
      resize: vertical;
      line-height: 1.45;
    }
    .ban-rule-picker {
      display: grid;
      gap: 10px;
      min-width: 0;
      padding: 12px;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .ban-rule-picker legend {
      padding: 0 7px;
      color: var(--font-color);
      font-weight: 800;
    }
    .ban-rule-picker-list {
      display: grid;
      gap: 7px;
      max-height: 480px;
      overflow: auto;
      padding-right: 4px;
    }
    .ban-rule-option {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: start;
      gap: 9px;
      padding: 9px;
      background: rgba(255, 255, 255, 0.035);
      color: var(--font-muted);
      font-size: 13px;
      line-height: 1.4;
      cursor: pointer;
    }
    .ban-rule-option input,
    .ban-comment-permission input {
      width: 17px;
      height: 17px;
      accent-color: var(--accent-color);
    }
    .ban-rule-option span {
      display: grid;
      gap: 3px;
    }
    .ban-rule-option strong {
      color: var(--notice-color);
    }
    .ban-rule-option small {
      color: #ffd0ca;
      font-weight: 750;
    }
    .ban-comment-permission {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: var(--font-color);
      cursor: pointer;
    }
    .ban-comment-offender {
      border-left-color: rgba(255, 123, 104, 0.78);
      background: rgba(92, 35, 28, 0.25);
    }
    .ban-comment-admin {
      border-left-color: rgba(255, 165, 0, 0.72);
    }
    .ban-comments-closed {
      padding: 11px 12px;
      border: 1px solid rgba(255, 123, 104, 0.26);
      background: rgba(92, 35, 28, 0.24);
      color: #ffb9af;
      font-size: 13px;
      font-weight: 700;
    }
    .ban-restricted-screen {
      width: min(100% - 24px, 860px);
      min-height: calc(100vh - 48px);
      align-content: center;
      padding: 24px 0;
    }
    .ban-restricted-title {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 14px 16px;
      border: 1px solid rgba(255, 123, 104, 0.3);
      background: rgba(64, 25, 23, 0.7);
    }
    .ban-restricted-title img {
      width: 86px;
      height: 86px;
      object-fit: contain;
    }
    .ban-restricted-title span {
      color: #ffafa4;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.08em;
    }
    .ban-restricted-title h1 {
      margin-top: 3px;
      color: var(--font-color);
      font-size: clamp(20px, 4vw, 30px);
    }
    .server-admin {
      width: min(100%, var(--content-width));
      margin: 28px auto 0;
      padding: 15px;
      border: 1px solid var(--admin-line);
      background: linear-gradient(180deg, var(--admin-bg), var(--admin-bg-strong));
      box-shadow: inset 0 1px 0 rgba(255, 123, 104, 0.08);
    }
    .server-admin h2 {
      margin-bottom: 15px;
      color: #ffd0ca;
    }
    .server-admin code {
      color: #ffd0ca;
      overflow-wrap: anywhere;
    }
    .database-backup-actions,
    .database-backup-schedule {
      display: grid;
      gap: 12px;
    }
    .database-backup-actions {
      margin-top: 15px;
    }
    .database-backup-schedule {
      padding-top: 14px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .database-backup-time {
      display: grid;
      grid-template-columns: minmax(160px, 1fr) minmax(130px, 180px);
      gap: 12px;
      align-items: center;
      color: var(--font-muted);
    }
    .database-backup-time .search-input {
      width: 100%;
    }
    .server-settings-list {
      display: grid;
      gap: 12px;
      margin-bottom: 15px;
    }
    .server-settings-card {
      display: grid;
      gap: 12px;
      padding: 12px;
      background: rgba(32, 32, 32, 0.7);
    }
    .server-settings-toggles {
      display: flex;
      flex-wrap: wrap;
      gap: 10px 18px;
      align-items: center;
    }
    .server-visible-toggle,
    .server-maintenance-toggle {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      width: fit-content;
      color: var(--font-color);
      cursor: pointer;
      font-weight: 600;
    }
    .server-visible-toggle input,
    .server-maintenance-toggle input {
      width: 18px;
      height: 18px;
      accent-color: var(--accent-color);
      flex: 0 0 auto;
    }
    .server-edit-grid {
      display: grid;
      grid-template-columns: 100px minmax(0, 1fr);
      gap: 10px 12px;
      align-items: center;
    }
    .server-edit-grid .field-label {
      margin-bottom: 0;
      color: var(--font-muted);
    }
    .server-description-input {
      min-height: 72px;
      padding-top: 10px;
      padding-bottom: 10px;
      resize: vertical;
    }
    .server-toggle-list {
      display: grid;
      gap: 10px;
      margin-bottom: 15px;
    }
    .server-toggle {
      display: flex;
      align-items: center;
      gap: 12px;
      min-height: 52px;
      padding: 10px 12px;
      background: rgba(32, 32, 32, 0.7);
      color: var(--font-color);
      cursor: pointer;
    }
    .server-toggle input {
      width: 18px;
      height: 18px;
      accent-color: var(--accent-color);
      flex: 0 0 auto;
    }
    .server-toggle-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .server-toggle-name {
      font-weight: 600;
      overflow-wrap: anywhere;
    }
    .server-toggle-connect {
      color: var(--font-muted);
      font-size: 13px;
      overflow-wrap: anywhere;
    }
    .toast-notification {
      position: fixed;
      z-index: 100;
      top: 18px;
      right: max(18px, calc((100vw - var(--content-width)) / 2 + 18px));
      max-width: min(360px, calc(100vw - 32px));
      padding: 12px 16px;
      border: 1px solid rgba(73, 214, 99, 0.4);
      background: rgba(24, 50, 30, 0.96);
      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
      color: #eaffee;
      font-weight: 500;
      line-height: 1.35;
      pointer-events: none;
      animation: toast-pop 4.2s ease forwards;
    }
    .toast-notification-error {
      border-color: rgba(255, 123, 104, 0.48);
      background: rgba(70, 29, 25, 0.96);
      color: #fff0ed;
    }
    @keyframes toast-pop {
      0% {
        opacity: 0;
        transform: translateY(-8px);
      }
      10%,
      78% {
        opacity: 1;
        transform: translateY(0);
      }
      100% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-8px);
      }
    }
    @keyframes toast-fade {
      0% {
        opacity: 0;
      }
      10%,
      78% {
        opacity: 1;
      }
      100% {
        visibility: hidden;
        opacity: 0;
      }
    }
    .reports-screen {
      display: grid;
      gap: 18px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .patrol-search-form {
      margin: 0;
    }
    .patrol-search-form h2 {
      margin-bottom: 12px;
    }
    .patrol-card-list,
    .patrol-queue-list,
    .patrol-report-list,
    .patrol-comment-list {
      display: grid;
      gap: 12px;
    }
    .patrol-unanswered-panel {
      display: grid;
      gap: 14px;
      padding: 18px;
      border: 1px solid rgba(255, 165, 0, 0.24);
    }
    .patrol-unanswered-panel > .patrol-section-heading h2,
    .patrol-personal-title {
      color: var(--font-color);
      font-size: 18px;
    }
    .patrol-personal-title {
      margin: 2px 0 -4px;
    }
    .patrol-queue-card {
      display: grid;
      gap: 14px;
      padding: 16px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(18, 18, 18, 0.76);
      color: inherit;
      text-decoration: none;
      transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
    }
    .patrol-queue-card:hover,
    .patrol-queue-card:focus-visible {
      border-color: rgba(255, 165, 0, 0.5);
      background: rgba(38, 29, 16, 0.82);
      transform: translateY(-1px);
      outline: none;
    }
    .patrol-queue-card .patrol-player-head h3 {
      color: var(--font-color);
      font-size: 19px;
      overflow-wrap: anywhere;
    }
    .patrol-queue-open {
      color: var(--notice-color);
      font-size: 13px;
      font-weight: 800;
    }
    .patrol-player-card {
      display: grid;
      gap: 18px;
      padding: 18px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: var(--panel-bg);
      box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
    }
    .patrol-player-head,
    .patrol-section-heading,
    .patrol-comment-head,
    .patrol-report-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .patrol-player-kicker {
      display: block;
      margin-bottom: 4px;
      color: var(--notice-color);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .patrol-player-identity {
      display: flex;
      min-width: 0;
      align-items: center;
      gap: 14px;
    }
    .patrol-player-avatar {
      display: grid;
      width: 64px;
      height: 64px;
      flex: 0 0 64px;
      place-items: center;
      overflow: hidden;
      border: 1px solid rgba(255, 165, 0, 0.28);
      background: rgba(15, 15, 15, 0.86);
      color: var(--notice-color);
      font-size: 25px;
    }
    .patrol-player-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .patrol-player-head h2 {
      font-size: 21px;
      overflow-wrap: anywhere;
    }
    .patrol-unread-count {
      flex: 0 0 auto;
      padding: 7px 10px;
      color: #fff1c6;
      background: rgba(255, 165, 0, 0.16);
      font-size: 12px;
      font-weight: 800;
    }
    .patrol-report-section,
    .patrol-comment-section,
    .patrol-comment-form {
      display: grid;
      gap: 12px;
      padding-top: 16px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .patrol-report-section h3,
    .patrol-comment-section h3,
    .patrol-comment-form label {
      color: var(--font-color);
      font-size: 15px;
      font-weight: 700;
    }
    .patrol-section-heading span {
      color: var(--font-dim);
      font-size: 12px;
      text-align: right;
    }
    .patrol-report-item,
    .patrol-comment {
      display: grid;
      gap: 8px;
      padding: 13px;
      background: rgba(25, 25, 25, 0.72);
    }
    .patrol-report-meta span {
      color: var(--font-color);
      font-weight: 700;
    }
    .patrol-report-meta time,
    .patrol-comment-head time {
      flex: 0 0 auto;
      color: var(--font-dim);
      font-size: 12px;
    }
    .patrol-report-item strong,
    .patrol-comment-head strong {
      color: var(--notice-color);
    }
    .patrol-report-item p,
    .patrol-comment p,
    .patrol-card-note {
      color: var(--font-muted);
      line-height: 1.5;
      overflow-wrap: anywhere;
      white-space: pre-wrap;
    }
    .patrol-comment-unread {
      border-left: 3px solid var(--notice-color);
      background: rgba(88, 59, 22, 0.38);
    }
    .patrol-comment-actions {
      display: flex;
      align-items: flex-start;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
    }
    .patrol-comment-edit {
      flex: 1 1 360px;
    }
    .patrol-comment-edit summary {
      width: fit-content;
      margin-left: auto;
      color: var(--notice-color);
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
    }
    .patrol-comment-edit form {
      display: grid;
      gap: 10px;
      margin-top: 10px;
    }
    .patrol-comment-edit textarea {
      width: 100%;
      min-height: 104px;
      resize: vertical;
    }
    .patrol-comment-edit .search-button {
      justify-self: start;
    }
    .patrol-comment-form textarea {
      width: 100%;
      min-height: 104px;
      resize: vertical;
    }
    .patrol-comment-form .search-button {
      justify-self: start;
    }
    .patrol-empty-state {
      display: grid;
      justify-items: center;
      gap: 12px;
      padding: 24px;
      text-align: center;
    }
    .patrol-empty-state p {
      max-width: 540px;
      color: var(--font-muted);
      font-size: 15px;
    }
    .patrol-rewards-screen {
      display: grid;
      gap: 18px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .patrol-rewards-intro,
    .patrol-reward-report-head,
    .patrol-reward-form-head,
    .patrol-reward-members-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
    }
    .patrol-rewards-intro {
      padding: 18px 20px;
      border: 1px solid rgba(255, 165, 0, 0.18);
      background: linear-gradient(120deg, rgba(70, 42, 22, 0.54), rgba(26, 26, 26, 0.72));
    }
    .patrol-rewards-intro p,
    .patrol-reward-form-head p,
    .patrol-reward-members-head p {
      margin-top: 6px;
      color: var(--font-muted);
    }
    .patrol-rewards-intro img {
      width: 72px;
      height: 72px;
      flex: 0 0 72px;
      object-fit: contain;
      filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.32));
    }
    .patrol-reward-kicker {
      display: block;
      margin-bottom: 4px;
      color: var(--notice-color);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.09em;
      text-transform: uppercase;
    }
    .patrol-reward-date-nav {
      display: grid;
      grid-template-columns: 46px minmax(180px, 1fr) auto 46px;
      align-items: end;
      gap: 10px;
      padding: 14px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(25, 25, 25, 0.7);
    }
    .patrol-reward-date-nav label {
      display: grid;
      gap: 6px;
      min-width: 0;
      color: var(--font-color);
      font-size: 12px;
      font-weight: 700;
    }
    .patrol-reward-date-nav select {
      width: 100%;
    }
    .patrol-reward-date-arrow {
      display: inline-flex;
      width: 46px;
      height: 46px;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255, 165, 0, 0.24);
      background: rgba(255, 165, 0, 0.08);
      color: var(--notice-color);
      font-size: 30px;
      line-height: 1;
      text-decoration: none;
    }
    .patrol-reward-date-arrow.is-disabled {
      border-color: rgba(255, 255, 255, 0.06);
      background: rgba(255, 255, 255, 0.025);
      color: var(--font-dim);
      opacity: 0.45;
    }
    .patrol-reward-report-list {
      display: grid;
      gap: 16px;
    }
    .patrol-reward-report {
      display: grid;
      gap: 18px;
      padding: 20px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: var(--panel-bg);
      box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
    }
    .patrol-reward-report-head h2 {
      font-size: 23px;
    }
    .patrol-reward-report-tags {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 7px;
    }
    .patrol-reward-tag,
    .patrol-reward-status,
    .patrol-reward-admin-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 27px;
      padding: 5px 9px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.05);
      color: var(--font-muted);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .patrol-reward-tag-bonus,
    .patrol-reward-status-ok {
      border-color: rgba(73, 214, 99, 0.28);
      background: rgba(73, 214, 99, 0.1);
      color: #8ce99e;
    }
    .patrol-reward-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 9px;
    }
    .patrol-reward-metric {
      display: grid;
      gap: 5px;
      min-height: 76px;
      align-content: center;
      padding: 12px 13px;
      border: 1px solid rgba(255, 255, 255, 0.06);
      background: rgba(20, 20, 20, 0.58);
    }
    .patrol-reward-metric span {
      color: var(--font-dim);
      font-size: 11px;
      text-transform: uppercase;
    }
    .patrol-reward-metric strong {
      color: var(--font-color);
      font-size: 17px;
    }
    .patrol-reward-metric-primary {
      border-color: rgba(255, 165, 0, 0.26);
      background: rgba(255, 165, 0, 0.08);
    }
    .patrol-reward-metric-primary strong,
    .patrol-reward-value {
      color: var(--notice-color);
    }
    .patrol-reward-table-wrap {
      overflow-x: auto;
      border: 1px solid rgba(255, 255, 255, 0.07);
    }
    .patrol-reward-table {
      width: 100%;
      border-collapse: collapse;
      color: var(--font-muted);
    }
    .patrol-reward-table th,
    .patrol-reward-table td {
      padding: 12px 13px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      text-align: left;
      vertical-align: middle;
    }
    .patrol-reward-table th {
      background: rgba(16, 16, 16, 0.76);
      color: var(--font-dim);
      font-size: 11px;
      text-transform: uppercase;
    }
    .patrol-reward-table td strong {
      display: block;
      color: var(--font-color);
    }
    .patrol-reward-table td .detail-example {
      display: block;
      margin-top: 3px;
    }
    .patrol-reward-table tfoot td {
      border-bottom: 0;
      background: rgba(255, 165, 0, 0.05);
      color: var(--font-color);
    }
    .patrol-reward-note {
      padding: 12px 14px;
      border-left: 3px solid rgba(255, 165, 0, 0.72);
      background: rgba(255, 165, 0, 0.06);
      color: var(--font-muted);
    }
    .patrol-reward-create-form,
    .patrol-reward-payment-admin {
      display: grid;
      gap: 20px;
      margin: 0;
      border-color: var(--admin-line);
      background: linear-gradient(145deg, var(--admin-bg), var(--admin-bg-strong));
    }
    .patrol-reward-payment-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .patrol-reward-payment-card {
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 14px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(20, 20, 20, 0.4);
    }
    .patrol-reward-payment-person strong,
    .patrol-reward-payment-person small,
    .patrol-reward-payment-person span {
      display: block;
      overflow-wrap: anywhere;
    }
    .patrol-reward-payment-person strong {
      color: var(--font-color);
      font-size: 14px;
    }
    .patrol-reward-payment-person small,
    .patrol-reward-payment-person span {
      margin-top: 3px;
      color: var(--font-dim);
      font-size: 11px;
    }
    .patrol-reward-payment-card label {
      display: grid;
      gap: 6px;
      color: var(--font-color);
      font-size: 12px;
      font-weight: 700;
    }
    .patrol-reward-payment-card .search-input {
      width: 100%;
      min-width: 0;
    }
    .patrol-reward-payment-card .detail-action-button {
      justify-self: start;
    }
    .patrol-reward-admin-badge {
      border-color: rgba(255, 123, 104, 0.34);
      background: rgba(255, 123, 104, 0.12);
      color: #ffb0a4;
    }
    .patrol-reward-form-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }
    .patrol-reward-form-grid label {
      display: grid;
      gap: 7px;
      color: var(--font-color);
      font-size: 12px;
      font-weight: 700;
    }
    .patrol-reward-form-grid .search-input {
      width: 100%;
    }
    .patrol-reward-checkbox {
      display: flex !important;
      min-height: 48px;
      align-items: center;
      align-self: end;
      gap: 10px !important;
      padding: 10px 12px;
      border: 1px solid rgba(255, 123, 104, 0.24);
      background: rgba(20, 20, 20, 0.34);
    }
    .patrol-reward-checkbox input {
      width: 18px;
      height: 18px;
      accent-color: var(--accent-color);
    }
    .patrol-reward-members-head {
      align-items: flex-end;
      padding-top: 2px;
    }
    .patrol-reward-members-head h3 {
      color: var(--font-color);
      font-size: 15px;
    }
    .patrol-reward-members-head p {
      max-width: 460px;
      font-size: 12px;
      text-align: right;
    }
    .patrol-reward-member-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .patrol-reward-member {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 112px;
      align-items: center;
      gap: 14px;
      padding: 11px 12px;
      border: 1px solid rgba(255, 255, 255, 0.07);
      background: rgba(20, 20, 20, 0.34);
    }
    .patrol-reward-member strong,
    .patrol-reward-member small {
      display: block;
      overflow-wrap: anywhere;
    }
    .patrol-reward-member strong {
      color: var(--font-color);
      font-size: 13px;
    }
    .patrol-reward-member small {
      margin-top: 3px;
      color: var(--font-dim);
      font-size: 11px;
    }
    .patrol-reward-submit {
      justify-self: start;
      min-width: 280px;
    }
    .server-survey-screen {
      display: grid;
      gap: 22px;
      width: min(100%, var(--content-width));
      margin: 0 auto;
    }
    .server-survey-hero {
      display: grid;
      position: relative;
      min-height: 390px;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 410px);
      align-items: center;
      gap: 24px;
      padding: clamp(24px, 5vw, 58px);
      border: 1px solid rgba(255, 165, 0, 0.2);
      border-radius: 12px;
      background:
        radial-gradient(circle at 82% 36%, rgba(182, 92, 40, 0.24), transparent 35%),
        linear-gradient(135deg, rgba(55, 35, 23, 0.96), rgba(17, 17, 17, 0.96));
      overflow: hidden;
    }
    .server-survey-hero-copy {
      display: grid;
      position: relative;
      z-index: 1;
      justify-items: start;
      gap: 14px;
    }
    .server-survey-eyebrow {
      color: var(--notice-color);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.15em;
      text-transform: uppercase;
    }
    .server-survey-hero h2,
    .server-survey-complete h2,
    .server-survey-form-heading h2,
    .server-survey-admin-heading h2 {
      margin: 0;
      color: var(--font-color);
      font-size: clamp(23px, 3vw, 34px);
      letter-spacing: -0.025em;
      line-height: 1.08;
    }
    .server-survey-hero p {
      max-width: 680px;
      color: var(--font-muted);
      font-size: 15px;
      line-height: 1.65;
    }
    .server-survey-primary-action {
      width: auto;
      min-width: 180px;
      margin-top: 6px;
    }
    .server-survey-hero-image {
      width: min(100%, 410px);
      height: auto;
      align-self: end;
      justify-self: center;
      margin-bottom: -58px;
      object-fit: contain;
      filter: drop-shadow(0 22px 28px rgba(0, 0, 0, 0.38));
    }
    .server-survey-complete {
      display: grid;
      grid-template-columns: 70px minmax(0, 1fr) auto;
      align-items: center;
      gap: 20px;
      padding: clamp(22px, 4vw, 38px);
      border: 1px solid rgba(116, 190, 105, 0.3);
      border-radius: 10px;
      background: linear-gradient(135deg, rgba(38, 65, 36, 0.55), rgba(18, 20, 18, 0.94));
    }
    .server-survey-complete-mark {
      display: grid;
      width: 62px;
      height: 62px;
      place-items: center;
      border: 1px solid rgba(146, 220, 132, 0.4);
      border-radius: 50%;
      background: rgba(116, 190, 105, 0.14);
      color: #9bd58d;
    }
    .server-survey-complete-mark svg {
      width: 34px;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2.3;
    }
    .server-survey-complete > div:nth-child(2) {
      display: grid;
      gap: 7px;
    }
    .server-survey-complete p {
      color: var(--font-muted);
      font-size: 14px;
      line-height: 1.55;
    }
    .server-survey-complete small {
      color: var(--font-dim);
      font-size: 11px;
    }
    .server-survey-retake {
      width: auto;
      white-space: nowrap;
    }
    .server-survey-form-panel {
      display: grid;
      gap: 18px;
      padding: clamp(18px, 4vw, 34px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 10px;
      background: linear-gradient(145deg, rgba(35, 35, 35, 0.96), rgba(18, 18, 18, 0.96));
    }
    .server-survey-form-heading,
    .server-survey-admin-heading {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 20px;
    }
    .server-survey-form-heading > div:first-child,
    .server-survey-admin-heading > div:first-child {
      display: grid;
      gap: 7px;
    }
    .server-survey-form-heading p,
    .server-survey-admin-heading p {
      color: var(--font-muted);
      font-size: 12px;
    }
    .server-survey-progress-copy {
      display: flex;
      align-items: baseline;
      color: var(--font-dim);
      font-size: 14px;
    }
    .server-survey-progress-copy strong {
      color: var(--notice-color);
      font-size: 27px;
    }
    .server-survey-progress {
      height: 4px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.07);
      overflow: hidden;
    }
    .server-survey-progress span {
      display: block;
      width: 0;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #9f4f35, var(--notice-color));
      transition: width 0.25s ease;
    }
    .server-survey-form {
      display: grid;
      gap: 18px;
    }
    .server-survey-step {
      min-width: 0;
      margin: 0;
      padding: 22px 0 4px;
      border: 0;
    }
    .server-survey-step[hidden] {
      display: none;
    }
    .server-survey-step legend {
      display: flex;
      width: 100%;
      align-items: center;
      gap: 12px;
      padding: 0;
      color: var(--font-color);
      font-size: clamp(17px, 2.4vw, 22px);
      font-weight: 800;
      line-height: 1.25;
    }
    .server-survey-question-number {
      display: grid;
      width: 36px;
      height: 36px;
      flex: 0 0 auto;
      place-items: center;
      border: 1px solid rgba(255, 165, 0, 0.28);
      border-radius: 50%;
      background: rgba(255, 165, 0, 0.08);
      color: var(--notice-color);
      font-size: 13px;
    }
    .server-survey-options {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 9px;
      margin-top: 22px;
    }
    .server-survey-option {
      display: flex;
      min-height: 56px;
      align-items: center;
      gap: 11px;
      padding: 12px 14px;
      border: 1px solid rgba(255, 255, 255, 0.09);
      border-radius: 7px;
      background: rgba(10, 10, 10, 0.36);
      color: var(--font-muted);
      cursor: pointer;
      font-size: 13px;
      font-weight: 700;
      transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
    }
    .server-survey-option:hover,
    .server-survey-option:has(input:checked) {
      border-color: rgba(255, 165, 0, 0.36);
      background: rgba(255, 165, 0, 0.08);
      color: var(--font-color);
    }
    .server-survey-option input {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
    }
    .server-survey-option-check {
      display: grid;
      width: 21px;
      height: 21px;
      flex: 0 0 auto;
      place-items: center;
      border: 1px solid rgba(255, 255, 255, 0.22);
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.28);
      color: transparent;
    }
    .server-survey-option-check svg {
      width: 14px;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2;
    }
    .server-survey-option input:focus-visible + .server-survey-option-check {
      outline: 2px solid var(--accent-color);
      outline-offset: 2px;
    }
    .server-survey-option input:checked + .server-survey-option-check {
      border-color: var(--notice-color);
      background: var(--notice-color);
      color: #16110d;
    }
    .server-survey-comment-field {
      display: grid;
      gap: 7px;
      margin-top: 22px;
      padding-top: 20px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      color: var(--font-color);
      font-size: 14px;
      font-weight: 800;
    }
    .server-survey-comment-field small {
      color: var(--font-dim);
      font-size: 11px;
      font-weight: 500;
    }
    .server-survey-comment-field textarea {
      width: 100%;
      min-height: 118px;
      padding: 12px 13px;
      resize: vertical;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 6px;
      background: rgba(10, 10, 10, 0.54);
      color: var(--font-color);
      font: inherit;
      font-size: 13px;
      line-height: 1.5;
    }
    .server-survey-comment-step .server-survey-comment-field {
      padding-top: 0;
      border-top: 0;
    }
    .server-survey-modded-events-field {
      display: none;
      border-top-color: rgba(255, 165, 0, 0.2);
    }
    .server-survey-modded-events-field.is-visible,
    .server-survey-step:has(input[name="answer_events"][value="modded_events"]:checked) .server-survey-modded-events-field,
    .server-survey-step:has(input[name="answer_events"][value="all_events"]:checked) .server-survey-modded-events-field {
      display: grid;
    }
    .server-survey-validation {
      padding: 10px 12px;
      border-left: 3px solid #d46553;
      background: rgba(177, 59, 43, 0.12);
      color: #ffb2a7;
      font-size: 12px;
    }
    .server-survey-navigation {
      display: flex;
      justify-content: flex-end;
      gap: 9px;
      padding-top: 14px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .server-survey-navigation button {
      min-width: 130px;
    }
    .server-survey-navigation [hidden] {
      display: none;
    }
    .server-survey-preview {
      display: grid;
      gap: 18px;
      padding: clamp(18px, 3vw, 28px);
      border: 1px solid rgba(255, 165, 0, 0.2);
      border-radius: 10px;
      background:
        radial-gradient(circle at 92% 8%, rgba(174, 83, 35, 0.2), transparent 34%),
        linear-gradient(145deg, rgba(42, 30, 22, 0.94), rgba(16, 16, 16, 0.96));
    }
    .server-survey-form .server-survey-preview {
      margin-top: 8px;
    }
    .server-survey-preview-heading {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 20px;
    }
    .server-survey-preview-heading > div {
      display: grid;
      gap: 6px;
    }
    .server-survey-preview-heading h2 {
      margin: 0;
      color: var(--font-color);
      font-size: clamp(20px, 2.5vw, 27px);
      line-height: 1.15;
    }
    .server-survey-preview-heading p {
      max-width: 360px;
      color: var(--font-dim);
      font-size: 11px;
      text-align: right;
    }
    .server-survey-preview-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      background: rgba(255, 255, 255, 0.07);
    }
    .server-survey-preview-item {
      display: grid;
      gap: 5px;
      min-width: 0;
      padding: 12px 14px;
      background: rgba(16, 16, 16, 0.94);
    }
    .server-survey-preview-item span {
      color: var(--font-dim);
      font-size: 10px;
      line-height: 1.35;
    }
    .server-survey-preview-item strong {
      color: var(--font-dim);
      font-size: 13px;
      overflow-wrap: anywhere;
    }
    .server-survey-preview-item.is-selected strong {
      color: var(--notice-color);
    }
    .server-survey-admin-panel {
      display: grid;
      gap: 18px;
      padding: clamp(18px, 4vw, 30px);
      border: 1px solid var(--admin-line);
      border-radius: 10px;
      background: linear-gradient(145deg, var(--admin-bg), var(--admin-bg-strong));
    }
    .server-survey-admin-heading h2 {
      font-size: clamp(20px, 2.5vw, 27px);
    }
    .server-survey-admin-heading > strong {
      padding: 7px 10px;
      border: 1px solid rgba(255, 123, 104, 0.24);
      border-radius: 999px;
      color: #ffb0a4;
      font-size: 11px;
      white-space: nowrap;
    }
    .server-survey-statistics-section,
    .server-survey-segments-section {
      display: grid;
      gap: 12px;
    }
    .server-survey-segments-section,
    .server-survey-exact-configurations {
      padding-top: 18px;
      border-top: 1px solid rgba(255, 123, 104, 0.22);
    }
    .server-survey-analytics-heading {
      display: grid;
      gap: 4px;
    }
    .server-survey-analytics-heading h3,
    .server-survey-exact-configurations > summary h3 {
      color: var(--font-color);
      font-size: 17px;
    }
    .server-survey-analytics-heading p,
    .server-survey-exact-configurations > summary p {
      max-width: 760px;
      color: var(--font-dim);
      font-size: 11px;
      line-height: 1.45;
    }
    .server-survey-statistics-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .server-survey-statistics-card {
      display: grid;
      align-content: start;
      gap: 12px;
      min-width: 0;
      padding: 14px;
      border: 1px solid rgba(255, 255, 255, 0.09);
      border-radius: 7px;
      background: rgba(14, 14, 14, 0.38);
    }
    .server-survey-statistics-card h4 {
      color: var(--font-color);
      font-size: 13px;
      line-height: 1.35;
    }
    .server-survey-statistics-options {
      display: grid;
      gap: 9px;
    }
    .server-survey-statistics-option {
      display: grid;
      gap: 5px;
    }
    .server-survey-statistics-option > div {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
    }
    .server-survey-statistics-option strong {
      min-width: 0;
      color: var(--font-muted);
      font-size: 11px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .server-survey-statistics-option.is-leader strong {
      color: var(--notice-color);
    }
    .server-survey-statistics-option > div span {
      flex: 0 0 auto;
      color: var(--font-dim);
      font-size: 10px;
      white-space: nowrap;
    }
    .server-survey-statistics-track {
      height: 5px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.07);
      overflow: hidden;
    }
    .server-survey-statistics-track i {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, rgba(212, 101, 83, 0.76), var(--notice-color));
    }
    .server-survey-segments {
      display: grid;
      gap: 8px;
    }
    .server-survey-profile-filter {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 6px 10px;
      align-items: end;
      max-width: 760px;
    }
    .server-survey-profile-filter label {
      grid-column: 1 / -1;
      color: var(--font-dim);
      font-size: 11px;
      font-weight: 800;
    }
    .server-survey-profile-filter select {
      min-width: 0;
      min-height: 40px;
      padding: 8px 34px 8px 11px;
      border: 1px solid rgba(255, 255, 255, 0.13);
      border-radius: 6px;
      background: rgba(14, 14, 14, 0.72);
      color: var(--font-color);
      font: inherit;
      font-size: 12px;
    }
    .server-survey-profile-filter select:focus-visible {
      outline: 2px solid rgba(255, 123, 104, 0.55);
      outline-offset: 2px;
    }
    .server-survey-segment {
      border: 1px solid rgba(255, 255, 255, 0.09);
      border-radius: 7px;
      background: rgba(14, 14, 14, 0.38);
      overflow: hidden;
    }
    .server-survey-segment > summary {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto 64px;
      align-items: center;
      gap: 12px;
      min-height: 52px;
      padding: 10px 14px;
      cursor: pointer;
      list-style: none;
    }
    .server-survey-segment > summary::-webkit-details-marker,
    .server-survey-exact-configurations > summary::-webkit-details-marker {
      display: none;
    }
    .server-survey-segment > summary strong {
      color: var(--font-color);
      font-size: 14px;
    }
    .server-survey-segment > summary span {
      color: var(--font-dim);
      font-size: 11px;
    }
    .server-survey-segment > summary b {
      color: var(--notice-color);
      font-size: 13px;
      text-align: right;
    }
    .server-survey-segment-answers {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.06);
    }
    .server-survey-segment-answer {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 5px 10px;
      min-width: 0;
      padding: 11px 13px;
      background: rgba(18, 18, 18, 0.92);
    }
    .server-survey-segment-answer span {
      grid-column: 1 / -1;
      color: var(--font-dim);
      font-size: 10px;
      line-height: 1.35;
    }
    .server-survey-segment-answer strong {
      min-width: 0;
      color: var(--font-color);
      font-size: 12px;
      overflow-wrap: anywhere;
    }
    .server-survey-segment-answer small {
      color: var(--font-dim);
      font-size: 10px;
      white-space: nowrap;
    }
    .server-survey-exact-configurations > summary {
      padding: 0 0 12px;
      cursor: pointer;
      list-style: none;
    }
    .server-survey-exact-configurations > summary > div {
      display: grid;
      gap: 4px;
    }
    .server-survey-ranking {
      display: grid;
      gap: 8px;
    }
    .server-survey-config {
      border: 1px solid rgba(255, 255, 255, 0.09);
      border-radius: 7px;
      background: rgba(14, 14, 14, 0.38);
      overflow: hidden;
    }
    .server-survey-config summary {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      min-height: 52px;
      padding: 10px 14px;
      color: var(--font-muted);
      cursor: pointer;
      list-style: none;
      font-size: 12px;
      font-weight: 800;
    }
    .server-survey-config summary::-webkit-details-marker {
      display: none;
    }
    .server-survey-config summary > strong {
      color: var(--notice-color);
      font-size: 14px;
    }
    .server-survey-rank {
      color: #ffb0a4;
      font-size: 16px;
    }
    .server-survey-config-answers {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.06);
    }
    .server-survey-config-answer {
      display: grid;
      gap: 4px;
      min-width: 0;
      padding: 11px 13px;
      background: rgba(18, 18, 18, 0.92);
    }
    .server-survey-config-answer span {
      color: var(--font-dim);
      font-size: 10px;
    }
    .server-survey-config-answer strong {
      color: var(--font-color);
      font-size: 12px;
      overflow-wrap: anywhere;
    }
    .server-survey-feedback-section {
      display: grid;
      gap: 12px;
      padding-top: 18px;
      border-top: 1px solid rgba(255, 123, 104, 0.22);
    }
    .server-survey-comments-heading {
      display: grid;
      gap: 4px;
      margin-top: 8px;
      padding-top: 20px;
      border-top: 1px solid rgba(255, 123, 104, 0.22);
    }
    .server-survey-comments-heading h3 {
      color: var(--font-color);
      font-size: 17px;
    }
    .server-survey-comments-heading p,
    .server-survey-empty {
      color: var(--font-dim);
      font-size: 12px;
    }
    .server-survey-feedback-section > .server-survey-comments-heading:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }
    .server-survey-comments {
      display: grid;
      gap: 8px;
    }
    .server-survey-comment {
      display: grid;
      gap: 8px;
      padding: 12px 14px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 6px;
      background: rgba(14, 14, 14, 0.34);
    }
    .server-survey-comment-meta {
      display: flex;
      justify-content: space-between;
      gap: 12px;
    }
    .server-survey-comment strong {
      color: #ffb0a4;
      font-size: 11px;
    }
    .server-survey-comment time {
      color: var(--font-dim);
      font-size: 10px;
    }
    .server-survey-comment p {
      color: var(--font-muted);
      font-size: 13px;
      line-height: 1.5;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .server-survey-comment-server {
      display: flex;
      align-items: baseline;
      gap: 6px;
      padding-top: 7px;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      color: var(--font-dim);
      font-size: 10px;
      line-height: 1.4;
    }
    .server-survey-comment-server small {
      flex: 0 0 auto;
      color: #ffb0a4;
      font-size: inherit;
      font-weight: 800;
    }
    .server-survey-comment-server span {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    @media (max-width: 680px) {
      .server-survey-hero {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 22px 18px 0;
      }
      .server-survey-hero-image {
        width: min(86vw, 330px);
        margin-bottom: -36px;
      }
      .server-survey-complete {
        grid-template-columns: 52px minmax(0, 1fr);
      }
      .server-survey-complete-mark {
        width: 48px;
        height: 48px;
      }
      .server-survey-retake {
        grid-column: 1 / -1;
        width: 100%;
      }
      .server-survey-form-heading,
      .server-survey-admin-heading {
        align-items: flex-start;
      }
      .server-survey-options,
      .server-survey-preview-grid,
      .server-survey-statistics-grid,
      .server-survey-segment-answers,
      .server-survey-config-answers {
        grid-template-columns: 1fr;
      }
      .server-survey-profile-filter {
        grid-template-columns: 1fr;
      }
      .server-survey-profile-filter button {
        width: 100%;
      }
      .server-survey-step legend {
        align-items: flex-start;
        flex-wrap: wrap;
      }
      .server-survey-preview-heading {
        align-items: flex-start;
        flex-direction: column;
      }
      .server-survey-preview-heading p {
        text-align: left;
      }
      .server-survey-navigation {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
      .server-survey-navigation button {
        width: 100%;
        min-width: 0;
      }
      .server-survey-navigation [data-survey-submit] {
        grid-column: 1 / -1;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .toast-notification {
        animation-name: toast-fade;
      }
      .section-title-bar-with-servers,
      .section-title-server-switcher {
        transition: none;
      }
    }
    :focus-visible {
      outline: 2px solid var(--accent-color);
      outline-offset: 2px;
    }
    @media (max-width: 680px) {
      :root {
        --page-padding: 12px;
        --sticky-header-height: 92px;
      }
      .welcome-box {
        padding: 18px;
      }
      .welcome-box h1 {
        font-size: 21px;
      }
      .server-choice-panel {
        grid-template-columns: 1fr;
      }
      .server-choice-tile {
        min-height: 48px;
        font-size: 15px;
      }
      .app-header {
        gap: 16px;
        height: var(--sticky-header-height);
        min-height: var(--sticky-header-height);
        overflow: visible;
        padding: 8px 12px;
      }
      .header-logo {
        width: 76px;
        height: 76px;
      }
      .header-logo-link {
        width: 76px;
        height: 76px;
      }
      .header-greeting {
        display: -webkit-box;
        overflow: hidden;
        font-size: 20px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      .header-language-menu {
        margin-left: auto;
      }
      .header-language-trigger {
        min-height: 36px;
      }
      .service-title h1,
      .section-title-bar h1 {
        font-size: 17px;
      }
      .service-title {
        min-height: 50px;
        margin-bottom: 15px;
        padding: 8px 12px;
      }
      .admin-player-context {
        margin-top: -15px;
        margin-bottom: 15px;
        padding: 12px;
      }
      .admin-player-context-form {
        grid-template-columns: 1fr 1fr;
      }
      .admin-player-context-field {
        grid-column: 1 / -1;
      }
      .admin-player-context-form .search-button {
        width: 100%;
      }
      .section-title-bar {
        min-height: 50px;
        gap: 10px;
        padding: 8px 12px;
      }
      .section-title-main,
      .service-title {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
      }
      .section-title-main h1 {
        width: 100%;
      }
      .page-player-info {
        max-width: 100%;
        align-self: stretch;
        justify-items: start;
        margin-left: 0;
        text-align: left;
      }
      .page-player-account-link {
        justify-items: start;
      }
      .page-player-name-row {
        justify-content: flex-start;
      }
      .page-player-tokens {
        justify-self: start;
      }
      .page-player-nick {
        font-size: 13px;
      }
      .store-balance-card {
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 14px;
        min-height: 126px;
        padding: 16px;
      }
      .store-balance-card.store-balance-with-action {
        display: flex;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
      }
      .store-balance-with-action .store-balance-center {
        order: 2;
        align-self: center;
        width: 100%;
        margin: 10px 0;
      }
      .store-skin-topup-button {
        min-height: 76px;
      }
      .store-topup-actions {
        display: contents;
      }
      .store-topup-column {
        order: 1;
        width: 100%;
      }
      .store-withdraw-column {
        order: 3;
        width: 100%;
      }
      .store-active-withdrawal {
        grid-template-columns: 1fr;
      }
      .store-active-withdrawal-link {
        justify-self: start;
      }
      .store-token-art {
        width: 78px;
        height: 78px;
      }
      .store-token-art img {
        width: 58px;
        height: 58px;
      }
      .store-product-grid-wolf-pass,
      .store-product-grid-donations,
      .store-admin-price-grid {
        grid-template-columns: 1fr;
      }
      .store-product-media {
        min-height: 170px;
      }
      .store-product-section-heading {
        align-items: flex-start;
        flex-direction: column;
      }
      .store-admin-price {
        grid-template-columns: 1fr;
      }
      .menu-grid {
        grid-template-columns: 1fr;
      }
      .menu-mini-grid {
        grid-template-columns: 1fr;
      }
      .event-card-grid,
      .event-detail-grid,
      .event-stat-row,
      .leaders-summary,
      .statistics-summary-grid,
      .statistics-filter-grid {
        grid-template-columns: 1fr;
      }
      .acquisition-summary-grid {
        grid-template-columns: 1fr;
      }
      .profitability-settings {
        grid-template-columns: 1fr;
      }
      #statistics-chart,
      #profitability-chart {
        height: 320px;
      }
      .statistics-metric-toggle {
        width: 100%;
      }
      .statistics-dashboard-intro {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 18px;
      }
      .statistics-period-badge {
        width: 100%;
        min-width: 0;
      }
      .statistics-section-nav {
        display: flex;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;
      }
      .statistics-section-nav a {
        min-width: 132px;
        flex: 1 0 auto;
        scroll-snap-align: start;
      }
      .statistics-filter {
        gap: 14px;
        padding: 16px;
      }
      .statistics-filter-heading,
      .statistics-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
      }
      .statistics-section-heading > p {
        max-width: none;
        text-align: left;
      }
      .statistics-quick-ranges > span {
        width: 100%;
      }
      .statistics-filter-actions {
        align-items: stretch;
        flex-direction: column;
      }
      .statistics-apply-button {
        width: 100%;
      }
      .statistics-summary-grid,
      .acquisition-summary-grid,
      .profitability-summary-grid,
      .store-statistics-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .statistics-summary-card {
        min-height: 112px;
        padding: 12px;
      }
      .statistics-section-heading-panel {
        padding: 17px 16px 14px;
      }
      .profitability-summary-grid,
      .store-statistics-summary-grid,
      .acquisition-summary-grid {
        padding: 14px 16px;
      }
      .profitability-settings {
        padding: 0 16px 14px;
      }
      .profitability-formula {
        margin: 0 16px 14px;
      }
      .profitability-chart-wrap {
        margin: 0 16px;
      }
      #profitability-legend {
        padding: 0 16px 14px;
      }
      .statistics-data-block {
        margin: 0 16px 14px;
      }
      .statistics-data-block + .statistics-data-block {
        margin-top: -6px;
      }
      .statistics-chart-panel {
        padding: 0 16px 14px;
      }
      .statistics-chart-panel .statistics-section-heading-panel {
        margin: 0 -16px 14px;
      }
      .statistics-metric-picker summary,
      .statistics-data-block summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
      }
      .statistics-metric-picker summary small,
      .statistics-data-block summary small {
        text-align: left;
      }
      .event-menu-card-content {
        max-width: 86%;
      }
      .event-filter,
      .leaders-filter {
        grid-template-columns: 1fr;
      }
      .control-payout-form {
        grid-template-columns: 1fr;
      }
      .event-hero {
        min-height: 240px;
        padding: 16px;
      }
      .event-hero-content h2 {
        font-size: 21px;
      }
      .event-panel-heading {
        align-items: flex-start;
        flex-direction: column;
      }
      .leaders-navigation-panel {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 10px;
      }
      .leaders-navigation-panel .leaders-date-bar {
        padding: 10px 0 0;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        border-left: 0;
      }
      .leaders-filter .server-choice-panel {
        display: flex;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
      }
      .leaders-filter .server-choice-tile {
        min-width: 148px;
        flex: 0 0 auto;
        scroll-snap-align: start;
      }
      .leaders-hero-media {
        aspect-ratio: auto;
        min-height: 0;
        overflow: hidden;
      }
      .leaders-hero-image {
        position: relative;
        inset: auto;
        aspect-ratio: 16 / 10;
        min-height: 250px;
      }
      .leaders-hero-caption {
        display: grid;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        max-width: none;
        padding: 10px;
        background: rgba(10, 10, 10, 0.92);
      }
      .leaders-hero-stat {
        min-width: 0;
        padding: 8px 9px;
      }
      .leaders-hero-side-stats {
        display: contents;
      }
      .leaders-hero-server {
        align-self: stretch;
      }
      .leaders-hero-caption strong {
        font-size: 14px;
      }
      .leaders-wolf-labels,
      .leaders-desktop-ranking {
        display: none;
      }
      .leaders-mobile-ranking {
        display: grid;
        gap: 10px;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 8px;
        background: var(--panel-bg);
      }
      .leaders-mobile-ranking h2 {
        color: var(--font-color);
        font-size: 18px;
      }
      .leaders-mobile-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) minmax(80px, auto);
        gap: 8px;
        align-items: center;
        min-width: 0;
        padding: 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
        background: rgba(12, 12, 12, 0.46);
      }
      .leaders-mobile-row:first-child {
        border-top: 0;
      }
      .leaders-mobile-row > strong {
        justify-self: end;
        color: #ffffff;
        font-size: 13px;
        line-height: 1.2;
        text-align: right;
        overflow-wrap: anywhere;
      }
      .leaders-mobile-row-top {
        border: 1px solid rgba(255, 165, 0, 0.22);
        border-left: 3px solid #9b6a45;
        background: linear-gradient(90deg, rgba(111, 66, 29, 0.18), rgba(12, 12, 12, 0.58));
      }
      .leaders-mobile-row-rank-1 {
        border-color: rgba(241, 183, 67, 0.48);
        border-left-color: #f1b743;
        background: linear-gradient(90deg, rgba(122, 78, 22, 0.35), rgba(12, 12, 12, 0.66));
      }
      .leaders-mobile-row-rank-2 {
        border-color: rgba(191, 200, 208, 0.32);
        border-left-color: #bfc8d0;
      }
      .leaders-mobile-row-rank-3 {
        border-color: rgba(189, 116, 71, 0.34);
        border-left-color: #bd7447;
      }
      .leaders-server-total {
        text-align: left;
      }
      .event-top-row,
      .leaders-table-row,
      .leaders-table-head {
        grid-template-columns: 42px minmax(0, 1fr);
      }
      .event-top-row {
        grid-template-areas:
          "rank player"
          "rank amount"
          "rank share";
      }
      .leaders-table-row strong,
      .leaders-table-head > span:nth-child(3) {
        grid-column: 2;
      }
      .event-top-row strong,
      .event-top-row > .event-top-share {
        grid-column: auto;
        justify-self: start;
        white-space: normal;
      }
      .server-grid {
        grid-template-columns: 1fr;
      }
      .info-guide-grid,
      .command-group-grid {
        grid-template-columns: 1fr;
      }
      .command-row {
        grid-template-columns: 1fr;
      }
      .wolf-pass-summary {
        align-items: flex-start;
        flex-direction: column;
      }
      .wolf-pass-grid {
        grid-template-columns: 1fr;
      }
      .menu-card {
        min-height: 132px;
      }
      .menu-card-title {
        font-size: 17px;
      }
      .menu-card-text {
        max-width: 70%;
        font-size: 14px;
      }
      .steam-button,
      .back-button,
      .menu-button,
      .search-button,
      .server-connect-link,
      .server-info-button {
        width: 100%;
        min-height: 42px;
      }
      .server-description-more {
        width: auto;
        min-height: 0;
      }
      .server-copy-button {
        width: 100%;
        min-height: 42px;
      }
      .icon-back-button {
        width: 26px;
        min-height: 26px;
        height: 26px;
      }
      .icon-back-symbol {
        width: 17px;
        height: 17px;
      }
      .search-row {
        align-items: stretch;
        flex-direction: column;
      }
      .admin-metric-grid {
        grid-template-columns: 1fr;
      }
      .social-rating-score {
        align-items: flex-start;
        flex-direction: column;
      }
      .social-rating-score-meta {
        max-width: none;
        text-align: left;
      }
      .social-rating-filter {
        grid-template-columns: 1fr;
      }
      .suggestion-actions {
        align-items: flex-start;
        flex-direction: column;
      }
      .suggestion-survey-link {
        align-items: stretch;
        flex-direction: column;
      }
      .suggestion-sort-filter {
        align-items: stretch;
        flex-direction: column;
      }
      .suggestion-sort-filter .search-input {
        width: 100%;
      }
      .social-rating-list {
        grid-template-columns: 1fr;
      }
      .map-vote-grid {
        grid-template-columns: 1fr;
      }
      .lucky-wheel-panel {
        grid-template-columns: 1fr;
      }
      .lucky-control-panel {
        justify-items: center;
        text-align: center;
      }
      .raffle-skins-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .raffle-player-panel {
        grid-template-columns: 1fr;
        justify-items: stretch;
      }
      .raffle-prize-skin {
        justify-items: start;
        grid-template-columns: 126px minmax(0, 1fr);
        align-items: center;
      }
      .raffle-prize-meta {
        text-align: left;
      }
      .raffle-guide-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .raffle-admin-slot-grid {
        grid-template-columns: 1fr;
      }
      .raffle-admin-button-spacer {
        display: none;
      }
      .raffle-admin-steam-button {
        width: 100%;
      }
      .raffle-admin-player-reset {
        width: 100%;
      }
      .social-rating-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .base-status-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .base-raid-panel-locked .base-raid-layout {
        grid-template-columns: 1fr;
      }
      .base-cupboard-resource-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .yandex-alice-status-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .yandex-alice-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .profile-table th,
      .profile-table td {
        display: block;
        width: auto;
      }
      .profile-table th {
        padding-bottom: 4px;
      }
      .profile-table td {
        padding-top: 0;
        border-top: 0;
      }
      .site-footer-copy {
        font-size: 13px;
      }
    }
    @media (max-width: 520px) {
      .statistics-summary-grid,
      .acquisition-summary-grid,
      .profitability-summary-grid,
      .store-statistics-summary-grid {
        grid-template-columns: 1fr;
      }
      .statistics-dashboard-intro {
        padding: 16px;
      }
      .statistics-period-badge strong {
        font-size: 13px;
      }
      .base-cupboard-summary,
      .base-raid-metrics,
      .base-cupboard-resource-grid {
        grid-template-columns: 1fr;
      }
      .base-raid-heading {
        flex-direction: column;
      }
      .base-raid-state {
        width: 100%;
        text-align: center;
      }
      .yandex-alice-status-panel,
      .yandex-alice-steps,
      .yandex-alice-action-row {
        grid-template-columns: 1fr;
      }
      .yandex-alice-action-row .detail-action-button {
        width: 100%;
      }
      .yandex-alice-disconnect-form,
      .yandex-alice-disconnect-form .detail-action-button,
      .yandex-alice-test-panel .inline-action-form,
      .yandex-alice-test-panel .detail-action-button {
        width: 100%;
      }
      .welcome-logo {
        width: clamp(180px, min(72vw, 40vh), 260px);
        width: clamp(180px, min(72vw, 40dvh), 260px);
        margin-top: clamp(6px, 2vh, 16px);
        margin-bottom: -18px;
      }
      .welcome-box h1 {
        font-size: 22px;
      }
      :root {
        --sticky-header-height: 82px;
      }
      .app-header {
        align-items: center;
        gap: 10px;
        height: var(--sticky-header-height);
        min-height: var(--sticky-header-height);
        padding-top: 10px;
      }
      .header-logo {
        width: 64px;
        height: 64px;
      }
      .header-logo-link {
        width: 64px;
        height: 64px;
      }
      .header-greeting {
        font-size: 18px;
        line-height: 1.12;
      }
      .toast-notification {
        right: 12px;
        left: 12px;
        max-width: none;
      }
      .menu-card {
        min-height: 132px;
        padding: 15px;
        padding-right: 112px;
      }
      .menu-card-image {
        width: 85px;
        height: 100px;
        right: 8px;
      }
      .menu-card-text {
        max-width: none;
      }
      .menu-card-widgets {
        max-width: none;
      }
      .menu-card-social-widget {
        min-height: 206px;
      }
      .social-links-grid {
        max-width: none;
      }
      .wolf-pass-card-media {
        min-height: 148px;
      }
      .wolf-pass-card-media img {
        width: 126px;
        height: 126px;
      }
      .server-edit-grid {
        grid-template-columns: 1fr;
      }
      .menu-flags-list {
        grid-template-columns: 1fr;
      }
      .menu-flag-row {
        grid-template-columns: minmax(0, 1fr) auto;
      }
      .settings-form .menu-tag-field,
      .menu-popularity {
        grid-column: 1 / -1;
        justify-content: space-between;
      }
      .menu-popularity {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: start;
      }
      .menu-popularity > :last-child {
        justify-self: end;
      }
      .coupon-issue-grid {
        grid-template-columns: 1fr;
      }
      .lucky-wheel-panel {
        padding: 12px;
      }
      .lucky-wheel-stage {
        max-width: 360px;
      }
      .lucky-wheel {
        inset: 12px;
        border-width: 7px;
      }
      .lucky-wheel-segment {
        width: 72px;
        transform: translate(-50%, -50%) rotate(var(--segment-rotation)) translateY(-132px);
      }
      .lucky-wheel-prize {
        font-size: 9px;
      }
      .lucky-wheel-prize img {
        width: 34px;
        height: 34px;
      }
      .lucky-wheel-prize span {
        max-width: 72px;
      }
      .lucky-wheel-center {
        width: 86px;
        height: 86px;
      }
      .lucky-wheel-center span {
        max-width: 64px;
        font-size: 10px;
      }
      .lucky-wheel-center strong {
        font-size: 18px;
      }
      .lucky-prize-list {
        grid-template-columns: 1fr;
      }
      .lucky-weight-row {
        grid-template-columns: 1fr;
      }
      .social-rating-action-grid {
        grid-template-columns: 1fr;
      }
      .suggestion-card-head,
      .suggestion-submit-actions {
        align-items: flex-start;
        flex-direction: column;
      }
      .patrol-player-head,
      .patrol-section-heading,
      .patrol-comment-head,
      .patrol-report-meta {
        align-items: flex-start;
        flex-direction: column;
      }
      .patrol-section-heading span {
        text-align: left;
      }
      .patrol-player-card {
        padding: 14px;
      }
      .patrol-rewards-intro,
      .patrol-reward-report-head,
      .patrol-reward-form-head,
      .patrol-reward-members-head {
        align-items: flex-start;
        flex-direction: column;
      }
      .patrol-reward-report-tags {
        justify-content: flex-start;
      }
      .patrol-reward-report {
        padding: 14px;
      }
      .patrol-reward-date-nav {
        grid-template-columns: 42px minmax(0, 1fr) 42px;
        align-items: end;
      }
      .patrol-reward-date-nav > .patrol-reward-date-arrow:first-child {
        grid-column: 1;
        grid-row: 1;
      }
      .patrol-reward-date-nav > label {
        grid-column: 2;
        grid-row: 1;
      }
      .patrol-reward-date-nav > .patrol-reward-date-arrow:last-child {
        grid-column: 3;
        grid-row: 1;
      }
      .patrol-reward-date-nav > .search-button {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
      }
      .patrol-reward-date-arrow {
        width: 42px;
        height: 42px;
      }
      .patrol-reward-metrics,
      .patrol-reward-form-grid,
      .patrol-reward-member-grid,
      .patrol-reward-payment-grid {
        grid-template-columns: 1fr;
      }
      .patrol-reward-members-head p {
        text-align: left;
      }
      .patrol-reward-member {
        grid-template-columns: minmax(0, 1fr) 92px;
      }
      .patrol-reward-table-wrap {
        overflow: visible;
        border: 0;
      }
      .patrol-reward-table,
      .patrol-reward-table tbody,
      .patrol-reward-table tr,
      .patrol-reward-table td {
        display: block;
        width: 100%;
      }
      .patrol-reward-table thead,
      .patrol-reward-table tfoot {
        display: none;
      }
      .patrol-reward-table tr {
        margin-bottom: 10px;
        padding: 8px 10px;
        border: 1px solid rgba(255, 255, 255, 0.07);
        background: rgba(20, 20, 20, 0.48);
      }
      .patrol-reward-table td {
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 10px;
        padding: 7px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      }
      .patrol-reward-table td:last-child {
        border-bottom: 0;
      }
      .patrol-reward-table td::before {
        content: attr(data-label);
        color: var(--font-dim);
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
      }
      .patrol-reward-payment-card .detail-action-button {
        width: 100%;
      }
      .patrol-reward-submit {
        width: 100%;
        min-width: 0;
      }
      .suggestion-admin-actions,
      .suggestion-admin-actions form,
      .suggestion-admin-actions .detail-action-button,
      .suggestion-submit-button {
        width: 100%;
      }
      .social-rating-violation-main {
        flex-direction: column;
      }
      .social-rating-violation-actions,
      .social-rating-violation-penalty,
      .social-rating-recent-time {
        max-width: 100%;
      }
      .social-rating-meta {
        grid-template-columns: 1fr;
      }
      .coupon-grid {
        grid-template-columns: 1fr;
      }
      .raffle-date-bar {
        grid-template-columns: 34px minmax(0, 1fr) 34px;
        gap: 6px;
        padding: 8px;
      }
      .raffle-date-bar h2 {
        font-size: 16px;
      }
      .raffle-date-bar h2 span {
        display: block;
        font-size: 13px;
      }
      .raffle-date-nav {
        width: 34px;
        height: 34px;
        font-size: 32px;
      }
      .map-vote-card {
        grid-template-rows: auto minmax(86px, auto);
      }
      .map-vote-preview,
      .map-vote-frame {
        min-height: 0;
      }
      .map-vote-image {
        height: 100%;
      }
      .map-vote-body {
        padding: 12px 54px 13px 12px;
      }
      .map-vote-body h2 {
        font-size: 15px;
      }
      .raffle-skins-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }
      .raffle-skin-card {
        min-height: 212px;
      }
      .raffle-skin-main {
        min-height: 174px;
        padding: 8px 8px 6px;
      }
      .raffle-skin-image {
        height: 112px;
      }
      .raffle-skin-meta strong {
        white-space: normal;
      }
      .raffle-player-panel,
      .raffle-admin-panel {
        padding: 15px;
      }
      .raffle-prize-actions {
        flex-direction: column;
      }
      .raffle-prize-actions .search-button,
      .raffle-admin-actions .search-button {
        width: 100%;
      }
      .raffle-sales-assistant-header {
        display: grid;
      }
      .raffle-sales-assistant-load {
        width: 100%;
      }
      .raffle-sales-assistant-grid,
      .raffle-sales-assistant-prices {
        grid-template-columns: 1fr;
      }
      .raffle-prize-body h2,
      .raffle-instruction h2 {
        font-size: 19px;
      }
      .raffle-prize-body p,
      .raffle-instruction p {
        font-size: 14px;
      }
      .raffle-guide-items {
        grid-template-columns: 1fr;
      }
      .raffle-guide-item {
        grid-template-columns: 74px minmax(0, 1fr);
        grid-template-rows: auto;
        justify-items: start;
      }
      .coupon-card {
        grid-template-columns: 108px minmax(0, 1fr);
        width: 100%;
        height: auto;
        min-height: var(--coupon-card-height);
      }
      .coupon-card-title,
      .coupon-meta dd {
        white-space: normal;
      }
      .coupon-image {
        width: 82px;
        height: 82px;
      }
      .coupon-meta div {
        grid-template-columns: 1fr;
        gap: 2px;
      }
      .content-panel,
      .info-guide-panel,
      .command-group-card,
      .admin-search,
      .admin-edit,
      .settings-form,
      .server-admin,
      .placeholder-box,
      .result-box {
        padding: 15px;
      }
      .database-backup-time {
        grid-template-columns: 1fr;
      }
      .search-input,
      .settings-input {
        min-height: 42px;
        padding: 0 12px;
      }
      .site-footer-copy {
        font-size: 12px;
      }
    }
    @media (max-height: 620px) {
      .welcome-screen {
        padding: clamp(10px, 3vh, 20px) 0;
      }
      .welcome-logo {
        width: clamp(170px, min(66vw, 40vh), 270px);
        width: clamp(170px, min(66vw, 40dvh), 270px);
        margin-top: clamp(4px, 2vh, 14px);
        margin-bottom: -16px;
      }
      .welcome-box {
        padding: 16px 18px;
      }
      .welcome-box h1 {
        margin-bottom: 14px;
        font-size: 20px;
      }
    }
    .voice-chat-screen {
      display: grid;
      gap: 18px;
    }
    .voice-chat-onboarding {
      display: grid;
      gap: 18px;
      padding: clamp(20px, 4vw, 30px);
      border: 1px solid rgba(177, 102, 68, .34);
      border-radius: 20px;
      background: linear-gradient(145deg, rgba(42, 35, 32, .97), rgba(24, 21, 20, .98));
      box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
    }
    .voice-chat-onboarding-heading {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 18px;
    }
    .voice-chat-onboarding-heading > div {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .voice-chat-onboarding-heading h2 {
      margin: 2px 0 0;
      color: #f6efea;
      font-size: clamp(24px, 3.5vw, 34px);
    }
    .voice-chat-onboarding-heading p {
      max-width: 720px;
      color: #bfaea4;
      font-size: 14px;
      line-height: 1.5;
    }
    .voice-chat-ready-badge {
      flex: 0 0 auto;
      padding: 8px 11px;
      border: 1px solid rgba(72, 220, 168, .34);
      border-radius: 999px;
      color: #a7f1d3;
      background: rgba(24, 82, 58, .42);
      font-size: 11px;
      font-weight: 900;
      white-space: nowrap;
    }
    .voice-chat-hero {
      min-height: 250px;
      display: flex;
      align-items: center;
      padding: clamp(26px, 5vw, 52px);
      border: 1px solid rgba(177, 102, 68, .38);
      border-radius: 24px;
      background-color: #241914;
      background-blend-mode: normal, luminosity;
      background-position: center;
      background-size: cover;
      box-shadow: 0 24px 70px rgba(0, 0, 0, .4), inset 0 0 60px rgba(159, 79, 53, .1);
      overflow: hidden;
    }
    .voice-chat-hero-copy {
      width: min(610px, 100%);
    }
    .voice-chat-badge {
      display: inline-flex;
      justify-self: start;
      padding: 7px 12px;
      border: 1px solid rgba(255, 165, 0, .5);
      border-radius: 999px;
      color: #ffc66a;
      background: rgba(70, 38, 21, .72);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .voice-chat-hero h2 {
      margin: 0 0 12px;
      color: #fff;
      font-size: clamp(28px, 4.2vw, 42px);
      line-height: 1.02;
      max-width: 560px;
      text-wrap: balance;
    }
    .voice-chat-hero p {
      margin: 0;
      color: #d8ccc4;
      font-size: clamp(16px, 2.2vw, 20px);
      line-height: 1.55;
    }
    .voice-chat-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 18px;
    }
    .voice-chat-action-form {
      display: contents;
    }
    .voice-chat-button {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
      border: 1px solid transparent;
      border-radius: 12px;
      font: inherit;
      font-weight: 850;
      text-decoration: none;
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }
    .voice-chat-button:hover,
    .voice-chat-button:focus-visible {
      transform: translateY(-2px);
    }
    .voice-chat-button.primary {
      color: #fff;
      border-color: rgba(199, 106, 72, .58);
      background: linear-gradient(135deg, var(--accent-color), var(--accent-color-strong));
      box-shadow: 0 10px 30px rgba(94, 39, 25, .3);
    }
    .voice-chat-button.secondary {
      color: #eadbd0;
      border-color: rgba(191, 135, 106, .34);
      background: rgba(49, 37, 32, .82);
    }
    .voice-chat-button.compact {
      min-height: 38px;
      padding: 0 14px;
      border-radius: 9px;
      font-size: 13px;
      white-space: nowrap;
    }
    .voice-chat-guide,
    .voice-chat-devices,
    .voice-chat-notice {
      border: 1px solid rgba(153, 108, 85, .24);
      border-radius: 18px;
      background: linear-gradient(145deg, rgba(42, 35, 32, .94), rgba(25, 22, 21, .94));
      box-shadow: 0 16px 46px rgba(0, 0, 0, .24);
    }
    .voice-chat-guide h2,
    .voice-chat-devices h2 {
      margin: 0 0 8px;
      color: #f4eee9;
    }
    .voice-chat-guide p,
    .voice-chat-devices p {
      margin: 0;
      color: #bfaea4;
      line-height: 1.55;
    }
    .voice-chat-notice {
      padding: 15px 18px;
      color: #e5d7ce;
    }
    .voice-chat-notice.error {
      color: #ffd0d0;
      border-color: rgba(255, 90, 90, .42);
      background: rgba(87, 18, 30, .45);
    }
    .voice-chat-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
      gap: 18px;
    }
    .voice-chat-guide,
    .voice-chat-devices { padding: 24px; }
    .voice-chat-guide ol {
      display: grid;
      gap: 14px;
      margin: 18px 0 0;
      padding-left: 24px;
      color: var(--notice-color);
    }
    .voice-chat-checklist {
      display: grid;
      gap: 0;
      margin: 0;
      counter-reset: voice-chat-step;
      list-style: none;
      padding-left: 0 !important;
    }
    .voice-chat-checklist li {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px 18px;
      position: relative;
      min-height: 62px;
      padding: 16px 0 16px 50px !important;
      border-top: 1px solid rgba(255, 255, 255, .07);
      counter-increment: voice-chat-step;
    }
    .voice-chat-checklist li:first-child {
      border-top: 0;
    }
    .voice-chat-checklist li::before {
      content: counter(voice-chat-step);
      position: absolute;
      top: 18px;
      left: 0;
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255, 165, 0, .42);
      border-radius: 50%;
      background: rgba(76, 48, 16, .42);
      color: #ffc66a;
      font-size: 13px;
      font-weight: 900;
    }
    .voice-chat-checklist li.completed::before {
      content: "✓";
      border-color: rgba(72, 220, 168, .48);
      background: rgba(24, 82, 58, .64);
      color: #8ef0c8;
    }
    .voice-chat-checklist li.completed > .voice-chat-step-copy strong {
      color: #c9f3df;
    }
    .voice-chat-step-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .voice-chat-step-copy strong {
      color: #f2ebe6;
      font-size: 15px;
      line-height: 1.3;
    }
    .voice-chat-step-copy span {
      color: #ad9e95;
      font-size: 13px;
      line-height: 1.45;
    }
    .voice-chat-step-action {
      margin: 0;
    }
    .voice-chat-step-status {
      justify-self: end;
      padding: 6px 9px;
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 999px;
      color: #b8aaa1;
      background: rgba(15, 13, 12, .34);
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }
    .voice-chat-step-status.success {
      border-color: rgba(72, 220, 168, .3);
      color: #9be9ca;
      background: rgba(24, 82, 58, .3);
    }
    .voice-chat-step-status.muted {
      color: #8e817a;
    }
    .voice-chat-help {
      grid-column: 1 / -1;
      border: 1px solid rgba(191, 135, 106, .2);
      border-radius: 11px;
      background: rgba(18, 15, 14, .42);
    }
    .voice-chat-help summary {
      position: relative;
      padding: 11px 42px 11px 13px;
      color: #d9cbc2;
      cursor: pointer;
      list-style: none;
      font-size: 12px;
      font-weight: 800;
    }
    .voice-chat-help summary::-webkit-details-marker { display: none; }
    .voice-chat-help summary::after {
      position: absolute;
      top: 50%;
      right: 14px;
      color: #c98b69;
      content: "+";
      font-size: 18px;
      line-height: 1;
      transform: translateY(-50%);
    }
    .voice-chat-help[open] summary::after { content: "−"; }
    .voice-chat-help-content {
      display: grid;
      gap: 1px;
      border-top: 1px solid rgba(255, 255, 255, .06);
      background: rgba(255, 255, 255, .05);
    }
    .voice-chat-help-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 14px;
      padding: 13px;
      background: rgba(22, 18, 17, .96);
    }
    .voice-chat-help-row > div {
      display: grid;
      gap: 3px;
    }
    .voice-chat-help-row strong {
      color: #eee4de;
      font-size: 13px;
    }
    .voice-chat-help-row span {
      color: #9f9189;
      font-size: 12px;
      line-height: 1.4;
    }
    .voice-chat-guide li { padding-left: 5px; }
    .voice-chat-guide li strong,
    .voice-chat-guide li span { display: block; }
    .voice-chat-guide li strong { color: #f2ebe6; }
    .voice-chat-guide li span { margin-top: 3px; color: #bbaaa0; line-height: 1.45; }
    .voice-chat-device-list { display: grid; gap: 9px; margin-top: 16px; }
    .voice-chat-device {
      display: grid;
      gap: 3px;
      padding: 12px;
      border: 1px solid rgba(153, 112, 91, .22);
      border-radius: 11px;
      background: rgba(20, 17, 16, .5);
    }
    .voice-chat-device span { color: #efe7e1; font-weight: 750; }
    .voice-chat-device strong { color: #f29a9a; font-size: 12px; }
    .voice-chat-device strong.active { color: #48dca8; }
    .voice-chat-footnote { margin-top: 16px !important; font-size: 13px; }
    .voice-chat-client-note {
      margin-top: 14px !important;
      color: #ae9e94 !important;
      font-size: 13px !important;
      line-height: 1.45 !important;
    }
    .voice-chat-access-status {
      margin-top: 18px !important;
      padding: 12px 14px;
      border-left: 3px solid #48dca8;
      border-radius: 0 10px 10px 0;
      background: rgba(24, 50, 30, .52);
      color: #dff9e9 !important;
      font-size: 14px !important;
    }
    .voice-chat-client-warning {
      margin-top: 12px !important;
      padding: 12px 14px;
      border: 1px solid rgba(255, 165, 0, .32);
      border-radius: 10px;
      background: rgba(76, 48, 16, .46);
      color: #f7d9a6 !important;
      font-size: 14px !important;
      font-weight: 700;
      line-height: 1.45 !important;
    }
    .voice-chat-key-help {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-top: 14px;
      padding: 14px;
      border: 1px solid rgba(191, 135, 106, .26);
      border-radius: 12px;
      background: rgba(27, 22, 20, .7);
    }
    .voice-chat-key-help div {
      display: grid;
      gap: 3px;
    }
    .voice-chat-key-help strong {
      color: #f2ebe6;
      font-size: 14px;
    }
    .voice-chat-key-help span {
      color: #ae9e94;
      font-size: 13px;
      line-height: 1.45;
    }
    .voice-chat-channel-guide { border-color: rgba(177, 102, 68, .32); }
    .voice-chat-admin-panel {
      display: grid;
      gap: 18px;
      padding: clamp(18px, 4vw, 28px);
      border: 1px solid var(--admin-line);
      border-radius: 18px;
      background: linear-gradient(145deg, var(--admin-bg), var(--admin-bg-strong));
      box-shadow: 0 18px 46px rgba(0, 0, 0, .28);
    }
    .voice-chat-admin-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .voice-chat-admin-heading > div {
      display: grid;
      gap: 4px;
    }
    .voice-chat-admin-heading h2 {
      color: #fff1ed;
      font-size: clamp(20px, 2.5vw, 27px);
    }
    .voice-chat-admin-eyebrow {
      color: #ffb0a4;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .voice-chat-admin-heading > strong {
      padding: 7px 10px;
      border: 1px solid rgba(255, 123, 104, .28);
      border-radius: 999px;
      color: #ffc0b6;
      background: rgba(20, 8, 8, .22);
      font-size: 12px;
      white-space: nowrap;
    }
    .voice-chat-admin-metrics .statistics-summary-card {
      border-top-color: rgba(255, 123, 104, .58);
      background: linear-gradient(145deg, rgba(46, 22, 21, .78), rgba(21, 13, 13, .72));
    }
    .voice-chat-admin-error {
      color: #ffd0ca;
      font-size: 13px;
    }
    @media (max-width: 760px) {
      .voice-chat-onboarding { padding: 18px 15px; }
      .voice-chat-onboarding-heading { flex-direction: column; }
      .voice-chat-checklist li { grid-template-columns: 1fr; padding-left: 46px !important; }
      .voice-chat-checklist li > .voice-chat-button,
      .voice-chat-checklist li > .voice-chat-step-action,
      .voice-chat-checklist li > .voice-chat-step-action .voice-chat-button { width: 100%; }
      .voice-chat-step-status { justify-self: start; }
      .voice-chat-help-row { grid-template-columns: 1fr; }
      .voice-chat-help-row .voice-chat-button { width: 100%; }
      .voice-chat-hero { min-height: 230px; padding: 24px 18px; background-position: 62% center; }
      .voice-chat-grid { grid-template-columns: 1fr; }
      .voice-chat-actions,
      .voice-chat-button { width: 100%; }
      .voice-chat-key-help { align-items: stretch; flex-direction: column; }
      .voice-chat-admin-heading { align-items: flex-start; flex-direction: column; }
      .voice-chat-admin-metrics { grid-template-columns: 1fr; }
    }