/* Arena component skin. Presentation only; application states and geometry stay intact. */
body[data-design="darkness"] input[name="btn_search"].poisc31 { display: block; background-repeat: no-repeat; background-size: 22px 22px; background-position: center; }
body[data-design="darkness"] :is(.card, .profile__block .block, .card_settings, .modal-card) {
  border-color: #553171;
  border-radius: 12px;
  background: linear-gradient(128deg, #211332ed, #110d1eeb 65%);
  box-shadow: inset 0 1px 0 #edbeff0d, 0 8px 26px #03010738;
}
body[data-design="darkness"] :is(.card-header, .card_header) {
  min-height: 54px;
  padding: 16px 20px;
  border-color: #a35ace20;
  background: linear-gradient(100deg, #7626a322, transparent 72%);
}
body[data-design="darkness"] .card-header h5 {
  color: #f9f2ff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}
body[data-design="darkness"] .card-header .badge { color: #f9f2ff; background: none; }
body[data-design="darkness"] .card-header :is(i, svg) { color: var(--dn-accent); fill: currentColor; }
body[data-design="darkness"] .badge { border: 1px solid #a83bce4a; background: #672b813b; color: #e4a0ff; }
body[data-design="darkness"] .card-body,
body[data-design="darkness"] .card-block { padding: 20px; }
body[data-design="darkness"] .table { font-size: 13px; color: #eee6f8; }
body[data-design="darkness"] .table :is(th, td) {
  padding: 12px 14px;
  border-color: #be70f112;
  font-variant-numeric: tabular-nums;
}
body[data-design="darkness"] .table thead th {
  padding-block: 11px;
  border-bottom: 1px solid #a158cf30;
  background: #38234350;
  color: #c9b9db;
  font-size: 11px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: .01em;
}
body[data-design="darkness"] .table tbody tr { border-color: #ad69cf15; }
body[data-design="darkness"] .table-hover tbody tr:hover { background: #a137e615; }
body[data-design="darkness"] .table tbody a { color: #f4edff; }
body[data-design="darkness"] .table tbody a:hover { color: #e58bff; }
body[data-design="darkness"] .table .rounded-circle { border: 1px solid #b856ea; box-shadow: 0 0 10px #b01bff20; }
body[data-design="darkness"] .dn-leaderboard .tb-time-two { display: table-cell; }
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) {
  border-collapse: separate;
  border-spacing: 0 3px;
}
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) tbody :is(th, td) {
  padding: 8px 12px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background: #140e204d;
}
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) tbody tr :is(th, td):first-child { border-radius: 7px 0 0 7px; }
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) tbody tr :is(th, td):last-child { border-radius: 0 7px 7px 0; }
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) tbody tr:nth-child(1) :is(th, td) { background: #78501a30; border-block-color: #d7a13262; }
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) tbody tr:nth-child(2) :is(th, td) { background: #8b76b41a; border-block-color: #b9a6d63d; }
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) tbody tr:nth-child(3) :is(th, td) { background: #8c452c25; border-block-color: #c8753f4d; }
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) tbody tr:nth-child(1) :is(th, td):first-child { color: #ffd279; }
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) tbody tr:nth-child(2) :is(th, td):first-child { color: #dfcffa; }
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) tbody tr:nth-child(3) :is(th, td):first-child { color: #ffb084; }
body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) tbody .tb-name { font-weight: 700; }
body[data-design="darkness"] .table-responsive,
body[data-design="darkness"] .dn-table-scroll { scrollbar-color: #8736ae #140c20; }
body[data-design="darkness"] :is(.btn, .button, button[type="submit"], input[type="submit"], .auth-btn) {
  border: 1px solid #e197ff70;
  border-radius: 8px;
  background: linear-gradient(180deg, #b42df7, #850be3);
  color: #fff;
  text-shadow: 0 1px 2px #35005d70;
  box-shadow: inset 0 1px 0 #f3b8ff30, 0 0 18px #a72fff28;
}
body[data-design="darkness"] :is(.btn, .button, button[type="submit"], input[type="submit"], .auth-btn):hover {
  border-color: #eab7ff;
  background: linear-gradient(180deg, #c448ff, #951ef0);
  color: #fff;
  box-shadow: inset 0 1px 0 #fff2, 0 0 22px #b23bff45;
}
body[data-design="darkness"] :is(.btn, .button, button[type="submit"], input[type="submit"]):active { box-shadow: inset 0 2px 6px #39005855; }
body[data-design="darkness"] :is(.btn, .button, button[type="submit"], input[type="submit"]):disabled { border-color: #855b9d; background: #4e2c63; box-shadow: none; }
body[data-design="darkness"] input.poisc31,
body[data-design="darkness"] input.poisc31:hover { background-color: #a925f5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='m15 15 5 5'/%3E%3C/svg%3E"); }
body[data-design="darkness"] :is(.secondary_btn, .settings_button) { border-color: #75439066; background: linear-gradient(180deg, #2c1b3d, #160f24); color: #dbcbe8; }
body[data-design="darkness"] :is(.secondary_btn, .settings_button):hover,
body[data-design="darkness"] .active_btn_adm { border-color: #c061ef; color: #f1d9ff; background: #65238b44; }
body[data-design="darkness"] :is(input:not([type]), input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], select, textarea) {
  border-color: #603d78;
  border-radius: 8px;
  background-color: #0e0918d9;
  color: #f4edff;
  box-shadow: inset 0 2px 5px #03010640;
}
body[data-design="darkness"] :is(input, select, textarea):focus { border-color: #ce6cff; box-shadow: 0 0 0 3px #ae2cf720; }
body[data-design="darkness"] :is(input, textarea)::placeholder { color: #9f8bad; }
body[data-design="darkness"] :is(.input-form label, .input_text) { color: #c9b6da; }
body[data-design="darkness"] .input-form textarea { min-height: 120px; resize: vertical; }
body[data-design="darkness"] .nav-tabs { gap: 7px; padding: 12px; }
body[data-design="darkness"] .nav-tabs .nav-link { border: 1px solid #68438166; background: #1b1129; color: #c7b5d6; }
body[data-design="darkness"] .nav-tabs .nav-link:hover { border-color: #a852d5; color: #f5eaff; }
body[data-design="darkness"] .nav-tabs .nav-link.active { border-color: #d78bf8; background: linear-gradient(180deg, #a52aee, #7d10bf); color: #fff; box-shadow: 0 0 20px #a525f530; }
body[data-design="darkness"] .pagination :is(a, span, button) { border-color: #67407f65; background: #241632; color: #c9bad6; }
body[data-design="darkness"] .pagination .active :is(a, span) { border-color: #c572ed; background: #9422d1; color: #fff; box-shadow: 0 0 12px #a525f55c; }
body[data-design="darkness"] :is(.subsection, .ui-menu, .select-options, .dropdown-menu) { border-color: #6c3d88; background: #20122fee; box-shadow: 0 10px 35px #05010880; }
body[data-design="darkness"] .card-block-big { min-height: 108px; padding: 20px; }
body[data-design="darkness"] .card-block-big h3 { color: #fff; font-size: 30px; }
body[data-design="darkness"] .card-block-big .info { color: #c8b3d9; }
body[data-design="darkness"] .card-block-big .icon-stats { right: 20px; top: 20px; color: #da65ff; }
body[data-design="darkness"] .card-block-big :is(svg, img) { fill: #d15dff; opacity: .9; }
body[data-design="darkness"] .custom-server { border-radius: 11px; }
body[data-design="darkness"] .custom-server::after { background: linear-gradient(0deg, #140a20fa, #300c4b30); }
body[data-design="darkness"] .custom-server .data-name { text-shadow: 0 2px 12px #10001b; }
body[data-design="darkness"] .data-basic__group { color: #d5bce6; }
body[data-design="darkness"] :is(.server-play__btn, .server-copy__btn, .data-play__btn, .btn_connect) { border-color: #c85dff80; background: #4e176b9e; color: #f4d6ff; box-shadow: 0 0 14px #b32cf51c; }
body[data-design="darkness"] .server-play__btn:hover { background: #a52aee; color: #fff; }
body[data-design="darkness"] .online2 { background: linear-gradient(90deg, #9d21ee, #e966ff); }
body[data-design="darkness"] :is(.modal-window, .modal-window-server) { background: #08030fce; }
body[data-design="darkness"] .modal-window > .card { border-color: #8b43b3; }
body[data-design="darkness"] .modal-card { border-color: #8b43b3; box-shadow: 0 0 55px #a42cf527, 0 24px 100px #0009; }
body[data-design="darkness"] :is(.modal-card__header, .modal-card__footer) { border-color: #71318d55; }
body[data-design="darkness"] :is(.modal-close, .modal-card__header > a) { color: #dfb7f4; }
body[data-design="darkness"] .sidebar-right { border-color: #71318d; background: #150c22; }
body[data-design="darkness"] #notes .note-item { border-color: #7b419d; background: #241330f5; box-shadow: 0 10px 30px #0008, 0 0 20px #9d29ed1a; }
body[data-design="darkness"] .dn-empty { color: #b8a0c8; background: #24132c44; }
body[data-design="darkness"] .header-profile h5 { color: #e3b6ff; }
body[data-design="darkness"] .user-block .avatar { border-color: #b83efb; box-shadow: 0 0 24px #a52cf53b; }
body[data-design="darkness"] .profile__block .rank { color: #de8dff; }
body[data-design="darkness"] .block3rev { gap: 14px; padding: 18px; }
body[data-design="darkness"] :is(.blockrew, .main_blockt) { border-color: #683d846b; background: linear-gradient(145deg, #2c173d88, #110b1b); }
body[data-design="darkness"] .nickavatar { color: #ecd2ff; }
body[data-design="darkness"] .textrev { color: #cdbbda; }
body[data-design="darkness"] .otzov { color: #d58eff; }
body[data-design="darkness"] .main_blockt .avatar img { border: 2px solid #b23bed; box-shadow: 0 0 22px #ac29f42e; }
body[data-design="darkness"] .role_blockt { border: 1px solid #a150d140; background: #65228b30; color: #e4b4ff; }
body[data-design="darkness"] .cases-main-block { border-color: #653480; background: radial-gradient(ellipse at 50% 0, #69218e2e, transparent 65%), #110b1d; }
body[data-design="darkness"] #cases .case-block { border-color: #673680; background: linear-gradient(145deg, #391d4b88, #10091a); box-shadow: inset 0 1px 0 #e79dff10; }
body[data-design="darkness"] #cases .case-block:hover { border-color: #c75cff; box-shadow: 0 0 24px #a92df528; }
body[data-design="darkness"] #cases .case-block .case-price { color: #df8eff; }
body[data-design="darkness"] #cases .case-block .case-name { color: #eee2f8; }
body[data-design="darkness"] .cases-main-block button.open-case { border: 1px solid #e197ff70; background: linear-gradient(180deg, #b42df7, #850be3); color: #fff; box-shadow: 0 0 18px #a72fff28; }
body[data-design="darkness"] .cases-main-block button.open-case:hover { background: linear-gradient(180deg, #c448ff, #951ef0); }
body[data-design="darkness"] .cases-main-block .open-inv { border-color: #8b43b3; background: #38144755; color: #f3deff !important; }
body[data-design="darkness"] .gateways-label { border-color: #7d4a96; background-color: #190e25; }
body[data-design="darkness"] input.gateways:checked + .gateways-label { border-color: #d37aff; box-shadow: 0 0 18px #af2def30; }
body[data-design="darkness"] .table-active { background: #6b218c40 !important; color: #edbeff; }
@media (max-width: 767px) {
  body[data-design="darkness"] :is(.card-header, .card_header) { padding: 15px 16px; }
  body[data-design="darkness"] .card-header h5 { font-size: 16px; }
  body[data-design="darkness"] .table { min-width: 460px; }
  body[data-design="darkness"] .table :is(th, td) { padding: 11px 12px; }
  body[data-design="darkness"] :is(table:has(.tb-name), .dn-leaderboard .table) { min-width: 600px; }
  body[data-design="darkness"] .card-block-big { min-height: 100px; padding: 18px; }
  body[data-design="darkness"] .card-block-big h3 { font-size: 28px; }
  body[data-design="darkness"] .block3rev { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-design="darkness"] :is(.btn, .button, .secondary_btn, .case-block, .nav-link) { transition: none; }
}