/* PvPWaR cabinet theme. Load after style.css and after the inline <style> in base.html. Body class pw-srv-refresh / pw-srv-x100 picks the server color. */

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/fonts/Onest-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/fonts/Onest-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/fonts/JetBrainsMono-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+2000-206F;
}

:root {
  --pw-bg: #0b0c10;
  --pw-tile: #14161d;
  --pw-tile2: #1b1e28;
  --pw-tile3: #262a37;
  --pw-ink: #eef0f5;
  --pw-soft: #c9cdd8;
  --pw-muted: #8a90a2;
  --pw-line: rgba(255, 255, 255, .07);
  --pw-line2: rgba(255, 255, 255, .14);
  --pw-lime: #c6ff3d;
  --pw-lime-rgb: 198, 255, 61;
  --pw-refresh: #34e3a5;
  --pw-refresh-rgb: 52, 227, 165;
  --pw-x100: #ff9f2e;
  --pw-x100-rgb: 255, 159, 46;
  --pw-ok: #5ee8b5;
  --pw-bad: #ff6b6b;
  --pw-r: 26px;
  --pw-font: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pw-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;

  --pw-srv: var(--pw-refresh);
  --pw-srv-rgb: var(--pw-refresh-rgb);
  --pw-accent: var(--pw-lime);
  --pw-accent-rgb: var(--pw-lime-rgb);
  --pw-on-accent: #0b0c10;
  color-scheme: dark;
}
.pw-srv-x100 {
  --pw-srv: var(--pw-x100);
  --pw-srv-rgb: var(--pw-x100-rgb);
}

/* PvPWaR reskin for the Bootstrap 2 cabinet theme. Load after style.css and the inline <style> in base.html. */

html { background: var(--pw-bg); }
body {
  min-height: 100vh;
  padding-top: 0;
  background: radial-gradient(60% 420px at 50% 0%, rgba(var(--pw-accent-rgb), .07), transparent 70%) no-repeat, var(--pw-bg);
  color: var(--pw-ink);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
html, body, p, div, span, a, li, td, th, label, input, select, textarea, button,
.btn, .nav-list > li > a, .nav-list .nav-header, .navbar .brand, .navbar .nav > li > a,
.title_all_page, .alert, .table {
  font-family: var(--pw-font);
  letter-spacing: 0;
}
a { color: var(--pw-accent); transition: color .15s ease; }
a:hover, a:focus { color: var(--pw-ink); text-decoration: none; }
::selection { background: rgba(var(--pw-accent-rgb), .3); color: #fff; }
hr { border-top: 1px solid var(--pw-line); }
.row { min-height: calc(100vh - 220px); }

/* Top bar */
.navbar-fixed-top {
  position: sticky;
  top: 0;
  left: auto;
  right: auto;
  z-index: 1030;
  margin: 0 0 28px;
}
.navbar-inverse .navbar-inner {
  display: block;
  min-width: 0;
  min-height: 64px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--pw-line);
  border-radius: 0;
  background: rgba(20, 22, 29, .86);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: none;
  filter: none;
}
.navbar-inner > .container-fluid {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 1170px;
  min-height: 64px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}
.navbar-inverse .brand {
  order: 1;
  float: none;
  width: 150px;
  height: 30px;
  margin: 0 14px 0 0;
  padding: 0;
  background: url(/images/logo.png) 0 50% / contain no-repeat;
  text-indent: -9999px;
}
.navbar .nav-collapse { order: 2; }
.navbar .nav { float: none; display: flex; gap: 2px; margin: 0; }
.navbar .divider-vertical { display: none; }
.navbar-inverse .nav > li > a {
  padding: 10px 14px;
  border-radius: 999px;
  color: var(--pw-muted);
  font-size: 14px;
  font-weight: 500;
  text-shadow: none;
  transition: color .15s ease, background .15s ease;
}
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus { color: var(--pw-ink); background: var(--pw-tile2); }
.navbar-inverse .nav > .active > a,
.navbar-inverse .nav > .active > a:hover { color: var(--pw-ink); background: var(--pw-tile2); box-shadow: none; }

.navbar .btn-group.pull-right {
  order: 3;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  float: none !important;
  margin: 0 0 0 auto !important;
  padding: 0;
  width: auto;
}
.navbar .btn-group.pull-right > .btn { margin: 0 !important; }
.btn-group.pull-right > .dropdown-menu { left: auto; right: 0; }
.btn-group.pull-right .icon-user { background-color: transparent; filter: invert(1); opacity: .7; }

/* Buttons */
.btn,
.btn-primary, .btn-danger, .btn-success, .btn-info, .btn-warning,
.btn-group > .btn:first-child,
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 40px;
  height: auto;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: var(--pw-tile2);
  box-shadow: none;
  color: var(--pw-ink) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-shadow: none;
  filter: none;
  transition: background .15s ease, color .15s ease;
}
.btn:hover, .btn:focus, .btn:active, .btn.active,
.btn-primary:hover, .btn-danger:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover,
.btn-group.open .btn.dropdown-toggle {
  background: var(--pw-tile3);
  border-color: transparent;
  box-shadow: none;
  color: #fff !important;
}
.btn-primary, .btn-success, .lk-canon-value-row .btn, .form-actions .btn:first-child, .lk-actions .btn:first-child {
  background: var(--pw-accent);
  color: var(--pw-on-accent) !important;
  font-weight: 700;
}
.btn-primary:hover, .btn-success:hover, .lk-canon-value-row .btn:hover, .form-actions .btn:first-child:hover, .lk-actions .btn:first-child:hover {
  background: var(--pw-accent);
  color: var(--pw-on-accent) !important;
  filter: brightness(1.08);
}
.lk-actions { align-items: center; gap: 10px; }
.lk-actions .btn,
.lk-actions input[type="submit"].btn,
.lk-actions button.btn,
#login_registration_form .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin: 0;
  padding: 0 20px;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.lk-actions input[type="submit"].btn { display: inline-block; height: 42px; }
.btn-danger { background: rgba(255, 107, 107, .14); color: var(--pw-bad) !important; }
.btn-small { min-height: 32px; padding: 0 14px; font-size: 13px; }
.btn.disabled, .btn[disabled] { opacity: .45; }
.caret { border-top-color: var(--pw-muted); opacity: 1; }
.btn .caret { margin: 0; }

/* Dropdowns */
.dropdown-menu,
.ui-autocomplete,
.chosen-drop,
.chosen-container .chosen-results {
  margin-top: 8px;
  padding: 6px;
  border: 1px solid var(--pw-line2);
  border-radius: 16px;
  background: var(--pw-tile2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .5);
}
.dropdown-menu:after,
.navbar .nav > li > .dropdown-menu::after { display: none; }
.dropdown-menu > li > a,
.ui-autocomplete .ui-menu-item > a,
.chosen-container .chosen-results li {
  padding: 9px 12px;
  border-radius: 10px;
  color: var(--pw-ink) !important;
  font-size: 14px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover,
.ui-autocomplete .ui-state-hover,
.chosen-container .chosen-results li.highlighted {
  background: var(--pw-tile3);
  color: #fff !important;
  filter: none;
}
.dropdown-menu > .active > a { color: var(--pw-accent) !important; background: rgba(var(--pw-accent-rgb), .1); }
.dropdown-menu .divider { margin: 6px 4px; background: var(--pw-line); border: 0; }

/* Panels */
.well {
  margin-top: 0;
  padding: 26px 28px;
  border: 1px solid var(--pw-line);
  border-radius: var(--pw-r);
  background: var(--pw-tile);
  box-shadow: none;
}
.well h2,
.well h3:not(.premium-card-title):not(.lk-canon-value),
.well legend,
.lk-canon-subtitle,
.lk-log-card-title {
  border-bottom: 1px solid var(--pw-line);
  color: #fff;
  font-weight: 800;
  letter-spacing: -.02em;
}
.title_all_page {
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.035em;
}

/* Sidebar */
.sidebar-nav { padding: 18px 14px 20px; }
#navbar_left_css { text-align: left; }
.nav-list { padding: 0; }
#navbar_left_hello {
  margin: 0 0 12px;
  padding: 0 10px;
  color: var(--pw-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
  text-align: left;
  text-transform: uppercase;
}
#navbar_left_points { padding: 0; text-align: left; }
.lk-sidebar-panel.lk-canon-panel {
  padding: 4px 14px;
  border: 1px solid var(--pw-line);
  border-radius: 18px;
  background: var(--pw-bg);
}
.lk-sidebar-panel .lk-canon-row { padding: 10px 0; border-bottom: 1px solid var(--pw-line); }
.lk-sidebar-panel .lk-canon-label { color: var(--pw-muted); font-size: 13px !important; font-weight: 500; opacity: 1; }
.lk-sidebar-panel .lk-canon-value { color: var(--pw-ink); font-family: var(--pw-mono); font-size: 14px !important; font-weight: 700; }
.lk-balance-link, .lk-balance-link:visited { color: inherit; }
.lk-balance-link:hover, .lk-balance-link:focus { color: var(--pw-accent); text-decoration: none; }
.nav-list .divider { height: 1px; margin: 10px 8px; border: 0; background: var(--pw-line); }
.nav-list > li > a,
#navbar_left_css .nav > li > a {
  margin: 0;
  padding: 9px 12px;
  border-radius: 12px;
  color: var(--pw-soft);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  text-shadow: none;
  transition: background .15s ease, color .15s ease;
}
.nav > li > a:hover, .nav > li > a:focus { background: var(--pw-tile2); color: var(--pw-ink); }
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus,
#navbar_left_css .nav-list > .active > a, #navbar_left_css .nav-list > .active > a:hover {
  background: var(--pw-accent);
  color: var(--pw-on-accent);
  font-weight: 700;
  text-shadow: none;
}
#navbar_left_css > p { padding-top: 6px !important; }
#navbar_left_css > p .btn { width: 100%; background: transparent; border: 1px solid var(--pw-line2); }
#navbar_left_css > p .btn:hover { background: var(--pw-tile2); }

/* Language / server switches */
#langselect, #serverselect { margin: 0 0 14px 8px !important; }
#langselect { margin-left: 0 !important; }
#langselect .btn,
#serverselect .btn {
  height: 36px;
  min-height: 36px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
}
#serverselect .btn {
  background: rgba(var(--pw-srv-rgb), .12);
  color: var(--pw-srv) !important;
}
#serverselect .btn .caret { border-top-color: var(--pw-srv); }

/* Canon summary / forms */
.well .lk-canon-panel {
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
.lk-canon-lead,
.lk-canon-panel--summary .lk-canon-lead {
  margin: 0 0 18px;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--pw-line);
  color: #fff;
  font-size: 22px !important;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.02em;
  text-align: left;
  opacity: 1;
}
.lk-canon-panel--summary .lk-canon-row { padding: 13px 0; border-bottom: 1px solid var(--pw-line); }
.lk-canon-panel--summary .lk-canon-label {
  border-right: 0;
  color: var(--pw-muted);
  font-size: 14px !important;
  opacity: 1;
}
.lk-canon-label { color: var(--pw-soft); opacity: 1; }
.lk-canon-value, .lk-canon-value-row { color: var(--pw-ink); }
.lk-canon-help, .lk-canon-inline-help { color: var(--pw-muted); opacity: 1; }
.lk-canon-result { border-radius: 12px; }

.text-success, .lk-text-positive,
#main_account_status_active, #main_premium_active,
#referral_info.lk-text-positive { color: var(--pw-ok) !important; }
.text-error, .text-danger, .lk-text-negative, .red, .message.red, p.red,
#main_account_status_not_active, #main_premium_not_active, #main_account_status_banned,
#main_ip_warning, #referral_info.lk-text-negative { color: var(--pw-bad) !important; }
#main_account_status_not_active:has(#main_account_status_active) { color: inherit !important; }
.text-muted { color: var(--pw-muted) !important; }
[style*="color:green"], [style*="color: green"], [style*="color:#008000"], [style*="color: #008000"] { color: var(--pw-ok) !important; }
[style*="color:red"], [style*="color: red"], [style*="color:#FF0000"], [style*="color: #FF0000"],
[style*="color:#ff0000"], [style*="color: #ff0000"] { color: var(--pw-bad) !important; }

/* Inputs */
textarea, select, .uneditable-input,
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--pw-line2) !important;
  border-radius: 14px;
  background-color: var(--pw-bg) !important;
  box-shadow: none;
  color: var(--pw-ink) !important;
  font-size: 15px;
  box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}
textarea { height: auto; min-height: 120px; padding: 12px 14px; }
textarea:focus, select:focus, input:focus {
  border-color: var(--pw-accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--pw-accent-rgb), .14) !important;
}
select option, select optgroup { background-color: var(--pw-tile2) !important; color: var(--pw-ink) !important; }
::placeholder { color: #5d6375; }
.form-horizontal .control-label { color: var(--pw-soft); }
.form-actions { margin: 0; padding-left: 0; border: 0; background: none; }

/* Tables */
.table { color: var(--pw-soft); }
.table th {
  color: var(--pw-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.table th, .table td { border-top-color: var(--pw-line); }
.table-bordered { border-color: var(--pw-line); border-radius: 16px; }
.table-bordered th, .table-bordered td { border-left-color: var(--pw-line); }
.table-striped tbody > tr:nth-child(2n+1) > td,
.table-striped tbody > tr:nth-child(2n+1) > th { background-color: rgba(255, 255, 255, .025); }
.table-hover tbody tr:hover > td { background-color: var(--pw-tile2); }

/* Alerts, labels */
.alert {
  padding: 14px 44px 14px 18px;
  border: 1px solid var(--pw-line2);
  border-radius: 16px;
  background: var(--pw-tile2);
  color: var(--pw-ink);
  text-shadow: none;
}
.alert-success { border-color: rgba(94, 232, 181, .3) !important; background: rgba(94, 232, 181, .08) !important; color: var(--pw-ok) !important; }
.alert-error, .alert-danger { border-color: rgba(255, 107, 107, .3) !important; background: rgba(255, 107, 107, .08) !important; color: #ff9a9a !important; }
.alert-warning { border-color: rgba(255, 159, 46, .3); background: rgba(255, 159, 46, .08); color: #ffc27a; }
.alert-info { border-color: var(--pw-line2); background: var(--pw-tile2); color: var(--pw-soft); }
.alert a { color: inherit; text-decoration: underline; }
.alert a.close, .close { top: 0; right: -26px; color: currentColor; text-decoration: none; opacity: .6; }
.close:hover { opacity: 1; }
.label, .badge { padding: 3px 8px; border-radius: 999px; font-weight: 600; text-shadow: none; }
.label-success, .badge-success { background-color: rgba(94, 232, 181, .16) !important; color: var(--pw-ok) !important; }
.label-important, .badge-important, .badge-error { background-color: rgba(255, 107, 107, .16) !important; color: var(--pw-bad) !important; }
.label-warning, .badge-warning { background-color: rgba(255, 159, 46, .16); color: var(--pw-x100); }
.label-info, .badge-info { background-color: var(--pw-tile3); color: var(--pw-soft); }

/* Modals, tooltips */
.modal-backdrop, .modal-backdrop.fade.in { background-color: rgba(5, 6, 9, .8); }
.modal, .modal-content, .modal .modal-body, .modal-body {
  border-color: var(--pw-line2);
  border-radius: 20px;
  background: var(--pw-tile);
  color: var(--pw-ink);
}
.modal-header, .modal-footer { border-color: var(--pw-line); background: none; box-shadow: none; }
.popover { border-color: var(--pw-line2); border-radius: 16px; background: var(--pw-tile2); color: var(--pw-ink); }
.popover-title { border-bottom-color: var(--pw-line); background: var(--pw-tile3); color: #fff; }
.tooltip-inner { border: 1px solid var(--pw-line2); border-radius: 10px; background: var(--pw-tile3); color: var(--pw-ink); }

/* Pills (money tabs etc.) */
.nav-pills > li > a {
  padding: 8px 16px;
  border: 1px solid var(--pw-line2);
  border-radius: 999px;
  background: none;
  color: var(--pw-soft);
  font-size: 14px;
  font-weight: 500;
}
.nav-pills > li > a:hover { background: var(--pw-tile2); color: var(--pw-ink); }
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
  border-color: transparent;
  background: var(--pw-accent);
  color: var(--pw-on-accent);
  font-weight: 700;
}

/* Money gateways (styles inline in money/index.html come after this file) */
.well .money-gateway-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 22px 18px;
  border: 1px solid var(--pw-line);
  border-radius: 20px;
  background: var(--pw-bg);
}
.well .money-gateway-title { margin: 0 0 6px; color: #fff; font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.well .money-gateway-desc { color: var(--pw-muted); }
.well .money-gateway-card .lk-actions { margin-top: auto; }

/* Lottery (styles inline in lottery/index.html come after this file; keep .lottery-item size, JS uses 160px per item) */
.well .lottery-status-item {
  border: 1px solid var(--pw-line);
  border-radius: 18px;
  background: var(--pw-bg);
}
.well .lottery-status-label { color: var(--pw-muted); opacity: 1; }
.well .lottery-status-value { color: #fff; font-family: var(--pw-mono); }
.well .lottery-reel-frame {
  border: 1px solid var(--pw-line2);
  border-radius: 22px;
  background: var(--pw-tile2);
  box-shadow: none;
}
.well .lottery-pointer { border-top-color: var(--pw-accent); filter: drop-shadow(0 0 6px rgba(var(--pw-accent-rgb), .5)); }
.well .lottery-reel-window {
  border: 1px solid var(--pw-line);
  border-radius: 16px;
  background: var(--pw-bg);
}
.well .lottery-reel-window:before { background: linear-gradient(90deg, var(--pw-bg), rgba(11, 12, 16, 0)); }
.well .lottery-reel-window:after { background: linear-gradient(270deg, var(--pw-bg), rgba(11, 12, 16, 0)); }
.well .lottery-item {
  border: 1px solid var(--pw-line2);
  border-radius: 14px;
  background: var(--pw-tile);
  justify-content: center;
}
.well .lottery-item-chance { color: var(--pw-accent); }
.well .lottery-item-name { min-height: 0; color: var(--pw-soft); }
.well .lottery-item.is-win {
  border-color: var(--pw-accent);
  background: rgba(var(--pw-accent-rgb), .12);
  box-shadow: 0 0 0 2px rgba(var(--pw-accent-rgb), .3);
}
.well .lottery-item.is-win .lottery-item-name { color: #fff; }
.well .lottery-result {
  border: 1px solid rgba(var(--pw-accent-rgb), .35);
  border-radius: 16px;
  background: rgba(var(--pw-accent-rgb), .08);
  color: var(--pw-accent);
}
.well .lottery-section-title { color: #fff; font-weight: 800; }
.well .lottery-char-label { color: var(--pw-soft); }
.well .lottery-char-select { height: 44px; }
.well .lottery-pool-table tr.is-win td { background: rgba(var(--pw-accent-rgb), .12); color: #fff; }
.well .lottery-history li { border-bottom-color: var(--pw-line); color: var(--pw-soft); }

/* Footer */
.lk-footer { margin-top: 32px; padding: 20px 0 28px; border-top: 1px solid var(--pw-line); opacity: 1; }
.lk-footer p { color: var(--pw-muted); font-size: 13px; }
.lk-footer a { color: var(--pw-soft); }

@media (max-width: 979px) {
  .navbar-fixed-top { position: static; margin-bottom: 14px; }
  .navbar-inner > .container-fluid { flex-wrap: wrap; padding: 10px 12px; }
  .navbar .nav-collapse { order: 4; flex-basis: 100%; }
  .navbar .nav { flex-direction: column; }
  .navbar .btn-navbar { order: 2; margin: 0 0 0 auto; background: var(--pw-tile2); border: 0; box-shadow: none; }
  .navbar .btn-group.pull-right { order: 3; margin: 0 !important; }
  .well { padding: 18px 16px; border-radius: 20px; }
  #langselect, #serverselect { margin: 0 0 10px !important; }
}