/* ============================================================================
 * OTOMATİK ÜRETİLDİ — elle düzenleme: r/ui/ship-menu.src.css, sonra
 *   node tools/assets/buildShipMenuCss.cjs
 * Gemi menüsü (Filo menüsü Set 26 stiline uyarlama). Derleme mantığı:
 * tools/assets/buildShipMenuCss.cjs
 * ============================================================================ */
html body #elite-ship-modal#elite-ship-modal .sm-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(213,170,94,.5) !important;
  border-radius: 0 !important;
  background: rgba(20,12,12,.6) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.6) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-card-title {
  box-sizing: border-box !important;
  margin: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 12px 0 14px !important;
  border: 0 !important;
  border-bottom: 2px solid #1a140c !important;
  border-radius: 0 !important;
  font: 700 13px/1 var(--sea-ui-sans) !important;
  letter-spacing: .06em !important;
  text-transform: none !important;
  text-shadow: 0 1px 1px #000 !important;
  color: #f3e2b0 !important;
  background: url('/dyna/components/119_header_left.jpg') left center / auto 100% no-repeat, url('/dyna/components/226_header_seamless.jpg') center / auto 100% repeat-x, url('/dyna/components/11_header_right.jpg') right center / auto 100% no-repeat !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-card-title small {
  font: 600 11px/1.3 var(--sea-ui-sans) !important;
  color: #d9c69a !important;
  text-transform: none !important;
  letter-spacing: .02em !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-card-body {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
  align-content: start !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-btn {
  appearance: none !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 34px !important;
  padding: 0 22px !important;
  border: 1px solid #6d4a1c !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  font: 400 15px/1 'Pirata One', Georgia, serif !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  color: #3a230a !important;
  text-shadow: 0 1px 0 rgba(255,240,200,.6) !important;
  background: radial-gradient(ellipse at 50% 40%, #f3e2b6 0%, #e2c88e 58%, #c29a58 100%) !important;
  box-shadow: inset 0 0 10px 2px rgba(96,54,12,.5), 0 2px 4px rgba(0,0,0,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-btn:hover {
  filter: brightness(1.06) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-btn.red {
  color: #3c0a01 !important;
  background: radial-gradient(ellipse at 50% 40%, #f49d7e 0%, #cf3f1e 58%, #771505 100%) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-btn.green {
  color: #0f2d05 !important;
  background: radial-gradient(ellipse at 50% 40%, #b4e07a 0%, #63b32e 58%, #2c7312 100%) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-btn.sm {
  height: 28px !important;
  padding: 0 14px !important;
  font-size: 15px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-btn:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  filter: grayscale(.35) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-btn.block {
  width: 100% !important;
  padding: 0 6px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-headerbar {
  display: grid !important;
  grid-template-columns: 200px 1fr 1fr 1fr !important;
  height: 36px !important;
  border-bottom: 2px solid #1a140c !important;
  background: url('/dyna/components/119_header_left.jpg') left center / auto 100% no-repeat, url('/dyna/components/226_header_seamless.jpg') center / auto 100% repeat-x, url('/dyna/components/11_header_right.jpg') right center / auto 100% no-repeat !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-headerbar.sm-3col {
  grid-template-columns: 200px 1fr 1fr !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-headerbar span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  font: 700 13px/1 var(--sea-ui-sans) !important;
  letter-spacing: .06em !important;
  text-shadow: 0 1px 1px #000 !important;
  color: #f3e2b0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-layout {
  display: grid !important;
  grid-template-columns: 200px 1fr 1fr 1fr !important;
  min-height: 200px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-layout.sm-3col {
  grid-template-columns: 200px 1fr 1fr !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-visual {
  position: relative !important;
  overflow: hidden !important;
  border-right: 1px solid rgba(213,170,94,.5) !important;
  background: #050709 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-visual img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 35% !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-visual .sm-emblem {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-visual .sm-emblem svg {
  width: 60% !important;
  height: 60% !important;
  color: rgba(223,182,96,.6) !important;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.65)) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-col {
  padding: 18px 18px !important;
  border-right: 1px solid rgba(213,170,94,.16) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 10px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-col:last-child {
  border-right: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-avatar {
  width: 132px !important;
  height: 132px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(213,170,94,.5) !important;
  background: #050709 !important;
  overflow: hidden !important;
  cursor: pointer !important;
  position: relative !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-avatar .sm-upload {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  gap: 2px !important;
  background: rgba(10,6,4,.72) !important;
  opacity: 0 !important;
  transition: opacity .15s !important;
  color: #f4e6c6 !important;
  font: 700 10px/1.2 var(--sea-ui-sans) !important;
  text-align: center !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-avatar .sm-upload span:first-child {
  font-size: 16px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-avatar:hover .sm-upload {
  opacity: 1 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-nick-big {
  font: 400 22px/1.1 'Pirata One', Georgia, serif !important;
  color: #f0d6a2 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-field {
  width: 100% !important;
  display: grid !important;
  gap: 5px !important;
  text-align: left !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-field label {
  font: 700 10.5px/1 var(--sea-ui-sans) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-field input {
  width: 100% !important;
  box-sizing: border-box !important;
  height: 34px !important;
  padding: 0 10px !important;
  background: rgba(0,0,0,.38) !important;
  border: 1px solid rgba(213,170,94,.5) !important;
  border-radius: 3px !important;
  color: #f4e6c6 !important;
  font: 600 14px/1 var(--sea-ui-sans) !important;
  color-scheme: dark !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-nick-info {
  display: inline-grid !important;
  place-items: center !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(213,170,94,.5) !important;
  color: #e7c17e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  cursor: help !important;
  vertical-align: middle !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-nick-info:hover {
  background: rgba(213,170,94,.14) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-thumb {
  width: 132px !important;
  height: 132px !important;
  border: 1px solid rgba(213,170,94,.5) !important;
  border-radius: 4px !important;
  background: #050709 !important;
  overflow: hidden !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 35% !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-lines {
  display: grid !important;
  gap: 5px !important;
  font-size: 12.5px !important;
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-lines b {
  color: #f4e6c6 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-info {
  align-items: stretch !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-info-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(213,170,94,.16) !important;
  font-size: 13px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-info-row:last-child {
  border-bottom: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-info-row span {
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-info-row b {
  color: #e7c17e !important;
  font-weight: 700 !important;
  text-align: right !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-stars {
  display: flex !important;
  gap: 2px !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-stars .on {
  color: #ffda71 !important;
  text-shadow: 0 0 6px rgba(255,212,102,.4) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-stars .off {
  color: rgba(233,206,146,.35) !important;
  font-size: 14px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-progress {
  position: relative !important;
  width: min(360px,100%) !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.5) !important;
  border: 1px solid rgba(213,170,94,.3) !important;
  overflow: hidden !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-progress span {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg,#8e6417,#c3922f 30%,#efd178 55%,#fff0a7 75%,#c68b20) !important;
  box-shadow: 0 0 10px rgba(255,207,90,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-progress b {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  font: 800 12px/1 var(--sea-ui-sans) !important;
  letter-spacing: .1em !important;
  color: #1a1205 !important;
  text-shadow: 0 0 4px rgba(255,240,195,.95), 0 0 2px rgba(255,240,195,.95) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-grid5 {
  display: grid !important;
  grid-template-columns: repeat(5,1fr) !important;
  gap: 10px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-grid-card {
  display: grid !important;
  gap: 6px !important;
  justify-items: stretch !important;
  text-align: center !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-grid-tile {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1/1 !important;
  border: 1px solid rgba(213,170,94,.5) !important;
  border-radius: 4px !important;
  background: #050709 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-grid-tile img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 35% !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-grid-card.is-locked .sm-grid-tile {
  filter: brightness(.55) saturate(.7) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-grid-card.is-hidden .sm-grid-tile img {
  display: none !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-grid-card.is-hidden .sm-grid-tile::after {
  content: "" !important;
  width: 30px !important;
  height: 30px !important;
  opacity: .85 !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23e0bd80" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="11" width="16" height="9" rx="2"/><path d="M8 11V7a4 4 0 1 1 8 0v4"/></svg>') center / contain no-repeat !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-grid-name {
  font: 700 11.5px/1.2 var(--sea-ui-sans) !important;
  color: #f4e6c6 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-grid-card.is-selected .sm-grid-tile {
  border-color: #6ddf9e !important;
  box-shadow: 0 0 12px rgba(109,223,158,.3) !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-class-card-grid,
html body #elite-ship-modal#elite-ship-modal #elite-design-card-grid {
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 8px !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-class-card-grid .sm-grid-name,
html body #elite-ship-modal#elite-ship-modal #elite-design-card-grid .sm-grid-name {
  font-size: 10.5px !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-class-card-grid .sm-btn.sm,
html body #elite-ship-modal#elite-ship-modal #elite-design-card-grid .sm-btn.sm {
  padding: 0 6px !important;
  font-size: 15px !important;
  font-family: 'Pirata One', Georgia, serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: .04em !important;
  color: #3a230a !important;
  text-shadow: 0 1px 0 rgba(255,240,200,.6) !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-class-card-grid .sm-btn.sm.green,
html body #elite-ship-modal#elite-ship-modal #elite-design-card-grid .sm-btn.sm.green {
  color: #0f2d05 !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-class-card-grid .sm-grid-card.is-hidden .sm-grid-tile::after,
html body #elite-ship-modal#elite-ship-modal #elite-design-card-grid .sm-grid-card.is-hidden .sm-grid-tile::after {
  width: 24px !important;
  height: 24px !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-ship-page-elite-skins .sm-layout {
  min-height: 140px !important;
  grid-template-columns: 1fr 1fr 1fr !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-ship-page-elite-skins .sm-headerbar.sm-3col {
  grid-template-columns: 1fr 1fr 1fr !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-ship-page-elite-skins .sm-col {
  justify-content: center !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-ship-page-elite-skins .sm-thumb {
  width: 96px !important;
  height: 96px !important;
}

html body #elite-ship-modal#elite-ship-modal .ss-pane:has(> #elite-ship-page-account:not(.hidden)) {
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-ship-page-account:not(.hidden) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-ship-page-account .sm-layout {
  flex: 1 1 auto !important;
  margin-bottom: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-ship-page-account .sm-col {
  justify-content: center !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-ship-page-account .sm-col.sm-info {
  justify-content: center !important;
}

html body #elite-ship-modal#elite-ship-modal .ss-foot.elite-ship-vip-footer {
  background-image:
    url('/dyna/components/119_header_left.jpg'),
    url('/dyna/components/11_header_right.jpg'),
    url('/dyna/components/226_header_seamless.jpg') !important;
  background-position: left center, right center, center center !important;
  background-repeat: no-repeat, no-repeat, repeat-x !important;
  background-size: auto 100%, auto 100%, auto 100% !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-depot-cats {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-cat {
  padding: 6px 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(213,170,94,.3) !important;
  background: rgba(12,7,7,.4) !important;
  color: #b9a98e !important;
  font: 700 12px/1 var(--sea-ui-sans) !important;
  cursor: pointer !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-cat.is-active {
  background: linear-gradient(180deg, rgba(99,24,18,.92), rgba(55,13,12,.96)) !important;
  color: #e7c17e !important;
  border-color: rgba(213,170,94,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-slotbar {
  height: 10px !important;
  border-radius: 5px !important;
  background: rgba(0,0,0,.5) !important;
  box-shadow: inset 0 0 0 1px rgba(213,170,94,.3) !important;
  overflow: hidden !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-slotbar span {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg,#b08d4a,#e2bf73) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-depot-tip {
  font-size: 12px !important;
  color: #b9a98e !important;
  margin: 2px 0 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-depot-flow {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  gap: 0 10px !important;
  align-items: stretch !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-depot-connector {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  color: rgba(213,170,94,.5) !important;
  padding-top: 30px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-depot-connector svg {
  width: 22px !important;
  height: 22px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-depot-col {
  border: 1px solid rgba(213,170,94,.3) !important;
  border-radius: 4px !important;
  background: rgba(12,7,7,.4) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 220px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-depot-col-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid rgba(213,170,94,.16) !important;
  font: 700 12px/1 var(--sea-ui-sans) !important;
  color: #f4e6c6 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-depot-col-head .sm-count {
  color: #b9a98e !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-depot-col-foot {
  padding: 8px 10px !important;
  border-top: 1px solid rgba(213,170,94,.16) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-depot-col-foot .sm-btn {
  width: 100% !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-stats-row-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr)) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-stats-row-grid .elite-ship-depot-stat {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  margin: 0 !important;
  border-right: 1px solid rgba(168,114,56,.44) !important;
  min-height: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-stats-row-grid .elite-ship-depot-stat strong {
  font-size: 12px !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-stats-row-grid .elite-ship-depot-stat .pos {
  font-size: 14px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-stats-row-grid .elite-ship-depot-stat:last-child {
  border-right: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-stats-row-grid .elite-ship-depot-stat small {
  display: none !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-depot-grid {
  padding: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, 52px) !important;
  gap: 8px !important;
  align-content: start !important;
  justify-content: start !important;
  flex: 1 !important;
  min-height: 140px !important;
  background: transparent !important;
  border: 0 !important;
  margin: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-depot-grid.drop-active {
  outline: 1px dashed rgba(252,220,130,.6) !important;
  outline-offset: -4px !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-page > * {
  transform: none !important;
  width: 100% !important;
  margin: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-page {
  background: #0a0a0a !important;
  padding: 14px !important;
  box-sizing: border-box !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-account-shell,
html body #elite-ship-modal#elite-ship-modal #elite-skins-shell,
html body #elite-ship-modal#elite-ship-modal .elite-generic-page {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-depot-frame {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-account-shell,
html body #elite-ship-modal#elite-ship-modal #elite-skins-shell {
  display: block !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-account-shell *,
html body #elite-ship-modal#elite-ship-modal #elite-skins-shell *,
html body #elite-ship-modal#elite-ship-modal #elite-ship-depot-shell *,
html body #elite-ship-modal#elite-ship-modal .skilltree-shell *,
html body #elite-ship-modal#elite-ship-modal .castle-shell *,
html body #elite-ship-modal#elite-ship-modal .cauldron-shell *,
html body #elite-ship-modal#elite-ship-modal .logbook-body * {
  font-family: var(--sea-ui-sans) !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-btn,
html body #elite-ship-modal#elite-ship-modal .sm-btn *,
html body #elite-ship-modal#elite-ship-modal .sm-nick-big {
  font-family: 'Pirata One', Georgia, serif !important;
}

html body #elite-ship-modal#elite-ship-modal .sm-headerbar span,
html body #elite-ship-modal#elite-ship-modal .sm-card-title,
html body #elite-ship-modal#elite-ship-modal .sm-card-title * {
  font-family: var(--sea-ui-sans) !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-depot-item {
  position: relative !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  transition: transform .12s !important;
  overflow: visible !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-depot-item:hover {
  transform: translateY(-2px) !important;
  border: 0 !important;
  box-shadow: none !important;
  background: rgba(213,170,94,.08) !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-depot-item img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  margin: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-depot-item-count {
  position: absolute !important;
  right: -2px !important;
  bottom: -2px !important;
  left: auto !important;
  top: auto !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 3px !important;
  border-radius: 8px !important;
  background: #e2c88e !important;
  border: 1px solid #6d4a1c !important;
  color: #3a230a !important;
  font: 800 9.5px/14px var(--sea-ui-sans) !important;
  text-align: center !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-depot-empty {
  color: #b9a98e !important;
  border-color: rgba(213,170,94,.25) !important;
  background: none !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-vip-footer {
  justify-content: center !important;
  gap: 14px !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-vip-footer .ss-foot-gap {
  display: none !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-vip-footer .sea-vip-text {
  color: #f4d995 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-shadow: 0 1px 2px #000 !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-vip-footer .sea-vip-text b {
  color: #fff0c6 !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-vip-footer .ss-btn {
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  height: 30px !important;
  padding: 0 16px !important;
  border: 1px solid #6d4a1c !important;
  border-radius: 3px !important;
  font: 400 15px/1 'Pirata One', Georgia, serif !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  color: #3a230a !important;
  text-shadow: 0 1px 0 rgba(255,240,200,.6) !important;
  background: radial-gradient(ellipse at 50% 40%, #f3e2b6 0%, #e2c88e 58%, #c29a58 100%) !important;
  box-shadow: inset 0 0 10px 2px rgba(96,54,12,.5), 0 2px 4px rgba(0,0,0,.5) !important;
  clip-path: none !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-shell {
  display: grid !important;
  grid-template-columns: 200px 1fr !important;
  gap: 12px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-left {
  border: 1px solid rgba(213,170,94,.5) !important;
  background: rgba(20,12,12,.6) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.6) !important;
  padding: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-voodoo {
  display: none !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-scroll-title {
  font: 400 20px/1.1 'Pirata One', Georgia, serif !important;
  color: #f0d6a2 !important;
  text-align: center !important;
  background: none !important;
  border: 0 !important;
  text-shadow: none !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-invested {
  background: rgba(12,7,7,.4) !important;
  border: 1px solid rgba(213,170,94,.3) !important;
  border-radius: 4px !important;
  padding: 10px !important;
  text-align: center !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-invested-label {
  color: #b9a98e !important;
  font: 700 10.5px/1.4 var(--sea-ui-sans) !important;
  letter-spacing: .06em !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-invested-value {
  color: #e7c17e !important;
  font: 400 24px/1.2 'Pirata One', Georgia, serif !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-side-btn {
  height: 30px !important;
  border: 1px solid #6d4a1c !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  font: 400 14px/1 'Pirata One', Georgia, serif !important;
  color: #3a230a !important;
  text-shadow: 0 1px 0 rgba(255,240,200,.6) !important;
  background: radial-gradient(ellipse at 50% 40%, #f3e2b6 0%, #e2c88e 58%, #c29a58 100%) !important;
  box-shadow: inset 0 0 10px 2px rgba(96,54,12,.5), 0 2px 4px rgba(0,0,0,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-main {
  border: 1px solid rgba(213,170,94,.5) !important;
  background: rgba(20,12,12,.6) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.6) !important;
  padding: 14px !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-path-tab {
  padding: 6px 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(213,170,94,.3) !important;
  background: rgba(12,7,7,.4) !important;
  color: #b9a98e !important;
  font: 700 12px/1 var(--sea-ui-sans) !important;
  cursor: pointer !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-path-tab.is-active {
  background: linear-gradient(180deg, rgba(99,24,18,.92), rgba(55,13,12,.96)) !important;
  color: #e7c17e !important;
  border-color: rgba(213,170,94,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-head-title {
  color: #f0d6a2 !important;
  font: 400 19px/1.2 'Pirata One', Georgia, serif !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-path-title {
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-balance {
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-balance strong {
  color: #e7c17e !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-skill-row {
  border: 1px solid rgba(213,170,94,.25) !important;
  border-radius: 4px !important;
  background: rgba(12,7,7,.4) !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-skill-row.is-active {
  border-color: rgba(213,170,94,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-skill-title {
  color: #f4e6c6 !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-skill-desc {
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-skill-level {
  color: #e7c17e !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-upgrade-btn,
html body #elite-ship-modal#elite-ship-modal .skilltree-draft-dec-btn {
  border: 1px solid #6d4a1c !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  color: #3a230a !important;
  background: radial-gradient(ellipse at 50% 40%, #b4e07a 0%, #63b32e 58%, #2c7312 100%) !important;
  box-shadow: inset 0 0 8px 2px rgba(22,64,8,.55), 0 2px 4px rgba(0,0,0,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-path-summary {
  color: #b9a98e !important;
  background: rgba(0,0,0,.25) !important;
  border: 0 !important;
  border-radius: 3px !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-reset-btn,
html body #elite-ship-modal#elite-ship-modal .skilltree-save-btn {
  height: 30px !important;
  padding: 0 14px !important;
  border: 1px solid #6d4a1c !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  font: 400 14px/1 'Pirata One', Georgia, serif !important;
  text-shadow: 0 1px 0 rgba(255,240,200,.6) !important;
  box-shadow: inset 0 0 10px 2px rgba(96,54,12,.5), 0 2px 4px rgba(0,0,0,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-reset-btn {
  color: #3c0a01 !important;
  background: radial-gradient(ellipse at 50% 40%, #f49d7e 0%, #cf3f1e 58%, #771505 100%) !important;
}

html body #elite-ship-modal#elite-ship-modal .skilltree-save-btn {
  color: #0f2d05 !important;
  background: radial-gradient(ellipse at 50% 40%, #b4e07a 0%, #63b32e 58%, #2c7312 100%) !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-shell {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-topbar {
  background: rgba(12,7,7,.6) !important;
  border: 1px solid rgba(213,170,94,.3) !important;
  border-radius: 4px !important;
  color: #f0d6a2 !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-head-title {
  color: #f0d6a2 !important;
  font: 400 19px/1.2 'Pirata One', Georgia, serif !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-balance {
  color: #e7c17e !important;
  font-weight: 800 !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-portrait {
  display: none !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-layout {
  gap: 12px !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-section-card {
  border: 1px solid rgba(213,170,94,.3) !important;
  border-radius: 4px !important;
  background: rgba(12,7,7,.4) !important;
  color: #f4e6c6 !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-section-card.is-active {
  border-color: #f3d68a !important;
  box-shadow: 0 0 12px rgba(255,214,132,.25) !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-card-title {
  color: #f4e6c6 !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-detail-panel {
  border: 1px solid rgba(213,170,94,.5) !important;
  background: rgba(20,12,12,.6) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.6) !important;
  border-radius: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-detail-title {
  color: #f0d6a2 !important;
  font-family: 'Pirata One', Georgia, serif !important;
  font-weight: 400 !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-mod-row {
  border: 1px solid rgba(213,170,94,.2) !important;
  background: rgba(0,0,0,.25) !important;
  border-radius: 4px !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-mod-title {
  color: #f4e6c6 !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-mod-desc {
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-mod-cost {
  color: #e7c17e !important;
}

html body #elite-ship-modal#elite-ship-modal .castle-mod-upgrade-btn {
  border: 1px solid #6d4a1c !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  color: #0f2d05 !important;
  font-family: 'Pirata One', Georgia, serif !important;
  text-shadow: 0 1px 0 rgba(255,240,200,.6) !important;
  background: radial-gradient(ellipse at 50% 40%, #b4e07a 0%, #63b32e 58%, #2c7312 100%) !important;
  box-shadow: inset 0 0 8px 2px rgba(22,64,8,.55), 0 2px 4px rgba(0,0,0,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-shell {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  gap: 12px !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-portrait {
  display: none !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-col {
  border: 1px solid rgba(213,170,94,.5) !important;
  background: rgba(20,12,12,.6) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.6) !important;
  border-radius: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-col-head {
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  border-bottom: 2px solid #1a140c !important;
  font: 700 13px/1 var(--sea-ui-sans) !important;
  letter-spacing: .06em !important;
  text-shadow: 0 1px 1px #000 !important;
  color: #f3e2b0 !important;
  background: url('/dyna/components/119_header_left.jpg') left center / auto 100% no-repeat, url('/dyna/components/226_header_seamless.jpg') center / auto 100% repeat-x, url('/dyna/components/11_header_right.jpg') right center / auto 100% no-repeat !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-loot-item {
  border: 1px solid rgba(213,170,94,.3) !important;
  border-radius: 5px !important;
  background: rgba(0,0,0,.28) !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-loot-item.is-selected,
html body #elite-ship-modal#elite-ship-modal .cauldron-loot-item:hover {
  border-color: rgba(252,220,130,.8) !important;
  box-shadow: 0 0 10px rgba(255,214,132,.25) !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-loot-item-label {
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-loot-item-badge {
  background: #e2c88e !important;
  border: 1px solid #6d4a1c !important;
  color: #3a230a !important;
  border-radius: 9px !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-qty-btn {
  padding: 5px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(213,170,94,.3) !important;
  background: rgba(12,7,7,.4) !important;
  color: #b9a98e !important;
  font: 700 12px/1 var(--sea-ui-sans) !important;
  cursor: pointer !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-qty-btn.is-selected {
  background: linear-gradient(180deg, rgba(99,24,18,.92), rgba(55,13,12,.96)) !important;
  color: #e7c17e !important;
  border-color: rgba(213,170,94,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-cast-btn {
  height: 30px !important;
  padding: 0 16px !important;
  border: 1px solid #6d4a1c !important;
  border-radius: 3px !important;
  font: 400 15px/1 'Pirata One', Georgia, serif !important;
  color: #0f2d05 !important;
  text-shadow: 0 1px 0 rgba(255,240,200,.6) !important;
  background: radial-gradient(ellipse at 50% 40%, #b4e07a 0%, #63b32e 58%, #2c7312 100%) !important;
  box-shadow: inset 0 0 8px 2px rgba(22,64,8,.55), 0 2px 4px rgba(0,0,0,.5) !important;
  clip-path: none !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-mojo-pill {
  border: 1px solid rgba(213,170,94,.4) !important;
  background: rgba(12,7,7,.5) !important;
  color: #e7c17e !important;
  border-radius: 999px !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-map-card {
  border: 1px solid rgba(213,170,94,.3) !important;
  border-radius: 4px !important;
  background: rgba(12,7,7,.4) !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-map-name {
  color: #f4e6c6 !important;
  font-weight: 700 !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-map-count {
  color: #e7c17e !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-map-status {
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .cauldron-status {
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .deq-slot-progress {
  height: 10px !important;
  border-radius: 5px !important;
  background: rgba(0,0,0,.5) !important;
  box-shadow: inset 0 0 0 1px rgba(213,170,94,.3) !important;
  overflow: hidden !important;
  border: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .deq-slot-progress-fill {
  background: linear-gradient(90deg,#b08d4a,#e2bf73) !important;
  box-shadow: none !important;
}

html body #elite-ship-modal#elite-ship-modal .elite-ship-pane {
  display: flex !important;
  flex-direction: column !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-ship-page-logbook {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

html body #elite-ship-modal#elite-ship-modal #elite-ship-page-logbook.hidden {
  display: none !important;
}

html body #elite-ship-modal#elite-ship-modal .logbook-body {
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid rgba(213,170,94,.5) !important;
  background: rgba(20,12,12,.6) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.6) !important;
  padding: 10px !important;
}

html body #elite-ship-modal#elite-ship-modal #logbook-list {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  border: 1px solid rgba(213,170,94,.3) !important;
  border-radius: 4px !important;
  background: rgba(12,7,7,.4) !important;
}

html body #elite-ship-modal#elite-ship-modal .logbook-entry {
  display: grid !important;
  grid-template-columns: 130px 1fr !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 9px 12px !important;
  border-bottom: 1px solid rgba(213,170,94,.16) !important;
  color: #f4e6c6 !important;
  font-size: 13.5px !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html body #elite-ship-modal#elite-ship-modal .logbook-entry:hover {
  background: rgba(52,26,18,.5) !important;
}

html body #elite-ship-modal#elite-ship-modal .logbook-entry-date {
  color: #b9a98e !important;
  font-variant-numeric: tabular-nums !important;
}

html body #elite-ship-modal#elite-ship-modal .logbook-entry-main {
  color: #f4e6c6 !important;
}

html body #elite-ship-modal#elite-ship-modal .logbook-empty {
  padding: 16px !important;
  color: #b9a98e !important;
  text-align: center !important;
}

html body #elite-ship-modal#elite-ship-modal .logbook-pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  padding-top: 10px !important;
  color: #b9a98e !important;
}

html body #elite-ship-modal#elite-ship-modal .logbook-pagination-btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(213,170,94,.3) !important;
  background: rgba(12,7,7,.4) !important;
  color: #f4e6c6 !important;
  cursor: pointer !important;
}

html body #elite-ship-modal#elite-ship-modal .logbook-pagination-btn:hover {
  border-color: rgba(252,220,130,.8) !important;
}

html body #elite-ship-modal#elite-ship-modal .logbook-pagination-info {
  color: #b9a98e !important;
}

@media (max-width: 760px) {
  html body #elite-ship-modal#elite-ship-modal .sm-layout {
    grid-template-columns: 1fr !important;
  }

  html body #elite-ship-modal#elite-ship-modal #elite-ship-page-elite-skins .sm-layout {
    grid-template-columns: 1fr !important;
  }

  html body #elite-ship-modal#elite-ship-modal .sm-visual {
    height: 160px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(213,170,94,.5) !important;
  }

  html body #elite-ship-modal#elite-ship-modal .sm-col {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(213,170,94,.16) !important;
  }

  html body #elite-ship-modal#elite-ship-modal .sm-headerbar span {
    font-size: 12px !important;
  }

  html body #elite-ship-modal#elite-ship-modal #elite-class-card-grid,
  html body #elite-ship-modal#elite-ship-modal #elite-design-card-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  html body #elite-ship-modal#elite-ship-modal .sm-depot-flow {
    grid-template-columns: 1fr !important;
  }

  html body #elite-ship-modal#elite-ship-modal .sm-depot-connector {
    flex-direction: row !important;
    padding: 6px 0 !important;
  }

  html body #elite-ship-modal#elite-ship-modal .sm-depot-connector svg {
    transform: rotate(90deg) !important;
  }

  html body #elite-ship-modal#elite-ship-modal .skilltree-shell {
    grid-template-columns: 1fr !important;
  }
}