/* RiseCore clean build: extracted from current live index.html. */
/* --- ГЛОБАЛЬНЫЕ СТИЛИ --- */
  :root {
    --bg-color: #f7f7f7;
    --text-primary: #15151a;
    --text-secondary: #56566a;
    --accent-color: #6c5ce7;
    --accent-hover: #5a4bcf;
    --card-bg: #ffffff;
    --soft-card-bg: #fbfbfb;
    --header-bg: rgba(255, 255, 255, 0.82);
    --border-color: rgba(21, 21, 26, 0.08);
    --field-bg: #ffffff;
    --tag-bg: rgba(255, 255, 255, 0.72);
    --tag-text: #56566a;
    --hero-overlay: linear-gradient(90deg, rgba(251, 252, 255, 0.96) 0%, rgba(251, 252, 255, 0.9) 24%, rgba(251, 252, 255, 0.7) 44%, rgba(251, 252, 255, 0.4) 62%, rgba(251, 252, 255, 0.16) 80%, rgba(251, 252, 255, 0) 100%);
    --hero-background-soften: linear-gradient(90deg, rgba(247, 248, 252, 0.96) 0%, rgba(247, 248, 252, 0.82) 20%, rgba(247, 248, 252, 0.48) 38%, rgba(247, 248, 252, 0.14) 56%, rgba(247, 248, 252, 0) 72%);
    --landing-divider: rgba(118, 127, 156, 0.18);
    --shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  }

  *{ margin:0; padding:0; box-sizing:border-box; font-family:'Inter', sans-serif; }
  [hidden] { display: none !important; }
  body { background: var(--bg-color); color: var(--text-primary); line-height: 1.6; }
  body.no-scroll { overflow: hidden; }
  body.dark-theme {
    --bg-color: #0D0D11;
    --text-primary: #f7f7fb;
    --text-secondary: #b6b7c5;
    --accent-color: #8d82ff;
    --accent-hover: #786df0;
    --card-bg: #16161d;
    --soft-card-bg: #111118;
    --header-bg: rgba(13, 13, 17, 0.88);
    --border-color: rgba(255, 255, 255, 0.1);
    --field-bg: #101016;
    --tag-bg: rgba(22, 22, 29, 0.82);
    --tag-text: #d8d9e6;
    --hero-overlay: linear-gradient(90deg, rgba(13, 13, 17, 0.98) 0%, rgba(13, 13, 17, 0.94) 24%, rgba(13, 13, 17, 0.78) 44%, rgba(13, 13, 17, 0.46) 64%, rgba(13, 13, 17, 0.18) 82%, rgba(13, 13, 17, 0) 100%);
    --hero-background-soften: linear-gradient(90deg, rgba(13, 13, 17, 0.96) 0%, rgba(13, 13, 17, 0.84) 20%, rgba(13, 13, 17, 0.48) 38%, rgba(13, 13, 17, 0.16) 56%, rgba(13, 13, 17, 0) 72%);
    --landing-divider: rgba(255, 255, 255, 0.08);
    --shadow: 0 12px 34px rgba(0, 0, 0, 0.26);
  }
  .container { max-width: 1200px; margin: auto; padding: 0 20px; }

  /* --- HEADER (МЕНЮ) --- */
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--header-bg);
    backdrop-filter: blur(5px);
    border-bottom: 1px solid var(--border-color);
    z-index: 100;
  }
  .header-container {
    max-width: 1200px;
    margin: auto;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .logo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 800;
    font-size: 22px;
    color: var(--text-primary);
    text-decoration: none;
  }
  
  /* 1. УВЕЛИЧЕННЫЙ ЛОГОТИП */
  .logo img {
    width: 52px;      
    height: 52px;     
    object-fit: contain;
    display: block;
  }
  
  .nav-links {
    display: flex;
    gap: 40px;
  }
  .rc-header-nav {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .rc-header-nav::-webkit-scrollbar {
    display: none;
  }
  .rc-header-nav .rc-page-tab {
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    color: #8f90a2;
    box-shadow: none;
  }
  .rc-header-nav .rc-page-tab span {
    display: none;
  }
  .rc-header-nav .rc-page-tab svg {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    color: currentColor;
  }
  .rc-header-nav .rc-page-tab:hover,
  .rc-header-nav .rc-page-tab.active {
    background: rgba(108, 92, 231, 0.18);
    border-color: rgba(118, 111, 255, 0.42);
    color: white;
    box-shadow: 0 12px 28px rgba(6, 6, 11, 0.24);
  }
  .nav-links a {
    text-decoration: none;
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 15px;
    transition: 0.3s;
    position: relative;
    padding-bottom: 5px;
  }
  .nav-links a:hover { color: var(--text-primary); }
  .nav-links a.active { color: var(--text-primary); }
  .nav-links a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--accent-color);
    border-radius: 2px;
  }
  body.page-support .hero,
  body.page-support .info-section,
  body.page-support .accounts-page,
  body.page-support .servers-page,
  body.page-support .rules-page,
  body.page-support .tickets-page,
  body.page-support .rc-page,
  body.page-rc .hero,
  body.page-rc .info-section,
  body.page-rc .support-section,
  body.page-rc .accounts-page,
  body.page-rc .servers-page,
  body.page-rc .rules-page,
  body.page-rc .tickets-page,
  body.page-accounts .hero,
  body.page-accounts .info-section,
  body.page-accounts .support-section,
  body.page-accounts .rc-page,
  body.page-accounts .servers-page,
  body.page-accounts .rules-page,
  body.page-accounts .tickets-page,
  body.page-servers .hero,
  body.page-servers .info-section,
  body.page-servers .support-section,
  body.page-servers .rc-page,
  body.page-servers .accounts-page,
  body.page-servers .rules-page,
  body.page-servers .tickets-page,
  body.page-rules .hero,
  body.page-rules .info-section,
  body.page-rules .support-section,
  body.page-rules .rc-page,
  body.page-rules .accounts-page,
  body.page-rules .servers-page,
  body.page-rules .tickets-page,
  body.page-tickets .hero,
  body.page-tickets .info-section,
  body.page-tickets .support-section,
  body.page-tickets .rc-page,
  body.page-tickets .accounts-page,
  body.page-tickets .servers-page,
  body.page-tickets .rules-page,
  body:not(.page-support) .support-section,
  body:not(.page-rc) .rc-page,
  body:not(.page-accounts) .accounts-page,
  body:not(.page-servers) .servers-page,
  body:not(.page-rules) .rules-page,
  body:not(.page-tickets) .tickets-page {
    display: none;
  }
  body.page-support .support-section,
  body.page-rc .rc-page,
  body.page-accounts .accounts-page,
  body.page-servers .servers-page,
  body.page-rules .rules-page,
  body.page-tickets .tickets-page {
    min-height: 100vh;
    padding: 150px 0 76px;
    animation: pageSwitchIn 0.42s cubic-bezier(.16, 1, .3, 1) both;
  }
  body:not(.page-support):not(.page-rc) .hero,
  body:not(.page-support):not(.page-rc) .info-section {
    animation: pageSwitchIn 0.34s cubic-bezier(.16, 1, .3, 1) both;
  }
  body.page-accounts,
  body.page-servers,
  body.page-rules,
  body.page-tickets {
    background: #0d0d11;
  }
  body.page-accounts .header,
  body.page-servers .header,
  body.page-rules .header,
  body.page-tickets .header {
    background: rgba(13, 13, 17, 0.82);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .accounts-page-shell {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .rules-page .accounts-page-shell {
    max-width: 960px;
  }
  .accounts-page-content {
    display: grid;
    gap: 18px;
  }
  .tickets-page .accounts-page-shell {
    max-width: 960px;
  }
  .tickets-page-card {
    display: grid;
    gap: 20px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: rgba(18, 18, 25, 0.74);
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.24);
  }
  .tickets-page .application-head {
    align-items: flex-start;
    gap: 18px;
  }
  .ticket-head-main {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 16px;
  }
  .tickets-page .application-title {
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1;
    font-weight: 900;
  }
  .tickets-page .stack-list {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
  .discord-btn-header {
    display: none !important;
  }
  .discord-btn-header:hover {
    display: none !important;
  }
  .header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .auth-shell {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }
  .minecraft-login {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    background: var(--card-bg);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    box-shadow: var(--shadow);
    transition: 0.25s;
  }
  .minecraft-login:hover {
    transform: translateY(-2px);
    border-color: rgba(108, 92, 231, 0.34);
  }
  .login-choice-list {
    display: grid;
    gap: 12px;
  }
  .login-choice-button {
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(24,24,32,.96), rgba(17,17,24,.96));
    color: var(--text-primary);
    padding: 16px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
  }
  .login-choice-button.is-discord {
    border-color: rgba(88, 101, 242, 0.28);
    background: linear-gradient(180deg, rgba(32,34,54,.98), rgba(19,20,31,.98));
  }
  .login-choice-button.is-discord:hover:not(:disabled) {
    border-color: rgba(88, 101, 242, 0.52);
    background: linear-gradient(180deg, rgba(38,40,64,.98), rgba(22,23,37,.98));
  }
  .login-choice-button.is-telegram {
    border-color: rgba(255,255,255,.07);
    background: linear-gradient(180deg, rgba(22,23,30,.96), rgba(17,18,24,.96));
  }
  .login-choice-button.is-telegram:hover:not(:disabled) {
    border-color: rgba(255,255,255,.12);
    background: linear-gradient(180deg, rgba(25,26,34,.98), rgba(18,19,26,.98));
  }
  .login-choice-main {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .login-choice-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  }
  .login-choice-icon svg {
    width: 23px;
    height: 23px;
  }
  .login-choice-button.is-discord .login-choice-icon {
    background: linear-gradient(180deg, #5865f2 0%, #4752d4 100%);
    color: white;
    border-color: rgba(118, 127, 255, 0.34);
    box-shadow: 0 10px 24px rgba(88, 101, 242, 0.24);
  }
  .login-choice-button.is-telegram .login-choice-icon {
    background: linear-gradient(180deg, rgba(55,57,70,.96), rgba(35,36,45,.96));
    color: #8f93a8;
    border-color: rgba(255,255,255,.06);
  }
  .login-choice-button:hover:not(:disabled):not(.is-discord):not(.is-telegram) {
    transform: translateY(-2px);
    border-color: rgba(108, 92, 231, 0.36);
    background: linear-gradient(180deg, rgba(30,30,40,.98), rgba(19,19,27,.98));
  }
  .login-choice-button:disabled {
    cursor: not-allowed;
    opacity: .72;
  }
  .login-choice-copy {
    display: grid;
    gap: 4px;
    text-align: left;
  }
  .login-choice-title {
    font-size: 16px;
    font-weight: 800;
  }
  .login-choice-subtitle {
    color: var(--text-secondary);
    font-size: 13px;
  }
  .login-choice-pill {
    border-radius: 999px;
    padding: 7px 11px;
    background: rgba(255,255,255,.06);
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
  }
  .login-choice-button.is-discord .login-choice-pill {
    background: rgba(88, 101, 242, 0.18);
    color: #d8ddff;
  }
  .login-choice-button.is-telegram .login-choice-pill {
    background: rgba(255,255,255,.05);
    color: #8f93a8;
  }
  .telegram-login-status {
    text-align: left;
  }
  .telegram-login-panel {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(108, 92, 231, .28);
    border-radius: 16px;
    background: rgba(108, 92, 231, .08);
  }
  .telegram-login-copy,
  .telegram-login-hint {
    color: var(--text-secondary);
    font-size: 13px;
  }
  .telegram-login-code {
    width: fit-content;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    color: var(--text-primary);
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 0;
  }
  .telegram-login-link {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px;
    background: var(--accent-color);
    color: white;
    text-decoration: none;
    font-weight: 800;
  }
  .player-button {
    height: 42px;
    width: 42px;
    padding: 4px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    background: var(--card-bg);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    box-shadow: var(--shadow);
    transition: 0.25s;
  }
  .player-button:hover {
    transform: translateY(-2px);
    border-color: rgba(108, 92, 231, 0.34);
  }
  .player-head {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    image-rendering: pixelated;
    background: var(--soft-card-bg);
    border: 1px solid var(--border-color);
  }
  .player-name {
    display: none;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 800;
  }
  .header-mail-button {
    position: relative;
    width: 42px;
    height: 42px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: var(--card-bg);
    color: var(--text-primary);
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    box-shadow: var(--shadow);
    transition: transform .25s ease, border-color .25s ease;
  }
  .header-mail-button:hover {
    transform: translateY(-2px);
    border-color: rgba(108, 92, 231, 0.34);
  }
  .header-mail-button svg {
    width: 20px;
    height: 20px;
  }
  .header-mail-button[hidden] {
    display: none;
  }
  .mail-notify-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    border: 2px solid #0d0d11;
    border-radius: 999px;
    background: #ff3b4f;
    color: white;
    display: inline-grid;
    place-items: center;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 0 0 3px rgba(255,59,79,.16);
  }
  .mail-notify-badge[hidden] {
    display: none;
  }
  .player-menu {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 250px;
    z-index: 250;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid var(--border-color);
    background: color-mix(in srgb, var(--card-bg) 96%, transparent);
    box-shadow: 0 18px 48px rgba(21, 21, 26, 0.18);
    backdrop-filter: blur(12px);
    animation: panelSlideIn 0.24s cubic-bezier(.16, 1, .3, 1) both;
  }
  .player-menu-profile-button {
    width: 100%;
    min-height: 74px;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    background: var(--soft-card-bg);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    cursor: pointer;
    transition: 0.22s;
  }
  .player-menu-profile-button:hover {
    border-color: rgba(108, 92, 231, 0.42);
    transform: translateY(-1px);
  }
  .player-menu-profile-avatar {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    flex: 0 0 auto;
    image-rendering: pixelated;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
  }
  .player-menu-profile-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    flex: 1 1 auto;
  }
  .player-menu-profile-name {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 900;
  }
  .player-menu-profile-subtitle {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 700;
  }
  .player-menu-profile-chevron {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: var(--text-secondary);
  }
  .rc-lock-note {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 176, 31, 0.3);
    background: rgba(255, 176, 31, 0.1);
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
  }
  .player-menu a,
  .player-menu button {
    width: 100%;
    min-height: 38px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    padding: 0 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s;
  }
  .player-menu a:hover,
  .player-menu button:hover {
    color: var(--text-primary);
    background: var(--soft-card-bg);
  }
  .menu-divider {
    height: 1px;
    background: var(--border-color);
    margin: 8px 0;
  }
  .player-menu-item {
    gap: 12px;
    justify-content: flex-start;
  }
  .player-menu-item svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
  }
  .player-menu-item span {
    flex: 1 1 auto;
    text-align: left;
  }
  .account-links-list {
    display: grid;
    gap: 14px;
  }
  .account-link-card {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: #14141b;
    padding: 16px;
    color: white;
    display: grid;
    gap: 14px;
  }
  .account-link-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
  }
  .account-link-copy {
    min-width: 0;
  }
  .account-link-label {
    color: #9da0b6;
    font-size: 14px;
    margin-bottom: 6px;
  }
  .account-link-value {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 850;
    white-space: pre-line;
    word-break: break-word;
  }
  .account-link-value.is-empty {
    color: #8f91a6;
    font-weight: 700;
  }
  .account-link-button {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    min-height: 42px;
    padding: 0 18px;
    background: #232330;
    color: white;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .account-link-button:hover {
    transform: translateY(-1px);
    border-color: rgba(108,101,255,.38);
    background: #2b2b3a;
  }
  .account-link-editor {
    display: grid;
    gap: 12px;
  }
  .account-link-fields {
    display: grid;
    gap: 10px;
  }
  .account-link-fields input {
    width: 100%;
    min-height: 54px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: #09090c;
    color: white;
    padding: 0 16px;
    font: inherit;
  }
  .account-link-fields input:focus {
    outline: none;
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108,101,255,.16);
  }
  .account-link-fields input::placeholder {
    color: #888ca4;
  }
  .account-link-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
  }
  .account-link-actions button {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    border: 0;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
  }
  .account-link-actions .primary {
    background: #6c65ff;
    color: white;
  }
  .account-link-actions .secondary {
    background: #232330;
    color: #dfe1f0;
  }
  .rc-accounts-shell {
    display: grid;
    gap: 18px;
    width: 100%;
  }
  .rc-accounts-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .rc-accounts-heading {
    display: grid;
    gap: 6px;
  }
  .rc-accounts-heading strong {
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.03em;
  }
  .rc-accounts-heading span {
    color: #9da0b6;
    font-size: 15px;
  }
  .rc-accounts-refresh {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: #16161f;
    color: #dfe1f0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .rc-accounts-refresh:hover {
    transform: translateY(-1px);
    border-color: rgba(108,101,255,.38);
    background: #1f1f2a;
  }
  .rc-accounts-refresh svg {
    width: 18px;
    height: 18px;
  }
  .rc-accounts-note {
    color: #8f91a6;
    font-size: 14px;
    line-height: 1.45;
  }
  .servers-page-content {
    display: grid;
    gap: 22px;
  }
  .rules-page-content {
    display: grid;
    gap: 22px;
  }
  .servers-page-heading {
    display: grid;
    gap: 8px;
  }
  .rules-page-heading {
    display: grid;
    gap: 14px;
  }
  .servers-page-heading strong {
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.03em;
  }
  .rules-page-heading strong {
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.03em;
  }
  .servers-page-heading span {
    color: #9da0b6;
    font-size: 15px;
    line-height: 1.5;
  }
  .rules-page-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.04);
    color: #a9add1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .rules-page-intro {
    color: #afb3cc;
    font-size: 16px;
    line-height: 1.6;
    max-width: 860px;
  }
  .rules-sections {
    display: grid;
    gap: 18px;
  }
  .rules-section-card {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 18px;
    padding: 24px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(22,22,30,.98), rgba(16,16,23,.98));
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
  }
  .rules-section-number {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #6c65ff 0%, #8676ff 100%);
    color: #ffffff;
    font-size: 28px;
    font-weight: 900;
    box-shadow: 0 18px 34px rgba(108, 101, 255, 0.28);
  }
  .rules-section-copy {
    display: grid;
    gap: 14px;
    min-width: 0;
  }
  .rules-section-copy h3 {
    margin: 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.02em;
  }
  .rules-section-copy ul {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 12px;
    color: #c1c6df;
    line-height: 1.65;
  }
  .rules-section-copy li::marker {
    color: #8676ff;
  }
  .rules-section-copy strong {
    color: #ffffff;
  }
  .rules-warning-card {
    padding: 24px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(24,24,34,.98), rgba(17,17,25,.98));
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
    display: grid;
    gap: 14px;
  }
  .rules-warning-card strong {
    color: #ffffff;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.02em;
  }
  .rules-warning-card ul {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 12px;
    color: #c1c6df;
    line-height: 1.65;
  }
  .rules-warning-card li::marker {
    color: #ff6a7a;
  }
  .servers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
  }
  .server-entry-card {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(22,22,30,.98), rgba(16,16,23,.98));
    padding: 18px;
    color: white;
    display: grid;
    gap: 18px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
  }
  .server-entry-head {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
  }
  .server-entry-badge {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    flex: 0 0 58px;
    background: linear-gradient(135deg, #6c65ff 0%, #8676ff 100%);
    color: white;
    font-size: 20px;
    font-weight: 950;
    letter-spacing: 0.02em;
    box-shadow: 0 14px 28px rgba(108, 101, 255, 0.28);
  }
  .server-entry-copy {
    min-width: 0;
    display: grid;
    gap: 5px;
  }
  .server-entry-copy strong {
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.03em;
  }
  .server-entry-copy span {
    color: #9da0b6;
    font-size: 14px;
    line-height: 1.45;
  }
  .server-entry-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  .server-entry-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
    color: #d7daf1;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.03em;
  }
  .server-entry-button {
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: #232330;
    color: white;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .server-entry-button:hover {
    transform: translateY(-1px);
    border-color: rgba(108,101,255,.38);
    background: #2b2b3a;
  }
  .mail-toolbar {
    display: flex;
    justify-content: flex-start;
    margin: 2px 0 10px;
  }
  .mail-toolbar .btn-secondary {
    width: auto;
    min-width: 118px;
    min-height: 38px;
    padding: 10px 16px;
    border: 1px solid rgba(108, 101, 255, 0.24);
    background: rgba(108, 101, 255, 0.12);
    color: #ffffff;
    box-shadow: none;
  }
  .mail-toolbar .btn-secondary:hover {
    background: rgba(108, 101, 255, 0.2);
    border-color: rgba(108, 101, 255, 0.34);
    transform: translateY(-1px);
  }
  .mail-inline-status {
    margin-bottom: 12px;
  }
  .mail-clear-confirm-copy {
    display: grid;
    gap: 10px;
    color: var(--text-secondary);
    line-height: 1.6;
  }
  .mail-confirm-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 18px;
  }
  .mail-confirm-actions .btn-secondary,
  .mail-confirm-actions .btn-primary {
    width: auto;
    min-width: 138px;
  }
  .server-info-stack {
    display: grid;
    gap: 12px;
    margin-top: 6px;
  }
  .server-info-row {
    width: 100%;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: #0c0c11;
    color: white;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    padding: 14px 15px;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  button.server-info-row {
    cursor: pointer;
  }
  .server-info-row:not(.is-disabled):hover {
    transform: translateY(-1px);
    border-color: rgba(108,101,255,.34);
    background: #12121a;
  }
  .server-info-row.is-disabled {
    opacity: .82;
    cursor: default;
  }
  .server-info-row-copy {
    min-width: 0;
    display: grid;
    gap: 6px;
    flex: 1 1 auto;
    justify-items: start;
    text-align: left;
  }
  .server-info-row-label {
    color: #979cb3;
    font-size: 13px;
    font-weight: 700;
  }
  .server-info-row-value {
    color: white;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.35;
    word-break: break-word;
  }
  .server-info-row.is-disabled .server-info-row-value {
    color: #a9aec5;
  }
  .server-info-row-action {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
    color: #dfe1f0;
    display: inline-grid;
    place-items: center;
    flex: 0 0 38px;
    margin-left: auto;
  }
  .server-info-row-action svg {
    width: 18px;
    height: 18px;
  }
  .server-online-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 4px;
  }
  .server-online-pill {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(53, 197, 110, 0.16);
    border: 1px solid rgba(53, 197, 110, 0.28);
    color: #dfffea;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -0.01em;
  }
  .server-online-caption {
    color: #9da3bc;
    font-size: 13px;
    line-height: 1.45;
  }
  .server-online-list {
    display: grid;
    gap: 10px;
    margin-top: 16px;
  }
  .server-online-player,
  .server-online-empty {
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.08);
    background: #0c0c11;
  }
  .server-online-player {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 13px;
  }
  .server-online-player-avatar {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255,255,255,.06);
    flex: 0 0 40px;
  }
  .server-online-player-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
  }
  .server-online-player-copy strong {
    color: #ffffff;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
  }
  .server-online-player-copy span {
    color: #9da3bc;
    font-size: 12px;
    line-height: 1.35;
  }
  .server-online-empty {
    display: grid;
    gap: 6px;
    padding: 16px 17px;
  }
  .server-online-empty strong {
    color: #ffffff;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
  }
  .server-online-empty span {
    color: #9da3bc;
    font-size: 13px;
    line-height: 1.45;
  }
  .server-online-empty.is-error {
    border-color: rgba(255, 111, 111, 0.22);
    background: rgba(91, 23, 23, 0.28);
  }
  .rc-panel {
    position: fixed;
    top: 78px;
    right: 28px;
    width: min(310px, calc(100vw - 28px));
    z-index: 260;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(118, 111, 255, 0.36);
    background: color-mix(in srgb, var(--dark-card) 94%, transparent);
    box-shadow: 0 24px 80px rgba(7, 7, 11, 0.34);
    backdrop-filter: blur(18px);
    animation: rcPanelIn 0.28s cubic-bezier(.16, 1, .3, 1) both;
  }
  body:not(.dark-theme) .rc-panel {
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 80px rgba(21, 21, 26, 0.18);
  }
  .rc-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 4px 12px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 10px;
  }
  .rc-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 950;
    color: var(--text-primary);
  }
  .rc-brand-mark {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #6c5ce7, #8d7cff);
    color: white;
    font-weight: 950;
  }
  .rc-close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: var(--soft-card-bg);
    color: var(--text-secondary);
    cursor: pointer;
    display: grid;
    place-items: center;
  }
  .rc-close:hover { color: var(--text-primary); }
  .rc-nav {
    display: grid;
    gap: 6px;
  }
  .rc-nav a,
  .rc-nav button {
    min-height: 42px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: 0.18s;
  }
  .rc-nav a:hover,
  .rc-nav button:hover,
  .rc-nav a.active {
    color: var(--text-primary);
    background: rgba(108, 92, 231, 0.14);
  }
  .rc-nav svg {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    color: #8586ff;
  }
  .rc-panel-warning {
    padding: 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 176, 31, 0.32);
    background: rgba(255, 176, 31, 0.11);
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.45;
  }
  .rc-page {
    background: #1b1b20;
    color: #f7f7fb;
  }
  body.page-rc {
    background: #101014;
  }
  body.page-rc .header {
    background: rgba(11, 11, 16, 0.92);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(14px);
  }
  body.page-rc .header-container {
    max-width: 1480px;
    padding: 8px 24px;
    justify-content: flex-start;
    gap: 18px;
  }
  body.page-rc .nav-links {
    display: none;
  }
  body.page-rc .rc-header-nav {
    display: flex;
  }
  body.page-rc .header-actions {
    margin-left: auto;
  }
  body.page-rc .container {
    max-width: 1480px;
  }
  body.page-rc .rc-page {
    background: #101014;
    padding: 104px 0 54px;
  }
  body.page-rc .rc-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding: 0 20px;
  }
  body.page-rc .rc-sidebar {
    display: none;
  }
  body.page-rc .rc-workspace {
    min-height: auto;
    overflow: visible;
  }
  body.page-rc .rc-empty-state,
  body.page-rc .rc-page-warning {
    min-height: 280px;
  }
  .rc-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 38px;
    align-items: stretch;
    max-width: 1240px;
  }
  .rc-sidebar {
    min-height: 660px;
    border-radius: 0;
    border: 0;
    overflow: visible;
    position: relative;
    background: transparent;
    box-shadow: none;
  }
  .rc-sidebar-inner {
    position: relative;
    z-index: 1;
    min-height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
  }
  .rc-page-brand {
    display: none;
  }
  .rc-page-brand img {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }
  .rc-page-nav {
    display: grid;
    gap: 8px;
    position: sticky;
    top: 96px;
    align-self: start;
  }
  .rc-page-tab {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #8b8c9e;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    text-align: left;
    font-size: 16px;
    font-weight: 750;
    cursor: pointer;
    transition: 0.18s;
  }
  .rc-page-tab:hover,
  .rc-page-tab.active {
    color: white;
    background: #303037;
  }
  .rc-page-tab.active {
    box-shadow: none;
  }
  .rc-page-tab svg {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: #8d8fa5;
  }
  .rc-page-tab:hover svg,
  .rc-page-tab.active svg {
    color: #7068ff;
  }
  .rc-workspace {
    min-height: 660px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    overflow: hidden;
  }
  .rc-workspace-head {
    display: none;
  }
  .rc-workspace-title {
    font-size: 32px;
    line-height: 1.1;
    font-weight: 950;
    color: white;
  }
  .rc-workspace-subtitle {
    color: #b7b8c8;
    font-weight: 700;
    margin-top: 6px;
  }
  .rc-workspace-badge {
    display: none;
    border: 1px solid rgba(108, 92, 231, 0.34);
    border-radius: 999px;
    padding: 8px 12px;
    color: white;
    background: rgba(108, 92, 231, 0.12);
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
  }
  .rc-empty-state {
    min-height: 360px;
    border-radius: 14px;
    border: 1px solid #2c2c34;
    background: #16161b;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 28px;
    color: #b7b8c8;
    font-weight: 750;
  }
  .rc-page-warning {
    min-height: 360px;
    border-radius: 14px;
    border: 1px solid rgba(255, 176, 31, 0.32);
    background: rgba(255, 176, 31, 0.1);
    display: grid;
    place-items: center;
    text-align: center;
    padding: 28px;
    color: white;
    font-size: 20px;
    font-weight: 950;
  }
  .rc-page-warning.is-banned {
    border-color: rgba(255, 86, 102, 0.36);
    background:
      radial-gradient(circle at top right, rgba(255, 86, 102, 0.18), transparent 34%),
      linear-gradient(180deg, rgba(60, 11, 17, 0.96) 0%, rgba(34, 8, 12, 0.98) 100%);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
    text-align: left;
    place-items: center;
    padding: 34px;
  }
  .rc-ban-state {
    display: grid;
    gap: 18px;
    align-content: center;
    min-height: 100%;
    width: min(760px, 100%);
  }
  .rc-ban-state-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 86, 102, 0.14);
    border: 1px solid rgba(255, 86, 102, 0.3);
    color: #ff7a86;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .rc-ban-state-badge::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #ff5967;
    box-shadow: 0 0 0 6px rgba(255, 89, 103, 0.16);
  }
  .rc-ban-state-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.02;
    letter-spacing: -0.04em;
  }
  .rc-ban-state-copy {
    margin: 0;
    max-width: 720px;
    color: rgba(255,255,255,0.86);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
  }
  .rc-ban-state-reason {
    display: grid;
    gap: 8px;
    max-width: 760px;
    padding: 18px 20px;
    border-radius: 18px;
    border: 1px solid rgba(255, 86, 102, 0.24);
    background: rgba(255, 255, 255, 0.04);
  }
  .rc-ban-state-reason-label {
    color: #ff929d;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .rc-ban-state-reason-value {
    color: #ffffff;
    font-size: 19px;
    line-height: 1.45;
    font-weight: 850;
  }
  .rc-mail-list {
    display: grid;
    gap: 12px;
    max-width: 860px;
  }
  .rc-mail-list .mail-item {
    border-color: #2c2c34;
    background: #16161b;
    color: white;
  }
  .rc-mail-list .mail-meta {
    color: #9b9cad;
  }
  .rc-profile-view {
    display: grid;
    grid-template-columns: minmax(0, 820px) 272px;
    gap: 28px;
    width: min(100%, 1120px);
    justify-content: start;
    margin-left: auto;
    margin-right: 64px;
    align-items: start;
  }
  .rc-profile-main {
    width: min(100%, 820px);
    justify-self: start;
    display: grid;
    gap: 12px;
  }
  .rc-profile-name {
    font-size: 58px;
    line-height: 1;
    font-weight: 350;
    color: white;
    margin-bottom: 8px;
  }
  .rc-profile-status {
    color: #aeb0c0;
    font-size: 16px;
    min-height: 22px;
  }
  .rc-post-composer {
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
    background: linear-gradient(180deg, #17181f 0%, #14151b 100%);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 11px 12px 11px 14px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
  }
  .rc-post-composer:focus-within {
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108, 101, 255, 0.16);
    background: linear-gradient(180deg, #1a1b23 0%, #161822 100%);
  }
  .rc-post-composer textarea {
    width: 100%;
    min-height: 34px;
    max-height: 120px;
    border: 0;
    outline: none;
    resize: vertical;
    background: transparent;
    color: white;
    font: inherit;
    font-size: 14px;
    line-height: 1.45;
  }
  .rc-post-composer textarea::placeholder {
    color: #8d8fa0;
  }
  .rc-post-actions {
    display: flex;
    gap: 7px;
    align-items: center;
  }
  .rc-icon-button {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: #a6a7b8;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: 0.18s;
  }
  .rc-icon-button:hover {
    color: white;
    background: #28282f;
  }
  .rc-post-feed {
    display: grid;
    gap: 10px;
  }
  .rc-post-card {
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(40,41,50,.98) 0%, rgba(33,34,42,.98) 100%);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
    padding: 14px 15px 12px;
    color: white;
  }
  .rc-post-author {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }
  .rc-post-author img {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    image-rendering: pixelated;
  }
  .rc-post-name {
    color: white;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 900;
  }
  .rc-post-date {
    color: #aeb0c0;
    font-size: 12px;
    margin-top: 1px;
  }
  .rc-post-text {
    max-width: 68ch;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    white-space: pre-wrap;
    margin-bottom: 10px;
  }
  .rc-post-image {
    width: min(100%, 500px);
    max-height: 300px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
    margin-top: 2px;
  }
  .rc-profile-side {
    display: grid;
    gap: 14px;
  }
  .rc-player-card,
  .rc-city-card,
  .rc-profile-communities-card,
  .rc-profile-cards-card,
  .rc-settings-card {
    border-radius: 18px;
    background: #24242b;
    padding: 16px;
    color: white;
  }
  .rc-settings-card {
    padding: 20px 22px 22px;
  }
  .rc-skin-stage {
    height: 240px;
    border-radius: 18px;
    background: #6b65ff;
    display: grid;
    place-items: end center;
    overflow: hidden;
    margin-bottom: 12px;
  }
  .rc-skin-stage img {
    max-height: 225px;
    image-rendering: pixelated;
  }
  .rc-side-name {
    font-size: 28px;
    line-height: 1.1;
    margin-bottom: 8px;
  }
  .rc-side-status,
  .rc-side-meta {
    color: #b7b8c8;
    font-size: 14px;
    line-height: 1.5;
  }
  .rc-status-row {
    display: grid;
    gap: 8px;
    margin-top: 12px;
  }
  .rc-status-row input {
    width: 100%;
    border: 1px solid #33343d;
    border-radius: 10px;
    background: #17171c;
    color: white;
    min-height: 40px;
    padding: 0 12px;
    font: inherit;
  }
  .rc-status-row button,
  .rc-post-submit {
    border: 0;
    border-radius: 10px;
    min-height: 40px;
    padding: 0 14px;
    color: white;
    background: #6c65ff;
    font-weight: 850;
    cursor: pointer;
  }
  .rc-city-card h3,
  .rc-profile-communities-card h3 {
    font-size: 21px;
    margin-bottom: 14px;
  }
  .rc-profile-cards-card h3,
  .rc-settings-card h3 {
    font-size: 21px;
    margin-bottom: 14px;
  }
  .rc-profile-communities-card h3 {
    font-size: 0;
    line-height: 1;
  }
  .rc-profile-communities-card h3::after {
    content: "Сообщества";
    font-size: 21px;
    line-height: 1.2;
  }
  .rc-profile-community-list {
    display: grid;
    gap: 10px;
  }
  .rc-profile-community-row {
    border: 0;
    background: transparent;
    color: white;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    text-align: left;
    font: inherit;
    cursor: pointer;
  }
  .rc-profile-community-row img {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    object-fit: cover;
    image-rendering: pixelated;
    background: #6c65ff;
    flex: 0 0 auto;
  }
  .rc-profile-community-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
  }
  .rc-profile-community-name {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 850;
    line-height: 1.15;
  }
  .rc-profile-community-subscribers {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a8a9ba;
    font-size: 14px;
    line-height: 1.15;
  }
  .rc-profile-community-row:hover .rc-profile-community-name {
    color: #aaa6ff;
  }
  .rc-profile-cards-list {
    display: grid;
    gap: 12px;
  }
  .rc-profile-card-row {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }
  .rc-profile-card-row .rc-bank-card-visual {
    width: 112px;
    height: 78px;
    border-radius: 16px;
  }
  .rc-profile-card-meta {
    min-width: 0;
    display: grid;
    gap: 6px;
    align-content: start;
  }
  .rc-profile-card-title {
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 18px;
    line-height: 1.12;
    font-weight: 600;
    letter-spacing: -0.01em;
  }
  .rc-profile-card-caption {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .rc-profile-card-balance {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 10px;
    background: rgba(108, 101, 255, 0.22);
    color: white;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: 0.04em;
  }
  .rc-settings-view {
    display: grid;
    gap: 16px;
    max-width: 860px;
  }
  .rc-settings-copy {
    display: grid;
    gap: 8px;
    padding-bottom: 6px;
  }
  .rc-settings-copy strong {
    font-size: 16px;
    line-height: 1.25;
  }
  .rc-settings-copy span {
    color: #b7b8c8;
    font-size: 14px;
    line-height: 1.5;
  }
  .rc-settings-list {
    display: grid;
    gap: 12px;
  }
  .rc-settings-section {
    display: grid;
    gap: 14px;
  }
  .rc-settings-notifications-section {
    margin-top: 10px;
    padding-top: 4px;
  }
  .rc-settings-subcopy {
    padding-top: 4px;
  }
  .rc-settings-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-radius: 14px;
    border: 1px solid #33343d;
    background: #17171c;
  }
  .rc-settings-item .license-toggle {
    flex: 0 0 auto;
  }
  .rc-settings-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
  }
  .rc-settings-save {
    border: 0;
    border-radius: 12px;
    min-height: 42px;
    padding: 0 18px;
    color: white;
    background: #6c65ff;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
  }
  .rc-settings-note {
    color: #b7b8c8;
    font-size: 14px;
    line-height: 1.5;
  }
  .rc-settings-notification-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
  }
  .rc-settings-notification-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 56px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid #33343d;
    background: #17171c;
  }
  .rc-settings-notification-item strong {
    font-size: 15px;
    line-height: 1.25;
  }
  .rc-settings-notification-item .license-toggle {
    flex: 0 0 auto;
  }
  @media (max-width: 720px) {
    .rc-settings-notification-grid {
      grid-template-columns: 1fr;
    }
  }
  body:not(.dark-theme) .rc-settings-notification-item {
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%) !important;
    border: 1px solid #e4e8f2 !important;
    box-shadow: 0 14px 30px rgba(124, 132, 164, 0.08) !important;
  }
  body:not(.dark-theme) .rc-settings-notification-item strong {
    color: #15161d !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-modal {
    background: rgba(239, 243, 252, 0.76) !important;
    backdrop-filter: blur(14px) !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-dialog,
  body:not(.dark-theme) .rc-confirm-dialog {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%) !important;
    color: #15161d !important;
    border: 1px solid #e2e7f3 !important;
    box-shadow: 0 30px 70px rgba(110, 121, 157, 0.18) !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-head,
  body:not(.dark-theme) .rc-wallet-transfer-form,
  body:not(.dark-theme) .rc-confirm-copy,
  body:not(.dark-theme) #rc-admin-role-title,
  body:not(.dark-theme) #rc-post-delete-title {
    color: #15161d !important;
  }
  body:not(.dark-theme) .rc-confirm-copy,
  body:not(.dark-theme) .rc-inline-status {
    color: #646b84 !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-close,
  body:not(.dark-theme) .rc-confirm-dialog .rc-wallet-transfer-close {
    background: #f5f7fc !important;
    color: #6f7387 !important;
    border: 1px solid #dde3ef !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-close:hover,
  body:not(.dark-theme) .rc-confirm-dialog .rc-wallet-transfer-close:hover {
    background: #ffffff !important;
    color: #15161d !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-actions-bottom button {
    background: #eef1f7 !important;
    color: #39405a !important;
    border: 1px solid #dde3ef !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.82) !important;
  }
  body:not(.dark-theme) .rc-confirm-dialog .rc-wallet-transfer-actions-bottom button,
  body:not(.dark-theme) .rc-wallet-transfer-actions-bottom button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-actions-bottom .primary {
    background: #6c65ff !important;
    color: #ffffff !important;
    border-color: #6c65ff !important;
    box-shadow: 0 14px 28px rgba(108, 101, 255, 0.24) !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-actions-bottom .danger {
    background: #ff5059 !important;
    color: #ffffff !important;
    border-color: #ff5059 !important;
    box-shadow: 0 14px 26px rgba(255, 80, 89, 0.22) !important;
    background-image: none !important;
  }
  body:not(.dark-theme) #rc-admin-role-modal,
  body:not(.dark-theme) #rc-admin-ban-modal,
  body:not(.dark-theme) #rc-admin-unban-modal,
  body:not(.dark-theme) #rc-admin-whitelist-modal,
  body:not(.dark-theme) #rc-admin-whitelist-delete-modal {
    align-items: flex-start !important;
    overflow-y: auto !important;
    padding: 88px 18px 18px !important;
  }
  body:not(.dark-theme) #rc-admin-role-modal .rc-wallet-transfer-dialog,
  body:not(.dark-theme) #rc-admin-ban-modal .rc-wallet-transfer-dialog,
  body:not(.dark-theme) #rc-admin-unban-modal .rc-wallet-transfer-dialog,
  body:not(.dark-theme) #rc-admin-whitelist-modal .rc-wallet-transfer-dialog,
  body:not(.dark-theme) #rc-admin-whitelist-delete-modal .rc-wallet-transfer-dialog {
    width: min(980px, calc(100vw - 40px)) !important;
    max-height: none !important;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%) !important;
  }
  body:not(.dark-theme) #rc-admin-ban-modal .rc-wallet-transfer-dialog,
  body:not(.dark-theme) #rc-admin-unban-modal .rc-wallet-transfer-dialog,
  body:not(.dark-theme) #rc-admin-whitelist-modal .rc-wallet-transfer-dialog,
  body:not(.dark-theme) #rc-admin-whitelist-delete-modal .rc-wallet-transfer-dialog {
    width: min(680px, calc(100vw - 40px)) !important;
    max-height: min(560px, calc(100vh - 112px)) !important;
  }
  body:not(.dark-theme) #rc-admin-role-checks {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }
  body:not(.dark-theme) .rc-role-check {
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%) !important;
    border: 1px solid #e2e7f0 !important;
    box-shadow: 0 12px 28px rgba(124, 132, 164, 0.08) !important;
  }
  body:not(.dark-theme) .rc-role-check:hover {
    border-color: rgba(108,101,255,0.28) !important;
    box-shadow: 0 18px 36px rgba(108, 101, 255, 0.12) !important;
  }
  body:not(.dark-theme) .rc-role-check span {
    color: #15161d !important;
  }
  body:not(.dark-theme) .rc-role-check input {
    appearance: none !important;
  }
  body:not(.dark-theme) .rc-role-check span::before {
    background: linear-gradient(180deg, #f7f9fe 0%, #edf1f9 100%) !important;
    border-color: #d6ddec !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92) !important;
  }
  body:not(.dark-theme) .rc-role-check input:checked + span::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M3.25 8.4 6.6 11.5 12.8 4.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #7f78ff 0%, #615aff 100%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: center, center !important;
    background-size: 14px 14px, auto !important;
    border-color: #6c65ff !important;
    box-shadow: 0 10px 22px rgba(108, 101, 255, 0.24) !important;
  }
  body:not(.dark-theme) .rc-community-hero,
  body:not(.dark-theme) .rc-community-info,
  body:not(.dark-theme) .rc-community-admin-actions {
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
    color: #15161d !important;
    border: 1px solid #e4e6ee !important;
    box-shadow: 0 18px 40px rgba(124, 132, 164, 0.1) !important;
  }
  body:not(.dark-theme) .rc-community-create-head h2,
  body:not(.dark-theme) .rc-community-name {
    color: #15161d !important;
  }
  body:not(.dark-theme) .rc-community-meta,
  body:not(.dark-theme) .rc-community-owner,
  body:not(.dark-theme) .rc-community-info .rc-side-meta {
    color: #6f7281 !important;
  }
  body:not(.dark-theme) .rc-community-cover:not(.has-image) {
    background:
      radial-gradient(circle at 54% 35%, rgba(222, 177, 123, 0.58) 0 18%, transparent 19%),
      linear-gradient(145deg, rgba(255,255,255,0.72), rgba(255,255,255,0.14) 35%),
      linear-gradient(180deg, #dde7fb, #cad8f1 72%) !important;
  }
  body:not(.dark-theme) .rc-community-cover.has-image {
    background-image:
      linear-gradient(rgba(255,255,255,0.08), rgba(246,249,255,0.2)),
      var(--rc-community-cover-image) !important;
    background-position: center !important;
    background-size: cover !important;
  }
  body:not(.dark-theme) .rc-community-cover::after {
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(241,245,253,0.92) 100%) !important;
  }
  body:not(.dark-theme) .rc-community-cover-upload {
    background: rgba(243, 247, 255, 0.28) !important;
    color: #18223d !important;
  }
  body:not(.dark-theme) .rc-community-cover-upload:hover {
    background: rgba(255,255,255,0.62) !important;
  }
  body:not(.dark-theme) #rc-community-delete-modal {
    align-items: center !important;
    padding: 96px 18px 18px !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-button {
    background: linear-gradient(180deg, #ffffff 0%, #f6f8fd 100%) !important;
    color: #1a2030 !important;
    border: 1px solid #dfe4ef !important;
    box-shadow: 0 14px 28px rgba(124, 132, 164, 0.08), inset 0 1px 0 rgba(255,255,255,0.92) !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-button:hover {
    background: linear-gradient(180deg, #ffffff 0%, #f1f4fb 100%) !important;
    color: #111827 !important;
    border-color: rgba(108, 101, 255, 0.3) !important;
    box-shadow: 0 18px 32px rgba(108, 101, 255, 0.12), inset 0 1px 0 rgba(255,255,255,0.96) !important;
  }
  body:not(.dark-theme) .rc-wallet-transfer-button[disabled] {
    background: #f5f7fb !important;
    color: #9096aa !important;
    border-color: #e6e9f1 !important;
    box-shadow: none !important;
  }
  body:not(.dark-theme) .rc-transfer-source-card {
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fe 100%) !important;
    color: #15161d !important;
    border: 1px solid #e2e7f0 !important;
    box-shadow: 0 12px 24px rgba(124, 132, 164, 0.08) !important;
  }
  body:not(.dark-theme) .rc-transfer-source-card:hover,
  body:not(.dark-theme) .rc-transfer-source-card.active {
    background: #eef2ff !important;
    border-color: rgba(108, 101, 255, 0.3) !important;
  }
  body:not(.dark-theme) .rc-transfer-source-name,
  body:not(.dark-theme) .rc-transfer-card-item,
  body:not(.dark-theme) .rc-player-picker-item,
  body:not(.dark-theme) .rc-fines-title,
  body:not(.dark-theme) .rc-fines-empty {
    color: #15161d !important;
  }
  body:not(.dark-theme) .rc-transfer-source-balance {
    color: #6b7288 !important;
  }
  body:not(.dark-theme) .rc-wallet-add-form input,
  body:not(.dark-theme) .rc-wallet-transfer-form input,
  body:not(.dark-theme) .rc-wallet-transfer-form textarea,
  body:not(.dark-theme) .rc-wallet-form input,
  body:not(.dark-theme) .rc-wallet-form select,
  body:not(.dark-theme) .rc-player-picker,
  body:not(.dark-theme) .rc-transfer-card-picker,
  body:not(.dark-theme) .rc-wallet-theme-select {
    background: linear-gradient(180deg, #ffffff 0%, #f5f7fc 100%) !important;
    color: #15161d !important;
    border: 1px solid #dfe4ef !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
  }
  body:not(.dark-theme) .rc-wallet-add-form input::placeholder,
  body:not(.dark-theme) .rc-wallet-transfer-form input::placeholder,
  body:not(.dark-theme) .rc-wallet-transfer-form textarea::placeholder,
  body:not(.dark-theme) .rc-wallet-form input::placeholder {
    color: #8b91a6 !important;
  }
  body:not(.dark-theme) .rc-wallet-theme-select .rc-filter-select-head svg,
  body:not(.dark-theme) .rc-transfer-card-current::after {
    color: #8a90a3 !important;
    border-color: #8a90a3 !important;
  }
  body:not(.dark-theme) .rc-player-picker-item:hover,
  body:not(.dark-theme) .rc-player-picker-item.active,
  body:not(.dark-theme) .rc-transfer-card-item:hover,
  body:not(.dark-theme) .rc-transfer-card-item.active {
    background: #eef2ff !important;
    color: #3942d2 !important;
  }
  body:not(.dark-theme) .rc-transfer-card-list {
    border-color: #d8deed !important;
  }
  body:not(.dark-theme) .rc-fines-back {
    background: #eef1f7 !important;
    color: #39405a !important;
    border: 1px solid #dde3ef !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86) !important;
  }
  body:not(.dark-theme) .rc-fines-summary-card,
  body:not(.dark-theme) .rc-fine-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafe 100%) !important;
    border: 1px solid #e1e6f0 !important;
    box-shadow: 0 18px 36px rgba(26, 34, 54, 0.08) !important;
  }
  body:not(.dark-theme) .rc-fines-summary-card strong,
  body:not(.dark-theme) .rc-fine-player strong {
    color: #15161d !important;
  }
  body:not(.dark-theme) .rc-fines-summary-card span,
  body:not(.dark-theme) .rc-fine-player span,
  body:not(.dark-theme) .rc-fine-meta {
    color: #6f758b !important;
  }
  body:not(.dark-theme) .rc-fines-create-button {
    box-shadow: 0 18px 34px rgba(108, 101, 255, 0.18) !important;
  }
  body:not(.dark-theme) .rc-fine-reason {
    background: #f3f6fc !important;
    border: 1px solid #e0e6f2 !important;
    color: #15161d !important;
    box-shadow: none !important;
  }
  body:not(.dark-theme) .rc-fine-delete {
    background: #fff1f3 !important;
    color: #db445d !important;
    box-shadow: none !important;
  }
  body:not(.dark-theme) .rc-fine-pay {
    box-shadow: 0 16px 28px rgba(108, 101, 255, 0.14) !important;
  }
  body:not(.dark-theme) .rc-wallet-theme-select .rc-filter-menu {
    background: #ffffff !important;
    border: 1px solid #dfe4ef !important;
    box-shadow: 0 18px 38px rgba(29, 31, 44, 0.12) !important;
  }
  body:not(.dark-theme) .rc-wallet-theme-select .rc-filter-option {
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fe 100%) !important;
    color: #15161d !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88) !important;
  }
  body:not(.dark-theme) .rc-wallet-theme-select .rc-filter-option:hover,
  body:not(.dark-theme) .rc-wallet-theme-select .rc-filter-option.active {
    background: #eef2ff !important;
    color: #3d46d9 !important;
  }
  body:not(.dark-theme) .rc-wallet-static-field strong {
    color: #15161d !important;
  }
  body:not(.dark-theme) .rc-wallet-create-preview {
    background: linear-gradient(180deg, #f7f9ff 0%, #eef3ff 100%) !important;
    border: 1px solid #dfe5f1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86) !important;
  }
  body:not(.dark-theme) .rc-wallet-create-preview-copy strong {
    color: #15161d !important;
  }
  body:not(.dark-theme) .rc-wallet-create-preview-copy span,
  body:not(.dark-theme) .rc-wallet-create-theme-label {
    color: #6b7288 !important;
  }
  .rc-streamer-wallet-copy {
    display: grid;
    gap: 10px;
    justify-items: center;
  }
  .rc-streamer-wallet-copy strong {
    color: white;
    font-size: 24px;
    line-height: 1.1;
  }
  .rc-streamer-wallet-copy span {
    max-width: 420px;
  }
  .rc-city-row {
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .rc-city-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(255, 190, 56, 0.18);
    color: #ffbe38;
  }
  .rc-inline-status {
    color: #9b9cad;
    min-height: 20px;
    font-size: 13px;
  }
  .rc-inline-status.error {
    color: #ff7f97;
  }
  .rc-inline-status.success {
    color: #8ee4a1;
  }
  .rc-inline-status:empty {
    display: none;
    min-height: 0;
  }
  .rc-role-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
  }
  .rc-role-tag {
    border-radius: 11px;
    padding: 10px 16px;
    background: rgba(255, 181, 46, 0.18);
    color: #ffbd3d;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
  }
  .rc-role-tag.role-administrator {
    background: rgba(255, 74, 92, 0.2);
    color: #ff6d7d;
  }
  .rc-role-tag.role-support_agent {
    background: rgba(108, 101, 255, 0.2);
    color: #aaa6ff;
  }
  .rc-admin-view {
    max-width: 960px;
    display: grid;
    gap: 16px;
  }
  .rc-admin-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
  }
  .rc-admin-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px;
    border-radius: 16px;
    background: #111118;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  }
  .rc-admin-switch-button {
    border: 0;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 12px;
    background: transparent;
    color: #aeb1c4;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
  }
  .rc-admin-switch-button:hover {
    color: #ffffff;
    background: rgba(255,255,255,.05);
  }
  .rc-admin-switch-button.active {
    background: #6c65ff;
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(108, 101, 255, 0.22);
  }
  .rc-admin-action-button {
    border: 0;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 14px;
    background: #6c65ff;
    color: #ffffff;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 14px 32px rgba(108, 101, 255, 0.24);
  }
  .rc-admin-section-card {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 18px;
    background: #15151a;
    color: white;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 42px rgba(0,0,0,.22);
  }
  .rc-admin-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
  }
  .rc-admin-section-title {
    display: grid;
    gap: 4px;
  }
  .rc-admin-section-title h3 {
    margin: 0;
    font-size: 28px;
    line-height: 1.05;
    letter-spacing: -.03em;
  }
  .rc-admin-section-title p {
    margin: 0;
    color: #aeb1c4;
    font-size: 14px;
    line-height: 1.45;
  }
  .rc-admin-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: #101119;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.08);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -.01em;
    white-space: nowrap;
  }
  .rc-admin-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .rc-admin-search {
    min-height: 52px;
    border: 0;
    border-radius: 14px;
    background: #09090c;
    color: white;
    padding: 0 16px;
    font: inherit;
  }
  .rc-admin-list {
    display: grid;
    gap: 12px;
  }
  .rc-admin-player {
    border-radius: 14px;
    background: #15151a;
    color: white;
    padding: 14px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
  }
  .rc-admin-player img {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    image-rendering: pixelated;
  }
  .rc-admin-edit {
    border: 0;
    border-radius: 10px;
    min-height: 40px;
    padding: 0 14px;
    background: #6c65ff;
    color: white;
    font-weight: 850;
    cursor: pointer;
  }
  .rc-admin-remove {
    border: 0;
    border-radius: 10px;
    min-height: 40px;
    padding: 0 14px;
    background: rgba(255, 82, 104, 0.16);
    color: #ff7f95;
    font-weight: 850;
    cursor: pointer;
  }
  .rc-admin-remove:hover {
    background: rgba(255, 82, 104, 0.22);
  }
  .rc-admin-player-status {
    margin-top: 6px;
    color: #8f93a9;
    font-size: 13px;
    line-height: 1.4;
  }
  .rc-role-checks {
    display: grid;
    gap: 12px;
  }
  .rc-role-check {
    position: relative;
    display: block;
    min-height: 58px;
    border-radius: 16px;
    background: linear-gradient(180deg, #101118 0%, #090a0f 100%);
    padding: 0;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,.08);
    overflow: hidden;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
  }
  .rc-role-check:hover {
    transform: translateY(-1px);
    border-color: rgba(108,101,255,.32);
    box-shadow: 0 16px 34px rgba(8, 10, 18, 0.28);
  }
  .rc-role-check input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
  }
  .rc-role-check span {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 58px;
    padding: 14px 16px;
    min-width: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 760;
    line-height: 1.3;
    letter-spacing: -.01em;
    z-index: 1;
  }
  .rc-role-check span::before {
    content: '';
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.14);
    background: linear-gradient(180deg, #171923 0%, #0f1118 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  .rc-role-check input:checked + span::before {
    background-color: #6c65ff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M3.25 8.4 6.6 11.5 12.8 4.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #847dff 0%, #5f58ff 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 14px 14px, auto;
    border-color: #7a73ff;
    box-shadow: 0 10px 22px rgba(108, 101, 255, 0.32);
  }
  .rc-page-tab.rc-admin-tab {
    margin-top: 0;
  }
  .rc-header-nav .rc-page-tab.rc-admin-tab {
    margin-left: 6px;
    align-self: center;
  }
  .rc-post-card {
    position: relative;
  }
  .rc-post-card.has-owner-actions {
    padding-top: 14px;
  }
  .rc-post-card.has-owner-actions .rc-post-author,
  .rc-community-post-card .rc-post-author {
    padding-right: 46px;
  }
  .rc-post-owner-actions {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    gap: 8px;
    z-index: 2;
  }
  .rc-post-toolbar {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
  }
  .rc-rating-button,
  .rc-delete-post,
  .rc-edit-post {
    border: 0;
    border-radius: 999px;
    min-height: 36px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: white;
    background: #353251;
    font-weight: 850;
    cursor: pointer;
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
  }
  .rc-rating-button:hover,
  .rc-delete-post:hover,
  .rc-edit-post:hover {
    transform: translateY(-2px);
  }
  .rc-rating-button.upvoted {
    background: #6c65ff;
    box-shadow: 0 8px 22px rgba(108, 101, 255, 0.28);
  }
  .rc-rating-button.downvoted {
    background: #4b4b57;
    color: #d6d7e4;
  }
  .rc-rating-button svg {
    width: 18px;
    height: 18px;
    stroke-width: 2.7;
  }
  .rc-rating-value {
    min-width: 28px;
    text-align: center;
  }
  .rc-like-button {
    border: 0;
    border-radius: 999px;
    min-height: 32px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #9b9cad;
    background: #303039;
    font-weight: 850;
    cursor: pointer;
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
  }
  .rc-like-button:hover {
    transform: translateY(-2px);
    color: white;
  }
  .rc-like-button.liked {
    color: #ff5a72;
    background: rgba(255, 90, 114, 0.14);
    box-shadow: 0 8px 22px rgba(255, 90, 114, 0.16);
  }
  .rc-like-button svg {
    width: 16px;
    height: 16px;
    stroke-width: 2.4;
    fill: currentColor;
  }
  .rc-like-count {
    min-width: 16px;
    color: white;
    font-weight: 850;
    font-size: 15px;
  }
  .rc-post-comments {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.06);
    display: grid;
    gap: 10px;
  }
  .rc-post-comments-list {
    display: grid;
    gap: 10px;
  }
  .rc-post-comment-item {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
  }
  .rc-post-comment-item.extra-comment {
    display: none;
  }
  .rc-post-comments.expanded .rc-post-comment-item.extra-comment {
    display: grid;
  }
  .rc-post-comment-item img {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    image-rendering: pixelated;
  }
  .rc-post-comment-author {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
  }
  .rc-post-comment-author strong {
    color: white;
    font-size: 14px;
  }
  .rc-profile-link-inline {
    color: inherit;
    text-decoration: none;
    transition: color .18s ease;
  }
  .rc-profile-link-inline:hover {
    color: var(--accent-color);
  }
  .rc-post-comment-author span {
    color: #aeb0c0;
    font-size: 12px;
  }
  .rc-post-comment-text {
    margin-top: 3px;
    color: white;
    font-size: 14px;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  .rc-post-comments-toggle {
    border: 0;
    background: transparent;
    color: #6c65ff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    padding: 0;
    justify-self: center;
  }
  .rc-post-comment-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
  }
  .rc-post-comment-form input {
    width: 100%;
    min-width: 0;
    border: 0;
    border-radius: 11px;
    min-height: 40px;
    background: #09090c;
    color: white;
    padding: 0 12px;
    font: inherit;
  }
  .rc-post-comment-form input::placeholder {
    color: #9b9cad;
  }
  .rc-post-comment-send {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #b3b4c3;
    display: grid;
    place-items: center;
    cursor: pointer;
  }
  .rc-post-comment-send:hover {
    color: white;
    background: #28282f;
  }
  .rc-post-comment-send svg {
    width: 20px;
    height: 20px;
  }
  .rc-post-comment-status {
    min-height: 18px;
  }
  .rc-delete-post,
  .rc-edit-post {
    width: 36px;
    justify-content: center;
    padding: 0;
  }
  .rc-delete-post {
    background: rgba(255, 89, 89, 0.16);
    color: #ffb4b4;
  }
  .rc-edit-post {
    background: rgba(255, 255, 255, 0.08);
    color: #f3f3fb;
  }
  .rc-delete-post svg,
  .rc-edit-post svg {
    width: 18px;
    height: 18px;
    stroke-width: 2.2;
  }
  .rc-edit-box {
    display: grid;
    gap: 10px;
    margin-top: 12px;
  }
  .rc-edit-box textarea {
    min-height: 96px;
    width: 100%;
    resize: vertical;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    background: #15151b;
    color: white;
    padding: 12px;
    font: inherit;
  }
  .rc-edit-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
  }
  .rc-edit-actions button {
    border: 0;
    border-radius: 10px;
    min-height: 38px;
    padding: 0 14px;
    cursor: pointer;
    font-weight: 800;
  }
  .rc-edit-save {
    background: #6c65ff;
    color: white;
  }
  .rc-edit-cancel {
    background: #2a2934;
    color: #d8d9e6;
  }
  .rc-profile-link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
  }
  .rc-profile-link:hover {
    text-decoration: underline;
  }
  .rc-banned-name {
    color: #ff6f79;
  }
  .rc-banned-name.is-profile {
    color: inherit;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: rgba(255, 111, 121, 0.8);
  }
  .rc-admin-edit.secondary {
    background: #2b2c37;
    color: #f3f4fa;
  }
  .rc-verified {
    display: inline-flex;
    vertical-align: middle;
    color: #7d75ff;
    margin-left: 5px;
  }
  .rc-news-view {
    display: grid;
    grid-template-columns: minmax(0, 820px) 272px;
    gap: 28px;
    align-items: start;
    width: min(100%, 1120px);
    justify-content: start;
    margin-left: auto;
    margin-right: 64px;
  }
  .rc-news-main {
    width: min(100%, 820px);
    justify-self: start;
    display: grid;
    gap: 12px;
  }
  .rc-news-side {
    width: 272px;
    justify-self: start;
    display: grid;
    gap: 14px;
    overflow: visible;
    position: sticky;
    top: 104px;
    isolation: isolate;
  }
  .rc-filter-card {
    border: 1px solid #282a36;
    border-radius: 16px;
    background: #171820;
    padding: 14px 16px;
    color: white;
    overflow: visible;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
  }
  .rc-filter-label {
    display: block;
    color: #9b9cad;
    font-size: 13px;
    margin-bottom: 4px;
  }
  .rc-filter-value {
    display: block;
    font-weight: 850;
  }
  .rc-filter-select {
    position: relative;
    cursor: pointer;
    z-index: 0;
  }
  .rc-filter-select.open {
    z-index: 12;
  }
  .rc-filter-select-head {
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    font: inherit;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    border-radius: 12px;
  }
  .rc-filter-select-head:focus-visible {
    outline: none;
  }
  .rc-filter-select-head svg {
    width: 18px;
    height: 18px;
    color: #a6a7b8;
    transition: transform 0.18s ease;
  }
  .rc-filter-select.open .rc-filter-select-head svg {
    transform: rotate(180deg);
  }
  .rc-filter-menu {
    position: absolute;
    inset-inline: 0;
    top: calc(100% + 10px);
    z-index: 5;
    border: 1px solid #36384a;
    border-radius: 16px;
    background: #0f1015;
    padding: 8px;
    display: none;
    gap: 6px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42);
  }
  .rc-filter-select.open .rc-filter-menu {
    display: grid;
  }
  .rc-filter-option {
    border: 0;
    min-height: 40px;
    border-radius: 12px;
    background: transparent;
    color: #e1e3ef;
    font: inherit;
    text-align: left;
    cursor: pointer;
    padding: 0 12px;
  }
  .rc-filter-option:hover,
  .rc-filter-option.active {
    background: #1c1e29;
    color: white;
  }
  .rc-inline-select {
    min-width: 0;
    padding: 10px 16px;
  }
  .rc-inline-select .rc-filter-select-head {
    min-height: 36px;
  }
  .rc-inline-select .rc-filter-value {
    line-height: 1.35;
  }
  .rc-inline-select.is-disabled {
    opacity: 0.7;
  }
  .rc-inline-select.is-disabled .rc-filter-select-head {
    cursor: default;
  }
  .rc-selected-image-preview {
    border-radius: 14px;
    overflow: hidden;
    background: #101016;
    border: 1px solid #2c2c34;
    max-width: 420px;
  }
  .rc-selected-image-preview[hidden] {
    display: none;
  }
  .rc-selected-image-preview img {
    display: block;
    width: min(100%, 360px);
    max-height: 240px;
    object-fit: cover;
    border-radius: 14px;
  }
  .rc-file-picker {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: #101016;
    padding: 14px 16px;
    color: white;
    display: grid;
    gap: 6px;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
  }
  .rc-file-picker:hover {
    border-color: rgba(108,101,255,.46);
    background: #14151c;
  }
  .rc-file-picker:focus-within {
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108, 101, 255, 0.16);
  }
  .rc-file-picker-name {
    font-weight: 850;
    line-height: 1.4;
  }
  .rc-file-picker-name.is-empty {
    color: #d5d6e5;
  }
  .rc-hidden-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
  }
  .rc-players-view {
    display: grid;
    gap: 22px;
    max-width: 960px;
  }
  .rc-players-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 14px;
    align-items: start;
  }
  .rc-player-search,
  .rc-player-role {
    width: 100%;
    border: 1px solid #2f3140;
    border-radius: 16px;
    min-height: 58px;
    background-color: #101016;
    color: white;
    padding: 0 18px;
    font: inherit;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
  }
  .rc-player-search {
    padding-left: 52px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%239b9cad' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' stroke='%239b9cad' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 18px center;
  }
  .rc-player-search::placeholder {
    color: #9093a7;
  }
  .rc-player-search:focus,
  .rc-player-role:focus {
    outline: none;
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108, 101, 255, 0.16);
  }
  .rc-player-role {
    appearance: none;
    padding-right: 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23a6a7b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
  }
  .rc-players-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 72px;
  }
  .rc-player-item {
    display: flex;
    align-items: center;
    gap: 18px;
    color: white;
    text-decoration: none;
    font-size: 20px;
    font-weight: 750;
    transition: transform .18s ease, color .18s ease;
  }
  .rc-player-item:hover {
    transform: translateX(4px);
    color: #aaa6ff;
  }
  .rc-player-item img {
    width: 42px;
    height: 42px;
    image-rendering: pixelated;
    border-radius: 8px;
  }
  .rc-communities-view {
    max-width: 960px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 272px;
    gap: 12px;
    align-items: start;
  }
  .rc-community-switcher,
  .rc-community-list-panel,
  .rc-community-create-card,
  .rc-community-info,
  .rc-community-admin-actions {
    border-radius: 14px;
    background: #15151a;
    color: white;
  }
  .rc-community-switcher {
    overflow: hidden;
    min-height: 78px;
    padding: 18px 16px;
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .rc-community-mode {
    min-height: 40px;
    margin: 0 -16px 12px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    color: #7f8090;
    border-left: 4px solid transparent;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
  }
  .rc-community-mode.active {
    color: white;
    border-left-color: #6c65ff;
    background: #202033;
  }
  .rc-community-search {
    width: 100%;
    min-height: 52px;
    border: 1px solid #2f3140;
    border-radius: 16px;
    background: #101016;
    color: white;
    padding: 0 16px;
    font: inherit;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
  }
  .rc-community-search:focus {
    outline: none;
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108, 101, 255, 0.16);
  }
  .rc-community-search.with-icon {
    padding-left: 56px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%239b9cad' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' stroke='%239b9cad' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 18px center;
  }
  .rc-community-tools {
    display: grid;
    gap: 12px;
    margin-bottom: 16px;
  }
  .rc-community-search-row,
  .rc-players-search-row,
  .rc-court-search-row,
  .rc-admin-search-row,
  .rc-admin-wallet-search-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    flex: 1 1 100%;
    min-width: 0;
  }
  .rc-community-search-row,
  .rc-players-search-row {
    --rc-search-width: 100%;
  }
  .rc-court-search-row {
    --rc-search-width: 100%;
    flex: 1 1 520px;
  }
  .rc-admin-search-row {
    --rc-search-width: 100%;
  }
  .rc-admin-wallet-search-row {
    --rc-search-width: 420px;
    flex: 1 1 360px;
  }
  .rc-search-toggle {
    width: 40px;
    height: 40px;
    border: 1px solid #2f3140;
    border-radius: 12px;
    background: #101016;
    color: #aeb1c4;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
  }
  .rc-search-toggle:hover,
  .rc-search-toggle.active {
    border-color: #6c65ff;
    background: #181922;
    color: white;
  }
  .rc-search-reveal-shell {
    flex: 0 0 0;
    width: 0;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateX(-6px);
    pointer-events: none;
    transition: flex-basis 0.22s ease, width 0.22s ease, max-width 0.22s ease, opacity 0.18s ease, transform 0.18s ease;
  }
  .rc-search-reveal-shell.open {
    flex: 1 1 auto;
    width: min(100%, var(--rc-search-width, 100%));
    max-width: min(100%, var(--rc-search-width, 100%));
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
  }
  .rc-admin-search-row .rc-search-reveal-shell.open,
  .rc-admin-wallet-search-row .rc-search-reveal-shell.open {
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
  }
  .rc-community-create-button,
  .rc-community-action-button {
    width: 100%;
    min-height: 42px;
    margin: 0;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: #3b3b43;
    color: white;
    font: inherit;
    font-weight: 750;
    line-height: 1.2;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: transform .18s ease, background .18s ease;
  }
  .rc-community-create-button:hover,
  .rc-community-action-button:hover {
    transform: translateY(-1px);
    background: #4b4b55;
  }
  .rc-community-list-panel {
    padding: 16px;
    grid-column: 1;
    grid-row: 1 / span 2;
  }
  .rc-community-tabs {
    display: flex;
    gap: 28px;
    border-bottom: 1px solid #32323a;
    margin-bottom: 16px;
  }
  .rc-community-tab {
    border: 0;
    background: transparent;
    color: #9b9cad;
    padding: 0 0 12px;
    font: inherit;
    cursor: pointer;
  }
  .rc-community-tab.active {
    color: white;
    border-bottom: 1px solid #6c65ff;
  }
  .rc-community-list {
    display: grid;
    gap: 16px;
  }
  .rc-community-row {
    border: 0;
    background: transparent;
    color: white;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    text-align: left;
    cursor: pointer;
  }
  .rc-community-row:hover .rc-community-name {
    color: #aaa6ff;
  }
  .rc-community-row img,
  .rc-community-avatar {
    width: 46px;
    height: 46px;
    border-radius: 11px;
    object-fit: cover;
    image-rendering: pixelated;
    background: #6c65ff;
  }
  .rc-community-name {
    font-weight: 850;
    line-height: 1.2;
  }
  .rc-community-meta {
    color: #a8a9ba;
    line-height: 1.25;
  }
  .rc-community-create-view,
  .rc-community-edit-view {
    max-width: 448px;
    display: grid;
    gap: 18px;
  }
  .rc-community-detail {
    max-width: 960px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 272px;
    gap: 22px 16px;
    align-items: start;
  }
  .rc-community-detail .rc-community-create-head,
  .rc-community-detail .rc-community-hero {
    grid-column: 1 / -1;
  }
  .rc-community-main {
    min-width: 0;
    width: min(100%, 820px);
    justify-self: start;
    display: grid;
    gap: 12px;
  }
  .rc-community-side {
    min-width: 0;
    display: grid;
    gap: 16px;
  }
  .rc-community-back {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 12px;
    background: #252530;
    color: white;
    display: grid;
    place-items: center;
    cursor: pointer;
  }
  .rc-community-back svg {
    width: 24px;
    height: 24px;
  }
  .rc-community-create-head {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .rc-community-create-head h2 {
    color: white;
    font-size: 28px;
  }
  .rc-community-create-card {
    display: grid;
    gap: 12px;
    padding: 14px;
  }
  .rc-community-create-card input {
    width: 100%;
    min-height: 56px;
    border: 0;
    border-radius: 14px;
    background: #09090c;
    color: white;
    padding: 0 16px;
    font: inherit;
  }
  .rc-community-create-card input:focus {
    outline: 1px solid #6c65ff;
  }
  .rc-community-create-card .primary {
    background: #6c65ff;
  }
  .rc-community-confirm {
    border-radius: 14px;
    background: #15151a;
    color: white;
    padding: 16px;
    display: grid;
    gap: 12px;
  }
  .rc-community-confirm-actions {
    display: flex;
    gap: 10px;
  }
  .rc-community-confirm-actions button {
    flex: 1;
  }
  .rc-community-hero {
    overflow: hidden;
    border-radius: 14px;
    background: #15151a;
  }
  .rc-community-cover {
    height: clamp(220px, 27vw, 255px);
    background:
      radial-gradient(circle at 54% 35%, #c9975e 0 18%, transparent 19%),
      linear-gradient(145deg, rgba(255,255,255,.08), transparent 35%),
      linear-gradient(180deg, #121b2f, #0d0d12 72%);
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .rc-community-cover.has-image {
    background-image:
      linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.32)),
      var(--rc-community-cover-image);
    background-size: cover;
    background-position: center;
  }
  .rc-community-cover.has-image::after {
    display: none;
  }
  .rc-community-cover::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    height: 95px;
    background:
      linear-gradient(135deg, transparent 20%, #101524 21% 35%, transparent 36%),
      linear-gradient(45deg, transparent 16%, #090b12 17% 32%, transparent 33%);
  }
  .rc-community-cover-upload {
    position: absolute;
    inset: 0;
    z-index: 2;
    border: 0;
    background: rgba(0,0,0,.34);
    color: white;
    font-size: 18px;
    font-weight: 900;
    opacity: 0;
    cursor: pointer;
    transition: opacity .18s ease, background .18s ease;
  }
  .rc-community-cover:hover .rc-community-cover-upload,
  .rc-community-cover-upload:focus-visible {
    opacity: 1;
  }
  .rc-community-cover-upload:hover {
    background: rgba(0,0,0,.48);
  }
  .rc-community-cover input[type="file"] {
    display: none;
  }
  .rc-community-hero-body {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 16px;
  }
  .rc-community-avatar-wrap {
    width: 68px;
    height: 68px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    flex: 0 0 auto;
  }
  .rc-community-hero-body .rc-community-avatar {
    width: 68px;
    height: 68px;
    border-radius: 14px;
  }
  .rc-community-avatar-upload {
    position: absolute;
    inset: 0;
    border: 0;
    border-radius: 14px;
    background: rgba(9, 10, 16, 0.08);
    color: white;
    font-size: 0;
    font-weight: 850;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
    opacity: 0;
    cursor: pointer;
    backdrop-filter: blur(2px);
    transition: opacity .18s ease, background .18s ease;
  }
  .rc-community-avatar-upload::after {
    content: "Сменить";
    font-size: 12px;
    line-height: 1.2;
  }
  .rc-community-avatar-wrap:hover .rc-community-avatar-upload,
  .rc-community-avatar-upload:focus-visible {
    opacity: 1;
    background: rgba(9, 10, 16, 0.62);
  }
  .rc-community-avatar-upload:hover {
    background: rgba(9, 10, 16, 0.74);
  }
  .rc-community-avatar-wrap input[type="file"] {
    display: none;
  }
  .rc-community-subscribe {
    min-height: 42px;
    border: 0;
    border-radius: 12px;
    padding: 0 20px;
    background: #6c65ff;
    color: white;
    font-weight: 850;
    cursor: pointer;
  }
  .rc-community-info,
  .rc-community-admin-actions {
    padding: 16px;
    display: grid;
    gap: 14px;
  }
  .rc-community-post-card {
    position: relative;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(40,41,50,.98) 0%, rgba(33,34,42,.98) 100%);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
    padding: 14px 15px 12px;
    color: white;
  }
  .rc-community-post-feed {
    display: grid;
    gap: 10px;
  }
  .rc-community-post-comment {
    min-height: 42px;
    border-radius: 12px;
    background: #09090c;
    color: #9b9cad;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 12px 0 16px;
    margin-top: 16px;
  }
  .rc-community-post-comment svg {
    width: 24px;
    height: 24px;
    color: #a6a7b8;
  }
  .rc-post-menu {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2px);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  }
  .rc-post-card:hover .rc-post-menu,
  .rc-post-card:focus-within .rc-post-menu,
  .rc-community-post-card:hover .rc-post-menu,
  .rc-community-post-card:focus-within .rc-post-menu,
  .rc-post-menu.open {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
  .rc-post-menu-button {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 9px;
    background: #2b2b34;
    color: white;
    cursor: pointer;
    display: grid;
    place-items: center;
  }
  .rc-post-menu-button svg {
    width: 15px;
    height: 15px;
  }
  .rc-post-menu-button:hover {
    background: #3a3a45;
  }
  .rc-post-menu-popover {
    position: absolute;
    right: 0;
    top: 34px;
    min-width: 196px;
    border-radius: 16px;
    background: #1f1f27;
    padding: 10px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
    display: none;
    gap: 4px;
  }
  .rc-post-menu.open .rc-post-menu-popover {
    display: grid;
  }
  .rc-post-menu-popover button {
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: white;
    min-height: 42px;
    padding: 0 12px;
    display: flex;
    gap: 10px;
    align-items: center;
    font: inherit;
    cursor: pointer;
    text-align: left;
  }
  .rc-post-menu-popover button:hover {
    background: #303039;
  }
  .rc-post-menu-popover svg {
    width: 19px;
    height: 19px;
  }
  .rc-confirm-dialog {
    width: min(428px, 100%);
  }
  .rc-confirm-dialog .rc-wallet-transfer-head {
    padding: 22px 22px 10px;
  }
  .rc-confirm-dialog .rc-wallet-transfer-close {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #1c1c24;
    display: grid;
    place-items: center;
    font-size: 24px;
    line-height: 1;
    flex: 0 0 auto;
  }
  .rc-confirm-dialog .rc-wallet-transfer-close:hover {
    background: #2a2a35;
  }
  .rc-confirm-body {
    display: grid;
    gap: 20px;
    padding: 0 22px 22px;
  }
  .rc-confirm-copy {
    margin: 0;
    color: #d4d6e5;
    font-size: 16px;
    line-height: 1.55;
  }
  .rc-confirm-dialog .rc-wallet-transfer-actions-bottom {
    padding-top: 0;
  }
  .rc-confirm-dialog .rc-wallet-transfer-actions-bottom button {
    min-width: 122px;
  }
  .rc-community-owner {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .rc-community-owner img {
    width: 42px;
    height: 42px;
    border-radius: 9px;
    image-rendering: pixelated;
  }
  .rc-community-admin-actions .danger {
    background: #ff5059;
  }
  .rc-petitions-view {
    max-width: 960px;
    display: grid;
    gap: 24px;
  }
  .rc-petitions-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
  }
  .rc-petition-tabs {
    display: flex;
    gap: 28px;
    border-bottom: 1px solid #32323a;
  }
  .rc-petition-tab {
    border: 0;
    background: transparent;
    color: #9b9cad;
    padding: 0 0 14px;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
  }
  .rc-petition-tab.active {
    color: white;
    border-bottom: 1px solid #6c65ff;
  }
  .rc-petition-create {
    min-height: 56px;
    border: 0;
    border-radius: 14px;
    background: #2a2456;
    color: #8e86ff;
    padding: 0 22px;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
  }
  .rc-petition-list {
    display: grid;
    gap: 18px;
  }
  .rc-petition-card {
    border: 0;
    border-radius: 14px;
    background: #09090c;
    color: white;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr) 170px;
    gap: 28px;
    align-items: center;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
  }
  .rc-petition-card img {
    width: 240px;
    height: 135px;
    object-fit: cover;
    background: #1a1a22;
  }
  .rc-petition-title {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 950;
  }
  .rc-petition-author {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    color: #b8b9c8;
  }
  .rc-petition-author img {
    width: 36px;
    height: 36px;
    border-radius: 7px;
    image-rendering: pixelated;
  }
  .rc-petition-score {
    padding-right: 12px;
    display: grid;
    gap: 10px;
  }
  .rc-petition-score-line {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-size: 24px;
    font-weight: 900;
  }
  .rc-petition-progress {
    height: 10px;
    border-radius: 999px;
    background: #3b3b43;
    overflow: hidden;
  }
  .rc-petition-progress span {
    display: block;
    height: 100%;
    width: var(--petition-progress, 50%);
    border-radius: inherit;
    background: #6c65ff;
  }
  .rc-petition-detail {
    max-width: 960px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 272px;
    gap: 16px;
    align-items: start;
  }
  .rc-petition-detail .rc-community-create-head {
    grid-column: 1 / -1;
  }
  .rc-petition-main,
  .rc-petition-side {
    display: grid;
    gap: 16px;
  }
  .rc-petition-hero {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    object-fit: cover;
    background: #15151a;
  }
  .rc-petition-detail-title {
    font-size: 30px;
    line-height: 1.15;
    font-weight: 950;
  }
  .rc-petition-description {
    color: #b8b9c8;
    line-height: 1.5;
  }
  .rc-petition-vote-card,
  .rc-petition-organizer {
    border-radius: 14px;
    background: #15151a;
    padding: 16px;
    color: white;
  }
  .rc-petition-vote-card,
  .rc-petition-organizer,
  .rc-petition-side-actions {
    display: grid;
    gap: 14px;
  }
  .rc-petition-vote-buttons {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 22px;
  }
  .rc-petition-vote-buttons button {
    border: 0;
    background: transparent;
    color: #9b9cad;
    cursor: pointer;
  }
  .rc-petition-vote-buttons svg {
    width: 24px;
    height: 24px;
  }
  .rc-petition-organizer h3 {
    margin: 0;
  }
  .rc-petition-organizer .rc-community-owner {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 2px 0;
  }
  .rc-petition-organizer .rc-community-owner img {
    width: 46px;
    height: 46px;
    border-radius: 10px;
  }
  .rc-petition-organizer-copy {
    display: grid;
    gap: 6px;
    min-width: 0;
  }
  .rc-petition-organizer-copy .rc-community-name,
  .rc-petition-organizer-copy .rc-community-meta {
    line-height: 1.25;
  }
  .rc-petition-side-actions {
    align-content: start;
  }
  .rc-petition-action {
    width: 100%;
    min-height: 44px;
    border: 0;
    border-radius: 12px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #242334;
    color: white;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
  }
  .rc-petition-action.primary {
    background: #6c65ff;
  }
  .rc-petition-action.danger {
    background: #e44b5e;
  }
  .rc-petition-action svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
  }
  .rc-petition-form {
    display: grid;
    gap: 12px;
  }
  .rc-petition-form input,
  .rc-petition-form textarea,
  .rc-petition-form select {
    width: 100%;
    border: 0;
    border-radius: 14px;
    background: #09090c;
    color: white;
    padding: 0 16px;
    font: inherit;
  }
  .rc-petition-form input,
  .rc-petition-form select {
    min-height: 54px;
  }
  .rc-petition-form textarea {
    min-height: 120px;
    padding-top: 14px;
    resize: vertical;
  }
  .rc-court-view,
  .rc-admin-wallet-view {
    display: grid;
    gap: 16px;
    max-width: 1080px;
  }
  .rc-court-head,
  .rc-admin-wallet-head {
    display: grid;
    gap: 14px;
  }
  .rc-court-toolbar {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
  }
  .rc-court-head-top,
  .rc-court-head-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
  }
  .rc-court-search,
  .rc-admin-wallet-search {
    width: 100%;
    min-height: 54px;
    border: 1px solid #2f3140;
    border-radius: 16px;
    background-color: #09090c;
    color: white;
    padding: 0 18px 0 52px;
    font: inherit;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%239b9cad' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' stroke='%239b9cad' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 18px center;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
  }
  .rc-court-search:focus,
  .rc-admin-wallet-search:focus {
    outline: none;
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108, 101, 255, 0.16);
  }
  .rc-court-search::placeholder,
  .rc-admin-wallet-search::placeholder {
    color: #9b9cad;
  }
  .rc-court-back svg,
  .rc-admin-wallet-back svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
  }
  .rc-court-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .rc-court-only-toggle {
    color: #b9bbca;
    font-weight: 700;
    gap: 12px;
  }
  .rc-court-only-toggle[hidden] {
    display: none;
  }
  .rc-court-tab,
  .rc-court-create-button,
  .rc-court-back,
  .rc-court-submit,
  .rc-court-close-button,
  .rc-wallet-admin-button,
  .rc-admin-wallet-back,
  .rc-admin-wallet-save,
  .rc-admin-wallet-block,
  .rc-admin-wallet-delete,
  .rc-court-confirm-actions button {
    border: 0;
    border-radius: 12px;
    min-height: 42px;
    padding: 0 16px;
    color: white;
    background: #242334;
    font-weight: 850;
    cursor: pointer;
  }
  .rc-court-create-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 18px;
    white-space: nowrap;
  }
  .rc-court-tab.active,
  .rc-court-create-button,
  .rc-court-submit,
  .rc-wallet-admin-button,
  .rc-admin-wallet-save,
  .rc-court-confirm-actions .primary {
    background: #6c65ff;
  }
  .rc-court-back,
  .rc-admin-wallet-back {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    display: inline-grid;
    place-items: center;
  }
  .rc-court-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
  .rc-court-card {
    border: 0;
    border-radius: 14px;
    background: #15151a;
    color: white;
    padding: 16px;
    text-align: left;
    cursor: pointer;
    display: grid;
    gap: 14px;
    transition: transform 0.18s ease, background 0.18s ease;
  }
  .rc-court-card:hover {
    transform: translateY(-2px);
    background: #191922;
  }
  .rc-court-card-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #aeb1c4;
    font-size: 14px;
  }
  .rc-court-title {
    font-size: 18px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }
  .rc-court-status {
    display: inline-flex;
    width: fit-content;
    border-radius: 8px;
    padding: 5px 9px;
    color: #3ad576;
    background: rgba(58, 213, 118, 0.12);
    font-weight: 850;
  }
  .rc-court-status.closed {
    color: #ff7188;
    background: rgba(228, 75, 94, 0.16);
  }
  .rc-court-participants {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
  }
  .rc-court-card-person,
  .rc-court-person,
  .rc-court-side-person {
    display: grid;
    gap: 6px;
    min-width: 0;
  }
  .rc-court-card-person {
    justify-items: center;
    text-align: center;
  }
  .rc-court-person img,
  .rc-court-card-person img,
  .rc-court-side-person img,
  .rc-court-message-avatar {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    image-rendering: pixelated;
  }
  .rc-court-card-person strong,
  .rc-court-person strong,
  .rc-court-side-person strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rc-court-arrow {
    color: #8f91a1;
    font-size: 24px;
    align-self: start;
    margin-top: 9px;
  }
  .rc-court-form {
    display: grid;
    gap: 12px;
  }
  .rc-court-form input,
  .rc-court-form textarea {
    width: 100%;
    border: 0;
    border-radius: 14px;
    background: #09090c;
    color: white;
    padding: 0 16px;
    font: inherit;
  }
  .rc-court-form input {
    min-height: 56px;
  }
  .rc-court-form textarea {
    min-height: 132px;
    padding-top: 16px;
    resize: vertical;
  }
  .rc-court-create-form {
    display: grid;
    gap: 18px;
  }
  .rc-court-create-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
  }
  .rc-court-create-heading {
    display: grid;
    gap: 10px;
  }
  .rc-court-create-heading h2 {
    margin: 0;
    font-size: 24px;
    color: white;
  }
  .rc-court-create-hints {
    margin: 0;
    padding-left: 22px;
    display: grid;
    gap: 8px;
    color: #d9dbe8;
    line-height: 1.55;
  }
  .rc-court-player-picker {
    position: relative;
  }
  .rc-court-player-picker .rc-player-picker-list {
    max-height: 280px;
  }
  .rc-court-detail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
  }
  .rc-court-main,
  .rc-court-side-card {
    border-radius: 14px;
    background: #15151a;
    padding: 16px;
    color: white;
  }
  .rc-court-main {
    display: grid;
    gap: 16px;
  }
  .rc-court-detail-head {
    display: grid;
    gap: 16px;
  }
  .rc-court-headline {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 14px;
  }
  .rc-court-heading {
    display: grid;
    gap: 4px;
    min-width: 0;
  }
  .rc-court-detail-title {
    margin: 0;
    font-size: 28px;
    line-height: 1.08;
    font-weight: 850;
    color: white;
    overflow-wrap: anywhere;
  }
  .rc-court-date {
    color: #9ea2ba;
    font-size: 14px;
  }
  .rc-court-description {
    display: grid;
    gap: 10px;
    color: #d9dbe8;
    line-height: 1.55;
  }
  .rc-court-description p,
  .rc-court-description strong {
    margin: 0;
  }
  .rc-court-like-bar {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
  }
  .rc-court-chat {
    display: grid;
    gap: 12px;
  }
  .rc-court-message {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
  }
  .rc-court-message-body {
    border-radius: 12px;
    background: #20202a;
    padding: 12px;
    overflow-wrap: anywhere;
  }
  .rc-court-message-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: baseline;
    color: #aeb1c4;
    font-size: 13px;
    margin-bottom: 8px;
  }
  .rc-court-message-meta strong {
    color: white;
    font-size: 15px;
  }
  .rc-court-message-body p {
    margin: 0;
    white-space: pre-wrap;
  }
  .rc-court-message-attachment {
    display: block;
    width: min(100%, 420px);
    margin-top: 12px;
    border-radius: 12px;
    background: #101016;
  }
  .rc-court-chat-form {
    display: grid;
    gap: 10px;
  }
  .rc-court-chat-compose {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border-radius: 14px;
    background: #09090c;
    padding: 0 10px 0 16px;
  }
  .rc-court-chat-form input {
    border: 0;
    background: transparent;
    color: white;
    padding: 0;
    font: inherit;
    min-height: 54px;
    outline: none;
  }
  .rc-court-chat-actions {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .rc-court-chat-icon,
  .rc-court-chat-send {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
  }
  .rc-court-chat-icon {
    color: #a8abbb;
    background: transparent;
  }
  .rc-court-chat-icon:hover {
    color: white;
    background: #20202a;
  }
  .rc-court-chat-send {
    color: white;
    background: #6c65ff;
  }
  .rc-court-chat-icon svg,
  .rc-court-chat-send svg,
  .rc-court-create-button svg,
  .rc-court-close-button svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
  }
  .rc-court-media-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }
  .rc-court-clear-image {
    border: 0;
    background: transparent;
    color: #b9bbca;
    font: inherit;
    font-weight: 700;
    padding: 0;
    cursor: pointer;
  }
  .rc-court-close-button,
  .rc-admin-wallet-delete,
  .rc-court-confirm-actions .danger {
    background: #e44b5e;
  }
  .rc-court-side {
    display: grid;
    gap: 14px;
    align-content: start;
  }
  .rc-court-side-card {
    display: grid;
    gap: 14px;
  }
  .rc-court-side-card h3 {
    margin: 0;
  }
  .rc-court-side-actions {
    display: grid;
    gap: 10px;
  }
  .rc-court-side-person {
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    column-gap: 18px;
    row-gap: 8px;
  }
  .rc-court-side-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
  }
  .rc-wallet-summary-actions,
  .rc-admin-wallet-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  .rc-wallet-panel-head {
    display: flex;
    justify-content: flex-end;
  }
  .rc-admin-wallet-list {
    display: grid;
    gap: 12px;
  }
  .rc-admin-wallet-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 140px auto;
    gap: 10px;
    align-items: center;
    border-radius: 14px;
    background: #15151a;
    padding: 14px;
    color: white;
  }
  .rc-admin-wallet-card input {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: #09090c;
    color: white;
    min-height: 42px;
    padding: 0 12px;
    font: inherit;
  }
  .rc-admin-wallet-card.blocked {
    opacity: 0.62;
  }
  .rc-admin-wallet-card-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  .rc-court-close-button {
    width: 100%;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid rgba(228, 75, 94, 0.16);
    box-shadow: 0 12px 30px rgba(228, 75, 94, 0.14);
  }
  .rc-court-message span {
    color: #aeb1c4;
    font-size: 13px;
  }
  .rc-wallet-view {
    display: grid;
    grid-template-columns: minmax(300px, 330px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
  }
  .rc-wallet-cards {
    display: grid;
    gap: 16px;
  }
  .rc-wallet-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }
  .rc-wallet-mobile-summary-actions,
  .rc-wallet-mobile-primary-actions {
    display: none;
  }
  .rc-wallet-name {
    font-size: 20px;
    font-weight: 850;
    color: white;
  }
  .rc-wallet-balance {
    color: #b7bacb;
    margin-top: 4px;
  }
  .rc-bank-card {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: #24242c;
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 112px;
    gap: 18px;
    align-items: center;
    position: relative;
  }
  .rc-bank-card-name {
    font-weight: 850;
    color: white;
    margin-bottom: 8px;
  }
  .rc-bank-card-copy {
    min-width: 0;
    display: grid;
    gap: 6px;
  }
  .rc-bank-card-balance {
    font-size: 34px;
    color: white;
    line-height: 1;
  }
  .rc-bank-card-status {
    color: #ff7c89;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .02em;
  }
  .rc-bank-card-visual {
    height: 72px;
    border-radius: 14px;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 12px;
    font-weight: 900;
    letter-spacing: .3px;
    background: linear-gradient(135deg, #756cff, #9b55f2);
    overflow: hidden;
    position: relative;
  }
  .rc-bank-card-visual::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, transparent 48%, rgba(255,255,255,.13) 49%, rgba(255,255,255,.13) 72%, transparent 73%);
  }
  .rc-bank-card-visual span { position: relative; z-index: 1; }
  .rc-card-theme-violet { background: linear-gradient(135deg, #8c6bff, #6c65ff); }
  .rc-card-theme-red { background: linear-gradient(135deg, #ff6565, #ff414a); }
  .rc-card-theme-green { background: linear-gradient(135deg, #43c878, #37aa63); }
  .rc-card-theme-orange { background: linear-gradient(135deg, #ff9f34, #ff7a1a); }
  .rc-card-theme-blue { background: linear-gradient(135deg, #43a7ff, #536dff); }
  .rc-card-actions {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    gap: 8px;
  }
  .rc-card-action {
    border: 0;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.08);
    color: #d9d9e7;
    cursor: pointer;
  }
  .rc-card-action[disabled] {
    opacity: .42;
    cursor: not-allowed;
  }
  .rc-card-action svg { width: 16px; height: 16px; }
  .rc-card-cvv {
    display: inline-grid;
    min-width: 42px;
    vertical-align: baseline;
  }
  .rc-card-cvv-real,
  .rc-card-cvv-mask {
    grid-area: 1 / 1;
    transition: opacity .16s ease, transform .16s ease;
  }
  .rc-card-cvv-real {
    opacity: 0;
    transform: translateY(2px);
  }
  .rc-bank-card:hover .rc-card-cvv-real {
    opacity: 1;
    transform: translateY(0);
  }
  .rc-bank-card:hover .rc-card-cvv-mask {
    opacity: 0;
    transform: translateY(-2px);
  }
  .rc-wallet-add {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    display: grid;
    gap: 10px;
  }
  .rc-wallet-add-button {
    width: 100%;
    border: 0;
    border-radius: 12px;
    min-height: 46px;
    background: rgba(108,101,255,.15);
    color: white;
    font-weight: 850;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease;
  }
  .rc-wallet-add-button:hover {
    transform: translateY(-1px);
    background: rgba(108,101,255,.28);
  }
  .rc-wallet-add-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 90px;
    gap: 10px;
  }
  .rc-wallet-add-form[hidden] {
    display: none;
  }
  .rc-wallet-add-form button {
    grid-column: 1 / -1;
  }
  .rc-wallet-panel {
    display: grid;
    gap: 14px;
  }
  .rc-wallet-selected-mobile {
    display: none;
  }
  .rc-wallet-transfer-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
  .rc-wallet-tools {
    display: grid;
    gap: 12px;
  }
  .rc-wallet-hint-toggle {
    width: fit-content;
    max-width: 100%;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    min-height: 46px;
    padding: 0 16px;
    background: #16161c;
    color: white;
    font: inherit;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .rc-wallet-hint-toggle:hover,
  .rc-wallet-hint-toggle.active {
    transform: translateY(-1px);
    border-color: rgba(108,101,255,.36);
    background: #1d1d26;
  }
  .rc-wallet-hint-toggle svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
  }
  .rc-wallet-minecraft-hint {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: #202026;
    padding: 16px;
    display: grid;
    gap: 6px;
  }
  .rc-wallet-minecraft-hint[hidden] {
    display: none;
  }
  .rc-wallet-transfer-button {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    min-height: 52px;
    background: #16161c;
    color: white;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .rc-wallet-transfer-button:hover {
    transform: translateY(-1px);
    border-color: rgba(108,101,255,.36);
    background: #1d1d26;
  }
  .rc-wallet-transfer-button[disabled] {
    opacity: .58;
    cursor: default;
    transform: none;
  }
  .rc-wallet-transfer-modal {
    position: fixed;
    inset: 0;
    z-index: 500;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: rgba(0,0,0,.46);
    padding: 96px 18px 18px;
    overflow-y: auto;
  }
  .rc-wallet-transfer-modal[hidden] {
    display: none;
  }
  #rc-admin-role-modal,
  #rc-admin-ban-modal,
  #rc-admin-unban-modal,
  #rc-admin-whitelist-modal,
  #rc-admin-whitelist-delete-modal {
    align-items: flex-start;
    padding: 88px 18px 18px;
    overflow-y: auto;
  }
  #rc-community-delete-modal {
    align-items: center;
    padding: 96px 18px 18px;
  }
  #rc-community-delete-modal .rc-wallet-transfer-dialog {
    margin-bottom: 0;
  }
  .rc-wallet-transfer-dialog {
    width: min(540px, 100%);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: #0d0d11;
    color: white;
    box-shadow: 0 30px 90px rgba(0,0,0,.42);
    overflow: hidden;
    animation: panelSlideIn .24s cubic-bezier(.16, 1, .3, 1) both;
  }
  #rc-admin-role-modal .rc-wallet-transfer-dialog,
  #rc-admin-ban-modal .rc-wallet-transfer-dialog,
  #rc-admin-unban-modal .rc-wallet-transfer-dialog,
  #rc-admin-whitelist-modal .rc-wallet-transfer-dialog,
  #rc-admin-whitelist-delete-modal .rc-wallet-transfer-dialog {
    width: min(980px, calc(100vw - 40px));
    max-height: min(620px, calc(100vh - 32px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: linear-gradient(180deg, #11131a 0%, #0b0c12 100%);
    box-shadow: 0 34px 88px rgba(0,0,0,.48);
  }
  #rc-admin-ban-modal .rc-wallet-transfer-dialog,
  #rc-admin-unban-modal .rc-wallet-transfer-dialog,
  #rc-admin-whitelist-modal .rc-wallet-transfer-dialog,
  #rc-admin-whitelist-delete-modal .rc-wallet-transfer-dialog {
    width: min(680px, calc(100vw - 40px));
    max-height: min(560px, calc(100vh - 112px));
  }
  #rc-admin-role-modal .rc-wallet-transfer-head,
  #rc-admin-ban-modal .rc-wallet-transfer-head,
  #rc-admin-unban-modal .rc-wallet-transfer-head,
  #rc-admin-whitelist-modal .rc-wallet-transfer-head,
  #rc-admin-whitelist-delete-modal .rc-wallet-transfer-head {
    padding: 20px 20px 12px;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  #rc-admin-role-modal .rc-wallet-transfer-close,
  #rc-admin-ban-modal .rc-wallet-transfer-close,
  #rc-admin-unban-modal .rc-wallet-transfer-close,
  #rc-admin-whitelist-modal .rc-wallet-transfer-close,
  #rc-admin-whitelist-delete-modal .rc-wallet-transfer-close {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255,255,255,.05);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
  }
  #rc-admin-role-modal .rc-wallet-transfer-close:hover,
  #rc-admin-ban-modal .rc-wallet-transfer-close:hover,
  #rc-admin-unban-modal .rc-wallet-transfer-close:hover,
  #rc-admin-whitelist-modal .rc-wallet-transfer-close:hover,
  #rc-admin-whitelist-delete-modal .rc-wallet-transfer-close:hover {
    background: rgba(255,255,255,.1);
  }
  #rc-admin-role-modal .rc-wallet-transfer-form,
  #rc-admin-ban-modal .rc-wallet-transfer-form,
  #rc-admin-unban-modal .rc-wallet-transfer-form,
  #rc-admin-whitelist-modal .rc-wallet-transfer-form,
  #rc-admin-whitelist-delete-modal .rc-wallet-transfer-form {
    gap: 10px;
    padding: 12px 16px 16px;
    min-height: 0;
  }
  #rc-admin-role-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
  .rc-wallet-transfer-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 18px 18px 6px;
    font-size: 24px;
    font-weight: 900;
  }
  .rc-wallet-transfer-close {
    border: 0;
    background: transparent;
    color: white;
    cursor: pointer;
    font-size: 30px;
    line-height: 1;
  }
  .rc-wallet-transfer-form {
    display: grid;
    gap: 14px;
    padding: 10px 14px 18px;
  }
  .rc-transfer-source-list {
    display: grid;
    gap: 10px;
  }
  .rc-transfer-source-card {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    min-height: 74px;
    background: #17171f;
    color: white;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    align-items: center;
    gap: 14px;
    padding: 12px;
    cursor: pointer;
    text-align: left;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .rc-transfer-source-card:hover,
  .rc-transfer-source-card.active {
    transform: translateY(-1px);
    border-color: rgba(108,101,255,.55);
    background: #20202a;
  }
  .rc-transfer-source-name {
    font-weight: 850;
  }
  .rc-transfer-source-balance {
    margin-top: 3px;
    color: #c6c7d7;
  }
  .rc-transfer-source-visual {
    height: 56px;
    border-radius: 12px;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 10px;
    font-weight: 900;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, #756cff, #9b55f2);
  }
  .rc-transfer-source-visual::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, transparent 48%, rgba(255,255,255,.13) 49%, rgba(255,255,255,.13) 72%, transparent 73%);
  }
  .rc-transfer-source-visual span {
    position: relative;
    z-index: 1;
  }
  .rc-wallet-transfer-form input {
    width: 100%;
    min-height: 56px;
    border: 0;
    border-radius: 16px;
    background: #09090c;
    color: white;
    padding: 0 16px;
    font: inherit;
  }
  .rc-wallet-transfer-form textarea {
    width: 100%;
    min-height: 112px;
    border: 0;
    border-radius: 16px;
    background: #09090c;
    color: white;
    padding: 14px 16px;
    font: inherit;
    line-height: 1.45;
    resize: vertical;
  }
  .rc-player-picker {
    border-radius: 16px;
    background: #09090c;
    overflow: hidden;
    border: 1px solid transparent;
    transition: border-color .16s ease;
  }
  .rc-player-picker.open {
    border-color: #6c65ff;
  }
  .rc-player-picker input {
    border-radius: 16px;
    cursor: pointer;
  }
  .rc-player-picker-list {
    max-height: 210px;
    overflow-y: auto;
    display: none;
    gap: 4px;
    padding: 8px;
  }
  .rc-player-picker.open .rc-player-picker-list {
    display: grid;
  }
  .rc-player-picker-item {
    border: 0;
    border-radius: 10px;
    min-height: 42px;
    background: transparent;
    color: white;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    text-align: left;
    cursor: pointer;
  }
  .rc-player-picker-item:hover,
  .rc-player-picker-item.active {
    background: #181820;
  }
  .rc-player-picker-item img {
    width: 28px;
    height: 28px;
    image-rendering: pixelated;
    border-radius: 5px;
  }
  .rc-transfer-card-picker {
    border-radius: 16px;
    background: #09090c;
    overflow: hidden;
    border: 1px solid transparent;
    transition: border-color .16s ease;
  }
  .rc-transfer-card-picker.open {
    border-color: #6c65ff;
  }
  .rc-transfer-card-picker[hidden] {
    display: none;
  }
  .rc-transfer-card-current {
    min-height: 56px;
    padding: 8px 16px;
    display: grid;
    align-content: center;
    gap: 4px;
    cursor: pointer;
    position: relative;
  }
  .rc-transfer-card-current::after {
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #a5a6b7;
    border-bottom: 2px solid #a5a6b7;
    transform: translateY(-65%) rotate(45deg);
    transition: transform .16s ease;
  }
  .rc-transfer-card-picker.open .rc-transfer-card-current::after {
    transform: translateY(-35%) rotate(225deg);
  }
  .rc-transfer-card-list {
    max-height: 220px;
    overflow-y: auto;
    display: none;
    gap: 4px;
    padding: 8px;
    border: 1px solid #6c65ff;
    border-radius: 14px;
  }
  .rc-transfer-card-picker.open .rc-transfer-card-list {
    display: grid;
  }
  .rc-transfer-card-item {
    border: 0;
    border-radius: 8px;
    min-height: 40px;
    background: transparent;
    color: white;
    text-align: left;
    padding: 8px;
    cursor: pointer;
  }
  .rc-transfer-card-item:hover,
  .rc-transfer-card-item.active {
    background: #3b3b45;
  }
  .rc-fines-view {
    min-height: 420px;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 16px;
    max-width: 860px;
  }
  .rc-settings-view,
  .rc-admin-view,
  .rc-players-view,
  .rc-communities-view,
  .rc-community-create-view,
  .rc-community-edit-view,
  .rc-community-detail,
  .rc-petitions-view,
  .rc-petition-detail,
  .rc-court-view,
  .rc-admin-wallet-view,
  .rc-fines-view,
  .rc-mail-list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .rc-fines-head {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .rc-fines-back {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: #252530;
    color: white;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
  }
  .rc-fines-title {
    color: white;
    font-size: 26px;
    font-weight: 900;
  }
  .rc-fines-empty {
    display: grid;
    place-items: start center;
    padding-top: 12px;
    color: white;
    font-size: 19px;
    font-weight: 850;
  }
  .rc-fines-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px;
  }
  .rc-fines-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .rc-fines-summary-card,
  .rc-fine-card {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: #202026;
  }
  .rc-fines-summary-card {
    min-height: 108px;
    padding: 16px 18px;
    display: grid;
    gap: 6px;
    align-content: start;
  }
  .rc-fines-summary-card strong {
    color: white;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.1;
  }
  .rc-fines-summary-card span {
    color: #8f93aa;
    font-size: 14px;
    line-height: 1.4;
  }
  .rc-fines-create-button {
    border: 0;
    border-radius: 16px;
    min-width: 220px;
    min-height: 108px;
    padding: 16px 22px;
    background: linear-gradient(135deg, #6c65ff 0%, #7e71ff 100%);
    color: white;
    font-weight: 900;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 20px 36px rgba(108, 101, 255, 0.24);
  }
  .rc-fines-create-button svg {
    width: 18px;
    height: 18px;
  }
  .rc-fines-list {
    display: grid;
    gap: 14px;
    align-content: start;
  }
  .rc-fine-card {
    padding: 18px;
    display: grid;
    gap: 14px;
  }
  .rc-fine-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
  }
  .rc-fine-player {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  .rc-fine-player img {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    flex: 0 0 52px;
    object-fit: cover;
  }
  .rc-fine-player strong {
    display: block;
    color: white;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }
  .rc-fine-player span {
    display: block;
    margin-top: 4px;
    color: #8f93aa;
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }
  .rc-fine-amount {
    color: #ff6873;
    font-size: 24px;
    font-weight: 900;
    white-space: nowrap;
    line-height: 1.1;
    justify-self: end;
  }
  .rc-fine-reason {
    border-radius: 14px;
    background: #14141a;
    padding: 14px 16px;
    color: white;
    font-size: 15px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  .rc-fine-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #8f93aa;
    font-size: 13px;
    line-height: 1.4;
  }
  .rc-fine-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
  }
  .rc-fine-pay,
  .rc-fine-delete {
    border: 0;
    border-radius: 12px;
    min-height: 40px;
    padding: 0 16px;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }
  .rc-fine-pay {
    background: linear-gradient(135deg, #6c65ff 0%, #7e71ff 100%);
    color: white;
    box-shadow: 0 16px 28px rgba(108, 101, 255, 0.18);
  }
  .rc-fine-delete {
    background: rgba(255, 80, 89, 0.16);
    color: #ff6973;
  }
  .rc-wallet-transfer-actions-bottom {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 2px;
  }
  .rc-wallet-transfer-actions-bottom button {
    border: 0;
    border-radius: 12px;
    min-height: 42px;
    padding: 0 18px;
    color: white;
    font-weight: 800;
    cursor: pointer;
    background: #3a3a45;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-sizing: border-box;
  }
  .rc-wallet-transfer-actions-bottom .primary {
    background: #6c65ff;
  }
  .rc-wallet-transfer-actions-bottom .danger {
    background: #ff5059;
  }
  .rc-wallet-create,
  .rc-wallet-editor,
  .rc-transactions {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: #202026;
    padding: 16px;
  }
  .rc-wallet-editor {
    position: relative;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .rc-bank-card:hover,
  .rc-bank-card.active {
    transform: translateY(-1px);
    border-color: rgba(108,101,255,.55);
    background: #292933;
  }
  .rc-wallet-form {
    display: grid;
    grid-template-columns: minmax(136px, 0.9fr) 128px minmax(154px, 1fr);
    gap: 10px;
    align-items: stretch;
  }
  .rc-wallet-form > * {
    min-width: 0;
  }
  .rc-wallet-form input,
  .rc-wallet-add-form input,
  .rc-wallet-form select {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    min-height: 42px;
    background: #101016;
    color: white;
    padding: 0 12px;
    font: inherit;
  }
  .rc-wallet-static-field {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    min-height: 42px;
    background: #101016;
    color: white;
    padding: 8px 12px;
    display: grid;
    align-content: center;
    gap: 2px;
  }
  .rc-wallet-static-field span {
    color: #9b9cad;
    font-size: 12px;
    line-height: 1.2;
  }
  .rc-wallet-static-field strong {
    color: white;
    font-size: 16px;
    letter-spacing: 0.08em;
  }
  .rc-wallet-form > button,
  .rc-wallet-add-form > button,
  .rc-wallet-create-button {
    border: 0;
    border-radius: 12px;
    min-height: 42px;
    background: #6c65ff;
    color: white;
    font-weight: 850;
    cursor: pointer;
  }
  .rc-wallet-create-button {
    padding: 0 16px;
  }
  .rc-wallet-editor-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
  }
  .rc-wallet-editor-actions > button {
    border: 0;
    border-radius: 12px;
    min-height: 42px;
    padding: 0 28px;
    background: #6c65ff;
    color: white;
    font-weight: 850;
    cursor: pointer;
    flex: 0 0 auto;
  }
  .rc-wallet-editor-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
  }
  .rc-wallet-editor-head strong {
    color: white;
  }
  .rc-wallet-form .rc-inline-select {
    padding: 8px 14px;
  }
  .rc-wallet-theme-select {
    min-height: 0;
    padding: 10px 14px;
    background: #101016;
  }
  .rc-wallet-theme-select .rc-filter-select-head {
    min-height: 34px;
  }
  .rc-wallet-theme-select .rc-filter-select-head > span {
    min-width: 0;
    flex: 1 1 auto;
  }
  .rc-wallet-theme-select .rc-filter-label {
    font-size: 12px;
    margin-bottom: 2px;
  }
  .rc-wallet-theme-select .rc-filter-label,
  .rc-wallet-theme-select .rc-filter-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rc-wallet-theme-select .rc-filter-value {
    font-size: 18px;
    line-height: 1.2;
  }
  .rc-wallet-theme-select .rc-filter-menu {
    padding: 6px;
    gap: 4px;
    background: #0c0d12;
    border-color: #2f3140;
  }
  .rc-wallet-theme-select .rc-filter-option {
    min-height: 42px;
    border-radius: 10px;
    padding: 0 14px;
    background: #181922;
    color: #f1f3ff;
    font-size: 16px;
    font-weight: 750;
  }
  .rc-wallet-theme-select .rc-filter-option.active {
    background: #181922;
    color: #f1f3ff;
  }
  .rc-wallet-theme-select .rc-filter-option:hover {
    background: #6c65ff;
    color: white;
  }
  .rc-wallet-create-dialog {
    width: min(560px, 100%);
  }
  .rc-wallet-create-form {
    gap: 16px;
  }
  .rc-wallet-create-preview {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    padding: 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 154px;
    gap: 14px;
    align-items: center;
  }
  .rc-wallet-create-preview-copy {
    min-width: 0;
    display: grid;
    gap: 8px;
  }
  .rc-wallet-create-preview-copy strong {
    color: white;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.15;
  }
  .rc-wallet-create-preview-copy span {
    color: #a0a3b9;
    font-size: 13px;
    line-height: 1.45;
  }
  .rc-wallet-create-preview .rc-bank-card-visual {
    height: 88px;
    border-radius: 16px;
  }
  .rc-wallet-create-preview-number {
    opacity: .9;
  }
  .rc-wallet-create-theme {
    display: grid;
    gap: 10px;
  }
  .rc-wallet-create-theme-label {
    color: #9b9cad;
    font-size: 13px;
    font-weight: 750;
  }
  .rc-wallet-create-theme-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  .rc-wallet-create-theme-option {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    min-height: 88px;
    background: #101117;
    color: white;
    padding: 10px;
    display: grid;
    gap: 10px;
    align-content: start;
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
  }
  .rc-wallet-create-theme-option:hover {
    transform: translateY(-1px);
    border-color: rgba(108,101,255,.45);
    background: #151720;
  }
  .rc-wallet-create-theme-option:focus-visible {
    outline: none;
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108, 101, 255, 0.16);
  }
  .rc-wallet-create-theme-option.active {
    border-color: #6c65ff;
    background: #171925;
    box-shadow: 0 12px 24px rgba(108, 101, 255, 0.16);
  }
  .rc-wallet-create-theme-swatch {
    width: 100%;
    height: 40px;
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  }
  .rc-wallet-create-theme-name {
    font-size: 14px;
    font-weight: 850;
    line-height: 1.2;
  }
  .rc-card-delete-zone {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: -2px;
  }
  .rc-card-delete-note {
    color: #ff7c89;
    font-size: 13px;
    font-weight: 850;
    text-align: right;
    align-self: center;
  }
  .rc-card-delete-button {
    position: static;
    border: 1px solid rgba(255,105,105,.3);
    min-height: 42px;
    padding: 0 16px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 0 0 auto;
    background: rgba(255,75,75,.08);
    color: #ff7777;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
  }
  .rc-card-delete-button:hover {
    transform: translateY(-1px);
    background: rgba(255,75,75,.16);
    border-color: rgba(255,105,105,.55);
  }
  .rc-card-delete-button svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
  }
  .rc-card-delete-button::after {
    content: attr(aria-label);
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
  }
  .rc-card-delete-confirm {
    width: 100%;
    margin-top: 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(0,0,0,.14);
    padding: 12px;
    display: grid;
    gap: 10px;
  }
  .rc-card-delete-confirm[hidden] {
    display: none;
  }
  .rc-card-delete-actions,
  .rc-card-delete-cvv {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .rc-card-delete-actions button,
  .rc-card-delete-cvv button {
    border: 0;
    border-radius: 10px;
    min-height: 38px;
    padding: 0 16px;
    color: white;
    font-weight: 850;
    cursor: pointer;
    background: #6c65ff;
  }
  .rc-card-delete-actions .danger,
  .rc-card-delete-cvv .danger {
    background: #e34d5d;
  }
  .rc-card-delete-cvv input {
    flex: 1 1 120px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    min-height: 38px;
    background: #101016;
    color: white;
    padding: 0 12px;
    font: inherit;
  }
  .rc-transaction-list {
    display: grid;
    gap: 12px;
    margin-top: 12px;
  }
  .rc-transaction-row {
    display: grid;
    grid-template-columns: 1fr 150px 90px;
    gap: 12px;
    align-items: center;
    color: #d8d9e6;
  }
  .rc-transaction-player {
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 0;
  }
  .rc-transaction-player img {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    image-rendering: pixelated;
  }
  .rc-transaction-date {
    color: #9ca0b6;
    font-size: 13px;
    line-height: 1.35;
  }
  .rc-transaction-amount {
    justify-self: end;
    white-space: nowrap;
    font-weight: 800;
  }
  .rc-transaction-amount.positive { color: #42d37a; }
  .rc-transaction-amount.negative { color: #ff6b78; }
  .rc-mobile-bottom-nav {
    display: none;
  }
  .rc-profile-view,
  .rc-news-view,
  .rc-settings-view,
  .rc-admin-view,
  .rc-players-view,
  .rc-communities-view,
  .rc-petitions-view,
  .rc-court-view,
  .rc-wallet-view,
  .rc-fines-view,
  .rc-mail-list,
  .rc-page-tab,
  .rc-post-card,
  .rc-community-post-card,
  .rc-player-card,
  .rc-city-card,
  .rc-profile-communities-card,
  .rc-profile-cards-card,
  .rc-settings-card,
  .rc-filter-card,
  .rc-post-composer,
  .rc-empty-state,
  .rc-page-warning,
  .rc-mail-list .mail-item {
    animation: rcContentIn 0.34s cubic-bezier(.16, 1, .3, 1) both;
  }
  .rc-post-card,
  .rc-community-post-card {
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
  }
  .rc-post-card:hover,
  .rc-community-post-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
  }
  .rc-page-tab svg,
  .rc-icon-button svg,
  .rc-rating-button svg,
  .rc-edit-post svg,
  .rc-delete-post svg {
    transition: transform 0.18s ease;
  }
  .rc-page-tab:hover svg,
  .rc-icon-button:hover svg,
  .rc-rating-button:hover svg,
  .rc-edit-post:hover svg,
  .rc-delete-post:hover svg {
    transform: scale(1.08);
  }
  .rc-skin-stage img {
    animation: rcSkinFloat 3.8s ease-in-out infinite;
  }
  @keyframes rcContentIn {
    from { opacity: 0; transform: translateY(12px); filter: blur(3px); }
    to { opacity: 1; transform: translateY(0); filter: blur(0); }
  }
  @keyframes rcSkinFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
  }
  body:not(.dark-theme) .rc-page {
    background: #f4f5f8;
    color: #15161d;
  }
  body.page-rc:not(.dark-theme) {
    background: linear-gradient(180deg, #f7f8fc 0%, #eef2fa 100%);
  }
  body.page-rc:not(.dark-theme) .header {
    background: rgba(248, 249, 253, 0.88);
    border-bottom: 1px solid rgba(151, 159, 189, 0.18);
    box-shadow: 0 12px 36px rgba(117, 126, 160, 0.08);
  }
  body.page-rc:not(.dark-theme) .rc-page {
    background:
      radial-gradient(circle at top center, rgba(108, 101, 255, 0.08), transparent 34%),
      linear-gradient(180deg, #f7f8fc 0%, #eef2fa 100%);
  }
  body.page-rc:not(.dark-theme) .rc-header-nav .rc-page-tab {
    border-color: rgba(151, 159, 189, 0.18);
    background: rgba(255, 255, 255, 0.78);
    color: #73778a;
    box-shadow: 0 10px 26px rgba(120, 129, 160, 0.08);
  }
  body.page-rc:not(.dark-theme) .rc-header-nav .rc-page-tab svg {
    color: #8b8fa6;
  }
  body.page-rc:not(.dark-theme) .rc-header-nav .rc-page-tab:hover,
  body.page-rc:not(.dark-theme) .rc-header-nav .rc-page-tab.active {
    color: #15161d;
    background: linear-gradient(180deg, #ffffff 0%, #f2f4ff 100%);
    border-color: rgba(108, 101, 255, 0.28);
    box-shadow: 0 16px 32px rgba(120, 129, 160, 0.14);
  }
  body.page-rc:not(.dark-theme) .rc-header-nav .rc-page-tab:hover svg,
  body.page-rc:not(.dark-theme) .rc-header-nav .rc-page-tab.active svg {
    color: #6c65ff;
  }
  body.page-rc:not(.dark-theme) .player-button,
  body.page-rc:not(.dark-theme) .header-mail-button,
  body.page-rc:not(.dark-theme) .theme-toggle,
  body.page-rc:not(.dark-theme) .discord-btn-header {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(151, 159, 189, 0.18);
    box-shadow: 0 10px 26px rgba(120, 129, 160, 0.1);
  }
  body.page-rc:not(.dark-theme) .discord-btn-header {
    color: #5865f2;
  }
  body.page-rc:not(.dark-theme) .discord-btn-header:hover {
    background: #ffffff;
    border-color: rgba(88, 101, 242, 0.22);
  }
  body.page-rc:not(.dark-theme) .mail-notify-badge {
    border-color: #ffffff;
  }
  body.page-accounts:not(.dark-theme) {
    background: linear-gradient(180deg, #f7f8fc 0%, #edf1f8 100%);
  }
  body.page-servers:not(.dark-theme) {
    background: linear-gradient(180deg, #f7f8fc 0%, #edf1f8 100%);
  }
  body.page-rules:not(.dark-theme) {
    background: linear-gradient(180deg, #f7f8fc 0%, #edf1f8 100%);
  }
  body.page-tickets:not(.dark-theme) {
    background: linear-gradient(180deg, #f7f8fc 0%, #edf1f8 100%);
  }
  body.page-accounts:not(.dark-theme) .header {
    background: rgba(248, 249, 253, 0.9);
    border-bottom: 1px solid rgba(151, 159, 189, 0.18);
    box-shadow: 0 12px 34px rgba(117, 126, 160, 0.08);
  }
  body.page-servers:not(.dark-theme) .header {
    background: rgba(248, 249, 253, 0.9);
    border-bottom: 1px solid rgba(151, 159, 189, 0.18);
    box-shadow: 0 12px 34px rgba(117, 126, 160, 0.08);
  }
  body.page-rules:not(.dark-theme) .header {
    background: rgba(248, 249, 253, 0.9);
    border-bottom: 1px solid rgba(151, 159, 189, 0.18);
    box-shadow: 0 12px 34px rgba(117, 126, 160, 0.08);
  }
  body.page-tickets:not(.dark-theme) .header {
    background: rgba(248, 249, 253, 0.9);
    border-bottom: 1px solid rgba(151, 159, 189, 0.18);
    box-shadow: 0 12px 34px rgba(117, 126, 160, 0.08);
  }
  body.page-accounts:not(.dark-theme) .accounts-page {
    background:
      radial-gradient(circle at top center, rgba(108, 101, 255, 0.08), transparent 34%),
      linear-gradient(180deg, #f7f8fc 0%, #edf1f8 100%);
  }
  body.page-servers:not(.dark-theme) .servers-page {
    background:
      radial-gradient(circle at top center, rgba(108, 101, 255, 0.08), transparent 34%),
      linear-gradient(180deg, #f7f8fc 0%, #edf1f8 100%);
  }
  body.page-rules:not(.dark-theme) .rules-page {
    background:
      radial-gradient(circle at top center, rgba(108, 101, 255, 0.08), transparent 34%),
      linear-gradient(180deg, #f7f8fc 0%, #edf1f8 100%);
  }
  body.page-tickets:not(.dark-theme) .tickets-page {
    background:
      radial-gradient(circle at top center, rgba(108, 101, 255, 0.08), transparent 34%),
      linear-gradient(180deg, #f7f8fc 0%, #edf1f8 100%);
  }
  body.page-tickets:not(.dark-theme) .tickets-page-card {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    border-color: #e2e6f0;
    box-shadow: 0 20px 48px rgba(124, 132, 164, 0.12);
  }
  body.page-tickets:not(.dark-theme) .tickets-page .application-title {
    color: #15161d;
  }
  body.page-accounts:not(.dark-theme) .rc-accounts-heading strong {
    color: #15161d;
  }
  body.page-servers:not(.dark-theme) .servers-page-heading strong {
    color: #15161d;
  }
  body.page-rules:not(.dark-theme) .rules-page-heading strong,
  body.page-rules:not(.dark-theme) .rules-warning-card strong,
  body.page-rules:not(.dark-theme) .rules-section-copy h3 {
    color: #15161d;
  }
  body.page-accounts:not(.dark-theme) .rc-accounts-heading span,
  body.page-accounts:not(.dark-theme) .rc-accounts-note {
    color: #72778f;
  }
  body.page-servers:not(.dark-theme) .servers-page-heading span {
    color: #72778f;
  }
  body.page-rules:not(.dark-theme) .rules-page-kicker {
    background: rgba(108, 101, 255, 0.08);
    border-color: rgba(108, 101, 255, 0.12);
    color: #655cff;
  }
  body.page-rules:not(.dark-theme) .rules-page-intro,
  body.page-rules:not(.dark-theme) .rules-warning-card ul,
  body.page-rules:not(.dark-theme) .rules-section-copy ul {
    color: #5f667f;
  }
  body.page-rules:not(.dark-theme) .rules-section-card,
  body.page-rules:not(.dark-theme) .rules-warning-card {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(151, 159, 189, 0.18);
    box-shadow: 0 18px 42px rgba(117, 126, 160, 0.12);
  }
  body:not(.dark-theme) .hero-fact-chip {
    background: rgba(108, 101, 255, 0.08);
    border-color: rgba(108, 101, 255, 0.12);
  }
  body:not(.dark-theme) .ip-block {
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(247,249,255,0.98) 100%);
    border-color: rgba(155, 163, 191, 0.22);
    box-shadow: 0 22px 44px rgba(126, 134, 168, 0.16);
  }
  body:not(.dark-theme) .hero-online-button .hero-fact-copy {
    padding: 4px 0;
  }
  body:not(.dark-theme) .ip-block:hover {
    border-color: rgba(108, 101, 255, 0.22);
    box-shadow: 0 24px 52px rgba(119, 127, 161, 0.18);
  }
  body:not(.dark-theme) .hero-online-chip {
    background: rgba(53, 197, 110, 0.12);
    border-color: rgba(53, 197, 110, 0.22);
  }
  body:not(.dark-theme) .hero-online-chip span {
    color: #17834d;
  }
  body:not(.dark-theme) .hero-online-chip small {
    color: #3d7d58;
  }
  body:not(.dark-theme) .hero-online-chip.is-offline {
    background: rgba(255, 111, 111, 0.1);
    border-color: rgba(232, 111, 111, 0.2);
  }
  body:not(.dark-theme) .hero-online-chip.is-offline span {
    color: #ba4040;
  }
  body:not(.dark-theme) .hero-online-chip.is-offline small {
    color: #946060;
  }
  body:not(.dark-theme) .hero-online-state {
    border-color: rgba(53, 197, 110, 0.2);
    background: rgba(53, 197, 110, 0.1);
    color: #1c8a53;
  }
  body:not(.dark-theme) .hero-online-state::before {
    box-shadow: 0 0 0 4px rgba(53, 197, 110, 0.12);
  }
  body:not(.dark-theme) .hero-online-state.is-offline {
    border-color: rgba(232, 111, 111, 0.2);
    background: rgba(255, 111, 111, 0.08);
    color: #c14949;
  }
  body:not(.dark-theme) .hero-fact-value.is-online {
    color: #17834d;
  }
  body:not(.dark-theme) .hero-fact-value.is-offline {
    color: #c14949;
  }
  body:not(.dark-theme) .discord-btn-header {
    background: linear-gradient(180deg, #5865f2 0%, #4652d2 100%);
    color: white;
    border: 1px solid rgba(88, 101, 242, 0.28);
    box-shadow: 0 14px 28px rgba(88, 101, 242, 0.22);
  }
  body:not(.dark-theme) .discord-btn-header:hover {
    background: linear-gradient(180deg, #6470ff 0%, #505bdd 100%);
    border-color: rgba(88, 101, 242, 0.4);
  }
  body:not(.dark-theme) .mail-notify-badge {
    border-color: #ffffff;
  }
  body:not(.dark-theme) .player-menu {
    background: rgba(255, 255, 255, 0.96);
    border-color: #e3e7f2;
    box-shadow: 0 22px 52px rgba(118, 128, 163, 0.16);
  }
  body:not(.dark-theme) .player-menu-profile-button {
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fd 100%);
    border-color: #e2e6f0;
  }
  body:not(.dark-theme) .player-menu a,
  body:not(.dark-theme) .player-menu button {
    color: #565c72;
  }
  body:not(.dark-theme) .player-menu a:hover,
  body:not(.dark-theme) .player-menu button:hover,
  body:not(.dark-theme) .player-menu a.active {
    color: #15161d;
    background: #f2f4fb;
  }
  body:not(.dark-theme) .player-menu-profile-subtitle,
  body:not(.dark-theme) .player-menu-profile-chevron,
  body:not(.dark-theme) .player-menu-item svg {
    color: #7c839d;
  }
  body:not(.dark-theme) .hero-mobile-link {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(151, 159, 189, 0.18);
    color: #6b7083;
    box-shadow: 0 16px 30px rgba(120, 129, 160, 0.1);
  }
  body:not(.dark-theme) .hero-mobile-link.active,
  body:not(.dark-theme) .hero-mobile-link:hover {
    color: #15161d;
    background: linear-gradient(180deg, #ffffff 0%, #f4f6ff 100%);
    border-color: rgba(129, 114, 255, 0.2);
  }
  body:not(.dark-theme) .rc-page-tab {
    color: #74778a;
  }
  body:not(.dark-theme) .rc-page-tab:hover,
  body:not(.dark-theme) .rc-page-tab.active {
    color: #15161d;
    background: #ffffff;
  }
  body:not(.dark-theme) .rc-workspace-title,
  body:not(.dark-theme) .rc-profile-name,
  body:not(.dark-theme) .rc-post-name,
  body:not(.dark-theme) .rc-side-name,
  body:not(.dark-theme) .rc-city-card h3,
  body:not(.dark-theme) .rc-profile-communities-card h3,
  body:not(.dark-theme) .rc-profile-cards-card h3,
  body:not(.dark-theme) .rc-settings-card h3 {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-workspace-subtitle,
  body:not(.dark-theme) .rc-profile-status,
  body:not(.dark-theme) .rc-post-date,
  body:not(.dark-theme) .rc-side-status,
  body:not(.dark-theme) .rc-side-meta,
  body:not(.dark-theme) .rc-inline-status {
    color: #6f7281;
  }
  body:not(.dark-theme) .rc-banned-name {
    color: #d04b56;
  }
  body:not(.dark-theme) .rc-banned-name.is-profile {
    color: inherit;
  }
  body:not(.dark-theme) .rc-page-warning.is-banned {
    border-color: rgba(221, 72, 91, 0.2);
    background:
      radial-gradient(circle at top right, rgba(255, 105, 118, 0.12), transparent 34%),
      linear-gradient(180deg, #fff6f7 0%, #fff1f3 100%);
    box-shadow: 0 24px 52px rgba(221, 72, 91, 0.1);
  }
  body:not(.dark-theme) .rc-ban-state-title,
  body:not(.dark-theme) .rc-ban-state-reason-value {
    color: #2a1417;
  }
  body:not(.dark-theme) .rc-ban-state-copy {
    color: #7b4a52;
  }
  body:not(.dark-theme) .rc-ban-state-badge {
    background: rgba(221, 72, 91, 0.1);
    border-color: rgba(221, 72, 91, 0.2);
    color: #cf4a5a;
  }
  body:not(.dark-theme) .rc-ban-state-reason {
    border-color: rgba(221, 72, 91, 0.16);
    background: rgba(255, 255, 255, 0.68);
  }
  body:not(.dark-theme) .rc-ban-state-reason-label {
    color: #cf4a5a;
  }
  body:not(.dark-theme) .rc-post-composer,
  body:not(.dark-theme) .rc-post-card,
  body:not(.dark-theme) .rc-community-post-card,
  body:not(.dark-theme) .rc-bank-card,
  body:not(.dark-theme) .rc-wallet-create,
  body:not(.dark-theme) .rc-wallet-editor,
  body:not(.dark-theme) .rc-transactions,
  body:not(.dark-theme) .rc-player-card,
  body:not(.dark-theme) .rc-city-card,
  body:not(.dark-theme) .rc-profile-communities-card,
  body:not(.dark-theme) .rc-profile-cards-card,
  body:not(.dark-theme) .rc-settings-card,
  body:not(.dark-theme) .rc-filter-card,
  body:not(.dark-theme) .rc-mail-list .mail-item,
  body:not(.dark-theme) .rc-empty-state {
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
    color: #15161d;
    border-color: #e4e6ee;
  }
  body:not(.dark-theme) .rc-post-composer,
  body:not(.dark-theme) .rc-post-card,
  body:not(.dark-theme) .rc-community-post-card,
  body:not(.dark-theme) .rc-player-card,
  body:not(.dark-theme) .rc-profile-communities-card,
  body:not(.dark-theme) .rc-profile-cards-card,
  body:not(.dark-theme) .rc-settings-card,
  body:not(.dark-theme) .rc-filter-card {
    box-shadow: 0 18px 40px rgba(124, 132, 164, 0.1);
  }
  body:not(.dark-theme) .rc-bank-card.active {
    border-color: rgba(108, 101, 255, 0.45);
    box-shadow:
      0 0 0 2px rgba(108, 101, 255, 0.14),
      0 18px 40px rgba(124, 132, 164, 0.14);
    background: linear-gradient(180deg, #ffffff 0%, #f3f5ff 100%);
  }
  body:not(.dark-theme) .rc-post-composer textarea,
  body:not(.dark-theme) .rc-status-row input,
  body:not(.dark-theme) .rc-edit-box textarea,
  body:not(.dark-theme) .rc-player-search,
  body:not(.dark-theme) .rc-player-role,
  body:not(.dark-theme) .rc-admin-wallet-search,
  body:not(.dark-theme) .rc-file-picker,
  body:not(.dark-theme) .rc-wallet-hint-toggle,
  body:not(.dark-theme) .rc-wallet-minecraft-hint,
  body:not(.dark-theme) .rc-wallet-form input,
  body:not(.dark-theme) .rc-wallet-form select {
    color: #15161d;
    background: #f4f5f8;
  }
  body:not(.dark-theme) .rc-wallet-static-field {
    color: #15161d;
    background: #f4f5f8;
    border-color: #e4e6ee;
  }
  body:not(.dark-theme) .rc-wallet-static-field strong {
    color: #15161d;
  }
body:not(.dark-theme) .rc-wallet-static-field span {
    color: #6f7281;
}

body:not(.dark-theme) .rc-wallet-static-field strong {
    color: #15161d;
}
  body:not(.dark-theme) .rc-status-row input {
    border-color: #d9deec;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
  }
  body:not(.dark-theme) .rc-settings-item {
    background: #f4f5f8;
    border-color: #e4e6ee;
  }
  body:not(.dark-theme) .rc-settings-notification-item {
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    border-color: #e4e8f2;
    box-shadow: 0 14px 30px rgba(124, 132, 164, 0.08);
  }
  body:not(.dark-theme) .rc-settings-notification-item strong {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-settings-copy span,
  body:not(.dark-theme) .rc-settings-note {
    color: #6f7281;
  }
  body:not(.dark-theme) .rc-wallet-transfer-modal {
    background: rgba(236, 240, 249, 0.68);
    backdrop-filter: blur(10px);
  }
  body:not(.dark-theme) .rc-wallet-transfer-dialog {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    color: #15161d;
    border-color: #e2e7f3;
    box-shadow: 0 30px 70px rgba(110, 121, 157, 0.18);
  }
  body:not(.dark-theme) .rc-wallet-transfer-head {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-wallet-transfer-close,
  body:not(.dark-theme) .rc-confirm-dialog .rc-wallet-transfer-close {
    background: #f5f7fc;
    color: #6f7387;
    border: 1px solid #dde3ef;
  }
  body:not(.dark-theme) .rc-wallet-transfer-close:hover,
  body:not(.dark-theme) .rc-confirm-dialog .rc-wallet-transfer-close:hover {
    background: #ffffff;
    color: #15161d;
  }
  body:not(.dark-theme) .rc-confirm-copy {
    color: #5f667f;
  }
  body:not(.dark-theme) .rc-wallet-transfer-actions-bottom button {
    background: #eef1f7;
    color: #39405a;
    border: 1px solid #dde3ef;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
  }
  body:not(.dark-theme) .rc-wallet-transfer-actions-bottom .primary {
    background: #6c65ff;
    color: #ffffff;
    border-color: #6c65ff;
    box-shadow: 0 14px 28px rgba(108, 101, 255, 0.24);
  }
  body:not(.dark-theme) .rc-wallet-transfer-actions-bottom .danger {
    background: #ff5059;
    color: #ffffff;
    border-color: #ff5059;
    box-shadow: 0 14px 26px rgba(255, 80, 89, 0.22);
    background-image: none;
  }
  body:not(.dark-theme) .mail-body {
    color: #1f2740;
  }
  body:not(.dark-theme) .mail-action-button {
    background: #eef1f7;
    color: #39405a;
    border-color: #dde3ef;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
  }
  body:not(.dark-theme) .mail-action-button.primary {
    background: #6c65ff;
    color: #ffffff;
    border-color: #6c65ff;
    box-shadow: 0 14px 28px rgba(108, 101, 255, 0.24);
  }
  body:not(.dark-theme) .mail-action-button.secondary {
    background: #f3f6fb;
    color: #39405a;
    border-color: #dde3ef;
  }
  body:not(.dark-theme) .mail-action-state {
    color: #626a84;
  }
  body:not(.dark-theme) .rc-profile-card-balance {
    color: #ffffff;
  }
  body:not(.dark-theme) .rc-streamer-wallet-copy strong {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-wallet-create-theme-option {
    background: #ffffff;
    border-color: #e4e6ee;
    color: #15161d;
  }
  body:not(.dark-theme) .rc-wallet-create-theme-option:hover {
    background: #f7f7fb;
  }
  body:not(.dark-theme) .rc-wallet-create-theme-option.active {
    background: #f4f0ff;
    border-color: #6c65ff;
  }
  body:not(.dark-theme) .rc-wallet-create-theme-name {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-post-composer textarea {
    background: transparent;
  }
  body:not(.dark-theme) .rc-workspace-badge {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-rating-button {
    color: #15161d;
    background: #ececff;
  }
  body:not(.dark-theme) .rc-rating-button.upvoted {
    color: white;
    background: #6c65ff;
  }
  body:not(.dark-theme) .rc-rating-button.downvoted {
    color: #15161d;
    background: #dedff0;
  }
  body:not(.dark-theme) .rc-like-button {
    color: #6f7281;
    background: #ececf3;
  }
  body:not(.dark-theme) .rc-like-button.liked {
    color: #e2334d;
    background: #ffe8ec;
  }
  body:not(.dark-theme) .rc-like-count {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-filter-menu {
    background: #ffffff;
  }
  body:not(.dark-theme) .rc-filter-option {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-post-composer {
    border-color: #e4e6ee;
  }
  body:not(.dark-theme) .rc-post-composer:focus-within {
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108, 101, 255, 0.14);
    background: #ffffff;
  }
  body:not(.dark-theme) .rc-filter-label,
  body:not(.dark-theme) .rc-post-comment-author span {
    color: #7a7e91;
  }
  body:not(.dark-theme) .rc-filter-value,
  body:not(.dark-theme) .rc-profile-community-row,
  body:not(.dark-theme) .rc-post-comment-author strong,
  body:not(.dark-theme) .rc-post-comment-text {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-profile-community-subscribers {
    color: #6f7281;
  }
  body:not(.dark-theme) .rc-profile-community-row:hover .rc-profile-community-name {
    color: #6c65ff;
  }
  body:not(.dark-theme) .rc-player-search,
  body:not(.dark-theme) .rc-player-role,
  body:not(.dark-theme) .rc-court-search,
  body:not(.dark-theme) .rc-community-search,
  body:not(.dark-theme) .rc-search-toggle {
    border-color: #dfe2ec;
    background: #f4f5f8;
    color: #15161d;
  }
  body:not(.dark-theme) .rc-player-search:focus,
  body:not(.dark-theme) .rc-player-role:focus,
  body:not(.dark-theme) .rc-court-search:focus,
  body:not(.dark-theme) .rc-community-search:focus {
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108, 101, 255, 0.14);
  }
  body:not(.dark-theme) .rc-filter-card {
    box-shadow: 0 18px 40px rgba(124, 132, 164, 0.1);
  }
  body:not(.dark-theme) .account-link-card {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    border-color: #e2e6f0;
    color: #15161d;
    box-shadow: 0 18px 40px rgba(124, 132, 164, 0.1);
  }
  body:not(.dark-theme) .account-link-label {
    color: #7c8198;
  }
  body:not(.dark-theme) .account-link-value {
    color: #15161d;
  }
  body:not(.dark-theme) .account-link-value.is-empty,
  body:not(.dark-theme) .rc-accounts-note {
    color: #7b8096;
  }
  body:not(.dark-theme) .account-link-button,
  body:not(.dark-theme) .rc-accounts-refresh {
    background: #f2f4fb;
    border-color: #dde3ef;
    color: #313852;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
  }
  body:not(.dark-theme) .account-link-button:hover,
  body:not(.dark-theme) .rc-accounts-refresh:hover {
    background: #ffffff;
    border-color: rgba(108, 101, 255, 0.28);
    color: #1d2340;
  }
  body:not(.dark-theme) .account-link-fields input {
    background: #f5f6fb;
    border-color: #dfe4ef;
    color: #15161d;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
  }
  body:not(.dark-theme) .account-link-fields input::placeholder {
    color: #8a90a6;
  }
  body:not(.dark-theme) .server-entry-card {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,248,252,.98));
    border-color: #dde3ef;
    color: #15161d;
    box-shadow: 0 18px 34px rgba(136, 145, 173, 0.12);
  }
  body:not(.dark-theme) .server-entry-badge {
    box-shadow: 0 14px 24px rgba(108, 101, 255, 0.18);
  }
  body:not(.dark-theme) .server-entry-copy strong,
  body:not(.dark-theme) .server-info-row-value {
    color: #15161d;
  }
  body:not(.dark-theme) .server-entry-copy span,
  body:not(.dark-theme) .server-info-row-label {
    color: #7b8096;
  }
  body:not(.dark-theme) .server-entry-chip {
    background: #f4f6fb;
    border-color: #dde3ef;
    color: #424961;
  }
  body:not(.dark-theme) .server-entry-button {
    background: #f2f4fb;
    border-color: #dde3ef;
    color: #313852;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
  }
  body:not(.dark-theme) .server-entry-button:hover {
    background: #ffffff;
    border-color: rgba(108, 101, 255, 0.28);
    color: #1d2340;
  }
  body:not(.dark-theme) .mail-toolbar .btn-secondary {
    background: rgba(108, 101, 255, 0.12);
    border-color: rgba(108, 101, 255, 0.2);
    color: #544cda;
    box-shadow: none;
  }
  body:not(.dark-theme) .mail-toolbar .btn-secondary:hover {
    background: rgba(108, 101, 255, 0.18);
    border-color: rgba(108, 101, 255, 0.28);
    color: #443cc7;
  }
  body:not(.dark-theme) .server-info-row {
    background: #f7f8fc;
    border-color: #dde3ef;
    color: #15161d;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  }
  body:not(.dark-theme) .server-info-row:not(.is-disabled):hover {
    background: #ffffff;
    border-color: rgba(108, 101, 255, 0.28);
  }
  body:not(.dark-theme) .server-info-row.is-disabled .server-info-row-value {
    color: #7b8096;
  }
  body:not(.dark-theme) .server-info-row-action {
    background: #eef2fa;
    border-color: #dde3ef;
    color: #505872;
  }
  body:not(.dark-theme) .server-online-pill {
    background: rgba(53, 197, 110, 0.12);
    border-color: rgba(53, 197, 110, 0.2);
    color: #17834d;
  }
  body:not(.dark-theme) .server-online-caption,
  body:not(.dark-theme) .server-online-player-copy span,
  body:not(.dark-theme) .server-online-empty span {
    color: #6f7489;
  }
  body:not(.dark-theme) .server-online-player,
  body:not(.dark-theme) .server-online-empty {
    background: #f7f8fc;
    border-color: #dde3ef;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  }
  body:not(.dark-theme) .server-online-player-copy strong,
  body:not(.dark-theme) .server-online-empty strong {
    color: #15161d;
  }
  body:not(.dark-theme) .server-online-player-avatar {
    background: #eef2fa;
    border: 1px solid #dde3ef;
  }
  body:not(.dark-theme) .server-online-empty.is-error {
    background: #fff3f3;
    border-color: rgba(216, 93, 93, 0.24);
  }
  body:not(.dark-theme) .account-link-actions .secondary {
    background: #eef1f7;
    color: #363d57;
  }
  body:not(.dark-theme) .application-modal {
    background: rgba(236, 240, 249, 0.62);
    backdrop-filter: blur(10px);
  }
  body:not(.dark-theme) .application-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    border-color: #e2e7f3;
    box-shadow: 0 30px 70px rgba(110, 121, 157, 0.18);
  }
  body:not(.dark-theme) .modal-close {
    background: #f5f7fc;
    border-color: #dde3ef;
    color: #6f7387;
  }
  body:not(.dark-theme) .modal-close:hover {
    background: #ffffff;
    color: #15161d;
  }
  body:not(.dark-theme) .login-choice-button {
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fd 100%);
    border-color: #dfe4ef;
    color: #15161d;
    box-shadow: 0 16px 32px rgba(120, 129, 160, 0.08);
  }
  body:not(.dark-theme) .login-choice-button.is-discord {
    background: linear-gradient(180deg, #f1f4ff 0%, #edf0ff 100%);
    border-color: rgba(88, 101, 242, 0.2);
  }
  body:not(.dark-theme) .login-choice-button.is-discord:hover:not(:disabled) {
    background: linear-gradient(180deg, #ffffff 0%, #eef2ff 100%);
    border-color: rgba(88, 101, 242, 0.34);
  }
  body:not(.dark-theme) .login-choice-button.is-telegram {
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
    border-color: #dfe4ef;
  }
  body:not(.dark-theme) .login-choice-button.is-telegram:hover:not(:disabled) {
    background: linear-gradient(180deg, #ffffff 0%, #f2f4fa 100%);
    border-color: #d4dae8;
  }
  body:not(.dark-theme) .login-choice-icon {
    border-color: #e1e5ef;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  }
  body:not(.dark-theme) .login-choice-button.is-telegram .login-choice-icon {
    background: linear-gradient(180deg, #f1f3f8 0%, #e8ebf4 100%);
    color: #8188a1;
    border-color: #dde2ed;
  }
  body:not(.dark-theme) .login-choice-subtitle {
    color: #72778f;
  }
  body:not(.dark-theme) .login-choice-pill {
    background: #eef1f7;
    color: #717791;
  }
  body:not(.dark-theme) .login-choice-button.is-discord .login-choice-pill {
    background: #dde3ff;
    color: #4450d9;
  }
  body:not(.dark-theme) .login-choice-button.is-telegram .login-choice-pill {
    background: #edf0f6;
    color: #7b8298;
  }
  body:not(.dark-theme) .rc-wallet-hint-toggle,
  body:not(.dark-theme) .rc-file-picker {
    border-color: #dfe2ec;
  }
  body:not(.dark-theme) .rc-filter-menu {
    background: #ffffff;
    border-color: #dfe2ec;
    box-shadow: 0 18px 38px rgba(29, 31, 44, 0.12);
  }
  body:not(.dark-theme) .rc-filter-option:hover,
  body:not(.dark-theme) .rc-filter-option.active {
    background: #f1f3fb;
  }
  body:not(.dark-theme) .rc-post-menu-button {
    background: #ececf3;
    color: #34324d;
  }
  body:not(.dark-theme) .rc-post-menu-button:hover {
    background: #e2e4f2;
    color: #26243b;
  }
  body:not(.dark-theme) .rc-post-menu-popover {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e1e5f0;
    box-shadow: 0 20px 48px rgba(32, 36, 54, 0.16);
    backdrop-filter: blur(18px);
  }
  body:not(.dark-theme) .rc-post-menu-popover button {
    color: #212330;
  }
  body:not(.dark-theme) .rc-post-menu-popover button:hover {
    background: #f3f5fb;
  }
  body:not(.dark-theme) .rc-post-menu-popover svg {
    color: #71748a;
  }
  body:not(.dark-theme) .rc-post-menu-popover button[data-edit-post]:hover,
  body:not(.dark-theme) .rc-post-menu-popover button[data-community-edit-post]:hover {
    color: #3840ca;
    background: #eef1ff;
  }
  body:not(.dark-theme) .rc-post-menu-popover button[data-edit-post]:hover svg,
  body:not(.dark-theme) .rc-post-menu-popover button[data-community-edit-post]:hover svg {
    color: #4f57e6;
  }
  body:not(.dark-theme) .rc-post-menu-popover button[data-delete-post],
  body:not(.dark-theme) .rc-post-menu-popover button[data-community-delete-post] {
    color: #b12432;
  }
  body:not(.dark-theme) .rc-post-menu-popover button[data-delete-post] svg,
  body:not(.dark-theme) .rc-post-menu-popover button[data-community-delete-post] svg {
    color: #cf4452;
  }
  body:not(.dark-theme) .rc-post-menu-popover button[data-delete-post]:hover,
  body:not(.dark-theme) .rc-post-menu-popover button[data-community-delete-post]:hover {
    background: #fff1f2;
    color: #a21b29;
  }
  body:not(.dark-theme) .rc-post-menu-popover button[data-delete-post]:hover svg,
  body:not(.dark-theme) .rc-post-menu-popover button[data-community-delete-post]:hover svg {
    color: #c73140;
  }
  body:not(.dark-theme) .rc-search-toggle.active,
  body:not(.dark-theme) .rc-search-toggle:hover {
    background: #ececff;
    color: #34324d;
  }
  body:not(.dark-theme) .rc-selected-image-preview {
    background: #f4f5f8;
    border-color: #e4e6ee;
  }
  body:not(.dark-theme) .rc-post-comments {
    border-top-color: #e5e8f1;
  }
  body:not(.dark-theme) .rc-post-comment-form input {
    background: #f5f6fb;
    color: #15161d;
    border: 1px solid #e0e4ef;
  }
  body:not(.dark-theme) .rc-post-comment-form input::placeholder {
    color: #878ba0;
  }
  body:not(.dark-theme) .rc-post-comment-send {
    color: #7b7e92;
  }
  body:not(.dark-theme) .rc-post-comment-send:hover {
    color: #514ed9;
    background: #eef1ff;
  }
  body:not(.dark-theme) .rc-delete-post {
    color: #b42323;
    background: #ffe9e9;
  }
  body:not(.dark-theme) .rc-edit-post {
    color: #34324d;
    background: #f0f0fb;
  }
  body:not(.dark-theme) .rc-edit-cancel {
    color: #34324d;
    background: #eef0f5;
  }
  body:not(.dark-theme) .rc-player-item,
  body:not(.dark-theme) .rc-wallet-name,
  body:not(.dark-theme) .rc-bank-card-name,
  body:not(.dark-theme) .rc-bank-card-balance {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-wallet-balance,
  body:not(.dark-theme) .rc-transaction-row {
    color: #6f7281;
  }
  body:not(.dark-theme) .rc-admin-player,
  body:not(.dark-theme) .rc-admin-section-card,
  body:not(.dark-theme) .rc-admin-wallet-card,
  body:not(.dark-theme) .rc-community-switcher,
  body:not(.dark-theme) .rc-community-list-panel,
  body:not(.dark-theme) .rc-community-create-card,
  body:not(.dark-theme) .rc-community-hero,
  body:not(.dark-theme) .rc-community-info,
  body:not(.dark-theme) .rc-community-admin-actions,
  body:not(.dark-theme) .rc-petition-card,
  body:not(.dark-theme) .rc-petition-vote-card,
  body:not(.dark-theme) .rc-petition-organizer,
  body:not(.dark-theme) .rc-court-card,
  body:not(.dark-theme) .rc-court-main,
  body:not(.dark-theme) .rc-court-side-card {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    color: #15161d;
    border: 1px solid #e4e6ee;
    box-shadow: 0 18px 40px rgba(124, 132, 164, 0.1);
  }
  body:not(.dark-theme) .rc-admin-search,
  body:not(.dark-theme) .rc-role-check,
  body:not(.dark-theme) .rc-admin-switch,
  body:not(.dark-theme) .rc-admin-pill,
  body:not(.dark-theme) .rc-community-create-card input,
  body:not(.dark-theme) .rc-petition-form input,
  body:not(.dark-theme) .rc-petition-form textarea,
  body:not(.dark-theme) .rc-petition-form select,
  body:not(.dark-theme) .rc-court-form input,
  body:not(.dark-theme) .rc-court-form textarea,
  body:not(.dark-theme) .rc-admin-wallet-card input,
  body:not(.dark-theme) .rc-court-chat-compose {
    background: #f4f5f8;
    color: #15161d;
    border: 1px solid #dfe2ec;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
  }
  body:not(.dark-theme) .rc-role-check {
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    border-color: #e2e7f0;
    box-shadow: 0 12px 28px rgba(124, 132, 164, 0.08);
  }
  body:not(.dark-theme) .rc-admin-switch,
  body:not(.dark-theme) .rc-admin-pill {
    background: #f4f6fb;
    color: #1d2340;
    border-color: #e0e6f1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
  }
  body:not(.dark-theme) .rc-admin-switch-button {
    color: #667089;
  }
  body:not(.dark-theme) .rc-admin-switch-button:hover {
    color: #1d2340;
    background: rgba(108, 101, 255, 0.08);
  }
  body:not(.dark-theme) .rc-admin-switch-button.active {
    color: #ffffff;
    background: #6c65ff;
  }
  body:not(.dark-theme) .rc-role-check span {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-role-check input {
    background: #f1f4fb;
    border-color: #d6ddec;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  }
  body:not(.dark-theme) .rc-role-check input:checked {
    background: #6c65ff;
    border-color: #6c65ff;
  }
  body:not(.dark-theme) .rc-admin-search::placeholder,
  body:not(.dark-theme) .rc-petition-form input::placeholder,
  body:not(.dark-theme) .rc-petition-form textarea::placeholder,
  body:not(.dark-theme) .rc-court-form input::placeholder,
  body:not(.dark-theme) .rc-court-form textarea::placeholder,
  body:not(.dark-theme) .rc-admin-wallet-card input::placeholder,
  body:not(.dark-theme) .rc-court-chat-form input::placeholder {
    color: #8b90a3;
  }
  body:not(.dark-theme) .rc-court-chat-form input {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-court-message-body {
    background: #f4f6fb;
    border: 1px solid #e1e6f0;
  }
  body:not(.dark-theme) .rc-court-message-attachment,
  body:not(.dark-theme) .rc-petition-card img,
  body:not(.dark-theme) .rc-petition-hero {
    background: #eef2f8;
  }
  body:not(.dark-theme) .rc-community-tabs,
  body:not(.dark-theme) .rc-petition-tabs {
    border-bottom-color: #dde2ee;
  }
  body:not(.dark-theme) .rc-community-tab,
  body:not(.dark-theme) .rc-petition-tab,
  body:not(.dark-theme) .rc-community-mode {
    color: #7a8094;
  }
  body:not(.dark-theme) .rc-community-tab.active,
  body:not(.dark-theme) .rc-petition-tab.active {
    color: #15161d;
    border-bottom-color: #6c65ff;
  }
  body:not(.dark-theme) .rc-community-mode.active {
    color: #1d2340;
    background: #eef0ff;
    border-left-color: #6c65ff;
  }
  body:not(.dark-theme) .rc-community-row,
  body:not(.dark-theme) .rc-community-name,
  body:not(.dark-theme) .rc-petition-title,
  body:not(.dark-theme) .rc-petition-detail-title,
  body:not(.dark-theme) .rc-court-title,
  body:not(.dark-theme) .rc-court-detail-title,
  body:not(.dark-theme) .rc-court-message-meta strong {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-community-meta,
  body:not(.dark-theme) .rc-petition-author,
  body:not(.dark-theme) .rc-petition-description,
  body:not(.dark-theme) .rc-court-card-top,
  body:not(.dark-theme) .rc-court-date,
  body:not(.dark-theme) .rc-court-description,
  body:not(.dark-theme) .rc-court-message-meta,
  body:not(.dark-theme) .rc-court-message span,
  body:not(.dark-theme) .rc-court-create-hints,
  body:not(.dark-theme) .rc-court-arrow {
    color: #6f7281;
  }
  body:not(.dark-theme) .rc-community-create-button,
  body:not(.dark-theme) .rc-community-action-button,
  body:not(.dark-theme) .rc-court-tab,
  body:not(.dark-theme) .rc-court-back,
  body:not(.dark-theme) .rc-admin-wallet-back,
  body:not(.dark-theme) .rc-petition-create,
  body:not(.dark-theme) .rc-petition-action:not(.primary):not(.danger) {
    background: #eef1f7;
    color: #39405a;
    border: 1px solid #dde3ef;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
  }
  body:not(.dark-theme) .rc-community-create-button:hover,
  body:not(.dark-theme) .rc-community-action-button:hover,
  body:not(.dark-theme) .rc-court-tab:hover,
  body:not(.dark-theme) .rc-court-back:hover,
  body:not(.dark-theme) .rc-admin-wallet-back:hover,
  body:not(.dark-theme) .rc-petition-create:hover,
  body:not(.dark-theme) .rc-petition-action:not(.primary):not(.danger):hover {
    background: #ffffff;
    border-color: rgba(108, 101, 255, 0.24);
    color: #1d2340;
  }
  body:not(.dark-theme) .rc-court-card:hover {
    background: linear-gradient(180deg, #ffffff 0%, #f3f6ff 100%);
  }
  body:not(.dark-theme) .rc-community-row:hover .rc-community-name {
    color: #514ed9;
  }
  body:not(.dark-theme) .rc-community-create-head h2 {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-community-hero {
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  }
  body:not(.dark-theme) .rc-community-cover:not(.has-image) {
    background:
      radial-gradient(circle at 54% 35%, rgba(222, 177, 123, 0.58) 0 18%, transparent 19%),
      linear-gradient(145deg, rgba(255,255,255,0.72), rgba(255,255,255,0.14) 35%),
      linear-gradient(180deg, #dde7fb, #cad8f1 72%);
  }
  body:not(.dark-theme) .rc-community-cover.has-image {
    background-image:
      linear-gradient(rgba(255,255,255,0.08), rgba(246,249,255,0.2)),
      var(--rc-community-cover-image);
    background-position: center;
    background-size: cover;
  }
  body:not(.dark-theme) .rc-community-cover::after {
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(241,245,253,0.92) 100%);
  }
  body:not(.dark-theme) .rc-community-cover-upload {
    background: rgba(243, 247, 255, 0.28);
    color: #18223d;
  }
  body:not(.dark-theme) .rc-community-cover-upload:hover {
    background: rgba(255,255,255,0.62);
  }
  body:not(.dark-theme) .rc-admin-edit,
  body:not(.dark-theme) .rc-admin-action-button,
  body:not(.dark-theme) .rc-court-tab.active {
    box-shadow: 0 12px 28px rgba(108, 101, 255, 0.18);
  }
  body:not(.dark-theme) .rc-admin-section-title h3 {
    color: #15161d;
  }
  body:not(.dark-theme) .rc-admin-section-title p,
  body:not(.dark-theme) .rc-admin-player-status {
    color: #6f7281;
  }
  body:not(.dark-theme) .rc-admin-remove {
    background: #fff0f2;
    color: #dc5068;
    border: 1px solid #ffd3db;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  }
  body:not(.dark-theme) .rc-admin-remove:hover {
    background: #ffe6ea;
    border-color: #ffb9c6;
  }
  @keyframes rcPanelIn {
    from { opacity: 0; transform: translateY(-10px) scale(0.98); filter: blur(3px); }
    to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
  }
  .theme-toggle {
    width: 62px;
    height: 34px;
    border: 1px solid var(--border-color);
    border-radius: 999px;
    background: var(--card-bg);
    color: var(--text-secondary);
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px;
    box-shadow: var(--shadow);
    transition: 0.3s;
  }
  .theme-toggle:hover {
    color: var(--text-primary);
    transform: translateY(-2px);
  }
  .theme-toggle svg {
    width: 15px;
    height: 15px;
    z-index: 2;
  }
  .theme-toggle::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--accent-color);
    box-shadow: 0 6px 18px rgba(108, 92, 231, 0.28);
    transition: transform 0.3s cubic-bezier(.16, 1, .3, 1);
  }
  body.dark-theme .theme-toggle::after {
    transform: translateX(28px);
  }

  /* --- HERO SECTION (ГЛАВНЫЙ ЭКРАН) --- */
  .theme-toggle-mobile {
    display: none;
  }
  .theme-toggle-mobile::after {
    display: none;
  }
  .theme-toggle-mobile .sun-icon,
  .theme-toggle-mobile .moon-icon {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 18px;
    height: 18px;
  }
  body.dark-theme .theme-toggle-mobile .sun-icon {
    display: none;
  }
  body.dark-theme .theme-toggle-mobile .moon-icon {
    display: block;
  }
  body:not(.dark-theme) .theme-toggle-mobile .sun-icon {
    display: block;
  }
  body:not(.dark-theme) .theme-toggle-mobile .moon-icon {
    display: none;
  }
  .hero {
    height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 80px; 
    position: relative;
    overflow: hidden;
  }
  .hero-background {
    position: absolute;
    top: 0;
    right: 0;
    width: 68%;
    min-width: 620px;
    height: 100%;
    background-image: url('/bg.jpg');
    background-size: cover;
    background-position: center right;
    overflow: hidden;
    filter: saturate(1.04) contrast(1.02);
  }
  .hero-background::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--hero-background-soften);
  }
  
  /* 3. ОЧЕНЬ ПЛАВНЫЙ ПЕРЕХОД КАРТИНКИ В БЕЛЫЙ ФОН */
  .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--hero-overlay);
  }
  
  .hero-content {
    position: relative;
    z-index: 5;
    width: 100%;
  }
  .hero-copy {
    width: min(48%, 560px);
    margin-left: 0;
  }
  
  .hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--tag-bg);
    padding: 8px 16px;
    border-radius: 20px;
    color: var(--tag-text);
    border: 1px solid var(--border-color);
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 20px;
  }
  .hero-title {
    font-size: 64px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.1;
    margin-bottom: 10px;
    color: var(--text-primary);
  }
  .hero-desc {
    font-size: 18px;
    color: var(--text-secondary);
    margin-bottom: 30px;
    opacity: 0.8;
  }
  .hero-btns {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
  }
  .hero-mobile-links {
    display: none;
  }
  .hero-mobile-link {
    min-height: 74px;
    padding: 12px 10px 10px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(17, 18, 25, 0.94);
    color: #959ab0;
    display: grid;
    place-items: center;
    gap: 6px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -0.01em;
    transition: transform .24s ease, background .24s ease, color .24s ease, border-color .24s ease;
  }
  .hero-mobile-link svg {
    width: 20px;
    height: 20px;
    color: #8d83ff;
    flex: 0 0 auto;
  }
  .hero-mobile-link span {
    line-height: 1.15;
  }
  .hero-mobile-link.active,
  .hero-mobile-link:hover {
    color: #ffffff;
    background: rgba(28, 28, 37, 0.98);
    border-color: rgba(129, 114, 255, 0.22);
    transform: translateY(-2px);
  }
  .btn-primary, .btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
  }
  .btn-primary svg,
  .btn-secondary svg,
  .hero-tag svg,
  .ip-block svg,
  .info-card-icon {
    flex: 0 0 auto;
    display: block;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .btn-primary {
    background: var(--accent-color);
    color: white;
  }
  .btn-primary:hover {
    background: var(--accent-hover);
    transform: translateY(-3px);
  }
  .btn-secondary {
    background: var(--card-bg);
    color: var(--text-primary);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }
  .btn-secondary:hover {
    background: var(--soft-card-bg);
    transform: translateY(-3px);
  }

  .application-modal {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 96px 20px 28px;
    background: rgba(21, 21, 26, 0.36);
    backdrop-filter: blur(8px);
    overflow-y: auto;
  }
  .application-modal[hidden] { display: none; }
  .application-modal:not([hidden]) {
    animation: modalFadeIn 0.28s ease both;
  }
  .mc-auth-card {
    display: grid;
    gap: 16px;
  }
  .mc-auth-code {
    display: grid;
    gap: 8px;
    padding: 18px;
    border-radius: 14px;
    border: 1px solid var(--border-color);
    background: var(--soft-card-bg);
    text-align: center;
  }
  .mc-auth-code strong {
    font-size: 34px;
    letter-spacing: 4px;
    color: var(--accent-color);
  }
  .mc-auth-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .application-panel {
    width: min(100%, 680px);
    background: color-mix(in srgb, var(--card-bg) 94%, transparent);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(21, 21, 26, 0.18);
    padding: 28px;
  }
  .application-modal:not([hidden]) .application-panel {
    animation: panelSlideIn 0.34s cubic-bezier(.16, 1, .3, 1) both;
  }
  .application-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 22px;
  }
  .application-title {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
  }
  .application-subtitle {
    color: var(--text-secondary);
    font-size: 14px;
    margin-top: 6px;
  }
  .modal-close {
    width: 38px;
    height: 38px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: var(--card-bg);
    color: var(--text-secondary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.25s;
  }
  .modal-close:hover {
    color: var(--text-primary);
    transform: translateY(-2px);
  }
  .application-form {
    display: grid;
    gap: 16px;
  }
  .application-modal:not([hidden]) .application-form > * {
    animation: fieldRiseIn 0.34s cubic-bezier(.16, 1, .3, 1) both;
  }
  .application-modal:not([hidden]) .application-form > *:nth-child(1) { animation-delay: 0.04s; }
  .application-modal:not([hidden]) .application-form > *:nth-child(2) { animation-delay: 0.08s; }
  .application-modal:not([hidden]) .application-form > *:nth-child(3) { animation-delay: 0.12s; }
  .application-modal:not([hidden]) .application-form > *:nth-child(4) { animation-delay: 0.16s; }
  .application-modal:not([hidden]) .application-form > *:nth-child(5) { animation-delay: 0.20s; }
  .application-modal:not([hidden]) .application-form > *:nth-child(6) { animation-delay: 0.24s; }
  .form-row {
    display: grid;
    gap: 8px;
  }
  .form-grid {
    display: grid;
    grid-template-columns: 1fr 180px;
    gap: 16px;
  }
  .form-row label,
  .license-toggle span {
    font-weight: 700;
    color: var(--text-primary);
    font-size: 14px;
  }
  .form-row input,
  .form-row textarea,
  .form-row select {
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: var(--field-bg);
    color: var(--text-primary);
    padding: 13px 14px;
    font-size: 15px;
    outline: none;
    transition: border-color 0.25s, box-shadow 0.25s;
  }
  .form-row textarea {
    min-height: 130px;
    resize: vertical;
  }
  .form-row input:focus,
  .form-row textarea:focus,
  .form-row select:focus {
    border-color: rgba(108, 92, 231, 0.55);
    box-shadow: 0 0 0 4px rgba(108, 92, 231, 0.1);
  }
  .license-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: var(--soft-card-bg);
  }
  .license-toggle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
  }
  .license-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .switch-track {
    position: relative;
    width: 48px;
    height: 28px;
    border-radius: 999px;
    background: #c7ccd8;
    transition: 0.25s;
  }
  .switch-track::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(21, 21, 26, 0.18);
    transition: 0.25s;
  }
  .license-toggle input:checked + .switch-track {
    background: var(--accent-color);
  }
  .license-toggle input:checked + .switch-track::after {
    transform: translateX(20px);
  }
  .license-state {
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 600;
  }
  .form-status {
    min-height: 22px;
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 600;
  }
  .form-status.success { color: #1f8a55; }
  .form-status.error { color: #c23b4b; }
  .support-section {
    padding: 76px 0;
    background: var(--bg-color);
  }
  .support-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 34px;
    align-items: center;
  }
  .section-kicker {
    color: var(--accent-color);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 12px;
  }
  .section-title {
    font-size: 42px;
    line-height: 1.12;
    font-weight: 800;
    margin-bottom: 16px;
  }
  .section-desc {
    color: var(--text-secondary);
    font-size: 17px;
    max-width: 680px;
  }
  .support-card {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 24px;
    box-shadow: var(--shadow);
    display: grid;
    gap: 14px;
  }
  .support-card-title {
    font-size: 20px;
    font-weight: 800;
  }
  .support-card-text {
    color: var(--text-secondary);
    font-size: 14px;
  }
  .connect-guide {
    grid-column: 1 / -1;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    background: var(--card-bg);
    box-shadow: var(--shadow);
    padding: 26px;
    scroll-margin-top: 126px;
  }
  .connect-guide-title {
    color: var(--text-primary);
    font-size: 26px;
    line-height: 1.15;
    font-weight: 900;
    margin-bottom: 18px;
  }
  .connect-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .connect-step {
    border: 1px solid var(--border-color);
    border-radius: 13px;
    background: var(--soft-card-bg);
    padding: 18px;
  }
  .connect-step-title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-primary);
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 9px;
  }
  .connect-step-number {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: rgba(108, 92, 231, 0.14);
    color: var(--accent-color);
    font-size: 13px;
    font-weight: 950;
    flex: 0 0 28px;
  }
  .connect-step-text {
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.65;
  }
  .connect-step-text strong {
    color: var(--text-primary);
  }
  .stack-list {
    display: grid;
    gap: 12px;
    max-height: 420px;
    overflow: auto;
    padding-right: 4px;
  }
  .ticket-item,
  .mail-item {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: var(--soft-card-bg);
    padding: 14px;
    display: grid;
    gap: 8px;
  }
  .ticket-top,
  .mail-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
  }
  .ticket-title,
  .mail-title {
    font-weight: 800;
    color: var(--text-primary);
  }
  .ticket-meta,
  .mail-meta {
    color: var(--text-secondary);
    font-size: 12px;
  }
  .mail-item.is-actionable {
    box-shadow: 0 16px 36px rgba(108, 101, 255, 0.12);
  }
  .mail-body {
    white-space: pre-line;
    line-height: 1.55;
    color: var(--text-primary);
  }
  .mail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 4px;
  }
  .mail-action-button {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    min-height: 40px;
    padding: 0 16px;
    background: #252530;
    color: white;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  .mail-action-button:hover {
    transform: translateY(-1px);
  }
  .mail-action-button[disabled] {
    opacity: .62;
    cursor: default;
    transform: none;
  }
  .mail-action-button.primary {
    background: #6c65ff;
    border-color: #6c65ff;
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(108, 101, 255, 0.18);
  }
  .mail-action-button.secondary {
    background: #1b1d25;
    border-color: rgba(255,255,255,.08);
    color: #dfe3f7;
  }
  .mail-action-state {
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.5;
  }
  .ticket-status {
    border-radius: 999px;
    border: 1px solid var(--border-color);
    padding: 4px 9px;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 800;
  }
  .reply-box {
    display: grid;
    gap: 10px;
    margin-top: 8px;
  }
  .reply-box textarea {
    min-height: 86px;
  }
  .ticket-head-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
  }
  .ticket-toolbar {
    display: grid;
    justify-items: end;
    align-content: start;
    gap: 14px;
    flex: 0 0 320px;
    width: min(100%, 320px);
  }
  .ticket-categories {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(122px, 1fr);
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 6px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    background: rgba(255,255,255,.03);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  }
  .ticket-search-row {
    --rc-search-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: min(100%, 460px);
    flex: 0 1 460px;
    min-width: 0;
  }
  .ticket-search-input {
    width: 100%;
    min-height: 44px;
    border: 1px solid #2f3140;
    border-radius: 16px;
    background-color: #101016;
    color: #ffffff;
    padding: 0 16px 0 46px;
    font: inherit;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%239b9cad' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' stroke='%239b9cad' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 16px center;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
  }
  .ticket-search-input::placeholder {
    color: #9093a7;
  }
  .ticket-search-input:focus {
    outline: none;
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108, 101, 255, 0.16);
  }
  .ticket-category-button {
    border: 1px solid transparent;
    border-radius: 12px;
    min-height: 44px;
    padding: 0 16px;
    background: transparent;
    color: var(--text-secondary);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
  }
  .ticket-category-button:hover {
    color: var(--text-primary);
    background: rgba(255,255,255,.04);
  }
  .ticket-category-button.is-active {
    color: #ffffff;
    background: linear-gradient(180deg, rgba(108, 101, 255, 0.92) 0%, rgba(83, 76, 222, 0.96) 100%);
    border-color: rgba(108, 101, 255, 0.7);
    box-shadow: 0 12px 24px rgba(108, 101, 255, 0.2);
  }
  .ticket-head-button {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 14px;
  }
  .tickets-board {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
  }
  .ticket-list-pane,
  .ticket-detail-pane {
    min-width: 0;
  }
  .ticket-stack-list {
    max-height: 760px;
    overflow: auto;
    padding-right: 6px;
  }
  .ticket-list-item {
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    background: var(--soft-card-bg);
    padding: 16px;
    display: grid;
    gap: 10px;
    text-align: left;
    cursor: pointer;
    color: inherit;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
  }
  .ticket-list-item:hover {
    transform: translateY(-1px);
    border-color: rgba(108, 101, 255, 0.26);
  }
  .ticket-list-item.is-active {
    border-color: rgba(108, 101, 255, 0.46);
    background: rgba(108, 101, 255, 0.1);
    box-shadow: 0 18px 34px rgba(108, 101, 255, 0.16);
  }
  .ticket-list-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
  }
  .ticket-list-main {
    min-width: 0;
    display: grid;
    gap: 6px;
  }
  .ticket-list-title {
    color: var(--text-primary);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }
  .ticket-list-meta,
  .ticket-list-owner {
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 1.45;
  }
  .ticket-list-preview {
    color: var(--text-primary);
    font-size: 13px;
    line-height: 1.55;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ticket-detail-pane {
    display: grid;
    align-self: stretch;
  }
  .ticket-detail-empty {
    min-height: 420px;
    display: grid;
    place-items: center;
    padding: 30px 24px;
    border: 1px dashed var(--border-color);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.02);
    text-align: center;
    color: var(--text-secondary);
    line-height: 1.6;
  }
  .ticket-detail-card {
    display: grid;
    gap: 12px;
    align-content: start;
  }
  .ticket-detail-mobile-back {
    display: none;
    align-items: center;
    gap: 8px;
    width: max-content;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    min-height: 40px;
    padding: 0 14px;
    background: rgba(255,255,255,.04);
    color: var(--text-primary);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
  }
  .ticket-detail-mobile-back svg {
    width: 16px;
    height: 16px;
  }
  .ticket-item {
    gap: 12px;
    padding: 16px;
    border-radius: 14px;
    align-content: start;
  }
  .ticket-owner-panel {
    display: grid;
    gap: 10px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid var(--border-color);
    background: rgba(255, 255, 255, 0.03);
  }
  .ticket-owner-label {
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .ticket-owner-name {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
  }
  .ticket-owner-accounts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .ticket-account-chip {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    background: rgba(255, 255, 255, 0.04);
  }
  .ticket-account-chip span {
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .ticket-account-chip strong {
    color: var(--text-primary);
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }
  .ticket-chat-shell {
    display: grid;
    gap: 10px;
    align-content: start;
  }
  .ticket-thread {
    display: grid;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    align-content: start;
  }
  .ticket-message {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    background: rgba(17, 17, 24, 0.64);
    max-width: min(100%, 460px);
  }
  .ticket-message.is-own {
    justify-self: end;
    background: rgba(108, 101, 255, 0.12);
    border-color: rgba(108, 101, 255, 0.28);
  }
  .ticket-message.is-staff {
    justify-self: start;
    background: rgba(74, 201, 126, 0.09);
    border-color: rgba(74, 201, 126, 0.2);
  }
  .ticket-message-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 12px;
    align-items: center;
  }
  .ticket-message-author {
    font-size: 12px;
    font-weight: 800;
    color: var(--text-primary);
  }
  .ticket-message-time {
    font-size: 11px;
    color: var(--text-secondary);
  }
  .ticket-message-body {
    white-space: pre-line;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-primary);
  }
  .ticket-message-attachment {
    display: block;
    width: min(100%, 280px);
    max-height: 240px;
    object-fit: cover;
    border-radius: 12px;
    background: #101016;
    border: 1px solid rgba(255,255,255,.06);
  }
  .ticket-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2px;
  }
  .ticket-chat-form {
    display: grid;
    gap: 10px;
  }
  .ticket-chat-form .rc-court-chat-compose {
    min-height: 48px;
    padding: 0 8px 0 14px;
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
  }
  .ticket-chat-form .rc-court-chat-compose:focus-within {
    border-color: rgba(108, 101, 255, 0.42);
    box-shadow: 0 0 0 3px rgba(108, 101, 255, 0.14);
  }
  .ticket-chat-form .ticket-reply-text {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    font-size: 14px;
  }
  .ticket-chat-form .ticket-reply-pick,
  .ticket-chat-form .ticket-reply-button {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    border-radius: 10px;
  }
  .ticket-chat-form .ticket-reply-button {
    box-shadow: 0 12px 26px rgba(108, 101, 255, 0.28);
  }
  .ticket-reply-preview {
    max-width: 320px;
  }
  .ticket-reply-preview img {
    width: min(100%, 320px);
    max-height: 220px;
  }
  .ticket-reply-media-actions {
    gap: 10px;
  }
  .ticket-close-button {
    min-height: 38px;
    padding: 0 15px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
  }
  .ticket-close-button,
  .ticket-delete-button {
    border: 1px solid rgba(228, 75, 94, 0.3);
    background: linear-gradient(180deg, #ef5f71 0%, #db4456 100%);
    color: #ffffff;
    box-shadow: 0 14px 26px rgba(228, 75, 94, 0.22);
  }
  .ticket-delete-button {
    min-height: 38px;
    padding: 0 15px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    background: linear-gradient(180deg, #e24b5e 0%, #c93447 100%);
    box-shadow: 0 14px 26px rgba(201, 52, 71, 0.24);
  }
  .ticket-close-button:hover,
  .ticket-delete-button:hover {
    background: linear-gradient(180deg, #f46779 0%, #dd4658 100%);
    transform: translateY(-1px);
    border-color: rgba(255, 135, 151, 0.44);
  }
  .ticket-delete-button:hover {
    background: linear-gradient(180deg, #e95366 0%, #cb374a 100%);
  }
  .ticket-status.is-open {
    color: #7fbbff;
    border-color: rgba(127, 187, 255, 0.28);
    background: rgba(127, 187, 255, 0.08);
  }
  .ticket-status.is-answered {
    color: #74d59c;
    border-color: rgba(116, 213, 156, 0.25);
    background: rgba(116, 213, 156, 0.08);
  }
  .ticket-status.is-closed {
    color: #ff9f9f;
    border-color: rgba(255, 106, 106, 0.22);
    background: rgba(255, 106, 106, 0.08);
  }
  .ticket-item.is-closed {
    opacity: 0.92;
  }
  .ticket-close-note {
    font-size: 12px;
    color: var(--text-secondary);
  }
  body:not(.dark-theme) .ticket-categories {
    border-color: #dfe5f0;
    background: #eef2f8;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
  }
  body:not(.dark-theme) .ticket-category-button {
    background: transparent;
    border-color: transparent;
    color: #5f657d;
    box-shadow: none;
  }
  body:not(.dark-theme) .ticket-category-button:hover {
    background: rgba(255,255,255,0.82);
    color: #15161d;
  }
  body:not(.dark-theme) .ticket-category-button.is-active {
    color: #ffffff;
    background: linear-gradient(180deg, #4957d1 0%, #3949c3 100%);
    border-color: rgba(73, 87, 209, 0.46);
    box-shadow: 0 14px 26px rgba(73, 87, 209, 0.18);
  }
  body:not(.dark-theme) .ticket-head-button {
    background: linear-gradient(180deg, #ffffff 0%, #f3f6fd 100%);
    border-color: #dce3f0;
    color: #1d2436;
    box-shadow: 0 12px 26px rgba(124, 132, 164, 0.1);
  }
  body:not(.dark-theme) .ticket-head-button:hover {
    background: #ffffff;
    border-color: rgba(73, 87, 209, 0.24);
    color: #111827;
  }
  body:not(.dark-theme) .ticket-search-input {
    border-color: #dfe2ec;
    background-color: #f4f5f8;
    color: #15161d;
  }
  body:not(.dark-theme) .ticket-search-input:focus {
    border-color: #6c65ff;
    box-shadow: 0 0 0 4px rgba(108, 101, 255, 0.14);
  }
  body:not(.dark-theme) .ticket-list-item {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    border-color: #e2e6f0;
    box-shadow: 0 14px 30px rgba(124, 132, 164, 0.08);
  }
  body:not(.dark-theme) .ticket-list-item.is-active {
    background: linear-gradient(180deg, #eef2ff 0%, #e8edff 100%);
    border-color: rgba(73, 87, 209, 0.32);
    box-shadow: 0 18px 34px rgba(73, 87, 209, 0.12);
  }
  body:not(.dark-theme) .ticket-detail-empty {
    background: rgba(255, 255, 255, 0.8);
    border-color: #e2e6f0;
  }
  body:not(.dark-theme) .ticket-owner-panel,
  body:not(.dark-theme) .ticket-thread,
  body:not(.dark-theme) .ticket-account-chip {
    background: rgba(255, 255, 255, 0.88);
    border-color: #e2e6f0;
  }
  body:not(.dark-theme) .ticket-chat-form .rc-court-chat-compose {
    background: linear-gradient(180deg, #ffffff 0%, #f5f7fc 100%);
    border-color: #dbe2ef;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 12px 28px rgba(124, 132, 164, 0.1);
  }
  body:not(.dark-theme) .ticket-chat-form .rc-court-chat-compose:focus-within {
    border-color: rgba(73, 87, 209, 0.42);
    box-shadow: 0 0 0 3px rgba(73, 87, 209, 0.12), 0 14px 30px rgba(124, 132, 164, 0.12);
  }
  body:not(.dark-theme) .ticket-chat-form .ticket-reply-button {
    box-shadow: 0 14px 26px rgba(73, 87, 209, 0.2);
  }
  body:not(.dark-theme) .ticket-message-attachment {
    background: #eef2f8;
    border-color: #e0e6f1;
  }
  body:not(.dark-theme) .ticket-close-button,
  body:not(.dark-theme) .ticket-delete-button {
    color: #ffffff;
    border-color: rgba(214, 69, 89, 0.26);
  }
  body:not(.dark-theme) .ticket-message {
    background: #ffffff;
    border-color: #e2e6f0;
    box-shadow: 0 10px 24px rgba(124, 132, 164, 0.08);
  }
  body:not(.dark-theme) .ticket-message.is-own {
    background: #eef1ff;
    border-color: rgba(73, 87, 209, 0.24);
  }
  body:not(.dark-theme) .ticket-message.is-staff {
    background: #eef9f2;
    border-color: rgba(52, 161, 98, 0.2);
  }

  @keyframes modalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  @keyframes panelSlideIn {
    from {
      opacity: 0;
      transform: translateY(-18px) scale(0.97);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @keyframes fieldRiseIn {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes pageSwitchIn {
    from {
      opacity: 0;
      transform: translateY(14px);
      filter: blur(4px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
    }
  }

  .ip-block {
    background: var(--card-bg);
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    box-shadow: 0 8px 24px rgba(21, 21, 26, 0.04);
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(100%, 460px);
  }
  .ip-icon { color: var(--accent-color); }
  .ip-text {
    flex-grow: 1;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-secondary);
  }
  .hero-fact-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
  }
  .hero-fact-label-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
  }
  .hero-online-button {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    text-align: left;
    cursor: pointer;
  }
  .hero-online-button .hero-fact-copy {
    transition: transform .18s ease;
  }
  .hero-online-button:hover .hero-fact-copy {
    transform: translateY(-1px);
  }
  .hero-online-button:focus-visible {
    outline: 2px solid rgba(108, 101, 255, 0.42);
    outline-offset: 4px;
    border-radius: 12px;
  }
  .ip-block > .ip-text:not(.hero-fact-copy),
  .ip-block > .copy-ip-btn {
    display: none;
  }
  .hero-fact-label {
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .hero-online-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(53, 197, 110, 0.22);
    background: rgba(53, 197, 110, 0.12);
    color: #99efb6;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .03em;
    white-space: nowrap;
  }
  .hero-online-state::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px rgba(53, 197, 110, 0.14);
  }
  .hero-online-state.is-offline {
    border-color: rgba(255, 111, 111, 0.22);
    background: rgba(255, 111, 111, 0.1);
    color: #ffb1b1;
  }
  .hero-fact-value {
    color: var(--text-primary);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.1;
  }
  .hero-fact-value.is-online {
    color: #b2ffd0;
  }
  .hero-fact-value.is-offline {
    color: #ffb9b9;
  }
  .hero-fact-note {
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
  }
  .hero-fact-chip {
    min-width: 138px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid var(--border-color);
    background: rgba(108, 101, 255, 0.08);
    display: grid;
    gap: 2px;
    text-align: right;
  }
  .hero-fact-chip span {
    color: var(--text-primary);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
  }
  .hero-fact-chip small {
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 1.3;
  }
  .hero-online-chip {
    background: rgba(53, 197, 110, 0.14);
    border-color: rgba(53, 197, 110, 0.28);
  }
  .hero-online-chip span {
    color: #9af0b8;
  }
  .hero-online-chip small {
    color: #dcffe8;
  }
  .hero-online-chip.is-offline {
    background: rgba(255, 111, 111, 0.1);
    border-color: rgba(255, 111, 111, 0.22);
  }
  .hero-online-chip.is-offline span {
    color: #ffb2b2;
  }
  .hero-online-chip.is-offline small {
    color: #ffd4d4;
  }
  .copy-ip-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #a8b2d1;
    transition: 0.3s;
  }
  .copy-ip-btn:hover { color: var(--text-primary); }

  /* --- INFO SECTION (КАРТОЧКИ ВНИЗУ) --- */
  .info-section { padding: 60px 0; background-color: var(--card-bg); }
  .info-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
  }
  .info-card {
    padding: 30px;
    background: var(--soft-card-bg); 
    border-radius: 15px;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .info-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow);
  }
  .info-card-header { display: flex; align-items: center; gap: 15px; }
  .info-card-icon { color: var(--accent-color); }
  .info-card-title { font-weight: 800; font-size: 18px; color: var(--text-primary); }
  .info-card-desc { font-size: 14px; color: var(--text-secondary); }
  .landing-socials {
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid var(--landing-divider);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 24px;
  }
  .landing-socials-title {
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .landing-social-link {
    color: var(--text-primary);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: color 0.18s ease, transform 0.18s ease;
  }
  .landing-social-link:hover {
    color: var(--accent-color);
    transform: translateY(-1px);
  }

  /* --- АНИМАЦИЯ ПОЯВЛЕНИЯ --- */
  .fade { opacity: 0; transform: translateY(40px); transition: 1s; }
  .fade.show { opacity: 1; transform: translateY(0); }

  /* --- АДАПТАЦИЯ ПОД ТЕЛЕФОНЫ --- */
  @media (max-width: 1180px) {
    .rc-communities-view {
      max-width: 448px;
      grid-template-columns: 1fr;
    }
    .rc-community-switcher,
    .rc-community-list-panel {
      grid-column: 1;
      grid-row: auto;
    }
    .rc-community-switcher {
      order: 2;
    }
    .rc-community-list-panel {
      order: 1;
    }
    .rc-community-detail {
      max-width: 448px;
      grid-template-columns: 1fr;
    }
    .rc-community-detail .rc-community-create-head,
    .rc-community-detail .rc-community-hero {
      grid-column: 1;
    }
    .rc-community-side {
      display: grid;
    }
    .rc-community-cover {
      height: 255px;
    }
    .rc-petitions-view {
      max-width: 448px;
      gap: 18px;
    }
    .rc-petitions-head {
      align-items: stretch;
      flex-direction: column;
    }
    .rc-petition-tabs {
      gap: 14px;
      overflow-x: auto;
      padding-bottom: 6px;
    }
    .rc-petition-tab {
      white-space: nowrap;
      font-size: 15px;
      padding-bottom: 10px;
    }
    .rc-petition-create {
      width: 100%;
      min-height: 52px;
      padding: 0 18px;
      font-size: 16px;
    }
    .rc-petition-list {
      gap: 14px;
    }
    .rc-petition-card {
      grid-template-columns: 1fr;
      gap: 0;
      border-radius: 18px;
    }
    .rc-petition-card img {
      width: 100%;
      height: 190px;
    }
    .rc-petition-card > div:first-of-type {
      padding: 14px 14px 10px;
    }
    .rc-petition-title {
      font-size: 18px;
      line-height: 1.2;
    }
    .rc-petition-author {
      margin-top: 12px;
      gap: 9px;
    }
    .rc-petition-author img {
      width: 32px;
      height: 32px;
      border-radius: 8px;
    }
    .rc-petition-score-line {
      font-size: 18px;
      align-items: center;
    }
    .rc-petition-score {
      padding: 0 14px 14px;
      gap: 8px;
    }
    .rc-petition-progress {
      height: 8px;
    }
    .rc-petition-detail {
      max-width: 448px;
      grid-template-columns: 1fr;
    }
    .rc-petition-detail .rc-community-create-head {
      grid-column: 1;
    }
  }
  @media (max-width: 1024px) {
    .hero-copy { width: min(100%, 620px); padding-left: 20px; }
    .hero-background { opacity: 0.2; width: 100%; filter: blur(5px); }
  }
  @media (max-width: 900px) {
    .rc-court-head-top,
    .rc-court-head-bottom,
    .rc-court-toolbar,
    .rc-wallet-summary-actions,
    .account-link-head,
    .rc-accounts-topline {
      flex-direction: column;
      align-items: stretch;
    }
    .server-entry-head {
      align-items: flex-start;
    }
    .servers-grid {
      grid-template-columns: 1fr;
    }
    .rc-court-grid,
    .rc-court-detail {
      grid-template-columns: 1fr;
    }
    .rc-admin-wallet-card {
      grid-template-columns: 1fr;
    }
    .rc-admin-toolbar {
      align-items: stretch;
    }
    .rc-admin-switch {
      width: 100%;
    }
    .rc-admin-switch-button {
      flex: 1 1 0;
    }
    .rc-admin-action-button {
      width: 100%;
    }
    .rc-admin-player {
      grid-template-columns: 48px minmax(0, 1fr);
      align-items: start;
    }
    .rc-admin-edit,
    .rc-admin-remove {
      grid-column: 1 / -1;
      width: 100%;
    }
    .rc-admin-wallet-card-actions {
      justify-content: stretch;
    }
    .rc-admin-wallet-card-actions button {
      flex: 1 1 140px;
    }
    .rc-court-create-head {
      flex-direction: column;
    }
    .rc-court-only-toggle {
      align-self: flex-start;
    }
    .rc-court-head-top {
      gap: 12px;
    }
    .rc-court-create-button {
      order: 1;
      width: 100%;
    }
    .rc-court-search-row {
      order: 2;
      flex: 0 0 auto;
      min-height: 0;
    }
    .account-link-button {
      width: 100%;
    }
    #rc-admin-role-modal .rc-wallet-transfer-dialog,
    #rc-admin-ban-modal .rc-wallet-transfer-dialog,
    #rc-admin-unban-modal .rc-wallet-transfer-dialog,
    #rc-admin-whitelist-modal .rc-wallet-transfer-dialog,
    #rc-admin-whitelist-delete-modal .rc-wallet-transfer-dialog {
      width: min(100%, calc(100vw - 24px));
      max-height: calc(100vh - 24px);
    }
    #rc-admin-role-modal,
    #rc-admin-ban-modal,
    #rc-admin-unban-modal,
    #rc-admin-whitelist-modal,
    #rc-admin-whitelist-delete-modal {
      padding: 12px;
      overflow-y: auto;
    }
    #rc-admin-role-modal,
    #rc-admin-ban-modal,
    #rc-admin-unban-modal,
    #rc-admin-whitelist-modal,
    #rc-admin-whitelist-delete-modal {
      padding-top: 74px;
    }
    #rc-admin-role-checks {
      grid-template-columns: 1fr;
      max-height: none;
    }
    .rc-court-search-row {
      --rc-search-width: 100%;
    }
  }
  @media (max-width: 768px) {
    .nav-links { display: none; }
    .rc-header-nav { display: none !important; }
    .hero {
      min-height: 100svh;
      height: auto;
      align-items: stretch;
      padding-top: 88px;
      padding-bottom: calc(176px + env(safe-area-inset-bottom, 0px));
    }
    .hero-content {
      min-height: calc(100svh - 196px - env(safe-area-inset-bottom, 0px));
      display: flex;
      align-items: stretch;
    }
    .hero-copy {
      display: flex;
      flex-direction: column;
      min-height: 100%;
    }
    .hero-title { font-size: 48px; }
    .hero-desc { font-size: 16px; }
    .ip-block { width: 100%; }
    .hero-btns { flex-direction: column; align-items: stretch; }
    .hero-mobile-links {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      position: fixed;
      left: 16px;
      right: 16px;
      bottom: calc(16px + env(safe-area-inset-bottom, 0px));
      margin: 0;
      padding: 10px;
      border-radius: 24px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(10, 10, 14, 0.76);
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
      backdrop-filter: blur(18px);
      z-index: 160;
    }
    .support-section,
    .info-section {
      padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px));
    }
    body.page-accounts .accounts-page,
    body.page-servers .servers-page,
    body.page-rules .rules-page,
    body.page-tickets .tickets-page {
      padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px));
    }
    .tickets-page-card {
      padding: 18px;
      border-radius: 14px;
    }
    .tickets-page .application-head {
      align-items: stretch;
    }
    .ticket-head-main,
    .ticket-toolbar {
      width: 100%;
    }
    .ip-block {
      flex-wrap: nowrap;
      align-items: stretch;
      padding: 14px;
      gap: 10px;
    }
    .hero-fact-copy {
      gap: 2px;
    }
    .hero-fact-value {
      font-size: 18px;
    }
    .server-online-summary {
      align-items: flex-start;
    }
    .server-online-player,
    .server-online-empty {
      border-radius: 15px;
    }
    .hero-fact-chip {
      width: auto;
      min-width: 112px;
      padding: 8px 10px;
      text-align: left;
    }
    .hero-fact-chip span {
      font-size: 11px;
    }
    .hero-fact-chip small,
    .hero-fact-note {
      font-size: 11px;
    }
    .rules-section-card {
      grid-template-columns: 1fr;
      padding: 20px;
    }
    .rules-section-number {
      width: 52px;
      height: 52px;
      border-radius: 18px;
      font-size: 22px;
    }
    .mail-confirm-actions {
      flex-direction: column-reverse;
      align-items: stretch;
    }
    .mail-confirm-actions .btn-secondary,
    .mail-confirm-actions .btn-primary {
      width: 100%;
    }
    body.site-mobile-menu-open .hero-mobile-links,
    body.page-rc .hero-mobile-links {
      display: none !important;
    }
    .btn-primary, .btn-secondary { width: 100%; }
    .player-name { display: none; }
    .minecraft-login { padding: 0 10px; font-size: 13px; }
    .player-menu { right: -54px; width: min(250px, calc(100vw - 28px)); }
    .rc-panel { top: 74px; right: 14px; left: 14px; width: auto; }
    body.page-rc {
      background: #09090d;
      padding-bottom: 82px;
    }
    body.page-rc .header {
      background: #09090d;
      border-bottom: 0;
      backdrop-filter: none;
    }
    body.page-rc .header-container {
      padding: 18px 24px 12px;
    }
    body.page-rc .logo {
      font-size: 28px;
      gap: 10px;
    }
    body.page-rc .logo img {
      width: 42px;
      height: 42px;
    }
    body.page-rc .theme-toggle,
    body.page-rc .discord-btn-header {
      display: none;
    }
    body.page-rc .header-actions {
      gap: 10px;
    }
    body.page-rc .auth-shell {
      gap: 10px;
    }
    #theme-toggle {
      display: none;
    }
    .theme-toggle-mobile {
      display: inline-grid;
      place-items: center;
      width: 48px;
      min-width: 48px;
      height: 48px;
      padding: 0;
      border-radius: 14px;
      background: #121219;
      box-shadow: none;
      color: white;
      flex: 0 0 auto;
    }
    .theme-toggle-mobile svg {
      width: 20px;
      height: 20px;
    }
    body.page-rc .theme-toggle-mobile {
      display: inline-grid;
      place-items: center;
      width: 48px;
      min-width: 48px;
      height: 48px;
      padding: 0;
      border-radius: 14px;
      background: #121219;
      box-shadow: none;
      color: white;
      flex: 0 0 auto;
    }
    body.page-rc .theme-toggle-mobile svg {
      width: 20px;
      height: 20px;
    }
    body.page-rc .header-mail-button,
    body.page-rc .player-button {
      width: 48px;
      height: 48px;
      border-radius: 14px;
      background: #121219;
      box-shadow: none;
    }
    body.page-rc .player-head {
      width: 38px;
      height: 38px;
    }
    body.page-rc .rc-page {
      background: #09090d;
    }
    body.page-rc .rc-page {
      padding-top: 118px;
      padding-bottom: 96px;
    }
    body.page-rc .rc-layout {
      display: block;
      padding: 0 24px;
    }
    body.page-rc .rc-sidebar {
      display: none;
      min-height: 0;
      position: fixed;
      inset: 112px 0 82px;
      z-index: 180;
      padding: 10px 24px 22px;
      overflow-y: auto;
      background: #09090d;
    }
    body.page-rc.rc-mobile-menu-open .rc-sidebar {
      display: block;
      animation: pageSwitchIn .24s cubic-bezier(.16, 1, .3, 1) both;
    }
    body.page-rc.rc-mobile-menu-open .rc-workspace {
      display: none;
    }
    body.page-rc .rc-page-brand {
      display: none;
    }
    body.page-rc .rc-page-nav {
      gap: 18px;
      position: static;
    }
    body.page-rc .rc-page-tab {
      min-height: 50px;
      padding: 0 16px;
      font-size: 22px;
      color: #727381;
      background: transparent;
    }
    body.page-rc .rc-page-tab.active,
    body.page-rc .rc-page-tab:hover {
      background: transparent;
      color: white;
      box-shadow: none;
    }
    body.page-rc .rc-page-tab svg {
      width: 28px;
      height: 28px;
      flex-basis: 28px;
      color: #747684;
    }
    body.page-rc:not(.dark-theme) {
      background: linear-gradient(180deg, #f7f8fc 0%, #eef2fa 100%);
    }
    body.page-rc:not(.dark-theme) .header {
      background: rgba(248, 249, 253, 0.98);
      border-bottom: 1px solid rgba(151, 159, 189, 0.18);
      box-shadow: 0 12px 30px rgba(117, 126, 160, 0.08);
      backdrop-filter: blur(16px);
    }
    body.page-rc.rc-mobile-menu-open:not(.dark-theme) .header {
      background: #f8f9fd;
    }
    body.page-rc:not(.dark-theme) .rc-page {
      background:
        radial-gradient(circle at top center, rgba(108, 101, 255, 0.08), transparent 38%),
        linear-gradient(180deg, #f7f8fc 0%, #eef2fa 100%);
    }
    body.page-rc:not(.dark-theme) .rc-sidebar {
      background: linear-gradient(180deg, rgba(247, 248, 252, 0.98) 0%, rgba(238, 242, 250, 0.98) 100%);
      border-top: 1px solid rgba(151, 159, 189, 0.14);
    }
    body.page-rc:not(.dark-theme) .rc-page-tab {
      color: #73778a;
    }
    body.page-rc:not(.dark-theme) .rc-page-tab svg {
      color: #8b8fa6;
    }
    body.page-rc:not(.dark-theme) .rc-page-tab:hover,
    body.page-rc:not(.dark-theme) .rc-page-tab.active {
      color: #15161d;
      background: linear-gradient(180deg, #ffffff 0%, #f2f4ff 100%);
      box-shadow: 0 12px 24px rgba(120, 129, 160, 0.12);
    }
    body.page-rc:not(.dark-theme) .rc-page-tab:hover svg,
    body.page-rc:not(.dark-theme) .rc-page-tab.active svg {
      color: #6c65ff;
    }
    body.page-rc:not(.dark-theme) .header-mail-button,
    body.page-rc:not(.dark-theme) .player-button,
    body:not(.dark-theme) .theme-toggle-mobile {
      background: rgba(255, 255, 255, 0.94);
      border-color: rgba(151, 159, 189, 0.18);
      box-shadow: 0 10px 24px rgba(120, 129, 160, 0.1);
      color: #15161d;
    }
    body:not(.dark-theme) .theme-toggle-mobile:hover {
      transform: translateY(-2px);
      background: #ffffff;
    }
    body:not(.dark-theme) .hero-mobile-links {
      background: rgba(248, 250, 255, 0.86);
      border-color: rgba(151, 159, 189, 0.22);
      box-shadow: 0 18px 38px rgba(120, 129, 160, 0.14);
    }
    body:not(.dark-theme) .hero-mobile-link {
      background: rgba(255, 255, 255, 0.78);
      border-color: rgba(151, 159, 189, 0.18);
      box-shadow: 0 8px 20px rgba(120, 129, 160, 0.08);
      color: #60657a;
    }
    body:not(.dark-theme) .hero-mobile-link svg {
      color: #7a70ff;
    }
    body:not(.dark-theme) .hero-mobile-link.active,
    body:not(.dark-theme) .hero-mobile-link:hover {
      color: #171922;
      background: linear-gradient(180deg, #ffffff 0%, #f4f6ff 100%);
      border-color: rgba(122, 112, 255, 0.26);
      box-shadow: 0 14px 28px rgba(120, 129, 160, 0.14);
    }
    body.page-rc:not(.dark-theme) .mail-notify-badge {
      border-color: #ffffff;
    }
    body.page-rc:not(.dark-theme) .rc-mobile-bottom-nav {
      border-top: 1px solid rgba(151, 159, 189, 0.18);
      background: rgba(248, 249, 253, 0.97);
      box-shadow: 0 -10px 26px rgba(117, 126, 160, 0.08);
    }
    body.page-rc:not(.dark-theme) .rc-mobile-bottom-nav button {
      color: #73778a;
    }
    body.page-rc:not(.dark-theme) .rc-mobile-bottom-nav button.active {
      color: #6c65ff;
    }
    body.page-rc .rc-workspace {
      min-height: auto;
      padding: 0;
      overflow: visible;
    }
    body.page-rc .rc-workspace-head {
      margin-bottom: 22px;
    }
    .rc-workspace-head { align-items: flex-start; flex-direction: column; }
    .rc-workspace-title { font-size: 42px; }
    body.page-rc .rc-workspace-subtitle,
    body.page-rc .rc-workspace-badge {
      display: none;
    }
    .rc-profile-view { grid-template-columns: 1fr; width: 100%; margin-left: 0; margin-right: 0; }
    .rc-profile-side { order: -1; }
    .rc-news-view { grid-template-columns: 1fr; width: 100%; }
    .rc-news-side {
      width: 100%;
      position: relative;
      top: auto;
      order: -1;
    }
    .rc-filter-card {
      min-height: 84px;
      border: 0;
      border-radius: 14px;
      background: #0c0c11;
      padding: 14px 22px;
    }
    body:not(.dark-theme) .rc-filter-card {
      background: #ffffff;
      border: 1px solid #e4e6ee;
      box-shadow: 0 16px 30px rgba(124, 132, 164, 0.1);
    }
    .rc-profile-name { font-size: 42px; }
    .rc-post-composer { grid-template-columns: 1fr; }
    .application-modal { padding-top: 82px; }
    .application-panel { padding: 22px; }
    .application-title { font-size: 24px; }
    .form-grid { grid-template-columns: 1fr; }
    .license-line { align-items: flex-start; flex-direction: column; }
    .mc-auth-actions { grid-template-columns: 1fr; }
    .landing-socials { justify-content: flex-start; gap: 8px 18px; }
    .landing-socials-title { width: 100%; }
    .support-layout { grid-template-columns: 1fr; }
    .ticket-head-actions {
      width: 100%;
      justify-content: space-between;
    }
    .ticket-toolbar {
      width: 100%;
      justify-items: stretch;
      gap: 10px;
      flex-basis: auto;
    }
    .ticket-categories {
      width: 100%;
      grid-auto-columns: minmax(0, 1fr);
    }
    .ticket-search-row {
      width: 100%;
      flex: 1 1 100%;
    }
    .ticket-search-input {
      min-height: 46px;
    }
    .ticket-category-button {
      flex: 1 1 0;
      min-width: 0;
    }
    .ticket-head-button {
      flex: 1 1 auto;
    }
    .tickets-board {
      grid-template-columns: 1fr;
    }
    .ticket-list-pane,
    .ticket-detail-pane {
      width: 100%;
    }
    .tickets-board.has-ticket-open .ticket-list-pane {
      display: none;
    }
    .tickets-board:not(.has-ticket-open) .ticket-detail-pane {
      display: none;
    }
    .ticket-stack-list {
      max-height: none;
      overflow: visible;
      padding-right: 0;
    }
    .ticket-detail-mobile-back {
      display: inline-flex;
    }
    .ticket-item,
    .ticket-thread,
    .ticket-owner-panel {
      padding: 14px;
    }
    .ticket-chat-form .rc-court-chat-compose {
      padding-left: 12px;
    }
    .ticket-chat-form {
      gap: 8px;
    }
    .ticket-chat-form .rc-court-chat-compose {
      min-height: 46px;
      padding-right: 7px;
    }
    .ticket-chat-form .ticket-reply-pick,
    .ticket-chat-form .ticket-reply-button {
      width: 32px;
      min-width: 32px;
      height: 32px;
      min-height: 32px;
    }
    .ticket-top,
    .ticket-list-head,
    .ticket-message-top {
      flex-direction: column;
      align-items: flex-start;
    }
    .ticket-owner-accounts {
      flex-direction: column;
    }
    .ticket-message {
      max-width: 100%;
    }
    .ticket-card-actions {
      flex-direction: row;
      justify-content: flex-start;
      gap: 6px;
    }
    .ticket-close-button,
    .ticket-delete-button {
      width: auto;
      max-width: 100%;
      min-height: 36px;
      padding: 0 13px;
      font-size: 13px;
    }
    .rc-players-controls,
    .rc-players-grid { grid-template-columns: 1fr; }
    .rc-players-controls {
      gap: 16px;
    }
    .account-link-head {
      flex-direction: column;
      align-items: stretch;
    }
    .account-link-button {
      width: 100%;
    }
    .rc-search-reveal-shell.open {
      width: 100%;
      max-width: none;
    }
    .rc-player-search,
    .rc-player-role {
      min-height: 78px;
      border-radius: 16px;
      font-size: 22px;
      background-color: #0c0c11;
    }
    .rc-inline-select {
      min-height: 78px;
      padding: 16px 22px;
    }
    .rc-inline-select .rc-filter-value {
      font-size: 22px;
    }
    .rc-wallet-form {
      grid-template-columns: minmax(112px, 0.9fr) 108px minmax(140px, 1fr);
      gap: 8px;
    }
    .rc-wallet-theme-select {
      min-height: 0;
      padding: 10px 14px;
    }
    .rc-wallet-theme-select .rc-filter-select-head {
      min-height: 32px;
    }
    .rc-wallet-theme-select .rc-filter-label {
      font-size: 11px;
      margin-bottom: 2px;
    }
    .rc-wallet-theme-select .rc-filter-value {
      font-size: 16px;
      line-height: 1.2;
    }
    .rc-wallet-theme-select .rc-filter-option {
      min-height: 40px;
      font-size: 15px;
    }
    .rc-wallet-create-theme-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .rc-wallet-create-theme-option {
      min-height: 82px;
      padding: 10px;
      gap: 8px;
    }
    .rc-wallet-create-theme-name {
      font-size: 13px;
    }
    .rc-profile-card-row {
      grid-template-columns: 94px minmax(0, 1fr);
      gap: 12px;
    }
    .rc-profile-card-row .rc-bank-card-visual {
      width: 94px;
      height: 66px;
      font-size: 18px;
      padding: 10px;
    }
    .rc-profile-card-row .rc-bank-card-visual span {
      font-size: 18px;
      line-height: 1;
      letter-spacing: 0.02em;
      white-space: nowrap;
    }
    .rc-profile-card-title {
      font-size: 16px;
      line-height: 1.15;
    }
    .rc-settings-item {
      align-items: flex-start;
    }
    .rc-wallet-editor-actions {
      margin-top: 10px;
      gap: 10px;
    }
    .rc-wallet-editor-actions > button {
      min-height: 40px;
      padding: 0 22px;
      font-size: 16px;
    }
    .rc-card-delete-zone {
      margin-top: 0;
    }
    .rc-wallet-hint-toggle {
      width: 100%;
      justify-content: center;
    }
    .rc-file-picker-name {
      font-size: 22px;
    }
    .rc-players-grid {
      gap: 36px;
      margin-top: 22px;
    }
    .rc-player-item {
      font-size: 26px;
      gap: 34px;
    }
    .rc-player-item img {
      width: 58px;
      height: 58px;
      border-radius: 10px;
    }
    .rc-wallet-view {
      display: block;
    }
    .rc-wallet-summary {
      display: none;
    }
    .rc-wallet-mobile-summary-actions {
      display: grid;
      margin-bottom: 18px;
    }
    .rc-wallet-mobile-summary-actions .rc-wallet-create-button {
      width: 100%;
      min-height: 54px;
      font-size: 18px;
    }
    .rc-wallet-cards {
      gap: 22px;
    }
    .rc-bank-card {
      min-height: 154px;
      grid-template-columns: minmax(0, 1fr) 165px;
      border: 0;
      border-radius: 20px;
      background: #202027;
      padding: 24px;
    }
    .rc-bank-card-name {
      font-size: 28px;
      margin-bottom: 4px;
    }
    .rc-bank-card-balance {
      font-size: 26px;
      color: #a7a8b5;
    }
    .rc-card-cvv {
      display: none;
    }
    .rc-bank-card-visual {
      height: 105px;
      border-radius: 18px;
      font-size: 26px;
      padding: 18px;
    }
    .rc-card-actions {
      display: none;
    }
    .rc-wallet-add {
      border-radius: 18px;
    }
    .rc-wallet-panel {
      display: none;
    }
    .rc-wallet-view.card-open .rc-wallet-cards {
      display: none;
    }
    .rc-wallet-view.card-open .rc-wallet-panel {
      display: grid;
      gap: 22px;
    }
    .rc-wallet-selected-mobile {
      display: grid;
      gap: 26px;
    }
    .rc-wallet-mobile-primary-actions {
      display: none !important;
    }
    .rc-wallet-mobile-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }
    .rc-wallet-mobile-back {
      border: 0;
      width: 44px;
      height: 44px;
      border-radius: 12px;
      background: transparent;
      color: white;
      display: grid;
      place-items: center;
      cursor: pointer;
    }
    .rc-wallet-mobile-back svg {
      width: 34px;
      height: 34px;
    }
    .rc-wallet-mobile-card-actions {
      display: flex;
      gap: 14px;
      justify-content: flex-end;
    }
    .rc-wallet-mobile-card-actions [data-mobile-delete-card] {
      display: none !important;
    }
    .rc-wallet-mobile-hero {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 165px;
      align-items: center;
      gap: 18px;
    }
    .rc-wallet-mobile-name {
      color: white;
      font-size: 30px;
      font-weight: 850;
      line-height: 1.1;
    }
    .rc-wallet-mobile-balance {
      color: #9b9cad;
      font-size: 26px;
      margin-top: 6px;
    }
    .rc-wallet-transfer-actions {
      grid-template-columns: 1fr;
      gap: 22px;
    }
    .rc-wallet-transfer-button {
      min-height: 72px;
      border-radius: 14px;
      background: #111117;
      font-size: 24px;
      font-weight: 500;
    }
    .rc-wallet-create {
      display: none;
    }
    .rc-transactions {
      border: 0;
      background: transparent;
      padding: 0;
    }
    .rc-transactions strong {
      display: block;
      font-size: 22px;
      color: #9b9cad;
      margin-bottom: 12px;
    }
    .rc-transaction-list {
      gap: 24px;
    }
    .rc-transaction-row {
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-areas:
        "player amount"
        "date amount";
      gap: 10px 14px;
      font-size: 18px;
      align-items: start;
    }
    .rc-transaction-player {
      grid-area: player;
      align-items: flex-start;
      gap: 12px;
    }
    .rc-transaction-player img {
      width: 58px;
      height: 58px;
    }
    .rc-transaction-player > div {
      min-width: 0;
    }
    .rc-transaction-player .rc-post-name {
      font-size: 18px;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }
    .rc-transaction-player .rc-side-meta {
      margin-top: 4px;
      font-size: 14px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .rc-transaction-date {
      grid-area: date;
      padding-left: 70px;
      font-size: 14px;
      line-height: 1.35;
    }
    .rc-transaction-amount {
      grid-area: amount;
      align-self: start;
      justify-self: end;
      font-size: 16px;
    }
    .rc-wallet-transfer-modal {
      align-items: flex-start;
      padding: 110px 20px 92px;
    }
    .rc-wallet-transfer-dialog {
      width: 100%;
    }
    .rc-wallet-transfer-form textarea {
      min-height: 104px;
    }
    .rc-fines-view {
      min-height: auto;
      gap: 14px;
    }
    .rc-fines-toolbar {
      grid-template-columns: 1fr;
    }
    .rc-fines-summary {
      width: 100%;
    }
    .rc-fines-create-button {
      width: 100%;
      min-width: 0;
      min-height: 56px;
      padding: 0 18px;
    }
    .rc-fine-card {
      padding: 14px;
      gap: 12px;
    }
    .rc-fine-main {
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .rc-fine-player img {
      width: 48px;
      height: 48px;
      border-radius: 13px;
      flex-basis: 48px;
    }
    .rc-fine-player strong {
      font-size: 18px;
    }
    .rc-fine-amount {
      justify-self: start;
      font-size: 22px;
    }
    .rc-fine-meta {
      flex-direction: column;
      align-items: flex-start;
    }
    .rc-fine-actions {
      width: 100%;
      justify-content: stretch;
    }
    .rc-fine-actions > button {
      flex: 1 1 100%;
    }
    .rc-fine-delete {
      width: 100%;
    }
    .rc-mobile-bottom-nav {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 240;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      min-height: 76px;
      padding: 8px 10px 10px;
      border-top: 1px solid rgba(255,255,255,.06);
      background: rgba(12,12,17,.96);
    }
    .rc-mobile-bottom-nav button {
      border: 0;
      background: transparent;
      color: #777987;
      display: grid;
      place-items: center;
      gap: 3px;
      font-size: 16px;
      cursor: pointer;
    }
    .rc-mobile-bottom-nav button.active {
      color: #7d73ff;
    }
    .rc-mobile-bottom-nav svg {
      width: 26px;
      height: 26px;
    }
    .connect-steps { grid-template-columns: 1fr; }
    .section-title { font-size: 32px; }
  }