/* Safezone UI Refresh v1 — additive visual layer; no gameplay or packet changes. */
html.sz-ui-refresh-v1 {
  --sz-ui-bg: #091321;
  --sz-ui-panel: #101f31;
  --sz-ui-panel-2: #172b40;
  --sz-ui-edge: rgba(126, 190, 222, .42);
  --sz-ui-edge-strong: rgba(121, 211, 241, .78);
  --sz-ui-ink: #eef7ff;
  --sz-ui-muted: #a7bfd0;
  --sz-ui-cyan: #72d8f4;
  --sz-ui-gold: #e7c17d;
  color-scheme: dark;
}
html.sz-ui-refresh-v1 body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html.sz-ui-refresh-v1 :is(#BasicInfoV1,#BasicInfoV2) {
  border: 1px solid var(--sz-ui-edge-strong) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(20,43,63,.97), rgba(7,18,31,.97)) !important;
  box-shadow: 0 9px 24px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html.sz-ui-refresh-v1 :is(#BasicInfoV1,#BasicInfoV2) :is(.name_value,.job_value) {
  text-shadow: 0 1px 3px rgba(0,0,0,.75);
}
html.sz-ui-refresh-v1 #ShortCut {
  border: 1px solid var(--sz-ui-edge) !important;
  border-radius: 14px !important;
  background: linear-gradient(155deg, rgba(23,43,64,.97), rgba(7,17,31,.97)) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.4) !important;
}
html.sz-ui-refresh-v1 #ShortCut .row .container {
  border-radius: 8px !important;
  transition: filter 100ms ease, outline-color 100ms ease !important;
}
html.sz-ui-refresh-v1 :is(#InventoryV0,#InventoryV1,#InventoryV2,#Storage,#PartyFriends) {
  border: 1px solid var(--sz-ui-edge-strong) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.48) !important;
  overflow: hidden;
}
html.sz-ui-refresh-v1 :is(#InventoryV0,#InventoryV1,#InventoryV2,#Storage,#PartyFriends) .titlebar {
  border-bottom: 1px solid var(--sz-ui-edge) !important;
  background: linear-gradient(100deg, #1d3c55, #13263b) !important;
}
html.sz-ui-refresh-v1 :is(#InventoryV0,#InventoryV1,#InventoryV2,#Storage,#PartyFriends) .titlebar .text {
  color: #effaff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.7);
}
html.sz-ui-refresh-v1 #ChatBox {
  border: 1px solid var(--sz-ui-edge) !important;
  border-radius: 11px !important;
  box-shadow: 0 7px 22px rgba(0,0,0,.42) !important;
}
html.sz-ui-refresh-v1 #sz-unified-card {
  border: 1px solid var(--sz-ui-edge-strong) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(18,44,65,.97), rgba(7,18,32,.96)) !important;
  box-shadow: 0 9px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.09) !important;
}
html.sz-ui-refresh-v1 #sz-unified-hot .szun-shell {
  border: 1px solid var(--sz-ui-edge-strong) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(17,41,61,.98), rgba(7,17,31,.98)) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.45) !important;
}
html.sz-ui-refresh-v1 #sz-unified-hot .szun-slot {
  border-radius: 9px !important;
  border-color: rgba(131,191,220,.42) !important;
}
html.sz-ui-refresh-v1 #sz-topmenu .main {
  border: 1px solid var(--sz-ui-edge-strong) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(19,43,63,.98), rgba(7,18,32,.98)) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.46) !important;
}
html.sz-ui-refresh-v1 #sz-mobile-chat {
  border: 1px solid var(--sz-ui-edge) !important;
  border-radius: 13px !important;
  background: rgba(8,22,38,.95) !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.46) !important;
}
html.sz-ui-refresh-v1 :is(#sz-mobile-chat-toggle,#sz-fixed-action-stack-v1 button) {
  border: 1px solid var(--sz-ui-edge-strong) !important;
  border-radius: 13px !important;
  box-shadow: 0 4px 13px rgba(0,0,0,.48) !important;
  -webkit-tap-highlight-color: transparent;
}
html.sz-ui-refresh-v1 #safezone-mobile-character-panel {
  border: 1px solid var(--sz-ui-edge-strong) !important;
  border-radius: 14px !important;
}
html.sz-ui-refresh-v1 #MobileUI button,
html.sz-ui-refresh-v1 #sz-unified-hot button,
html.sz-ui-refresh-v1 #sz-topmenu button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
html.sz-ui-refresh-v1 :is(button,[role="button"],input,select,textarea):focus-visible {
  outline: 2px solid var(--sz-ui-cyan) !important;
  outline-offset: 2px !important;
}
html.sz-mobile-entry.sz-ui-refresh-v1 #sz-unified-card {
  max-width: calc(100vw - 16px) !important;
}
html.sz-mobile-entry.sz-ui-refresh-v1 #sz-unified-hot {
  max-width: calc(100vw - 16px) !important;
}
@media (max-width: 740px) {
  html.sz-ui-refresh-v1 :is(#InventoryV0,#InventoryV1,#InventoryV2,#Storage,#PartyFriends) {
    max-width: calc(100vw - 16px) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.sz-ui-refresh-v1 *, html.sz-ui-refresh-v1 *::before, html.sz-ui-refresh-v1 *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}