/* Arquivo Shinobi HUD v1: lobby, carteira, rails, registro e esquadra. */
:root {
  --nrmt-hud-panel-frame: url('/assets/branding/shinobi-archive-ui-v3/panel-frame.png?v=1');
  --nrmt-hud-window-frame: url('/assets/branding/shinobi-archive-ui-v3/window-frame.png?v=1');
  --nrmt-hud-button-frame: url('/assets/branding/shinobi-archive-ui-v3/button-frame.png?v=1');
  --nrmt-hud-ryo: url('/assets/branding/shinobi-archive-ui-v3/hud-v1/ryo-emblem.png?v=1');
  --nrmt-hud-diamond: url('/assets/branding/shinobi-archive-ui-v3/hud-v1/diamond-emblem.png?v=1');
  --nrmt-hud-buff: url('/assets/branding/shinobi-archive-ui-v3/hud-v1/buff-emblem.png?v=1');
  --nrmt-hud-gold: #e9b94d;
  --nrmt-hud-cyan: #62d9f4;
  --nrmt-hud-ink: rgba(5, 9, 11, .97);
}

body.nrmt-baiak-layout {
  background:
    radial-gradient(circle at 50% 0, rgba(39, 75, 78, .22), transparent 42%),
    linear-gradient(180deg, #090d0f, #040708) !important;
}

body.nrmt-baiak-layout:not(.nrmt-display-mobile) [class*="_topHud_"] {
  grid-template-columns: 1fr !important;
  overflow: visible !important;
  border: 0 !important;
  background:
    var(--nrmt-hud-panel-frame) center / 100% 100% no-repeat,
    linear-gradient(180deg, rgba(22, 29, 31, .98), rgba(5, 9, 11, .99)) !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .9), inset 0 -1px rgba(89, 205, 230, .25) !important;
}

body.nrmt-baiak-layout:not(.nrmt-display-mobile) [class*="_topHudNavigation_"] {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  gap: 2px !important;
  padding: 0 max(var(--bi-right), 182px) 0 348px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none;
}

body.nrmt-baiak-layout:not(.nrmt-display-mobile) [class*="_topHudNavigation_"]::-webkit-scrollbar {
  display: none;
}

body.nrmt-baiak-layout .nrmt-top-menu-grouped::before {
  bottom: 2px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #8b5f20 8%, #55cae2 50%, #8b5f20 92%, transparent);
  box-shadow: 0 0 8px rgba(68, 193, 222, .4);
}

body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-top-wallet--in-menu {
  position: fixed !important;
  z-index: 9405 !important;
  left: 7px !important;
  top: 3px !important;
  width: 334px !important;
  height: calc(var(--bi-top) - 6px) !important;
  min-height: 40px;
  box-sizing: border-box;
  padding: 2px 4px !important;
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-hud-panel-frame) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 8px !important;
  border-image-repeat: stretch !important;
  background: linear-gradient(100deg, rgba(7, 13, 15, .99), rgba(18, 27, 29, .96)) !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .78) !important;
}

body.nrmt-baiak-layout .nrmt-top-wallet__values {
  height: 100%;
  align-items: stretch;
  gap: 3px;
}

body.nrmt-baiak-layout .nrmt-top-wallet__values > span,
body.nrmt-baiak-layout .nrmt-top-wallet__values > button {
  position: relative;
  min-width: 0 !important;
  height: auto !important;
  grid-template-columns: 33px minmax(0, 1fr) !important;
  grid-template-rows: 12px minmax(0, 1fr) !important;
  column-gap: 3px;
  padding: 4px 6px 3px 4px !important;
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-hud-button-frame) !important;
  border-image-slice: 56 188 !important;
  border-image-width: 7px 10px !important;
  border-image-repeat: stretch !important;
  background: linear-gradient(145deg, rgba(20, 29, 31, .98), rgba(5, 10, 12, .99)) !important;
  box-shadow: inset 0 0 12px rgba(0, 0, 0, .75);
  transition: filter .15s ease, transform .15s ease;
}

body.nrmt-baiak-layout .nrmt-top-wallet__values > button:hover {
  filter: brightness(1.18) saturate(1.08);
  transform: translateY(-1px);
}

body.nrmt-baiak-layout .nrmt-top-wallet__values i {
  grid-row: 1 / 3 !important;
  width: 33px;
  height: 33px;
  align-self: center;
  display: block !important;
  color: transparent !important;
  font-size: 0 !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .85));
}

body.nrmt-baiak-layout .nrmt-top-wallet__values .is-ryo i { background-image: var(--nrmt-hud-ryo); }
body.nrmt-baiak-layout .nrmt-top-wallet__values .is-diamond i { background-image: var(--nrmt-hud-diamond); }
body.nrmt-baiak-layout .nrmt-top-wallet__values .is-buffs i { background-image: var(--nrmt-hud-buff); }

body.nrmt-baiak-layout .nrmt-top-wallet__values small {
  align-self: end;
  color: #788987 !important;
  font-size: 5.5px !important;
  font-weight: 800;
  letter-spacing: .12em !important;
}

body.nrmt-baiak-layout .nrmt-top-wallet__values b {
  align-self: start;
  color: #f4c762 !important;
  font: 800 9px/1.05 "Segoe UI", Arial, sans-serif !important;
  text-shadow: 0 1px 5px rgba(231, 166, 45, .34);
}

body.nrmt-baiak-layout .nrmt-top-wallet__values .is-diamond b { color: #72e4ff !important; }
body.nrmt-baiak-layout .nrmt-top-wallet__values .is-buffs b { color: #ffca61 !important; }

body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-top-menu-grouped > button.nrmt-menu-direct,
body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-menu-group,
body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-menu-group__trigger {
  height: calc(var(--bi-top) - 1px) !important;
}

body.nrmt-baiak-layout .nrmt-top-menu-grouped > button.nrmt-menu-direct,
body.nrmt-baiak-layout .nrmt-menu-group__trigger,
body.nrmt-baiak-layout .nrmt-top-menu-grouped .nrmt-menu-logout {
  position: relative;
  min-width: 61px !important;
  max-width: 68px !important;
  padding: 3px 6px 5px !important;
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-hud-button-frame) !important;
  border-image-slice: 56 188 !important;
  border-image-width: 6px 9px !important;
  border-image-repeat: stretch !important;
  background: linear-gradient(180deg, rgba(25, 33, 34, .94), rgba(7, 12, 14, .97)) !important;
  transition: filter .15s ease, transform .15s ease;
}

body.nrmt-baiak-layout .nrmt-top-menu-grouped > button.nrmt-menu-direct:hover,
body.nrmt-baiak-layout .nrmt-menu-group__trigger:hover,
body.nrmt-baiak-layout .nrmt-top-menu-grouped .nrmt-menu-logout:hover {
  filter: brightness(1.18);
  transform: translateY(-1px);
}

body.nrmt-baiak-layout .nrmt-menu-group.is-open .nrmt-menu-group__trigger {
  background: linear-gradient(180deg, rgba(77, 60, 28, .98), rgba(17, 21, 20, .99)) !important;
  box-shadow: inset 0 -2px #5ed4ec, 0 0 13px rgba(77, 207, 232, .2) !important;
}

body.nrmt-baiak-layout .nrmt-menu-direct__icon,
body.nrmt-baiak-layout .nrmt-menu-group__trigger > b {
  color: #efbd53 !important;
  filter: drop-shadow(0 0 5px rgba(79, 204, 232, .22)) !important;
}

body.nrmt-baiak-layout .nrmt-menu-group__dropdown {
  padding: 9px !important;
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-hud-panel-frame) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 11px !important;
  border-image-repeat: stretch !important;
  background: linear-gradient(150deg, rgba(16, 24, 27, .99), rgba(4, 8, 10, .99)) !important;
  box-shadow: 0 20px 44px rgba(0, 0, 0, .9) !important;
}

body.nrmt-baiak-layout .nrmt-runtime-status {
  top: 10px !important;
  right: 18px !important;
  min-width: 82px;
  box-sizing: border-box;
  padding: 5px 12px 5px 27px !important;
  border: 1px solid rgba(75, 127, 111, .45) !important;
  background: linear-gradient(145deg, rgba(13, 28, 25, .96), rgba(5, 12, 12, .98)) !important;
  color: #94dcae !important;
  font-size: 6px !important;
  letter-spacing: .12em;
  box-shadow: inset 0 0 12px rgba(32, 117, 82, .12), 0 4px 13px rgba(0, 0, 0, .55);
}

body.nrmt-baiak-layout .nrmt-runtime-status::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5fe096;
  box-shadow: 0 0 7px rgba(74, 230, 143, .8);
  transform: translateY(-50%);
}

body.nrmt-baiak-layout .nrmt-bi-rail {
  gap: 7px !important;
  padding: 0 1px 1px;
  scrollbar-color: #9a7330 #071012;
  scrollbar-width: thin;
}

body.nrmt-baiak-layout .nrmt-bi-panel {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-hud-panel-frame) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 9px !important;
  border-image-repeat: stretch !important;
  border-radius: 2px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(52, 103, 111, .13), transparent 36%),
    linear-gradient(155deg, rgba(18, 27, 29, .98), rgba(5, 9, 11, .985)) !important;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .58), inset 0 0 22px rgba(0, 0, 0, .45) !important;
}

body.nrmt-baiak-layout .nrmt-bi-panel > header {
  min-height: 27px;
  height: auto !important;
  margin: 4px 5px 0;
  padding: 3px 7px 3px 9px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(89, 178, 194, .27) !important;
  background: linear-gradient(90deg, rgba(50, 35, 18, .9), rgba(10, 19, 21, .94)) !important;
  color: var(--nrmt-hud-gold) !important;
  font: italic 8px/1.1 NinjaTitle, Georgia, serif !important;
  letter-spacing: .07em !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .9);
}

body.nrmt-baiak-layout .nrmt-bi-panel > header::before {
  content: "";
  flex: 0 0 4px;
  width: 4px;
  height: 17px;
  border-radius: 2px;
  background: linear-gradient(#63ddf3, #a87022);
  box-shadow: 0 0 6px rgba(67, 200, 228, .42);
}

body.nrmt-baiak-layout .nrmt-bi-panel > header strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.nrmt-baiak-layout .nrmt-bi-panel > header button {
  padding: 3px 6px !important;
  border: 1px solid rgba(126, 92, 35, .6) !important;
  border-radius: 1px !important;
  background: rgba(10, 14, 15, .82) !important;
  color: #cfbea0 !important;
  font-size: 6px !important;
  font-weight: 800;
}

body.nrmt-baiak-layout .nrmt-bi-panel > header button:hover {
  border-color: #4cc2db !important;
  color: #e7faff !important;
}

body.nrmt-baiak-layout .nrmt-bi-panel__body {
  margin: 0 5px 5px;
  background: rgba(3, 7, 9, .36);
}

body.nrmt-baiak-layout .nrmt-bi-party-summary,
body.nrmt-baiak-layout .nrmt-bi-loot-summary,
body.nrmt-baiak-layout .nrmt-bi-helper-session {
  gap: 4px !important;
}

body.nrmt-baiak-layout .nrmt-bi-party-summary > span,
body.nrmt-baiak-layout .nrmt-bi-loot-summary > span,
body.nrmt-baiak-layout .nrmt-bi-helper-session > div {
  border: 1px solid rgba(50, 72, 75, .72) !important;
  background: linear-gradient(145deg, rgba(13, 22, 24, .96), rgba(4, 9, 11, .98)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

body.nrmt-baiak-layout .nrmt-bi-party-summary small,
body.nrmt-baiak-layout .nrmt-bi-loot-summary small,
body.nrmt-baiak-layout .nrmt-bi-helper-session small {
  color: #6f8583 !important;
  font-weight: 800;
  letter-spacing: .04em;
}

body.nrmt-baiak-layout .nrmt-bi-party-summary b,
body.nrmt-baiak-layout .nrmt-bi-loot-summary b,
body.nrmt-baiak-layout .nrmt-bi-helper-session b {
  color: #edbc51 !important;
  text-shadow: 0 0 6px rgba(223, 167, 55, .23);
}

body.nrmt-baiak-layout .nrmt-bi-party-card {
  position: relative;
  margin: 5px 0 !important;
  padding: 7px 7px 9px !important;
  border: 1px solid color-mix(in srgb, var(--nrmt-character-rarity, #8b754a) 72%, #27373a) !important;
  border-left: 3px solid var(--nrmt-character-rarity, #ae8130) !important;
  border-radius: 2px;
  background:
    linear-gradient(105deg, color-mix(in srgb, var(--nrmt-character-rarity, #ad7f2d) 10%, transparent), transparent 34%),
    linear-gradient(150deg, rgba(18, 25, 27, .98), rgba(5, 9, 11, .98)) !important;
  box-shadow: inset 0 0 12px rgba(0, 0, 0, .55), 0 3px 8px rgba(0, 0, 0, .32) !important;
}

body.nrmt-baiak-layout .nrmt-bi-party-card.is-active {
  border-left-color: #69d9ef !important;
  box-shadow: inset 3px 0 rgba(84, 213, 237, .28), inset 0 0 18px rgba(65, 169, 188, .08), 0 0 11px rgba(72, 203, 229, .16) !important;
}

body.nrmt-baiak-layout .nrmt-bi-party-head > img {
  border: 1px solid rgba(125, 90, 35, .72);
  border-radius: 2px;
  background: radial-gradient(circle, rgba(51, 94, 101, .42), rgba(4, 8, 10, .92) 72%);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .7);
}

body.nrmt-baiak-layout .nrmt-bi-party-head strong {
  color: #f1c760 !important;
  text-shadow: 0 0 6px rgba(235, 174, 50, .24);
}

body.nrmt-baiak-layout .nrmt-bi-party-head em {
  border: 1px solid rgba(94, 118, 111, .45) !important;
  background: rgba(8, 15, 16, .92) !important;
  color: #8fb8b5 !important;
}

body.nrmt-baiak-layout .nrmt-bi-party-bars i {
  border: 1px solid rgba(49, 63, 65, .8) !important;
  background: #030708 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .9);
}

body.nrmt-baiak-layout .nrmt-bi-party-metrics > span {
  border: 1px solid rgba(44, 61, 63, .72) !important;
  background: rgba(4, 9, 10, .75) !important;
}

body.nrmt-baiak-layout .nrmt-bi-slots {
  justify-content: center;
}

body.nrmt-baiak-layout .nrmt-bi-slot {
  border: 1px solid rgba(113, 82, 32, .66) !important;
  border-radius: 2px;
  background:
    radial-gradient(circle, rgba(49, 105, 115, .18), transparent 65%),
    linear-gradient(145deg, #111a1c, #030708) !important;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .9), 0 1px rgba(255, 255, 255, .03) !important;
}

body.nrmt-baiak-layout .nrmt-bi-slot:hover {
  border-color: #59cbe4 !important;
  box-shadow: inset 0 0 9px rgba(49, 176, 201, .14), 0 0 8px rgba(59, 196, 224, .18) !important;
}

body.nrmt-baiak-layout .nrmt-bi-autosell-ready,
body.nrmt-baiak-layout .nrmt-bi-autosell-rules,
body.nrmt-baiak-layout .nrmt-bi-loot-row {
  border-color: rgba(52, 72, 75, .72) !important;
  background: linear-gradient(145deg, rgba(14, 22, 24, .94), rgba(5, 9, 11, .96)) !important;
}

body.nrmt-baiak-layout .nrmt-bi-autosell-ready strong,
body.nrmt-baiak-layout .nrmt-bi-an-subtitle {
  color: #efbd4f !important;
}

body.nrmt-baiak-layout .nrmt-bi-autosell-rules > button,
body.nrmt-baiak-layout .nrmt-bi-rarity-rule {
  border-color: rgba(58, 91, 84, .8) !important;
  background: rgba(5, 13, 14, .9) !important;
}

body.nrmt-baiak-layout .nrmt-bi-autosell-rules > button.is-on,
body.nrmt-baiak-layout .nrmt-bi-rarity-rule.is-on {
  box-shadow: inset 2px 0 currentColor;
}

body.nrmt-baiak-layout .nrmt-bi-loot-actions button,
body.nrmt-baiak-layout .nrmt-bi-action-tools button {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-hud-button-frame) !important;
  border-image-slice: 56 188 !important;
  border-image-width: 7px 10px !important;
  border-image-repeat: stretch !important;
  background: linear-gradient(145deg, rgba(28, 28, 21, .96), rgba(6, 11, 12, .98)) !important;
  color: #e8c364 !important;
}

body.nrmt-baiak-layout .nrmt-bi-helper-buttons {
  gap: 5px;
}

body.nrmt-baiak-layout .nrmt-bi-toggle,
body.nrmt-baiak-layout .nrmt-bi-helper-config {
  border-color: rgba(76, 91, 83, .78) !important;
  background: linear-gradient(145deg, rgba(16, 26, 26, .96), rgba(5, 10, 11, .98)) !important;
}

body.nrmt-baiak-layout .nrmt-bi-toggle.is-on {
  border-color: rgba(67, 141, 83, .78) !important;
  background: linear-gradient(145deg, rgba(22, 55, 32, .92), rgba(5, 16, 11, .98)) !important;
}

body.nrmt-baiak-layout .nrmt-chat-window {
  box-sizing: border-box !important;
  padding: 5px 7px 6px !important;
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-hud-window-frame) !important;
  border-image-slice: 126 118 !important;
  border-image-width: 13px !important;
  border-image-repeat: stretch !important;
  border-radius: 2px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(38, 88, 97, .12), transparent 42%),
    linear-gradient(160deg, rgba(12, 19, 21, .985), rgba(3, 7, 9, .99)) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .7), inset 0 0 20px rgba(0, 0, 0, .46) !important;
}

body.nrmt-baiak-layout .nrmt-chat-window [class*="_header_7xxre_"] {
  min-height: 25px !important;
  margin: 1px 2px 0;
  padding: 3px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(73, 180, 201, .3) !important;
  background: linear-gradient(90deg, rgba(60, 40, 17, .75), rgba(8, 17, 19, .88)) !important;
}

body.nrmt-baiak-layout .nrmt-chat-window [class*="_titleText_7xxre_"] {
  color: #efbd52 !important;
  font: italic 8px NinjaTitle, Georgia, serif !important;
  letter-spacing: .08em;
}

body.nrmt-baiak-layout .nrmt-chat-window [class*="_titleIcon_7xxre_"],
body.nrmt-baiak-layout .nrmt-chat-window [class*="_headerIcons_7xxre_"] {
  display: none !important;
}

body.nrmt-baiak-layout .nrmt-chat-window [class*="_tabs_7xxre_"] {
  gap: 2px;
  margin: 0 2px;
  padding: 2px 0 !important;
  border-bottom: 1px solid rgba(49, 68, 70, .72);
  background: rgba(4, 9, 10, .66) !important;
}

body.nrmt-baiak-layout .nrmt-chat-window [class*="_tab_7xxre_"] {
  border: 1px solid transparent !important;
  border-bottom-color: rgba(81, 63, 32, .45) !important;
  background: rgba(9, 15, 16, .75) !important;
  color: #879594 !important;
}

body.nrmt-baiak-layout .nrmt-chat-window [class*="_activeTab_7xxre_"] {
  border-bottom-color: #e8b94b !important;
  background: linear-gradient(180deg, rgba(48, 39, 22, .86), rgba(8, 15, 16, .86)) !important;
  color: #f0d287 !important;
  box-shadow: inset 0 -2px #56c9e1;
}

body.nrmt-baiak-layout .nrmt-chat-window [class*="_logContent_7xxre_"] {
  margin: 0 2px;
  background: rgba(2, 6, 8, .62) !important;
  color: #aeb9b6 !important;
  scrollbar-color: #87642b #05090a;
}

body.nrmt-baiak-layout .nrmt-chat-window [class*="_inputArea_7xxre_"] {
  gap: 6px;
  margin: 0 2px 1px;
  border-top: 1px solid rgba(52, 75, 77, .7) !important;
  background: rgba(6, 12, 14, .94) !important;
}

body.nrmt-baiak-layout .nrmt-chat-window [class*="_inputArea_7xxre_"] input {
  border: 1px solid rgba(91, 71, 38, .72) !important;
  background: rgba(4, 9, 11, .92) !important;
  color: #e3e7e3 !important;
}

body.nrmt-baiak-layout .nrmt-chat-window [class*="_inputArea_7xxre_"] button,
body.nrmt-baiak-layout .nrmt-chat-btn {
  border: 1px solid rgba(132, 93, 34, .72) !important;
  background: linear-gradient(145deg, #382a16, #0b1213) !important;
  color: #efd07b !important;
}

body.nrmt-baiak-layout .nrmt-bi-actionbar {
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-hud-panel-frame) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 9px !important;
  border-image-repeat: stretch !important;
  border-radius: 2px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(48, 104, 112, .14), transparent 45%),
    linear-gradient(180deg, rgba(18, 27, 29, .98), rgba(4, 8, 10, .99)) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .72) !important;
}

body.nrmt-baiak-layout .nrmt-bi-team-loadout {
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-hud-button-frame) !important;
  border-image-slice: 56 188 !important;
  border-image-width: 7px 10px !important;
  border-image-repeat: stretch !important;
  border-radius: 1px !important;
  background:
    linear-gradient(100deg, color-mix(in srgb, var(--nrmt-character-rarity, #a7772b) 11%, transparent), transparent 36%),
    linear-gradient(145deg, rgba(14, 22, 24, .98), rgba(4, 8, 10, .99)) !important;
}

body.nrmt-baiak-layout .nrmt-bi-loadout-ninja > img {
  border: 1px solid rgba(106, 79, 35, .68);
  border-radius: 2px;
  background: radial-gradient(circle, rgba(54, 115, 123, .23), rgba(4, 8, 9, .82));
}

body.nrmt-baiak-layout .nrmt-bi-loadout-jutsu {
  border-color: rgba(102, 78, 38, .78) !important;
  background: radial-gradient(circle, rgba(48, 105, 114, .22), rgba(2, 6, 8, .98) 70%) !important;
}

body.nrmt-baiak-layout .nrmt-bi-loadout-jutsu.is-jutsu-ready {
  box-shadow: inset 0 0 6px rgba(78, 205, 229, .2), 0 0 5px rgba(78, 205, 229, .12) !important;
}

@media (max-width: 1240px) {
  body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-top-wallet--in-menu {
    width: 310px !important;
  }

  body.nrmt-baiak-layout:not(.nrmt-display-mobile) [class*="_topHudNavigation_"] {
    justify-content: flex-start !important;
    padding-left: 318px !important;
  }

  body.nrmt-baiak-layout .nrmt-top-menu-grouped > button.nrmt-menu-direct,
  body.nrmt-baiak-layout .nrmt-menu-group__trigger,
  body.nrmt-baiak-layout .nrmt-top-menu-grouped .nrmt-menu-logout {
    min-width: 58px !important;
    max-width: 62px !important;
  }

  body.nrmt-baiak-layout .nrmt-top-wallet__values > span,
  body.nrmt-baiak-layout .nrmt-top-wallet__values > button {
    grid-template-columns: 29px minmax(0, 1fr) !important;
    padding-inline: 3px !important;
  }

  body.nrmt-baiak-layout .nrmt-top-wallet__values i {
    width: 29px;
    height: 29px;
  }
}

@media (max-width: 1100px) {
  body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-top-wallet--in-menu {
    width: 276px !important;
  }

  body.nrmt-baiak-layout:not(.nrmt-display-mobile) [class*="_topHudNavigation_"] {
    padding-left: 284px !important;
    padding-right: 96px !important;
  }

  body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-top-wallet__values small {
    display: none !important;
  }

  body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-top-wallet__values > span,
  body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-top-wallet__values > button {
    grid-template-rows: 1fr !important;
  }

  body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-top-wallet__values i {
    grid-row: 1 !important;
  }

  body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-bi-actionbar {
    display: flex !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 6px !important;
    height: 66px !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.nrmt-baiak-layout:not(.nrmt-display-mobile) .nrmt-chat-window {
    left: 7px !important;
    right: 7px !important;
    bottom: 78px !important;
    height: min(170px, 24vh) !important;
  }
}

body.nrmt-display-mobile .nrmt-top-wallet--in-menu,
body[data-nrmt-display-preference="mobile"] .nrmt-top-wallet--in-menu {
  height: calc(var(--bi-top) - 5px) !important;
  min-height: 42px;
  padding: 3px !important;
  border: 1px solid transparent !important;
  border-image-source: var(--nrmt-hud-panel-frame) !important;
  border-image-slice: 104 122 !important;
  border-image-width: 7px !important;
  background: linear-gradient(145deg, rgba(12, 20, 22, .98), rgba(4, 8, 10, .99)) !important;
}

body.nrmt-display-mobile [class*="_topHudNavigation_"],
body[data-nrmt-display-preference="mobile"] [class*="_topHudNavigation_"] {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-right: 48px !important;
}

body.nrmt-display-mobile .nrmt-top-wallet--in-menu,
body[data-nrmt-display-preference="mobile"] .nrmt-top-wallet--in-menu {
  position: sticky !important;
  z-index: 12 !important;
  left: 0 !important;
  flex: 0 0 126px !important;
}

body.nrmt-display-mobile .nrmt-top-wallet__values > span,
body.nrmt-display-mobile .nrmt-top-wallet__values > button,
body[data-nrmt-display-preference="mobile"] .nrmt-top-wallet__values > span,
body[data-nrmt-display-preference="mobile"] .nrmt-top-wallet__values > button {
  grid-template-columns: 18px minmax(0, 1fr) !important;
  padding: 2px !important;
}

body.nrmt-display-mobile .nrmt-top-wallet__values i,
body[data-nrmt-display-preference="mobile"] .nrmt-top-wallet__values i {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
}

body.nrmt-display-mobile .nrmt-top-wallet__values small,
body[data-nrmt-display-preference="mobile"] .nrmt-top-wallet__values small {
  display: none !important;
}

body.nrmt-display-mobile .nrmt-top-wallet__values b,
body[data-nrmt-display-preference="mobile"] .nrmt-top-wallet__values b {
  font-size: 6px !important;
}

body.nrmt-display-mobile .nrmt-bi-panel,
body[data-nrmt-display-preference="mobile"] .nrmt-bi-panel {
  border-image-width: 7px !important;
}

body.nrmt-baiak-layout.nrmt-display-mobile #root .nrmt-chat-window {
  z-index: 9540 !important;
  left: calc(clamp(118px, 34vw, 148px) + 8px) !important;
  right: 4px !important;
  bottom: calc(var(--bi-bottom) + 4px) !important;
  width: auto !important;
  max-width: none !important;
  height: min(150px, 24vh) !important;
  min-height: 0 !important;
  border-image-width: 10px !important;
}

body.nrmt-baiak-layout[data-nrmt-display-preference="mobile"] #root .nrmt-chat-window {
  z-index: 9540 !important;
  left: calc(clamp(118px, 34vw, 148px) + 8px) !important;
  right: 4px !important;
  bottom: calc(var(--bi-bottom) + 4px) !important;
  width: auto !important;
  max-width: none !important;
  height: min(150px, 24vh) !important;
  min-height: 0 !important;
  border-image-width: 10px !important;
}

body.nrmt-display-mobile .nrmt-bi-actionbar {
  border-image-width: 7px !important;
  background: linear-gradient(180deg, rgba(17, 26, 28, .99), rgba(3, 7, 9, .99)) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.nrmt-baiak-layout .nrmt-top-wallet__values > button,
  body.nrmt-baiak-layout .nrmt-top-menu-grouped button {
    transition: none !important;
  }
}